@charset "UTF-8";

@import url("reset_1.css");
@import url("fonts.css");
@import url("swiper-bundle.min.css");


:root{
    
    --app-height: 100vh;
    --headroom-height: auto;
    
  
    --c0: #FFFFFF; 
    --c1: #000000;
    --c2: #F9F8F4;
    --c3: rgba(214,202,228,.3);
    --c4: rgba(188,201,214,.3);
    --c5: rgba(201,214,188,.3);
    --c6: #D6CAE4;
    --c7: #1E1E1E;
    --c8: #BCC9D6;
    --c9: rgba(255,255,255,.5);
    --c10: #F7F7F7;
    --c11: #E9E9E9;
    --c12: #EBEFF3;
    
    --gap: 10rem;
    
    --br: 20rem;
    
    --wr: 45rem;
    --awr: calc(-1 * var(--wr));
    --iwr: 80rem;
    
    --fwr: 15rem;
    
    --sl: max(1px, 1rem);
    
    --f-s: max(12px, 18rem);
    --f-d: max(12px, 18rem);
    --f-m: max(12px, 20rem);
    --f-b: max(14px, 24rem);
    --f-l: max(14px, 34rem);
    --f-xl: max(14px, 70rem);
    --f-xxl: max(14px, 80rem);
    
    --mw: 1920px; 
    
    
}


/* globals */

@media screen {

    html{font-size: 0.052vw;background-color: var(--c0);}

    .document{font-weight: 400;font-family: "inter", sans-serif; sans-serif;font-size: var(--f-d);line-height: 1.3;color: var(--c1);background-color: var(--c0);letter-spacing: -.03em;}
    
    .wrapper{width: 100%;margin: 0 auto;padding: 0 var(--wr);max-width: var(--mw);}
    
    .preloader{background-color: var(--c0);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;visibility: hidden;opacity: 0;transition: all .25s 1s;display: flex;padding: 40rem 0;color: var(--c1);will-change: transform;}
     
    .loading{pointer-events: none;}
    .loading .preloader{transition-duration: 0s;opacity: 1;visibility: visible;}
    
    .icon{display: flex;max-height: 100%;align-items:center;justify-content:center;line-height: 0;max-width: 100%;width: auto;height: auto;}
    .cover,
    .contain{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-position: center;pointer-events: none;}
    .cover{object-fit: cover;}
    .contain{object-fit: contain;}
    .fill::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}

    .button{display: inline-flex;justify-content: center;max-width: 100%;user-select: none;cursor: pointer;align-items: center;z-index: 1;position: relative;background-clip: padding-box;}
    .button:not(.fill){overflow: hidden;}
    .button-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;position: relative;z-index: 2;min-width: 0;text-transform: capitalize;}
    
    .button__default{padding: 0 50rem;height: max(45px, 55rem);border-radius: 999rem;color: var(--c0);background-color:  #053eff;border: var(--sl) solid  #053eff;}
    .button__wide{width: 100%;}
    
    .title{line-height: 1.1;}
    .title__default{font-size: var(--f-xl);}
    .title__large{font-size: var(--f-xxl);}
    .title__mid{font-size: 28px}
    .top__title{font-size:18px}

    
    .container{display: flex;flex-direction: column;min-height: var(--app-height);}
    
    .header{padding: 30rem 0;background-color: var(--c0);margin-bottom: 100rem;top: 0;position: sticky;top: 0;z-index: 10;user-select: none;overflow: hidden;}
    
    .header-line-indicator{height: 0;display: flex;overflow: hidden;visibility: hidden;}
    
    .topbar{display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: 50rem;align-items: center;}
    .topbar-logo{max-width: 225rem;}
    .topbar-nav ul{display: grid;grid-auto-flow: column;grid-gap: 10rem;align-items: center;}
    .topbar-nav li{position: relative;border-radius: .5em;padding: 5rem 15rem;background-color: rgba(0,0,0,0);overflow: hidden;}
    .topbar-action{margin-left: auto;}

    
    .main{margin-top: 0;flex: auto;display: flex;flex-direction: column;}
   
    .section{position: relative;z-index: 1;overflow: hidden;}
    .section{margin-bottom: 250rem;}
    .section:only-child{flex: auto;}
    
    .section:not(:first-child){margin-top: -250rem;padding-top: 250rem;}
    
    .footer{overflow: hidden;margin: 0;padding-bottom: 25rem;}
    .footer-inner{background-color: var(--c1);color: var(--c0);padding: 50rem calc(var(--wr) - var(--fwr)) 65rem;border-radius: var(--br);margin: 0 calc(var(--fwr) - var(--wr));}
    .footer-grid{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 150rem var(--gap);align-items: flex-start;}
    .footer-logo{max-width: 100rem;}
    .footer-nav{display: grid;grid-template-columns: 1fr auto;grid-gap: 50rem;font-size: var(--f-m);}
    .footer-nav-caption{margin-bottom: 30rem;opacity: .5;}
    .footer-nav ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .footer-nav li{position: relative;}
    .footer-app{display: grid;grid-template-columns: auto;grid-gap: 15rem;margin-left: auto;max-width: 195rem;}
    .footer-app-item{display: flex;}
    .footer-copyright{color: var(--c9);}
    .footer-author{display: flex;align-items: baseline;color: var(--c9);}
    
    .dd-icon{width: 1em;height: 1.2em;margin: 0 .3em;opacity: 1;display: inline-flex;align-items: center;justify-content: center;color: var(--c0);}
    .dd-icon .icon{width: 100%;}
  
    .carousel-buttons{display: grid;grid-auto-flow: column;grid-gap: 0;border: 5rem solid var(--c10);border-radius: 999rem;background-color: var(--c10);position: relative;}
    .carousel-button{width: max(45px, 54rem);height: max(45px, 54rem);display: flex;align-items: center;justify-content: center;padding: 15rem;z-index: 2;cursor: pointer;}
    .carousel-button-indicator{position: absolute;top: 0;right: 0;width: max(45px, 54rem);height: max(45px, 54rem);border-radius: 50%;pointer-events: none;background-color: var(--c11);transition: transform .15s;will-change: transform;}
    
    .carousel-button.swiper-button-disabled{opacity: .3;}
    
    
    .carousel-button__prev:hover ~ .carousel-button-indicator,
    .carousel-button__prev.hover ~ .carousel-button-indicator{transform: translateX(-100%);}
    
    
    .textbox h2{font-weight: 700;margin: 1em 0;}
    .textbox h2:first-child{margin-top: 0;}
    .textbox ul{display: grid;grid-template-columns: auto;grid-gap: 0;}
    .textbox ul:not(:first-child){margin-top: 1em;}
    .textbox ul li{padding-left: 1.5em;position: relative;}
    .textbox ul li::before{content: "\2022";position: absolute;left: 0;top: 0;text-align: center;width: 1.5em;}
    .textbox a{text-decoration: underline;}
    
    
    
}

/* cards */

@media screen {
   
    .card{position: relative;overflow: hidden;display: flex;min-height: 100%;flex-direction: column;user-select: none;}
    
    .card-1{border-radius: var(--br);padding: 20rem 20rem 30rem 30rem;}
    .card-1 .card-header{display: flex;justify-content: flex-end;}
    .card-1 .card-media{display: flex;position: relative;overflow: hidden;border-radius: 15rem;width: 220rem;}
    .card-1 .card-media::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .card-1 .card-content{margin-top: 45rem;padding-right: 25rem;flex: 1;}
    .card-1 .card-title{font-size: var(--f-b);}
    .card-1 .card-subtitle{margin-top: 15rem;}
    
    .card-2{border-radius: var(--br);}
    .card-2 .card-header{flex: auto;padding: 65rem 80rem 0 80rem;}
    .card-2 .card-media{display: flex;position: relative;overflow: hidden;margin-top: 35rem;width: 100%;flex: none;}
    .card-2 .card-media::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .card-2 .card-media img{object-position: top;}
    .card-2 .card-title{font-size: var(--f-l);}
    .card-2 .card-subtitle{margin-top: 10rem;max-width: 300rem;opacity: .8;font-size: var(--f-d);}
  
}
    
/* sections */

@media screen {
    
    .s0-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s0-2{grid-column: 2/4;}
    .s0-2-1{text-align: center;}
    .s0-2-2{margin-top: 70rem;opacity: .8;}
    
    .s1{background-position: bottom;background-size: 100% 50%;background-image: linear-gradient(var(--c0), #B1BECC, #5E758C);background-repeat: no-repeat;}
    .s1-1{position: relative;padding: 0 0 50rem;}
    .s1-2{position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;text-align: center;}
    .s1-2-1{}
    .s1-2-2{max-width: 570rem;margin-top: 15rem;opacity: .8;}

    .s1-3{width: 100%;display: flex;margin-top: 55rem;position: relative;}
    .s1-3::before{content: "";flex: none;width: 0;padding-top: 40%;}
    .s1-3-1{position: absolute;z-index: 1;}
    .s1-3-1:nth-child(1){width: 343rem;top: 189rem;left: 189rem;}
    .s1-3-1:nth-child(2){width: 343rem;top: 325rem;left: 310rem;}
    .s1-3-1:nth-child(3){width: 273rem;top: 461rem;left: 178rem;}
    .s1-3-1:nth-child(4){width: 343rem;top: 312rem;right: 204rem;}
    .s1-3-1:nth-child(5){width: 343rem;top: 426rem;right: 300rem;}
    
    .s2-1{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr auto;grid-gap: 0;grid-template-areas: "a1 a2" "a3 a2";align-items: center;}
    .s2-2{grid-area: a1;padding-top: 35rem;margin-right: 240rem;margin-top: auto;margin-bottom: 35rem;margin-left: var(--iwr);}
    .s2-3{grid-area: a2;display: flex;align-items: center;margin: auto 0;}
    .s2-3-1{width: 100%;display: flex;position: relative;overflow: hidden;border-radius: var(--br);}
    .s2-3-1::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .s2-4{grid-area: a3;padding-bottom: 200rem;margin-right: 240rem;margin-left: var(--iwr);}
    .s2-4-1{max-width: 490rem;opacity: .8;}
    .s2-4-2:not(:first-child){margin-top: 50rem;}
    
    .s4-1{display: flex;flex-direction: column;align-items: center;}
    .s4-2{text-align: center;}
    .s4-3{text-align: center;margin-top: 20rem;opacity: .8;max-width: 1000rem;}
.s4-4 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  justify-content: center;
  grid-gap: var(--gap);
  width: 80%;
  margin-top: 7.5rem; /* fixed typo: 75rem → likely meant 7.5rem */
}


.s4-4-1:nth-child(1) .card-1{background-color: var(--c2);}
    .s4-4-1:nth-child(2) .card-1{background-color: var(--c3);}
    .s4-4-1:nth-child(3) .card-1{background-color: var(--c4);}
    .s4-4-1:nth-child(4) .card-1{background-color: var(--c5);}
    
    .s3-1{}
    .s3-2{display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: 50rem;align-items: flex-end;}
    .s3-2-1{grid-column: 2/3;text-align: center;}
    .s3-2-2{grid-column: 3/4;margin-left: auto;}
    .s3-3{margin-top: 55rem;width: 60vw;}
    .s3-3 .swiper{overflow: visible;margin: 0 calc(var(--gap) / -2);}
    .s3-3 .swiper-slide{padding: 0 calc(var(--gap) / 2);height: auto;}
    .s3-3 .swiper-slide:nth-child(4n + 1) .card-2{background-color: var(--c6);}
    .s3-3 .swiper-slide:nth-child(4n + 2) .card-2{background-color: var(--c7);color: var(--c0);}
    .s3-3 .swiper-slide:nth-child(4n + 3) .card-2{background-color: var(--c8);}
    .s3-3 .swiper-slide:nth-child(4n + 4) .card-2{background-color: var(--c2);}
    
    .s5-1{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: auto 1fr;grid-gap: 0;grid-template-areas: "a2 a1" "a2 a3";align-items: center;}
    .s5-2{grid-area: a1;padding-top: 120rem;margin-left: 240rem;margin-top: auto;margin-bottom: 35rem;margin-right: var(--iwr);}
    .s5-3{grid-area: a2;display: flex;align-items: center;margin: auto 0;}
    .s5-3-1{width: 100%;display: flex;position: relative;overflow: hidden;border-radius: var(--br);}
    .s5-3-1::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .s5-4{grid-area: a3;padding-bottom: 200rem;margin-left: 240rem;margin-right: var(--iwr);}
    .s5-4-1{max-width: 490rem;opacity: .8;}
    
    .s6:last-child{margin-bottom: 30rem;}
    .s6-1{display: flex;align-items: center;flex-direction: column;background-image: linear-gradient(#b1becc, #5e758c);color: var(--c0);padding: 275rem calc(var(--wr) - var(--fwr));border-radius: var(--br);margin: 0 calc(var(--fwr) - var(--wr));position: relative;}
    .s6-2{padding: 0 var(--iwr);display: flex;flex-direction: column;align-items: center;position: relative;z-index: 2;}
    .s6-2-1{margin-bottom: 30rem;max-width: 225rem;}
    .s6-2-2{text-align: center;}
    .s6-2-3{margin-top: 30rem;}
    .s6-3{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .s6-3-1{position: absolute;width: 112rem;height: 112rem;border-radius: 50%;overflow: hidden;z-index: 1;}
    .s6-3-1:nth-child(1){left: 15%;top: 25%;}
    .s6-3-1:nth-child(2){left: 30%;bottom: 25%;}
    .s6-3-1:nth-child(3){right: 15%;top: 25%;width: 135rem;height: 135rem;}
    .s6-3-1:nth-child(4){right: 12.5%;bottom: 30%;}
    
    .s7-1{text-align: center;}
    .s7-2:not(:first-child){margin-top: 25rem;}
    .s7-3{padding: 0;}
    .s7-3 .swiper{overflow: visible;}
    .s7-3 .swiper-wrapper{transition-timing-function: linear !important;}
    .s7-3 .swiper-slide{padding: 0 50rem;display: flex;max-width: 300rem;height: auto;justify-content: center;align-items: center;}
    
    .s404:first-child{margin-top: -80rem;}
    .s404:last-child{margin-bottom: 30rem;}
    .s404-1{border-radius: var(--br);display: flex;align-items: center;flex-direction: column;background-image: linear-gradient(#47585C, #C8D5BB);color: var(--c0);padding: 275rem calc(var(--wr) - var(--fwr));border-radius: var(--br);margin: 0 calc(var(--fwr) - var(--wr));}
    .s404-2{padding: 0 var(--iwr);display: flex;flex-direction: column;align-items: center;position: relative;z-index: 2;}
    .s404-2-1{text-align: center;margin-bottom: 25rem;}
    .s404-2-2{text-align: center;opacity: .8;max-width: 375rem;}
    .s404-2-3{margin-top: 45rem;}
    .s404-3{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;display: flex;align-items: center;justify-content: center;font-size: 600rem;opacity: .1;}
  
}

@media screen and (max-width: 1023.98px) {
    
    :root{
       
        --wr: 15rem;
        --iwr: 15rem;

        --gap: 8rem;

        --f-s: 8rem;
        --f-d: 14rem;
        --f-m: 14rem;
        --f-b: 20rem;
        --f-l: 20rem;
        --f-xl: 30rem;
        --f-xxl: 34rem;

        --mw: 640px; 

    }
    
    html{font-size: 1px;}
    
    .desktop{display: none!important;}
    
    .button__default{padding: 0 40rem;height: 45rem;}
    
    .title br{display: none;}
    
    .header{padding: 15rem 0;margin-bottom: 50rem;}
    .topbar{grid-template-columns: 1fr auto;}
    .topbar-logo{max-width: 110rem;}
    .topbar-nav,
    .topbar-action{display: none;}
    
    .topbar-menu{position: relative;}
    .topbar-menu-button{display: flex;height: 20px;width: 20px;align-items: center;justify-content: center;}
    
    .document:not(.popup-active) .topbar-menu-button__close,
    .popup-active .topbar-menu-button__open{display: none;}
    
    .footer{padding-bottom: 10rem;}
    .footer-inner{padding: 50rem var(--wr) 20rem;margin: 0;}
    .footer-grid{grid-template-columns: auto;grid-gap: 0;justify-items: center;}
    .footer-logo{max-width: 60rem;}
    .footer-nav{grid-template-columns: auto;margin-top: 60rem;grid-gap: 45rem;text-align: center;}
    .footer-nav-caption{margin-bottom: 20rem;}
    .footer-app{margin: 45rem 0 0;max-width: 145rem;}
    .footer-copyright{margin-top: 40rem;}
    .footer-author{margin-top: 15rem;}
    
    .carousel-button{width: 30rem;height: 30rem;padding: 7.5rem;}
    .carousel-button-indicator{width: 30rem;height: 30rem;}
    
    .card-1{border-radius: 15rem;padding: 15rem 15rem 20rem 20rem;}
    .card-1 .card-media{border-radius: 10rem;width: 90rem;}
    .card-1 .card-content{margin-top: 35rem;padding-right: 20rem;}
    .card-1 .card-subtitle{margin-top: 10rem;}
    
    .card-2{border-radius: 10rem;}
    .card-2 .card-header{padding: 30rem 60rem 0 35rem;}
    .card-2 .card-title{font-size: var(--f-d);}
    .card-2 .card-subtitle{max-width: 125rem;}
    .card-2 .card-media{margin-top: 20rem;}
    
    .section{margin-bottom: 100rem;}
    .section:not(:first-child){margin-top: -100rem;padding-top: 100rem;}
    
    .s0-1{grid-template-columns: auto;}
    .s0-1{grid-column: 1/-1;}
    .s0-2-2{margin-top: 50rem;}
    
    .s1-1{min-height: calc(var(--app-height) - var(--headroom-height) - 50rem);display: flex;flex-direction: column;}
    .s1-2-2{margin-top: 10rem;}
    .s1-2-3{margin-top: 25rem;}
    .s1-3{margin-top: -55rem;flex: auto;min-height: 550rem;}
    .s1-3-1{display: none;}
    
    .s2-1{grid-template-columns: auto;grid-template-rows: auto;grid-template-areas: "a1" "a2" "a3";grid-gap: 20rem;}
    .s2-2{padding: 0;margin: 0;}
    .s2-3{padding: 0;margin: 0;}
    .s2-3-1::before{padding-top: 120%;}
    .s2-4{padding: 0;margin: 0;}
    .s2-4-2:not(:first-child){margin-top: 30rem;}
    
    .s3-2{grid-template-columns: 1fr auto;grid-gap: 40rem;}
    .s3-2-1{grid-column: auto;text-align: left;}
    .s3-2-2{grid-column: auto;}
    .s3-3{margin-top: 20rem;width: 80vw;}
    
    .s4-1{align-items: flex-start;}
    .s4-2{text-align: left;max-width: 350rem;}
    .s4-3{text-align: left;margin-top: 15rem;max-width: 350rem;}
    .s4-4{margin-top: 20rem;grid-template-columns: auto;}
    
    .s5-1{grid-template-columns: auto;grid-template-rows: auto;grid-template-areas: "a1" "a2" "a3";grid-gap: 20rem;}
    .s5-2{padding: 0;margin: 0;}
    .s5-3{padding: 0;margin: 0;}
    .s5-3-1::before{padding-top: 120%;}
    .s5-4{padding: 0;margin: 0;}
    
    .s6:last-child{margin-bottom: 15rem;}
    .s6-1{margin: 0;padding: 200rem 0;}
    .s6-2{padding: 0 var(--wr);}
    .s6-2-1{max-width: 130rem;margin-bottom: 25rem;}
    .s6-2-2 .title{font-size: var(--f-xl);}
    .s6-2-3{margin-top: 50rem;}
    .s6-3{display: none;}
    
    .s7-1{text-align: left;}
    .s7-2{margin-left: var(--awr);margin-right: var(--awr);margin-top: 20rem;}
    .s7-3{padding: 0;}
    .s7-3 .swiper-slide{max-width: 200rem;padding: 0 30rem;}
    
    .s404:first-child{margin-top: -35rem;}
    .s404:last-child{margin-bottom: 15rem;}
    .s404-1{margin: 0;padding: 145rem 0;}
    .s404-2-1{margin-bottom: 15rem;}
    .s404-2-2{max-width: 265rem;}
    .s404-2-3{margin-top: 40rem;}
    .s404-3{font-size: 185rem;margin-top: -40rem;}
    
    .popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--c0);z-index: 9;overflow: auto;transition: transform .5s;will-change: transform;}
    .popup-inner{min-height: var(--app-height);display: flex;flex-direction: column;padding: var(--headroom-height) 0 40rem;align-items: center;}
    .popup-nav{margin-bottom: auto;flex: auto;display: flex;align-items: center;justify-content: center;}
    .popup-nav ul{display: grid;grid-template-columns: auto;grid-gap: 15rem;justify-items: center;text-align: center;}
    .popup-nav li{font-size: var(--f-xl);padding: 5rem 15rem;border-radius: 10rem;background-color: var(--c12);position: relative;overflow: hidden;}
    .popup-footer{margin-top: 100rem;display: inline-grid;grid-auto-flow: column;grid-gap: var(--gap);}
    .popup-footer-button img{height: 48rem;width: auto;}
    
    .popup:not(.active){transform: translateY(-100%);}
    
    .popup-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--c1);pointer-events: none;z-index: 5;opacity: 0;transition: opacity .5s;}
    .popup.active ~ .popup-overlay{opacity: .5;}
   
    
}

@media screen and (min-width: 1024px) {
    
    .mobile{display: none!important;}
   
    .header.init{top: calc(-1 * var(--headroom-height));transition: top .25s ease;}
    .header.active{top: 0;}
    
    .s1-3-1, 
    .s6-3-1{transition: transform 1s 0s;}
    
}

@media screen and (min-width: 1920px) {
    
    
    html{font-size: 1px;}
    
    
}

/* hover animations */

@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
    
    .button,
    .footer-nav a,
    .footer-author a{transition: all .15s;}
    
    .footer-nav a:hover{opacity: .6;}
    .footer-author a:hover{color: var(--c0);}
    
    .button__default:hover{background-color: rgba(0,0,0,0);color: var(--c1);}
    
    .topbar-nav li{transition: background-color .15s;}
    .topbar-nav li:hover{background-color: var(--c12);}
    
    
   
}


.textbox strong {
    font-weight: 700;
}

.textbox h2 {
	font-size: max(25px, 35rem);
}

.textbox h3 {
	font-size: max(20px, 30rem);
}

.textbox h4 {
	font-size: max(18px, 25rem);
}

.textbox em {
    font-style: italic;
}



.idfic-paragraph {
  font-size: 17px;
  line-height: 1.47059;
  font-weight: 500;
  letter-spacing: -0.022em;
  color: #000000; /* Apple's default text color */
}



.space-b
{
    margin-bottom: 40px;
}

/* Tablet (768px and below) */
@media (max-width: 768px) {
    .space-t {
        margin-top: 26px;
    }
}

/* Mobile (480px and below) */
@media (max-width: 480px) {
    .space-t {
        margin-top: 22px;
    }
}

.button-group {
      display: flex;
      gap: 20px;
      margin-top: 30px;
    }

    .btn {
      font-size: 16px;
      font-weight: 500;
      padding: 12px 28px;
      border-radius: 50px;
      cursor: pointer;
      transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    }

    .btn-primary {
      background-color: #053eff;
      color: white;
      border: none;
    }

    .btn-primary:hover {
      background-color: #002ccc;
      transform: translateY(-5px) scale(1.05);
      box-shadow: 0 3px 8px rgba(5, 62, 255, 0.5);
    }

    .btn-outline {
      background-color: transparent;
      color: #053eff;
      border: 2px solid #053eff;
    }

    .btn-outline:hover {
      background-color: #053eff;
      color: white;
      transform: translateY(-5px) scale(1.05);
      box-shadow: 0 3px 8px rgba(5, 62, 255, 0.5);
    }

    .bg-black
    {
      background-color: #000000;
    }

    .rounded-image {
  border-radius: 20px!important;
}


.title-fw
{
  font-weight:700;
}

.title-fw-l
{
  font-weight:500;
}

.text-light
{
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .s1-3 {
    margin-top: 1rem;
    padding-bottom: -100rem!important;
    min-height: 250rem;
  }
}

.idfic-paragraph {
  max-width: 100%!important;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .idfic-paragraph {
    padding: 0 2rem;
    font-size: 16px;
  }
}








.lazy-img {
  opacity: 0;
  transform: translateY(30px); /* Start lower */
  transition: opacity 0.9s ease, transform 0.6s ease;
}

.lazy-img.loaded {
  opacity: 1;
  transform: translateY(0); /* Glide up into place */
}

.bg-blue
{
  background-color: #f9f8f4;
}

 .bg-bluee {
  background: linear-gradient(to bottom, #cceaff, #e3f7f1, #f0fff9);
  height: 100vh;
  width: 100%;
    }

    .contact-button {
  display: inline-block;
  padding: 8px 20px;
  color: #0057ff;
  border: 2px solid #0057ff;
  border-radius: 30px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}

.contact-button:hover {
  background-color: #0057ff;
  color: white;
}