:root { --DubaiW23: "Dubai W23"; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Medium.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Bold.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Medium.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Bold.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Bold.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Regular.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Light.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Regular.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Light.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Regular.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Light.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Medium.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('../Manrope/Manrope-VariableFont_wght.ttf') format('truetype'); }
body { margin: 0; min-height: 100%; background-color: #fff; color: #333; font-size: 1rem; line-height: 1.5; }
.body { padding: 3rem; font-family: var(--DubaiW23), Manrope,sans-serif; color: #000; line-height: 180%; font-weight: 300; letter-spacing: .25px; }
.df { font-family: var(--DubaiW23); font-weight: 400; }
.main-wrapper { position: relative; z-index: 1; max-width: 110rem; margin-right: auto; margin-left: auto; padding: 0 4rem; background-color: #fff; box-shadow: 0 0 50px 0 rgb(0 0 0 / 10%); }

/*----*/
.gradients { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; overflow: hidden; width: 100%; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background-color: #cae9e3; font-size: 1vw }
.gradients-wrapper { z-index: 1; -webkit-filter: blur(120px); filter: blur(120px) }
.gradient-01 { position: absolute; left: 20rem; top: -10rem; right: 0; width: 50rem; height: 100rem; margin-right: auto; margin-left: auto; border-radius: 999em; background-color: #cae9e3; -webkit-transform: rotate(29deg); -ms-transform: rotate(29deg); transform: rotate(29deg) }
.gradient-02 { position: absolute; top: -5rem; right: 0; width: 30rem; height: 100rem; border-radius: 999em; background-color: #cae9e3; -webkit-transform: rotate(39deg); -ms-transform: rotate(39deg); transform: rotate(39deg) }
.gradient-03 { position: absolute; left: 0; top: -10rem; width: 60rem; height: 40rem; margin-left: auto; border-radius: 999em; background-color: #cae9e3; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg) }
.gradient-04 { position: absolute; top: -10rem; right: -20rem; width: 60rem; height: 60rem; margin-left: auto; border-radius: 999em; background-color: #b5cde6; -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg) }
.gradient-moving-02 { position: absolute; left: -25rem; top: -20rem; right: 0; width: 30rem; height: 100rem; border-radius: 999em; background-color: #fffae7; -webkit-transform: rotate(-28deg); -ms-transform: rotate(-28deg); transform: rotate(-28deg); transform: translate3d(0.16008vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-178.799deg) skew(0deg, 0deg); transform-style: preserve-3d; will-change: transform; }
.gradient-moving-01 { position: absolute; right: -10rem; width: 30rem; height: 100rem; border-radius: 999em; background-color: #f8e3e3; -webkit-transform: rotate(-28deg); -ms-transform: rotate(-28deg); transform: rotate(-28deg); transform: translate3d(0.16008vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-178.799deg) skew(0deg, 0deg); transform-style: preserve-3d; will-change: transform; }
.gradient-noise { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; width: 100%; height: 100%; background-image: url("https://assets.website-files.com/63c3f1995d4c3581bbc944b5/63c40582d3e27e9849a17eeb_noise.png"); background-position: 0 0; background-size: auto; opacity: .3 }
/*----*/

.navbar-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column-gap: 1.75rem; grid-row-gap: 1.75rem; }
    .navbar-menu .nav-link { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column-gap: 2px; grid-row-gap: 2px; border-radius: 6px; -webkit-transition: background-color .3s; transition: background-color .3s; text-decoration: none; font-family: Manrope,sans-serif; color: #000; font-size: .875rem; font-weight: 400; letter-spacing: .5px; flex-direction: column; align-items: start; }
        .navbar-menu .nav-link::after, .nav-footer .nav-item:after { content: ''; display: block; width: 0; height: 1px; background-color: #000; transition: width .3s; }
        .navbar-menu .nav-link:hover::after, .nav-footer .nav-item:hover:after { width: 100%; }
.fs-7 { font-size: 14px; }
.fs-8 { font-size: 3rem; }
.header-main.fsize-5 { font-size: 5rem; }
.btn-get-in-touch { margin-left: 1rem; padding: 0.75rem 1.25rem; border: none; background-color: #000; border-radius: 20px; transition: border-color .2s,color .2s,background-color .2s; font-family: Manrope,sans-serif; color: #fff; font-size: .875rem; line-height: 110%; font-weight: 400; text-align: center; letter-spacing: 1px; text-decoration: none; }
    .btn-get-in-touch:hover,
    .btn-get-in-touch:focus,
    .btn-get-in-touch:active { background-color: rgba(21, 21, 21, 0.90); color: #fff; }
.header-main { font-family: Manrope,sans-serif; font-size: 5rem; line-height: 110%; font-weight: 300; max-width: 75rem; margin-bottom: 3rem; }
.header-sub-text { font-size: 1.5rem; line-height: 160%; width: 100%; max-width: 37.5rem; margin-bottom: 3rem; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); opacity: 1; transform-style: preserve-3d; }
.wrap-banner { padding: 6rem 0 5rem; /*background-image:url(../img/bb.jpg);*/}
.btn-rounded { padding: 1.125rem 1.75rem; border-radius: 30px; font-family: Manrope,sans-serif; font-size: .875rem; line-height: 110%; font-weight: 400; text-align: center; letter-spacing: 1px; text-decoration: none; }

/*.swiper { width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
    .swiper-slide img { display: block; /*width: 100%; height: 100%;*/ object-fit: cover; }*/

/*marquee*/
.slider { --slider-inner-width: 1750px; --slider-speed: 30s; }

@keyframes scroll {
    0% { transform: translateX(-5%); }
    100% { transform: translateX(calc((0px - var(--slider-inner-width)) - 5%)); }
}

.slider { -webkit-transform: translate3d(0, 0, 0); animation: scroll linear infinite var(--slider-speed); width: calc(2 * var(--slider-inner-width)); transition: animation-play-state ease 0.3s; }
    .slider:hover { animation-play-state: paused; }
.flex-container { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 1rem 0; overflow: hidden; }
.slider-container { height: 100px; overflow: hidden; position: relative; width: 100%; }
    .slider-container .slider { display: flex; align-items: center; list-style: none; margin: 0; column-gap: 1rem; }
    .slider-container .slider__slide { height: 100px; flex-grow: 1; display: flex; align-items: center; justify-content: center; border: 1px solid #dededf; min-width: 155px; border-radius: 0.375rem; column-count: 5; column-gap: 0.5rem; }
        .slider-container .slider__slide:hover { cursor: pointer; }

.card-link-underline { color: #000; font-size: 14px; line-height: 25px; font-weight: 400; text-align: center; letter-spacing: .5px; text-decoration: none; display: inline-block; }

    .card-link-underline .effect-underline::before { content: ''; display: flex; width: 100%; height: 1px; background-color: #000; transition: width .3s; margin-left: auto; position: relative; top: 1px; }
    .card-link-underline:hover .effect-underline::before { width: 0; }

    .card-link-underline .effect-underline::after { content: ''; display: block; width: 0; height: 1px; background-color: #000; transition: width .3s; }
    .card-link-underline:hover .effect-underline::after { width: 100%; transition-delay: .3s; }

.section-title { font-size: 14px; font-weight: 400; letter-spacing: 1px; border-bottom: 1px solid #f3f3f3; padding: 1rem 0; margin-bottom: 2rem; }

.px-6 { padding-left: 6rem; padding-right: 6rem; }
.h-project-preview-img { position: relative; display: flex; overflow: hidden; margin-bottom: 1rem; max-width: 100%; }
    .h-project-preview-img img { transition: transform 1s;}
        .h-project-preview-img img:hover { transform: scale(1.10); }
.h-projects-item { display: flex; align-items: center; justify-content: space-between; }
    .h-projects-item .btn, .btn-watch-video { padding: 0.50rem 1rem; border: 1px solid rgba(21,21,21,.6); border-radius: 20px; transition: border-color .2s,color .2s,background-color .2s; font-family: Manrope,sans-serif; color: #000; font-size: .875rem; line-height: 110%; font-weight: 400; text-align: center; letter-spacing: 1px; text-decoration: none; }
        .h-projects-item .btn:hover,
        .h-projects-item .btn:focus,
        .h-projects-item .btn:active,
        .btn-video:hover .btn.btn-watch-video,
        .card-our-value .btn.btn-watch-video:hover,
        .card-our-value .btn.btn-watch-video:focus,
        .card-our-value .btn.btn-watch-video:active { background-color: #000; color: #fff; }
    .h-projects-item .card-link { font-size: 1.25rem; font-weight: bold; text-decoration: none; color: #000; }


.cursor-wrapper { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100vh; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: opacity .3s; transition: opacity .3s; pointer-events: none; }
.cursor { display: none; overflow: hidden; width: 48px; height: 48px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background-color: #000; color: #fff; line-height: 120%; text-align: center; }
.cursor-icon { width: 14px; height: 14px; line-height: 100%; }

.card-our-value .btn { padding: 0.8rem 1.25rem; border-radius: 20px; transition: border-color .2s,color .2s,background-color .2s; font-family: Manrope,sans-serif; color: #000; font-size: .875rem; line-height: 110%; font-weight: 600; text-align: center; letter-spacing: 1px; text-decoration: none; background-color: #fff; }
    .card-our-value .btn:hover,
    .card-our-value .btn:focus,
    .card-our-value .btn:active { background-color: #fff; color: #000; }
.card-our-value .small-text { font-family: Manrope,sans-serif; font-size: 12px; line-height: 150%; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 1rem; display: inline-flex; }
.card-our-value.color1 { background-color: #000; color: #fff; }
.card-our-value.color2 { background-color: #F5F6FA; color: #081050 }
.card-our-value.color3 { background-color: #E5EFF0; color: #00695B }
.card-our-value.color4 { background-color: #FDF1F5; color: #AF0D56 }
.card-our-value.color5 { background-color: #F9F2FA; color: #5C0D86; }
.card-our-value.color6 { background-color: #f2f6ff; color: #12378b; }
.card-our-value.color7 { background-color: #f6f6f6; color: #000; }
.home-why-text { column-count: 1; max-width: 750px; text-align: justify; line-height: 40px; }
.card.green { border-color: transparent; background-color: #f1f6f5; padding: 6rem; }
.green-title { font-family: Manrope,sans-serif; line-height: 120%; font-weight: 300; font-size: 4rem; }
.green-sub-title { width: 100%; font-size: 1rem; line-height: 35px; margin-top: 1rem; }
.btn-green-section { padding: 1.125rem 1.75rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 500px; border: 1px solid transparent; background-color: #000; color: #fff; -webkit-transition: border-color .2s,color .2s,background-color .2s; transition: border-color .2s,color .2s,background-color .2s; font-family: Manrope,sans-serif; font-size: .875rem; line-height: 110%; font-weight: 400; text-align: center; letter-spacing: 1px; text-decoration: none; }
.subnav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-column-gap: 0.75rem; grid-row-gap: 0.75rem; list-style-type: none; }
.badge-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 36px; height: 36px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; -webkit-transition: color .2s,background-color .2s,border .2s; transition: color .2s,background-color .2s,border .2s; line-height: 100%; text-align: center; border-color: transparent; background-color: #f1f1f1; max-width: 100%; }
    .badge-link:hover { border-color: #f2f2f2; background-color: #f2f2f2; color: #fff }
.heading-h6 { font-family: Manrope,sans-serif; font-size: 1.125rem; line-height: 130%; font-weight: 300; text-decoration: none; border-bottom: 1px solid #f3f3f3; padding-bottom: 1rem; }
.nav-footer { display: flex; padding-left: 0; flex-direction: column; align-items: flex-start; grid-column-gap: 1rem; grid-row-gap: 1rem; list-style-type: none; }
    .nav-footer .nav-item { display: flex; margin-bottom: 0; padding-left: 0; flex-direction: column; align-items: flex-start; grid-column-gap: 2px; grid-row-gap: 2px; font-family: Manrope,sans-serif; font-size: 14px; line-height: 150%; font-weight: 400; letter-spacing: .5px; color: #000; text-decoration: none; }
.footer-bottom { display: flex; padding-top: 1rem; padding-bottom: 1.5rem; justify-content: space-between; border-top: 1px solid #f3f3f3; margin-top: 1rem; font-size: 14px; line-height: 25px; align-items: end; }
    .footer-bottom a { color: #000; text-decoration: underline; }

/*------------------------Scrollbar------------------------*/
/* Works on Firefox */
* { scrollbar-width: thin; scrollbar-color: #20466e #cccccc; }
    /* Works on Chrome, Edge, and Safari */
    *::-webkit-scrollbar { width: 6px; }
    *::-webkit-scrollbar-track { background: #ddd; }
    *::-webkit-scrollbar-thumb { background-color: #20466e; border-radius: 20px; /*border: 3px solid #cccccc;*/ }
/*------------------------end Scrollbar------------------------*/
.w-inherit { max-width: inherit; }
.icon-rounded { background-color: #000; color: #fff; width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 10px; }
.icon-arrow-down { background-image: url(../img/icon-arrow-down.svg); background-repeat: no-repeat; width: 24px; height: 24px; display: inline-block; }
.btn-link, .btn-link:hover { text-decoration: none; color: #000; font-size: 14px; display: inline-flex; align-items: center; border: none; }
.mx-w-75 { max-width: 75rem; }
.mx-w-85 { max-width: 85rem; }
.container-medium { width: 100%; max-width: 75.5rem; margin-right: auto; margin-left: auto; }
.padding-huge { padding: 6rem; }
.padding-top { padding-right: 0; padding-bottom: 0; padding-left: 0; }
.post-content-grid { display: -ms-grid; display: grid; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; grid-auto-columns: 1fr; grid-column-gap: 6rem; grid-row-gap: 6rem; -ms-grid-columns: auto 1fr; grid-template-columns: auto 1fr; -ms-grid-rows: auto; grid-template-rows: auto; }
.post-content-grid-left { position: -webkit-sticky; position: sticky; top: 2rem; text-align: center; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column-align: center; justify-self: center }
.post-share-icons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column-gap: 1rem; grid-row-gap: 1rem; }
.badge { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 36px; height: 36px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid rgba(21,21,21,.6); border-radius: 50%; -webkit-transition: background-color .2s,border .2s; transition: background-color .2s,border .2s; line-height: 100%; text-align: center; }
    .badge.large { width: 48px; height: 48px; }
    .badge.muted { border-color: transparent; background-color: #f9f9f9; }
.icon-1x1-small { width: 20px; height: 20px; line-height: 100%; }
.post-content-grid-right { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; }
.w-richtext > :first-child { margin-top: 0; }
.text-rich-text h2 { margin-top: 2rem; margin-bottom: 1rem; font-size: 3rem; }
.text-rich-text p { margin-bottom: 1rem; }
.text-rich-text h3 { margin-top: 1.5rem; margin-bottom: 1rem; font-size: 2rem; }
.w-richtext:after { clear: both; }
.inner-head { font-family: Manrope,sans-serif; font-size: 1.125rem; line-height: 130%; font-weight: 300; text-decoration: none; border-top: 1px solid #f3f3f3; padding-top: .5rem; margin-top: .5rem; }
.text-color-muted { color: rgba(34,34,34,.6); }
.post-preview-image-wrapper { padding: 1rem; align-items: center; justify-content: center; max-width: 131px; transition: all .3s; min-width: 131px; width: 100%; column-gap: 1rem; }
    .post-preview-image-wrapper:hover { }
.post-des { display: flex; justify-content: space-between; margin-top: 1rem; }
    .post-des span:first-child { font-size: 1.25rem; }
    .post-des span:last-child { font-size: 14px; font-style: italic; }
.text-meta { font-family: Manrope,sans-serif; font-size: 12px; line-height: 140%; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; }
.text-gradient { background: linear-gradient(to right, #6A38B5 0%, #F91C7F 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; }
.h-our-partner { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; justify-content: space-evenly; }
.text-bg { background: #01568C; color: #fff; padding: 0 1rem; font-weight: bold; }
.color-black { color: #515151 }
.heading-h1 { font-family: Manrope,sans-serif; font-size: 4rem; line-height: 120%; font-weight: 300; }
.about-hero-grid-right { display: flex; padding: 0 3rem 3rem 3rem; flex-direction: column; justify-content: space-between; height: 100% }
.text-about { font-size: 1rem; line-height: 40px; margin-top: 2rem }
.about-values-grid { display: grid; grid-auto-columns: 1fr; grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 0.32fr 1fr; grid-template-rows: auto; }
.about-values-inner-grid { display: flex; flex-direction: column; grid-column-gap: 4rem; grid-row-gap: 4rem; }
.about-awards-grid, .about-values-inner-item { display: grid; grid-auto-columns: 1fr; grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 0.48fr 1fr; grid-template-rows: auto; }
.line-height-35 { line-height: 35px; }
.home-team-grid { display: grid; align-items: start; grid-auto-columns: 1fr; grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto; }
.g-name-wrap { position: absolute; bottom: 0; background-color: rgb(245 246 250); width: 100%; padding: 8px; }
.card-our-value { min-height: 340px; }
#eresContent .card-our-value { min-height: 240px; }
.card-our-value .btn.btn-watch-video { background-color: transparent; position: absolute; top: 15px; right: 15px; border: 1px solid #000; color: #000; }
.video-modal-dialog { max-width: 800px; margin: 30px auto; }
    .video-modal-dialog .btn-close { font-size: 12px; color: #fff; opacity: 1; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; border: 1px solid #000; }
    .video-modal-dialog .modal-content { /*background-color: transparent; border: none;*/ }
    .video-modal-dialog .modal-content .modal-header{ background-color: #fbfbfb; padding: 0.6rem 1rem; }
        .video-modal-dialog .modal-content .modal-header .modal-title { font-weight: bold; }
        .video-modal-dialog iframe { width: 100%; min-height: 500px; }
.btn-outline-dark { --bs-btn-color: #000; --bs-btn-border-color: #000; --bs-btn-hover-bg: #000; --bs-btn-hover-border-color: #000; }
.btn { --bs-btn-color: #000; }
.backToTop { cursor: pointer; display: inline-flex; background-color: #000; text-align: center; position: fixed; bottom: 10px; right: 15px; z-index: 1000; border-radius: 100%; width: 40px; height: 40px; align-items: center; justify-content: center; }
.scroll .navbar-logo img { height: 40px !important; transition: all .3s; }
.inner-preview-img, .aboutUs-preview-img { display: flex; }
    /*.inner-preview-img img { width: 100%;}*/
.aboutUs-preview-img img{height:710px;}
.inner-preview-img img,
.product-preview-img img { height: 620px; }
.sticky-title { position: sticky; top: 8rem; }
/*----*/
/*********/
.flip { display: inline-block; width: 100%; height: 40px; position: relative; top: 0; -moz-perspective: 500; -webkit-perspective: 500; perspective: 500; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
    .flip span { font-weight: 600; display: block; width: auto; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); position: absolute; top: -20px; left: 0; }
        .flip span.set { top: 0; opacity: 1; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
        .flip span.down { top: 40px; opacity: 0; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); }
.text-gradient2 { background: linear-gradient(to right, #6A38B5 0%, #F91C7F 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
/*********/
.header-swiper-one { background-image: url(../img/header-one.jpg); background-repeat: no-repeat; height: 710px; color: #fff; display: flex; justify-content: center; align-items: center; background-size: cover; }
.header-swiper-two { background-image: url(../img/banner_lemanto.jpg); background-repeat: no-repeat; height: 710px; color: #000; display: flex; justify-content: center; align-items: center; background-size: cover; }
[dir="rtl"] .header-swiper-two { background-image: url(../img/banner_lemanto_ar.jpg); background-position: right; }
.header-swiper-three { background-image: url(../img/banner_eres_ips.jpg); background-repeat: no-repeat; height: 710px; color: #000; display: flex; justify-content: start; align-items: center; background-size: cover; }
[dir="rtl"] .header-swiper-three { background-image: url(../img/banner_eres_ips.jpg); direction: rtl; }
.banner-content-one { max-width: 570px; background: transparent; backdrop-filter: blur(3px); --webkit-backdrop-filter: blur(3px); background-color: rgba(0, 0, 0, 0.08); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 4rem 2rem; text-align: center; position: relative; }
    .banner-content-one > div { display: flex; flex-direction: column; margin-bottom: 1rem; }
    .banner-content-one > div span:first-child{ }
    .banner-content-one > div span:last-child { font-size: 3rem; font-weight: 500; }
.banner-content-one:before{ display: block; content: ""; width: 30px; height: 30px; position: absolute; top: 0; left: 0; border-top: 2px solid #fff; border-left: 2px solid #fff; }
.banner-content-one:after{ display: block; content: ""; width: 30px; height: 30px; position: absolute; top: 0; right: 0; border-top: 2px solid #fff; border-right: 2px solid #fff; }
.banner-content-one .border_btm { position: absolute; width: 100%; bottom: 0; margin-bottom: 0; }
.banner-content-one .border_btm:before { display: block; content: ""; width: 30px; height: 30px; position: absolute; bottom: 0; left: 0; border-bottom: 2px solid #fff; border-left: 2px solid #fff; }
.banner-content-one .border_btm:after { display: block; content: ""; width: 30px; height: 30px; position: absolute; bottom: 0; right: 0; border-bottom: 2px solid #fff; border-right: 2px solid #fff; }

.banner-content-two { display: flex; gap: 8rem; padding: 3rem 8rem; }
    .banner-content-two .lemanto-content { display: flex; flex-direction: column; }
        .banner-content-two .lemanto-content > div{display:flex; flex-direction:column;}
        .banner-content-two .lemanto-card { display: flex; align-items: center; max-width: 35%; }
    .banner-content-two .lemanto-content img { width: 320px; margin-bottom: 3rem; }
        .banner-content-two .lemanto-content .lemanto-title { font-size: 1.75rem; font-weight: 600; margin-bottom: 1rem; }
        .banner-content-two .lemanto-content .lemanto-des { font-size: 1.15rem; }

.banner-content-three { display: flex; gap: 8rem; margin: 3rem 8rem; background-color: rgb(0 0 0 / 70%); padding: 2rem 2rem; border-radius: 20px; backdrop-filter: blur(3px); --webkit-backdrop-filter: blur(3px); }
    .banner-content-three .ips-content { display: flex; flex-direction: column; }
        .banner-content-three .ips-content > div { display: flex; flex-direction: column; color: #fff; }
    .banner-content-three .ips-card { display: flex; align-items: center; max-width: 35%; }
    .banner-content-three .ips-content .ips-logo { width: 180px; margin-bottom: 14px; }
    .banner-content-three .ips-content .ips-title { font-size: 2rem; font-weight: 600; margin-bottom: 1rem;  }
    .banner-content-three .ips-content .ips-des { font-size: 1.5rem; margin-bottom: 1.5rem; font-weight:500;}

    .banner-content-three .event-details { color: #fff; display: flex; flex-direction: row; gap: 1rem; margin-bottom: 1.5rem; font-weight:500;}
        .banner-content-three .event-details .ips-location { background-image: url(../img/icon-calendar.svg); background-repeat: no-repeat; background-size: 30px; background-position: top 2px left; padding-inline-start: 40px; line-height: 20px; border-inline-end: 1px solid #fff; display: flex; align-items: center; padding-inline-end: 16px; max-width: 160px; }
        .banner-content-three .event-details .ips-date { background-image: url(../img/icon-calendar.svg); background-repeat: no-repeat; background-size: 30px; background-position: top 3px left; padding-inline-start: 40px; line-height: 20px; display: flex; align-items: center; max-width: 115px; }
[dir="rtl"] .banner-content-three .event-details .ips-location { background-position: top 2px right; }
[dir="rtl"] .banner-content-three .event-details .ips-date { background-position: top 3px right; }

.main-nav { margin-bottom: 1.5rem }
.site-main-links { position: relative; display: flex; padding: 0; align-items: center; grid-column-gap: 2px; grid-row-gap: 2px; border-radius: 6px; transition: background-color .3s; text-decoration: none; font-family: Manrope,sans-serif; color: #000; font-size: .875rem; font-weight: 400; letter-spacing: .5px; flex-direction: column; align-items: start; }
    .site-main-links .nav-link { color: #000; }
    .site-main-links .nav-link::after { content: ''; display: block; width: 0; height: 1px; background-color: #000; transition: width .3s; }

    .site-main-links .nav-link:hover::after{ width: 100%; }
.navbar-toggler { padding: 0.5rem 0.65rem; border-radius: 4px; background-color: #f5f5f5; border: none !important; box-shadow: none !important; }
.card-drb .logo-drb{ width: 100%; height: 100%; padding: 3rem; }

/*.swiper { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }*/
/*.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }*/
#headcards.swiper-container,
#eresValuesCard,
#eresVideoGallery,
#eresVPartner,
#eresVPartnerAr,
#eresRecords,
#dubaiIntegratonS { position: relative; padding-bottom: 3rem; }
#headcards .swiper-wrapper .swiper-slide { display: inherit; height: auto; }
#eresValuesCard.swiper-container > .swiper-wrapper { flex-direction: row; }
#eresValuesCard.swiper-container .swiper-slide { margin-top:0 !important;}
.gallery-info { height: 380px; width: 100%; align-items: center; overflow:hidden}
    /*.gallery-info .img-fluid { height: 100%; }*/
.logo-partner .card { padding: 1rem; height: 100px; justify-content: center; align-items:center;}
    .logo-partner .card img { width: 150px; }
.app-qr-code{width:180px; margin-top:2rem;}
.h-banner-control { display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; margin-top: 0; position: relative; }
.swiper-button-play-p { position: inherit; margin-top: 0; right: 40px; top: 4px; z-index: 11; }
    .swiper-button-play-p button { background-color: #fff; border: none; color: currentColor; outline: none; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; }
        .swiper-button-play-p button i { font-size: 21px; }
.h-banner-control .swiper-pagination-bullets.swiper-pagination-horizontal { width: auto; bottom: 0; right: 0; }
.swiper-pagination-bullet-active { background-color: #006aad;}
.lemanto-link { width: max-content; margin: 1rem 0; padding: 0.8rem 1.25rem; border-radius: 20px; transition: border-color .2s,color .2s,background-color .2s; font-family: Manrope,sans-serif; color: #000; font-size: .875rem; line-height: 110%; font-weight: 600; text-align: center; letter-spacing: 1px; text-decoration: none; background-color: #fff; }
.ips-link { width: max-content; padding: 0.8rem 1.25rem; border-radius: 20px; transition: border-color .2s,color .2s,background-color .2s; font-family: Manrope,sans-serif; color: #000; font-size: .875rem; line-height: 110%; font-weight: 600; text-align: center; letter-spacing: 1px; text-decoration: none; background-color: #fff; }
.dots-more-data, .more-link { display: none; color: #006aad }
.collapse.data-collapse:not(.show) { display: inline-block; }
.embed-responsive{display:flex;}
.show-en { display: block; }
.show-ar { display: none; }
.lemanto-inner-img{ background-color: #e3e3e5; align-items: center; justify-content: center; }
.lh-normal{line-height:normal;}
.key-feature-title { font-size: 16px; font-weight: bold; line-height: normal; margin-top: 1rem; }
.lemanto-key-feature { padding-inline-start: 16px; }
.lemanto-key-feature li { list-style: decimal; }
.lemanto-process { margin-top: 50px; direction: ltr; }
.lemanto-process-title { font-size: 1.5rem; font-weight: bold; display: flex; align-items: center; justify-content: center; margin-bottom: 2rem; }
.lemanto-process-text { display: flex; flex-direction: column; justify-content: space-between; }
.process-step { font-size: 18px; font-weight: bold; width: 100%; }
.lemanto-process-step1,
.lemanto-process-step2,
.lemanto-process-step3,
.lemanto-process-step4,
.lemanto-process-step5,
.lemanto-process-step6 { position: relative; display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; line-height: 20px; padding-top: 15px; padding-inline-end: 1rem; padding-inline-start: 1rem; }
/*.lemanto-process-step1 { border: 2px solid #66a75d; }
.lemanto-process-step2 { border: 2px solid #8cba5d; }
.lemanto-process-step3 { border: 2px solid #b1cd5d; }
.lemanto-process-step4 { border: 1px solid #f2536a; }
.lemanto-process-step5 { border: 1px solid #f58754; }
.lemanto-process-step6 { border: 1px solid #fba757; }*/
/*.lemanto-process-step1:after { content: ""; position: absolute; width: 30px; inset-inline-end: -30px; border-top: 2px solid #66a75d; height: 1px; bottom: 22px; }
.lemanto-process-step2:after { content: ""; position: absolute; width: 25px; inset-inline-end: -25px; border-top: 2px solid #8cba5d; height: 1px;  }
.lemanto-process-step3:after { content: ""; position: absolute; width: 30px; inset-inline-end: -30px; border-top: 2px solid #b1cd5d; height: 1px; top: 20px; }
.lemanto-process-step4:after { content: ""; position: absolute; width: 125px; inset-inline-start: -125px; border-top: 2px dashed #f2536a; height: 1px; }
.lemanto-process-step5:after { content: ""; position: absolute; width: 25px; inset-inline-start: -25px; border-top: 2px dashed #f58754; height: 1px; }
.lemanto-process-step6:after { content: ""; position: absolute; width: 110px; inset-inline-start: -110px; border-top: 2px dashed #fba757; height: 1px; }*/
/*arabic css*/
[dir="rtl"] body { direction: rtl; font-family: var(--DubaiW23) !important; }
[dir="rtl"] .site-main-links .nav-link { font-family: var(--DubaiW23) !important; font-weight: 500; }
[dir="rtl"] .card-title,
[dir="rtl"] .h-projects-item .btn,
[dir="rtl"] .btn-watch-video,
[dir="rtl"] .card-our-value .small-text,
[dir="rtl"] .card-our-value .btn,
[dir="rtl"] .g-content,
[dir="rtl"] .g-name,
[dir="rtl"] .g-title,
[dir="rtl"] .green-title,
[dir="rtl"] .text-meta,
[dir="rtl"] .heading-h1 { font-family: var(--DubaiW23) !important; font-weight: 600; }
[dir="rtl"] .btn-get-in-touch,
[dir="rtl"] .copyright,
[dir="rtl"] .subnav span { font-family: var(--DubaiW23) !important; }
[dir="rtl"] .text-end { text-align: left !important; }
[dir="rtl"] .icon-rounded{margin-right:0; margin-left:10px;}
/*[dir="rtl"] .swiper-wrapper .swiper-slide{direction:rtl;}*/
[dir="rtl"] .btn-get-in-touch {margin-left:0; margin-right:1rem;}

[dir="rtl"] #headerSlider { direction: ltr }
    [dir="rtl"] #headcards.swiper-container .swiper-wrapper,
    [dir="rtl"] #eresValuesCard.swiper-container .swiper-wrapper,
    [dir="rtl"] #eresVideoGallery.swiper-container .swiper-wrapper,
    [dir="rtl"] #eresVPartner.swiper-container .swiper-wrapper,
    [dir="rtl"] #eresRecords.swiper-container .swiper-wrapper,
    [dir="rtl"] #dubaiIntegratonS.swiper-container .swiper-wrapper,
    [dir="rtl"] .g-name-wrap { text-align: right; }
/*[dir="rtl"] .swiper-pagination{direction:rtl;}*/
[dir="rtl"] .show-en { display: none; }
[dir="rtl"] .show-ar { display: block; }
/*[dir="rtl"] .card-our-value .small-text{justify-content:flex-end;}*/
[dir="rtl"] #eresValuesCard .swiper-slide .card-our-value .card-title, [dir="rtl"] .card-our-value.color2 { text-align: right; }
[dir="rtl"] .banner-content-two { direction: rtl }
[dir="rtl"] .lemanto-process-step1,
[dir="rtl"] .lemanto-process-step2,
[dir="rtl"] .lemanto-process-step3,
[dir="rtl"] .lemanto-process-step4,
[dir="rtl"] .lemanto-process-step5,
[dir="rtl"] .lemanto-process-step6 { direction: rtl; }
    [dir="rtl"] .lemanto-process-step1:after { inset-inline-start: -115px; inset-inline-end: auto; }
    [dir="rtl"] .lemanto-process-step2:after { inset-inline-start: -25px; inset-inline-end: auto; }
    [dir="rtl"] .lemanto-process-step3:after { inset-inline-start: -110px; inset-inline-end: auto; }
    [dir="rtl"] .lemanto-process-step4:after { inset-inline-end: -125px; inset-inline-start: auto; }
    [dir="rtl"] .lemanto-process-step5:after { inset-inline-end: -25px; inset-inline-start: auto; }
    [dir="rtl"] .lemanto-process-step6:after { inset-inline-end: -110px; inset-inline-start: auto; }
[dir="rtl"] .banner-img .swiper-slide.swiper-slide-visible.swiper-slide-active { opacity: 1 !important; }
[dir="rtl"] .swiper-button-play-p{right:auto; left:45px;}
/*[dir="rtl"] #eresValuesCard .swiper-slide .card-our-value .card-body { align-items: flex-end !important; text-align: right; }*/
/*end arabic css*/
/*responsive css*/
@media(min-width:768px) { .pt-8 { padding-top: 3rem; }
    /*.inner-preview-img img { object-fit: none; }*/
}
@media(min-width:992px){
    [dir="rtl"] .swiper-container .swiper-slide,
    [dir="rtl"] .swiper .swiper-slide { margin-right: 0 !important; margin-left: 30px; }
}
@media(min-width:1200px){
    .h-project-preview-img img {height: 550px; }
}
@media(min-width:1300px) {
    .banner-content-two .lemanto-content { max-width: 60%; }
}
@media screen and (min-width: 1440px) { 
.body { padding: 2rem 4rem 4rem; }
}
/* 1. scale and layout setting at 100% = 1dppx *
/* 2. scale and layout setting at 125% = 1.25dppx */
@media (resolution: 1.25dppx) {
    .h-project-preview-img img { height: 450px; }
    .setion-service .card-body.p-5 { padding: 3rem 1.5rem !important; }
    .card-our-value { min-height: 240px; }
        .card-our-value .card-body.p-5 { padding: 1.5rem !important; }
    .heading-h1 { font-size: 2.5rem; font-weight: bold; }
    .text-about { font-size: 1rem; margin-bottom: 1rem; line-height: 25px; }
    .about-hero-grid-right { padding-top: 1rem; padding-bottom: 1rem; padding-left:1rem; padding-right:1rem; }
    .header-swiper-one,
    .header-swiper-two,
    .header-swiper-three { height: 500px; }
    .banner-content-two { gap: 4rem; padding: 3rem 4rem; }
    .inner-preview-img img, .product-preview-img img, .h-project-preview-img img, .aboutUs-preview-img img { height: 495px !important; }
    .about-hero-grid-img{margin-top:1.5rem !important}
    .dots-more-data, .more-link { display: inline-block; }
    .collapse.data-collapse:not(.show) { display: none; }
}
@media(max-width:1400px){
    .inner-preview-img img, .product-preview-img img, .aboutUs-preview-img img { height: 375px; width: 100%; }
    .lemanto-process-text{gap:.5rem;}
}
@media(max-width:1200px){
    .site-main-nav .navbar-collapse.collapse,
    .site-main-nav .navbar-collapse.collapsing { position: absolute; top: 62px; background-color: rgb(255 255 255); width: 100%; left: 0px; border: 1px solid #dededf; }
    .site-main-links .nav-link { color: #000; width: 100%; padding: 0.5rem 1rem; background-color: #f9f9f9; }
    .btn-get-in-touch{margin:1rem;}
    .site-main-links .nav-link::after{display:none;}
    .h-project-preview-img img,
    .inner-preview-img img, .product-preview-img img, .aboutUs-preview-img img { height: 275px; }
    .body { padding: 0; }
    .main-wrapper { padding: 0 }
    .pt-8 { padding-top: 3rem; }
}
@media(max-width:1040px){
    .navbar-logo-image{height:42px;}
    .card.green { padding: 1rem; }
    .green-title { font-size: 1.25rem; }
}
@media(max-width:992px){
    .heading-h1 { font-size: 2rem; }
    .about-hero-grid-right { padding:0 1rem 3rem; }
    .icon-rounded{width:32px; height:32px;}
    .footer-bottom { flex-wrap: wrap; text-align: center; }
        .footer-bottom .subnav { justify-content: center; width: 100%; }
        /*.footer-bottom .copyright br{display:none; }*/
    [dir="rtl"] #eresVPartner,
    [dir="rtl"] #eresRecords,
    [dir="rtl"] #dubaiIntegratonS,
    [dir="rtl"] #eresValuesCard,
    [dir="rtl"] #eresVideoGallery,
    [dir="rtl"] #headcards { direction: ltr }
    [dir="rtl"] .swiper-wrapper .card .card-body { align-items: flex-end !important; }
    [dir="rtl"] .swiper-wrapper .card .card-body > div{ text-align: right; }
    .lemanto-process-step1:after,
    .lemanto-process-step2:after,
    .lemanto-process-step3:after,
    .lemanto-process-step4:after,
    .lemanto-process-step5:after,
    .lemanto-process-step6:after {display:none; }
    .banner-content-three { width: 100%; margin:1rem;}
        .banner-content-three .ips-content .ips-logo { width: 120px; }
        .banner-content-three .ips-content .ips-title { font-size: 1rem; margin-bottom: 0; }
        .banner-content-three .ips-content .ips-des { font-size: 14px; margin-bottom: .5rem; }
}
@media(max-width:768px) {
    .inner-preview-img, .aboutUs-preview-img { overflow: hidden; height: 300px; }
    .about-hero-grid-right { padding: 2rem 0; }
    .heading-h1 { font-size: 2rem; font-weight:600;}
    .text-about { margin-top: 0; line-height: normal; margin-bottom: 1rem; }
    .about-values-grid { display: flex; flex-direction: column; grid-column-gap: 0rem; grid-row-gap: 1rem; }
    .about-values-inner-grid { grid-row-gap: 1rem; }
    .about-values-inner-item { display: flex; flex-direction: column; grid-column-gap: 1rem; grid-row-gap: 0rem; }
    .about-values-inner-item h4{font-size:1.25rem}
        .about-values-inner-item h4 br{display:none;}
}
@media(max-width:767px){
    .card-our-value { min-height: 180px; }
    .header-swiper-one,
    .header-swiper-three { height: 400px; background-position: center; }
    .header-swiper-two { height: 400px; }
    .banner-content-one { padding: 1rem 2rem; }
    .banner-content-two { padding: 1rem 1rem; gap: 0; }
    .esaad-card{display:none;}
    .banner-content-two .esaad-content img { width: 200px; margin-bottom: 1rem; }
    .banner-content-two .esaad-content .esaad-title{font-size:1.25rem}
    .banner-content-two .esaad-content .esaad-des{font-size:.825rem;}
}