.circle-progress {

    transform: rotate(-90deg); /* Rotate to start from top */

}



.circle-track {

    stroke: #ECDFE1; /* Light grey for the track */

}



.circle-fill {

     /* White for the fill */

    stroke-linecap: round; /* Round the ends for smoother appearance */

    transition: stroke-dashoffset 0.8s ease;

    stroke: #4A2244;

}

.home_ch_sec.white .circle-fill {

    stroke: rgba(12, 24, 70, 1) !important;

}



.next_btn>a .circle-progress-container svg {

    width: 60px;

    height: 60px;

}



.arrowIcon {

    position: absolute;

    top: 51%;

    left: 55%;

    /* width:20px; */

    transform: translate(-50%, -50%);

}

.arrowIcon svg{

    width: 20px !important;

    height: 17px !important;

}

.nextPage .anim {

    position: relative;

}



.next_btn {

    position: relative;

    display: flex;

    width: 100%;

    z-index: 1;

}



.next_btn>a {

    display: flex;

    align-items: center;

    transition: all 0.7s ease;

    gap: 1.5vw;

    font-size: 1.2vw;

}



.next_btn a span {

    line-height: 1;

    position: relative;

    color: rgba(12, 24, 70, 1);

    transition: all 0.7s ease;

    position: relative;

    transform: translateX(0%);

    display: block;

    font-size: .8vw;

}



.next_btn a:hover .circleIcon {

    transform: translateX(15%) scale(0.9);

}



.next_btn a:hover span {

    /* transform: translateX(10%); */

    opacity: 1;

    visibility: visible;

    transition-delay: 0.1s;

    color: rgba(12, 24, 70, 1);

}



.next_btn>a .circleIcon {

    border: solid 1px rgba(126, 111, 103, 0.32);

    width: 4vw;

    height: 4vw;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    justify-content: center;

    transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);

    overflow: hidden;

    user-select: none;

    will-change: transform;

    transform: translateX(0);

}



.next_btn>a .circleIcon::before,

.next_btn>a .circleIcon::after {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    z-index: -1;

}



.next_btn>a .circleIcon::before {

    width: 130%;

    height: 0;

    padding-bottom: 130%;

    top: 0;

    left: 50%;

    border-radius: 50%;

    transform: translate3d(-50%, 68%, 0) scale3d(0, 0, 0);

    background: #fff;

}



.next_btn>a .circleIcon::after {

    background: #0d8a47;

    transform: translate3d(0, -105%, 0);

    transition: transform 0.6s cubic-bezier(0.1, 0, 0.3, 1);

}



.next_btn>a:hover .circleIcon:before {

    transform: translate3d(-50%, -25%, 0) scaleX(1);

    transition: transform 0.6s cubic-bezier(0.1, 0, 0.3, 1);

}



.next_btn>a:hover .circleIcon:after {

    transform: translateZ(0);

    transition-duration: 0.06s;

    transition-delay: 0.6s;

    transition-timing-function: linear;

}



.next_btn>a .circleIcon:before,

.next_btn>a .circleIcon:after {

    content: "";

    background: rgba(12, 24, 70, 1) !important;

}



.next_btn>a svg {

    width: 0.8vw;

    height: 1.5vw;

}



.next_btn>a svg path {

    stroke: rgba(12, 24, 70, 1);

    transition: all 0.6s ease-in-out;

}



.next_btn>a:hover svg path {

    stroke: #21272a;

}



.next_btn.white a span {

    color: #fff;

    font-weight: 500;

}



.next_btn.white a:hover span {

    color: rgba(2, 121, 200, 1);

}



.next_btn.white>a .circleIcon {

    border: solid 1px rgba(255, 255, 255, 0.2);

}



.next_btn.white>a svg path {

    stroke: #4A2244;

}



.next_btn.white>a:hover svg path {

    stroke: #DD8778;

}



.next_btn.white>a .circleIcon:before,

.next_btn.white>a .circleIcon:after {

    content: "";

    background: rgba(2, 121, 200, 1) !important;

}



.clinical-impact-pin {

    position: relative;

    width: 100%;

    height: 100vh;

    overflow: hidden;

}



.clinical-impact-track {

    display: flex;

    align-items: stretch;

    height: 100vh;

    width: max-content;

}



.impact-panel {

    flex: 0 0 auto;

    width: 32vw;

    height: 100vh;

    position: relative;

    overflow: hidden;

    margin-right: -1px;

}



.number_pagination a i,

.number_pagination a {

    transition: all 0.7s ease;

}

/* .visionSwiper .change_text .info, */

.visionSwiper .change_text .main_title {

    overflow: hidden;

}

.cybrSwiper .swiper-slide {

    /*height: 75vh;*/

    height: auto;

}



.cybrSwiper .swiper-slide .flex.jcsb {

    height: 100%;

}

.vision_bottom.cybar_sec1 .cybar_sec{

    align-items: end;

}

.prevPanel,

.lightToDark {

    transition: all 0.5s ease;

}

.prevPanel.light.bgp,

.lightToDark.light.bgp{

    background: #EEE9ED;

}

.prevPanel.light.bgp .cwp,

.prevPanel.light.bgp .cw,

.lightToDark.light.bgp .cw{

    color: #4A2244 !important;

}

.prevPanel.light.bgp .dawn,

.lightToDark.light.bgp .dawn {

    color: rgba(199, 80, 16, 1) !important;

}



.number_pagination.dark a.active {

    color: #4A2244;

}

.number_pagination.dark a {

    color: #c6b4c2;

}

.number_pagination.dark a i {

    background: #4A2244;

}



.inner-banner .banner-content {

    justify-content: flex-start;

    align-items: flex-start !important;

    padding-top: 13.5vw;

}



.inner-banner .banner-content {

    left: 4.2vw;

}

.chatper-num {

    position: absolute;

    bottom: -1vw;

    left: 1.5vw;

}

.chatper-num h3{

    line-height: .7;

}

.markets_div span,

.roadmap_sec .right h3 span{

    position: relative !important;

    width: 100%;

}



.roadmap_sec .inner .info span.sideText {

    width: 45%;

}

.fund_standing .content {

    padding-top: .7vw;

}

.roadmap_sec.nobgImg {

    background-image: none !important;

}

.card_sec {

    padding-left: 6.5vw;

    padding-right: 6.5vw;

    position: relative;

    z-index: 1;   

}

.card_sec .card:nth-child(9),

.card_sec .card:nth-child(even) {

    display: flex;

    flex-direction: row-reverse;

}

.card_sec .card .box {

    min-height: 65vh

}



.card_sec .card:nth-child(8) {

    display: flex;

    flex-direction: row;

}



.charimanPin {

    padding-left: 25vw;

}



.history_sec {

    height: 100vh;

    position: relative;

}

.history_sec .historySwiper {

    width: 100%;

    height: 100%;

}



.timeline-tabs {

    position: absolute;

    left: 5vw;

    bottom: 2vw;

    z-index: 1;

}

.timeline-tabs ul {

    display: flex;

    gap: 1.6vw;

}

.timeline-tabs ul li{

    margin: 0;

}

.timeline-tabs a {

    color: rgba(74, 34, 68, .2);

    font-size: 1.5vw;

    font-weight: 400;

    line-height: 1;

    text-decoration: none;

    transition: all 0.7s ease;

}

.timeline-tabs ul li:hover a,

.timeline-tabs ul li.active a{

    color: rgba(74, 34, 68, 1);

}



.year_timeline {

    position: absolute;

    top:50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 1;

    width: 100%;

    padding: 0;

}

.year_timeline .inner {

    width: 100%;

    overflow: unset;

}

.year_timeline h2 {

    font-size: 20.4vw;

    color: rgba(199, 80, 16, 1);

    line-height: .8;

    font-weight: 500;

    text-align: center;

    font-family: "Tiro Telugu", serif;

    /* letter-spacing: -4px; */

}



.sub_boxes {

    position: absolute;

    left: 0;

    width: 100%;

    bottom: 13%;

}

.sub_boxes .historySwiperBox {

    padding: 0 5vw;

}

.sub_boxes .historySwiperBox .swiper-button-next, 

.sub_boxes .historySwiperBox .swiper-button-prev {

    width: 60px;

    height: 60px;

    color: rgba(74, 34, 68, 1);

    position: relative;

}

.sub_boxes .historySwiperBox .swiper-button-next:after, 

.sub_boxes .historySwiperBox .swiper-button-prev:after {

    display: none;

}

.sub_boxes .historySwiperBox .swiper-button-next:before, 

.sub_boxes .historySwiperBox .swiper-button-prev:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 60px;

    height: 60px;

    color: rgba(74, 34, 68, 1);

    background: #ffff;

    border-radius: 50%;

    transition: all .7s ease;

    z-index: 1;

    box-shadow: 0px 0px 3px 0px;

}

.sub_boxes .historySwiperBox .swiper-button-next svg,

.sub_boxes .historySwiperBox .swiper-button-prev svg {

    width: 20px;

    height: 20px;

    stroke: #4A2244;

    transition: all .7s ease;

    z-index: 2;

}

.sub_boxes .historySwiperBox .swiper-button-prev svg {

}

.sub_boxes .historySwiperBox .swiper-button-next:hover:before,

.sub_boxes .historySwiperBox .swiper-button-prev:hover:before{

    background: #4A2244;

}

.sub_boxes .historySwiperBox .swiper-button-next:hover svg,

.sub_boxes .historySwiperBox .swiper-button-prev:hover svg {

    width: 20px;

    height: 20px;

    stroke: #fff;

}

.timeline-box {

    background: #fff url(../images/timeline-box-bg.jpg) no-repeat;

    background-size: 100%;

    min-height: 105px;

    padding: 2vw 1.6vw;

    box-sizing: border-box;

    border: 2px solid #fff;

    height: 100%;

}



.timeline-box span {

    display: block;

    color: #d14f09;

    font-size: 1.5vw;

    font-weight: 400;

    line-height: 1;

    margin-bottom: 1vw;

}



.timeline-box h3 {

    margin: 0;

    color: #7b5b77;

    font-size: 1.15vw;

    font-weight: 500;

    line-height: 1.1;

}



.swiper_box .historySwiperBox .swiper-slide{

    height: auto;

}



.sub_boxes .swiper_box{

    display: none;

}

.sub_boxes .swiper_box.active{

    display: block;

}



.ecosystem_sec {

    position: relative;

}

.ecosystem_sec .right {

    position: absolute;

    width: 50%;

    top: 0;

    right: 0;

    height: 100%;

    display: flex;

    align-items: center;

}

.ecosystem_sec .right .ecosystemSwiper{

    width: 100%;

    height: 60%;

}

.ecosystem_sec {

    height: 100vh;

}

.ecosystem_sec .swiper-slide {

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 3vw;

    font-weight: 500;

    color: rgba(7, 37, 64, .1);

    opacity: 0.4;

    transition: all 0.5s ease;

    transition: all 0.8s ease;

    transform-origin: center center;

    transform: rotateX(60deg) scale(0.8) !important;

    line-height: 1;

}





.ecosystem_sec .swiper-slide-active {

    color: rgba(199, 80, 16, 1);

    opacity: 1;

    transform: rotateX(0deg) scale(1) !important;

}





.ecosystem_sec .swiper-slide-prev,

.ecosystem_sec .swiper-slide-next {

    opacity: 0.6;

    transform: scale(0.9) !important;

}

.text-block.yearsbox {

    position: absolute;

    left: 0;

    bottom: 5vw;

    width: 100%;

    z-index: 1;

    display: flex;

    align-items: center;

    justify-content: center;

}



.text-block.yearsbox h2 {

    color: #000;

}



.timeline_images {

    position: absolute;

    top: 16%;

    left: 0;

    width: 100%;

    padding: 0 5vw;

    display: flex;

    justify-content: space-between;

    z-index: 2;

    /* align-items: end; */

}



.timeline_images .left {

    width: 13.6%;

    margin-left: 20.5%;

    margin-top: 13%;

}

.timeline_images .right {

    width: 25%;

    margin-right: 15%;

}

.text-block.yearsbox .inner {

    display: none;

}



.inner .fund_f {

    display: flex;

    grid-gap: 3vw;

}



.inner .fund_f .info i {

    position: absolute;

    left: -18%;

    top: 50%;

    width: 12px;

    height: 12px;

    background: #C75111;

    transform: translate(0, -50%);

}



.inner .fund_f .info p {

    font-size: .8vw;

    color: #4A2244;

    font-weight: 500;

}



.inner .fund_f .info {

    position: relative;

}



.text-block.yearsbox .inner.active {

    display: block;

}



.specialized_sec {

    background-image: none;

    object-fit: inherit;

    background-repeat: inherit;

    background-position: inherit;

}



.key_sec {



}

.text_animate .primay_had h3,

.text_animate .primay_had h2{

    color: #DD8778;

    transition: all .7s ease;

    font-weight: 500;

}

.text_animate .primay_had.active h3,

.text_animate .primay_had.active h2{

    color: #DD8778;

    opacity: 1;

}



.text_animate2 .primay_had h3,

.text_animate2 .primay_had h2{

    color: #4A2244 !important;

    transition: all .7s ease;

}

.text_animate2 .primay_had.active h3,

.text_animate2 .primay_had.active h2{

    color: #4A2244;

    opacity: 1;

}

.map_sec {

    height: 100vh;

}

.map_sec .img svg {

    width: 100%;

    height: 100%;

}

.map_sec .img svg .location3,

.map_sec .img svg .location2,

.map_sec .img svg .location1 {

    fill: #fff !important;

    transition: fill .7s ease;

    fill-opacity: 1 !important;

}

.map_sec .img svg .location3.active{

    fill: #DDC49C !important;

}

.map_sec .img svg .location2.active {

    fill: #C75010 !important;

}

.map_sec .img svg .location1.active {

    fill: #4A2244 !important;

} 

.map_sec .mapSwiper {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



/* Background Images */

.bg_images {

    position: absolute;

    inset: 0;

    z-index: 1;

}

.bg_images .img {

    position: absolute;

    inset: 0;

    clip-path: inset(0 0 0 0);

    transition: none;

}

.bg_images .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.home_ch_sec .t_info {

    margin-top: 0;

}

/* .page-key-governing-policies .focus_pin {

    display: flex;

    align-items: center;

} */



.greyHoverSwiper .swiper-slide .box {

    background: transparent;

    transition: all .7s ease;

}

.greyHoverSwiper .swiper-slide-active .box,

.greyHoverSwiper .swiper-slide:hover .box {

    background: rgba(238, 233, 237, 1);

}

.glanceSwiper .swiper-slide {

    opacity: 0;

    visibility: hidden;

}

.glanceSwiper .swiper-slide-active {

    opacity: 1 !important;

    visibility: visible;

}

.board-section {

    align-items: center;

    height: 100vh;

    padding-top: 6.1vw;

    padding-left: 4.5vw !important;

    padding-right: 4.5vw;

    position: relative;

}

.board-section > div > h2 {

    font-size: 10vw;

    line-height: 1.2;

}

/* MAIN IMAGE */

.mainSwiper {

    width: 100%;

    position: absolute !important;

    right: 0;

    bottom: 0;

    height: 100%;

}

.mainSwiper .swiper-slide {

    padding-left: 22.5%;

    display: flex;

    align-items: end;

}

.mainSwiper .img {

    width: 44%;

    display: flex;

    justify-content: end;

    height: auto;

}

.mainSwiper img {

    width: 100%;

}





.bod_info {

    position: absolute;

    top: auto;

    right: 4.5vw;

    bottom: 3vw;

    width: 37.5%;

}

.bod_info .info {

    position: absolute;

    top: 0;

    opacity: 0;

    transform: translateY(0); /* no animation in CSS */

    pointer-events: none;

    width: 100%;

    z-index: 5;

    left:0;

}

.bod_info .info.active {

    opacity: 1;

    pointer-events: auto;

    position: relative;

}



.bodPagination {

    position: absolute;

    bottom:1vw;

    left: 4.5vw;

    width: 25%;

}

.bodPagination {

    position: absolute;

    left: 4.5vw;

    width: 25%;

    bottom: 1vw;

    z-index: 2;

}

.bodPagination ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.bodPagination ul li{

    margin-bottom: .3vw;

}

.bodPagination ul li a{

    font-size: 1vw;

    line-height: 1;

    font-weight: 500;

    color: rgba(74, 34, 68, 1);

    transition: all .7s ease;

    opacity: .3;

}

.bodPagination ul li:hover a,

.bodPagination ul li.active a{

    color: #3B1D3F;

    opacity: 1;

}



.mainSwiper img.active {

    animation: revealLeft 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;

    z-index: 5;

}

/* reveal animation */

@keyframes revealLeft {

    from {

        clip-path: inset(0 100% 0 0);

    }

    to {

        clip-path: inset(0 0 0 0);

    }

}



.pinSwiperCenter {

    display: flex;

    align-items: center;

}



.reveal2,

.reveal {

    display: block;

    overflow: clip;

    overflow-clip-margin: 0.12em;

}

.reveal2 .reveal-word,

.reveal .reveal-word {

    display: inline-block;

    vertical-align: top;

    line-height: inherit;

    will-change: transform, opacity;

}



.fr_img {

    width: 52%;

    height: 100%;

    transition: height 0.8s ease, width 0.8s ease .2s;

}

.fr_img img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition: all .8s ease;

}



.home_ch_sec {

    position: relative;

    margin: 0 0 0 4vw;

    transition: all .8s ease;

}



.home_ch_sec.expand {

    margin: 0 0 0 0;

}

.home_ch_sec.expand .right .ftText,

.home_ch_sec.expand .left{

    display: none;

}

.home_ch_sec.expand .right{

    width: 100% !important;

    padding-right: 0;

    height: 100vh;

}

.home_ch_sec.expand .right .fr_img {

    width: 100%;

}

.home_ch_sec.expand .inner {

    transform-origin: right;

    transition: all .8s ease;

}

.home_ch_sec.expand .inner {

    justify-content: end;

    height: 100%;

}



.fr_img {

    position: absolute;

    top: 50%;

    right: 8vw;

    width: 20%;

    height: 50vh;

    transition: right .8s ease, top 0.8s ease .2s, transform 0.8s ease .2s, height 0.8s ease, width 0.8s ease .2s;

    transform: translateY(-50%);

}

.fr_img img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition: all .8s ease;

}



.home_ch_sec.expand .fr_img {

    top:0;

    right: 0;

    width: 100%;

    height: 100vh;

    transform: translateY(0);

}



.chairmanftBg{

    background:rgba(74, 34, 68, 0.3);

    display: flex;

    align-items: end;

}

.chairmanftBg.fr_img img {

    width: 100%;

    height: auto;

}



.home_ch_sec.expand .chairmanftBg {

    background: rgba(74, 34, 68, 1);

    justify-content: end;

}

.home_ch_sec.expand .chairmanftBg.fr_img img {

    width: 40%;

    margin-right: 20%;

}



.chairmanBg {

    position: absolute;

    pointer-events: none;

    user-select: none;

    position: fixed;

    z-index: 2;

    visibility: hidden;

    transition: all 0.7s ease;

    overflow: hidden;

}

.chairmanBg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: relative;

    z-index: 2;

}

.chairmanBg.show {

    visibility: visible;

}

.ch_sec2 img {

  visibility: hidden;

}

.home_sh_sec.ch_sec img {

  visibility: visible;

}

.visionSwiper .change_text .info .h3Head {

    display: none;

}

.visionSwiper .change_text .info .h3Head.active {

    display: flex;

    justify-content: end;

}

.visionSwiper .change_text .info h3 {

    overflow: unset;

}



.reveal-word {

    display: inline-block;

    transform: translateY(0);

    will-change: transform, opacity;

}

.change_text .info {

    width: 70%;

}

.board-section .mainSwiper .swiper-slide{

    opacity: 0 !important;

}

.board-section .mainSwiper .swiper-slide-active{

    opacity: 1 !important;

}



.navigate-container {

    position: fixed;

    right: 2vw;

    bottom:-100%;

    display: flex;

    align-items: center;

    background-color: rgba(238, 233, 237, 1);

    padding: 0;

    height: 60px;

    width: auto;

    transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);

    opacity: 0;

    visibility: hidden;

    z-index:-1;

    overflow: hidden;

    padding: 0 1.5vw;

    color: rgba(74, 34, 68, 1);

}



.navigate-container .progressBar {

    position: absolute;

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    background: #1a293b;

}



.navigate-container.scrollgoingUp {

    bottom:-100% !important

}

.navigate-container.show {

    bottom: 0;

    right: 0;

    opacity: 1;

    visibility: visible;

    z-index:10;

}



.nav-container {

    display: flex;

    width: 100%;

    transition: all 0.7s ease;

    height: 100%;

    align-items: center;

    gap: 2vw;

}

.nav-container ul {

    flex: 1;

    width: 100%;

    display: flex;

    height: 100%;

    justify-content: flex-start;

    padding-right: 0;

    gap: .5vw;

}

.nav-container ul li {

    margin: 0;

    display: flex;

    align-items: center;

    gap: 2vw;

}

.nav-container ul li a {

    font-size: 1.6vw;

    color: rgba(210, 200, 209, 1);

    font-weight: 600;

    transition: all 0.7s ease;

    display: flex;

    align-items: center;

    gap: 1vw;

    line-height: 1.4;

}

.nav-container ul li a .num {



}

.nav-container ul li a .text {

    text-overflow: ellipsis;

    

}

.nav-container ul li:hover a,

.nav-container ul li.active a {

    color: rgba(74, 34, 68, 1);

}



.navigate-container .next_btn {

    position: relative;

    display: flex;

    /* width: 100%; */

    z-index: 1;

}



.navigate-container .next_btn>a {

    display: flex;

    align-items: center;

    transition: all 0.7s ease;

    gap: 1.5vw;

    font-size: 1.2vw;

}



.navigate-container .next_btn a span {

    line-height: 1;

    position: relative;

    color: rgba(74, 34, 68, 1);

    transition: all 0.7s ease;

    position: relative;

    transform: translateX(0%);

    display: block;

    font-size: 1.1vw;

    font-weight: 500;

}



.navigate-container .next_btn a:hover .circleIcon {

    transform: translateX(15%) scale(0.9);

}



.navigate-container .next_btn a:hover span {

    /* transform: translateX(10%); */

    opacity: 1;

    visibility: visible;

    transition-delay: 0.1s;

    color: rgba(74, 34, 68, 1);

}



.navigate-container .next_btn>a .circleIcon {

    width: 2.2vw;

    height: 2.2vw;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    justify-content: center;

    transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);

    overflow: hidden;

    user-select: none;

    will-change: transform;

    transform: translateX(0);

    background: #fff;

    border: 0;

}



.navigate-container .next_btn>a .circleIcon::before,

.navigate-container .next_btn>a .circleIcon::after {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    z-index: -1;

}



.navigate-container .next_btn>a .circleIcon::before {

    width: 130%;

    height: 0;

    padding-bottom: 130%;

    top: 0;

    left: 50%;

    border-radius: 50%;

    transform: translate3d(-50%, 68%, 0) scale3d(0, 0, 0);

    background: #fff;

}



.navigate-container .next_btn>a .circleIcon::after {

    background: #0d8a47;

    transform: translate3d(0, -105%, 0);

    transition: transform 0.6s cubic-bezier(0.1, 0, 0.3, 1);

}



.navigate-container .next_btn>a:hover .circleIcon:before {

    transform: translate3d(-50%, -25%, 0) scaleX(1);

    transition: transform 0.6s cubic-bezier(0.1, 0, 0.3, 1);

}



.navigate-container .next_btn>a:hover .circleIcon:after {

    transform: translateZ(0);

    transition-duration: 0.06s;

    transition-delay: 0.6s;

    transition-timing-function: linear;

}



.navigate-container .next_btn>a .circleIcon:before,

.navigate-container .next_btn>a .circleIcon:after {

    content: "";

    background: rgba(255, 255, 255, 1) !important;

}



.navigate-container .next_btn>a svg {

    width: 1vw;

    height: 1.5vw;

}



.navigate-container .next_btn>a svg path {

    stroke: rgba(74, 34, 68, 1);

    transition: all 0.6s ease-in-out;

}



.navigate-container .next_btn>a:hover svg path {

    stroke: #21272a;

}



.navigate-container .next_btn.white a span {

    color: #fff;

    font-weight: 500;

}



.navigate-container .next_btn.white a:hover span {

    color: rgba(2, 121, 200, 1);

}



.navigate-container .next_btn.white>a .circleIcon {

    border: solid 1px rgba(255, 255, 255, 0.2);

}



.navigate-container .next_btn.white>a svg path {

    stroke: #fff;

}



.navigate-container .next_btn.white>a:hover svg path {

    stroke: #fff;

}



.navigate-container .next_btn.white>a .circleIcon:before,

.navigate-container .next_btn.white>a .circleIcon:after {

    content: "";

    background: rgba(2, 121, 200, 1) !important;

}



.nav-container h2 {

    font-size: 1vw;

    font-weight: 500;

    line-height: 1.1;

}



.page-navigate {

    position: fixed;

    left: -100%;

    top:2vw;

    display: flex;

    align-items: center;

    transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);

    opacity: 0;

    visibility: hidden;

    z-index:-1;

    overflow: hidden;

}

.page-navigate.show {

    left: 2vw;

    opacity: 1;

    visibility: visible;

    z-index: 10;

}

.page-navigate .nav-container ul {

    flex-direction: column;

}

.page-navigate .nav-container ul li a {

    font-size: 1vw;

    color: rgba(91, 58, 85, .4);

    font-weight: 500;

}

.page-navigate .nav-container ul li:hover a,

.page-navigate .nav-container ul li.active a {

    color: rgba(91, 58, 85, 1);

}

.page-navigate .nav-container ul li a .text {

    width: 0;

    opacity: 0;

    visibility: hidden;

    transition: width 1s ease, opacity 1s ease .2s, visibility 1s ease .2s;

    overflow: hidden;

    white-space: nowrap;

}

.page-navigate .nav-container ul li.active .text {

    opacity: 1;

    visibility: visible;

    width: 100%;

    text-overflow: ellipsis;

}

.page-navigate.white .nav-container ul li a{

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

}

.page-navigate.white .nav-container ul li:hover a,

.page-navigate.white .nav-container ul li.active a{

    color: rgba(255, 255, 255, 1);

}



.page-navigate.scrollgoingRight {

    left: -100% !important;

}



.yearsbox .inner .fund_f .info:nth-child(1) i{

    background: rgba(221, 160, 120, 1);

}

.yearsbox .inner .fund_f .info:nth-child(2) i {

    background-color: rgba(199, 81, 17, 1);

}

.yearsbox .inner .fund_f .info:nth-child(3) i{

    background-color:rgba(114, 94, 114, 1);

}

.yearsbox .inner .fund_f .info:nth-child(4) i{

    background-color: rgba(73, 34, 68, 1);

}



.timeline_images .left .img,

.timeline_images .right .img,

.year_timeline h2 {

    display: none;

}

.timeline_images .left .img.active,

.timeline_images .right .img.active,

.year_timeline h2.active {

    display: block;

}

.frame-canvas {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.otherInfo {

	position: absolute;

	inset: 0;

	z-index: 5;

	pointer-events: none;

	opacity: 0;

	visibility: hidden;

}

.otherInfo .visionSwiper {

    height: 100%;

    width: 100%;

}



.visionSwiper .change_text .info .h3Head {

    display: none;

    opacity: 0;

    transform: translateY(50px);

    animation: fadeIn 1s ease 1 forwards;

}



@keyframes fadeIn {

    100% {

        opacity: 1;

        transform: none;

    }

}



.map_region {



}



.map_sec.map_region {

    height: 100vh;

}

.map_sec.map_region .img svg {

    width: 75%;

    height: 100%;

}

.map_sec.map_region .img svg .location {

    fill: #fff !important;

    transition: fill .7s ease;

    fill-opacity: 1 !important;

}

.map_sec.map_region .img svg .location.active{

    fill: #4A2244 !important;

}

.map_sec .chnage_text .info {

    display: none;

}

.map_sec .chnage_text .info.active {

    display: block;

}

.map_sec .map_box .p_pagination {

    top: 0;

}

.map_sec.map_region .chnage_text h2 {

    display: block;

}

.map_sec.map_region .img {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

    width: 100%;

}





.downloadBtns {

    opacity: 0;

    transform: translateY(20px);

    animation: fadeIn 1s ease .4s forwards;

}

.downloadBtns.show {

    display: flex;

}



.vision_top .img canvas {

    width: 100%;

    height: 100%;

    display: block;

}



.mb_arrows {

    display: none;

    gap: 5vw;

    justify-content: end;

}

.mb_arrows .swiper-button-next, 

.mb_arrows .swiper-button-prev {

    width: 60px;

    height: 60px;

    color: rgba(74, 34, 68, 1);

    position: relative;

    left: 0;

    right: 0;

    margin: 0;

}

.mb_arrows .swiper-button-next:after, 

.mb_arrows .swiper-button-prev:after {

    display: none;

}

.mb_arrows .swiper-button-next:before, 

.mb_arrows .swiper-button-prev:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 60px;

    height: 60px;

    color: rgba(74, 34, 68, 1);

    background: #fff;

    border-radius: 50%;

    transition: all .7s ease;

    z-index: 1;

}

.mb_arrows .swiper-button-next svg,

.mb_arrows .swiper-button-prev svg {

    width: 20px;

    height: 20px;

    stroke: #4A2244;

    transition: all .7s ease;

    z-index: 2;

}

.mb_arrows .swiper-button-prev svg {

    transform: rotate(-180deg);

}

.mb_arrows .swiper-button-next:hover:before,

.mb_arrows .swiper-button-prev:hover:before{

    background: #4A2244;

}

.mb_arrows .swiper-button-next:hover svg,

.mb_arrows .swiper-button-prev:hover svg {

    width: 20px;

    height: 20px;

    stroke: #fff;

}



.atGlancePage .img canvas {

    display: block;

}

.atGlancePage .img img {

    display: none;

}





.map_region.map_sec .img svg .location1.active{

    fill: #4A2244 !important;

}

.map_region.map_sec .img svg .location2.active {

    fill: rgba(221, 135, 120, 1) !important;

}

.map_region.map_sec .img svg .location3.active {

    fill: rgba(221, 196, 156, 1) !important;

} 

.map_region.map_sec .img svg .location4.active{

    fill: rgba(199, 80, 16, 1) !important;

}

.map_region.map_sec .img svg .location5.active {

    fill: rgba(103, 189, 188, 1) !important;

}

.map_region.map_sec .img svg .location6.active {

    fill: rgba(31, 130, 127, 1) !important;

} 

.pdf_sec .img video {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.swiper-button-prev, .swiper-rtl .swiper-button-next {

    left: 0 !important;

}

.pdf_sec .right {

    display: none;

}

.glanceSwiper .swiper-slide {

    width: 100% !important;

}

.glanceSwiper .swiper-slide .b-info img{

    width: 100%;

}



.glance_pin .headings {

    padding-left: 16%;

}

.cybrSwiper-pin-spacer {

    inset: 0 !important;

}

.page-ceo .prevPanel.light.bgp,

.page-chairman .prevPanel.light.bgp {

    background: #fff;

}

.text_animate {

    transition: all .7s ease;

}

.text_animate.light {

    background: #fff;

}

.text_animate.light .primay_had h2 {

    color: #4A2244;

}

.text_animate.light .primay_had h3 {

     color: #4A2244 !important;

    border: solid 1px #4a2244 !important;

}



.map_b .recShape_sb .rect {

    border: 1px solid transparent;

    padding: 2px;

    transition: all .7s ease;

    display: flex;

}

.map_b .recShape_sb .rect.active {

    border-color: rgba(238, 233, 237, 1);

}

.vision_bottom {

    margin-top: -1px !important;

}

.cybrSwiper .swiper-slide > div {

    transition: all 0.5s ease;

    justify-content: flex-start !important;

}



.page-corporate-strategy .mb_arrows .swiper-button-next:hover:before, 

.page-corporate-strategy .mb_arrows .swiper-button-prev:hover:before {

    background-color: #c75010;

}



.ecosystem_sec .text1.swiper-slide-active  {

    color: rgba(221, 160, 120, 1);

}

.ecosystem_sec .text2.swiper-slide-active  {

    color: rgba(199, 81, 17, 1);

}

.ecosystem_sec .text3.swiper-slide-active  {

    color: rgba(114, 94, 114, 1);

}

.ecosystem_sec .text4.swiper-slide-active  {

    color:rgba(73, 34, 68, 1);

}

.history_btn {

    display: flex;

    align-items: center;

    justify-content: end;

    top: 5vw;

    position: relative;

    gap: 1vw;

}



.sub_boxes .historySwiperBox .swiper-button-next, .sub_boxes .historySwiperBox .swiper-button-prev {

    position: relative;

}

.sub_boxes .historySwiperBox {

    overflow: visible;

}

.swiper-button-next, .swiper-rtl .swiper-button-prev{

    left: 0 !important;

}

.sub_boxes .historySwiperBox .swiper-button-next svg {

    transform: rotate(0deg);

}



.spanTop0 span {

    top: 0;

}



.page-our-history .history_btn {

    flex-direction: row-reverse;

}

.page-our-history .sub_boxes .historySwiperBox .swiper-button-prev svg {

    transform: rotate(180deg);

}