/*
    Theme Name: Gonzalez Gil Propiedades y Arquitectura 
    Theme URI:
    Author: Scientia
    Author URI: 
    Theme Description: Theme diseñado para Gonzalez Gil propiedades y Arquitectura
    Version: 1.0    
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl.2.0.html
    Tags; CSS Grid, Gutemberg, Flexbox, mobile First
    Text Domain: gonzalezGilPropiedadesYarquitectura
*/

:root{
    --Fuente: 'Open Sans', sans-serif;
    --Blue: #4484E5;
    --grey-links: #545454;
    --grey-text: #707070;
    --grey-whapNumber: #5D5D5D;

   } 
    html{
   font-size: 62.5%;
   box-sizing: border-box;
   height: 100%;
   scroll-behavior: smooth;
   }
   *,*:before,*:after{
   box-sizing: inherit;
   margin: 0;
   padding: 0;
   }
   body{
   font-size: 16px;
   font-family: var(--Fuente);
   height: 100%;
   overflow-x: hidden;
   position: relative;
   padding-top: 80px;
   }
   img{
       display: block;
       max-width: 100%;
   }
   a{
       text-decoration: none;
       cursor: pointer;
   }
   ul{
       list-style: none;
   }


   /* HEADER */
   .site-header{
       width: 100%;
       min-height: 80px;

        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 5px 6px #0000002E;
        opacity: 1;

        display: flex;
        align-items: center;
        justify-content: space-around;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 30;


   }

   .site-header .logo img{
       width: 95%;
       max-width: 26rem;
   }
   
   /* /HEADER */
   .slicknav_menu{
       display: none;
   }

   /* Menu Escritorio */
   @media (min-width: 760px){
    #menu .menu{
        display: flex;
        }
        #menu .menu li{
            flex: 1;
        }
        .site-navBar .navBar-links a{
            font-size: 1.6rem;
            line-height: 2.2rem;
            color:var(--grey-links);
            text-transform: uppercase;
            text-align: center;
            padding: .7rem 1.4rem;

        }
    

   }
   /* /Menu Escritorio */
   /* Menu Responsive */
   .burguer-btn{
       display: none;
   }
   @media (max-width:760px){
       .burguer-btn{
           display: block;
       }
       #menu .menu{
        position: absolute;
        left: 0;
        z-index: 16;
        background: white;
        width: 100vw;
        bottom: -185px;
        text-align: center;
        display: none;
        transition: all .8s ease;
        opacity: 0;
        visibility: hidden;
       }
       #menu .menu.active{
        display: block;
        opacity: 1;
        visibility: visible;
       }
    }
    #menu .menu li{
        padding: 2rem 0;
    }
    #menu .menu a{
     font-size: 1.6rem;
     line-height: 2.2rem;
     color:var(--grey-links);
     text-transform: uppercase;
     text-align: center;
     padding: .7rem 1.4rem;
     margin: 0;
    }

   
   /* /Menu Responsive */

   /* Hero */
   .hero{
       width: 100vw;
       min-height: calc(100vh - 80px);
       background-image: url('img/PosterImage.png');
       background-repeat: no-repeat;
       background-size: cover;
       background-position: left center;
       position: relative;
       overflow: hidden;
       margin-bottom: 80px;
   }
   .hero .shadow{
       background-color: rgba(107,107,107,.42);
       position: absolute;
       z-index: 5;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;

   }
.divider-v {
    /* display: none; */
    
    width: 76%;
    height: 1px;
    background-color: #fff;
    left: 8%;
    top: 50%;
    z-index: 11;
}

/*
	.go-to-bottom{
		display:flex;
		width:100%;
		 
	}

   .go-to-bottom a{
    width: 80px;
     
    height: 80px;
    border: 1px solid white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    
    transition: all .6s ease;
	margin: 0 15px;
   }
   .go-to-bottom a:hover{
       transform: scale(1.1) translateY(-5px);
   }
   
   */
   
   
   @media screen and (min-device-height:900px){
       .hero{
                display: grid;
				grid-template-rows: 1fr,1fr, 1fr, 1fr;
				align-items: center;
				align-content: space-evenly;;
       }
	   		.hero-section_3 .redes2{
			
			 display: flex;
		}
   }

   .hero-section{
       position: relative;
       z-index: 10;
   }

   .hero-section_1{
       position: relative;

   }
   
   
   .hero-section_1 .redes, .hero-section_3 .redes2{
       width: 100%;
       display: flex;
       justify-content: center;
    }
	
	.hero-section_1 .redes{
		padding-top: 45px;
		padding-left:0px;
	}
	
	.hero-section_3 .redes2{
		padding: 20px 0;
		display: none;
	}
	.hero-section_3 .redes2 a{
		padding: 0 15px;
	}
    
    .hero-section_1 .redes a{
        transition: all .6s ease;
    }
    .hero-section_1 .redes a:first-of-type{
        padding-right: 30px;
    }
    .hero-section_1 .redes a:hover{
        transform: scale(1.1);
    }
    @media (min-width:760px) {
        .hero-section_1 .redes{
            /* position: absolute; */
            justify-content: space-between;
            align-items: flex-start;
            padding-left: 29px;
            flex-direction: column-reverse;
			display: none; 
        }
        .hero-section_1 .redes a{
            padding-right: 0;

        }
        .hero-section_1 .redes a{
            padding-bottom: 20px;
        }
		 .hero-section_3 .redes2{
			 display: flex; 
		 }

        
		.arrow-down{
			display:none;
		}
		
       }
   .hero-section_1 .section-content{
       
   }
   .hero-section_1 .section-content .content-title{
        color: #FFFFFF;  
        text-align: center;
   }
   .hero-section_1 .section-content .content-title .title{
       font-size: 6vw;
       font-weight: 700;
       line-height: 15vw;
       display: flex;
       flex-direction: column;
       text-shadow: 0px 3px 6px #00000029;
       text-transform: uppercase;
       padding-top: 35px;
    }
 
    .hero-section_1 .section-content .content-title .subtitle{
        font-size: 8vw;
        line-height: 18vw;
        font-weight: 700;
        text-shadow: 0px 3px 6px #00000029;
        text-transform: uppercase;
        padding-bottom: 30px;
    }
	
	
	@media (min-width:760px) {
		 .hero-section_1 .section-content .content-title .title{
 font-size: 2.6vw;
      line-height: 4vw;
			 
		 }
		 
		     .hero-section_1 .section-content .content-title .subtitle{
        font-size: 3vw;
        line-height: 4vw;}
		
		
	}
	
    .hero-section_1 .section-content .content-title .contactanos{
        font-size: 2.5rem;
        line-height: 2.7rem;
        font-weight: 600;
        text-transform: uppercase;
        padding-bottom: 30px;
   }
   
	.hero-section_1 .form-content {
		width: 20%;
		min-width: 450px;
		border-radius: 39px;
		opacity: 1;
		padding: 34px 52px 34px 52px;
		margin: 0 auto;
	}
   @media (max-width:447px){
    .hero-section_1 .form-content{
        padding: 34px;
		min-width: 370px;
		 
    }

   }
   .hero-section_1 .whapp-wrapp{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    background-color: #EFEFEF;
    border-radius: 33px;
	}
.hero-section_1 .whapp-wrapp img{
    max-width: 29px;
    margin-right: 10px;
}
@media (min-width:447px){
    .hero-section_1 .whapp-wrapp img{
        margin-right: 20px;
    }
}    
.hero-section_1 .whapp-wrapp a{
    color: var(--grey-whapNumber);
    font-size: 3.1rem;
    line-height: 3.3rem;
    font-weight: 700;
}
@media (max-width:447px){
    .hero-section_1 .whapp-wrapp a{
        font-size: 2.6rem;
        line-height: 1.8rem;
    }
   }
.hero-section_1 .divider{
    padding: 1.6rem 0;
    position: relative;
    text-align: center;
    color: var(--grey-whapNumber);
    overflow: hidden;
}
.hero-section_1 .divider::after{
    content: '';
    height: 2px;
    background-color: #E8E8E8;
    width: 45%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    
}
.hero-section_1 .divider::before{
    content: '';
    height: 2px;
    background-color: #E8E8E8;
    width: 45%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    
}
.hero-section_2{
    /*display: flex;*/
    justify-content: center;
    align-items: center;
}
.hero-section_2 .section-content{
    text-align: center;
     
    margin: 0 auto;
}
.hero-section_2 p, .hero-section_2 h1{
    color: #FFFFFF;
    text-align: center;
 }
 .hero-section_2 p{
     font-size: 2.7rem;
     line-height: 3.7rem;
     font-weight: 400;
     padding-bottom: 15px;
     
 }
 .hero-section_2 h1{
 font-size: 2.6vw;
 line-height: 2.6vw;
 padding-bottom: 40px;
 text-shadow: 0px 3px 6px #00000029;
 }
 .hero-section_2 a{
     margin: 0 auto;
 }
.form-body p.text{
    color: var(--grey-whapNumber);
    font-size: 1.2rem;
}
.form-body .input-wrapp{
    padding-top: 2.6rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-form{
    text-align: left;
}

.header-form form p{
    text-align: left;
}
.header-form form p:last-of-type{
    position: relative;
    text-align: left;
}
@media (max-width:992px) {
    .header-form form p:last-of-type{
        text-align: center;
    }
}
.header-form .wpcf7-spinner{
    position: absolute;
    bottom: 0;
    right: 0;
}
.header-form input{
    border: 1px solid #707070;
    color: #707070;
    font-size: 1.2rem;
    border-radius: .5rem;
    width: 100%;
    padding: 1rem;
    margin-top: 28px;
}
.header-form input::placeholder{
    color: #707070;
    font-size: 1.2rem;
}
.header-form input[type="submit"]{
    padding: 15px 35px;
    text-align: center;
    color: #FFFFFF;
    background-color: var(--Blue);
    text-transform: uppercase;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 35px;
    max-width: 162px;
    border: none;
    margin: 0 auto;
    cursor: pointer;
    margin-top: 28px;
}
.header-form textarea{
	border: 1px solid #707070;
    color: #707070;
    font-size: 1.2rem;
    border-radius: .5rem;
    width: 100%;
    padding: 1rem;
    margin-top: 28px;
	max-width: 100%;
	min-width:	100%;
	min-height:3.6rem;
	height:7.7rem;
	max-height:7.7rem;
}
.header-form textarea::placeholder{
    color: #707070;
    font-size: 1.2rem;
}

.arrow-down{
    width: 100%;
    display: none;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 15px;
}
.arrow-down a{
    transition: all .5s ease;
}
.arrow-down a:hover{
    transform: scale(1.1) translateY(-5px);
}
   @media (max-width: 760px){
       .hero-section_2, .divider-v{
           display: none;
       }
       .arrow-down{
           display: flex;
       }
   }
   /* /Hero */

   /* MAIN */
   .main{
       /* padding: 10rem 0 5rem; */
   }
   @media (min-width:760px){
       .main{
           max-width: 1490px;
           margin: 0 auto;
       }
       .section-2 p, .section-2 h1{
           color: #FFFFFF;
           text-align: center;
        }
        .section-2 p{
            font-size: 2.7rem;
            line-height: 3.7rem;
            font-weight: 400;
            padding-bottom: 15px;
            
        }
        .section-2 h1{
        font-size: 5.9rem;
        line-height: 8rem;
        padding-bottom: 100px;
        }
   }
   .section{
       margin: 0 auto;
    }
    .section-1{
       max-width: 375px;
       padding-top: 80px;

   }
   @media (min-width:760px){
    .section-1{
        max-width:1490px;
    }

   }
   @media (min-width:760px){

    .section_0{
        display: none;
    }
   }
   @media (max-width:992px) {
   .section_0{
       width: 100%;
       display: block;
   }
   .section_0 .section-content{
       max-width: 335px;
       margin: 0 auto;
       text-align: center;
       border-bottom: 3px solid rgba(112,112,112,.24);
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
    }
    .section_0 .section-content p{
        padding-bottom: 8px;
    }
    .section_0 .section-content h1{
        font-size: 4.3rem;
        line-height: 6.7rem;
       color: var(--grey-text);
       font-weight: 800;
       margin: 0;
       padding-bottom: 24px;

   }
   .section_0 .section-content a{
       margin-bottom: 90px;
   }
   

   }

   .section-1 p.wid{
    max-width: 486px;
    margin: 0 auto;
    font-weight: 400;
   }
   .section h3{
    font-size: 4.2rem;
    line-height: 5.7rem;
    color: var(--grey-text);
    text-align: center;
    padding-bottom: 50px;
    font-weight: 800;
   }
   .section p{
    color: var(--grey-text);
    text-align: center;
    font-size: 2.0rem;
    line-height: 2.7rem;
    padding-bottom: 50px;
   }
   .section p.bold{
       font-weight: bold;
       padding-bottom: 50px;
   }
   .section-cards{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
   }
   .section-cards .card{
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       max-width: 215px;
       margin: 0 auto;
   }
   .section-cards .card p{
       padding-bottom: 40px;
       font-weight: 600;
   }
   .section-cards .card img{
       padding-bottom: 25px;
   }
   .section-cards .card .line-d{
       width: 40%;
       height: 2px;
       background-color: #E1E1E1;
       margin-bottom: 25px;
   }
   @media (min-width:760px){
    .section-cards{
        flex-direction: row;
        max-width: 950px;
        margin: 0 auto;
    }
    .section-cards .card .line-d{
        display: none;
    }
   }

   .card-lg{
        padding: 32px;
       text-align: left;
       margin: 0 auto;
       border-radius: 21px;
       color: #FFFFFF;
       padding-bottom: 64px;
       position: relative;
       overflow: hidden;
       margin-bottom: 35px;
       max-width: 95%;
    }
    @media (max-width:447px) {
        .card-lg{
            padding: 32px 25px;
        }
    }
    @media (max-width:767.98px) {
        .card-lg:first-of-type{
           background-image: url('img/low-angle.jpg');
           background-repeat: no-repeat;
           background-size: cover;
            background-position: center;
           
       }
        .card-lg:nth-child(2){
           background-image: url('img/Patrick-living.jpg');
           background-repeat: no-repeat;
           background-size: cover;
            background-position: center;
            margin-bottom: 0;
           
       }
    
       .card-lg .image{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.42);
        z-index: 2;
       }
       .card-lg .image img{
           display: none;
       }
    }

   .card-lg .content{
       z-index: 10;
       position: relative;
   }
   .card-lg .content h4{
       font-size: 3.1rem;
       line-height: 3.8rem;
       padding-bottom: 32px;
       font-weight: 800;
   }
   @media (min-width:447px) {
       .card-lg .content h4{
           font-size: 3.4rem;
           line-height: 4rem;
       }
   }
  
   .card-lg .content p{
       font-size: 1.6rem;
       line-height: 2.2rem;
       color: #FFFFFF;
       font-weight: normal;
       text-align: left;
       padding-bottom: 58px;
   }
   .section-cards.lg{
       overflow: hidden;
       padding-bottom: 80px;
   }
   @media (min-width:760px) {
    .section-cards.lg{
        flex-direction: column;
        max-width: 100%;
        padding-top: 100px;
        padding-bottom: 40px;
        
    }
    .card-lg{
        width: 95%;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 6px 10px 15px #00000029;
        background-image: none;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 0;
        margin-bottom: 60px;
    }
    .card-lg .image{
        display: block;
        position: relative;
    }
    .card-lg .image img{
        height: 100%;
        object-fit: cover;
    }
    .card-lg .content{
        padding-left: 34px;
        padding-top: 34px;
        padding-bottom: 34px;
        max-width: 400px;
    }
    .card-lg .content h4{
        color: var(--grey-text);
    }
    
    .card-lg .content p{
            color: var(--grey-text);
    }

    .card-lg:last-child{
        grid-template-columns: 373px 1fr;
    }
    .card-lg:last-child .btn{
        color: var(--Blue);
    }
    .card-lg:last-child .content{
        max-width: 800px;
    }
   }
   .btn{
       color: #FFFFFF;
       text-transform: uppercase;
       padding: 15px 25px;
       text-align: center;
       border: 1px solid var(--Blue);
       box-shadow: 0px 3px 6px #00000029;
       border-radius: 33px;
       font-size: 1.4rem;
       line-height: 1.9rem;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: max-content;
        min-width: 200px;
        cursor: pointer;
   }
   .btn.btn-solid{
    background-color: var(--Blue);
   }
   @media (max-width:768px){
       .btn.btn-ghost{
           border-color: #FFFFFF;
       }

   }
   @media (min-width:760px){
        .btn.btn-ghost{
            border-color: var(--Blue);
        }
    }
   /* /MAIN */

   .section-pericias{
       max-width: 370px;
       padding-top: 80px;
   }
   .section-pericias .text{
       padding: 0 32px;
   }
   @media (min-width:760px){
    .section-pericias{
        max-width: 95%;
    }
    .section-pericias .text{
        margin: 0 auto;
        max-width: 824px;
    }
    
   }
   .martillero{
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
   }

   .martillero .image{
       margin-bottom: 20px;
   }

   .martillero .datos .title{
    font-weight: 600;
    padding-bottom: 30px;
   }
   .martillero .datos .name{
    font-weight: 700;
    padding-bottom: 0;
   }
   .martillero .datos .matricula{
    font-weight: 400;
   }
   @media(min-width:768px){
    .martillero{
        flex-direction: row;
    }
    .martillero .image{
        padding-right: 25px;
    }
    .martillero .datos .matricula{
        padding: 0;
    }
   }
   /*  */

   .section-inscripciones{
       padding: 32px;
       border-radius: 42px;
       overflow: hidden;
       position: relative;
        bottom: -80px;
        z-index: 10;
        max-width: 95%;
        margin: 0 auto;
   }

   @media (max-width:447px){
    .section-inscripciones{
        padding: 32px 25px;
    }
   }
   @media (max-width:768px){
        .section-inscripciones{
            background-image: url('img/hammer-mod.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            position: relative;
        }
        .section-inscripciones .image{
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0,0,0,.42);
            z-index: 2;
        }
        .section-inscripciones .image img{
            display: none;
        }
    }
   .section-inscripciones .content{
    color: #FFFFFF;
    min-height: 450px;
    border-radius: 21px;
    position: relative;
    z-index: 10;
   }
   .section-inscripciones .content h4{
    font-size: 3.1rem;
    line-height: 3.8rem;
    
    font-weight: 800;
    padding-bottom: 26px;
   }
   @media (min-width:447px){
    .section-inscripciones .content h4{
        font-size: 3.4rem;
        line-height: 3.9rem;
       }
   }
   
   .section-inscripciones .content ul{
       padding-bottom: 45px;
   }
   .section-inscripciones .content ul li{
    font-size: 1.8rem;
    line-height: 1.9rem;
    font-weight: 400;
    padding-bottom: 20px;
    padding-left: 20px;
    position: relative;
   }
   .section-inscripciones .content ul li::before{
       content: '';
       width: 8px;
       height: 8px;
       border-radius: 50%;
       background-color: var(--Blue);
       position: absolute;
       left: 0;
       top: 6px;
   }

@media (min-width:760px){
    .section-inscripciones{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding: 0;
        box-shadow: 6px 10px 15px #00000029;
        background-color: #fff;
    }
    .section-inscripciones .image img{
        height: 100%;
        object-fit: cover;
    }
    .section-inscripciones .content{
        padding-top: 35px;
        padding-left: 35px;
        padding-right: 35px;
        color: var(--grey-text);
    }
}
   /*  */

   .section-sobreNos{
       width: 100%;
       background-image: url('img/pexels-273238@2x.png');
       background-repeat: no-repeat;
       background-position: center;
       background-size: cover;
       overflow: hidden;
       padding: 160px 32px;

        position: relative;
    }
    .section-sobreNos .shadow{
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background-image: url('img/sombra@2x.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left center;
        z-index: 2;
    }
    .section-sobreNos .text{
        position: relative;
        z-index: 10;
    }
    @media (min-width:760px) {
        .section-sobreNos{
            background-image: url('img/deskPC2x.png');
     
     
         }
         .section-sobreNos .text{
             max-width: 1490px;
             margin: 0 auto;
             padding-left: 15px;
         }
         .section-sobreNos .text h3, .section-sobreNos .text p{
             max-width: 600px;
             padding-left: 30px;
         }
    }
    .section-sobreNos h3{
       color: #FFFFFF;
       text-transform: uppercase;
       font-size: 4.6rem;
       font-weight: 800;
       line-height: 6.2rem;
       padding-bottom: 32px;
       text-align: left;
    }
    .section-sobreNos p{
       color: #FFFFFF;
       font-size: 1.6rem;
       line-height: 2.2rem;
       font-weight: 400;
       text-align: left;
   }
   .section-sobreNos img{
       max-width: 272px;
       padding-left: 30px;
   }
   .footer-info_wrapp{
       background-color: #E8E8E860;
       width: 100%;
   }
   .footer-info{
       padding: 60px 30px;

   }
   .footer-info .col{
       border-bottom: 3px solid var(--Blue);
       padding-bottom: 35px;
        margin-bottom: 35px;
   }
   .footer-info .col:last-of-type{
       border: none;
   }
   @media (min-width:760px) {
    .footer-info .col{
        padding-bottom: 0;
         margin-bottom: 0;
    }
   }
    .footer-info h5{
        color: #000;
        font-size: 2.0rem;
        line-height: 2.7rem;
        font-weight: bold;
        padding-bottom: 15px;
    }
    
    .footer-info p a, .footer-info p{
        color: #000;
        font-size: 1.8rem;
        line-height: 2.5rem;
        font-weight: 400;
    }
    .footer-info p:last-of-type{
        padding-bottom: 15px;
    }
    .footer-info .redes{
        display: flex;
    }
    .footer-info .redes a:first-of-type{
        margin-right: 20px;
    }

    .footer-wrapp .copyright{
        text-align: center;
        height: 61px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
    }

    @media (min-width:760px) {
        .footer-info{
            display: flex;
            max-width: 1490px;
            margin: 0 auto;
            justify-content: space-between;
            flex-wrap: wrap;
            
        }
        .footer-info .col{
            border-bottom: 0px solid var(--Blue);
            border-left: 3px solid var(--Blue);
            padding-left: 30px;
        }
        .footer-info .col:last-of-type{
            
            border-left: 3px solid var(--Blue);
        }
    }

    /* Hero--video */

    .Hero--video{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2;
        /* display: none; */
    }
    .Hero--video video{
        width: 100%;
        height: 100%;
        border: none;
        display: block;
    }

    /* go-top-btn */

    .go-top-btn{
        position: fixed;
        right: 26px;
        bottom: 46px;
        z-index: 15;
        width: 91px;
        height: 91px;
        border: 1px solid var(--Blue);
        border-radius: 50%;
        display: none;
        justify-content: center;
        align-items: center;
        background: transparent;
        transition: all .6s ease;
        cursor: pointer;
        box-shadow: 0px 3px 6px #00000029;
    }
	
	@media (min-width:760px) {
		bottom: 26px;
	}
	
    .go-top-btn:hover{
        transform: scale(0.9) translateY(-15px);
    }
    .go-top-btn img{
        width: 23px;
    }
    @media (max-width:767.98px) {
        .go-top-btn{
            width: 57px;
            height: 57px;
        }
        
    }

    /* Form validate */

    .wpcf7-not-valid-tip{
        padding-top: 7px;
        font-size: 1.2rem;
        font-weight: 400;
    }

    .wpcf7 form .wpcf7-response-output{
        margin: 0;
        margin-top: 12px;
        border-radius: 0.5rem;
        color: var(--grey-text);
        font-size: 1.5rem;
    }
    .line-div{
        width: 100%;
        height: 3px;
        background-color:  rgba(112,112,112,.24);
    }



/* Modal */
    .hidden{
        display: none!important;
    }
    .visible{
        display: flex!important;
    }

    .modal{
        background-color: rgba(0,0,0,.5);
        position: fixed;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 80;

        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .modal-container{
        width: 80%;
        height: 65%;
        display: grid;
        place-items: center;
        position: relative;
        
        grid-template-rows: 35px 1fr;
    }
    @media (min-width:760px) {
        .modal-container{
            width: 65%;
        }
    }
    .modal-content{
        transition: all .6s ease;
        overflow: hidden;
        background-color: #fff;
        border-radius: 21px;
        width: 100%;
        height: 100%;
        padding: 45px 35px;
        box-shadow: 6px 10px 15px #00000029;
        color: var(--grey-text);
    }

    .modal-content h4{
        padding-bottom: 25px;
    }
    .modal-content ul{
        padding-bottom: 25px;
    }
    .modal-content ul li{
        padding-bottom: 5px;
    }
    .modal-content .modal-body{
        overflow: auto;
        overflow-x: hidden;
        height: 100%;
        width: 100%;
    }
    .closebtn{
        width: 100%;
        text-align: right;
        cursor: pointer;
    }
    .closebtn svg{
        width: 35px;
    }