/* Navbar */
body{overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}

@media (max-width: 1200px){
  .hero{padding:120px 6% 90px;}
  .hero-left{width:48%;}
  .hero-right{width:52%;}
  .hero-left h1{font-size:54px;}
  .strategy-grid{grid-template-columns:1fr; gap:40px;}
  .strategy-left{max-width:none;}
  .problem-grid{grid-template-columns:1fr; gap:40px;}
  .problem-left{max-width:none;}
  .belief-heading-wrapper{gap:50px;}
  .belief-title{font-size:74px;}
  .proof-timeline{gap:36px;}
  .services-grid{grid-template-columns:repeat(2, 1fr);}
  .cards{grid-template-columns:repeat(2, 1fr);} 
  .about-container{gap:50px;}
  .pricing-header{gap:40px;}
  .pricing-cards{grid-template-columns:repeat(2, 1fr);} 
  .cta-card{padding:46px 38px 40px;}
  .contact-container{gap:45px;}
}

@media (max-width: 992px){
  .navbar{padding:18px 0;}
  .navbar .container{gap:16px;}
  .nav-links{display:none;}
  .nav-right{gap:14px;}
  .talk-btn{padding:13px 22px;}
  .hero{flex-direction:column; text-align:center; padding:140px 6% 80px; gap:48px;}
  .hero-left,.hero-right{width:100%;}
  .hero-left h1,.hero-left p{max-width:none;}
  .hero-btns{justify-content:center;}
  .stats{flex-wrap:wrap; gap:20px; justify-content:center;}
  .stats div{flex:1 1 calc(50% - 10px); min-width:140px;}
  .rings{width:min(74vw, 460px); height:min(74vw, 460px);}
  .scroll{display:none;}
  .strategy-section,.problem-section,.proof-section,.portfolio,.services-container,.about-container,.pricing-container,.cta-container,.contact-section,#footer-section{overflow:visible;}
  .strategy-cards{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .belief-heading-wrapper{flex-direction:column; align-items:flex-start; gap:24px;}
  .belief-heading-right{width:100%;}
  .belief-cards{grid-template-columns:repeat(2, 1fr);}
  .proof-timeline{grid-template-columns:repeat(2, 1fr);}
  .proof-line{display:none;}
  .portfolio-top{flex-direction:column; align-items:flex-start; gap:22px;}
  .portfolio-top h1{font-size:82px;}
  .about-container{grid-template-columns:1fr;}
  .pricing-header{grid-template-columns:1fr; align-items:start;}
  .pricing-right{padding-top:0;}
  .cta-header{margin-bottom:32px;}
  .cta-buttons{flex-wrap:wrap;}
  .footer-container{grid-template-columns:1fr; gap:24px; text-align:center;}
  .footer-divider{display:none;}
  .footer-social{justify-content:center;}
  .contact-container{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .contact-full{grid-column:auto;}
  .contact-left{padding-top:0;}
  .contact-right{padding:28px;}
  .dashboard{flex-direction:column;}
  .dashboard-main{margin-left:0; padding:16px;}
  .sidebar{position:relative; width:100%; height:auto; border-right:none; border-bottom:1px solid rgba(255,255,255,.06);} 
  .sidebar-menu{flex-direction:row; flex-wrap:wrap; gap:8px;} 
  .sidebar-menu a,.sidebar-link{flex:1 1 calc(50% - 8px); justify-content:center;} 
  .sidebar-bottom{margin-top:12px;}
  .dashboard-header{flex-direction:column; align-items:flex-start; gap:14px;}
  .header-right{width:100%; flex-wrap:wrap;} 
  .dashboard-search{width:100%;}
  .dashboard-cards-grid,.dashboard-chart-grid{grid-template-columns:1fr;}
  .dashboard-table-actions{flex-wrap:wrap;}
  .dashboard-search-box{width:100%;}
}

@media (max-width: 768px){
  .navbar{padding:16px 0;}
  .logo img{height:26px;}
  .talk-btn{padding:11px 16px; border-radius:10px;}
  .theme-btn{width:44px; height:44px; font-size:18px;}
  .hero{padding:130px 5% 70px; gap:34px;}
  .hero-left h1{font-size:42px; line-height:1.02;}
  .hero-left p{font-size:16px; margin-bottom:30px;}
  .hero-btns{flex-direction:column; align-items:stretch; gap:12px;}
  .btn-primary,.btn-secondary{width:100%; text-align:center; display:inline-block;}
  .stats{gap:14px;}
  .stats div{flex:1 1 calc(50% - 7px);} 
  .rings{width:min(82vw, 360px); height:min(82vw, 360px);} 
  .center-logo{width:104px; height:104px;}
  .center-logo img{width:82px;}
  .strategy-section{padding:70px 0;}
  .strategy-left h2{font-size:40px;}
  .strategy-left p{font-size:16px;}
  .strategy-cards{grid-template-columns:1fr;}
  .strategy-card{width:100%; min-height:auto; padding:18px;}
  .problem-section{padding:70px 0;}
  .problem-right h2{font-size:42px;}
  .belief-section{padding:80px 0;}
  .belief-title{font-size:52px; line-height:0.96;}
  .belief-script-top{font-size:40px; margin-left:8px;}
  .belief-script-bottom{font-size:56px; margin-top:8px;}
  .belief-cards{grid-template-columns:1fr; gap:22px;}
  .proof-section{padding:70px 0;}
  .proof-title-top{font-size:44px;}
  .proof-title-bottom{font-size:40px;}
  .proof-timeline{grid-template-columns:1fr; gap:24px;}
  .proof-heading{font-size:24px; margin-bottom:14px;}
  .proof-description{font-size:15px; margin-bottom:22px;}
  .portfolio{padding:80px 0;}
  .portfolio-top h1{font-size:56px; line-height:.92;}
  .cards{grid-template-columns:1fr; gap:24px;}
  .card{height:360px;}
  .overlay h3{font-size:46px;}
  .overlay p{font-size:15px; margin-bottom:24px;}
  .overlay a{width:220px; height:56px;}
  #services-section{padding:80px 6%;}
  .services-heading-white,.services-heading-orange{font-size:50px;}
  .services-grid{grid-template-columns:1fr; gap:20px;}
  .services-card{height:auto; min-height:240px; padding:24px;}
  .services-title{font-size:28px;}
  .services-list li{font-size:14px; margin:14px 0;}
  #about-section{padding:70px 6%;}
  .about-heading-white{font-size:40px;}
  .about-heading-orange{font-size:50px;}
  .about-intro,.about-description,.about-quote{font-size:16px;}
  .about-card{border-radius:24px;}
  .about-image-box{height:260px;}
  .about-feature-list li{font-size:15px;}
  #pricing-section{padding:70px 6%;}
  .pricing-heading-white,.pricing-heading-orange{font-size:42px;}
  .pricing-cards{display:grid; grid-template-columns:1fr; gap:24px;}
  .pricing-card{width:100%; max-width:100%; min-width:0; height:auto; padding:24px; border-radius:24px;}
  .pricing-popular{position:relative; top:auto; left:auto; transform:none; display:inline-flex; margin:0 0 12px; width:fit-content;}
  .pricing-button{height:50px; font-size:14px;}
  .pricing-footer{flex-direction:column; gap:10px; margin-top:30px;}
  .pricing-footer-dot{display:none;}
  #cta-section{padding:60px 6%;}
  .cta-heading-white,.cta-heading-orange{font-size:40px;}
  .cta-quote{font-size:18px;}
  .cta-card{padding:28px 22px 24px; border-radius:24px;}
  .cta-buttons{flex-direction:column; align-items:stretch; gap:12px;}
  .cta-primary-btn,.cta-secondary-btn{width:100%; min-width:0;}
  #contact-page{padding:130px 6% 70px;}
  .contact-title span{font-size:38px;}
  .contact-box{padding:12px 0;}
  .contact-note{flex-direction:column; text-align:center;}
  #footer-section{padding:24px 6%;}
  .footer-container{gap:18px;}
  .footer-copy{font-size:11px; letter-spacing:2px;}
  .footer-social{gap:14px;}
  .dashboard-search-box,.dashboard-table-actions select,.dashboard-pagination button,.table-action-btn{height:34px;}
  .dashboard-table{min-width:720px;}
}

@media (max-width: 576px){
  .container{width:90%;}
  .navbar .container{justify-content:space-between;}
  .talk-btn span{display:none;}
  .talk-btn{padding:0 12px; min-width:44px; justify-content:center;}
  .hero-left h1{font-size:36px;}
  .hero-left p{font-size:15px; line-height:1.7;}
  .stats div{flex:1 1 100%;}
  .strategy-left h2{font-size:34px;}
  .problem-right h2{font-size:34px;}
  .belief-title{font-size:44px;}
  .belief-script-top{font-size:32px;}
  .belief-script-bottom{font-size:46px;}
  .proof-title-top{font-size:34px;}
  .proof-title-bottom{font-size:32px;}
  .services-heading-white,.services-heading-orange{font-size:42px;}
  .about-heading-white{font-size:34px;}
  .about-heading-orange{font-size:42px;}
  .pricing-heading-white,.pricing-heading-orange{font-size:34px;}
  .cta-heading-white,.cta-heading-orange{font-size:34px;}
  .contact-title span{font-size:32px;}
  .contact-field input,.contact-field textarea,.contact-field select,.contact-phone,.contact-submit{border-radius:12px;}
  .dashboard-header{margin-bottom:16px;}
  .dashboard-main{padding:12px;}
  .sidebar-menu a,.sidebar-link{flex-basis:100%;}
  .dashboard-card-content h2{font-size:20px;}
  .admin-profile{width:100%; justify-content:center;}
  .header-right{justify-content:stretch;}
}

@media (max-width: 480px){
  .navbar{padding:14px 0;}
  .logo img{height:24px;}
  .hero{padding-top:120px;}
  .hero-left h1{font-size:32px;}
  .hero-btns a{padding:12px 18px; font-size:15px;}
  .rings{width:82vw; height:82vw;}
  .bg-logo{width:280px;}
  .center-logo{width:92px; height:92px;}
  .center-logo img{width:74px;}
  .strategy-card,.services-card,.pricing-card,.about-card,.contact-right{border-radius:18px;}
  .portfolio-top h1{font-size:48px;}
  .case-btn{padding:14px 24px; font-size:13px; letter-spacing:1.5px;}
  .services-title{font-size:24px;}
  .about-quote-icon{font-size:40px;}
  .cta-card{padding:24px 18px;}
  .cta-quote{font-size:16px;}
  .footer-copy{font-size:10px;}
  .contact-box{gap:12px;}
  .contact-icon{width:44px; height:44px; border-radius:12px;}
  .contact-field label{font-size:11px; letter-spacing:1.5px;}
  .contact-submit{font-size:11px; letter-spacing:1px;}
}

@media (max-width: 375px){
  .hero-left h1{font-size:28px;}
  .hero-left p{font-size:14px;}
  .strategy-left h2,.problem-right h2{font-size:30px;}
  .belief-title{font-size:38px;}
  .proof-title-top{font-size:30px;}
  .proof-title-bottom{font-size:28px;}
  .services-heading-white,.services-heading-orange{font-size:36px;}
  .about-heading-white{font-size:30px;}
  .about-heading-orange{font-size:36px;}
  .pricing-heading-white,.pricing-heading-orange{font-size:30px;}
  .cta-heading-white,.cta-heading-orange{font-size:30px;}
  .contact-title span{font-size:28px;}
  .contact-box p,.contact-box a{font-size:14px;}
  .dashboard-card{padding:12px;}
}

@media (max-width: 320px){
  .container{width:94%;}
  .hero{padding:115px 4% 60px;}
  .hero-left h1{font-size:26px;}
  .hero-btns a{padding:11px 16px; font-size:14px;}
  .talk-btn{min-width:40px;}
  .strategy-card,.services-card,.pricing-card,.cta-card,.contact-right{padding:16px;}
  .portfolio-top h1{font-size:42px;}
  .about-feature-list li{gap:10px;}
  .footer-social-link{width:30px; height:30px; font-size:15px;}
}

/* Index footer */
@media (max-width: 1200px){
    .footer_top{padding:40px 5%; gap:32px;}
    .footer_newsletter{padding:32px 5%; gap:32px;}
    .footer_bottom{padding:20px 5%;}
}

@media (max-width: 992px){
    .footer_top{grid-template-columns:repeat(2, minmax(0, 1fr));}
    .footer_newsletter{grid-template-columns:1fr 1fr;}
    .social_section{grid-column:1 / -1; justify-content:center;}
    .footer_bottom{grid-template-columns:1fr; gap:18px; text-align:center;}
    .bottom_logo,.made_in{justify-content:center;}
}

@media (max-width: 768px){
    .footer_top{grid-template-columns:1fr; padding:36px 6%; gap:40px;}
    .footer_newsletter{grid-template-columns:1fr; padding:30px 6%; gap:24px;}
    .newsletter_info{align-items:flex-start;}
    .newsletter_form{width:100%;}
    .social_section{grid-column:auto; justify-content:flex-start; flex-wrap:wrap;}
    .map_container{height:280px;}
    .footer_bottom{padding:24px 6%;}
    .copyright_section p{line-height:1.6;}
    .legal_links{flex-wrap:wrap;}
}

@media (max-width: 480px){
    .footer_top{padding:30px 6%; gap:32px;}
    .footer_description{max-width:none;}
    .day_time{align-items:flex-start; flex-direction:column; gap:3px;}
    .help_box{padding:14px;}
    .newsletter_form{height:auto; flex-direction:column; overflow:visible; gap:10px; border:0;}
    .newsletter_form input{height:44px; border:1px solid rgba(255, 255, 255, 0.18); border-radius:8px;}
    .newsletter_form button{width:100%; height:44px; border-radius:8px;}
    .social_section{align-items:flex-start; flex-direction:column; gap:12px;}
}

@media (max-width: 768px) {
    .certificate-modal {
        padding: 12px;
    }

    .certificate-viewer {
        width: min(94vw, 960px);
        height: auto;
        padding: 18px 0;
    }

    .certificate-image {
        width: min(84vw, 920px);
        max-width: 920px;
        max-height: 80vh;
    }

    .certificate-close {
        top: 12px;
        right: 12px;
        width: 38px;
        height: 38px;
        font-size: 24px;
    }
}










@media (max-width: 1200px) {

    .footer_top {
        grid-template-columns: 1fr 1fr;

        gap: 50px;
    }


    .footer_newsletter {
        grid-template-columns: 1fr 1fr;

        gap: 35px;
    }


    .social_section {
        grid-column: span 2;

        justify-content: center;
    }

}


@media (max-width: 768px) {

    body {
        padding: 0;
    }


    .footer_top {
        grid-template-columns: 1fr;

        padding: 50px 25px;

        gap: 50px;
    }


    .footer_newsletter {
        grid-template-columns: 1fr;

        padding: 35px 25px;

        gap: 30px;
    }


    .social_section {
        grid-column: auto;

        justify-content: flex-start;

        flex-wrap: wrap;
    }


    .footer_bottom {
        grid-template-columns: 1fr;

        gap: 25px;

        padding: 30px 25px;

        text-align: center;
    }


    .bottom_logo,
    .made_in {
        justify-content: center;
    }


    .map_container {
        height: 300px;
    }

}


@media (max-width: 480px) {

    .day_time {
        flex-direction: column;

        gap: 5px;
    }


    .newsletter_form {
        height: auto;

        flex-direction: column;

        overflow: visible;

        border: none;

        gap: 10px;
    }


    .newsletter_form input {
        width: 100%;

        height: 50px;

        border: 1px solid rgba(255, 255, 255, 0.18);

        border-radius: 8px;
    }


    .newsletter_form button {
        width: 100%;

        height: 50px;

        border-radius: 8px;
    }

}