@charset "utf-8";

/* CSS Document */
:root {
    --white: #ffffff;
    --black: #000000;
    --red: #f00000;
    --primaryBlack: #262626;
    --primaryNavy: #002B56;
    --primaryLightBlue: #029DE0;
    --primaryDarkBlue: #1337AC;
    --primaryGreen: #05F283;
    --primaryPurple: #7161E1;
    --primaryLightPurple: #F8F7FD;
    --secondaryYellow: #FBD647;

    /* custom-colors */
    --azureorange: #FF5347;
    --azureishWhite: #E2F0F6;
    --fluorescentBlue: #27DEF2;
    --vividSkyBlue: #00E0FF;
    --lightSilver: #D9D9D9;
    --yankeesBlue: #16193D;
    --aliceBlue: #F3F9FB;
    --lavender: #E3F0F7;
    --darkLiver: #544B4B;
}


body {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: var(--primaryBlack);
    background: linear-gradient(253deg, #1A346A 0.85%, #172D55 37.89%, #002B56 67.52%, #011C37 96.66%);
    position: relative;
    height: 100dvh;
}

body:has(.header3) {
    background: linear-gradient(177deg, #014681 0%, #013461 46.58%, #033463 83.84%, #011C37 124.21%) !important;
}

body.overflowHide .main-wrapper {
    overflow: hidden !important;
    display: block;

}


body.overflowHide::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, 0.7);
    z-index: 9;
}


.wrapper.scroll-wrapper>.scroll-content {
    box-sizing: border-box !important;
}

:focus {
    outline: 0;
    box-shadow: none;
}

figure {
    margin: 0;
}

strong,
b {
    font-weight: 700;
}

a,
input,
button,
textarea {
    outline: none !important;
}

a {
    text-decoration: none;
    transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
    -o-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
}

p {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

ol,
ul {
    margin-bottom: 20px;
}

ol ol,
ol ul,
ul ol,
ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

ol li,
ul li {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.container-full {
    max-width: 100%;
}

.container-fluid,
.container-fluid-base,
.container {
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.row>* {
    padding-left: 15px;
    padding-right: 15px;
}

button:focus {
    outline: 0;
    box-shadow: none !important;
}

.alignnone {
    float: none;
    margin: 20px;
}

.alignleft {
    float: left;
    margin: 20px 20px 20px 0;
}

.alignright {
    float: right;
    margin: 20px 0 20px 20px;
}

.aligncenter {
    float: none;
    display: block;
    margin: 20px auto;
}

blockquote {
    padding-left: 30px;
    border-left: 5px solid var(--primaryLightBlue);
    margin-bottom: 20px;
}

blockquote * {
    font-size: 150%;
    line-height: 170%;
}

h1 {
    font-weight: 600;
    font-size: 48px;
    line-height: 150%;
    color: var(--primaryNavy);
    margin-bottom: 25px;
}

h2 {
    font-weight: 600;
    font-size: 42px;
    line-height: 150%;
    color: var(--primaryNavy);
    margin-bottom: 25px;
}

h3 {
    font-weight: 600;
    font-size: 36px;
    line-height: 150%;
    color: var(--primaryNavy);
    margin-bottom: 25px;
}

h4 {
    font-weight: 600;
    font-size: 33px;
    line-height: 150%;
    color: var(--primaryNavy);
    margin-bottom: 20px;
}

h5 {
    font-weight: 600;
    font-size: 28px;
    line-height: 150%;
    color: var(--primaryNavy);
    margin-bottom: 20px;
}

h6 {
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    color: var(--primaryNavy);
    margin-bottom: 20px;
}

.weight-100 {
    font-weight: 100 !important;
}

.weight-200 {
    font-weight: 200 !important;
}

.weight-300 {
    font-weight: 300 !important;
}

.weight-400 {
    font-weight: 400 !important;
}

.weight-500 {
    font-weight: 500 !important;
}

.weight-600 {
    font-weight: 600 !important;
}

.weight-700 {
    font-weight: 700 !important;
}

.weight-800 {
    font-weight: 800 !important;
}

.weight-900 {
    font-weight: 900 !important;
}

.paragraph-small {
    font-size: 16px;
    line-height: 150%;
}

.paragraph-medium {
    font-size: 20px;
    line-height: 150%;
}

.paragraph-large {
    font-size: 24px;
    line-height: 150%;
}

.fix-width-320 {
    max-width: 320px;
    width: 100%;
}

.fix-width-450 {
    max-width: 450px;
    width: 100%;
}

.fix-width-465 {
    max-width: 465px;
    width: 100%;
}

.fix-width-490 {
    max-width: 490px;
    width: 100%;
}

.fix-width-570 {
    max-width: 570px;
    width: 100%;
}

.fix-width-630 {
    max-width: 630px;
    width: 100%;
}

.fix-width-845 {
    max-width: 845px;
    width: 100%;
}

.fix-width-970 {
    max-width: 970px;
    width: 100%;
}

.fix-width-1060 {
    max-width: 1060px;
    width: 100%;
}

/* sub-main-title */
.sub-main-title {
    display: block;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: var(--primaryNavy);
    margin-bottom: 10px;
}

.sub-main-title * {
    text-decoration: none;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    letter-spacing: inherit;
    margin-top: 0;
    margin-bottom: 0;
}

.sub-main-title a:hover {
    color: #029DE0 !important;
}

/* sub-main-title */

/* Section Heading */

.section-heading .title * {
    font-size: 72px;
    font-weight: 500;
    text-align: center;
    background: -webkit-linear-gradient(-45deg, #029DE0 0%, #5DD49D 100%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 3px transparent;
    color: initial;
    padding: 10px 0;
    margin-bottom: 15px;
}

.section-heading .subtitle * {
    color: var(--white);
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 80px;
}


.section-heading h3 {
    text-align: center;
    outline-offset: 0;
    font-size: 72px;
    font-weight: 500;
    color: inherit;
    line-height: 110%;
}

/* banner-title */
.banner-title {
    font-weight: 600;
    font-size: 48px;
    line-height: 130%;
    color: var(--white);
    margin-bottom: 25px;
}

.banner-title * {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin-top: 0;
    margin-bottom: 0;
}

.banner-title a {
    text-decoration: none;
}

.banner-title a:hover {
    color: var(--primaryLightBlue);
}

/* banner-title */

/* section-title */
.section-title {
    font-weight: 600;
    font-size: 48px;
    line-height: 130%;
    color: var(--primaryNavy);
    margin-bottom: 20px;
}

.section-title * {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin-top: 0;
    margin-bottom: 0;
}

.section-title a {
    text-decoration: none;
}

.section-title a:hover {
    color: var(--primaryLightBlue);
}

/* section-title */

/* block-title */
.block-title {
    font-weight: 600;
    font-size: 36px;
    line-height: 130%;
    color: var(--primaryNavy);
    margin-bottom: 20px;
}

.block-title * {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin-top: 0;
    margin-bottom: 0;
}

.block-title a {
    text-decoration: none;
}

.block-title a:hover {
    color: var(--primaryLightBlue);
}

/* block-title */

/* block-small-title */
.block-small-title {
    font-weight: 600;
    font-size: 28px;
    line-height: 130%;
    color: var(--primaryNavy);
    margin-bottom: 20px;
}

.block-small-title * {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin-top: 0;
    margin-bottom: 0;
}

.block-small-title a {
    text-decoration: none;
}

.block-small-title a:hover {
    color: var(--primaryLightBlue);
}

/* block-small-title */

/* buttons */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    padding: 10px 34px;
    border: 1px solid transparent;
    box-shadow: none;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.btn svg {
    margin-left: 10px;
}

.btn.btn-small {
    font-size: 14px;
    padding: 8px 22px;
}

.btn.btn-large {
    padding: 16px 65px;
}

.btn-simple-white {
    color: var(--white) !important;
    border-color: var(--white) !important;
    background: transparent !important;
}

.btn-simple-white:active,
.btn-simple-white:focus {
    color: var(--white) !important;
    border-color: var(--white) !important;
    background: transparent !important;
}

.btn-simple-white:active:focus,
.btn-simple-white:hover {
    color: var(--primaryBlack) !important;
    border-color: var(--white) !important;
    background: var(--white) !important;
}

.btn-white {
    color: var(--primaryBlack) !important;
    border-color: var(--white) !important;
    background: var(--white) !important;
}

.btn-white:active,
.btn-white:focus {
    color: var(--primaryBlack) !important;
    border-color: var(--white) !important;
    background: var(--white) !important;
}

.btn-white:active:focus,
.btn-white:hover {
    color: var(--white) !important;
    border-color: var(--primaryBlack) !important;
    background: var(--primaryBlack) !important;
}

.btn-simple-black {
    color: var(--primaryBlack) !important;
    border-color: var(--primaryBlack) !important;
    background: transparent !important;
}

.btn-simple-black:active,
.btn-simple-black:focus {
    color: var(--primaryBlack) !important;
    border-color: var(--primaryBlack) !important;
    background: transparent !important;
}

.btn-simple-black:active:focus,
.btn-simple-black:hover {
    color: var(--white) !important;
    border-color: var(--primaryBlack) !important;
    background: var(--primaryBlack) !important;
}

.btn-black {
    color: var(--white) !important;
    border-color: var(--primaryBlack) !important;
    background: var(--primaryBlack) !important;
}

.btn-black:active,
.btn-black:focus {
    color: var(--white) !important;
    border-color: var(--primaryBlack) !important;
    background: var(--primaryBlack) !important;
}

.btn-black:active:focus,
.btn-black:hover {
    color: var(--primaryBlack) !important;
    border-color: var(--primaryLightBlue) !important;
    background: var(--primaryLightBlue) !important;
}

.btn-simple-blue {
    color: var(--primaryNavy) !important;
    border-color: var(--primaryNavy) !important;
    background: transparent !important;
}

.btn-simple-blue:active,
.btn-simple-blue:focus {
    color: var(--primaryNavy) !important;
    border-color: var(--primaryNavy) !important;
    background: transparent !important;
}

.btn-simple-blue:active:focus,
.btn-simple-blue:hover {
    color: var(--white) !important;
    border-color: var(--primaryNavy) !important;
    background: var(--primaryNavy) !important;
}

.btn-blue {
    color: var(--white) !important;
    border-color: var(--primaryNavy) !important;
    background: var(--primaryNavy) !important;
}

.btn-blue:active,
.btn-blue:focus {
    color: var(--white) !important;
    border-color: var(--primaryNavy) !important;
    background: var(--primaryNavy) !important;
}

.btn-blue:active:focus,
.btn-blue:hover {
    color: var(--primaryNavy) !important;
    border-color: var(--primaryLightBlue) !important;
    background: var(--primaryLightBlue) !important;
}

.btn-simple-simple-parrot {
    color: var(--primaryGreen) !important;
    border-color: var(--primaryGreen) !important;
    background: transparent !important;
}

.btn-simple-simple-parrot:active,
.btn-simple-simple-parrot:focus {
    color: var(--primaryGreen) !important;
    border-color: var(--primaryGreen) !important;
    background: transparent !important;
}

.btn-simple-simple-parrot:active:focus,
.btn-simple-simple-parrot:hover {
    color: var(--primaryNavy) !important;
    border-color: var(--primaryGreen) !important;
    background: var(--primaryGreen) !important;
}

.btn-simple-parrot {
    color: var(--white) !important;
    border-color: var(--white) !important;
    background: transparent !important;
}

.btn-simple-parrot:active,
.btn-simple-parrot:focus {
    color: var(--white) !important;
    border-color: var(--white) !important;
    background: transparent !important;
}

.btn-simple-parrot:active:focus,
.btn-simple-parrot:hover {
    color: var(--primaryNavy) !important;
    border-color: var(--white) !important;
    background: var(--white) !important;
}

.btn-parrot {
    color: var(--primaryNavy) !important;
    border-color: var(--primaryGreen) !important;
    background: var(--primaryGreen) !important;
}

.btn-parrot:active,
.btn-parrot:focus {
    color: var(--primaryNavy) !important;
    border-color: var(--primaryGreen) !important;
    background: var(--primaryGreen) !important;
}

.btn-parrot:active:focus,
.btn-parrot:hover {
    color: var(--primaryNavy) !important;
    border-color: var(--secondaryYellow) !important;
    background: var(--secondaryYellow) !important;
}


.btn-yellow {
    color: var(--primaryNavy) !important;
    border-color: var(--secondaryYellow) !important;
    background: var(--secondaryYellow) !important;
}

.btn-yellow:active,
.btn-yellow:focus {
    color: var(--primaryNavy) !important;
    border-color: var(--secondaryYellow) !important;
    background: var(--secondaryYellow) !important;
}

.btn-yellow:active:focus,
.btn-yellow:hover {
    color: var(--primaryNavy) !important;
    border-color: var(--primaryGreen) !important;
    background: var(--primaryGreen) !important;
}

.btn-simple-sky {
    color: var(--primaryLightBlue) !important;
    border-color: var(--primaryLightBlue) !important;
    background: transparent !important;
}

.btn-simple-sky:active,
.btn-simple-sky:focus {
    color: var(--primaryLightBlue) !important;
    border-color: var(--primaryLightBlue) !important;
    background: transparent !important;
}

.btn-simple-sky:active:focus,
.btn-simple-sky:hover {
    color: var(--white) !important;
    border-color: var(--primaryLightBlue) !important;
    background: var(--primaryLightBlue) !important;
}

.btn-sky {
    color: var(--primaryNavy) !important;
    border-color: var(--primaryLightBlue) !important;
    background: var(--primaryLightBlue) !important;
}

.btn-sky:active,
.btn-sky:focus {
    color: var(--primaryNavy) !important;
    border-color: var(--primaryLightBlue) !important;
    background: var(--primaryLightBlue) !important;
}

.btn-sky:active:focus,
.btn-sky:hover {
    color: var(--primaryNavy) !important;
    border-color: var(--primaryGreen) !important;
    background: var(--primaryGreen) !important;
}

.btn-simple-purple {
    color: var(--primaryPurple) !important;
    border-color: var(--primaryPurple) !important;
    background: transparent !important;
}

.btn-simple-purple:active,
.btn-simple-purple:focus {
    color: var(--primaryPurple) !important;
    border-color: var(--primaryPurple) !important;
    background: transparent !important;
}

.btn-simple-purple:active:focus,
.btn-simple-purple:hover {
    color: var(--white) !important;
    border-color: var(--primaryPurple) !important;
    background: var(--primaryPurple) !important;
}

.btn-purple {
    color: var(--white) !important;
    border-color: var(--primaryPurple) !important;
    background: var(--primaryPurple) !important;
}

.btn-purple:active,
.btn-purple:focus {
    color: var(--white) !important;
    border-color: var(--primaryPurple) !important;
    background: var(--primaryPurple) !important;
}

.btn-purple:active:focus,
.btn-purple:hover {
    color: var(--primaryNavy) !important;
    border-color: var(--vividSkyBlue) !important;
    background: var(--vividSkyBlue) !important;
}

.btn-success-outline {
    border: 1px solid var(--primaryGreen);
    background-color: transparent;
    color: var(--primaryGreen);
}

.btn-success-outline:hover {
    border: 1px solid var(--primaryGreen);
    background-color: var(--primaryGreen);
    color: var(--primaryNavy);
}

.btn-success-outline-ai {
    position: relative;
    border: 0;
    background-color: transparent;
    margin-top: -2px;
    z-index: 1;
    color: var(--white);
}

.btn-success-outline-ai span {
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
    z-index: 4;
}

.btn-success-outline-ai span img {
    width: 22px;
    height: 22px;
}

.btn-success-outline-ai span .text {
    background: var(--Gradients-Green, linear-gradient(255deg, #029DE0 0%, #5DD49D 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.btn-success-outline-ai:hover span img {
    filter: brightness(0) saturate(100%) invert(12%) sepia(26%) saturate(5160%) hue-rotate(192deg) brightness(102%) contrast(104%);
    -webkit-filter: brightness(0) saturate(100%) invert(12%) sepia(26%) saturate(5160%) hue-rotate(192deg) brightness(102%) contrast(104%);
}

.btn-success-outline-ai::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 100%;
    height: 100%;
    background-color: #012e55;
    z-index: 2;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.btn-success-outline-ai::after {
    content: "";
    position: absolute;
    border-radius: 2px;
    top: 0px;
    left: 0px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background: linear-gradient(45deg, #5DD49D, #029DE0);
    z-index: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.btn-success-outline-ai:hover::before {
    opacity: 0;
}

.btn-success-outline-ai:hover span .text {
    background: unset;
    background-clip: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    color: var(--primaryNavy);
}

.border-r-2 {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

/* buttons */

/* slick-slider */
.slick-slider .slick-slide {
    outline: none;
}

.slick-slider .slick-dots {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 -5px;
}

.slick-slider .slick-dots li {
    display: inline-flex;
    align-items: center;
    margin: 0 5px 7px;
    padding: 0;
    list-style-type: none;
    cursor: pointer;
    width: 10px;
    height: 10px;
    background: var(--primaryPurple);
    opacity: 0.5;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.slick-slider .slick-dots li.slick-active,
.slick-slider .slick-dots li:hover {
    opacity: 1;
}

.slick-slider .slick-dots li button {
    display: none;
}

.custom-slick-arrows {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.custom-slick-arrows>* {
    margin: 0 7px;
}

.custom-slick-arrows>*:first-child {
    margin-left: 0;
}

.custom-slick-arrows>*:last-child {
    margin-right: 0;
}

.custom-slick-arrows .slick-arrow.slick-disabled {
    opacity: 0.5;
    cursor: default;
}

/* slick-slider */

/* common-main-title-with-detail */
.common-main-title-with-detail {
    margin-bottom: 70px;
}

/* common-main-title-with-detail */

/* common-form */
.common-form .row {
    margin: 0 -15px !important;
}

.common-form .row>* {
    padding: 0 15px !important;
}

.common-form .form-group {
    margin-bottom: 30px;
}

.common-form .form-label {
    position: relative;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    color: var(--darkLiver);
    margin-bottom: 5px;
}

.common-form .required-field .form-label:after {
    position: relative;
    content: "*";
    margin-left: 5px;
    color: var(--red);
}

.common-form .form-select,
.common-form .form-control {
    resize: none;
    height: 55px;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: var(--primaryBlack);
    background-color: var(--aliceBlue);
    padding: 6px 25px;
    border: none;
    box-shadow: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.common-form .form-control::-webkit-input-placeholder {
    color: var(--darkLiver);
}

.common-form .form-control::-moz-placeholder {
    color: var(--darkLiver);
}

.common-form .form-control:-ms-input-placeholder {
    color: var(--darkLiver);
}

.common-form .form-control:-o-placeholder {
    color: var(--darkLiver);
}

.common-form textarea.form-control {
    height: 165px;
}

/* common-form */

/* common-select2-block */
.common-select2-block .select2 {
    width: 100% !important;
}

.common-select2-block .select2 .select2-selection {
    display: flex;
    align-items: center;
    border: none;
    box-shadow: none;
    outline: none;
    height: 55px;
    background: var(--aliceBlue);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.common-select2-block .select2 .select2-selection .select2-selection__rendered {
    width: 100%;
    font-size: 18px;
    line-height: 150%;
    color: var(--darkLiver);
    padding: 13px 50px 13px 25px;
}

.common-select2-block .select2 .select2-selection .select2-selection__arrow {
    right: 18px;
    width: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.common-select2-block .select2 .select2-selection .select2-selection__arrow:before {
    position: relative;
    content: "\f107";
    font-family: 'FontAwesome';
    color: var(--darkLiver);
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
}

.common-select2-block .select2.select2-container--open .select2-selection .select2-selection__arrow:before {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}

.common-select2-block .select2 .select2-selection .select2-selection__arrow b {
    display: none;
}

.common-dropdown-selectbox {
    border: 1px solid var(--lightSilver) !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.common-dropdown-selectbox .select2-results {
    background: var(--aliceBlue);
}

.common-dropdown-selectbox .select2-results .select2-results__option {
    padding: 10px 15px;
    font-size: 16px;
    line-height: 150%;
    color: var(--darkLiver);
    border-bottom: 1px solid var(--lightSilver);
}

.common-dropdown-selectbox .select2-results .select2-results__option:last-child {
    border: none;
}

.common-dropdown-selectbox .select2-results .select2-results__option.select2-results__option--highlighted {
    background: transparent;
    color: var(--darkLiver);
}

.common-dropdown-selectbox .select2-results .select2-results__option.select2-results__option--selected,
.common-dropdown-selectbox .select2-results .select2-results__option:hover {
    color: var(--white);
    background: var(--darkLiver);
}

/* common-select2-block */

/* common-social-icons */
.common-social-icons.white-layout ul li {
    color: var(--white) !important;
}

.common-social-icons ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
}

.common-social-icons ul li {
    display: inline-flex !important;
    margin: 0 15px 10px !important;
    padding: 0 !important;
    list-style-type: none !important;
    font-size: 35px !important;
    line-height: 100% !important;
    color: var(--primaryBlack);
}

.common-social-icons ul li:first-child {
    margin-left: 0 !important;
}

.common-social-icons ul li:last-child {
    margin-right: 0 !important;
}

.common-social-icons ul li a {
    text-decoration: none !important;
    color: inherit !important;
}

.common-social-icons ul li a:hover {
    color: var(--primaryLightBlue) !important;
}

ul {
    padding-left: 0;
}

ul li {
    list-style: none;
}

.container-fluid {
    max-width: 1196px;
    margin: 0 auto;
    width: 100%;
}

.container-fluid-base {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.container-fluid-lg {
    width: 100%;
    max-width: 1202px;
    margin: 0 auto;
}

.dropdown-toggle::after {
    display: none;
}


/* common-social-icons */

/* Common Page Css */
.body-wrapper {
    display: flex;
    align-items: stretch;
    width: 100%;
}

.page-wrapper {
    width: 100%;
    background-color: rgba(5, 0, 56, 0.3);
}

.page-wrapper:has(.header3) {
    width: 100%;
    background-color: rgba(5, 0, 56, 0) !important;
}

.container-mini {
    max-width: 1336px;
    margin: 0 auto;
    width: 100%;
}


/* Custom Tooltip */
.tooltip-trigger {
    position: relative !important;
}

.custom-tooltip {
    z-index: 9;
    position: absolute;
    background-color: var(--white);
    color: var(--primaryBlack);
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
    white-space: nowrap;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    pointer-events: none;
    visibility: hidden;
}

.tooltip-trigger:hover .custom-tooltip {
    opacity: 1;
    visibility: visible;
}

/* Tooltip positioning */
.tooltip-trigger[data-position="top"] .custom-tooltip {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 10px;
}

.tooltip-trigger[data-position="bottom"] .custom-tooltip {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 10px;
}

.tooltip-trigger[data-position="left"] .custom-tooltip {
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 10px;
}

.tooltip-trigger[data-position="right"] .custom-tooltip {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 10px;
}

/* Custom Tooltip */
/* Common Page Css */
/*==================================================================*/
/*========== Sidebar Start ==========*/
/*==================================================================*/
.sidebar {
    width: 80px;
    height: 100dvh;
    background-color: #0E2148;
}

.sidebar .sidebar-toggle-menu {
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar .sidebar-toggle-menu a {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.sidebar .sidebar-toggle-menu a:hover {
    opacity: 0.6;
}

.sidebar .sidebar-menu-container {
    height: calc(100dvh - 69px);
    width: 100%;
    padding: 22px 14px;
}

.sidebar .sidebar-menu-container ul {
    margin: 0;
}

.sidebar .sidebar-menu-container ul li {
    margin-bottom: 25px;
}

.sidebar .sidebar-menu-container ul a {
    width: 52px;
    padding: 10px;
    height: 52px;
    display: block;
    border-radius: 8px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.sidebar .sidebar-menu-container ul a.active,
.sidebar .sidebar-menu-container ul a:hover {
    background: #0B276A;
}

.sidebar .sidebar-menu-container ul a img {
    width: auto;
}

.sidebar .tooltip-trigger[data-position="right"] .custom-tooltip {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 20px;
}



/* Slidebar Slide */
.sidebarSlide {
    max-width: 400px;
    width: 100%;
    background-color: #0E2148;
    border: 0;
}

.sidebarSlide .offcanvas-header {
    height: 65px;
    min-height: 65px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0 20px;
}

.sidebarSlide .offcanvas-header .closeButton {
    opacity: 1;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.sidebarSlide .offcanvas-header .closeButton:hover {
    opacity: 0.6;
}

.sidebarSlide .offcanvas-body {
    padding: 22px 20px;
}


.sidebarSlide .offcanvas-body ul {
    margin: 0;
}

.sidebarSlide .offcanvas-body ul li {
    margin-bottom: 8px;
}

.sidebarSlide .offcanvas-body ul a {
    width: 100%;
    padding: 10px;
    display: block;
    border-radius: 8px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: start;
    color: var(--white);
    gap: 15px;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.sidebarSlide .offcanvas-body ul a.active,
.sidebarSlide .offcanvas-body ul a:hover {
    background: #0B276A;
}

/* Slidebar Slide */

/*==================================================================*/
/*========== Sidebar Start ==========*/
/*==================================================================*/

/*==================================================================*/
/*========== Header Start ==========*/
/*==================================================================*/
.header {
    padding: 0px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    z-index: 2;
    position: sticky;
    top: 0;
}

.header .brandImage {
    z-index: 2;
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
}

.header .navbar {
    padding: 0;
}

.header .navbar .navbar-nav .nav-item {
    position: relative;
}

.header .navbar .navbar-nav .nav-link {
    padding: 20.5px 0;
    margin: 0 15px;
    color: var(--white);
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    position: relative;
}

.header .navbar .navbar-nav .nav-link:focus-visible {
    box-shadow: unset !important;
}

.header .navbar #menu-header-menu>.nav-item::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background-color: var(--primaryGreen);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.header .navbar #menu-header-menu>.current-menu-item.nav-item::before,
.header .navbar #menu-header-menu>.nav-item:hover::before {
    animation: headerlineanimate 0.6s forwards ease-in-out;
    -webkit-animation: headerlineanimate 0.6s forwards ease-in-out;
}

.header .navbar #menu-header-menu>.current-menu-item .nav-link {
    opacity: 1 !important;
}

@keyframes headerlineanimate {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.header .navbar .navbar-nav .nav-link svg {
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
}

.header .navbar .navbar-nav .nav-link.show svg {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.header .navbar .navbar-nav .dropdown-menu {
    width: 100%;
    max-width: 320px;
    border-radius: 8px;
    border: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.header .navbar .navbar-nav .dropdown-menu .dropdown-item {
    color: var(--primaryBlack);
    line-height: normal;
    padding: 8px 20px;
    border-bottom: 1px solid transparent;
}

.header .navbar .navbar-nav .nav-link-img {
    display: none;
}

.header .navbar .navbar-nav .dropdown-menu .dropdown-item .nav-link-img {
    display: none;
}

.header .navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
    color: rgb(5, 242, 131, 0.6);
    text-decoration: underline;
    background-color: transparent;
}

.header .navbar-toggler {
    border: 0;
}

.header .navbar-toggler .hamburger-toggle {
    width: 100%;
    height: 100%;
}

.header .navbar-toggler .hamburger {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    row-gap: 8px;
}

.header .navbar-toggler .hamburger span {
    display: block;
    width: 32px;
    height: 2px;
    background: var(--white);
    position: relative;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
}

.header.h-stick .navbar-toggler .hamburger span {
    background: var(--primaryBlack);
}

.header .navbar-toggler .hamburger span:first-child {
    top: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.header .navbar-toggler .hamburger span:nth-child(2) {
    opacity: 0;
}

.header .navbar-toggler .hamburger span:last-child {
    margin: 0;
    top: -10px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.header .navbar-toggler.collapsed .hamburger span {
    opacity: 1 !important;
    top: auto !important;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

.header .menu-item-has-children {
    position: relative;
    padding-right: 26px;
}

.header .menu-item-has-children:has(.show)::after {
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
}

.header .menu-item-has-children::after {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"><path d="M3.15705 4.21829L1.97705 5.40496L8.57705 11.9983L15.1771 5.39829L13.9971 4.21829L8.57705 9.63829L3.15705 4.21829Z" fill="white"/></svg>');
    top: 50%;
    right: 16px;
    transition: all 0.2s ease-in-out;
    transform: translateY(-50%) rotate(0);
    -webkit-transform: translateY(-50%) rotate(0);
    -moz-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    -o-transform: translateY(-50%) rotate(0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}


.header .default-menu {
    display: flex;
    align-items: center;
}

.header .default-menu ul {
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .default-menu ul li a {
    color: var(--white);
    opacity: 1 !important;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.header .default-menu .nav-item::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background-color: var(--primaryGreen);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.header .default-menu .current-menu-item.nav-item::before,
.header .default-menu .nav-item:hover::before {
    animation: headerlineanimate 0.6s forwards ease-in-out;
    -webkit-animation: headerlineanimate 0.6s forwards ease-in-out;
}

.header .deskHideHeader {
    display: none;
}

/*==================================================================*/
/*========== Header End ==========*/
/*==================================================================*/

/*==================================================================*/
/*========== Header End ==========*/
/*==================================================================*/
.header2 .navbar-nav {
    margin-top: 0;
}

.header2 .navbar .navbar-nav .nav-link {
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.header2 .navbar-nav .nav-link:focus-visible {
    box-shadow: unset !important;
}

.header2 .navbar-nav .nav-item::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background-color: var(--primaryGreen);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.header2 .navbar-nav .current-menu-item.nav-item::before,
.header .navbar-nav .nav-item:hover::before {
    animation: headerlineanimate 0.6s forwards ease-in-out;
    -webkit-animation: headerlineanimate 0.6s forwards ease-in-out;
    opacity: 1 !important;
}

.header2 .navbar .navbar-nav .current-menu-item .nav-link,
.header2 .navbar .navbar-nav .nav-link:hover {
    opacity: 1 !important;
}

/*==================================================================*/
/*========== Header End ==========*/
/*==================================================================*/


/*==================================================================*/
/*========== Main Wrapper Start ==========*/
/*==================================================================*/
.main-wrapper {
    max-width: 100%;
    padding: 24px;
    height: calc(100dvh - 70px);
    overflow: hidden;
}

.scrollbar-main .main-wrapper,
.page-template-tpl_overview .main-wrapper {
    max-width: 100%;
    padding: 24px;
    height: calc(100dvh - 94px) !important;
    overflow: auto;
}

.impactPageContainer {
    gap: 24px;
}

.details-container {
    max-width: 520px;
    width: 100%;
    height: calc(100dvh - 24px - 24px - 70px);
    overflow: auto;
}

.bottom-sheet-container {
    z-index: 1;
    max-width: 520px;
    width: 100%;
}

.details-container .country-data>*:last-child {
    margin-bottom: 0 !important;
}


/*==================================================================*/
/*========== Large Card Start ==========*/
/*==================================================================*/
.large-card {
    overflow: hidden;
    border-radius: 8px;
    background: linear-gradient(253deg, #1A346A 0.85%, #172D55 37.89%, #002B56 67.52%, #011C37 96.66%);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    margin-bottom: 10px;
}

.large-card .card-img-container {
    position: relative;
}

.large-card .card-img {
    max-height: 225px;
    height: 225px;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}

.large-card .card-img * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.large-card .card-body {
    padding: 30px 30px 40px;
}

.large-card .card-body .title {}

.large-card .card-body .title img {
    margin-bottom: 0;
    max-width: 50px;
}

.large-card .card-body .title * {
    display: flex;
    align-items: center;
    gap: 20px;
    color: var(--primaryGreen);
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 20px;
}

.large-card .card-body .disc * {
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
}

.large-card .card-body .back-action .btn-back {
    position: relative;
    border-radius: 3px;
    border: 1px solid var(--white);
    padding: 5px 10px;

    color: var(--white);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.large-card .card-body .back-action .btn-back svg {
    width: 12px;
    height: 12px;
    margin-left: 0;
}

.large-card .card-body .back-action .btn-back:hover svg path {
    fill: var(--primaryNavy);
}

.large-card .card-body .back-action .btn-back:hover {
    background-color: var(--white);
    color: var(--primaryNavy);
}

.large-card .countryBanner-img {
    width: 100%;
    height: 225px;
}

.large-card .countryBanner-img * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.large-card .custom-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
}

.large-card .slider-action {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 9;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.80);
    box-shadow: 0px 202px 57px 0px rgba(0, 0, 0, 0.00), 0px 129px 52px 0px rgba(0, 0, 0, 0.00), 0px 73px 44px 0px rgba(0, 0, 0, 0.02), 0px 32px 32px 0px rgba(0, 0, 0, 0.03), 0px 8px 18px 0px rgba(0, 0, 0, 0.03);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.large-card .countryBanner-action {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background-color: transparent;
}

.large-card .countryBanner-action.swiper-button-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.large-card .counter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    text-align: center;
    color: var(--primaryDarkBlue);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

/*==================================================================*/
/*========== Large Card End ==========*/
/*==================================================================*/

/*==================================================================*/
/*========== Number Card Start ==========*/
/*==================================================================*/
.number-card {
    margin-bottom: 10px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 10px;
}

.number-card .card {
    flex: 1 0 0;
    border-radius: 5px;
    padding: 15px 30px;
    background: var(--primaryDarkBlue);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.number-card .title * {
    color: var(--primaryGreen);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 6px;
}

.number-card .disc * {
    color: var(--white);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: uppercase;
    margin-bottom: 0;
}

/*==================================================================*/
/*========== Number Card End ==========*/
/*==================================================================*/


/*==================================================================*/
/*========== Vertical Graph Card Start ==========*/
/*==================================================================*/
.vertical-graph-card {
    border-radius: 8px;
    background: var(--primaryDarkBlue);
    padding: 20px 30px;
    margin-bottom: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.vertical-graph-card .heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.vertical-graph-card .heading .title * {
    color: var(--white);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 0;
}

.vertical-graph-card .heading .total {
    padding: 10px 35px;
    border-radius: 8px;
    background: #0E2D94;
}

.vertical-graph-card .heading .total * {
    color: var(--primaryGreen);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 0;
}

/*==================================================================*/
/*========== Vertical Graph Card End ==========*/
/*==================================================================*/

/*==================================================================*/
/*========== Horizontal Graph Card Start ==========*/
/*==================================================================*/
.horizontal-graph-card {
    border-radius: 8px;
    background: var(--primaryDarkBlue);
    margin-bottom: 10px;
    overflow: hidden;
    padding: 20px 30px;
}

.horizontal-graph-card .heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.horizontal-graph-card .heading .title * {
    color: var(--white);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 0;
}

.horizontal-graph-card .heading .total {
    padding: 10px 35px;
    border-radius: 8px;
    background: #0E2D94;
}

.horizontal-graph-card .heading .total * {
    color: var(--primaryGreen);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 0;
}

.horizontal-graph-card .horizontal-graph {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.horizontal-graph-card .horizontal-graph .graph-bar {
    height: 60px;
    width: 0;
    transition: width 0.5s linear;
    overflow: hidden;
    -webkit-transition: width 0.5s linear;
    -moz-transition: width 0.5s linear;
    -ms-transition: width 0.5s linear;
    -o-transition: width 0.5s linear;
}

.horizontal-graph-card .horizontal-graph .graphF {
    background: #96EFB5;
}

.horizontal-graph-card .horizontal-graph .graphO {
    background: #D1D1FF;
}

.horizontal-graph-card .horizontal-graph .graphM {
    background: #039DE0;
}

.horizontal-graph-card .horizontal-graph .graph-content {
    padding: 3px 13px;
}

.horizontal-graph-card .horizontal-graph .graph-content .number * {
    color: var(--primaryNavy);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 0;
}

.horizontal-graph-card .horizontal-graph .graph-content .disc * {
    color: var(--primaryNavy);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: uppercase;
    margin-bottom: 0;
}

.horizontal-graph-card .number-card {
    margin-top: 20px;
    margin-bottom: 0;
}

.horizontal-graph-card .number-card .card {
    border: 0;
    background-color: #0E2D94;
}

/*==================================================================*/
/*========== Horizontal Graph Card End ==========*/
/*==================================================================*/

/*==================================================================*/
/*========== Full Card Start ==========*/
/*==================================================================*/
.full-card {
    padding: 50px 30px;
    border-radius: 8px;
    background: #011D78;
    min-height: 100%;
}

.full-card .profile-action {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.full-card .profile-action .profile {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.full-card .profile-action .profile * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.full-card .back-action .btn-back {
    position: relative;
    border-radius: 3px;
    border: 1px solid var(--white);
    padding: 5px 10px;

    color: var(--white);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.full-card .back-action .btn-back svg {
    width: 12px;
    height: 12px;
    margin-left: 0;
}

.full-card .back-action .btn-back:hover svg path {
    fill: var(--primaryNavy);
}

.full-card .back-action .btn-back:hover {
    background-color: var(--white);
    color: var(--primaryNavy);
}

.full-card .profile-name * {
    overflow-wrap: break-word;
    color: var(--primaryGreen);
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 0px;
}

.full-card .profile-name.data-content {
    filter: blur(12px);
    -webkit-filter: blur(12px);
}

.full-card .profile-company>* {
    margin-bottom: 30px;
}

.full-card .profile-company * {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.full-card:not(:has(.profile-company)) .profile-name {
    margin-bottom: 30px;
}

.full-card .profile-company a {
    color: var(--white);
}

.full-card .profile-company a:hover {
    color: var(--primaryGreen);
}

.full-card .country-programme-container {
    border: 1px solid var(--primaryGreen);
    display: flex;
    align-items: stretch;
    margin-bottom: 50px;
}

.full-card .country-programme-container .country {
    padding: 10px 20px 10px 51px;
    border-right: 1px solid var(--primaryGreen);
}

.full-card .country-programme-container .country .table-title {
    position: relative;
}

.full-card .country-programme-container .country .table-title::before {
    position: absolute;
    content: "";
    top: 0;
    left: -31px;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12.0004 1.51453C16.0017 1.51453 19.244 4.75828 19.244 8.75812C19.244 11.7581 13.8618 19.0936 12.0004 22.4489C10.2159 19.2286 4.75684 11.5819 4.75684 8.75812C4.75684 4.75828 8.00059 1.51453 12.0004 1.51453ZM15.2381 8.48531C15.2381 6.70265 13.784 5.24859 12.0004 5.24859C10.2182 5.24859 8.76418 6.70265 8.76418 8.48531C8.76418 10.2675 10.2182 11.7216 12.0004 11.7216C13.784 11.7216 15.2381 10.2675 15.2381 8.48531Z" fill="%23E74C3C"/></svg>');
}

.full-card .country-programme-container .country .table-title * {
    color: var(--primaryLightBlue);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
    text-transform: uppercase;
}

.full-card .country-programme-container .country .table-data * {
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
}



.full-card .country-programme-container .programme {
    padding: 10px 20px;
}

.full-card .country-programme-container .programme .table-title * {
    color: var(--primaryLightBlue);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
    text-transform: uppercase;
}

.full-card .country-programme-container .programme .table-data * {
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
}

.full-card .profile-details .content * {
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 24px;
}

.full-card .profile-details .content *:last-child {
    margin-bottom: 0;
}

/*==================================================================*/
/*========== Full Card End ==========*/
/*==================================================================*/

/*==================================================================*/
/*========== Main Wrapper End ==========*/
/*==================================================================*/

/*==================================================================*/
/*========== Map End ==========*/
/*==================================================================*/
.map-container {
    width: 100%;
    height: calc(100dvh - 24px - 24px - 70px);
    background-color: var(--primaryLightBlue);
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.zoom-btn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 26px;
    height: 26px;
    background-color: #0000;
    border: 0;
    padding: 0;
    cursor: pointer;
}

/*==================================================================*/
/*========== Map End ==========*/
/*==================================================================*/



/*==================================================================*/
/*========== New Class Add Start ==========*/
/*==================================================================*/

#graduates,
#youth-work {
    margin-bottom: 0px;
    width: 100%;
    height: 263px;
}

.active-gender {
    padding: 45px 0 45px 0;
}

.active-gender .heading .title * {
    color: var(--white);
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    max-width: 408px;
    width: 100%;
    margin: 0 auto 13px;
}

.active-gender .heading .subtitle * {
    color: var(--white);
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    opacity: 0.8;
    max-width: 631px;
    width: 100%;
    margin: 0 auto 65px;
}

.active-gender .year-tabs ul {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 47px;
    flex-wrap: wrap;
}

.active-gender .year-tabs a {
    opacity: 0.75;
    color: var(--white);
    border: 1.5px solid rgba(255, 255, 255, 0);
    padding: 8px 30px;
}

.active-gender .year-tabs a:hover {
    opacity: 1;
    color: var(--white);
    border: 1.5px solid rgba(255, 255, 255, 0);
}

.active-gender .year-tabs a.active:hover,
.active-gender .year-tabs a.active {
    opacity: 1;
    color: rgba(255, 255, 255, 0.75);
    border: 1.5px solid var(--primaryGreen);
}

.active-gender .active-gender-container {
    max-width: 784px;
    width: 100%;
    display: flex;
    gap: 18px;
    margin: 0 auto 100px;
}

.active-gender .active-gender-container .graph {
    min-height: 136px;
    font-weight: bold;
    overflow: hidden;
    background-color: #fff;
    width: 0;
}


.active-gender .active-gender-container h5 {
    font-size: 32px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 0;
    color: inherit;
}

.active-gender .active-gender-container p {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-transform: uppercase;
    color: inherit;
}

.active-gender .active-gender-container .female {
    background-color: #96EFB5;
    color: var(--primaryNavy);
}

.active-gender .active-gender-container .undisclosed {
    background-color: #D1D1FF;
    color: var(--white);
    position: relative;
    overflow: visible;
}

.active-gender .active-gender-container .undisclosed .graph-data {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    z-index: 999;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    text-align: center;
    max-width: 272px;
    width: 100%;
    min-width: 272px;
    display: none;
}

.active-gender .active-gender-container .undisclosed .graph-data.active {
    display: block;
    animation: appearBlock 1.6s forwards;
    -webkit-animation: appearBlock 1.6s forwards;
}

@keyframes appearBlock {
    0% {
        opacity: 0;
    }

    70% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.active-gender .active-gender-container .undisclosed .graph-data p {
    width: 100%;
}

.active-gender .active-gender-container .male {
    background-color: #039DE0;
    color: var(--white);
}

.graph-data {
    padding: 22px;
}

/* Active learners by gender */

/* typography */
.typography-section {
    padding: 100px 0;
}

.typography-section .back-home-button {
    padding-top: 30px;
}


/* typography */
/*==================================================================*/
/*========== New Class Add End ==========*/
/*==================================================================*/



.wrapper.scrollbar-dynamic {
    max-height: none;
}


/*==================================================================*/
/*========== alx-numbers Start ==========*/
/*==================================================================*/
.alx-numbers {
    padding: 49px 0;
}

.alx-numbers .heading {
    padding-bottom: 33px;
}

.alx-numbers .heading .title * {
    color: var(--primaryGreen);
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 26px;
}

.alx-numbers .heading .disc * {
    max-width: 655px;
    margin: 0 auto 26px;
    color: var(--white);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.alx-numbers .alx-numbers-container {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 24px;
}

.alx-numbers .alx-numbers-container .numbers-card {
    flex: 0 0 calc(20% - 20px);
    padding: 30px 22px 25px;
    border-radius: 8px;
    width: 100%;
    background: var(--Impact-Light-Blue, #1337AC);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.alx-numbers .alx-numbers-container .numbers-card .title * {
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
}

.alx-numbers .alx-numbers-container .numbers-card .number * {
    color: var(--primaryGreen);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 15px;
}

.alx-numbers .alx-numbers-container .numbers-card .mfo-details ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;

}

.alx-numbers .alx-numbers-container .numbers-card .mfo-details ul li {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--white);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

/*==================================================================*/
/*========== alx-numbers End ==========*/
/*==================================================================*/

/*==================================================================*/
/*========== map-area Start ==========*/
/*==================================================================*/
.map-area .map-main-tabs {
    border-bottom: none;
    overflow-x: auto;
}

.map-area .map-main-tabs ul {
    margin-top: 0;
    width: fit-content;
    margin-bottom: 11px;
    display: flex;
    overflow-x: auto;
    gap: 0;
    margin: 0 auto;
}

.map-area {
    padding-top: 48px;
    margin: 0 auto;
}

.main-map-box {
    max-width: 560px;
    border-radius: 0px;
    box-shadow: 0px 202px 57px 0px rgba(0, 0, 0, 0.00), 0px 129px 52px 0px rgba(0, 0, 0, 0.00), 0px 73px 44px 0px rgba(0, 0, 0, 0.02), 0px 32px 32px 0px rgba(0, 0, 0, 0.03), 0px 8px 18px 0px rgba(0, 0, 0, 0.03);
    -webkit-border-radius: 0px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.main-map-box .main-map-box-top {
    padding: 16px 21px 20px;
    display: flex;
    gap: 30px;
}

.overviewPage .main-map-box .main-map-box-top {
    padding: 16px 21px 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    row-gap: 15px;
}

.main-map-box-top .flag-contain p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    color: #002B56;
}

.main-map-box-top .flag-contain {
    display: flex;
    gap: 9px;
    align-items: center;
}

.main-map-box-top .flag-contain img {
    height: 18px !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.main-map-box-top ul {
    margin: 0;
    display: flex;

}

.main-map-box-top ul li span {
    display: block;
}

.main-map-box-top ul li {
    padding: 0 11px 0 11px;
    font-size: 10px;
    line-height: 150%;
    color: rgba(38, 38, 38, 0.6);
    letter-spacing: 0.2px;
    text-transform: uppercase;
    border-right: 1px solid rgba(38, 38, 38, 0.2);
}

.main-map-box-top ul li span {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    color: #002B56;
}

.main-map-box-top ul li:first-child {
    padding-left: 0;
}

.main-map-box .main-map-box-bottom {
    padding: 23px 32px 18px 32px;
    border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
}

.main-map-box-top ul li:last-child {
    padding-right: 0;
    border: none;
}

.main-map-box-bottom .profile-img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    flex: 0 0 auto;
    overflow: hidden;
}



.main-map-box-bottom .profile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.porfile-details .details-main p {
    font-size: 13px;
    font-weight: 500;
    line-height: 150%;
    color: #002B56;
    margin-bottom: 9px;
}

.porfile-details .details-main p span {
    color: #5648B7;
}

.porfile-details .user-name p {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    color: #002B56;
    margin-bottom: 0;
}

.porfile-details .user-postion p {
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #002B56;
    margin-bottom: 0;
}



.main-map-box-top .flag-contain p {
    margin-bottom: 0;
}

.main-map-box .main-map-box-bottom {
    display: flex;
    gap: 22px;
}


.map-area .map-main-tabs ul li a {
    color: var(--white);
    white-space: nowrap;
    padding: 15px 20px;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0.5;
    border: 1px solid var(--white);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.map-area .map-main-tabs ul li a:hover {
    opacity: 0.8;
}

.map-area .map-main-tabs ul li a.active {
    opacity: 1;
}

.map-area .main-map {
    display: flex;
    padding-top: 34px;
}

.map-area .main-map .country-list {
    margin: 20px 0 0;
    max-width: 260px;
    width: 100%;
    overflow: auto;
    max-height: calc(700px - 40px) !important;
}

.map-area .main-map .country-list a {
    display: flex;
    align-items: center;
    gap: 9px !important;
    padding: 20px;
    border: 1px solid rgba(2, 157, 224, 0.5);
    border-left: 0;
    border-bottom: 0;
}

.map-area .main-map .country-list li:last-child a {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 20px;
    border: 1px solid rgba(2, 157, 224, 0.5);
    border-left: 0;
}


.map-area .main-map .country-list li.active a {
    background-color: #1337AC;
    color: var(--white);
}

.map-area .main-map .country-list li:last-child {
    margin-bottom: 20px;
}

.map-area .main-map .country-list a:hover {
    background-color: #1337AC;
    color: var(--white);
}

.map-area .main-map .country-list a img {
    width: 24px;
    height: 18px;
}

.map-area #country-list li {
    padding: 0px !important;
    border-bottom: 0 !important;
    transition: background 0.3s, color 0.3s;
    display: flex;
    align-items: center;
    background: transparent !important;
    -webkit-transition: background 0.3s, color 0.3s;
    -moz-transition: background 0.3s, color 0.3s;
    -ms-transition: background 0.3s, color 0.3s;
    -o-transition: background 0.3s, color 0.3s;
}

.map-area #country-list li a {
    width: 100%;
    color: var(--white) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

/*==================================================================*/
/*========== map-area End ==========*/
/*==================================================================*/

/*==================================================================*/
/*========== Live Feed Start ==========*/
/*==================================================================*/
.live-feed {
    padding: 50px 0 40px;
}

.live-feed .live-feed-container {
    border-radius: 8px;
    background: #0C2B83;
    padding: 21px 34px;
    box-shadow: 0px 193px 54px 0px rgba(0, 0, 0, 0.00), 0px 123px 49px 0px rgba(0, 0, 0, 0.01), 0px 69px 42px 0px rgba(0, 0, 0, 0.05), 0px 31px 31px 0px rgba(0, 0, 0, 0.09), 0px 8px 17px 0px rgba(0, 0, 0, 0.10);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.live-feed .live-feed-container .title * {
    color: var(--primaryGreen);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}

.live-feed .live-feed-container .disc * {
    color: var(--white);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 5px;
}

.live-feed .live-feed-container .disc {
    padding-left: 27px;
    position: relative;
}

.live-feed .live-feed-container .disc-parent {
    position: relative;
}

.live-feed .live-feed-container .disc-parent::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1px;
    height: calc(100% - 14px);
    background: var(--primaryGreen);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 2;
}

.live-feed .live-feed-container {
    position: relative;
}


.live-feed .live-feed-container::before {
    position: absolute;
    content: "";
    top: 54px;
    left: 0;
    right: 0;
    width: 100%;
    height: 40px;
    z-index: 1;
    background: linear-gradient(0deg, rgba(12, 43, 131, 0) 0%, #0C2B83 70%);
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.live-feed .live-feed-container::after {
    position: absolute;
    content: "";
    bottom: 21px;
    left: 0;
    right: 0;
    width: 100%;
    height: 40px;
    z-index: 1;
    background: linear-gradient(180deg, rgba(12, 43, 131, 0) 0%, #0C2B83 70%);
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

/*==================================================================*/
/*========== Live Feed End ==========*/
/*==================================================================*/

/*==================================================================*/
/*========== moonshot-vision Start ==========*/
/*==================================================================*/
.moonshot-vision {
    padding: 40px 0;
}

.moonshot-vision .heading {
    max-width: 741px;
    margin: 0 auto;
    padding-bottom: 23px;
}

.moonshot-vision .heading .title * {
    color: var(--primaryGreen);
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 20px;
}

.moonshot-vision .heading .disc * {
    color: var(--white);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 20px;
}

.moonshot-vision .infographics {
    padding: 63px 82px 95px;
    border-radius: 8px;
    background: #1337AC;
    box-shadow: 0px 193px 54px 0px rgba(0, 0, 0, 0.00), 0px 123px 49px 0px rgba(0, 0, 0, 0.01), 0px 69px 42px 0px rgba(0, 0, 0, 0.05), 0px 31px 31px 0px rgba(0, 0, 0, 0.09), 0px 8px 17px 0px rgba(0, 0, 0, 0.10);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.moonshot-vision .infographics p {
    color: var(--white);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 0;
}

.moonshot-vision .infographics .graph-img {
    max-width: 963px;
    margin: 0 auto;
    padding-top: 52px;
    padding-bottom: 113px;
}

.moonshot-vision .infographics .cost-img {
    max-width: 319px;

    margin: 0 auto;
    padding: 21px 0 14px;
}

.moonshot-vision .infographics .cost-img * {
    width: 100%;
    height: 396px;
}

.moonshot-vision #youth-work222 {
    height: 344px;
    width: 100%;
}

.moonshot-vision .infographics .our-catgorys-wraper {
    padding-top: 12px;
    max-width: 100%;
    margin-right: clamp(0px, -220.00px + 18.33vw, 132px);
    display: flex;
    align-items: center;
    gap: 15px;
}

.moonshot-vision .infographics .our-catgorys-wraper ul {
    margin: 0;
}

.moonshot-vision .infographics .our-catgorys-wraper ul li {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    color: var(--white);
    display: flex;
    align-items: center;
    padding: 15px 30px;
    border-radius: 4px;
    background: #0E2D94;
    margin-bottom: 10px;
}

.moonshot-vision .infographics .our-catgorys-wraper ul li img {
    height: 48px;
    margin-right: 15px;
}

.catgorys-block.catgorys-right {
    max-width: 325px;
    margin-left: auto;
}

.catgorys-block.catgorys-right img {
    height: 290px;
    object-fit: cover;
}

.moonshot-vision .infographics .btn-green {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding: 15px 30px;
    border-radius: 8px;
    display: inline-block;
    border: 1px solid var(--primaryGreen);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    color: var(--primaryGreen);
}

.moonshot-vision .infographics .btn-green:hover {
    background-color: #05F283;
    color: #002B56;
}

.moonshot-vision .infographics .btn-container {
    padding: 66px 0 0;
}


/*==================================================================*/
/*========== moonshot-vision End ==========*/
/*==================================================================*/

/*==================================================================*/
/*========== moonshot-vision End ==========*/
/*==================================================================*/


/* Map Overright css */
.gm-style-iw-d,
.gm-style-iw {
    overflow: unset !important;
    padding: 0 !important;
}

.gm-style-iw-ch {
    display: none !important;
}

.gm-ui-hover-effect {
    position: absolute !important;
    right: 8px;
    top: 8px;
    width: 20px !important;
    height: 20px !important;
}

.gm-ui-hover-effect span {
    margin: 0 !important;
    width: 20px !important;
    height: 20px !important;
}

/* 04-03-25 */
/* Talents Page Start */

.graduates-wrp {
    padding: 50px 0 0;
}

.graduates-wrp .heading {
    margin: 0 0 49px;
}

.graduates-wrp .heading .title * {
    font-family: "Poppins";
    font-size: 36px;
    color: var(--primaryGreen);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-align: center;
}

.graduates-wrp .heading .disc {
    text-align: center;
    font-family: "Poppins";
    font-size: 18px;
    color: var(--white);
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    max-width: 589px;
    margin: 0 auto 0;
}

.graduates-wrp .heading .disc * {
    margin: 0;
}

.graduates-chart-main {
    border-radius: 8px;
    background: var(--primaryDarkBlue);
    padding: 92px 146px 109px 153px;
}

.outreach-chart-block .outreach-title * {
    color: var(--white);
    font-family: "Poppins";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.outreach-chart-block .title h4 {
    font-size: 72px;
    font-weight: 500;
    line-height: 130%;
    background: -webkit-linear-gradient(-45deg, #5DD49D 0%, #029DE0 100%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 3px transparent;
    padding: 10px 0;
    color: #0E1F40;
    margin-bottom: 0;
    text-align: center;
}

.outreach-chart-block .discription * {
    color: var(--white);
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    max-width: 693px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 51px;
}

.outreach-chart-block .women-tech-container {
    width: 100%;
    box-shadow: 0px 804px 225px 0px rgba(0, 0, 0, 0.00), 0px 515px 206px 0px rgba(0, 0, 0, 0.01), 0px 290px 174px 0px rgba(0, 0, 0, 0.05), 0px 129px 129px 0px rgba(0, 0, 0, 0.09), 0px 32px 71px 0px rgba(0, 0, 0, 0.10);
    background-color: #1337AC;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 96px 56px 82px 65px;
}

.women-and-tech {
    width: 100%;
    height: 296px;
}

.outreach-chart-block .graph-activity {
    display: flex;
    align-items: center;
    gap: 33px;
}

.outreach-chart-block .activity {
    max-width: 480px;
    width: 100%;
    padding: 10px;
    gap: 10px;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.outreach-chart-block .activity>* {
    width: 100%;
    flex-grow: 1;
    background-color: #0E2D94;
    padding: 15px 30px;
    display: flex;
    align-items: center;
}

.outreach-chart-block .activity>* h4 {
    position: relative;
    padding-right: 43px;
    color: var(--primaryGreen);
    font-size: 36px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 0;
    max-width: 110px;
}

.outreach-chart-block .activity>*:first-child h4::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background: url("../images/svgs/increse-arrow.svg") no-repeat center;
    background-size: cover;
}

.outreach-chart-block .activity>* p {
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 0;
}

.graduates-chart-main .active-gender-chart-block {
    padding: 86px 0 70px;
}

.active-gender-chart-block .active-gender-title * {
    position: relative;
    font-size: 20px;
    color: var(--white);
    font-weight: 500;
    line-height: 150%;
    width: fit-content;
    margin: 0 auto;
    padding: 0 0 43px;
    background: #1337AC;
}


.active-gender-chart-block .active-gender .year-tabs ul {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 38px;
    flex-wrap: wrap;
}

.active-gender-chart-block .active-gender .year-tabs a {
    color: rgb(255, 255, 255, 0.50);
    border: 1.5px solid rgba(255, 255, 255, 0);
    padding: 8px 30px;
}

.active-gender-chart-block .active-gender .year-tabs a:hover {
    opacity: 1;
    color: var(--white);
    border: 1.5px solid rgba(255, 255, 255, 0);
}

.active-gender-chart-block .active-gender .year-tabs a.active:hover,
.active-gender-chart-block .active-gender .year-tabs a.active {
    opacity: 1;
    color: rgba(255, 255, 255, 0.75);
    border: 1.5px solid var(--primaryGreen);
}

.graduates-programme-chart-block {
    margin: 0 auto;
}

.graduates-programme-title * {
    color: var(--white);
    text-align: center;
    font-family: "Poppins";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 49px;
}

.programmes {
    width: 100%;
    height: 770px;
}

.outreach-round-main .heading .title * {
    color: var(--primaryGreen);
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 38px;
}

.outreach-round-wrp {
    padding: 73px 0 81px;
}

.outreach-round-chart-main {
    display: flex;
    align-items: center;
    border-radius: 8px;
    background: var(--Impact-Light-Blue, #1337AC);
    padding: 69px 109px 68px;
}

.outreach-round-main .outreach-title * {
    color: var(--white);
    text-align: center;
    font-family: "Poppins";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 48px;
}

.outreach-round-main .ountreach-round-block {
    width: 100%;
    max-width: 558px;
}


#graduates-by-Programme {
    width: 100%;
    height: 250px;
}

#graduates-by-Programme1 {
    width: 100%;
    height: 250px;
}

.ountreach-round-block .graduates-detail-block {
    width: 100%;
    max-width: fit-content;
    margin: 0 auto;
}

.ountreach-round-block .mob-label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.ountreach-round-block .mob-label span {
    width: 20px;
    height: 20px;
    display: block;
}

.ountreach-round-block .mob-label p {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    text-transform: uppercase;
    margin-bottom: 0;
}

.activated-participants {
    padding-bottom: 167px;
}

.activated-participants .activated-participants-map {
    overflow: hidden;
}

.activated-participants-main .heading .title * {
    color: var(--primaryGreen);
    text-align: center;
    font-family: "Poppins";
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-transform: capitalize;
    margin: 0 auto 0;
    padding: 0 0 68px;
}

.activated-participants-main ul {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 64px;
    flex-wrap: wrap;
}

.activated-participants-main .activated-year-tabs a {
    font-weight: 400;
    color: rgb(255, 255, 255, 0.50);
    border: 1.5px solid rgba(255, 255, 255, 0);
    padding: 8px 30px;
}

.activated-participants-main .activated-year-tabs a:hover {
    opacity: 1;
    color: var(--white);
    border: 1.5px solid rgba(255, 255, 255, 0);
}

.activated-participants-main .activated-year-tabs a.active:hover,
.activated-participants-main .activated-year-tabs a.active {
    opacity: 1;
    color: rgba(255, 255, 255, 0.75);
    border: 1.5px solid var(--primaryGreen);
}

.activated-participants-map img {
    width: 100%;
    height: 680px;
    object-fit: cover;
}

/* 04-03-25 */
/* Talents Page end */


/* 05-03-25 */
/* Women Empowerment Page Start */

.women-empowerment-wrp {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

.women-empowerment-main {
    padding: 50px 0 0;
}

.women-empowerment-main .heading .title * {
    font-family: "Poppins";
    font-size: 36px;
    color: var(--primaryGreen);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-align: center;
    margin-bottom: 20px;
}

.women-empowerment-main .heading .disc {
    font-family: "Poppins";
    font-size: 18px;
    color: var(--white);
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
    max-width: 776px;
    margin: 0 auto 74px;
}

.our-progress-number-block {
    padding: 87px 75px 112px 67px;
    border-radius: 10px;
    background: #1337AC;
}

.our-progress-number-block .progress-numbers {
    display: flex;
    justify-content: space-between;
}

.our-progress-number-block .progress-numbers .progress-title * {
    color: var(--primaryGreen);
    font-size: 48px;
    font-weight: 500;
    line-height: 130%;
    margin: 0 auto 20px;
    max-width: 410px;
}

.our-progress-number-block .progress-numbers .progress-disc * {
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0 auto 25px;
    max-width: 411px;
}

.our-progress-number-block .progress-numbers .progress-analytics {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    height: fit-content;
    gap: 10px;
    max-width: 410px;
    width: 100%;
    padding: 21px 0 0;
}

.our-progress-number-block .progress-numbers .progress-analytics>* {
    background-color: #0E2D94;
    padding: 15px 30px;
    text-align: center;
    flex: 1 0 calc(50% - 5px);
}

.our-progress-number-block .progress-numbers .progress-analytics>* img {
    height: 28px;
    width: auto;
    margin-bottom: 10px;
}

.our-progress-number-block .progress-numbers .progress-analytics>* h5 {
    color: var(--primaryGreen);
    font-size: 36px;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 10px;
    text-align: center;
}

.our-progress-number-block .progress-numbers .progress-analytics>* p {
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
    margin-bottom: 0;
}

.our-progress-number-block .graduates-dta-row {
    padding-top: 77px;
}

.our-progress-number-block .graduates-dta-row .sub-main-title {
    margin: 0;
}

.our-progress-number-block .sec-auth-img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    margin-right: 16px;
    overflow: hidden;
}

.our-progress-number-block .sec-auth-img img {
    width: 65px;
    height: 65px;
    object-fit: cover;
    border-radius: 50%;
}

.our-progress-number-block .sec-auth h6 {
    color: var(--white);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 6px;
}

.our-progress-number-block .sec-auth p {
    color: var(--white);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
}

.our-progress-number-block .programmes-container-small-title {
    color: var(--primaryGreen);
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 60px;
}

.our-progress-number-block .sub-main-title {
    color: var(--primaryGreen);
}

.our-progress-number-block .graduates-dta-row .sec-disc * {
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    max-width: 345px;
    margin: 19px auto 35px;
}

.our-progress-number-block .graduates-dta-upper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.our-progress-number-block .graduates-dta-upper #graduates-by-gender-legend1 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
    width: fit-content;
    padding: 15px 30px;
    background-color: #0E2D94;
    margin: 0 auto;
}

.our-progress-number-block .graduates-dta-upper .legend-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.our-progress-number-block .graduates-dta-upper .legend-color-box {
    width: 20px;
    height: 20px;
}

.our-progress-number-block .graduates-dta-upper .legend-label {
    font-size: 14px;
    color: #fff;
    opacity: 0.75;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
}

.our-progress-number-block .graduates-dta-upper #graduates-by-gender-chart1 {
    width: 100%;
    height: 400px;
    max-width: 560px;
}

.programmes-outcomes-wrp {
    margin: 94px 0 200px;
}



.programmes-outcomes-main .programmes-outcomes-title * {
    color: var(--primaryGreen);
    font-family: "Poppins";
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 34px;
}

.programmes-outcomes-main .heading .disc {
    font-family: "Poppins";
    font-size: 18px;
    color: var(--white);
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
    max-width: 693px;
    margin: 0 auto 48px;
}

.programmes-outcomes-main .programmes-outcomes-container {
    margin: 0 auto;
    border-radius: 10px;
    background: #1337AC;
    padding: 74px 118px 102px 119px;
}

.programmes-outcomes-main .programmes-outcomes-small-title {
    color: var(--primaryGreen);
    font-family: "Poppins";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
    margin-bottom: 61px;
}

#programmes1 {
    width: 100%;
    height: 770px;
}

#female-graduates-programmes {
    width: 100%;
    height: 314px;
}

/* Women Empowerment Page End */
/* 05-03-25 */


.live-feed-popup {
    position: fixed;
    top: 100px;
    right: 40px;
    width: 100%;
    height: auto;
    min-height: 370px;
    max-height: 500px;
    min-width: 623px;
    max-width: 623px;
    overflow: hidden;
    display: none;
    border-radius: 8px;
    background: #FFF;
    border: none;
    padding: 40px 27px 29px 33px;
    z-index: 99;
}

.live-feed-popup-block {
    height: 100%;
}

.popup-main-block {
    position: relative;
}

.live-feed-popup-detail {
    height: 100% !important;
}

.popup-main-block .carouselticker {
    transition: border-top-color 2s ease-out;
    position: relative;
    user-select: none;
    pointer-events: unset;
}

.popup-main-block .carouselticker::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 40px;
    background: linear-gradient(180deg, #ffffff 0%, rgb(255, 255, 255, 0.00) 100%);
    z-index: 1;
}

.popup-main-block .carouselticker::after {
    position: absolute;
    content: "";
    bottom: 25px;
    left: 0;
    right: 0;
    width: 100%;
    height: 40px;
    background: linear-gradient(0deg, #ffffff 0%, rgb(255, 255, 255, 0.00) 100%);
    z-index: 1;
}

.popup-main-block .carouselticker>* {
    height: 100%;
}

.live-feed-popup .resizer-bottom {
    width: 100%;
    height: 15px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0px;
    cursor: n-resize;
    margin: 0 auto;
    background-color: var(--white);
    padding: 5px 0;
}

.live-feed-popup .resizer-bottom .inner-div {
    width: 40%;
    height: 5px;
    background: var(--lightSilver);
    cursor: n-resize;
    margin: 0 auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.live-feed-popup .popup-title * {
    color: var(--Primary-ALX---Navy, #002B56);
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 19px;
    text-align: left;
}

.live-feed-popup .popup-header {
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 10px;
    position: absolute;
    top: 14px;
    left: 14px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23D9D9D9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-move'%3E%3Cpolyline points='5 9 2 12 5 15'%3E%3C/polyline%3E%3Cpolyline points='9 5 12 2 15 5'%3E%3C/polyline%3E%3Cpolyline points='15 19 12 22 9 19'%3E%3C/polyline%3E%3Cpolyline points='19 9 22 12 19 15'%3E%3C/polyline%3E%3Cline x1='2' y1='12' x2='22' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='2' x2='12' y2='22'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    cursor: move;
}

.live-feed-popup li {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    margin-bottom: 6px;
}

.live-feed-popup li:last-child {
    margin-bottom: 0;
}

.live-feed-popup li h6 {
    color: #262626;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    min-width: 108px;
    margin: 0;
}

.live-feed-popup li p {
    color: #262626;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.live-feed-popup .popup-bottom-line {
    display: block;
    width: 220px;
    height: 5px;
    background-color: var(--darkLiver);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin: 0 auto;
}

.live-feed-close-icon {
    position: absolute;
    top: 14px;
    right: 14px;
}

.live-feed-close-icon a {
    display: inline-block;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.live-feed-close-icon a:hover {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
}

.live-feed-resize-line {
    width: 50%;
    height: 5px;
    background-color: var(--lightSilver);
    margin: 10px auto 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.popup-main-block .carouselticker {
    max-height: 370px;
    height: 370px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.popup-main-block .carouselticker ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.popup-main-block .carouselticker li {
    border: none;
}

/* 06-03-25 */

.wage-employment-main {
    padding: 50px 0 88px;
}

.wage-employment-main .heading .title * {
    color: var(--primaryGreen);
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin: 0 0 20px;
}

.wage-employment-main .heading .disc {
    font-size: 18px;
    color: var(--white);
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
    max-width: 662px;
    margin: 0 auto 50px;
}

.wage-employment-main .wage-demo-block {
    width: 100%;
    max-width: 1014px;
    margin: 0 auto;
    height: 470px;
    background-color: var(--lightSilver);
}

.promotion-salary-data-content:not(:last-child) {
    padding: 0 0 72px;
}

.promotion-salary-data-main .promotion-salary-data-title * {
    font-size: 28px;
    color: var(--primaryGreen);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-align: center;
    text-transform: capitalize;
    margin: 0 0 50px;
}

.promotion-salary-data-main .promotion-salary-data-block {
    border-radius: 8px;
    background: var(--primaryDarkBlue);
    padding: 69px 54px 70px 66px;
}

.promotion-salary-data-chart .sub-main-title * {
    color: var(--white);
    margin: 0 0 28px;
    text-align: center;
}

.promotion-salary-data-content {
    display: flex;
    justify-content: space-between;
}

.promotion-salary-data-chart {
    width: 100%;
}

#promotion-salary-round-data-chart {
    width: 100%;
    max-width: 558px;
    height: 250px;
}

#average-salary-data-chart {
    width: 100%;
    max-width: 557px;
    height: 288px;
}

#average-salary-detail-chart {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    width: fit-content;
    margin: 39px 0 0 115px;
}

#average-salary-detail-chart .legend-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

#average-salary-detail-chart .legend-color-box {
    width: 20px;
    height: 20px;
}

#average-salary-detail-chart .legend-label {
    font-size: 14px;
    color: #fff;
    opacity: 0.75;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
}

#promotion-outcomes-data-chart {
    width: 100%;
    max-width: 563px;
    height: 207px;
}

.high-salary-detail {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 22px;
    width: 100%;
    max-width: 370px;
    margin-left: 85px;
}

.high-salary-block {
    padding: 15px 30px;
    background: #0E2D94;
    min-height: 130px;
}

.high-salary-block .heading .title * {
    color: var(--primaryGreen);
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 5px;
}

.high-salary-block .heading .disc {
    text-align: center;
    font-size: 16px;
    font-style: normal;
    color: var(--white);
    font-weight: 500;
    line-height: 150%;
    margin: 0;
}

.company-graduates-main .company-graduates-title * {
    text-align: center;
    font-size: 28px;
    color: var(--primaryGreen);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-transform: capitalize;
    margin: 0 0 41px;
}

.company-graduates-main {
    padding: 103px 0 96px;
}

.companies-graduates-container ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
}

.companies-graduates-container ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 69px;
    height: 69px;
    max-width: 170px;
    list-style: none;
    border-radius: 6px;
    background: var(--white);
    min-width: 147px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.companies-graduates-container ul li a {
    padding: 22px 20px;
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.company-graduates-main .disc {
    font-size: 20px;
    color: var(--white);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    max-width: 714px;
    margin: 0 auto;
    text-align: center;
    margin: 61px auto 28px;
}

.company-graduates-detail {
    max-width: fit-content;
    margin: 0 auto;
}

.company-graduates-detail .company-graduates-detail-title * {
    text-align: center;
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 4px;
}

.company-graduates-detail .comapany-graduates-detail-content * {
    font-size: 14px;
    color: var(--white);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.placement-rate-main {
    padding-bottom: 113px;
}

.placement-rate-main .placement-rate-title * {
    text-align: center;
    font-size: 28px;
    color: var(--primaryGreen);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-transform: capitalize;
    margin: 0 0 38px;
}

.placement-rate-main .placement-rate-block {
    position: relative;
    padding: 72px 75px 66px 79px;
    border-radius: 8px;
    background: var(--primaryDarkBlue);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

#placement-rate-chart {
    width: 100%;
    height: 422px;
}


.promotion-salary-data-chart .promotion-salary-detail {
    margin: 0 0 40px;
}

.promotion-salary-data-chart .promotion-salary-detail .mob-label {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.promotion-salary-data-chart .promotion-salary-detail .mob-label span {
    width: 20px;
    height: 20px;
    display: block;
}

.promotion-salary-data-chart .promotion-salary-detail .mob-label p {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    text-transform: uppercase;
    margin-bottom: 0;
}


.wage-employment-chart-block {
    padding: 110px 167px 174px;
    border-radius: 8px;
    background: var(--primaryDarkBlue);
}

.wage-employment-chart-block .wage-employment-tabs {
    margin: 0 0 77px;
}

.wage-employment-chart-block .wage-employment-tabs .nav-tabs {
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    border: none;
}

.wage-employment-chart-block .wage-employment-tabs .nav-tabs .nav-link {
    color: rgb(255, 255, 255, 0.5);
    border: 1.5px solid rgba(255, 255, 255, 0);
    padding: 8px 30px;
    background-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.wage-employment-chart-block .wage-employment-tabs .nav-tabs .nav-link:hover {
    opacity: 1;
    color: var(--white);
    border: 1.5px solid rgba(255, 255, 255, 0);
}

.wage-employment-chart-block .wage-employment-tabs .nav-tabs .nav-link.active {
    opacity: 1;
    color: rgba(255, 255, 255, 0.75);
    border: 1.5px solid var(--primaryGreen);
}


#wage-employment-chart {
    width: 100%;
    height: 440px;
}

.wage-employment-chart1 {
    width: 100%;
    height: 440px;
}

.wage-employment-chart2 {
    width: 100%;
    height: 403px;
}

.wage-employment-chart3 {
    width: 100%;
    height: 403px;
}

.wage-employment-chart4 {
    width: 100%;
    height: 403px;
}

.wag-employment-detail-block {
    display: flex;
    justify-content: center;
    align-self: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 34px;
}

.wag-employment-detail-block .wag-employment-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.wag-employment-detail-block .wag-employment-block span {
    width: 19px;
    height: 19px;
    display: block;
}

.wag-employment-detail-block .wag-employment-block p {
    color: rgb(255, 255, 255, 0.75);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
}

#placement-rate-chart {
    width: 100%;
    height: 420px;
}

.rate-chart-detail {
    position: absolute;
    top: 72px;
    right: 77px;
}

.rate-chart-detail .rate-label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.rate-chart-detail .rate-label span {
    width: 20px;
    height: 20px;
    display: block;
}

.rate-chart-detail .rate-label p {
    color: rgb(255, 255, 255, 0.75);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
}

.gm-style-iw-d div[style*="font-size"] {
    padding: 8px 35px 8px 16px !important;
}


/*==================================================================*/
/*========== Header3 End ==========*/
/*==================================================================*/
.header3 {
    /* background: rgba(2, 38, 70, 0.68); */
    background: #013058;
}

.header3.h-stick .navbar-toggler .hamburger span {
    background: var(--white);
}

.header3 .navbar {
    padding: 14px 0px;
}

.header3 .navbar-brand img {
    margin-right: 20px;
    padding-right: 20px;
}

.header3 .navbar-brand {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.header3 .navbar .navbar-nav .nav-link {
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.header3 .navbar-nav .nav-link:focus-visible {
    box-shadow: unset !important;
}

.header3 .navbar-nav .nav-item::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background-color: var(--primaryGreen);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.header3 .navbar-nav .current-menu-item.nav-item::before,
.header .navbar-nav .nav-item:hover::before {
    animation: headerlineanimate 0.6s forwards ease-in-out;
    -webkit-animation: headerlineanimate 0.6s forwards ease-in-out;
    opacity: 1 !important;
}

.header3 .navbar .navbar-nav .current-menu-item .nav-link,
.header3 .navbar .navbar-nav .nav-link:hover {
    opacity: 1 !important;
}

.header3 .buttonGroup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    gap: 20px;
}

/*==================================================================*/
/*========== Header End ==========*/
/*==================================================================*/

/*==================================================================*/
/*========== Theme3 Start ==========*/
/*==================================================================*/
.main-wrapper.theme3 {
    padding: 8px;
}

.theme3 .master-data {
    display: flex;
    align-items: stretch;
    gap: 8px;
    margin-bottom: 8px;
    height: auto;
    position: relative;
}

#map {
    width: 100% !important;
    height: 80vh !important;
}

.theme3 .master-data .left-panel {
    max-width: 264px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.theme3 .master-data .left-panel .card {
    width: 100%;
    height: 100%;
    padding: 30px 22px 25px;
    background: rgba(2, 38, 70, 0.68);
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.theme3 .master-data .left-panel .card .title * {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 10px;
}

.theme3 .master-data .left-panel .card .number * {
    color: #05F283;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-transform: capitalize;
    margin: 0;
}

.theme3 .master-data .left-panel .card .data {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 18px 0 0;
}

.theme3 .master-data .left-panel .card .data li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.theme3 .master-data .center-panel {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.theme3 .master-data .map-container {
    border-radius: 0;
}

.theme3 .master-data .center-panel .map-area {
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.theme3 .master-data .center-panel .live-feed-data {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: stretch;
    min-height: 260px;
    gap: 8px;
}

.theme3 .master-data .center-panel .live-feed-data .feed-details {
    width: 100%;
    height: 100%;
    background: rgba(2, 38, 70, 0.68);
}

.theme3 .master-data .center-panel .live-feed-data .feed-chart {
    position: relative;
    width: calc(35% - 2px);
    height: 100%;
    background: rgba(2, 38, 70, 0.68);
}

.theme3 .master-data .right-panel {
    max-width: 264px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.theme3 .master-data .right-panel .card {
    width: 100%;
    height: 100%;
    padding: 30px 22px 25px;
    background: rgba(2, 38, 70, 0.68);
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.theme3 .master-data .right-panel .card .title * {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 10px;
}

.theme3 .master-data .right-panel .card .number * {
    color: #05F283;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-transform: capitalize;
    margin: 0;
}

.theme3 .master-data .right-panel .card .data {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 18px 0 0;
}

.theme3 .master-data .right-panel .card .data li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.theme3 .sub-chart {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.theme3 .sub-chart {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.theme3 .sub-chart .sub-chart-data {
    width: 100%;
    flex: 0 0 1;
    background: rgba(2, 38, 70, 0.68);
    position: relative;
}


/*==================================================================*/
/*========== Theme3 End ==========*/
/*==================================================================*/


/* 12-03-25 */


.theme3 .master-data .left-panel .card.card-inner {
    padding: 25px 13px 22px 16px;
}

.theme3 .master-data .right-panel .card.card-inner {
    min-height: 112px;
}

.card.card-inner .card-content {
    display: flex;
    align-items: flex-start;
}

.card.card-inner .card-content .card-detail * {
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.card.card-inner .card-content .number {
    margin: 0 15px 0 0;
}

.live-feed-data .feed-details {
    padding: 20px 21px 30px;
}

.feed-details .job-placement-title {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.feed-details .job-placement-title img {
    margin-right: 10px;
}

.feed-details .job-placement-title * {
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.feed-details .job-feed-list {
    margin: 27px 0 0;
    height: 178px;
    will-change: transform;
    user-select: none;
}


.feed-details .job-feed-list::before {
    position: absolute;
    content: "";
    top: -2px;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(180deg, #022A4F 0%, rgba(2, 41, 76, 0.00) 100%);
    z-index: 1;
}

.feed-details .job-feed-list::after {
    position: absolute;
    content: "";
    bottom: -3px;
    left: 0;
    right: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(0deg, #022A4F 0%, rgba(2, 41, 76, 0.00) 100%);
    z-index: 1;
}

.feed-details .job-feed-list ul {
    position: relative;
    padding: 0;
    margin: 0;
}


.feed-details .job-feed-list ul li span {
    margin-right: 15px;
    width: 100%;
    max-width: fit-content;
}

.feed-details .job-feed-list ul li {
    display: flex;
    align-items: flex-start;
    color: rgba(255, 255, 255, 0.80);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 10px;
}


.sub-chart-data {
    padding: 36px 36px 67px 26px;
}

.sub-chart-title * {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 52px;
}

.sub-promotion-outcomes-data {
    width: 100%;
    height: 220px;
}

.sub-new-role-data {
    width: 100%;
    height: 200px;
}

.sub-average-annual-data {
    width: 100%;
    height: 240px;
}

.feed-chart {
    padding: 24px 20px 64px;
}

.feed-chart .feed-chart-title * {
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 45px;
}

.job-feed-chart {
    width: 100%;
    height: 200px;
}

.theme3 .master-data .mySwiper-left-panel,
.theme3 .master-data .mySwiper-right-panel {
    width: 100%;
    max-width: 264px;
}

.theme3 .master-data .mySwiper-left-panel .swiper-slide:not(:last-child),
.theme3 .master-data .mySwiper-right-panel .swiper-slide:not(:last-child) {
    height: auto;
}


.job-feed-chart .am5-html-container * {
    line-height: 1px !important;
    max-width: 80px !important;
}





.modal-story .modal .modal-dialog {
    width: 100%;
    max-width: 518px;
}

.modal-story .modal-body {
    padding: 0;
}

.modal-story .head-block {
    padding: 0;
    border: none;
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 1;
}

.modal-story .modal-content {
    border-radius: 0;
    height: 100%;
    border: none;

}

.modal-story .btn-close:focus {
    box-shadow: none;
}

.modal-story .btn-close {
    position: absolute;
    top: 15px;
    right: 14px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_18900_1613)'%3E%3Cpath d='M16 0.91428L15.0858 0L8 7.08572L0.914279 0L0 0.91428L7.08572 8L0 15.0858L0.914279 16L8 8.91428L15.0858 16L16 15.0858L8.91428 8L16 0.91428Z' fill='%23262626'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_18900_1613'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    padding: 0;
    opacity: 1;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.modal-story .btn-close:hover {
    opacity: 0.5;
}

.modal-story .story-cover-img {
    width: 100%;
    min-width: 100px;
    min-height: 100px;
    max-width: 100px;
    height: 100px;
    max-height: 100px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
}

.modal-story .story-cover-img * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.modal-story .story-cover-img.data-content {
    filter: blur(12px);
    -webkit-filter: blur(12px);
}

.modal-story .story-detail-main .story-detail-top {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    background-color: #F8F7FD;
    padding: 50px 26px 19px 30px;
}

.modal-story .story-detail-main .story-data {
    max-width: 330px;
}

.modal-story .story-detail-main .country-detail {
    display: flex;
}

.modal .story-detail-top .story-data .title * {
    font-size: 20px;
    font-style: normal;
    color: #002B56;
    font-weight: 500;
    line-height: 150%;
    margin: 0;
    overflow-wrap: break-word;
}

.modal .story-detail-top .story-data .title.data-content * {
    filter: blur(12px);
    -webkit-filter: blur(12px);
}

.modal .story-detail-top .story-data .content-detail * {
    margin: 0;
}

.modal .content-detail * {
    font-size: 14px;
    color: #262626;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 15px;
    text-transform: capitalize;
}

.modal .content-detail br {
    font-size: unset !important;
    color: unset !important;
    font-weight: unset !important;
    line-height: unset !important;
    margin: unset !important;
    text-transform: unset !important;
}

.modal .content-detail *:last-child {
    margin: 0;
}

.modal .story-detail-bottom .content-detail * {
    text-transform: unset;
}

.modal .content-detail strong {
    font-weight: 500;
    display: block;
    text-transform: capitalize;
}

.story-detail-main .country-detail {
    margin: 15px 0 0;
    gap: 30px;
}

.story-detail-main .country-detail-block .mini-title * {
    color: rgb(38, 38, 38, 0.6);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.modal-story .story-detail-bottom {
    padding: 38px 30px 30px 30px;
}

.modal-story .tabbing-section .story-detail-bottom {
    padding: 22px 0 0;
}


.modal-bio {
    width: 100%;
    height: 100%;
}

.modal-bio .modal .modal-dialog {
    width: 100%;
    max-width: 518px;
    margin: 0 auto;
}

.modal-bio .head-block {
    padding: 0;
    position: relative;
    border: none;
    display: block;
}

.modal-bio .modal-content {
    border-radius: 0;
    height: 100%;
    min-height: 847px;
    border: none;
}

.modal-bio .btn-close {
    position: absolute;
    top: 15px;
    right: 14px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M16 0.91428L15.0858 0L8 7.08572L0.914279 0L0 0.91428L7.08572 8L0 15.0858L0.914279 16L8 8.91428L15.0858 16L16 15.0858L8.91428 8L16 0.91428Z' fill='%23262626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    padding: 0;
}

.modal-bio .story-cover-img * {
    width: 100%;
    max-width: 100px;
    border-radius: 100px;
}

.modal-bio .story-detail-main .story-detail-top {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    background-color: #F8F7FD;
    padding: 50px 26px 19px 30px;
}

.modal-bio .story-detail-main .country-detail {
    display: flex;
}

.story-detail-main .tabbing-section .nav-tabs {
    border: none;
}

.story-detail-main .tabbing-section {
    padding: 12px 30px 22px;
}

.story-detail-main .tabbing-section .nav-tabs {
    justify-content: center;
    border-bottom: 1px solid rgba(2, 157, 224, 0.20);
    margin: 0 0 20px;
}

.story-detail-main .tabbing-section .nav-tabs .nav-item {
    padding: 0 7px;
}

.story-detail-main .tabbing-section .nav-tabs .nav-item .nav-link {
    color: #262626;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    border: none;
    padding: 10px 0;
    background-color: transparent;
}

.story-detail-main .tabbing-section .nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #029DE0;
}

.story-detail-main .basic-info-panel {
    padding: 5px 10px;
    background: #F3F9FB;
}

.story-detail-main .basic-info-panel * {
    color: #002B56;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 0;
}

.basic-info-main .basic-data-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 18px 0 25px;
}

.basic-info-main .basic-data-list .basic-data-block {
    flex: 0 0 calc(33% - 35px);
}

.basic-info-main .basic-data-list .basic-data-block:first-child {
    flex: 0 0 100%;
}

.basic-info-main .basic-data-list .basic-data-block .content-detail.data-content * {
    filter: blur(12px);
    -webkit-filter: blur(12px);
}

.basic-info-main .basic-data-list.basic-data-content .basic-data-block {
    flex: 0 0 calc(50% - 40px);
}

.basic-info-main .basic-data-block {
    margin: 0 0 14px;
}

.basic-info-main .basic-data-block .mini-title * {
    color: rgb(38, 38, 38, 0.6);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.modal-bio .story-detail-bottom .content-detail {
    padding: 22px 0 0;
}

.basic-info-main .basic-data-block .content-detail * {
    color: #262626;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    text-transform: capitalize;
}

.basic-info-main .basic-data-block .content-detail a {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    transition: 0.3s
}

.basic-info-main .basic-data-block .content-detail a:hover {
    text-decoration-line: none;
}

.basic-info-main .skill-btn a {
    color: #002B56;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding: 3px 15px;
    border-radius: 300px;
    border: 1px solid #029DE0;
    background: rgba(2, 157, 224, 0.10);
    text-decoration: none;
}

.basic-info-main .skill-btn a:hover {
    color: #fff;
    background: #029DE0;
}

.basic-info-main .advance-detail {
    padding: 18px 0 29px;
}

.skill-btn-block {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 24px 0 33px;
    max-width: 400px;
}

.university-detail .content-detail {
    padding: 18px 0 0;
}

.university-detail .content-detail strong {
    margin: 0;
}

.basic-info-main .basic-detail table {
    margin: 8px 0 0;
}

.basic-info-main .basic-detail table tr th {
    color: rgb(38, 38, 38, 0.6);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    border-bottom: none;
    padding: 0 0 10px;
}

.basic-info-main .basic-detail table tbody td,
.basic-info-main .basic-detail table tbody th {
    color: #262626;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding: 7px 0 5px;
    border-bottom: none;
}

.basic-info-main .basic-detail table tbody tr {
    border-bottom: 1px solid rgba(2, 157, 224, 0.15);
}

.basic-info-main .basic-detail table tbody tr:last-child {
    border-bottom: none;
}

/* modal-bio end */


/* modal-video start*/


.modal-img-video-block iframe {
    width: 100%;
    height: 287px;
    position: absolute;
    top: 0;
    left: 0;
}


.modal-img-video {
    max-width: 518px;
    width: 100%;
    height: 287px;
    max-height: 287px;
}

.modal-img-video * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.modal-img-video-block {
    position: relative;
}

.modal-img-video-block .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}



.modal-video .head-block {
    padding: 0;
    border: none;
}

.modal-video .modal-content {
    border-radius: 0;
    height: 100%;
    border: none;
}

.modal-video .btn-close:focus {
    box-shadow: none;
}

.modal-video .btn-close {
    position: absolute;
    top: 15px;
    right: 14px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M16 0.91428L15.0858 0L8 7.08572L0.914279 0L0 0.91428L7.08572 8L0 15.0858L0.914279 16L8 8.91428L15.0858 16L16 15.0858L8.91428 8L16 0.91428Z' fill='%23262626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    padding: 0;
}

.modal-story .modal-body {
    height: auto !important;
}

.modal-story.model-story-content .modal-dialog {
    height: auto;
}

.model-video.modal-story .story-detail-top {
    padding: 17px 24px 20px;
    background-color: #FFF;
}

.model-video.modal-story .modal-dialog {
    height: auto;
}


.model-video.modal-story .modal-body {
    height: 100% !important;
}

.modal-video .modal-img-video-block img {
    width: 100%;
    height: 100%;
}

.model-video .modal-img-video-block {
    position: relative;
    height: 287px;
}

.modal-video .modal-img-video-block .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-video .modal-img-video-block .play-btn img {
    width: 65px;
    height: 65px;
    overflow: hidden;
}

/* modal-video end*/


.sub-chart-label {
    position: absolute;
    top: 34px;
    right: 30px;
    display: flex;
    gap: 20px;
}

.sub-chart-label .average-label {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.sub-chart-label .average-label span {
    width: 14px;
    height: 14px;
    display: block;
}

.sub-chart-label .average-label p {
    color: rgb(255, 255, 255, 0.75);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
}

/* 18-03-25 */

.map-area .data-content {
    filter: blur(12px);
    -webkit-filter: blur(12px);
}


.set-height {
    min-height: 300px;
}

.mapboxgl-popup-content {
    padding: 6px !important;
    background-color: #fff !important;
}

.mapboxgl-popup {
    max-width: fit-content !important;
}

.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right {
    display: none !important;
}

.map-overview-mapbox .main-map-box {
    box-shadow: unset !important;
}

.mapboxgl-popup-close-button {
    display: none !important;
}


.map-area {
    position: relative;
}

.map-detail-btn {
    position: absolute;
    top: 10px;
    right: 50px;
}

.map-detail-btn ul {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}

.map-detail-btn ul li img {
    width: 22px;
    height: 25px;
}

.map-detail-btn ul li a {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: #262626;
    line-height: 18px;
    font-weight: 400;
    background-color: #FFF;
    padding: 8px;
    border: 1px solid rgb(26, 52, 106, 0.3);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.map-detail-btn ul li a:hover {
    color: #FFF;
    background-color: #1A346A;
    border: 1px solid transparent;
}



/* 10-04-2025 new-popup */

.profile-modal .list-title * {
    color: #262626;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
    text-transform: uppercase;
    opacity: 0.6;
}

.profile-modal .list-title.highlight * {
    padding-left: 10px;
    position: relative;
}

.profile-modal .list-title.highlight *::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #029DE0;
}

.profile-modal .list-disc * {
    color: #262626;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 0;
    text-transform: capitalize;
}

.profile-modal .bio-container .list-disc * {
    text-transform: unset;
}

.profile-modal .list-disc strong {
    color: #029DE0;
}

.profile-modal .mb-10 {
    margin-bottom: 10px;
}

.profile-modal .list-disc a {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.profile-modal .list-disc a:hover {
    color: #029DE0;
}

.profile-modal {
    max-width: 540px;
    width: 100% !important;
}

.profile-modal .offcanvas-body {
    padding: 0;
}

.profile-modal .profile-content {
    position: sticky;
    top: 0;
    padding: 30px 14px 20px 14px;
    display: flex;
    background-color: #fff;
    z-index: 5;
}

.profile-modal .profile-content .profile {
    display: flex;
}

.profile-modal .profile-content .profile .image {
    width: 95px;
    height: 95px;
    min-width: 95px;
    min-height: 95px;
    max-width: 95px;
    max-height: 95px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 25px;
}

.profile-modal .profile-content .profile .image * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.profile-modal .profile-content .close-modal * {
    opacity: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.profile-modal .profile-content .close-modal *:hover {
    opacity: 0.5;
}

.profile-modal .profile-content .profile .content .title * {
    color: #002B56;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 0;
}

.profile-modal .profile-content .profile .content .degi * {
    color: #262626;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 14px;
}

/* Profile Accordion */
.profile-modal .profile-accordion {
    padding: 0 30px 30px 30px;
}

.profile-modal .profile-accordion .accordion-item {
    border: 0;
    margin-bottom: 10px;
}

.profile-modal .profile-accordion .accordion-button {
    padding: 5px 10px;
    background-color: #F3F9FB;
    box-shadow: none;
    color: #002B56;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.profile-modal .profile-accordion .accordion-button::after {
    border: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M2.58 4.61001L1.4 5.79668L8 12.39L14.6 5.79001L13.42 4.61001L8 10.03L2.58 4.61001Z" fill="%23262626"/></svg>');
    width: 16px;
    height: 16px;
}

.profile-modal .profile-accordion .accordion-body {
    padding: 20px 0px 10px;
}

.profile-modal .profile-accordion .flex-3,
.profile-modal .profile-accordion .flex-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.profile-modal .profile-accordion .flex-3>* {
    flex: 0 0 calc(33% - 12px);
}

.profile-modal .profile-accordion .flex-2>* {
    flex: 0 0 calc(50% - 15px);
}

.profile-modal .profile-accordion .flex-100 {
    flex: 0 0 100%;
}


/* WebKit Browsers */
.profile-modal .offcanvas-body::-webkit-scrollbar {
    width: 5px;
    height: 12px;
}

.profile-modal .offcanvas-body::-webkit-scrollbar-thumb {
    background: rgba(2, 157, 224, 0.20);
    border-radius: 0;
}

.profile-modal .offcanvas-body::-webkit-scrollbar-thumb:hover {
    background: rgba(2, 157, 224, 0.30);
}

.profile-modal .offcanvas-body::-webkit-scrollbar-track {
    background: rgba(2, 157, 224, 0.10);
    border-radius: 0;
}

.profile-modal .offcanvas-body::-webkit-scrollbar-horizontal {
    height: 5px;
}

/* Firefox */
.profile-modal .offcanvas-body {
    scrollbar-width: thin;
    scrollbar-color: rgba(2, 157, 224, 0.20);
}


.profile-modal .title.data-content {
    filter: blur(12px);
    -webkit-filter: blur(12px);
}

.profile-modal .list-disc.data-content {
    filter: blur(12px);
    -webkit-filter: blur(12px);
}

.profile-modal .image.data-content {
    filter: blur(12px);
    -webkit-filter: blur(12px);
}

/* 10-04-2025 new-popup */


.profile-content.video-profile {
    justify-content: space-between;
}

.profile-content .story-data .title * {
    color: #002B56;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 0;
}

.profile-content .story-data .content-detail * {
    color: #262626;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.offcanvas-body .modal-img-video-block {
    height: 288px;
}

.offcanvas-body .close-modal {
    margin-left: auto;
}

.offcanvas-body .story-data {
    margin-left: 25px;
}

.offcanvas-body .story-cover-img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.offcanvas-body .story-cover-img * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.offcanvas-body .story-detail-bottom {
    padding: 30px;
}

.offcanvas-body .story-detail-main .country-detail {
    display: flex;
}

/* 404 page 18-04 */

.section-404 {
    padding: 160px 0;
}

.section-404 .content-404 .heading .title * {
    color: var(--primaryGreen);
    text-align: center;
    font-size: 48px;
    font-weight: 500;
    line-height: 130%;
    /* 46.8px */
}

.section-404 .content-404 .heading .disc * {
    color: var(--white);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
}

.section-404 .content-404 .btn-parrot:hover {
    border-color: var(--white) !important;
    color: var(--white) !important;
    background: transparent !important;
}

/* 404 page 18-04 */

.map-load-cantainer {
    position: absolute;
    top: 10px;
    width: fit-content;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    text-align: center;
    padding: 10px 20px;
    background: rgb(255 255 255 / 100%);
    border: 1px solid rgb(2 38 70 / 10%);
    z-index: 1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.map-load-cantainer * {
    color: #022646;
    margin: 0;
}


body:has(.header3) .main-wrapper {
    height: calc(100dvh - 85px);
}



/* Theme Change Start */
.theme-dark .header3 {
    background: rgba(38, 38, 38, 0.90);
}

body.theme-dark:has(.header3) {
    background: #171717 !important;
}

.theme-dark .theme3 .master-data .left-panel .card,
.theme-dark .theme3 .master-data .right-panel .card,
.theme-dark .theme3 .master-data .center-panel .live-feed-data .feed-details,
.theme-dark .theme3 .sub-chart .sub-chart-data,
.theme-dark #filter-controls {
    background: rgba(38, 38, 38, 0.90);
}

.theme-dark #filter-controls {
    backdrop-filter: blur(5px);
}

.center-password-form {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
  background-color: #000;
  color: white;
  padding: 2rem;
  text-align: center;
  flex-direction: column;
}

/* Theme Change End */