:root{
    --blueGreen:#0097b2;
    --darkRed:#b21a00;
    --lightBlueGreen:rgba(0,151,178,.55);
    --lightBlue: rgba(186, 240, 255, 1);
    --verdeLetras:#1a4149;
    --grayLetras:#737777;
    --white:#ffffff;
    --darkGrey:#555;
    --whiteSmoke:#f5f5f5;
    --black:#000;
    --lightYellow:#ffde59;	
    --veryLightYellow:#fbfcdc;
    --new: rgb(245, 255, 52);
    --lightGrey:#ccc;
    --blackFooter:#151515;
}


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Schibsted Grotesk", sans-serif;
}

a,button{
    cursor: pointer;
}

/*nav bar*/

a{
    color: var(--black);
    text-decoration: none;
}

.white-link{
    color: var(--white);
}



.mobile-nav.actived{
    display: block;
}

.nav-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: var(--white);
    
}

.call-button{
    background-color: var(--white);
    border: none;
    font-size: 15px;
}

/*logos*/



.long-logo{
    width: 20%;
    height: auto;
    min-width: 160px;
}

.round-logo{
    width: 70px;
    height: 70px;
}

.link-logo{
    width: 160px;
}



.menu-button{
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: none;
}

.nav-quote-button{
    display: none;
}



.border-button{
    padding: 10px;
    background-color: transparent;
    border: 2px solid var(--blueGreen) ;
    border-radius: 5px;
    margin: 5px;
    min-width: fit-content;
    
}

.full-button{
    padding: 10px;
    background-color: var(--blueGreen);
    color: var(--white);
    border-radius: 5px;
    border: none;
    font-weight: bold;
    box-shadow: 5px 5px 15px var(--grayLetras);
    min-width: fit-content;
}

.full-button:hover,.border-button:hover{
    transform: scale(1.05);
}



    .abel-regular {
        font-family: "Abel", sans-serif;
        font-weight: 400;
        font-style: normal;
      }
      



.mobile-nav{
    
    display:none ;
    background-color:var(--white);
}

.mobile-nav ul{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    list-style-type: none;
    background-color: var(--white);
}

.mobile-nav ul li a{
   
    color: var(--black);
    text-decoration: none;
}

.mobile-nav ul li:hover{
    transform: scale(1.1);
}
.mobile-nav ul li a:hover{
    
    border-bottom:2px solid var(--blueGreen);
}

nav ul li{
    margin: 10px;
    
}

.phone-button span{
    margin-left: 5px;
}

.phone-menu-container{
    display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;
}

.faqs-li{
    display: none;
}
.serv-li{
    display: none;
}


/* wide - nav container*/
.nav-container-wide{
    display:none;
}


/*first section 1*/

.first-section-1{
    width: 100%;
    
    background-image:url('../img/background-s1-9.png') ;
    background-size:135% auto;
    min-height: 450px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
       
}

.button-left-section{
    width: 40%;
}

.button-left-section-phone{
    width: 40%;
    background-color: white;
}
.button-left-section-phone:hover{
    background-color: var(--lightYellow);
}

.first-section-div-container{
    display: flex;
    gap: 15px;
    flex-direction: column;
    flex-wrap: wrap;
    
    
}


/* Form Container */
.form-container {
    width:auto;
    padding: 20px;
    margin: 10px auto;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    background-color: var(--blueGreen);
    max-width: 450px;
    
}

/* Form Title */
.form-title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: white; /* Rojo RCD Movers */
    margin-bottom: 15px;
}

/* Form Fields */
.quote-form input,
.quote-form select,
.quote-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
}

.quote-form input:focus,
.quote-form select:focus,
.quote-form textarea:focus {
    border-color: var(--blueGreen);
    box-shadow: 0px 0px 5px rgba(0, 169, 254, 0.5);
}

/* Textarea */
.quote-form textarea {
    height: 60px;
    resize: none;
}

/* Submit Button */
.quote-form button {
    width: 50%;
    background: white;
    color: black;
    padding: 12px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    align-self: center;
    margin: 10px auto;
   display: block;
}

.quote-form button:hover {
    background: var(--lightYellow);
}

.first-section-left{
    
    max-width: 50%;
    border-radius: 10px;
    padding: 12px;
    align-self: center;
    min-height: 300px;
    min-width: 300px;
    margin: 0px;
    
}
.first-section-1 h3{
    font-size: 18px;
    color: white;
    text-align: center;


}
.first-section-1 li{
    list-style: none;
    font-family: "Barlow Condensed", sans-serif;
    color: white; 
    font-size: 16px;
    margin: 5px;
}

.first-section-1 ul{
    margin-bottom: 10px;
}
.first-section-1 i{
   color: #0097b2;
}

.first-section-right{
    background-color:white;
    padding: 5%;
    align-self: center;
    width: 100%;
}

/*first section*/

.main-logo{
    width: 60%;
    height: auto;
    max-width: 650px;
    
}

.first-section{
    display: flex;
    min-height: fit-content;    
    justify-content: center;
    margin-top: 100px;
    flex-direction:column;
    align-items: center;  
    margin-bottom: 100px;
    
}

.first-section h3{
    font-weight: 400;
    margin: 15px ;
    color: var(--darkGrey);
    font-size:1.1em;
   

}

.first-section span{
    font-size:.65em ;
    margin-top: 7px;
    color: var(--grayLetras);
}

.long-button{
    padding-left:45px;
    padding-right: 45px;
    margin-top: 25px;
    min-width: 30%;
}

.long-button-a{
    color: var(--white);
    text-decoration: none;
    padding: 20px 45px;
}

/*circles */
#c1,#c2,#c3{
    width:65%;
    height: auto;
}    

.circles-container{
    display: flex;
    margin: 15px ;
    width: 30%;
    justify-content: center;

    
    
}

.c-div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 10px;
    width: 33%;
    
}

.c-text{
    font-size: 14px;
    font-family: "Barlow Condensed", sans-serif;

}


/*second section*/

.second-section{
    background-color: var(--lightBlueGreen);
    height:fit-content ;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 30px;
    flex-wrap: wrap;
    border-top: 2px solid var(--darkGrey);

}

.second-section img{
    width: 90%;
    margin:40px auto;
    border-radius: 20px;
    max-width: 500px;
    height: auto ;

    
    
}



.second-section h4{
    font-size: 2em;
    margin-bottom: 30px;
    color: var(--verdeLetras);
}

.second-section p{
    text-justify:inter-word;
    font-weight:lighter;
    
}

.second-section div{
    max-width: 600px;
    margin: auto;
}



/*third section*/
.third-section{
    display: flex;
    flex-direction: column;
   
    margin-bottom: 80px;
    justify-content: center;
    align-items: center;
    
}

.text-service{
	color: var(--verdeLetras);
	font-size: 1.5em;
	margin:30px auto;
}

.services{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 70px 30px;
	max-width: 350px;
}

.services span{
	font-size: 1.2em;
	color: var(--verdeLetras);
	font-weight: bold;
	margin: 20px;
	text-align: center;

}

.services img{
    width: 80px;
    height: 80px;
}

.services p{
	font-weight: 100;
	color:var(--grayLetras);
	text-align: center;
	text-justify: newspaper;
	font-size: 1em;
}


.buttons-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}





/*Fourh section*/


.fourth-section{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-items: center;
	background: var(--lightBlueGreen);
	width: 100%;
	height: fit-content;
	margin-top: 80px;
}

.text-easy{
	display: flex;
	flex-direction: column;
	justify-items: center;
	align-items: center;
	max-width: 90%;
}

.text-easy h4{
	margin-top: 40px;
	font-size: 1.6rem;
	color: var(--verdeLetras);
    text-align: center;

}

.text-easy p{
	color: #333;
	text-align: center;
	padding: 20px 40px;
	margin-bottom: 30px;
    font-size: .9rem;
}

.adventages{
	max-width: 380px;
	background: var(--whiteSmoke);
	display: flex;
	flex-direction: column;
	border-radius: 7px;
	min-height: 370px;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
	padding: 40px 30px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 30px ;
}

.adventages-container{
	display: flex;
    flex-direction: column;
    margin: 20px;
}

.adventages span{
	font-size: 1em;
	color: var(--verdeLetras);
	font-weight: bold;
	margin: 25px auto;

	

}

.adventages p{
	color: var(--darkGrey);
	
	text-align: center;
    justify-content: center;
      
}

.adventages img{
    width: 80px;
    height: 80px;
}

/*fifth section*/

.process-container{
	display: flex;
	flex-direction: column;
	justify-items: center;
	align-items: center;
    
}

.process{
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	width: 90%;
	margin: 15px auto;
    justify-content: center;
    align-items: center;
    background-color: #ededed;
    padding: 15px;
    border-radius: 15px;
    max-width: 700px;
    box-shadow: 1px 1px 5px var(--lightGrey);
    

}


.fifth-section{
		background: var(--lightYellow);
        padding: 2px 0px 40px 2px;
		height: fit-content;
        
}

.fifth-section h3{
		text-align: center;
		color: var(--verdeLetras);
		margin: 80px 20px ;
		font-size: 1.8rem;
		

}

.process img{
		width: 40%;
		height: auto;
        max-width: 100px;
}

.process div{
		display: flex;
		flex-direction: column;
		justify-items: center;
		align-items: center	;
		margin-left:20px ;
        width: 70%;
        max-width: 400px;
        
        
}

.process div p{
		width: 90%;
		
		color: var(--darkGrey);
        text-align:justify;
}

.process span{
			color: var(--verdeLetras);
			font-weight: bolder;
			margin: 10px 0px;
			font-size: 18px;
             font-family: "Barlow Condensed", sans-serif;
             
}

.process p{
    font-family: "Barlow Condensed", sans-serif;
}
/*footer*/
.footer-img{
    width: 70%;
    height: auto;
    margin-top: 50px;
    max-width: 400px;
}

.medias-container{
    width: fit-content;
    display: flex;
    margin-left: 0;
    justify-content: left;
   
    
}

.medias{
    width: 30px;
    height: auto;
    margin: 0px 15px 0px 0px;
}

.link-underlined{
    border-bottom: 2px solid var(--blueGreen);
    color: white;
    text-decoration: none;
    padding-bottom: 0px;
    font-size: 14px;
    font-weight: 550;
    margin-left:30px ;
    align-self: self-end;
}

.link-underlined-no-margin{
    border-bottom: 2px solid var(--blueGreen);
    color: white;
    text-decoration: none;
    padding-bottom: 0px;
    font-size: 14px;
    font-weight: 550;
    margin-left:0px;
}
.link-underlined:hover{
    color: var(--blueGreen);
}

.medias i{
    font-size: 30px;
    color: var(--grayLetras);
   
}

.medias i:hover{
    color: var(--blueGreen);
}


.footer-main-container{
	display: flex;
	flex-direction: row;
	justify-content: center;
	
	min-height: 500px;
	background-color: var(--blackFooter);
	align-items: center;
	
    flex-wrap: wrap;
}

.footer-right-container{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	flex-grow: 2;
    margin-bottom: 50px;
    max-width: 80%;;
}

.footer-text,.footer-text-no-margin{
    color: var(--grayLetras);
    font-size: 12px;
    font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin: 15px 0px;
}

.footer-text-no-margin{
    margin: 0px;
}

.footer-adress-text{
    font-size: 20px;
    font-weight: 700;
    color: var(--grayLetras);
    font-family: "Barlow Condensed", sans-serif;
    margin-top: -15px;
    margin-bottom: 10px;
}

.footer-left-container{
	flex-grow: 1;
	max-width: 80%;
    justify-items: left;
    align-items: start;
    margin-left: 40px ;
    flex-direction: column;
    display: flex;
    margin-bottom: 60px;


    
}





.ul-list-footer{
	list-style-type: none;
}

.footer-li{
	margin: 12px 0px;
	color: var(--grayLetras);
}

.footer-ul-title{
	font-size: 18px;
	margin-bottom: 25px;
	color:var(--blueGreen);
}

.footer-li a{
	text-decoration: none;
	color: var(--grayLetras);
}

footer{
	min-height: 800px;
}

.footer-button{
    margin: 10px 20px;
  width: 40%;
  padding: 15px;
  min-width: 300px;
}


/*services.html*/


































/*Escritorio*/
@media (min-width: 1199.98px)  {

    .first-section-1{
        background-size:100% 100%;
        width: 100%;
        min-height: 650px;
        align-content: center;
        
        margin-bottom: auto;
        background-position:  top;
        background-repeat: no-repeat;
    }

  

    .form-container {
        width:auto;
        padding: 20px;
        margin: 10px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        background-color:rgba(0, 157, 255, 0.795);
        
    }

    .quote-form input,
.quote-form select {
    width: 49%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
}
#date-input {
    width: 100%;
}

#submit-button-form{
    width: 40%;
    margin-left: 30%;
}
    
    .first-section-div-container{
        flex-direction: row;
        justify-content: space-between;
        gap: 60px;
    }

    .first-section-left{
        width: 35%;
        max-width: 450px;
        margin: 40px;
        height: 430PX;
        background-color: transparent;
        


    }

    .first-section-1 h3{
        font-size: 30px;
        
    
    }
    .first-section-1 li{
       font-size: 20px;
       margin: 18px 0px;
        
    }
    .first-section-1 ul{
        margin-bottom: 30px;
    }

    .first-section-right{
        
        width: 35%;
        max-width: 450px;
        border-radius: 10px;
        margin-right: 40px;
        background-color: transparent;
        padding: 0px;
    }

    .services-div{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: repeat(4, 1fr);
        justify-content: space-evenly;
        gap:40px;
    }

    .buttons-container{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .first-section span{
        font-size:1.2em ;
        margin: 0px 0px 30px 0px;
    }
    .first-section h3{
      
        font-size:2.2em;
}

    .nav-container{
        display: none;
    }

    .nav-container-wide{
  		
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 70px;
        background:var(--white) ;

}




.li-nav {
        display: inline-block;
        
        margin:0px 10px;
        font-size: 16px;
        font-weight: 400;
        cursor: pointer;
}

.li-nav:hover{
        border-bottom: 2px solid var(--blueGreen) ;
      margin: 0px 10px;
      
      
}


.link-active{

  background-color: var(--new);
  padding: 15px;
  border-radius: 8px;
}

.li-nav a{
  text-decoration:none ;
  color:var(--black)	;

}


.btn-nav{
        border: none;
        color: whitesmoke;
        font-weight: bold;
        display: inline-block;
        padding: 3px 12px;
        margin: 10px;
        font-size: 16px;
        font-weight: 400;
}



.btn-nav:hover{
        transform: scale(1.1);
        border: none;
        color: whitesmoke;
}

#btn-border{
        background: none;
        border: 2px solid var(--blueGreen);
        border-radius: 5px;
}

#btn-border button{
        color: black;
}

#btn-full{
        background: var(--blueGreen);
        border-radius: 5px;
}

.btn-nav button{
      border: none;
      background: none;
      padding: 7px;
      color: whitesmoke;
      font-weight: bold;
      cursor: pointer;
}

ul {
        display: inline-block;
    

}

.text-service{
    font-size: 2em;
}



/*fourh section*/
.adventages-container{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 40px;
}

.adventages p{
	color: var(--darkGrey);
	padding-right: 40px;
	text-align: left;
}

.adventages{
    justify-content: center;
    align-items: center;
    text-align: justify;
}




#mobile-nav{
    display: none;
}


/*footer*/

.footer-main-container{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
	min-height: 500px;
	background-color: var(--blackFooter);
	align-items: center;
	
}

.footer-right-container{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	flex-grow: 2;
}

.footer-left-container{
	flex-grow: 1;
	max-width: 40%;
}

.left-text{
	font-size: 70px;
	color: var(--verdeLetras);
	margin: 30px;
}

.ul-list-footer{
	list-style-type: none;
}

.footer-li{
	margin: 12px 0px;
	color: var(--grayLetras);
}

.footer-ul-title{
	font-size: 18px;
	margin-bottom: 25px;
	color:var(--blueGreen);
}

.footer-li a{
	text-decoration: none;
	color: var(--grayLetras);
}

footer{
	min-height: 800px;
}

.footer-button{
    margin: 20px;
  width: 40%;
  padding: 15px;
}










}
/*Fin Escritorio*/

/*Tablet*/
/*Portrait*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation:portrait) {
    

    .first-section-1{
        background-size:100% auto;
        width: 100%;
        min-height: 600px;
       
    }

    .first-section-1 h3{
        font-size: 22px;
       
    
    }
    .first-section-1 li{
       font-size: 16px;
       margin: 10px 0px;
        
    }
    .first-section-1 ul{
        margin-bottom: 30px;
    }

   


  .first-section h3{
      
        font-size:1.8em;
}

.first-section span{
    font-size:1em ;
    margin: -12px 0px 15px 0px
}

.long-button{
    padding-left:45px;
    padding-right: 45px;
    margin-top: 25px;
    min-width: 30%;
   
}

.nav-quote-button{
    display: inline-block;
    padding: 11px 20px;
    margin:10px ;
    min-width:150px ;
    
}







}

/*landscape*/
@media (min-width: 991.98px) and (max-width: 1199.98px)and (orientation:landscape) {
   
   

    .first-section-1{
        background-size:100% 120%;
        width: 100%;
        min-height: 500px;
        align-content: center;
       
        margin-bottom: auto;
        background-position:  center;
        background-repeat: no-repeat;
    }

    .form-container{
        background-color:rgba(0, 157, 255, 0.795);

    }



    

    .quote-form input,
.quote-form select {
    width: 49%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
}
#date-input {
    width: 100%;
}

#submit-button-form{
    width: 70%;
    margin:auto;
    
}


    
.first-section-div-container{
    flex-direction: row;
    justify-content: space-between;
    gap: 60px;
}

    .first-section-left{
        width: 35%;
        max-width: 350px;
        margin: 50px 0px 0px 50px;
        min-height: 415px;


    }

    .first-section-1 h3{
        font-size: 30px;
       
    
    }
    .first-section-1 li{
       font-size: 20px;
       margin: 18px 0px;
        
    }
    .first-section-1 ul{
        margin-bottom: 30px;
    }

    .first-section-right{
        background-color:transparent;
        width: 35%;
        max-width: 470px;
        border-radius: 10px;
        margin-right: 40px;
        width: auto;
        
    }
    
  

    .services-div{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(4, 1fr);
        justify-content: space-evenly;
        gap:40px;   
    }
    .first-section h3{
      
        font-size:2em;
}
.first-section span{
    font-size:1em ;
    margin: 0px 0px 30px 0px;
}
.nav-quote-button{
    display: inline-block;
    padding: 11px 20px;
    margin:10px ;
    min-width:150px ;
}



.menu-button{
    display: none;
}



.nav-container{
    display: none;
}

.nav-container-wide{
      
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    background:var(--white) ;

}

.nav-container-wide nav ul{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.nav-container-wide nav ul li{
    min-width: fit-content ;
}

.long-logo{
    width: 20%;
    height: auto;
    min-width: 160px;
}

.round-logo{
    width: 70px;
    height: 70px;
}

.link-logo{
    width: 160px;
}




.li-nav {
    display: inline-block;
    padding: 0px 15px;
    margin: 10px;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
}

.li-nav:hover{
    border-bottom: 2px solid var(--blueGreen) ;
 

}

.li-nav a{
text-decoration:none ;
color:var(--black)	;

}


.btn-nav{
    border: none;
    color: whitesmoke;
    font-weight: bold;
    display: inline-block;
    padding: 3px 12px;
    margin: 10px;
    font-size: 16px;
    font-weight: 400;
}



.btn-nav:hover{
    transform: scale(1.1);
    border: none;
    color: whitesmoke;
}

#btn-border{
    background: none;
    border: 2px solid var(--blueGreen);
    border-radius: 5px;
}

#btn-border button{
    color: black;
}

#btn-full{
    background: var(--blueGreen);
    border-radius: 5px;
}

.btn-nav button{
  border: none;
  background: none;
  padding: 7px;
  color: whitesmoke;
  font-weight: bold;
  cursor: pointer;
}

ul {
    display: inline-block;


}

.text-service{
    font-size: 2em;
}

/*fourth section*/
.adventages-container{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(3, 1fr);
	gap: 40px;
}

#mobile-nav{
    display: none;
} 


/*footer*/
.footer-main-container{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
	min-height: 500px;
	background-color: var(--blackFooter);
	align-items: center;

}

.footer-right-container{
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	flex-grow: 2;
}

.footer-left-container{
	flex-grow: 1;
	max-width: 40%;
}

.left-text{
	font-size: 3.5rem;
	color: var(--verdeLetras);
	margin: 30px;
}

.ul-list-footer{
	list-style-type: none;
}

.footer-li{
	margin: 12px 0px;
	color: var(--grayLetras);
}

.footer-ul-title{
	font-size: 18px;
	margin-bottom: 25px;
	color:var(--blueGreen);
}

.footer-li a{
	text-decoration: none;
	color: var(--grayLetras);
}

footer{
	min-height: 800px;
}

.footer-button{
    margin: 10px 20px;
  width: 40%;
  padding: 15px;
  min-width: 300px;
}





}


/*Tablet*/
/*Portrait*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation:portrait) {



    .first-section-1{
        background-size:100% auto;
        width: 100% auto;
        min-height: 600px;
       
    }

.first-section h3{
  
    font-size:1.8em;
}

.first-section span{
font-size:1em ;
margin: -12px 0px 15px 0px
}

.long-button{
padding-left:45px;
padding-right: 45px;
margin-top: 25px;
min-width: 30%;

}

.nav-quote-button{
display: inline-block;
padding: 11px 20px;
margin:10px ;
min-width:150px ;
}








}
/*fin tablet*/  


/*landscape*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation:landscape) {
  



    

   

    .first-section-1 h3{
        font-size: 27px;
       
    
    }
    .first-section-1 li{
       font-size: 21px;
       margin: 10px 0px;
        
    }
    .first-section-1 ul{
        margin-bottom: 30px;
    }

   

    .services-div{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(4, 1fr);
        justify-content: space-evenly;
        gap:40px;   
    }
    .first-section h3{
  
        font-size:2em;
    }
    .first-section span{
        font-size:1em ;
        margin: 0px 0px 30px 0px;
    }
    
    .nav-quote-button{
        display: inline-block;
        padding: 11px 20px;
        margin:10px ;
        min-width:150px ;
    }

    .faqs-li{
        display: inline-block;
        margin: 20px;
    }

    .faqs-li:hover{
        border-bottom:2px solid var(--blueGreen);
    }

    .serv-li{
        display: inline-block;
    }
    .serv-li:hover{
        border-bottom:2px solid var(--blueGreen);
    }

    .menu-button{
        display: none;
    }
    
    .adventages-container{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        gap: 0px;
    }

    .adventages{
        min-width: 300px;
        margin: 10px;
    }   
}






/*fin movil*/