@font-face {
    font-family: 'Inter-Black';
    src: url('../font/Inter/Inter-Black.eot');
    src: url('../font/Inter/Inter-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/Inter/Inter-Black.woff2') format('woff2'),
        url('../font/Inter/Inter-Black.woff') format('woff'),
        url('../font/Inter/Inter-Black.ttf') format('truetype'),
        url('../font/Inter/Inter-Black.svg#Inter-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter-Bold';
    src: url('../font/Inter/Inter-Bold.eot');
    src: url('../font/Inter/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/Inter/Inter-Bold.woff2') format('woff2'),
        url('../font/Inter/Inter-Bold.woff') format('woff'),
        url('../font/Inter/Inter-Bold.ttf') format('truetype'),
        url('../font/Inter/Inter-Bold.svg#Inter-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter-ExtraBold';
    src: url('../font/Inter/Inter-ExtraBold.eot');
    src: url('../font/Inter/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../font/Inter/Inter-ExtraBold.woff2') format('woff2'),
        url('../font/Inter/Inter-ExtraBold.woff') format('woff'),
        url('../font/Inter/Inter-ExtraBold.ttf') format('truetype'),
        url('../font/Inter/Inter-ExtraBold.svg#Inter-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter-Light';
    src: url('../font/Inter/Inter-Light.eot');
    src: url('../font/Inter/Inter-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/Inter/Inter-Light.woff2') format('woff2'),
        url('../font/Inter/Inter-Light.woff') format('woff'),
        url('../font/Inter/Inter-Light.ttf') format('truetype'),
        url('../font/Inter/Inter-Light.svg#Inter-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter-ExtraLight';
    src: url('../font/Inter/Inter-ExtraLight.eot');
    src: url('../font/Inter/Inter-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../font/Inter/Inter-ExtraLight.woff2') format('woff2'),
        url('../font/Inter/Inter-ExtraLight.woff') format('woff'),
        url('../font/Inter/Inter-ExtraLight.ttf') format('truetype'),
        url('../font/Inter/Inter-ExtraLight.svg#Inter-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter-Medium';
    src: url('../font/Inter/Inter-Medium.eot');
    src: url('../font/Inter/Inter-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/Inter/Inter-Medium.woff2') format('woff2'),
        url('../font/Inter/Inter-Medium.woff') format('woff'),
        url('../font/Inter/Inter-Medium.ttf') format('truetype'),
        url('../font/Inter/Inter-Medium.svg#Inter-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter-Regular';
    src: url('../font/Inter/Inter-Regular.eot');
    src: url('../font/Inter/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Inter/Inter-Regular.woff2') format('woff2'),
        url('../font/Inter/Inter-Regular.woff') format('woff'),
        url('../font/Inter/Inter-Regular.ttf') format('truetype'),
        url('../font/Inter/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter-SemiBold';
    src: url('../font/Inter/Inter-SemiBold.eot');
    src: url('../font/Inter/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../font/Inter/Inter-SemiBold.woff2') format('woff2'),
        url('../font/Inter/Inter-SemiBold.woff') format('woff'),
        url('../font/Inter/Inter-SemiBold.ttf') format('truetype'),
        url('../font/Inter/Inter-SemiBold.svg#Inter-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter-Thin';
    src: url('../font/Inter/Inter-Thin.eot');
    src: url('../font/Inter/Inter-Thin.eot?#iefix') format('embedded-opentype'),
        url('../font/Inter/Inter-Thin.woff2') format('woff2'),
        url('../font/Inter/Inter-Thin.woff') format('woff'),
        url('../font/Inter/Inter-Thin.ttf') format('truetype'),
        url('../font/Inter/Inter-Thin.svg#Inter-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plaax-Regular';
    src: url('../font/plaax/Plaax6Ney-36-Regular.eot');
    src: url('../font/plaax/Plaax6Ney-36-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/plaax/Plaax6Ney-36-Regular.woff2') format('woff2'),
        url('../font/plaax/Plaax6Ney-36-Regular.woff') format('woff'),
        url('../font/plaax/Plaax6Ney-36-Regular.ttf') format('truetype'),
        url('../font/plaax/Plaax6Ney-36-Regular.svg#Plaax6Ney-36-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plaax-Bold';
    src: url('../font/plaax/Plaax6Ney-46-Bold.eot');
    src: url('../font/plaax/Plaax6Ney-46-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/plaax/Plaax6Ney-46-Bold.woff2') format('woff2'),
        url('../font/plaax/Plaax6Ney-46-Bold.woff') format('woff'),
        url('../font/plaax/Plaax6Ney-46-Bold.ttf') format('truetype'),
        url('../font/plaax/Plaax6Ney-46-Bold.svg#Plaax6Ney-46-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo-Black';
    src: url('../font/cairo/Cairo-Black.eot');
    src: url('../font/cairo/Cairo-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/cairo/Cairo-Black.woff2') format('woff2'),
        url('../font/cairo/Cairo-Black.woff') format('woff'),
        url('../font/cairo/Cairo-Black.ttf') format('truetype'),
        url('../font/cairo/Cairo-Black.svg#Cairo-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo-ExtraBold';
    src: url('../font/cairo/Cairo-ExtraBold.eot');
    src: url('../font/cairo/Cairo-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../font/cairo/Cairo-ExtraBold.woff2') format('woff2'),
        url('../font/cairo/Cairo-ExtraBold.woff') format('woff'),
        url('../font/cairo/Cairo-ExtraBold.ttf') format('truetype'),
        url('../font/cairo/Cairo-ExtraBold.svg#Cairo-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo-Bold';
    src: url('../font/cairo/Cairo-Bold.eot');
    src: url('../font/cairo/Cairo-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/cairo/Cairo-Bold.woff2') format('woff2'),
        url('../font/cairo/Cairo-Bold.woff') format('woff'),
        url('../font/cairo/Cairo-Bold.ttf') format('truetype'),
        url('../font/cairo/Cairo-Bold.svg#Cairo-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo-ExtraLight';
    src: url('../font/cairo/Cairo-ExtraLight.eot');
    src: url('../font/cairo/Cairo-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../font/cairo/Cairo-ExtraLight.woff2') format('woff2'),
        url('../font/cairo/Cairo-ExtraLight.woff') format('woff'),
        url('../font/cairo/Cairo-ExtraLight.ttf') format('truetype'),
        url('../font/cairo/Cairo-ExtraLight.svg#Cairo-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo-Medium';
    src: url('../font/cairo/Cairo-Medium.eot');
    src: url('../font/cairo/Cairo-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/cairo/Cairo-Medium.woff2') format('woff2'),
        url('../font/cairo/Cairo-Medium.woff') format('woff'),
        url('../font/cairo/Cairo-Medium.ttf') format('truetype'),
        url('../font/cairo/Cairo-Medium.svg#Cairo-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo-Light';
    src: url('../font/cairo/Cairo-Light.eot');
    src: url('../font/cairo/Cairo-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/cairo/Cairo-Light.woff2') format('woff2'),
        url('../font/cairo/Cairo-Light.woff') format('woff'),
        url('../font/cairo/Cairo-Light.ttf') format('truetype'),
        url('../font/cairo/Cairo-Light.svg#Cairo-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo-SemiBold';
    src: url('../font/cairo/Cairo-SemiBold.eot');
    src: url('../font/cairo/Cairo-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../font/cairo/Cairo-SemiBold.woff2') format('woff2'),
        url('../font/cairo/Cairo-SemiBold.woff') format('woff'),
        url('../font/cairo/Cairo-SemiBold.ttf') format('truetype'),
        url('../font/cairo/Cairo-SemiBold.svg#Cairo-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo-Regular';
    src: url('../font/cairo/Cairo-Regular.eot');
    src: url('../font/cairo/Cairo-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/cairo/Cairo-Regular.woff2') format('woff2'),
        url('../font/cairo/Cairo-Regular.woff') format('woff'),
        url('../font/cairo/Cairo-Regular.ttf') format('truetype'),
        url('../font/cairo/Cairo-Regular.svg#Cairo-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



.plaax-regular {font-family: 'Plaax-Regular';font-weight: 400;}
.plaax-bold {font-family: 'Plaax-Bold';font-weight: bold;}
.Inter-Regular {font-family: 'Inter-Regular';font-weight: 400;}
.cairo-r {font-family: 'Cairo-Regular';font-weight: 400;}
.cairo {font-family: 'Cairo-Bold';font-weight:bold}
.cairo-s {font-family: 'Cairo-SemiBold';font-weight: 600;}
.noto {font-family: 'Noto Sans Arabic';font-weight: 300;}
.noto-r {font-family: 'Noto Sans Arabic';font-weight: 400;}



input , select {outline: none;}


.white {color: #ffffff;}
.beige { color: rgb(180, 161, 131);}
.black {color: rgb(0, 0, 0);}
.grey {color: rgb(77, 77, 77)}
.white2 {color: rgba(255, 255, 255, 0.502);}
.black2 {color: rgb(10, 10, 10);}
.grey2 { color: rgb(143, 143, 143);}
.grey3 {color: rgb(77, 77, 77);}
.white3 {color: rgb(217, 217, 214);}
.beige2 {color: rgb(180, 161, 131);}
.color {color: rgb(157, 157, 157);}
.color2 {color: rgb(100, 100, 100);}
.color4 {color: rgb(155, 155, 155);}
.color3 {color: rgb(163, 163, 163);}
.color5 {color: rgb(133, 133, 133);}
.color6 {color: rgb(98, 98,98);}
.color7 {color: rgb(162, 162, 162);}
.color8 {color: rgba(0, 0, 0, 0.702);}


.font18 {font-size: 18px;}
.font87 {font-size: 87px;}
.font23 {font-size: 23px;}
.font28 {font-size: 28px;}
.font25 {font-size: 25px;}
.font54 {font-size: 54px;}
.font50 {font-size: 50px;}
.font52 {font-size: 52px;}
.font72 {font-size: 72px;}
.font21 {font-size: 21px;}
.font70 {font-size: 70px;}
.font34 {font-size: 34px;}
.font20 {font-size: 20px;}
.font33 {font-size: 33px;}
.font35 {font-size: 35px;}
.font44 {font-size: 44px;}
.font17 {font-size: 17px;}
.font16 {font-size: 16px;}
.font13 {font-size: 13px;}
.font15 {font-size: 15px;}
.font12 {font-size: 12px;}
.font59 {font-size: 59px;}
.font46 {font-size: 46px;}
.font31 {font-size: 31px;}
.font32 {font-size: 32px;}
.font43 {font-size: 43px;}
.font40 {font-size: 40px;}
.font75 {font-size: 75px;}
.font70 {font-size: 70px;}

.lh0 {line-height: 0px;}
.lh70 {line-height: 70px;}
.lh12 {line-height: 12px;}
.lh18 {line-height: 18px;}
.lh22 {line-height: 22px;}
.lh10 {line-height: 10px;}
.lh11 {line-height: 11px;}
.lh44 {line-height: 44px;}
.lh35 {line-height: 35px;}
.lh15 {line-height: 15px;}
.lh14 {line-height: 14px;}
.lh13 {line-height: 13px;}
.lh17 {line-height: 17px;}
.lh16 {line-height: 16px;}
.lh26 {line-height: 26px;}
.lh24 {line-height: 24px;}
.lh90 {line-height: 90px;}
.lh30 {line-height: 30px;}
.lh38 {line-height: 38px;}
.lh50 {line-height: 50px;}
.lh60 {line-height: 60px;}
.lh80 {line-height: 80px;}

.long-text {max-width: 650px !important;}
.long-text-ar {max-width: 500px !important;}



.slick-prev , .slick-next {display: none !important;}
.container {max-width: 1280px;margin: 0 auto;padding: 0 20px;}
.container2 {max-width: 1400px;margin: 0 auto;padding: 0 20px;}
body, html {margin: 0;padding: 0;height: 100%;}
body::-webkit-scrollbar{display: none}
.mobile {display: none !important;}
hr {border: none;outline:none;}
input::-webkit-inner-spin-button {appearance: none;}
.d-none {display: none;}
button {cursor: pointer;border: none;outline:none;}
.color-test {height: 60px;width: 50%;background-color: #f4f4f4;position: absolute;right: 0;bottom: 0;z-index: 3;}
.overlay .box-5 .color-animated2:hover {background-color: rgb(180, 161, 131);}

.homepage {height: 100vh;padding: 80px 0 0 0;}
.ptremove {padding:0 !important;}
.homepage li.slick-active button {opacity: 1 !important;}
.homepage .slick-dots li button {color: white;background: white;width: 10px;height: 10px;border-radius: 50%;opacity: 0.5;}
.homepage .slider .slide {height: 100vh;}
.homepage .slick-dots {bottom: 250px;}
.homepage .slider .slide .center-text {top: -50%;}
header {position: relative;}
header .background-video {width:100%;height: 100%;object-fit: cover;}
.homepage .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));pointer-events: none;}
header .background-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
header .header-content {padding: 0;display: inline;position: fixed !important;width: 100%;top: 0;z-index: 999;}
header .header-content::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 0;background-color: black;z-index: -1;transition: height 0.5s ease-in-out;}
header.animate .header-content::before {height: 100%;}
@keyframes backgroundGrow {from {height: 0;}to {height: 100%;}}
header .header-content .container2 {display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1;padding: 15px 10px;}
header .header-content .logo img {width: 165px;height: 54px;object-fit: cover}
header .header-content .menu {display: flex;gap: 70px;align-items: center;}
header .header-content .menu .languages a {text-decoration: none;height: 100%;width: 40px;}
header .header-content .menu .languages a.active {background:  rgb(180, 161, 131);outline: none;position: relative;left: -1px;}
header .header-content .menu .languages {border: 1px solid rgba(180, 161, 131);width: 80px;text-align: center;height: 30px;display: flex;align-items: center;}
header .header-content .menu ul {list-style: none;display: flex;gap: 20px;margin: 0;padding: 0;}
header .header-content .menu ul li {position: relative;}
header .header-content .menu ul li a {text-decoration: none;text-transform: uppercase;}
header .header-content .menu ul li .dropdown-content {position: absolute;top: 20px;left: -1px;z-index: 1;margin-top: -2px;opacity: 0;visibility: hidden;transition: 0.6s ease-in-out;display: block;}
header .header-content .menu ul li .dropdown-content li a {padding: 10px 0 0 0;display: block;text-transform: initial;width: 200px;font-size: 13px;}
header .header-content .menu ul li:hover .dropdown-content {opacity: 1;visibility: visible;}
header .center-text h1 , header .center-text a , header .center-text h2 {text-transform: uppercase;}
header .header-content .menu ul li a:hover {color: rgb(180, 161, 131);}
.homepage .center-text h1 {opacity: 0;margin: 0;position: relative;max-width: 600px;}
.homepage .center-text h2 {opacity: 0;margin: 0;position: relative;max-width: 500px;}
header .center-text a {display:inline-block;opacity: 0;text-decoration: none;}
header .color-animated {background-color: rgb(180, 161, 131);padding: 10px 25px;max-width: fit-content;opacity: 0;margin: 50px 0 0 0;position: absolute;top: 100%;transform: translateY(0);}
.homepage .center-text .color-animated a {animation: textFadeInUp 1s ease-out forwards;animation-delay: 2.5s;}
.homepage .center-text .color-animated {animation: backgroundGrowColor 1.5s forwards;animation-delay: 2s; height: 38px;transition: 0.5s all;}
@keyframes textFadeInUp {0% {opacity: 0;transform: translateY(20px);}100% {opacity: 1;transform: translateY(0);}}
@keyframes backgroundGrowColor {0% {width: 100px;opacity: 1}100% {width: 100%; opacity: 1}}
header .center-text hr { border-width: 2px;border-color: rgb(180, 161, 131);border-style: solid;max-width: 150px;margin: 0;}
header .center-text {position: relative;top: 50%;transform: translateY(calc(-50% - 88px));}
header .header-content .menu ul li.active a {color: #b19e81;}
header .header-content .menu ul li {border-left: 1px solid #b19e81;padding-left: 20px;}
.homepage .center-text hr {animation: hr-grow2 1.5s forwards 0.5s;}
.homepage .center-text hr {opacity: 0;margin: 0 0 50px 0;}
@keyframes hr-grow2 {0% {width: 0%;opacity: 1;}50% {width: 40%;opacity: 1;}100% {width: 100%;opacity: 1;}}
header.animate .header-content.hover-effect::before {background-color: rgba(0, 0, 0);height: 170px;}
.mobile-menu, .top-nav {display: none;}
header .header-content:hover::before {height: 100%;}
header .header-content.hover-effect::before {background-color: rgba(0, 0, 0);height: 170px;}


.footer {background-color: rgb(0, 0, 0);}
.footer .footer-top {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.footer .footer-middle {border-top: 1px solid rgb(77, 77, 77);padding: 75px 0;}
.footer .footer-middle .grid-item a {text-decoration: none;}
.footer .footer-middle .grid-item ul { list-style: none;padding: 30px 0 0 0;margin: 0;}
.footer .footer-middle .grid-item {border-left: 1px solid rgb(77, 77, 77);padding-left: 20px;}
.footer .footer-top .grid-item p {text-transform: uppercase;}
.footer .footer-middle .grid {display: grid;grid-template-columns: repeat(6, 1fr);gap: 20px}
.footer .footer-top .grid-item {box-sizing: border-box;border-right: 1px solid rgb(77, 77, 77);text-align: center;padding: 75px 10px 75px 10px;}
.footer .footer-top .grid-item:last-child {border-right: none;}
.footer .footer-top .grid-item.social-icons ul {list-style: none;padding: 0;margin: 0;}
.footer .footer-top .grid-item a {text-decoration: none;}
.footer .footer-top .grid-item.social-icons ul li {display: inline-block;padding: 10px;margin: 0 10px;}
.footer .footer-top .grid-item.social-icons ul li a i {color:rgb(180, 161, 131);font-size: 23px;}
.footer .footer-top .grid-item.social-icons p {margin-bottom: 15px;}
.footer .footer-button-line {border-top: 1px solid rgb(77, 77, 77);padding: 30px 0;}
.footer .footer-button-line .footer-button {display: flex;justify-content: space-between;}
.footer .footer-button-line .footer-button .links a {text-decoration: none;}
.footer .footer-button-line .footer-button .links a + a {border-left: 1px solid rgb(77, 77, 77) ;margin: 0 20px;}
.footer .footer-button-line .footer-button .links a:last-child {padding-left: 20px;}
.footer .footer-middle .grid-item ul li {margin: 0 0 10px 0;}
.footer .footer-middle .grid-item ul li a {opacity: 0.5;}


.background-section {background-image: url('/assets/images/01_Numbers.jpg');background-size: cover;height: 100%;display: flex;align-items: center;justify-content: center;background-size: 130%;transition: background-size 1s ease;background-repeat: no-repeat;background-size: cover;}
.background-section.scrolled {background-size: 123%;background-size:cover }
.background-section.scrolled .text-overlay .columns .column h3,.background-section.scrolled .text-overlay .columns .column p {opacity: 1;transform: translateX(0);transition-delay: 1.3s;}
.background-section .text-overlay h2 {text-transform: uppercase;text-align: center;max-width: 630px;padding: 0;margin: 0 auto;opacity: 0;}
.background-section .text-overlay h1 {text-transform: uppercase;text-align: center;max-width: 630px;padding: 0;margin: 0 auto;opacity: 0;}
.background-section .text-overlay .columns .column h3 {text-transform: uppercase;margin: 0;padding: 0;position: relative;opacity: 0;transform: translateX(-80px);transition: transform 1s ease-out, opacity 1s ease-out;transition-delay: 0.8s;}
.background-section .text-overlay .columns {display: flex;gap: 130px;align-items: center;justify-content: center;margin-top: 80px;}
.background-section .text-overlay {text-align: center}
.background-section .text-overlay .columns .column {padding-left: 40px;text-align: justify;position: relative;overflow: hidden;}
.background-section .text-overlay .columns .column::before {content: '';position: absolute;left: 0;bottom: 0;width: 2px;height: 0;background-color: rgb(180, 161, 131);transition: height 1s ease-out;transition-delay: 0.5s;}
.background-section.scrolled .text-overlay .columns .column::before {height: 100%;}
.background-section .text-overlay .columns .column p {text-align: justify;margin-bottom: 0;position: relative;opacity: 0;transform: translateX(-60px);transition: transform 1s ease-out, opacity 1s ease-out;transition-delay: 0.8s;}


.interest-form {background-image: url('/assets/images/05_Registeryourinterest.jpg');background-size: cover;text-align: center;background-size: 110%;transition: background-size 1s ease;padding: 100px;}
.interest-form.scrolled {background-size: 100%;}
.form-interest.scrolled {background-size: 100%;}
.interest-form p {margin-top: 0;}
.interest-form h2 {margin-bottom: 0;opacity: 0;transform: translateY(30%);margin-top: 0;}
.interest-form.scrolled h2 {animation: float-in 1s forwards;}
.form-interest.scrolled h2 {animation: float-in 1s forwards;}
@keyframes float-in {0% {transform: translateY(30%);opacity: 0;}
100% {transform: translateY(0);opacity: 1;}}
.interest-form hr {border: 2px solid rgb(180, 161, 131);max-width: 200px;margin: 0;}
.interest-form form .left-inputs input {padding: 15px 20px;width:calc(100% - 50% - 56px);}
.interest-form form .left-inputs {text-align: justify;}
.interest-form form .right-inputs input , .interest-form form .right-inputs select{padding: 15px 20px;width:calc(100% - 50% - 56px);}
.interest-form form .right-inputs {margin-top: 15px;text-align: justify;}
.interest-form form button {text-transform: uppercase;background-color: rgb(180, 161, 131);padding: 10px 20px 13px 20px;outline: none;border: none;margin-top: 50px;transition: 0.5s all;}
.interest-form form .left-inputs input::placeholder , .interest-form form .right-inputs input::placeholder , .interest-form form .right-inputs select  {font-size: 13px;color: rgb(0, 0, 0);font-family: 'Inter-Regular';}
.interest-form form .right-inputs select {width:calc(100% - 50% - 12px);}
.interest-form form .left-inputs input:first-child {margin-right: 20px;}
.interest-form form .right-inputs input:first-child {margin-right: 20px;}
.interest-form form .right-inputs select.custom-select {appearance: none;-webkit-appearance: none;-moz-appearance: none;background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 448 512"><path fill="%23808080" d="M224 384l224-224H0z"/></svg>') no-repeat right 8px center;}



.vision-mission img {width: 55%; opacity: 0; }
.vision-mission.scrolled .left-image {animation-name: fade-in-steps;animation-duration: 1s;animation-fill-mode: forwards;}
@keyframes fade-in-steps {0% {opacity: 0;}25% {opacity: 0.2;}50% {opacity: 0.5;}75% {opacity: 0.8;}100% {opacity: 1;}}
.vision-mission {display: flex;gap: 80px;align-items: center;width: calc(100vw - calc((100vw - 1280px) / 2));margin: 0px auto 0 0;padding: 0px 20px 0px 0;max-width: calc(100% - 20px);}
.vision-mission .right-content {width: 50%;}
.vision-mission .right-content .columns {display: flex;gap: 60px;}
.vision-mission .right-content h2 {text-transform: uppercase;line-height: 50px;margin: 40px 0 20px 0;max-width: 545px;opacity: 0;}
.vision-mission .right-content hr {border: 2px solid rgb(180, 161, 131);max-width: 200px;margin: 0;opacity: 0;}
.vision-mission.scrolled .right-content hr {animation: hr-grow 2s forwards;opacity: 1;}
@keyframes hr-grow {0% {width: 10%;}100% {width: 100%;}}
.vision-mission .right-content p {margin: 0; opacity: 0;transition: opacity 1s ease;transition-delay: 2.5s;}
.vision-mission .right-content .columns .column h2 {text-transform: uppercase; opacity: 0;transition: opacity 1s ease;transition-delay: 2.5s;}
.vision-mission .right-content .columns .column p {max-width: 280px; opacity: 0;transition: opacity 1s ease;transition-delay: 2.5s;}
.vision-mission.scrolled .right-content p,.vision-mission.scrolled .right-content .columns .column h2,.vision-mission.scrolled .right-content .columns .column p {opacity: 1;}


.page-container {background: url('/assets/images/Contactus.jpg') no-repeat center center;background-size: cover;padding: 88px 0 0 0;background-attachment: fixed;}
.contact-page {gap: 0;height: auto;}
.contact-info {display: flex;justify-content: space-between;gap: 100px;}
.contact-info {width: calc(100vw - calc((100vw - 1280px) / 2));margin: 150px 0 0 auto;padding: 0 0 0 0px;max-width: calc(100% - 20px);}
.contact-info .right-section {background-color: #151515;padding: 110px 80px 200px 80px;}
.contact-info .left-section hr {color: #b19e81;max-width: 150px;margin: 0;background-color: rgb(180, 161, 131);height: 1.5px;border: none;outline:none;}
.contact-info .left-section {width: 60%;}
.contact-info .right-section {width: 50%;}
.contact-info .left-section h2 {margin: 30px auto;text-transform: uppercase;}
.contact-info .left-section  p.desktop {margin-bottom: 50px;}
.contact-info .left-section .contact-details i {color: #b19e81;margin-right: 10px;}
.contact-info .left-section .contact-details a {text-decoration: none;}
.contact-info .left-section .contact-details > div {margin-bottom: 5px;}
.contact-info .left-section .contact-location p {max-width: 240px;padding: 0;margin: 0;}
.contact-info .left-section .contact-location .contact-content .contact-details {margin-top: 20px;}
.contact-info .left-section .contact-location h2 {margin-bottom: 10px;}
.contact-info .right-section .contact-form .form-row {display: flex;margin-bottom: 50px;gap: 30px;}
.contact-info .right-section .contact-form .form-row .form-group {width: 100%;}
.contact-info .right-section .contact-form label {display: block;margin-bottom:20px}
.contact-info .right-section .contact-form input , .contact-info .right-section .contact-form select , .contact-info .right-section .contact-form textarea {background-color: transparent;border-bottom: 1px solid  rgb(249, 249, 249 ,0.1);border-top:none;outline: none;border-left: none;border-right: none;color: white;width: 100%;}
.contact-info .right-section .contact-form input::placeholder , .contact-info .right-section .contact-form select , .contact-info .right-section .contact-form textarea::placeholder {font-size: 13px;color: rgb(229, 228, 228);font-family: 'Inter-Regular';font-weight: 400;padding-bottom: 10px;}
.contact-info .right-section .contact-form .checkbox-group input {width: auto;}
.contact-info .right-section .contact-form textarea {display: block;resize: none;height: 150px;width: 100%;}
.contact-info .right-section .contact-form select#type {width: 100%;margin-bottom: 50px;}
.contact-info .right-section .contact-form input[type="email"] {width: 100%;margin-bottom: 50px;}
.contact-info .right-section .contact-form button {text-transform: uppercase;background-color: rgb(180, 161, 131);padding: 10px 25px 13px 25px;outline: none;margin-top: 30px;transition: 0.5s all;}
.contact-info .right-section .contact-form select#city , .contact-info .right-section .contact-form select#country {width: 100%;}
.contact-info .right-section .contact-form input {line-height: 30px;}
.contact-info .right-section .contact-form .checkbox-group {margin-top: 50px;}
.contact-info .right-section .contact-form .checkbox-group label:first-child {text-decoration: underline;}
.contact-info .right-section .contact-form .checkbox-group label {opacity: 0.5;}


p.bio {margin-top: 50px;}
.teams {display: flex;justify-content: space-between;position: relative;top: 150px;}
.teams .right-section h2 {text-transform: uppercase;max-width: 340px;line-height: 40px;}
.teams .right-section h3 {margin-bottom: 5px;}
.teams .right-section {background-color: #151515;padding: 60px 40px 60px 80px;}
.color-grey {background:#f4f4f4;height: 270px;width: 100%;}
.teams .left-section img {height: 100%;width: 100%;}
.teams .left-section , .teams .right-section {width: 50%;}
.color-grey-2 {background:#f4f4f4;height: 50px;width:30%;}
.team-list {display: flex;justify-content: space-between;margin-top: 50px;margin-bottom: 50px;}
.team-list .left-section , .team-list .right-section {width: 50%;}
.team-list .right-section .team-column {display: flex;gap: 20px;}
.team-list .right-section .team-column .team-member img {height: 300px;width: 300px;}
.team-list .left-section hr {color: #b19e81;max-width: 100px;margin: 0;background-color: #b19e81;height: 1.5px;}
.team-list .left-section h2 , .team-list .left-section p {max-width: 300px;}
.team-list .right-section .team-column .team-member p {margin: 0;}
.team-list .right-section .team-column .team-member {background-color:#f4f4f4 ;cursor: pointer;}
.team-list .right-section .team-column + .team-column {padding-top: 20px;}
.team-list .right-section .team-column .team-member p {padding: 15px 15px 15px 15px;}
.team-list .right-section .team-column .team-member p:last-child {padding-top: 0px;padding-bottom: 30px;}
.arrow-links-container {background-color: #b19e81;height: 100px;}
.arrow-links-container .container {display: flex;justify-content: space-between;align-items: center;padding: 35px 20px;}
.arrow-links-container .container a {text-decoration: none;}
.arrow-links-container .container .arrow-left::before {content: '\f053';margin-right: 10px;font-size: 17px;font-family: 'Font Awesome 5 Free';font-weight: 900;}
.arrow-links-container .container .arrow-right::after {content: '\f054';margin-left: 10px;font-size: 17px;font-family: 'Font Awesome 5 Free';font-weight: 900;}
.arrow-links-container .container hr {background-color: white;width: 100px;height: 1.5px;rotate: 190deg;transform: rotate(-100deg);position: absolute;right: 0;left: 0;}


.overview {background-color: #222222;height: 850px;}
.overview .overview-header .text-content h2 {text-transform: uppercase;margin-top: 25px;margin-bottom: 10px;}
.overview .overview-header .text-content hr {color: #b19e81;max-width: 150px;margin: 0;height: 1.5px;background-color: #b19e81;}
.overview .overview-header {display: flex;justify-content: space-between;gap: 50px;position: relative;top: 250px;}
.overview .overview-header .image-content img {width: 680px;}
.overview-header {width: calc(100vw - calc((100vw - 1280px) / 2));margin: 0 0 0 auto;padding: 0 0 0 20px;max-width: calc(100% - 20px);}
.overview .overview-header .text-content p {max-width: 320px;}


.overview-two {display: flex;gap: 210px;align-items: center;width: calc(100vw - calc((100vw - 1280px) / 2)); margin: 0px auto 0 0;padding: 150px 20px 100px 0;;max-width: calc(100% - 20px);}
.overview-two  .image-content img {width: 680px;}
.overview-two .text-content hr {max-width: 100px;margin: 0;color: #b19e81;height: 1.5px;background-color: #b19e81;}
.overview-two .text-content h2 {text-transform: uppercase;max-width: 350px;}
.color-background {background-color: #f4f4f4;}
.overview-two .text-content p {max-width: 400px;}




.final {display: flex;}
.final .image {width: 100%;}
.final .image img {width: 100%;height: 100%;}
.pt {padding: 50px 280px 50px 100px;margin-bottom: 50px;}
.final .text-content {background-color: #f4f4f4;position: relative;width: 100%;}
.final .text-content .columns {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}
.final .text-content .columns .column h2 {margin-bottom: 0;text-transform: uppercase;}
.final .text-content .columns .column:last-child h2 {margin-top: 0;}
.final .text-content .columns .column:nth-child(3) h2 {margin-top: 0;}
.final .text-content .columns .column:first-child h2 {margin-top: 10px;}
.final .text-content .columns .column:nth-child(2) h2 {margin-top: 10px;}
.final .text-content .arrow {background-color: #b4a180;text-align: end;padding: 20px 130px 20px 20px;}
.final .text-content .arrow a {text-decoration: none;}
.final .text-content .arrow .arrow-right::after {content: '\f054';margin-left: 20px;font-size: 17px;font-family: 'Font Awesome 5 Free';font-weight: 900;}


.core {background-color: #222222;height: 760px;}
.core .core-header .text-content h2 {text-transform: uppercase;margin-top: 25px;margin-bottom: 10px;max-width: 500px;}
.core .core-header .text-content hr {color: #b19e81;max-width: 150px;margin: 0;background-color: #b19e81;height: 1.5px;}
.core .core-header {display: flex;justify-content: space-between;gap: 50px;position: relative;top: 230px;}
.core .core-header .image-content img {width: 680px;}
.core-header {width: calc(100vw - calc((100vw - 1280px) / 2));margin: 0 0 0 auto;padding: 0 0 0 20px;max-width: calc(100% - 20px);}
.core .core-header .text-content p {max-width: 400px;}

.grid-container {background: url('/assets/images/InnovationCommunityQuality.jpg') no-repeat;background-size:cover}
.grid-container .grid {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 60px;padding: 200px 0;}
.grid-container .grid .grid-item hr {max-width: 80px;color:rgb(180, 161, 131) ;margin: 0;height: 1.5px;background-color: rgb(180, 161, 131);}

.color-background-core .final-core .image {margin-top: -40px;width: 50%;}
.color-background-core .final-core .text-content {display: flex;flex-direction: column;justify-content: center;margin: 0 0 0 120px;}
.color-background-core .final-core .text-content .text-item {display: flex;    justify-content: space-between;gap: 30px;align-items: center;}
.color-background-core .final-core .text-content .text-item .text p {max-width: 280px;}
.color-background-core {background-color: #f4f4f4;}
.color-background-core .final-core .text-content .text-item hr {width: 60px;height: 1.5px;color: #b19e81;background-color: #b19e81;}
.final-core {display: flex;margin: 0px auto 0 0;}
.final-core .image img {width: 100%;height: 100%;}


.project {height: 100vh;padding: 88px 0 0 0;}
.project .center-text p {margin-top: 60px;}
.project .center-text h1 {margin-top: 10px;}
.project-properties {padding: 40px 0;}
.project-properties .container {display: flex;justify-content: space-between;}
.project-properties .container .grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.project-properties .container .grid .grid-item {display: flex;align-items: center;gap: 50px;}
.project-properties .container .grid .grid-item hr {margin: 0;height: 50px;margin-top: 20px;color: #b4a183;background-color: #b4a183;width: 1.5px;}
.project-properties .container .grid .grid-item .properties-text h2 {margin-bottom: 0;}
.project-properties .container .button-container {display: flex;flex-direction: column;background-color: white;padding: 20px;}
.project-properties .container .grid .grid-item:nth-child(3) {margin-left: 60px;}
.project-properties .container .button-container a {text-decoration: none;text-transform: uppercase;}
.project-properties .container .button-container a:first-child {background-color: #b4a180;padding: 10px;margin-bottom: 20px;text-align: center;transition: 0.5s all;}
.project-properties .container .button-container a:last-child {padding: 10px;background-color: #f4f4f4;display: inline-flex;align-items: center;transition: 0.5s all;}
.project-properties .container .button-container a i {margin-left: 10px;}
.project-properties .container .button-container i:first-child  {margin-right: 8px;color: #b4a180;margin-left: 0;}


.broshure , .images-boxes , .gallery-images{padding: 100px 0;}
.broshure .container p {text-align: center;max-width: 630px;margin: 0 auto 30px auto;}
.broshure .container .grid {display: flex;gap: 30px;margin: 0 auto 60px auto;align-items: center;max-width: 1030px;justify-content: center;}
.broshure  .container .grid .grid-item {display: flex;align-items: center;gap: 30px;}
.broshure  .container .grid .grid-item hr {margin: 0;height: 60px;color: #b4a180;background-color: #b4a180;width: 1px;}
.broshure .container .grid .grid-item .broshure-text h2 {margin: 0;}
.broshure .container .download a {padding: 10px;background-color: #b4a180;text-decoration: none;text-transform: uppercase;}
.broshure .container .download a i {margin-left: 10px;}
.broshure .container .download {text-align: center;}

/* .timeline-slider .slick-list {margin: 0 -73px;} */

.images-boxes .container h2 {text-align: center;margin-top: 0;}
.images-boxes {margin-top: 50px;}
.images-boxes .container p {text-align: center;max-width: 630px;margin: 0 auto 30px auto;}
.images-boxes .container .images {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.images-boxes .container .images .image-item img {width: 100%;}
.images-boxes .container .images .image-item hr {max-width: 60px;color: #b4a180;height: 1.5px;background-color: #b4a180;margin: 0 0 15px 0;}
.images-boxes .container .images .image-item:nth-child(2) {margin-top: 100px;}
.images-boxes .container .images .image-item:nth-child(4) , .images-boxes .container .images .image-item:last-child {margin-top: -100px;}

.gallery-images h2 {text-align: center;margin-bottom: 50px;margin-top: 0;}
.gallery-images  .slider .slides .slick-slide {padding: 0 10px;}
.gallery-images .slider img {width: 100%;height: 440px;}
.gallery-images .slider .caption {margin-top: 10px;}
.gallery-images .nav-arrows {display: flex;justify-content: space-between;align-items: center;position: relative;margin-top: 40px;}
.gallery-images .nav-arrows .arrow {cursor: pointer;font-size: 20px;color: #b4a180;}
.gallery-images .nav-arrows .line {flex: 1;height: 4px;background: lightgray;position: relative;margin: 0 30px;}
.gallery-images .slider .slick-track {margin: 0 -113px;}
.gallery-images  .nav-arrows .indicator {position: absolute;top: 0;left: 0;width: 33.33%; height: 100%;background: #b4a180;transition: left 0.5s ease-in-out;}

.color-white {background-color: white;width: 50%;height: 50px;position: absolute;}

.form-interest {background-image: url('/assets/images/PhoneNumber-SelectaDevelopment-_.jpg');background-size: cover;height: 100%;display: flex;align-items: center;background-size: 110%;transition: background-size 1s ease;}
.form-interest .content {text-align: center;}
.form-interest .content h2 {margin: 0px auto 20px auto;text-transform: uppercase;}
.form-interest .content p {margin: 0 auto 40px auto;}
.form-interest .content .form .inputs {font-size: 0;}
.form-interest .content .form .inputs input:first-child , .form-interest .content .form .inputs input:nth-child(3) {margin-right: 20px;}
.form-interest .content .form .inputs input::placeholder , .form-interest .content .form .inputs select {font-size: 13px;color: #151515;line-height: 20px;font-family: 'Inter-Regular';font-weight: 400;}
.form-interest .content .form .inputs input {padding: 10px;width: calc((50% - 10px));margin-bottom: 15px;box-sizing: border-box;}
.form-interest .content .form .inputs select {padding:8px 10px;width: calc((50% - 10px));margin-bottom: 15px;appearance: none;-webkit-appearance: none;-moz-appearance: none;background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 448 512"><path fill="%23808080" d="M224 384l224-224H0z"/></svg>') no-repeat right 8px center;appearance: none;-moz-appearance: none ;-webkit-appearance: none;}
.form-interest .content .form button {background-color: #b19e81;padding: 10px;text-transform: uppercase;line-height: 30px;outline: none;border: none;transition: 0.5s all;margin-top: 20px;}

.location-prime {width: calc(100vw - calc((100vw - 1280px) / 2));margin: 0px auto 0 0;padding: 0px 20px 0px 0;max-width: calc(100% - 20px);display: flex;justify-content: space-between;align-items: center;}
.location-prime img {width: 800px;}

.colorproject {width: 48.4% !important;}
.color-grey-right {background-color: #f4f4f4;width: 30%;float: right;height: 50px;}
.amenities {width: calc(100vw - calc((100vw - 1280px) / 2));margin: 0 0 0 auto;padding: 0 0 0 20px;max-width: calc(100% - 20px);display: flex;justify-content: space-between;gap: 100px;}
.amenities .main {width: 800px;}
.amenities .content h2 {text-transform: uppercase;}
.amenities .content hr {max-width: 100px;color: #b4a180;height: 1.5px;background-color: #b4a180;margin: 0 0 15px 0;}
.amenities .content .columns {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
.amenities .content .columns .column {text-align: center}
.amenities .content .columns .column img{width: 50px}

.location-prime .content hr {max-width: 100px;color: #b4a180;height: 1.5px;background-color: #b4a180;margin: 0;}
.location-prime .content h2 {text-transform: uppercase;}
.location-prime .content {width: calc(100% - 900px);}
.location-prime .content a {text-decoration: none;}
.location-prime .content p {max-width: 370px;}
.location-prime .content a i {margin-right: 15px;color: #b19e81;}
.location-prime .project-timeline-container .timeline-slider  {overflow: hidden;cursor:pointer}
.location-prime .project-timeline-container {position: relative;}
.location-prime .project-timeline-container::after {content: "";position: absolute;top: 0;bottom: 0;width: 50px;z-index: 1;pointer-events: none;}
.location-prime .project-timeline-container::after {right: 0;background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
.location-prime .project-timeline-container {margin: 30px 0;}
.location-prime .project-timeline-container .timeline-slider .timeline-item p {max-width: 90px;height: 55px;max-height: 55px;}
.location-prime .project-timeline-container .timeline-slider .timeline-item i {color: #b19e81;font-size: 19px;}
.location-prime .project-timeline-container .timeline-slider .timeline-item {position: relative;}
.location-prime .project-timeline-container .timeline-slider .timeline-item::after {content: '';position: absolute;background-color: #b19e81;height: 2px;width:inherit;z-index: -1;top: 38%;left: 10px;z-index: -1;}
/* .location-prime .project-timeline-container .timeline-slider .slick-track {margin: 0 60px;} */

.overview-time {background-image: url('/assets/images/03_Journey.jpg');position: relative;height: 1806px;display: flex;background-repeat: no-repeat;background-size: cover;background-position: center;}
.overview-time::after{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #f4f4f4;mix-blend-mode: multiply;}
.overview-time::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background:white;width: 50%;height: 60px;}
.overview-time .title {padding-top: 200px;padding-bottom: 40px;}
.overview-time .timeline {position: relative;width: 600px;}
.overview-time .timeline::after {content: '';position: absolute;width: 3px;background:linear-gradient(to bottom, #b4a180, rgba(255, 255, 255, 0));top: 0;bottom: 0;left: 50%;margin-left: -3px;height: 1200px;}
.overview-time .timeline .timeline-item {position: relative;width: 50%;}
.overview-time .timeline .timeline-item::after {content: '';position: absolute;width: 20px;height: 20px;right: -12px;background-color: transparent;border: 4px solid #b4a180;top: 15px;border-radius: 50%;z-index: 1;}
.overview-time .timeline .timeline-item.left {left: 0;margin-top: 60px;}
.arabic-v .overview-time .timeline .timeline-item.left {margin-top: 40px;}
.overview-time .timeline .timeline-item .content h2 {margin-bottom: 5px;}
.overview-time .timeline .timeline-item .content p {max-width: 300px;}
.overview-time .timeline .timeline-item .content {margin-right: 30px;}
.overview-time .timeline .timeline-item.left .content h2 {text-align: end;}
.overview-time .timeline .timeline-item.left .content p {text-align: end;}
.overview-time .timeline .timeline-item.right {left: 50%;margin-top: 60px;}
.arabic-v .overview-time .timeline .timeline-item.right  {margin-top: 40px;}
.overview-time .timeline .timeline-item.right .content {margin-right: 0;margin-left: 30px;}
.overview-time .timeline .timeline-item.right::after {right: auto;left: -15px;}


.image-container-home {display: flex;width: 100%;}
.image-container-home .image-wrapper {position: relative;}
.image-container-home .image-wrapper img {width: 100%;display: block;height: 950px;object-fit: cover;}
.image-container-home .image-wrapper .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;display: flex;justify-content: center;flex-direction: column;}
.image-container-home .image-wrapper .overlay hr {color: #b4a183;background-color: #b4a183;height: 1.5px;width: 150px;margin: 0;max-width: 150px;}
.image-container-home .image-wrapper .overlay h2 {margin-top: 0;text-transform: uppercase;opacity: 0;max-width: 300px;margin: 0 auto;margin-bottom: 30px;}
.image-container-home .image-wrapper .overlay a {text-decoration: none;text-transform: uppercase;display: inline-block;opacity: 0;}
.overlay .box-3 p {opacity: 0;text-transform: uppercase;margin: 14px 0 10px 50px;}
.image-container-home.scrolled .overlay .box-3 p {animation: textOpacity 1s ease-out forwards;animation-delay: 1.5s;}
@keyframes textOpacity {0% {opacity: 0.3;}50% {opacity: 0.6;}100% {opacity: 1;}}
.box-1 div, .box-2 div, .box-3 div, .box-4 div, .box-5 div, .box-6 div {height: 50px;}
.image-container-home .image-wrapper .overlay .box-color {background-color: rgb(180, 161, 131);}
.box-1,.box-2, .box-3, .box-4,.box-5,.box-6 {opacity: 0;transition: 0.6s ease-in;display: grid;grid-template-columns: repeat(3, 1fr);}
.image-container-home .image-wrapper.overlay .container {display: grid;width: 80%;margin: 0 auto;}
.overlay .box-5 p.first {font-size: 26px; line-height: 30px; margin: 30px 0}
.box-5 .box-color {transform: translateY(-100%)}
.overlay .box-5 hr {color: #ffffff !important;background-color: #ffffff !important;height: 1.5px !important;border: 1px solid #ffffff;margin: 0 !important;}
.overlay .box-5 p {margin-bottom: 50px; margin: 0; opacity: 0; text-align: left}
.box-1,.box-2, .box-3, .box-4,.box-5,.box-6 {opacity: 0;transition: 0.6s ease-in;}
.overlay .box-5 .color-animated2 {background-color: rgb(0, 0, 0);padding: 10px 0;opacity: 0;text-align: center;}
.overlay .box-5 a {text-transform: uppercase;position: relative; display:inline-block;} 
.image-container-home.scrolled .overlay .box-5 p.first ,.overlay .box-5 p{animation: textOpacity 1s ease-out forwards;animation-delay: 2.5s;}
.box-5 .text-content {grid-column: span 3; background-color: rgb(180, 161, 131); text-align: center; padding: 0 50px; height: auto}
.image-container-home.scrolled .color-animated2  a {animation: textFadeInUp 1s ease-out forwards;animation-delay: 2s;margin: 0 32px;}
.image-container-home.scrolled .color-animated2 {animation: backgroundGrowColor 0.5s forwards;animation-delay: 1.5s;margin: 50px auto; height: 40px;transition: 0.5s all;border: 1px solid black;}
.image-container-home .image-wrapper .overlay p  {opacity: 0;}
.image-container-home.scrolled .image-wrapper .overlay p {animation: textFadeInOpacity 1s ease-out forwards;animation-delay: 2.5s;}
@keyframes textFadeInOpacity {0% {opacity: 0.5;}100% {opacity: 1;}}
.image-container-home .image-wrapper:last-child .overlay {top: 20px;}
.image-container-home .image-wrapper .overlay hr {opacity: 0 ;}
.image-container-home .image-wrapper:last-child a {animation: textFadeInUp 1s ease-out forwards;animation-delay: 2.5s;}
.image-container-home .image-wrapper:last-child .color-animated {background-color: rgb(180, 161, 131);animation: backgroundGrowColor 1.5s forwards;animation-delay: 2s;padding: 10px 25px;max-width: fit-content;opacity: 0;margin:0;height: 38px;}
.image-container-home.scrolled .image-wrapper .overlay hr {animation: hr-grow3 0.5s forwards;animation-delay: 1s;}
@keyframes hr-grow3 {0% {width: 50px;opacity: 1;}50% {width: 100px;opacity: 1;}100% {width: 150px;opacity: 1;}}
.image-wrapper .overlay.onhover {opacity: 0;transition: 0.3s all;}
.image-wrapper:hover .overlay.onhover {opacity: 1;pointer-events: auto;}
.image-wrapper:hover .overlay{opacity: 0;}
.image-wrapper:hover .overlay.hasnohover {opacity: 1;}
.overlay.onhover.desktop .container {max-width: 450px;}

.contact-info .right-section .contact-form select#city option, .contact-info .right-section .contact-form select#country option , .contact-info .right-section .contact-form select#type option {color: #101010;}

button.back-to-top.show {display: block;background: #fff;color: #101010;font-size: 25px;right: 25px;bottom: 50px;height: 50px;width: 50px;visibility: visible;box-shadow: 0 2px 4px 1px rgba(0,0,0,.25);-webkit-box-shadow: 0 2px 4px 1px rgba(0,0,0,.25);-moz-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .25);}
button.back-to-top {margin: 0 !important;padding: 0 !important;background: #fff;height: 0;width: 0;overflow: hidden;border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;color: transparent;clear: both;visibility: hidden;position: fixed;cursor: pointer;display: block;border: none;right: 50px;bottom: 75px;font-size: 0;outline: 0 !important;z-index: 99;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
button.back-to-top.show::after, button.back-to-top.show::before {visibility: visible;}
button.back-to-top::after {border-bottom-color: #fff;position: relative;top: -28px;}
button.back-to-top::before, button.back-to-top::after {content: "";display: block;border-bottom: solid 10px #101010;border-left: solid 10px transparent;line-height: 0;border-right: solid 10px transparent;height: 0;margin: 18px auto 0;width: 0;border-radius: 20px;visibility: hidden;}


.images-boxes .container {position: relative;}
.images-boxes .container .sticky-header {position: sticky;top: 0;z-index: 1;padding: 10px 0;}
.images-boxes .container  .images.desktop {position: relative;z-index: 2;background-image: linear-gradient(to bottom, rgb(254, 242, 227, 0), rgb(244 244 244) 50vh);}


.terms-page-container {background: url('/assets/images/Terms.jpg?1') no-repeat center center;background-size: cover;padding: 88px 0;}
.terms-page-container .terms-main h2 , .terms-page-container .terms h2 {text-transform: uppercase;}
.terms-page-container .terms-main hr {width: 150px;background-color: rgb(180, 161, 131);color: rgb(180, 161, 131);height: 1.5px;margin: 0;}
.terms-page-container .terms hr {width: 100px;background-color: rgb(180, 161, 131);color: rgb(180, 161, 131);height: 1.5px;margin: 0;}
.terms-page-container .mt150 {margin-top: 150px;}
.terms-page-container .terms-main p , .terms-page-container .terms p {max-width: 520px;line-height: 22px;}
.terms-page-container .terms-main , .terms-page-container .terms {margin-bottom: 60px;}


.privacy-page-container {background: url('/assets/images/PrivacyPolicy.jpg?1') no-repeat center center;background-size: cover;padding: 88px 0;}
.privacy-page-container .privacy-main h2 , .privacy-page-container .privacy h2 {text-transform: uppercase;}
.privacy-page-container .privacy-main hr {width: 150px;background-color: rgb(180, 161, 131);color: rgb(180, 161, 131);height: 1.5px;margin: 0;}
.privacy-page-container .privacy hr {width: 100px;background-color: rgb(180, 161, 131);color: rgb(180, 161, 131);height: 1.5px;margin: 0;}
.privacy-page-container .mt150 {margin-top: 150px;}
.privacy-page-container .privacy-main p , .privacy-page-container .privacy p {max-width: 520px;line-height: 22px;}
.privacy-page-container .privacy-main , .privacy-page-container .privacy {margin-bottom: 60px;}


.ezdihar-page {background-color: #222222;height: 580px;}
.ezdihar-page .ezdihar-header .text-content h2 {text-transform: uppercase;margin-top: 25px;margin-bottom: 10px;max-width: 500px;}
.ezdihar-page .ezdihar-header .text-content hr {color: #b19e81;max-width: 150px;margin: 0;background-color: #b19e81;height: 1.5px;}
.ezdihar-page .ezdihar-header {display: flex;justify-content: space-between;gap: 50px;position: relative;top: 230px;width: calc(100vw - calc((100vw - 1280px) / 2));margin: 0 0 0 auto;padding: 0 0 0 20px;max-width: calc(100% - 20px);}
.future {background: url('/assets/images/02_TheFuture.jpg?1') no-repeat center center;padding: 200px 0;background-size: 101%;}
.future hr {width: 100px;background-color: rgb(180, 161, 131);color: rgb(180, 161, 131);height: 1.5px;margin: 0;}
.future h2 {text-transform: uppercase;}
.future p {max-width: 500px;}
.color-background-ezdihar {background-color: #f4f4f4;}
.ezdihar-page .ezdihar-header .image-content img {height: 580px;}
.color-background-ezdihar .ecosystem {display: flex;gap: 200px;width: calc(100vw - calc((100vw - 1280px) / 2));margin: 0px auto 0 0;padding: 0 20px 0 0;max-width: calc(100% - 20px);align-items: center;}
.color-background-ezdihar .ecosystem .image {margin-top: -40px;}
.color-background-ezdihar .ecosystem .image img {height: 700px;}
.color-background-ezdihar .ecosystem .text-content hr {color: #b19e81;max-width: 100px;margin: 0;background-color: #b19e81;height: 1.5px;}
.color-background-ezdihar .ecosystem .text-content h2 {text-transform: uppercase;}
.color-background-ezdihar .ecosystem .text-content ul {padding: 0 0 0 15px;}
.color-background-ezdihar .ecosystem .text-content ul li {padding-bottom: 8px;}
.color-background-ezdihar .ecosystem .text-content ul li::marker {color: rgb(180, 161, 131);}
.color-background-ezdihar .color-ezdihar {height: 40px;background-color: #f4f4f4;max-width: 80%;float: right;width: 80%;}


.value-creation {display: flex;gap: 270px;width: calc(100vw - calc((100vw - 1280px) / 2));margin: 120px 0 80px auto;padding: 0 0 0 20px;max-width: calc(100% - 20px);align-items: center;}
.value-creation .text-content hr {color: #b19e81;max-width: 100px;margin: 0;background-color: #b19e81;height: 1.5px;}
.value-creation .text-content h2 {text-transform: uppercase;}
.value-creation .text-content ul {padding: 0 0 0 15px;}
.value-creation .text-content ul li {padding-bottom: 8px;}
.value-creation .text-content ul li::marker {color: rgb(180, 161, 131);}
.value-creation .image img {width: 800px;}


.media {height: 100vh;padding: 80px 0 0 0;}
.media .center-text p {max-width: 580px;margin: 0;}
.media .center-text h2 {margin: 40px 0;}
.media .center-text {top: 100px;transform: none;}
.media .center-text .media-category a {opacity: 1;}
.media .center-text .media-category {margin-top: 80px;}
.media .center-text .media-category a.active {color: rgb(180, 161, 131);}
.media .center-text .media-category a + a {border-left: 1px solid white;padding: 0 20px;}
.media .center-text .media-category a:first-child {margin-right: 20px;}
.media .center-text .media-main .box {display: flex;}
.media .center-text .media-main .box .right {background-color: white;padding: 60px 85px;}
.media .center-text .media-main {margin-top: 40px;}
.media .center-text .media-main .box .right h2 {text-transform: uppercase;}
.media .center-text .media-main .box .left img {height: 500px;width: 590px;object-fit: cover;}
.media .center-text .media-main .box .right p {margin-bottom: 20px;}
.media .center-text .media-main .box .right hr {width: 50px;}
.media .center-text .media-main .box .right a {background-color: rgb(180, 161, 131);opacity: 1;padding: 10px 15px;}
.color-grey.desktop.media-page {height: 400px;}
.media .center-text .media-main .box .right a:hover {background-color: rgb(154, 134, 103);transition: 0.5s all;}
.media-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin: 50px auto;}
.media-list .media-item img {width: 100%;height: 300px;object-fit: cover;}
.media-list .media-item h3 {max-width: 300px;padding: 20px;margin: 0;height: 80px;}
.media-list .media-item {background-color: #f3f3f3;}
.media-list .media-item p {padding-left: 20px;}
.media-list .media-item hr {max-width: 50px;color: rgb(180, 161, 131);background-color: rgb(180, 161, 131);height: 1.5px;margin: 20px 0 0 20px;}
.media-list .media-link {text-decoration: none;}


.careers {height: 100vh;padding: 88px 0 0 0;}
.careers .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));pointer-events: none;}
.careers .center-text h1 {max-width: 700px;}
.careers .center-text p {max-width: 420px;}
.careers .white-careers-color {height: 50px;width: 50%;color: white;background-color: white;position: absolute;bottom: 0;right: 0;}
.careers-first {display: flex;gap: 200px;width: calc(100vw - calc((100vw - 1280px) / 2));margin: 80px auto 0 0;padding: 0 20px 0 0;max-width: calc(100% - 20px);align-items: center;}
.careers-first .image img {width: 800px;}
.careers-first .text-content hr {width: 100px;color: rgb(180, 161, 131);height: 1.5px;background-color: rgb(180, 161, 131);margin: 0;}
.careers-first .text-content h2 {text-transform: uppercase;}
.background-color {background-color: #f4f4f4;padding: 50px 0;margin-top: 50px;}
.careers-two {display: flex;gap: 150px;width: calc(100vw - calc((100vw - 1280px) / 2));margin: 0 0 0 auto;padding: 0 0 0 20px;max-width: calc(100% - 20px);align-items: center;}
.careers-two .text-content hr {color: #b19e81;max-width: 100px;margin: 0;background-color: #b19e81;height: 1.5px;}
.careers-two .text-content h2 {text-transform: uppercase;}
.careers-two .text-content ul {padding: 0 0 0 15px;}
.careers-two .text-content ul li {padding-bottom: 8px;}
.careers-two .image img {width: 800px;}


.careers-apply {background-image: url('/assets/images/Careers_04Jobbdg.jpg?1');background-size: cover;background-position: top;height: 100vh;}
.careers-apply .container {padding: 150px 20px;}
.careers-apply h2 {text-align: center;text-transform: uppercase;max-width: 500px;margin: 0 auto;}
.careers-apply p {text-align: center;max-width: 500px;margin: 20px auto 40px auto;}
.careers-apply form .form-row {display: flex;flex-wrap: wrap;margin-bottom: 30px;justify-content: space-between;}
.careers-apply form .form-column {display: flex;flex-direction: column;gap: 30px;width: 30%;}
.careers-apply form .form-column input::placeholder , .careers-apply form .form-column select {font-size: 13px;color: #151515;line-height: 20px;font-family: 'Inter-Regular';font-weight: 400;}
.careers-apply form .form-column select.custom-select {appearance: none;-webkit-appearance: none;-moz-appearance: none;background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 448 512"><path fill="%23808080" d="M224 384l224-224H0z"/></svg>') no-repeat right 8px center;}
.careers-apply form button {text-transform: uppercase;background-color: rgb(180, 161, 131);padding: 10px 20px 13px 20px;outline: none;border: none;margin-top: 20px;}
.careers-apply form .form-column input {width: 100%;padding: 10px;}
.careers-apply form .form-column select {width: 106%;padding: 10px;}
.careers-apply form .button-submit {text-align: center;}
.careers-apply form .file-upload-wrapper {position: relative;display: inline-block;width: 100%;}
.careers-apply form .file-upload-wrapper .file-upload-label , .apply-careers form .file-upload-wrapper .file-upload-label2 {display: flex;align-items: center;border: 1px dashed #833b45 ;cursor: pointer;height: 110px;width: 100%;}
.careers-apply form .file-upload-wrapper .file-upload-label svg , .apply-careers form .file-upload-wrapper .file-upload-label2 svg {margin: 20px 40px 20px 20px;color: rgb(180, 161, 131);}
.careers-apply form .file-upload-wrapper .file-upload-input , .apply-careers form .file-upload-wrapper .file-upload-input-2 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.careers-apply form .file-upload-wrapper .file-upload-label span , .apply-careers form .file-upload-wrapper .file-upload-label2 span {text-decoration: underline;font-size: 15px;}
.careers-list hr {max-width: 100px;color: rgb(180, 161, 131);background-color: rgb(180, 161, 131);height: 1.5px;margin:0;}
.careers-list {margin: 100px auto;}
.careers-list .card {background-color: #f4f4f4;padding: 20px;margin-bottom: 5px;}
.careers-list .card .card-header {display: grid;grid-template-columns: 30% 20% 20% 20% 20%;}
.careers-list .card .card-header .position-details p{margin-top: 5px;padding: 0;margin: 0;}
.careers-list .card .card-header .position-details h3{padding: 0;margin: 0;}
.careers-list .card .card-header .position-details button {text-transform: uppercase;background-color: rgb(180, 161, 131);padding: 10px 20px 13px 20px;outline: none;border: none;margin-top: 10px;}
.careers-list .card .card-header .position-details:nth-child(2),.careers-list .card .card-header .position-details:nth-child(3),.careers-list .card .card-header .position-details:nth-child(4) {border-left: 1.5px solid rgb(180, 161, 131);padding-left: 30px;}
.careers-list .card .card-header .close-button {background-color: white !important;border: 1px solid rgb(180, 161, 131) !important;color: rgb(180, 161, 131);font-size: 23px;padding:0 !important;width: 50px;height: 50px;}
.careers-list .extra-content {background-color: #f4f4f4;padding: 30px 20px 50px 20px;}
.careers-list .extra-content .responsibilities-requirements {display: flex;justify-content: space-between;gap: 50px;}
.careers-list .extra-content .apply-careers form .form-row {display: flex;flex-wrap: wrap;margin-bottom: 30px;justify-content: space-between;}
.careers-list .extra-content .apply-careers form .form-column {display: flex;flex-direction: column;gap: 30px;width: 30%;}
.careers-list .extra-content .apply-careers form .form-column input::placeholder , .apply-careers form .form-column select {font-size: 13px;color: #151515;line-height: 20px;font-family: 'Inter-Regular';font-weight: 400;}
.careers-list .extra-content .apply-careers form .form-column select.custom-select {appearance: none;-webkit-appearance: none;-moz-appearance: none;background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 448 512"><path fill="%23808080" d="M224 384l224-224H0z"/></svg>') no-repeat right 8px center;}
.careers-list .extra-content .apply-careers form button {text-transform: uppercase;background-color: rgb(180, 161, 131);padding: 10px 20px 13px 20px;outline: none;border: none;margin-top: 20px;}
.careers-list .extra-content .apply-careers form .form-column input {width: 100%;padding: 10px;border: none;}
.careers-list .extra-content .apply-careers form .form-column select {width: 106%;padding: 10px;border: none;}
.careers-list .extra-content .apply-careers form .button-submit {text-align: center;}
.careers-list .extra-content .apply-careers form .file-upload-wrapper {position: relative;display: inline-block;width: 100%;}
.careers-list .extra-content .apply-careers form .file-upload-wrapper .file-upload-label {display: flex;align-items: center;border: 1px dashed #833b45 ;cursor: pointer;height: 110px;width: 100%;}
.careers-list .extra-content .apply-careers form .file-upload-wrapper .file-upload-label svg {margin: 20px 40px 20px 20px;color: rgb(180, 161, 131);}
.careers-list .extra-content .apply-careers form .file-upload-wrapper .file-upload-input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.careers-list .extra-content .apply-careers form .file-upload-wrapper .file-upload-label span {text-decoration: underline;font-size: 15px;}
.careers .slider .slide {position: relative;height: 100vh;}
.careers .center-text {top: -40% !important;z-index: 5;}
.careers .background-image {position: relative;}
.arabic-v .careers .center-text {direction: rtl;}




.pagination {text-align: center;margin: 40px auto;}
.pagination .current {background-color: #f3f3f3;padding:4px 6px;color: #626262;margin-right: 8px;font-size: 15px;font-family: 'Inter-Regular'}
.pagination a {color: white;background-color:rgb(180, 161, 131);padding:4px 6px;margin-right: 8px;text-decoration: none;font-size: 15px;font-family: 'Inter-Regular'}
div#thank-you-message ,div#thank-you-message1{margin-top: 50px;}
div#thank-you-message i ,div#thank-you-message1 i{font-size: 40px;color: #899064;}
div#thank-you-message h2 ,div#thank-you-message1 h2 {margin-top: 15px;color: #899064;}
div#thank-you-message p , div#thank-you-message1 p {margin: 10px auto;max-width: 100%;}


.cookie_notice {width: 100%;margin: auto;background-color: #ffffff;position: fixed;bottom: 0;z-index: 1000;left: 0;right: 0;padding: 25px 0;}
.cookie_notice .container {display: flex;align-items: center;justify-content: space-between;gap: 40px;}
.cookie_notice .container .buttons a {text-decoration: underline;margin-right: 30px;}
.cookie_notice .container .buttons a.accept {background-color: rgb(180, 161, 131);padding: 8px 15px;text-decoration: none;font-size: 12px;}
.cookie_notice .container .buttons {width: 31%;}
.cookie_notice .container .text {width: 65%;}


header .color-animated:hover , .interest-form form button:hover , .contact-info .right-section .contact-form button:hover , .project-properties .container .button-container a:first-child:hover , .broshure .container .download a:hover , .form-interest .content .form button:hover {background-color: rgb(154, 134, 103);transition: 0.5s all;}
.project-properties .container .button-container a:last-child:hover {background-color :#e0e0e0}
.fade-left, .fade-right {opacity: 0;transition: opacity 2s, transform 2s;}
.fade-left {transform: translateX(-20px);}
.fade-right {transform: translateX(20px);}
.fade-left.visible, .fade-right.visible {opacity: 1;transform: translateX(0);}

.final .text-content .arrow {bottom: 0;position: absolute;width: calc(100% - 220px);padding: 20px 200px 20px 20px;}


.project-updates-list {background-color : #f4f4f4;padding: 100px 0;}
.project-updates-list .container a {text-decoration: none;background-color: #ffffff;padding: 10px 30px;text-transform: uppercase;}
.project-updates-list .container a.active {color: white;background-color:#b4a183}
.project-updates-list .container a:first-child {margin-right: 20px;}
.projects-updates-slider .slider-container hr {width: 100px;height: 1.5px;color: #b4a180;background-color: rgb(180, 161, 131);margin: 70px 0 20px 0;}
.projects-updates-slider .slider-container h2 {text-transform: uppercase;margin: 0 0 70px 0;}
.projects-updates-slider .slider-container .slider-for img {width: 100%;object-fit: contain;height: 800px;}
.projects-updates-slider .slider-container .slider-nav img {width: 200px;height: 200px;object-fit: cover;}
.projects-updates-slider .slider-container .slider-nav .slick-slide {margin: 0 10px;}
.projects-updates-slider .slider-container .slider-nav {margin: 30px auto;}
.projects-updates-slider .slider-container .nav-arrows {display: flex;justify-content: space-between;align-items: center;position: relative;margin:40px auto;}
.projects-updates-slider .slider-container .nav-arrows .arrow {cursor: pointer;font-size: 20px;color: #b4a180;}
.projects-updates-slider .slider-container .nav-arrows .line {flex: 1;height: 4px;background: lightgray;position: relative;margin: 0 30px;}
.projects-updates-slider .slider-container .slider .slick-track {margin: 0 -113px;}
.projects-updates-slider .slider-container  .nav-arrows .project-indicator {position: absolute;top: 0;left: 0;width: 33.33%; height: 100%;background: #b4a180;transition: left 0.5s ease-in-out;}

.article-inside-grey {background-color: #f4f4f4;}
.article-inside {display: grid;grid-template-columns: 2fr 1fr;gap: 60px;align-items: start;}
.article-inside .left-content h2 {margin: 30px 0 60px 0;max-width: fit-content;line-height: 36px;}
.article-inside .left-content img {width: 100%;}
.article-inside .left-content hr {width: 100%;height: 1.5px;color:rgb(98, 98,98 , 0.5) ;background-color: rgb(98, 98,98 , 0.5);margin: 10px 0 80px 0;}
.article-inside .left-content .article-inside-description {display: flex;justify-content: space-between;gap: 20px;margin-bottom: 100px;}
.article-inside .left-content .article-inside-description .contents {max-width: 600px;}
.article-inside .left-content .article-inside-description .contents p {font-size: 15px;color:rgb(98, 98,98) ;font-family: 'Inter-Regular';font-weight: 400;margin: 0;line-height: 22px;}
.article-inside .left-content .article-inside-description .dates-tag hr {background-color: rgb(180, 161, 131);margin: 20px 0;}
.article-inside .left-content .article-inside-description .dates-tag p {margin: 0;}
.article-inside .left-content .article-inside-description .dates-tag p.tag {text-transform: uppercase;}

.article-inside .right-content {padding: 20px;background-color: #ffffff;margin: 30px auto;}
.article-inside .right-content h3.latest {text-transform: uppercase;text-align: center;margin: 0 0 30px 0;}
.article-inside .right-content .media-item hr {width: 50px;color: rgb(180, 161, 131);background-color: rgb(180, 161, 131);height: 1.5px;margin: 0;}
.media-inside , .project-update-page {height: 100vh;}
.article-inside .right-content .media-item {border-bottom: 1px solid rgb(98, 98,98,0.5);margin: 0 0 20px 0;}
.media-inside  .center-text p , .project-update-page .center-text p {max-width: 580px;margin: 0;}
.media-inside  .center-text , .project-update-page .center-text {transform: translateY(calc(-50%));}
.article-inside .right-content .media-item img {width: 100%;}
.article-inside .right-content .media-list-link {text-decoration: none;}
.article-inside .right-content .media-list-link:nth-child(3n+1) .media-item {border-bottom: none;}
.media-inside .center-text .media-category a {opacity: 1;}
.media-inside .center-text .media-category {margin-top: 80px;}
.media-inside .center-text .media-category a.active {color: rgb(180, 161, 131);}
.media-inside .center-text .media-category a + a {border-left: 1px solid white;padding: 0 20px;}
.media-inside .center-text .media-category a:first-child {margin-right: 20px;}
.project-update-page .center-text .media-category a {opacity: 1;}
.project-update-page .center-text .media-category {margin-top: 80px;}
.project-update-page .center-text .media-category a.active {color: rgb(180, 161, 131);}
.project-update-page .center-text .media-category a + a {border-left: 1px solid white;padding: 0 20px;}
.project-update-page .center-text .media-category a:first-child {margin-right: 20px;}


.article-inside .left-content h2.arabic-title {max-width: max-content;font-family: 'Cairo-Bold';font-weight: bold;}
.arabic-title {direction: rtl;}
.media .center-text .media-main .box .right h2.arabic-title {font-family: 'Cairo-Bold';font-weight: bold;}
.arabic .contact-info {margin: 150px auto 0 0;}
.arabic-v .color-grey-2 {float: left;}
.arabic-v .team-list {margin-top: 100px;}
.arabic-v .arrow-links-container .container .arrow-left::before {content: '\f054';margin-left: 10px;font-size: 17px;font-family: 'Font Awesome 5 Free';font-weight: 900;}
.arabic-v .arrow-links-container .container .arrow-right::after {content: '\f053';margin-right: 10px;font-size: 17px;font-family: 'Font Awesome 5 Free';font-weight: 900;}
.arabic-v  .footer .footer-top .grid-item:last-child {border-right : 1px solid rgb(77, 77, 77);}
.arabic-v  .footer .footer-top .grid-item:first-child {border-right: none;}
.arabic-v .footer .footer-middle .grid-item {border-right: 1px solid rgb(77, 77, 77);padding-right: 20px;border-left: none;}
.arabic-v .overview-header {margin: 0 auto 0 0;padding: 0 20px 0 0}
.arabic-v .overview-two {margin: 0 0 0 auto;padding: 150px 0 100px 20px;}
.arabic-v .overview-time .timeline .timeline-item::after {left: -16px;right: auto;}
.arabic-v .overview-time .timeline .timeline-item.right::after {right: -12px;left: auto;}
.arabic-v .overview-time .timeline .timeline-item.right {right: 50%;left: auto;}
.arabic-v .color-test {left: 0;right: auto;}
.arabic-v .final .text-content .arrow {padding: 20px 20px 20px 200px;}
.arabic-v .final .text-content .arrow .arrow-right::after {content: '\f053';margin-right: 20px;font-size: 17px;font-family: 'Font Awesome 5 Free';font-weight: 900;}
.arabic-v  .core .core-header {margin: 0 auto 0 0;padding: 0 20px 0 0;}
.arabic-v  .color-background-core .final-core .text-content {margin: 0 120px 0 0;}
.arabic-v  .ezdihar-page .ezdihar-header {margin: 0 auto 0 0;padding: 0 20px 0 0;}
.arabic-v .color-background-ezdihar .ecosystem {margin: 0 0 0 auto;padding: 0 0 0 20px;}
.arabic-v .color-background-ezdihar .color-ezdihar {float: left;}
.arabic-v .value-creation {margin: 120px auto 80px 0;padding: 0 20px 0 0;gap: 323px;}
.arabic-v .arabic.media .center-text .media-category a + a , .arabic-v .arabic.media-inside .center-text .media-category a + a , .arabic-v .arabic.project-update-page .center-text .media-category a + a {border-right: 1px solid white;border-left:none}
.arabic-v .arabic.media .center-text .media-category a:first-child , .arabic-v .arabic.media-inside .center-text .media-category a:first-child , .arabic-v .arabic.project-update-page .center-text .media-category a:first-child {margin : 0 0 0 20px;}
.arabic-v .media-list .media-item p {padding: 0 20px 0 0;}
.arabic-v  .media-list .media-item hr {margin: 0 20px;}
.arabic-v .careers-first {margin: 80px 0 0 auto;padding: 0 0 0 20px;}
.arabic-v  .careers-two {margin: 0 auto 0 0;padding: 0 20px 0 0;}
.arabic-v .careers-list .card .card-header .position-details:nth-child(3), .arabic-v .careers-list .card .card-header .position-details:nth-child(4), .arabic-v .careers-list .card .card-header .position-details:nth-child(5) {border-right: 1.5px solid rgb(180, 161, 131);padding-right: 30px;}
.arabic-v .careers-list .card .card-header .position-details button i {rotate: 180deg;}
.arabic-v .careers-list .card .card-header .position-details:nth-child(2), .arabic-v .careers-list .card .card-header .position-details:nth-child(3), .arabic-v .careers-list .card .card-header .position-details:nth-child(4) {border-left: none;}
.arabic-v .careers-list .extra-content .apply-careers form .form-column select.custom-select , .arabic-v .careers-apply form .form-column select.custom-select {appearance: none;-webkit-appearance: none;-moz-appearance: none;background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 448 512"><path fill="%23808080" d="M224 384l224-224H0z"/></svg>') no-repeat left 8px center;}
.arabic-v .careers-list .extra-content .apply-careers form button i , .arabic-v .careers-apply form button i {rotate: 180deg ;}
.arabic-v .careers-apply form .file-upload-wrapper .file-upload-label,.arabic-v .apply-careers form .file-upload-wrapper .file-upload-label2 {flex-direction: row-reverse;}
.arabic-v .color-grey-2.arabic2 {float: right;}
.arabic-v .project-properties .container .button-container a i {margin: 0 10px 0 0;}
.arabic-v .project-properties .container .button-container i:first-child {margin: 0 0 0 8px;}
.arabic-v .location-prime {margin: 0 0 0 auto;padding: 0 0 0 20px;}
.arabic-v .location-prime .content a i {margin: 0 0 0 15px;}
.arabic-v .broshure .container .download a i {margin: 0 10px 0 0;}
.arabic-v .color-grey-right {float: left;}
.arabic-v .amenities {margin: 0 auto 0 0;padding: 0 20px 0 0;}
.arabic-v .gallery-images .slider {direction: ltr;}
.arabic-v .form-interest .content .form .inputs input:first-child, .arabic-v .form-interest .content .form .inputs input:nth-child(3) {margin: 0 0 0 20px;}
.arabic-v .form-interest .content .form .inputs select {appearance: none;-webkit-appearance: none;-moz-appearance: none;background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 448 512"><path fill="%23808080" d="M224 384l224-224H0z"/></svg>') no-repeat left 8px center;appearance: none;-moz-appearance: none ;-webkit-appearance: none;}
.arabic-v .arabic.homepage .slider .slide .center-text {direction: rtl;}
.arabic-v .overlay .box-5 p {text-align: right;}
.arabic-v .interest-form form .left-inputs input:first-child , .arabic-v .interest-form form .right-inputs input:first-child {margin:  0 0 0 20px;}
.arabic-v .interest-form form .right-inputs select.custom-select {appearance: none;-webkit-appearance: none;-moz-appearance: none;background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 448 512"><path fill="%23808080" d="M224 384l224-224H0z"/></svg>') no-repeat left 8px center;}
.arabic-v .vision-mission {margin: 0 0 0 auto;padding: 0 0 0 20px;}
.arabic-v .color-background-ezdihar .ecosystem .text-content ul , .arabic-v .value-creation .text-content ul {padding: 0 15px 0 0;}
.arabic-v .contact-info .left-section .contact-details i {margin: 0 0 0 10px ;}
.arabic-v .footer .footer-button-line .footer-button .links a:last-child {padding: 0 20px 0 0;}
.arabic-v  .footer .footer-button-line .footer-button .links a + a {border-right: 1px solid rgb(77, 77, 77);border-left: none;}
.arabic-v .interest-form form .left-inputs input::placeholder, .arabic-v  .interest-form form .right-inputs input::placeholder, .arabic-v  .interest-form form .right-inputs select {font-family: 'Cairo-Regular';font-weight: 400;}
.arabic-v .image-container-home .image-wrapper:last-child .color-animated {max-width: 85px;text-align: center;}
.arabic-v .contact-info .right-section .contact-form input::placeholder, .arabic-v  .contact-info .right-section .contact-form select, .arabic-v  .contact-info .right-section .contact-form textarea::placeholder {font-family: 'Noto Sans Arabic';font-weight: 400;}
.arabic-v .project-updates-list .container a:first-child {margin: 0 0 0 20px;}
.arabic-v .overview-time .timeline .timeline-item .content p {max-width: 450px;}
.arabic-v .overview-time .title {text-align: center;}
.arabic-v  .careers-list .extra-content .apply-careers form .form-column input::placeholder, .arabic-v  .apply-careers form .form-column select {font-family: 'Noto Sans Arabic';font-weight: 400;}
.arabic-v .careers-list .extra-content .apply-careers form .form-column:nth-child(2) input {text-align: right;direction: rtl;}
.arabic-v .careers-apply form .form-column input::placeholder, .arabic-v .careers-apply form .form-column select {font-family: 'Noto Sans Arabic';font-weight: 400;}
.arabic-v  .careers-apply form .form-column:nth-child(2) input {text-align: right;direction: rtl;}
.arabic-v .form-interest .content .form .inputs input::placeholder, .arabic-v .form-interest .content .form .inputs select{font-family: 'Noto Sans Arabic';font-weight: 400;}
.arabic-v header .header-content .menu .languages a.active {left: 0;}
.arabic-v .background-section .text-overlay .columns .column {padding: 0 40px 0 0;}
.arabic-v .background-section .text-overlay .columns .column::before {right: 0;left: auto;}
.arabic-v header .header-content .menu ul li {border-left: none;border-right: 1px solid #b19e81;padding: 0 20px 0 0;}
.arabic-v header .header-content .menu ul li .dropdown-content {right: -1px;left: auto;}
.arabic-v .slick-list {direction: ltr;}
.arabic-v .image-container-home .overlay .box-3 p {text-align: center;}
.arabic-v .slick-initialized .slick-slide {float: inline-start;}
.arabic-text {direction: rtl;text-align: justify;}
.article-inside .left-content h2.arabic-text {max-width: none;}
.english-text {direction: ltr;text-align: left;}
.english-text .media-date.dc {padding-left: 20px !important;}
.english-text h3 {font-family: 'Plaax-Regular';font-weight: 400;}
.homepage .center-text h2 .line {display: inline !important;}
.arabic-v .arrow-links-container .container {padding: 31px 20px;}
.contents.arabic-text p , .arabic-v .article-inside .left-content .article-inside-description .contents p {font-family: 'Noto Sans Arabic' !important;font-weight: 400;}
.arabic-text.check p.media-date {padding-right: 20px !important;}
.arabic-text.check hr {padding-right: 20px !important;margin: 20px 20px 0 20px !important;}
.arabic-text h3 , .arabic-text h2 , h2.arabic-text , p.arabic-text {font-family: 'Cairo-Regular';font-weight: 400;}
h2.english-text {font-family: 'Plaax-Regular';font-weight: 400;}
.arabic-v .gallery-images .nav-arrows {direction: ltr;}
.arabic-v .location-prime .project-timeline-container .slick-list {direction: rtl;}
.arabic-v .contact-info .right-section .contact-form select {padding-bottom: 0;}
.arabic-v .location-prime .project-timeline-container::after {left: 0;right: auto;background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
.arabic-v .vision-mission .right-content h2 {line-height: 70px;}
.careers-end-color {background-color:#f4f4f4 !important}
div#careers-pos {width: 100% !important;}
.arabic-v .location-prime .project-timeline-container .timeline-slider .timeline-item i {position: relative;top: -6px;}
.arabic-v .homepage .center-text h2 {max-width: 315px;}
.arabic-v .careers .background-image.desktop {-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.arabic-v .overview-time .timeline .timeline-item .content {margin-right: 0;margin-left: 30px;}
.arabic-v .overview-time .timeline .timeline-item.right .content {margin-right: 30px;margin-left: 0;}


.images-boxes.component {margin-top: 0;padding: 50px 0 0 0;}
.images-boxes.component .container .images.desktop {background-image:none}

.arabic-v .images-boxes.component {margin-top: 50px;}

.brochures-form-left {padding-bottom: 100px;}
.brochuresdownload {height: 760px;background-color:#000000}
.brochuresdownload .container {position: relative;top: 230px;}
.brochuresdownload .container .text-content h2 {text-transform: uppercase;margin-top: 25px;margin-bottom: 10px;max-width: 500px;}
.brochuresdownload .container .text-content .download-text {display: flex;justify-content: space-between;}
.brochuresdownload .container .text-content hr {color: #b19e81;max-width: 150px;margin: 0;background-color: #b19e81;height: 1.5px;}
.brochures-page .brochures-grid {padding: 60px 0;}
.brochures-page .brochures-grid .projects-grid {display: grid;grid-template-columns: repeat(2,1fr);gap: 30px;}
.brochures-page .brochures-grid .projects-grid .project-card {background-color: #f4f4f4;padding: 35px 20px 20px 20px;}
.brochures-page .brochures-grid .projects-grid .project-card .project-info {text-align: center;}
.brochures-page .brochures-grid .projects-grid .project-card .project-info h3 , .brochures-page .brochures-grid .projects-grid .project-card .project-info p {margin: 0;padding: 0;}
.brochures-page .brochures-grid .projects-grid .project-card .project-actions {margin-top: 40px;display: flex;gap: 20px;}
.brochures-page .brochures-grid .projects-grid .project-card .project-actions a {padding: 15px 25px;border: none;text-decoration: none;font-weight: bold;transition: all 0.3s ease;cursor: pointer;display: flex;align-items: center;justify-content: center;min-height: 50px;height: auto;box-sizing: border-box;flex: 1;text-align: center;background-color: rgb(180, 161, 131);}


@media (max-width:960px){

    .brochuresdownload .container {top: 160px;}
    .brochuresdownload {height: 490px;}
    .brochuresdownload .container .text-content h2 {font-size: 30px;line-height: 40px;}
    .brochuresdownload .container .text-content .download-text p {font-size: 18px;}
    .brochures-page .brochures-grid .projects-grid {grid-template-columns: 1fr;}
    .brochures-page .brochures-grid .projects-grid .project-card .project-info h3, .brochures-page .brochures-grid .projects-grid .project-card .project-info p {font-size: 20px;}
    .brochures-page .brochures-grid .projects-grid .project-card {padding: 20px;}
    .brochures-page .brochures-grid .projects-grid .project-card .project-actions a {font-size: 14px;padding: 15px;}
    .brochures-page .brochures-grid .projects-grid .project-card .project-actions {margin-top: 30px;}

    .images-boxes.component {padding: 0 0 50px 0;}
    .arabic-v .images-boxes.component {padding: 0 0 50px 0;margin-top: 0;}

    header .header-content .logo img {width: 130px;}
    .overview-time .timeline {width: auto;}
    .arabic-v header .header-content {direction: ltr;}
    .careers .background-image.mobile {object-position: center right;}
    .project-updates-list .container a {font-size:17px;}
    .arabic-v .final .text-content .arrow {width: -webkit-fill-available;}
    .projects-updates-slider .slider-container .slider-for img {height: auto;}
    .media-inside {background: black;padding: 80px 0px 20px 0px;height: auto;}
    .media-list .media-item img {height: 230px;}
    .projects-updates-slider .slider-container h2 {font-size: 24px;}
    .article-inside {grid-template-columns:1fr;padding: 0;gap: 0;}
    .article-inside .left-content h2 , .article-inside .left-content p {padding: 0 20px !important;}
    .article-inside .left-content .article-inside-description {flex-direction: column;}
    .article-inside .left-content .hr-title {width: 100px;color: rgb(180, 161, 131);background-color: rgb(180, 161, 131);height: 1.5px;margin: 30px 0 0 20px;}
    .article-inside .left-content h2 {margin: 30px 0;font-size: 24px;}
    .article-inside .left-content hr {margin: 10px auto 20px auto;}
    .article-inside .left-content .article-inside-description {margin-bottom: 50px;}
    .article-inside .left-content .article-inside-description .dates-tag {display: flex;align-items: center;border-bottom: 1px solid rgb(98, 98,98,0.5);width: calc(100% - 40px);margin: 0 auto;}
    .article-inside .left-content .article-inside-description .dates-tag p {padding: 0;}
    .article-inside .left-content .article-inside-description .dates-tag hr {width: 20px;rotate: 270deg;}
    .article-inside .left-content .article-inside-description .contents p {font-size: 13px !important;}
    .article-inside .right-content .media-item {border-bottom: none;background-color:#f3f3f3;padding: 0 0 30px 0;}
    .article-inside .right-content .media-item .media-date {padding-left: 20px !important;}
    .article-inside .right-content .media-item hr {margin-left: 20px;}
    .article-inside .right-content .media-item h3 {max-width: fit-content;padding: 20px;margin: 0;}
    .article-inside .right-content .media-item span {background-color: rgb(180, 161, 131);opacity: 1;padding: 10px 15px;text-transform: uppercase;max-width: 150px;margin: 0 0 0px 20px;text-align: center;}
    .arabic-v .project-updates-list .container a:first-child {margin: 0 0 20px 0;}

    .media {height: 1030px;padding: 0;}
    .media .center-text {top: 35%;transform: translateY(calc(-20%));}

    .cookie_notice .container .text p {font-size: 11px;}
    .cookie_notice .container .buttons a {margin-right: 0;font-size: 11px;margin-bottom: 5px;}
    .cookie_notice .container .buttons {display: flex;flex-direction: column;}
    .cookie_notice .container .buttons a.accept {max-width: 100px;text-align: center;padding: 5px 0;}

    .project-properties .container .grid .grid-item .properties-text h2 {font-size: 17px;}
    .project-properties .container .grid .grid-item .properties-text span {font-size: 14px;}

    .desktop {display: none !important}
    .mobile {display: block !important;}
    .homepage .slick-dots {bottom: 365px;}
    .arabic-v .homepage .slick-dots {bottom: 320px;}
    header .header-content .menu {display: none;}
    .project .center-text p {font-size: 22px;}
    header .center-text h1{font-size: 30px;line-height: 45px;}
    header .center-text h2{font-size: 30px;line-height: 45px;}
    header .center-text a  {font-size: 14px;}
    .header-content .container2, .mobile-menu .mobile-menu-header{padding: 20px 50px 20px 20px !important;}
    .top-nav {color: rgb(208, 205, 205);display: inline-block; top: -5px; position: relative}
    #menu-toggle {display: none;}
    .menu-button-container {display: flex;}
    .menu-button, .menu-button::before, .menu-button::after {display: block;background-color: #FFFFFF;position: absolute;height: 2.5px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;cursor: pointer;}
    .menu-button::before {content: '';margin-top: -8px;}
    .menu-button::after {content: '';margin-top: 8px;}

    .vision-mission .right-content h2 div {display: inline !important;}

    .color-white-2.mobile {background: white;height: 50px;width: 50%;position: absolute;margin-top: 50px;}

    .footer .footer-middle {display: none;}
    .footer .footer-top {grid-template-columns: repeat(2, 1fr);gap: 0;margin: 0;padding: 0;}
    .footer .footer-top .grid-item {padding: 35px 10px 35px 10px;}
    .footer .footer-top .grid-item:nth-child(2){border-right: none;}
    .footer .footer-button-line .footer-button {flex-direction: column;}
    .footer .footer-top .grid-item p {font-size: 20px;}
    .footer .footer-top .grid-item a {font-size: 16px;}
    .footer .footer-top .grid-item:last-child {grid-column: span 3;border-top: 1px solid rgb(77, 77, 77);}
    .footer .footer-top .grid-item:last-child p {display: none;}
    .footer .footer-button-line {text-align: center;}

    .arrow-links-container .container a {font-size: 13px;}
    .arrow-links-container .container .arrow-right::after , .arrow-links-container .container .arrow-left::before {font-size: 13px;}
    .arrow-links-container {height: 50px;}
    .arrow-links-container .container {padding:15px;}

    .team-list .left-section, .team-list .right-section {width: 100%;}
    .teams {flex-direction: column;padding: 0;top: 100px;}
    .teams .left-section img {width: 100%;height: auto;}
    .teams .right-section h2 {font-size: 20px;}
    .team-list .left-section h2 {font-size: 20px;}
    .teams .right-section h3 {font-size: 20px;}
    .team-list {flex-direction: column;margin-top: 150px;}
    .team-list .left-section p {max-width: 100%;}
    .team-list .right-section .team-column .team-member img {width:100%;height: auto;}
    .team-list .left-section hr {background-color: #b19e81;max-width: 80px;height: 1.5px;}
    .team-list .right-section .team-column .team-member p {font-size: 16px;}
    .team-list .right-section .team-column .team-member p:last-child {font-size: 14px;}
    .arrow-links-container .container hr {width: 50px}
    .teams .left-section{width: 100%;}
    .contact-info .right-section .contact-form .form-row {gap: 0;}
    .teams .right-section {padding: 40px 20px 80px 20px;width: calc(100% - 40px);}
    .color-background-core .final-core .text-content .text-item .text h2 {font-size: 20px;}
    .final-core {flex-direction: column;gap: 40px;padding: 0 0 50px 0;max-width: 100%;}
    .final-core .image img {width: 100%;}
    .color-background-core .final-core .text-content {max-width: 1280px;margin: 0 auto;padding: 0 20px;}
    .grid-container .grid {grid-template-columns: repeat(1, 1fr);grid-gap: 30px;padding: 0;}
    .color-background-core .final-core .image {margin-top: 0;width: 100%;}
    .grid-container {padding: 50px 0;margin-top: 68px;background: url('/assets/images/InnovationCommunityQualitymobile.jpg') no-repeat}
    .grid-container .grid .grid-item h2 {font-size: 20px;}
    .final {flex-direction: column;}
    .final .text-content .arrow a , .final .text-content .arrow .arrow-right::after{font-size: 16px;}
    .final .image img , .overview-two .image-content img {width: 100%;}
    .pt {padding: 20px;}
    .final .text-content p {font-size: 15px;}
    .core {height: 680px;}
    .final .text-content .columns .column h2 {font-size: 28px;}
    .overview-two {flex-direction: column;max-width: 100%;padding: 0 0 20px 0;gap: 50px;width: inherit;}
    .overview-two .text-content h2 {font-size: 22px;max-width: 100%;line-height: 32px;}
    .overview-two .text-content {padding: 0 20px;}
    .overview-two .text-content p {max-width: 100%;}
    .interest-form {background-image: none;background-color: #151515}
    .form-interest .content {text-align: start;}
    .form-interest .content h2 , .interest-form h2{font-size: 26px;}
    .form-interest .content p , .interest-form p {font-size: 18px;text-align: start;line-height: 25px;}
    .form-interest .content .form .inputs input {width: 100%;margin-bottom: 20px;}
    .form-interest .content .form .inputs {display: flex;flex-direction: column;}
    .form-interest {background-image: none;background-color: #151515;height: auto;padding: 150px 0 100px 0;width: 100%;}
    .form-interest .content .form button {font-size: 15px;padding: 8px 25px;}
    .amenities {max-width: 100%;flex-direction: column;padding: 0 20px;margin: 120px auto 50px auto;width: inherit;}
    .amenities .content .columns {grid-template-columns: repeat(3, 1fr);}
    .amenities .main {display: none;}
    img.main-m {width: 100%;}
    .amenities .content h2 {font-size: 22px;}
    .amenities .content .columns .column img {width: 30px;height: 30px;}
    .broshure {padding: 80px 0;}
    .broshure .container p {text-align: start;max-width: 100%;font-size: 16px;}
    .broshure .container .download a {font-size: 15px;}
    .broshure .container .grid .grid-item hr {display: none;}
    .broshure .container .grid {grid-template-columns: repeat(2, 1fr);gap: 20px;display: grid;justify-items: center;}
    .broshure .container .grid .grid-item .broshure-text h2 {font-size: 26px;}
    .project-properties .container {flex-direction: column;}
    .project-properties .container .grid {grid-template-columns: repeat(2, 1fr);gap: 20px;}
    .project-properties .container .grid .grid-item:nth-child(3) {margin-left: 0;}
    .project-properties .container .grid .grid-item {gap: 20px;}
    .button-container.mobile a {text-decoration: none;text-transform: uppercase;font-size: 15px;}
    .button-container.mobile a:first-child {background-color: #b4a180;padding: 10px;margin-bottom: 20px;}
    .button-container.mobile a:last-child {padding: 10px;background-color: #f4f4f4;display: inline-flex;align-items: center;margin-top: 30px;}
    .button-container.mobile a i {margin-left: 10px;}
    .button-container.mobile i:first-child {margin-right: 8px;margin-left: 0;color: #b4a180;}
    .button-container.mobile {padding: 60px 0 40px 0;text-align: center;}
    .location-prime img , img.mobile.loc-image {width: 100%;}
    .location-prime {flex-direction: column;max-width: 100%;padding: 0 20px;margin: 50px auto 80px auto;width :inherit;gap: 80px;}
    .location-prime .content a {font-size: 15px;}
    .vision-mission {flex-direction: column-reverse;width: inherit;max-width: 100%;margin: 0;padding: inherit;gap: 20px;}
    .vision-mission .right-content {width: inherit; padding: 50px 20px 20px 20px;}
    .vision-mission .right-content h2 {font-size: 25px;line-height: 35px !important;margin: 0;}
    .vision-mission .right-content p {margin: 20px 0;}
    .vision-mission .right-content p , .vision-mission .right-content .columns .column h2 {font-size: 17px;}
    .vision-mission img {width: 100%;}
    .vision-mission .right-content .columns .column p {font-size: 14px;margin: 0;}
    .vision-mission .right-content hr {display: none;}
    .interest-form h2 {line-height: 40px;text-align: start;margin-bottom: 20px;margin-top: 20px;}
    .interest-form form .left-inputs input , .interest-form form .right-inputs input {width:calc(100% - 40px);margin-bottom: 20px;}
    .interest-form form .right-inputs select {width: 100%;}
    .interest-form form .right-inputs {margin-top: 0;}
    .interest-form form button {font-size: 15px;float: left;padding: 8px 25px;}
    .interest-form {height: 530px;padding: 70px 0;}
    .background-section .text-overlay h2 {max-width: 280px;font-size: 30px;line-height: 40px;}
    .background-section .text-overlay h1 {max-width: 280px;font-size: 25px;line-height: 40px;}
    .background-section .text-overlay .columns {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
    .background-section .text-overlay .columns .column {padding-left: 15px;}
    .background-section .text-overlay .columns .column h3 {font-size: 35px;}
    .background-section .text-overlay .columns .column p {font-size: 14px;line-height: 19px;}
    .background-section {height: 400px; padding: 100px 0;object-fit: cover;background-repeat: no-repeat;}
    .background-section.scrolled {background-size: cover;}


    .image-container-home {flex-direction: column;}
    .image-container-home .image-wrapper .overlay .container p {font-size: 16px;max-width: 300px;}
    .image-container-home .image-wrapper .overlay h2 {font-size: 32px;max-width: 235px;margin: 0;}
    .image-container-home .image-wrapper img {height: 500px;}
    .image-container-home .image-wrapper:first-child .container {padding-left: 40px;}
    .image-container-home .image-wrapper .overlay .container {margin: 0;padding-left: 40px;}
    .image-container-home .image-wrapper .overlay a {font-size: 18px;}
    .image-container-home .image-wrapper .overlay.mobile {display: flex !important;}

    .core .core-header , .overview .overview-header {flex-direction: column-reverse;top: -90px;width: initial;margin: 0;padding: 0;max-width: 100%;background-color: #222222;gap: 80px;}
    .core .core-header .image-content img , .overview .overview-header .image-content img {width: 100%;}
    .core .core-header .image-content {position: relative;}
    .core .core-header .image-content::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5); pointer-events: none;}
    .core .core-header .text-content , .overview .overview-header .text-content {padding: 0 20px;}
    .core .core-header .text-content h2 , .overview .overview-header .text-content h2 {font-size: 30px;line-height: 41px;}
    .core .core-header .text-content p {font-size: 20px;}

    .overview-mobile {background-color: #FFFFFF !important}
    .overview-time .title {text-align: center;font-size: 21px;padding-top: 100px;padding-bottom: 0;}
    .overview-time .timeline .timeline-item .content h2 {font-size: 28px;}
    .overview-time .timeline .timeline-item .content {padding: 0;}
    .overview-time {height: 1500px;background-position: center;background-image: url('/assets/images/Journey_Mobile.jpg');z-index: 2;}
    .overview-time .timeline::after {height : -webkit-fill-available}
    .final .text-content .arrow {padding: 20px;width: calc(100% - 40px);}
    .final .image img {position: relative;top: -60px;}
    .final .image {position: relative;}
    .images-boxes .images.mobile .slick-track {padding: 0 100px;}
    .gallery-images .nav-arrows {display: none !important;}
    .gallery-images .slider .slick-track {padding: 0 240px;}
    .final .image::after {width: 50%;height: 50px;background :#201c1c;top: 0;left: 0;right: 0;position: absolute;content: '';bottom: 0;}
    .overview-time::after {width: 50%;height: 50px;background :#ffffff;mix-blend-mode: color-dodge;}
    .overview-time .color-test {display: none;}
    .final .text-content {margin-top: -60px;}
    .contact-info {flex-direction: column-reverse;width: 100%;max-width: 100%;gap: 10px;margin: 70px 0 0 auto;}
    .contact-info .right-section {width:calc(100% - 40px);padding: 50px 20px;margin: 50px 0;}
    .titlec {font-size: 30px;margin: 0 20px;}
    .pctitle {font-size: 18px;margin: 0 20px 10px 20px;}
    .line-m {background-color: #b19e81;color: #b19e81;height: 1.5px;width: 100px;margin: 0 20px;gap: 0;}
    .contact-info .right-section .contact-form .form-row {flex-direction: column;margin-bottom: 0px;}
    .contact-info .right-section .contact-form input[type="email"] {margin-bottom: 30px;}
    .contact-info .right-section .contact-form input , .contact-info .right-section .contact-form select#country , .contact-info .right-section .contact-form select#city {width: 100%;}
    .contact-info .right-section .contact-form .form-row .form-group {margin-bottom: 30px;}
    .contact-info .right-section .contact-form .checkbox-group {margin-top: 30px;}
    .contact-info .right-section .contact-form .checkbox-group input {width: initial;}
    .contact-info .right-section .contact-form button {font-size: 16px;}
    .contact-info .left-section {width: initial;padding: 0 20px 60px 20px;}
    .contact-info .left-section .contact-location .toggle-button { background: none;border: none;color: white;cursor: pointer;}
    .contact-info .left-section .contact-location  .toggle-button.expanded i {transform: rotate(180deg);}
    .contact-info .left-section .contact-location h2 {display: flex;justify-content: space-between;font-size: 15px;margin: 20px 0;}
    .contact-info .left-section .contact-location .contact-content {display: none;transition: max-height 0.3s ease-out;margin-bottom: 30px;}
    .contact-info .left-section .contact-location {border-top: 1px solid rgb(244,244,244 , 0.5);}

    .mobile-menu {position: fixed;top: 0;width: 100%;background: rgb(0, 0, 0);z-index: 1000;height: 100%;}
    .mobile-menu .mobile-menu-header {max-width: 100%;display: flex;margin: auto;justify-content: space-between;align-items: center; padding: 30px 50px 0 20px;}
    .top-nav-x .menu-button-container .menu-button {background: transparent !important;}
    .mobile-menu .mobile-menu-header img {width: 130px;height: 54px;object-fit: cover;}
    .top-nav-x .menu-button-container .menu-button::before {margin-top: 0px;transform: rotate(405deg);}
    .top-nav-x .menu-button-container .menu-button::after {margin-top: 0px;transform: rotate(-405deg);}
    .mobile-menu .menu-move {overflow: hidden;-webkit-overflow-scrolling: touch;bottom: 0;left: 0;position: absolute;z-index: 11;right: 0;margin: auto;top: 130px;}
    .mobile-menu .menu-move .menu-container {margin-left: 60px;}
    .mobile-menu .menu-move .menu-container li a {text-decoration: none;}
    .mobile-menu .menu-move .menu-container li {border-left: 3px solid #b19e81;padding-left: 20px;margin-bottom: 30px;}
    .mobile-menu .menu-move .menu-container li.dropdown  .dropdown-content li a {color: #b19e81;}
    .mobile-menu .menu-move .menu-container li.dropdown  .dropdown-content li {border-left : none;padding-left: 0;margin-bottom: 10px;}
    .mobile-menu .menu-move .menu-container li.dropdown  .dropdown-content {margin: 0;padding: 0px;margin-top: 15px;}
    .mobile-menu .menu-move .menu-container li.dropdown {position: relative;}
    .mobile-menu .menu-move .menu-container li.dropdown  .dropdown-content {display: none;position: absolute;z-index: 13;}
    .mobile-menu .menu-move .menu-container li.dropdown:hover  .dropdown-content {display: block;}
    .mobile-menu .menu-move .menu-container li.dropdown:hover {min-height: 106px;}
    .mobile-menu .menu-move .languages a {text-decoration: none;height: 100%;width: 40px;}
    .mobile-menu .menu-move .languages a.active {background:  rgb(180, 161, 131);outline: none;}
    .mobile-menu .menu-move .languages {border: 1px solid rgba(255, 255, 255);width: 80px;text-align: center;height: 30px;display: flex;align-items: center;position: absolute;right:20px;top: 235px;}

    .location-prime .project-timeline-container .timeline-slider .timeline-item h2 {font-size: initial;}

    .image-container-home .image-wrapper:nth-child(2) img {object-position: center bottom;}

    .gallery-images , .broshure, .images-boxes, .gallery-images {padding: 50px 0;}
    .gallery-images h2 , .images-boxes .container h2 {text-align: start;font-size: 22px;}
    .images-boxes .container p {max-width: 100%;text-align: start;font-size: 16px;}
    .images-boxes .images.mobile .slick-slide img {width: inherit;}
    .images-boxes .images.mobile .slick-slide {margin: 0 10px;}
    .images-boxes {background-color: white;margin-top: 0;}
    .gallery-images {background-color: #f4f4f4;margin-top: 50px;}
    .color-grey-right.mobile.project-color {width: 50%;}
    .color-white.project-color-2 {background-color: #f4f4f4}
    .color-grey-2 {width: 50%;}
    .color-grey-right {width: 50%;}

    .broshure .container .grid .grid-item .broshure-text {max-width: 100px;}
    .form-interest .content .form .inputs select {width: 100%;margin-bottom: 20px;}

    .location-prime .content {width:calc(100% - 40px);}

    .gallery-images .slider img {height: auto;}

    .arabic-v .footer .footer-top .grid-item:last-child {border-right: none;}

    .core-color.mobile {position: absolute;height: 70px;background-color: #101010;width: 100%;}
    .color-2.mobile {position: absolute;width: 50%;height: 40px;background-color: #222222;;right: 0;top: -1px;}

    .interest-form form .left-inputs input::placeholder, .interest-form form .right-inputs input::placeholder, .interest-form form .right-inputs select {color: white;}
    .interest-form form .left-inputs input , .interest-form form .right-inputs input , .interest-form form .right-inputs select {background-color: #232323 !important;outline: none;padding: 10px 20px;border: #232323;color: white;}


    .privacy-page-container .mt150 , .terms-page-container .mt150 {margin-top: 100px; }
    .privacy-page-container .privacy-main h2 , .terms-page-container .terms-main h2 {font-size: 28px;}
    .privacy-page-container .privacy h2 , .terms-page-container .terms h2 {font-size: 20px;}


    .color-background-ezdihar .ecosystem {max-width: 100%;flex-direction: column;gap: 50px;align-items: flex-start;padding-bottom: 30px;padding: 0;}
    .color-background-ezdihar .ecosystem .image img {width: 100%;height:auto;}
    .color-background-ezdihar .ecosystem .text-content {padding: 0 20px;}
    .color-background-ezdihar .ecosystem .text-content h2 , .value-creation .text-content h2 {font-size: 23px;}
    .value-creation {max-width: 100%;gap: 50px;align-items: flex-start;flex-direction: column-reverse;padding: 0;margin: 0 0 80px auto;}
    .value-creation .image img {width: 100%;}
    .value-creation .text-content {padding: 0 20px;}
    .ezdihar-page {background: url('/assets/images/future.jpg') no-repeat;height: 442px;}
    .ezdihar-page .ezdihar-header .text-content h2 {font-size: 35px;max-width: 270px;line-height: 40px;}
    .future { background: #000000;padding: 80px 0;}


    .media .center-text h2 {font-size: 30px;line-height: 45px;}
    .media .center-text p {font-size: 18px;}
    .media-list .media-item {padding: 0 0 30px 0;}
    .media .center-text .media-main .box {flex-direction: column;}
    .media .center-text .media-main .box .left img {width: 100%;height: auto;}
    .media-list {grid-template-columns: repeat(1, 1fr);margin: 70px auto 50px auto;}
    .media .center-text .media-main .box .right {background-color: #f4f4f4;padding: 30px 20px;}
    .media .center-text .media-main .box .right h2 {font-size: 20px;line-height: 33px;margin: 20px 0;}
    .media .center-text .media-main .box .right p {font-size: 12px;}
    .media .center-text .media-main {width: calc(100% + 40px);margin: 50px 0 0 -20px;}
    .media-list .media-item  span {background-color: rgb(180, 161, 131);opacity: 1;padding: 10px 15px;text-decoration: none;text-transform: uppercase;max-width: 150px;margin: 0 0 0px 20px;text-align: center;}

    .careers-list .card .card-header {grid-template-columns: repeat(1, 1fr)}
    .careers-list .card .card-header .position-details:nth-child(2), .careers-list .card .card-header .position-details:nth-child(3), .careers-list .card .card-header .position-details:nth-child(4) {border-left: none;padding-left: 0;}
    .careers-list .card .card-header .position-details {margin-bottom: 25px;}
    .careers-list .card .card-header .position-details p {line-height: 0px;}
    .careers-list .extra-content .responsibilities-requirements {flex-direction: column;gap: 0;}
    .careers-list .extra-content .apply-careers form .form-row , .careers-apply form .form-row {flex-direction: column;gap: 20px;margin-bottom: 20px;}
    .careers-list .extra-content .apply-careers form .form-column input , .careers-apply form .form-column input {width: calc(100% - 20px);}
    .careers-list .extra-content .apply-careers form .form-column , .careers-apply form .form-column {width: 100%;gap: 20px;}
    .careers-list .extra-content .apply-careers form .form-column select , .careers-apply form .form-column select {width: 101%;}
    .careers-list .extra-content .apply-careers form .file-upload-wrapper .file-upload-label , .careers-list .extra-content .apply-careers form button , .careers-apply form .file-upload-wrapper .file-upload-label , .careers-apply form button , .apply-careers form .file-upload-wrapper .file-upload-label2 {font-size: 18px;}
    .careers-list .extra-content .apply-careers form .button-submit , .careers-apply form .button-submit {text-align: justify;}
    .careers-apply h2 , .careers-apply p {text-align: start;}
    .careers-first {flex-direction: column;max-width: 100%;margin: 0;gap: 50px;padding: 0;margin-top: 50px;}
    .careers-first .image img , .careers-two .image img {width: 100%;}
    .careers-first .text-content , .careers-two .text-content {padding: 0 20px;}
    .careers-two {flex-direction: column-reverse;max-width: 100%;gap: 50px;margin: 0;padding: 50px 0 0 0;}
    .background-color {padding:0;}
    .careers-first .text-content .image.mobile , .careers-two .text-content .image.mobile {margin: 0 -20px;}

    .careers-first .text-content h2 , .careers-two .text-content h2 , .careers-list h2 , .careers-apply h2 , .future h2 {font-size: 23px;}
    .careers-first .text-content h3 , .careers-two .text-content h3 , .careers-list .card .card-header .position-details button {font-size: 18px;}
    .careers-list .card .card-header .position-details h3 , .careers-list .extra-content h2 {font-size: 17px;}
    .careers-list .card .card-header .position-details p {font-size: 15px;}

    .careers .image-container {position: relative;height: 100vh;}
    .careers .image-container .image-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);pointer-events: none;}

    .mobile.pos {display: flex !important;justify-content: space-between;align-items: center;}
    .careers-list .card .card-header .close-button-mobile {background-color: white !important;border: 1px solid rgb(180, 161, 131) !important;color: rgb(180, 161, 131);font-size: 23px;width: 40px;height: 40px;}
    .careers-apply {height: auto;}
    .value-creation .text-content h2 br {display: contents ;}

    .image-wrapper:hover .overlay{opacity: 1;}
    .overview {height: 700px;}

    .colorproject {width: 48% !important}


    .project-updates-list {padding: 50px 0;}
    .project-updates-list .container {display: flex;flex-direction: column;}
    .project-updates-list .container a:first-child {margin-right: 0;}
    .project-updates-list .container a {margin-bottom: 15px;margin-right: 0;text-align: center;}
    .projects-updates-slider .slider-container .slider-nav img {width: 180px;height: 180px;}
    .projects-updates-slider .slider-container .nav-arrows {display: none;}



    .arabic-v .interest-form form .left-inputs input:first-child, .arabic-v .interest-form form .right-inputs input:first-child {margin: 0 0 20px 20px;}
    .arabic-v .interest-form form button {float: right;}
    .arabic-v .vision-mission {padding: inherit;}
    .arabic-v .footer .footer-top .grid-item:nth-child(2) {border-right: 1px solid rgb(77, 77, 77);}
    .arabic-v .mobile-menu .mobile-menu-header {flex-direction: row-reverse;}
    .arabic-v .mobile-menu .mobile-menu-header {padding: 20px !important;}
    .arabic-v .mobile-menu .menu-move .languages {left: 20px;right: auto;}
    .arabic-v .mobile-menu .menu-move .menu-container {margin: 0 60px 0 0;}
    .arabic-v .mobile-menu .menu-move .menu-container li {border-left: none;border-right: 3px solid #b19e81;padding: 0 20px 0 0;}
    .arabic-v .mobile-menu .menu-move .menu-container li.dropdown .dropdown-content li {border-right: none;padding-right: 0;}
    .arabic-v .button-container.mobile {padding: 90px 0 50px 0;}
    .arabic-v .button-container.mobile i:first-child {margin: 0 0 0 8px;}
    .arabic-v .button-container.mobile a i {margin: 0 10px 0 0;}
    .arabic-v .location-prime {padding: 0 20px;margin: 50px auto 80px auto;}
    .arabic-v .amenities {padding: 0 20px;margin: 120px auto 50px auto;}
    .arabic-v .images.mobile .slick-list {direction: ltr;}
    .arabic-v .form-interest .content .form .inputs input:first-child, .arabic-v .form-interest .content .form .inputs input:nth-child(3) {margin: 0 0 20px 20px;}
    .arabic-v .overview-two {padding: 0 0 20px 0;}
    .arabic-v .core .core-header , .arabic-v .careers-two , .arabic-v .careers-first {margin: 50px 0 0 0;padding: 0;}
    .arabic-v .careers-two .text-content {padding: 50px 20px;}
    .arabic-v .color-background-core .final-core .text-content {margin: 0 auto;}
    .arabic-v .team-list {margin-top: 150px;}
    .arabic-v .careers-list .card .card-header .position-details:nth-child(3), .arabic-v .careers-list .card .card-header .position-details:nth-child(4), .arabic-v .careers-list .card .card-header .position-details:nth-child(5) {padding: 0;border-right: none;}
    .arabic-v .color-background-ezdihar .ecosystem {padding: 0;}
    .arabic-v .value-creation {padding: 0;margin: 0 0 80px auto;}
    .arabic-v .media .center-text .media-main {margin: 50px -20px 0 -20px;}
    .arabic-v .media-list .media-item span , .arabic-v .article-inside .right-content .media-item span {margin: 0 20px 0 0;}
    .arabic-v .article-inside .left-content .hr-title {margin: 30px 20px 0 0;}
    .arabic-v .article-inside .right-content .media-item .media-date {padding: 0 20px 0 0;}
    .arabic-v .article-inside .right-content .media-item hr {margin: 0 20px 0 0;}
    .arabic-v .background-section .text-overlay .columns .column {padding: 0 15px 0 0;}
    .arabic-v .button-container.mobile a:first-child {padding: 10px 22px;}
    .arabic-v .media-list .media-item span, .arabic-v .article-inside .right-content .media-item span {margin: 20px 20px 0 0;}
    .arabic-v .arrow-links-container .container {padding: 15px;}
    .arabic-v .value-creation {gap: 50px;}
    .english-text span  , .english-text hr{margin: 0 0 0 20px !important;}
    .arabic-text .media-date {padding-right: 20px;}
    .arabic-text hr , .arabic-text span {margin: 0 20px 0 0 !important;}
}


@media (min-width:961px) and (max-width:1300px){
    .final-core .image img {width: 100%;}
    .overview-two {gap:20px;}
    .arrow-links-container .container {padding:20px;}
    .arrow-links-container .container hr {width: 70px;}
    .final {flex-direction: row;}
    .final .image img {width: 100%;}
    .pt {padding: 50px 20px;}
    header .header-content .menu ul li {padding-left: 10px;}
    .arabic-v header .header-content .menu ul li {padding : 0 10px 0 0;}
    .background-section .text-overlay .columns {gap: 50px;}
    .image-container-home .image-wrapper:first-child .container {padding-left: 20px;}
    .image-container-home .image-wrapper .overlay h2 {font-size: 40px;}
    .overlay .box-3 p {margin-left: 20px;}
    .overlay .box-5 a {font-size: 18px; line-height: 38px}
    .vision-mission .right-content .columns .column h2 {font-size: 25px;}
    .vision-mission .right-content h2 {font-size: 35px;line-height: 40px;}
    .overview .overview-header .text-content h2 {line-height: 40px;font-size: 40px;}
    .overview .overview-header {gap: 10px;}
    .amenities .main , .location-prime img{width: 50%;height: auto;}
    header .header-content .menu ul li a {font-size: 16px;}
    .arrow-links-container {height: 80px;}
    .location-prime .content {width: calc(100% - 60%); }
    .value-creation .image img {width: 495px;}
    .color-background-ezdihar .ecosystem {gap: 100px;}
    .color-background-ezdihar .ecosystem .image img {height: 530px;}
    .value-creation {justify-content:space-between;gap: 0;}
    .careers-list .card .card-header {grid-template-columns: 23% 20% 20% 20% 20%;}
    .careers-two .image img , .careers-first .image img{width: 499px;}
    .careers-first {gap: 100px;}
    .media .center-text h2 {margin: 20px 0;}



}


@media (min-width:961px) and (max-width:1165px){

.cookie_notice .container .buttons a {margin-right: 15px;font-size: 11px;}
.cookie_notice .container .text p {font-size: 13px;}
.cookie_notice .container {gap: 10px;}
.cookie_notice .container .text {width: 60%;}


.interest-form h2 {font-size: 45px;}

.image-container-home .image-wrapper:nth-child(2) .overlay.desktop {display: none !important;}
.image-container-home .image-wrapper:nth-child(2) .overlay.mobile {display: flex !important;}
header .header-content .menu ul {gap: 15px;}
header .header-content .menu {gap: 20px;}
.core .core-header .text-content h2 {font-size: 40px;line-height: 40px;}
header .header-content .menu ul li a {font-size: 15px;}
.core .core-header {gap: 0;}
.arrow-links-container {height: 70px;}
.teams .right-section {padding: 30px 20px 20px 20px;}
.contact-info .left-section h2 {font-size: 40px;}
.overview .overview-header .image-content img {width: 500px;}
.overview-two .image-content img {width: 500px;}
.media .center-text .media-main .box .right {padding: 20px}
.media .center-text .media-main .box .left img {height: 400px;width: auto;}

}

@media (min-width:961px) and (max-width:1020px){
.vision-mission {margin: 50px 0;}
.vision-mission img {width: 45%;}
.core .core-header .image-content img {width: 490px;}
.overlay .box-5 a {font-size: 15px;}
.overlay .box-1 , .overlay .box-4 {right: 20px;}
.overlay .box-2 {right: 160px;}
.project-properties .container .grid {gap: 20px;}
.project-properties .container .grid .grid-item:nth-child(3) {margin-left: 40px;}
.overlay .box-3 {left: 28px;}
.overlay .box-5 h1, .overlay .box-5 p {font-size: 15px;}
.teams .right-section {padding: 20px;}
.teams .left-section img {height: 600px;}
}


@media (min-width: 1500px) {
.image-container-home .image-wrapper {width: 33.3%;}
}


@media (max-width: 400px) {
.location-prime {padding: 0;margin: 50px 0 80px 0;}
}


@media (min-width: 1660px) {
    .overview-time {background-size: cover;background-position: center;}
}

@media only screen and (max-width : 1410px) {
    .box-5 .text-content{padding: 0 25px}
}