/*==================================================
AUSINDIA TRADE
STYLE.CSS
Version 2.0
==================================================*/


/*==================================================
RESET
==================================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    font-family:'Montserrat',sans-serif;
    font-size:16px;
    line-height:1.7;
    color:#2c3e50;
    background:#ffffff;
    overflow-x:hidden;

}

img{

    max-width:100%;
    display:block;

}

a{

    text-decoration:none;
    transition:.3s ease;

}

ul{

    list-style:none;

}

section{

    padding:90px 0;

}

.about-story{

    padding-top:50px;

}

.container{

    width:min(1180px,92%);
    margin:auto;

}


/*==================================================
ROOT COLOURS
==================================================*/

:root{

    --primary:#0A4A87;
    --secondary:#F7941D;
    --dark:#16324F;
    --light:#F8FAFC;
    --white:#ffffff;
    --text:#4d5a68;
    --heading:#19334d;
    --border:#e5e7eb;
    --success:#17a34a;

    --radius:16px;

    --shadow-sm:
        0 8px 24px rgba(0,0,0,.05);

    --shadow:
        0 18px 45px rgba(0,0,0,.08);

    --shadow-lg:
        0 25px 60px rgba(0,0,0,.12);

}


/*==================================================
TYPOGRAPHY
==================================================*/

h1,h2,h3,h4{

    color:var(--heading);
    line-height:1.2;
    font-weight:700;

}

h1{

font-size: clamp(2.2rem, 3.5vw, 3.2rem);

}

h2{

    font-size:clamp(2rem,4vw,3rem);

}

.about-story .section-header h2{

    font-size:clamp(1.8rem,3vw,2.5rem);

}


.about-story p{

    margin-bottom:22px;
    line-height:1.9;

}

h3{

    font-size:1.35rem;

}

p{

    color:var(--text);

}

.section-header{

    max-width:760px;
    margin:0 auto 70px;
    text-align:center;

}

.section-header p{

    margin-top:18px;
    font-size:1.05rem;

}

.section-tag{

    display:inline-block;
    background:#eaf3ff;
    color:var(--primary);
    padding:10px 22px;
    border-radius:100px;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:1.5px;
    margin-bottom:20px;

}


/*==================================================
BUTTONS
==================================================*/

.btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    padding:16px 34px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.btn-primary{

    background:var(--secondary);
    color:#fff;

}

.btn-primary:hover{

    background:#d97d0b;
    transform:translateY(-4px);

}

.btn-outline{

    border:2px solid var(--primary);
    color:var(--primary);

}

.btn-outline:hover{

    background:var(--primary);
    color:#fff;

}


/*==================================================
HEADER
==================================================*/

.header{

    position:sticky;
    top:0;
    z-index:1000;

    background:#fff;

    box-shadow:0 1px 12px rgba(0,0,0,.05);

}

.nav-container{

    display:flex;
    align-items:center;
    justify-content:space-between;

    min-height:90px;

}

.logo img {
    height: 110px;
    width: auto;
    display: block;
}

.nav-menu{

    display:flex;
    align-items:center;
    gap:45px;

}

.nav-links{

    display:flex;
    gap:34px;

}

.nav-links a{

    color:var(--dark);
    font-weight:600;
    position:relative;

}

.nav-links a::after{

    content:'';

    position:absolute;
    bottom:-8px;
    left:0;

    width:0;
    height:3px;

    background:var(--secondary);

    transition:.35s;

}

.nav-links a:hover::after,
.nav-links .active::after{

    width:100%;

}

.btn-nav{

    background:var(--primary);
    color:#fff;
    padding:14px 26px;
    border-radius:40px;
    font-weight:700;

}

.btn-nav:hover{

    background:#073763;

}

.hamburger{

    display:none;
    flex-direction:column;
    gap:6px;
    cursor:pointer;

}

.hamburger span{

    width:28px;
    height:3px;
    background:var(--dark);
    border-radius:20px;

}


/*==================================================
HERO
==================================================*/

.hero{

    background:
    linear-gradient(135deg,#eef6ff 0%,#ffffff 100%);

    padding:110px 0 90px;

}

.hero-grid{

    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:70px;
    align-items:center;

}

.hero-badge{

    display:inline-flex;
    align-items:center;
    gap:10px;

    background:#fff;

    color:var(--primary);

    border-radius:40px;

    padding:12px 24px;

    font-weight:700;

    box-shadow:var(--shadow-sm);

    margin-bottom:30px;

}

.hero h1{

    margin-bottom:25px;

}

.hero h1 span{

    display:block;
    color:var(--primary);

}

.hero p{

    font-size:1.08rem;
    max-width:650px;
    margin-bottom:40px;

}

.hero-buttons{

    display:flex;
    gap:18px;
    flex-wrap:wrap;

    margin-bottom:60px;

}

.hero-stats{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;

}

.hero-content {
    order:1;
}

.hero-image {
    order:2;
}


.hero-image img {
    width:100%;
    max-width:650px;
    height:auto;
    animation:none;
}

.stat{

    background:#fff;

    padding:25px;

    border-radius:16px;

    text-align:center;

    box-shadow:var(--shadow-sm);

}

.stat h2{

    color:var(--primary);
    font-size:2rem;
    margin-bottom:8px;

}

.hero-image{
    order:1;
    max-width:650px;
    margin:0 auto;
    display:flex;
    align-items:flex-start;
    justify-content:center;
}

@keyframes float{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-14px);

    }

}

/*==================================================
TRUST BAR
==================================================*/

.trust-bar{

    background:var(--primary);
    color:#fff;
    padding:22px 0;

}

.trust-items{

    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:25px;
    align-items:center;
    text-align:center;

}

.trust-items div{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    font-weight:700;
    font-size:.95rem;

}

.trust-items i{

    color:var(--secondary);
    font-size:1.3rem;

}


/*==================================================
ABOUT PREVIEW
==================================================*/

.about-preview{

    background:#ffffff;

}

.about-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    align-items:stretch;

}

.about-story .about-grid{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:start;

}

.about-image{
    display:flex;
    align-items:flex-start;
}

.about-image img{

    width:100%;
    max-width:600px;
    height:auto;
    display:block;

}

.about-grid p{

    max-width:520px;
    line-height:1.9;

}

.about-text{

    max-width:560px;

}

.about-card{

    background:#fff;

    padding:32px 30px;

    border-radius:18px;

    text-align:center;

    box-shadow:var(--shadow-sm);

    transition:.35s;

    border:1px solid var(--border);

}

.about-card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow);

}

.about-card i{

    width:75px;
    height:75px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 auto 25px;

    border-radius:50%;

    background:#eef6ff;

    color:var(--primary);

    font-size:2rem;

}

.about-card h3{

    margin-bottom:18px;

}

.about-card p{

    color:var(--text);

}


/*==================================================
WHY CHOOSE US
==================================================*/

.why-us{

    background:var(--light);

}

.why-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    align-items:stretch;

}

.why-card{

    background:#fff;

    border-radius:20px;

    padding:40px 30px;

    box-shadow:var(--shadow-sm);

    transition:.35s;

}

.why-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow);

}

.why-icon{

    width:72px;
    height:72px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:18px;

    background:#eef6ff;

    color:var(--primary);

    font-size:1.9rem;

    margin-bottom:25px;

}

.why-card h3{

    margin-bottom:18px;

}


/*==================================================
PROCESS
==================================================*/

.process{

    background:#fff;

}

.process-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;

}

.process-card{

    background:#fff;

    padding:40px 30px;

    border-radius:20px;

    text-align:center;

    border:1px solid var(--border);

    transition:.35s;

}

.process-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow);

}

.step-number{

    width:70px;
    height:70px;

    margin:0 auto 25px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    background:var(--secondary);

    color:#fff;

    font-size:1.4rem;

    font-weight:800;

}

.process-card h3{

    margin-bottom:18px;

}


/*==================================================
SERVICES
==================================================*/

.services{

    background:var(--light);

}

.services-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;

}

.service-card{

    background:#fff;

    border-radius:20px;

    padding:40px 35px;

    transition:.35s;

    box-shadow:var(--shadow-sm);

}

.service-card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow);

}

.service-icon{

    width:72px;
    height:72px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:18px;

    background:linear-gradient(135deg,var(--primary),#1565c0);

    color:#fff;

    font-size:1.8rem;

    margin-bottom:25px;

}

.service-card h3{

    margin-bottom:18px;

}

.service-card p{

    color:var(--text);

}


/*==================================================
INDUSTRIES
==================================================*/

.industries{

    background:#fff;

}

.industry-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;

}

.industry-card{

    background:#f8fbff;

    border:1px solid var(--border);

    border-radius:14px;

    padding:24px;

    text-align:center;

    font-weight:600;

    transition:.3s;

}

.industry-card:hover{

    background:var(--primary);

    color:#fff;

    transform:translateY(-5px);

}


/*==================================================
WHY INDIA
==================================================*/

.why-india{

    background:linear-gradient(180deg,#f9fcff,#eef6ff);

}

.india-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;

}

.india-card{

    background:#fff;

    padding:35px;

    border-radius:18px;

    text-align:center;

    box-shadow:var(--shadow-sm);

    transition:.35s;

}

.india-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow);

}

.india-card i{

    font-size:2.4rem;

    color:var(--secondary);

    margin-bottom:24px;

}

.india-card h3{

    margin-bottom:18px;

}

/*==================================================
TESTIMONIALS
==================================================*/

.testimonials{

    background:var(--light);

}

.testimonial-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;

}

.testimonial-card{

    background:#fff;

    padding:40px;

    border-radius:20px;

    box-shadow:var(--shadow-sm);

    position:relative;

    transition:.35s;

}

.testimonial-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow);

}

.quote{

    width:60px;
    height:60px;

    border-radius:50%;

    background:var(--primary);

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:1.4rem;

    margin-bottom:25px;

}

.testimonial-card p{

    font-size:1rem;
    color:var(--text);

}


/*==================================================
FAQ
==================================================*/

.faq{

    background:#fff;

}

.faq-wrapper{

    max-width:900px;

    margin:auto;

}

.faq-item{

    border:1px solid var(--border);

    border-radius:14px;

    overflow:hidden;

    margin-bottom:18px;

    background:#fff;

    box-shadow:var(--shadow-sm);

}

.faq-question{

    width:100%;

    background:#fff;

    border:none;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:24px 30px;

    font-size:1.05rem;

    font-weight:700;

    color:var(--heading);

    transition:.3s;

}

.faq-question:hover{

    background:#f6f9fc;

}

.faq-question i{

    color:var(--secondary);

    transition:.3s;

}

.faq-item.active .faq-question i{

    transform:rotate(45deg);

}

.faq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height .35s ease;

}

.faq-answer p{

    padding:0 30px 30px;

    color:var(--text);

}


/*==================================================
CALL TO ACTION
==================================================*/

.cta{

    background:
    linear-gradient(135deg,
    var(--primary),
    #0f5aa5);

}

.cta-box{

    text-align:center;

    color:#fff;

    max-width:900px;

    margin:auto;

}

.cta-box h2{

    color:#fff;

    margin-bottom:25px;

    font-size:clamp(2rem,4vw,3rem);

}

.cta-box p{

    color:rgba(255,255,255,.92);

    margin-bottom:40px;

    font-size:1.1rem;

}

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.cta .btn-outline{

    border:2px solid #fff;

    color:#fff;

}

.cta .btn-outline:hover{

    background:#fff;

    color:var(--primary);

}


/*==================================================
FOOTER
==================================================*/

.footer{

    background:#10273d;

    color:#cfd9e4;

    padding:70px 0 0;

}

.footer-grid{

    display:grid;

    grid-template-columns:
    2fr
    1fr
    1fr
    1.2fr;

    gap:45px;

}

.footer-logo{

    width:220px;

    margin-bottom:18px;

}

.footer-column h3{

    color:#fff;

    margin-bottom:25px;

    font-size:1.15rem;

}

.footer-column p{

    color:#cfd9e4;

    margin-bottom:12px;

}

.footer-column ul li{

    margin-bottom:14px;

}

.footer-column ul li a{

    color:#cfd9e4;

}

.footer-column ul li a:hover{

    color:var(--secondary);

    padding-left:5px;

}

.footer-social{

    display:flex;

    gap:15px;

    margin-top:25px;

}

.footer-social a{

    width:42px;

    height:42px;

    border-radius:10px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(255,255,255,.08);

    color:#fff;

    transition:.3s;

}

.footer-social a:hover{

    background:var(--secondary);

    transform:translateY(-3px);

}

.footer-bottom{

    border-top:1px solid rgba(255,255,255,.08);

    margin-top:60px;

    padding:25px 0;

    text-align:center;

}

.footer-bottom p{

    color:#b8c6d6;

    font-size:.92rem;

}


/*==================================================
UTILITY CLASSES
==================================================*/

.text-center{

    text-align:center;

}

.mt-0{margin-top:0;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-60{margin-top:60px;}

.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-60{margin-bottom:60px;}

.rounded{

    border-radius:var(--radius);

}

.shadow{

    box-shadow:var(--shadow);

}

.bg-light{

    background:var(--light);

}

.bg-white{

    background:#fff;

}

.text-primary{

    color:var(--primary);

}

.text-secondary{

    color:var(--secondary);

}

/*==================================================
ANIMATIONS
==================================================*/

.fade-up{

    opacity:0;

    transform:translateY(40px);

    transition:
        opacity .7s ease,
        transform .7s ease;

}

.fade-up.show{

    opacity:1;

    transform:translateY(0);

}

.fade-left{

    opacity:0;

    transform:translateX(-50px);

    transition:
        opacity .7s ease,
        transform .7s ease;

}

.fade-left.show{

    opacity:1;

    transform:translateX(0);

}

.fade-right{

    opacity:0;

    transform:translateX(50px);

    transition:
        opacity .7s ease,
        transform .7s ease;

}

.fade-right.show{

    opacity:1;

    transform:translateX(0);

}

.zoom-in{

    opacity:0;

    transform:scale(.9);

    transition:
        opacity .6s ease,
        transform .6s ease;

}

.zoom-in.show{

    opacity:1;

    transform:scale(1);

}


/*==================================================
SCROLLBAR
==================================================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#eef2f5;

}

::-webkit-scrollbar-thumb{

    background:var(--primary);

    border-radius:100px;

}

::-webkit-scrollbar-thumb:hover{

    background:#063968;

}


/*==================================================
SELECTION
==================================================*/

::selection{

    background:var(--secondary);

    color:#fff;

}


/*==================================================
BACK TO TOP BUTTON
==================================================*/

.back-to-top{

    position:fixed;

    right:30px;

    bottom:30px;

    width:52px;

    height:52px;

    border:none;

    border-radius:50%;

    background:var(--secondary);

    color:#fff;

    font-size:1.1rem;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:var(--shadow);

    opacity:0;

    visibility:hidden;

    transform:translateY(15px);

    transition:.35s;

    z-index:999;

}

.back-to-top.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.back-to-top:hover{

    background:var(--primary);

}

.services-grid-three{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;

}

/*==================================================
RESPONSIVE
==================================================*/

@media (max-width:1100px){

.hero-grid{

    grid-template-columns:1fr;

    text-align:center;

}

.hero-content{

    order:2;

}

.hero-image{

    order:1;

    max-width:650px;

    margin:auto;

}

.hero-buttons{

    justify-content:center;

}

.hero-stats{

    grid-template-columns:repeat(2,1fr);

}

.about-grid,
.why-grid,
.services-grid,
.india-grid{

    grid-template-columns:repeat(2,1fr);

}

.process-grid{

    grid-template-columns:repeat(2,1fr);

}

.industry-grid{

    grid-template-columns:repeat(3,1fr);

}

.footer-grid{

    grid-template-columns:repeat(2,1fr);

}

}


/*==================================================
TABLET
==================================================*/

@media (max-width:768px){

section{

    padding:70px 0;

}

.nav-menu{

    position:fixed;

    top:90px;

    left:-100%;

    width:100%;

    background:#fff;

    flex-direction:column;

    align-items:flex-start;

    padding:35px;

    gap:30px;

    transition:.35s;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.nav-menu.active{

    left:0;

}

.nav-links{

    flex-direction:column;

    width:100%;

    gap:25px;

}

.btn-nav{

    width:100%;

    text-align:center;

}

.hamburger{

    display:flex;

}

.hero{
    padding:140px 0 110px;
}

.hero h1{
    font-size:2rem;
    line-height:1.15;
}

.hero-stats{

    grid-template-columns:1fr 1fr;

}

.about-grid,
.why-grid,
.services-grid,
.process-grid,
.india-grid,
.testimonial-grid{

    grid-template-columns:1fr;

}

.industry-grid{

    grid-template-columns:repeat(2,1fr);

}

.trust-items{

    grid-template-columns:1fr 1fr;

    gap:20px;

}

.cta-buttons{

    flex-direction:column;

}

.footer-grid{

    grid-template-columns:1fr;

    text-align:center;

    gap:25px;

}

.footer-logo{

    margin:0 auto 25px;

}

.footer-social{

    justify-content:center;

}

}


/*==================================================
MOBILE
==================================================*/

@media (max-width:480px){

.container{

    width:94%;

}

.hero{

    padding:80px 0;

}

.hero h1{

    font-size:2rem;

}

.hero p{

    font-size:1rem;

}

.hero-buttons{

    flex-direction:column;

}

.hero-buttons .btn{

    width:100%;

}

.hero-stats{

    grid-template-columns:1fr;

}

.stat{

    padding:20px;

}

.section-header{

    margin-bottom:45px;

}

.section-tag{

    font-size:.72rem;

}

.industry-grid{

    grid-template-columns:1fr;

}

.trust-items{

    grid-template-columns:1fr;

}

.about-card,
.why-card,
.service-card,
.process-card,
.india-card,
.testimonial-card{

    padding:30px 24px;

}

.faq-question{

    padding:20px;

    font-size:.95rem;

}

.faq-answer p{

    padding:0 20px 20px;

}

.back-to-top{

    right:18px;

    bottom:18px;

}

}


/*==================================================
LARGE DESKTOPS
==================================================*/

@media (min-width:1500px){

.container{

    max-width:1320px;

}

.hero{

    padding:140px 0 110px;

}

.hero-grid{
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:100px;
    align-items:center;
}

.hero h1{

    max-width:760px;

}

}

}

.page-hero{

    background:linear-gradient(135deg,#eef6ff 0%,#ffffff 100%);
    padding:60px 0;
    text-align:center;

}

.page-hero-content{

    max-width:1100px;
    margin:0 auto;
    text-align:center;

}

.page-hero h1{

    font-size:3.2rem;
    line-height:1.2;
    font-weight:700;
    color:var(--primary);
    margin-bottom:25px;

}

.page-hero h1 span{

    display:block;
    color:var(--primary);

}

.page-hero p{

    max-width:780px;
    margin:0 auto;
    font-size:1.08rem;

}

/*==================================================
CONTACT PAGE
==================================================*/

.contact-grid{

    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:60px;
    align-items:start;

}

.contact-form{

    background:#fff;
    padding:20px 40px 40px;
    border-radius:16px;
    box-shadow:0 12px 35px rgba(0,0,0,0.08);
    margin-top:-30px;

}

.contact-form h2{
    font-size:2.2rem;
    margin-bottom:20px;
    line-height:1.2;
    color:var(--heading);
}

.contact-form .btn{

    width:100%;
    margin-top:10px;

}

.contact-form .btn{

    width:100%;
    padding:16px;
    font-size:1rem;
    font-weight:600;
    border-radius:50px;

}

.contact-form .form-group{

    margin-bottom:20px;

}

.contact-form label{

    display:block;
    font-weight:600;
    margin-bottom:8px;
    color:var(--dark);

}

.contact-form input,
.contact-form textarea{

    width:100%;
    padding:14px 16px;
    border:1px solid #d9e2ec;
    border-radius:10px;
    font-size:1rem;
    font-family:inherit;
    transition:0.3s;

}

.contact-form textarea{

    resize:vertical;
    min-height:160px;

}

.contact-form input:focus,
.contact-form textarea:focus{

    outline:none;
    border-color:var(--primary);

}

.contact-section{
    padding:40px 0 80px;
}

.contact-info .info-box{

    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:24px;
    padding:20px;
    background:#fff;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(0,0,0,0.06);

}

.contact-info .info-box i{

    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--primary);
    color:#fff;
    font-size:1.1rem;
    flex-shrink:0;

}

.contact-info .info-box h4{

    margin-bottom:6px;

}

.contact-info .info-box p{

    margin:0;
    color:#666;

}

.contact-info .info-box a{

    color:var(--dark);
    text-decoration:none;
    font-weight:500;
    transition:0.3s ease;

}

.contact-info h2{

    margin-bottom:16px;

}

.contact-info .info-box a:hover{

    color:var(--primary);
    text-decoration:underline;

}

.contact-info > p{

    max-width:650px;

}

.contact-info .info-box{

    min-height:110px;
    transition:0.3s ease;

}

.contact-info .info-box:hover{

    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(0,0,0,.10);

}

/*==================================
ABOUT HERO
==================================*/

.page-hero{

    background:#ffffff;
    padding:60px 0 50px;
    text-align:center;

}

.page-hero-content{

    max-width:850px;
    margin:0 auto;

}

.page-hero h1{

    font-size:3rem;
    line-height:1.2;
    font-weight:700;
    color:var(--primary);
    margin-bottom:25px;

}

.page-hero p{

    font-size:1.25rem;
    line-height:1.8;
    color:var(--text);

}

/*=====================================
FOUNDER
=====================================*/

.founder{

    padding:90px 0;

}

.founder-grid{

    display:grid;
    grid-template-columns:420px 1fr;
    gap:80px;

    align-items:flex-start;

}

.founder-image{

    text-align:center;

}

.founder-image img{

    width:380px;
    height:380px;
    object-fit:cover;
    border-radius:50%;
    border:8px solid #fff;
    box-shadow:0 20px 45px rgba(0,0,0,.15);

}

.founder{

    padding:60px 0 110px;
    background:#f8fafc;

}

.section-tag{

    display:inline-block;
    padding:10px 24px;

    background:#EAF2FF;

    color:var(--primary);

    font-size:.85rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;

    border-radius:999px;

    margin-bottom:28px;

}

.founder-content h2{

    font-size:3rem;
    line-height:1.15;
    color:var(--primary);

    margin-bottom:18px;

}

.founder-content h3{

    font-size:2rem;
    color:var(--primary);

    margin-bottom:10px;

}

.founder-content h4{

    color:var(--primary);
    font-size:1rem;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:30px;
    font-weight:700;

}

.founder-content p{

    color:#666;
    line-height:1.9;
    margin-bottom:20px;
    font-size:1.05rem;

}

.founder .btn{

    margin-top:15px;

}

.founder-highlights{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin:35px 0;

}

.founder-highlights div{

    display:flex;
    align-items:center;
    gap:10px;
    font-weight:600;

}

.founder-highlights i{

    color:var(--primary);

}

@media(max-width:900px){

.founder-grid{

    grid-template-columns:1fr;
    gap:50px;
    text-align:center;

}

.founder-image img{

    width:260px;
    height:260px;

}

.founder-highlights{

    grid-template-columns:1fr;

}

.founder-highlights div{

    justify-content:center;

}

}

/*==================================================
PRINT
==================================================*/

@media print{

.header,
.footer,
.back-to-top,
.hero-buttons,
.cta{

    display:none;

}

body{

    color:#000;

    background:#fff;

}

section{

    padding:25px 0;

}

a{

    color:#000;

    text-decoration:none;

}

}


.hero-image {
    transform: translateY(20px);
}




/*==================================================
END OF FILE
==================================================*/