/**************************/
/* HEADER + NAVIGATION SECTION 3333333333333333333333333333333333333333333333333333333333333333*/
/**************************/

/* .navbar{
    width:100%;
    height:8.8rem;
    position:fixed;
    top:0;
    left:0;
    z-index:100;
} */
.navbar{
    position:fixed;
    top:0;
    right:0;
    left:0;
    width:100%;
    height:8.8rem;
    z-index:1000;
    backdrop-filter:blur(16px);
    background:rgba(2,6,23,.65);
    border-bottom:
    1px solid rgba(255,255,255,.05);
    transition:.3s;
}

.navbar__wrapper{
    width: 100%;
    height:8.8rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.navbar__logo{
    font-size: 2rem;
    width:5.2rem;
    height:5.2rem;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    color:white;
    font-weight:700;
    text-decoration:none;
    transition: .3s;
}
.navbar__logo:hover{

    transform:scale(1.06);

    border-color:
    rgba(59,130,246,.4);
}

.navbar__menu{
    display:flex;
    gap:4rem;
}

.navbar__menu a{
    text-decoration:none;
    color:#CBD5E1;
    font-size:2rem;
    position: relative;
    transition:.3s;
}
.navbar__menu a::after{
    content:"";
    position:absolute;
    bottom:-0.8rem;
    right:0;
    width:0;
    height:2px;
    background:#3B82F6;
    transition:.3s;
}
.navbar__menu a:hover{
    color:white;
}
.navbar__menu a:hover::after{
    width:100%;
}

/* mobile menu*/

.mobile-menu-btn{
    display:none;
    width:4.8rem;
    height:4.8rem;
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    background:
    rgba(255,255,255,.05);
    color:white;
    cursor:pointer;
    transition: .3s;
}
.mobile-menu-btn:hover{

    transform:scale(1.06);

    border: 1px solid rgba(59,130,246,.4) ;
}

.mobile-menu{

    position:fixed;
    top:8.8rem;
    right:-100%;
    width:28.0rem;
    height:100vh;
    background:#0F172A;
    transition:.4s;
    padding:3.2rem;
    display:flex;
    flex-direction:column;
    gap:2.4rem;
    z-index:999;
}

.mobile-menu a{
    color: #CBD5E1;
    font-size: 2.4rem;
    position: relative;
    transition: .3s;
}
.mobile-menu a::after{
    content:"";
    position:absolute;
    bottom:-0.8rem;
    right:0;
    width:0;
    height:2px;
    background:#3B82F6;
    transition:.3s;
}
.mobile-menu a:hover{
    color:white;
}
.mobile-menu a:hover::after{
    width:100%;
}
.mobile-menu.active{

    right:0;
}

.mobile-overlay{

    position:fixed;
    inset:0;
    background:
    rgba(0,0,0,.65);
    backdrop-filter:blur(8px);
    opacity:0;
    visibility:hidden;
    transition:.35s;
    z-index:998;
}

.mobile-overlay.active{

    opacity:1;
    visibility:visible;
}



/* end mobile menu */

.navbar__actions{
    display:flex;
    align-items:center;
    gap:1.6rem;
}

.theme-btn{
    width:4.8rem;
    height:4.8rem;
    border-radius:50%;
    border:none;
    cursor:pointer;
    background:rgba(255,255,255,.04);
    transition: .3s;
}
.theme-btn:hover{
    transform:
    translateY(-5px);

    background:
    rgba(59,130,246,.12);

    border: 1px solid rgba(59,130,246,.3) ;
}

.resume-btn{
    font-size: 1.6rem;
    padding:1.4rem 2.4rem;
    border-radius:14px;
    text-decoration:none;
    color:white;
    background:
    linear-gradient(
    135deg,
    #3B82F6,
    #8B5CF6
    );
    transition: .3s;
}
.resume-btn:hover{
    transform:
    translateY(-4px);
    box-shadow:
    0 12px 35px
    rgba(59,130,246,.35);
}

/**************************/
/* HERO SECTION 4444444444444444444444444444444444444444444444444444444444444444444444444444444444444*/
/**************************/

.hero{
    max-height: auto;
    padding-top:8.8rem;
    padding-bottom:8rem;
    position:relative;
    overflow: hidden;
}

.hero__wrapper{
    display:grid;
    grid-template-columns:55% 45%;
    align-items:center;
}

.hero__title{
    font-size:6.4rem;
    line-height:1.2;
    color:#F8FAFC;
    animation:
    fadeUp .8s ease;
}

.hero__title span{
    color:#3B82F6;
}

.hero__subtitle{
    margin-top:2.4rem;
    font-size:2.8rem;
    line-height:1.6;
    color:#CBD5E1;
    font-weight:500;
    animation:
    fadeUp 1s ease;
}

.hero__description{
    margin-top:3.2rem;
    font-size:1.8rem;
    line-height:1.9;
    color:#94A3B8;
    max-width:58rem;
    animation:
    fadeUp 1.2s ease;
}

.hero__actions{
    display:flex;
    gap:1.6rem;
    margin-top:4rem;
    animation:
    fadeUp 1.4s ease;
}

.btn-primary{
    font-size: 2rem;
    padding:1.6rem 2.8rem;
    border-radius:16px;
    text-decoration:none;
    color:white;
    background:
    linear-gradient(
    135deg,
    #3B82F6,
    #8B5CF6
    );
    transition: .3s;
}
.btn-primary:hover{
    transform:
    translateY(-4px);
    box-shadow:
    0 12px 35px
    rgba(59,130,246,.35);
}

.btn-secondary{
    font-size: 2rem;
    padding:1.6rem 2.8rem;
    border-radius:16px;
    text-decoration:none;
    color:white;
    border:1px solid rgba(255,255,255,.08);
    transition: .3s;
}
.btn-secondary:hover{
    transform: translateY(-4px);
    border-color: #3B82F6;
    background: rgba(59,130,246,.08);
}

.hero__socials{
    display:flex;
    gap:1.6rem;
    margin-top:4.8rem;
    animation:
    fadeUp 1.6s ease;
}

.hero__socials a{
    width:5.2rem;
    height:5.2rem;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    color:white;
    text-decoration:none;
    transition: .3s;
}
.hero__socials a:hover{
    transform:
    translateY(-5px);

    background:
    rgba(59,130,246,.12);

    border-color:
    rgba(59,130,246,.3);
}

.hero__image{
    position:relative;
    display:flex;
    justify-content:end;
    animation:
    fadeRight 1.2s ease;
}

.hero__glow{
    width:60rem;
    height:60rem;
    border-radius:50%;
    position:absolute;
    background:rgba(59,130,246,.2);
    filter:blur(120px);
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.hero__image img{
    height:64rem;
    /* width: 70%; */
    object-fit:cover;
    position:relative;
    z-index:2;
    transition: .5s;
}
.hero__image:hover img{

    transform:
    translateY(-10px)
    scale(1.02);
}

/**************************/
/* ABOUT SECTION 5555555555555555555555555555555555555555555555555555555555555555555555555555555555*/
/**************************/


.about{
    padding-bottom: 8rem;
}

.about-card{

    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:4.8rem;
    padding:4.8rem;
    border-radius:32px;
    background:
    rgba(255,255,255,.025);
    border:
    1px solid rgba(255,255,255,.06);
    backdrop-filter:blur(20px);
    position:relative;
    overflow:hidden;
    animation: fadeUp .8s ease;
}

.about-card::before{

    content:"";
    position:absolute;
    top:-10rem;
    right:-10rem;
    width:30rem;
    height:30rem;
    border-radius:50%;
    background:
    rgba(79,70,229,.15);
    filter:blur(100px);
    pointer-events:none;
}

.about-content{

    display:flex;
    flex-direction:column;
    justify-content:center;
}

.about-title h2{

    display: inline-block;
    font-size:5.2rem;
    font-weight:700;
    color:#F8FAFC;
    margin-bottom:2.8rem;
    line-height:1.3;
}

.about-text{

    font-size:1.7rem;
    line-height:2.2;
    color:#94A3B8;
    max-width:62.0rem;
    margin-bottom:1.8rem;
}

.about-btn{
    margin: 2.2rem auto 0 0;
    font-size: 1.5rem;
    /* margin-top:2.2rem; */
    width:max-content;
    padding:1.6rem 3.2rem;
    border-radius:16px;
    border:
    1px solid rgba(99,102,241,.35);
    color:white;
    transition:.3s;
}

.about-btn:hover{

    background:
    rgba(99,102,241,.1);
    transform:
    translateY(-3px);
}

.about-stats{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:2rem;
}

.stat-card{

    padding:2.8rem;
    min-height:17.0rem;
    border-radius:22px;
    background:
    rgba(255,255,255,.025);
    border:
    1px solid rgba(255,255,255,.06);
    transition:.35s;
    display:flex;
    flex-direction:column;
    justify-content: space-between;
}

.stat-card:hover{

    transform:
    translateY(-8px);

    border-color:
    rgba(99,102,241,.3);

    box-shadow:
    0 10px 35px
    rgba(99,102,241,.15);
}

.stat-card-head{
    direction: ltr;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* .stat-icon{

    width:4.8rem;
    height:4.8rem;
    border-radius:14px;
    background:
    rgba(99,102,241,.08);
    display:flex;
    align-items:center;
    justify-content:center;
} */

.stat-card-head img{

    opacity:.9;
    width: 4.5rem;
    height: 4.5rem;
}

.stat-card h3{
    transform: translateY(3px);
    font-size:4.2rem;
    font-weight:700;
    color:#6366F1;
}

.stat-card span{

    color:#CBD5E1;
    line-height:1.9;
    font-size:1.6rem;
}



/**************************/
/* SKILLS SECTION 666666666666666666666666666666666666666666666666666666666666666666666666666666666*/
/**************************/


.skills{

    /* padding:10rem 0; */
    padding-bottom: 8rem;
    overflow-x:hidden;
}

/* .section-header{
    
    display: flex;
    justify-content: center;
    align-items: center;
} */

.section-title{

    text-align: center;
    font-size: 5.2rem;
    font-weight: 700;
    color: #F8FAFC;
    line-height: 1.2;
}

/* .section-title::after{

    content:"";
    position:absolute;
    bottom:-1rem;
    right:20%;
    width:60%;
    height:3px;
    background:#3B82F6;
} */

.skills-slider{

    direction: ltr;
    display: flex;
    margin-top:4rem;
    animation: fadeUp .8s ease ;
}

.skills-track{

    display:flex;
    gap:2.4rem;
    padding-right: 2.4rem;
    /* width:max-content; */
    animation:
    skillScroll 30s linear infinite;
}

.skill-card{

    min-width:16rem;
    height:14rem;
    border-radius:24px;
    background:
    rgba(255,255,255,.03);
    border:
    1px solid rgba(255,255,255,.08);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:1.6rem;
    transition:.3s;
}

.skill-card img{

    width:5.2rem;
}

.skill-card:hover{

    transform:
    translateY(-8px);

    border-color:
    rgba(99,102,241,.4);

    background:
    rgba(99,102,241,.08);
}

.skills-slider:hover .skills-track {

    animation-play-state:
    paused;
}



/**************************/
/* PROJECTS SECTION 77777777777777777777777777777777777777777777777777777777777777777777777777777*/
/**************************/


.projects{

    padding-bottom: 8rem;
}

.section-description{

    max-width:64.0rem;
    margin-top:1.8rem;
    color:#94A3B8;
    font-size:1.7rem;
    line-height:2;
}

.projects .section-header{

    margin-bottom:7.2rem;
}

  
  /* Tags */
  .project-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-bottom: 2.6rem;
  }
  
  .project-tag {
    font-size: 1.2rem;
    font-weight: 500;
    color: #818CF8;
    background: rgba(99, 102, 241, 0.08);
    border: 1px solid rgba(129, 140, 248, 0.15);
    border-radius: 999rem;
    padding: 0.4rem 1.2rem;
    white-space: nowrap;
    transition: background 0.35s, border-color 0.35s;
  }
  
  .project-card:hover .project-tag {
    background: rgba(99, 102, 241, 0.12);
    border-color: rgba(129, 140, 248, 0.25);
  }
  
  /* Project Actions */
  .project-actions {
    display: flex;
    align-items: center;
    gap: 1.2rem;
  }


/**************************/
/* ARTICALES SECTION 888888888888888888888888888888888888888888888888888888888888888888888888888888*/
/**************************/


.articles{

    padding-bottom:8rem;
}

.articles .section-header{

    margin-bottom:7.2rem;
}



/**************************/
/* PROJECTS SECTION 9999999999999999999999999999999999999999999999999999999999999999999999999999999*/
/**************************/


.journey{

    padding-bottom: 8rem;
}

.journey .section-header{

    margin-bottom:9rem;
}

/* کانتینر */

.journey-wrapper{

    position:relative;

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:2.4rem;
}

/* خط وسط */

.journey-line{

    position:absolute;

    top:3.8rem;

    left:5%;

    width:90%;

    height:2px;

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

/* هر آیتم */

.journey-item{

    position:relative;

    flex:1;

    text-align:center;

    z-index:2;
}

/* دایره */

.journey-icon{

    width:7.6rem;

    height:7.6rem;

    margin:auto;

    margin-bottom:2.4rem;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
    #0F172A;

    border:
    2px solid rgba(99,102,241,.35);

    font-size:3.2rem;

    color:#818CF8;

    transition:.35s;
}

/* هاور */

.journey-item:hover .journey-icon{

    transform:
    translateY(-8px);

    box-shadow:
    0 0 35px
    rgba(99,102,241,.35);
}

/* سال */

.journey-year{

    display:block;

    margin-bottom:1.6rem;

    color:#818CF8;

    font-weight:700;

    font-size:1.8rem;
}

/* عنوان */

.journey-item h3{

    color:#F8FAFC;

    font-size:2rem;

    margin-bottom:1.2rem;

    line-height:1.6;
}

/* متن */

.journey-item p{

    color:#94A3B8;

    line-height:1.9;

    font-size:1.5rem;

    max-width:18rem;

    margin:auto;
}


/**************************/
/* CTA SECTION 10000000000000000000000000000000000000000000000000000000000000000000000000000000000000*/
/**************************/


.cta{

    padding-bottom: 10rem;
}

.cta-card{

    display: grid;
    grid-template-columns: 40fr 60fr;
    padding:8rem;
    border-radius:40px;
    background:
    linear-gradient(
        135deg,
        rgba(99,102,241,.12),
        rgba(139,92,246,.06)
    );
    border:
    1px solid rgba(255,255,255,.08);
    position:relative;
    overflow:hidden;
}

.cta-card::before{

    content:"";
    position:absolute;
    width:40rem;
    height:40rem;
    border-radius:50%;
    background:
    rgba(99,102,241,.15);
    filter:blur(120px);
    top:-20rem;
    right:-15rem;
}

.cta-card h2{

    font-size:5.2rem;
    margin-bottom:2.4rem;
    color:#F8FAFC;
}

.cta-card p{

    max-width:65.0rem;
    margin:auto;
    line-height:2;
    color:#94A3B8;
    font-size:1.7rem;
    margin-bottom:4.2rem;
}

.cta-btn{

    font-size: 1.6rem;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:1.8rem 3.4rem;
    border-radius:12px;
    background:#6366F1;
    color:white;
    transition:.3s;
}

.cta-btn:hover{

    transform:
    translateY(-4px);

    box-shadow:
    0 10px 35px rgba(99,102,241,.35);
}


/**************************/
/* FOOTER 11 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111*/
/**************************/


.footer{

    padding-bottom:4rem;
}

.footer-grid{

    display:grid;
    grid-template-columns:
    1.8fr 1fr 1fr;
    gap:8.0rem;
    padding:4.8rem;
    border-radius:32px;
    background:
    rgba(255,255,255,.02);
    border:
    1px solid rgba(255,255,255,.06);
}

/* لوگو */

.footer-logo{

    width:6.4rem;
    height:6.4rem;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:2.8rem;
    font-weight:700;
    color:#F8FAFC;
    background:
    rgba(255,255,255,.04);
    border:
    1px solid rgba(255,255,255,.08);
    margin-bottom:2.4rem;
}

/* متن */

.footer-brand p{

    font-size: 1.2rem;
    color:#94A3B8;
    line-height:2;
    margin-bottom:1.6rem;
}

.footer-brand span{
    
    color:#64748B;
    font-size:1.4rem;
}

.footer-links a{
    font-size: 1.2rem;
}

.heart{
    display: inline-block;
    animation:
    heartbeat 1.8s infinite;
}

/* تیتر ستون‌ها */

.footer h4{

    color:#F8FAFC;
    margin-bottom:2.4rem;
    font-size:1.8rem;
}

/* لینک‌ها */

.footer-links,
.footer-social{

    display:flex;
    flex-direction:column;
    gap:1.4rem;
}

.footer-social-icons{

    font-size: 2rem;
    display:flex;
    align-items: center;
    gap:1.4rem;
}

.footer a{

    color:#94A3B8;
    transition:.3s;
}

.footer a:hover{

    color:#818CF8;

    transform:
    translateX(-4px);
}


/**************************/
/* CALL BTN 122222222222222222222222222222222222222222222222222222222222222222222222222222222222222222*/
/**************************/


.contact-fab{

    position:fixed;
    left:24px;
    bottom:24px;
    z-index:999;
}

/* دکمه اصلی */

.fab-toggle{

    width:6.4rem;
    height:6.4rem;
    border:none;
    cursor:pointer;
    border-radius:50%;
    color:white;
    background:#6366F1;
    box-shadow:
    0 10px 35px
    rgba(99,102,241,.35);
}

/* انیمیشن توجه */

.fab-toggle{

    animation:
    fab-wiggle 5s infinite;
}

/* منوی بازشونده */

.fab-menu{

    position:absolute;
    bottom:8.0rem;
    left:0;
    display:flex;
    flex-direction:column;
    gap:1.2rem;
    opacity:0;
    visibility:hidden;
    transform:
    translateY(15px);

    transition:.3s;
}

.contact-fab.active .fab-menu{

    opacity:1;

    visibility:visible;

    transform:
    translateY(0);
}

/* آیتم‌ها */

.fab-menu a{

    width:5.2rem;
    height:5.2rem;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:2.0rem;
    color:#CBD5E1;
    background:
    rgba(15,23,42,.92);
    border:
    1px solid rgba(255,255,255,.06);
    backdrop-filter:blur(16px);
    transition:
    transform .3s ease,
    color .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

.fab-menu a:hover{

    transform:
    translateY(-4px)
    scale(1.08);

    color:#818CF8;

    border-color:
    rgba(129,140,248,.4);

    box-shadow:
    0 12px 30px
    rgba(99,102,241,.25);
}

.fab-menu a img{

    transition:.3s;
}
.fab-menu a:hover img{

    transform:
    scale(1.15);
}


/**************************/
/* SCROLL UP BTN 133333333333333333333333333333333333333333333333333333333333333333333333333333333333*/
/**************************/



.scroll-top{

    position:fixed;
    right:24px;
    bottom:24px;
    width:5.6rem;
    height:5.6rem;
    border:none;
    cursor:pointer;
    border-radius:18px;
    background:
    rgba(15,23,42,.92);
    border:
    1px solid rgba(255,255,255,.08);
    color:#818CF8;
    backdrop-filter:blur(20px);
    opacity:0;
    visibility:hidden;
    transform:
    translateY(20px);
    transition:.35s;
    z-index:999;
}

/* نمایش دکمه */

.scroll-top.show{

    opacity:1;

    visibility:visible;

    transform:
    translateY(0);
}

/* Hover */

.scroll-top:hover{

    transform:
    translateY(-4px);

    box-shadow:
    0 10px 30px
    rgba(99,102,241,.25);
}



/**************************/
/* EXTRA ANIMATIONS 144444444444444444444444444444444444444444444444444444444444444444444444444444444*/
/**************************/


.reveal{

    opacity:0;

    transform:
    translateY(40px);

    transition:
    opacity .8s ease,
    transform .8s ease;
}

/* وقتی دیده شد: */

.reveal.active{

    opacity:1;

    transform:
    translateY(0);
}


/**************************/
/* MEDIA QUERIES 15555555555555555555555555555555555555555555555555555555555555555555555555555555555*/
/**************************/

@media(max-width:1200px){

    .hero__title{
        font-size:5.6rem;
    }

    /* .hero__image img{
        height:65rem;
    } */

}

@media (max-width:992px){

    .navbar__menu{
        display:none;
    }

    .mobile-menu-btn{
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .hero__wrapper{
        grid-template-columns:1fr;
        gap:4.8rem;
        text-align:center;
    }

    .hero__content{
        order:2;
    }

    .hero__image{
        order:1;
        justify-content: center;
    }

    .hero__description{
        margin-inline:auto;
    }

    .hero__actions{
        justify-content:center;
    }

    .hero__socials{
        justify-content:center;
    }

    .about-card{

        grid-template-columns:1fr;
        padding:3.6rem;
    }

    .about-content{

        align-items: center;
        grid-row: 1/2;
    }

    .about-btn{

        margin-inline:auto;
    }

    

    .journey-wrapper{

        flex-wrap:wrap;
        justify-content:center;
        gap:4.8rem;
    }

    .journey-item{

        flex:0 0 calc(50% - 2.4rem);
    }

    .journey-line{

        display:none;
    }

    .footer-grid{

        grid-template-columns:
        1.5fr 1fr 1fr;

        gap:4rem;
    }



}

@media (max-width:768px){

    .container{
        padding-inline:2rem;
    }

    .hero__title{
        font-size:4.2rem;
    }

    .hero__subtitle{
        font-size:2.2rem;
    }

    .hero__description{
        font-size:1.6rem;
    }

    .hero__actions{
        flex-direction:column;
    }

    .btn-primary,
    .btn-secondary{
        width:100%;
        text-align:center;
    }

    .hero__image img{
        height:42rem;
    }

    .navbar__actions .resume-btn{
        display:none;
    }

    .skill-card{

        min-width:13rem;

        height:12rem;
    }

    .about{

        padding:7rem 0;
        padding-top: 0;
    }

    .about-title{

        font-size:3.8rem;
    }

    .about-text{

        font-size:1.5rem;
    }

    .about-stats{

        grid-template-columns:1fr 1fr;
    }

    .stat-card{

        min-height:14.0rem;
    }

    .stat-card-head{

        flex-direction: column;
        gap: 2.4rem;
        margin-bottom: 1.6rem;
    }

    .stat-card span{

        text-align: center;
    }

    .journey-wrapper{

        flex-direction:column;

        align-items:center;

        gap:4rem;
    }

    .journey-item{

        width:100%;
        max-width:32rem;
    }

    .cta-card{

        grid-template-columns: 1fr;
    }

    .cta-icon img{

        width: 9rem;
    }

    .cta-card{

        padding:4.8rem 2.8rem;
    }

    .cta-card h2{

        font-size:3.4rem;

        line-height:1.5;
    }

    .cta-card p{

        font-size:1.5rem;

        margin-bottom:3.2rem;
    }

    .footer-grid{

        grid-template-columns:1fr;

        gap:4.8rem;

        text-align:center;
    }

    .footer-logo{

        margin-inline: auto;
    }

    .footer-social-icons{

        justify-content: center;
    }


}

@media (max-width:480px){

    .section-title{

        font-size: 3.2rem;
    }

    .hero__title{
        font-size:3.4rem;
    }

    .hero__subtitle{
        font-size:2rem;
    }

    .hero__image img{
        height:32rem;
    }

    .hero__socials{
        gap:1rem;
    }

    .hero__socials a{
        width:4.6rem;
        height:4.6rem;
    }

    .stat-card{

        padding: 2.4rem;
    }
    
    .stat-card h3{

        font-size: 2.5rem;
    }

    .stat-card span{

        font-size: 1.2rem;
    }

    .cta-card h2{

        font-size:2.4rem;
    }

}