/* ======================================================
   Responsive Design
====================================================== */

@media (max-width: 992px){

  .header-container{
    height:70px;
  }

  .brand-name{
    font-size:19px;
  }

  .brand-logo{
    width:45px;
    height:45px;
  }

  .menu-btn{
    display:block;
  }

  .nav-menu{
    position:absolute;
    top:70px;
    left:4%;
    right:4%;
    background:#fff;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:16px;
    border-radius:18px;
    box-shadow:var(--shadow-md);
    border:1px solid var(--border);
    display:none;
  }

  .nav-menu.active{
    display:flex;
  }

  .nav-menu a{
    padding:13px 14px;
    border-bottom:1px solid #eef0f2;
  }

  .nav-menu a:last-child{
    border-bottom:none;
  }

  .hero{
    padding:60px 0;
  }

  .hero-container{
    grid-template-columns:1fr;
    gap:35px;
  }

  .hero-content h1{
    font-size:38px;
  }

  .hero-content p{
    font-size:17px;
  }

  .hero-checks{
    grid-template-columns:1fr;
  }

  .hero-image img{
    height:360px;
  }

}

@media (max-width: 576px){

  section{
    padding:55px 0;
  }

  .container{
    width:min(94%,1180px);
  }

  .brand-name{
    font-size:16px;
  }

  .verified-badge{
    width:16px;
    height:16px;
  }

  .hero-content h1{
    font-size:31px;
  }

  .hero-content h1 .title-badge{
    width:20px;
    height:20px;
  }

  .hero-actions{
    flex-direction:column;
  }

  .btn{
    width:100%;
    padding:14px 22px;
  }

  .hero-image img{
    height:300px;
  }

  .section-title{
    font-size:27px;
  }

  .loader-box{
    width:88%;
    padding:28px 18px;
  }

}


.trust-grid{

    grid-template-columns:1fr;

}


@media (max-width: 992px){
  .owner-container{
    grid-template-columns:1fr;
  }

  .owner-content h2{
    font-size:32px;
  }

  .owner-photo img{
    height:360px;
  }
}

@media (max-width: 576px){
  .owner-points{
    grid-template-columns:1fr;
  }

  .owner-content h2{
    font-size:28px;
  }

  .owner-photo img{
    height:300px;
  }
}

@media (max-width: 768px){
  .proof-item{
    grid-template-columns:1fr;
    padding:18px;
  }

  .proof-item:nth-child(even) .proof-img{
    order:0;
  }

  .proof-img img{
    height:300px;
  }

  .proof-text h3{
    font-size:28px;
  }
}

@media (max-width: 992px){
  .package-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width: 576px){
  .package-grid{
    grid-template-columns:1fr;
  }

  .country-tab{
    width:100%;
  }
}

@media (max-width: 576px){
  .float-whatsapp{
    display:none;
  }

  .mobile-bottom-bar{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:999;
    display:grid;
    grid-template-columns:1fr 1fr;
    background:#fff;
    box-shadow:0 -8px 25px rgba(0,0,0,.12);
  }

  .mobile-bottom-bar a{
    padding:15px;
    text-align:center;
    font-weight:900;
    color:#fff;
  }

  .mobile-bottom-bar a:first-child{
    background:#25D366;
  }

  .mobile-bottom-bar a:last-child{
    background:var(--primary);
  }

  body{
    padding-bottom:58px;
  }
}


@media (max-width: 576px){

  .reviews-section{
    overflow:hidden;
  }

  .review-wrap{
    gap:8px;
  }

  .phone-frame{
    width:270px;
    padding:10px;
    border-radius:28px;
    border-width:5px;
  }

  .phone-frame img{
    height:470px;
    border-radius:20px;
  }

  .review-arrow{
    width:42px;
    height:42px;
    font-size:30px;
    flex-shrink:0;
  }
}