@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --black: #000;
    --white: #fff;
    --theme-main: #4D76CD;
    --text-light: #a3aed0;
    --text-dark: #2b3674;
    --text-medium: #030229;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    outline: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    font-family: var(--font-regular-sf);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p {
    text-decoration: none;
    list-style: none;
    margin-bottom: 0px;
}

a,
.transition,
input[type="submit"] {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

a,
a:hover {
    color: var(--blue-light);
    cursor: pointer;
    text-decoration: none;
}

input[type="submit"] {
    backface-visibility: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    cursor: pointer;
}

textarea,
input,
select {
    border-radius: 0;
    resize: none;
    box-sizing: border-box;
    width: 100%;
}

table,
tr,
td,
th {
    border-spacing: 0;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

table {
    width: 100%;
}

.w-160 {
    width: 160px;
}

.background-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

img {
    max-width: 100%;
}

p {
    font-size: 16px;
    color: var(--black);
    line-height: 26px;
}

body {
    width: 100%;
    counter-reset: gap;
    overflow-x: hidden;
    background-color: var(--white);
    font-family: "Poppins", sans-serif;
    line-height: 100%;
}

.preloader {
    background-color: var(--white);
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
}

.loader {
    width: 35px;
    aspect-ratio: 1;
    --_g: no-repeat radial-gradient(farthest-side, #2b3674 94%, #fff);
    background: var(--_g) 0 0, var(--_g) 100% 0, var(--_g) 100% 100%,
        var(--_g) 0 100%;
    background-size: 40% 40%;
    animation: spine 0.5s infinite;
}

@keyframes spine {
    100% {
        background-position: 100% 0, 100% 100%, 0 100%, 0 0;
    }
}

*::-moz-selection {
    background: var(--theme-main);
    color: #fff;
}

*::selection {
    background: var(--theme-main);
    color: #fff;
}

.overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
    background-color: #00000096;
}

.custom-select {
    content: "";
    background-image: url(../images/icons/drop_arrow.svg);
    background-size: 15px;
    object-fit: cover;
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.empty,
.iti .iti__selected-dial-code {
    color: #A3AED0 !important;
}

.custom-select option {
    color: #000;
}

.styled-checkbox {
    position: absolute;
    opacity: 0;
}

.styled-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
}

.styled-checkbox+label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 2px solid var(--theme-main);
}

.styled-checkbox:hover+label:before {
    background: var(--theme-main);
}

.styled-checkbox:checked+label:before {
    background: var(--theme-main);
}

.styled-checkbox:disabled+label {
    color: #b8b8b8;
    cursor: auto;
}

.styled-checkbox:disabled+label:before {
    box-shadow: none;
    background: #ddd;
}

.styled-checkbox:checked+label:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 8px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white,
        4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}

.parsley-errors-list {
    color: red;
}



.menu-btn {
    cursor: pointer;
    /* height: 24px;
    width: 21px; */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    z-index: 12;
    display: none;
}

.menu-btn .line {
    display: block;
    height: 3px;
    border-radius: 10px;
    width: 25px;
    margin: 7px 0;
    background-color: #74757f;
}

.menu-btn.active .line:nth-child(2) {
    opacity: 0;
}

.menu-btn .line:nth-child(2) {
    width: 20px;
}

.menu-btn.active .line:nth-child(1) {
    transform: rotate(45deg);
    margin-top: 13px;
}

.menu-btn.active .line:nth-child(3) {
    transform: rotate(-45deg);
    margin-top: -20px;
}

.header {
    top: 0;
    left: 0;
    padding: 0;
    z-index: 99;
    width: 100%;
    /* background-color: var(--white); */
    /* background: #001C46D9; */
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 15px 0;
    backdrop-filter: blur(16px);
    /* background: #001C46D9; */
    /* background-color: #1A3660; */
    background-color: #001C46D9;
    transition: background 0.3s, padding 0.3s;
}

.header.active {
    padding: 10px 0;
    background: #001C46D9;
}

.header.active .logo {
    width: 90px;
}

.header>.navbar-container {
    position: relative;
}

/* 
.menu-btn .line {
    display: block;
    height: 3px;
    border-radius: 22px;
    width: 22px;
    margin: 4px 0;
    border-bottom: 3px solid var(--black);
} */
.menu-logo .logo {
    width: 120px;
}

.admin-nav {
    padding: 0 2rem;
}

.menu-item {
    padding-left: 5rem;
    align-items: center;
    position: relative;
}

.menu-item li {
    position: relative;
}

.menu-item li a {
    font-size: 16px;
    color: var(--white);
    /* font-weight: 600; */
    font-weight: 500;
    opacity: 0.8;
    position: relative;
}

.menu-item li.active a {
    opacity: 1;
}

.menu-item li.active a::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transform: translateX(-50%);
}

.dropdown-menu-list a::after {
    display: none;
}

.menu-item li a:hover {
    color: var(--white);
    opacity: 1;
}

.menu-item li:not(:last-child) {
    padding: 16px 2rem;
}

.hm-menu {
    padding: 16px 10px;
}

.dropdown-menu-list {
    min-width: 160px;
    width: max-content;
    position: absolute;
    top: 50px;
    left: 50%;
    background: white;
    border-radius: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) scale(0.9);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    padding: 10px 20px;
    z-index: 999;

}

.hm-menu .dropdown-menu-list {
    left: -45px;
    top: 50px;
}

.menu-item li:hover .dropdown-menu-list {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) scale(1);
}

.dropdown-menu-list a {
    font-size: 16px !important;
    color: #1A3660 !important;
    font-weight: 400 !important;
    text-align: center;
    padding: 15px 0;
    display: block;

}

.dropdown-menu-list a:not(:last-child) {
    border-bottom: 1px solid #AFABAB;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.tooltip-arrow {
    border-width: 11px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    width: 20px;
    height: 20px !important;
    position: relative;
    z-index: 999;
    display: block;
    top: -20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.hm-menu .tooltip-arrow {
    right: -10px;
    left: auto;
    top: -19px;
}

.hm-menu .dropdown-menu-list {
    border-top-right-radius: 5px;
}

.mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: auto;
    background: #1a3660;
    opacity: 0;
    transition: right 0.5s ease;

}

.mobile-menu.active {
    right: 0;
    opacity: 1;
}

.mobile-menu .menu-item {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0;
}

.mobile-menu .hm-menu {
    padding: 16px 1rem;
}

.notification-link,
.message-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px !important;
    min-height: 40px !important;
    width: 40px !important;
    height: 40px !important;
    padding: 10px !important;
    border-radius: 100px !important;
    background-color: #F5F5F5 !important;
    margin-right: 20px;

}

.btn-custom-animation,
.btn-custom-animation-2 {
    width: max-content;
    display: flex;
    align-items: center;
    align-items: center;
    gap: 0;
    padding: 0 20px 0 40px;
    background-color: #1A3660;
    /* Dark blue */
    color: white;
    font-size: 16px;
    font-weight: 600;
    border-radius: 30px;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.2s ease;
    position: relative;
}

.btn-custom-animation-2 {
    padding: 0 35px 0 40px;
}

.btn-custom-animation-2 {
    background-color: var(--white);
    color: #595959;
    border: 1px solid #595959;
}

.btn-custom-animation:hover {
    background-color: #1A3660;
    /* Slightly darker blue */
    transform: translateY(-2px);
    color: var(--white);
}

.btn-custom-animation-2:hover {
    background-color: var(--white);
    /* Slightly darker blue */
    transform: translateY(-2px);
    color: #595959;
}

.btn-custom-animation .arrow-box,
.btn-custom-animation-2 .arrow-box {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: transform 0.3s ease, background 0.3s ease;
}

.btn-custom-animation:hover .arrow-box {
    background: #40699b;
    transform: translateX(20px) rotate(45deg);
    /* Slightly different shade */
}

.btn-custom-animation-2:hover .arrow-box {
    background: rgba(89, 89, 89, 0.25);
    transform: translateX(34px);
}

.btn-custom-animation .arrow-box svg {
    stroke: #fff;
    transition: transform 0.3s ease;
    /* transform: rotate(-55deg); */
}

.btn-custom-animation-2 .arrow-box svg {
    /* stroke: #fff; */
    transition: transform 0.3s ease;
}

.btn-custom-animation:hover .arrow-box svg {
    transform: translateX(2px);
}

.btn-custom-animation-2:hover .arrow-box svg {
    transform: translateX(2px);

}

.main-wrapper {
    margin-top: 0;
}

.slider-banner-image {
    margin-top: 0;
}

.section-home-banner {
    width: 100% !important;
    padding: 60px 0;
    background-color: var(--black);
    height: calc(100vh - 0px);
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
    position: relative;
    /* margin-top: 4px; */
    display: flex;
    align-items: center;
}

.section-home-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.5); */
    background-image: url(../images/overlay-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.banner-subtitle {
    font-size: 16px;
    line-height: 24px;
    color: var(--white);
    font-family: var(--font-regular-sf);
    margin: 20px 0 40px;
}


.banner-title {
    font-size: 3rem;
    font-weight: 600;
    color: var(--white);
    line-height: 70px;
    padding: 140px 0 70px;
    margin-bottom: 80px;
}

.swiper-slide {
    transition: opacity 1s ease-in-out;
}

.slider-banner-content {
    position: relative;
    bottom: 170px;
    margin-left: 120px;
}

.slider-banner-content .news-content {
    padding-right: 80px;
}

.slider-banner-content .news-content a {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #AFABAB;
    text-decoration: none;
    display: block;
}

.slider-banner-content .swiper-slide-thumb-active .news-content a {
    color: var(--white);
    text-decoration: underline;
}

.slider-banner-content .swiper-slide-thumb-active .news-content span {
    background-color: var(--white);
}

.slider-banner-content .swiper-slide-thumb-active .news-content span svg path {
    fill: #00377A;
}

.slider-banner-content .news-content span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 40px;
    border: 1px solid #AFABAB;
    border-radius: 24px;
    padding: 5px;
    cursor: pointer;
    margin-top: 15px;
}

.revenue-section {
    padding: 50px 0;
    /* margin-top: -80px; */
    margin-top: -135px;
}

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

.section {
    padding: 60px 0;
}


.title {
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0;
    color: var(--black);
    font-family: var(--font-bold-sf);
}

.sub-text {
    font-size: 18px;
    color: #111111;
    font-weight: 600;
}

.sub-text-2 {
    font-size: 16px;
    color: #333333;
    font-weight: 400;
}

.text-blue {
    color: #002E33;
}

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

.bg-gray {
    background-color: #E8E8EB;
}

.btn-primary,
.btn-primary-outline {
    font-size: 16px;
    line-height: 24px;
    color: var(--white);
    font-weight: 600;
    background-color: #1A3660;
    text-align: center;
    padding: 13px 40px;
    border-radius: 28px;
    border: 1px solid #1A3660;
}

.btn-primary:focus,
.btn-primary:hover {
    outline: none !important;
    box-shadow: none !important;
    background-color: #1A3660;
    border-color: #1A3660;
}

.btn-primary-outline {
    background-color: transparent;
    color: var(--black);
}

.btn-primary-outline:focus,
.btn-primary-outline:hover {
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent;
}

.title-wrapper {
    padding: 35px 0;
    background-color: #CFCFD9;

}

.title-wrapper h1 {
    font-size: 48px;
    color: #1A3660;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    width: max-content;
}

.title-wrapper h1 img {
    margin-right: 10px;
    width: 48px;
    object-fit: cover;
}

.title-wrapper h1::after {
    content: "";
    position: absolute;
    bottom: -18px;
    right: -18px;
    background-image: url("../images/icons/dot-line.svg");
    background-repeat: no-repeat;
    width: 78px;
    height: 100%;
    object-fit: cover;
    background-size: 100% 100%;
}

.title-wrapper h1.text-white::after {
    background-image: url("../images/icons/white-line-dot.svg");
}

.map {
    max-width: 620px;
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
    text-align: center;
    position: relative;
}

.circContainer {
    position: relative;
}
.kenya{
    position: absolute;
    right: 186px;
    bottom: 96px;
}
.united-kingdom{
    position: absolute;
    top: 73px;
    left: 180px;
}
.tunisia{
    position: absolute;
    top: 230px;
    left: 253px;
}
.luxembourg{
    position: absolute;
    top: 106px;
    left: 235px;
}
.box .circContainer:nth-of-type(1) {
    top: 0px;
    left: 75px;
}
.circContainer span{
    font-size: 16px;
    color: #1A3660;
    font-weight: 400;
    box-shadow: 0px 2px 8px 0px #00000040;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    background-color: #fff;
    width: max-content;
    border-radius: 100px;
    opacity: 0;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}
.circContainer:hover span{
    opacity: 1;
}
.circContainer.united-kingdom span{
    position: absolute;
    right: -170px;
    top: 0px;
}
.circContainer.luxembourg span{
    position: absolute;
    right: -104px;
    top: 40px;
}
.circContainer.tunisia span{
    position: absolute;
    right: 6px;
    top: 2px;
}
.circContainer.kenya span{
    position: absolute;
    right: -156px;
    top: 0px;
}
.box .circContainer:nth-of-type(1) .circ {
    background: SpringGreen;
}

.box .circContainer:nth-of-type(1) .circPulse {
    background: rgba(0, 255, 127, 0.5);
}

.box .circContainer:nth-of-type(2) {
    top: -25px;
    left: 100px;
}


.box .circContainer:nth-of-type(3) .circ {
    background: DodgerBlue;
}

.box .circContainer:nth-of-type(3) .circPulse {
    background: rgba(30, 144, 255, 0.5);
}

.box .circContainer:nth-of-type(4) {
    top: -75px;
    left: 150px;
}

.circ {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    z-index: 9;
    left: 12px;
    top: 12px;
    background-color: #708fbe;
}

.circPulse {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    /* animation */
    -webkit-animation: pulse 1.4s ease-out;
    -moz-animation: pulse 1.4s ease-out;
    animation: pulse 1.4s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-color: #48a2e0;
}

.circPulse .one {
    -webkit-animation-delay: 0ms;
}

.circPulse .two {
    -webkit-animation-delay: 750ms;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    25% {
        -webkit-transform: scale(0.3);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(0.6);
        opacity: 0.6;
    }

    75% {
        -webkit-transform: scale(0.9);
        opacity: 0.3;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

.breadcrumb {
    padding: 30px 0;
}

.breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #1A3660;
    font-weight: 400;
    padding-left: .2rem;
}

.breadcrumb .breadcrumb-item img {
    margin-right: 8px;
}

.breadcrumb .breadcrumb-item.active {
    color: #53585C;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "";
    background-image: url("../images/icons/arrow-right.svg");
    width: 7px;
    height: 12px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    object-fit: cover;
    padding-right: 2rem;
}

.page-banner {
    height: 300px;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
}

.page-title {
    font-size: 48px;
    font-weight: 600;
    color: var(--white);
    padding-top: 70px;
}

.about-section {
    display: flex;
    /* align-items: center; */
}

.about-section .about-content {
    width: calc(100% - 520px);
    background-color: #E8E8EB;
}

.about-content .title-wrapper {
    padding-left: 80px;
}

.about-section .about-content .inner-content {
    padding: 40px 80px 80px;
}

.about-section .about-img {
    width: 520px;
    height: 700px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    object-fit: cover;
    position: relative;
}

.about-section .about-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #001C46D9;
}

.drive-item {
    padding: 20px;
    background-color: #3A496F;
    position: relative;
    display: flex;
    align-items: center;
}

.drive-wrapper {
    position: relative;
    margin: 30px 0 50px;
}

.drive-wrapper::before {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    background-image: url("../images/icons/line-about.svg");
    width: 88px;
    height: 88px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    object-fit: cover;
}

.drive-item p {
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
    text-align: justify;
    margin-left: 15px;
}

.funds-section {
    padding-bottom: 60px;
    position: relative;
}

.funds-section::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url("../images/icons/arrow-three.png");
    width: 160px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    object-fit: cover;
}

.funds-section .sub-text-2 {
    width: 86%;
    margin: 0 auto;
}

.funds-list {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin: 10px 0 40px;
}

.funds-list li {
    font-size: 14px;
    line-height: 16px;
    color: #1A3660;
    font-weight: 600;
    text-align: center;

}

.funds-list li img {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    margin: 0 auto 5px;

}

.sustainability-section {
    display: flex;
    align-items: center;
    width: 100%;
    height: 280px;
    background-image: url('../images/sustainability-bg.png');
    background-size: cover;
    object-fit: cover;
    margin: 40px 0;
}

.sustainability-content .sub-text {
    width: 92%;
    margin: 0 auto;
}

.widget-frame {
    position: relative;
    padding: 40px;
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    margin: 40px 0;
    transition: transform 0.3s ease;
}

.widget-frame:hover {
    transform: scale(1.05);
}

.widget-frame::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #001C46D9;
}

.widget-frame h2 {
    font-size: 24px;
    color: var(--white);
    font-weight: 600;
}

.widget-frame h2 span {
    color: #8C94A4;
}

.widget-frame p {
    font-size: 16px;

    font-weight: 400;
    color: var(--white);
    margin: 15px 0;
    text-align: justify;
}

.widget-frame .line {
    width: 100%;
    height: 1px;
    background-color: #AFABAB;
    margin-bottom: 10px;
}

.widget-frame h5 {
    font-size: 20px;
    font-weight: 600;
    color: #8C94A4;
}

.widget-frame ul {
    display: flex;
    /* align-items: center; */
    padding: 0;
    margin-top: 10px;
}

.widget-frame ul li {
    position: relative;
}

.widget-frame ul li:not(:last-child) {
    margin-right: 80px;
}

.widget-frame ul li:not(:last-child) div .img::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -40px;
    width: 1px;
    height: 95%;
    background-color: #AFABAB;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.widget-frame ul li div {
    width: 96px;
    font-size: 14px;
    line-height: 16px;
    color: var(--white);
    font-weight: 600;
    text-align: center;
    position: relative;
}

.widget-frame ul li div img {
    width: 80px;
    height: 80px;
    position: relative;
}

.widget-frame ul li div .img {
    height: 80px;
    margin-bottom: 5px;
}

.revenue-card {
    display: flex;
    /* align-items: center; */
    background-color: #E8E8EB;
    padding: 30px;
}

.overview_sect .title-3 {
    width: 95%;
}

.revenue-slider.slick-slider .slick-track {
    margin: 0 -13px;
}

.revenue-slider .slick-slide {
    margin: 0 13px;
}

.revenue-card .revenue-img span {
    width: 108px;
    height: 84px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #1A3660;
    background-color: var(--white);
    border-radius: 62px;

}

.revenue-card {
    min-height: 170px !important;
    height: 100%;
}

.revenue-card .revenue-content {
    margin-left: 15px;
}

.revenue-card .revenue-content h5 {
    font-size: 48px;
    font-weight: 600;
    color: #002E33;
}

.revenue-card .revenue-content p {
    font-size: 16px;
    font-weight: 400;
    color: #53585C;
}

.portfolio-card {
    max-width: 400px;
    width: 100%;
    background-color: var(--white);
    margin-top: 40px;
}

.news-card {
    border: 1px solid #F2F2F2;
}

.portfolio-slider .portfolio-card {
    margin-top: 0;
}

.portfolio-slider .slick-arrow {
    display: block;
    width: 40px;
    height: 40px !important;
    border-radius: 100px;
    border: 1px solid #1A3660;
    background-color: var(--white);
}

.portfolio-slider .slick-prev {
    left: -52px;
}

.portfolio-slider .slick-prev::before,
.portfolio-slider .slick-next::before {
    content: "";
    object-fit: cover;
    background-repeat: no-repeat;
    height: 16px;
    background-size: 100% 100%;
    width: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    background-repeat: no-repeat;
}

.portfolio-slider .slick-prev::before {
    background-image: url("../images/icons/prev.svg");
}

.portfolio-slider .slick-next::before {
    background-image: url("../images/icons/next.svg");
}

.portfolio-slider .slick-slide {
    margin: 0 15px;
}

.portfolio-slider .slick-list {
    margin: 0 -15px;
}

.portfolio-card .portfolio-img {
    width: 100%;
    height: 280px;
    position: relative;
}

.portfolio-card .portfolio-img::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.6s ease;
}

.portfolio-card .portfolio-img::before {
    content: "";
    background-image: url("../images/icons/up-arrow.svg");
    width: 65px;
    height: 55px;
    background-size: 100% 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    opacity: 0;
    transition: opacity 0.3s ease;

}

/* 
.portfolio-card.news-card .portfolio-img::after {
    background-color: #000;
    opacity: 0 !important;
} */

.portfolio-card:hover .portfolio-img::before {
    opacity: 1;
}

.portfolio-card:hover .portfolio-img::after {
    background-color: rgba(26, 54, 96, 0.75);
    backdrop-filter: blur(10px);
}

.portfolio-card.news-card:hover .portfolio-img::before {
    opacity: 1;
}

.portfolio-card.news-card:hover .portfolio-img::after {
    background-color: rgba(26, 54, 96, 0.75);
    backdrop-filter: blur(10px)
}

.portfolio-card .portfolio-img img {
    height: 280px;
    object-fit: cover;
    width: 100%;

    /* height: 280px;
    object-fit: cover;
    margin: 0 auto;
    display: block; */
}

.portfolio-card.news-card:hover .portfolio-content h4 a {
    text-decoration: underline !important;
}

.portfolio-card .portfolio-content {
    padding: 20px;
}

.portfolio-card.news-card {
    margin-bottom: 40px;
}

.portfolio-card:hover .portfolio-content h4 {
    color: #00377A;
    text-decoration: underline;
}


.portfolio-head {
    margin: 0 0 20px;
}

.portfolio-head ul {
    /* width: 95%; */
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    flex-wrap: wrap;
}

.portfolio-head ul li {
    font-size: 16px;
    color: #1A3660;
    font-weight: 600;
    position: relative;
    padding-right: 5px;
}

.portfolio-head ul li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -4px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 85%;
    background: #AFABAB;
}

.portfolio-head .in-portfolio {
    padding: 2px 10px;
    background-color: #595959;
    border-radius: 12px;
    font-size: 14px;
    color: var(--white);
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 100px;
    text-align: center;
    width: 100px;
}

.portfolio-head .in-portfolio.exited_class {
    color: #595959;
    border: 1px solid #595959;
    background-color: transparent;
}

.portfolio-card .portfolio-content .company-logo {
    height: 55px;
}

.portfolio-card .portfolio-content h4 {
    width: 70%;
    font-size: 24px;
    color: #002E33;
    font-weight: 400;
    transition: all 0.4s ease;
}

.portfolio-card .portfolio-content p {
    font-size: 16px;
    color: #53585C;
    font-weight: 400;
    margin-top: 20px;
}

.gutter-x-expertise {
    --bs-gutter-x: 4rem;
}

section {
    /* overflow-x: hidden; */
}

.card-sticy-animation {
    height: 100vh;
    position: sticky;
    top: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-direction: column; */
    margin-bottom: 0;
}

.card-sticy-animation {
    opacity: 0;
    transition: opacity 0.6s ease;
}

.container .card-sticy-animation:first-child {
    height: 75vh;
}

.container .card-sticy-animation:last-child {
    height: 75vh;
}

.card-sticy-animation.active {
    opacity: 1;
}

.card-sticy-animation .col-lg-6:first-child {
    overflow: hidden;
}

.approach-text {
    font-size: 20px;
    color: #002E33;
    font-weight: 400;
    margin: 15px 0 10px;
}

.card-sticy-animation .sub-text-2 {
    text-align: justify;
    line-height: 25px;
}

.drop-icon {
    width: 100px;
    /* margin: -50px auto; */
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.custom-upload {
    display: inline-flex;
    align-items: center;
    padding: 12px 40px;
    border: 1px solid #AFABAB;
    border-radius: 25px;
    background-color: #fff;
    cursor: pointer;
    font-size: 16px;
    color: #595959;
    font-weight: 600;
    transition: all 0.2s ease;
}


.custom-upload input[type="file"] {
    display: none;
}

.file-name {
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    margin-left: 20px;
}

.timeline-wrapper {
    padding: 60px 0 80px;
    background-color: #E8E8EB;
}

.timeline-year {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
}



.timeline-slider .swiper-wrapper {
    display: flex;
}

.timeline-slider {
    padding-left: 8rem;
}

.timeline-slider .swiper-slide {
    width: max-content !important;
}

.timeline-item {
    display: flex;
    width: 520px;
    flex: 0 0 auto;
    /* min-width: 520px;
    max-width: 520px;
    width: 100%; */
}

.timeline-slider .swiper-slide::before {
    content: "";
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 10px;
    border-bottom: 2px dashed #1A3660;
    opacity: 0.5;
}

.timeline-slider .swiper-slide:last-child:before {
    display: none;
}

/* .timeline-slider .twenty-one-slide.expanded{
    padding-left: 30rem;
} */
.timeline-item .timeline-img {
    position: relative;
}

.timeline-item .timeline-img::before {
    content: "";
    position: absolute;
    bottom: 3px;
    right: -15px;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: #1A3660;
    outline: 1px solid #AFABAB;
    outline-offset: 2px;
}

.timeline-item .timeline-img,
.timeline-item .timeline-img img {
    min-width: 200px;
    width: 200px;
    height: 200px;
    object-fit: cover;
}

.timeline-item .timeline-content {
    /* margin-left: 15px; */
    /* min-width: 315px;
    max-width: 320px;
    width: 100%; */
    margin: 0 15px;
}

.timeline-item .timeline-content h4 {
    font-size: 32px;
    font-weight: 600;
    color: #1A3660;
}

.wrapper-timeline {
    display: flex;
    align-items: center;
    gap: 40px;
}

.timeline-logo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.timeline-logo img {
    height: 40px !important;
}

.timeline-item .timeline-content p {
    font-size: 16px;
    color: #002E33;
    font-weight: 600;
    margin: 15px 0;
}

.timeline-item .timeline-content span {
    font-size: 14px;
    color: #53585C;
    font-weight: 400;
}

.timeline-year {
    font-size: 16px;
    color: #53585C;
    font-weight: 400;
    padding: 12px 15px;
    background-color: #fff;
    border: 1px solid #AFABAB;
    border-radius: 24px;
    text-align: center;
}

.timeline-year-slider .thumb-active .timeline-year {
    background-color: #1A3660;
    color: #fff !important;
    border-color: #1A3660;
}

.timeline-year-slider {
    max-width: 720px;
    width: 100%;
    margin: 60px auto 0;
    padding: 0 70px;
}

.timeline-year-slider .swiper-slide {
    cursor: pointer;
}

.timeline-year-slider .swiper-button-next,
.timeline-year-slider .swiper-button-prev {
    width: 50px;
    height: 42px;
    padding: 5px 10px;
    border: 1px solid #AFABAB;
    background-color: #fff;
    border-radius: 24px;
    top: 22px;
}

.timeline-year-slider .swiper-button-next:after,
.swiper-rtl .timeline-year-slider .swiper-button-prev:after,
.timeline-year-slider .swiper-button-next:after,
.timeline-year-slider .swiper-button-prev:after {
    color: #53585C;
    font-size: 12px;
    font-weight: 600;
}

.timeline-year-slider .swiper-button-prev {
    left: 8px;
}

.form-wrapper {
    padding: 40px 40px 15px;
    background-color: #fff;
}

.contact-form {
    max-width: 820px;
    width: 100%;
    margin: 0 auto;
}

.contact-form.private-pdf-form-class {
    max-width: 540px;
}


.form-wrapper .form-group {
    margin-bottom: 25px;
}

.form-wrapper .label {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    letter-spacing: 0;
    display: block;
    margin-bottom: 8px;
}

.form-wrapper .form-control {
    border: 1px solid #AFABAB;
    background-color: #fff;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    padding: 12px 15px;
    border-radius: 28px;
}

.form-wrapper .form-control:focus {
    outline: none !important;
    box-shadow: none !important;
}

.form-wrapper textarea.form-control {
    height: 220px;
}

.custom-select {
    content: "";
    background-image: url("../images/icons/drop.svg");
    background-size: 13px;
    object-fit: cover;
    background-repeat: no-repeat;
    background-position: right 15px center;
    border: 1px solid #AFABAB;
    background-color: #fff;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    padding: 12px 15px;
    border-radius: 28px;
}

.custom-select:focus {
    outline: none;
    box-shadow: none;
    border-color: #AFABAB;
}

.title-3 {
    font-size: 32px;
    line-height: 42px;
    color: #002E33;
    font-weight: 400;
}

.title-2 {
    display: flex;
    align-items: center;
    font-size: 28px;
    color: #1A3660;
    font-weight: 600;
}

.title-2 img {
    margin-right: 5px;
}

.expertise-section {
    padding: 80px 0;
}


.title-wrapper h1.after-none::after {
    display: none;
}

.portfoilo-select-wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
}


.people-card {
    max-width: 290px;
    width: 100%;
    margin-top: 50px;
}

.people-card h4 {
    font-size: 24px;
    color: #002E33;
    font-weight: 400;
    margin: 15px 0 7px;
}

.people-card .arrow-span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;

}

.people-card:hover .arrow-span {
    opacity: 1;
    z-index: 9;
}

.people-card .arrow-span img {
    width: 65px !important;
    height: 55px !important;
    background-size: 100% 100%;
    object-fit: cover;
    border-radius: 100px;
}

.people-card p {
    font-size: 16px;
    color: #1A3660;
    font-weight: 600;
    text-transform: uppercase;
}

.people-card .people-img {
    width: 100%;
    height: 350px;
    overflow: hidden;
    position: relative;
}

.people-card .people-img img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    filter: grayscale(100%);
}

.people-card .people-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1A3660;
    opacity: 75%;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.people-card .people-img a img {
    width: 65px;
    height: 55px;
    background-size: 100% 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 100px;
}

.people-card:hover .people-img::before {
    opacity: 50%;
    backdrop-filter: blur(40px);
    mix-blend-mode: hard-light;
    z-index: 9;
}

.people-card:hover .people-img a img {
    opacity: 1;
}

.people-head {
    width: 100%;
    background-color: #E8E8EB;
    height: 135px;
}

.people-details-wrapper {
    display: flex;
    margin-top: -100px;
}

.people-details-wrapper a img {
    width: 50px;
    min-width: 50px;
    height: 50px;
}

.people-details-wrapper .people-img-2 {
    max-width: 260px;
    width: 100%;
    height: 340px;
    object-fit: cover;
    margin-left: 50px;
}

.people-details-wrapper .people-content {
    margin-left: 50px;
}

.people-details-wrapper .people-content h3 {
    font-size: 32px;
    color: #002E33;
    font-weight: 400;
}

.people-details-wrapper .people-content h4 {
    font-size: 16px;
    color: #1A3660;
    font-weight: 600;
    margin-bottom: 50px;
}

.people-details-wrapper .people-content h5 {
    font-size: 18px;
    line-height: 27px;
    color: #002E33;
    font-weight: 400;
}

.people-details-wrapper .people-content p {
    font-size: 16px;
    color: #53585C;
    font-weight: 400;
    line-height: 22px;
    margin-top: 20px;
    text-align: justify;
}

.text-align-justify {
    text-align: justify !important;
}

.sub-text-title {
    font-size: 32px;
    line-height: 42px;
    color: #002E33;
    font-weight: 400;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    background: #fff;
    padding: 40px 40px 0;
    margin-top: 40px !important;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    border-radius: 24px;
}

.pagination .page-item.active .page-link:focus,
.pagination .page-item.active .page-link:hover,
.pagination .page-item .page-link:focus,
.pagination .page-item .page-link:hover {
    outline: none;
    box-shadow: none;
    background-color: #1A3660 !important;
    color: #fff;
    border-color: #1A3660;
}

.pagination .page-item .page-link:hover svg path,
.pagination .page-item .page-link:focus svg path {
    stroke: #fff;
    fill: #fff;
}

.pagination .page-item.active .page-link {
    background-color: #1A3660;
    border-color: #1A3660;
}

.pagination .page-link {
    padding: .375rem .75rem;
    width: 50px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    border: 1px solid #AFABAB;
    font-size: 16px;
    color: #53585C;
}

.press-card {
    display: flex;
    padding: 20px;
    background-color: #fff;
    margin-bottom: 40px;
}

.press-card .press-img img {
    /* min-width: 270px; */
    width: 270px;
    height: 200px;
    object-fit: cover;
}

.press-card .press-content {
    width: calc(100% - 310px);
    margin-left: 40px;
}

.press-card .press-content h2,
.press-card .press-content .read-more {
    font-size: 16px;
    color: #1A3660;
    font-weight: 600;
    margin-bottom: 10px;
}

.press-card .press-content .read-more {
    text-decoration: underline;
}

.press-card .press-content h3 {
    font-size: 24px;
    font-weight: 400;
    color: #002E33;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.press-card .press-content p {
    font-size: 16px;
    font-weight: 400;
    color: #53585C;
    letter-spacing: 0;
    margin: 10px 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
}

.fund-wrapper {
    padding: 60px;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(0px);
    margin-bottom: 35px;
}

.fund-sub-text {
    font-size: 20px;
    color: #002E33;
    font-weight: 400;
}

.fund-text {
    font-size: 16px;
    font-weight: 400;
    color: #53585C;

}

.fund-slider .slick-slide {
    height: 100px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fund-section {
    background-size: cover;
    background-repeat: no-repeat;
    object-fit: cover;
}

.fund-text h2 {
    font-size: 60px;
    font-weight: 600;
    color: #00377A;
    font-weight: 600;
}

.fund-text h2 span {
    color: #002E33;
}

.fund-text p {
    font-size: 16px;
    font-weight: 400;
    color: #53585C;
}

.contact-section {
    /* margin-bottom: -50px; */
}

.contact-address-section {
    display: flex;
}

.contact-address-section .contact-item {
    width: 100%;
}

.contact-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.address-list {
    list-style: none;
    padding: 0;
    padding-top: 50px;
    margin: 0 -15px;
}

.address-list li {
    display: inline-block;
    width: 49%;
    padding: 0 15px;
}

.address-list li:not(:last-child) {
    margin-bottom: 45px;
}

.address-list li img {
    width: 33px;
    height: 32px;
}

.address-list .address-content {
    margin-left: 10px;
}

.address-list .address-content h4 {
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0;
    color: #002E33;

}

.address-list .address-content p {
    font-size: 18px;
    font-weight: 400;
    color: #002E33;
    letter-spacing: 0;
}

.news-main-wrapper {
    margin-top: -18%;
}

.news-wrapper {
    display: flex;
}

.news-wrapper .icon-prev,
.portfoilo-details-wrapper .icon-prev {
    width: 50px;
    min-width: 50px;
    height: 50px;
}

.news-wrapper .news-wrapper-content {
    margin-left: 50px;
}

.news-head {
    width: 100%;
    height: 280px;
    background-color: #E8E8EB;
}

.news-list {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.news-social-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0;
}

.news-middle-wrapper {
    display: flex;
}

.news-subtext {
    font-size: 16px;
    font-weight: 400;
    color: #002E33;
    letter-spacing: 0;
}

.news-title {
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0;
    color: #002E33;
    margin: 15px 0 20px;
}

.news-middle-wrapper .news-content {
    padding: 0 70px;
}

.news-middle-wrapper .news-content p {
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 400;
    color: #53585C;
    margin-bottom: 20px;
}

.news-social-list li {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #AFABAB;
}

.news-list li {
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    border-radius: 12px;
    background-color: #595959;
    padding: 5px 15px;
}

.news-banner-image {
    /* width: 100%; */
    height: 480px;
    margin: 40px auto;
    object-fit: cover;
    display: block;

}

.detalis-group-card {
    padding: 15px 20px;
    background-color: #E8E8EB;
    margin-bottom: 10px;
}

.detalis-group-card p {
    font-size: 16px;
    font-weight: 600;
    color: #1A3660;
    letter-spacing: 0;
    margin-bottom: 8px;
}

.detalis-group-card h5 {
    font-size: 18px;
    font-weight: 500;
    color: #002E33;
    letter-spacing: 0;
}

.detalis-group-card h4 {
    font-size: 28px;
    line-height: 36px;
    color: #002E33;
    font-weight: 600;
}

.location-detalis-list {
    padding: 0;
}

.location-detalis-list li strong {
    font-size: 28px;
    line-height: 36px;
    color: #002E33;
    font-weight: 600;
    display: inline-block;
    margin-right: 10px;
}

.location-detalis-list li {
    font-size: 16px;
    font-weight: 400;
    color: #53585C;
    letter-spacing: 0;
    padding: 12px 0;
}

.location-detalis-list li:not(:last-child) {
    border-bottom: 1px solid #AFABAB;
}

.portfoilo-details-wrapper {
    display: flex;
    margin-top: -93px;

}

.portfoilo-details-wrapper .details-content {
    margin-left: 54px;
}

.login-title {
    font-size: 48px;
    font-weight: 600;
    text-align: center;
    color: #1A3660;
    margin-bottom: 10px;
}

.login-subtext {
    font-size: 16px;
    font-weight: 400;
    color: #53585C;
    text-align: center;
    margin-bottom: 40px;
}

.login-modal .modal-header {
    padding: 0;
    border: 0;
}

.login-modal .modal-header .btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 99;
    color: #1A3660;
}

.login-modal .modal-header .btn-close:focus {
    outline: none;
    box-shadow: none;
}

.login-modal .modal-dialog {
    border: 0;
    border-radius: 0;
}

.login-modal .form-wrapper {
    padding-top: 30px;
}

.login-modal .modal-body {
    padding-bottom: 45px;
}

.checkbox {
    position: relative;
}

.checkbox input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.checkbox .label-check {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #AFABAB;
}

.checkbox input+.label-check:after {
    content: '';
    position: absolute;
    top: 40%;
    left: 50%;
    width: 10px;
    height: 5px;
    border-left: 2px solid #1a3660;
    border-bottom: 2px solid #1a3660;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    transform: translate(-50%, -50%) rotate(-45deg) scale(1.5);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(1.5);
    -moz-transform: translate(-50%, -50%) rotate(-45deg) scale(1.5);
}

.checkbox input[type=radio]+.label-check {
    border-radius: 100%;
}

.checkbox input[type=radio]+.label-check:after {
    top: 50%;
    width: 10px;
    height: 10px;
    border: 0px;
    border-radius: 100%;
    background-color: #000;
}

.checkbox input:checked+.label-check:after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) rotate(-45deg) scale(1);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(1);
    -moz-transform: translate(-50%, -50%) rotate(-45deg) scale(1);
}

.ml-2 {
    margin-left: .75rem;
}

/**************** Case Studies Page Start ************************/

.case_studies_cont h2 {
    font-size: 32px;
    line-height: 46px;
    color: #002E33;
    text-align: left;
    font-weight: 400;
}

.case_studies_bg {
    background-color: #E8E8EB;
}


.case_studies_blogs {
    width: 100%;
    height: 100%;
    /* border: 1px solid #F2F2F2; */
    background-color: var(--white);
    display: block;
}

.case_studies_blogs:hover .case_studies_img::after {
    background-color: rgba(26, 54, 96, 0.75);
    backdrop-filter: blur(20px);
}

.case_studies_img img {
    /* width: 100%; */
    height: 280px;
    display: block;
    object-fit: cover;
    margin: 0 auto;
    width: 100%;
}

.case_studies_img::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.05);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.6s ease;
}

.case_studies_txt {
    padding: 27px 27px 40px;
}

.case_studies_txt h3 {
    font-size: 23px;
    line-height: 30px;
    color: #002E33;
    font-weight: 400;
    padding-bottom: 18px;
    transition: all 0.4s ease;

}

.case_studies_txt p {
    font-size: 16px;
    line-height: 24px;
    color: #53585C;
    font-weight: 400;
}

.case_studies_txt strong {
    font-size: 16px;
    line-height: 24px;
    color: #00377A;
    font-weight: 600;
}

.case_studies_txt span {
    width: 116px;
    height: 24px;
    border-radius: 12px;
    background-color: #595959;
    font-size: 14px;
    line-height: 24px;
    color: var(--white);
    font-weight: 400;
    text-align: center;
}

.arrow {
    position: absolute;
    bottom: 38%;
    left: 0;
    right: 0;
    opacity: 0;
    transform: translateY(45%);
    transition: all 0.6s ease;
    z-index: 9;
}

.arrow img {
    width: 92px;
    height: auto;
    margin: 0 auto;
}

.case_studies_blogs:hover .arrow {
    opacity: 1;
    transform: translateY(0);
}

.case_studies_blogs:hover .case_studies_txt h3 {
    color: #00377A;
    text-decoration: underline;
}



/**************** Case Studies Detail page ************************/

.main-wrapper-details {
    margin-top: 72px;
}

.main-wrapper-details .breadcrumb {
    padding: 40px 0;
    margin-bottom: 0;
}

.case_details_cont {
    background: url(../images/case_studies/details_bg.png) no-repeat left top;
    width: 100%;
    height: 136px;
    background-size: 63% 100%;
}

.case_details_txt {
    width: 81%;
}

.case_details_txt span img {
    /* height: 40px; */
    width: 140px;
    object-fit: cover;
}

.case_details_txt.case_studies_image span img {
    height: 80px;
    width: auto;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: -25px;
    /* width: 140px; */
}

.inner_case_details {
    width: 81%;
    margin-left: 105px;
}

.inner_case_details .case_studies_img::after {
    background: rgba(0, 0, 0, 0.25);
}

.inner_case_details .case_studies_img.no-after::after {
    display: none;
}

.inner_case_details .play_btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    z-index: 9;
}

.inner_case_details .play_btn img {
    width: 48px;
    height: 36px !important;
    display: block;
    margin: 0 auto;
}

.left_details {
    width: 95%;
}

.left_details span.header-span {
    width: 100%;
    height: auto;
    padding: 17px 25px;
    background-color: #3A496F;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: var(--white);
    display: block;
    letter-spacing: 0.1px;
    position: relative;
    text-align: justify;
}

.left_details span::after {
    content: '';
    background: url(../images/case_studies/after_img.png) no-repeat left top;
    width: 88px;
    height: 88px;
    display: block;
    position: absolute;
    left: -11px;
    top: -11px;
    z-index: -1;
    background-size: 75%;
}

.left_details h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    color: #002E33 !important;
    padding-bottom: 15px;
    margin-top: 40px;
}

.left_details h2 span {
    color: #002E33 !important;
}

.left_details p,
.left_details ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.1px;
    color: #002E33;
    text-align: justify;
}

.left_details ul li {
    margin-top: 10px;
    /* padding: 0px; */
    list-style-type: disc !important;
}

.left_details ul {
    padding-left: 22px;
}

.inclusivity_content_data p {
    /* display: block;
    margin: 8px 0; */
    line-height: 36px;
}

.inner_case_details .case_studies_img img {
    height: 343px;
}

.case_details_table {
    border-collapse: separate;
    border-spacing: 3px;
}

.case_details_table thead tr {
    background-color: #CFCFD9;
}

.case_details_table tr th {
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #1A3660;
    text-align: center;
}

img.inclusivity-image {
    width: 120px;
    height: 120px;
    object-fit: cover;
}

.portfolio-details-main {
    margin-top: 90px;
}

.case_details_table tr th:last-child {
    padding: 20px 30px;
    text-align: left;
}

.case_details_table tr th:first-child {
    width: 130px;
    padding: 20px 5px;
}

.case_details_table tr th:nth-child(2) {
    width: 120px;
    padding: 20px 5px;
}

.case_details_table tr td:first-child img {
    width: auto;
    height: 48px;
    display: block;
    margin: 0 auto 15px;
}

.case_details_table tr td {
    padding: 5px 0;
    background-color: #E8E8EB;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #1A3660;
    vertical-align: middle;
}

.case_details_table tr td:last-child {
    text-align: left;
    padding: 5px 30px;
}

.case_details_table tr td img {
    margin-bottom: 15px;
}

.case_details_table tr td:nth-child(2) {
    padding: 0;
}

.case_details_table tr td:nth-child(2) img {
    margin-bottom: 0;
}

.case_details_table ul {
    padding-left: 0;
}

.case_details_table ul li {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
    align-items: baseline;
}

.case_details_table ul li:last-child,
.ck-editor-content p:last-child {
    margin-bottom: 0;
}

.case_details_table ul li strong,
.ck-editor-content span strong {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #002E33;
}

.case_details_table ul li p,
.ck-editor-content span {
    font-size: 16px;
    font-weight: 400;
    color: #53585C;
    align-items: baseline;
}

.case_details_table ul li p b {
    display: block;
    font-weight: 600;
}

.ck-editor-content p {
    margin-bottom: 15px;
}



/**************** Reporting & Publications Page Start ************************/

.reporting_sect {
    width: 100%;
    height: auto;
    padding: 60px 0;
    background: url(../images/case_studies/reporting_bg.jpg) no-repeat left top;
    background-size: cover;
}

.reporting_cont {
    width: 100%;
    height: 100%;
    background-color: var(--white);
    padding: 40px 30px;
}

.reporting_cont h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: #002E33;
    padding-bottom: 15px;
}

.reporting_cont ul {
    padding: 0;
}

.reporting_cont ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #AFABAB;
    padding: 24px 0;
}

.reporting_cont a {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    background-color: rgba(26, 54, 96, 10%);
    align-items: center;
    justify-content: center;
}

.reporting_cont a:hover {
    background-color: #00377A;
}

.reporting_cont a:hover svg path,
.reporting_cont a:hover svg rect {
    fill: var(--white);
}

.reporting_cont a svg path,
.reporting_cont a svg rect {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.reporting_cont h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #002E33;
    padding-bottom: 5px;
}

.reporting_cont p {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #002E33;
}


/**************** CSR Page Start ************************/

.focus_area_cont h2 {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 10px;
    font-weight: 600;
    font-size: 48px;
    line-height: 48px;
    color: #1A3660;
    position: relative;
    width: max-content;
    margin: 0 auto;
}

.focus_area_cont h2::after {
    content: "";
    position: absolute;
    bottom: -18px;
    right: -18px;
    background-image: url(../images/icons/dot-line.svg);
    background-repeat: no-repeat;
    width: 78px;
    height: 100%;
    object-fit: cover;
    background-size: 100% 100%;
}

.focus_area_blogs {
    width: 100%;
    height: 100%;
    background-color: #CFCFD9;
}

.focus_area_blogs span {
    position: relative;
    display: block;
}

.focus_area_blogs span img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
}

.focus_area_blogs span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: #001C46D9; */
    background-color: rgba(0, 28, 70, 0.85); 
    z-index: 1;
}

.focus_area_blogs span .focus_area_blogs_img img {
    width: 120px;
    height: 120px;
    display: block;
}

.focus_area_blogs_img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: max-content;
    top: 31%;
    z-index: 9;
}

.focus_area_details {
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: #1A3660;
    border: 1px solid #1A3660;
    width: max-content;
    height: auto;
    display: block;
    padding: 17px 30px;
    background-color: var(--white);
    border-radius: 28px;
    margin: -70px auto 20px;
    position: relative;
}

.focus_area_txt {
    padding: 40px 0;
    position: relative;
    z-index: 9;
}

.focus_area_txt p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: var(--black);
    text-align: center;
    padding: 0 25px;
}

.btn-custom-animation-2.bg_chnge {
    background-color: #1A3660;
    margin: 0 auto;
    border: none;
    gap: 0;
    color: var(--white);
}

.btn-custom-animation.high_adjst {
    height: 52px;
}

.btn-custom-animation-2.bg_chnge:hover .arrow-box {
    background-color: #40699b;
}

.accordion-container {
    position: relative;
    max-width: 100%;
    height: auto;
    margin: 10px auto;
}

.set {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #E8E8EB;
}

.set>a {
    display: block;
    padding: 46px 0;
    text-decoration: none;
    color: #555;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.set>a i {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid #AFABAB;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    line-height: 56px;
    font-size: 25px;
    color: #1A3660
}

.set>a span {
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    color: #1A3660;
    align-items: normal;
    width: 60%;
    align-items: center;
}

.content {
    background-color: #fff;
    display: none;
}

.content p {
    padding: 10px 15px;
    margin: 0;
    color: #333;
}

.accordion_cont {
    width: 82%;
    margin-left: 105px;
}

.accordion_cont ul {
    padding: 0;
    display: flex;
    gap: 70px;
    align-items: center;
}

.accordion_cont ul li {
    position: relative;
}

.accordion_cont ul li:after {
    content: '';
    width: 1px;
    height: 80px;
    background-color: #AFABAB;
    position: absolute;
    right: -40px;
    top: 0;
}

.accordion_cont ul li:last-child:after {
    display: none;
}

.accordion_cont ul.csr_initiative_cont          {
    display: block;
        margin-left: 20px;
}
.accordion_cont ul.csr_initiative_cont li:after         {
    display: none;
}

.accordion_cont ul.csr_initiative_cont li    {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    text-align: justify;
    color: #53585C;
    padding: 0 0 18px;
    list-style: disc;
}


.accordion_cont span img {
    margin-top: -130px;
    max-width: 400px;
}

.accordion_cont.top_chnge span img            {
    margin-top: -103px;
}

.accordion_cont p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    text-align: justify;
    color: #53585C;
    padding: 0 0 18px;
}

.accordion_cont p strong {
    font-weight: 600;
}

.medical_service_txt {
    padding: 18px;
    background-color: #E8E8EB;
    display: flex;
    gap: 12px;
    align-items: center;
    height: 100%;
}

.medical_service_txt p {
    font-size: 12px;
    line-height: 18px;
    color: #53585C;
    font-weight: 400;
    padding: 0;
    letter-spacing: 0;
    text-align: left;
}

.medical_service_txt p b {
    font-weight: 600;
}

.medical_service_txt strong {
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
    color: #002E33;
}

.medical_service_txt.wid_chng2 {
    width: 89%;
    float: right;
}

.medical_service_txt.wid_chng1 {
    width: 290px;
}

/**************** Sustainability Page Start ************************/

.sustainability_sect {
    background-color: #E8E8EB;
    margin-top: 40px;
}

.sustainability_title {
    background-color: #CFCFD9;
    padding: 46px 0;
}

.sustainability_title h3 {
    font-size: 48px;
    color: #1A3660;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    width: max-content;
}

.sustainability_title h3 img {
    margin-right: 15px;
    width: 48px;
    object-fit: cover;
}

.sustainability_title h3::after {
    content: "";
    position: absolute;
    bottom: -18px;
    right: -18px;
    background-image: url(../images/icons/dot-line.svg);
    background-repeat: no-repeat;
    width: 78px;
    height: 100%;
    object-fit: cover;
    background-size: 100% 100%;
}

.sustainability_img {
    margin-top: -234px;
}

.sustainability_cont_left {
    width: 94%;
}

.sustainability_cont_left .drive-item p {
    width: 100%;
    height: auto;
    background-color: #3A496F;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--white);
    display: block;
    letter-spacing: -0.03px;
    position: relative;
    text-align: justify;
    margin: 0;
    padding: 0;
}

.sustainability_cont_left .drive-wrapper {
    position: relative;
    margin: 30px 0;
}

.sustainability_cont_left p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #002E33;
    text-align: justify;
    padding-bottom: 22px;
    letter-spacing: 0.3px;
}

.sustainability_cont_left ul {
    padding: 0;
    display: flex;
    margin: 20px 0 30px;
}

.sustainability_cont_left ul li {
    padding-right: 80px;
    position: relative;
}

.sustainability_cont_left ul li:after {
    content: '';
    width: 1px;
    height: 120px;
    background-color: #AFABAB;
    position: absolute;
    right: 40px;
    bottom: 0;
}

.sustainability_cont_left ul li:last-child:after {
    display: none;
}


.sustainability_cont_left ul li strong {
    font-size: 18px;
    font-weight: 600;
    color: #1A3660;
    display: block;
    text-align: center;
    padding-bottom: 9px;
}

.sustainability_cont_left ul li img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    display: block;
}

.btn-custom-animation-2.chnge_colr {
    background-color: #1A3660;
    border: none;
    color: #FFF;
    gap: 0;
    height: 50px;
}

.btn-custom-animation-2.chnge_colr:hover .arrow-box {
    background: #40699b;
}

.sustainability_title.no_bg {
    background-color: transparent;
    padding: 0;
}

.label_sect {
    background: url(../images/sustainability/text_bg.svg) no-repeat left top;
    width: 100%;
    height: auto;
    padding: 15px 0;
    background-size: 27%;
}

.sustainability_cont_left ul li:last-child {
    padding: 0;
}

.label_sect h4 {
    font-size: 32px;
    font-weight: 600;
    color: #002E33;
}

.strategy_cont span {
    display: block;
}

.strategy_cont span img {
    width: auto;
    height: 100px;
}

.strategy_cont h5 {
    font-size: 24px;
    line-height: 26px;
    font-weight: 500;
    color: #002E33;
}

.strategy_cont p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #53585C;
    text-align: justify;
}

.strategy_cont {
    width: 99%;
}

.label_sect.bg_wid_cnge {
    background-size: 33%;
}

.commitments_cont_left img {
    /* width: 474px;
    max-width: 474px;
    height: auto;
    display: block; */
}

.commitments_blogs span img {
    width: 100%;
    object-fit: cover;
}

.commitments-head {
    gap: 60px;
}

.commitments_cont_right img {
    /* width: 85%; */
    /* width: 474px;
    max-width: 474px;
    height: auto;
    display: block; */
}

.commitments_blogs {
    background-color: #CFCFD9;
    width: 100%;
    height: 100%;
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}

.commitments_txt {
    padding: 40px 30px;
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}

.commitments_txt p {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: var(--black);
    padding-bottom: 20px;
    flex-grow: 1;
}

.commitments_txt .btn-custom-animation {
    margin: 0 auto;
    gap: 0;
}


/**************** ESG Framework Page Start ************************/

.esg_title {
    background-color: #E8E8EB;
    padding: 46px 0;
}

.esg_title h3 {
    font-size: 32px;
    line-height: 34px;
    font-weight: 600;
    color: #002E33;
}

.esg_img {
    margin-top: -115px;
}

.sustainability_cont_left ul.esg_blog_sect li .esg_cont strong {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #1A3660;
    text-align: center;
    display: block;
}

.sustainability_cont_left ul.esg_blog_sect li {
    padding-right: 20px;
    width: 23%;
}

.sustainability_cont_left ul.esg_blog_sect li:last-child {
    padding-right: 0;
}

.sustainability_cont_left ul.esg_blog_sect li img {
    width: 80px;
    height: 80px;
    margin: 0 auto 10px;
    display: block;
}

.sustainability_cont_left ul.esg_blog_sect li::after {
    display: none;
}

/**************** Impact Strategy Page Start ************************/

.impact_strategy_sect {
    width: 100%;
    background-color: #E8E8EB;
    margin-top: 200px;
}

.impact_strategy_cont p {
    font-size: 24px;
    line-height: 30px;
    color: #002E33;
    font-weight: 400;
    padding-bottom: 60px;
}

.impact_strategy_cont {
    margin-top: -270px;
}

.impact_strategy_cont .slick-slider .slick-list {
    padding: 0 !important;
}

.impact_strategy_cont .slider-nav .slick-slide {
    margin: 0 10px;
}

.impact_strategy_cont .slider-nav .slick-list {
    margin: 0 -10px;
}

.impact_strategy_blog span {
    display: block;
    position: relative;
    background-color: #A1A8B1;
    transition: transform 0.1s ease;
    overflow: hidden;
}

.impact_strategy_blog span img {
    opacity: 0.2;
    mix-blend-mode: Multiply;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}

.impact_strategy_blog span::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.slick-slide.slick-current .impact_strategy_blog span img {
    opacity: 0.6;
    mix-blend-mode: Multiply;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    width: 100%;
    object-fit: cover;
}

.impact_strategy_blog span img {
    width: 100%;
    object-fit: cover;
}

.slick-slide.slick-current .impact_strategy_blog span {
    background-color: rgba(26, 54, 96, 1);
}

.impact_strategy_cont .slider-nav .slick-slide:hover {
    cursor: pointer;
}

.impact_strategy_cont .slider-nav .slick-slide.slick-current:hover {
    cursor: auto;
}

.impact_strategy_cont .slider-nav .slick-slide:hover .impact_strategy_blog span img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);

}

.btn_sect {
    width: 240px;
    height: 56px;
    border-radius: 28px;
    font-size: 18px;
    font-weight: 600;
    color: var(--white);
    text-align: center;
    line-height: 56px;
    margin: -28px auto 0;
    position: relative;
}

.btn_sect.red_colr {
    background-color: #EF402A;
}

.btn_sect.dark_colr {
    background-color: #8F1737;
}

.btn_sect.green_colr {
    background-color: #48773D;
}

.impact_strategy_txt h3 {
    position: relative;
    font-size: 48px;
    font-weight: 600;
    color: #1A3660;
    width: max-content;
}

.impact_strategy_txt h3::after {
    content: "";
    position: absolute;
    bottom: -18px;
    right: -18px;
    background-image: url(../images/icons/dot-line.svg);
    background-repeat: no-repeat;
    width: 78px;
    height: 100%;
    object-fit: cover;
    background-size: 100% 100%;
}

.impact_strategy_right h5 {
    font-size: 24px;
    font-weight: 500;
    color: #002E33;
    padding-bottom: 12px;
}

.impact_strategy_right p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #53585C;
    text-align: justify;
    padding-bottom: 0;
}

.impact_strategy_txt span {
    width: 180px;
    display: block;
}

.impact_strategy_txt span img {
    max-width: 180px;
    width: 180px;
    height: auto;
    display: block;
}

.challenge_img {
    max-width: 282px;
}

.case_studies_bg h2 {
    font-size: 48px;
    color: #1A3660;
    font-weight: 600;
    position: relative;
    display: flex;
    gap: 20px;
    align-items: center;
    width: max-content;
}

.case_studies_bg h2::after {
    content: "";
    position: absolute;
    bottom: -18px;
    right: -18px;
    background-image: url(../images/icons/dot-line.svg);
    background-repeat: no-repeat;
    width: 78px;
    height: 100%;
    object-fit: cover;
    background-size: 100% 100%;
}


/**************** Footer Section ************************/


.footer-section {
    background: #1A3660;
    padding: 55px 0 0;
    margin-top: 0;
}

.footer-title {
    font-size: 18px;
    color: var(--white);
    line-height: 100%;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 15px;
}

.footer-link {
    padding: 0;
}

.footer-link li {
    margin-bottom: 15px;
}

.footer-link li a {
    font-size: 14px;
    font-weight: 400;
    color: var(--white);
    line-height: 100%;
    position: relative;
}

.footer-link li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 1px;
    background-color: #fff;
    transition: transform 0.25s ease-out;
    transform: scaleX(0);

}
.footer-link li.linkdin a:after{
    display: none;
}

.footer-link li:hover a::after {
    transform: scaleX(1);
    transform-origin: bottom right;
}

.footer-text {
    font-size: 12px;
    font-family: var(--font-regular-sf);
    color: var(--white);
    letter-spacing: 0;
    line-height: 19px;
}

.footer-text a {
    color: #fff;
}

.guuter-xs-newsletter {
    --bs-gutter-x: 5rem;

}

.footer-section hr {
    background-color: var(--white);
    margin-bottom: 0;
    margin-top: 40px;
    opacity: 50%;
}

.copyright-section {
    padding: 25px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.copyright-text {
    font-size: 14px;
    font-weight: 400;
    color: var(--white);
    line-height: 100%;
}

.privacy-list {
    display: flex;
    align-items: center;
    padding: 0;
}

.privacy-list li a {
    font-size: 14px;
    line-height: 100%;
    color: var(--white);
    font-weight: 400;
    text-decoration: underline;
}

.privacy-list li:not(:last-child) {
    margin-right: 30px;
}

.social-link {
    display: flex;
    align-items: center;
    padding: 0;
}

.social-link li {
    margin-right: 15px;
}

.social-link li:last-child {
    margin-right: 0;
}

.newsletter-form {
    display: flex;
    align-items: center;
    margin: 20px auto 30px;
}

.newsletter-form .email-input {
    flex: 1;
    padding: 12px 15px;
    border-radius: 16px;
    font-size: 16px;
    transition: border-color 0.3s ease;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    font-family: var(--font-medium-sf);
    color: var(--black);
}

.newsletter-form .email-input::placeholder {
    color: #848397;
}

.email-input:focus {
    outline: none;
    border-color: #3498db;
}

.newsletter-form .newsletter-btn {
    padding: 12px 20px;
    color: var(--white);
    background-color: var(--theme-main);
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    font-family: var(--font-medium-sf);
}

.selected {
    fill: #1A3660;
}

.case_studies_data .no-case-studies {
    text-align: center;
    padding-bottom: 20px;
}

/**************** overview Vertical Slioer Start ************************/

.expertise-section {
    position: relative;
    padding: 0;
}

.scroll-reveal-wrapper {
    display: flex;
    position: relative;
}

.image-sticky-area {
    position: sticky;
    top: 0;
    height: 100vh;
    width: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-stack {
    /* position: relative;
  width: auto;
  height: auto; */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.slide-image {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1), transform 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.content-scroll-area {
    width: 50%;
    padding: 3vh 0 3vh 2rem;
}

.text-slide {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    /* transform: translateY(50px); */
    transform: translateY(10px);
}

.text-slide .title-wrapper {
    padding: 35px 0 0;
}

.mb-hide {
    display: none !important;
}

.just-content {
    text-align: justify;
}

.expertise-section.mobile{
    display: none !important;
}

.portfolio-slider .slick-dots li button:before {
    display: none;
}
.invalid-feedback {
    display: block;
    color: #f34770 !important;
}
.parsley-errors-list {
    font-size: 80%;
    color: #f34770;
    list-style-type: none;
    padding-inline-start: 0px;
    margin-left: 10px;
}

.invalid-feedback .parsley-errors-list {
    font-size: inherit;
}
.portfolio-slider .slick-dots li {
    cursor: pointer;
    background: #fff;
    border-radius: 100px;
    width: 10px;
    height: 10px;
    margin: 0 4px;
}

.portfolio-slider .slick-dots li.slick-active {
    background-color: #1a3660;
}
.disclaimer-modal .modal-dialog {
    width: 100%;
    max-width: 940px;
}
.disclaimer-modal .modal-content{
    border: 0;
    border-radius: 10px;
    margin: 0 20px;
}

.portfolio-slider .slick-dots {
    bottom: 0px;
}
.expertise-card{
    margin-top: 40px;
}
.expertise-card .content-2{
       background: #E8E8EB;
    padding: 40px 100px 80px;
    position: relative;
}
.expertise-card .content-2 p{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
}
.arrow-2{
     position: absolute;
    left: 0;
    bottom: 0;
}
.expertise-card .content-2 h3{
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0;
    color: #002E33;
    font-weight: 400;
    margin: 20px 0;
}
/**************** Responsive Start ************************/
@media only screen and (max-width: 375px){
    .focus_area_cont h2{
        font-size: 24px !important;
    }
    .title-wrapper h1{
        font-size: 28px !important;
    }
}

@media only screen and (max-width: 767px) {

    .impact_strategy_sect {
        margin-top: 0px;
    }

    .impact_strategy_cont {
        margin-top: 0px;
    }

    .bg-login {
        display: none;
    }

    .card-sticy-animation {
        transition: none !important;
        transform: none !important;
        /* Add any other animation-related properties you want to disable */
    }

    .mb-hide {
        display: block !important;
    }

    .hm-menu {
        display: none;
    }

    .card-sticy-animation.active {
        transform: none !important;
    }

    .card-sticy-animation {
        animation: none !important;
    }

    .card-sticy-animation {
        opacity: 1;
    }

    .login-area {
        height: 100%;
    }

    .case_details_txt.text-5 {
        margin-top: 35px;
    }

    .case_details_cont {
        height: 85px;
    }

    .login-area .content {
        max-width: 100%;
        padding: 40px 15px;
        height: auto;

    }
    .icon-prev{
        margin-bottom: 0 !important;
        margin-top: 15px !important;
    }

    .timeline-slider {
        padding-left: 0.5rem;
    }

    .revenue-card {
        min-height: auto !important;
    }

    .revenue-slider.slick-slider .slick-track {
        margin: 0;
    }

    .about-section {
        flex-direction: column;
    }

    .about-section .about-content {
        width: 100%;
    }

    .about-content .title-wrapper {
        padding: 20px 15px;
    }

    .menu-item li:not(:last-child) {
        padding: 16px 1rem;
    }

    .banner-title {
        font-size: 2rem;
        line-height: 54px;
        padding: 45px 0 45px;
    }

    .slider-banner-content .news-content a {
        font-size: 16px;
        line-height: 22px;
    }

    .slider-banner-content {
        margin-left: 20px;
    }

    .title-wrapper h1 {
        font-size: 32px;
        width: fit-content;
    }

    .btn-custom-animation,
    .btn-custom-animation-2 {
        font-size: 14px;
    }

    .about-section .about-content .inner-content {
        padding: 20px;
    }

    .drive-item img {
        display: none;
    }

    .drive-item p {
        font-size: 14px;
        margin-left: 0;
    }

    .drive-item {
        padding: 10px;
    }

    .sub-text {
        font-size: 16px;
    }

    .sub-text-2 {
        font-size: 16px;
    }

    .widget-frame h2 {
        font-size: 22px;
    }

    .widget-frame p,
    .revenue-card .revenue-content p {
        font-size: 14px;
    }

    .revenue-card .revenue-img span {
        width: 100px;
        height: 74px;
    }

    .revenue-card .revenue-content {
        margin-left: 10px;
    }

    .about-section .about-img {
        width: 100;
        height: 400px;
    }

    .funds-section::before {
        width: 115px;
        height: 50px;
    }

    .revenue-card {
        padding: 15px;
    }

    .widget-frame {
        padding: 20px;
        margin: 20px 0;
    }

    .widget-frame h5 {
        font-size: 18px;
    }

    .revenue-card .revenue-content h5 {
        font-size: 32px;
    }

    .widget-frame ul {
        flex-wrap: wrap;
        /* gap: 20px; */
    }
    .widget-frame ul li{
        width: 50%;
    }

    .section {
        padding: 40px 0;
    }

    .funds-list {
        flex-wrap: wrap;
        gap: 30px;
    }

    .portfolio-slider .slick-dots {
        bottom: -35px;
    }

    .case_studies_bg .slick-arrow {
        display: none !important;
    }

    .case_studies_bg .portfolio-slider .slick-dots {
        bottom: 0;
    }

    .portfolio-slider .slick-dots li {
        cursor: pointer;
        background: #fff;
        border-radius: 100px;
        width: 10px;
        height: 10px;
        margin: 0 4px;
    }

    .portfolio-slider .slick-dots li.slick-active {
        background-color: #1a3660;
    }

    .portfolio-slider .slick-slide {
        margin-left: 35px;
    }

    .mobile-text {
        text-align: center;
        margin-bottom: 10px;
        padding: 0 15px;
    }

    /* .portfolio-slider .slick-track{
        margin: 0 -20px;
    } */
    .copyright-section {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
        padding: 15px 0;
    }

    .title-wrapper {
        padding: 20px 0;
    }

    .portfoilo-details-wrapper {
        flex-direction: column;
    }

    .portfoilo-details-wrapper .details-content {
        margin-left: 0;
    }

    .news-wrapper .icon-prev,
    .portfoilo-details-wrapper .icon-prev {
        margin-bottom: 10px;
    }

    .portfoilo-details-wrapper {
        /* margin-top: -110px; */
        margin-top: -80px;
    }

    .detalis-group-card p {
        font-size: 14px;
    }

    .detalis-group-card {
        padding: 10px 15px;
    }

    .detalis-group-card h4 {
        font-size: 24px;
    }

    .detalis-group-card h5 {
        font-size: 16px;
    }

    .location-detalis-list li {
        font-size: 14px;
    }

    .location-detalis-list li strong {
        font-size: 24px;
        line-height: 32px;
    }

    .column-head {
        flex-direction: column !important;
    }

    .revenue-section {
        /* margin-top: -75px; */
        margin-top: -115px;
    }

    .revenue-section {
        padding: 30px 0;
    }

    .details-content h1 {
        font-size: 24px;
        width: 60%;
        word-break: break-all;
    }

    .breadcrumb .breadcrumb-item {
        font-size: 14px;
    }

    .breadcrumb {
        padding: 20px 0;
        margin-bottom: 15px !important;
    }

    .sub-text-title {
        font-size: 26px;
        line-height: 34px;
    }

    .custom-select {
        font-size: 14px;
    }

    .portfolio-head ul li,
    .portfolio-card .portfolio-content p {
        font-size: 14px;
    }

    .portfolio-card .portfolio-content h4 {
        font-size: 20px;
    }

    .portfolio-card .portfolio-content {
        padding: 15px;
    }

    .portfolio-card .portfolio-img img {
        width: 100%;
    }

    .portfoilo-select-wrapper {
        gap: 10px;
        flex-wrap: wrap;
    }

    .portfolio-card .portfolio-content p {
        margin-top: 15px;
    }

    .portfolio-card {
        margin-top: 25px;
    }

    .pagination {
        margin: 20px 0 !important;
        padding-top: 20px !important;
        gap: 15px;
    }

    .pagination .page-link {
        font-size: 14px;
    }

    .portfolio-card {
        max-width: 100%;
    }

    .page-title {
        font-size: 32px;
        padding-top: 0;
    }

    .page-banner {
        height: 150px !important;
    }
    /* .main-wrapper{

    } */
 


    .press-card {
        flex-direction: column;
        margin-bottom: 25px;
    }

    .press-card .press-content {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }

    .press-card .press-content p,
    .press-card .press-content h2,
    .press-card .press-content .read-more {
        font-size: 14px;
    }

    .press-card .press-content h3 {
        font-size: 20px;
    }

    .news-list {
        flex-wrap: wrap;
        gap: 10px;
    }

    .news-head {
        height: 85px;
    }

    .news-title {
        font-size: 26px;
    }

    .news-banner-image {
        margin: 20px 0;
    }

    .news-main-wrapper {
        /* margin-top: -24%; */
        margin-top: 0;
    }

    .news-banner-image {
        height: 280px;
    }

    .news-middle-wrapper .news-content p {
        font-size: 14px;
    }

    .news-middle-wrapper .news-content {
        padding: 0 20px;
    }

    .news-wrapper {
        flex-wrap: wrap;
    }

    .news-wrapper .news-wrapper-content {
        margin-left: 0;
    }

    .case_studies_cont h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .impact_strategy_cont p {
        font-size: 20px;
    }

    .people-details-wrapper {
        flex-direction: column;
    }

    .btn_sect {
        width: 100%;
        font-size: 22px;
    }

    .people-details-wrapper .people-content h4,
    .people-details-wrapper .people-content p {
        font-size: 14px;
    }

    .people-details-wrapper .people-content h5 {
        font-size: 16px;
    }

    .people-details-wrapper .people-content p {
        margin-bottom: 10px;
    }

    .people-details-wrapper .people-content h3 {
        font-size: 28px;
        margin-top: 10px;
    }

    .people-details-wrapper .people-content h4 {
        margin-bottom: 20px;
    }

    .people-details-wrapper .people-img-2 {
        margin-top: 10px;
    }

    .people-details-wrapper .people-content,
    .people-details-wrapper .people-img-2 {
        margin-left: 5px;
    }

    .people-card {
        margin: 0 auto 25px;
    }

    .people-card p,
    .fund-text {
        font-size: 14px;
    }

    .fund-sub-text {
        font-size: 18px;
    }

    .people-card h4 {
        font-size: 18px;
    }

    .fund-wrapper {
        padding: 30px 20px;
        margin-bottom: 25px;
    }

    .fund-text h2 {
        font-size: 42px;
    }

    .contact-address-section {
        flex-direction: column;
    }

    .address-list .address-content h4 {
        font-size: 28px;
    }

    .address-list .address-content p {
        font-size: 16px;
    }

    .contact-address-section .contact-item {
        width: 100%;
    }

    .form-wrapper .form-control {
        font-size: 14px;
    }

    .address-list {
        padding: 30px 15px;
    }

    .address-list li:not(:last-child) {
        margin-bottom: 30px;
    }
    .address-list li{
        width: 100%;
    }

    .case_studies_bg h2,
    .impact_strategy_txt h3,
    .sustainability_title h3 {
        font-size: 32px;
    }

    .form-wrapper {
        padding: 30px 10px;
    }

    .case_studies_txt {
        padding: 20px 15px;
    }

    .title-2 {
        font-size: 22px;
    }

    .form-wrapper .label,
    .sustainability_cont_left p {
        font-size: 14px;
    }

    .sustainability_cont_left ul li {
        margin-bottom: 15px;
    }
    .sustainability_cont_left ul li{
        padding-right: 40px;
    }
    .sustainability_cont_left ul li:after{
        right: 20px;
    }
    .sustainability_cont_left ul li img{
        margin: 0;
    }

    .label_sect{
        background-size: 100%;
    }
    .sustainability_img {
        margin-top: 20px;
    }

    .sustainability_cont_left ul {
        flex-wrap: wrap;
    }

    .sustainability_title h3 {
        width: min-content;
    }

    .custom-upload {
        display: flex;
    }

    .file-name {
        margin-top: 15px;
        margin-left: 0;
        display: block;
    }

    .reporting_cont {
        padding: 30px 20px;
    }

    .label_sect h4 {
        font-size: 26px;
    }

    .reporting_cont ul li {
        padding: 15px 0;
    }

    .strategy_cont h5 {
        font-size: 22px;
    }

    .strategy_cont p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .commitments_txt p {
        font-size: 16px;
    }
    .label_sect.bg_wid_cnge{
         background-size: 100%;
    }
    /* .btn-custom-animation, .btn-custom-animation-2{
        width: auto;
    } */

    .commitments_txt {
        padding: 30px 20px;
    }

    .sustainability_sect {
        margin-top: 0;
    }

    .commitments_cont_left img {
        width: auto;
        max-width: 100%;
    }

    .reporting_cont h4 {
        font-size: 16px;
    }

    .reporting_cont h3 {
        font-size: 20px;
    }

    .reporting_cont a {
        min-width: 48px;
        width: 48px;
    }

    .card-sticy-animation {
        height: auto;
    }

    .timeline-slider .swiper-slide:first-child {
        margin-left: 1rem;
    }

    .timeline-wrapper {
        padding: 40px 0 50px;
    }

    .expertise-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .section-home-banner {
        height: calc(70vh - 50px);
    }

    .set>a span {
        font-size: 28px;
        line-height: 38px;
    }
    .gap-5{
        gap: 20px !important;
    }
    .accordion_cont p {
        font-size: 14px;
    }

    .medical_service_txt strong {
        font-size: 26px;
    }

    .accordion_cont {
        width: 100%;
        margin-left: 0;
        margin-top: 0 !important;
    }

    .accordion_cont span img {
        margin-top: 20px;
    }

    .accordion_cont ul {
        margin: 30px 0;
    }

    .focus_area_cont h2 {
        font-size: 32px;
        margin-left: 0;
    }
     .focus_area_cont h2 img{
        width: 30px;
     }

    .set>a i {
        width: 45px;
        min-width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
    }

    .esg_img {
        margin-top: 30px;
    }

    .focus_area_details,
    .focus_area_txt p {
        font-size: 16px;
    }

    .footer-section hr {
        margin-top: 10px;
    }

    .footer-section {
        padding: 35px 0 0;
        overflow-x:hidden;
    }
    section{
        overflow-x: hidden;
    }
    .footer-logo {
        max-width: 120px;
    }

    .inner_case_details {
        width: 100%;
        margin-left: 0;
    }

    .left_details h2 {
        font-size: 18px;
        margin-top: 0;
    }
    .left_details .mt-5{
        margin-top: 20px !important;
    }

    .left_details span {
        padding: 10px 15px;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .left_details p {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 10px;
    }

    .main-wrapper-details .breadcrumb {
        margin-bottom: 0 !important;
        padding: 20px 0;
    }

    .btn-custom-animation-2 {
        /* padding: 0 25px 0 30px; */
        padding: 0 15px 0 20px;
    }

    .btn-custom-animation-2:hover .arrow-box {
        transform: translateX(27px);
        /* transform: translateX(14px); */
    }
    .btn-custom-animation-2.animation-4:hover .arrow-box{
        transform: translateX(15px) !important;
    }
    .left_details{
        width: 100%;
    }

    .wrapper-timeline {
        flex-wrap: wrap;
        gap: 10px;
    }

    .approach-text {
        font-size: 18px;
    }

    .commitments-head {
        flex-direction: column;
        gap: 40px;
    }

    .case_details_txt.case_studies_image span img {
        position: static;
        width: auto;
        height: 80px;
    }
    .united-kingdom {
        position: absolute;
        top: 37px;
        left: 94px;
    }
    .circContainer span{
        font-size: 14px;
        padding: 8px 25px
    }
    .circContainer.united-kingdom span {
        position: absolute;
        right: -135px;
        top: -5px;
    }
    .circ{
        width: 10px;
        height: 10px;
        left: 10px;
        top: 10px;
    }
    .circPulse{
        width: 30px;
        height: 30px;
    }
    .luxembourg {
        position: absolute;
        top: 53px;
        left: 122px;
    }
    .circContainer.luxembourg span {
        right: -80px;
        top: 30px;
    }
    
    
    .tunisia {
        position: absolute;
        top: 121px;
        left: 133px;
    }
    .circContainer.tunisia span {
        right: 4px;
        top: -5px;
    }
    .kenya {
        position: absolute;
        right: 105px;
        bottom: 55px;
    }
    .circContainer.kenya span {
        right: 10px;
        top: -3px;
    }
    .timeline-year-slider{
        display: none;
    }
    .timeline-slider .swiper-wrapper {
        flex-direction: column;
        gap: 20px;
    }
    .wrapper-timeline{
        flex-direction: column;
    }
    .timeline-slider .swiper-slide{
        width: 100% !important;
    }
    .timeline-item{
        flex-direction: column;
        flex: auto;
        width: 100%;
        padding: 0 15px;
    }
    .timeline-item .timeline-content{
        margin: 15px 0;
    }
    .timeline-slider .swiper-slide:first-child{
        margin-left: 0 !important;
    }
    .timeline-slider .swiper-slide::before {
        content: "";
        position: absolute;
        bottom: 5px;
        width: 5px;
        height: 100%;
        border-left: 2px dashed #1A3660;
        opacity: 1;
        left: 3px;
    }
    .timeline-item .timeline-img::before {
        left: -16px;
    }
    .scroll-reveal-wrapper{
        flex-direction: column;
    }
    .image-sticky-area{
        width: 100%;
        height: 100%;
        position: static;
    }
    .content-scroll-area{
        width: 100%;
        padding: 0;
    }
    .text-slide{
        min-height: 100%;
        transform: none !important;
        opacity: 1 !important;
    }
    .slide-image{
        position: static;
        opacity: 1 !important;

    }
    .expertise-section{
        display: none;
    }
    .expertise-section.mobile{
        display: block !important;
    }
    .container .card-sticy-animation:first-child,
    .container .card-sticy-animation:last-child{
        height: 100% !important;
    }
    .timeline-item .timeline-content h4{
        font-size: 28px;
    }
    .timeline-item .timeline-content p{
        font-size: 14px;
        margin: 10px 0;
    }
    .people-card .people-img{
        height: 300px;
    }
    .people-card .people-img img{
        height: auto;
    }
    .timeline-slider .swiper-slide:last-child:before {
        display: block;
    }
    .sustainability_cont_left ul.esg_blog_sect li{
        width: 50%;
    }
    .inclusivity_content_data p{
        line-height: 22px;
    }
    .case_details_table tr td:last-child{
        padding: 5px 10px;
    }
    .case_details_table ul li p, .ck-editor-content span,
    .case_details_table tr td{
        font-size: 14px;
    }
    img.inclusivity-image{
        height: auto;
    }
    .news-details-wr .icon-prev{
        margin-top: -100px !important;
    }
    .login-title{
        font-size: 36px;
    }
    .login-subtext{
        font-size: 14px;
    }
    .widget-frame ul li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .widget-frame ul li:not(:last-child) div .img::before{
        right: -25px;
    }
    .expertise-card {
        margin-top: 30px;
    }

    .expertise-card .content-2 h3{
        font-size: 18px;
        line-height: 24px;
        margin: 15px 0;
    }
    .expertise-card .content-2 p{
        font-size: 14px;
    }
   .expertise-card .content-2{
    padding: 20px 20px 50px;
   } 
   .arrow-2{
    width: 100px;
   }
   .focus_area_blogs_img{
        position: absolute;
        left: 50%;
        right: auto;
        /* margin: 0 auto; */
        width: 100%;
        top: 85px;
        transform: translateX(-50%);
        justify-content: center;
   }
}

@media screen and (min-width: 220px) and (max-width: 991px) {
    .menu-item li:not(:last-child) {
        padding: 16px 1rem;
    }
    .label_sect{
       background-size:100%;
    }

    .mb-hide {
        display: block !important;
    }

    .hm-menu {
        display: none;
    }

    .menu-item li a {
        font-size: 14px;
    }

    .main-wrapper,
    .main-wrapper-details {
        margin-top: 67px;
    }

    .about-section {
        flex-direction: column;
    }

    .about-section .about-content {
        width: 100%;
    }

    .about-section .about-img {
        width: 100%;
        height: 540px;
    }

    .section {
        padding: 40px 0;
    }

    .drive-item img {
        display: none;
    }

    .drive-item p {
        margin-left: 0;
    }

    .mobile-menu .menu-item li:hover .dropdown-menu-list {
        left: 0;
        transform: none;
    }

    .hm-menu .tooltip-arrow {
        left: 28px;
        right: auto;
    }

    .hm-menu .dropdown-menu-list {
        top: 50px;
    }

    .tooltip-arrow {
        left: 35px;
    }

    .menu-btn .line {
        background-color: #fff;
    }

    .navbar-nav-main {
        display: none;
    }

    .menu-btn {
        display: block;
    }

    /* .mobile-menu.active {
        display: block;
    } */
    .menu-logo .logo {
        width: 90px;
    }

    .header {
        padding: 10px 0;
    }
    .scroll-reveal-wrapper{
        flex-direction: column;
    }
    .image-sticky-area{
        width: 100%;
        height: 100%;
        position: static;
    }
    .content-scroll-area{
        width: 100%;
        padding: 0;
    }
    .text-slide{
        min-height: 100%;
        transform: none !important;
        opacity: 1 !important;
    }
    .slide-image{
        position: static;
        opacity: 1 !important;

    }
    .card-sticy-animation{
        position: static;
        transition: none !important;
        opacity: 1 !important;
    }
    .expertise-section{
        display: none;
    }
    .expertise-section.mobile{
        display: block !important;
    }
    .container .card-sticy-animation:first-child,
    .container .card-sticy-animation:last-child{
        height: 100% !important;
    }
    .page-banner{
        height: 220px;
    }
    .page-title{
        padding-top: 0;
    }
    .accordion_cont{
        width: 100%;
        margin-left: 0;
        margin-top: 40px;
    }
    .accordion_cont span img{
        max-width: 320px;
        width: 100%;
        margin-top: 0;
    }
    .fund-text h2{
        font-size: 42px;
    }
    .esg_img{
        margin-top: 40px;
    }

    
}
@media screen and (max-width: 991px) and (min-width: 767px) {
    .timeline-slider .swiper-slide{
        width: 100% !important;
    }
    .timeline-slider .swiper-wrapper{
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .wrapper-timeline {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }
    .timeline-slider {
        padding-left: 3rem;
    }   
    .timeline-slider .swiper-slide::before{
        width: 4px;
        height: 100%;
        border-left: 2px dashed #1A3660;
        opacity: 1;
        left: -10px;
    } 
    .timeline-item .timeline-img::before{
        right: auto;
        left: -15px;
    }
    .timeline-year-slider .swiper-slide{
        display: none !important;
    }
    .timeline-wrapper{
        padding: 40px 0;
    }
    .timeline-slider .swiper-slide:last-child:before {
        display: block;
    }
    .sustainability_title h3{
        width: max-content;
        font-size: 36px;
    }
    .sustainability_img {
        margin-top: 20px;
    }
    .custom-upload{
        padding: 12px 20px;
    }
    .file-name{
        font-size: 14px;
    }
    .file-name{
        margin: 20px 0;
    }
    .justify-end-head{
        display: flex;
        justify-content: center !important;
    }
    .expertise-card .content-2 h3{
        font-size: 20px;
        line-height: 26px;
    }
    .expertise-card .content-2 p{
        font-size: 16px;
    }
   .expertise-card .content-2{
    padding: 20px 20px 50px;
   } 
   .arrow-2{
    width: 100px;
   }
}

@media screen and (max-width: 1024px) and (min-width: 767px) {
    .news-head {
        height: 220px;
    }

    .news-main-wrapper {
        margin-top: -24%;
    }

    .news-wrapper .news-wrapper-content {
        margin-left: 30px;
    }

    .news-title {
        font-size: 28px;
    }

    .people-card {
        margin-top: 35px;
    }

    .people-card h4 {
        font-size: 22px;
    }

    .portfolio-slider .slick-dotted.slick-slider{
        bottom: 0;
    }
    .case_studies_cont h2,
    .esg_title h3 {
        font-size: 28px;
    }

    .esg_title {
        padding: 25px 0;
    }

    .page-title {
        font-size: 42px;
    }

    .address-list {
        padding: 30px 0 30px 40px;
    }

    .fund-wrapper {
        padding: 30px;
    }

    .fund-sub-text {
        font-size: 18px;
    }

    .footer-section hr {
        margin-top: 20px;
    }

    .footer-section {
        padding: 40px 0 0;
    }

    .news-middle-wrapper .news-content {
        padding: 0 40px;
    }

    .pagination {
        margin-bottom: 30px;
        padding-top: 30px;
    }

    .banner-title {
        font-size: 2.4rem;
        padding: 50px 0 70px;
        line-height: 65px;
    }

    .revenue-section{
        margin-top: -160px;
    }
    .section-home-banner {
        height: calc(60vh - 60px);
    }

    .revenue-card .revenue-content h5,
    .title-wrapper h1 {
        font-size: 42px;
    }

    .slider-banner-content {
        position: relative;
        bottom: 195px;
        margin-left: 50px;
    }

    .revenue-card {
        padding: 20px;
        align-items: center;
    }

    .portfolio-card .portfolio-content h4 {
        font-size: 22px;
    }

    .title-3,
    .sub-text-title {
        font-size: 28px;
        line-height: 38px;
    }

    .portfoilo-select-wrapper {
        gap: 20px;
    }

    .revenue-card .revenue-img span {
        width: 100px;
        height: 74px;
    }

    .gutter-x-expertise {
        --bs-gutter-x: 1.2rem;
    }

    .portfoilo-details-wrapper .details-content {
        margin-left: 20px;
    }

    .expertise-section {
        padding: 40px 0;
    }

    .card-sticy-animation {
        height: 100%;
    }

    .wrapper-timeline {
        flex-wrap: wrap;
    }
    .widget-frame{
        margin: 20px 0;
    }
     .expertise-card .content-2 h3{
        font-size: 20px;
        line-height: 26px;
    }
    .expertise-card .content-2 p{
        font-size: 16px;
    }
   .expertise-card .content-2{
    padding: 20px 20px 50px;
   } 
   .arrow-2{
    width: 100px;
   }

    
}
@media screen and (width: 1114px) {
    .slider-banner-content{
        bottom: 210px;
    }
    .revenue-section{
        margin-top: -193px;
    }
    .widget-frame ul li:not(:last-child) {
        margin-right: 55px;
    }
    .widget-frame ul li:not(:last-child) div .img::before{
        right: -30px;
    }
}
@media screen and (max-width: 1024px) and (min-width: 991px) {
    .menu-item li:not(:last-child){
        padding: 16px 1.5rem;
    }
    .about-section .about-content .inner-content {
        padding: 40px 50px 50px;
    }
    .drive-wrapper{
        margin: 20px 0 30px;
    }
    .widget-frame ul li:not(:last-child){
        margin-right: 45px;
    }

    .widget-frame ul li:not(:last-child) div .img::before{
        right: -25px;
    }
    .btn-custom-animation, .btn-custom-animation-2{
        font-size: 14px;
    }
    .people-card h4{
        font-size: 22px;
    }

}
@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 1299px) {
    
}

@media only screen and (max-width: 1299px) and (min-width: 1024px) {
    .revenue-card .revenue-content h5{
        font-size: 36px;
    }
}

@media screen and (max-width: 1799px) and (min-width: 1499px) {
    .news-main-wrapper {
        margin-top: -14%;
    }
}

@media screen and (width: 1280px),
screen and (height: 800px) {
    .slider-banner-content {
        margin-left: 70px;
    }
}

@media screen and (width: 1440px),
screen and (height: 809px) {
    .slider-banner-content {
        margin-left: 70px;
    }
}

@media screen and (width: 1728px),
screen and (height: 1080) {
    .slider-banner-content {
        margin-left: 210px;
    }
}

@media screen and (max-width: 2500px) and (min-width: 1799px) {
    .news-main-wrapper {
        margin-top: -12%;
    }

    .slider-banner-content {
        margin-left: 315px;
    }

    .revenue-section {
        margin-top: -110px;
    }
}