/* mediaq */
/* 

███    ███  █████   ██████ 
████  ████ ██   ██ ██      
██ ████ ██ ███████ ██      
██  ██  ██ ██   ██ ██      
██      ██ ██   ██  ██████ 
                            */


@media (max-width: 1640px) {
  :root {
    --sec-pad: 80px;
  }

  .hero-overlay {
    position: absolute;
    bottom: -564px;
    left: 0;
    width: 100%;
    height: 1030px;
  }



  .stats-sec {
    padding: 130px 0 220px;
  }


  .stats-brand {
    transform: translateX(-50%) translateY(42%) rotateX(12deg);
  }






  .slide {
    max-height: 440px;
  }

  .slide img {
    max-height: 440px;
  }






  .cta-island::after {
    width: 52vw;
    height: 390px;
  }

}








/* 
███████ ███    ███  █████  ██      ██          
██      ████  ████ ██   ██ ██      ██          
███████ ██ ████ ██ ███████ ██      ██          
     ██ ██  ██  ██ ██   ██ ██      ██          
███████ ██      ██ ██   ██ ███████ ███████     
                                               
 */

@media (max-width: 1340px) {
  :root {
    --sec-pad: 80px;
  }

}







/* 
████████  █████  ██████  ██      ███████ ████████ 
   ██    ██   ██ ██   ██ ██      ██         ██    
   ██    ███████ ██████  ██      █████      ██    
   ██    ██   ██ ██   ██ ██      ██         ██    
   ██    ██   ██ ██████  ███████ ███████    ██    
                                                  
 */

@media (max-width: 920px) {
  :root {
    --sec-pad: 80px;
  }
}

@media (max-width: 1024px) {





  .pricing-grid {
    gap: 42px;
  }

  .price-card {
    margin: auto;
    min-width: 420px;
  }




  .faq-layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .faq-brand {
    display: none;
  }

  .faq-inner {
    max-width: 100%;
    padding: 0;
  }







  .cta-section {
    height: auto;
    min-height: auto;
    padding: 16px;
  }

  .cta-island {
    padding: 60px 32px 32px;
  }

  .cta-main {
    flex-direction: column;
    gap: 48px;
  }

  .cta-content {
    max-width: 100%;
  }

  .cta-links {
    gap: 40px;
  }

  .cta-island::after {
    width: 100vw;
    right: -20%;
    bottom: -1%;
    opacity: 0.3;
  }


  .cta-footer-inner {
    margin-top: 142px;
  }
}
















/* 
██████  ██   ██  ██████  ███    ██ ███████ 
██   ██ ██   ██ ██    ██ ████   ██ ██      
██████  ███████ ██    ██ ██ ██  ██ █████   
██      ██   ██ ██    ██ ██  ██ ██ ██      
██      ██   ██  ██████  ██   ████ ███████ 
 */


@media (max-width: 640px) {
  .hero .container {
    padding: 0;
  }

  .hero-sub {
    padding: 16px;
  }


  

  .hero-overlay {
    position: absolute;
    bottom: -1464px;
    left: 0;
    width: 100%;
    height: 1930px;
  }


  .how-note-inner {
    max-width: 310px;
  }

  .how-note-text {
    font-size: 15px;
  }






  .stats-brand {
    transform: translateX(-51%) translateY(35%) rotateX(12deg);
    font-size: 96px;
    color: white;
    opacity: 1;
    filter: blur(0px);
  }

  .stats-sec {
    padding: 110px 0 110px;
  }












  .pricing-sec {
    padding: 0px 0px 100px;
    background: var(--bg);
  }

  .pricing-sec .container {
    padding: 0 16px;
  }


  .price-card {
    margin: auto;
    min-width: 336px;
  }


  .pc-top {
    padding: 36px 24px 30px;
  }

  .pc-body {
    padding: 34px 24px 40px;
  }


  .pricing-grid {
    gap: 42px;
  }


  .pc-actions {
    margin-top: 28px;
  }


  .pricing-link {
    padding: 0 16px;
    text-wrap: balance;
  }


  .pricing-link span {
    text-wrap: nowrap;
  }










  .cta-section {
    padding: 0px;
  }



  .cta-island {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }



}