@font-face {
    font-family: 'Neo Sans Arabic';
    font-style: normal;
    font-weight: 400;
    src: local('Neo Sans Arabic'), url('../fonts/NeoSansArabicRegular.woff') format('woff');
}

@font-face {
    font-family: 'Neo Sans Arabic';
    font-style: normal;
    font-weight: 300;
    src: local('Neo Sans Arabic'), url('../fonts/NeoSansArabicLight.woff') format('woff');
}

@font-face {
    font-family: 'Neo Sans Arabic';
    font-style: normal;
    font-weight: 500;
    src: local('Neo Sans Arabic'), url('../fonts/NeoSansArabicMedium.woff') format('woff');
}

@font-face {
    font-family: 'Neo Sans Arabic';
    font-style: normal;
    font-weight: 700;
    src: local('Neo Sans Arabic'), url('../fonts/NeoSansArabicBold.woff') format('woff');
}

@font-face {
    font-family: 'Neo Sans Arabic';
    font-style: normal;
    font-weight: 900;
    src: local('Neo Sans Arabic'), url('../fonts/NeoSansArabicBlack.woff') format('woff');
}

body {
    font-family: 'Neo Sans Arabic', sans-serif;
    background-color: #F8F9FA;
}

.dropdownBtn:hover svg path {
    stroke: #40C1AC;
}

:root {
    --dark-grey: #333333;
    --medium-grey: #636363;
    --light-grey: #eeeeee;
    --ash: #f4f4f4;
    --primary-color: #40C1AC;
    --white: white;
    --border: 1px solid var(--light-grey);
    --shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
        rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    --primary-text: #131826;
    --border-base-tertiary: #DEE2E6;
    --content-base-primary: #131826;
    --content-base-tertiary: #ADB5BD;
    --bg-color-light: #F7FAFA;
    --navy-blue-300-p: #335176;
    --border-about: #dee2e67a;
}


.btn {
    display: block;
    background-color: var(--primary-color);
    color: var(--white);
    text-align: center;
    padding: 0.6rem 1.4rem;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 5px;
}

.icon {
    padding: 0.5rem;
    background-color: var(--light-grey);
    border-radius: 10px;
}

.container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 2rem;
    height: 90px;
    padding: 1.2rem 3rem;
}

.menu {
    position: relative;
}

.menu-bar li:first-child .dropdown {
    flex-direction: initial;
    min-width: 480px;
}

.menu-bar li:first-child ul:nth-child(1) {
    border-right: var(--border);
}

.menu-bar li:nth-child(n + 2) ul:nth-child(1) {
    border-bottom: var(--border);
}

.menu-bar .dropdown-link-title {
    font-weight: 600;
}

/* .menu-bar .nav-link {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.6px;
    padding: 0.3rem;
    min-width: 60px;
    margin: 0 0.6rem;
  }
   */
.menu-bar .nav-link:hover,
.dropdown-link:hover {
    color: var(--primary-color);
}

.nav-start,
.nav-end,
.menu-bar,
.right-container,
.right-container .search {
    display: flex;
    align-items: center;
}

.dropdown {
    display: flex;
    flex-direction: column;
    min-width: 230px;
    background-color: var(--white);
    border-radius: 10px;
    position: absolute;
    top: 36px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transform: scale(0.97) translateX(-5px);
    transition: 0.1s ease-in-out;
    box-shadow: var(--shadow);
}

.dropdown.active {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translateX(5px);
}

.dropdown ul {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.2rem;
    font-size: 0.95rem;
}

.dropdown-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.15rem;
}

.dropdown-link {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem 0;
    border-radius: 7px;
    transition: 0.1s ease-in-out;
}

.dropdown-link p {
    font-size: 0.8rem;
    color: var(--medium-grey);
}

.right-container {
    display: flex;
    align-items: center;
    column-gap: 1rem;
}

.right-container .search {
    position: relative;
}

.right-container img {
    border-radius: 50%;
}

.search input {
    background-color: var(--ash);
    border: none;
    border-radius: 6px;
    padding: 0.7rem;
    padding-left: 2.4rem;
    font-size: 16px;
    width: 100%;
    border: var(--border);
}

.search .bx-search {
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 1.3rem;
    transform: translateY(-50%);
    opacity: 0.6;
}

#hamburger {
    display: none;
    padding: 0.1rem;
    /* margin-left: 1rem; */
    font-size: 1.9rem;
}



.menu-bar li.active a.nav-link {
    border-radius: 8px;
    background: rgba(64, 193, 172, 0.10);
    color: var(--primary-color);
    font-weight: 500;
}

.menu-bar li a svg {
    transition: 0.2s ease-in-out;
}

.menu-bar li a[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.divider {
    background: rgba(255, 255, 255, 0.30);
    width: 1.073px;
    height: 40.69px;
}

.swiper-pagination-dot {
    display: flex;
    justify-content: center;
    gap: 17px;
    margin-top: 10px;
    position: absolute;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
    flex-direction: column;
    left: 50px;
}

.custom-dot {
    width: 10.042px;
    height: 10.042px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s;
    display: flex;

}

.custom-dot.active {
    background-color: var(--primary-color);
}

.main-banner {
    /* margin-top: -160px; */
    height: 100vh;
}

.main-banner .swiper-pagination {
    top: unset;
    bottom: 150px;
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
    height: 3px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.30);
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--primary-color);
}

.swiper-navigation {
    position: absolute;
    width: 155px;
    bottom: 90px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    gap: 8px;
}

.main-banner .swiper-button-next::after,
.main-banner .swiper-button-prev::after,
.services-swiper .swiper-button-next::after,
.services-swiper .swiper-button-prev::after,
.next-button-news.swiper-button-next::after,
.prev-button-news.swiper-button-prev::after,
.next-button-gallery.swiper-button-next::after,
.prev-button-gallery.swiper-button-prev::after,
.next-button-video.swiper-button-next::after,
.prev-button-video.swiper-button-prev::after {
    display: none;
}

.swiper-button-next,
.swiper-button-prev {
    background: #fff;
    width: 55px;
    height: 55px;
    line-height: 53px;
    margin-top: -30px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 55px;
    transition: all .3s ease;
}

.next-button-news.swiper-button-next,
.prev-button-news.swiper-button-prev{
    margin-top: 205px;
    background-color: #00B9A8;
    border: none;
}

.next-button-gallery.swiper-button-next,
.prev-button-gallery.swiper-button-prev{
    margin-top: 85px;
    background-color: #00B9A8;
    border: none;
}

.next-button-video.swiper-button-next,
.prev-button-video.swiper-button-prev{
    background-color: #00B9A8;
    border: none;
}

.next-button-news.swiper-button-next{
    right: 63px!important;
}

.prev-button-news.swiper-button-prev{
    right: 130px!important;
}

.next-button-gallery.swiper-button-next{
    right: 0px!important;
}

.prev-button-gallery.swiper-button-prev{
    right: 70px!important;
}

.next-button-video.swiper-button-next{
    right: 185px!important;
}

.prev-button-video.swiper-button-prev{
    left: 185px!important;
}

.next-button-news.swiper-button-next svg,
.prev-button-news.swiper-button-prev svg,
.next-button-gallery.swiper-button-next svg,
.prev-button-gallery.swiper-button-prev svg,
.next-button-video.swiper-button-next svg,
.prev-button-video.swiper-button-prev svg{
    width: 13px;
}

.next-button-news.swiper-button-next svg path,
.prev-button-news.swiper-button-prev svg path,
.next-button-gallery.swiper-button-next svg path,
.prev-button-gallery.swiper-button-prev svg path,
.next-button-video.swiper-button-next svg path,
.prev-button-video.swiper-button-prev svg path{
    fill: white;
}

.next-button-news.swiper-button-next.swiper-button-disabled svg path,
.prev-button-news.swiper-button-prev.swiper-button-disabled svg path{
    fill: #335176;
}

.next-button-news.swiper-button-next.swiper-button-disabled ,
.prev-button-news.swiper-button-prev.swiper-button-disabled {
    border: 1px solid #335176;

}

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

.swiper-slide.news-swiper-slide {
    /* width: 700px!important; */
    height: 500px;
    box-sizing: border-box;
    border-radius: 24px !important;
    overflow: hidden;
}

.news-swiper-content {
    width: 100%;
    height: 100%;
}

.news-swiper-content img {
    width: 100%;
    height: 100%;
}

.video-slider-container .swiper-pagination-clickable .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}

.video-slider-container .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #00B9A8;
}

.video-slider-container .swiper-pagination-bullet{
    opacity: 1;
    background-color: #F3FBFA;
}

.video-slider-container .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -51px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    pointer-events: none;
    background: transparent;
    border: 2px solid #fff;
    opacity: 1;
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 20px;
}

.swiper-button-next svg path,
.swiper-button-prev svg path {
    fill: #000;
}

.swiper-button-next.swiper-button-disabled svg path,
.swiper-button-prev.swiper-button-disabled svg path {
    fill: #fff;
}

.gradient-text {
    background: linear-gradient(to right, #18848E, #0C225B);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.gradient-text-2 {
    background: linear-gradient(270deg, #0C225B 0.09%, #114671 40.04%, #145D7C 70%, #18848E 99.96%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.services-section .tab.active {
    border-radius: 8px;
    background: rgba(64, 193, 172, 0.10);
    color: var(--primary-color);
    font-weight: 500;
}

.services-swiper .swiper-pagination {
    width: fit-content;
    margin-left: 112px;
    bottom: 25px;
    display: flex;
    gap: 12px;
}

.services-swiper .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background-color: #E9ECEF;
}

.services-swiper .swiper-pagination-bullet-active {
    background-color: var(--primary-color);
}

.services-swiper .swiper-navigation {
    left: unset;
    right: 112px;
    transform: none;
    bottom: 25px;
}

.services-swiper .swiper-button-next,
.services-swiper .swiper-button-prev {
    border-radius: 999px;
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
}

.services-swiper .swiper-button-prev svg path,
.services-swiper .swiper-button-next svg path {
    fill: #fff;
}

.services-swiper .swiper-button-prev.swiper-button-disabled,
.services-swiper .swiper-button-next.swiper-button-disabled {
    border-radius: 999px;
    border: 1px solid var(--border-base-tertiary);
    background-color: transparent;
}

.services-swiper .swiper-button-prev.swiper-button-disabled svg path,
.services-swiper .swiper-button-next.swiper-button-disabled svg path {
    fill: var(--primary-text);
}

.vectorImg-1 {
    position: absolute;
    left: 0;
    top: 0;
}

.vectorImg-2 {
    position: absolute;
    left: 0;
    top: 93px;
}

.vectorImg-3 {
    position: absolute;
    right: 0;
    top: 0;
}

.breadcrumb-vector {
    position: absolute;
    left: 0;
    top: 0;
}

.service-data-vector {
    position: absolute;
    left: 0;
    bottom: 0;
}

/* .ellipses-1 {
    position: absolute;
    right: 0;
    top: 0;
} */

.ellipses-1 {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 273.467px;
    opacity: 0.13;
    background: linear-gradient(270deg, #080842 0.09%, #00B9A8 99.96%);
    filter: blur(100px);
    width: 273.467px;
    height: 272.762px;
}

.ellipses-2 {
    position: absolute;
    /* right: 0; */
    top: 50%;
    transform: translateY(-50%);
    width: 600.869px;
    height: 599.32px;
    border-radius: 600.869px;
    opacity: 0.05;
    background: linear-gradient(270deg, #080842 -48.28%, #00B9A8 99.96%);
    filter: blur(72.56966400146484px);
    right: -405.318px;
}

.ellipses-3 {
    position: absolute;
    left: 0;
    bottom: 0;
}

.ellipses-4 {
    position: absolute;
    right: -86.217px;
    top: 127.783px;
}

/* Initiatives tabs */
::selection {
    background: rgba(187, 134, 252, 0.5);
    color: #FFF;
}


.container .topic {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 20px;
    color: rgba(255, 255, 255, 0.7);
}

.content input {
    display: none;
}

.content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content .list {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 20%;
    margin-right: 50px;
}

.content .list label {
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.5);
    padding-left: 25px;
    transition: all 0.5s ease;
    z-index: 10;
}

#home:checked~.list label.home,
#blog:checked~.list label.blog,
#help:checked~.list label.help,
#code:checked~.list label.code,
#about:checked~.list label.about {
    color: #22272C;
}

.content .slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    width: 100%;
    border-radius: 12px;
    transition: all 0.5s ease;

    background: #BB86FC;
}

#home:checked~.list .slider {
    top: 0;
}

#blog:checked~.list .slider {
    top: 60px;
}

#help:checked~.list .slider {
    top: 120px;
}

#code:checked~.list .slider {
    top: 180px;
}

#about:checked~.list .slider {
    top: 240px;
}

.content .text-content {
    width: 80%;
    height: 100%;
    color: rgba(255, 255, 255, 0.7);
}

.content .text {
    display: none;
}

.content .text .title {
    font-size: 25px;
    margin-bottom: 10px;
    font-weight: 500;
}

.container .text p {
    text-align: justify;
}

.content .text-content .home {
    display: block;
}

#home:checked~.text-content .home,
#blog:checked~.text-content .blog,
#help:checked~.text-content .help,
#code:checked~.text-content .code,
#about:checked~.text-content .about {
    display: block;
}

#blog:checked~.text-content .home,
#help:checked~.text-content .home,
#code:checked~.text-content .home,
#about:checked~.text-content .home {
    display: none;
}

.content .list label:hover {
    color: #BB86FC;
}

.dividerNews {
    width: 1px;
    height: 98.979px;
    background: var(--border-base-tertiary);
}

.initiative-tab {
    box-shadow: 0px 7px 16px -3px rgba(10, 80, 69, 0.06);
    height: 213px;
}

.initiatives-section .activeTab {
    border: 1.5px solid var(--primary-color);
}

.initiatives-section .tabcontent {
    box-shadow: 0px 7px 16px -3px rgba(10, 80, 69, 0.06);
}

.activeTabNews {
    color: var(--primary-color);
    font-weight: 500;
    background: rgba(64, 193, 172, 0.10);
}

/*Slider Classes*/
.cascade-slider_container {
    position: relative;
    width: 100%;
    min-height: 656px;
    overflow-x: hidden;
}

.cascade-slider_item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(0.3);
    transition: all 1s ease;
    opacity: 0;
    z-index: -1;
    text-align: center;
    background-size: cover;
}

.cascade-slider_item.next {
    left: 50%;
    transform: translateY(-50%) translateX(-135%) scale(0.8);
    filter: brightness(85%);
    opacity: 0.5;
    z-index: 1;
}

.cascade-slider_item.prev {
    left: 50%;
    transform: translateY(-50%) translateX(35%) scale(0.8);
    filter: brightness(85%);
    opacity: 0.5;
    z-index: 1;
}

.cascade-slider_item.now {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(1);
    opacity: 1;
    z-index: 5;
}

.cascade-slider_arrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 5;
}

.cascade-slider_arrow-left {
    left: 10%;
}

.cascade-slider_arrow-right {
    right: 10%;
}

.cascade-slider_arrow-left img {
    height: 40px;
    left: 40px;
}

.cascade-slider_arrow-right img {
    height: 40px;
    left: 40px;
}

.cascade-slider_nav {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    z-index: 5;
}

.cascade-slider_dot {
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 1px solid #4196EF;
    margin: 3px;
    transition: all 0.5s;
    background: none;
    list-style: none;
    cursor: pointer;
    border-radius: 50px;
}

.cascade-slider_dot:hover {
    background: #2c8fab;
}

.cascade-slider_dot.cur {
    background: #2c8fab;
    width: 17px;
    height: 17px;

}

.application-section {
    box-shadow: 0px 0px 17.541px -5.847px rgba(18, 64, 56, 0.08), 0px 0px 40.93px -3.898px rgba(18, 64, 56, 0.06);
    position: absolute;
    bottom: -190px;
    left: 50%;
    transform: translateX(-50%);
}

.mobile-img {
    position: absolute;
    top: 0;
    width: 45%;
    left: 0;
}

.footer-section {
    background: linear-gradient(270deg, #0C225B 0.09%, #114671 40.04%, #145D7C 70%, #18848E 99.96%);
    /* background-image: url('../images/footer.png'); */
}

.catBtn-1 {
    position: fixed;
    top: 70%;
    /* transform: translateY(-50%); */
    left: 2%;
    z-index: 10;
}

.catBtn-2 {
    position: fixed;
    top: 70%;
    right: -60px;
    z-index: 10;
    transform: rotate(90deg);
}

.catBtn-2 a {
    border-radius: 0px 0px 0px 16px;
}

/* .dropdownBtn{
    font-size: 0.875rem;
    justify-content: center;
    gap: 8px;
} */
.services-section .swiper-rtl .swiper-button-prev {
    right: 0;
}

.services-section .swiper-button-next {
    left: 30px;
}

.services-section .swiper-pagination-bullet {
    margin: 0 !important;
}

.cascade-slider_item.prev .info,
.cascade-slider_item.next .info {
    opacity: 0;
}

.vectorFooter {
    position: absolute;
    right: 0;
    bottom: 0;
}

.activeTabInteractive {
    fill: var(--primary-color);
    fill-opacity: 1;
}

#nav-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.3s ease-in-out;
    z-index: 6;
}

.header-scrolled,
.white-header,
.with-search {
    background-color: #fff;
    /* Solid color when scrolled */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* padding: 10px 0; */
}

.header-scrolled .header-top,
.white-header .header-top,
.with-search .header-top {
    /* display: none; */
    background-color: #F8F9FA;
    border-bottom: 1px solid #DEE2E6;
}

.header-scrolled .header-bottom,
.white-header .header-bottom,
.with-search .header-bottom {
    background-color: #fff;
}

.blackSvg {
    display: none;
}

.header-scrolled .blackSvg,
.white-header .blackSvg,
.with-search .blackSvg {
    display: block;
}

.header-scrolled .whiteSvg,
.white-header .whiteSvg,
.with-search .whiteSvg {
    display: none;
}

.header-scrolled .textBlack,
.white-header .textBlack,
.with-search .textBlack {
    color: var(--content-base-primary);
}

.header-scrolled .textBlack svg path,
.white-header .textBlack svg path,
.with-search .textBlack svg path {
    stroke: var(--content-base-primary);
}

.header-scrolled .svg-black path,
.white-header .svg-black path,
.with-search .svg-black path {
    fill: var(--content-base-primary);
}

.dropdownBtn:hover svg path,
.dropdownBtn.active svg path {
    stroke: var(--primary-color);
}

.header-scrolled .divider,
.white-header .divider,
.with-search .divider {
    background-color: var(--border-base-tertiary);
}

#scrollToTopBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 24px;
    display: none;
    /* Hidden by default */
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease-in-out;
    z-index: 6;
}

.breadcrumb-section .active {
    color: #B0CDE9;
}

/* #scrollToTopBtn:hover {
    background-color: #444;
} */
.service-details-data {
    box-shadow: 0px 8px 25px -6px rgba(0, 39, 77, 0.04);
}

.service-details-section .activeTab {
    color: var(--primary-color);
    font-weight: 500;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 2px solid var(--primary-color);
}

.star-rating {
    display: flex;
    flex-direction: row-reverse;
    gap: 4px;
}

.star-rating input {
    display: none;
}

.star-rating label {
    color: #ccc;
    cursor: pointer;
}

.star-rating :checked~label svg path {
    fill: var(--primary-color);
}

.star-rating label:hover svg path,
.star-rating label:hover~label svg path {
    fill: var(--primary-color);
}

.input-field::placeholder {
    color: var(--content-base-tertiary);
    line-height: 24px;
    font-size: 14px;
}

.first-row {
    border-radius: 12px 12px 0 0;
}

.last-row {
    border-radius: 0 0 12px 12px;
}

#nav-menu .dropdown-link.active .dropdown-link-title {
    color: var(--primary-color);
}

.search-modal {
    top: 135px;
    border-radius: 0 0 24px 24px;
}

.search-input-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.mic-input-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.with-search .main-content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    background: linear-gradient(270deg, #0C225B 0.09%, #114671 40.04%, #145D7C 70%, #18848E 99.96%);
    filter: blur(0px);
    z-index: 5;
}

.main-content {
    position: relative;
}

.with-border-side {
    border-color: var(--border-base-tertiary);
}

.margin-inline-start-auto {
    margin-inline-start: auto;
}
#apexTreeWrapper,#svg-tree{
    height: 100%;
}
.chart-vector-root{
    position: absolute;
    left: 0;
}
.main-content{
    position: relative;
}
.about-vector{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
}
.header-scrolled .header-top{
    display: none;
}
.header-scrolled .search-modal{
    top: 85px;
}
html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px; /* Offset for fixed header */
}
.news-swiper-img .swiper-slide img{
    /* transform: scale(1.1); */
}
.news-swiper-img .swiper-slide-active img{
    /* transform: scale(1); */
    height: 513px;
    width: 90%!important;
}
 .news-swiper-img{
    /* overflow: hidden; */
 }
 .news-swiper-img .swiper-slide-active{
    /* width: 90%!important; */
 }
 /* .news-swiper-img.swiper-container {
	width: 50%;
	height: 60%;
	margin-left: auto;
	margin-right: auto;
}
.news-swiper-img .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height: 100%;
	color: #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 0.3s all;
	box-shadow: 0 0 20px #00000036;
	border-radius: 10px;
}

.news-swiper-img .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-active):not(.swiper-slide-next) {
	opacity: 0;
}



.news-swiper-img .swiper-slide-active {
	transition: 0.3s all;
	opacity: 1;
	background-color: orange;
} */

.noneActiveCheckbox{
    border: 1px solid #DEE2E6;
}
.activeCheckbox{
    border: none;
    background-color: #F3FBFA;
}
/* The container */
.radio-sharing-mechanism-container {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: 0.3s;
}

/* Hide the browser's default radio button */
.radio-sharing-mechanism-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: relative;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border : 1px solid #ADB5BD;
    border-radius: 50%;
    transition: 0.3s;
}

/* On mouse-over, add a grey background color */
.radio-sharing-mechanism-container:hover .checkmark {
    background-color: #cccccc2a;
}

/* When the radio button is checked, add a blue background */
.radio-sharing-mechanism-container input:checked ~ .checkmark {
    background-color: transparent;
    border : 1px solid #40C1AC;

}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-sharing-mechanism-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-sharing-mechanism-container .checkmark:after {
    top: 2.6px;
    left: 2.4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #40C1AC;
    position: absolute;
}

/* Customizing the date input */
.custom-date-input {
    position: relative;
    font-family: 'Arial', sans-serif;
    color: #131826;
    background: white;
    cursor: pointer;
}

/* Removing default date picker icon in some browsers */
.custom-date-input::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* Custom calendar icon */
.custom-date-input {
    background-image: url('/assets/images/roundedCalender.svg'); /* Change this to any icon */
    background-repeat: no-repeat;
    background-position: left 16px center;
    background-size: 20px;
    padding-left: 40px;
    text-align: right;
    direction: rtl;
}

/* On focus */
.custom-date-input:focus {
    border-color: #40C1AC;
    box-shadow: 0 0 5px rgba(64, 193, 172, 0.5);
}

/* Placeholder text styling */
.custom-date-input::placeholder {
    color: #A0A0A0;
}

/* ------ tele input type style ------ */
.iti.iti--allow-dropdown{
    border-radius: 8px;
    border: 1px solid  #DEE2E6;  
    padding: 11px;
}
.iti__country-container{
    background: #F7FAFA;
    color:  #335176;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;

}
.iti__selected-country{
    flex-direction: row-reverse;
    padding-right: 12px;
}
#phone,#phone-schedule-appointment,#openInfoPhone{
    width: 390px;
    text-align: right;
}
#phone:focus,#phone-schedule-appointment:focus,#openInfoPhone:focus{
    outline: none;
}
.iti__search-input:focus-visible{
    outline: none;
    padding: 0 12px;
}

@media (min-width: 460px) and (max-width: 680px) {
    .cascade-slider_item {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%) scale(0.3);
        transition: all 1s ease;
        opacity: 0;
        z-index: -1;
        text-align: center;
    }

    .cascade-slider_item.next {
        left: 50%;
        transform: translateY(-50%) translateX(-90%) scale(0.4);
        filter: brightness(70%);
        opacity: 1;
        z-index: 1;
    }

    .cascade-slider_item.prev {
        left: 50%;
        transform: translateY(-50%) translateX(-10%) scale(0.4);
        filter: brightness(70%);
        opacity: 1;
        z-index: 1;
    }

    .cascade-slider_item.now {
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%) scale(0.6);
        opacity: 1;
        z-index: 5;
    }

    .cascade-slider_arrow-left img {
        height: 30px;
        left: 30px;
    }

    .cascade-slider_arrow-right img {
        height: 30px;
        left: 30px;
    }

    .cascade-slider_nav {
        display: none;
    }
}

@media (max-width: 460px) {
    .cascade-slider_item {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%) scale(0.3);
        transition: all 1s ease;
        opacity: 0;
        z-index: -1;
        text-align: center;
    }

    .cascade-slider_item.next {
        left: 50%;
        transform: translateY(-50%) translateX(-80%) scale(0.3);
        filter: brightness(70%);
        opacity: 1;
        z-index: 1;
    }

    .cascade-slider_item.prev {
        left: 50%;
        transform: translateY(-50%) translateX(-20%) scale(0.3);
        filter: brightness(70%);
        opacity: 1;
        z-index: 1;
    }

    .cascade-slider_item.now {
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%) scale(0.5);
        opacity: 1;
        z-index: 5;
    }

    .cascade-slider_arrow-left img {
        height: 30px;
        left: 30px;
    }

    .cascade-slider_arrow-right img {
        height: 30px;
        left: 30px;
    }

    .cascade-slider_nav {
        display: none;
    }

}


@media (max-width: 1200px) {
    #hamburger {
        display: block;
    }

    .container {
        padding: 1.2rem;
    }

    .menu {
        display: none;
        position: absolute;
        top: 85px;
        left: 0;
        min-height: 100vh;
        width: 100vw;
    }

    .menu-bar li:first-child ul:nth-child(1) {
        border-right: none;
        border-bottom: var(--border);
    }

    .dropdown {
        display: none;
        min-width: 100%;
        border: none !important;
        border-radius: 5px;
        position: static;
        top: 0;
        left: 0;
        visibility: visible;
        opacity: 1;
        transform: none;
        box-shadow: none;
    }

    .menu.show,
    .dropdown.active {
        display: block;
    }

    .dropdown ul {
        padding-left: 0.3rem;
    }

    .menu-bar {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        row-gap: 1rem;
        padding: 1rem;
    }

    .menu-bar .nav-link {
        display: flex;
        justify-content: space-between;
        width: 100%;
        font-weight: 600;
        font-size: 1.2rem;
        margin: 0;
    }

    .menu-bar li:first-child .dropdown {
        min-width: 100%;
    }

    .menu-bar>li:not(:last-child) {
        padding-bottom: 0.5rem;
        border-bottom: var(--border);
    }
}

@media (max-width: 600px) {
    .right-container {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .menu-bar li.active::after {
        content: "";
        width: 56px;
        height: 2px;
        background-color: var(--primary-color);
        position: absolute;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 6px 6px 0px 0px;
    }

    .header-scrolled .menu-bar li.active::after,
    .white-header .menu-bar li.active::after,
    .with-search .menu-bar li.active::after {
        bottom: 0;
    }

    .initiatives-section .activeTab .showActiveTab {
        display: block;
    }
}

@media screen and (max-width: 992px) {
    .swiper-pagination-dot {
        display: none;
    }

    .services-swiper .swiper-pagination {
        display: none;
    }

    .home-header #hamburger {
        color: #fff;
    }

    .header-scrolled #hamburger {
        color: #000;
    }

    #nav-menu .menu-bar {
        background-color: #fff;
    }

    #nav-menu .menu-bar .nav-link {
        color: #000;
        font-size: 16px;
        font-weight: 400;
    }

    #nav-menu .menu-bar .nav-link.active {
        color: var(--primary-color);
        font-weight: 500;
    }

    #nav-menu .textBlack svg path {
        stroke: var(--content-base-primary);
    }

    .menu-bar .dropdown-link-title {
        font-weight: 400;
    }

    .main-banner {
        height: 110vh;
    }

    .services-tabs {
        width: 100%;
    }

    .dividerNews {
        display: none;
    }

    .initiative-tab {
        height: 160px;
    }

    .services-swiper .swiper-navigation {
        right: 30%;
    }

    .cascade-slider_container {
        /* min-height: 340px; */
    }

    .cascade-slider_item {
        width: 100%;
        transform: translateY(-50%) translateX(-50%) scale(0.8);
    }

    .cascade-slider_item.now {
        width: 100%;
        transform: translateY(-50%) translateX(-50%) scale(0.8);
    }
}

@media screen and (max-width: 1400px) {
    .grid--news {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
}

@media screen and (max-width: 1755px) {
    .menu-bar {
        gap: 8px;
    }

    .service-btn {
        font-size: 14px;
    }
}

@media screen and (min-width: 1722px) and (max-width: 1755px) {

    .dropdown-btn,
    .menu-bar li.active a,
    .nav-end a {
        font-size: 15px;
    }
}

@media screen and (min-width: 1600px) and (max-width: 1722px) {

    .dropdown-btn,
    .menu-bar li.active a,
    .nav-end a {
        font-size: 13px;
    }

    .menu-bar {
        padding-inline: 10px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1329px) {
    h1.ld-fh-element {
        font-size: 40px;
        line-height: 50px;
    }
}

@media screen and (max-width: 639px) {
    .breadcrumb-header {
        margin-top: 85px;
    }
}

@media screen and (max-width: 1024px) {
    #phone,#phone-schedule-appointment,#openInfoPhone{
        width: 240px;
    }
}