/* <!-- == media queries == --> */
@media (max-width:991px){
    html{
       font-size: 55%;
    } 
  }
  @media (max-width:400px){
    html{
       font-size: 50%;
    } 
}
 /* <!-- == padding == --> */
@media (max-width:600px){
    footer,
    .navbar{ 
        padding-left: 2.5%;
        padding-right: 2.5%;   
    }
    .page4,
    .page5,
    .page1{ 
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
    .page3-content,
    .page2-content{
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
}
 /* <!-- == navbar == --> */
@media (max-width:600px){
    /* .btn{
        width: 18rem;
    
    } */
}
@media (max-width:750px){
    .logo p{
        font-size: 1.8rem;
     
      }
}
@media (max-width:660px){
    .logo p{
        font-size: 1.6rem;
     
      }
}
@media (max-width:600px){
    .logo p{
        font-size: 1.4rem;
     
      }
      #logo-img{
        width: 2.5rem;
      }
}
@media (max-width:540px){
    .logo p{
        font-size: 1.4rem;
     
      }
      .logo{
        gap: 0.5rem;

      }

}
@media (min-width:420px) and (max-width:500px){
    .logo p{
        font-size: 1.2rem;
     
      }

    /* .nav-btn .btn-3{
        display: inline-block;
    } */


}
@media (min-width:350px) and (max-width:420px){
    .logo p{
        font-size: 1rem;
     
      }


}
@media (min-width:300px) and (max-width:350px){
    .logo p{
        font-size: 1.9vw;
     
      }


}
@media (min-width:280px) and (max-width:300px){
    .logo p{
        font-size: 1.8vw;
     
      }


}
@media (max-width:450px){
    .whatsapp i{
        font-size: 1.8rem;
    }
    .whatsapp,
    .nav-btn{
        padding: 1.3rem;
    }

}
@media (max-width:700px){
    .navbar .btn span{
       font-size: 1.4rem;
    }
    .whatsapp{
        margin-left: 0.5rem;
    }
}
@media (max-width:700px){
    .nav-btn .btn-1{
        display: none;
    }
    .nav-btn .btn-2{
        display: inline-block;
    }
    /* .nav-btn{
        width: 14rem;
        min-height: 4.4rem;
    
    }
    .navbar .btn {
        width: 13rem;
        min-height: 4.4rem;
    } */

}
@media (max-width:500px){
    .nav-btn .btn-2{
        display: none;
    }
    .nav-btn .btn-3{
        display: inline-block;
    }
    /* .navbar .btn {
        width: 10rem;
        min-height: 4.4rem;
    } */
}
    /* <!-- == page2 == --> */
   @media (max-width:1250px){
    .box-container{
        grid-template-columns: repeat(2,1fr);
       }

}
   @media (max-width:820px){
    .box-container{
        grid-template-columns: repeat(1,1fr);
        width: 100%;
       }
       .heading{
        text-align: center;
       }
       .page2-content::before{
        top: 10%;
        bottom: 10%;
        height: 80%;
       }
       .page2-content::after {
        top: 10%;
        bottom: 10%;
        height: 80%;

    }
    .page2-btn-1{
        display: none;
       }
       .page2-btn-2{
        display: none;

       }
       .page2-btn-3{
        display: block;
        margin: auto;
        margin-top: 2rem;


       }
}
 /* <!-- == pag3 == --> */
@media (max-width:1050px){
    .page3-container-1{
        display: grid;
        grid-template-columns: repeat(1,1fr);
       }
          .popup-answer {
    top: 0;
    left: 80%; 
    width: 100%;

}
}
@media (max-width:800px){
    .popup-container{
        position: relative;
    }
.page3-content {
    display: flex;
    flex-direction: column;
}
.page3-container-1{
    width: 100%;

}
.page3-container-2{
    margin: 2rem auto;

}
   .vector-blue{
    top: 1%;

   }
   .vector-gold{
  top: 50%;
    right: 0;

   }
   .popup-answer {
    top: 100%;
    left: 10%; 
    z-index: 10; 
    width: 90%;
}
}

@media (max-width:650px){
.page3-container-2 .client{
   right: 0;
   }
}
@media (min-width:300px) and (max-width:400px){
   .page3-container-2{
    width: 100%;

}
.page3-container-2 .client{
    bottom:10rem;
}

}
@media (min-width:280px) and (max-width:300px){
   .page3-container-2{
    width: 100%;

}
.page3-container-2 .client{
    bottom:10rem;
    width: 26rem;
}

}
@media(max-width:550px){
    .popup-answer {
        top: 100%;
        left: 0%; 
        z-index: 10; 
        width: 95%;
    }

    }
 /* <!-- == page4 == --> */ 
    @media(max-width:1240px){
        .card-container{
            grid-template-columns: repeat(2,2fr);
           }


    
        }
    @media(max-width:820px){
        .card-container{
            grid-template-columns: repeat(1,2fr);
           }
           .card{
            width: 100%;
           }
           .page4-content{
            padding: 4rem 10rem;
         }


    
        }
    @media(max-width:600px){
           .page4-content{
            padding: 4rem 4rem;
         }

    
        }
    @media(max-width:400px){
        .page4-content{
            padding-left: 2.5%;
            padding-right: 2.5%;
         }




    
        }
 
       /* <!-- == page5 == --> */
          @media (max-width:1500px){
            .page5-content{
                gap: 4rem;
            
               }
          }
          @media (max-width:1200px){
            .page5-content{
                flex-direction: column;
            
               }
               .page5-container1{
                width: 100%;
               }
               .page5-container2{
                margin: auto;
                height: 40rem;
                width: 52rem;
               }
              
          }
          @media (max-width:600px){
            .page5-content{
                flex-direction: column;
            
               }
               .page5-container2{
                width: 100%;
                height: auto;
               }
               .page5-container2 img{
                width: 100%;
                height: auto;
               
               }
              
          }
          @media (max-width:380px){
               .page5-container2{
                height: 30rem;
               }
              
          }

 /* <!-- == linked page == --> */
@media (max-width:500px){
  .box-page{
    text-align: center;

  }
   
}
@media (max-width:600px){
    .box1-page-content{
        padding-left:0%;
        padding-right: 0%;
      }

}
@media (max-width:1200px){
  .box-page{
    text-align: center;

  }
  .box1-page-content{
    flex-direction: column;
    justify-content: center;
    padding-left: 5%;
    padding-right: 5%;
  }
  .box-page p{
  width: 100%;
  
  
  }
  .box-img{
  margin: auto;
  }
   
}
/* <!-- == footer == --> */
@media (max-width:1100px){
.footer-content{
    flex-direction: column;
    gap: 3rem;

  
  }
  .footer .heading{
    text-align: center;
  }
  .right-footer-side{
    display: flex;
    justify-content: center;
    gap: 8rem;

  }
  .left-footer-side{
    text-align: center;


  }
}
@media (max-width:600px){
    .right-footer-side{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 3rem;
    
      }


}
/* <!-- == form == --> */
@media (max-width:600px){
    .input-main{
       flex-wrap: wrap;
      
       }


}
@media (max-width:300px){
    .form-info {
        padding: 2rem 1rem;
    }


}