@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 300;
    src: local('IBM Plex Sans'), url('../fonts/IBMPlexSansArabic-Thin.ttf') format('truetype');
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    src: local('IBM Plex Sans'), url('../fonts/IBMPlexSansArabic-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    src: local('IBM Plex Sans'), url('../fonts/IBMPlexSansArabic-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 700;
    src: local('IBM Plex Sans'), url('../fonts/IBMPlexSansArabic-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 900;
    src: local('IBM Plex Sans'), url('../fonts/IBMPlexSansArabic-Bold.ttf') format('truetype');
}



:root {
    --dark-grey: #333333;
    --medium-grey: #636363;
    --light-grey: #eeeeee;
    --ash: #f4f4f4;
    --primary-color: #1B8354;
    --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;
    --bg-base-secondary: #F8F9FA;
    --blue-text: #002554;
    --bg-light: var(--bg-light);
    --hover-button-light: #f5f5f5;
    --hover-button-primary: #166A45;
    --font-family: "IBM Plex Sans", sans-serif;
    --bg-light: #F3FCF6;
    --bg-breadcrumb: #F7FDF9;
    --blue-text-secondary: #546D8C;
    --bg-line: #D9D9D9;
    --bg-number: #F1F3F5;
}

/* a{
    color: #335176 !important;
} */
body {
    font-family: var(--font-family);
    background-color: var(--bg-base-secondary);
}

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

.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) !important;
}

.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: 12px; */
    position: absolute;
    top: 104px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    /* transform: scale(0.97) translateX(-5px); */
    transition: 0.1s ease-in-out;
    box-shadow: 0px 8px 25px 0px rgba(0, 39, 77, 0.04);
    padding: 8px 0;
    right: 0;
}

.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;
}
.dropdownLi{
    padding: 12px 16px 12px 0;
}
.dropdownLi:not(:last-child){
    border-bottom: 0.5px solid #DEE2E6;
}
.dropdownLi:hover{
    background-color: var(--primary-color)1a;
}
.dropdownLi .dropdown-link{
    display: flex;
    align-items: center;
    gap: 8px;
}

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

.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: var(--primary-color);
    color: #fff !important;
    font-weight: 500;
}
.menu-bar li .nav-link:hover{
    background-color: #F3F4F6;
    border-radius: 8px;
    color: var(--primary-text) !important;
}

.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;
}

.background-gradient {
    background: linear-gradient(270deg, #14573A 0.09%, #1B8354 99.96%) !important;
}




.custom-dot {
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s;
    display: flex;
}
@media screen and (max-width: 768px) {
    .custom-dot {
        width: 10px;
        height: 10px;
    }
    
}

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

.main-banner {
    margin-top: -8vh; 
    height: 54vh;
}

.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: 140px;
    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 {
    display: none;
}

.swiper-button-next,
.swiper-button-prev {
    background: #fff;
    width: 53.333px;
    height: 53.333px;
    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: var(--primary-color);
    border: none;
}

.next-button-gallery.swiper-button-next,
.prev-button-gallery.swiper-button-prev {
    margin-top: 85px;
    background-color: var(--primary-color);
    border: none;
}

.next-button-video.swiper-button-next,
.prev-button-video.swiper-button-prev {
    background-color: var(--primary-color);
    border: none;
}





.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;
}

@media screen and (min-width: 1400px) {
    .swiper-slide.news-swiper-slide {
        height: 500px;
    }

    .video-gallery-swiper .swiper-slide.news-swiper-slide {
        height: 478px;
    }
}

.swiper-slide.news-swiper-slide {
    /* width: 700px!important; */
    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: var(--primary-color);
}

.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: #161616!important;
    font-weight: 700;
    position:relative
}

/*
.services-section .tab.active:after {
 content: "";
    width: 100%;
    height: 6px;
    background-color: #1B8354!important;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50px;
}
*/

.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: 20px;
}

.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-prev[aria-disabled="true"],
.services-swiper .swiper-button-next.swiper-button-disabled,.services-swiper .swiper-button-next[aria-disabled="true"] {
    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-prev[aria-disabled="true"] svg path,
.services-swiper .swiper-button-next.swiper-button-disabled svg path,.services-swiper .swiper-button-next[aria-disabled="true"] 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%, var(--primary-color) 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%, var(--primary-color) 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) !important;
    font-weight: 500;
    background: rgba(64, 193, 172, 0.10);
}

/*Slider Classes*/
.cascade-slider_container {
    position: relative;
    width: 100%;
    min-height: 500px;
    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!important;
}

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

.cascade-slider_item.prev {
    left: 43%;
    transform: translateY(-50%) translateX(35%) scale(0.7);
    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: 20%;
}

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



.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;

}
@media screen and (min-width: 992px) {
    .cascade-slider_item .card{
        width: 100%;
    }
}

.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: 48px;
    width: 45%;
    left: 0;
}

.footer-section {
    background: #074D31;
    /* 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: 5; */
}

.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: var(--bg-base-secondary);
    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 .item-header-txt,
.white-header .textBlack .item-header-txt,
.with-search .textBlack .item-header-txt {
    color: var(--content-base-primary) !important;
}

.menu-bar .nav-link:hover,
.dropdown-link:hover {
    color: var(--primary-color);
}

a:focus {
    color: inherit;
}

.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.active svg path {
    stroke: #fff;
}

.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: #9DA4AE;
}

/* #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, rgba(20, 87, 58, 0.80) 0.09%, rgba(27, 131, 84, 0.80) 99.96%);
    filter: blur(0px);
    z-index: 5;
}

.main-content {
    position: relative;
	background-color:#ffff!important;
}

.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;
} */
.service-description {
    max-height: 68px;
    overflow: hidden;
}

.service-description-home {
    max-height: 25px;
    /*height:500px;*/
    overflow: hidden;
}

.services-swiper.swiper {
    padding-bottom: 100px;
}

.service-title-home {
	color: var(--Text-text-display, #1F2A37);
	/*text-align: right;*/
	 
	/* Text lg/Bold */
	/* font-family: var(--Font-Family-font-family-text, "IBM Plex Sans Arabic") !important; */
	font-size: var(--Size-Text-typo-size-text-Ig, 18px);
	font-style: normal;
	font-weight: 700;
	line-height: var(--Line-Height-Text-line-heights-text-Ig, 28px);
}

/* .active-accordion {
    background-color: var(--bg-light);
}

.active-accordion .accordion-title {
    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;
}

.active-accordion .accordion-icon svg {
    transform: rotate(180deg);
}

.active-accordion .accordion-icon svg path {
    fill: var(--primary-color);
} */

@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;
        min-width: unset;
        border: unset;
    }

    .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: 104px;
        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);
    }

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

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

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

@media screen and (min-width: 992px) {
    .menu-bar li.active a.navLink::after {
        content: "";
        width: 80%;
        height: 6px;
        background-color: #54C08A;
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50px;
    }

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

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

    .next-button-news.swiper-button-next {
        transform: rotate(180deg);
        transform: rotate(180deg);
        top: var(--swiper-navigation-top-offset, 44%);
    }

    .prev-button-news.swiper-button-prev {
        right: 63px !important;
        transform: rotate(180deg);
        top: var(--swiper-navigation-top-offset, 44%);
    }
    
    .next-button-gallery.swiper-button-next {
        transform: rotate(180deg);
    }
    
    .prev-button-gallery.swiper-button-prev {
        transform: rotate(180deg);
    }

    .next-button-video.swiper-button-next {
        transform: rotate(180deg);
    }

    .prev-button-video.swiper-button-prev {
        transform: rotate(180deg);
    }

    .lang-mobile {
        display: none !important;
    }
}

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

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



    #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: 105vh;
    }

    .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);
    }

    .cascade-slider_arrow {
        top: 40%;
    }

    .lang-mobile {
        display: block;
    }
}

@media screen and (max-width: 1200px) {
    #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;
    }
}

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

    /* .hidden-1400px {
        display: none;
    } */
}

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

    /* .service-btn {
        font-size: 13px;
    } */
}

@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 (min-width:1000px) and (max-width:1580px) {
    /* .service-btn {
        font-size: 10px;
        padding: 5px;
    } */
}

.cookies-options {
    position: fixed;
    background: rgba(0, 36, 71, .7);
    bottom: 0;
    color: #fff;
    font-size: 14px;
    left: 0;
    padding: 11px 25px;
    position: fixed;
    right: 0;
    z-index: 9999999999;
}

.cookies-options .d-flex {
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.d-flex {
    display: flex;
    flex-wrap: wrap;
}

.learnpolicy {
    cursor: pointer;
    text-decoration: underline;
}

#minimizedChat {
    bottom: 85px !important;
}

.custom-breadcrumb,
.custom-breadcrumb .ms-breadcrumbRootNode,
.custom-breadcrumb .ms-breadcrumbNode {
    display: flex;
    margin: 0;
    align-items: center;
}

.custom-breadcrumb.ms-breadcrumb {
    padding: 0;
}

.custom-breadcrumb .s4-breadcrumb-arrowcont img {
    position: static !important;
}

/* .ms-breadcrumbRootNode .s4-breadcrumb-arrowcont {
    display: none !important;
} */

.ms-breadcrumbNode .s4-breadcrumb-arrowcont {
    display: flex !important;
    width: 24px;
}

.ms-breadcrumbCurrentNode {
    display: flex;
    align-items: center;
}

.ms-breadcrumbRootNode,
.ms-breadcrumbNode,
.ms-breadcrumbCurrentNode {
    color: var(--primary-text) !important;
    font-size: 14px !important;
    font-weight: 400;
    text-decoration: none !important;
}

.ms-breadcrumbCurrentNode {
    color: #9DA4AE !important;
}

h1,
.ms-h1 {
    font-family: var(--font-family);
}

button#scrollToTopBtn {
    min-width: unset;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
}

.next-button-news.swiper-button-next,
.prev-button-news.swiper-button-prev {
    margin-top: 200px;
    background-color: var(--primary-color);
    border: none;
    width: 48px;
    height: 48px;
}

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

    .next-button-news.swiper-button-next,
    .prev-button-news.swiper-button-prev {
        margin-top: 240px;
    }

    .image-name {
        text-align: center;
    }

    .video-gallery-swiper {
        margin-top: -150px;
    }
}

.next-button-gallery.swiper-button-next,
.prev-button-gallery.swiper-button-prev {
    margin-top: 85px;
    background-color: var(--primary-color);
    border: none;
}

.next-button-video.swiper-button-next,
.prev-button-video.swiper-button-prev {
    background-color: var(--primary-color);
    border: none;
}

.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: 10px;
}

.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;

}

.sort-button {
    font-family: var(--font-family);
}

.next-button-news.swiper-button-next.swiper-button-disabled,
.prev-button-news.swiper-button-prev.swiper-button-disabled {
    background-color: transparent !important;
}

.video-content {
    top: 15%;
    transform: translateX(50%);
}

.menu-bar .dropdown-link-title {
    font-weight: 400;
    color: var(--primary-text);
    font-size: 0.875rem;
}

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

.star-rating ul {
    display: flex;
}

.star-rating .fa-star {
    font-size: 28px !important;
    color: #E4EAF0;
}

.star-rating .selected .fa-star,
.star-rating .hover .fa-star {
    color: var(--primary-color);
}

.PagerContainerTable {
    width: fit-content;
    margin: auto;
}

.PagerInfoCell {
    border: 1px solid #f1f1f1;
    padding: 2px 10px 6px;
    background-color: #fff;
}

.PagerInfoCell {
    display: none;
}

.PagerOtherPageCells {
    width: fit-content;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

@media screen and (max-width: 768px) {
    .PagerOtherPageCells {
        font-size: 13px;
        margin: 0 !important;
    }
}

.PagerHyperlinkStyle {
    width: 100%;
    display: flex;
    height: 100%;
    padding: 8px;
    color: var(--primary-text) !important;
}

.PagerCurrentPageCell {
    padding: 2px 8px;
    background-color: var(--bg-light);
    display: block;
    font-size: 16px;
    border-bottom: 1px solid var(--primary-color);
    border-radius: 4px 4px 0 0;
}

.PagerCurrentPageCell .PagerHyperlinkStyle {
    color: var(--primary-color) !important;
}

.service-details-data .ms-rtestate-field {
    display: flex !important;
    flex-direction: column;
    gap: 24px;
}

.services-section .swiper-button-next,
.services-section .swiper-button-prev {
    width: 48px;
    height: 48px;
}

.cascade-slider_arrow svg {
    width: 53.333px;
    height: 53.333px;
}

.logo {
    border: unset !important;
    color: transparent !important;
}

.video-slider-container .swiper-button-next.swiper-button-disabled,
.video-slider-container .swiper-button-prev.swiper-button-disabled,
.prev-button-gallery.swiper-button-prev.swiper-button-disabled,
.next-button-gallery.swiper-button-next.swiper-button-disabled {
    border: 1px solid var(--primary-text);
    background-color: transparent !important;
}

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

.news-details img {
    border-radius: 16px;
}

.news-details .details-page-content p {
    color: var(--primary-text) !important;
    font-size: 18px;
    font-weight: 400;
}

.swiper-slide.news-swiper-slide:not(.swiper-slide-active) {
    opacity: 0.6;
}



@media screen and (max-width: 1600px) {
    .cascade-slider_container {
        min-height: 480px;
    }

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

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

    .mobile-img {
        top: 90px;
    }

    .navLink {
        font-size: 13px;
        padding: 8px;
    }

    .item-header-txt {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .mobile-img {
        position: relative;
        right: 50%;
        transform: translateX(50%);
    }

    .application-section {
        bottom: -100px;
    }
}

#minimizedChat {
    /*box-shadow: 0 0 0 20px rgba(229,62,62, 0.5);
    transform: scale(0.8);*/
    border-radius: 100%;
    animation: pulse 3s infinite;
}

#minimizedChat img {
    top: 0 !important;
}

.lc-1bq3m3t.eq1nrcm0 {
    width: 80px !important;
    height: 80px !important;
}

#minimizedChat {
    /*box-shadow: 0 0 0 20px rgba(229,62,62, 0.5);
    transform: scale(0.8);*/
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        /* transform: scale(0.8); */
        box-shadow: 0 0 0 0 rgb(250, 249, 249);
    }

    70% {
        /* transform: scale(1); */
        box-shadow: 0 0 0 30px rgba(229, 62, 62, 0);
    }

    100% {
        /* transform: scale(0.8); */
    }
}


@media screen and (max-width: 768px) {
    .news-swiper-content {
        flex-direction: column-reverse;
        gap: 32px;
    }

    .swiper-button-next.next-button-news {
        right: auto;
        margin-left: 70px;
    }

    .swiper-button-prev.prev-button-news {
        left: auto;
        margin-right: 70px;
    }

    .sort-txt {
        display: none;
    }

    .sort-button {
        width: fit-content;
        min-width: unset;
    }

    .breadcrumb-vector {
        display: none;
    }

    .photoSwiper {
        overflow: hidden;
    }

    .next-button-gallery.swiper-button-next,
    .prev-button-gallery.swiper-button-prev {
        margin-top: 53%;
    }

    .next-button-gallery.swiper-button-next {
        right: auto;
        margin-left: 70px;
    }

    .prev-button-gallery.swiper-button-prev {
        left: auto;
        margin-right: 70px;
    }

    .ms-breadcrumbRootNode,
    .ms-breadcrumbNode,
    .ms-breadcrumbCurrentNode {
        font-size: 10px !important;
    }

    .s4-breadcrumb-arrowcont {
        margin: 0 !important;
    }

    .swiper-button-next.next-button-video,
    .swiper-button-prev.prev-button-video {
        top: 85%;
    }

    .swiper-button-next.next-button-video {
        right: 33%;
        margin-left: 70px;
    }

    .swiper-button-prev.prev-button-video {
        left: 33%;
        margin-right: 70px;
    }
}

.daman-tab .shadow-md {
    box-shadow: unset;
    width: 100%;
}

.daman-tab a {
    color: #00223F !important;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .daman-tab img {
        width: 100%;
    }

    .sort-button {
        width: 48px;
    }

    .services-tabs {
        overflow-x: scroll;
        padding-bottom: 16px;
    }

    .services-tabs button {
        white-space: nowrap;
    }

    .services-tabs::-webkit-scrollbar {
        width: 12px;
        height: 2px;
    }

    .services-tabs::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(228, 227, 227, 0.3);
        border-radius: 10px;
    }

    .services-tabs::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(148, 147, 147, 0.5);
    }

}

.report-slider .swiper-slide.news-swiper-slide,
.report-slider .swiper-slide.news-swiper-slide img {
    border-radius: 8px !important;
}

.report-slider .swiper-slide.news-swiper-slide.swiper-slide-active,
.report-slider .swiper-slide.news-swiper-slide.swiper-slide-active img {
    border-radius: 12px !important;
}

@media screen and (min-width: 768px) {
    .with-shadow-bottom::after {
        content: '';
        position: absolute;
        bottom: -67px;
        width: 166.168px;
        height: 75.33px;
        background: rgba(10, 22, 43, 0.70);
        filter: blur(31.018077850341797px);
    }

    .regulations-title {
        max-height: 24px;
        overflow: hidden;
    }
}

.paginationCustom button,
.paginationCustom div {
    margin-right: 0;
    margin-left: 0;
}

.paginationCustom button {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: unset;
}

.paginationCustom .page-btn {
    width: 100%;
    height: 40px;
    font-size: 16px;
    font-family: var(--font-family);
    font-weight: 400 !important;
}

.paginationCustom .active-page-btn {
    font-weight: 500 !important;
   /* background-color: var(--bg-light) !important; */
}

.statistics-title {
    margin: 0;
}

h2,
h3,
.ms-h2,
.ms-h3,
.ms-headerFont,
.apexcharts-text tspan,
input[type=password],
input[type=text],
input[type=file],
input:not([type]),
select,
textarea,
.sp-peoplepicker-topLevel,
.sp-peoplepicker-topLevelDisabled,
.sp-peoplepicker-autoFillContainer,
.ms-inputBox {
    font-family: var(--font-family) !important;
}

.apexcharts-text tspan {
    font-size: 12px !important;
}

#table_id thead {
    background-color: #F3F4F6 !important; 
  color: #384250 !important;
  font-size: 0.875rem!important; 
  font-weight: 500!important; 
}

#table_id thead th {
 padding-top: 20px!important;
  padding-bottom: 20px!important;
  padding-left: 24px!important;
  padding-right: 24px!important;
  text-align: right!important;
  border-left: 1px solid #D2D6DB!important;
}

#table_id thead th:last-child {
    padding: 20px 30.5px !important;
    text-align: center !important;
}

table.dataTable thead th,
table.dataTable.no-footer {
    border-bottom: 1px solid #DEE2E6 !important;
}

table.dataTable thead th:last-child {
    border-left: unset !important;
    border-top-left-radius: 12px;
}

table.dataTable tbody tr {
    /*background-color: #fff !important;*/
}

table.dataTable.display tbody tr td:not(:last-child) {
    border-left: 1px solid #DEE2E6 !important;
    text-align: right !important;
}

table.dataTable {
    border-collapse: collapse !important;
}

table.dataTable tbody td {
    padding: 16px 24px !important;
}

button.viewD img {
    width: 40px !important;
    height: 15px !important;
}

.drugs div.dataTables_paginate.paging_simple_numbers a.paginate_button.current,
.drugs div.dataTables_paginate.paging_simple_numbers a.paginate_button:hover {
    background-color: var(--bg-light) !important;
    color: var(--primary-color) !important;
    border-radius: 4px 4px 0px 0px !important;
    border: unset !important;
    border-bottom: 2px solid var(--primary-color) !important;
}

.dataTables_paginate.paging_simple_numbers {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

@media screen and (max-width: 768px) {
    .table-holder {
        padding-top: 0px !important;
    }

    .dataTables_paginate.paging_simple_numbers span {
        font-size: 11px !important;
    }

    .dataTables_paginate.paging_simple_numbers span a {
        padding: 5px !important;
    }

    /* .dataTables_paginate.paging_simple_numbers span {
        display: none !important;
    } */
}

.drugs-overLayer {
    background: rgba(22, 33, 58, 0.80) !important;
}

.drugs-details {
    width: 62% !important;
    height: 73% !important;
    top: 50% !important;
    left: 50% !important;
    right: unset !important;
    transform: translate(-50%, -50%) !important;
    padding: 56px !important;
    overflow-y: scroll !important;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
}

.drugs-details::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

.drugs-details .drugs-title-modal {
    height: auto !important;
    line-height: 32px !important;
    padding: 0px !important;
    margin-bottom: 40px;
    border-bottom: unset !important;
}

.drugs-details .drugs-title-modal h3 {
    font-size: 28px !important;
    font-weight: 500 !important;
    line-height: 32px !important;
    color: #131826 !important;
}

.table-modal {
    direction: ltr;
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0px;
}

.table-modal th {
    border-radius: 8px 0px 0px 0px;
    border: 1px solid #DEE2E6;
    background: #F3F4F6 !important;
    padding: 20px 30.5px;
    color: #384250 !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 29.894px;
}

.table-modal th:nth-child(1) {
    border-radius: 8px 0px 0px 0px;
    border-right: unset;
}

.table-modal th:nth-child(2) {
    border-radius: 0px 8px 0px 0px;
}

.table-modal tr td {
    border: 1px solid #DEE2E6;
    border-top: unset;
    padding: 16px 30.5px;
    color: #161616;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.table-modal tr td:nth-child(1) {
    border-right: unset;
}

.table-modal tr:last-child td:nth-child(1) {
    border-radius: 0px 0px 0px 8px;
}

.table-modal tr:last-child td:nth-child(2) {
    border-radius: 0px 0px 8px 0px;
}

@media screen and (max-width: 768px) {
    .drugs-details {
        width: 100% !important;
        height: 80% !important;
        padding: 12px !important;
    }

}

/* Customize the label (the container) */
.containerCustomRadio {
    display: flex;
    position: relative;
    padding-right: 32px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
    align-items: center;
}

/* Hide the browser's default checkbox */
.containerCustomRadio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.containerCustomRadio .checkmark {
    position: absolute;
    top: 5px;
    right: 0;
    height: 20px;
    width: 20px;
    background-color: white;
    border-radius: 4px;
    border: 1px solid #DEE2E6;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    transition: background-color 0.2s ease;
}

/* On mouse-over, add a grey background color */
.containerCustomRadio:hover input~.checkmark {
    background-color: #E4EAF0;
}

/* When the checkbox is checked, add a blue background */
.containerCustomRadio input:checked~.checkmark {
        background-color: #1B8354; /* أخضر */
    border-color: #1B8354;
}

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

/* Show the checkmark when checked */
.containerCustomRadio input:checked~.checkmark:after {
    display: block;
    width: 6px;
    height: 12px;
    border: solid white; /* لون الصح */
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Style the checkmark/indicator */
.containerCustomRadio .checkmark:after {
    top: 4px;
    right: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--primary-color);
}

.review-answer {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
}

.review-answer__actions {
    display: flex;
}

.review-answer__actions #feedback_submit {
    background-color: #1B8354 !important;
    color: var(--Text-text-oncolor-primary, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.review-answer__actions #feedback_cancel {
    background-color: #F3F4F6 !important;
    color: #00223F !important;
    border: 1px solid #D2D6DB!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.success-message {
    background-color: rgba(64, 193, 172, 0.10);
    padding: 12px 24px;
    color: var(--primary-color);
    width: fit-content;
    margin-top: 24px;
}

/* Customize the label (the container) */
.containerAccessData {
    display: flex;
    position: relative;
    padding: 16px 48px 16px 16px;
    /* margin-bottom: 12px; */
    cursor: pointer;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-items: center;
    border: 1px solid #DEE2E6;
    border-radius: 8px;
    height: 48px;
    gap: 8px;
    font-weight: 400;
    line-height: 19.6px;
}

/* Hide the browser's default radio button */
.containerAccessData input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom radio button */
.containerAccessData .checkmark {
    position: absolute;
    top: 13px;
    right: 16px;
    height: 24px;
    width: 24px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #ADB5BD;
}

/* On mouse-over, add a grey background color */
/* .divSharingTools .containerAccessData:hover input~.checkmark {
    background-color: #ccc;
} */

/* When the radio button is checked, add a blue background */
.containerAccessData input:checked~.checkmark {
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--primary-color);
}
.containerAccessData:has(input[type="radio"]:checked) {
    border: 1px solid var(--primary-color);
    background-color: #F3FBFA;
  }

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

/* Show the indicator (dot/circle) when checked */
.containerAccessData input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.containerAccessData .checkmark:after {
    /* top: 9px;
    right: 9px; */
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--primary-color);
}

.tabs-open-info-kpis .tab-open-info-kpis {
    margin-right: 0 !important;
    font-family: var(--font-family) !important;
}

.tabs-open-info-kpis .tab-open-info-kpis:not(.active) {
    border-radius: 100px;
    border: 1px solid #DEE2E6 !important;
    padding: 12px 16px !important;
    background-color: transparent !important;
}

.tabs-open-info-kpis .tab-open-info-kpis.active {
    border: unset !important;
    padding: 12px 16px !important;
}

.font-base {
    font-family: var(--font-family) !important;
}

.accordion-button {
    background-color: var(--bg-base-secondary) !important;
    margin-right: 0 !important;
    padding: 16px 24px !important;
}

.accordion-title {
    color: #002554 !important;
}

.active-accordion {
    background-color: var(--bg-light) !important;
    padding: 16px 16px !important;
}

.active-accordion .accordion-title {
    /* 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; */
    color: var(--primary-text) !important;
    border-right: 6px solid var(--primary-color);
    border-radius: 2px;
    padding-right: 12px;
}

.active-accordion .accordion-icon svg {
    transform: rotate(180deg);
}

.active-accordion .accordion-icon svg path {
    fill: var(--primary-color);
}

.regulations-first-tab-card:hover a.odataApiLink {
    color: #fff !important;
}
.homeMap{
    width: 100%;
    height: 100%;
}

.homeMap .interactive-path {
    fill-opacity: 0.1 !important;
}

.homeMap .activeTabInteractive {
    fill-opacity: 1 !important;
}
.inputDate{
    display: flex;
}
.dateImg{
    position: absolute;
    top: 50%;
    transform: translateY(10%);
}
.dangerMessage{
    color: #970a0a;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 16px;
}
.ConfirmedDiv{
    display: flex;
    gap: 16px;
    flex-direction: column;
    align-items: center;
}
.ConfirmedDiv img{
    width: 80px;
}

.filepond--root:hover {
    background-color: var(--bg-light) !important;
    border: 1px dashed var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.filepond--root:hover svg path {
    fill: var(--primary-color) !important;
}

.filepond--root {
    background-color: #F3F4F6 !important;
    color: #131826 !important;
}

.filepond--root:hover .upload-text {
    color: var(--primary-color) !important;
}

.servicesTabs .tab-service{
    margin-right: 0;
    padding: 12px;
    border: unset;
    background-color: transparent !important;
    font-weight: 400!important;
    color:#384250 !important;
}
.services-page-tabs .tab-service.active{
    font-weight: 700 !important;
}
.truncate-eservices {
    display: -webkit-box;
    -webkit-line-clamp: 2;    
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tabs-services-people .tab-services-people{
    margin-right: 0;
    padding: 12px 16px;
    background-color: transparent !important;
}
.tabs-services-people .tab-services-people.active{
    font-weight: 500 !important;
    background-color: var(--bg-light) !important;
    border: unset;
}
.mobileTabs.servicesTabs .tab-service{
    font-size: 16px;
}
@media screen and (max-width: 768px) {
    .mobileTabs .tab-services-people{
        white-space: nowrap;
        padding: 5px 7px;
        font-size: 10px;
    }
    .mobileTabs.tabs-services-people{
        gap: 4px;
        width: 100%;
        justify-content: center;
    }
    .mobileTabs.servicesTabs{
        gap: 8px;
    }
    .mobileTabs.servicesTabs .tab-service{
        padding: 5px 7px;
        font-size: 14px;
    }
    .request-group-btn{
        justify-content: space-between;
    }
}
.captchaContainer img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.btn-feedback{
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    font-size: 1rem;
    font-weight: 500;
    padding: 12px 16px;
    border-radius: 8px;
}
.btn-back{
    color: #00223F;
    background-color: transparent;
    border: 1px solid #DEE2E6;
    font-size: 1rem;
    font-weight: 500;
    padding: 12px 16px;
    border-radius: 8px;
    display: none!important;
}
.agreeCheckbox{
    position: relative;
    top: 2px;
}

.customListControl [type="radio"]:checked,
.customListControl [type="radio"]:not(:checked) {
    position: absolute;
    display:none;
}
.customListControl [type="radio"]:checked + label,
.customListControl [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-right: 32px;
    cursor: pointer;
    line-height: 1.6;
    display: inline-block;
    color: #131826;
    font-size: 1rem;
}
.customListControl [type="radio"]:checked + label:before,
.customListControl [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    right: 0;
    top: 5px;
    width: 24px;
    height: 24px;
    border: 1px solid #ADB5BD;
    border-radius: 100%;
    background: #fff;
}
.customListControl [type="radio"]:checked + label:before{
    border: 1px solid var(--primary-color);
}
.customListControl [type="radio"]:checked + label:after,
.customListControl [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 15px;
    height: 15px;
    background: var(--primary-color);
    position: absolute;
    top: 9px;
    right: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.customListControl [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.customListControl [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.feedBackForm .form-group{
    margin-top: 24px;
}
.feedBackForm .control-label{
    font-weight: 500;
    font-size: 1rem;
}
.checkBoxInsurance [type="radio"]:checked,
.checkBoxInsurance [type="radio"]:not(:checked) {
    position: absolute;
    display:none;
}
.checkBoxInsurance [type="radio"]:checked + label,
.checkBoxInsurance [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-right: 32px;
    cursor: pointer;
    line-height: 1.6;
    display: inline-block;
    color: #131826;
    font-size: 1rem;
}
.checkBoxInsurance [type="radio"]:checked + label:before,
.checkBoxInsurance [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    right: 0;
    top: 5px;
    width: 24px;
    height: 24px;
    border: 1px solid #ADB5BD;
    border-radius: 100%;
    background: #fff;
}
.checkBoxInsurance [type="radio"]:checked + label:before{
    border: 1px solid var(--primary-color);
}
.checkBoxInsurance [type="radio"]:checked + label:after,
.checkBoxInsurance [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 15px;
    height: 15px;
    background: var(--primary-color);
    position: absolute;
    top: 9px;
    right: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.checkBoxInsurance [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.checkBoxInsurance [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* .checkBoxInsurance td{
    padding: 8px 0;
} */
 .requiredValidate{
    margin-top: -32px;
    /* margin-bottom: 20px; */
 }
 .dir-ltr{
    direction: ltr;
 }
 .alertPrimary{
    background-color: var(--bg-light);
    padding: 8px 16px;
    font-size: 1rem;
    font-weight: 400;
    color: var(--primary-text);
    width: fit-content;
    border-radius: 8px;
    margin-bottom: 20px;
 }
 .alertPrimary a{
    color: var(--primary-color);
    font-weight: 500;
    text-decoration: underline;
 }
 .selectImg{
    position: absolute;
    left: 13px;
    top: 45px;
 }
 .selectInpt{
    appearance: none;
 }
 .tablePagingRequest a{
    border: 1px solid #DEE2E6;
    padding: 10px 8px;
    border-radius: 8px;
    color: var(--primary-text);
    font-size: 0.875rem;
 }
 .breadcrumbTitle{
    font-size: 32px!important;
    font-weight: 500!important;
    width: 100%;
 }
 @media screen and (max-width:768px) {
    .breadcrumbTitle{
        font-size: 20px!important;
     }
     #scrollToTopBtn{
        bottom: 80px;
     }
 }
 .s4-breadcrumb-arrowcont{
    display: flex;
    align-items: center;
 }
 .ms-breadcrumbRootNode>.s4-breadcrumb-arrowcont:first-child {
    display: none!important;
 }
 .svgContain{
    padding: 1.248px 1.251px 1.251px 1.25px;
 }

 .menu-bar .dropdown-link-title {
    font-weight: 400 !important;
 }
 .copy-alert {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: var(--primary-color);
    color: white;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease-in-out;
    z-index: 1000;
}

.copy-alert.show {
    opacity: 1;
}
@media screen and (min-width: 1600px) {
    .photoGalleryTitle{
        top: -70px;
    }
    .next-button-gallery.swiper-button-next, .prev-button-gallery.swiper-button-prev{
        margin-top: 15px;
    }
}
.mediaCenterBreadcrumb{
    display:none;
}
.feedback-yes, .feedback-no{
    background-color: #1B8354 !important;
    color: var(--Text-text-oncolor-primary, #FFF) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}
.feedback-yes:hover, .feedback-no:hover{
    color: #fff;
    background-color: #166A45 !important;
}
.review-answer__actions #feedback_cancel:hover{
    background-color: #E5E7EB !important;
}
.review-answer__actions #feedback_submit{
    border: unset !important;
}
.review-answer__actions #feedback_submit:hover{
     background-color: #166A45 !important;
}
.main-news-btn{
    color: #fff;
}
.inner-footer-link{
    color: #fff!important;
}
a.inner-footer-link:visited,.inner-footer-link.ms-link:visited{
    color: #fff;
}
.tab-bulletin-daman:hover{
    background-color: var(--hover-button-light) !important;
}
.data-access-btn{
    background-color: var(--primary-color) !important;
}
.data-access-btn:hover{
    background-color: var(--hover-button-primary) !important;
}
.hover-light:hover{
    background-color: var(--hover-button-light) !important;
}
.hover-primary:hover{
    background-color: var(--hover-button-primary) !important;
}
.main-news-btn.hover-light:hover{
    color: var(--primary-text) !important;
}
.main-news-btn.hover-light:hover svg path{
    fill: var(--primary-text) !important;
}
.hover-text-primary:hover{
    color: var(--hover-button-primary) !important;
}
.regulations-first-tab-card:hover a:hover{
    background-color: var(--hover-button-light) !important;
}
.next-page-icon svg,.prev-page-icon svg{
    position: relative;
    top: -5px;
}
.next-page-icon svg:hover path:nth-child(1),.prev-page-icon svg:hover path:nth-child(1){

    fill: var(--bg-light) !important;
    stroke: var(--primary-color) !important;
}

.next-page-icon svg:hover path:nth-child(2),.prev-page-icon svg:hover path:nth-child(2){

    fill: var(--primary-color) !important;
}

.PagerOtherPageCells:hover .PagerHyperlinkStyle:hover:not(.next-page-icon,.prev-page-icon){
    padding: 10px 18px !important;
    background-color: var(--bg-light) !important;
    display: block !important;
    font-size: 16px !important;
    border-bottom: 1px solid var(--primary-color) !important;
    border-radius: 4px 4px 0 0 !important;
    color: var(--primary-color) !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#prev-page-all:hover svg path {
    stroke: var(--primary-color) !important;
}
#next-page-all:hover svg path {
    stroke: var(--primary-color) !important;
}

.service-details-data .fixed.bottom-0 a:hover{
    background-color: var(--hover-button-primary) !important;
}
.sideAboutTab:hover{
    color: var(--primary-color) !important;
    background-color: #F3FBFA !important;
}
.tab-service:not(.active):hover{
    background-color: #F3F4F6 !important;
    border-radius: 8px !important;
    color: var(--primary-text) !important;
    position: relative;
}
/*
.tab-service:hover::after{
    content: "";
    width: 100%;
    height: 6px;
    background-color: #9DA4AE;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50px;
    bottom: 0;
}
*/

.tab.tab-home:hover{
    color: #161616!important;
    background-color: #F3F4F6!important;
    border-radius: 8px;
    position: relative;
}
.tab.tab-home:active{
    color: #161616!important;
    background-color: #E5E7EB!important;
    border-radius: 8px;
    position: relative;
}

/*
.tab.tab-home:hover::after{
    content: "";
    width: 100%;
    height: 6px;
    background-color: #1F2A37!important;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50px;
}
*/

.activeFeedbackBtn{
    background-color: var(--primary-color) !important;
    color: #fff !important;
}
.searchSubmit{
    background-color: var(--primary-color) !important;
    outline: none !important;
    border: none !important;
}
.searchSubmit:hover{
    background-color: var(--hover-button-primary) !important;
}
.sort-button{
    display: none!important;
}
.feedback-yes:focus, .feedback-no:focus,.activefeedback{
    background-color: #104631 !important;
    color: #fff !important;
}
@media screen and (min-width: 992px) {
    .searchAwards{
        position: relative;
        top: -75px;
    }
}
.swiper-slide.lqd-section{
    opacity: 0 !important;
}
.lqd-section.swiper-slide-active{
    opacity: 1 !important;
}
#myVideo {
    position: fixed;
    right: 0;
    bottom: 100px;
    min-width: 100%;
    min-height: 100%;
    
}
@media screen and (max-width: 768px) {
    #myVideo {
        max-width: fit-content;
        width: 380vw;
        right: unset;
        left: -80%;
    }
    
}

.disclaimer{
    text-align: start!important;
    padding: 16px !important;
    font-family: 'Neo Sans Arabic'!important;
}

.dropdown-content {
    display: none;
    position: absolute;
    overflow: hidden;
    width: fit-content;
    list-style-type: none;
    margin-top: 30px;
    padding-left: 0;
    z-index: 2;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content a {
    color: black;
    padding: 0.8rem 1rem;
    text-decoration: none;
    display: block;
    font-family: 'Neo Sans Arabic'!important;
}
.dropdown-content a:hover {background-color: #f1f1f1}

.show {
   display:flex;
   gap: 8px;
}
#share_facebook svg circle{
    fill: #0163E0 !important;
}
.footer-section a{
    width: fit-content;
}
.footer-item a:focus{
    color:#fff;
}
#prev-page-employer:hover,#next-page-employer:hover{
    background-color: var(--bg-light);
    border: 1px solid var(--primary-color);
}
#prev-page-employer:hover svg path,#next-page-employer:hover svg path{
    stroke: var(--primary-color) !important;
}
.main-banner{
    background: rgb(9 42 30 / 80%)!important;
}
.cookies-options{
    background-color: #fff;
    color: var(--primary-text);
    padding: 50px 40px;
}
.close-cookies{
    cursor: pointer;
}
.menu-bar li .nav-link:hover::after{
    content: "";
        width: 80%;
        height: 6px;
        background-color: #9DA4AE;
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50px;
        bottom: 0;
}
.fullwidthDropdown .dropdown-link-title{
    width: full;
    display: block;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 0.875rem!important;
}
.fullwidthDropdown .dropdown-link-title:hover{
    background-color: #F3F4F6;
    text-decoration: underline;
}
.fullwidthDropdown .dropdown-link-title:active {
    background-color: #E5E7EB; 
  
}
/* .partners-img{
    width: 80px;
} */
.services-swiper .swiper-button-next svg, .services-swiper .swiper-button-prev svg{
    width: 10px;
}

@media screen and (max-width: 992px) {
    .home-header #hamburger svg path{
        stroke: #000;
    }
    .swiper-pagination-dot{
        display: flex;
        flex-direction: row;
        top: 92%;
        left: 50%!important;
        transform: translate(-50%, -50%);
    }
    .main-banner {
        height: fit-content!important;
	padding-top:2rem;
    }
    .main-banner .swiper-wrapper{
        padding-top: 50px;
    }
    .header-scrolled #hamburger svg path{
        stroke: #000;
    }
    
}
.default-menu-card:hover a svg path{
    fill: #000!important;
}
.paginationCustom button:hover svg path{
    stroke: var(--primary-color)!important;
}
.breadcrumb-section{
    background-color: var(--bg-breadcrumb)!important;
    padding-top: 40px;
    padding-bottom: 40px;
}
.breadcrumb-vector{
    display: none!important;
}
.srevice-cta{
    color: #fff!important;
}
.external-link{
    color: var(--primary-color)!important;
    text-decoration: underline!important;
    font-weight: 500!important;
}
.external-link:hover{
    text-decoration: none!important;
}
#pageSideContent.service-details-data{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.srevice-cta svg{
    display: none;
}
.sort-button-medical{
    min-width: 100%;
    height: 48px;
    box-shadow: unset;
    border: 1px solid #DEE2E6 !important;
    outline: none;
}
.ClearFilterBtn{
    background-color: var(--primary-color)!important;
    color: #fff !important;
    border: unset !important;
    border-radius: 8px!important;
    padding: 10px 20px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 17px !important;
    margin: 20px 0!important;
    display: flex;
    align-items: center;
    justify-content: center;
    height:48px!important;
}
.ClearFilterBtn:hover{
    background-color: var(--hover-button-primary)!important;
}


//changes 24 June 2025


.mainNavLink {
    height: 72px;
    display: flex;
    align-items: center;
    position: relative;
    color: #161616;
    font-weight: 400;
    line-height: 27px;
    padding: 8px 8px;
    transition: all 0.3s;
}
 
@media (min-width: 1536px) {
    .mainNavLink {
        padding-left: 16px;
        padding-right: 16px;
    }
}
 
.mainNavLink:hover {
    background-color: #F3F4F6;
    color: #161616; 
}



.linkStyle {
    color: #FFFFFF!important;
    font-size: 0.875rem; /* text-sm */
    font-weight: 400;
    line-height: 21px;
    transition: all 0.3s ease;
    text-decoration: none;
}
 
.linkStyle:hover {
    text-decoration: underline;
    color: rgba(255, 255, 255, 0.8)!important;
}
 
.linkStyle:active {
    text-decoration: underline;
    color: rgba(255, 255, 255, 0.6)!important;
}



.mainNavLink svg path {

  stroke: #161616; 

}
 


.mainNavLink.active svg path {

  stroke: #FFFFFF; 

}

 
 
 .secondNavBar {
                display: flex;
                gap: 40px;
                flex-direction: column;
                background-color: #f3f4f6;
                padding: 0 32px;
                border-top: 1px solid #d2d6db;
                border-bottom: 1px solid #d2d6db;
                position: relative;
                z-index: 6;
            }

            .secondNavBar {
               /* padding: 8px 32px;*/
                background: #f3f4f6;
            }

            .digitalStamp_content {
                display: none;
            }

            .digitalStamp_content.show {
                display: flex;
                flex-direction: column;
                gap: 40px;
                margin-bottom: 32px;
                /* z-index: 9; */
                height: 213px!important;
            }

            .Event-item, .digitalStamp_content_container {
                display: flex;
                gap: 20px;
            }

            .digitalStamp_content_item {
                width: 100%;
                display: flex;
                align-items: center;
                gap: 24px;
            }

            .digitalStamp_content_item .icon {
                display: flex;
                min-width: 40px !important;
                height: 40px;
                justify-content: center;
                align-items: center;
                border-radius: 4px;
                background-color: transparent!important;
            }

            .container {
                max-width: 1140px;
                padding-right: 0px;
                padding-left: 0px;
            }

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

            .ESRadioDvi, .digitalStamp_heads, .digitalStamp_text {
                gap: 16px;
                align-items: center;
                display: flex;
            }

            .digitalStamp_heads {
                height: 40px;
            }

            .digitalStamp_heads > .digitalStamp_text span {
                color: #0d121c;
            }

            .digitalStamp_link {
                position: relative;
                display: flex;
                align-items: center;
                gap: 8px;
                text-decoration: none;
                color: #1b8354;
            }

            .header, .searchDiv a, .text-muted-link {
                font-family: IBMPlexSans-Medium;
            }

            .digitalStamp_link::after {
                content: "";
                width: 14px;
                height: 14px;
                background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.40248 5.70352C4.48374 5.81111 4.72634 6.13227 4.87083 6.31741C5.16021 6.68822 5.55561 7.18094 5.98215 7.67221C6.41085 8.16595 6.86119 8.64681 7.26126 9.00031C7.46187 9.17756 7.63809 9.31225 7.78351 9.39992C7.92028 9.48237 8.00107 9.49951 8.00107 9.49951C8.00107 9.49951 8.07949 9.48236 8.21625 9.39992C8.36167 9.31225 8.53789 9.17757 8.7385 9.00031C9.13858 8.64682 9.58892 8.16595 10.0176 7.6722C10.4441 7.18093 10.8396 6.6882 11.1289 6.31739C11.2734 6.13224 11.5157 5.81154 11.5969 5.70395C11.7607 5.4816 12.074 5.43365 12.2964 5.5974C12.5187 5.76116 12.5662 6.07415 12.4025 6.2965L12.4013 6.29806C12.3162 6.41077 12.0648 6.74363 11.9173 6.93261C11.6214 7.3118 11.2144 7.81907 10.7727 8.32781C10.3332 8.83406 9.84938 9.35319 9.40064 9.74969C9.17684 9.94744 8.94998 10.1253 8.73253 10.2563C8.52882 10.3791 8.27089 10.5 7.99988 10.5C7.72887 10.5 7.47095 10.3791 7.26723 10.2563C7.04979 10.1252 6.82293 9.94744 6.59913 9.74969C6.15038 9.35319 5.6666 8.83406 5.22705 8.32782C4.78535 7.81909 4.3784 7.31182 4.08248 6.93264C3.93494 6.74359 3.68363 6.41086 3.5986 6.29828L3.59752 6.29686C3.43376 6.07451 3.48103 5.76119 3.70337 5.59743C3.92571 5.43368 4.23872 5.48119 4.40248 5.70352Z" fill="%231b8354"/></svg>') no-repeat;
            }

            .digitalStamp_moreInfo {
                padding: 8px 28px;
                display: flex;
                align-items: center;
                gap: 12px;
                border-radius: 8px;
                background: #fff;
                width: inherit;
            }

            .digitalStamp_link:not(.collapsed)::after, html[lang="en"] #carouselNGHA button i, html[lang="en"] .HomeNews .sectionPrevNextBtnDiv img {
                rotate: 180deg;
            }

            .digitalStamp_link:hover, .digitalStamp_link:visited:hover, .digitalStamp_moreInfo a:hover, .digitalStamp_moreInfo a:visited:hover {
                text-decoration: underline;
                color: #54c08a !important;
            }

            .digitalStamp_link:hover::after, .digitalStamp_link:visited:hover::after {
                background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.40248 5.70352C4.48374 5.81111 4.72634 6.13227 4.87083 6.31741C5.16021 6.68822 5.55561 7.18094 5.98215 7.67221C6.41085 8.16595 6.86119 8.64681 7.26126 9.00031C7.46187 9.17756 7.63809 9.31225 7.78351 9.39992C7.92028 9.48237 8.00107 9.49951 8.00107 9.49951C8.00107 9.49951 8.07949 9.48236 8.21625 9.39992C8.36167 9.31225 8.53789 9.17757 8.7385 9.00031C9.13858 8.64682 9.58892 8.16595 10.0176 7.6722C10.4441 7.18093 10.8396 6.6882 11.1289 6.31739C11.2734 6.13224 11.5157 5.81154 11.5969 5.70395C11.7607 5.4816 12.074 5.43365 12.2964 5.5974C12.5187 5.76116 12.5662 6.07415 12.4025 6.2965L12.4013 6.29806C12.3162 6.41077 12.0648 6.74363 11.9173 6.93261C11.6214 7.3118 11.2144 7.81907 10.7727 8.32781C10.3332 8.83406 9.84938 9.35319 9.40064 9.74969C9.17684 9.94744 8.94998 10.1253 8.73253 10.2563C8.52882 10.3791 8.27089 10.5 7.99988 10.5C7.72887 10.5 7.47095 10.3791 7.26723 10.2563C7.04979 10.1252 6.82293 9.94744 6.59913 9.74969C6.15038 9.35319 5.6666 8.83406 5.22705 8.32782C4.78535 7.81909 4.3784 7.31182 4.08248 6.93264C3.93494 6.74359 3.68363 6.41086 3.5986 6.29828L3.59752 6.29686C3.43376 6.07451 3.48103 5.76119 3.70337 5.59743C3.92571 5.43368 4.23872 5.48119 4.40248 5.70352Z" fill="%2354c08a"/></svg>');
            }

            .digitalStamp_link:active, .digitalStamp_link:visited:active, .digitalStamp_moreInfo a:active, .digitalStamp_moreInfo a:visited:active {
                text-decoration: underline;
                color: #88d8ad !important;
            }

            .digitalStamp_link:active::after, .digitalStamp_link:visited:active::after {
                background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.40248 5.70352C4.48374 5.81111 4.72634 6.13227 4.87083 6.31741C5.16021 6.68822 5.55561 7.18094 5.98215 7.67221C6.41085 8.16595 6.86119 8.64681 7.26126 9.00031C7.46187 9.17756 7.63809 9.31225 7.78351 9.39992C7.92028 9.48237 8.00107 9.49951 8.00107 9.49951C8.00107 9.49951 8.07949 9.48236 8.21625 9.39992C8.36167 9.31225 8.53789 9.17757 8.7385 9.00031C9.13858 8.64682 9.58892 8.16595 10.0176 7.6722C10.4441 7.18093 10.8396 6.6882 11.1289 6.31739C11.2734 6.13224 11.5157 5.81154 11.5969 5.70395C11.7607 5.4816 12.074 5.43365 12.2964 5.5974C12.5187 5.76116 12.5662 6.07415 12.4025 6.2965L12.4013 6.29806C12.3162 6.41077 12.0648 6.74363 11.9173 6.93261C11.6214 7.3118 11.2144 7.81907 10.7727 8.32781C10.3332 8.83406 9.84938 9.35319 9.40064 9.74969C9.17684 9.94744 8.94998 10.1253 8.73253 10.2563C8.52882 10.3791 8.27089 10.5 7.99988 10.5C7.72887 10.5 7.47095 10.3791 7.26723 10.2563C7.04979 10.1252 6.82293 9.94744 6.59913 9.74969C6.15038 9.35319 5.6666 8.83406 5.22705 8.32782C4.78535 7.81909 4.3784 7.31182 4.08248 6.93264C3.93494 6.74359 3.68363 6.41086 3.5986 6.29828L3.59752 6.29686C3.43376 6.07451 3.48103 5.76119 3.70337 5.59743C3.92571 5.43368 4.23872 5.48119 4.40248 5.70352Z" fill="%2388d8ad"/></svg>');
            }

            .digitalStamp_link:visited, .digitalStamp_moreInfo a:visited {
                text-decoration: underline;
                color: #14573a !important;
            }

            .green-text {
                color: #1b8354 !important;
            }

			.stamp-content {
				flex-direction:column;
			}
			
            .stamp-content > h2 {
                font-weight: bolder;
                margin-bottom: 0.5rem;
            }
			
			
.mainLinkBackground{
    background: #1B8354;
    color:white!important;
    border-radius:8px;
    font-weight:500;
}


.mainLinkBackground:after {
        content: "";
        width: 80%;
        height: 6px;
        background-color: #54C08A!important;
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50px;
}



 .menu-bar li > a.mainLinkBackground:hover {
    border-radius: 8px;
    color: #fff !important;
    background-color: #166A45;
   
} 


.mainLinkPressed {
    background-color:#E5E7EB!important;
    color:#161616 !important;
}

.mainLinkPressed:after {
    content: "";
        width: 80%;
        height: 6px;
        background-color: #1F2A37!important;
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50px;
}


.toggle-switch {
    appearance: none;
    width: 40px;
    height: 20px;
    background-color: #ccc;
    border-radius: 9999px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
 
  .toggle-switch:checked {
    background-color: #1B8354;
  }
 
  .toggle-switch::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 16px;
    height: 16px;
    background: white;
    border-radius: 50%;
    transition: transform 0.3s ease;
  }
 
  .toggle-switch:checked::before {
    transform: translateX(20px);
  }
 
  .toggle-switch:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  
  
  
 .tab.active .after-text{
    width:fit-content!important;
    position:relative;
	font-weight:700;
    
}

 .tab .after-text{
    width:fit-content!important;
    position:relative;
    font-weight:500;
}

.tab.active .after-text:after{
     content: "";
     width: 100%;
     height: 6px;
     background-color: #1B8354!important;
     position: absolute;
     bottom: 0px;
     left: 50%;
     transform: translateX(-50%);
     border-radius: 50px;
     margin-bottom:-12px;
}


.tab:hover .after-text:after{
     content: "";
     width: 100%;
     height: 6px;
     background-color: #161616!important;
     position: absolute;
     bottom: 0px;
     left: 50%;
     transform: translateX(-50%);
     border-radius: 50px;
     margin-bottom:-12px;
}



  
 .tab-service.active .after-text{
    width:fit-content!important;
    position:relative;
	font-weight:700;
	display:flex;
    gap:8px;
    
}

.tab-service .after-text{
    width:fit-content!important;
    position:relative;
    font-weight:500;
	display:flex;
    gap:8px;
}

.tab-service.active .after-text:after{
     content: "";
     width: 100%;
     height: 6px;
     background-color: #1B8354!important;
     position: absolute;
     bottom: 0px;
     left: 50%;
     transform: translateX(-50%);
     border-radius: 50px;
     margin-bottom:-12px;
}


.tab-service:hover .after-text:after{
     content: "";
     width: 100%;
     height: 6px;
     background-color: #161616!important;
     position: absolute;
     bottom: 0px;
     left: 50%;
     transform: translateX(-50%);
     border-radius: 50px;
     margin-bottom:-12px;
}

button.tab-service.active:active{
    color: #161616!important;
    background-color: #E5E7EB!important;
    border-radius: 8px;
    position: relative;
}

.servicesTabs .tab-service:active {
    color: #161616!important;
    background-color: #E5E7EB!important;
    border-radius: 8px;
    position: relative;
}

.custom-badge {
  display: flex;
  height: 24px;
  width: fit-content;
  padding-left: 8px;
  padding-right: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 9999px; 
  border: 1px solid #E5E7EB;
  background-color: #F9FAFB;
  color: #1F2A37;
  text-align: center;
  font-family: 'IBM Plex Sans', sans-serif; 
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
 
 


#myGrayButton:active{
    background-color:#E5E7EB!important;
}

#myGreenButton:active{
    background-color:#104631!important;
}

#myGrayButton > svg > path{
	fill:black!important;
	stroke:black!important;
	stroke-width:0px!important;
	
}

@media screen and (max-width: 768px) {
  #businessSubCategories {
    overflow-x: scroll;
    width:auto!important;
    height:63px!important;
  }

  #businessSubCategories a {
    white-space: nowrap;
  }

  #businessSubCategories::-webkit-scrollbar {
    width: 12px;
    height: 2px;
  }

  #businessSubCategories::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(228, 227, 227, 0.3);
    border-radius: 10px;
  }

  #businessSubCategories::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(148, 147, 147, 0.5);
  }
  .swiper-z-index-0{
    z-index: 0!important;
  }
  
}



#businessSubCategories {
    position: relative;
    width:fit-content;
     height:61px; 
    font-weight:500;
    margin-bottom:2rem;
}

#businessSubCategories:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #D2D6DB!important;
    height: 3px;
    border-radius: 20px;

    z-index: 5;
}


    #businessSubCategories .tabs {
      display: flex;
      margin: 0;
      padding: 0;
      list-style: none;
      position: relative;
      font-size: var(--text-lg);
          
    }


    #businessSubCategories li {
      margin: 0;
      padding: 0;
    
    }

    #businessSubCategories li.gray{
        font-weight:500;
    }

    #businessSubCategories .tab.active::after{
     content: "";
     width: 88%;
     height: 3px;
     background-color: #1B8354!important;
     position: absolute;
     bottom: 0px;
     left: 50%;
     transform: translateX(-50%);
     border-radius: 50px;
     margin-bottom: -2px;
     z-index:6;
    }

    #businessSubCategories .tab {
      display: inline-block;
      text-decoration: none;
      color: black;
      position: relative;
      background-color: white;
      /* z-index: 0; */
      padding:16px 16px 16px 16px;
    }

#businessSubCategories .tab:hover{
    background-color:#F3F4F6;
    border-bottom-color: #F3F4F6;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-radius:4px;
    z-index:6; 
    height:62px;
}

#businessSubCategories .tab:hover::after{
     background-color:#321f1f;
     content: "";
     width: 85%;
     height: 3px;
     position: absolute;
     bottom: 0px;
     left: 50%;
     transform: translateX(-50%);
     border-radius: 50px;
     margin-bottom:-2px;
             
}

#businessSubCategories .tab:active{
    background-color:#E5E7EB;
         border-bottom-color: #E5E7EB;
              border-bottom-style: solid;
              border-bottom-width: 3px;
     border-radius:4px;
	 font-weight:600;
}





	
	.service-data-vector img{
		display:none;
	}
	
	.service-details-section {
		
		margin-top:4rem;
	}
	
	.faq-button:active {
        background-color: #e5e7eb !important;
      }
    .faq-button:hover {
        background-color: #f3f4f6 !important;
      }
	  
	  
	  /* bread crumb */
#breadCrumbSectionLinks > a:not(.active):hover{
    text-decoration:underline!important;
    color:#6C737F!important;
}

 #breadCrumbSectionLinks > a:not(.active):active{
    text-decoration:underline!important;
    color:#9DA4AE!important;
} 



.ms-breadcrumbNode > a:hover{
	 text-decoration:underline!important;
    color:#6C737F!important;
}

.ms-breadcrumbNode > a:active{
	 text-decoration:underline!important;
    color:#9DA4AE!important;
}

a.ms-breadcrumbRootNode:hover{
		 text-decoration:underline!important;
    color:#6C737F!important;
}

a.ms-breadcrumbRootNode:active{
	 text-decoration:underline!important;
    color:#9DA4AE!important;
}


/*side menu*/
.activeSideAboutTab {
  font-weight: 400 !important;
  color: #1B8354 !important;
  background-color: #F3FCF6 !important;
}
 
.activeSideAboutTab svg path {
  /* stroke: #1B8354; */
    fill: var(--primary-color);
  stroke-width: 0;
}
 
.activeSideAboutTab:hover svg path {
    stroke: black;
	fill:#161616;
}
 
.activeSideAboutTab:hover {
     color:  #161616 !important;
    background-color: #F3F4F6 ;
	fill:#161616;
	font-weight: 400 !important;
}

.activeSideAboutTab:active {
     color:  #161616 !important;
    background-color: #E5E7EB!important ;
	font-weight: 400 !important;
	
}
 
} 
.activeSideAboutTab .greenIcon path {
  stroke: #1B8354;
}
 
.activeSideAboutTab .blackIcon path {
  stroke: black;
}
 
.sideAboutTab {
    font-weight: 400;
    color: #161616 !important;
    font-size: 16px !important;
}
 
 
.sideAboutTab:hover{
    color:  #161616 !important;
    background-color: #F3F4F6 !important;
}

.sideAboutTab:active{
    color:  #161616 !important;
    background-color: #E5E7EB !important;
}

/* to increase the top padding for the main page content*/
#DeltaPlaceHolderMain{
    padding-top:40px;
}

#DeltaPlaceHolderMain > div:first-child{
    background-color:white!important;
}


.review-answer__actions #feedback_cancel:active{
   background-color:#D2D6DB!important;
}

.review-answer__actions #feedback_submit:active{
    background-color: #104631 !important;
}


/*review section 





.feedback-yes:hover, .feedback-no:active{
    color: #fff;
    background-color: #104631!important;
}
*/


#date-and-button{
    display:flex;
    flex-direction:column;
    height:40%;
}

div:has([id="pageModifiedDate"])
{
  justify-content:start;
  margin-bottom:4px;
}


.rate-service-section > div:last-child{
	
	display:none;
	
}

.leftSideService > div:has([id="pageModifiedDate"]){
	display:none;
}

/*side menu borders*/

.service-details-data:has(#sideMenuList){
	border: 1px;
    border-style: solid;
    border-color: #D2D6DB;
    height: fit-content;
    border-radius: 8px;

	display: block;
    width: 100%;
    background-color: var(--colors-white);

    padding: var(--spacing-md);
}

#sideMenuList > a{
    border-bottom:0px;
}	

/*side menu borders*/
.service-details-section{

padding-bottom:16px!important;
top:0!important;

}

.service-details-data.rightSideMenu{
	border: 1px;
    border-style: solid;
    border-color: #D2D6DB;
    height: fit-content;
    border-radius: 8px;

	display: block;
    width: 100%;
    background-color: var(--colors-white);

    padding: var(--spacing-md);
}



/*side menu borders*/
.service-details-section{

padding-bottom:16px!important;
top:0!important;

}	

/*alignment of main content to the side menu level*/
.tabcontent-maintab {
	padding-top:0px;
}



/*heading to breadcrumb spacing*/
.oldBreadcrumb{
	margin-bottom:16px;
}

#breadCrumbSectionLinks
{
	margin-bottom:16px!important;
}

#sideMenuList a > svg path{
	fill:#161616!important;
    stroke:#161616!important;
    stroke-width:0px!important;
}

.sideAboutTab > svg path{
	fill:#161616!important;
    stroke:#161616!important;
    stroke-width:0px!important;
}

/* hyperlinks */
.blackLink{
display: inline-flex !important;
padding: var(--Global-spacing-none, 0px) !important;
justify-content: flex-end !important;
align-items: center !important;
gap: var(--Link-link-md-gap, 8px) !important;
color: var(--Link-link-neutral, #384250) !important;
text-align: right !important;
font-size: var(--Size-Text-typo-size-text-md, 16px) !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: var(--Line-Height-Text-line-heights-text-md, 24px) !important;
}

.blackLink:hover{
    color: #6C737F !important;
    text-decoration: underline !important;
}
 
.blackLink:active{
    color: #9DA4AE !important;
    text-decoration: underline !important;
}

.greenLink {
    display: inline-flex !important;
    padding: var(--Global-spacing-none, 0px) !important;
    justify-content: flex-end;
    align-items: center;
    gap: var(--Link-link-md-gap, 8px);
    text-decoration: none !important;
    color: var(--Link-link-primary, #1B8354) !important;
    text-align: right;
    font-size: var(--Size-Text-typo-size-text-md, 16px)!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: var(--Line-Height-Text-line-heights-text-md, 24px)!important;
}
 
.greenLink:hover {
    color: #54C08A !important;
    text-decoration: underline !important;
}

.greenLink:active{
    color: #88D8AD !important;
    text-decoration: underline !important;
}



/*paging style */
.page-btn{
    border-style:solid;
    border-radius:8px;
    border-width:0px!important;
	padding: 4px 2px;
    
}

.page-btn:active{
    border-style:solid;
    border-radius:8px; 
    border-width:2px!important;
    border-color:black;
    background-color:white!important;
	padding: 4px 2px;
   
}




a.paging-anchor{
    background-color:#E5E7EB;
    
}

a.paging-anchor:active{
    background-color: #E5E7EB!important;
}

.paginationCustom .active-page-btn:after {
     content: "";
     width: 70%;
     height: 3px;
     background-color: #1B8354!important;
     position: absolute;
     bottom: 0px;
     left: 50%;
     transform: translateX(-50%);
     border-radius: 50px;
}

.paginationCustom .active-page-btn:active::after {
     content: "";
     width: 70%;
     height: 3px;
     background-color: #ffff!important;
     position: absolute;
     bottom: 0px;
     left: 50%;
     transform: translateX(-50%);
     border-radius: 50px;
}

.paginationCustom .active-page-btn:active {

     background-color: #ffff!important;

}

.odd{
    colo: #161616 !important;
    background-color: white !important;
 
}
 
.even{
    colo: #161616 !important;
    background-color:  #F9FAFB !important;
}

.viewD:hover{
     background-color: #F3F4F6 !important;
     border-radius: 4px!important;
}
 
.viewD:active{
     background-color: #E5E7EB !important;
     border-radius: 4px!important;
}
 
 img[src*='service-data-vector'], img[src*='logo-6'], img[src*='item-4']{
    display:none;
}

 

/* circle button pagination for swiper sliders states */
.swiper-button-next[aria-disabled='false']:hover{
    background-color:#166A45!important;
}

.swiper-button-next[aria-disabled='false']:active{
    background-color:#104631!important;
}

.swiper-button-next[aria-disabled='true']{
    background-color:#E5E7EB!important;
	
}

.swiper-button-next[aria-disabled='true'] > svg path{
    stroke: #9DA4AE!important;
	
}

.swiper-button-prev[aria-disabled='false']:hover{
    background-color:#166A45!important;
}

.swiper-button-prev[aria-disabled='false']:active{
    background-color:#104631!important;
}

.swiper-button-prev[aria-disabled='true']{
    background-color:#E5E7EB!important;
}

.swiper-button-prev[aria-disabled='true'] > svg path{
    stroke: #9DA4AE!important;
	
}

cascade-slider_arrow > svg path {
	fill#F3F4F6!important;
}

cascade-slider_arrow > svg path{
	fill:#E5E7EB!important;
}

.menu-bar{
	gap:4px;
}

@media screen and (max-width: 786px) {
    /* ... your mobile styles for homepage news section ... */
#sideNews{
	flex-direction:column;
}

.secondNavBar{ font-size:small; padding-left:5px; padding-right:5px; }

.digitalStamp_heads{height:unset; display: flex;flex-direction: column; align-items: end; width:350px;}    

.digitalStamp_content.show{height:fit-content!important}

.digitalStamp_content_container{flex-direction: column}

.digitalStamp_link::after{width:25px}

.digitalStamp_link:hover::after, .digitalStamp_link:visited:hover::after { background-repeat:no-repeat } 

.home-header #hamburger svg path{ stroke: #000000}


}