*,
::after,
::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
html{
	overflow-x:hidden;
}
a {
    text-decoration: none;
    color: var(--color-text);
}

/* ===== HEADER ===== */
header {
    position: absolute;
    width: 100%;
    padding: 20px;
    z-index: 99;
}

header::after {
    content: "";
    display: block;
    background: linear-gradient(180deg, rgba(10, 39, 79, 1) 0%, rgba(10, 39, 79, 0) 100%);
    height: 10vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    backdrop-filter: blur(5px);
}


.header-row {
    width: 96%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2%;
    z-index: 9;
    position: relative;
}

header .item-left {
    flex: 0 0 17%;
}

header .item-center {
    flex: 1;
}

header .item-right {
    flex: 0 0 17%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 7%;
}

header .logo a {
    width: 16.8vw;
}

header .logo a img {
    max-width: 100%;
}


header .item-right img {
    width: 1.05vw;
    height: 1.05vw;
}

.theme-light {
    display: none;
}

html.light .theme-dark {
    display: inline-block;
}

html.light .theme-light {
    display: none;
}

html.dark .theme-light {
    display: inline-block;
}

html.dark .theme-dark {
    display: none;
}

/* ===== DESKTOP MENU ===== */

.menu-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3%;
    width: 100%;
}

header .menu-main > li {
    display: inline-block;
}

header .menu-main > li > a {
    font-size: var(--font-size-18);
    font-family: var(--font-SemiBold);
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

header .menu-main > li:has(.sub-menu) > a::after {
    content: '';
    display: inline-block;
    background-image: url(../images/nav-arrow-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 0.85vw;
    height: 0.5vw;
    transition: all 0.2s ease;
}

header .menu-main > li:hover a::after {
    transform: rotate(180deg);
    transition: all 0.2s ease;

}

/* Show mega menu start */
/* 
#mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
} */
/* Show mega menu end stop*/

.mega-menu-item-type-widget ul.menu {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 2%;
}
.mega-menu-item-type-widget ul.menu li {
    width: 49%;
}
.mega-menu-cont-info p {
    font-size: var(--font-size-24);
    margin-bottom: 1.5vw !important;
    color: #000;
}
#mega-menu-wrap-max_mega_menu_1 
#mega-menu-max_mega_menu_1 
> li.mega-menu-megamenu 
> ul.mega-sub-menu {
    position: relative;
    background-color: #f1f1f1; /* REQUIRED for blend */
    overflow: hidden;
}
#mega-menu-wrap-max_mega_menu_1 
#mega-menu-max_mega_menu_1 
> li.mega-menu-megamenu 
> ul.mega-sub-menu::after {
    content: "";
    display: block !important;
    position: absolute;    inset: 0;

    background: url(../images/mm-bg.png) no-repeat bottom 30% left 0 / cover;
    mix-blend-mode: exclusion;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
}
#mega-menu-wrap-max_mega_menu_1 
#mega-menu-max_mega_menu_1 
> li.mega-menu-megamenu 
> ul.mega-sub-menu 
> * {
    position: relative;
    z-index: 2;}


/* ===== MEGA MENU (DESKTOP) ===== */
.widget_media_image {
    padding: 0 !important;
    display: flex !important;
}

.mega-menu-column:has(.widget_media_image){
   padding: 0 !important; 
}
.mega-menu-columns-3-of-12:has(.widget_media_image) {
    height: 30vw !important;
    overflow: hidden !important;
    border-radius: 0 0 18px !important;
}
.widget_media_image img {
    height: 100% !important;
    width: 100%;
    border-radius: 0 0 20px 0;
}
.mega-menu-column {
    padding: 1vw 0vw 0 1vw !important;
}
.mega-block-title{
    font-size: var(--font-size-40);
    font-family: var(--font-SemiBold);
    margin-bottom: 1vw;
}
.mega-block-title {
    font-size: var(--font-size-40) !important;
    font-family: var(--font-SemiBold) !important;
    margin-bottom: 0vw !important;
    color: #000 !important;
    text-transform: capitalize !important;
    padding: 0 !important;
}
.mega-menu-item .menu-item a{
    font-size: var(--font-size-22);
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
    content:url(../images/nav-arrow-down.svg) !important;
    padding-bottom: 7px;
     transition: transform 0.2s ease;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
    background-color: transparent !important;
}
#mega-menu-wrap-max_mega_menu_1 
#mega-menu-max_mega_menu_1 
li.mega-menu-item-has-children:hover > a.mega-menu-link > span.mega-indicator::after,
#mega-menu-wrap-max_mega_menu_1 
#mega-menu-max_mega_menu_1 
li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator::after {
    transform: rotate(180deg);
}
header .menu-main > li .sub-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease;
    z-index: 500;
}

header .menu-main > li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
}

.mobile-menu-head,
.mobile-menu-trigger {
    display: none;
}

.sub-menu.mega-menu {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    min-height: 29vw;
    border-radius: 0 0 1.8vw 1.8vw;
    overflow: hidden;
}

/* ===== MOBILE MENU TRIGGER ===== */
.mobile-menu-trigger {
    display: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.mobile-menu-trigger span {
    height: 2px;
    width: 24px;
    background: #fff;
    position: relative;
}

.mobile-menu-trigger span::before,
.mobile-menu-trigger span::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
}

.mobile-menu-trigger span::before {
    top: -8px;
}

.mobile-menu-trigger span::after {
    top: 8px;
}
#mega-menu-wrap-max_mega_menu_1{
    width: 100%;
}

#mega-menu-wrap-max_mega_menu_1 {
    position: static !important;
}

#mega-menu-max_mega_menu_1 > li.mega-menu-megamenu {
    position: static !important;
}

#mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 90vw !important;
    max-width: 90vw !important;
    background: #fff;
    z-index: 9999;
    border-radius: 0px 0px 20px 20px !important;
}
a.mega-menu-link {
    font-size: var(--font-size-18) !important;
    font-family: var(--font-SemiBold) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px;
	overflow: hidden !important;
    background: linear-gradient(to left, #fff, #fff 40%, #01A5F8 60%, #b9e5fb)!important;
    background-clip: text!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
    background-size: 300% 100%!important;
    background-position: top right!important;
    transition: background-position 500ms ease!important;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3%;
    width: 100%;
}
/* ===== ANIMATIONS ===== */
@keyframes slideLeft {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideRight {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(100%);
        opacity: 0;
    }
}


.mega-menu-sec {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.mega-menu-cont {
    flex: 1;
    padding: 2vw 3vw;
    display: flex;
    flex-wrap: wrap;
    gap: 6%;
    position: relative;
}

.mega-menu-cont::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/mm-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom 30% left 0vw;
    mix-blend-mode: exclusion;
    z-index: -1;
}

.mega-menu-cont-links {
    flex: 1;
}

.mega-menu-cont-links h4 {
    font-size: var(--font-size-40);
    font-family: var(--font-SemiBold);
    margin-bottom: 1vw;
}

.mega-menu-cont-links ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 2%;
}

.mega-menu-cont-links ul li {
    width: 49%;
}

.mega-menu-cont-links ul li a {
    font-size: var(--font-size-22);
}

.mega-menu-cont-info {
    flex: 1;
}

.mega-menu-cont-info h6 {
    font-size: var(--font-size-36);
    font-family: var(--font-ExtraLight);
    margin-top: 1vw;
    margin-bottom: 1.5vw;
    padding-right: 1vw;
    text-transform: capitalize;
    color: #000;
}


.mega-menu-image {
    width: 21vw;
}

.mega-menu-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rm-link {
    padding: 5px 15px;
    font-size: var(--font-size-22);
    font-family: var(--font-Medium);
    border: 1px solid #8BB4F5;
    border-radius: 2.6vw;
    min-width: 11.8vw;
    min-height: 3vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rm-link:hover {
    background-color: #8BB4F5;
    color: #fff;
}

.custom-carousel {
    position: relative;
    width: 100%;
    height: 100vh;
    max-height: 991px;
    overflow: hidden;
}

.carousel-track {
    position: relative;
    width: 100%;
    height: 100%;
}

.carousel-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    pointer-events: none;
    z-index: 0;
}

.carousel-slide.active {
    opacity: 1;
    pointer-events: auto;
    z-index: 5;
}

.carousel-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.carousel-content {
    position: absolute;
    left: 10%;
    bottom: 20%;
    color: #fff;
    max-width: 50%;
    z-index: 6;
}

.carousel-content h2 {
    font-size: var(--font-size-120);
    font-family: var(--font-ExtraBold);
    line-height: 1.2;
}

.carousel-content p {
    font-size: var(--font-size-48);
    font-family: var(--font-Medium);
    margin-bottom: 2vw;
}

.carousel-btn {
    display: inline-block;
    padding: 0.8vw 1.2vw;
    font-size: var(--font-size-22);
    font-family: var(--font-Medium);
    border-radius: 1.56vw;
    box-shadow: 1px 1px 0px #ffffff, -1px -1px 1px #ffffff, 1px 1px 0px #ffffff;
    transition: 0.3s;
}

.carousel-btn:hover {
    background: #fff;
    color: #000;
}

.carousel-nav {
    position: absolute;
    bottom: 30px;
    right: 30px;
    display: flex;
    align-items: center;
    gap: 14px;
    z-index: 10;
}

.carousel-nav button {
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.carousel-nav button img {
    width: 1.2vw;
    height: 1vw;
    vertical-align: bottom;
}

.carousel-dots {
    display: flex;
    gap: 3px;
}

.carousel-dots span {
    width: 0.3vw;
    height: 0.72vw;
    border-radius: 1vw;
    background: #fff;
    cursor: pointer;
    transition: 0.3s;
}

.carousel-dots span.active {
    background: #46C2EE;
}

.carousel-slide:nth-of-type(4) .carousel-content {
    max-width: 80%;
}

.carousel-slide:nth-of-type(4) .carousel-content p {
    max-width: 60%;
}

.container {
    width: 88.5vw;
    margin: auto;
}

.secbg {
    position: relative;
}

.secbg::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/sec1-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
    mix-blend-mode: exclusion;
    z-index: -1;
}

.secbg.sec-2::after {
    background-image: url(../images/sec2-bg.png);
    height: 66vw;
}

.secbg.sec-3::after {
    background-image: url(../images/sec3-bg.png);
    height: 57vw;
    background-position: left 0vw bottom -30vw;
    background-size: 70%;
}

.secbg.sec-4::after {
    background-image: none;
}

.secbg.sec-5::after {
    background-image: url(../images/sec4-bg.png);
    height: 57vw;
    background-position: right 0 bottom -30vw;
    background-size: 70%;
}

.secbg.sec-6::after {
    background-image: url(../images/sec5-bg.png);
    background-position: left 0 bottom 9vw;
    background-size: 75% 100%;
    height: 62vw;
}

.ourHistory {
    text-align: center;
    padding: 4vw 8vw;
}

.ourHistory h1 {
    font-size: var(--font-size-88);
    font-family: var(--font-Bold);
    margin-bottom: 5px;
}

.ourHistory h5 {
    font-size: var(--font-size-32);
    font-family: var(--font-Bold);
    margin-bottom: 10px;
}

.ourHistory p {
    font-size: var(--font-size-24);
    font-family: var(--font-Light);
    margin-bottom: 15px;
}

.ourHistoryInfoSec {
    margin-top: 4vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 4%;
    padding-bottom: 3vw;
}

.ourHistoryInfo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 1.5vw 1.2vw;
    border-radius: 1.3vw;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 0px #ffffff, -1px -1px 1px #ffffff, 0px 0px 0px #ffffff;
    min-height: 10.5vw;
    min-width: 13vw;
}

.ourHistoryInfo h6,
.ourHistoryInfo h6 span {
    font-size: var(--font-size-65);
    font-family: var(--font-Bold);
    background: linear-gradient(96.97deg, rgba(19, 100, 127, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
}

.ourHistoryInfo h6 {
    display: inline-flex;
    align-items: center;
    margin-bottom: 6px;
}

.ourHistoryInfo p {
    font-size: var(--font-size-15);
    font-family: var(--font-Medium);
    margin-bottom: 0;
}

.ourHistoryInfoSec .ourHistoryInfo:nth-child(2),
.ourHistoryInfoSec .ourHistoryInfo:nth-child(4) {
    margin-top: 3.75vw;
}

.ourHistoryInfoSec .ourHistoryInfo:nth-child(1),
.ourHistoryInfoSec .ourHistoryInfo:nth-child(5) {
    margin-top: 7.5vw;
}

.ourSolutions {
    padding-bottom: 4vw;
}

.ourSolutions h3,
.newsInfo h3,
.successStory h3,
.linkedinPosts h3,
.gitSec h3 {
    font-size: var(--font-size-63);
    font-family: var(--font-Bold);
}

.ourSolutions h5,
.newsInfo h5,
.successStory h5,
.linkedinPosts h5,
.gitSec h5 {
    font-size: var(--font-size-36);
    font-family: var(--font-Regular);
    font-weight: normal;
    margin-bottom: 20px;
    line-height: 1.4;
}

.ourSolutionsList {
    padding: 1vw 0 3vw;
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}

.solutionCard {
    position: relative;
    width: 23.2%;
    height: 28.5vw;
    border-radius: 28px;
    overflow: hidden;
    cursor: pointer;
    background: #0d1f33;
    display: block !important;
}

.solutionCardImg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.9s ease;
}

.solutionCard::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(111, 146, 216, 0.5) 0%, rgba(10, 39, 79, 1) 100%);
    transition: 0.4s ease-in-out;
    z-index: 1;
}

.solutionCardContent {
    position: absolute;
    bottom: 30px;
    left: 8%;
    right: 8%;
    z-index: 2;
    color: #fff;
}

.solutionCardContent img {
    width: 3.5vw;
    margin-bottom: 6px;
}

.solutionCardContent h3 {
    font-size: var(--font-size-41);
    font-family: var(--font-Bold);
    line-height: 1.2;
    margin: 0 0 8px;
}

.solutionCardContent .desc {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    font-size: var(--font-size-18);
    line-height: 1.4;
    transition: all 1s ease;
}

.arrow {
    display: inline-block;
    margin-top: 12px;
    transition: all 1s ease;
}

.arrow img {
    height: auto;
    width: 1.2vw;
}

.solutionCard:hover .solutionCardImg {
    transform: scale(1.15);
}

.solutionCard:hover .desc {
    opacity: 1;
    max-height: 200px;
    transition: all 1s ease;
}

.solutionCard:hover .arrow {
    opacity: 1;
    transform: translateY(10px);
    transition: all 1s ease;
}

.wp-element-button {
    padding: 0.6vw 3vw;
    font-size: var(--font-size-22);
    font-family: var(--font-Medium);
    border: 2px solid #46C2EE;
    border-radius: 50px;
    background-color: transparent;
    cursor: pointer;
    box-shadow: inset 1px 2px 6px rgb(0 0 0 / 7%);
    color: #000;
}

.wp-element-button:hover {
    color: #fff;
    background-color: #46C2EE;
    box-shadow: none;
}

.newsSec {
    padding: 3vw 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6%;
}

.newsInfo {
    position: relative;
    border-radius: 2.3vw 9vw 2.9vw 2.9vw;
    background: #f6f7f8;
    width: 35%;
    height: 36vw;
    padding: 6px;
    overflow: hidden;
}

.newsInfo::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 4px;
    background: linear-gradient(213deg, #8a4cef 0%, #00aae1 80%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.newsInfo {
    font-size: var(--font-size-22);
    padding: 5vw 3vw;
}

.newsInfo p {
    margin-bottom: 8%;
}

.newsCarousel {
    width: 59%;
}

.newsItem {
    display: block;
	text-align:left;
}

html[lang="ar"] .newsItem {
	text-align:right;
}
html[lang="ar"] .newsItem .readMore img ,html[lang="ar"] .arrow img{
    transform: rotate(180deg);
}
.nmi {
    width: 100%;
    height: 12vw;
    object-fit: cover;
    border-radius: 14px;
    margin-bottom: 10px;
}

.newsType {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 5px;
}

.newsType .date {
    color: #808080;
    font-size: var(--font-size-12);
}

.newsType .event {
    font-size: var(--font-size-12);
    background-color: #F2D992;
    padding: 2px 8px 0;
    border-radius: 3px;
}

.newsType .news {
    font-size: var(--font-size-12);
    background-color: #B9E5FB;
    padding: 2px 8px 0;
    border-radius: 3px;
}

.newsItem p {
    font-size: var(--font-size-24);
    font-family: var(--font-Medium);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 2vw;
}

.newsItem .readMore {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #0A274F;
    font-size: var(--font-size-20);
    font-family: var(--font-Medium);
}

.newsItem .readMore img {
    height: 1vw;
    width: auto;
}

.owl-dots {
    gap: 3px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    margin-top: 15px;
    bottom: -40px;
    right: 30px;
    position: absolute;
}

.owl-dots .owl-dot span {
    display: inline-block;
    width: 0.3vw;
    height: 0.72vw;
    border-radius: 1vw;
    background: #000000;
    cursor: pointer;
    transition: 0.3s;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
    background: #46C2EE;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    width: 1.2vw;
    height: 1vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    filter: brightness(0);
    cursor: pointer;
}

.owl-nav .owl-prev {
    background-image: url("../images/arrow-left.svg");
}

.owl-nav .owl-next {
    background-image: url("../images/arrow-right.svg");
}

.owl-nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    margin-top: 15px;
    position: absolute;
    right: 0;
    bottom: -38px;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    pointer-events: auto;
}

.owl-nav .owl-prev{
    left: -60px;
    position: absolute;
}
.successStory {
    padding-top: 4vw;
    padding-bottom: 4vw;
}

.ssCarousel {
    padding: 2vw 0 2vw;
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    width: 100%;
}

.successStoryCard {
    position: relative;
    width: 100%;
    height: 28.8vw;
    border-radius: 2vw;
    overflow: hidden;
    background: #0d1f33;
}
.ssCarousel .owl-dots{
    bottom: -80px;
    right: 32px;
    position: absolute;
    left: auto;
    top: auto;
}
.successStoryCardImg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease;
}

.successStoryCard::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgb(23 89 181 / 0%) 0%, #0A274F 100%);
    transition: 0.4s ease-in-out;
    z-index: 1;
    opacity: 0.8;
}

.successStoryCardContent {
    position: absolute;
    bottom: 30px;
    left: 8%;
    right: 8%;
    z-index: 2;
    color: #fff;
}


.successStoryCardContent h3 {
    font-size: var(--font-size-36);
    font-family: var(--font-SemiBold);
    line-height: 1.5;
    margin: 0 0 8px;
    min-height: 5vw;
}

.ssCarousel .owl-nav {
    position: absolute;
    right: 0;
    bottom: -4vw;
}

.linkedinPosts {
    padding-top: 2vw;
    padding-bottom: 4vw;
}

.lpSec {
    width: 93%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 4%;
    padding: 1.5vw 0;
}

.lpItem {
    width: 30.6%;
    padding: 1.35vw;
    border: 1px solid #cacbd0;
    border-radius: 1.25vw;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    background-color: #fff;
}

.lpHead {
    display: flex;
    gap: 10px;
}

.lphLogo {
    width: 2.8vw;
    height: 2.8vw;
    padding: 0.2vw;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    overflow: hidden;
}

.lphLogo img {
    max-width: 100%;
    max-height: 100%;
}

.lphInfo {
    flex: 1;
}

.lphInfo h6 {
    font-size: var(--font-size-22);
    font-family: var(--font-Bold);
}

.lphInfo span {
    color: #C0B7B7;
    font-size: var(--font-size-16);
    font-family: var(--font-SemiBold);
}

.lphLogoLi img {
    width: 1.9vw;
}

.lpImage {
    margin-top: 1vw;
    margin-bottom: 1vw;
}

.lpImage img {
    width: 100%;
    height: 13vw;
    object-fit: cover;
}

.lpBody p {
    font-size: var(--font-size-20);
    margin-bottom: 2vw;
}

.gitSec {
    width: 61%;
    margin: auto;
}

.text-center {
    text-align: center;
}
.frm_style_formidable-style.with_frm_style .form-field {
    margin-bottom: 3vw;
}
.frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields .frm_fields_container {
    grid-gap: 0 10%;
}
.gitForm {
    padding: 3.5vw 0 5vw;
}
.gitForm {
    width: 100%;
}
.frm_forms {
    width: 100%;
}
.frm_forms label{
    display: none !important;
}
.gitFormRow {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 8%;
}


.oneColumn {
    flex: 0 0 100%;
}

.twoColumn {
    flex: 0 0 46%;
}

.gitForm .frm_form_field input,
.gitForm .frm_form_field  textarea,
.gitForm select {
    width: 100%;
    min-height: 45px;
    border: 0;
    border-bottom: 2px solid #000;
    background-color: transparent;
    font-size: var(--font-size-22);
    color: #000;
    border-radius: 0;
    padding: 0;
}
 .gitForm .frm_form_field input::placeholder,  .gitForm .frm_form_field textarea::placeholder {
    font-size: var(--font-size-22);
    color: #000;
}
 .gitForm .frm_form_field input:focus, .gitForm .frm_form_field textarea:focus{
    background-color: transparent !important;
    border-color: #000 !important;
    box-shadow: 0px 0px 0px 0px rgba(65, 153, 253, 0.6) !important;
}
.frm_submit .frm_button_submit {
    padding: 0.6vw 3vw !important;
    font-size: var(--font-size-22) !important;
    font-family: var(--font-Medium) !important;
    border: 2px solid #46C2EE !important;
    border-radius: 50px !important;
    background-color: transparent !important;
    cursor: pointer !important;
    box-shadow: inset 1px 2px 6px rgb(0 0 0 / 7%) !important;
    color: #000 !important;
}
.frm_submit .frm_button_submit:hover {
    color: #fff !important;
    background-color: #46C2EE !important;
    box-shadow: none !important;
}
.gitmn {
    display: flex;
    gap: 15px;
}

.gitmn select {
    width: auto;
}

.gitFormRow input::placeholder {
    color: #000;
}

.gitFormRow .btn-outline {
    margin-top: 1.5rem;
    min-width: 14vw;
}

.gitFormRow input:focus-visible {
    outline: 0;
}
.frm_style_formidable-style.with_frm_style .frm_form_field :invalid {
    color: #e32626;
    background-color: transparent;
    border: 2px solid #e32626 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
.footer {
    color: #fff;
    position: relative;
    background: linear-gradient(84.77deg, rgba(15, 33, 58, 1) 0%, rgba(2, 81, 191, 1) 100%);
    padding-bottom: 0 !important;
}

.footer::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/footer-bg.png);
    background-size: 70% 50vw;
    background-repeat: no-repeat;
    background-position: right 0 bottom 0;
    mix-blend-mode: exclusion;
}
.footer_inner{
    position: relative;
    z-index: 9999;
}

.footerSec {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 3%;
    z-index: 1;
    position: relative;
    padding-bottom: 3vw;
}

.footerCi {
    width: 20%;
    padding-right: 2%;
    border-right: 1px solid #455A75;
}

.footerLinksSec {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 5%;
    align-items: flex-start;
}

.footerSm {
    width: 20%;
}
.footerSm figure img{
    width: 1.8vw;
    height: 1.8vw;
}
.fci-logo {
    width: 14.8vw;
    margin-bottom: 23px !important;
}

.cci {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}

.cci-icon {
    width: 1.87vw;
}

.cci-icon img {
    width: 100%;
    height: auto;
}
.cci.is-nowrap.is-layout-flex {
    align-items: flex-start !important;
}
.cci-info {
    flex: 1;
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.cci-info h6 {
    font-size: var(--font-size-22);
    font-family: var(--font-SemiBold);
    line-height: 1;
    margin-bottom: 5px;
}

.cci-info p {
    font-size: var(--font-size-16);
    margin-bottom: 7px;
}
.footer  .is-layout-constrained > .alignwide{
max-width: 100%;
}
.footerLinksBlock {
    width: 30%;
}

.footerLinksBlock h6 {
    font-size: var(--font-size-20);
    font-family: var(--font-SemiBold);
    margin-bottom: 6px;
    text-transform: capitalize;
    letter-spacing: 0;
}

.footerLinksBlock ul li a {
    font-size: var(--font-size-16);
    display: inline-block;
    margin-bottom: 6px;
    color: #fff;
}

.boldLinks a {
    font-size: var(--font-size-20);
    font-family: var(--font-SemiBold);
}

.footerSm h6 {
    font-size: var(--font-size-22);
    font-family: var(--font-SemiBold);
    margin-bottom: 12px;
    text-transform: capitalize;
}
.footerSec {
    align-items: flex-start;
}
.footerSm ul {
    display: flex;
    align-items: center;
    gap: 15px;
}


.footerSm ul li a {
    display: inline-block;
}

.footerSm ul li a img {
    width: 1.8vw;
    height: 1.8vw;
}

.copyrightSec {
    padding: 1.5vw 3vw;
    border-top: 1px solid #5E7595;
    position: relative;
    z-index: 1;
}

.copyrightSec p {
    font-size: var(--font-size-18) !important;
    font-family: var(--font-Medium);
}
.diyar-opposite-flag:hover::after, #darkmode img:hover, #lightmode img:hover, #settings img:hover {
    filter: brightness(0) saturate(100%) invert(55%) sepia(85%) saturate(500%) hue-rotate(175deg);
}
.solutionCard img{
	width: 100%;
}
html[lang="ar"] .owl-nav .owl-next {
    left: 40px;
    position: relative;
}
html[lang="ar"] .newsCarousel  .owl-dots {
    bottom: -4px;
    left: 22px;
    position: absolute;
    top: auto;
    right: auto;
}
html[lang="ar"]  .ssCarousel .owl-nav {
    position: absolute;
    left: 0px;
    bottom: -10%;
}
html[lang="ar"]  .ssCarousel .owl-dots {
    bottom: -53px;
    right: auto;
    position: absolute;
    left: 5px;
    top: auto;
}
html[lang="ar"] .footerCi {
    border-right: 0px solid #455A75;
    border-left: 1px solid #748193;
}
html[lang="ar"] .owl-nav {
    right: auto;
    bottom: -38px;
    left: 20px;
}
html[lang="ar"] .owl-nav .owl-prev {
    left: -40px;
    position: absolute;
}
.newsCarousel  html[lang="ar"] .owl-nav .owl-next {
    left: 30px;
    position: absolute;
}
html[lang="ar"] .newsCarousel  .owl-nav {
    right: auto;
    bottom: 0px;
    left: 20px;
    right: auto;
}
html[lang="ar"] .gitForm .frm_form_field input, html[lang="ar"] .gitForm .frm_form_field textarea, html[lang="ar"]  .gitForm select{
    text-align: right;
}
html[lang="ar"]  .frm_submit .frm_button_submit {
    float: right;
}
html[lang="en-US"] .ar-view {
    display: none;
}
html[lang="ar"] .en-view {
    display: none;
}
html[lang="ar"] .mega-menu-cont-info, html[lang="ar"] .mega-block-title, html[lang="ar"] .mega-menu-item-type-widget ul.menu{
    text-align: right  !important;
}
html[lang="ar"] .mega-menu-cont-info h6{
    padding-right: 0vw;
}
html[lang="ar"] .mega-menu-column {
    padding: 1vw 1vw 0 0vw !important;
}
a.diyar-opposite-flag:focus {
    outline: none !important;
}
html[lang="ar"] .mega-sub-menu .mega-menu-column.mega-menu-columns-3-of-12 {
    padding: 0 !important;
}
.mega-menu-item a:hover{
	background-position: top right 100% !important;
}



/* Blue overlay */
.cover-image .cover-overlay {
    position: absolute;
    inset: 0;
    background: rgba(10, 42, 79, 0.55); /* matches your figma #0A274F */
    z-index: 1;
}

/* Bottom white fade */
.cover-image .cover-fade {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 220px;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.6) 40%,
        rgba(255,255,255,0.85) 70%,
        rgba(255,255,255,1) 100%
    );
    z-index: 2;
}
.diyar-hero {
    position: relative;
    height: 90vh;
    overflow: hidden;
}

.diyar-hero-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.diyar-hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(10,39,79,0.55);
    z-index: 1;
}

.diyar-hero-fade {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 220px;
    background: linear-gradient(to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.6) 40%,
        rgba(255,255,255,0.85) 70%,
        #fff 100%);
    z-index: 2;
}

.diyar-hero-content {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
    padding: 0 20px;
    animation: heroFadeUp 1s ease forwards;
}

@keyframes heroFadeUp {
    from { opacity: 0; transform: translateY(40px); }
    to   { opacity: 1; transform: translateY(0); }
}

.diyar-hero-content h1 {
    margin-bottom: 15px;
    font-size: var(--font-size-88);
    font-family: var(--font-Bold);
}

.diyar-hero-content p {
    font-size:var(--font-size-26);
    max-width: 920px;
    margin-bottom: 20px;
}

.diyar-hero-breadcrumb {
    font-size: var(--font-size-16);
    opacity: 0.9;
}

.diyar-hero-breadcrumb a {
    color: #fff;
    text-decoration: none;
}

/* Mobile */
@media (max-width: 768px) {
    .diyar-hero {
        height: 380px;
    }

    .diyar-hero-content h1 {
        font-size: 34px;
    }

    .diyar-hero-content p {
        font-size: 16px;
    }
}

.counter-sec::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/sec1-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
    mix-blend-mode: exclusion;
    z-index: -1;
}