/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


:root {
    --primary-color: #0DB4F9;
    --secondary-color: #09427E;
    --white: #fff;
    --black: #000;
    --gradient: linear-gradient(90deg, #0DB4F9 0%, #09427E 100%);
    --gradient-reverse: linear-gradient(90deg, #09427E 0%, #0DB4F9 100%);
}

/* ==========================================================================
   iOS Safari / Mobile Video Autoplay & Native Controls Suppression
   ========================================================================== */
video::-webkit-media-controls,
video::-webkit-media-controls-start-playback-button,
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-enclosure,
video::-webkit-media-controls-panel,
video::-webkit-media-controls-overlay-play-button {
    display: none !important;
    -webkit-appearance: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

video {
    -webkit-touch-callout: none;
}

.banner_slider .carousel-item video,
.transformation-video,
.execution-ai-in video,
.coming-soon-video,
.carousel-hero-video {
    pointer-events: none !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}

/* ==========================================================================
   Ambient Video Posters & Seamless Low Power Mode Fallback
   ========================================================================== */
.carousel-hero-poster,
.transformation-poster,
.execution-ai-poster {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
    pointer-events: none !important;
    transition: opacity 0.35s ease;
}

.poster-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.banner_slider .carousel-item .carousel-img-wrap {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.banner_slider .carousel-item .carousel-hero-video {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.transformation-section .transformation-video:not(.transformation-poster) {
    z-index: 1;
}

.transformation-section .video-overlay {
    z-index: 4;
}

.transformation-section .transformation-container {
    position: relative;
    z-index: 5;
}

.execution-ai-in .execution-ai-poster {
    z-index: 2;
}

.execution-ai-in .execution-ai-video:not(.execution-ai-poster) {
    z-index: 1;
}

.execution-ai-in .execution-ai-card {
    position: relative;
    z-index: 10;
}

/* Force hide video on Low Power Mode failure across all elements */
.lpm-video-hidden,
video.lpm-video-hidden,
.carousel-hero-video.lpm-video-hidden,
.transformation-video.lpm-video-hidden,
.execution-ai-video.lpm-video-hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Actively playing ambient video state */
.carousel-hero-video.video-playing,
.transformation-video.video-playing,
.execution-ai-video.video-playing {
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 1 !important;
}


html {
    /* scroll-behavior: smooth; */
    /* overflow-x: hidden; */
}

body {
    font-family: "Montserrat", sans-serif;
    overflow-x: hidden;
    /* cursor: none; */
    background-color: #040711;
    position: relative;
}

.bg-mesh {
    background:
        radial-gradient(ellipse 80% 80% at 100% 50%, rgb(11 112 175 / 34%) 0%, transparent 60%),
        radial-gradient(ellipse 60% 60% at 0% 1%, rgb(6 43 72) 0%, transparent 60%),
        radial-gradient(ellipse 50% 70% at 40% 80%, rgb(34 197 94 / 0%) 0%, transparent 60%),
        radial-gradient(ellipse 40% 40% at 90% 90%, rgb(5 25 44) 0%, transparent 60%);
    animation: meshAnim 10s ease-in-out infinite alternate;
    filter: blur(40px);
}

.bg {
    position: fixed;
    inset: 0;
    transition: opacity .6s;
    z-index: 0;
}


.bg-mesh-left {
    position: fixed;
    left: -250px;
    top: -47%;
    width: 800px;
    height: 550px;
    background: radial-gradient(circle, #1e92ff21 0%, transparent 70%), radial-gradient(circle, #0db4f912 20%, transparent 80%);
    filter: blur(50px);
    pointer-events: none;
    z-index: 0;
}

.bg-mesh-right {
    position: fixed;
    right: -22%;
    top: 22%;
    transform: translateY(-50%);
    width: 700px;
    height: 1000px;
    background: radial-gradient(circle, #1e92ff36 0%, transparent 70%), radial-gradient(circle, #0db4f912 20%, transparent 80%);
    filter: blur(50px);
    pointer-events: none;
    z-index: 0;
}

@media (max-width: 992px) {

    /* .bg-mesh-left,
  .bg-mesh-right{
    display: none;
  } */
    .bg-mesh-left {
        width: 350px;
        height: 450px;
    }

    .bg-mesh-right {
        width: 400px;
        height: 500px;
    }
}

@media (max-width: 600px) {
    .bg-mesh-left {
        width: 320px;
        height: 525px;
    }

    .bg-mesh-right {
        width: 320px;
        height: 700px;
    }
}

/* header {
	overflow: hidden;
} */

a {
    text-decoration: none !important;
}



/* --------------- loader -------------- */
#loader {
    position: fixed;
    inset: 0;
    /* width: 100%;
    height: 100vh; */
    display: flex;
    justify-content: center;
    align-items: center;
    background: #060810;
    z-index: 9999;
    opacity: 1;
    visibility: visible;
    transition:
        opacity 0.6s ease,
        visibility 0.6s ease;
}

/* Hide Loader */
#loader.hide {
    opacity: 0;
    visibility: hidden;
}

/* Loader Inner */
/* .loader-inner {
  display: flex;
  justify-content: center;
  align-items: center;
} */

/* Icon */
.loader-icon {
    width: 80px;
    height: 80px;
    object-fit: contain;
    animation: spin 1.2s linear infinite;
}

/* Rotation */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .loader-icon {
        width: 40px;
        height: 40px;
    }
}

/* ------------ END loader --------------- */

.width-container {
    width: 91%;
    max-width: 1500px;
    margin: 0 auto;
}

.mob-header {
    display: none;
}

/* nav header */
.main-header {
    width: 100%;
    z-index: 9;
    position: fixed;
    top: 30px;
    transition: top 0.4s ease,
        background 0.4s ease,
        box-shadow 0.4s ease;
}

.main-header-in {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    transition: all ease-in-out 0.5s;
}

.main-header-in.fixed-to-top {
    width: 100%;
}

.main-header-in.fixed-to-top .nav-desc-menu {
    border: 0;
    padding: 0;
    border-radius: 0;
}


header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: transform 1s ease, opacity 1s ease;
    transform: translateY(0);
    opacity: 1;
}

header.fixed-to-top .main-header {
    background: #11141f;
    top: 0px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    transition: .5s ease, box-shadow .5s ease;
}

header.nav-hide {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
}

/*logo*/
.header-img {
    width: 150px;
}

.header-img img {
    width: 100%;
    height: 100%;
}

/* menu */
.right-nav-top {
    display: flex;
    align-items: center;
    gap: 35px;
}

.right-nav-top .mob-btn {
    display: none;
}

/* Right-side menu overlay */
.menu-outr {
    display: none;
}

/* .nav-desc-menu {
  border: 1px solid #0db4f93d;
  padding: 15px 22px;
  border-radius: 50px;
} */

.nav-desc-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-right: 10px;
    display: flex;
    gap: 6px;
    border: 1px solid #0db4f93d;
    padding: 5px;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 0.015);
}

.nav-desc-menu ul li {
    list-style: none;
    padding: 0px 20px;
    border-radius: 40px;
    color: #cfd8dc;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid #ffffff00;
}

.nav-desc-menu ul li a {
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 1px;
    line-height: 30px;
}

/* .nav-desc-menu ul li .dropdown-toggle::after {
  content: "\f107";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  border: none;
  margin-left: 8px;
  vertical-align: middle;
  font-size: 14px;
} */
.nav-desc-menu ul li .dropdown-toggle::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 8px;

    background: url("../img/down-nav-arrow.png") no-repeat center;
    background-size: 12px;
    vertical-align: middle;
    border-top: 0;
}

.nav-desc-menu ul .nav-menu-item.active-menu {
    color: var(--white);
    background: var(--gradient);
    transition: background .5s ease, color .5s ease, transform .5s ease, border-color .5s ease;
    /* transform: scale(1.02); */
    border: 1px solid rgb(105 184 255) !important;
    /* padding: 8px 19px; */
    position: relative;
}

.nav-desc-menu ul .nav-menu-item:hover {
    color: var(--white);
    background: transparent;
    transition: background .5s ease, color .5s ease, transform .5s ease, border-color .5s ease;
    position: relative;
    border: 1px solid var(--primary-color);
}

.nav-desc-menu ul .nav-menu-item.active-menu:hover {
    background: var(--gradient);
    /* border: 1px solid rgba(255, 255, 255, 0.33); */
}

.nav-desc-menu ul .nav-menu-item.active-menu::before,
.nav-desc-menu ul .nav-menu-item:hover::before {
    content: "";
    position: absolute;
    inset: 0px;
    border-radius: 50px;

    pointer-events: none;
    transition: border-color 0.5s ease-in-out, opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.nav-desc-menu ul .nav-menu-item.active-menu:hover::before {
    border-color: transparent;
}

header.fixed-to-top .main-header .nav-desc-menu ul .nav-menu-item.active-menu {
    background: var(--gradient);
}

.bold-text {
    font-weight: 700;
}

.lang-switch {
    font-size: 11px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    font-family: 'FuturaArabic';
}

.lang-switch .devider {
    color: #fff;
    padding: 0 6px;
}

.lang-switch span.active {
    color: #fff;
}

.lang-switch span a {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* parent dropdown */
.right-nav-top .dropdown-menu {
    position: absolute;
    top: 135%;
    left: 0;
    border: 0;
    padding: 15px;
    border-radius: 20px;
    min-width: 220px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease, padding 0.3s ease;
    display: block;
    border: 1px solid #0db4f90f;
    background: rgb(4 7 17 / 92%);
}

.right-nav-top .dropdown.active .dropdown-menu,
.right-nav-top .dropdown.hover-active .dropdown-menu {
    opacity: 1;
    visibility: visible;
    padding: 10px 15px;
}

.right-nav-top .submenu.active .submenu-menu {
    padding: 10px 15px;
}

.right-nav-top .submenu {
    position: relative;
}

.right-nav-top .dropdown-menu li {
    list-style: none;
    position: relative;
    padding-bottom: 12px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 6px;
}

.right-nav-top .dropdown-menu li::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;

    background: linear-gradient(90deg,
            rgba(13, 163, 231, 0.6),
            transparent);
}

.right-nav-top .dropdown-menu li:last-child {
    padding-bottom: 0;
}

.right-nav-top .dropdown-menu li:last-child::after {
    display: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.right-nav-top .submenu-menu {
    position: absolute;
    top: 0;
    left: 110%;
    padding: 15px;
    border-radius: 20px;
    min-width: 250px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(10px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    border: 1px solid #0db4f90f;
    background: rgb(4 7 17 / 92%);
    display: block;
}

.right-nav-top .submenu.active .submenu-menu,
.right-nav-top .submenu:hover .submenu-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* .dropdown-menu .submenu .submenu-menu {
  display: block;
} */

.right-nav-top .dropdown-menu a,
.right-nav-top .submenu-menu a {
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.right-nav-top .submenu-toggle::after {
    content: "\203A";
    font-size: 23px;
    font-weight: 100;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* END menu dropdown */

/* menu */
.no-scroll,
.no-scroll body {
    overflow: hidden;
    height: 100%;
}

/* navbar */

/* ------------------------------
		 common area 
 ------------------------------ */
.section-padding {
    padding: 130px 0px;
}

section {
    position: relative;
}

.section-header {
    margin-bottom: 50px;
}

.head-title img {
    width: 50px;
    margin-bottom: 10px;
}

.head-title h1,
.head-title h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--black-color);
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif;
}

.head-title h1 span,
.head-title h2 span {
    color: var(--primary-color);
}

.head-title p {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 25px;
    color: #515151;
}

.main-heading {
    font-size: 50px;
    font-weight: 300;
    line-height: 60px;
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif;
}

.heading {
    font-size: 33px;
    font-weight: 400;
    margin-bottom: 25px;
    color: #0396d3;
    font-family: "Montserrat", sans-serif;

    /* width: 100%; */
    /* background: linear-gradient(90deg, #1ecbff 0%, #0077da 35%, #000000 70%, #000000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    display: inline-block; */
}

.description {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.80);
    line-height: 1.5;
}

.network-service-section .description {
    font-weight: 400;
}

.text-dark {
    color: #000 !important;
}

/* main btn */
.req-brochure-btn {
    display: flex;
    gap: 15px;
}

.main-btn {
    background: linear-gradient(90deg, #0DB4F9, #00568a, #0DB4F9);
    background-size: 200% 100%;
    background-position: left;
    display: inline-block;
    color: var(--white);
    font-size: 13px;
    font-weight: 500;
    border: none;
    border-radius: 100px;
    padding: 12px 25px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

.main-btn:hover {
    transform: translateY(-5px);
    color: var(--white);
    background-position: right;
    box-shadow: 0 12px 30px rgba(39, 39, 39, 0.35);
}

.main-btn svg {
    padding-left: 2px;
    transition: transform 0.4s ease;
}

.main-btn:hover svg {
    transform: rotate(-40deg);
}

/* login */
.login-btn {
    background: rgba(255, 255, 255, 0.015);
    color: var(--white);
    font-size: 12px;
    font-weight: 300;
    border: none;
    border-radius: 50px;
    padding: 12px 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid var(--primary-color);
    font-family: "Montserrat", sans-serif;
    transition: opacity 0.4s ease;
    line-height: 30px;
}

.login-btn:hover,
.login-btn.active {
    background: var(--gradient);
    border-color: transparent;
    box-shadow: 0 5px 20px rgba(1, 73, 116, 0.51);
    border: 1px solid #67b3eb;
}

.login-btn img {
    width: 26px;
}

/* close */
.close-btn {
    background: var(--black-color);
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    border: none;
    border-radius: 10px;
    padding: 12px 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

.close-btn:hover {
    transform: translateY(-3px);
    color: var(--main-color);
    background: var(--primary-color);
    box-shadow: 0 5px 20px rgba(255, 215, 75, 0.51);
}

.owl-carousel,
.owl-stage,
.owl-stage-outer,
.owl-item {
    display: flex !important;
}

/* .owl-stage {
    display: flex;
    align-items: stretch;
}
.owl-item {
    display: flex;
}
.owl-item .item {
    width: 100%;
    height: 100%;
}
.core-offer-slider,
.owl-stage-outer,
.owl-stage,
.owl-item {
    overflow: visible;
} */

@media (max-width: 992px) {
    .heading {
        font-size: 25px !important;
        margin-bottom: 15px;
    }

    .width-container {
        width: 100%;
        padding: 0 20px;
        margin: 0 auto;
    }

}

@media (max-width: 600px) {
    .heading {
        font-size: 20px !important;
    }
}

/* ------------------------------
		END common area 
 ------------------------------ */


/* ------------------------------
			Banner 
------------------------------ */
.slider-banner {
    position: relative;
    z-index: 5;
}

.banner_slider .carousel-outr .carousel-inner,
.banner_slider .carousel-item .carousel-img-wrap {
    height: 100%;
    width: 100%;
}

.banner_slider .carousel-outr .carousel-item {
    height: 100vh;
    min-height: 1025px;
}

/* Custom smooth cross-fade duration */
.banner_slider .carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 0.8s;
    transition-property: opacity;
}

.banner_slider .carousel-fade .carousel-item.active,
.banner_slider .carousel-fade .carousel-item-next.carousel-item-start,
.banner_slider .carousel-fade .carousel-item-prev.carousel-item-end {
    z-index: 1;
    opacity: 1;
}

.banner_slider .carousel-fade .active.carousel-item-start,
.banner_slider .carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

.banner_slider .carousel-caption {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: initial;
    transform: translate(0, -50%);
    text-align: left;
    width: 100%;
    z-index: 10 !important;
    pointer-events: auto;
}

.carousel-caption-in {
    max-width: 45%;
}

.banner_slider .carousel-caption h5 {
    font-size: 48px;
    font-weight: 400;
    /* line-height: normal; */
    color: var(--white-color);
    margin-bottom: 38px;
    font-family: "Montserrat", sans-serif;
    text-transform: capitalize;
}

.carousel-caption .text .char {
    display: inline-block;
    white-space: pre;
}

.banner_slider .carousel-caption p {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
    color: #FFFFFF;
    margin-bottom: 35px;
}

.banner_slider .carousel-caption .main-btn {
    padding: 15px 25px;
    font-weight: 500;
}

.banner_slider .carousel-caption .main-btn:hover {
    color: var(--black-color);
    background-color: var(--secondary-color);
}

/* --- Caption Elements Smooth Transitions (Fix Overlapping) --- */
/* Inactive / default state: hidden and shifted slightly downwards */
.banner_slider .carousel-item .carousel-caption-in h5,
.banner_slider .carousel-item .carousel-caption-in p,
.banner_slider .carousel-item .carousel-caption-in .main-btn-out {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    will-change: opacity, transform;
    pointer-events: none;
}

/* Active slide resting state: fully visible at normal position */
.banner_slider .carousel-item.active .carousel-caption-in h5,
.banner_slider .carousel-item.active .carousel-caption-in p,
.banner_slider .carousel-item.active .carousel-caption-in .main-btn-out {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Outgoing slide: previous caption fades out quickly and glides up with NO overlap */
.banner_slider .carousel-item.active.carousel-item-start .carousel-caption-in h5,
.banner_slider .carousel-item.active.carousel-item-start .carousel-caption-in p,
.banner_slider .carousel-item.active.carousel-item-start .carousel-caption-in .main-btn-out,
.banner_slider .carousel-item.active.carousel-item-end .carousel-caption-in h5,
.banner_slider .carousel-item.active.carousel-item-end .carousel-caption-in p,
.banner_slider .carousel-item.active.carousel-item-end .carousel-caption-in .main-btn-out {
    opacity: 0 !important;
    transform: translateY(-20px) !important;
    transition: opacity 0.22s cubic-bezier(0.4, 0, 1, 1), transform 0.22s cubic-bezier(0.4, 0, 1, 1) !important;
    pointer-events: none !important;
}

/* Incoming slide: smooth staggered entrance after previous content has faded away */
.banner_slider .carousel-item-next.carousel-item-start .carousel-caption-in h5,
.banner_slider .carousel-item-prev.carousel-item-end .carousel-caption-in h5 {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.55s cubic-bezier(0.16, 1, 0.3, 1) 0.24s, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1) 0.24s;
}

.banner_slider .carousel-item-next.carousel-item-start .carousel-caption-in p,
.banner_slider .carousel-item-prev.carousel-item-end .carousel-caption-in p {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.55s cubic-bezier(0.16, 1, 0.3, 1) 0.34s, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1) 0.34s;
}

.banner_slider .carousel-item-next.carousel-item-start .carousel-caption-in .main-btn-out,
.banner_slider .carousel-item-prev.carousel-item-end .carousel-caption-in .main-btn-out {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.55s cubic-bezier(0.16, 1, 0.3, 1) 0.44s, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1) 0.44s;
    pointer-events: auto;
}

.banner_slider .carousel-item img,
.banner_slider .carousel-item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* filter: brightness(1.2) contrast(1.2); */
}


.slider-footer {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    margin-bottom: 7.5rem;
    justify-content: center;
}

.left-slider-footer {
    width: 30%;
}

.center-slider-footer {
    width: 30%;
}

.right-slider-footer {
    width: 30%;
}

.left-slider-footer .divider-line,
.right-slider-footer .divider-line {
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.2),
            transparent);
}

.banner_slider .carousel-indicators {
    margin-bottom: 0px;
}

.carousel-indicators [data-bs-target] {
    height: 2px !important;
    width: 25px !important;
}

.banner_slider button {
    border-top: 0 !important;
    border-bottom: 0 !important;
    background-color: white !important;
}

.banner_slider button.active {
    border-top: 0;
    border-bottom: 0;
    background: var(--gradient) !important;
}

/*carousel footer*/
.banner_slider .carousel-control-prev-icon,
.banner_slider .carousel-control-next-icon {
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
}

@media (max-width: 1500px) {
    .banner_slider .carousel-caption-in {
        max-width: 40%;
    }
}

@media (max-width: 1400px) {
    .banner_slider .carousel-caption-in {
        max-width: 40%;
    }
}

@media (max-width: 1300px) {
    .banner_slider .carousel-caption-in {
        max-width: 42%;
    }
}

@media (max-width: 1200px) {
    .banner_slider .carousel-caption-in {
        max-width: 55%;
    }

    .banner_slider .carousel-caption h5 {
        font-size: 50px;
        line-height: 60px;
    }

    .banner_slider .carousel-caption p {
        font-size: 14px;
    }

    .banner_slider .carousel-caption p {
        margin-bottom: 35px;
    }
}

@media (max-width: 992px) {
    .banner_slider .carousel-caption-in {
        max-width: 49%;
    }

    .banner_slider .carousel-caption h5 {
        font-size: 35px;
        line-height: 45px;
    }
}

@media (max-width:768px) {
    .banner_slider .carousel-caption-in {
        max-width: 64%;
    }
}

@media (max-width:600px) {
    .slider-banner {
        background: #000;
    }

    .banner_slider .carousel-item img,
    .banner_slider .carousel-item video {
        height: 100% !important;
        min-height: auto !important;
        object-fit: cover;
    }

    .carousel-item.active img,
    .carousel-item.active video {
        animation: none;
    }

    .banner_slider .carousel-caption h5 {
        font-size: 30px;
        font-weight: 300;
        line-height: 40px;
        margin-bottom: 15px;
    }

    .banner_slider .carousel-outr .carousel-item {
        min-height: 700px;
    }

    .banner_slider .carousel-caption-in {
        max-width: 70%;
    }

    .banner_slider .carousel-caption {
        top: 70%;
    }

    .banner_slider button.active {
        width: 80px;
    }

    .slider-footer {
        display: block;
        margin-bottom: 2.5rem;
    }

    .banner_slider button.active {
        width: 70px !important;
    }

    .left-slider-footer {
        width: 40%;
        margin: -15px auto 0 auto;
    }

    .right-slider-footer {
        display: none;
    }

    .banner_slider .carousel-caption .main-btn,
    .main-btn {
        font-size: 12px;
        padding: 15px 20px;
    }
}

@media (max-width: 460px) {
    .banner_slider .carousel-caption-in {
        max-width: 92%;
    }
}

@media (max-width: 350px) {
    .banner_slider .carousel-caption h5 {
        font-size: 25px;
    }
}

/* ------------------------------
			END Banner 
------------------------------ */


/*------------------ footer ---------------*/
.main-footer {
    position: relative;
    z-index: 2;
    backdrop-filter: blur(26.200000762939453px);
    background: rgba(255, 255, 255, 0.03);
    margin-top: -100px;
    padding-top: 200px !important;
}

.colored-bg {
    position: absolute;
    bottom: 10%;
    left: 50%;
    width: 750px;
    max-width: 100%;
    height: 200px;
    border-radius: 0px;
    background: linear-gradient(93deg, rgb(0 142 255), rgb(0 142 255));
    filter: blur(121px);
    z-index: 1;
    transform: translate(-50%, 0%);
    opacity: 0.3;
}

.colored-bg2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 800px;
    max-width: 100%;
    height: 700px;
    border-radius: 0%;
    background: radial-gradient(circle at center, rgb(12 142 208 / 80%) 0%, transparent 70%);
    filter: blur(200px);
    z-index: 1;
    transform: translate(-50%, -50%);
}

.main-footer-in {
    position: relative;
    z-index: 3;
}

.footer-brand img {
    max-width: 185px;
    margin-bottom: 5px;
}

.footer-brand-name {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    font-family: 'FuturaArabic';
    margin-bottom: 5px;
}

.footer-brand p {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    font-family: "Montserrat", sans-serif;
}

.footer-col h4 {
    font-size: 19px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 20px !important;
    word-break: break-all;
    font-family: "Montserrat", sans-serif;
}

/* LINKS */
.footer-col ul {
    list-style: none;
    padding: 0;
}

.footer-col ul li {
    margin-bottom: 10px;
    transition: transform 0.3s;
}

.footer-col ul li:hover {
    transform: translateX(3px);
}

.footer-col ul li a {
    font-size: 13.5px;
    font-weight: 200;
    color: rgba(255, 255, 255, 0.95);
    transition: 0.3s;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
}

.footer-col ul li a:hover {
    color: var(--primary-color);
}

/* CONTACT */
.footer-contact .contact-item {
    display: flex;
    align-items: self-start;
    gap: 10px;
    margin-bottom: 15px;
}

.footer-contact .contact-item img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.footer-contact svg {
    color: var(--primary-color);
    font-size: 17px;
    margin-top: 4px;
}


.footer-contact p {
    font-size: 13.5px;
    font-weight: 200;
    color: rgba(255, 255, 255, 0.95);
    line-height: 1.5;
    margin-bottom: 0;
    max-width: 75%;
    font-family: "Montserrat", sans-serif;
}

.footer-contact p a {
    font-size: 13.5px;
    font-weight: 200;
    color: rgba(255, 255, 255, 0.95);
    word-break: break-all;
    font-family: "Montserrat", sans-serif;
}

.footer-subcribe {
    width: 290px;
    max-width: 100%;
    margin-top: 100px;
}

.footer-subcribe h4 {
    font-size: 19.5px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 15px;
    font-family: "Montserrat", sans-serif;
}

.footer-subcribe p {
    font-size: 10px;
    font-weight: 400;
    color: #b8b8b8;
    margin-top: 15px;
    font-family: "Montserrat", sans-serif;
}

.newsletter-box {
    position: relative;
    max-width: 100%;
}

.newsletter-box input {
    width: 95%;
    height: 50px;
    background: transparent;
    border: 1px solid var(--primary-color);
    border-radius: 50px;
    padding: 0 70px 0 22px;
    color: #fff;
    font-size: 13px;
    outline: none;
    font-family: "Montserrat", sans-serif;
}

.newsletter-box input::placeholder {
    color: #7f8a9a;
}

.newsletter-box button {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: var(--gradient);
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}

.newsletter-box button svg {
    font-size: 16px;
    transition: 0.3s;
}

.newsletter-box button:hover svg {
    transform: rotate(-40deg);
    transition: transform 0.4s ease;
}

.ft-rght-mob {
    display: none;
}

/* copyright */
.copyrite {
    padding: 15px 0;
    margin-top: 15px;
    background: rgba(217, 217, 217, 0.1);
}

.copy-right-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    z-index: 5;
}

.copy-right-item p {
    font-size: 12px;
    font-weight: 300;
    line-height: 25px;
    color: #fff;
    text-align: center;
    padding-right: 15px;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
}

.copy-right-item p span:first-child {
    padding-right: 5px;
}

.copy-right-item p a {
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    font-family: "Montserrat", sans-serif;
}

.footer-icons {
    text-align: end;
    width: 100%;

    svg {
        font-size: 20px;
        color: #fff;
        margin-left: 10px;
        transition: 0.3s ease;
    }

    svg:hover {
        color: var(--primary-color);
        transform: translateY(-3px);
    }
}

@media (max-width: 1200px) {
    .footer-brand img {
        max-width: 200px;
    }

    .footer-brand-name {
        font-size: 21px;
    }

    .footer-brand p {
        font-size: 16px;
    }

    .footer-col h4 {
        font-size: 20px;
    }
}

@media (max-width: 992px) {
    .main-footer {
        padding-top: 170px !important;
    }

    .footer-col h4 {
        font-size: 16px;
        font-weight: 400;
    }

    .footer-brand img {
        max-width: 150px;
    }

    .footer-brand-name {
        font-size: 16px;
    }

    .footer-brand p {
        font-size: 12px;
    }

    .footer-subcribe h4 {
        font-size: 16px;
    }

    .footer-col ul li a,
    .footer-contact p a,
    .footer-contact p {
        font-size: 13px;
    }

    .newsletter-box {
        max-width: 85%;
    }

    .footer-contact p {
        max-width: 100%;
    }
}

@media (max-width:767px) {
    .copy-right-item {
        text-align: center;
        margin-bottom: 0px;
        padding-top: 5px;
    }

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

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

    .footer-subcribe {
        /* max-width: 50%; */
        margin: 20px auto;
    }

    .newsletter-box {
        margin: 0 auto;
    }
}

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

    .main-footer {
        padding-top: 150px !important;
    }

    .footer-brand-name {
        font-size: 16px;
    }

    .footer-brand p {
        font-size: 15px;
    }

    .footer-col ul li a {
        color: #bfbfbf;
    }

    .footer-col ul li a span {
        margin-right: 6px;
    }

    .accordion-header {
        position: relative;
        margin-bottom: 10px;
    }

    .accordion-header .accordion-button {
        position: relative;
    }

    .accordion-header .accordion-button::before {
        content: "" !important;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px !important;
        background: linear-gradient(30deg, rgb(255 255 255 / 12%) 50%, rgb(48 47 47 / 0%) 100%);
        border-top: 0;
    }

    .accordion-header .accordion-button.collapsed::before {
        background: none;
    }

    .footer-col h4 {
        margin-bottom: 15px !important;
    }

    .footer-contact .contact-item {
        position: relative;
        padding-bottom: 10px;
        gap: 5px;
    }

    .footer-contact .contact-item::after {
        content: "" !important;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px !important;
        background: linear-gradient(30deg, rgb(255 255 255 / 12%) 50%, rgb(48 47 47 / 0%) 100%);
        border-top: 0;
    }

    .footer-contact .contact-item img {
        margin-top: 3px;
    }

    .footer-contact p span {
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        display: block;
        font-family: "Montserrat", sans-serif;
    }

    .footer-brand img {
        max-width: 170px;
    }

    .footer-contact .contact-item {
        width: 95%;
    }

    .footer-col h4 {
        margin-bottom: 10px;
    }

    .footer-subcribe {
        max-width: 85%;
        margin: 0 auto;
    }

    .newsletter-box input {
        height: 45px;
        padding: 0 50px 0 15px;
    }

    .newsletter-box button {
        width: 35px;
        height: 35px;
        right: 13px;
    }

    .footer-subcribe h4 {
        font-size: 16px;
        font-weight: 500;
    }

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

    /* mobile */
    .ft-rght-desc {
        display: none;
    }

    .ft-rght-mob {
        display: block;
    }

    .ft-rght-mob .accordion-item {
        margin-top: 0;
    }

    .ft-rght-sec .accordion-item button,
    .ft-rght-sec .accordion-item,
    .accordion-body {
        background: none;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none;
        padding: 0;
    }

    .accordion-button:not(.collapsed)::after,
    .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

    .contact-sec {
        padding-top: 0 !important;
    }
}

@media (max-width: 576px) {
    .copy-right-item {
        flex-direction: column;
        position: relative;
    }

    .first-copy-right-item {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .first-copy-right-item::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(90deg, #00000000, rgb(255 255 255 / 10%), #00000000);
    }

    .copy-right-item p {
        padding-right: initial;
    }

    .copy-right-item p:first-child {
        order: 1;
    }
}

@media (max-width: 400px) {
    .footer-contact .contact-item {
        width: 100%;
    }
}

/*---END footer---*/

/* return scroll */
#scroll {
    position: fixed;
    right: 20px;
    bottom: 70px;
    cursor: pointer;
    width: 60px;
    height: 60px;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    z-index: 7;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    display: none !important;
}

#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

#scroll:hover {
    background-color: var(--black);
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

#scroll span i,
#scroll span svg {
    font-size: 22px;
    color: var(--white);
    transition: 0.3s ease;
}

#scroll:hover i,
#scroll:hover svg {
    color: white;
    animation: arrowMove 0.8s ease infinite;
}

@keyframes arrowMove {

    0% {
        transform: translateY(0);
        opacity: 1;
    }

    40% {
        transform: translateY(-12px);
        opacity: 0;
    }

    41% {
        transform: translateY(12px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }

}

/* END return scroll */

/* list */
.stats-section .stat-card-out {
    padding-right: 3px;
}

.stats-section .stat-card-out:last-child {
    padding-right: 15px;
}

.stats-section .stat-card {
    padding: 25px;
    border-radius: 40px;
    border: 1px solid transparent;
    color: #fff;
    position: relative;
    overflow: hidden;
    height: 100%;
    transition: all 0.8s ease;

    background: linear-gradient(86deg,
            rgba(255, 255, 255, 0.08) 11.14%,
            rgba(255, 255, 255, 0.01) 113.29%);
    box-shadow: 0 1.197px 29.915px 0 rgba(69, 42, 124, 0.10);
    backdrop-filter: blur(35px);
    -webkit-backdrop-filter: blur(35px);
}


.stats-section .stat-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 40px;
    padding: 1px;
    background: linear-gradient(89deg, #162845, #0F4566);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.stats-section .stat-card:hover {
    border: 1px solid var(--primary-color);
    background: linear-gradient(123deg, rgb(255 255 255 / 0%) 0%, rgb(13 163 231 / 23%) 100%);
}

.stats-section .stat-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 5px;
}

.stats-section .stat-top p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    max-width: 80%;
}

.stats-section .stat-icon {
    width: 45px;
    min-width: 45px;
    height: 45px;
    border: 1px solid #0DB4F9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: transform 0.5s ease;
}

.stats-section .stat-icon img {
    width: 29px;
    height: 29px;
    transition: transform .2s ease;
}

.stats-section .stat-card:hover .stat-icon {
    background: var(--gradient);
}

.stats-section .stat-card:hover .stat-icon img {
    transform: rotate(50deg)
}

.stats-section .stat-card:hover .stat-bottom h3 {
    color: var(--primary-color);
}

.stats-section .stat-bottom {
    display: flex;
    align-items: center;
}

.stats-section .stat-bottom h3 {
    font-size: 40px;
    font-weight: 500;
    margin: 0;
    font-family: "Montserrat", sans-serif;

}

.stats-section .stat-bottom span {
    font-size: 16px;
    color: #acacac;
}

.stats-section .stat-bottom .plus {
    font-size: 38px;
    font-weight: 500;
    color: white;
    margin-right: 15px;
}

.stats-section .stat-card:hover .stat-bottom .plus {
    color: var(--primary-color);
}

@media (max-width: 1200px) {
    .stats-section .stat-card-out {
        padding-right: 15px;
        padding-left: 15px;
        margin-top: 15px;
    }

    .stats-section .stat-card-out:nth-child(even) {
        padding-left: 0;
    }
}

@media (max-width: 576px) {
    .stats-section .stat-card-out:first-child {
        margin-top: 0 !important;
    }

    .stats-section .stat-card-out:nth-child(even) {
        padding-left: 15px;
    }

    .stats-section .stat-top p {
        font-size: 14px;
    }

    .stats-section .stat-bottom h3,
    .stats-section .stat-bottom .plus {
        font-size: 30px;
    }

    .stats-section .stat-bottom span {
        font-size: 14px;
    }

}

/* END list */

/* ai-about */
.ai-about {
    padding: 190px 0 70px 0 !important;
}

.about-who-we-are .ai-left {
    padding-right: 30px;
}

.ai-left p {
    text-align: justify;
}

/* .ai-about .logo-card {
  padding-left: 0px;
} */

.ai-about .logo-card img {
    animation: rotateImage 15s linear infinite;
    filter: brightness(1.2) contrast(1.2);
    max-height: 510px;
    /* animation:
    rotateImage 15s linear infinite,
    zoomInOut 4s ease-in-out infinite alternate; */
}

@media (max-width: 992px) {
    .ai-about {
        padding: 80px 0 0px 0 !important;
    }

    .ai-about .logo-card {
        padding-left: initial;
        text-align: center;
    }

    .about-who-we-are .ai-left {
        padding-right: initial;
    }
}

@media (max-width: 600px) {
    .ai-about {
        padding: 50px 0 0 !important;
    }

    .right-ai-right {
        order: -1;
    }

    .ai-about .logo-card {
        padding: 0;
        text-align: center;
        margin-top: 20px;
    }

    .ai-about .logo-card img {
        height: 275px;
        object-fit: contain;
        margin-bottom: 25px;
    }

    .ai-left p {
        text-align: initial;
    }

    .ai-left p br {
        display: none;
    }
}

/* END ai-about */

/* ai video */
.innovation-box {
    padding: 10px 50px;
    border-radius: 50px;
    background: linear-gradient(86deg,
            rgba(255, 255, 255, 0.08) 11.14%,
            rgba(255, 255, 255, 0.01) 113.29%);
    box-shadow: 0 1.197px 29.915px 0 rgba(69, 42, 124, 0.10);
    backdrop-filter: blur(35px);
    -webkit-backdrop-filter: blur(35px);
    transition: background 0.4s ease, border-color 0.4s ease;
    position: relative;
    z-index: 5;
}

.innovation-box::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50px;
    padding: 1px;
    background: linear-gradient(89deg, #162845, #0F4566);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.innovation-box:hover {
    border-color: var(--primary-color);
    /* background: linear-gradient(123deg, rgb(255 255 255 / 0%) 0%, rgb(13 163 231 / 51%) 100%); */
}

.innovation-img img {
    max-height: 450px;
}

.innovation-content {
    padding-left: 25px;
    padding-right: 20px;
}

@media (max-width: 768px) {
    .innovation-box {
        padding: 30px;
        border-radius: 30px;
    }

    .innovation-box::before {
        border-radius: 30px;
    }

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

    .ai-about .logo-card img,
    .innovation-img img {
        max-height: 300px;
    }
}

@media (max-width: 600px) {
    .innovation-box {
        padding: 25px;
    }

    .innovation-content {
        padding-left: initial;
        padding-right: initial;
    }

    .innovation-img {
        text-align: center;
        margin-bottom: 25px;
    }

    .innovation-img img {
        max-height: 200px;
    }
}

/* ------- core offering slider ------------- */
.core-offering .core-offering-in {
    width: calc(100% - ((100% - min(1500px, 91%)) / 2));
    margin-left: auto;
}

/* Ensure equal consistent height across all core-offering cards */
.core-offering .owl-carousel .owl-stage,
.core-offer-slider.owl-carousel .owl-stage {
    display: flex !important;
    align-items: stretch !important;
}

.core-offering .owl-carousel .owl-item,
.core-offer-slider.owl-carousel .owl-item {
    display: flex !important;
    height: auto !important;
}

.core-offering .owl-item>.item,
.core-offering .item,
.core-offer-slider .owl-item>.item {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    flex: 1 1 auto !important;
}

@media (max-width: 600px) {
    .core-offering .core-offering-in {
        width: 100% !important;
        margin: 0 auto;
    }

    .core-offering .owl-item {
        padding-left: 10px;
    }



    html[dir="rtl"] .core-offering .owl-item {
        padding-left: 0;
        padding-right: 10px;
    }
}

.core-offering .core-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    flex: 1 1 auto !important;
    box-sizing: border-box !important;
    padding: 69px 35px 50px 35px;
    border-radius: 40px;
    min-height: 415px;
    color: #fff;
    background-blend-mode: normal;
    --f2w-order: 0;
    background-image: linear-gradient(#0d0c12 0%, #0d111d 100%);
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg,
            #0D0C12 0%,
            #0D111D 100%);
    box-shadow:
        0 -1.218px 13.156px 0 rgba(13, 180, 249, 0.20) inset,
        0 -36.544px 14.618px -1.218px rgba(13, 180, 249, 0.15) inset,
        0 -29.235px 20.343px -10.963px rgba(255, 255, 255, 0.64) inset,
        0 -41.417px 32.524px -12.181px rgba(13, 180, 249, 0.50) inset,
        0 -121.814px 57.009px -40.199px #1B3777 inset;
    transition: box-shadow 0.5s ease, transform 0.5s ease;
}

.core-offering .core-card:hover {
    background: linear-gradient(180deg,
            #0D0C12 0%,
            #0D111D 100%);

    box-shadow:
        inset 0 -36.544px 14.618px -1.218px rgba(13, 180, 249, 0.15),
        inset 0 -41.417px 32.524px -12.181px rgba(13, 180, 249, 0.50),
        inset 0 -121.814px 57.009px -40.199px #1B3777;
}

.core-card-shade {
    background: radial-gradient(ellipse 80% 80% at 100% 50%, rgb(11 112 175 / 0%) 0%, transparent 60%), radial-gradient(ellipse 60% 60% at 20% 0%, rgb(60 156 233 / 17%) 0%, transparent 60%), radial-gradient(ellipse 50% 70% at 40% 80%, rgb(34 197 94 / 0%) 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 90% 90%, rgb(5 25 44 / 0%) 0%, transparent 60%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 200px;
    height: 200px;
}

html[dir="rtl"] .core-card-shade {
    right: auto;
    left: 0;
}

.card-sm-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0 5px;
}

.card-sm-scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

@media (max-width: 767.98px) {

    .card-sm-scroll {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        padding: 0;
    }

    .card-sm-scroll .row {
        flex-wrap: nowrap;
        margin: 0;
    }

    .card-sm-scroll .card-sm-scroll-scrollable {
        flex: 0 0 87%;
        max-width: 87%;
        padding: 0 10px;
    }

    .card-sm-scroll .card-sm-scroll-scrollable:first-child,
    .card-sm-scroll .card-sm-scroll-scrollable.first-item {
        padding-left: 20px;
        padding-right: 10px;
    }

    .card-sm-scroll .card-sm-scroll-scrollable:last-child {
        padding-right: 20px;
    }

    html[dir="rtl"] .card-sm-scroll .card-sm-scroll-scrollable:first-child,
    html[dir="rtl"] .card-sm-scroll .card-sm-scroll-scrollable.first-item {
        padding-left: 10px;
        padding-right: 20px;
    }

    html[dir="rtl"] .card-sm-scroll .card-sm-scroll-scrollable:last-child {
        padding-left: 20px;
        padding-right: 10px;
    }

    .core-offering .core-card {
        padding: 35px 25px 50px 25px;
    }
}

/* .core-offering .core-card * {
  position: relative;
  z-index: 2;
} */

.core-offering .card-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.core-offering .card-icon svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.core-offering .card-icon svg path {
    stroke: #fff;
    transition: 0.3s ease;
}

.core-offering .core-card:hover .card-icon svg path {
    stroke: var(--primary-color) !important;
}

.core-offering .card-icon img {
    width: 50px !important;
}

.core-offering .core-card h3 {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 20px;
}

.core-offering .core-card:hover h3 {
    color: var(--primary-color);
}

.core-offering .core-card p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #c2c2c3;
}

.core-offering .core-card p:last-child {
    margin-bottom: 0;
}

.core-offering .core-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 40px;
}

.core-header-in {
    max-width: 60%;
}

.core-offering .core-nav button {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid var(--primary-color);
    background: transparent;
    color: var(--primary-color);
    cursor: pointer;
    transition: 0.3s;
}

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

.core-prev,
.core-next {
    display: flex;
    align-items: center;
    justify-content: center;
}

.core-offering .core-nav button:hover {
    background: var(--primary-color);
    color: #fff;
}

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

@media (max-width: 992px) {
    .core-offering .core-card h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .core-offering .core-header {
        margin-bottom: 15px;
    }

    .core-offering .core-header h2 {
        margin-bottom: 10px;
    }

    .core-offering .core-nav button {
        margin-left: 0;
    }
}

@media (max-width: 600px) {
    .core-offering .core-header {
        align-items: center;
    }

    .core-offering .core-card {
        padding: 35px 25px 50px 25px;
        min-height: 380px;
        height: 100% !important;
    }

    .core-offering .card-icon {
        width: 40px;
        height: 40px;
    }

    .core-offering .core-card h3 {
        font-size: 20px;
    }

    .core-offering .core-card p {
        font-size: 14px;
    }

    .core-offering .core-offering-in {
        width: 100% !important;
        margin: 0 auto;
    }

    .core-offering .core-nav button {
        width: 30px;
        height: 30px;
    }

    .core-offering .core-nav button svg {
        font-size: 12px;
    }
}

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

/* --------- END core offering slider ----------- */

/* --------- clients ----------- */
.cleint-main {
    position: relative;
    background-color: white;
}

.cleint-main h4 {
    background: linear-gradient(45deg, #0db4f9 0%, #09427e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 400;
    /* margin-top: 10px; */
    margin-bottom: 30px;
}

.client-container:before,
.client-container:after {
    content: "";
    position: absolute;
    top: 0;
    width: 250px;
    height: 100%;
    z-index: 0;
}

.client-container:before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

.client-container:after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.client-container .bs-slider .item {
    padding: 10px 15px;
    margin: 0px;
    border-radius: 0;
}

.client-container .bs-slider .item img {
    width: 100%;
    height: 80px;
    object-fit: contain;
    margin: 0 auto;
    /* filter: grayscale(100%) brightness(0); */
    transition: 0.4s ease;
    /* opacity: 0.6; */
}

.client-container .bs-slider .item img:hover {
    filter: grayscale(0) brightness(1);
    opacity: 1;
}

.client-container .owl-carousel,
.client-container .owl-stage,
.client-container .owl-stage-outer,
.client-container .owl-item {
    display: block !important;
}

.client-title {
    text-align: center;
    color: #FBAD1C;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;
}

/* .owl-carousel,
.owl-stage,
.owl-stage-outer,
.owl-item {
  display: flex !important;
} */

@media (max-width: 768px) {

    .client-container:before,
    .client-container:after {
        width: 50px;
    }
}

@media (max-width: 600px) {
    .client-container .bs-slider .item img {
        height: 50px;
    }
}

.client-list2 {
    direction: ltr;
}

/* .client-list2-ar {
  direction: ltr;
} */

/* -------- END clients ---------- */

/* -------- all-works---------- */
.all-works .tabs-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.all-works .tabs {
    display: flex;
    align-items: center;
    border-radius: 50px;
    padding: 10px;
    gap: 8px;
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.12);
}

.tab-indicator {
    position: absolute;
    /* top: 5px; */
    left: 0px;
    height: calc(100% - 20px);
    width: 0;
    transform: translateX(0);
    background: var(--gradient);
    border-radius: 50px;
    z-index: 0;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        width 0.35s ease;
    will-change: transform, width;
    pointer-events: none;
}

.all-works .tab-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 15px;
    border-radius: 50px;
    font-size: 17px;
    font-weight: 300;
    cursor: pointer;
    border: none;
    background: transparent;
    color: rgb(255, 255, 255);
    transition: all 0.25s ease;
    letter-spacing: 0.01em;
    white-space: nowrap;
    border: 1px solid #2b2e4a;
    position: relative;
    z-index: 1;
    transition: color 0.3s ease;
}

.all-works .tab-btn.active {
    color: #fff;
    border-color: transparent;
}

.all-works .tab-btn svg {
    width: 15px;
    height: 15px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
    display: none;
}

.all-works .tab-btn.active svg {
    display: block;
}

.all-works .tab-btn:hover {
    /* background: var(--gradient); */
    border-color: var(--primary-color);
}

.all-works .tab-panel {
    display: none;
    /* min-height: 480px; */
}

.all-works .tab-panel.active {
    display: block;
    /* min-height: 480px; */
}


.all-works .tab-panel {
    display: block;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    /* transform: translateY(1px);
  transition: all 0.5s ease; */
}

.all-works .tab-panel.active {
    visibility: visible;
    opacity: 1;
    max-height: 600px;
    /* transform: translateY(0); */
}


/* CASE STUDIES grid */
.case-study-in .owl-stage-outer,
.project-work .owl-stage-outer {
    padding-top: 15px;
}

/* Ensure equal consistent height across all case-study cards */
.case-study-in .owl-carousel .owl-stage,
.case-study-slider.owl-carousel .owl-stage,
.case-study-slider .owl-stage {
    display: flex !important;
    align-items: stretch !important;
}

.case-study-in .owl-carousel .owl-item,
.case-study-slider.owl-carousel .owl-item,
.case-study-slider .owl-item {
    display: flex !important;
    height: auto !important;
    box-sizing: border-box;
}

.case-study-in .owl-item>.item,
.case-study-in .item,
.case-study-slider .owl-item>.item,
.case-study-slider .item {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    flex: 1 1 auto !important;
}

.case-study-slider .item>a {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    flex: 1 1 auto !important;
    text-decoration: none !important;
    color: inherit;
}

@media (max-width: 600px) {

    .case-study-slider .owl-item {
        padding-left: 20px;
    }

    html[dir="rtl"] .case-study-slider .owl-item {
        padding-left: 0;
        padding-right: 20px;
    }
}

.case-study-in .cs-card {
    padding: 13px;
    background: #000;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.07);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    height: 100% !important;
    width: 100% !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box;
}

.case-study-in .cs-card:hover {
    border: 1px solid rgba(13, 180, 249, 0.3);
}

.case-study-in .cs-card-img {
    width: 100%;
    object-fit: cover;
    display: block;
    border-radius: 12px 12px 0 0;
}

.case-study-in .cs-card-img img {
    width: 100%;
    min-height: 215px;
    max-height: 215px;
    object-fit: cover;
    border-radius: 15px;
    border: 1px solid #0db4f924;
}

.case-study-in .cs-body {
    margin-top: 15px;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

.case-study-in .cs-title {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 12px;
    line-height: 1.3;
}

.case-study-in .card-date {
    font-size: 12.5px;
    font-weight: 300;
    color: rgb(219 214 214 / 50%);
    margin-bottom: 12px;
    letter-spacing: 0.01em;
}

.case-study-in .cs-desc {
    font-size: 13px;
    font-weight: 200;
    color: rgb(255, 255, 255);
    line-height: 1.6;
    margin-bottom: 12px;
}

.case-study-in .cs-read {
    font-size: 9.5px;
    font-weight: 400;
    color: #4db8ff;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: gap 0.2s ease;
    margin-top: auto !important;
}

.case-study-in .cs-read:hover {
    gap: 10px;
}

.case-study-in .cs-read svg {
    width: 13px;
    height: 13px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* PROJECTS grid */
/* Ensure equal consistent height across all projects cards */
.project-work .owl-carousel .owl-stage,
.projects-slider.owl-carousel .owl-stage,
.projects-slider .owl-stage {
    display: flex !important;
    align-items: stretch !important;
}

.project-work .owl-carousel .owl-item,
.projects-slider.owl-carousel .owl-item,
.projects-slider .owl-item {
    display: flex !important;
    height: auto !important;
    box-sizing: border-box;
}

.project-work .owl-item>.item,
.project-work .item,
.projects-slider .owl-item>.item,
.projects-slider .item {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    flex: 1 1 auto !important;
}

@media (max-width: 600px) {

    .projects-slider .owl-item {
        padding-left: 20px;
    }

    html[dir="rtl"] .projects-slider .owl-item {
        padding-left: 0;
        padding-right: 20px;
    }
}

.project-work .proj-card-out {
    position: relative;
    max-height: 466px;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    overflow: hidden;
}

.project-work .proj-card {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-work .proj-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.project-work .proj-card:hover img {
    transform: scale(1.06);
}

.project-work .proj-body {
    padding: 25px 30px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%;
    border-radius: 0 0 24px 24px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgb(0 0 0 / 9%) 100%);
}

.project-work h5 {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    font-family: "Montserrat", sans-serif;
}

.project-work p {
    font-size: 12px;
    font-weight: 300;
    color: rgb(255, 255, 255);
    margin: 0;
}

.top-proj-card {
    padding: 25px 30px;
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.left-top-proj-card-item {
    border-radius: 50px;
    padding: 11px 15px;
    background: rgba(0, 0, 0, 0.3);
}

.left-top-proj-card-item a {
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    color: #fff;
    letter-spacing: 0.04em;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    gap: 5px;
    font-family: "Montserrat", sans-serif;
    transition: gap 0.2s ease, color 0.2s ease;
}

.left-top-proj-card-item a svg {
    width: 15px;
    min-width: 15px;
    height: 18px;
}

.right-top-proj-card-item {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 50px;
    padding: 11px 15px;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    font-family: "Montserrat", sans-serif;
}

@media (max-width: 600px) {
    .left-top-proj-card-item {
        padding: 6px 7px;
    }

    .left-top-proj-card-item a {
        font-size: 12px;
    }

    .right-top-proj-card-item {
        font-size: 12px;
        padding: 6px 7px;
        text-align: center;
    }

    .project-work .proj-card-out {
        height: 400px;
        min-height: 400px;
        max-height: 400px;
    }

    .project-work .item {
        height: 400px;
    }

    .project-work .proj-card {
        height: 400px;
    }

    .project-work .proj-card img {
        height: 400px;
        min-height: 400px;
    }

    .project-work h5 {
        font-size: 16px;
    }

    .all-works .tab-btn {
        font-size: 15px;
        padding: 10px 15px;
    }

    .case-study-slider .item .cs-card {
        height: 100% !important;
        min-height: auto !important;
    }
}

@media (max-width: 450px) {
    .top-proj-card {
        padding: 20px;
    }

    .project-work .proj-body {
        padding: 20px;
    }
}

@media (max-width: 400px) {
    .project-work .proj-card-out {
        height: 400px;
        min-height: 400px;
        max-height: 400px;
    }

    .project-work .item {
        height: 400px;
    }

    .project-work .proj-card {
        height: 400px;
    }

    .project-work .proj-card img {
        height: 400px;
        min-height: 400px;
    }
}

/* -------- END all-works---------- */

/* ------------ news-events ---------- */
/* Ensure equal consistent height across all news-events cards */
.news-events .owl-carousel .owl-stage,
.news-events-slider.owl-carousel .owl-stage,
.news-events-slider .owl-stage {
    display: flex !important;
    align-items: stretch !important;
}

.news-events .owl-carousel .owl-item,
.news-events-slider.owl-carousel .owl-item,
.news-events-slider .owl-item {
    display: flex !important;
    height: auto !important;
    box-sizing: border-box;
}

.news-events .owl-item>.item,
.news-events .item,
.news-events-slider .owl-item>.item,
.news-events-slider .item {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    flex: 1 1 auto !important;
}

.news-events-slider .item>a {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    flex: 1 1 auto !important;
    text-decoration: none !important;
    color: inherit;
}

.news-events-slider .item .wrapper {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    flex: 1 1 auto !important;
}

.news-events .article-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 15px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.07);
    transition: border-color 0.3s ease;
    padding: 15px;
    height: 100% !important;
    width: 100% !important;
    flex: 1 1 auto !important;
    box-sizing: border-box;
}

.news-events .article-card:hover {
    background-color: #0db4f952;
}

.news-events .card-img-wrap {
    position: relative;
    overflow: hidden;
    height: 100%;
    border-radius: 15px;
}

.news-events .card-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
    border-radius: 15px;
    border: 1px solid #4db8ff2e;
}

.news-events .article-card:hover .card-img-wrap img {
    transform: scale(1.05);
}

.news-events .card-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
    padding-left: 20px;
    height: 100%;
    flex: 1 1 auto;
}

.news-events .card-title {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    line-height: 1.35;
    margin-bottom: 12px;
    letter-spacing: -0.2px;
}

.news-events .card-date {
    font-size: 13px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.40);
    margin-bottom: 12px;
    letter-spacing: 0.01em;
}

.news-events .card-desc {
    font-size: 13.5px;
    font-weight: 300;
    line-height: 1.6;
    color: rgb(255 255 255 / 80%);
    margin-bottom: 12px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;

    overflow: hidden;
    text-overflow: ellipsis;
}

.news-events .card-content>a,
.news-events .card-content a:has(.read-more),
.news-events .read-more {
    margin-top: auto !important;
}

.news-events .card-content>a {
    display: inline-block;
    padding-top: 10px;
    width: fit-content;
    text-decoration: none;
}

.news-events .read-more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 10px;
    font-weight: 600;
    color: #4db8ff;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    padding-top: 10px;
    transition: gap 0.2s ease, color 0.2s ease;
    width: fit-content;
    font-family: "Montserrat", sans-serif;
}

.news-events .read-more:hover {
    gap: 12px;
    color: #7fd0ff;
}

.news-events .read-more svg {
    width: 13px;
    height: 13px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2.3;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}

@media (max-width: 600px) {

    .news-events-slider .owl-item {
        padding-left: 20px;
    }

    html[dir="rtl"] .news-events-slider .owl-item {
        padding-left: 0;
        padding-right: 20px;
    }

    .news-events .article-card {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        min-height: auto !important;
    }

    .news-events .card-img-wrap {
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
        width: 100% !important;
        margin-bottom: 15px;
        flex-shrink: 0 !important;
    }

    .news-events .card-img-wrap img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
    }

    .news-events .card-content {
        padding-left: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        flex: 1 1 auto !important;
    }

    html[dir="rtl"] .news-events .card-content {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

/* ------------ END news-events ---------- */

/* --- cta -----*/

.cta {
    padding-top: 140px;
}

.cta .core-card {
    background-blend-mode: normal;
    --f2w-order: 0;
    background-image: linear-gradient(#0d0c12 0%, #0d111d 100%);
    border-radius: 46.3px;
    padding: 50px 35px;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 -1.2px 13.2px #6694ff33, inset 0 -36.5px 14.6px -1.2px #2365ff26, inset 0 -29.2px 20.3px -11px #ffffffa3, inset 0 -41.4px 32.5px -12.2px #0db4f980;
    text-align: center;
    position: relative;
    z-index: 7;
}

/* .cta .core-card:hover {
  box-shadow: inset 0 -1.2px 13.2px #6694ff33, inset 0 -36.5px 14.6px -1.2px #2365ff82, inset 0 -29.2px 20.3px -11px #ffffffa3, inset 0 -41.4px 32.5px -2.2px #0d86f957;
} */

.cta .core-card h3 {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 15px;
    font-family: "Montserrat", sans-serif;
}

.cta .core-card p {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
    color: #c7c7c7 !important;
    margin-bottom: 20px;
}

@media (max-width: 600px) {
    .cta .core-card {
        padding: 30px 20px;
        border-radius: 25px;
    }

    .cta .core-card h3 {
        font-size: 20px;
    }

    .cta .core-card p {
        font-size: 14px;
    }
}

/* --- END cta -----*/



/* ------------------------------------------
          inner pages start here
-------------------------------------------*/


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━
      inner page banner
━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.inner-banner {
    position: relative;
    min-height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.inner-banner .banner-text {
    position: relative;
    z-index: 3;
}

.inner-banner .breadcrumb {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.45);
    margin-bottom: 10px;
}

.inner-banner .breadcrumb a,
.inner-banner .breadcrumb span {
    font-size: 12px;
    color: var(--primary-color);
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}

.inner-banner .breadcrumb a {
    color: var(--primary-color);
    text-decoration: none;
    transition: opacity 0.2s;
}

.inner-banner .breadcrumb a:hover {
    opacity: 0.75;
}

.inner-banner .breadcrumb .sep {
    font-size: 15px;
    color: var(--primary-color);
}

.inner-banner .breadcrumb .current {
    color: var(--primary-color);
}

.inner-banner h1 {
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    letter-spacing: -0.5px;
    line-height: 1.15;
    font-family: "Montserrat", sans-serif;
}

.banner-inner-wrapper {
    margin-top: 120px;
    display: flex;
    justify-content: space-between;
    min-height: 260px;
    align-items: center;
    /* border-top: 1px solid #0db4f930; */
}

.banner-sub-img {
    position: relative;
    z-index: 2;
}

.banner-sub-img img {
    height: 240px;
    object-fit: contain;
    margin: 10px 0;
}

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

@media (max-width: 1200px) {
    .inner-banner {
        min-height: 300px;
    }

    .banner-sub-img img {
        width: 300px;
    }
}

@media (max-width: 992px) {
    .inner-banner h1 {
        font-size: 30px;
    }


}

@media (max-width: 768px) {
    .inner-banner {
        min-height: 250px;
    }

    .banner-sub-img img {
        width: 250px;
    }
}

@media (max-width: 600px) {
    .banner-inner-wrapper {
        display: grid;
        margin-top: 30px;
        border-top: 0;
        grid-template-columns: 1fr;
        min-height: 200px;
    }

    .banner-sub-img {
        text-align: center;
    }

    .inner-banner .banner-text {
        order: 1;
    }

    .inner-banner {
        min-height: 300px;
        padding: 48px 0px 15px;
    }

    /*about banner*/
    .about-banner {
        min-height: 220px;
    }

    .about-banner .banner-inner-wrapper {
        min-height: 130px;
    }

    .inner-banner .breadcrumb {
        gap: 2px;
        font-size: 13px;
    }

    .inner-banner .breadcrumb a,
    .inner-banner .breadcrumb span {
        font-size: 12px;
    }

    .inner-banner h1 {
        font-size: 25px;
    }
}

/* --------- ai consulting --------------- */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━
       STICKY SUB-NAV
━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.inner-subnav-wrap {
    position: sticky;
    top: 0;
    z-index: 8;
    border-top: 1px solid #0db4f93b;
    border-bottom: 1px solid #0db4f93b;
    background: #11141F;
    backdrop-filter: blur(12px);
}

.inner-subnav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.inner-subnav-links {
    display: flex;
    align-items: center;
    gap: 0;
    list-style: none;
    padding: 0;
    margin: 0;
}

.inner-subnav-links li a {
    display: block;
    padding: 20px 25px;
    font-size: 12px;
    font-weight: 300;
    color: white;
    text-decoration: none;
    position: relative;
    transition: color 0.2s ease;
    white-space: nowrap;
    font-family: "Montserrat", sans-serif;
}

.inner-subnav-links li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 22px;
    right: 22px;
    height: 2px;
    background: var(--gradient);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s ease;
}

.inner-subnav-links li:first-child a:first-child {
    padding-left: 0;
}

.inner-subnav-links li:first-child a::after {
    left: 0;
}

.inner-subnav-links li a:hover,
.inner-subnav-links li a.active {
    color: #fff;
}

.inner-subnav-links li a.active::after,
.inner-subnav-links li a:hover::after {
    transform: scaleX(1);
}

.inner-subnav-links li a.active::after {
    transform: scaleX(1);
}

.subnav-mob {
    display: none;
}

@media (max-width: 1200px) {
    .inner-subnav-links li a {
        font-size: 14px;
        padding: 20px 15px 20px 25px;
    }
}

/* @media (max-width: 900px) {
  .inner-subnav-links {
    max-width: 900px;
    overflow: scroll;
  }
} */

@media (max-width: 992px) {
    .subnav-desc {
        display: none;
    }

    .subnav-mob {
        display: block;
    }

    .subnav-dropdown {
        position: relative;
        width: 100%;
    }

    .subnav-toggle {
        width: 100%;
        height: 40px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        background:
            linear-gradient(90deg,
                rgba(0, 183, 255, 0.15),
                rgba(0, 0, 0, 0.2));
        color: #fff;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 16px;
        font-weight: 400;
        cursor: pointer;
    }

    .subnav-toggle-text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-right: 10px;
        text-align: left;
    }

    html[dir="rtl"] .subnav-toggle-text {
        margin-right: 0;
        margin-left: 10px;
        text-align: right;
    }

    .inner-subnav-links {
        position: absolute;
        left: 0;
        width: 100%;
        max-height: 75vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        background: #07111f;
        border-radius: 0 0 12px 12px;
        padding: 10px 0;
        list-style: none;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: 0.3s ease;
        z-index: 99;
        display: block;
    }

    .subnav-dropdown.active .inner-subnav-links {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .inner-subnav-links li a {
        font-size: 14px;
        display: block;
        padding: 12px 20px;
        color: #fff;
        text-decoration: none;
        transition: 0.3s ease;
    }

    .inner-subnav-links li a:hover,
    .inner-subnav-links li a.active {
        background: rgba(0, 183, 255, 0.12);
        color: #00B7FF;
    }

    .subnav-toggle i,
    .subnav-toggle svg {
        flex-shrink: 0;
        transition: 0.3s ease;
    }

    .subnav-dropdown.active .subnav-toggle i,
    .subnav-dropdown.active .subnav-toggle svg {
        transform: rotate(180deg);
    }

    .inner-subnav-links li:first-child a:first-child {
        padding-left: 20px;
    }

    .inner-subnav-links li a::after {
        display: none;
    }
}

[id^="section-"],
#overview {
    scroll-margin-top: 50px;
}

@media (max-width: 992px) {

    [id^="section-"],
    #overview {
        scroll-margin-top: 45px;
    }
}

/* ------------ ai-overview ----------*/
.ai-overview .heading {
    width: 80%;
    margin: 0 auto 45px;
}

.ai-overview-in {
    width: 75%;
    margin: 0 auto;
    text-align: center;
}

.ai-tag {
    font-size: 13.5px;
    display: inline-block;
    padding: 10px 27px;
    background: rgba(13, 178, 249, 0.116);
    color: #0DB4F9;
    border-radius: 100px;
    margin-bottom: 35px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
}

.nvidia-card img {
    margin-top: 135px;
    height: 75px;
}

.nvidia-card img {
    max-width: 250px;
    border-radius: 20px;
    border: 2px solid #fff;
}

.computer-overview {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 90%;
    margin: 60px auto 0 auto;
    gap: 35px;
}

.computer-overview-item {
    max-width: 230px;
}

.computer-overview-item h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    font-family: "Montserrat", sans-serif;
}

.computer-overview-item .nvd-logo img {
    width: 150px;
}

.computer-overview-logo img {
    width: 50px;
    margin-bottom: 10px;
}

.ai-factory-about .nvidia-card img {
    border: 0;
    border-radius: 0;
    object-fit: contain;
}

.ai-factory-about .description {
    font-size: 13.5px;
}

@media (max-width: 992px) {
    .ai-overview .heading {
        width: 100%;
        margin-bottom: 20px;
    }

    .nvidia-card img {
        margin-top: 40px;
    }

    .nvidia-card img {
        max-width: 200px;
    }
}

@media (max-width: 768px) {
    .ai-overview-in {
        width: 100%;
    }

    .computer-overview-item h6 {
        margin: 10px 0;
    }
}

@media (max-width: 600px) {
    .ai-tag {
        padding: 7px 10px;
        margin-bottom: 25px;
    }

    .computer-overview {
        display: block;
        max-width: 100%;
    }

    .computer-overview-item {
        max-width: 100%;
        margin: 25px 0;
    }

    .nvidia-card img {
        max-width: 170px;
        height: auto;
        border-radius: 15px;
        border: 1px solid #fff;
    }
}

/* ------------ ai-approach ----------*/
.ai-approach {
    background-color: var(--white);
}

.ai-approach-in {
    border-radius: 50px;
    padding: 50px;
    background: linear-gradient(86deg,
            rgba(206, 241, 255, 0.50) 11.14%,
            rgba(206, 241, 255, 0.04) 113.29%);
    box-shadow: 0 1.197px 29.915px 0 rgba(69, 42, 124, 0.10);
    backdrop-filter: blur(35px);
    -webkit-backdrop-filter: blur(35px);
    transition: 1s;
}

.ai-approach-in:hover {
    box-shadow: 0 1.197px 29.915px 0 rgba(69, 42, 124, 0.227);
    transition: 1s;
}

.left-ai-approach {
    padding-right: 15px;
}

.ai-approach.ai-labs .description-wrap p {
    margin: 0px;
}

.ai-approach.ai-labs .description-wrap p:last-child {
    margin-bottom: 10px;
}

.ai-approach .right-ai-approach {}

.left-ai-approach .heading {
    margin-bottom: 20px;
}

.ai-approach-in .heading {
    color: #000 !important;
    font-weight: 500;
    /* padding-right: 160px; */
}

.ai-approach-in .description {
    padding-right: 36px;
    font-weight: 400;
}

html[dir="rtl"] .ai-approach-in .description {
    padding-right: 0;
    padding-left: 36px;
}

.right-ai-approach img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 40px;
}

.ai-labs .left-ai-approach p span {
    font-weight: 700;
}

@media (max-width: 1400px) {
    /* .ai-approach-in .heading {
    padding-right: 100px;
  } */

    .ai-approach-in .description {
        padding-right: initial;
    }
}

@media (max-width: 1200px) {
    /* .ai-approach-in .heading {
    padding-right: initial;
  } */

    .left-ai-approach {
        padding-right: initial;
    }
}

@media (max-width: 768px) {
    .ai-approach-in {
        border-radius: 15px;
        padding: 20px;
    }
}

/* ------------ ai-consulting ----------*/
.ai-consulting-list-in {
    padding: 0 10px 40px;
}

.ai-consulting-list-item {
    position: relative;
    padding: 25px 40px;
    margin: 0 5px;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    background: linear-gradient(86deg,
            rgba(255, 255, 255, 0.08) 11.14%,
            rgba(255, 255, 255, 0.01) 113.29%);
    height: 100%;
}

.ai-consulting-list-item::before,
.ai-consulting-list-item::after {
    content: "";
    position: absolute;
    inset: 0;
    padding: .5px;
    border-radius: inherit;

    -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: opacity .5s ease;
    pointer-events: none;
}

.ai-consulting-list-item::before {
    background: linear-gradient(90deg, rgb(12 131 255 / 0%), rgb(0 158 255 / 35%));
    opacity: 1;
}


.ai-consulting-list-item::after {
    background: linear-gradient(90deg, rgba(12, 129, 255, 0.89), rgb(0 158 255 / 35%));
    opacity: 0;
}

.ai-consulting-list-item:hover::before {
    opacity: 0;
}

.ai-consulting-list-item:hover::after {
    opacity: 1;
}

.ai-consulting-list-item .icon {
    width: 55px;
    height: 55px;
    margin: 10px auto 35px;
    font-size: 40px;
    color: var(--primary-color);
}

.ai-consulting-list-item .icon svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    stroke: #fff;
    transition: 0.3s ease;
}

/* .ai-consulting-list-item:hover .icon svg {
  stroke: var(--primary-color) !important;
} */
.ai-consulting-list-item .icon svg path {
    stroke: #fff;
    transition: stroke 0.3s ease;
}

.ai-consulting-list-item:hover .icon svg path {
    stroke: var(--primary-color);
}

.ai-consulting-list-item h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 16px;
    font-family: "Montserrat", sans-serif;
}

.ai-consulting-list-item:hover h4 {
    color: var(--primary-color);
}

.ai-consulting-list-item p {
    font-size: 14px;
    font-weight: 400;
    color: #d1d1d1;
    line-height: 1.5;
}

.ai-consulting-list-item p span {
    font-weight: 600;
    color: #fff;
}

.ai-consulting .ai-consulting-list-in .ai-consulting-list-item {
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 100%;
}

.ai-consulting .ai-consulting-list-in .ai-consulting-list-item .icon {
    font-weight: 500;
    font-size: 43px;
}

@media (max-width: 1200px) {
    .ai-consulting-list-in {
        padding: 0 7px 25px;
    }

    .ai-consulting-list-item {
        padding: 41px 15px;
    }
}

@media (max-width: 768px) {
    .ai-consulting-list-item {
        padding: 20px 15px;
    }
}


/* --------- execution-ai-in ------------ */
.execution-ai-in {
    padding: 60px;
    border-radius: 40px;
    min-height: 700px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border: 1px solid #0db4f945;
    background: #020b1e url('../img/ai-med.webp') center / cover no-repeat;
}

/* .execution-ai-in:hover {
    border: 1px solid var(--primary-color);
} */

/* Background layer */
.execution-ai-card {
    position: relative;
    z-index: 10;
    max-width: 750px;
    padding: 22px 22px 20px;
    border-radius: 30px;
    background: linear-gradient(0deg, rgb(0 0 0 / 64%) 0%, rgb(0 0 0 / 61%) 100%);
    backdrop-filter: blur(2px);
    border: 1px solid rgb(13 180 249 / 25%);
    color: #fff;
}

.execution-ai-in video,
.execution-ai-in .execution-ai-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.execution-ai-card .ai-tag {
    background: rgba(13 180 249 / 7%);
}

.execution-ai-card .description {
    text-align: justify;
    font-weight: 400;
}

.remove-container {
    width: 100%;
}

@media (max-width: 992px) {
    .execution-ai-in {
        padding: 75px 20px !important;
    }

    .execution-ai-card {
        position: relative;
        max-width: 100%;
        padding: 30px 20px;
        border: 1px solid #0db4f945;
        border-radius: 25px !important;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.632) 0%, rgba(0, 0, 0, 0.664) 100%);
    }

    .execution-ai-in {
        border-radius: 0px;
        padding: 30px;
    }

    .execution-ai-card .description {
        text-align: initial;
    }
}

@media (max-width: 600px) {
    .execution-ai-in {
        border: 0;
        min-height: auto;
    }
}

/* --------- END execution-ai-in ------------ */

/* ------------- faq ------------- */
.faq-sec-outer {
    position: relative;
    background: #FFF;
    padding: 130px 0px;
}

.accordion-item:not(:first-of-type) {
    border: none !important;
}

.accordion-item:focus-visible {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.faq-header {
    margin-bottom: 2rem;
}

.faq-header h3 {
    color: var(--black-color);
}

.faq-header p {
    font-size: 14px;
    font-weight: 300;
    color: #888888;
    margin-bottom: 0;
}

.left-faq {
    padding-right: 70px;
    position: relative;
    z-index: 2;
}

.accordion {
    border-radius: 15px;
    background-color: var(--black-color);
}

.accordion-item {
    border: none;
    margin-top: 1rem;
    border-radius: 15px !important;
    overflow: hidden;
    border-bottom: 1px solid #e3e3e329 !important;
    transition: all 0.1s ease;
    background: linear-gradient(123deg, #eceef500 0%, rgb(206 241 255 / 27%) 100%);
}

.faq-white-bg .accordion-item:has(.accordion-collapse.show) {
    background: linear-gradient(90deg, rgb(249, 252, 254) 0%, rgb(229, 247, 255) 100%) !important;
    box-shadow: rgb(0 0 0 / 10%) 0px 18px 30px !important;
    transition: 0.1s !important;
}

.accordion-body p {
    margin: 0px !important;
}


.left-faq .accordion-button {
    background: transparent;
    border: 1px solid transparent;
    padding: 1.5rem 1.5rem 1.5rem;
    box-shadow: none;
    border-radius: 15px !important;
    position: relative;
    line-height: 30px;
    align-items: initial;
}

.left-faq .accordion-button .accrd-head {
    font-size: 17px;
    font-weight: 400;
    /* line-height: 1.5; */
    color: #081226;
    font-family: "Montserrat", sans-serif;
}

.left-faq .accordion-button.collapsed {
    padding: 1.5rem 1.5rem 1.5rem;
}

.faq-white-bg .accordion-button.collapsed {
    background: rgb(245 251 255 / 34%) !important;
    border: 1px solid #00000005;
}

.left-faq .accordion-button:focus,
.left-faq .accordion-button:active,
.accordion-button:focus,
.accordion-button:active,
.accordion-button:focus-visible,
.accordion-button:not(.collapsed) {
    box-shadow: none !important;
    outline: none !important;
    border-color: transpare nt !important;
}

.accordion-button:hover {
    z-index: 1 !important;
}

.left-faq .accordion-button::after {
    content: '+';
    font-size: 3rem;
    font-weight: 200;
    background: none;
    border: none;
    width: 20px;
    height: 30px;
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
    color: var(--primary-color) !important;
}

.left-faq .accordion-button:not(.collapsed)::after {
    content: '\00D7';
    /* font-size: 2.5rem; */
    color: var(--primary-color);
}

.left-faq .accordion-body {
    font-size: 13.5px;
    font-weight: 400;
    line-height: 1.5;
    padding: 0 1.5rem 1.8rem;
    background: transparent;
    color: #556482;
}

.accrd-head {
    padding-right: 25px;
}

.accrd-head p {
    margin: 0px !important;
}

/* .right-faq-img {
  height: 100%;
} */

.right-faq-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 40px;
    max-height: 690px;
}

.faq-dark-sec-outer .accordion-item {
    background: #16151538;
    border: 1px solid rgb(13 178 247 / 42%) !important;
    box-shadow: 1px 11px 10px 0px rgb(0 54 92 / 26%);
}

.faq-dark-sec-outer .accordion-item:has(.accordion-button.collapsed) {
    border: 1px solid rgba(13, 177, 247, 0) !important;
    box-shadow: none;
}

/* .iot-faq .right-faq-img img {
  min-height: 600px;
  max-height: 600px;
} */
/* .faq-latest .right-faq-img img {
    max-height: 635px;
    min-height: 635px;
} */

.faq-dark-sec-outer .accordion-button.collapsed {
    color: var(--primary-color) !important;
    border: 1px solid rgba(13, 177, 247, 0) !important;
}

.faq-dark-sec-outer .left-faq .accordion-body {
    color: #a4a4a4;
}

.real-engineer-item {
    padding: 30px 20px;
    margin-bottom: 1rem;
    border-radius: 10px;
    background: linear-gradient(90deg, #F9FCFE 0%, #E5F7FF 100%);
}

.real-engineer-item h6 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}

@media (max-width: 1200px) {
    .left-faq {
        padding-right: 15px;
    }
}

@media (max-width: 992px) {
    .right-faq-img {
        text-align: center;
    }

    .right-faq-img img {
        height: 500px;
        width: auto;
        margin-top: 20px;
    }
}

@media (max-width: 600px) {
    .right-faq-img img {
        height: auto;
        width: 100%;
        border-radius: 20px;
    }

    .left-faq .accordion-button::after {
        font-size: 1.5rem;
    }

    .left-faq .accordion-body {
        padding: 15px;
    }

    .left-faq .accordion-button {
        padding: 15px;
    }

    .left-faq .accordion-button.collapsed {
        padding: 15px;
    }
}

/* ------------- END faq ------------- */



/* ------------- faq third ------------- */
.faq-third-outer .faq-third-item {
    padding: 30px 20px;
    margin-bottom: 1rem;
    border-radius: 10px;
    border: 1px solid #090B14;
    background: linear-gradient(90deg, #090B14 0%, #090B14 100%);
}

.faq-third-outer .faq-third-item:hover {
    border: 1px solid var(--primary-color);
    box-shadow: 0px 10px 80px rgb(13 180 249 / 8%);
}

.faq-third-outer .faq-third-item h6 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 0;
    display: flex;
}

.faq-third-outer .faq-third-item h6 span {
    margin-right: 10px;
}

@media (max-width: 600px) {
    .faq-third-outer .faq-third-item {
        padding: 15px;
        margin-bottom: 10px;
    }

    .faq-third-outer .faq-third-item h6 {
        font-size: 14px;
    }
}

/* ------------- END faq third ------------- */





/* ------------- AI Infrastructure ------------- */

.infrastructure-wrapper-main {
    /* backdrop-filter: blur(70px);
  box-shadow: 0 1px 30px 0 rgba(69, 42, 124, 0.1);
  background: linear-gradient(123deg, rgb(255 255 255 / 4%) 0%, rgba(255, 255, 255, 4%) 100%); */
    padding: 110px;
    border-radius: 40px;
    background: linear-gradient(86deg,
            rgba(255, 255, 255, 0.08) 11.14%,
            rgba(255, 255, 255, 0.01) 113.29%);
    box-shadow: 0 1.197px 29.915px 0 rgba(69, 42, 124, 0.10);
    backdrop-filter: blur(35px);
    -webkit-backdrop-filter: blur(35px);
    margin-top: 50px;
}

.infrastructure-wrapper-main::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 40px;
    padding: 1px;
    background: linear-gradient(89deg, #162845, #0F4566);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.infrastructure-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    /* width: 960px; */
    min-height: 600px;
    height: 100%;
    gap: 6px;
    padding: 10px;
    margin: auto;
}

.infrastructure-wrapper__panel {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    transition: flex 0.65s cubic-bezier(0.77, 0, 0.18, 1);
    flex: 0 0 70px;
    transition: .5s;
}

.infrastructure-wrapper__panel.active {
    flex: 1 1 auto;
    cursor: default;
    transition: .5s;
}

/* collapsed label */
.infrastructure-wrapper__panel-label {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: self-end;
    justify-content: center;
    z-index: 3;
    opacity: 1;
    transition: opacity 0.2s ease 0s;
    pointer-events: none;
    padding-bottom: 30px;
}

.infrastructure-wrapper__panel.active .infrastructure-wrapper__panel-label {
    opacity: 0;
}

.infrastructure-wrapper__panel-label span {
    font-size: 12px;
    font-weight: 600;
    /* letter-spacing: 0.13em; */
    /* text-transform: uppercase; */
    color: #fff;
    white-space: nowrap;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
}

/* expanded inner — row on desktop */
.infrastructure-wrapper__panel-inner {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease 0s;
    z-index: 3;
}

.infrastructure-wrapper__panel.active .infrastructure-wrapper__panel-inner {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.4s ease 0.38s;
}

/* image side */
.infrastructure-wrapper__panel-img {
    flex: 0 0 58%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.infrastructure-wrapper__img-placeholder {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.infrastructure-wrapper__img-placeholder img {
    width: 100%;
    object-fit: cover;
    height: 100%;

}

.infrastructure-wrapper__img-placeholder::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.05), transparent);
    animation: shimmer 2.5s infinite;
}

@keyframes shimmer {
    0% {
        left: -80%;
    }

    100% {
        left: 140%;
    }
}

/* divider desktop */
.infrastructure-wrapper__panel-divider {
    width: 1px;
    margin: 20px 0;
    background: rgba(255, 255, 255, 0.08);
    flex-shrink: 0;
}

/* text side */
.infrastructure-wrapper__panel-text {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 24px 40px 50px 40px;
    overflow-y: auto;
    position: relative;
}

.infrastructure-wrapper__panel-title {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.35;
    /* writing-mode: vertical-rl;
  transform: rotate(180deg); */
    min-height: auto;
}

.infrastructure-wrapper__panel-body {
    font-size: 13px;
    line-height: 1.5;
    color: #ffffff;
    font-weight: 300;
    margin-bottom: 0;
    margin-right: 45px;
}

.infrastructure-wrapper__panel-list {
    list-style: none;
    margin-top: 12px;
}

/* bottom glow bar */
.infrastructure-wrapper__panel::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 0 0 12px 12px;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.infrastructure-wrapper__panel.active::after {
    opacity: 1;
}

/* ══════════ THEMES ══════════ */
.infrastructure-wrapper__panel--1 .infrastructure-wrapper__panel-text {
    position: relative;
    background-blend-mode: normal;
    --f2w-order: 1;
    background: linear-gradient(180deg,
            #0D0C12 0%,
            #0D111D 100%);

    box-shadow:
        inset 0 -1.218px 13.156px rgba(41, 181, 46, 0.20),
        inset 0 -36.544px 14.618px -1.218px rgba(41, 181, 46, 0.15),
        inset 0 -29.235px 20.343px -10.963px rgba(255, 255, 255, 0.64),
        inset 0 -41.417px 32.524px -12.181px rgba(50, 41, 181, 0.50),
        inset 0 -121.814px 57.009px -40.199px #29B52E;
}

.infrastructure-wrapper__panel--1 {
    background: linear-gradient(180deg,
            #0D0C12 0%,
            #0D111D 100%);

    box-shadow:
        inset 0 -1.218px 13.156px rgba(41, 181, 46, 0.20),
        inset 0 -36.544px 14.618px -1.218px rgba(41, 181, 46, 0.15),
        inset 0 -29.235px 20.343px -10.963px rgba(255, 255, 255, 0.64),
        inset 0 -41.417px 32.524px -12.181px rgba(50, 41, 181, 0.50),
        inset 0 -121.814px 57.009px -40.199px #29B52E;
}

.infrastructure-wrapper__panel--1 .infrastructure-wrapper__bg-glow {
    position: absolute;
    bottom: -30px;
    right: -20px;
    width: 220px;
    height: 220px;
    background: radial-gradient(circle, rgba(80, 200, 40, 0.16) 0%, transparent 70%);
    pointer-events: none;
}

.infrastructure-wrapper__panel--1::after {
    background: linear-gradient(90deg, transparent, #76d44a, transparent);
}

.infrastructure-wrapper__panel--2 .infrastructure-wrapper__panel-text {
    background-blend-mode: normal;
    --f2w-order: 1;
    background-image: linear-gradient(#120a0b 0%, #1b0a03 100%);
    box-shadow: inset 0 -1.2px 13.2px #ffed6633, inset 0 -36.5px 14.6px -1.2px #ffe9b12b, inset 0 -45.1px 19.5px -43.9px #ffffff40, inset 0 -41.4px 32.5px -18.3px #ff7e7e80, inset 0 -121.8px 57px -36.5px #bb0f11;
}

.infrastructure-wrapper__panel--2 {
    background-image: linear-gradient(#120a0b 0%, #1b0a03 100%);
    box-shadow: inset 0 -1.2px 13.2px #ffed6633, inset 0 -36.5px 14.6px -1.2px #ffe9b12b, inset 0 -45.1px 19.5px -43.9px #ffffff40, inset 0 -41.4px 32.5px -18.3px #ff7e7e80, inset 0 -121.8px 57px -36.5px #bb0f11;
}

.infrastructure-wrapper__panel--2 .infrastructure-wrapper__bg-glow {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 260px;
    background: radial-gradient(ellipse, rgba(220, 50, 30, 0.22) 0%, transparent 70%);
    pointer-events: none;
}

.infrastructure-wrapper__panel--2::after {
    background: linear-gradient(90deg, transparent, #ff5533, transparent);
}

.infrastructure-wrapper__panel--3 .infrastructure-wrapper__panel-text {
    background-blend-mode: normal;
    --f2w-order: 2;
    background-image: linear-gradient(#100b16 0%, #0f0220 100%);
    box-shadow: inset 0 -1.2px 13.2px #ee36ff33, inset 0 -28px 14.6px -1.2px #6f1bff2b, inset 0 -57.3px 19.5px -40.2px #ffffffb3, inset 0 -36.5px 32.5px -32.9px #b700ff80, inset 0 -121.8px 56.4px -36.5px #5b0f6e;
}

.infrastructure-wrapper__panel--3 {
    background-image: linear-gradient(#100b16 0%, #0f0220 100%);
    box-shadow: inset 0 -1.2px 13.2px #ee36ff33, inset 0 -28px 14.6px -1.2px #6f1bff2b, inset 0 -57.3px 19.5px -40.2px #ffffffb3, inset 0 -36.5px 32.5px -32.9px #b700ff80, inset 0 -121.8px 56.4px -36.5px #5b0f6e;
}

.infrastructure-wrapper__panel--3 .infrastructure-wrapper__bg-glow {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 260px;
    background: radial-gradient(ellipse, rgba(130, 60, 220, 0.22) 0%, transparent 70%);
    pointer-events: none;
}

.infrastructure-wrapper__panel--3::after {
    background: linear-gradient(90deg, transparent, #9955ff, transparent);
}

.infrastructure-wrapper__panel--4 .infrastructure-wrapper__panel-text {
    background-blend-mode: normal;
    --f2w-order: 3;
    background-image: linear-gradient(#0d0c12 0%, #0d111d 100%);
    box-shadow: inset 0 -1.2px 13.2px #0db4f933, inset 0 -36.5px 14.6px -1.2px #0db4f926, inset 0 -29.2px 20.3px -11px #ffffffa3, inset 0 -41.4px 32.5px -12.2px #0db4f980, inset 0 -121.8px 57px -40.2px #1b3777;
}

.infrastructure-wrapper__panel--4 {
    background-image: linear-gradient(#0d0c12 0%, #0d111d 100%);
    box-shadow: inset 0 -1.2px 13.2px #0db4f933, inset 0 -36.5px 14.6px -1.2px #0db4f926, inset 0 -29.2px 20.3px -11px #ffffffa3, inset 0 -41.4px 32.5px -12.2px #0db4f980, inset 0 -121.8px 57px -40.2px #1b3777;
}

.infrastructure-wrapper__panel--4 .infrastructure-wrapper__bg-glow {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 260px;
    background: radial-gradient(ellipse, rgba(50, 80, 220, 0.25) 0%, transparent 70%);
    pointer-events: none;
}

.infrastructure-wrapper__panel--4::after {
    background: linear-gradient(90deg, transparent, #4466ff, transparent);
}


/* color */
.infrastructure-wrapper__panel--1 .infrastructure-wrapper__img-placeholder::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px 0 0 20px;
    padding: 1px;
    background: linear-gradient(-87deg, #005c8a, #587013);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.infrastructure-wrapper__panel--1 .infrastructure-wrapper__panel-color {
    background: radial-gradient(ellipse 80% 80% at 100% 50%, rgb(11 112 175 / 0%) 0%, transparent 60%), radial-gradient(ellipse 90% 60% at 18% 0%, rgb(188 248 85 / 21%) 0%, transparent 60%), radial-gradient(ellipse 50% 70% at 40% 80%, rgb(34 197 94 / 0%) 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 90% 90%, rgb(5 25 44 / 0%) 0%, transparent 60%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 150px;
    height: 100px;
}

.infrastructure-wrapper__panel--2 .infrastructure-wrapper__img-placeholder::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px 0 0 20px;
    padding: 1px;
    background: linear-gradient(269deg, #0db2f900, #840d0c);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.infrastructure-wrapper__panel--2 .infrastructure-wrapper__panel-color {
    background: radial-gradient(ellipse 80% 80% at 100% 50%, rgb(11 112 175 / 0%) 0%, transparent 60%), radial-gradient(ellipse 90% 60% at 18% 0%, rgb(67 27 26) 0%, transparent 60%), radial-gradient(ellipse 50% 70% at 40% 80%, rgb(34 197 94 / 0%) 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 90% 90%, rgb(5 25 44 / 0%) 0%, transparent 60%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 150px;
    height: 100px;
}

.infrastructure-wrapper__panel--3 .infrastructure-wrapper__img-placeholder::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px 0 0 20px;
    padding: 1px;
    background: linear-gradient(269deg, #0db2f900, #7f11a5);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.infrastructure-wrapper__panel--3 .infrastructure-wrapper__panel-color {
    background: radial-gradient(ellipse 80% 80% at 100% 50%, rgb(11 112 175 / 0%) 0%, transparent 60%), radial-gradient(ellipse 90% 60% at 18% 0%, rgb(84 14 102 / 70%) 0%, transparent 60%), radial-gradient(ellipse 50% 70% at 40% 80%, rgb(34 197 94 / 0%) 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 90% 90%, rgb(5 25 44 / 0%) 0%, transparent 60%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 150px;
    height: 100px;
}

.infrastructure-wrapper__panel--4 .infrastructure-wrapper__img-placeholder::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px 0 0 20px;
    padding: 1px;
    background: linear-gradient(269deg, #0db2f900, #0e59ae);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.infrastructure-wrapper__panel--4 .infrastructure-wrapper__panel-color {
    background: radial-gradient(ellipse 80% 80% at 100% 50%, rgb(11 112 175 / 0%) 0%, transparent 60%), radial-gradient(ellipse 90% 60% at 18% 0%, rgb(26 74 135 / 65%) 0%, transparent 60%), radial-gradient(ellipse 50% 70% at 40% 80%, rgb(34 197 94 / 0%) 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 90% 90%, rgb(5 25 44 / 0%) 0%, transparent 60%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 150px;
    height: 100px;
}

.infrastructure-wrapper__panel--5 .infrastructure-wrapper__panel-text {
    background-blend-mode: normal;
    --f2w-order: 3;
    background-image: linear-gradient(#0d0c12 0%, #0d111d 100%);
    box-shadow: inset 0 -1.2px 13.2px #f9c20d33, inset 0 -36.5px 14.6px -1.2px #f9c20d26, inset 0 -29.2px 20.3px -11px #ffffffa3, inset 0 -41.4px 32.5px -12.2px #f9c20d80, inset 0 -121.8px 57px -40.2px #f9c20d;
}

.infrastructure-wrapper__panel--5 {
    background-image: linear-gradient(#0d0c12 0%, #0d111d 100%);
    box-shadow: inset 0 -1.2px 13.2px #f9c20d33, inset 0 -36.5px 14.6px -1.2px #f9c20d26, inset 0 -29.2px 20.3px -11px #ffffffa3, inset 0 -41.4px 32.5px -12.2px #f9c20d80, inset 0 -121.8px 57px -40.2px #f9c20d;
}

.infrastructure-wrapper__panel--5 .infrastructure-wrapper__bg-glow {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 260px;
    background: radial-gradient(ellipse, rgba(50, 80, 220, 0.25) 0%, transparent 70%);
    pointer-events: none;
}

.infrastructure-wrapper__panel--5::after {
    background: linear-gradient(90deg, transparent, #4466ff, transparent);
}

.infrastructure-wrapper__panel--5 .infrastructure-wrapper__img-placeholder::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px 0 0 20px;
    padding: 1px;
    background: linear-gradient(269deg, #0db2f900, #d4a70f);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.infrastructure-wrapper__panel--5 .infrastructure-wrapper__panel-color {
    background: radial-gradient(ellipse 80% 80% at 100% 50%, rgb(11 112 175 / 0%) 0%, transparent 60%), radial-gradient(ellipse 90% 60% at 18% 0%, rgb(239 188 19 / 19%) 0%, transparent 60%), radial-gradient(ellipse 50% 70% at 40% 80%, rgb(34 197 94 / 0%) 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 90% 90%, rgb(5 25 44 / 0%) 0%, transparent 60%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 150px;
    height: 100px;
}


@media (max-width: 1350px) {
    .infrastructure-wrapper__panel-img {
        flex: 0 0 50%;
    }

    .infrastructure-wrapper-main {
        padding: 40px;
    }
}

@media (max-width: 992px) {
    .infrastructure-wrapper-main {
        padding: 20px;
        border-radius: 15px;
    }

    .infrastructure-wrapper-main::before {
        border-radius: 20px;
    }

    .infrastructure-wrapper {
        flex-direction: column;
        width: 100%;
        height: auto;
        gap: 8px;
        padding: 0px;
    }

    /* each infrastructure-wrapper__panel: collapsed = 52px tall header, expanded = auto */
    .infrastructure-wrapper__panel {
        flex: none !important;
        width: 100%;
        height: 52px;
        border-radius: 10px;
        transition: height 0.6s cubic-bezier(0.77, 0, 0.18, 1);
        overflow: hidden;
    }

    .infrastructure-wrapper__panel.active {
        height: auto;
    }

    /* collapsed label — horizontal on mobile */
    .infrastructure-wrapper__panel-label {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 52px;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 16px;
    }

    .infrastructure-wrapper__panel-label span {
        writing-mode: horizontal-tb;
        transform: none;
        font-size: 11px;
        letter-spacing: 0.1em;
    }

    /* chevron arrow */
    .infrastructure-wrapper__panel-label::after {
        content: '\203A';
        font-size: 30px;
        font-weight: 100;
        color: rgba(255, 255, 255, 0.5);
        transition: transform 0.35s ease;
        line-height: 1;
    }

    .infrastructure-wrapper__panel.active .infrastructure-wrapper__panel-label::after {
        transform: rotate(90deg);
    }

    .infrastructure-wrapper__panel--1 .infrastructure-wrapper__img-placeholder::before,
    .infrastructure-wrapper__panel--2 .infrastructure-wrapper__img-placeholder::before,
    .infrastructure-wrapper__panel--3 .infrastructure-wrapper__img-placeholder::before,
    .infrastructure-wrapper__panel--4 .infrastructure-wrapper__img-placeholder::before,
    .infrastructure-wrapper__panel--5 .infrastructure-wrapper__img-placeholder::before {
        border-radius: 10px 10px 0 0;
    }

    /* expanded inner — column on mobile: image top, content bottom */
    .infrastructure-wrapper__panel-inner {
        position: static;
        flex-direction: column;
        opacity: 0;
        pointer-events: none;
        /* padding-top: 52px; */
        /* offset the collapsed header height */
        transition: opacity 0.15s ease 0s;
    }

    .infrastructure-wrapper__panel.active .infrastructure-wrapper__panel-inner {
        opacity: 1;
        pointer-events: auto;
        transition: opacity 0.4s ease 0.25s;
    }

    /* image — TOP on mobile */
    .infrastructure-wrapper__panel-img {
        flex: none;
        width: 100%;
        height: 500px;
    }

    .infrastructure-wrapper__img-placeholder {
        height: 100%;
    }

    /* horizontal divider on mobile */
    .infrastructure-wrapper__panel-divider {
        width: auto;
        height: 1px;
        margin: 0 14px;
    }

    /* text — BOTTOM on mobile */
    .infrastructure-wrapper__panel-text {
        flex: none;
        padding: 14px 16px 20px;
        justify-content: flex-start;
        overflow: visible;
    }

    .infrastructure-wrapper__panel-title {
        font-size: 13px;
        margin-bottom: 8px;
        writing-mode: horizontal-tb;
        transform: none;
    }

    .infrastructure-wrapper__panel-body {
        font-size: 12px;
        line-height: 1.7;
        margin-right: initial;
    }

    /* bottom glow bar stays */
    .infrastructure-wrapper__panel::after {
        border-radius: 0 0 10px 10px;
    }

    .stats-section .stat-card {
        height: auto;
        margin-bottom: 10px;
    }


    /* .infrastructure-wrapper__img-placeholder img {
    object-fit: contain;
  } */
}

@media (max-width: 600px) {
    .infrastructure-wrapper__panel-img {
        height: 380px;
    }

    .infrastructure-wrapper__panel-label span {
        white-space: wrap;
    }
}

/* ------------- AI Infrastructure ------------- */


/* ------- prof-services ------------- */
.prof-services .owl-carousel .owl-stage,
.prof-services-slider.owl-carousel .owl-stage {
    display: flex !important;
    align-items: stretch !important;
}

.prof-services .owl-carousel .owl-item,
.prof-services-slider.owl-carousel .owl-item {
    display: flex !important;
    height: auto !important;
}

.prof-services .owl-item>.item,
.prof-services .item,
.prof-services-slider .owl-item>.item {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    flex: 1 1 auto !important;
}

.prof-services .core-card {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 30px;
    border-radius: 30px;
    min-height: 350px;
    height: 100%;
    color: #fff;
    background-blend-mode: normal;
    --f2w-order: 0;
    background-image: linear-gradient(#0d0c12 0%, #0d111d 100%);
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 -1.2px 13.2px #6694ff33, inset 0 -36.5px 14.6px -1.2px #2365ff26, inset 0 -29.2px 20.3px -11px #ffffffa3, inset 0 -35.4px 19.5px -12.2px #0db4f980;
}

.prof-services .core-card:hover {
    background: linear-gradient(180deg, #0D0C12 0%, #0D111D 100%);
    box-shadow: 0 -1.038px 11.205px 0 rgba(13, 180, 249, 0.20) inset, 0 -31.126px 12.45px -1.038px rgba(13, 180, 249, 0.15) inset, 0 -24.901px 17.327px -9.338px rgba(255, 255, 255, 0.64) inset, 0 -35.276px 27.702px -10.375px rgba(13, 180, 249, 0.50) inset, 0 -103.752px 48.556px -34.238px #1B3777 inset;
}

.prof-services .card-icon {
    margin-bottom: 15px;
    color: #fff;
    height: 190px;
}

.prof-services .card-icon img {
    width: 100%;
    max-height: 190px;
    height: 100%;
    object-fit: cover;
    border-radius: 25px;
    transition: max-height 0.4s ease-in-out;
}

.prof-services .core-card:hover .card-icon img {
    max-height: 180px;
}

.prof-services .core-card h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 8px;
    font-family: "Montserrat", sans-serif;
    transition: transform 0.4s ease-in-out;
}

.prof-services .core-card p {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0;
    transition: transform 0.4s ease-in-out;
}

.prof-services .core-card:hover h3,
.prof-services .core-card:hover p {
    transform: translateY(-10px);
}

.prof-services .core-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

/* .prof-services .core-header h3 {
  color: var(--white);
  margin-bottom: 0;
} */
.prof-services .core-nav button {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid var(--primary-color);
    background: transparent;
    color: var(--primary-color);
    /* margin-left: 10px; */
    cursor: pointer;
    transition: 0.3s;
}

.prof-services .core-nav button:hover {
    background: var(--primary-color);
    color: #fff;
}




@media (max-width: 600px) {
    .prof-services .core-header {
        margin-bottom: 15px;
    }

    .prof-services .core-card h3 {
        font-size: 18px;
    }

    .prof-services .core-header h3 {
        margin-bottom: 10px;
    }

    .prof-services .core-nav button {
        margin-left: 0;
    }

    .prof-services .core-nav button {
        width: 35px;
        height: 35px;
    }
}

/* --------- END prof-services ----------- */

/* ------------- ai-journey -------------- */
.ai-journey {
    padding: 60px 0;
    position: relative;
    background: radial-gradient(circle at 30% 50%, #000000 0%, #000000 60%);
    overflow: hidden;
}

.left-ai-journey-card-in {
    position: relative;
}

/* .ai-journey-card-in-color {
  position: absolute;
  left: 10%;
  top: 50%;
  transform: translateY(-50%);
  width: 520px;
  height: 750px;
  background: radial-gradient(circle, #31248552 0%, transparent 70%), radial-gradient(circle, #0db4f912 20%, transparent 80%);
  filter: blur(50px);
  pointer-events: none;
  z-index: 1;
} */
.ai-journey-card-in-color {
    position: absolute;
    left: 13%;
    top: 50%;
    /* transform: translateY(-50%); */
    transform: translate(-13%, -50%);
    width: 1020px;
    height: 750px;
    background: radial-gradient(circle, #31248566 0%, transparent 70%), radial-gradient(circle, #0db4f912 20%, transparent 80%);
    filter: blur(50px);
    pointer-events: none;
    z-index: 1;
}

.ai-journey-card {
    backdrop-filter: blur(13.899999618530273px);
    background: rgb(0 0 0 / 30%);
    padding: 27px 50px;
    border-radius: 30px;
    border: 1px solid #1a1e5b6e;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
    /* box-shadow: rgb(47 60 144 / 15%) 26px 29px 29px 0px; */
}


.ai-journey-card:hover {
    border-color: #02507199;
    /* background: rgba(0, 0, 0, 0.182); */
}

.ai-journey-card-img {
    text-align: end;
}

.ai-journey-card-img img {
    height: 490px;
    object-fit: contain;
    filter: brightness(1.2) contrast(1.2);
}

.ai-journey-card .heading {
    padding-right: 240px;
    font-size: 32px;
    line-height: 1.5;
    margin-top: -15px;
}

@media (max-width: 1350px) {
    .ai-journey-card .heading {
        padding-right: 170px;
    }
}

@media (max-width: 1200px) {
    .ai-journey-card {
        margin-right: initial;
    }

    .ai-journey-card .heading {
        padding-right: initial;
    }
}

@media (max-width: 992px) {
    .ai-journey-wrapper {
        background: radial-gradient(ellipse 80% 80% at 100% 50%, rgb(11 112 175 / 0%) 0%, transparent 60%), radial-gradient(ellipse 38% 80% at 45% 15%, rgb(4 103 180 / 55%) 0%, transparent 60%), radial-gradient(ellipse 50% 70% at 40% 80%, rgb(34 197 94 / 0%) 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 90% 90%, rgb(5 25 44 / 0%) 0%, transparent 60%);
    }

    .ai-journey-card-img {
        text-align: center;
    }

    .prof-services .owl-item {
        padding-left: 20px;
    }

    html[dir="rtl"] .prof-services .owl-item {
        padding-right: 20px;
        padding-left: 0;
    }
}

@media (max-width: 600px) {
    .ai-journey-card {
        padding: 30px 20px;
    }

    .ai-journey-card-img img {
        height: 300px;
    }
}

/* ------------- END ai-journey -------------- */


/* ------- ai-enterprises ------------- */
.ai-enterprises {
    background-color: white;
}

.enterprises-card-out {
    margin-top: 30px;
}

.ai-enterprises .enterprises-card {
    position: relative;
    border-radius: 40px;
    overflow: hidden;
    height: 320px;
    margin: 0 3px;
    cursor: pointer;
}

.enterprises-card .enterprises-icon {
    position: absolute;
    inset: 0;
}

.enterprises-card .enterprises-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.55s ease;
}

.enterprises-card:hover .enterprises-icon img {
    transform: scale(1.06);
}

.enterprises-card::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: 20px;
    transition: background 0.4s ease;
}

.enterprises-card .enterprises-num {
    position: absolute;
    top: 16px;
    left: 18px;
    z-index: 2;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.75);
    letter-spacing: 0.06em;
}

.enterprises-card .enterprises-cont {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 18px 18px 30px;
}

.enterprises-card h3 {
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0;
    transition: margin-bottom 0.35s ease;
}

.enterprises-card:hover h3 {
    margin-bottom: 10px;
}

.enterprises-card p {
    font-size: 14px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.5;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(8px);
    transition: max-height 0.4s ease,
        opacity 0.35s ease,
        transform 0.35s ease;
}

.enterprises-card:hover p {
    max-height: 150px;
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 1500px) {
    .ai-enterprises .enterprises-card {
        height: 300px;
    }

    .enterprises-card h3 {
        font-size: 20px;
    }

    .enterprises-card p {
        font-size: 13px;
    }
}

@media (max-width: 1200px) {
    .enterprises-card h3 {
        font-size: 16px;
    }
}

/* --------- END  ----------- */

.ai-factory {
    position: relative;
    background-color: #00001c !important;
    overflow: hidden;
    background: url(../img/ai-factory-2.png) no-repeat center/cover;
}

.ai-factory .heading {
    padding-right: initial;
}

.ai-factory-journey {
    background: radial-gradient(ellipse 80% 80% at 100% 50%, rgb(11 112 175 / 0%) 0%, transparent 60%), radial-gradient(ellipse 38% 80% at 31% 50%, rgb(4 103 180 / 55%) 0%, transparent 60%), radial-gradient(ellipse 50% 70% at 40% 80%, rgb(34 197 94 / 0%) 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 90% 90%, rgb(5 25 44 / 0%) 0%, transparent 60%);
}

.ai-factory-journey-card {
    backdrop-filter: blur(13.899999618530273px);
    background: rgba(8, 4, 19, 0.64);
    padding: 40px 30px;
    border-radius: 30px;
    border: 1px solid #09142317;
    transition: all 0.3s ease;
    max-width: 100%;
    width: 610px;
    border: 1px solid #ffffff46;
}

@media (max-width: 1200px) {
    .ai-factory-journey-card {
        background: #000;
    }

    .career-journey .ai-factory-journey-card {
        backdrop-filter: blur(13.899999618530273px);
        background: rgba(8, 4, 19, 0.64);
    }

    .flip-ar-bg-image .ai-factory-journey-card {
        backdrop-filter: blur(13.899999618530273px);
        background: rgba(8, 4, 19, 0.64);
    }

    .bg-remove-sm .ai-factory-journey-card {
        backdrop-filter: blur(13.899999618530273px);
        background: rgba(8, 4, 19, 0.64);
    }
}

@media (max-width: 600px) {
    .ai-factory-journey-card {
        padding: 30px 20px;
    }
}

/* --------- sovereign-ai ------------ */
.sovereign-ai-aleria-in {
    padding: 60px;
    border-radius: 30px;
    /* background: url('../img/soverign-ai-operation.webp') no-repeat center/cover; */
    position: relative;
    overflow: hidden;
    text-align: center;
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
}

.sovereign-ai-aleria-in::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--aleria-bg, url('../img/soverign-ai-operation.webp')) no-repeat center center/cover;
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease;
    z-index: -1;
    opacity: 0.15;
    animation: ambientPulse 8s infinite alternate ease-in-out;
}

@keyframes ambientPulse {
    0% {
        transform: scale(1);
        opacity: 0.12;
    }

    50% {
        transform: scale(1.03) translateY(-4px);
        opacity: 0.2;
    }

    100% {
        transform: scale(1.05) translateY(-8px);
        opacity: 0.15;
    }
}

.sovereign-ai-aleria-in:hover::before {
    transform: scale(1.1) translateY(-10px);
    opacity: 0.28;
}

.sovereign-ai-aleria-in::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 35px;
    padding: 2px;
    background: linear-gradient(190deg, #005c8a, #587013);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.sovereign-ai-aleria-in:hover::after {
    background: linear-gradient(190deg, #587013, #005c8a);
}

.aleria-logo img {
    width: 250px;
}

.sovereign-ai-aleria-card {
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
}

.sovereign-ai-aleria .capabilities-card {
    background: rgb(255 255 255 / 18%);
    backdrop-filter: blur(1px);
    border-radius: 20px;
    padding: 40px 35px;
    color: #fff;
    max-width: 700px;
    width: 100%;
    margin: 30px auto 0 auto;
}

.sovereign-ai-aleria .cap-title {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 12px;
    text-align: initial;
    text-transform: uppercase;
}

.sovereign-ai-aleria .cap-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sovereign-ai-aleria .cap-list li {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.6;
    color: #dcdcdc;
    text-align: initial;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 20px;
}

.sovereign-ai-aleria .check-icon {
    min-width: 20px;
    height: 20px;
    background: #22c55e;
    color: #000;
    font-size: 12px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 600px) {
    .sovereign-ai-aleria-in {
        padding: 30px 15px 15px;
        border-radius: 15px;
    }

    .sovereign-ai-aleria .capabilities-card {
        padding: 20px 15px;
    }

    .aleria-logo img {
        width: 130px;
    }
}

/* --------- END sovereign-ai ------------ */


/* ------- applied-ai ------------- */
.applied-ai .core-card {
    position: relative;
    padding: 20px 20px 50px 20px;
    border-radius: 28px;
    height: 100%;
    color: #fff;
    overflow: hidden;
    background-blend-mode: normal;
    background: linear-gradient(180deg,
            #0D0C12 0%,
            #0D111D 100%);
    box-shadow: inset 0 -0.954px 10.299px rgba(102, 148, 255, 0.20), inset 0 -28.608px 11.443px -0.954px rgba(35, 101, 255, 0.15), inset 0 -22.886px 15.925px -8.582px rgba(255, 255, 255, 0.64), inset 0 -32.422px 25.461px -9.536px rgb(11 170 235 / 50%);
    transition: box-shadow 0.4s ease-in-out, background 0.4s ease-in-out;
}

.card-glitch-wrapper .core-card {
    height: 450px !important;
}

.card-glitch-wrapper .core-card:hover {
    height: 450px !important;
}

.applied-ai .core-card:hover {
    background: linear-gradient(180deg,
            #0D0C12 0%,
            #0D111D 100%);
    box-shadow:
        0 -1.038px 11.205px 0 rgba(13, 180, 249, 0.20) inset,
        0 -31.126px 12.45px -1.038px rgba(13, 180, 249, 0.15) inset,
        0 -24.901px 17.327px -9.338px rgba(255, 255, 255, 0.64) inset,
        0 -35.276px 27.702px -10.375px rgba(13, 180, 249, 0.50) inset,
        0 -103.752px 48.556px -34.238px #1B3777 inset;
}


.applied-ai-card {
    padding: 0 8px;
    margin-top: 20px;
}

.applied-ai .core-header {
    margin-bottom: 50px;
}



.applied-ai .card-icon {
    margin-bottom: 20px;
    color: #fff;
    height: 200px;
    overflow: hidden;
    transition: transform 0.4s ease-in-out;
}


.applied-ai .card-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease-in-out, height 0.4s ease-in-out;
    transform-origin: top;
    border-radius: 20px;

}

.applied-ai .core-card:hover .card-icon img {
    height: 95%;
}

.edge-card-icon img {
    max-height: 250px !important;
    transition: max-height 0.4s ease-in-out, transform 0.4s ease-in-out;
}

/* .applied-ai .core-card:hover .edge-card-icon img {
    max-height: 235px !important;
} */

.applied-ai .core-card h3 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif;
    transition: transform 0.4s ease-in-out;
}

.applied-ai .core-card p {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
    color: #ffffffdd;
    transition: transform 0.4s ease-in-out;
}

.applied-ai .core-card:hover h3,
.applied-ai .core-card:hover p {
    transform: translateY(-10px);
}

.applied-ai .core-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.applied-ai .core-header h3 {
    color: var(--primary-color);
    font-size: 28px;
    margin-bottom: 0;
}

.applied-ai-cs .core-card {
    padding: 20px 20px 25px 20px;
    min-height: 420px;
}

.applied-ai-cs .card-icon {
    height: 250px;
}

/* .applied-ai-cs .core-card:hover .card-icon img {
    max-height: 200px;
}

.applied-ai-cs .core-card:hover .card-icon img {
    max-height: 240px;
} */

.core-card-out {
    padding: 0 7px;
    margin-bottom: 15px;
}

.intelligent-ai .core-card h3 {
    font-size: 18px;
}

.intelligent-ai .core-card {
    padding: 20px 20px 40px 20px;
}

.professional-ai .heading {
    margin-bottom: 50px;
}

.professional-ai .core-card {
    padding: 20px 20px 10px 20px;
}

.computer-vision-ai .core-card {
    padding: 20px 20px 25px 20px;
}

.inbuild-solution .core-card {
    min-height: 350px;
}

.description p {
    color: rgba(255, 255, 255, 0.805) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

@media (max-width: 992px) {
    .professional-ai .heading {
        margin-bottom: 30px;
    }
}

@media (max-width: 600px) {
    /* .edge-card-icon img {
        min-height: 250px !important;
        max-height: 250px !important;
    } */

    .computer-vision-ai .core-card {
        padding: 13px;
    }
}

@media (max-width: 576px) {
    .applied-ai .card-icon img {
        /* min-height: 230px; */
        /* max-height: 230px; */
    }
}

/* --------- END prof-services ----------- */


/* --------- storage ------------- */
.storage-portfolio {
    background: #fff;
    text-align: center;
}

.storage-portfolio .portfolio-card-head {
    margin-bottom: 30px;
    max-width: 100%;
    width: 650px;
}

.storage-portfolio .portfolio-card-head h3 {
    font-weight: 500;
    font-size: 32px;
}

.storage-portfolio .portfolio-card-head h4 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    font-family: "Montserrat", sans-serif;
}

.storage-portfolio .footer-timeline p {
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
    color: var(--black);
}

.storage-portfolio .portfolio-tabs {
    background-color: #E0E0E0;
    padding: 6px 1px;
    width: fit-content;
    margin: 0 auto 35px auto;
    border-radius: 50px;
}

.storage-portfolio .portfolio-tabs .nav-link {
    font-size: 16px;
    font-weight: 500;
    border-radius: 50px;
    padding: 10px 15px;
    color: #666;
    background: #fff;
    border: none;
    margin: 0 5px;
    word-break: break-all;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
    font-family: "Montserrat", sans-serif;
}

.storage-portfolio .portfolio-tabs .nav-link.active {
    background: var(--gradient);
    color: #fff;
}

.storage-portfolio .portfolio-card {
    /* background: linear-gradient(123deg, rgba(206, 241, 255, 0.5) 0%, #cef1ff4a 100%); */
    border-radius: 25px;
    padding: 75px;
    text-align: left;
    /* box-shadow: 0 12px 40px rgb(0 0 0 / 6%); */
    background: linear-gradient(86deg,
            rgba(206, 241, 255, 0.5) 11.14%,
            rgba(206, 241, 255, 0.04) 113.29%);
    box-shadow: 0 1.197px 29.915px rgba(69, 42, 124, 0.1);
    backdrop-filter: blur(35px);
    -webkit-backdrop-filter: blur(35px);
    border-radius: 25px;


}

.storage-portfolio .timeline-row {
    display: flex;
    flex-wrap: wrap;
}

.storage-portfolio .timeline-item {
    flex: 1;
    border-left: 3px solid #0db2f976;
    padding: 0 30px;
    margin: 6px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.timeline-item-last:last-child {
    border-right: 3px solid #0db2f976;
}

#enterprise .timeline-item {
    padding: 20px 20px;
}

/* #enterprise .timeline-row .timeline-item:last-child {
    border-right: 2px solid #87d0ff;
} */

.storage-portfolio .timeline-item-logo img {
    width: 100px;
    margin-bottom: 15px;
}

.storage-portfolio .timeline-item span {
    display: block;
    font-weight: 700;
    margin-bottom: 12px;
    color: #222;
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
}

.storage-portfolio .timeline-item p {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    margin: 0;
}

@media(max-width:991px) {
    .storage-portfolio .portfolio-card-head h3 {
        font-size: 25px;
    }

}

@media(max-width:767px) {
    .storage-portfolio .portfolio-card {
        padding: 30px 20px;
    }

    .storage-portfolio .portfolio-tabs .nav-link {
        font-size: 14px;
    }
}

@media(max-width:600px) {
    .storage-portfolio .portfolio-tabs {
        /* display: block; */
        display: flex;
        background-color: transparent;
    }

    .storage-portfolio .portfolio-tabs .nav-item {
        margin-top: 10px;
    }

    .storage-portfolio .timeline-item {
        padding: 10px;
        flex: 0 0 calc(50% - 5px);
    }
}

@media(max-width:500px) {
    .storage-portfolio .timeline-item {
        border-bottom: 2px solid #0db2f976;
        border-left: 0;
        border-right: 0;
        padding: 10px 5px !important;
        padding: 10px 5px !important;
    }

    .storage-portfolio .timeline-row {
        display: block;
    }

    .storage-portfolio .portfolio-tabs .nav-link {
        font-size: 13px;
    }
}

@media(max-width: 400px) {
    .storage-portfolio .portfolio-tabs .nav-link {
        font-size: 12px;
    }
}

@media(max-width: 360px) {
    .storage-portfolio .portfolio-tabs .nav-link {
        font-size: 10px;
    }
}

/* --------- END storage ------------- */


/* --------- contact page ----------- */
.contact-grid {
    display: flex;
    align-items: self-start;
}

.contact-left-66 {
    width: 66%;
}

.contact-right-34 {
    width: 34%;
}

.left-contact {
    padding-right: 70px;
    margin-bottom: 30px;
}

.left-contact .form-group {
    margin-bottom: 30px;
    position: relative;
}

.left-contact .form-group.double {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.left-contact label {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: var(--white);
    margin-bottom: 2px;
    letter-spacing: 0.01em;
}

.left-contact input,
.left-contact textarea {
    font-size: 12px;
    font-weight: 300;
    color: var(--white);
    width: 100%;
    padding: 0px 15px 5px 0px;
    border: 0;
    border-bottom: 1px solid #44444491;
    border-radius: 0;
    background: transparent;
    transition: all 0.2s ease;
    outline: none;
}

.floating-label input::placeholder,
.left-contact textarea::placeholder {
    color: #ffffffb2;
    opacity: 1;
}

.left-contact input:focus,
.left-contact textarea:focus {
    border-color: var(--primary-color);
}

.left-contact input:hover,
.left-contact textarea:hover {
    border-color: var(--primary-color);
}

.left-contact textarea {
    resize: none;
    min-height: 100px;
}


/* right */
.right-contact {
    padding: 50px;
    background: linear-gradient(123deg, rgb(255 255 255 / 4%) 0%, rgb(255 255 255 / 5%) 100%);
    border-radius: 30px;
    position: relative;
}

.right-contact:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 35px;
    padding: 1px;
    background: linear-gradient(269deg, #03439c69, #0f2c3a);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.contact-col h4 {
    font-size: 19px;
    color: #FFFFFF;
    margin-bottom: 20px;
    font-family: "Montserrat", sans-serif;
}

.contact-col ul {
    list-style: none;
    padding: 0;
}

.contact-col ul li {
    margin-bottom: 10px;
}

.contact-col ul li a {
    font-size: 16px;
    color: #afafaf;
    transition: 0.3s;
    text-decoration: none;
}

.contact-col ul li a:hover {
    color: var(--primary-color);
}

.right-contact .contact-item {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.right-contact svg {
    width: 20px;
    min-width: 20px;
    color: var(--primary-color);
    margin-top: 4px;
}

.right-contact p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.6;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
}

.right-contact p a {
    color: #FFFFFF;
    word-break: break-all;
    font-family: "Montserrat", sans-serif;
}

.right-contact p a:hover {
    color: var(--primary-color);
}

.map-box iframe {
    border: 10px solid #abcd !important;
    border-radius: 30px;
}

.map-box iframe {
    width: 100%;
    height: 450px;
    border: 0;
    filter: grayscale(1) invert(1) contrast(1.2);
}

@media (max-width: 992px) {
    .contact-grid {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .contact-left-66 {
        width: 100%;
    }

    .contact-right-34 {
        width: 100%;
    }

    .left-contact {
        padding-right: 0px;
    }

    .right-contact:before {
        border-radius: 15px;
    }
}




@media (max-width: 600px) {
    .left-contact {
        padding-right: initial;
    }

    .left-contact .form-group.double {
        display: block;
    }

    .left-contact .main-btn {
        width: 100%;
        text-align: center;
    }

    .right-contact {
        padding: 30px 20px;
        border-radius: 15px;
    }

    .contact-col h4 {
        font-size: 16px;
    }

    .right-contact p {
        font-size: 14px;
    }
}

/* --------- END prof-services ----------- */



/* --------- Benefits of an AI Factory ----------- */
.ai-infra .ai-card {
    background: linear-gradient(86deg,
            rgba(255, 255, 255, 0.08) 11.14%,
            rgba(255, 255, 255, 0.01) 113.29%);
    box-shadow: 0 1.197px 29.915px 0 rgba(69, 42, 124, 0.10);
    backdrop-filter: blur(35px);
    -webkit-backdrop-filter: blur(35px);
    border-radius: 40px;
    /* padding: 53px 25px; */
    padding: 25px 25px;
    /* min-height: 215px; */
    min-height: 270px;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    text-align: center;
    color: white;
    display: grid;
    place-content: center;
    height: 100%;
}

.ai-infra .ai-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 40px;
    padding: .8px;
    background: linear-gradient(89deg, #162845, #009eff);

    -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: .2;
    will-change: opacity;
    transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.ai-infra .ai-card:hover::before {
    opacity: 1;
}

.ai-infra .ai-card:hover {
    background: linear-gradient(266deg,
            rgba(0, 0, 0, 0) 11.14%,
            rgba(255, 255, 255, 0.01) 113.29%);
}

.ai-infra .icon-wrapper {
    margin-bottom: 15px;
}

.ai-infra .icon-wrapper svg,
.ai-infra .icon-wrapper i {
    width: 50px;
    height: 50px;
}

.ai-infra .ai-card h3 {
    font-size: 18px;
    margin: 15px 0;
    font-weight: 500;
}

.ai-infra .ai-card p {
    font-size: 14px;
    font-weight: 300;
    opacity: 0.75;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 15px;
}

.ai-hero-padding-reduce {
    padding-top: 100px;
}

.ai-infra .ai-card:hover h3 {
    color: var(--primary-color);
}

.ai-infra .ai-card:hover svg,
.ai-infra .ai-card:hover i {
    stroke: var(--primary-color) !important;
}

.ai-infra .ai-card:hover svg path {
    stroke: var(--primary-color) !important;
}

.ai-infra .video-box {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
}

.ai-infra .video-box img {
    width: 100%;
    /* min-height: 473px;
  max-height: 515px; */
    min-height: 480px;
    max-height: 480px;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ai-infra .video-box::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 1px;
    background: linear-gradient(269deg, #083e73bd, #0899f9fa);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.ai-infra .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: 0.3s;
}

.ai-infra .play-btn i,
.play-btn svg {
    font-size: 20px;
    color: white !important;
}

.ai-infra .play-btn:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

.ai-infra .video-caption {
    font-size: 25px;
    font-weight: 200;
    color: #fff;
    backdrop-filter: blur(70px);
    box-shadow: 0 1px 30px 0 rgba(69, 42, 124, 0.1);
    background: linear-gradient(-65deg, #ffffff00 0%, #ffffff17 100%);
    border-radius: 20px;
    padding: 16px;
    border-radius: 14px;
    text-align: center;
    margin-top: 15px;
    font-family: "Montserrat", sans-serif;
}

.ai-infra .video-caption::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 14px;
    padding: 1px;
    background: linear-gradient(89deg, #162845, #0F4566);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

/* @media (max-width: 1250px) {
  .ai-infra .video-box img {
    min-height: 420px;
  }
} */

@media (max-width: 992px) {
    .ai-infra .play-btn {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 600px) {
    .ai-infra .ai-card {
        max-height: auto;
    }

    .ai-infra .video-caption {
        font-size: 20px;
    }

    .ai-infra .video-box img {
        min-height: 300px;
    }
}

/* --------- Benefits of an AI Factory ----------- */




/* --------- NVIDIA ad ----------- */
.ai-hero-wrapper {
    position: relative;
    overflow: hidden;
    transition: transform 0.2s ease;

}

.nvidia-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: brightness(0.75);
    border-radius: 24px;
}

.ai-hero-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 25px;
    padding: 1px;
    background: linear-gradient(89deg, #1c8fd1d8, #046dab);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.nvidia-bg-img:hover {
    border-color: var(--primary-color);
}

.ai-hero-content {
    position: absolute;
    top: 70px;
    left: 70px;
    max-width: 740px;
    width: 100%;
    padding: 40px;
    border-radius: 20px;
    background: rgb(0 0 0 / 72%);
    backdrop-filter: blur(16px);
    z-index: 2;
    transition: transform 0.3s ease;
    color: var(--white);
}

.ai-hero-content h3 {
    font-size: 33px;
    font-weight: 400;
    margin-bottom: 25px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
}

.ai-hero-content::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    /* box-shadow: 0 0 40px rgba(0, 255, 200, 0.15); */
    opacity: 0.6;
    animation: pulseGlow 3s ease-in-out infinite;
}

.ai-hero-content::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 1px;
    background: linear-gradient(89deg, #162845, #0F4566);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

@keyframes pulseGlow {

    0%,
    100% {
        opacity: 0.4;
    }

    50% {
        opacity: 0.9;
    }
}

.ai-hero-wrapper:hover .ai-hero-content {
    transform: translateY(-6px) scale(1.02);
}

.ai-hero-content .heading {
    padding-right: 80px;
}


@media (max-width: 992px) {
    .nvidia-bg-img {
        border-radius: 15px 15px 0 0;
    }

    .ai-hero-content {
        position: static;
        margin: 0px;
        padding: 25px;
        border-radius: 0px 0 15px 15px;
        max-width: 100%;
    }

    .ai-hero-content {
        padding: 15px;
    }

    .ai-hero-wrapper {
        border-radius: 25px;
    }

    .ai-hero-content::before {
        border-radius: 0 0 25px 25px;
    }

    .ai-hero-content::after {
        border-radius: 25px;
    }
}

@media (max-width: 600px) {
    .ai-hero-content h3 {
        font-size: 25px;
        margin-bottom: 15px;
    }
}

/* --------- END NVIDIA ad ----------- */

/* ------- core offering slider ------------- */
.ai-real-world-impact {
    background-color: var(--white);
}

.ai-real-world-impact .ai-tag {
    margin-bottom: 25px;
}

.ai-real-world-impact .description {
    font-weight: 400;
}

.ai-real-world-impact .core-offering-in {
    width: calc(100% - ((100% - min(1500px, 91%)) / 2));
    margin-left: auto;
}

html[dir="rtl"] .ai-real-world-impact .core-offering-in {
    width: calc(100% - ((100% - min(1500px, 91%)) / 2));
    margin-right: auto;
    margin-left: 0;
}

@media (max-width: 600px) {
    .ai-real-world-impact .core-offering-in {
        width: 100% !important;
        margin: 0 auto;
    }

    .ai-real-world-impact-slider .owl-item.active {
        padding-left: 20px;
    }

    html[dir="rtl"] .ai-real-world-impact-slider .owl-item.active {
        padding-left: 0;
        padding-right: 20px;
    }
}

.ai-real-world-impact .core-card {
    position: relative;
    color: #fff;
    overflow: hidden;
    padding: 0 3px;
}

.ai-real-world-impact .card-icon {
    margin-bottom: 15px;
}

.ai-real-world-impact .card-icon img {
    width: 100%;
    height: 100%;
    min-height: 530px;
    max-height: 530px;
    object-fit: cover;
    border-radius: 25px;
    /* opacity: 0.9; */
}

.ai-real-world-impact .core-card h3 {
    font-size: 20px;
    font-weight: 500;
    color: var(--black);
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif;
}

.ai-real-world-impact .core-card p {
    font-size: 13.5px;
    font-weight: 400;
    line-height: 1.6;
    color: var(--black);
    margin-bottom: 0;
    padding-right: 50px;
}

.ai-real-world-impact .core-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 40px;
}

.ai-real-world-impact .core-nav button {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid var(--primary-color);
    background: transparent;
    color: var(--primary-color);
    /* margin-left: 10px; */
    cursor: pointer;
    transition: 0.3s;
}

.ai-real-world-impact .core-nav button:hover {
    background: var(--gradient);
    color: #fff;
}

.ai-real-world-impact .item {
    width: 100%;
}

.core-offering-header p {
    margin: 0 !important;
}

@media (max-width: 1300px) {
    .ai-real-world-impact .card-icon img {
        min-height: 500px;
        max-height: 500px;
    }
}

@media (max-width: 992px) {
    .ai-real-world-impact .core-card h3 {
        font-size: 16px;
    }

    .ai-real-world-impact .core-card p {
        padding-right: initial;
    }

    .ai-real-world-impact .core-nav button {
        margin-left: 0;
    }

    .ai-real-world-impact .card-icon img {
        min-height: 450px;
        max-height: 450px;
    }

    .ai-real-world-impact .description br {
        display: none;
    }

    .header-in-out {
        margin: auto;
        display: block;
        text-align: center;
    }

    .ai-real-world-impact .core-offering-in {
        margin-left: 0px !important;
    }

    html[dir="rtl"] .ai-real-world-impact .core-offering-in {
        margin-right: 0px !important;
    }
}

@media (max-width: 768px) {
    .ai-real-world-impact .card-icon img {
        min-height: 450px;
        max-height: 450px;
    }
}

@media (max-width: 600px) {
    .ai-real-world-impact .card-icon img {
        min-height: 400px;
        max-height: 400px;
    }

    /* .ai-real-world-impact .core-nav button{
    width: 35px;
    height: 35px;
  } */
    /* .ai-real-world-impact .core-nav button svg{
    width: 15px;
    height: 15px;
  } */
}

@media (max-width: 400px) {
    .ai-real-world-impact .core-header {
        display: block;
    }

    .core-header-in {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .core-offering .core-offering-in {
        width: 100%;
        margin: 0 auto;
    }
}

/* --------- END core offering slider ----------- */


/* --------- deploy ai factory ----------- */
.ai-deployment-types-in {
    margin-top: 20px;
}

.ai-factory-deployment .ai-deployment-item .ai-deployment-type {
    padding: 10px 60px !important;
}

.bg-white .ai-deployment .ai-deployment-type h3 {
    font-weight: 600;
}

.ai-deployment .ai-deployment-type {
    padding: 10px 35px;
    position: relative;
    color: #fff;
    border-right: 1px solid #0db4f92e;
    height: 100%;
    display: flex;
    align-items: self-start;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    min-height: 120px;
}

.ai-deployment .ai-deployment-type:first-child {
    border-left: 1px solid #0db4f92e;
}

.bg-white .ai-deployment-type {
    border-left: 1px solid #0db4f9a8;
}

.bg-white .ai-deployment-types-in {
    margin-top: 15px;
}

.bg-white .ai-deployment-item:nth-child(3n+1) .ai-deployment-type {
    border: none;
}

.bg-white .ai-deployment-item .ai-deployment-type {
    border-right: none;
}


.bg-white .ai-deployment-type {
    padding: 10px 86px !important;
}

.ai-deployment .ai-deployment-type.ai-deployment-type-lab {
    flex-direction: row;
}

.bg-white .ai-deployment-item .ai-deployment-type {
    border-left: 1px solid #0db4f9b0;
}

.ai-deployment .ai-deployment-item {
    margin-top: 25px;
}

.applied-ai-item {
    padding: 0 10px;
}

.ai-factory-faq {
    padding: 100px 0px;
}

.ai-deployment .ai-deployment-type h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0;
    transition: .5s;
    font-family: "Montserrat", sans-serif;
}

.ai-deployment .ai-deployment-type p {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
    margin: 0;
    transition: .5s;
    /* opacity: 0.7; */
}

.ai-deployment .ai-deployment-type:hover {
    background: rgba(0, 200, 255, 0.05);
}

.ai-deployment .ai-deployment-type:hover p {
    opacity: 1;
    transition: .5s;
}

.ai-deployment .ai-deployment-type:hover h3 {
    color: var(--primary-color);
    transition: .5s;
}

.ai-factory-deployment .section-header p {
    max-width: 645px;
    width: 100%;
    margin: 0 auto;
}

/* ai labs */
.ai-lab-value .ai-deployment-type-lab {
    border-left: 1px solid #0db4f92e !important;
}

.ai-labs-deployment .ai-deployment-type {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ai-labs-deployment .ai-deployment-type-num {
    font-size: 20px;
    font-weight: 600;
    padding: 2px 5px;
    background: var(--gradient);
    height: fit-content;
    border-radius: 10px;
    font-family: "Montserrat", sans-serif;
}

.nvidia-logo-2 img {
    width: 100%;
    height: 85px;
    object-fit: contain;
}

.computer-ai {
    background-color: white;
}

.computer-ai .ai-deployment-type {
    padding: 10px 75px;
    border-right: 1px solid rgb(13 180 249 / 82%);
}

.computer-ai .ai-deployment-item:last-child .ai-deployment-type:last-child {
    border: 0;
}

.cv-technology-cards .ai-deployment-item:first-child .ai-deployment-type,
.cv-tech-card-item:first-child .cv-tech-card-type {
    border-left: none !important;
}

/* @media (max-width: 1500px) {
  .ai-deployment .ai-deployment-type.ai-deployment-type-lab {
    padding: 25px 15px;
  }
} */

@media (max-width: 1300px) {
    .ai-deployment .ai-deployment-type {
        padding: 10px 20px;
    }
}

@media (max-width: 992px) {
    .applied-ai-item {
        margin-bottom: 20px;
    }

    .ai-factory-deployment .ai-deployment-item .ai-deployment-type {
        padding: 20px !important;
    }

    .ai-deployment .ai-deployment-type {
        min-height: auto;
    }

    .ai-deployment .ai-deployment-type:first-child {
        border-left: none;
    }

    .bg-white .ai-deployment-item:nth-child(3n+1) .ai-deployment-type {
        border-bottom: 1px solid #0db4f9a8;
    }

    .bg-white .ai-deployment-item .ai-deployment-type {
        border-left: none;
    }

    .bg-white .ai-deployment-item .ai-deployment-type {
        padding: 15px !important;
    }

    .ai-deployment .ai-deployment-type {
        justify-content: start;
    }
}

@media (max-width: 768px) {
    .ai-deployment .ai-deployment-type {
        padding: 15px;
        border-right: 0;
        border-bottom: 1px solid #0db4f94f;
    }

    .ai-deployment .ai-deployment-item {
        margin-top: 0px;
    }

    .ai-lab-value .ai-deployment-type-lab {
        border-left: 0 !important;
    }
}

@media (max-width: 600px) {
    .ai-deployment .ai-deployment-type {
        padding: 20px 10px;
    }

    .nvidia-logo-2 img {
        max-width: 120px;
    }

    .ai-deployment .ai-deployment-type h3 {
        font-size: 14px;
    }
}

/* --------- deploy ai factory ----------- */


/* --------- ELV ----------- */
.elv-service-card-item {
    margin-bottom: 25px;
}


.elv-service-card {
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 20px;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 40px;
    width: 95%;
    margin: 0 auto;
    box-shadow: rgb(99 99 99 / 10%) 0px 2px 8px 0px;
    transition: all 0.3s ease;
}

.elv-service-card::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: .5px;
    border-radius: inherit;
    background: linear-gradient(50deg, rgba(9, 66, 126, 1) 0%, rgba(13, 180, 249, 1) 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: .4;
    transition: opacity .35s ease, background .35s ease;
    pointer-events: none;
}

/* Background Gradient */
.elv-service-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    z-index: -1;
    background: linear-gradient(120deg,
            rgba(0, 158, 255, .08) 0%,
            rgba(206, 241, 255, .04) 45%,
            rgba(255, 255, 255, 0) 100%);
    opacity: .1;
    transition: opacity .35s ease;
}

/* Hover Effect */
.elv-service-card:hover::before {
    /* background: linear-gradient(225deg, rgb(45 141 255) 0%, rgb(64 112 189 / 97%) 100%); */
    background: linear-gradient(50deg, rgba(9, 66, 126, 1) 0%, rgba(13, 180, 249, 1) 100%);
    opacity: 1;
}

.elv-service-card:hover::after {
    background: linear-gradient(120deg,
            rgba(0, 158, 255, .18) 0%,
            rgba(206, 241, 255, .35) 45%,
            rgba(255, 255, 255, .08) 100%);
    opacity: 1;
}

.elv-service-card:hover .elv-service-icon {
    transform: rotate(10deg);
    transition: .5s;
}

.elv-service-icon {
    transition: .5s;
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--gradient);
}

.elv-service-icon img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.elv-service-content h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #1d2433;
}

@media (max-width: 992px) {
    .elv-service-card {
        width: 100%;
        gap: 10px;
        padding: 15px;
        border-radius: 10px;
    }

    .elv-service-content h4 {
        font-size: 14px;
    }

    .elv-service-icon {
        width: 40px;
        height: 40px;
    }

    .elv-service-icon svg {
        width: 22px;
        height: 22px;
    }
}

@media (max-width: 576px) {
    .elv-service-card-item {
        margin-bottom: 15px;
    }
}

/* --------- END ELV ----------- */


/* --------- AI Factory FAQ ----------- */
.ai-factory-faq-item {
    position: relative;
    padding: 18px 0;
}

.left-ai-factory-faq-col {
    padding-right: 50px;
}

.right-ai-factory-faq-col {
    padding-left: 50px;
}

/* gradient border */
.ai-factory-faq-item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;

    background: linear-gradient(to right,
            rgba(0, 200, 255, 0),
            rgba(0, 200, 255, 0.8),
            rgba(0, 200, 255, 0));
}

.ai-factory-faq-header {
    display: flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
}

.ai-factory-faq .ai-factory-faq-head {
    width: 65%;
}

.ai-factory-faq-num {
    min-width: 45px;
    height: 45px;
    border-radius: 10px;
    background: #0a1f33;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--white);
    font-family: "Montserrat", sans-serif;
}

.ai-factory-faq-header h3 {
    flex: 1;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--white);
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
}

.ai-factory-faq-icon {
    font-size: 35px;
    transition: transform 0.3s ease;
    color: var(--white);
}

.ai-factory-faq-body {
    font-size: 13.5px;
    line-height: 1.5;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s ease;
    padding-left: 61px;
}

.ai-factory-faq-item.active .ai-factory-faq-body {
    max-height: 200px;
    opacity: 1;
    margin-top: 2px;
    color: #fff;
}

.ai-factory-faq-item.active .ai-factory-faq-icon {
    transform: rotate(180deg);
}

.ai-factory-faq-header:hover h3 {
    color: #00cfff;
}

.ai-factory-faq-container {
    height: 500px;
}

@media (max-width: 992px) {
    .ai-factory-faq-container {
        height: 700px;
        margin-bottom: 50px;
    }
}

@media (max-width: 900px) {
    .ai-factory-faq-container {
        grid-template-columns: 1fr;
        gap: 0;
    }


    .ai-factory-faq-header h3 {
        font-size: 15px;
    }

    .ai-factory-faq .ai-factory-faq-head {
        width: 100%;
    }

    .left-ai-factory-faq-col {
        padding-right: initial;
    }

    .right-ai-factory-faq-col {
        padding-left: initial;
    }
}

/* --------- AI Factory FAQ ----------- */


/* --------- AI Labs ----------- */
.ai-partnership .ai-partnership-tabs-out {
    width: 90%;
    margin: 0 auto;
}

.ai-partnership .ai-partnership-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 30px;
    gap: 50px;
    margin-top: 75px;
}

.ai-partnership .tab-btn {
    font-size: 21px;
    font-weight: 300;
    border: none;
    color: rgba(255, 255, 255, 0.45);
    padding: 0 20px 15px;
    background: transparent;
    cursor: pointer;
    position: relative;
    /* white-space: nowrap; */
    transition: 0.3s ease;
    min-width: 25%;
    font-family: "Montserrat", sans-serif;
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    transition: max-width 0.5s ease, color 0.3s ease; */
}

.ai-partnership .tab-btn::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0%;
    height: 2px;
    background: #00A3FF;
    transition: 0.3s ease;
}

.ai-partnership .tab-btn.active {
    color: #fff;
    /* max-width: 600px; */
}

.ai-partnership .tab-btn.active::after {
    width: 100%;
}

.ai-partnership .tab-content {
    display: none;
    padding: 0 30px;
}

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

.ai-partnership .content-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 50px;
}

.ai-partnership .image-box {
    width: 310px;
    min-width: 310px;
    height: 230px;
    overflow: hidden;
}

.ai-partnership .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.ai-partnership .content-text {
    max-width: 550px;
}

.ai-partnership .content-text p {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
    margin-left: 15px;
}

@media(max-width:1200px) {
    .ai-partnership .tab-btn {
        font-size: 16px;
    }

    .ai-partnership .content-text p {
        font-size: 14px;
        margin-left: 0px;
    }
}

@media(max-width: 992px) {
    .ai-partnership .ai-partnership-tabs-out {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .ai-partnership .ai-partnership-tabs {
        display: flex;
        justify-content: flex-start;
        gap: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .ai-partnership .ai-partnership-tabs::-webkit-scrollbar {
        display: none;
    }

    .ai-partnership .tab-btn {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .ai-partnership .content-wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .ai-partnership .image-box {
        width: fit-content;
        height: 220px;
    }

    .ai-partnership .tab-content {
        padding: 0;
    }
}

@media (max-width: 600px) {
    .ai-partnership .image-box {
        width: 100%;
        height: 250px;
    }
}

/* edge computing */
.edge-computing-arch-in img {
    border-radius: 40px;
    border: 1px solid #0db4f957;
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
}

/* nvidia ai stack section */
.nvidia-stack-section .nvidia-stack-card {
    position: relative;
    max-width: 1050px;
    margin: auto;
    border-radius: 30px;
    overflow: hidden;
    padding: 90px 40px;
    background-image: url(../img/nvidia-stack-bg.webp);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.nvidia-stack-section .nvidia-stack-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 30px;
    padding: 1px;
    background: linear-gradient(180deg,
            #00A3FF,
            #00FF99);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.nvidia-stack-section .overlay {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, rgb(0 163 255 / 6%), transparent 70%);
}

.nvidia-stack-section .stack-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 680px;
    width: 100%;
    margin: auto;
}

.nvidia-stack-section .partner-logo {
    width: 220px;
    height: 72px;
    margin: 0 auto 35px;
    display: flex;
    overflow: hidden;
}

.nvidia-stack-section .logo-left img {
    width: 100%;
    max-width: 250px;
}

@media(max-width:768px) {
    .nvidia-stack-section .nvidia-stack-card {
        padding: 50px 25px;
        border-radius: 24px;
    }

    .nvidia-stack-section .partner-logo {
        width: 180px;
        height: 60px;
    }
}

/* --------- END AI Labs ----------- */


/* --------- In building systems ----------- */
.in-build-lifecycle .timeline-wrapper {
    overflow-x: auto;
    scrollbar-width: none;
    padding: 15px 0;
}

.in-build-lifecycle .timeline-wrapper::-webkit-scrollbar {
    display: none;
}

.in-build-lifecycle .timeline {
    display: flex;
    gap: 0;
    padding: 75px 50px;
    position: relative;
    border-radius: 30px;
    background: linear-gradient(86deg,
            rgba(255, 255, 255, 0.08) 11.14%,
            rgba(255, 255, 255, 0.01) 113.29%);
    box-shadow: 0 1.197px 29.915px 0 rgba(69, 42, 124, 0.10);
    backdrop-filter: blur(35px);
}

.in-build-lifecycle .timeline::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 30px;
    padding: 1px;
    background: linear-gradient(89deg, #162845, #0F4566);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.in-build-lifecycle .owl-stage-outer {
    padding-top: 20px;
}

.in-build-lifecycle .owl-stage-outer::before {
    display: none;
}

.in-build-lifecycle .timeline-item::before {
    content: "";
    position: absolute;
    left: 0px;
    right: -15px;
    top: 0px;
    height: 1px;
    background: var(--gradient);
}

html[dir="rtl"] .in-build-lifecycle .timeline-item::before {
    left: -15px;
    right: 0px;
}

.in-build-lifecycle .timeline-item {
    position: relative;
    padding-top: 55px;
}

.in-build-lifecycle .step {
    position: absolute;
    top: -12px;
    left: 0;
    background: var(--gradient);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 6px;
    z-index: 2;
    font-family: "Montserrat", sans-serif;
    transition: all 0.5s ease-in-out;
}

.in-build-lifecycle .timeline-item h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
}

.in-build-lifecycle .timeline-item p {
    color: #c9d0e0;
    line-height: 1.5;
    font-size: 15px;
    font-weight: 400;
}

@media (max-width: 992px) {
    .in-build-lifecycle .inbuild-pr-slider .owl-item {
        opacity: 0.35;
        transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
        cursor: pointer;
    }

    .in-build-lifecycle .inbuild-pr-slider .owl-item:hover {
        opacity: 0.75;
    }

    .in-build-lifecycle .inbuild-pr-slider .owl-item.current-step {
        opacity: 1;
    }

    .in-build-lifecycle .inbuild-pr-slider .owl-item:not(.current-step) .step {
        background: #081526;
        color: #0db4f9;
        border: 1px solid rgba(13, 180, 249, 0.35);
        box-shadow: none;
    }

    .in-build-lifecycle .inbuild-pr-slider .owl-item.current-step .step {
        background: var(--gradient);
        color: #fff;
        border: 1px solid transparent;
    }

    .in-build-lifecycle .inbuild-pr-slider .owl-item:not(.current-step) .timeline-item h4 {
        opacity: 0.55;
        transition: opacity 0.5s ease-in-out;
    }

    .in-build-lifecycle .inbuild-pr-slider .owl-item.current-step .timeline-item h4 {
        opacity: 1;
        transition: opacity 0.5s ease-in-out;
    }

    .delivery-framework .inbuild-pr-slider .owl-item:not(.current-step) .step {
        background: #e2f3fc;
        color: #0c4d72;
        border: 1px solid rgba(12, 77, 114, 0.2);
        box-shadow: none;
    }

    .delivery-framework .inbuild-pr-slider .owl-item.current-step .step {
        background: var(--gradient);
        color: #fff;
        border: 1px solid transparent;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    }
}

@media (max-width: 600px) {
    .in-build-lifecycle .timeline {
        padding: 30px;
    }
}


/* --intelligent-ai-- */
.intelligent-ai .wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 80px;
    align-items: start;
    position: relative;
    z-index: 4;
}

/* LEFT STEP LIST */
.intelligent-ai .step-list {
    display: flex;
    flex-direction: column;
    position: relative;
    border-left: 2px solid #0db4f92b;
    max-height: 500px;
    overflow-y: hidden;
    overflow-x: hidden;
    scrollbar-width: none;
    transition: all 0.3s ease;
}

/* Show scrollbar on hover */
.intelligent-ai .step-list:hover {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #0db4f9 #081526;
}

.intelligent-ai .step-list::-webkit-scrollbar {
    width: 0;
    transition: width 0.3s ease;
}

/* Show scrollbar on hover */
.intelligent-ai .step-list:hover::-webkit-scrollbar {
    width: 8px;
}

.intelligent-ai .step-list::-webkit-scrollbar-track {
    background: #081526;
    border-radius: 20px;
}

.intelligent-ai .step-list::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #0db4f9, #0077ff);
    border-radius: 20px;
}

.intelligent-ai .step-list::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #32c4ff, #0db4f9);
}

.intelligent-ai .step-row {
    padding: 14px 10px 14px 30px;
    cursor: pointer;
    position: relative;
    transition: opacity 0.2s;
}

.intelligent-ai .step-row.active {
    border-left: 2px solid #7e7e7e;
}

.intelligent-ai .step-row.active::before {
    background: #38bdf8;
    border-color: #38bdf8;
    box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.15);
}

.intelligent-ai .step-num {
    font-size: 30px;
    font-weight: 500;
    color: #0db4f970;
    width: fit-content;
    padding: 10px;
    border-radius: 5px;
    background: #050C17;
    line-height: 1;
    transition: color 0.25s;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 5px;
    min-width: 40px;
}

.intelligent-ai .step-row.active .step-num {
    color: #38bdf8;
    background: #0db4f912;
}

.intelligent-ai .step-title {
    font-size: 20px;
    font-weight: 400;
    color: #606060;
    line-height: 1.5;
    transition: color 0.25s, font-weight 0.2s;
    font-family: "Montserrat", sans-serif;
    width: 240px;
}

.intelligent-ai .step-row.active .step-title {
    color: #e2e8f0;
}

/* RIGHT IMAGE PANEL */
.intelligent-ai .image-panel {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 30px;
    border-radius: 30px;
    position: relative;
    background: linear-gradient(86deg,
            rgba(255, 255, 255, 0.08) 11.14%,
            rgba(255, 255, 255, 0.01) 113.29%);
    box-shadow: 0 1.197px 29.915px 0 rgba(69, 42, 124, 0.10);
    backdrop-filter: blur(35px);
    -webkit-backdrop-filter: blur(35px);
}

.intelligent-ai .image-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 30px;
    padding: 1px;
    background: linear-gradient(269deg, #215670, #0db2f900);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.intelligent-ai .img-wrap {
    position: relative;
    width: 100%;
    height: 400px;
    /* aspect-ratio: 21 / 8; */
    border-radius: 16px;
    overflow: hidden;
}

.intelligent-ai .lc-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.45s ease;
    pointer-events: none;
}

.intelligent-ai .lc-slide.active {
    opacity: 1;
    pointer-events: auto;
}

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

.intelligent-ai .caption-box {
    padding: 0 2px;
}

.intelligent-ai .caption-title {
    font-size: 21px;
    font-weight: 400;
    color: #e2e8f0;
    margin-bottom: 6px;
    font-family: "Montserrat", sans-serif;
}

.intelligent-ai .caption-desc {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    line-height: 1.5;
}

.intelligent-ai .cap-slide {
    display: none;
}

.intelligent-ai .cap-slide.active {
    display: block;
}

@media (max-width: 1200px) {
    .intelligent-ai .wrapper {
        grid-template-columns: 250px 1fr;
        gap: 30px;
    }
}

@media (max-width: 992px) {
    .intelligent-ai .wrapper {
        grid-template-columns: 200px 1fr;
        gap: 20px;
    }

    .intelligent-ai .step-num {
        font-size: 20px;
    }

    /* .intelligent-ai .step-row.active {
        border-left: 0;
    } */

    .intelligent-ai .step-title {
        font-size: 14px;
        width: auto;
    }
}

@media (max-width: 700px) {
    .intelligent-ai .wrapper {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .intelligent-ai .step-list {
        display: flex;
        grid-template-columns: initial;
        gap: 4px;
        flex-direction: row;
        overflow-y: hidden;
        overflow-x: auto;
        border-left: none;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 5px;
    }

    .intelligent-ai .step-row {
        padding: 14px;
        cursor: pointer;
        position: relative;
        transition: opacity 0.3s ease;
        min-width: 180px;
        scroll-snap-align: center;
        opacity: 0.4;
    }

    .intelligent-ai .step-row.active {
        opacity: 1;
    }

    /* .intelligent-ai .step-num {
    padding-left: 0;
  } */

    .intelligent-ai .img-wrap {
        height: 230px;
    }
}

@media (max-width: 600px) {
    .intelligent-ai .image-panel {
        padding: 15px;
        border-radius: 20px;
    }

    .intelligent-ai .image-panel::before {
        border-radius: 20px;
    }

    .intelligent-ai .caption-title {
        font-size: 16px;
    }

}

@media (max-width: 500px) {
    .intelligent-ai .img-wrap {
        height: 150px;
    }
}

@media (max-width: 400px) {
    .intelligent-ai .step-list {
        grid-template-columns: 1fr;
    }
}

/* --------- END In building systems ----------- */

/* --------- Wireless Approach ----------- */
/* .wireless-approach .left-ai-approach .heading {
  padding-right: 0 !important;
} */
.wireless-approach .left-ai-approach p {
    color: #000;
}

.wireless-solutions-built .core-card {
    padding-bottom: 60px;
}


/* --------- service page ----------- */
.service-page .core-card {
    padding-bottom: 30px;
}

.delivery-framework {
    background-color: #fff;
}

.delivery-framework .description {
    font-weight: 400;
    max-width: 68%;
    margin: auto;
}

.delivery-framework .timeline-item h4 {
    font-size: 20px;
    font-weight: 400;
}

.delivery-framework .timeline-item p {
    font-size: 13.5px !important;
    font-weight: 400 !important;
}

.delivery-framework .timeline {
    border: 0;
    background: linear-gradient(123deg, rgba(206, 241, 255, 0.5) 0%, #cef1ff4a 100%);
    box-shadow: rgb(99 99 99 / 8%) 0px 2px 8px 0px;
}

.delivery-framework .timeline::before {
    display: none;
}

.delivery-framework .timeline-item p {
    font-size: 12px;
    font-weight: 300;
    color: #000;
    margin-bottom: 0;
    margin-top: 2px;
}

.service-workforce .workforce-image {
    height: 100%;
}

.service-workforce .workforce-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 40px;
    display: block;
    max-height: 500px;
    overflow: hidden;
}

.service-workforce .workforce-content {
    color: #fff;
    padding-left: 30px;
}

.service-workforce .workforce-content h3 {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 15px;
}

.service-workforce .service-list {
    padding-left: 15px;
}

.service-workforce .service-item {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 30px;
}

.service-workforce .dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--gradient);
    flex-shrink: 0;
    margin-top: 8px;
    border: 0;
}

.service-workforce .service-item h5 {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
    line-height: 1.5;
}

.service-workforce .service-item p {
    font-size: 14px;
    font-weight: 400;
    color: #b7c2d0;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
}

@media(max-width:991px) {
    .service-workforce .workforce-content {
        padding-left: 0;
        margin-top: 40px;
    }

    .delivery-framework .description {
        max-width: 100%;
    }
}

@media(max-width:767px) {
    .service-workforce .service-item {
        gap: 15px;
    }

    .delivery-framework .core-header-in {
        max-width: 100%;
    }
}

/* --------- END service page ----------- */

/* ----------- network challange -------------- */
.network-challange .right-ai-approach {
    text-align: end;
}

.network-challange .right-ai-approach img {
    height: 480px;
    width: fit-content;
}


/* ------------- careers ---------------- */
.about-intelligent p {
    width: 100%;
    max-width: 575px;
    margin: 0 auto;
}

.logo-card {
    padding-left: 30px;
}

.logo-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 40px;
}

.career-life {
    background: #f8f8f8;
}

.career-life .inner-page-heading p {
    font-weight: 400;
}

.career-life .life-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.career-life .life-card {
    min-height: 250px;
    background: #fff;
    position: relative;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: all 0.3s ease;
}

.career-life .life-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 25px;
    padding: .5px;
    background: linear-gradient(89deg, #3F51B5, #0fb3fa6e);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;

    opacity: 0.4;
    transition: opacity 0.5s ease;
}

.career-life .life-card:hover::before {
    opacity: 1;
}


.career-life .life-card:hover svg path {
    stroke: var(--primary-color);
    transition: .5s;
}

.career-life .life-card:hover .life-card::before {
    background: linear-gradient(89deg, #0fb3fa6e, #518ca859);
}

.career-life .icon {
    width: 50px;
    height: 30px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.career-life .icon svg,
.career-life .icon i {
    width: 50px;
    height: 50px;
}

.career-life .life-card h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
    font-family: "Montserrat", sans-serif;
}

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

    .logo-card {
        margin-top: 20px;
        padding-left: initial;
    }

    .network-challange .right-ai-approach img {
        height: auto;
    }

    .about-intelligent p br {
        display: none;
    }

    .mbuzz-mind-set-title {
        margin-top: 70px;
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .career-life .life-grid {
        grid-template-columns: 1fr;
    }

    .career-life .life-card {
        min-height: 220px;
    }
}

@media (max-width: 600px) {
    .left-career-about {
        padding-right: 10px;
    }

    .logo-card img {
        border-radius: 20px;
    }
}

.career-journey {
    position: relative;
    background-color: #00001c !important;
    overflow: hidden;
    background: url(../img/career-journey.png) no-repeat right / cover;
}

.career-workforce .service-item h5 {
    font-weight: 600;
}


.ai-partnership-journey {
    position: relative;
    background-color: #00001c !important;
    overflow: hidden;
    background: url(../img/ai-partnership-journey.webp) no-repeat center / cover;
}

/* ------------ project -------------- */
.project-list {
    background-color: #fff;
}

.project-list .filter-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.project-list .filter-item {
    position: relative;
}

.project-list .filter-item select {
    font-size: 14px;
    width: 190px;
    height: 52px;
    padding: 0 40px 0 16px;
    border: 1px solid #d8d8d8;
    border-radius: 12px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #777;
    background: #fff;
    cursor: pointer;
}

.project-list .filter-item select:active,
.project-list .filter-item select:focus {
    outline: none;
    box-shadow: none;
}

.project-list .select-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #777;
}

.project-list .search-box {
    position: relative;
    width: 220px;
}

.project-list .search-box input {
    width: 100%;
    height: 52px;
    border: 1px solid #d8d8d8;
    border-radius: 12px;
    padding: 0 16px 0 48px;
    background: #fff;
    font-size: 14px;
    outline: none;
}

.project-list .search-icon {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
}

.project-list .clear-btn {
    font-size: 14px;
    height: 52px;
    padding: 0 18px;
    border: 1px solid #d8d8d8;
    border-radius: 12px;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #888;
    cursor: pointer;
    transition: .3s;
}

.project-list .clear-btn:hover {
    background: #f5f5f5;
    color: #222;
}

.project-list .search-box input:focus,
.project-list .filter-item select:focus {
    border-color: #09427E;
}

.project-list .project-work .proj-body {
    padding-right: 50px;
}

@media(max-width:992px) {
    .project-list .project-work .proj-body {
        padding-right: 25px;
    }
}

@media(max-width:768px) {
    .project-list .clear-btn {
        justify-content: center;
    }
}

@media(max-width: 600px) {
    .project-list .filter-wrapper {
        flex-direction: column;
    }

    .project-list .filter-item,
    .project-list .search-box,
    .project-list .clear-btn {
        width: 100%;
    }

    .project-list .filter-item select,
    .project-list .search-box input {
        width: 100%;
    }
}

/* -------------- case studies --------------- */
.case-study-out {
    background-color: #fff;
}

.case-study-in-item {
    padding: 0 7px;
    margin-bottom: 13px;
}

.case-study-out .case-study-in .cs-card {
    background: #F4F7FA !important;
}

.case-study-out .case-study-in .cs-title {
    color: #000;
}

.case-study-out .case-study-in .card-date {
    color: rgb(74 74 74 / 95%);
}

.case-study-out .case-study-in .cs-desc {
    font-weight: 400;
    color: #535353;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* -------------- case studies inner --------------- */
.case-study-dtls-in {
    width: 80%;
    margin: 0 auto;
}

.case-study-dtls-head {
    max-width: 650px;
    margin: 0 auto 35px;
    width: 100%;
    text-align: center;
}

.case-study-dtls-head h2 {
    font-size: 33px;
    font-weight: 400;
    margin-bottom: 20px;
    font-family: "Montserrat", sans-serif;
}

.case-study-dtls-in-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    max-height: 500px;
    object-position: center;
}

.case-study-dtls-in-img.video-media-shell {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: #000;
    height: 500px;
}

.case-study-dtls-in-img.video-media-shell .video-preview {
    position: relative;
    display: block;
}

.case-study-dtls-in-img.video-media-shell .video-preview.is-hidden {
    display: none;
}

.case-study-dtls-in-img.video-media-shell .video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    transition: 0.3s;
    z-index: 2;
}

.case-study-dtls-in-img.video-media-shell .video-play-btn:hover {
    background: rgba(255, 255, 255, 0.28);
    transform: translate(-50%, -50%) scale(1.05);
}

.case-study-dtls-in-img.video-media-shell iframe {
    width: 100%;
    min-height: 450px;
    height: 100%;
    border: 0;
    display: none;
    border-radius: 20px;
    aspect-ratio: 16 / 9;
    background: #000;
}

.case-study-dtls-in-img.video-media-shell.is-active iframe {
    display: block;
}

.case-study-dtls-in .date {
    font-size: 12px;
    color: #797979;
}

.case-study-dtls-cont {
    max-width: 750px;
    margin: 30px auto 0 auto;
    width: 100%;
}

.case-study-dtls-cont h2 {
    font-size: 25px;
    font-weight: 400;
    margin: 15px 0;
    font-family: "Montserrat", sans-serif;
}

.case-study-dtls-cont p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    color: rgb(54 54 54 / 80%);
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
}

.case-study-dtls-cont ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.case-study-dtls-cont ul li {
    border-bottom: 0;
    padding-bottom: 0;
    font-size: 14px;
    margin: 0;
}

.case-study-dtls-cont ul li:has(h6) {
    padding-left: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}

.case-study-dtls-cont h6,
.case-study-dtls-cont ul li h6 {
    font-size: 18px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    position: relative;
    padding-left: 22px;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #111;
}

.case-study-dtls-cont h6::before,
.case-study-dtls-cont ul li h6::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.3em;
    width: 10px;
    height: 10px;
    background-image: url(../img/right-arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
}

/* inner-ul & nested lists under h6 */
.case-study-dtls-cont ul ul,
.case-study-dtls-cont h6+ul,
.case-study-dtls-cont .inner-ul {
    padding-left: 22px;
    margin-top: 8px;
    margin-bottom: 15px;
}

.case-study-dtls-cont ul li:not(:has(h6)),
.case-study-dtls-cont ul ul li,
.case-study-dtls-cont h6+ul li,
.case-study-dtls-cont .inner-ul li {
    position: relative;
    padding-left: 20px;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 1.7;
    color: rgb(54 54 54 / 80%);
    margin-bottom: 8px;
    font-family: "Montserrat", sans-serif;
}

.case-study-dtls-cont ul li:not(:has(h6))::before,
.case-study-dtls-cont ul ul li::before,
.case-study-dtls-cont h6+ul li::before,
.case-study-dtls-cont .inner-ul li::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 0.65em;
    width: 6px;
    height: 6px;
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #000000;
    border-radius: 50%;
}

.case-study-dtls-cont ul li p {
    margin-bottom: 0;
    display: inline;
}

@media (max-width: 991px) {
    .case-study-dtls-in-img.video-media-shell {
        height: 380px;
    }

    .case-study-dtls-in-img.video-media-shell iframe {
        min-height: 380px;
    }

    .case-study-dtls-in-img img {
        height: 380px;
    }
}

@media (max-width: 767px) {
    .case-study-dtls-in {
        width: 100%;
    }

    .case-study-dtls-in-img.video-media-shell {
        height: 320px;
    }

    .case-study-dtls-in-img.video-media-shell iframe {
        min-height: 320px;
    }

    .case-study-dtls-in-img img {
        height: 320px;
    }
}

@media (max-width: 600px) {
    .case-study-dtls-in h2 {
        font-size: 18px;
    }

    .case-study-dtls-cont h2 {
        font-size: 18px;
    }

    .case-study-dtls-cont ul li h6::before {
        width: 10px;
        height: 10px;
    }

    .case-study-dtls-in-img.video-media-shell {
        height: 240px;
        border-radius: 16px;
    }

    .case-study-dtls-in-img.video-media-shell .video-play-btn {
        width: 56px;
        height: 56px;
        font-size: 18px;
    }

    .case-study-dtls-in-img.video-media-shell iframe {
        min-height: 240px;
        border-radius: 16px;
    }

    .case-study-dtls-in-img img {
        height: 240px;
    }
}

/* ------------- media ----------------- */
.media-tag {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.media-tag .card-date {
    margin-bottom: 0;
}

.right-media-tag {
    font-size: 10px;
    padding: 5px 10px;
    border-radius: 50px;
}

.right-media-tag.orange {
    color: #F97B0D;
    background: #f97b0d1c;
}

.right-media-tag.green {
    color: #00971C;
    background-color: #00971c14;
}

.right-media-tag.blue {
    color: #0d73f9;
    background-color: #0d73f91c;
}

.news-tabs {
    display: flex;
    justify-content: center;
    gap: 8px;
    background: rgba(175, 175, 175, 0.12);
    width: max-content;
    margin: 0 auto 50px;
    padding: 8px;
    border-radius: 40px;
}

.news-tabs .tab-btn {
    font-size: 16px;
    min-width: 150px;
    height: 48px;
    border: none;
    color: #6d6d6d;
    background: transparent;
    border-radius: 30px;
    border: 1px solid #6d6d6d;
    font-family: "Montserrat", sans-serif;
    cursor: pointer;
    transition: .3s;
}

.news-tabs .tab-btn.active,
.news-tabs .tab-btn:hover {
    border: 0;
    background: linear-gradient(90deg, #18a8ff, #0b4d91);
    color: #fff;
}

.media-inner-des {
    padding-left: 12px;
    border-left: 4px solid #000;
    margin: 10px 0px;
}

@media (max-width: 768px) {
    .news-tabs {
        margin: 0 auto 20px;
    }

    .news-tabs .tab-btn {
        font-size: 14px;
        min-width: 100px;
        height: 35px;
    }
}

@media (max-width: 600px) {
    .news-tabs .tab-btn {
        min-width: 80px;
        height: 30px;
    }
}

@media (max-width: 400px) {
    .news-tabs {
        gap: 2px;
    }

    .news-tabs .tab-btn {
        font-size: 12px;
        min-width: 60px;
        height: 25px;
    }
}


/* ------- mbuzz-labs-what-we ------------- */
.mbuzz-labs-what-we .mbuzz-labs-what-we-card {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    height: 450px;
    margin: 0 3px;
}

.mbuzz-labs-what-we .mbuzz-labs-what-we-card-out {
    padding: 0 6px;
}

.mbuzz-labs-what-we-card .mbuzz-labs-what-we-icon {
    position: absolute;
    inset: 0;
}

.mbuzz-labs-what-we-card .mbuzz-labs-what-we-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.55s ease;
}

.mbuzz-labs-what-we-card:hover .mbuzz-labs-what-we-icon img {
    transform: scale(1.06);
}

.mbuzz-labs-what-we-card::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: 20px;
    transition: background 0.4s ease;
}

.mbuzz-labs-what-we-card .mbuzz-labs-what-we-num {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 2;
    font-size: 20px;
    font-weight: 600;
    color: rgba(255, 255, 255);
    letter-spacing: 0.06em;
}

.mbuzz-labs-what-we-card .mbuzz-labs-what-we-cont {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 18px 30px 30px;
}

.mbuzz-labs-what-we-card h3 {
    font-size: 21px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0;
    transition: margin-bottom 0.35s ease;
}

.mbuzz-labs-what-we-card:hover h3 {
    margin-bottom: 10px;
}

.mbuzz-labs-what-we-card p {
    font-size: 14px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.5;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(8px);
    transition: max-height 0.4s ease,
        opacity 0.35s ease,
        transform 0.35s ease;
}

.mbuzz-labs-what-we-card:hover p {
    max-height: 150px;
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 1500px) {
    .mbuzz-labs-what-we .mbuzz-labs-what-we-card {
        height: 360px;
    }

    .mbuzz-labs-what-we-card h3 {
        font-size: 20px;
    }

    .mbuzz-labs-what-we-card p {
        font-size: 13px;
    }
}

@media (max-width: 1200px) {
    .mbuzz-labs-what-we-card h3 {
        font-size: 16px;
    }
}

@media (max-width: 992px) {
    .mbuzz-labs-what-we .mbuzz-labs-what-we-card-out {
        margin-top: 20px;
    }

    .ai-partnership .ai-partnership-tabs {
        margin-top: 35px;
    }

    .mbuzz-labs-what-we .mbuzz-labs-what-we-card-out {
        padding: 0 10px;
    }
}

@media (max-width: 768px) {
    .mbuzz-labs-what-we .mbuzz-labs-what-we-card {
        height: 300px;
    }
}

/* --------- END  ----------- */


/* --------- Mbuzz labs  ----------- */
.mbuzz-labs-global {
    position: relative;
    background-color: #00001c !important;
    overflow: hidden;
    padding: 160px 0;
    background: url(../img/mbuzz-lab-global.webp) no-repeat center / cover;
    height: 600px;
}

.mbuzz-labs-global .ai-factory-journey {
    height: 100%;
}

.mbuzz-labs-global .width-container {
    height: 100%;
}

.mbuzz-labs-global .ai-journey-card-in {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mbuzz-labs-global .ai-factory-journey-card {
    border: 1px solid #121f5870;
    width: 500px;
}

@media (max-width: 1500px) {
    .mbuzz-labs-global {
        padding: 65px 0;
        height: 500px;
    }
}

@media (max-width: 992px) {
    .mbuzz-labs-global {
        height: 400px;
        background-position: 70% 100% !important;
    }
}


.mbuzz-labs-integn {
    background: #fff;
    text-align: center;
}

.mbuzz-labs-integn .mbuzz-labs-integn-card-head {
    margin-bottom: 30px;
    max-width: 100%;
    width: 650px;
}

.mbuzz-labs-integn .mbuzz-labs-integn-card-head h3 {
    font-weight: 500;
}

.mbuzz-labs-integn .mbuzz-labs-integn-card {
    background: linear-gradient(123deg, rgba(206, 241, 255, 0.5) 0%, #cef1ff4a 100%);
    border-radius: 25px;
    padding: 50px 40px;
    text-align: left;
    box-shadow: 0 10px 30px rgb(0 0 0 / 7%);
}

html[dir="rtl"] .mbuzz-labs-integn .mbuzz-labs-integn-card {
    text-align: right;
}

.mbuzz-labs-integn .timeline-row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 0;
}

.mbuzz-labs-integn .timeline-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    padding: 15px 20px;
    min-height: 140px;
    border-right: 1px solid rgba(135, 208, 255, 0.4);
    border-left: none;
    border-top: none;
    border-bottom: none;
}

.mbuzz-labs-integn .timeline-row .timeline-item:last-child {
    border-right: none;
}

html[dir="rtl"] .mbuzz-labs-integn .timeline-item {
    border-right: none;
    border-left: 1px solid rgba(135, 208, 255, 0.4);
}

html[dir="rtl"] .mbuzz-labs-integn .timeline-row .timeline-item:last-child {
    border-left: none;
}

.mbuzz-labs-integn .timeline-item-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.mbuzz-labs-integn .timeline-item-logo img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    border-radius: 15px;
}

.mbuzz-labs-integn .timeline-item p {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--black);
    margin: 0;
    text-align: center;
}

@media(max-width:991px) {
    .mbuzz-labs-integn .mbuzz-labs-integn-card {
        padding: 40px 25px;
    }

    .mbuzz-labs-integn .timeline-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
    }

    .mbuzz-labs-integn .timeline-item {
        flex: none;
        padding: 22px 14px;
        min-height: 130px;
        border: none !important;
    }

    /* LTR 2x2 Grid Borders (Symmetrical Cross Divider) */
    html[dir="ltr"] .mbuzz-labs-integn .timeline-item:nth-child(odd) {
        border-right: 1px solid rgba(135, 208, 255, 0.4) !important;
    }

    html[dir="ltr"] .mbuzz-labs-integn .timeline-item:nth-child(1),
    html[dir="ltr"] .mbuzz-labs-integn .timeline-item:nth-child(2) {
        border-bottom: 1px solid rgba(135, 208, 255, 0.4) !important;
    }

    /* RTL 2x2 Grid Borders (Symmetrical Cross Divider) */
    html[dir="rtl"] .mbuzz-labs-integn .timeline-item:nth-child(odd) {
        border-left: 1px solid rgba(135, 208, 255, 0.4) !important;
    }

    html[dir="rtl"] .mbuzz-labs-integn .timeline-item:nth-child(1),
    html[dir="rtl"] .mbuzz-labs-integn .timeline-item:nth-child(2) {
        border-bottom: 1px solid rgba(135, 208, 255, 0.4) !important;
    }
}

@media(max-width:576px) {
    .mbuzz-labs-integn .mbuzz-labs-integn-card {
        padding: 25px 15px;
    }

    .mbuzz-labs-integn .timeline-item {
        padding: 18px 8px;
        min-height: 120px;
    }

    .mbuzz-labs-integn .timeline-item-logo img {
        width: 52px;
        height: 52px;
        margin-bottom: 10px;
    }

    .mbuzz-labs-integn .timeline-item p {
        font-size: 12px;
        line-height: 1.35;
    }
}


.mbuzz-aleria-in {
    padding: 120px 0px;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    text-align: center;
    max-width: 1120px;
    margin: 0px auto;
    width: 100%;
}

.mbuzz-aleria-in::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url('../img/soverign-ai-operation.webp') no-repeat center center/cover;
    transition: transform 0.8s ease;
    z-index: -1;
    opacity: 0.1;
}

.mbuzz-aleria-in:hover::before {
    transform: scale(1.1) translateY(-10px);
}

.mbuzz-aleria-in2::before {
    background: var(--bg-image, url('../img/soverign-ai-operation-2.webp')) no-repeat center center/cover;
}

.mbuzz-aleria-in::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 35px;
    padding: 2px;
    background: linear-gradient(190deg, #005c8a, #587013);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.mbuzz-aleria-in:hover::after {
    background: linear-gradient(190deg, #587013, #005c8a);
}

.mbuzz-aleria-card {
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

@media (max-width: 768px) {
    .mbuzz-aleria-in {
        padding: 40px 0;
    }
}

@media (max-width: 600px) {
    .sovereign-ai-aleria-in {
        padding: 30px 15px 15px;
        border-radius: 15px;
    }
}


.mbuzz-aleria .process-bar {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 18px 35px;
    margin: 0 35px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 96px 89px 0 rgba(0, 0, 0, 0.09), 0 41px 41px 0 rgba(0, 0, 0, 0.07), 0 21px 21px 0 rgba(0, 0, 0, 0.06), 0 14px 11px 0 rgba(0, 0, 0, 0.05), 0 5px 5px 0 rgba(0, 0, 0, 0.04), 0 3px 3px 0 rgba(0, 0, 0, 0.03);
    background: rgba(235, 245, 255, 0.2);
    gap: 10px;
}

.mbuzz-aleria .process-item {
    display: flex;
    align-items: center;
    width: 23.3%;
    gap: 10px;
    position: relative;
    z-index: 2;
}

.mbuzz-aleria .process-item .step {
    width: 35px;
    height: 35px;
    border-radius: 6px;
    background: var(--gradient);
    color: rgb(255, 255, 255);
    font-size: 21px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat", sans-serif;
}

.mbuzz-aleria .process-item .text {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
    color: #fff;
    text-align: left;
    font-family: "Montserrat", sans-serif;
}

.mbuzz-aleria .supplier-partners {
    margin-top: 30px;
    /* background: linear-gradient(90deg, #fff 0%, #999 100%); */
    background: #ffffff0a;
}

.mbuzz-aleria .supplier-partners .item {
    padding: 0px 15px;
    margin: 0px;
    border-radius: 0;
}

.mbuzz-aleria .supplier-partners .item img {
    width: 100%;
    height: 80px;
    object-fit: contain;
    margin: 0 auto;
    transition: 0.4s ease;
}

.mbuzz-lab-work .ai-consulting-list-item {
    padding: 30px 40px;
}


.mbuzz-lab-work .ai-consulting-list-item h4 {
    font-weight: 500;
}


.mbuzz-labs-stand .mbuzz-labs-stand-card-head {
    margin-bottom: 30px;
    max-width: 100%;
    width: 650px;
}

.mbuzz-labs-stand .mbuzz-labs-stand-card-head h3 {
    font-weight: 400;
}

.mbuzz-labs-stand .timeline-row {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(3, 1fr);
    /* gap: 50px; */
}

.mbuzz-labs-stand .timeline-item {
    flex: 1;
    border-left: 1px solid #0db4f92e;
    border-right: 1px solid #0db4f92e;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 10px 50px;
    margin: 30px 0;
}

.mbuzz-labs-stand .timeline-item-logo img {
    width: 85px;
    border-radius: 15px;
    margin-bottom: 15px;
}

.mbuzz-labs-stand .timeline-item h6 {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin: 0;
    text-align: center;
    margin-bottom: 15px;
    font-family: "Montserrat", sans-serif;
}

.mbuzz-labs-stand .timeline-item p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}

@media(max-width:991px) {
    .mbuzz-labs-stand .timeline-row {
        flex-wrap: wrap;
    }

    .mbuzz-labs-stand .timeline-item {
        flex: 0 0 calc(50% - 15px);
        padding: 15px;
        margin: 15px 0;
    }

    .mbuzz-labs-stand .timeline-item-logo img {
        width: 50px;
    }

    .mbuzz-aleria .process-item {
        width: 30.3%;
        gap: 6px;
    }
}

@media(max-width:767px) {
    .mbuzz-labs-stand .timeline-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .mbuzz-aleria .process-item {
        width: 48%;
    }
}

@media(max-width:600px) {
    .mbuzz-labs-stand .timeline-item {
        padding: 10px;
        flex: 0 0 calc(50% - 5px);
        border-bottom: 1px solid #0db4f96b;
        border-right: 0;
        border-left: 0;
    }
}

@media(max-width:500px) {
    .mbuzz-labs-stand .timeline-row {
        grid-template-columns: repeat(1, 1fr);
    }

    .mbuzz-labs-stand .timeline-item {
        flex: 0 0 100%;
    }

    .mbuzz-aleria .process-item {
        width: 100%;
    }

    .mbuzz-aleria .process-bar {
        padding: 18px;
        margin: 0 15px;
    }
}

/*mbuzz life*/
.mbuzz-life {
    background: #f8f8f8;
}

.mbuzz-life .life-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.mbuzz-life .life-card p {
    font-weight: 400;
}

.mbuzz-life .life-card {
    position: relative;
    background: #fff;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    text-align: center;
    padding: 30px 55px;
    box-shadow: rgb(99 99 99 / 8%) 0px 2px 8px;
    transition: 0.5s;
    overflow: hidden;
    z-index: 1;
}


/* Default Border */
.mbuzz-life .life-card::before,
.mbuzz-life .life-card::after {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
    transition: opacity .5s ease;
}

/* Normal Gradient Border */
.mbuzz-life .life-card::before {
    background: linear-gradient(90deg, rgb(20 20 20 / 35%), rgb(126 176 255 / 36%));
    opacity: 1;
}

/* Hover Gradient Border */
.mbuzz-life .life-card::after {
    background: linear-gradient(90deg,
            #518ca8,
            #0fb3fa,
            #518ca8);
    opacity: 0;
}

/* Hover Effect */
.mbuzz-life .life-card:hover::before {
    opacity: 0;
}

.mbuzz-life .life-card:hover::after {
    opacity: 1;
}




.mbuzz-life .life-card:hover .icon svg path {
    stroke: var(--primary-color);
    transition: 0.5s;
}

.mbuzz-life .life-card:hover h4 {
    color: var(--primary-color);
    transition: 0.5s;
}

.mbuzz-life .icon {
    width: 35px;
    height: 25px;
    margin: 25px 0 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mbuzz-life .icon svg,
.mbuzz-life .icon i {
    width: 40px;
    height: 40px;
}

.mbuzz-life .life-card h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 15px;
    font-family: "Montserrat", sans-serif;
}

.mbuzz-life p {
    margin-bottom: 0;
}

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

    .mbuzz-life .life-card {
        padding: 25px;
    }
}

@media (max-width: 767px) {
    .mbuzz-life .life-card {
        padding: 15px;
    }
}

@media (max-width: 600px) {
    .mbuzz-life .life-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

/* --------- END Mbuzz labs  ----------- */



/* ---------- about -------------- */
.about-counter-wrpper-main {
    position: relative;
    background: var(--white);
}

.about-counter-wrpper-main .counter-main-wrapper {
    background: rgba(244, 247, 250, 1);
    padding: 70px;
    border-radius: 30px;
}

.about-counter-wrpper-main .counter-main-wrapper .heading {
    font-size: 40px;
    font-weight: 500;
}

.about-counter-wrpper-main .ab-counter-wrapper {
    position: relative;
    overflow: hidden;
    padding: 10px 15px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.04);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
    z-index: 1;
}

/* Gradient Border */
.about-counter-wrpper-main .ab-counter-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: .5px;
    border-radius: inherit;
    background: linear-gradient(88deg, rgb(17 51 86 / 33%) 0%, rgb(0 169 255 / 36%) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: .1;
    transition: opacity .35s ease, background .35s ease;
    pointer-events: none;
}

/* Hover Gradient Background */
.about-counter-wrpper-main .ab-counter-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    z-index: -1;
    background: linear-gradient(120deg, rgba(0, 158, 255, .08) 0%, rgba(206, 241, 255, .04) 45%, rgba(255, 255, 255, 0) 100%);
    opacity: .1;
    transition: opacity .35s ease;
}

.about-counter-wrpper-main .ab-counter-wrapper:hover::after {
    opacity: 1;
    background-position: 0 0;
}

/* Animate Border Gradient */
.about-counter-wrpper-main .ab-counter-wrapper:hover::before {

    opacity: .8;
}

/* Keep content above pseudo-elements */
.about-counter-wrpper-main .ab-counter-wrapper>* {
    position: relative;
    z-index: 2;
}

.about-counter-wrpper-main .counter-brand-text {
    font-size: 15px;
    text-transform: uppercase;
    color: #000;
    margin: 0px;
    font-weight: 600;
    text-align: right;
    width: 100%;
}

.about-counter-wrpper-main .counter-wrapp .counter {
    font-size: 40px;
    font-weight: 600;
    background: var(--gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    margin: 0px;
    margin-left: 10px;
    width: max-content;
}



.timeline-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.timeline-nav-controls {
    display: flex;
    gap: 15px;
}

.timeline-nav-btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid var(--primary-color);
    background: transparent;
    color: var(--primary-color);
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timeline-nav-btn:hover {
    background: var(--primary-color);
    color: #fff;
}

.timeline-wrapper-main .timeline-wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    min-height: 600px;
    padding: 0px 10px;
    overflow-x: scroll;
    font-family: "Montserrat", sans-serif;
    scrollbar-width: thin;
    scrollbar-color: var(--primary-color) #1a1a1a;
    padding-bottom: 30px;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    /* touch-action: none; Removed to allow native smooth scrolling on mobile */
}

.timeline-wrapper-main .timeline-wrapper.is-dragging {
    cursor: grabbing;
    user-select: none;
}

.timeline-wrapper-main .timeline-wrapper::-webkit-scrollbar {
    height: 8px;
}

.timeline-wrapper-main .timeline-wrapper::-webkit-scrollbar-track {
    background: #1a1a1a;
    border-radius: 10px;
}

.timeline-wrapper-main .timeline-wrapper::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, var(--primary-color), #ffb300);
    border-radius: 10px;
}

.timeline-wrapper-main .timeline-wrapper::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(90deg, var(--primary-color), #ffd54f);
}

.timeline-wrapper-main .timeline-wrapper::-webkit-scrollbar {
    height: 8px;
}

.timeline-wrapper-main .timeline-wrapper::-webkit-scrollbar-track {
    background: #1a1a1a;
    border-radius: 10px;
}

.timeline-wrapper-main .timeline-wrapper::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 10px;
}

.timeline-wrapper-main .timeline-wrapper::-webkit-scrollbar-thumb:hover {
    background: #0a95ff;
}

.timeline-wrapper-main .timeline-line {
    position: absolute;
    top: 30.4%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #0f8fff;
    opacity: .7;
    transform: translateY(-50%);
}

.timeline-wrapper-main .timeline-item {
    flex: 0 0 370px;
    width: 370px;
    position: relative;
    display: flex;
    justify-content: center;
}

.timeline-wrapper-main .timeline-dot {
    position: absolute;
    top: 31.8%;
    left: 77px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: var(--gradient);
    border: 2px solid #fff;
    z-index: 10;
    transition: .4s;
}

.timeline-wrapper-main .timeline-card {
    position: relative;
    width: 100%;
    max-width: 450px;
    height: 100%;
    margin: 0px 20px;
    padding: 20px;
    border-radius: 20px;
    transition: 0.5s;
}

.timeline-wrapper-main .timeline-year {
    opacity: 0;
    visibility: hidden;
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    transition: .5s;
    padding-left: 25px;
}

.timeline-wrapper-main .timeline-content {
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    padding: 120px 50px 50px;
}

.timeline-wrapper-main .timeline-number {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}

.timeline-wrapper-main .timeline-content h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 10px;
}

.timeline-wrapper-main .timeline-content h3 p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 10px;
}

.timeline-wrapper-main .timeline-content p {
    color: rgba(255, 255, 255, .85);
    font-size: 14px;
    font-weight: 200;
}


/* Hover Card */

.timeline-wrapper-main .timeline-item:hover .timeline-card,
.timeline-wrapper-main .timeline-item.active .timeline-card {
    box-shadow:
        inset 0 -1.2px 13.2px #6694ff33, inset 0 -36.5px 14.6px -1.2px #2365ff26, inset 0 -29.2px 20.3px -11px #ffffffa3, inset 0 -71.4px 32.5px -2.2px #0d86f961;
}


.timeline-wrapper-main .timeline-item:hover .timeline-year,
.timeline-wrapper-main .timeline-item.active .timeline-year {
    opacity: 1;
    visibility: visible;
}

.about-counter-wrpper-main .right-about-counter-img {
    height: 100%;
    padding-left: 25px;
}

.about-counter-wrpper-main .right-about-counter-img img {
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

.about-counter-wrpper-main .ab-counter-wrapper:hover .elv-service-icon {
    transform: rotate(10deg);
    transition: .5s;
}


@media(max-width:1250px) {
    .about-counter-wrpper-main .counter-main-wrapper {
        padding: 40px;
    }

    .timeline-wrapper-main .timeline-content {
        padding: 90px 30px 30px;
    }

    .timeline-wrapper-main .timeline-dot {
        left: 47px;
        top: 21%;
    }

    .timeline-wrapper-main .timeline-card {
        margin: 0px 10px;
    }

    .timeline-wrapper-main .timeline-wrapper-main .timeline-wrapper {
        min-height: 450px;
    }

    .timeline-wrapper-main .timeline-line {
        top: 20%;
    }

    .timeline-wrapper-main .timeline-year {
        padding-left: 10px;
    }

    .timeline-nav-btn {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

}

@media(max-width:1250px) {
    /* .timeline-wrapper-main .timeline-line {
        display: none;
    } */

    /* .timeline-wrapper-main .timeline-dot {
        display: none;
    } */
}

/* Tablet */

@media(max-width:991px) {
    .timeline-wrapper-main .timeline-line {
        top: 35%;
    }

    .timeline-wrapper-main .timeline-dot {
        top: 32.5%;
    }

    .timeline-wrapper-main .timeline-wrapper {
        padding: 30px 20px;
        min-height: auto;
        gap: 10px;
    }

    .ab-counter-wrapper-out {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .about-counter-wrpper-main .ab-counter-wrapper {
        width: 48%;
        margin-top: 0;
    }

    .left-about-counter {
        margin-bottom: 20px;
    }

    .about-counter-wrpper-main .right-about-counter-img {
        padding-left: initial;
    }

    /* .timeline-wrapper-main .timeline-item {
    width: calc(50% - 15px);
  } */
    .timeline-wrapper-main .timeline-card {
        height: 500px;
    }

    .timeline-wrapper-main .timeline-year {
        font-size: 54px;
    }

    .timeline-wrapper-main .timeline-card {
        height: 390px;
    }

    /* .timeline-wrapper-main .timeline-dot {
        display: none;
    } */

    /* .timeline-wrapper-main .timeline-line {
    display: none;
  } */
    .about-counter-wrpper-main .counter-wrapp .counter {
        font-size: 30px;
    }
}

/* Mobile */

@media(max-width:767px) {
    .about-counter-wrpper-main .ab-counter-wrapper {
        width: 100%;
        margin-top: 10px;
    }

    .timeline-wrapper-main .timeline-item {
        flex: 0 0 300px;
        width: 300px;
    }

    .timeline-wrapper-main .timeline-card {
        height: auto;
        min-height: auto;
        padding-bottom: 0px;
    }

    .timeline-wrapper-main .timeline-year {
        opacity: 1;
        visibility: visible;
        font-size: 30px;
        margin-bottom: 20px;
        padding-left: 0px;
    }

    .timeline-wrapper-main .timeline-content {
        position: relative;
        padding: 0;
        padding-top: 80px;
    }

    .about-counter-wrpper-main .counter-main-wrapper {
        padding: 0px;
    }

    .about-counter-wrpper-main .counter-wrapp .counter {
        font-size: 30px;
    }

    .timeline-header-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .timeline-nav-btn {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }

    .timeline-wrapper-main .timeline-line {
        top: 25%;
    }

    .timeline-wrapper-main .timeline-dot {
        top: 22%;
        left: 40px;
    }


}




.mission-vision-wrapper-main .vision-mission-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 140px;
    margin-bottom: 120px;
}

.mission-vision-wrapper-main .vision-box,
.mission-vision-wrapper-main .mission-box {
    flex: 1;
}

.mission-vision-wrapper-main .vision-box h3,
.mission-vision-wrapper-main .mission-box h3 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 18px;
    color: #fff;
}

.mission-vision-wrapper-main .vision-box p,
.mission-vision-wrapper-main .mission-box p {
    color: rgba(255, 255, 255, .8);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    max-width: 100%;
}

.mission-vision-wrapper-main .vision-divider {
    width: 1.5px;
    height: 130px;
    background: linear-gradient(179deg, #0DB4F9 0%, #09427E 100%);
    opacity: .7;
    margin-top: 15px;
}


.mission-vision-wrapper-main .visionary-wrapper {
    position: relative;
    max-width: 1100px;
    margin: auto;
}

.mission-vision-wrapper-main .visionary-card {
    position: relative;
    padding: 150px 60px 60px;
    border-radius: 28px;
    margin-top: 120px;
    backdrop-filter: blur(70px);
    box-shadow: 0 1px 30px 0 rgba(69, 42, 124, 0.1);
    background: linear-gradient(123deg, rgb(67 67 67 / 39%) 0%, rgb(0 0 0 / 0%) 100%);
}

.mission-vision-wrapper-main .visionary-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 30px;
    padding: 1px;
    background: linear-gradient(269deg, #215670, #0db2f91f);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.mission-vision-wrapper-main .visionary-profile {
    position: absolute;
    top: -42px;
    left: 45px;
    display: flex;
    align-items: center;
    background: #111;
    border-radius: 10px;
    padding: 25px 76px 25px 150px;
    box-shadow: 16px 13px 53px rgb(46 122 255 / 10%);
}

.mission-vision-wrapper-main .visionary-image {
    width: 130px;
    height: 130px;
    border-radius: 14px;
    overflow: hidden;
    border: 4px solid #fff;
    flex-shrink: 0;
    position: absolute;
    left: 15px;
    top: -15px;
    background: #040711;
}

.mission-vision-wrapper-main .visionary-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mission-vision-wrapper-main .visionary-info {
    padding-left: 14px;
}

.mission-vision-wrapper-main .visionary-info h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 1px;
    color: var(--white);
}

.mission-vision-wrapper-main .visionary-info span {
    color: rgba(255, 255, 255, .65);
    font-size: 13px;
}

.mission-vision-wrapper-main .visionary-content {
    color: #fff;
}

.mission-vision-wrapper-main .visionary-content p {
    font-size: 19px;
    line-height: 2;
    color: rgba(255, 255, 255, .92);
    margin-bottom: 8px;
}

.mission-vision-wrapper-main .quote-mark img {
    width: 110px;
    margin-top: 30px;
}

@media(max-width:1250px) {
    .mission-vision-wrapper-main .vision-mission-top {
        margin-bottom: 80px;
    }
}

@media(max-width:991px) {
    .mission-vision-wrapper-main .vision-mission-top {
        flex-direction: column;
        gap: 40px;
        margin-bottom: 40px;
    }

    .mission-vision-wrapper-main .vision-divider {
        width: 100%;
        height: 1px;
    }

    .mission-vision-wrapper-main .visionary-card {
        padding: 100px 25px 35px;
        margin-top: 90px;
    }

    .mission-vision-wrapper-main .visionary-profile {
        left: 20px;
        right: 20px;
        width: fit-content;
    }

}

@media(max-width:767px) {

    .mission-vision-wrapper-main .vision-box h3,
    .mission-vision-wrapper-main .mission-box h3 {
        font-size: 20px;
    }

    .mission-vision-wrapper-main .visionary-profile {
        position: relative;
        left: 0px;
        padding: 15px 15px;
        display: flex;
        align-items: center;
    }

    .mission-vision-wrapper-main .visionary-image {
        top: auto;
        left: auto;
        position: relative;
        width: 70px;
        height: 70px;
    }

    .mission-vision-wrapper-main .visionary-card {
        padding: 15px;
        margin-top: 47px;
    }

    .mission-vision-wrapper-main .visionary-content p {
        font-size: 16px;
        line-height: 1.8;
        margin-top: -20px;
    }

    .mission-vision-wrapper-main .quote-mark img {
        width: 70px;
        margin-top: 20px;
    }
}

@media(max-width:600px) {
    .mission-vision-wrapper-main .vision-mission-top {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
    }

    .mission-vision-wrapper-main .vision-box p,
    .mission-vision-wrapper-main .mission-box p {
        margin-bottom: 0;
    }
}

/* Partners */

.partner-container {
    padding: 0px 200px;
}

.partner-box {
    border: 1px solid transparent;
    border-radius: 15px;
    background: linear-gradient(rgb(244, 247, 250), rgb(244, 247, 250)) padding-box padding-box, linear-gradient(90deg, rgb(134 228 255 / 44%), rgb(178 178 178 / 28%)) border-box border-box;
    padding: 5px 10px;
    margin: 5px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.partner-box img {
    width: 100%;
    height: 80px;
    object-fit: contain;
    margin: auto;
    display: block;
}

@media(max-width:1024px) {
    .partner-container {
        padding: 0px 60px;
    }
}


@media(max-width:768px) {
    .partner-container {
        padding: 0px 20px;
    }

    .partner-box {
        margin: 0;
    }
}


/* Transformation */

.transformation-section {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    background: linear-gradient(#020b1e, #020b1e) padding-box, linear-gradient(89deg, rgb(13 180 249) 0%, rgba(13, 180, 249, 1) 50%, rgb(13 180 249 / 18%) 100%) border-box;
    margin: 0px 70px;
    border-radius: 50px;
}

.transformation-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.video-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(90deg, rgb(0 0 0 / 17%) 0%, rgb(0 0 0 / 7%) 40%, rgba(0, 0, 0, 0.15) 100%);
}

.transformation-section .transformation-container {
    position: relative;
    z-index: 3;
    margin: 0 auto;
    width: 100%;
    min-height: 700px;
    padding: 60px;
}

.transformation-card {
    max-width: 780px;
    padding: 30px;
    border-radius: 30px;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(.5px);
    -webkit-backdrop-filter: blur(.5px);
    border: 1px solid rgb(0 183 255 / 45%);
}


.transformation-card h2 {
    color: #fff;
    font-size: 33px;
    line-height: 1.15;
    font-weight: 300;
    margin-bottom: 25px;
}

.transformation-card p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    font-weight: 200;
    /* text-align: justify; */
}

@media (max-width: 1100px) {
    .transformation-section .transformation-container {
        padding: 30px;
    }

    .transformation-section {
        border-radius: 30px;
        margin: 0px 30px;
    }

    .transformation-card {
        padding: 30px;
    }

}


@media (max-width: 991px) {
    .transformation-card {
        max-width: 100%;
    }

    .transformation-card h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .transformation-section .transformation-container {
        min-height: auto;
        padding: 50px 20px;
    }
}


@media (max-width: 767px) {
    .transformation-card {
        padding: 20px;
        border-radius: 20px;
        background: rgb(0 0 0 / 70%);
    }

    .transformation-card h2 {
        font-size: 30px;
    }

    .transformation-card p {
        font-size: 13px;
    }

    .transformation-section {
        margin: 0px;
        border-radius: 0px;
    }
}

@media (max-width: 500px) {
    .transformation-card h2 {
        font-size: 25px;
    }
}


/* ------ network-service-section ---------- */
.network-service-section {
    background-color: #fff;
}

.network-service-section .ai-consulting-list-white .ai-consulting-list-item {
    position: relative;
    padding: 25px 40px;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 10px 20px rgb(0 0 0 / 3%);
    overflow: hidden;
    min-height: 100%;
    z-index: 1;
}

.network-service-section .ai-consulting-list-white .ai-consulting-list-item::before,
.network-service-section .ai-consulting-list-white .ai-consulting-list-item::after {
    content: "";
    position: absolute;
    inset: 0;
    padding: .5px;
    border-radius: inherit;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    transition: opacity .5s ease;
    pointer-events: none;
}

.network-service-section .ai-consulting-list-white .ai-consulting-list-item::before {
    background: linear-gradient(309deg, rgb(81 204 255 / 79%), rgb(0 25 52 / 25%));
    opacity: 1;
}

.network-service-section .ai-consulting-list-white .ai-consulting-list-item::after {
    background: linear-gradient(90deg, #001d65, #09427E, #0DB4F9);
    opacity: 0;
}

.network-service-section .ai-consulting-list-white .ai-consulting-list-item:hover::before {
    opacity: 0;
}

.network-service-section .ai-consulting-list-white .ai-consulting-list-item:hover::after {
    opacity: 1;
}



.ai-consulting-list-white .ai-consulting-list-item h4 {
    color: var(--black);
    font-weight: 500;
    margin-bottom: 10px 20px;
    font-size: 18px;
    transition: .5s;

}

.ai-consulting-list-white .ai-consulting-list-item p {
    color: var(--black);
    font-size: 13.5px;
    font-weight: 400;
}

.ai-consulting-list-white .ai-consulting-list-item .icon svg path {
    stroke: rgba(9, 66, 126, 1);
    transition: stroke 0.5s ease;
}

.ai-consulting-list-white .ai-consulting-list-item:hover .icon svg path {
    stroke: var(--primary-color);
}

.ai-consulting-list-white .ai-consulting-list-in {
    padding: 0px;
}

.ai-consulting-list-white .ai-consulting-list-item .icon {
    height: 40px;
    width: 40px;
    margin-bottom: 30px;
}

.ai-consulting-list-white .ai-consulting-list-item:hover {
    border: none;
}

.ai-consulting-list-white .ai-consulting-list-item:hover h4 {
    color: var(--primary-color);
    transition: color 0.5s ease;
}

@media (max-width: 600px) {
    .ai-consulting-list-white .ai-consulting-list-item {
        padding: 20px;
    }
}

.iti .iti__selected-dial-code {
    color: white;
}

.iti .iti__selected-dial-code {
    color: #565656;
    font-size: 12px;
}

.iti__selected-country {
    padding-bottom: 6px !important;
}

.iti {
    width: 100%;
}

.text-danger {
    font-size: 12px;
}

/* Cookies */
.cookie-modal-overlay {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    align-items: flex-end;
    justify-content: center;
    z-index: 99999;
    padding: 0;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    padding-bottom: env(safe-area-inset-bottom);
}

.cookie-modal-overlay.show {
    display: flex;
}

.cookie-modal {
    background: #0000005c;
    color: #ffffff;
    width: 100%;
    padding: 10px;
    box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.12);
    border-radius: 0;
    position: relative;
}

.cookie-close {
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    margin: 0;
    display: block;
}

.cookie-modal h3 {
    margin-bottom: 10px;
    font-size: 22px;
}

.cookie-modal p {
    margin-bottom: 0px;
    line-height: 1.6;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
}

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

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

.cookie-buttons .main-btn {
    border: .5px solid var(--primary-color);
    background: transparent;
}

.cookie-buttons .main-btn:hover {
    background: var(--gradient);
}

.cookie-btn {
    border: 0;
    border-radius: 999px;
    padding: 10px 18px;
    cursor: pointer;
    font-weight: 600;
    background: #0f6fff;
    color: #fff;
}


@media (max-width: 1024px) {
    .cookie-actions {
        flex-direction: column;
        justify-content: center;
        gap: 10px;
    }
}


/* Cookies */



/* Coming Soon */

.coming-soon-wrapper {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--white);
}

.coming-soon-wrapper .coming-soon-video {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: "";
    object-fit: cover;
}



.coming-soon-box h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
}

.coming-soon-box p {
    font-size: 12px;
    font-weight: 300;
    width: 80%;
    margin: auto;
    color: #ffffffad;
}

.coming-soon-box {
    padding: 55px 20px;
    width: 700px;
    margin: auto;
    text-transform: uppercase;
}

.description-text {
    text-transform: capitalize;
}

.coming-soon-input-wrap {
    display: flex;
    gap: 5px;
    justify-content: center;
    position: relative;
    z-index: 2;
    margin: 20px 0 10px 0px;
}


.coming-soon-input-wrap input {
    border-radius: 50px;
    background: transparent;
    border: 1px solid var(--primary-color);
    min-width: 300px;
    padding-left: 15px;
    font-size: 13px;
    color: #fff;
}

.coming-soon-input-wrap input:focus {
    border: 1px solid var(--primary-color);
}

.coming-soon-input-wrap input:focus-visible {
    border: 1px solid var(--primary-color);
}

.comingsoon-head {
    width: fit-content;
    position: absolute;
    top: 20px;
    right: 50px;
    z-index: 5;
}

.coming-soon-logo {
    width: 180px;
    margin: auto;
    position: relative;
    z-index: 5;
    margin-bottom: 10px;
}

.coming-soon-copyright {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}


.launching-text {
    position: relative;
    font-weight: 700;
    background: linear-gradient(118deg, #ffffff 0%, #f8f8f8 18%, #ffffff 42%, #ffffff87 76%, #ffffff00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-size: 60px;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.ai-factory-journey-card.coming-soon-box {
    background: rgb(8 4 19 / 24%);
}

html[dir="rtl"] .coming-soon-input-wrap input {
    padding-right: 15px;
    padding-left: auto;
}

html[dir="rtl"] .coming-soon-box h3 {
    font-weight: 500;
}

@media (max-width: 1024px) {
    .coming-soon-box {
        width: 90%;
        padding: 20px;
    }

    .coming-soon-box h3 {
        font-size: 22px;
    }

    .launching-text {
        font-size: 50px;
    }

    .coming-soon-box p {
        width: 100%;
    }

    .comingsoon-head .lang-switch .arb,
    .comingsoon-head .lang-switch .eng {
        background: none;
    }

    .comingsoon-head {
        right: 30px;
    }

}

@media (max-width: 768px) {
    .coming-soon-input-wrap input {
        min-width: auto;
    }

    .coming-soon-box {
        padding: 15px;
        margin-bottom: 60px;
    }

    .coming-soon-box h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .launching-text {
        font-size: 35px;
    }
}

@media (max-width: 450px) {
    .coming-soon-input-wrap {
        flex-direction: column;
        gap: 10px;
    }

    .coming-soon-input-wrap input {
        min-height: 45px;
    }
}


.page-wrapper404 {
    max-width: 700px;
    margin: auto;
    text-align: center;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.page-wrapper404 h2 {
    color: #fd6c6a;
    font-size: 120px;
    font-weight: 800;
    text-align: center;
}

.page-wrapper404 h4 {
    color: var(--primary-color);
    font-size: 30px;
    font-weight: 400;
    text-align: center;
}

.page-wrapper404 p {
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    color: white;
    margin-top: 20px;
}

.footer-404 {
    padding-top: 100px !important;
}



@media (max-width: 1024px) {
    .page-wrapper404 {
        padding: 110px 30px 160px;
    }

    .page-wrapper404 h2 {
        font-size: 85px;
    }

    .page-wrapper404 h4 {
        font-size: 25px;
    }
}

@media (max-width: 991px) {
    .page-wrapper404 h2 {
        font-size: 55px;
    }

    .page-wrapper404 p {
        font-size: 13px;
    }

    .page-wrapper404 h4 {
        font-size: 20px;
    }

    .page-wrapper404 p {
        margin-top: 10px;
    }

    .page-wrapper404 {
        padding: 100px 30px 150px;
    }

    .footer-404 {
        padding-top: 60px !important;
    }
}


/* -----------------------------------------
                AR start here
------------------------------------------*/



html[dir="rtl"] body {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .dropdown-toggle::after {
    margin-right: .255em;
}

html[dir="rtl"] .right-nav-top .dropdown-menu li::after {
    left: auto;
    background: linear-gradient(90deg, transparent, rgba(13, 163, 231, 0.6));
    right: 0;
}

html[dir="rtl"] .nav-desc-menu ul li a {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .login-btn {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .menu a {
    font-family: 'FuturaArabic';
}


html[dir="rtl"] .right-nav-top .dropdown-menu {
    left: auto;
    right: 0;
}

html[dir="rtl"] .right-nav-top .submenu-menu {
    left: auto;
    right: 110%;
}

html[dir="rtl"] .right-nav-top .dropdown-menu li::before {
    left: auto;
    right: 0;
}

html[dir="rtl"] .right-nav-top .dropdown-menu li {
    text-align: right;
}

html[dir="rtl"] .banner_slider .carousel-caption {
    text-align: right;
}

html[dir="rtl"] .banner_slider .carousel-caption h5 {
    font-family: 'FuturaArabic';
}

.lang-switch span a {
    font-family: 'FuturaArabic';
}

.lang-switch .eng a {
    font-family: 'Montserrat';
    padding-top: 1px;
}


/* html[dir="rtl"] .banner_slider .carousel-control-prev, 
html[dir="rtl"] .banner_slider .carousel-control-next{
  rotate: 180deg;
} */

html[dir="rtl"] .heading {
    font-family: 'FuturaArabic';
    font-weight: 500;
    line-height: 50px;
}

html[dir="rtl"] .right-top-proj-card-item {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .left-top-proj-card-item a {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .carousel-caption-in {
    max-width: 45%;
}

html[dir="rtl"] .footer-subcribe h4 {
    font-family: 'FuturaArabic';
}


@media (max-width: 1600px) {
    html[dir="rtl"] .carousel-caption-in {
        max-width: 50%;
    }
}

@media (max-width: 1500px) {
    html[dir="rtl"] .carousel-caption-in {
        max-width: 53%;
    }
}

@media (max-width: 1400px) {
    html[dir="rtl"] .carousel-caption-in {
        max-width: 57%;
    }
}

@media (max-width: 1250px) {
    html[dir="rtl"] .carousel-caption-in {
        max-width: 64%;
    }
}

@media (max-width: 1200px) {
    html[dir="rtl"] .carousel-caption-in {
        max-width: 72%;
    }
}

@media (max-width: 1100px) {
    html[dir="rtl"] .carousel-caption-in {
        max-width: 79%;
    }
}

@media (max-width: 992px) {
    html[dir="rtl"] .carousel-caption-in {
        max-width: 61%;
    }

    html[dir="rtl"] .heading {
        line-height: normal;
    }
}

@media (max-width: 883px) {
    html[dir="rtl"] .carousel-caption-in {
        max-width: 69%;
    }
}

@media (max-width: 780px) {
    html[dir="rtl"] .carousel-caption-in {
        max-width: 78%;
    }
}

@media (max-width: 690px) {
    html[dir="rtl"] .carousel-caption-in {
        max-width: 88%;
    }
}

@media (max-width: 612px) {
    html[dir="rtl"] .carousel-caption-in {
        max-width: 99%;
    }
}

html[dir="rtl"] .ai-about .logo-card {
    padding-left: initial;
    padding-right: 58px;
}

html[dir="rtl"] .innovation-content {
    padding-right: 25px;
    padding-left: 20px;
}

html[dir="rtl"] .stats-section .stat-card-out:last-child {
    padding-left: 15px;
    padding-right: 3px;
}

html[dir="rtl"] .project-work h5 {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .copy-right-item p a {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .footer-subcribe p {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .service-workforce .service-item h5 {
    font-weight: 500 !important;
}

@media (max-width: 1200px) {
    html[dir="rtl"] .stats-section .stat-card-out:nth-child(even) {
        padding-left: 15px;
        padding-right: 0;
    }
}

@media (max-width: 992px) {
    html[dir="rtl"] .ai-about .logo-card {
        padding-right: initial;
    }

    html[dir="rtl"] .stats-section .stat-card-out:nth-child(even) {
        padding-right: 15px;
    }
}

@media (max-width: 576px) {
    html[dir="rtl"] .stats-section .stat-card-out:first-child {
        margin-top: 15px !important;
    }
}

html[dir="rtl"] .newsletter-box input {
    padding: 0 22px 0 50px;
    font-family: 'FuturaArabic';
}

/* html[dir="rtl"] .copyrite-in .col-md-9 .copy-right-item {
    justify-content: end;
} */

html[dir="rtl"] .copyrite-in .col-md-3 .copy-right-item .footer-icons {
    text-align: start;
}

html[dir="rtl"] .copy-right-item p span:first-child {
    padding-right: 0px;
    padding-left: 5px;
}

html[dir="rtl"] .copy-right-item p {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .footer-col ul li a span svg {
    transform: scaleX(-1);
}


html[dir="rtl"] .footer-col ul li a span {
    margin-left: 6px;
    margin-right: 0px;
}

html[dir="rtl"] .footer-contact p span {
    font-family: 'FuturaArabic';
}

/* html[dir="rtl"] .core-offering .core-nav button {
    rotate: 180deg;
} */

/* html[dir="rtl"] .core-offering .core-offering-in {
  padding-left: initial;
  padding-right: 11%;
} */

/* html[dir="rtl"] .core-offering .core-header {
  padding-right: initial;
  padding-left: 11%;
} */

html[dir="rtl"] .main-btn:hover svg {
    transform: rotate(40deg);
}


html[dir="rtl"] #scroll {
    right: initial;
    left: 20px;
}

html[dir="rtl"] .main-btn svg,
html[dir="rtl"] .main-btn i {
    rotate: 180deg;
}

html[dir="rtl"] .core-offering .core-offering-in {
    width: calc(100% - ((100% - min(1500px, 91%)) / 2));
    margin-right: auto;
    margin-left: 0;
}

html[dir="rtl"] .news-events .card-content {
    padding-left: initial;
    padding-right: 20px;
}

@media (max-width: 992px) {
    html[dir="rtl"] a.menu-toggle.active {
        right: auto;
        left: -14px;
        top: 50px;
    }


    html[dir="rtl"] a.menu-toggle {
        transform: scaleX(-1);
    }

    html[dir="rtl"] .contact-sec-in .left-contact {
        padding-left: 0 !important;
    }

}

@media (max-width: 900px) {
    html[dir="rtl"] a.menu-toggle.active {
        top: 43px;
    }
}

@media (max-width: 850px) {
    html[dir="rtl"] a.menu-toggle.active {
        top: 40px;
    }
}

@media (max-width: 800px) {
    html[dir="rtl"] a.menu-toggle.active {
        top: 35px;
    }
}

@media (max-width: 750px) {
    html[dir="rtl"] a.menu-toggle.active {
        top: 22px;
    }
}

@media (max-width: 600px) {
    html[dir="rtl"] .news-events .card-content {
        padding-right: initial;
    }

    html[dir="rtl"] a.menu-toggle.active {
        top: 25px;
    }
}

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

@media (max-width: 450px) {
    html[dir="rtl"] a.menu-toggle.active {
        top: 24px;
        left: -5px;
    }
}

@media (max-width: 370px) {
    html[dir="rtl"] a.menu-toggle.active {
        top: 19px;
    }
}

html[dir="rtl"] .news-events .read-more svg {
    transform: rotate(180deg);
}

html[dir="rtl"] .core-offering .core-nav {
    display: flex;
    gap: 10px;
    flex-direction: row-reverse;
}

html[dir="rtl"] .core-nav button svg,
html[dir="rtl"] .core-nav button i {
    transform: rotate(180deg);
}

html[dir="rtl"] .stats-section .stat-card:hover {
    background: linear-gradient(-123deg,
            rgb(255 255 255 / 0%) 0%,
            rgb(13 163 231 / 23%) 100%);
}

html[dir="rtl"] .submenu-menu svg {
    rotate: 180deg;
}

html[dir="rtl"] .menu_svg-sm {
    rotate: 180deg;
}

html[dir="rtl"] .home-menu a::before {
    background: linear-gradient(269deg, #215670, #0db2f900);
}

html[dir="rtl"] .home-menu a {
    background: linear-gradient(90deg, rgba(13, 180, 249, 0.33) 0%, rgba(9, 66, 126, 0.33) 100%);
}

html[dir="rtl"] .footer-col h4 {
    font-family: 'FuturaArabic';
    font-weight: 500;
}

/* html[dir="rtl"] .innovation-box:hover {
  background: linear-gradient(-123deg,
      rgb(255 255 255 / 0%) 0%,
      rgb(13 163 231 / 51%) 100%);
} */

html[dir="rtl"] .innovation-box {
    background: linear-gradient(-90deg,
            rgba(21, 20, 36, 1) 0%,
            rgb(0 0 0 / 12%) 100%);
}

html[dir="rtl"] .bg-mesh {
    background:
        radial-gradient(ellipse 80% 80% at 0% 50%,
            rgb(11 112 175 / 34%) 0%,
            transparent 60%),

        radial-gradient(ellipse 60% 60% at 100% 10%,
            rgb(6 43 72) 0%,
            transparent 60%),

        radial-gradient(ellipse 50% 70% at 60% 80%,
            rgb(34 197 94 / 0%) 0%,
            transparent 60%),

        radial-gradient(ellipse 40% 40% at 10% 90%,
            rgb(5 25 44) 0%,
            transparent 60%);

    animation: meshAnim 10s ease-in-out infinite alternate;
    filter: blur(40px);
}

html[dir="rtl"] .stats-section .stat-card::before {
    background: linear-gradient(269deg,
            #0db2f900,
            #215670);
}

html[dir="rtl"] .stats-section .stat-bottom .plus {
    margin-right: initial;
    margin-left: 10px;
}

/* footer */
html[dir="rtl"] .footer-col ul li:hover {
    transform: translateX(-3px);
}

html[dir="rtl"] .newsletter-box button {
    right: auto;
    left: 20px;
}

html[dir="rtl"] .newsletter-box button svg {
    rotate: 180deg;
}

html[dir="rtl"] .in-build-lifecycle .step {
    left: auto;
}

html[dir="rtl"] .newsletter-box button:hover svg {
    transform: rotate(40deg);
    transition: transform 0.4s ease;
}

html[dir="rtl"] .news-events .read-more {
    font-family: 'FuturaArabic';
    font-weight: 500;
}

html[dir="rtl"] .footer-col ul li a {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .applied-ai .core-card h3 {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .left-faq .accordion-button .accrd-head {
    font-family: 'FuturaArabic';
}


html[dir="rtl"] .left-faq {
    padding-right: 0px;
    padding-left: 70px;
}


/* -- ai consulting ar -- */
html[dir="rtl"] .accrd-head {
    padding-right: initial;
    padding-left: 25px;
    text-align: initial;
}

html[dir="rtl"] .left-faq .accordion-button::after {
    margin-left: initial;
    margin-right: auto;
}

html[dir="rtl"] .inner-subnav-links li a::after {
    transform-origin: right;
}

html[dir="rtl"] .inner-banner .breadcrumb a,
html[dir="rtl"] .inner-banner .breadcrumb span {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .ai-tag {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .inner-banner h1 {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .inner-subnav-links li a {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .ai-consulting-list-item h4 {
    font-family: 'FuturaArabic';
    font-weight: 500;
}

html[dir="rtl"] .prof-services .core-card h3 {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .cta .core-card h3 {
    font-family: 'FuturaArabic';
    font-weight: 500;
}

html[dir="rtl"] .accordion-button::after {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .ai-approach-in .right-ai-approach img {
    transform: none;
}

/*inner banner arabic*/
html[dir="rtl"] .banner-sub-img img {
    right: initial;
    left: 0;
}

/* html[dir="rtl"] .ai-approach-in:hover {
    background: linear-gradient(123deg,
            rgb(255 255 255 / 0%) 0%,
            rgb(13 163 231 / 23%) 100%);
} */

/* html[dir="rtl"] .ai-journey-card-img img {
    transform: scaleX(-1);
} */

html[dir="rtl"] .ai-journey-wrapper {
    background:
        radial-gradient(ellipse 80% 80% at 0% 50%,
            rgb(11 112 175 / 0%) 0%,
            transparent 60%),
        radial-gradient(ellipse 38% 80% at 69% 50%,
            rgb(4 103 180 / 55%) 0%,
            transparent 60%),
        radial-gradient(ellipse 50% 70% at 60% 80%,
            rgb(34 197 94 / 0%) 0%,
            transparent 60%),
        radial-gradient(ellipse 40% 40% at 10% 90%,
            rgb(5 25 44 / 0%) 0%,
            transparent 60%);
}

html[dir="rtl"] .right-ai-approach img {
    transform: scaleX(-1);
}

/* html[dir="rtl"] .right-faq-img img {
    transform: scaleX(-1);
} */


html[dir="rtl"] .ai-approach-in .heading {
    padding-right: initial;
    padding-left: 160px;
}

html[dir="rtl"] .ai-approach-in .description {
    padding-right: initial;
    padding-left: 45px;
}

html[dir="rtl"] .ai-journey-card .heading {
    padding-right: initial;
    padding-left: initial;
}


/* -- hpc infra page -- */
html[dir="rtl"] .infrastructure-wrapper__panel-label {
    padding-bottom: 30px;
    padding-top: initial;
}

html[dir="rtl"] .infrastructure-wrapper__panel-label {
    align-items: end;
}

/* --- ai factory --- */
html[dir="rtl"] .ai-real-world-impact .core-offering-in {
    width: calc(100% - ((100% - min(1500px, 91%)) / 2));
    margin-right: auto;
    margin-left: 0;
}


@media(max-width: 992px) {
    html[dir="rtl"] .ai-real-world-impact .core-offering-in {
        width: 100% !important;
    }

    .ai-real-world-impact .core-offering-in {
        width: 100%;
    }
}




/* career */



/* Sidebar */

.career-filter-box {
    background: #F4F7FA;
    border-radius: 18px;
    padding: 17px;
    position: sticky;
    top: 70px;
    border: 1px solid #edf1f7;
    z-index: 1;
}

.career-filter-box h6 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #0d2c54;
}

.career-filter-box h6 span {
    color: #6b7280;
}

.career-category-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.career-category-list li {
    margin-bottom: 8px;
}

.career-category-list li:last-child {
    margin-bottom: 0;
}

.career-category-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border-radius: 0px;
    color: #253A67;
    text-decoration: none;
    background: transparent;
    border-bottom: 2px solid #DFF2FA;
    transition: .3s;
    font-size: 14px;
    font-weight: 500;
}


.career-category-list a.active {
    background: #fff;
    color: #000;
    font-size: 18px;
    border-left: 5px solid rgba(13, 180, 249, 1);
    border-bottom: 0px;
}

.career-category-list a:hover {
    color: #000;
    margin-left: 5px;
    transition: .5s;
}

.career-category-list span {
    color: #94a3b8;
    font-size: 14px;
}

/* Job Card */

.career-job-item {
    position: relative;
    background: #fff;
    border-radius: 18px;
    padding: 28px;
    margin-bottom: 25px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .06);
    transition: opacity .35s ease, transform .35s ease, max-height .35s ease, padding .35s ease, margin-bottom .35s ease, visibility .35s ease, box-shadow .35s ease, border-color .35s ease;
    border: 1px solid transparent;
    overflow: hidden;
    will-change: transform, opacity, max-height, padding, margin-bottom;
}

.career-job-item.is-hidden {
    opacity: 0;
    transform: translateY(12px) scale(.98);
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    visibility: hidden;
    pointer-events: none;
    border-color: transparent;
    box-shadow: none;
}

.career-job-item:not(.is-hidden) {
    opacity: 1;
    transform: translateY(0) scale(1);
    visibility: visible;
}

.career-job-item:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
    background: linear-gradient(90deg, rgb(249, 252, 254) 0%, rgb(229, 247, 255) 100%) !important;
}

.career-post-time {
    position: absolute;
    right: 30px;
    top: 30px;
    color: var(--primary-color);
    font-size: 13px;
    font-weight: 300;
    background: #D0F1FF;
    padding: 5px 10px;
    border-radius: 8px;
}

.career-job-content h3 {
    font-size: 23px;
    font-weight: 500;
    color: #000;
    margin-bottom: 5px;
}

.career-job-content p {
    color: #000000;
    font-size: 13px;
    margin-bottom: 25px;
    width: 80%;
}

/* Bottom */

.career-job-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Info */

.career-job-info {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.career-job-info span {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgb(60 73 93);
    font-size: 14px;
}

.career-job-info svg {
    color: #0DB4F9;
    font-size: 21px;
}

/* Buttons */

.career-job-buttons {
    display: flex;
    gap: 12px;
}

.career-job-buttons .main-btn {
    padding: 15px 25px;
    font-size: 14px;
}

.btn-job-outline {
    min-width: 150px;
    padding: 15px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: .35s;
    color: #000 !important;
    text-transform: uppercase;
    font-weight: 300;
}

.btn-job-outline {
    border: 1.5px solid #2196f3;
    color: #2196f3;
    background: transparent;
}

.btn-job-outline:hover {
    background: var(--primary-color);
    color: #fff;
    transform: translateY(-5px);
    box-shadow: rgba(39, 39, 39, 0.35) 0px 12px 30px;
}

.career-grid {
    display: flex;
    gap: 30px;
}

.career-grid-30 {
    width: 27%;
}

.career-grid-70 {
    width: 73%;
}


.btn-job-outline i {
    font-size: 12px;
}

.career-job-item {
    transition: .35s ease;
}

.career-job-item:last-child {
    margin-bottom: 0px;
}

.career-job-item.hide {
    display: none;
}

.career-inner-data {
    margin-bottom: 40px;
}

.career-inner-data ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.career-inner-data ul li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 5px;
    font-weight: 400;
}

.career-inner-data ul li::before {
    content: "\f178";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #0d6efd;
    position: absolute;
    left: 0;
    top: 2px;
    transform: rotate(-45deg);
    color: var(--primary-color);
}

.inner-job-catogeries {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.career-inner-data .inner-job-catogery {
    font-size: 14px;
    background: #DEE4EA;
    padding: 5px 15px;
    color: rgba(9, 66, 126, 1);
    border-radius: 8px;
}

.career-inner-data h6 {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    margin-bottom: 15px;
}

.career-inner-data p {
    color: #000;
    font-size: 14px;
    margin-bottom: 25px;
    font-weight: 400;
}

.career-share-links {
    display: flex;
    gap: 15px;
    align-items: center;
}

.career-share-links h6 {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    margin-right: 15px;
}

.career-overview-box {
    padding: 30px;
    background: #F4F7FA;
    border-radius: 8px;
}

.career-overview-box h6 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 400;
}

.career-share-links svg {
    font-size: 20px;
    color: var(--black);
}

.career-overview-data h6 {
    font-size: 14px;
    color: var(--black);
    margin-bottom: 5px;
    font-weight: 600 !important;
}

.career-overview-data p {
    font-size: 14px;
    color: #6C757D;
    font-weight: 500;
}

.career-overview-data {
    display: flex;
    align-items: self-start;
    gap: 20px;
}

.career-inner-padding {
    padding: 30px 50px;
}

.career-form {
    padding: 40px;
    background: #F4F7FA;
    border-radius: 8px;
}

.career-form .left-contact label {
    color: #000;
    font-weight: 500;
}

.career-form p {
    font-size: 13.5px;
}

.career-form .left-contact input,
.career-form .left-contact textarea {
    color: #000;
    font-weight: 500;
}

.career-form .left-contact {
    margin-top: 50px;
    padding-right: 0px;
}

.career-form .left-contact input::placeholder,
.left-contact textarea::placeholder {
    color: #626262;
}

#contactForm input:-webkit-autofill,
#contactForm input:-webkit-autofill:hover,
#contactForm input:-webkit-autofill:focus,
#contactForm textarea:-webkit-autofill,
#contactForm select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    box-shadow: 0 0 0 1000px transparent inset !important;

    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;

    transition: background-color 9999s ease-in-out 0s;
}

/* Chrome, Edge, Safari */
#jobApplicationForm input:-webkit-autofill,
#jobApplicationForm input:-webkit-autofill:hover,
#jobApplicationForm input:-webkit-autofill:focus,
#jobApplicationForm textarea:-webkit-autofill,
#jobApplicationForm textarea:-webkit-autofill:hover,
#jobApplicationForm textarea:-webkit-autofill:focus,
#jobApplicationForm select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #f4f8ff inset !important;
    /* Your input bg */
    box-shadow: 0 0 0 1000px #f4f8ff inset !important;

    -webkit-text-fill-color: #000 !important;
    caret-color: #000 !important;

    border-color: #2f80ff !important;

    transition: background-color 9999s ease-in-out 0s;
}

.upload-your-cv-button {
    background: #fff;
    padding: 0px 15px;
    color: #000;
    font-size: 13px;
    width: fit-content;
    border: none !important;
    height: 55px;
    box-shadow: none !important;
    min-width: 150px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.upload-info-btn {
    display: flex;
    gap: 10px;
    align-items: self-start;
}

.core-architecture-section .description p {
    max-width: 38%;
    margin: auto;
    text-align: center;
    color: white;
}

/*==============================
    Responsive
===============================*/

@media(max-width:991px) {
    .upload-info-btn {
        flex-direction: column;
    }

    .core-architecture-section .description p {
        max-width: 100%;
    }

    .career-filter-box {
        margin-bottom: 30px;
        position: static;
    }

    .career-grid-30 {
        width: 100%;
    }

    .career-grid-70 {
        width: 100%;
    }

    .career-inner-padding {
        padding: 25px 0px;
        padding-bottom: 0px;
    }

    .career-overview-box {
        padding: 20px;
        margin-top: 15px;
    }

    .career-inner-data h6 {
        font-size: 20px;
    }

    .career-job-content p {
        width: 100%;
    }

    .career-form {
        padding: 20px;
    }

    .career-job-item {
        padding: 25px;
    }

    .career-job-content h3 {
        font-size: 22px;
    }

    .career-job-bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .career-job-buttons {
        width: 100%;
        gap: 8px;
    }

    .career-grid {
        flex-direction: column;
        gap: 0px;
    }

    .copyrite-in .col-md-3 .copy-right-item .footer-icons {
        text-align: center !important;
    }

    html[dir="rtl"] .newsletter-box button {
        left: 12px;
    }

    .description br {
        display: none !important;
    }

    .description p br {
        display: none !important;
    }

    html[dir="rtl"] .left-faq {
        padding-left: 10px;
        padding-right: 10px;
    }

}

@media(max-width:767px) {

    .career-job-item {
        padding: 20px;
    }

    .career-post-time {
        position: relative;
        top: 0;
        right: 0;
        display: block;
        margin-bottom: 10px;
        width: fit-content;
    }

    .career-job-content h3 {
        font-size: 20px;
    }

    .career-job-info {
        flex-direction: column;
        gap: 12px;
    }

}

@media(max-width: 425px) {

    .career-job-buttons {
        flex-direction: column;
    }

    .career-job-buttons .main-btn {
        text-align: center;
    }
}


/* Custom css */

.custom-mb-5 {
    margin-bottom: 70px !important;
}

.pt-mobile-0 {
    padding-top: 0 !important;
}

.para-w-reduce {
    max-width: 70%;
    margin: auto;
}

.transform-none img {
    transform: none !important;
}

.footer-privacy-txt {
    font-size: 10px;
    margin-top: 10px;
    line-height: 1.5;
    text-align: start;
}

/* RTL Layout Enhancements */
html[dir="rtl"] .banner_slider .carousel-caption,
html[dir="rtl"] .storage-portfolio .portfolio-card,
html[dir="rtl"] .mbuzz-labs-integn .mbuzz-labs-integn-card,
html[dir="rtl"] .mbuzz-aleria .process-item .text,
html[dir="rtl"] .mbuzz-aleria .process-item h4 {
    text-align: right !important;
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .banner_slider .carousel-caption {
    right: auto;
    left: auto;
}


html[dir="rtl"] .timeline-row,
html[dir="rtl"] .life-grid {
    direction: ltr;
}

html[dir="rtl"] .mbuzz-labs-integn .timeline-row {
    direction: rtl;
}

html[dir="rtl"] .timeline-item,
html[dir="rtl"] .life-card {
    direction: rtl;
}

/* Force wrapping for description texts to prevent horizontal overflow in Arabic */
html[dir="rtl"] .description,
html[dir="rtl"] .description * {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: anywhere !important;
}


html[dir="rtl"] .ai-factory-faq-body {
    padding-left: auto;
    padding-right: 61px;
}

html[dir="rtl"] .ai-real-world-impact .core-card h3 {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .about-counter-wrpper-main .counter-wrapp .counter {
    font-family: "Montserrat", sans-serif;
    margin-left: auto;
    margin-right: 10px;
}

html[dir="rtl"] .counter-brand-text p {
    font-weight: 500;
    text-align: left;
}

html[dir="rtl"] .mission-vision-wrapper-main .visionary-info {
    padding-left: 0px;
    padding-right: 14px;
}

html[dir="rtl"] .timeline-nav-controls {
    flex-direction: row-reverse;
}

html[dir="rtl"] .timeline-wrapper-main .timeline-line {
    left: auto;
    right: 98px;
}

html[dir="rtl"] .timeline-wrapper-main .timeline-dot {
    left: auto;
    right: 63px;
}

html[dir="rtl"] .case-study-dtls-head h2 {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .case-study-dtls-cont h2 {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .case-study-dtls-cont p {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .case-study-dtls-cont h6,
html[dir="rtl"] .case-study-dtls-cont ul li h6 {
    font-family: 'FuturaArabic';
    padding-left: 0;
    padding-right: 22px;
}

html[dir="rtl"] .case-study-dtls-cont h6::before,
html[dir="rtl"] .case-study-dtls-cont ul li h6::before {
    right: 0;
    left: auto;
    transform: rotate(270deg);
}

html[dir="rtl"] .case-study-dtls-cont ul li:has(h6) {
    padding-right: 0;
}

html[dir="rtl"] .case-study-dtls-cont ul ul,
html[dir="rtl"] .case-study-dtls-cont h6+ul,
html[dir="rtl"] .case-study-dtls-cont .inner-ul {
    padding-left: 0;
    padding-right: 22px;
}

html[dir="rtl"] .case-study-dtls-cont ul li:not(:has(h6)),
html[dir="rtl"] .case-study-dtls-cont ul ul li,
html[dir="rtl"] .case-study-dtls-cont h6+ul li,
html[dir="rtl"] .case-study-dtls-cont .inner-ul li {
    padding-left: 0;
    padding-right: 20px;
}

html[dir="rtl"] .case-study-dtls-cont ul li:not(:has(h6))::before,
html[dir="rtl"] .case-study-dtls-cont ul ul li::before,
html[dir="rtl"] .case-study-dtls-cont h6+ul li::before,
html[dir="rtl"] .case-study-dtls-cont .inner-ul li::before {
    right: 4px;
    left: auto;
    transform: none;
    background-image: none;
    background-color: #000000;
    border-radius: 50%;
    width: 6px;
    height: 6px;
}

html[dir="rtl"] .career-post-time {
    right: auto !important;
    left: 30px !important;
}

.row-revrse-disabled {
    flex-direction: row !important;
}

html[dir="rtl"] .ar-direction-initial {
    direction: rtl;
}

html[dir="rtl"] .flip-ar-bg-image {
    transform: scaleX(-1);
}

html[dir="rtl"] .flip-ar-bg-image>* {
    transform: scaleX(-1);
}

html[dir="rtl"] .infrastructure-wrapper__panel-label span {
    font-family: 'FuturaArabic';
    font-weight: 500;
}

html[dir="rtl"] .infrastructure-wrapper__panel-body {
    margin-right: 0px;
}

html[dir="rtl"] .infrastructure-wrapper__panel-label::after {
    line-height: .8;
}

html[dir="rtl"] .storage-portfolio .portfolio-card-head h4 {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .storage-portfolio .timeline-item {
    border-left: 0px;
    border-right: 3px solid #0db2f976;
}

html[dir="rtl"] .ar-align-right {
    justify-content: start;
}

html[dir="rtl"] .left-faq .accordion-button::after {
    padding-bottom: 0px;
    padding-top: 10px;
}

html[dir="rtl"] .timeline-wrapper-main .timeline-year {
    padding-left: 0px;
    padding-right: 25px;
    font-family: "Montserrat", sans-serif;
}

html[dir="rtl"] .faq-third-outer .faq-third-item h6 span {
    margin-right: 0px;
    margin-left: 10px;
    /* min-width: 20px; */
}

.faq-third-outer .faq-third-item h6 span {
    min-width: 25px;
}

html[dir="rtl"] .ai-real-world-impact .core-card p {
    padding-right: 0px;
    padding-left: 50px;
}

html[dir="rtl"] .intelligent-ai .step-list {
    font-family: 'FuturaArabic';
    border-left: 0px;
    border-right: 2px solid #0db4f92b;
}

html[dir="rtl"] .intelligent-ai .step-row {
    padding: 14px 30px 14px 10px;
}



html[dir="rtl"] .intelligent-ai .step-row.active {
    border-right: 2px solid #7e7e7e;
    border-left: none;
}

html[dir="rtl"] .intelligent-ai .step-title {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .intelligent-ai .caption-title,
html[dir="rtl"] .in-build-lifecycle .timeline-item h4,
html[dir="rtl"] .ai-deployment .ai-deployment-type h3,
html[dir="rtl"] .timeline-wrapper-main .timeline-wrapper,
html[dir="rtl"] .ai-partnership .tab-btn,
html[dir="rtl"] .career-life .life-card h4,
html[dir="rtl"] .storage-portfolio .portfolio-tabs .nav-link,
html[dir="rtl"] .case-study-dtls-cont ul li,
html[dir="rtl"] .contact-col h4,
html[dir="rtl"] .right-contact p,
html[dir="rtl"] .right-contact p a,
html[dir="rtl"] .news-tabs .tab-btn,
html[dir="rtl"] .ai-infra .video-caption,
html[dir="rtl"] .ai-hero-content h3,
html[dir="rtl"] .ai-factory-faq-header h3,
html[dir="rtl"] .footer-contact p,
html[dir="rtl"] .mbuzz-labs-stand .timeline-item p,
html[dir="rtl"] .mbuzz-labs-stand .timeline-item h6 {
    font-family: 'FuturaArabic';
}

html[dir="rtl"] .mbuzz-life .life-card h4 {
    font-family: 'FuturaArabic';
    font-weight: 500;
}

html[dir="rtl"] .left-contact {
    padding-left: 70px;
    padding-right: 0px;
}

html[dir="rtl"] .timeline-wrapper-main .timeline-content h3 p {
    font-size: 19px;
}

html[dir="rtl"] .career-life .life-card h4 {
    font-weight: 500;
}

html[dir="rtl"] .left-contact input,
html[dir="rtl"] .left-contact textarea {
    padding: 0px 0 5px 15px;
    color: white;
}

.iti__search-input {
    color: #000 !important;
    padding: 0px 10px !important;
}

.iti__search-input::placeholder {
    color: #000 !important;
}

html[dir="rtl"] .btn-job-outline svg {
    transform: rotate(180deg);
}

html[dir="rtl"] .iti input.iti__tel-input,
html[dir="rtl"] .iti html[dir="rtl"] .iti input.iti__tel-input[type=tel],
html[dir="rtl"] .iti html[dir="rtl"] .iti input.iti__tel-input[type=text] {
    direction: ltr;
    text-align: right;
    color: white;
}

#contactForm .iti input.iti__tel-input,
.iti input.iti__tel-input[type=tel],
.iti input.iti__tel-input[type=text] {
    color: white !important;
}

.career-form #contactForm .iti input.iti__tel-input,
.iti input.iti__tel-input[type=tel],
.iti input.iti__tel-input[type=text] {
    color: #000 !important;
}

html[dir="rtl"] .career-workforce .service-item h5 {
    font-weight: 500;
}

html[dir="rtl"] .service-workforce .dot {
    margin-top: 0px;
}

#contactForm .iti .iti__selected-dial-code {
    color: white !important;
}

html[dir="rtl"] .career-form form input,
html[dir="rtl"] html[dir="rtl"] .career-form form textarea {
    color: #232323;
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .career-form form input.iti__tel-input,
html[dir="rtl"] .career-form form input.iti__tel-input[type=tel],
html[dir="rtl"] .career-form form input.iti__tel-input[type=text] {
    color: #232323;
}

html[dir="rtl"] .career-form {
    padding: 30px;
}

html[dir="rtl"] .career-form .left-contact {
    padding-left: 0px;
}

html[dir="rtl"] .career-overview-data h6 {
    font-weight: 500 !important;
}

strong {
    font-weight: 600 !important;
}

html[dir="rtl"] strong {
    font-weight: 500 !important;
}

/* html[dir="rtl"] .menu__item-link svg {
    transform: rotate(180deg);
} */

/* RTL: flip image placeholder border-radius for IoT/infrastructure panels */
html[dir="rtl"] .infrastructure-wrapper__panel--1 .infrastructure-wrapper__img-placeholder::before,
html[dir="rtl"] .infrastructure-wrapper__panel--2 .infrastructure-wrapper__img-placeholder::before,
html[dir="rtl"] .infrastructure-wrapper__panel--3 .infrastructure-wrapper__img-placeholder::before,
html[dir="rtl"] .infrastructure-wrapper__panel--4 .infrastructure-wrapper__img-placeholder::before,
html[dir="rtl"] .infrastructure-wrapper__panel--5 .infrastructure-wrapper__img-placeholder::before {
    border-radius: 0 20px 20px 0;
}

html[dir="rtl"] .banner_slider .carousel-item img,
html[dir="rtl"] .banner_slider .carousel-item video {
    transform: none !important;
}

html[dir="rtl"] .mbuzz-labs-what-we-card .mbuzz-labs-what-we-num {
    font-weight: 500;
}

html[dir="rtl"] .right-ai-factory-faq-col {
    padding-left: 0px;
    padding-right: 50px;
}

html[dir="rtl"] .bg-white .ai-deployment-item .ai-deployment-type {
    border-left: none;
    border-right: 0;
}


/* html[dir="rtl"] .bg-white .ai-deployment-item .ai-deployment-type {
    border-right: 1px solid #0db4f9b0;
} */

html[dir="rtl"] .bg-white .ai-deployment-item:nth-child(3n+1) .ai-deployment-type {
    border-right: none;
}

/* Sovereign AI - Data Acceleration cards in RTL */
html[dir="rtl"] .sovereign-ai-cards .ai-deployment-item .ai-deployment-type,
html[dir="rtl"] .sovereign-card-item .sovereign-card-type {
    border-left: none !important;
    border-right: 1px solid #0db4f9b0 !important;
}

html[dir="rtl"] .sovereign-ai-cards .ai-deployment-item:nth-child(3n+1) .ai-deployment-type,
html[dir="rtl"] .sovereign-card-item:nth-child(3n+1) .sovereign-card-type {
    border-right: none !important;
    border-left: none !important;
}

@media (max-width: 992px) {

    html[dir="rtl"] .sovereign-ai-cards .ai-deployment-item .ai-deployment-type,
    html[dir="rtl"] .sovereign-card-item .sovereign-card-type {
        border-right: none !important;
        border-left: none !important;
    }
}

/* Computer Vision - Technology cards in RTL */
html[dir="rtl"] .cv-technology-cards .ai-deployment-item .ai-deployment-type,
html[dir="rtl"] .cv-tech-card-item .cv-tech-card-type {
    border-left: none !important;
    border-right: 1px solid rgb(13 180 249 / 82%) !important;
}

html[dir="rtl"] .cv-technology-cards .ai-deployment-item:nth-child(3n+1) .ai-deployment-type,
html[dir="rtl"] .cv-tech-card-item:nth-child(3n+1) .cv-tech-card-type {
    border-right: none !important;
    border-left: none !important;
}

@media (max-width: 992px) {

    html[dir="rtl"] .cv-technology-cards .ai-deployment-item .ai-deployment-type,
    html[dir="rtl"] .cv-tech-card-item .cv-tech-card-type {
        border-right: none !important;
        border-left: none !important;
    }
}

html[dir="rtl"] .main-btn {
    font-weight: 500 !important;
}

@media(max-width: 1250px) {
    html[dir="rtl"] .timeline-wrapper-main .timeline-dot {
        right: 30px;
    }

    html[dir="rtl"] .timeline-wrapper-main .timeline-line {
        right: 65px;
    }

    html[dir="rtl"] .timeline-wrapper-main .timeline-year {
        padding-right: 10px;
    }
}

@media(max-width: 992px) {
    html[dir="rtl"] .career-post-time {
        left: 0px !important;
    }

    html[dir="rtl"] .infrastructure-wrapper__panel-label {
        padding-bottom: 15px;
    }

    html[dir="rtl"] .intelligent-ai .step-list {
        border: none;
    }

    html[dir="rtl"] .infrastructure-wrapper__panel--1 .infrastructure-wrapper__img-placeholder::before,
    html[dir="rtl"] .infrastructure-wrapper__panel--2 .infrastructure-wrapper__img-placeholder::before,
    html[dir="rtl"] .infrastructure-wrapper__panel--3 .infrastructure-wrapper__img-placeholder::before,
    html[dir="rtl"] .infrastructure-wrapper__panel--4 .infrastructure-wrapper__img-placeholder::before,
    html[dir="rtl"] .infrastructure-wrapper__panel--5 .infrastructure-wrapper__img-placeholder::before {
        border-radius: 10px 10px 0 0;
    }

    html[dir="rtl"] .career-form .left-contact {
        padding: 10px;
    }

    html[dir="rtl"] .right-ai-factory-faq-col {
        padding-right: 0px;
    }

    .mobile-remove-container {
        width: 100% !important;
        padding: 0;
    }

    /* .mobile-remove-container .heading {
        margin: 0px 20px !important;
        margin-bottom: 20px !important;
    } */

    .mobile-remove-container .main-btn {
        margin: 0px 20px;
    }

    .mobile-remove-container>div:first-child {
        margin: 0px 20px !important;
    }

    .execution-ai .mobile-remove-container>div:first-child {
        margin: 0px !important;
    }

    .footer-privacy-txt {
        text-align: center;
    }

    html[dir="rtl"] .storage-portfolio .timeline-item {
        border-right: none;
    }

    html[dir="rtl"] .timeline-wrapper-main .timeline-dot {
        right: 30px;
    }

    html[dir="rtl"] .timeline-wrapper-main .timeline-year {
        padding-right: 10px;
    }
}

@media(max-width: 768px) {
    html[dir="rtl"] .timeline-wrapper-main .timeline-year {
        padding-right: 0px;
    }

    html[dir="rtl"] .timeline-wrapper-main .timeline-dot {
        right: 20px;
    }

    html[dir="rtl"] .career-form {
        padding: 10px;
    }
}



---------------------------------

/* Override CKEditor inline styles */
.description p,
.description span,
.description h1,
.description h2,
.description h3,
.description h4,
.description h5,
.description h6,
.description div,
.description strong,
.description b,
.description i,
.description em,
.description ul,
.description li,
.description-wrap p,
.description-wrap span,
.description-wrap h1,
.description-wrap h2,
.description-wrap h3,
.description-wrap h4,
.description-wrap h5,
.description-wrap h6,
.description-wrap div,
.description-wrap strong,
.description-wrap b,
.description-wrap i,
.description-wrap em,
.description-wrap ul,
.description-wrap li {
    color: inherit !important;
    background-color: transparent !important;
    font-family: inherit !important;
}

/* Remove Bootstrap focus box-shadow & outline on intl-tel-input fields */
.iti input.iti__tel-input:focus,
.iti input.iti__tel-input[type=tel]:focus,
.iti input.iti__tel-input[type=text]:focus {
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;

}



/* terms css */
/* ==========================================================================
    Terms of Use Styles
    ========================================================================== */

.terms-section {
    padding-top: 60px;
    padding-bottom: 80px;
    background-color: #040711;
    color: #fff;
    position: relative;
    z-index: 5;
}

.terms-content {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    padding: 50px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.terms-content:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
}

.terms-content .last-updated {
    font-size: 15px;
    color: #888;
    margin-bottom: 40px;
    font-style: italic;
    display: inline-block;
    padding: 5px 15px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 20px;
}

.terms-content h2 {
    font-size: 26px;
    color: var(--primary-color);
    margin-top: 50px;
    margin-bottom: 25px;
    font-weight: 600;
    position: relative;
    padding-bottom: 10px;
}

.terms-content h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: var(--gradient);
    border-radius: 2px;
}

.terms-content h3 {
    font-size: 20px;
    color: #f0f0f0;
    margin-top: 35px;
    margin-bottom: 20px;
    font-weight: 500;
}

.terms-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #c4c4c4;
    margin-bottom: 25px;
}

.terms-content strong {
    color: #e0e0e0;
    font-weight: 600;
}

.terms-content ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 25px;
}

.terms-content ul li {
    font-size: 16px;
    line-height: 1.8;
    color: #c4c4c4;
    margin-bottom: 12px;
    position: relative;
    padding-left: 25px;
}

.terms-content ul li::before {
    content: '•';
    color: var(--primary-color);
    font-size: 20px;
    position: absolute;
    left: 5px;
    top: -2px;
}

.terms-content a {
    color: var(--primary-color);
    text-decoration: none;
    border-bottom: 1px dashed var(--primary-color);
    transition: all 0.3s ease;
}

.terms-content a:hover {
    color: var(--white);
    border-bottom-color: var(--white);
}

.terms-content h2:first-of-type {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
}

.terms-content h2:first-of-type::after {
    display: none;
}

@media (max-width: 768px) {
    .terms-section {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .terms-content {
        padding: 30px 20px;
    }

    .terms-content h2 {
        font-size: 22px;
        margin-top: 40px;
    }

    .terms-content h3 {
        font-size: 18px;
        margin-top: 30px;
    }

    .terms-content p,
    .terms-content ul li {
        font-size: 15px;
    }
}

/* Responsive Table Container & Styling for Terms Content */
.terms-content .table-responsive {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.02);
}

.terms-content table,
.terms-content .table {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    border-collapse: collapse;
    --bs-table-bg: rgba(255, 255, 255, 0.02);
    --bs-table-color: #c4c4c4;
    --bs-table-border-color: rgba(255, 255, 255, 0.1);
    --bs-table-striped-bg: rgba(255, 255, 255, 0.04);
    --bs-table-striped-color: #c4c4c4;
    --bs-table-active-bg: rgba(255, 255, 255, 0.05);
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: rgba(255, 255, 255, 0.05);
    --bs-table-hover-color: #fff;
    background-color: rgba(255, 255, 255, 0.02);
    color: #c4c4c4;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 15px;
    margin-bottom: 30px;
}

.terms-content .table-responsive table,
.terms-content .table-responsive .table {
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    background-color: transparent;
}

.terms-content table th,
.terms-content .table th,
.terms-content table thead td {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.06);
    font-weight: 500;
    padding: 14px 18px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
}

.terms-content table td,
.terms-content .table td {
    padding: 14px 18px;
    vertical-align: middle;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #c4c4c4;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
}

.terms-content table tbody tr:hover,
.terms-content .table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.04);
}

/* Custom Sleek Scrollbar for Terms Content Table */
.terms-content .table-responsive::-webkit-scrollbar,
.terms-content table::-webkit-scrollbar {
    height: 6px;
}

.terms-content .table-responsive::-webkit-scrollbar-track,
.terms-content table::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.04);
    border-radius: 4px;
}

.terms-content .table-responsive::-webkit-scrollbar-thumb,
.terms-content table::-webkit-scrollbar-thumb {
    background: rgba(13, 180, 249, 0.35);
    border-radius: 4px;
}

.terms-content .table-responsive::-webkit-scrollbar-thumb:hover,
.terms-content table::-webkit-scrollbar-thumb:hover {
    background: rgba(13, 180, 249, 0.65);
}

@media (max-width: 992px) {

    /* Direct table overflow fallback */
    .terms-content>table,
    .terms-content>.table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        border-radius: 8px;
    }

    .terms-content table th,
    .terms-content .table th,
    .terms-content table thead td {
        padding: 12px 15px;
        font-size: 14px;
        white-space: nowrap;
    }

    .terms-content table td,
    .terms-content .table td {
        padding: 12px 15px;
        font-size: 13.5px;
        min-width: 120px;
    }
}

@media (max-width: 768px) {

    .terms-content .table-responsive,
    .terms-content>table,
    .terms-content>.table {
        margin-top: 12px;
        margin-bottom: 20px;
    }

    .terms-content table th,
    .terms-content .table th,
    .terms-content table thead td {
        padding: 10px 12px;
        font-size: 13.5px;
        white-space: nowrap;
    }

    .terms-content table td,
    .terms-content .table td {
        padding: 10px 12px;
        font-size: 13px;
        min-width: 110px;
        word-break: break-word;
    }
}

@media (max-width: 480px) {

    .terms-content table th,
    .terms-content .table th,
    .terms-content table thead td {
        padding: 8px 10px;
        font-size: 12.5px;
    }

    .terms-content table td,
    .terms-content .table td {
        padding: 8px 10px;
        font-size: 12px;
        min-width: 95px;
    }
}

/* RTL Support for Terms Content */
[dir="rtl"] .terms-content h2::after {
    left: auto;
    right: 0;
}

[dir="rtl"] .terms-content ul {
    padding-left: inherit;
    padding-right: 0;
}

[dir="rtl"] .terms-content ul li {
    padding-left: 0;
    padding-right: 25px;
}

[dir="rtl"] .terms-content ul li::before {
    left: auto;
    right: 5px;
}

[dir="rtl"] .terms-content h2 {
    font-weight: 500;
}

[dir="rtl"] .terms-content strong {
    font-weight: 500;
}

[dir="rtl"] .terms-content table th,
[dir="rtl"] .terms-content .table th,
[dir="rtl"] .terms-content table thead td,
[dir="rtl"] .terms-content table td,
[dir="rtl"] .terms-content .table td {
    text-align: right;
}

/* terms css */
/* ==========================================================================
    Terms of Use Styles
    ========================================================================== */


[dir="rtl"] .seemore-wrapper-sm.text-end {
    text-align: left !important;
}

[dir="rtl"] .seemore-wrapper-sm .see-more-text,
[dir="rtl"] .seemore-wrapper-sm .see-less-text {
    font-weight: 500 !important;
}



video:not([controls]) {
    -webkit-appearance: none !important;
    appearance: none !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    -webkit-touch-callout: none !important;
    outline: none !important;
}

video:not([controls])::-webkit-media-controls,
video:not([controls])::-webkit-media-controls-enclosure,
video:not([controls])::-webkit-media-controls-panel,
video:not([controls])::-webkit-media-controls-overlay-enclosure,
video:not([controls])::-webkit-media-controls-start-playback-button,
video:not([controls])::-webkit-media-controls-play-button,
video:not([controls])::-webkit-media-controls-overlay-play-button,
video:not([controls])::-webkit-media-controls-timeline,
video:not([controls])::-webkit-media-controls-current-time-display,
video:not([controls])::-webkit-media-controls-time-remaining-display,
video:not([controls])::-webkit-media-controls-mute-button,
video:not([controls])::-webkit-media-controls-toggle-closed-captions-button,
video:not([controls])::-webkit-media-controls-volume-slider,
video:not([controls])::-webkit-media-controls-fullscreen-button {
    display: none !important;
    -webkit-appearance: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}