body {
    background-color: #000;
}

.line {
    background-color: #ffffff;
}

h6 {
    color: #ffffff;
}

.colorBlack {
    color: #ffffff !important;
}

.theme_black {
    display: block;
}

.tab-item{
    border-left: 1px solid #FFF;
}

/* .theme_white {
    display: none;
} */
 .headerlogo{
    filter: invert(0);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #ffffff;
}

.recent_launch p {
    color: #ffffff;
    text-align: left;
}
.custom-cursor{
    border-color: #FFF;
}
.custom2{
    border-color: #000;
}
@keyframes blink {
    0%, 100% { 
      opacity: 1;
      border-color: #FFF; /* Black color at start and end */
    }
    50% { 
      opacity: 0;
      border-color: #FFF; /* Maintain black color at halfway point */
    }
}
  
  /* Blinking class applied on hover */
.blink-on-hover {
    animation: blink 0.7s ease-in-out infinite; /* 3 blinks */
    border-color: #FFF;
}
  
  /* Apply blinking to cursor2 */
.custom-cursor.blink-on-hover:hover,
.custom2.blink-on-hover:hover {
    animation: blink 0.7s ease-in-out infinite; /* 3 blinks */
    border-color: #FFF;
}
button.AboutPageRecentButton {
    background: transparent;
    color: #fff;
    margin-left: 60px;
}

button.AboutPageRecentButton:focus {
    outline: 0;
}

.core_values {
    width: 100%;
    margin-top: 200px;
    margin-bottom: 200px;
}

.bg-transparent-white {
    background: transparent;
    color: #fff;
}

.core_values .container {
    width: 90%;
    padding-left: 20px;
}

.values {
    width: 50%;
    float: left;
}

.values button {
    text-align: left;
}

.values p {
    font-size: 18px;
    font-weight: 15px;
    line-height: 30px;
    font-weight: 500;
    color: #b3b3b3;
    padding: 70px 150px 0px 0px;
}

.values button {
    margin-left: 0px !important;
}

.value-image {
    width: 50%;
    float: left;
}

.aboutsection {
    display: flex;
    justify-content: space-between;
    height: auto;
    gap: 60px;
    height: 350px;
}

.abouttext {
    display: flex;
    /* justify-content: space-between; */
    flex-direction: column;
    width: 50%;
}

.abouttext p {
    font-size: 15px;
    padding-bottom: 30px;
    letter-spacing: 1px;
    color: rgb(237, 237, 237);
    font-weight: 200;
    font-family: SF_regular;
    line-height: 1.3em;
}

.abouttext {
    font-weight: 200;
    font-size: 15px;
    padding-bottom: 40px;
}
.key_highlights_txt p{
    font-weight: 200;
    font-size: 14px;
    padding-bottom: 40px;
    color: #ffffff !important;
    letter-spacing: normal !important;
}
.key_highlights{
    width: 100%;
}
.aboutimage {
    width: 50%;
}
.AnimatedSlideRighttoLeftslider{
    display: flex;
    justify-content: space-between !important;
}
.aboutimage img {
    width: 100%;
    height:100%;
    object-fit: cover;
}

.value-image img {
    width: 70%;
    float: right;
}

.black_slider {
    width: 100%;
}

.black_slider img {
    width: 100%;
}

.team {
    width: 100%;
    background-color: #fff;
}

.team p {
    color: #000;
    width: 600px;
    max-width: 98%;
    text-align: center;
    margin: 0 auto;
    font-weight: 500;
    font-size: 30px;
    line-height: 20px;
    padding: 100px 0px;
    text-transform: uppercase;
}

.team_slide {
    width: 100%;
    overflow: hidden;
}

.owl-item {
    display: flex;
    align-items: flex-end;
}


.slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.owl-dots {
    display: none;
}

.owl-stage {
    padding-left: 100 !important;
    display: flex;
    align-items: end;
}

.spealist {
    width: 100%;
    padding: 100px 0 80px;
}

.spealist p {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #b3b3b3 !important;
    padding: 20px 0px 10px 0px;
    text-align: left;
    font-family: SF_regular;
}

.spealist1about button {
    font-size: 14px;
    font-weight: 400;
    font-family: Helvetica_Roman;
    line-height: 1em;
    letter-spacing: 0.02em;
}

.sliderdownspealist1about p {
    font-weight: 200;
    font-size: 15px;
}

/* .spealist1 button {
    margin-top: 100px;
} */

.spealist {
    width: 100%;
    background-color: #000;
}

.spealist .container {
    /* width: 90%; */
    margin: 0 auto;
}

.sliderdownspealist1 p {
    font-size: 15px;
    color: #FFFFFFCC;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.3em;
    width: 45vw;
}

.spealist1 {
    width: 50%;
    float: left;
}

.spealist2 {
    width: 50%;
    float: left;
}

.team_grid {
    width: 100%;
    margin-bottom: 10vh;
}
.swiper-button-next, .swiper-button-prev{
    color: White !important;
}
.swiper-pagination-bullet{
    background-color: #8B8B8B;
}
.swiper-pagination-bullet-active{
    background-color: white !important;
}
.slick-slide img {
    display: block;
    width: 100%;
}

.award {
    width: 100%;
}

.awardsabout {
    padding: 150px 40px;
}

/* .color_patches{
    background-color: #ffffff;
} */
.awards .color_patches h6 {
    background-color: #000000;
}

.awardsabout .key_highlights_txt p {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
}

.black_btnabout {
    padding: 0px !important;
    font-size: 15px;
}

.recent_launch p {
    margin-left: 0%;
    /* word-spacing: -1px; */
}

.abouttext p {
    word-spacing: -1px;
}

hr {
    background: #b1b1b1;
}

.investors_desk {
    width: 100%;
}

.about_content {
    background-color: #94aaae;
    inset: 0;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: sticky;
    top: 100px;
    background: linear-gradient(135deg, hsl(189, 14%, 50%), hsla(190, 100%, 11%, 35%)),
    url('../img/Aboutbgimage.png');
    background-size: cover;
    background-position: center;
    mix-blend-mode: multiply;
    background-repeat: no-repeat;
}

.about_content p {
    color: #ededed;
    font-size: 15px;
    font-weight: 200;
    letter-spacing: 1px;
    line-height: 1.3em;
    font-family: SF_regular;
    text-align: left;
    padding: 123px 220px;
    /* word-spacing: -3px; */
}

.about_stat img {
    width: 100%;
    height: auto;
}

.about_stat {
    background-color: #000;
}

.black_patchaboutlast {
    padding-bottom: 150px;
}

.about_us{
    height: auto;
}
.about_us .about_stat {
    width: 43%;
    height: auto;
}
.logo{
    /* height: 100px; */
    width: auto;
}
.logoimage{
    max-height: 10vh;
    height: auto;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logoboxcontainer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    column-gap: 70px;
    padding: 32px !important;
    justify-items: center;
    background-color: #2b2a2a;
    align-items: center;
}
.WhiteImage{
    filter: invert(1);
}
.AboutPageAboutContentLeftButton .black_btnabout {
    font-size: 14px;
    font-weight: 400;
    font-family: Helvetica_Roman;
    line-height: 1em;
}
.about_wrap {
    width: 56%;
}

.key_highlightsaboutcard {
    padding: 50px 50px;
}

.black_btn {
    background: #000000 !important;
    border: 0px solid #fff !important;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff !important;
    padding: 0px;
    width: auto;
    text-align: left !important;
    margin-top: 20px !important;
    /* margin-left: 100px !important; */
    padding: 0px !important;
}

.enquiry_fold img {
    padding-left: 5px;
    margin-top: 0px;
    object-fit: cover;
}
.about_fold:hover img,
.enquiry_fold:hover img {
    animation: imageBlurIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes imageBlurIn {
    0% {
        filter: blur(0px);
    }
    100% {
        filter: blur(0px);
    }
}
.taglineabout h1 {
    padding: 35px 100px 55px 240px;
}
.AboutPageHeading .taglineh1{
    font-size: 60px;
    padding: 10px 0;
}
.about_fold {
    position: relative;
    border: none;
}
.enquiry_fold {
    position: relative;
    border: none;
}
.two_foldheading{
  font-size: 14px;  
  font-family: Helvetica_Roman;
  padding-bottom: 20px !important;
  color: #FFFFFF;
}
.last_content {
    position: relative;
    bottom: 120px;
    left: 25px;
    width: 200px;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
}

.about_fold img{
    padding: 0 !important;
    object-fit: cover;
}
.empathydesign{
    display: flex;
    justify-content: center;
    gap: 5px;
}
.last_content p {
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
}

.journey_wrapperabout .container {
    padding-right: 20px;
}

.journey {
    width: 100%;
}

.journeyBtn button {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    font-family: Helvetica_Roman;
    letter-spacing: 0.02em;
}
.tab_content{
    background-color: #FFFFFFCC;
    color: #000000;
    font-size: 16px;
    font-family: SF_regular;
    font-weight: 400;
    letter-spacing: 1px;
    width: max-content;
    padding: 4px 8px;
    border-radius: 4px;
}
.tab_contentabout a{
    color: #000000;
    text-decoration: none;
}
.aboutempathy {
    padding-top: 150px;
}

/* .aboutempathy .blogimage{
  width: 30%;
}
.aboutempathy .viewimage{
  width: 70%;
} */
.journey .container {
    width: 95%;
    margin-left: 5%;
}
.container{
    padding-left: 20px;
}

.journey_slider {
    width: 85%;
    float: left;
}

.inside_journey {
    float: left;
}

.inside_journey p {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    padding: 5% 8%;
    letter-spacing: 1.33px;
}

.inside_journeyheading {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    padding: 0px 0px !important;
    letter-spacing: 1.33px;
}

/* .patch3{
    background-color: #ffffff !important;
} */
.headinginside {
    margin-bottom: 20px;
}

.inside_journeyheadinglast {
    font-size: 10px;
    line-height: 11px;
    font-weight: 300;
    padding: 0px 0px !important;
    color: #FFFFFFB2;
    letter-spacing: 1.33px;
}

.round {
    border-radius: 555px;
    border: 1px solid #fff;
    text-align: center;
    width: 80px;
    color: #fff;
    margin-left: 8%;
    /* margin-right: auto; */
    display: block;
}

.slider_line {
    width: 1px;
    background-color: rgba(255, 255, 255, 0.4196078431);
    height: 37px;
    margin-left: 25%;
    display: block;
    /* margin-top: 25px; */
}

.slider_linelast {
    width: 1px;
    background-color: rgba(255, 255, 255, 0.4196078431);
    height: 90px;
    margin-left: 25%;
    display: block;
}

.slider_line p {
    font-size: 18px;
}

.round1.round:first-of-type::after {
    content: "";
    display: inline-block;
    height: 0.5em;
    vertical-align: bottom;
    width: 93%;
    margin-right: -100%;
    margin-left: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.495);
    padding-bottom: 10px;
}

.round2.round:first-of-type::before {
    content: "";
    display: inline-block;
    height: 0.5em;
    vertical-align: bottom;
    width: 93%;
    margin-left: -100%;
    margin-right: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.495);
    margin-top: 12px;
    text-align: center;
    padding-bottom: 10px;
}

.round[data-first="true"]:before {
    border-top: none;
}

.round[data-last="true"]:after {
    border-top: none;
}

.owl-carousel {
    display: block !important;
    width: 100%;
    z-index: 1;
}

.owl-stage {
    padding-left: 0 !important;
    /* Remove left padding */
}

.owl_six h6 {
    text-align: center;
}

.owl_six p {
    text-align: center;
}

.owl_four .owl-item {
    justify-content: center;
}

.team_names_slider p {
    color: #9d9d9c !important;
    width: 600px;
    max-width: 98%;
    text-align: center;
    margin: 0 auto;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 0px 0px;
}

.team_names_slider h5 {
    color: #000 !important;
    text-align: center;
    font-size: 16px;
}

.owl-stage {
    padding-right: 0px !important;
}

.journey_wrapper {
    width: 100%;
}

.journey_wrapper .container {
    /* width: 90%; */
    margin: 0 auto;
}

.tabs {
    width: 50%;
    float: left;
}

.tab_section {
    width: 100%;
    display: flex;
    gap: 8px;
    flex-direction: column;
    margin: 0px 0 50px 0;
}

.tab_section span {
    color: #FFFFFF;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
}

.journeyBtn button {
    text-align: left;
}

.journey_img {
    width: 50%;
    float: left;
}

.tab_btn {
    width: 100%;
    margin-top: 30px;
}

.tabs button {
    text-align: left;
    margin-left: 0px;
}

.tab_btn_inside {
    width: 80px;
    float: left;
    /* margin: 1% 1% 1% 0%; */
    border-radius: 555px;
    border: 1px solid #FFFFFF;
    text-align: center;
    color: #808080;
    display: block;
    /* padding: 3px 0px; */
    row-gap: 8px;
    /* cursor: pointer; */
}
.tab_btn_inside.active {
    background-color: white;    /* Optional: dark background for contrast */
}
.tab_btn_inside.active span {
    color: black;
}
.tab_sectionyear{
    display: flex;
    gap: 8px;
}
.last_contentaboutpage p {
    font-size: 20px;
    font-weight: 200;
    letter-spacing: 2px;
    width: 300px;
}

.last_contentaboutpageabout p {
    font-size: 20px;
    font-weight: 200;
    letter-spacing: 2px;
    width: 300px;
}

.journeyBtn button {
    margin-left: 0px;
    margin-bottom: 40px;
}

.bg_white {
    background-color: #fff;
    color: #000;
}

.black_patchaboutpage {
    padding: 10px 20px 100px 20px;
}

.tab_content_wrapper {
    width: 100%;
    margin-top: 30px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.tab_content_wrapper h4 {
    /* color: #b3b3b3; */
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-top: 80px;
}

.journey_wrapperabout {
    margin-bottom: 170px;
}
.maintabsections{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.tab_content_wrapper1 {
    float: left;
}

.tab_content_wrapper2 {
    width: 33.3%;
    float: left;
}
.tabssectionsleft{
    width: 65%;
}
.tab_content_wrapper2 img {
    width: 100%;
    object-fit: cover;
    filter: grayscale(1);
}

.hidetab {
    display: none;
}

.showtab {
    display: block;
}

.btn_style {
    background: #fff;
}

.btn_style1 {
    background: #b9b1b1;
}

.linehome{
    display: none !important;
}
/* Vision Statement start here  */
.statementabout {
    display: flex;
    padding: 150px 0 120px 50px;
    position: relative;
    gap: 10px;
    font-family: "Inter", sans-serif !important;

}
.visionstatement {
    width: 50%;
    position: relative;
    height: 50%;
}
.visionstatement .linestatement {
    content: "";
    position: absolute;
    background-color: #ffff;
    top: 0;
    left: 0;
    width: 1px;
    height: 0;
}
.missionstatement .linestatement {
    content: "";
    position: absolute;
    background-color: #ffff;
    top: 0;
    left: 0;
    width: 1px;
    height: 0;
}
.missionstatement {
    width: 50%;
    position: relative;
    height: 50%;
}

.statementabout h1 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.3em;
    padding-bottom: 30px;
    padding-left: 10px;
    font-family: "Inter";
    color: #FFFFFFFF;
    letter-spacing: 0em;
}

.statementabout p {
    font-size: 15px;
    font-weight: 400;
    width: 400px;
    letter-spacing: 1px;
    color: #c2c2c2;
    padding-left: 10px;
    font-family: SF_regular;
    line-height: 1.3em;
}
@keyframes leftBorder {
    0% {
        height: 0;
    }
    100% {
        height: 160px;
    }
}

.linestatement {
    animation-fill-mode: forwards;
}
.animate-line {
    animation: leftBorder 2s forwards;
}
/* ---------- */
.corevalues {
    padding-bottom: 80px;
    color: #fff;
    /* padding-left: 20px; */
}

.corevalues {
    font-size: 14px;
    font-weight: 200;
    font-family: Helvetica_Roman;
    padding-left: 10px;
}

.corevaluestext{
    font-size: 14px;
    font-weight: 400;
    font-family: Helvetica_Roman;
    padding-left: 10px;
}

.corevaluescardmain img {
    height: 30px;
    margin-bottom: 13px;
}

.corevaluescardmain i {
    font-size: 20px;
    margin-bottom: 13px;
}

.corevaluescardmain {
    display: flex;
    justify-content: center;
    padding: 50px 0px;
    gap: 20px;
    flex-wrap: wrap;

}

.corevaluescardmain .corevaluescard {
    position: relative;
    padding: 95px 10px 75px 10px;
    width: 215px;
    text-align: center;
    overflow: hidden; /* Ensures borders are contained within the box */
}

/* Pseudo-elements for all borders */
.corevaluescardmain .corevaluescard::before,  /* Top Border */
.corevaluescardmain .corevaluescard::after,   /* Right Border */
.corevaluescardmain .corevaluescard .left-border,  /* Left Border */
.corevaluescardmain .corevaluescard .bottom-border { /* Bottom Border */
    content: '';
    position: absolute;
    background-color: #ffffff; /* Border color */
}

/* Top Border */
.corevaluescardmain .corevaluescard::before {
    top: 0;
    left: 0;
    width: 0;
    height: 1px;
    animation: topBorder 2s forwards;
}

/* Right Border */
.corevaluescardmain .corevaluescard::after {
    top: 0;
    right: 0;
    width: 1px;
    height: 0;
    animation: rightBorder 2s forwards;
}

/* Left Border */
.corevaluescardmain .corevaluescard .left-border {
    bottom: 0;
    left: 0;
    width: 1px;
    height: 0;
    animation: leftBorder 2s forwards;
}

/* Bottom Border */
.corevaluescardmain .corevaluescard .bottom-border {
    bottom: 0;
    right: 0;
    width: 0;
    height: 1px;
    animation: bottomBorder 2s forwards;
    /* animation-direction: reverse;  */
}

/* Keyframes for the top border animation */
@keyframes topBorder {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

/* Keyframes for the right border animation */
@keyframes rightBorder {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}

/* Keyframes for the left border animation */
@keyframes leftBorder {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}

/* Keyframes for the bottom border animation */
@keyframes bottomBorder {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

/* Add the animation on scroll */
.corevaluescardmain .corevaluescard.animate-borders::before {
    animation: animateBorders 1s forwards; /* Top border expands */
}

.corevaluescardmain .corevaluescard.animate-borders::after {
    animation: animateBorders 1s forwards; /* Right border expands */
}

.corevaluescardmain .corevaluescard.animate-borders .left-border {
    animation: animateBorders 1s forwards; /* Left border expands */
}

.corevaluescardmain .corevaluescard.animate-borders .bottom-border {
    animation: animateBorders 1s forwards; /* Bottom border expands */
}
.corevalue-text {
    transition: opacity 0.5s ease-in-out;
    display: flex;
    flex-direction: column;
    gap: 0vh;
}

.corevaluescard h6 {
    font-family: SF_Pro;
    font-weight: 590;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 2px;
    color: #FFFFFF;
}

.corevaluescard p {
    font-family: SF_Pro;
    font-weight: 274;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 15px;
}

.blogimageabout {
    width: 36%;
}

.viewimageabout {
    width: 64%;
}

.viewimageabout img {
    height: 400px;
}

/* ---------- */
/* Vision Statement start end */
/******************************************************/
.AboutSectionSticky {
    position: sticky;
    top: 20%;
    transition: all 0.5s ease-in-out;
}

.AboutPageLastBottomPTagLeft {
    position: absolute;
    bottom: 60px;
    left: 0;
}

.AboutPageLastBottomPTagRight {
    position: absolute;
    bottom: 60px;
    left: 20%;
}

.TeamMmberText p {
    padding: 0;
    font-size: 14px;
    color: #A6A6A6;
    font-family: SF_Pro_Display_Thin;
    font-weight: 600;
}

.TeamMmberText h4 {
    color: #000000;
    font-size: 14px;
    font-family: SF_Pro_Display_Thin;
    font-weight: 600;
    margin-bottom: 0px;
    letter-spacing: 0.5px;
}

.TeamMmberText {
    text-align: center;
    transition: all 0.5s ease-in-out;
    /* transform: translate(0px, 5px); */
    opacity: 1 !important;
}

.aboutcard p {
    position: absolute;
    top: 40%;
    font-weight: 600;
    color: #303030 !important;
}

.colorBlackabout {
    color: #303030 !important;
}

.team_slide .owl-carousel .item:hover .TeamMmberText {
    transform: translate(0px, 0px);
    opacity: 1;
    animation-delay: 2s;
}

.AboutPageTeamGrid ul {
    margin-bottom: 0;
    display: flex;
    list-style: none;
    /* height: 185px; */
}

.AboutPageTeamGrid ul li{
    width: 12.5vw;
    display: flex;
}

.AboutPageTeamGridRow li {
    aspect-ratio: 1 / 1;
    display: flex;
    height: 100%;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 25px !important;
}
.group-photo{
    width: 62.5vw !important;
}

.swiper-wrapper{
    height: auto !important;
}

.AboutPageTeamGrid li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.AboutPageteamtextbox{
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
    /* align-items: center; */
    padding: 12px;
    row-gap: 12px;
    justify-content: center;
}
.AboutPageteamtextbox p{
    font-size: 14px;
    color: #2b2b2b;
    font-family: SF_regular;
    font-weight: 200;
}
.AboutPageteamtextbox h1{
    font-size: 20px;
    color: #000000;
    font-family: SF_regular;
    font-weight: 500;
}
.zoom-img-team {
    width: 100%;
    height: auto;
    display: block;
    /* transform: scale(0.9); */
    transform: scale(1);
    /* transition: transform 0.2s ease-in-out; */
    opacity: 1;
    transition: transform 0.3s ease, opacity 0.5s ease;
}
.zoom-img-team.zoom-in {
    transform: scale(0.9);
    opacity: 0;
  }
.zoom-in {
    transform: scale(1);
}

.NavbarFixedHeader {
    background: #000000a8;
}

.MemberTeamSlide .item:hover .TeamMmberText {
    opacity: 1;
    /* transform: translate(0px, 0px); */
}

.team_slide_inside {
    position: relative;
    /* Necessary to use top property */
    transition: transform 0.3s ease;
    /* Smooth animation */
    float: left;
    width: 100%;
}

.team_slide_inside img {
    max-height: 390px;
    width: auto;
    object-fit: cover;
    object-position: top;
}

/* .team_slide_inside:hover {
    transform: translateY(55px);
} */

.iconplus .fa-plus {
    height: 60px;
    width: 60px;
    background-color: #ac652f;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 400;
}

.iconplus {
    position: absolute;
    bottom: 70%;
    right: 5%;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    transform: translate(0px, 50%);
    display: none;
}

.MemberTeamSlide .item:hover .iconplus {
    opacity: 1;
    /* transform: translate(0px, 0px); */
    transform: rotate(180deg);
}

.MemberTeamHeading {
    text-align: center;
    margin-bottom: 30px;
}

.MemberTeamHeading h2 {
    font-size: 36px;
    font-weight: 400;
    color: #ababab;
}

.TeamMemberTeamSection {
    background-color: #ffffff;
}
.TeamMemberTeamSectionheading{
    text-align: center;
    padding: 70px;
    text-transform: uppercase;
    color: #000000;
    font-size: 28px;
    font-family: Galano_Grotesque_Extra_Light;
    font-weight: 400;
    line-height: 1.2em;
    letter-spacing: 2px;
    font-weight: bold;
}
.MemberTeamSlide{
    padding:100px 0 0 0;
}
.Boardtext{
    padding: 0 0px 15px 20px;
    font-size: 14px;
    color: #FFFFFF;
    font-family: Helvetica_Roman;
    font-weight: 400;
}
.meetourteam{
    display: flex;
    flex-direction: column;
}
.AnimatedSlideRighttoLeft .team {
    background-color: #ffff;
}

.color_patches p {
    display: flex;
    top: 40%;
    justify-content: center;
    text-align: center;
    font-size: 12px !important;
    font-family: SF_Pro_Display_Thin !important;
    font-weight: 400 !important;
}

.AnimatedSlideRighttoLeft {
    display: flex !important;
    align-items: center !important;
    /* justify-content: center !important; */
}

.item {
    width: 100%;
    height: 100%;
    /* cursor: pointer; */
}

.tab-item::after {
    background-color: black;
}

.tab-item:hover::before {
    background-color: white;
    /* Show black border on hover */
}
.projectcardsections{
    display: flex !important;
    justify-content: space-between;
    padding: 0 40px 100px 40px;
    gap: 10px;
}
.projectcardsectionshr{
    margin: 15px 40px;
}
.card h1{
    color: #000000;
    font-size: 40px;
    font-family: SF_regular;
    font-weight: 200;
}
.card h2{
    color: #000000;
    font-size: 30px;
    font-weight: 200;
    font-family: SF_regular;
}
.card p{
    color: #000000;
    font-size: 16px;
    font-weight: 200;
    font-family: SF_regular;
}
.projectcardsections .card{
    width: 250px;
    padding: 20px 20px 10px 40px;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 0;
    transition: all 0.3s ease;
}
/* ------------------------ */
.ourjourneymain {
    display: flex;
    width: 100%;
}

.ourjourneymainpart1 {
    /* width: 20%; */
    padding-left: 20px;
}

.ourjourneymainpart2 {
    width: 80%;
}

.ourjourney_txt {
    width: 100%;
    text-align: center;
}
.two_fold p{
    font-size: 14px;  
    font-family: Helvetica_Roman;
    padding-bottom: 20px !important;
    color: #FFFFFF;
    margin-top: 0;
}
.two_fold{
    margin: 80px 0 90px;
}
.ourjourney_txt button {
    font-family: Helvetica_Roman;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.69px;
    text-align: left;
    letter-spacing: 1.33px;
}

.ourjourneyheading {
    font-size: 14px;
    color: #FFFFFF;
    font-family: Helvetica_Roman;
    font-weight: 400;
    margin-bottom: 1vh;
}

.ourjourneyyearmain {
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
}

.ourslider_line {
    width: 1px;
    background-color: #FFFFFF80;
    height: 37px;
    margin-left: 33px;
    display: block;
}

.yearfirst {
    display: flex;
    justify-content: left;
    width: 100%;
}

.ourslider_linelast {
    width: 1px;
    background-color: #FFFFFF80;
    height: 90px;
    margin-left: 33px;
    display: block;
}

/* .yearfirst::after {
    content: "";
    display: inline-block;
    height: 0.5em;
    vertical-align: bottom;
    width: 95%;
    margin-right: -100%;
    display: flex;
    align-items: center;
    position: relative;
    top: 50%;
    border-top: 1px solid #FFFFFF80;
    padding-bottom: 10px;
} */

.year-line {
    width: 100%;
    height: 1px;
    background-color: #FFFFFF80;
    position: relative;
    bottom: -10px;
}

/* .yearfirstlastline::after {
    content: "";
    height: 0.5em;
    width: 0;
} */
/* -------- */
.horizontal-scroll-wrapper {
    width: 100vw;
    /* height: 100vh; */
    overflow-y: auto;
    overflow-x: hidden;
  }
  .horizontal-scroll-wrapper > div {
    width: 100%;
    /* height: 100%; */

  }
.headingmain {
    width: 90%;
}
.colorBlack a{
    text-decoration: none;
}
.contact_us1 {
    display: block;
    /* background-color: #ffff; */
}
.contact_us p{
    width: 100%;
}

.yearround {
    border-radius: 555px;
    border: 1px solid #fff;
    text-align: center;
    width: 67px;
    padding-top: 0.5%;
    color: #fff;
    z-index: 2;
    display: block;
    background-color: #000000;
    color: #ffffff;
}

.ourjourneycontentmain {
    display: flex;
    justify-content: space-around;
}

.ourjourneyconten {
    display: flex;
    justify-content: left;
    width: 100%;
    flex-direction: column;
    position: relative;
}

.ourjourneyconten p {
    width: 80%;
    font-family: SF_Pro_Display_Thin;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 1.33px;
    text-align: left;
    color: #FFFFFF;
    padding: 10px 0;
}
/* ----- */
.ourjourneysectionsmain{
    display: flex;
    flex-direction: column;
    gap: 8vh;
}
.ourjourneygrid {
    /* display: grid;
    grid-template-columns: repeat(4, 1fr); */
    gap: 3vw;
    display: flex;
}
.ourjourneygridyear{
    color: #fff;
    font-size: 28px;
    font-family: Helvetica_Roman;
}
.ourjourneysections{
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 2vh;
    font-family: Helvetica_Roman;
}
.ourjourneygridcard{
    border: 1px solid #FFF;
    width: 100%;
    margin-left: 5px;
}
.ourjourneygridtext{
    color: #FFFFFFCC;
    font-size: 16px;
    padding: 2vh 1vw;
}
.ourjourneygridcardfirstpart{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 6vh 1vw 2vh 1vw;
    align-items: center;
    border-bottom: 0.5px solid #000;
    background-color: #000;
}
.downicon{
    background-color: #000000;
    padding: 7px 8px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.downicon .fa-angle-down{
    color: #FFF;
    font-size: 20px;
}
.developmentpart{
    display: flex;
    flex-direction: column;
    gap: 3vh;
    width: 25%;
    padding-left: 1vw;
}
.developmentpartheading{
    color: #fff;
    font-size: 16px;
    font-family: Helvetica_Roman;
}
.developmentpartbox{
    color: #FFFFFFCC;
    font-size: 15px;
    border: 1px solid #fff;
    padding: 3vh 2vw;
    font-family: Helvetica_Roman;
}
.projectpart{
    display: flex;
    flex-direction: column;
    gap: 3vh;
    width: 25%;
    padding-left: 1vw;
}
.projectpartheading{
    color: #fff;
    font-size: 16px;
    font-family: Helvetica_Roman;
}
.projectpartbox{
    color: #FFFFFFCC;
    font-size: 15px;
    border: 1px solid #fff;
    padding: 3vh 2vw;
    font-family: Helvetica_Roman;
}
.keymilestones{
    color: #fff;
    font-size: 16px;
    font-family: Helvetica_Roman;
    display: flex;
    flex-direction: column;
    gap: 3vh;
    padding-left: 1vw;
}
.keymilestonesgrid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2vh 1vw;
}
.keymilestonesgridcard{
    color: #FFFFFFCC;
    font-size: 15px;
    border: 1px solid #fff;
    padding: 3vh 2vw;
    font-family: Helvetica_Roman;
    display: flex;
    align-items: center;
}
.journeycard1, .journeycard2, .journeycard3, .journeycard4 {
    display: none;
}
.ourjourneygridcard.active-card .ourjourneygridtext,
.ourjourneygridcard.active-card .ourjourneygridyear {
    color: #000;
}

.ourjourneygridcard.active-card .ourjourneygridcardfirstpart {
    background-color: #FFF;
}

.ourjourneygridcard.active-card {
    background-color: white;    
    color: #000;
}
.downicon i {
    transition: transform 0.3s ease;
}

.downicon.rotated i {
    transform: rotate(180deg);
}
.journeycard{
    display: flex;
    flex-direction: column;
    gap: 4vh;
}
.teamSwiperMobile{
    display: none !important;
}
/* ------------------------ */
/******************************************************/
/* @media screen and (max-width: 1440px) {
    .aboutimage {
        width: 49%;
    }
} */
@media screen and (max-width: 1920px){
    .about_content p{
        padding: 220px 220px;
    }
}
@media screen and (max-width: 1600px){
    .about_content p{
        padding: 170px 220px;
    }
}
@media screen and (max-width: 1366px){
    .about_content p{
        padding: 152px 13vw;
    }
}
@media screen and (max-width: 1300px) {
    .values p {
        font-size: 16px;
        line-height: 25px;
        padding: 10px 50px 0px 0px;
    }

    .core_values .container {
        width: 98%;
    }

    .journey .container {
        width: 98%;
        margin-left: 2%;
    }

    .journey_txt button {
        text-align: left;
    }

    .corevaluescardmain {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    .sliderdownspealist1 p {
        width: 50vw;
    }
    /* .AboutPageTeamGrid ul{
        height: 150px;
    } */
    .aboutsection{
        height: auto;
        gap: 40px;
    }
    .aboutimage img{
        padding-bottom: 20px;
    }
    .abouttext p{
        font-size: 13px;
    }
}

@media screen and (max-width: 1024px) {
    .taglineh1 {
        font-size: 40px;
        line-height: 40px;
        font-weight: 400;
    }
/* 
    .aboutimage {
        width: 53%;
    } */

    .abouttext p {
        font-size: 12px;
    }
    .aboutsection{
        gap: 30px;
    }

    .abouttext .key_highlights_txt p {
        padding-bottom: 50px;
    }

    .statementabout p {
        font-size: 14px;
    }

    .statementabout h1 {
        font-size: 14px;
    }
    .corevalues {
        font-size: 10px;
    }

    .color_patches {
        min-height: 260px;
    }

    .projectcardsections{
        padding: 0 20px 200px 20px;
    }
    .projectcardsectionshr{
        margin: 15px 20px;
    }
    /* .projectcardsections .card{
        width: 24%;
    } */
    .AboutPageHeading .taglineh1{
        font-size: 50px;
        padding: 5px 0;
    }
    .journey_wrapperabout{
        margin-bottom: 120px;
    }
    .spealist{
        padding: 120px 0;
    }
    .projectcardsections {
        padding: 0 20px 120px 20px;
    }
    .corevalues{
        padding-bottom: 10px;
    }
    .statementabout{
        padding: 100px 0 100px 50px;
    }
    .tabssectionsleft{
        width: 60%;
    }
    .tab_content_wrapper2{
        width: 40%;
    }
    .keymilestonesgrid{
        grid-template-columns: repeat(3,1fr);
    }
    .developmentpart{
        width: 33%;
    }
    .projectpart{
        width: 33%;
    }
}

@media screen and (max-width: 1000px) {
    .values p {
        padding: 10px 0px 0px 0px;
    }

    .slider_line {
        width: 1px;
        height: 50px;
        margin-top: 15px;
    }

    .inside_journey p {
        font-size: 10px;
        line-height: 18px;
        padding: 5px 15px;
        letter-spacing: 1px;
    }

    .journey_txt {
        width: 100%;
    }

    .journey_slider {
        width: 100%;
    }

    /* .spealist p {
        width: 100%;
        font-size: 16px;
        padding: 80px 0px 80px 0px;
    } */

    .journey_txt button {
        margin-left: 0px;
        margin-bottom: 30px;
    }
    .about_content p{
        padding: 90px 8vw;
    }
    /* .AboutPageTeamGrid ul{
        height: 130px;
    } */
    .AboutPageteamtextbox p{
        font-size: 12px;
    }
    .AboutPageteamtextbox{
        padding: 8px;
    }.AboutPageteamtextbox h1{
        font-size: 15px;
    }
    .projectcardsections .card{
        padding: 20px 20px 10px 20px;
    }
}

@media screen and (min-width: 1000px) {
    .tab_content_wrapper2 img {
        height: 90vh;
        object-position: top;
    }
}


@media screen and (max-width: 1000px) and (max-width: 850px) {
    .recent_launches_img {
        width: 100%;
    }

    .recent_launches_img img {
        padding-right: 0px;
    }

    .earth_essence {
        margin-left: 0px;
    }

    .earth_essence button {
        text-align: left;
        margin-bottom: 35px;
        margin-left: 0px;
    }

    .core_values {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .value-image {
        width: 100%;
    }

    .value-image img {
        width: 100%;
        margin-top: 20px;
    }

    .values {
        width: 100%;
    }

    .tab_content_wrapper h4 {
        font-size: 18px;
        margin-top: 60px;
    }

    .tab_content_wrapper p {
        font-size: 13px;
    }

    .spealist1 {
        width: 100%;
    }

    .spealist1 button {
        margin-left: 0px;
        text-align: left;
    }

    .spealist .container {
        width: 98%;
        margin: 0 auto;
    }

    .about_wrap button {
        margin-left: 10px !important;
    }

    .black_btn {
        margin-left: 10px !important;
    }

    .about_fold {
        width: 100%;
    }

    .enquiry_fold {
        width: 100%;
    }

    .about_fold img {
        padding-right: 5px;
        padding-left: 5px;
    }

    .team p {
        padding: 40px 0;
    }
    .sliderdownspealist1 p {
        width: 70vw;
    }
    .journey_wrapperabout{
        margin-bottom: 100px;
    }
    .spealist{
        padding: 100px 0;
    }
    .projectcardsections {
        padding: 0 20px 100px 20px;
    }
    .statementabout{
        padding: 100px 5px 100px 40px;
    }
    .taglineabout h1{
        padding: 35px 100px 55px 180px;
    }
    .AboutPageHeading .taglineh1{
        font-size: 45px;
    }
    .card h1{
        font-size: 30px;
    }
    .card h2{
        font-size: 20px;
    }
    .card p{
        font-size: 14px;
    }
    .statementabout p{
        width: 75%;
    }
    .projectcardsections .card{
        height: 260px;
    }
    .about_content p{
        padding: 35px 7vw;
    }
    .about_content{
        mix-blend-mode: unset;
    }
}

@media screen and (max-width: 768px) {
    .taglineabout h1 {
        padding: 35px 10px 55px 100px;
    }
    .AboutPageHeading .taglineh1{
        font-size: 40px;
        padding: 0;
    }

    .aboutsection .abouttext {
        width: 100%;
    }

    .aboutsection .aboutimage {
        width: 100%;
        height: 50%;
    }

    .aboutsection .aboutimage img {
        height: 430px;
    }

    .statementabout {
        padding: 100px 30px;
    }

    .statementabout p {
        font-size: 12px;
    }

    .statementabout h1 {
        font-size: 12px;
    }
    /* .AboutPageTeamGrid ul{
        height: 110px;
    } */
    .AboutPageteamtextbox p{
        font-size: 8px;
    }
    .swiper-button-next:after, .swiper-button-prev:after{
       font-size: 20px !important;
    }
    .swiper-pagination-bullet{
        width: 5px !important;
        height: 5px !important;
    }
    .MemberTeamSlide .item .TeamMmberText {
        margin-bottom: 1em;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    .MemberTeamSlide .item .TeamMmberText.mobile-hover {
        opacity: 1;
    }
    .MemberTeamSlide .item .iconplus {
        opacity: 0;
        transform: rotate(0deg);
        transition: all 0.3s ease;
    }
    .MemberTeamSlide .item .iconplus.mobile-icon-hover {
        opacity: 1;
        transform: rotate(180deg);
    }
    .keymilestonesgrid{
        grid-template-columns: repeat(2,1fr);
    }
    .developmentpart{
        width: 50%;
    }
    .projectpart{
        width: 50%;
    }
}

@media screen and (max-width: 1000px) and (max-width: 700px) {
    .team_names_slider h5 {
        font-size: 14px;
    }

    .about_content p {
        font-size: 14px;
        line-height: 19px;
        font-weight: 400;
        padding: 70px 20px 70px 20px;
    }

    .tab_content_wrapper2 {
        width: 100%;
    }

    .tab_content_wrapper {
        margin-top: 0px;
    }

    .tab_content_wrapper h4 {
        margin-top: 30px;
    }

    .tab_content_wrapper p {
        font-size: 14px;
        line-height: 22px;
    }

    .owl-one {
        padding-left: 5px;
        padding-right: 5px;
    }
    .taglineabout h1 {
        padding: 35px 10px 55px 40px;
        font-size: 20px;
    }
    .AboutPageHeading .taglineh1{
        font-size: 30px;
    }
    .aboutsection{
        flex-direction: column;
    }
    .statementabout{
        flex-direction: column;
        gap: 50px;
        padding-top: 10px;
    }
    .projectcardsections{
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    
}

/*# sourceMappingURL=about.css.map */
@media screen and (max-width: 600px) {
    /* .downicon {
        display: none;
    } */

    .team_slide_inside img {
        max-height: 345px;
    }
    .journey_wrapperabout  {
        margin-bottom: 75px;
    }
    .projectcardsections {
        padding: 0 20px 80px 20px;
    }
    .abouttext {
        padding-bottom: 20px;
    }
    .abouttext .key_highlights_txt p {
        padding-bottom: 35px;
    }
    .team_grid {
        margin-bottom: 3em;
    }
    .iconplus .fa-plus {
        height: 40px;
        width: 40px;
    }
    .developmentpart, .projectpart{
        width: 100%;
    }
    .keymilestonesgrid {
        grid-template-columns: repeat(1, 1fr);
    }
    .spealist{
        padding: 50px 0;
        padding-top: 30px;
    }
    .statementabout p, .missionstatement, .visionstatement {
        width: 100%;
    }
    .AboutPageteamtextbox{
        gap: 3px;
    }
    .AboutPageteamtextbox h1{
        /* font-size: 10px; */
        margin-bottom: 0;
    }
    /* .AboutPageteamtextbox p{
        font-size: 5px;
    } */
    .AboutPageteamtextbox {
        padding: 5px;
    }
    .team_grid{
        padding-bottom: 50px;
    }
    .about_us{
        flex-direction: column;
        gap: 30px;
    }
    .about_us .about_stat{
        width: 100%;
    }
    .about_wrap{
        width: 100%;
    }
    .black_patchaboutpage {
        padding: 10px 20px 50px 20px;
    }
    .statementabout{
        padding: 20px 10px 75px;
    }
    .empathydesign{
        flex-direction: column;
        gap: 30px;
    }
    .two_fold{
        margin: 50px 0;
    }
    .maintabsections{
        flex-direction: column;
        gap: 30px;
    }
    .tabssectionsleft{
        width: 100%;
    }
    .corevaluescard h6 {
        font-size: 10px;
    }

    .corevaluescard p {
        font-size: 11px;
    }
}

@media screen and (max-width: 440px){
    .abouttext p {
        font-size: 13px;
    }
    .statementabout p{
        font-size: 13px;
    }
    .developmentpartheading {
        font-size: 14px;
    }
    .projectpartheading{
        font-size: 14px;
    }
    .keymilestonesheading{
        font-size: 14px;
    }
    .card p{
        font-size: 13px;
    }
    .TeamMmberText p{
        font-size: 13px;
    }
    .sliderdownspealist1 p{
        font-size: 13px;
    }
    .about_content p{
        font-size: 13px;
    }
    .ourjourneygridtext{
        font-size: 13px;
    }
    .keymilestonesgridcard {
        font-size: 13px;
    }
    .tab_contentabout a{
        font-size: 13px;
    }
}
@media screen and (max-width: 425px) {
    .sliderdownspealist1 p{
        text-align: left;
        width: auto;
    }
    .statementabout {
        flex-direction: column;
    }

    .visionstatement {
        width: 100%;
    }

    .missionstatement {
        width: 100%;
    }

    .corevaluescardmain {
        padding: 50px 30px;
    }

    .key_highlightsaboutcard {
        padding: 30px 10px;
    }
    /* .iconplus .fa-plus {
        height: 30px;
        width: 30px;
    } */
    .keymilestonesgrid{
        grid-template-columns: repeat(1,1fr);
    }
    .developmentpart{
        width: 100%;
    }
    .projectpart{
        width: 100%;
    }
    .ourjourneygridyear{
        font-size: 20px;
    }
    .ourjourneygridtext{
        /* font-size: 13px; */
    }
    .projectcardsections{
        margin: 0 20px 100px 0px !important;
        padding: 0 20px !important;
    }
    .projectcardsections .owl-dots {
        display: block !important;
        text-align: center;
    }
    .projectcardsections .owl-dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        background: #999;
        margin: 0 5px;
        border-radius: 50%;
        cursor: pointer;
    }
    .projectcardsections .owl-dot.active {
        top: 0 !important;
        background: #333;
    }
    .owl-theme .owl-dots .owl-dot span{
        margin: 0 !important;
    }
}
@media screen and (max-width: 450px){
    .AboutPageTeamGrid ul li{
        width: 25vw;
    }
    .teamSwiperDesktop{
        display: none !important;
    }
    .teamSwiperMobile{
        display: block !important;
    }
    .corevaluescardmain{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .corevaluescardmain{
        gap: 10px;
    }
    .corevaluescardmain .corevaluescard{
        width: 45vw;
    }
}