*,
::after,
::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* hide on header  */
#settings{
	display:none;
}
#lightmode, #darkmode {
    border-right: 0px solid rgb(255 255 255 / 50%);
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
html{
	overflow-x:hidden;
}
a {
    text-decoration: none;
    color: inherit;
}
/* .ai-slide.is-active .ai-slide-overlay {
    background-color: #0a2244 !important;
    opacity: 0.30 !important;
} */

.ai-slide {
    background: #091d3c !important;
}
/* ===== 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;

}
/* #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;
} */
.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: #fff; /* 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/sec1-bg.png) no-repeat bottom 0 left 0 / 75%;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
}

[dir=rtl] #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu::after {
    background: url(../images/sec1-bg.png) no-repeat bottom 0 right 0 / 75%;
}

/* [dir=rtl] #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
    float: right;
} */

[dir=rtl] #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:first-child {
	padding-top: 0 !important;
}

[dir=rtl] .widget_media_image img {
    border-radius: 0 0 0 20px;
}

[dir=rtl] .mega-menu-item .menu-item a {
    font-size: var(--font-size-20);
	padding-right: 22px;
	padding-left: 0;
}

[dir=rtl] .mega-sub-menu li.menu-item > a::before {
    right: 0;
	left: auto;
    transform: translateY(-50%) scalex(-1);
}

#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,
.widget_media_image picture {
    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);
	font-family: var(--font-SemiBold) !important;
}
#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);
    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;
}
#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);
    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;
    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: 3%;
    padding-bottom: 3vw;
}

.ourHistoryInfoSec.mt-0 {
	margin-top: 0;
}

.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: 17%;
	width: 17%;
	text-align:center;
}

.ourHistoryInfo h6,
.ourHistoryInfo h6 span {
    font-size: var(--font-size-50);
    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;
	direction:ltr;
}

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

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

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

.ourSolutions {
    padding-bottom: 4vw;
}

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

.ourSolutions h5,
.newsInfo h5,
.successStory h5,
.linkedinPosts h5,
.gitSec h5,
.titleSec 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: 25px 2%;
}

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

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

.solutionCardImg img {
	width: 100%;
}

.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: 26px;
    font-family: var(--font-Bold);
    line-height: 1.2;
    margin: 0 0 8px;
	padding: 0 10px;
}

.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;
}
.ourSolutionsShowcase {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 75%;
    column-gap: 2%;
    row-gap: 2vw;
	margin: 4% auto;
}
.ourSolutionsShowcase .solutionCardContent h3{
	margin:0;
}
.ourSolutionsShowcase .solutionCard {
    width: 32%;
    height:250px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.ourSolutionsShowcase  .solutionCardContent {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	text-align: center;
}
.ourSolutionsShowcase .white-card .solutionCardContent{
    padding: 10px 15px;
}
.ourSolutionsShowcase .white-card.solutionCard {
    width: 27.4% !important;
    height: 16.5vw !important;
}
.ourSolutionsShowcase .white-card.solutionCard::after{
	display:none;
}
.ourSolutionsShowcase .white-card.solutionCard{
	background: #fff;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04), 0 12px 32px rgba(0, 0, 0, 0.08);
	border-radius: 50px;
}
.ourSolutionsShowcase .white-card .solutionCardContent h3 {
    color: #000 !important;
    font-size: var(--font-size-30);
}
.ourSolutionsShowcase .white-card .solutionCardContent .desc {
    opacity: 1;
    max-height: fit-content;
    color: #000;
    padding: 15px 5px;
}
.ourSolutionsShowcase .white-card .solutionCardContent img {
    width: 3.5vw;
    margin-bottom: 20px;
    filter: brightness(0) saturate(100%) invert(17%) sepia(97%) saturate(2722%) hue-rotate(232deg) brightness(84%) contrast(104%);
}
.solutionCardContent img.sol-icon-svg {
    margin-bottom: 1.5rem;
}
.white-card.solutionCard {
    transition: transform .35s ease, box-shadow .35s ease;
}

.white-card.solutionCard:hover {
    transform: translateY(-12px);
    box-shadow:
        0 12px 24px rgba(0,0,0,.08),
        0 30px 60px rgba(0,0,0,.12);
}
.white-card.solutionCard .sol-icon-svg{
    transition: transform .35s ease;
}


.white-card.solutionCard h3{
    transition: color .35s ease;
}

.white-card.solutionCard:hover h3{
    color:#1D2AA8;
}
.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;
	z-index:9;
	position:relative;
}

.wp-element-button:hover {
    color: #fff;
    background-color: #46C2EE;
    box-shadow: none;
}
.wp-block-button.btn-outline:hover{
	background-color: transparent !important;
}
.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;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

[dir=rtl] .newsInfo {
	border-radius: 9vw 2.3vw 2.9vw 2.9vw;
}

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

.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 .achievements {
	font-size: var(--font-size-12);
    background-color: #46C2EE;
    padding: 2px 8px 0;
    border-radius: 3px;
}

.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);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 1vw;
}

.newsItem .readMore {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #0A274F;
    font-size: var(--font-size-20);
    font-family: var(--font-Medium);
	transition: color 0.3s ease;
}
.newsItem .readMore img {
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Hover */
.newsItem .readMore:hover img {
  transform: translateX(6px);
}

.newsItem .readMore:hover{
	color: #46c2ee;
}
.newsItem .readMore img {
    height: 1vw;
    width: auto;
}

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

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

.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;
	display: block;
	cursor: pointer;
}
.ssCarousel .owl-nav-custom{
    margin-top: 24px;
}
.successStoryCardImg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease;
}

.successStoryCardImg img {
	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;
	text-align: left;
}

[dir = rtl] .successStoryCardContent h3 {
	text-align: right;
}

[dir = rtl] .owl-nav-custom .owl-prev-btn img, 
[dir = rtl] .owl-nav-custom .owl-next-btn img {
	transform: scalex(-1);
}

.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 {
    margin: auto;
}

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

.gitForm {
   
}
.gitForm {
    width: 100%;
	 padding: 5vw 0 5vw;
	align-items:center;
}
.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;
}
div#frm_field_27_container {
    margin-bottom: 5%;
	margin-top: 5%;
}
.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;
}
.footer_inner{
    position: relative;
    z-index: 9999;
}

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

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

html[lang="ar"] .owl-nav .owl-next {
    left: 40px;
    position: relative;
}

html[lang="ar"]  .ssCarousel .owl-nav {
    position: absolute;
    left: 0px;
    bottom: -10%;
}

html[lang="ar"] .footerCi {
    border-right: 0px solid #455A75;
    border-left: 1px solid #748193;
	padding-left: 2%;
	padding-right: 0;
}
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;
}

.step:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -75px;
    top: 35%;
    transform: translateY(-50%);
    width: 120px;
    height: 80px;
    background: url(/wp-content/uploads/2026/09/single-arrow.svg) no-repeat center;
    background-size: contain;
}
.steps-sec, .solutionCardsSec{
	padding-bottom:5%;
}
.keyFacts[data-suffix="+"] .ourHistoryInfo h6::after{
    content:"+";
}

.keyFacts[data-suffix="none"] .ourHistoryInfo h6::after {
	display: none;
}

.keyFacts[data-suffix="%"] .ourHistoryInfo h6::after{
    content:"%";
}
.ourHistoryInfoSec .infolast {
    margin-top: 6.5vw !important;
}
.servicesCardsSec .serviceCard {
    display: none;
}

.servicesCardsSec .serviceCard:nth-child(-n+6) {
    display: block;
}
.service-card-item {
    opacity: 0;
    transform: translateY(20px);
    transition: 0.3s ease;
}

.service-card-item.show {
    opacity: 1;
    transform: translateY(0);
}
.banner-btn {
    justify-content: center;
}
.pageBannerCont .banner-btn .btn-outline {
    border: 0;
	box-shadow: unset;
}

.pageBannerCont .banner-btn .btn-outline  .wp-element-button{
	color:#fff;
}
.pageBannerSec + * {
    margin-top: -9vw;
    z-index: 99;
    position: relative;
}

.frm_forms .frm_radio label{
	display:block !important;
}
.frm_opt_container {
    display: flex;
    gap: 0.5vw 1.2vw;
    flex-wrap: wrap;
}
/* =========================
   POPUP BLOCK WRAPPER
========================= */
.popup-block {
    position: relative;
}

/* =========================
   POPUP BASE
========================= */
.popup-block .custom-popup {
    position: fixed;
    inset: 0;
    z-index: 9999;

    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* ACTIVE */
.popup-block .custom-popup.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* =========================
   OVERLAY
========================= */
.popup-block .popup-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.6);
}

/* =========================
   CONTENT
========================= */
.popup-block .popup-content {
    position: relative;
    z-index: 2;

    width: 90%;
    max-width: 660px;

    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);

    transform: translateY(20px);
    transition: transform 0.3s ease;
}

.popup-block .custom-popup.active .popup-content {
    transform: translateY(0);
}
.popup-inner-sec {
    padding:20px 50px 0 50px;
}
.popup-header-sec {
    padding: 30px 30px 20px 30px;
    border-bottom: .01vw solid #b3b3b3;
	position:relative;
}
.popup-block .popup-close img {
    width: 2.5vw;
    height: 2.5vw;
}
.popup-subtext {
    text-align: center;
}

/* =========================
   CLOSE BUTTON
========================= */
.popup-block .popup-close {
    position: absolute;
    top: 25px;
    right: 15px;
    text-decoration: none;
}

/* =========================
   TYPOGRAPHY
========================= */
.popup-block .popup-content h1,
.popup-block .popup-content h2 {
    margin-bottom: 10px;
	font-size: var(--font-size-30);
	font-family:var(--font-SemiBold) !important;
}

.popup-block .popup-content p {
    margin-bottom: 0;
	font-size: var(--font-size-20);
}

/* =========================
   FORM
========================= */
.popup-block .popup-content input,
.popup-block .popup-content textarea {
    width: 100%;
    border: 0;
    border-bottom: 2px solid #000;
    background-color: transparent;
    font-size: var(--font-size-16) !important;
    color: #000;
    border-radius: 0;
    padding: 0;
}
.popup-block .frm_primary_label{
	color: #000;
	margin-bottom:.5rem;
}


.popup-block .popup-content button,
.popup-block .popup-content input[type="submit"] {
    width: 100%;
    padding: 12px;
    background: #007cba;
    color: #fff;
    border: none;
    border-radius: 30px;
}
.frm_radio input:focus, .with_frm_style input[type=radio]:focus{
	color: transparent;
	box-shadow: 0px 0px 0px 0px rgba(65, 153, 253, 0.4) !important;
}
.frm_forms.with_frm_style .frm_fields_container .frm_radio input[type=radio]:not([disabled]):checked{
	color:transparent !important
}
.with_frm_style .frm_radio input[type=radio]:before {
    width: 15px;
    height: 15px;
    margin: 4px;
}
.with_frm_style .frm_radio input[type=radio]{
	width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
}
.frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus{
	box-shadow: 0px 0px 0px 0px rgba(65, 153, 253, 0.4) !important;
	background: transparent;
}
.secbg.popupbg::after {
    background-image: url(../images/sec3-bg.png);
    height: 35vw;
    background-position: left 0vw bottom 1vw;
    background-size: 100%;
}
#field_8g155 {
    color: #5b5b5b;
	border-bottom: 1px solid #5b5b5b;
}

/* =========================
   BODY LOCK
========================= */
body.popup-open {
    overflow: hidden;
}
.popup-block .frm_submit .frm_button_submit {
    padding: 0.5vw 2.6vw !important;
    font-size: var(--font-size-18) !important;
}
/* =========================
   MOBILE
========================= */
@media (max-width: 768px) {
    .popup-block .popup-content {
        padding: 20px;
    }
	.popup-inner-sec {
		padding:20px 20px 0 20px;
	}
}


.solutionsCard:hover .go-to-details {
    background: #46c2ee;
}

.center-items .owl-stage-outer {
    display: flex;
    justify-content: center;
}

.center-items .owl-stage {
    display: flex !important;
}

.center-items .owl-item {
    float: none !important;
}

/* Speak Expert Sticky button code  */

.speak-expert-sticky {
    position: relative;
}

.speak-expert-btn {
    position: fixed;
    right: 20px;
    bottom: 70px;
    z-index: 9999;
    display: block;
}

.speak-expert-btn img {
    width: 80px; /* adjust based on design */
    height: auto;
    cursor: pointer;
}
/* Fade + slide animation */

.stat-item {
    opacity: 0;
    transform: translateY(30px);
    transition: 
        opacity 0.8s ease,
        transform 0.8s ease;
}

/* When visible */
.stat-item.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.mission-full{
	padding-bottom:5%;
	padding-top:5%;
}

/* =========================
   PARTNERS GRID
========================= */
.partnersSec {
    z-index: 9;
    position: relative;
}
.partnersGrid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 130px;
    align-items: center;
}

.partnerLogo img {
    max-width: 100%;
    height: auto;
    transition: 0.3s ease;
}




/* =========================
   RESPONSIVE GRID
========================= */
@media (max-width: 1024px) {
    .partnersGrid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .partnersGrid {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* =========================
   CAROUSEL (OWL)
========================= */
.owl-partners .item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.owl-partners img {
    max-height: 60px;
    width: auto;
    filter: grayscale(100%);
    opacity: 0.8;
    transition: 0.3s ease;
}

.owl-partners img:hover {
    filter: grayscale(0);
    opacity: 1;
}
.partnerLogo {
    text-align: center;
}


.with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=file], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style .frm-card-element.StripeElement{
    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;
}

.frm_form_field input::placeholder,  .frm_form_field textarea::placeholder {
    font-size: var(--font-size-16);
    color: #000 !important;
}
.frm_form_field input{
	font-size: var(--font-size-18);
}
.frm_fields_container {
    margin: 0 auto;
}
.frm_dropzone {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
	width: 100%;
    max-width: 100%;
}

.frm_dropzone .dz-message {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.frm_dropzone svg,
.frm_dropzone .frm_small_text,
.frm_dropzone .frm_compact_text {
    display: none !important;
}

.frm_dropzone .frm_upload_text {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #222;
    padding: 10px 0;
	position:relative;
}

.frm_dropzone .frm_upload_text button {
    font-size: 20px !important;
	color: #000 !important;
}
.frm_dropzone .frm_upload_text::after {
    content: "Browse File";
    color: #1da1f2;
    font-size: 15px;
    cursor: pointer;

    padding-right: 22px;
    position: relative;
}
.frm_form_field:not(.frm_compact) .frm_dropzone
 {
    max-width: 100%;
    width: 100%;
}
.frm_dropzone .frm_upload_text::before {
    content: "";
    position: absolute;
    right: 0;
    width: 16px;
    height: 16px;
    background: url('/wp-content/uploads/2026/03/document-attachment.svg') no-repeat center;
    background-size: contain;
}

#field_iko6q {
    display: none !important;
}

.post-listing-wrapper {
    position: relative;
}
.frm_forms {
    width: 60%;
}
.load-more-simple{
	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%);
}
.load-more-simple:focus {
    outline: none;
}

.newsBannerSec::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5vw;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 100%);
    z-index: 2;
}

.newsBannerCont {
    position: relative;
    z-index: 3; 
    margin: 0 auto;
    padding: 8vw 20px;
    color: #fff;
}
.newsBannerSec {
    position: relative;
    overflow: hidden;

    background-image: url('/wp-content/uploads/2026/04/nobanner_shade.png');
    background-size: cover;
    background-position: center;
}
.newsBannerSec::before {
    background: rgba(10, 39, 79, 0.55);
}
.newsBannerCont {
    text-align: left;
}

.newsBannerCont h1 {
    font-size: var(--font-size-68);
    margin-bottom: 10px;
	font-family:var(--font-SemiBold);
	text-align: start;
}

.bannerTag {
    display: inline-block;
    background: #f5c542;
    color: #000;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 4px;
    margin: 10px 0;
}

.bannerSubtext {
    font-size: 18px;
    opacity: 0.9;
	margin-top:5px;
}
.inner-container {
    width: 90%;
    margin: 0 auto;
}

.bannerMeta {
    display: flex;
    gap: 25px;
    margin-top: 30px;
    flex-wrap: wrap;
	justify-content:center;
}


.metaItem {
    display: flex;
    align-items: center; 

    background: #F1F4F9;
    border: 1.5px solid #8BB4F5;
    border-radius: 10px;

    padding: 18px 22px;
    min-width: 320px;
}


.metaLabel img {
    width: 28px;
    height: 28px;
    margin-right: 15px;
}


.metaLabel {
    display: flex;
    align-items: center;
    gap: 15px;
}


.metaItem {
    gap: 15px;
}


.metaItem .metaLabel {
    flex-shrink: 0;
}

.metaItem .metaValue {
    display: block;
    font-size:var(--font-size-26);	
    font-weight: 700;
}

.metaLabel {
    font-size:var(--font-size-22);
    font-weight: 500;
    color: #333;
}
.metaIconWrap {
    width: 30px;
}
.metaItem {
    flex-direction: row;
}

.metaItem > *:not(img) {
    display: flex;
    flex-direction: column;
}



/* gallery news */
.customGallery {
    text-align: center;
	margin-bottom:5%;
}


.galleryMain {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    margin-top: 5%;
	height:620px;
}

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

.galleryCaption {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;

    color: #fff;
    font-size: 14px;
    padding: 0 40px;
}


.galleryThumbs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.galleryThumbs img {
    width: 140px;
    height: 120px;
    object-fit: cover;
    border-radius: 12px;
    cursor: pointer;
    transition: 0.3s;
    border: 2px solid transparent;
}

.galleryThumbs img.active {
    border-color: #6bb6ff;
	padding:5px;
}

.galleryThumbs img:hover {
    transform: scale(1.05);
}



/* News Slider Code */

.related-news-carousel.no-carousel {
    display: flex;
    gap: 30px;
}

.related-news-carousel.no-carousel .item {
    width: calc(33.33% - 20px);
}

.newsItem {
    display: block;
    text-decoration: none;
}

.newsItem .nmi,
.newsItem .nmi img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 10px;
	box-shadow: 0px 4px 14px 0px #00000020;
    border: 1px solid #00000010;
	max-width: 100%;
}

.newsItem .nmi source {
	height: 0;
	display: none;
}

.newsItem .nmi {
	display: block;
}

.newsType {
    display: flex;
    gap: 10px;
    font-size: 12px;
    margin-top: 10px;
}
.newsItem p {
    font-size: 18px;
    font-weight: 600;
}

.newsDesc {
    font-size: 14px;
    color: #666;
}

.readMore {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #00aaff;
}

.related-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.viewAllBtn a {
    border: 1px solid #00aaff;
    padding: 10px 20px;
    border-radius: 30px;
    color: #00aaff;
}
.owl-nav-custom img {
    filter: brightness(0);
}
.owl-nav-custom button{
	background:transparent;
	border:0;
}
.owl-nav-custom button:focus{
	outline:none;
}
.owl-nav-custom button:hover{
	cursor: pointer;
}


.footer-slider {
    display: flex;
    align-items: center;
	justify-content:space-between;
}
.relatedNewsSlider.secbg::after {
    background-size: 100% 120%;
}

.hide-controls {
    display: none;
}
.popup-form .frm_forms {
    width: 100%;
}
.frm_first {
    margin-right: 10%;
}
.frm_style_formidable-style.with_frm_style .form-field {
    margin-bottom: 3%;
}

.form-field:has(+ .form-field .frm_submit) {
    margin-bottom: 3% !important;
}
.timeline-carousel .diy-slide-item ul {
	list-style: disc;
	display: inline-block;
	list-style-position: inside;
}
.timeline-carousel .diy-slide-item ul li {
	max-width: 100%;
	/* text-align: justify; */
	margin-bottom: 4px;
}
.timeline-carousel .diy-slide-item ul li span {
	color: var(--color-text);
	font-size: var(--font-size-16);
}
.timeline-carousel .diy-slide-item ul span {
	    font-family: 'Poppins', sans-serif;
}
.timeline-carousel .diy-slide-item h3 {
	display: none;
}
html[dir="rtl"] .custom-logo {
    content: url('/wp-content/uploads/2026/04/Logo_AR-1.svg');
}

/* Before after css */
.beforeAfterBlock {
    padding: 40px 0;
}

.beforeAfterBlock .container {
    border: 2px solid transparent;
    border-radius: 70px;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(280.41deg, #00adee 48.29%, #8a4cef 66.57%) border-box;
    overflow: hidden;
}

.beforeAfterBlock .wp-block-columns {
    margin: 0;
    gap: 0;
}

.beforeBox {
    padding: 70px;
}

.beforeBox h3 {
    font-size: var(--font-size-36);
    font-family: var(--font-Bold);
    margin-bottom: 25px;
}

.beforeBox ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.beforeBox li {
    margin-bottom: 18px;
	font-size: var(--font-size-20);
    padding-left: 28px;
    position: relative;
    color: #222;
    line-height: 1.6;
}

.beforeBox li::before {
    content: url('/wp-content/uploads/2026/04/after_before_arrow.png');
    position: absolute;
    left: 0;
    top: 0;
    color: #4c4cff;
    font-weight: 600;
}

.afterBox {
    padding: 70px 70px;
    background: linear-gradient(213.41deg, #00ADEE 0%, #00ADEE 100%);
    color: #fff;
    position: relative;
    border-radius: 45px 55px 55px 45px;
}

.afterBox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 45px solid transparent;
    border-bottom: 45px solid transparent;
    border-left: 40px solid #ffffff;
}

.afterBox h3 {
    font-size: var(--font-size-36);
    font-family: var(--font-Bold);
    margin-bottom: 25px;
}

.afterBox ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.afterBox li {
    margin-bottom: 18px;
    padding-left: 28px;
    position: relative;
    line-height: 1.6;
	font-size: var(--font-size-20);
}

/* Arrow icon */
.afterBox li::before {
    content: url('/wp-content/uploads/2026/04/after_before_arrow.png');
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-weight: 600;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(62deg) brightness(96%) contrast(116%);
}
.secbg.popupbg::after {
	border-radius: 20px;
}


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

/* Target only real menu links inside mega menu */
.mega-sub-menu li.menu-item > a {
  position: relative;
  padding-left: 22px;
}

.mega-sub-menu li.menu-item > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  
  width: 12px;
  height: 12px;

  background: url('/wp-content/themes/diyar/assets/images/news-arrow.svg') no-repeat center;
  background-size: contain;
}

.mega-sub-menu li.menu-item > a::before {
  transition: transform 0.3s ease;
}

.mega-sub-menu li.menu-item > a:hover::before {
  transform: translateY(-50%) translateX(4px);
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
        margin-top: 30px;
 }

.countryMap > img {
    max-width: 160px;
    max-height: 150px;
}
.mt-50 {
    margin-top: 50px;
}
.ourHistoryInfoSec .ourHistoryInfo {
    margin-bottom: 2%;
    margin-top: 0 !important;
}

.ourHistoryInfoSec:has(.aligncenter) {
   gap: 1%;
}
.small-num{
	font-size: var(--font-size-32);
}
.infosecond {
    margin-top: 0 !important;
}
.infoforth {
    margin-top: 7.5vw !important;
}
.duc-list {
    display: flex;
    gap: 10px 40px;
    flex-wrap: wrap;
    text-align: center;
    align-items: center;
    justify-content: center;
	 margin: 1rem;   
}
.duc-list li {
    position: relative;
    font-size: var(--font-size-20);
    color: #3A3A3A;
    display: flex;
    align-items: center;
    gap: 0.625vw;
	font-weight:800;
}
.duc-list li:before {
    content: '';
    width: 1.042vw;
    height: 1.042vw;
    background-image: url(/wp-content/themes/diyar/assets/images/arrow-right_mini.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}
.ovHistory h6 {
    font-size: var(--font-size-32);
    text-transform: capitalize;
    letter-spacing: 0;
}

.advantageItem{
    margin-bottom:40px;
}

.advantageItem:last-child{
    margin-bottom:0;
}

.advantageItem h3{
    margin-bottom:12px;
}

.advantageItem p{
    margin-bottom:0;
}
.serviceAdvantages{
    position:relative;
    padding:100px 0;
}
.serviceAdvantages::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: right -35vw bottom -5vw;
    z-index: -1;
}
.advantagesWrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:80px;
}

.advantagesLeft{
    width:42%;
}

.advantagesRight{
    width:58%;
    text-align:right;
}

.advantagesRight img{
    width:100%;
    max-width:600px;
    height:auto;
}

.key-capabilities-container .agents-images-column {
    flex-basis: 57% !important;
}

.advantagesLeft h2{
    font-size: var(--font-size-50);
    font-weight: 700;
    margin-bottom: 45px;
    font-family: var(--font-Bold);
}

.advantageItem{
    margin-bottom:25px;
}

.advantageItem:last-child{
    margin-bottom:0;
}

.advantageItem h3{
    font-size:var(--font-size-30);
    font-family: var(--font-SemiBold);
    margin-bottom:10px;
}

.advantageItem p{
    color:#808080;
    line-height:1.7;
    font-size:var(--font-size-18);
	margin-top:0px;
}

@media(max-width:991px){

    .advantagesWrapper{
        flex-direction:column;
    }

    .advantagesLeft,
    .advantagesRight{
        width:100%;
    }

    .advantagesRight{
        text-align:center;
    }

}

.businessImpact{
    padding:100px 0;
    position:relative;
}
.businessImpact::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: left -35vw bottom -5vw;
    z-index: -1;
}
.businessImpactWrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:150px;
}

.businessImpactLeft{
    flex:0 0 38%;
}
.businessImpactLeft figure{
	display:flex;
	justify-content: center;
}
.businessImpactLeft img {
    display: block;
    width: 600px;
    height: auto;
    object-fit: contain;
	object-position: center;
    border-radius: 66px;
}

.businessImpactRight{
    flex:1;
}

.businessImpactRight h2{
	font-size: var(--font-size-50);
    font-family: var(--font-Bold);
    margin-bottom: 35px;
}

.businessImpactRight ul{
    margin:0;
    padding:0;
    list-style:none;
}

.businessImpactRight li{
    position:relative;
    padding-left:38px;
    margin-bottom:20px;
    font-size:var(--font-size-24);
    line-height:1.5;
}

.businessImpactRight li:last-child{
    margin-bottom:0;
}

.businessImpactRight li:before{
    content:"";
    width:22px;
    height:22px;
    position:absolute;
    left:0;
    top:5px;
    background:url("/wp-content/uploads/2026/07/check-badge_outline.svg") center/contain no-repeat;
}

.imagePlaceholder{
    aspect-ratio:1;
    border-radius:32px;
    background:#ececec;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    color:#777;
}

@media(max-width:991px){

    .businessImpactWrapper{
        flex-direction:column;
    }

    .businessImpactLeft,
    .businessImpactRight{
        width:100%;
        flex:unset;
    }

}

.solution-key-4872 .featureList, .solution-key-4872 .whySectionContainer p{
	display:none;
}

:is(.solution-key-4872, .solution-key-8944) .whySectionContainer .ovsInfo{
	gap: 1vw !important;
}
:is(.solution-key-4872, .solution-key-8944) .whySectionContainer{
	gap: 2.063vw 6.563vw;
	justify-content: flex-start;
}
:is(.solution-key-4872, .solution-key-8944) .ovsInfo h6 {
    font-size: var(--font-size-30);
}
:is(.solution-key-4872, .solution-key-8944) .key-features-sec {
    padding-bottom: 1%;
}
.solution-list-404 {
    display: none;
}
.solution-tag {
    font-size: var(--font-size-12) !important;
    background-color: #01aded;
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-flex;
    line-height: 1.2;
    font-weight: 400 !important;
    font-family: var(--font-Medium) !important;
}

.postid-2917 .steps-sec {
    padding: 0;
}
.postid-2917 .whySectionContainer .ovsInfo {
    align-items: center;
}
.solutionsCardBody span.desc, .solutionsCardBody p.desc{
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.focusAreasWrapper{
    text-align:center;
}

.focusTitle{
    margin-bottom:10px;
}

.focusSubtitle{
    margin-bottom:50px;
}
.focusAreasGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    max-width: 920px;
    margin: 2rem auto !important;
}

.focusCard{
    border:4px solid #00AEEF;
    border-radius:30px;
    min-height:220px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:40px 20px;
    text-align:center;
	margin-top:0
}

.focusIcon img{
    width:114px;
    height:114px;
    object-fit:contain;
    margin-bottom:20px;
}

.focusCardTitle{
    margin:0;
	font-size:var(--font-size-32);
	font-family: var(--font-Bold);
}
.postid-2642 .moduleCard{
	padding: 1.542vw 1.115vw 1.854vw 1.115vw;
	border-radius: 35px;
}
.communityGalleryGrid  {
	padding-top: 1vw;
    padding-bottom: 5vw;
    display: flex;
    flex-wrap: wrap;
    gap: 5vw 5%;
}
.communityGalleryGrid .communityGalleryItem  {
    width: 30%;
}
.communityGalleryGrid .communityGalleryItem img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0px 4px 14px 0px #00000020;
    border: 1px solid #00000010;
    max-width: 100%;
}
.communityGalleryItem {
    margin: 0 !important;
}

.communityGalleryItem > * {
    margin-block-start: 0 !important;
}
	


.communityGalleryTitle {
    font-size: var(--font-size-18);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 2vw;
    font-weight: 600;
	padding-top: 1.2vw;
}

.certificationCardsGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:60px;
}

.certificationCard {
    background: #fbfbfb;
    border: 1px solid #DCE3EA;
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 320px;
	background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    /* Soft Border */
    border:1px solid rgb(213 213 213 / 60%);
	justify-content: center;
    align-items: center;
    text-align: center;
}

.certificationLogo{
    margin-bottom:24px;
}

.certificationLogo img{
    width:120px;
    height:auto;
    object-fit:contain;
}

.certificationCardContent{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.certificationTitle{
    font-size:var(--font-size-24);
	font-family: var(--font-Medium);
    line-height:1.3;
    margin:0;
	color: #034d70;
}

.certificationDesc{
    font-size:var(--font-size-16);
    line-height:1.7;
    margin:0;
	color: #000;
}

.certificationCard.wp-block-group{
    margin-block-start:0 !important;
}

.certificationCard > *{
    margin-block-start:0 !important;
}
.standard  .keyFacts {
    width: 100%;
    display: flex;
    align-items: center;
}
.page-id-3180 .service-parallax-section {
    margin-top: 0;
}
.certificationCardsGrid .certificationCard:nth-child(n+10) {
    display: none;
}
.certicate_btn {
    margin-top: 5rem;
}
.cmm_sec{
    background-image: url('/wp-content/uploads/2026/05/cmm_bg.png');
    background-size: cover;
/*     background-position: right center; */
    background-repeat: no-repeat;
    min-height: 950px;
    overflow: hidden;
}
/* =========================================
CMMI SHOWCASE
========================================= */

.cmmiShowcase{
    position:relative;
    overflow:hidden;
    padding:6.25vw 0;
    background:
        radial-gradient(circle at left, #01122f 0%, #001235 45%, #00112e 100%);
    color:#fff;
}

/* =========================================
WRAPPER
========================================= */

.cmmiWrapper{
    position:relative;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
	margin-bottom:2.5rem;
    gap:4vw;
}

/* =========================================
LEFT CONTENT
========================================= */

.cmmiLeft{
    width:64%;
    position:relative;
    z-index:5;
}

.cmmiBadge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0.729vw 1.458vw;
    border-radius:5.208vw;
    border: 0.052vw solid rgba(20, 169, 255, 0.35);
    background:rgba(255,255,255,0.06);
    backdrop-filter:blur(0.625vw);
    font-size:var(--font-size-12);
    font-weight:600;
    margin-bottom:2.083vw;
    text-transform:uppercase;
    letter-spacing:0.052vw;
}

.cmmiTitle{
    font-size:var(--font-size-58);
    line-height:1.25;
    font-weight:700;
    margin-bottom:1.563vw;
    color:#fff;
}

.cmmiTitle span{
    color:#14A9FF;
}

.cmmiLine{
    width:3.646vw;
    height:0.156vw;
    background:#14A9FF;
    border:none;
    margin:2.083vw 0;
}

.cmmiDesc{
    font-size:var(--font-size-18);
    line-height:1.7;
    color:#D8E3F2;
    max-width:39vw;
	margin-bottom: 2rem;
}

/* =========================================
REGION INFO
========================================= */

.cmmiRegionInfo{
    display:flex;
    align-items:center;
    gap:1.563vw;
    margin-top:2.604vw;
    max-width:40vw;
	margin-bottom:3rem;
}

.cmmiRegionIcon{
    flex-shrink:0;
}

.cmmiRegionIcon img{
    width:4.688vw;
    height:4.688vw;

    object-fit:contain;
}

.cmmiRegionText{
     font-size:var(--font-size-18);
    line-height:1.7;
    color:#fff;
}

.cmmiRegionText strong{
    color:#14A9FF;
}

/* =========================================
STATS GRID
========================================= */

.cmmiStatsGrid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1.25vw;
    margin-top:3.125vw;
}

.cmmiStatCard{
    display:flex;
    align-items:center;
    gap:0.542vw;
    padding: 0.5vw 1.263vw;
    border-radius:1.042vw;
    border:0.052vw solid rgba(20,169,255,0.35);
    background:rgba(255,255,255,0.04);
    backdrop-filter:blur(0.625vw);
    min-height:6.854vw;
}

.cmmiStatIcon{
    flex-shrink:0;
}

.cmmiStatIcon img{
    width:3.125vw;
    height:3.125vw;
    object-fit:contain;	
    filter:
        drop-shadow(0 0 0.5vw #14A9FF)
        drop-shadow(0 0 1.2vw rgba(20,169,255,0.7))
        drop-shadow(0 0 2vw rgba(20,169,255,0.35));
}

.cmmiStatContent{
    display:flex;
    flex-direction:column;
	border-left: 1px solid #0381bd;
	padding-left: .9vw;
}

.cmmiStatNumber{
    font-size:1.5vw;
    line-height:1;
    color:#fff;
    margin-bottom:0.417vw;
}

.cmmiStatLabel{
    font-size:0.742vw;
    line-height:1.5;
    color:#fff;
}

/* =========================================
RIGHT SIDE
========================================= */

.cmmiRight{
    width:36%;
    display:flex;
    justify-content:center;
    position:relative;
}

.cmmiMainImage{
    width:100%;
}

.cmmiMainImage img{
    width:100%;
    height:auto;
    object-fit:contain;
    display:block;
	margin-top: 20%;
}

/* =========================================
CERTIFICATE CARD
========================================= */

.cmmiCertificateCard{
    position:absolute;
    right:2vw;
	top:4vw;
    width:18vw;
    background:#fff;
    border-radius:1.563vw;
    padding:2.083vw;
    z-index:20;
    box-shadow:
        0 1.042vw 2.604vw rgba(0,0,0,0.18);
    color:#111;
}

.cmmiCertificateLogo{
    margin-bottom:1.563vw;
}

.cmmiCertificateLogo img{
    width:10vw;
    margin:auto;
    display:block;
}

.cmmiCertificateTitle{
    background:#0E4CC9;
    color:#fff;
    text-align:center;
    padding:0.781vw;
    border-radius:0.521vw;
    font-size:0.938vw;
    margin-bottom:1.042vw;
}

.cmmiCertificateDesc{
    font-size:1.146vw;
    line-height:1.5;
    text-align:center;
    margin-bottom:1.563vw;
}

.cmmiCertificateInfo{
    font-size:0.938vw;
    line-height:1.8;
    margin-bottom:0.625vw;
    display:flex;
    justify-content:space-between;
    gap:1vw;
}

.cmmiCertificateInfo strong{
    font-weight:600;
}

.cmmiInstituteLogo{
    margin-top:1.563vw;
}

.cmmiInstituteLogo img{
    width:9vw;
    margin:auto;
    display:block;
}

/* =========================================
BOTTOM BAR
========================================= */

.cmmiBottomBar{
    margin-top:3.125vw;
    background:#d5deeb;
    border-radius:1.563vw;
    padding:2.604vw 3.125vw;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:3.125vw;
}
.cmmiFeatureItem .wp-block-image {
    margin-bottom: 1.5rem !important;
}
.cmmi_ins img{
	width: 10vw !important;
}
.cmmi_level_img img{
	width: 10vw !important;
}
.cmmiBottomLeft{
    width:45%;

    display:flex;
    align-items:center;
    gap:1.563vw;
}

.cmmiBottomIcon{
    flex-shrink:0;
}

.cmmiBottomIcon img{
    width:5.208vw;
    height:5.208vw;
    object-fit:contain;
}

.cmmiBottomContent{
    display:flex;
    flex-direction:column;
}

.cmmiBottomTitle{
    font-size:1.563vw;
    line-height:1.3;
    color:#0E2B6D;
    margin-bottom:0.781vw;
    font-weight:700;
}

.cmmiBottomDesc{
    font-size:1.042vw;
    line-height:1.7;

    color:#334;
}

/* =========================================
FEATURES
========================================= */

.cmmiBottomFeatures{
    width:100%;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:1.563vw;
}

.cmmiFeatureItem{
    text-align:center;
    position:relative;
    padding:0 1.042vw;
}

.cmmiFeatureItem:not(:last-child)::after{
    content:"";
    position:absolute;
    right:-0.781vw;
    top:50%;
    transform:translateY(-50%);
    width:0.052vw;
    height:4.688vw;
    background:#6399f1;
}

.cmmiFeatureIcon{
    margin-bottom:1.042vw;
}

.cmmiFeatureIcon img{
    width:3.125vw;
    height:3.125vw;
    object-fit:contain;
    margin:auto;
}

.cmmiFeatureTitle{
    font-size:1.042vw;
    line-height:1.5;
    color:#0E2B6D;
    font-weight:600;
}

/* =========================================
FOOTNOTE
========================================= */

.cmmiFootnote{
    text-align:center;
    margin-top:1.563vw;
    font-size:0.938vw;
    color:rgba(255,255,255,0.7);
    font-style:italic;
}

/* =========================================
GUTENBERG FIX
========================================= */

.cmmiShowcase .wp-block-group{
    margin-block-start:0;
}

.cmmiShowcase .wp-block-group > *{
    margin-block-start:0;
}

.cmmiShowcase .wp-block-image{
    margin:0;
}

.cmmiShowcase .wp-block-separator{
    margin-left:0;
}

/* =========================================
RESPONSIVE
========================================= */

@media(max-width:991px){
	.ourSolutionsShowcase .solutionCard {
		width: 48.2% !important;
		height: 25.5vw !important;
	}
    .cmmiWrapper{
        flex-direction:column;
    }

    .cmmiLeft,
    .cmmiRight{
        width:100%;
    }

   

    .cmmiDesc{
        max-width:100%;
    }

    .cmmiRegionInfo{
        max-width:100%;
    }

    .cmmiStatsGrid{
        grid-template-columns:repeat(2,1fr);
    }

    .cmmiCertificateCard{
        position:relative;
        width:100%;
        right:auto;
        top:auto;
        margin-top:40px;
    }

    .cmmiBottomBar{
        flex-direction:column;
    }

    .cmmiBottomLeft,
    .cmmiBottomFeatures{
        width:100%;
    }

    .cmmiBottomFeatures{
        grid-template-columns:repeat(2,1fr);
    }
	.cmmiFeatureIcon img {
		width: 7.125vw;
		height: 6.125vw;
	}
	.cmmiFeatureItem .wp-block-image {
		margin-bottom: 0.5rem !important;
	}
	.cmmiBottomFeatures {
		gap: 4.563vw;
	}
	.cmmi_ins img {
		width: 16vw !important;
	}
	.cmmiStatIcon img {
		width: 7.125vw;
		height: 10.125vw;
	}
	.cmmiStatNumber {
		font-size: 4.5vw;
	}

	.cmmiStatLabel {
		font-size: 1.742vw;
	}
	.cmmiStatContent {
		padding-left: 2.9vw;
	}
	.cmmiStatCard {
		gap: 2.542vw;
	}
}

@media(max-width:767px){
	.ourSolutionsShowcase .solutionCard {
		width: 100% !important;
		height: 40.5vw !important;
	}
	.cmmiRegionIcon img {
		width: 8.688vw;
		height: 8.688vw
	}
	.cmmiFeatureIcon img {
		width: 10.125vw;
		height: 6.125vw;
	}
	.cmmiStatIcon img {
		width: 8.125vw;
		height: 12.125vw;
	}
    .cmmiStatLabel {
		font-size: 2.242vw;
	}
	.cmmiMainImage img {
		margin-top: 5%;
	}
	.cmmiStatNumber {
		font-size: 4.2vw;
	}
	.cmmiStatContent {
		padding-left: 1.9vw;
	}
	.cmmiStatCard {
		gap: 1.542vw;
	}
    .cmmiStatsGrid{
        grid-template-columns:repeat(2,1fr);
    }

    .cmmiBottomFeatures{
        grid-template-columns:repeat(2,1fr);
		gap: 4.563vw;
    }
	.cmmiFeatureTitle {
		font-size: 2.042vw;
	}
	.cmmi_ins img {
		width: 18vw !important;
	}
	
    .cmmiBottomBar{
        padding:30px 20px;
    }
	.cmmiFeatureItem .wp-block-image {
		margin-bottom: 0.5rem !important;
	}

}
@media(max-width:1200px){

    .certificationCardsGrid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .certificationCardsGrid{
        grid-template-columns:1fr;
    }

}
@media(max-width:992px){
	.communityGalleryGrid .communityGalleryItem {
		width: 47%;
	}
	
		
	.communityGalleryGrid {
		gap: 7vw 5%;
	}
	
	.businessImpactWrapper,
	.advantagesWrapper {
		gap: 40px;
	}
}
@media(max-width:767px){

    .focusAreasGrid{
        grid-template-columns:1fr;
    }
	.communityGalleryGrid .communityGalleryItem {
		width: 100%;
	}
	.communityGalleryTitle {
		padding-top: 3.2vw;
	}
	
	.businessImpactLeft img {
		width: 100%;
		height: auto;
		border-radius: 26px;
	}
	
	.advantagesLeft h2 {
		margin-bottom: 25px;
	}

}