:root{
    --primary-color: #F2A843;
    --secondary-color: #35373B;
    --primary-color-15 : #05549926;
    --primary-light-color : #E1EEF9;
    --light-bg-color: #F8F7F3;
    --white-color-20: #FFFFFF33;
    --white-color-30: #FFFFFF4D;
    --color-black : #191919;
    --theme-border-color : #E6F3FF;
    --blue-color : #25395C;
    --blue-border-color : #25395C1A;
}
.section-inner-head h2{ user-select: none; margin-bottom: 10px;}
.sub-heading {font-size: 20px; line-height: 28px; font-weight: 400; padding-bottom: 5px; margin-bottom: 10px; display: inline-flex; position: relative;}
.sub-heading::after {content: ''; height: 3px; width: 32px; border-radius: 2px; background-color: var(--primary); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
a:hover{color: var(--primary-color);}
.section-spacing {padding: 100px 0px;}
.title-wrapper h2 {margin-bottom: 12px;}
.index-1 {z-index: 1;}
p a {color: var(--primary);}
.mb-40 {margin-bottom: 40px;}

/* Button */
.btn1 svg path {transition: all ease-in-out 0.3s;}
.btn1:hover svg path {fill: var(--color-black);}
.btn1 span {position: relative;}

html {scroll-behavior: unset !important;}
body, html {overflow-x: hidden;}
.flex { display: flex;}
.items-stretch { align-items: stretch;}
.flex-nowrap { flex-wrap: nowrap;}
.flex-start { align-items: flex-start;}
.gap-2 { gap: 20px !important;}
.gap-3 { gap: 30px !important;}
.gap-4 { gap: 40px !important;}
.mb-5 { margin-bottom: 50px;}
.m-auto { margin: auto;}
.h-full { height: 100%;}
.btn--primary-outline {background-color: var(--color-white);}
.btn--primary-outline::after, .btn--primary-outline::before, .btn--primary-outline:hover::after, .btn--primary-outline:hover::before {background-color: var(--primary);}
.mb-40{margin-bottom: 40px;}
.mab-60{margin-bottom: 60px;}
.animated-title { font-size: 20px; line-height: 28px; font-weight: 400; position: relative; padding: 0px 0px 2px; max-width: max-content; margin: 0px auto 12px auto; display: block;}
.animated-title::before { content: ''; width: 32px; height: 3px; border-radius: 4px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); background-color: var(--primary);} 
section .title-wrapper { text-align: center; max-width: 750px; margin-inline: auto; position: relative; z-index: 1;}
.new-testimonial-card-group .swiper-slide:nth-child(2n){margin-top: 0 !important;}

/* hero section */
.hero-wrapper {padding: 100px 0 120px;position: relative; z-index: 1;background-image: url(../images/about-us/hero-bg.webp);background-size: inherit;background-repeat: no-repeat;background-position: center center;}
.hero-content{padding-top: 120px; max-width: 1030px; margin: 0 auto;text-align: center;}
.hero-content h1{font-size: 80px;font-weight: 500;}
.hero-content p {font-size: 24px;line-height: 32px;}
.hero-slide{padding: 120px 0 0;}
.hero-slide .slide-item{display: flex;animation: slideLoop 25s linear infinite;}
@keyframes slideLoop {from {transform: translateX(0);}to {transform: translateX(-50%);}}
.hero-slide .slide-item:hover,.hero-slide .slide-item img:hover {animation-play-state: paused;}

/* By The Numbers */
.by-number-wrapper .grid-block {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.by-number-wrapper .title-wrapper{max-width: 906px;}
.grid-item .curious-block{position: relative; padding: 30px; background-image: url(../images/about-us/creative-img.webp);background-size: cover;background-repeat: no-repeat;background-position: center center;border-radius: 12px;min-height: 292px;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;overflow: hidden;margin-bottom: 30px;}
.grid-item .curious-block::before{content: '';width: 100%;height: 100%;background-color: #000000;opacity: .45;position: absolute;left: 0;top: 0;}
.grid-item .curious-block h3,.grid-item .curious-block p{position: relative;z-index: 1;color: #ffffff;}
.grid-item h3{font-size: 20px;line-height: 28px;font-weight: 700;}
.resources-block{padding: 30px;border: 1px solid #25395C33;border-radius: 12px;}
.by-number-wrapper .grid-item-02{display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
.by-number-wrapper .counter-block{padding: 30px;border-radius: 12px;background-color: #F2A843;}
.by-number-wrapper .counter-block h3{font-size: 35px;line-height: 53px;margin-bottom: 4px;}
.by-number-wrapper .counter-block p{padding-bottom: 20px;border-bottom: 2px solid;border-image-source: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);border-image-slice: 1;margin-bottom: 20px !important;}
.by-number-wrapper .counter-block .count-item:last-child p{border: none;padding: 0;margin: 0 !important;}
.footprint-block{padding: 30px;background: linear-gradient(166.75deg, #FFF8EE 21.34%, #EBF3FF 90.47%);border-radius: 12px;position: relative;}
.footprint-block::before{content: '';width: 100%;height: 100%;background-image: url(../images/about-us/global-footprint.webp);background-repeat: no-repeat;background-position: bottom;position: absolute;left: 0;bottom: 0;border-radius: 12px;}

/* founder */
.founder-wrapper{background: linear-gradient(360deg, #F8F7F3 0%, rgba(255, 255, 255, 0) 49.04%, #F8F7F3 100%);}
.fw-grid-block{display: grid;grid-template-columns: repeat(1, 1fr);gap: 100px;}
.fw-inner-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;margin-bottom: 50px;}
.fw-inner-grid .fw-content {padding-top: 78px;display: flex;flex-direction: column;justify-content: space-between;}
.fw-content .italic-text {padding-left: 20px;border-left: 2px solid #F2A843;display: block;font-weight: 600;font-size: 20px;line-height: 28px;font-style: italic;color: #191919;margin-bottom: 30px;}
.fw-inner-grid .fw-content .fw-footer h3 {color: var(--blue-color);font-weight: 700;font-size: 60px;line-height: 100%;text-transform: capitalize;}
.fw-inner-grid .fw-content .fw-footer .fw-social {display: flex;align-items: center;justify-content: space-between;}
.fw-inner-grid .fw-content .fw-footer .fw-social span {font-size: 20px;line-height: 28px;color: #F2A843;}
.fw-inner-grid .fw-content .fw-footer .fw-social ul {display: flex;align-items: center;gap: 16px;}
.fw-inner-grid .fw-content .fw-footer .fw-social ul li a{display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;background-color: #ffffff;border: 1px solid #F8F7F3;border-radius: 10px;transition: all ease-in-out 0.3s;}
.fw-inner-grid .fw-content .fw-footer .fw-social ul li a:hover{background-color: #F2A843;}
.fw-inner-grid .fw-content .fw-footer .fw-social ul li a svg path{transition: all ease-in-out 0.3s;}
.fw-inner-grid .fw-content .fw-footer .fw-social ul li a:hover svg path{fill: #fff;}
.fw-inner-grid ~ p{max-width: 981px;padding-top: 20px;border-top: 2px solid;border-image-source: linear-gradient(90deg, #F2A843 0%, rgba(242, 168, 67, 0) 100%);border-image-slice: 1;}
.fw-grid-item-02 .fw-inner-grid ~ p {margin-left: auto;text-align: right;border-image-source: linear-gradient(90deg, rgba(242, 168, 67, 0) 0%, #F2A843 100%);}
.fw-inner-grid .fw-img {position: relative;overflow: hidden;}
.fw-inner-grid .fw-img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.fw-inner-grid .fw-img:hover::before {-webkit-animation: shine 1s;animation: shine 1s;}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine {100% {left: 125%;}}

/* Recognitions */
.recognitions-wrapper .slider-section {padding: 2rem 0;width: 100%;overflow: hidden;background-color: #F8F7F3;}
.track-wrapper {overflow: hidden;position: relative;width: 100%;margin-bottom: 14px;}
.track-wrapper:last-child { margin-bottom: 0; }
.track-wrapper::before,.track-wrapper::after {content: '';position: absolute;top: 0; bottom: 0;width: 20%;z-index: 2;pointer-events: none;}
.track-wrapper::before {left: 0;background: linear-gradient(to right, #ffffff 30%, transparent);}
.track-wrapper::after {right: 0;background: linear-gradient(to left, #ffffff 30%, transparent);}
.recognitions-wrapper .slider-row {display: flex;width: max-content;gap: 14px;padding: 8px 0;}
.recognitions-wrapper .badge-card {display: grid;grid-template-columns: 145px auto;align-items: center;gap: 10px;background: #ffffff;border-radius: 10px;padding: 24px;min-width: 195px;max-width: 400px;}
.badge-card .info .main {font-size: 20px;font-weight: 500;color: #191919;display: block;line-height: 28px;}
@keyframes slideRTL {0%   { transform: translateX(0); }100% { transform: translateX(-50%); }}
@keyframes slideLTR {0%   { transform: translateX(-50%); }100% { transform: translateX(0); }}
.recognitions-wrapper .row-rtl { animation: slideRTL 35s linear infinite; }
.recognitions-wrapper .row-ltr { animation: slideLTR 35s linear infinite; }
.recognitions-wrapper #row3 { animation-delay: 0.5s; }
.recognitions-wrapper .slider-row:hover {animation-play-state: paused;}

/* Team Members */
.tm-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 30px;}
.tm-grid-card{display: grid;gap: 16px;}
.tm-grid-card .info{display:flex;justify-content: space-between;gap: 20px; align-items: flex-start;}
.tm-grid-card .info h3{font-size: 20px;font-weight: 700;line-height: 28px;margin-bottom: 0;}
.tm-grid-card .img-wrapper{position: relative;overflow: hidden;}
.tm-grid-card .img-wrapper img {width: 100%;}
.tm-grid-card .img-wrapper::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.tm-grid-card:hover .img-wrapper::before {-webkit-animation: shine 1s;animation: shine 1s;}
.tm-grid-card:hover .img-wrapper img {transform: scale(1.01);transition: all ease-in-out 0.7s;}
.tm-grid-card:hover .social-icon svg path{fill: #F2A843; fill-opacity: 1;}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine {100% {left: 125%;}}

/* technophiles */
.technophiles-grid-block{display: grid;grid-template-columns: auto 355px;gap: 30px;}
.technophiles-grid-block .technophiles-item{padding: 40px;border: 1px solid #F2A84333;border-radius: 20px;}
.technophiles-grid-block .technophiles-item h2{margin-bottom: 30px;}
.technophiles-card {padding: 40px;background: linear-gradient(166.75deg, #FFF8EE 21.34%, #EBF3FF 90.47%);border-radius: 20px;}
.technophiles-card h3{font-size: 35px;line-height: 53px;font-weight: 700; margin-bottom: 66px;}
.technophiles-card .outline-btn{box-shadow: none;background-color: transparent;border: 1px solid #191919;color: #191919;}

/* Values */
.value-grid-block{display: grid;grid-template-columns: repeat(3,1fr);gap: 30px;}
.value-item img{margin-bottom: 24px;}
.value-item h3{font-size: 30px;font-weight: 700;line-height: 40px;margin-bottom: 15px;}
.value-item p{margin-bottom: 0;}

/* Our Journey */
.our-journey-wrapper{background-image: url(../images/about-us/bg-shape.webp);background-size: cover;background-repeat: no-repeat;background-position: center center;}
.our-journey-block{width: 100%;position: relative;}
.our-journey-block img {
    width: 100%;
    object-fit: cover;
    display: block;
    position: relative;
}
.our-placeholder {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 50%;
    bottom: 0;
    border-radius: 12px 12px 0px 0px;
    transform: translateX(-50%);
    display: flex;
}
.our-journey-block video {
    height: 100%;
    background-size: 100%;
    object-fit: cover;
    clip-path: polygon(0% 2%, 12% 5%, 20% 6.5%, 35% 7.5%, 50% 8%, 65% 7.6%, 80% 6.4%, 91% 4.2%, 100% 2%, 100% 100%, 0% 100%);
}
.video-animation-items .ani-item {
    border: 10.18px solid #FFFFFF61;
    border-radius: 50px;
    position: absolute;
    z-index: 91;
}
.video-animation-items .ani-item div{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: #ffffff;
    padding: 6px;
    border-radius: 40px;
}
.video-animation-items .ani-item.ani-item-01 {
    left: -80px;
    top: 150px;
    animation: floatLeftRight 2s ease-in-out infinite;
}
.video-animation-items .ani-item.ani-item-02 {
    left: -130px;
    bottom: 70px;
    animation: floatLeftRight 3s ease-in-out infinite;
}
.video-animation-items .ani-item.ani-item-03 {
    right: -140px;
    top: 150px;
    animation: floatLeftRight 3s ease-in-out infinite;
}
.video-animation-items .ani-item.ani-item-04 {
    right: -160px;
    bottom: 70px;
    animation: floatLeftRight 4s ease-in-out infinite;
}
.video-animation-items .ani-item.ani-item-01 div,
.video-animation-items .ani-item.ani-item-02 div {
    padding-right: 20px;
}

@keyframes floatLeftRight {0% {transform: translateX(0px);}50% {transform: translateX(-30px);}100% {transform: translateX(0px);}}

/* Responsive */
@media screen and (max-width : 1199px){
    .mab-40,.mb-40 {margin-bottom: 30px;}
    .section-spacing {padding: 80px 0px;}

    /* hero */
    .hero-content h1 {font-size: 60px;}
    .hero-content{padding-top: 80px;}

    /* founder */
    .fw-inner-grid .fw-content{padding: 0;}

    .video-animation-items .ani-item.ani-item-02{left: 0;bottom: 30px;}
    .video-animation-items .ani-item.ani-item-01{left: 0;top: 60px;}
    .video-animation-items .ani-item.ani-item-03{right: -20px;top: 130px;}
    .video-animation-items .ani-item.ani-item-04{right: -20px;bottom: 0;}
}

@media screen and (max-width : 1024px){
    /* Team Members */
    .tm-grid{grid-template-columns: repeat(3,1fr);}
}

@media screen and (max-width : 991px){
    /* hero */
    .hero-content h1 {font-size: 50px;}
    .hero-content{padding-top: 60px;}
    .hero-slide{padding: 60px 0 0;}

    /* Values */
    .value-grid-block{grid-template-columns: repeat(2,1fr);}

    /* Team Members */
    .tm-grid{grid-template-columns: repeat(2,1fr);}

    /* By The Numbers */
    .by-number-wrapper .grid-block{grid-template-columns: repeat(1,1fr);}

    /* technophiles */
    .technophiles-grid-block{grid-template-columns: repeat(1,1fr);}

    /* founder */
    .fw-inner-grid .fw-content .fw-footer h3{font-size: 36px;line-height: 100%;margin: 0;}
    .fw-content .italic-text{font-size: 18px;line-height: 26px;}
    .fw-inner-grid{margin-bottom: 30px;}

}

@media screen and (max-width : 767px){
    /* By The Numbers */
    .by-number-wrapper .grid-item-02{grid-template-columns: repeat(1,1fr);}
    .footprint-block{min-height: 372px;}
    .footprint-block::before{background-size: contain;}

    /* founder */
    .fw-grid-block{gap: 50px;}
    .fw-inner-grid{grid-template-columns: repeat(1,1fr);}
    .fw-grid-item.fw-grid-item-02 .fw-inner-grid {display: flex;flex-direction: column-reverse;}
    .fw-inner-grid .fw-img img {width: 100%;}
    .fw-grid-item-02 .fw-inner-grid ~ p{text-align: left;border-image-source: linear-gradient(90deg, #F2A843 0%, rgba(242, 168, 67, 0) 100%);}
    .fw-inner-grid .fw-content .fw-footer h3{font-size: 30px;}

    .technophiles-grid-block .technophiles-item{padding: 30px;}
    .technophiles-card h3{font-size: 28px;line-height: 40px;}

    .video-animation-items .ani-item{display: none;}
}

@media screen and (max-width : 580px){
    /* hero */
    .hero-content h1 {font-size: 40px; font-weight: 700;}
    .hero-content p{font-size: 20px;line-height: 28px;}

    /* Values */
    .value-grid-block{grid-template-columns: repeat(1,1fr);gap: 35px;}
    .value-item h3{font-size: 25px;line-height: 30px;}

    /* Team Members */
    .tm-grid{grid-template-columns: repeat(1,1fr);}
}