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

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

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

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

@font-face {
    font-family: 'Alexandria';
    src: url('../font/Alexandria-Regular/Alexandria-Light.eot');
    src: url('../font/Alexandria-Regular/Alexandria-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/Alexandria-Regular/Alexandria-Light.woff') format('woff'),
        url('../font/Alexandria-Regular/Alexandria-Light.ttf') format('truetype'),
        url('../font/Alexandria-Regular/Alexandria-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazirmatn';
    src: url('../font/vazirmatn/Vazirmatn-Light.eot');
    src: url('../font/vazirmatn/Vazirmatn-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/vazirmatn/Vazirmatn-Light.woff') format('woff'),
        url('../font/vazirmatn/Vazirmatn-Light.ttf') format('truetype'),
        url('../font/vazirmatn/Vazirmatn-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'VazirmatnBold';
    src: url('../font/vazirmatn-bold/Vazirmatn-Bold.eot');
    src: url('../font/vazirmatn-bold/Vazirmatn-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/vazirmatn-bold/Vazirmatn-Bold.woff') format('woff'),
        url('../font/vazirmatn-bold/Vazirmatn-Bold.ttf') format('truetype'),
        url('../font/vazirmatn-bold/Vazirmatn-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'InstrumentSansRegular';
    src: url("/assets/font/InstrumentSans-Regular/InstrumentSans-Regular.eot");
    src: url("/assets/font/InstrumentSans-Regular/InstrumentSans-Regular.eot?#iefix") format("embedded-opentype"),
        url("/assets/font/InstrumentSans-Regular/InstrumentSans-Regular.woff") format("woff"),
        url("/assets/font/InstrumentSans-Regular/InstrumentSans-Regular.ttf") format("truetype");
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: 'InstrumentSans-SemiBold';
    src: url("/assets/font/InstrumentSans-Semibold/InstrumentSans-SemiBold.eot");
    src: url("/assets/font/InstrumentSans-Semibold/InstrumentSans-SemiBold.eot?#iefix") format("embedded-opentype"),
        url("/assets/font/InstrumentSans-Semibold/InstrumentSans-SemiBold.woff") format("woff"),
        url("/assets/font/InstrumentSans-Semibold/InstrumentSans-SemiBold.ttf") format("truetype");
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-display: swap;
}


/*General Styles*/
html,
body {margin: 0;padding: 0;height: 100%;font-family: "InstrumentSansRegular", Arial, Helvetica, sans-serif;scroll-behavior: smooth;scrollbar-width: none !important;-ms-overflow-style: none;}
body.no-scroll {overflow: hidden}
ul {list-style: none}
ul,
li {margin: 0;padding: 0}
a {text-decoration: none;color: inherit;transition: 0.5s;outline: none}
h1,
h2,
h3,
h4 {font-weight: normal}
input,
select:focus,
textarea {font-size: 16px;outline: none;}
input[type=number] {-moz-appearance: textfield}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0}
input{outline: none;}
html::-webkit-scrollbar,body::-webkit-scrollbar {display: none;}



.container {padding: 0 30px;max-width: 1360px;margin: 0 auto;}
html,body {padding: 0;margin: 0;height: 100%;}
.neue15g {font-size: 15px;color: rgba(16, 16, 16, 0.5);font-weight: 400;font-family: 'Neue Montreal regular';line-height: 18px;}
.neue15 {font-size: 15px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Neue Montreal regular';line-height: 18px;}
.neue14 {font-size: 14px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Neue Montreal regular';line-height: 18px;}
.neue50 {font-size: 50px;color: rgb(255, 255, 255);font-weight: 400;font-family: 'Neue Montreal regular';line-height: 50px;}
.reckless-neue40 {font-size: 40px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Reckless Neue regular';line-height: 48px;}
.neue18 {font-size: 18px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Neue Montreal regular';line-height: 21px;}
.reckless-neue65 {font-size: 65px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Reckless Neue regular';line-height: 50px;}
.neue40 {font-size: 40px;color: rgb(255, 255, 255);font-weight: 400;font-family: 'Neue Montreal regular';line-height: 105%;}
.neue18w {font-size: 18px;color: rgb(255, 255, 255);font-weight: 400;font-family: 'Neue Montreal regular';line-height: 22px;}
.reckless-neue30 {font-size: 30px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Reckless Neue regular';line-height: 36px;}
.reckless-neue35 {font-size: 35px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Reckless Neue regular';line-height: 42px;}
.neue14w {font-size: 14px;color: rgb(246, 246, 246);font-weight: 400;font-family: 'Neue Montreal regular';line-height: 130%;}
.neue20 {font-size: 20px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Neue Montreal regular';line-height: 24px}
.reckless-neue40w {font-size: 40px;color: rgb(255, 255, 255);font-weight: 400;font-family: 'Reckless Neue regular';line-height: 42px;}
.reckless-neue25w {font-size: 25px;color: rgb(255, 255, 255);font-weight: 400;font-family: 'Reckless Neue regular';line-height: 30px;}
.reckless-neue35w {font-size: 35px;color: rgb(255, 255, 255);font-weight: 400;font-family: 'Reckless Neue regular';line-height: 42px;}
.neue20w {font-size: 20px;color: rgb(255, 255, 255);font-weight: 400;font-family: 'Neue Montreal regular';line-height: 125%;}
.reckless-neue15 {font-size: 15px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Reckless Neue regular';line-height: 110%;}
.reckless-neue25 {font-size: 25px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Reckless Neue regular';line-height: 27px;}
.reckless-neue32w {font-size: 32px;color: rgb(255, 255, 255);font-weight: 400;font-family: 'Reckless Neue regular';line-height: 120%;}
.reckless-neue21w {font-size: 21px;color: rgb(255, 255, 255);font-weight: 400;font-family: 'Reckless Neue regular';line-height: 21%}
.reckless-neue50w {font-size: 50px;color: rgb(255, 255, 255);font-weight: 400;font-family: 'Reckless Neue regular';line-height: 50px;}
.neue21 {font-size: 21px;color: rgb(246, 246, 246);font-weight: 400;font-family: 'Neue Montreal regular';line-height: 24px;text-decoration: underline;}
.neue30 {font-size: 26px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Neue Montreal regular';line-height: 21px;}
.reckless-neue21 {font-size: 21px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Reckless Neue regular';line-height: 120%;}
.reckless-neue42 {font-size: 42px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Reckless Neue regular';line-height: 42px;}
.neue24 {font-size: 24px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Neue Montreal regular';line-height: 30px}
.reckless-neue18 {font-size: 18px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Reckless Neue regular';line-height: 120%;}
.neue42 {font-size: 42px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Neue Montreal regular';line-height: 46px;}



.alex50 {font-size: 50px;color: rgb(255, 255, 255);font-weight: 400;font-family: 'AlexandriaBold';line-height: 50px;}
.alex40 {font-size: 40px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'AlexandriaBold';line-height: 48px;}
.t22 {font-size: 22px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Tajawal-Regular';line-height:26px;opacity: 0.5;}
.alex54 {font-size: 54px;color: rgb(16, 16, 16);font-weight: 200;font-family: 'AlexandriaBold';line-height: 64px;}
.alex40w {font-size: 40px;color: rgb(255, 255, 255);font-weight: 400;font-family: 'AlexandriaBold';line-height: 48px;}
.t18 {font-size: 18px;color: rgb(255, 255, 255);font-weight: 400;font-family: 'Tajawal-Regular';line-height:22px;}
.alex28 {font-size: 28px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'AlexandriaBold';line-height: 40px;}
.t21 {font-size: 21px;color: #F6F6F6;font-weight: 500;font-family: 'Tajawal-Regular';line-height:27px;}
.alex35 {font-size: 35px;color: rgb(16, 16, 16);font-weight: 200;font-family: 'AlexandriaBold';line-height: 42px;}
.t20 {font-size: 20px;color: rgb(16, 16, 16);font-weight: 500;font-family: 'Tajawal-Regular';line-height:24px;}
.alex25w {font-size: 25px;color: rgb(255, 255, 255);font-weight: 400;font-family: 'AlexandriaBold';line-height: 35px;}
.alex35w {font-size: 35px;color: rgb(255, 255, 255);font-weight: 200;font-family: 'AlexandriaBold';line-height: 42px;}
.t20w {font-size: 20px;color: rgb(255, 255, 255);font-weight: 500;font-family: 'Tajawal-Regular';line-height:25px;}
.alex32 {font-size: 32px;color: rgb(16, 16, 16);font-weight: 200;font-family: 'AlexandriaBold';line-height: 33px;}
.t17 {font-size: 17px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Tajawal-Regular';line-height:21px;}
.alex18w {font-size: 18px;color: rgb(255, 255, 255);font-weight: 400;font-family: 'AlexandriaBold';line-height: 21px;}
.t15 {font-size: 15px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Tajawal-Regular';line-height:16px}
.t14 {font-size: 14px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Tajawal-Regular';line-height:18px}
.t17o {font-size: 17px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Tajawal-Regular';line-height:21px;opacity: 0.5;}
.alex30 {font-size: 30px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'AlexandriaBold';line-height: 48px;}
.t26 {font-size: 26px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'Tajawal-Regular';line-height:26px;}
.alex21 {font-size: 21px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'AlexandriaBold';line-height: 26px;}
.alex16 {font-size: 16px;color: rgb(16, 16, 16);font-weight: 400;font-family: 'AlexandriaBold';line-height: 36px;}


footer{position: relative;background-color: #fff;width: 100%;z-index: 1001;}
footer .footer-top {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
footer .footer-top .grid-item {box-sizing: border-box;border-right: 1px solid rgba(16, 16, 16, 0.25);text-align: center;padding: 75px 10px 75px 10px;}
footer .footer-top .grid-item:last-child {border-right: none;}
footer .footer-top .grid-item p {opacity: 0.5;margin-bottom: 10px;}
footer .footer-top .grid-item a {text-decoration: none;}
footer .footer-top .grid-item.social-icons ul {list-style: none;padding: 0;margin: 0;}
footer .footer-top .grid-item.social-icons ul li {display: inline-block;}
footer .footer-top .grid-item.social-icons ul li a i {color: rgb(23, 23, 23);}
footer .footer-top .grid-item.social-icons ul li {box-sizing: border-box;border: 1px solid rgba(16, 16, 16, 0.25);border-radius: 2px;padding: 10px;margin: 0 10px;}
footer .footer-button-line .footer-button {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;padding: 40px 30px;}
footer .footer-button-line {border-top: 1px solid rgba(16, 16, 16, 0.25);}
footer .footer-button-line .footer-button p:last-child {text-align: end;opacity: 0.5;}
footer .footer-button-line .footer-button p:first-child {opacity: 0.5;}
footer .footer-button-line .footer-button p:nth-child(2) {text-align: center;}


.states .state-three .text-left h2, .state-two .text-left h2, .states .state-one .text-left h2, .states .state-one .text-left h2, .state-zero .text-left h2 {margin-top: 0;}
.states .state-one .text-left p, .state-two .text-left p, .states .state-three .text-left p, .state-zero .text-left p {margin-bottom: 60px;}

.contact-us {background: rgb(16, 16, 16);padding: 50px 0;}
.contact-us .contact {display: grid;grid-template-columns: 1fr 1fr; gap: 20px;}
.contact-us .contact .left-column h2 {margin-top: 0;}
.contact-us .contact .left-column {display: flex;flex-direction: column;justify-content: space-between;}
.contact-us .contact .left-column img {width: 330px;}
.contact-us .contact .right-column form input::placeholder , .contact-us .contact .right-column form textarea::placeholder {font-size: 18px;color: rgb(255, 255, 255);font-family: 'Reckless Neue regular';}
.contact-us .contact .right-column form input , .contact-us .contact .right-column form textarea ,.contact-us .contact .right-column form .select-styled {border: none;background: transparent;outline: none;box-sizing: border-box;border-bottom: 1px solid rgba(255, 255, 255, 0.25);width: 100%;padding: 20px 0;color: white;font-family: 'Reckless Neue regular';font-size: 18px;}
.contact-us .contact .right-column form textarea {resize: none;height: 120px;color: white;}
.contact-us .contact .right-column form button {border-radius: 5px;background: rgb(255, 255, 255);margin-top: 50px;padding: 10px 12px;cursor: pointer;outline: none;border: none;}
.contact-us .contact .right-column form .select-styled {font-size: 18px;color: rgb(255, 255, 255);font-family: 'Reckless Neue regular';}
.contact-us .contact .right-column form .select-styled .select-options {font-size: 12px;font-family: 'Neue Montreal regular';padding: 20px 10px 20px 10px;color: rgb(16, 16, 16);}
.contact-us .contact .right-column form .custom-select {position: relative;}
.contact-us .contact .right-column form .select-options label:hover {background-color: lightgray;}
.contact-us .contact .right-column form .open .select-options {display: block;}
.contact-us .contact .right-column form .select-options label {padding: 10px;display: block;font-size: 12px;font-family: 'Neue Montreal regular';}
.contact-us .contact .right-column form .select-options {display: none;position: absolute;width: 100%;background-color: #fff;z-index: 1;}
.contact-us .contact .right-column form .select-styled::after {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.000000' height='11.000000' viewBox='0 0 6 11' fill='none'%3E%3Cpath d='M3 8.29L4.97 6.31C5.17 6.12 5.48 6.12 5.68 6.31C5.87 6.51 5.87 6.82 5.68 7.02L2.85 9.85C2.65 10.05 2.34 10.05 2.14 9.85L-0.69 7.02C-0.88 6.82 -0.88 6.51 -0.69 6.31C-0.49 6.12 -0.18 6.12 0.02 6.31L2 8.29L2 -0.5L3 -0.5L3 8.29Z' fill='rgb(255, 255, 255)' fill-opacity='1'/%3E%3C/svg%3E");position: absolute;top: 50%;right: 10px;transform: translateY(-50%);border: 1px solid rgba(255, 255, 255, 0.25);border-radius: 2px;padding: 4px 10px;}
:dir(rtl) .contact-us .contact .right-column form .select-options label {font-size: 15px;font-family: 'AlexandriaBold';border-bottom: 1px solid rgba(16, 16, 16, 0.25)}
.contact-us .contact .right-column form .select-options label{border-bottom: 1px solid rgba(16, 16, 16, 0.25)}

.white {position: relative;background-color: #fff;width: 100%;height: 100vh;margin-top: 100vh;z-index: 1001;}
.on {position: relative;width: 100%;height: 100vh;z-index: 1001;margin-top: 100vh;}
.white2 {position: relative;background-color: #fff;width: 100%;z-index: 1001;padding-top: 30px;padding-bottom: 30px;}
.fixed {position: fixed !important;top: 0;left: 0;width: 100%;z-index: 1000;}
.on2 {position: relative;width: 100%;z-index: 1001;}
.fxd{position: fixed !important;top: 0px;left: 50%;transform: translate(-50%, 0%);width: 100%;}
.position-top{position: relative;z-index: 1000;background-color: white;}
.second-overlay{position: relative;z-index: 1000;background-color: white;} 
 
.investment {display: grid;grid-template-columns: 1fr 1fr; gap: 60px;margin:50px auto 100px auto;align-items: center;padding-top: 50px;background-color: white;margin-top: 100vh;}
.investment .image-container img {width: 852px;height: 574px;}
.investment .image-container {position: relative;}
.investment .image-container .image-text { position: absolute;top: 107px;left: 107px;}
.investment .image-container .image-text h2 {max-width: 470px;}
 .investment .text-content {margin: -100px 0 0 0;}
.investment .text-content .inv {padding: 15px 0px 15px 0px;box-sizing: border-box;border-bottom: 1px solid rgba(16, 16, 16, 0.25);}
.investment .text-content .inv h3 {margin: 18px 0 0 0;font-size: 30px;}
:dir(rtl)  .investment .text-content .inv h3 {margin: 18px 0 0 0;font-size: 26px;}

.investment .text-content .inv span {font-size: 15px;}
.investment .text-content .inv:last-child {border-bottom: none;}
.investment .image-container .bottom-box {display: flex;position: absolute;bottom: -60px;left: 107px;justify-content: space-between;width: 1257px;}
.investment .image-container .bottom-box  .left-text {background: rgb(16, 16, 16);padding: 20px 10px;width: 228px;text-align: center;}
.investment .image-container .bottom-box .right-text {background: rgb(246, 246, 246);padding: 37px 75px 20px 75px;}
.investment .image-container .bottom-box  .left-text p {opacity: 0.5;font-size: 14px;margin-bottom: 0;}
.investment .image-container .bottom-box  .left-text span {font-size: 65px;}
.investment .image-container .bottom-box .right-text p {opacity: 0.5;font-size: 18px;line-height: 28px;margin: 0;}

.color .brochure p {font-size: 16px;line-height: 26px;}
.color-grey .amenities h2 {font-size: 26px;}

.color-dark {background: rgb(31, 31, 31);padding: 10px 0;}
video {width: 100%;height: 100%;object-fit: cover;}
.background-image-container .overlay p , .background-image-container .overlay p span {font-size: 42px;}

.states {background: rgb(246, 246, 246);padding: 30px 0;}
.states .state-three {display: grid;grid-template-columns: 1fr 4fr;gap: 100px;}
.states .state-three .image-right img {width: 100%;}

.state-two {display: grid;grid-template-columns: 1fr 4fr;gap: 100px;margin: 0 auto;padding: 30px 30px !important;}
.state-two .image-right img {width: 100%;}

.states .state-one {display: grid;grid-template-columns: 1fr 4fr;gap: 100px;}
.states .state-one .image-right img {width: 100%;}

.state-zero {display: grid;grid-template-columns: 1fr 4fr;gap: 100px;margin: 30px auto;}
.state-zero .image-right img {width: 100%;}

.welcome-section {background: rgb(16, 16, 16);padding: 50px 0px 100px 0px;}
.welcome-section .welcome {display: grid;grid-template-columns: 2fr 1fr;gap: 30px;}
.welcome-section .welcome h2 {margin-top: 0;max-width: 320px;}
.welcome-section img {width: 100%;margin: 50px auto;}
.welcome-section .flex-container {display: grid;grid-template-columns: 2fr 1fr;gap: 30px;box-sizing: border-box;border-bottom: 1px solid rgba(255, 255, 255, 0.25);}

.background-image-container {position: relative; height: 100vh}
.background-image-container .background-image {width: 100%;height: 100%;}
.background-image-container .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.background-image-container .overlay .content {display: flex;gap: 20px;justify-content: space-between;align-items: center;padding-top: 30px;}
.background-image-container .overlay p {position: absolute;bottom: 0px;}
.background-image-container .overlay .content .connect {text-decoration: none;border-radius: 5px;background: rgb(255, 255, 255);padding: 10px;margin-right: 15px;}
.background-image-container .overlay .content a {text-decoration: none;}
.background-image-container .overlay .content .logo {width: 180px;height: 40px;}

.background {background-image: url('../images/D_03_1366x800_.jpg?4');background-size: cover;background-position: center;position: relative;width: 100%;height: 800px;}
.background .overlay .content {display: flex;gap: 40px;justify-content: space-between;padding-top: 10px;}
.background .overlay .content p:first-child {margin-top: 0;}
.background .overlay .content div {display: flex;gap: 40px;max-width: 677px;align-items: baseline;}
.background .overlay .content p {margin-top: 5px;}
.background .overlay h3 {padding-top: 20px;margin-top: 0 !important;}

.color {background: rgb(246, 246, 246);padding: 30px 0 50px 0;}
.color .brochure {text-align: center;}
.color .brochure  a {background-color: #101010;padding: 15px 22px 15px 25px;text-decoration: none;width: 145px;border-radius: 5px}
.color .brochure  p {margin: 20px auto 30px auto;max-width: 780px;}
.color .brochure  a i {margin-left: 8px;}
.color .brochure .images img {padding: 0 10px;width: 355px;height: 450px;}
.color .brochure .images {margin-bottom: 40px;}
.color .brochure .content {display: flex;justify-content: space-between;flex-direction: column;}

.color-grey .amenities .am-icons {display: flex;align-items: center;}
.color-grey .amenities .am-icons img {margin-right: 10px;padding:10px;box-sizing: border-box;border: 1px solid rgba(16, 16, 16, 0.25);border-radius: 1px;height: 35px;width: 35px;object-fit: contain;}
.color-grey .amenities .grid {display: flex;gap: 30px;justify-content: space-between;}
.color-grey .amenities .grid .griditems {width: 50%;}
.color-grey {background: rgb(232, 232, 232);padding: 30px 0;}
.color-grey .amenities .am-icons p {margin: 12px 0;}

.slider-container .slider img {width: 100%;height: 575px;}
.slider-container .slider {overflow: hidden;direction: rtl;}
.slider-container {padding: 100px 0;position: relative;background: rgb(16, 16, 16);}
.slider-container .slider .slick-slide {padding: 0 10px;}
.prev , .next {position: absolute;top: 35px;color:#F6F6F6;cursor: pointer;padding: 10px;z-index: 1;background: transparent;box-sizing: border-box;border: 1px solid #F6F6F6;border-radius: 1px;}
.prev {right: 120px;}
.next {right: 80px;}
img {object-fit: cover;}
.mobile {display: none !important;}

#ar .projects-slider .slick-slide {direction: rtl;}
#ar .third-project-images {margin: 0 15px 130px 0;}


:dir(rtl) .background-image-container .overlay p {margin-right: 0px;margin-left: 0;}
:dir(rtl) .background-image-container .overlay .content .connect {margin-left: 15px;margin-right: 0px;}
:dir(rtl) .color .brochure {justify-items: end;}
:dir(rtl) .color .brochure .content a i {margin-left: 0;margin-right: 8px;}
:dir(rtl) .color .amenities .am-icons img {margin-right: 0;margin-left: 10px;}
:dir(rtl) .contact-us .contact .right-column form input::placeholder, :dir(rtl) .contact-us .contact .right-column form textarea::placeholder , :dir(rtl) .contact-us .contact .right-column form .select-styled {font-size: 16px;line-height: 21px;font-family: 'AlexandriaBold';}
:dir(rtl) .contact-us .contact .right-column form .select-styled::after {left: 10px;right: auto;}
:dir(rtl) .contact-us .contact .right-column form button {padding: 10px 40px;}
:dir(rtl) footer .footer-top .grid-item {border-right: none;border-left: 1px solid rgba(16, 16, 16, 0.25);}
:dir(rtl)  footer .footer-top .grid-item:last-child {border-left: none;}
:dir(rtl)  .welcome-section .welcome h2 {margin: initial;}
:dir(rtl)  .color-grey .amenities .am-icons img {margin-left: 10px;margin-right: 0;}
:dir(rtl) .color-dark h2 ,:dir(rtl)  .background .overlay h3{text-decoration: underline;}
:dir(rtl) .color .brochure a i {margin-left: 0;margin-right: 8px;}
:dir(rtl) .color .brochure a {font-size: 16px;}
:dir(rtl) .color-grey .amenities h2 {font-size: 24px;}
.color-grey .amenities .am-icons p {font-size: 18px;}
:dir(rtl) .investment .image-container .image-text {right: 90px;left: auto; }
:dir(rtl)  .investment .image-container .bottom-box {right: 90px;left: auto;}
:dir(rtl) .investment .image-container .image-text {top: 113px;}
:dir(rtl) .brochure.container.desktop h2 {font-size: 26px;}

img.logo.arabiclogo {object-fit: contain;width: 140px !important;}
.background-image-container .overlay .content a:last-child {font-size: 18px;}


.brochure.container.desktop {margin-bottom: 50px;}


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: 1005;-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;}
.welcome-section .welcome .right p.alex25w:first-child {margin-top: 0;}

:dir(rtl) button.back-to-top.show  {left: 25px;right: auto;}
:dir(rtl) button.back-to-top {left: 50px;right: auto;}

.slider-container{overflow: hidden !important;}
@media (min-width:950px){
.overlay-container .image-right{min-height: 685px;}
.values-section .total-developments{height: 130px;}
}

@media (max-width:1286px){
    .investment .image-container .bottom-box {width: 775px}
    .investment .image-container img {width: 100%;}
    .slider-container .slider img {width: 555px;height: 450px;}
    .color .brochure .images img {width: 339px; }

}

@media (min-width:1287px) and (max-width:1450px){
   .investment .image-container .bottom-box {width: 1050px}
}

@media (min-width:1001px) and (max-width:1180px){
    .color .brochure .images img {width: 280px; }
}

@media (min-width:951px) and (max-width:1000px){
/* .investment .image-container .bottom-box {width: 100%;} */
.welcome-section .welcome {grid-template-columns: 1fr 1fr;}
.color .brochure .images img {width: 265px;}
}

@media (max-width:431px){
    .investment .image-container .bottom-box {width: 107.55% !important;}
}

@media (min-width:1400px){
    .background {height: 1000px;}
}

@media (max-width:950px){
    .overlay-container .image-right {min-height: 425px;}
    .investment .text-content {margin: 0;}
    .background {background-image: url('../images/mobile/M_03_375x700.jpg');background-size: cover;background-position: center;position: relative;width: 100%;height: 800px;}
    .color-grey .amenities .am-icons p {font-size: 14px;}
    :dir(rtl) .investment .text-content .inv h3 {font-size: 20px;}
     .investment .text-content .inv h3 {font-size: 24px;}
    .investment .text-content .inv {font-size: 16px;}
    /* .slick-track {margin: 0 421px !important;} */
    :dir(rtl) .background-image-container .overlay .content div {display: flex;flex-direction: row-reverse;align-items: center;}
    .background-image-container .overlay .content .connect {font-size: 12px;}
    .background-image-container .overlay .content .logo {width: 140px;}
    :dir(rtl) .background-image-container .overlay p {margin-right: 0px;}
    :dir(rtl) .color .brochure .content {order: 2;}
    :dir(rtl) .background-image-container .overlay .content .connect {margin-left: 0px;margin-right: 15px;}
    :dir(rtl) .color .brochure .content a {font-size: 16px;}
    :dir(rtl) .contact-us .contact .right-column form input::placeholder, .contact-us .contact .right-column form textarea::placeholder, .contact-us .contact .right-column form .select-styled {font-size: 14px;}
    
    /*  */
    :dir(rtl) .welcome-section .flex-container p.t20w {font-size: 18px;}
    :dir(rtl) .investment .image-container .image-text {right: 20px;top: 40px;}
    .investment .image-container .image-text h3 {font-size: 16px;}
    :dir(rtl) .investment .image-container .bottom-box {right : -15px;}
    :dir(rtl) .investment .image-container .bottom-box .left-text ,  :dir(rtl) .brochure.container.mobile .content p {text-align: right;}
    .background-image-container .overlay p span {font-size: 34px;display: block;}
    .investment .image-container .image-text h2 {font-size: 25px;max-width: 100%;width: 100%;}
    .background .overlay p span {line-height: 100px;}
    .welcome-section img.mobile {height: 425px;}
    .mobile {display: block !important;}
    .desktop {display: none !important;}
    .container {padding: 0 15px;}
    /*  */
    
    .background-image-container .overlay .content a {font-size: 16px;}
    footer .footer-top , footer .footer-button-line .footer-button , .contact-us .contact , .welcome-section .welcome , .welcome-section .flex-container , .background .overlay , .investment , .color .brochure {grid-template-columns: repeat(1, 1fr);}
    footer .footer-top .grid-item {border-right: none;border-bottom: 1px solid rgba(16, 16, 16, 0.25);}
    footer .footer-button-line .footer-button p:last-child {text-align: center;}
    .color-grey .amenities .grid {flex-direction: column;gap: 0;}
    .color-grey .amenities .grid .griditems {width: 100%;}
    /* .contact-us .contact .left-column img {width: 100%;} */
    .background-image-container .overlay p {font-size: 34px;margin-left: 0px;max-width: 300px;bottom: 50px;}
    .investment {gap: 230px;margin: 100vh auto 40px auto;}
    .investment .image-container .bottom-box .left-text {text-align: left;height: 180px;margin-bottom: 30px;display: flex;flex-direction: column;justify-content: center;}
    .investment .image-container img {width: 100%;height: 400px;}
    .investment .image-container .image-text {top: 30px;left: 30px;}
    .investment .image-container .bottom-box {width: 100%;left: -15px;bottom: -220px;background: rgb(246, 246, 246);}
    .investment .image-container .bottom-box .right-text p {font-size: 16px;}
    .investment .image-container .bottom-box .right-text {padding: 60px 10px 0px 10px;}
    .color {padding: 25px 0;}
    .investment .text-content .inv:last-child {border-bottom: 1px solid rgba(16, 16, 16, 0.25);}
    .background .overlay h3 {font-size: 16px;}
    .background .overlay .content p:first-child {font-size: 21px;}
    .background .overlay .content {padding-top: 0;}
    .color .amenities h2 {margin-bottom: 0;}
    :dir(rtl) .color-grey .amenities h2 {font-size: 18px;}
    .color-grey .amenities h2 {font-size: 25px;}
    .background .overlay div p.neue18w:first-child {margin-top: 380px;font-size: 14px;}
    .background .overlay div p.neue18w:last-child {font-size: 14px;}
    :dir(rtl) .background .overlay div p.t18:first-child {margin-top: 420px;font-size: 14px;}
    :dir(rtl) .background .overlay div p.t18:last-child {font-size: 14px;}
    .background .overlay .content div {flex-direction: column;width: 100%;gap: 0;}
    .background .overlay .content {flex-direction: column;gap: 0;}
    .brochure.container.mobile img {margin: 0 auto;width: 100%;min-height: 466px; max-height: 466px;}
    .brochure.container.mobile {margin-bottom: 50px;}
    .brochure.container.mobile .content p {text-align: left;}
    .prev, .next {bottom: 30px;top: auto;margin: 0 auto;}
    .next {right: 40%;}
    .prev {right: 55%}
    .color .brochure .images img {padding: 0;width: 100%;}
    .color-dark h2 {font-size: 16px;}
    .welcome-section .welcome .right {margin-bottom: 110px;}
    .welcome-section .flex-container p.neue20w {font-size: 15px;max-width: 340px;margin-bottom: 35px;}
    .states .state-one .text-left p , .state-two .text-left p , .states .state-three .text-left p , .state-zero .text-left p {margin-bottom: 30px;font-size: 14px;}
    .welcome-section .welcome h2 {font-size: 30px;max-width: 240px;}
    .welcome-section .welcome .right p {font-size: 20px;}
    .welcome-section .flex-container p {font-size: 25px;}
    .welcome-section .flex-container p.neue20w {margin-top: 0;}
    .welcome-section img {margin: 25px auto;}
    .welcome-section {padding: 50px 0;}
    .state-zero {margin: 25px 0;}
    .t17o {font-size: 16px;}
    .contact-us .contact .left-column h2 {font-size: 24px;}
    .contact-us .contact .right-column p {font-size: 14px;line-height: 28px;}
    footer .footer-top .grid-item {padding: 50px 0;}
    footer .footer-top {gap: 0;padding: 0;}
    footer .footer-button-line .footer-button p:nth-child(2) {order: 2;}
    .slider-container .slider img {width: 100%;}
    footer .footer-button-line .footer-button {gap: 0;padding: 30px 25px 30px 25px;text-align: center;}
    :dir(rtl) .states .state-three .text-left h2 , .state-two .text-left h2, .states .state-one .text-left h2, .states .state-one .text-left h2, .state-zero .text-left h2 {font-size: 21px;margin-top: 0;}
    .states .state-three .text-left h2 , .state-two .text-left h2, .states .state-one .text-left h2, .states .state-one .text-left h2, .state-zero .text-left h2 {font-size: 25px;margin-top: 0;}
    .states .state-three , .state-two , .states .state-one , .states .state-one , .state-zero {grid-template-columns: repeat(1, 1fr);gap: 30px;}
    .states .state-three .image-right img , .state-two .image-right img, .states .state-one .image-right img, .states .state-one .image-right img, .state-zero .image-right img {height: 425px;}

}
.arabic-text {direction: rtl;text-align: right;}
.english-text {direction: ltr;text-align: left;}
.image-article {height: 332px;object-fit: cover;width: 520px;}
.someprojects {margin: 40px 0 0 0 !important;text-transform: uppercase;color: #6d889d !important;}
.titleproject {font-size: 20px;font-weight: bold;font-family: 'InstrumentSans-SemiBold'}
.titleloc {font-size: 18px !important;margin: 0 !important;color: #6d889d !important;}

h4.title-height {height: 135px;}
video.background-video.desktop {height: 1400px;}
img.background-image.desktop {width: 100%;height: -webkit-fill-available;}
.dflex {flex-direction: row;align-items: center;display: flex;gap: 30px;margin-bottom: 30px;}

/* homepage new */
video.background-image {height: 100%;}
.projects_page .homepage-new .overlay {position: absolute;}
.articles_page .homepage-new .cover-article {position: relative;height: 648px;width: 100%;}
.articles_page .homepage-new .creators_section .creators_section_header {position: absolute;top: 0;}
/* .homepage-new{width: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;height: 1370px;font-family: "InstrumentSansRegular", Arial, Helvetica, sans-serif;position: relative;} */
.homepage_carousel{position: absolute;top: 0;right: 0;width: 100%;height: inherit;}
/* .sliderContainer .slick-slide{height: 1100px;} */

.homepage-title a span{display: inline-block;}
/* .homepage-new::before{top: 0;right: 0;width: 100%;position: absolute;content: '';background-size: cover;background-repeat: no-repeat;background-position: center center;top: 0;right: 0;height: 1450px;z-index: -1;} */
.homepage-new ul.nav a.logo{display: inline-block;}
.homepage-new ul.nav{position: fixed;left: 0px;z-index: 1003;top: 50%;z-index: 1003;padding: 110px 0 90px 115px;width: 25%;max-width: 300px}
.hide-nav {transform:translate(-520px, -50%) !important}
.scroll_container{max-height: 300px;overflow-y: scroll;width: 100%;-ms-overflow-style: none;scrollbar-width: none;}
.scroll_container::-webkit-scrollbar {display: none}
.homepage-new ul.nav::before{transform: skew(0, -22deg);background-color: rgb(40, 39, 40);width: 400px;height: 100%;content: "";display: inline-block;left: 0;position: absolute;z-index: -1;top: 0;}
ul.mobile_nav li,
.homepage-new ul.nav li{color: #6d889d;margin: 0 0 17px 0;font-size: 18px;cursor: pointer;}
ul.mobile_nav li li.projects_links,
.homepage-new ul.nav li.projects_links{max-width: 90%;}
.links a.projects-link{margin: 0;}
ul.mobile_nav .submenu li,
.homepage-new ul.nav .submenu li{font-size: 17px;}
ul.mobile_nav .submenu li.active,
.homepage-new ul.nav li.active{color: #fff;}
ul.mobile_nav .submenu a.active,
.homepage-new ul.nav a.active{color: #fff;}
ul.mobile_nav .submenu,
.homepage-new ul.nav .submenu{margin: 15px 0 0 20px;}
ul.mobile_nav .language-btn,
.homepage-new ul.nav .language-btn{border-radius: 20px;border: 1px solid #6d889d;max-width: fit-content;margin: 40px 0 0 0}
#ar ul.mobile_nav .language-btn a{border-radius: 20px 0px 0px 20px;}
ul.mobile_nav .language-btn a,
.homepage-new ul.nav .language-btn a{color: #6d889d;font-size: 15px;font-family: 'InstrumentSans-SemiBold';border-radius: 0 20px 20px 0;display: inline-block;padding: 5px;}
ul.mobile_nav .language-btn a.active,
.homepage-new ul.nav .language-btn a.active{color: #282728;background-color: #6d889d;}
.homepage-new ul.nav .main-logo{margin: 0 0 15px 0;width: 150px;}
.homepage-new .overlay{top: 0;left: 0;width: 100%;height: 86%;position: relative;z-index: 3;}
.homepage-new .overlay::before{transform: skew(0, -22deg);background: linear-gradient(to left, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6) 50%);width: 100%;height: 126%;content: "";display: inline-block;left: 0;position: absolute;z-index: -1;top: -300px;}
.hompege-overlay::before{transform: skew(0) !important;}
.homepage-new .homepage-title-section {color: #fff;padding: 130px 150px 0 0;}
.homepage-title{padding: 0 0 0 100px;}
.homepage-title h1{font-size: 70px;line-height: 80px;max-width: 650px;}
.homepage-title h1 span{font-family: 'InstrumentSans-SemiBold';}
.homepage-title p{margin: 0 0 56px 0;font-size: 25px;}
.homepage-title .homepage-nav-carousel{border-bottom: 1px solid #6d889d;display: inline-block;text-align: center;font-family: 'InstrumentSans-SemiBold';font-size: 20px;;font-size: 0;}
#ar .homepage-title .homepage-nav-carousel{padding: 0 0 5px 0;}
.homepage-title a span{border-bottom: 2px solid #fff;padding: 0 0 20px 0;padding: 0 0 15px 0;}
.arrow{margin: 0 0 0 20px;width: 15px;}
.homepage-new .about-us-section{background-color: #858f8b;padding: 100px;margin: 75px 0 0 0;}
.homepage-new .about-us-section h4{color: #282728;font-size: 22px;}
.homepage-new .about-us-section h3{color: #fff;font-size: 30px;margin: 20px 0;line-height: 45px;}
.homepage-title .arrow{display: inline;}
.homepage-new .about-us-section p{color: #fff;font-size: 20px;}
ul.mobile_nav li ul.submenu,
.homepage-new ul.nav li ul.submenu{display: none;}
.mobile-nav{display: none;}
 a.projects-link{color: #6d889d;border-bottom: 1.5px solid #6d889d;font-family: 'InstrumentSans-SemiBold';margin: 50px 0 0 0;display: flex;align-items: center;font-size: 22px;width: fit-content;position: relative;z-index: 1;}
 .projects-link .submenu {display: none;}
 .projects-section{float: right;margin: 50px 150px 0 100px;position: relative;max-width: 880px;}
 .projects-section>div{display: grid;grid-template-columns: 50% 50%;}
 .projects-section p.projects-description{color: #fff;font-size: 20px;margin: 25px 0 0 0;line-height: 29px;}
 .projects-section-mobile,
 .first-project-images{margin: 0 15px 0 0;overflow: hidden;}
 .third-project-images,
 .second-project-images{margin: 0 0 0 15px;overflow: hidden;}
.homepage-container{margin: 0 auto 0 400px;}
.project-image{width: 100%;display: block;max-width: 100%;object-fit: cover;}
.third-project-image{margin: -110px 0 0 0 ;}
.first-project-image{margin: 35px 0 0 0 ;}
.project-section-container{position: relative;z-index: 2;padding: 80px 0 0 400px;height: 1100px;}
.project-section-container::before {height: 2350px;content: "";display: inline-block;left: 0;position: absolute;z-index: -1;top: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 1) 23%);width: 100%;margin: -590px 0 0 0;background-position: center center;transition-delay: 3.5s;}
.location-text{color: #818283;font-size: 22px;right: 0;position: absolute;display: block !important;bottom: -10%;}
.location-text p{line-height: 5px;}
.values-section{margin: 0 !important;width: 1px;height: 0;}
.values-section-container{padding: 300px 150px 270px 500px;z-index: 2;width: calc(100vw - 650px);height: 100%;position: relative;background-color: transparent;height: fit-content;}
/* .values-section-container::before{background-position: center center;transform: skew(0, -22deg);display: inline-block;height: 500px;width: 100%;position: absolute;z-index: 2;content: '';} */
.values-section::before{background: #fff;background-size: cover;background-repeat: no-repeat;background-position: center center;transform: skew(0, -22deg);display: inline-block;height: 1250px;width: 100%;position: absolute;z-index: 2;content: '';}

.values-section h2{font-size: 35px;color: #282728;margin: 20px 0;}
.values-section h4{font-size: 30px;color: #858f8c;margin: 0 0 5px 0;}
.values-section p{font-size: 25px;color: #282728;}
.values-section .experience{padding: 0 85px 0 0 ;}
.values-section .total-developments{position: relative;border-bottom: 1px solid #818183;padding: 0 0 50px 0;}
.values-section .total-developments::before,
.values-section .total-developments::after {content: '';position: absolute;top: 100%;left: 50.2%;border: 11px solid transparent;border-top-color: #818183;}
.values-section .total-developments::after {left: 50.4%;border: 10px solid transparent;border-top-color: #ffffff;}
.values-section .developments{display: grid;grid-template-columns: 50% 50%;grid-column-gap: 5%;margin: 50px 0 0 0;}
.values-section .values{display: grid;grid-template-columns: 32% 68%;align-items: center;margin: 80px 0 0 0;}
.values-section .development-texts{border-left: 1px solid #818183;padding: 0 0 0 85px;}
.values-section .projects-link{margin: 50px 0 0 0;}
.featured-project{position: relative;height: 1100px;padding-top: 1300px;}
.featured-project::before{background-image: url(/assets/images/Know-More-Background.jpg?1);height: 2600px;width: 100%;content: "";display: inline-block;left: 0;position: absolute;z-index: -1;top: 0;background-repeat: no-repeat;
background-size: cover;background-position: center center;}
.featured-project-grid{margin: 0 auto 0 400px;display: grid;grid-template-columns: 60% 40%;padding: 250px 150px 0 0;overflow: hidden;}
.featured-project-grid div{background-color: #858f8b;padding: 76px 76px 76px 100px;max-height: inherit;}
.featured-project-grid div h4{color: #282728;font-size: 26px;margin: 0 0 20px 0;}
.featured-project-grid div h3{color: #fff;font-size: 30px;line-height: 40px;}
.featured-project-grid div p{color: #fff;font-size: 20px;margin: 30px 0 0 0;}
.featured-project-grid a{color: #282728;border-bottom: 1px solid #282728;}
.featured-project-grid .image-container{padding: 0;}
.featured-project-grid .image-container img {width: 100%;height: 100%;}
.form-container{padding: 0 150px 0 500px;position: relative;}
.form-container form{margin: 0 0 250px 0;}
#ar .featured-project-grid div p,
#ar .featured-project-grid div h4{font-family: 'Vazirmatn',Arial,Helvetica,sans-serif;}

.form-section::before{background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 1) 20%);background-size: cover;background-repeat: no-repeat;background-position: center center;margin: -550px 0 0 0;padding: 200px 0 0 0;transform: skew(0, -17deg);display: inline-block;height: 1700px;width: 100%;position: absolute;z-index: -1;left: 0;content: '';}

.form-section h2{font-size: 35px;color: #858f8c;margin: 0 0 50px 0;}
.form-container form div{display: grid;grid-template-columns: 48% 48%;grid-column-gap: 4%;margin: 0 0 35px 0;}
.form-section input,select{height: 45px;padding: 0 20px;font-family: InstrumentSansRegular;border: none;}
.form-section textarea{width: calc(100% - 22px);height: 350px;padding: 20px 0 20px 20px;border: none;}
#ar .form-section textarea::placeholder,
#ar .form-section input::placeholder,
#ar select,
#ar select option{font-family: 'Alexandria', Arial, Helvetica, sans-serif;}
.form-section textarea::placeholder,
.form-section input::placeholder,
select option{color: #9fa09f;font-family: InstrumentSansRegular;}
select{font-size: 16px;padding: 0 20px;}
.op {object-position: center right;}
.opl {object-position: center left;}
.project-images-grid{transform: skew(0, -22deg);width: 100%;overflow: hidden;position: relative;height: 350px;}
.project-images-grid img{width: 100%;object-fit: cover;max-width: 100%;position: relative;top: -25%;height: 150%;}
.projects-slider .slick-slide {height: 1100px;}
.third-project-images{transform: skew(0, -22deg);overflow: hidden;height: 350px;margin: 40px 0 130px 15px;}
.third-project-images img{width: 100%;object-fit: cover;max-width: 100%;position: relative;top: -25%;height: 150%;}
#ar .homepage-title h1 {max-width: 550px;}
/* footer */
.homepage-footer{background-color: #282728;padding: 120px 0;position: relative;z-index: 1003;}
footer .footer-container{max-width: 1300px;margin: auto;position: relative;z-index: 2;padding: 0 25px;}
footer .footer-services{display: grid;grid-template-columns: repeat(6,13.3%);grid-column-gap: 4%;}
footer .footer-contact a{display: block;color: #6d889d;margin: 0 0 25px 0;font-size: 25px;}
.homepage-footer ul{margin: 0 0 40px 0;}
.homepage-footer ul li{color: #818283;margin: 0 0 10px 0;}
.homepage-footer ul li:first-child{color: #fff;margin: 0 0 20px 0;font-family: 'InstrumentSans-SemiBold';}
.homepage-footer .social-media{display: flex;margin: 35px 0 0 0;}
.homepage-footer .social-media i{margin: 0 20px 0 0 ;}
.homepage-footer .rights-text{color: #818283;font-size: 16px;float: right;margin: 0;line-height: 27px;}
.homepage-footer .footer-container-grid{display: grid;grid-template-columns: 27% 73%;}
footer .footer-bottom{display: grid;justify-content: space-between;align-items: center;grid-template-columns: 60% 40%;}
footer img.footer-img{position: absolute;right: 0;bottom: 0;height: 100%;opacity: 0.3;}


/*  */
.image-slider img{width: 100% ;height: 1400px;}
.image-slider {overflow: hidden;width: 100%;height: 100%;}
.homepage  .slick-slide {color: white;}
.progressBarContainer div.item{display: inline-block;width: fit-content;padding: 0;cursor: pointer;margin-right: 5%;float: left;color: white;}
.progressBarContainer div.item:last-child {margin-right: 0;}
.progressBarContainer div.item span.progressBar {width: 100%; height: 0px;background-color: rgba(255, 255, 255, 0.4);display: block;}
.progressBarContainer div.item span.progressBar .inProgress {background-color: rgba(255, 255, 255, 1);width: 0%;height: 0px;display: none !important}
.slick-track {display: flex;height: 100%;}
.item h3{text-align: center;font-family: 'InstrumentSans-SemiBold';font-size: 20px;padding: 0 0 10px 0;display: inline;}
.item img{display: inline;}
.homepage-nav-carousel .item{padding: 0 0 10px 0;opacity: 0;}
/*  */

/* projects page */
.register-form button.projects-link {color: #000;border-bottom: 1.5px solid #000;}
.projects_page .homepage-new{height: 800px;position: relative;}
.projects_page .homepage-new .overlay::before{transform: skew(0);height: 100%;top: 0;}
.projects_page .homepage-new .overlay{height: 100%;}
.projects_page .homepage-title h1{line-height: 70px;font-size: 60px;}
.projects_page .homepage-title p:last-child {font-size: 20px;}
.projects_page .homepage-title p:last-child img {margin-right: 10px;}
.projects_page ul.projects-menu{position: absolute;margin: 0 auto 0 500px;z-index: 3;top: -20px;width: calc(100% - 650px);display: grid;grid-template-columns: repeat(4, auto);}
.projects_page ul.projects-menu li{background-color: #6D889D;color: #fff;padding: 10px 30px;border-right: 1px solid #5A778C;display: flex;justify-content: center;align-items: center;}
.projects_page ul.projects-menu li:last-child{border-right: none;}
.projects_page ul.projects-menu li.active{background-color: #58758B;}
.articles_page .homepage-new .article_header_overlay{top: 0;left: 0;position: relative;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;content: "";display: inline-block;position: absolute;z-index: -1;}
.articles_page .homepage-new .article_header_overlay{top: 0;left: 0;position: relative;background: linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.4) 100%);width: 100%;height: 100%;content: "";display: inline-block;position: absolute;z-index: 0;}
.articles_page .homepage-new::before,
.projects_page .homepage-new::before {background: url(/assets/images/back-img.png);background-size: cover !important;}
.title-text img{width: 20px;}
.projects_page .project-details{margin: 0 auto 0 500px;display: grid;grid-template-columns: 48% 48%;grid-column-gap: 4%;padding: 150px 150px 150px 0;}
.project-details img{max-width: 100%;}
.projects_page .project-details h4{font-size: 20px;margin: 0 0 20px 0;}
.projects_page .project-details p{line-height: 23px;}
.projects_page .project-numbers-grid .slick-slide{margin: 0 !important;}
.projects_page .project-numbers-grid{width: 90%;
    /* display: grid;grid-template-columns: repeat(3, 33.33%); */
    margin: 30px 150px 0 0;}
.projects_page .project-numbers-grid .properties {font-size: 20px;}
.projects_page .property-values {color: #6d889d;font-size: 20px;}
.projects_page .project-numbers{margin: 0 auto 0 500px;padding: 0 0 100px 0;}
.project-details-container{background-color: #EAF3F1;position: relative;}
.projects_page .project-numbers-grid .properties{position: relative;border-bottom: 1px solid #818183;padding: 0 0 50px 0;}
.projects_page .project-numbers-grid .properties::before{content: '';position: absolute;top: 100%;left: -0.5px;border: 11px solid transparent;border-top-color: #818183;}
.projects_page .project-numbers-grid .properties::after {content: '';position: absolute;top: 100%;left: -0.5px;border: 11px solid transparent;border-top-color: #818183;}
.projects_page .project-numbers-grid .properties::after {left: 1.5px;border: 9px solid transparent;border-top-color: #EAF3F1;}
.projects_page .features{background-color: #DDEAE7;padding: 70px 0 0 0;}
/*  */
.projects_page .slick-initialized .slick-slide,
.projects_page .slick-slide img{margin: 0 30px 0 0;}
/*  */
.features-container{margin: 0 0 0 500px;}
.features-container h4{line-height: 28px;max-width: 60%;}
.features p{padding: 30px 0 70px 0;}
.penthouse-section{background-image: url('/assets/images/Gallery.jpg');background-size: cover;position: relative;color: #fff;}
.penthouse-section .overlay::after{background-image: url('/assets/images/back-img.png');}
.images-grid{display: grid;grid-template-columns: 48% 48%;grid-column-gap: 4%;}
.images-grid img{max-width: 100%;}
.projects-container{margin: 0 150px 0 500px;position: relative;z-index: 1;padding: 200px 0 0 0 ;}
.projects-container p{max-width: 80%;line-height: 25px;}
.projects-container h4{color: #BDCECA;font-size: 30px;margin: 0;}
.project-images{padding: 0 0 100px 0;}
.penthouse-section .overlay{top: 0;left: 0;position: relative;z-index: 3;background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 0%);width: 100%;height: 100%;content: "";display: inline-block;position: absolute;z-index: 0;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}
.amenities-section{background-color: #DDEAE7;}
.amenities-grid{display: grid;grid-template-columns: repeat(4,22%);grid-column-gap: 4%;}
.amenities-grid-container{padding: 100px 150px 0 500px;}
.amenities-grid div{margin: 0 0 50px 0;}
.amenities-grid img{width: 50px;height: 50px;object-fit: contain;}
.amenities-grid p{max-width: 80%;}
.amenities-section h3{font-size: 25px;margin: 0 0 50px 0;}
.expansive-text{padding: 30px 0 100px 500px;margin: 0;}
.register-form{background-color: #BDCECA;padding: 150px 150px 0 500px;}
.register-form form{margin: 0;padding: 0 0 150px 0;}
.register-form a.projects-link{color: #000;border-bottom: 1.5px solid #000;}
.register-form::before{content: none !important;}
.register-form h3{font-size: 30px;margin: 0 0 60px 0;}
#ar .register-form input::placeholder,
#ar .register-form textarea::placeholder,
#ar .register-form select option{font-family: 'AlexandriaBold', Arial, Helvetica, sans-serif;}
.register-form input::placeholder,
.register-form textarea::placeholder,
.register-form select option{color: #9fa09f !important;font-family: InstrumentSansRegular;}
#ar .register-form input::placeholder,
#ar .register-form textarea::placeholder,
#ar .register-form select option{font-family: 'AlexandriaBold',Arial,Helvetica,sans-serif;}
.register-form .form-section textarea{width: 98%;}
.features-carousel {position: relative;}
.features-carousel .next-btn {position: absolute;top: 47%;right: -2%;z-index: 2;}

/* about page */
.about_page{background-image: none;width: 100%;font-family: "InstrumentSansRegular", Arial, Helvetica, sans-serif;}
.about_page .creators_section{color: #fff;padding: 130px 150px 200px 500px;}
.about_page .creators_section::before{content: '';background: #858F8C;height: 1300px;top: 0;background-size: cover;background-repeat: no-repeat;background-position: center center;display: inline-block;width: 100%;position: absolute;z-index: -1;left: 0;content: '';transform: skew(0, -22deg);margin: -300px 0 0 0;}
.about_page .homepage-new{background-image: none;height: auto;position: relative;}
.about_page .creators_section h1{font-size: 55px;max-width: 85%;line-height: 65px;margin: 40px 0 0 0;}
#ar .about_page .creators_section h1{line-height: 85px;}
.about_page .creators_section h4{font-size: 20px;line-height: 30px;max-width: 65%;max-width: 60%;}
.about_page .expertise-grid{margin: -210px 150px 0 0;overflow: hidden;}
.about_page .expertise{position: initial;}
.about_page .homepage-new::before{background-image: none;background: none;}

.about_details_container{margin: -100px 0 0 0;position: relative;}
.about_details_container img.main-image{max-width: 100%;height: 400px;width: 100%;}
.aboutDetails{padding: 0 150px 0 400px;margin: -140px 0 0 0;font-size: 0;}
.aboutDetails a.projects-link{color: #000;border-bottom: 1.5px solid #000;}
.about_details_container::before {background: #AEBEBA;height: 2500px;top: 228px;background-size: cover;background-repeat: no-repeat;background-position: center center;display: inline-block;width: 100%;position: absolute;z-index: -1;left: 0;content: '';transform: skew(0, -22deg);}
.about-experience h2{color: #fff;margin: 30px 0 50px 0;font-size: 30px;}
.experience-image{max-width: 50%;width: 500px;}
.about_details{background-color: #fff;padding: 100px;}
.about_details p{font-size: 23px;}
/* .about_details a{font-size: 23px;} */
.about_details h3{font-size: 28px;margin: 0;}
.about_details h4{font-size: 27px;}
.about-experience{margin: 0 150px 0 400px;text-align: center;padding: 100px 0 500px 0;}
.expertise{padding: 0 150px 0 400px;background-color: #DDEAE7;margin: -250px 0 0 0;position: absolute;}
.expertise-text{padding: 60px 60px 60px 100px;background-color: #fff;}
.expertise-grid{display: grid;grid-template-columns: 50% 50%;margin: -150px 150px 0 0;position: absolute;margin: -150px 0 0 0;}
.expertise-text h4{font-size: 22px;margin: 0;}
.expertise-text p{font-size: 18px;line-height: 28px;margin-bottom: 0;}
.expertise-grid img{max-width: 100%;height: 100%;}
.values-grid{display: grid;grid-template-columns: repeat(3, 30%);grid-column-gap: 5%;}
.our_purpose{padding: 350px 0 150px 70px;}
.our_purpose h4{font-size: 22px;}
.values-grid h3{font-size: 30px;color: #AEBEBA;}
.values-grid p{line-height: 25px;}
.our_purpose .projects-link{color: #000;position: relative;z-index: 1001;}
.experience_statistics{position: relative;margin: 0 auto 120px auto;max-width: 900px;}
.experience_statistics p{color: #fff;font-size: 23px;}
.level_text::before,
.const_text::before{background: rgba(255,255,255,0.5);height: 1px;width: 120px;content: "";display: inline-block;left: -125px;position: absolute;top: 28px;}
.total_text{position: absolute;top: 39%;text-align: right;left: 20px;}
.total_text::after{background: rgba(255, 255, 255, 0.5); height: 1px;width: 60px;content: "";display: inline-block;left: 170px;position: absolute;top: 28px;}
.const_text{text-align: left;position: absolute;top: 15%;right: 65px;}
.level_text{text-align: left;position: absolute;top: 69%;right: 65px}


/* connect us page */
button.projects-link.colorstyle.submit {color: #6d889d;border-bottom: 1.5px solid #6d889d;}
button.projects-link{color: #fff;border-bottom: 1.5px solid #fff;font-family: 'InstrumentSans-SemiBold';margin: 50px 0 0 0;display: flex;align-items: center;font-size: 25px;width: fit-content;position: relative;z-index: 1;background: transparent;border-top: none;border-left: none;border-right:none;cursor: pointer;}
.connect_page .creators_section{background-size: cover;position: relative;}
.connect_page .homepage-new{background-image: none;}
.connect_page .creators_section::before{background-image: url(/assets/images/ContactUspage.jpg);height: 2350px;width: 100%;transform: skew(0, -22deg);content: "";display: inline-block;left: 0;position: absolute;z-index: -1;top: -900px;}
.creators_section_header{margin: 0 150px 0 500px;color: #fff;}
.creators_section_header h1{font-size: 55px;line-height: 75px;margin: 60px 0;}
.creators_section_header p{margin: 0;padding: 130px 0 0 0;font-size: 20px;}
.creators_section_header h4{font-size: 20px;max-width: 90%;line-height: 30px;max-width: 70%;}
.connect_page .creators_section .register-form{background-color: transparent;padding: 50px 150px 0 500px;}
.connect_page .register-form a.projects-link{color: #fff;border-bottom: 1.5px solid #fff;}
.join_section{background-color: #282728;display: grid;grid-template-columns: 50% 50%;padding: 40px;margin: 0 150px 0 500px;}
.join_section h4{font-size: 30px;color: #6D889D;margin: 0;}
.join_section .cv_file h2 {font-size: 25px;}
.join_section p{color: #fff;max-width: 70%;margin: 10px 0 0 0;line-height: 24px;}
.join_section .cv_file{background-color: #000;color: #fff;padding: 10px 35px 40px 35px;position: relative;}
.cv_file a{border-radius: 25px;background-color: #BDCECA;width: 50px;height: 50px;position: absolute;right: 30px;top: 30px;display: flex;align-items: center;justify-content: center;}
.cv_file button{border-radius: 25px;background-color: #BDCECA;width: 50px;height: 50px;position: absolute;right: 30px;top: 30px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.join_section h3 span{text-decoration: underline;color: #BDCECA;font-family: InstrumentSans-SemiBold;cursor: pointer;}
.creators_section .connectOverlay::before{background: rgba(112, 128, 141, 0.5);
height: 100%;position: absolute;top: 0;z-index: 0;width: 100%;height: 2350px;transform: skew(0, -22deg);content: "";display: inline-block;left: 0;position: absolute;z-index: -1;top: -900px;}
.contact_info{display: grid;grid-template-columns: 45% 45%;grid-column-gap: 10%;margin: 100px 150px 100px 500px;}
.contact_info h4{font-size: 20px;margin: 0 0 15px 0;}
/* .contact_info p{line-height: 7px;} */
.contact_info a{display: inline-block;margin: 0 0 7px 0;}
.social-media{margin: 20px 0 0 0;}
.social-media a{margin: 0 10px 0 0;}
.social-media a i{font-size: 25px;opacity: 0.3;}
.connect_page{overflow: hidden;}
.connect_page .homepage-new::before {background-image: none;background: none;}
input[type="file"] {display: none;}
.connect_page button.projects-link {color: #fff;border-bottom: 1.5px solid #fff;}

/* media page */
.media_page .links{display: flex;height: 45px;}
.media_page .links .updates_link{color: gray;border-bottom: 1px solid gray;}
.media_page .creators_section::before{background-image: none;}
.media_page .homepage-new{background: none;margin: 0 0 100px 0;height: auto;}
.media_page .creators_section_header{color: #000;}
.media_page .creators_section_header h1{line-height: 75px;margin: 40px 0;}
.media_page .creators_section .connectOverlay::before{background: #E5E4E2;}
.media_page_expertise{padding: 250px 150px 0 400px;}
#ar .media_page_expertise{padding: 250px 400px 0 150px;}
#ar .media_page_grid .media_page_expertise{padding: 37px 0 0 0;}
.media_page .expertise-grid{margin: -190px 0 0 0;z-index: 2;position: initial;overflow: hidden;}
.media_page_grid{display: grid;grid-template-columns: 48% 48%;grid-column-gap: 4%;padding: 0 150px 0 400px;}
#ar .media_page_grid{padding: 0 400px 0 150px;}
.media_page_grid .media_page_expertise{padding: 37px 0 0 0;overflow: hidden;}
.media_page_grid .media_page_expertise img{max-width: 100%;}
.media_page_grid .media_page_expertise .expertise-grid{display: block;}
.media_page_grid_container{position: relative;}
.media_page_grid_container::before{background: #f1f1f1;height: 140%;position: absolute;top: -330px;z-index: -1;width: 100%;transform: skew(0, -22deg);content: "";display: inline-block;left: 0;}
.expertise-text p.date{margin: 0 0 15px 0;font-size: 16px;}
.media_page a.read-more{margin: 30px 0 0 0;}
.media_page .pagination_container{margin: 80px 0 0 400px;}
#ar .media_page .pagination_container{margin: 80px 400px 0 0;}
.media_page .pagination{display: flex;justify-content: center;}
.media_page .pagination a{width: 30px;height: 30px;background-color: #000;color: #fff;display: flex;margin: 0 20px 0 0;align-items: center;justify-content: center;opacity: 0.2;}
.media_page .pagination a.active{opacity: 1;}
.carousel_arrow{width: 40px;height: 40px;background-color: #6D879D;border-radius: 25px;display: flex;justify-content: center;align-items: center;border: none;cursor: pointer;}

/* project media page */
.dflex a {text-decoration: none;color: #000;border-bottom:none}
.dflex a.active {color: #6d889d;border-bottom: 1.5px solid #6d889d;}
.media_project_page .project_slick{position: relative;}
.media_project_page .homepage-new::before{background: #f1f1f1;height: 1460px;}
.media_project_page .project_slick_container{margin: 100px 150px 0 500px;}
.media_project_page .project_slick_container p{text-align: center;margin: 20px 0 0 0;font-family: InstrumentSans-SemiBold;color: #818283;}
.media_project_page .project_slick img{max-width: 100%;}
.media_project_page .project_details_slick{margin: 40px 0 0 0;}
.media_project_page .project_details_slick img{height: 100px;}
.media_project_page .creators_section .connectOverlay::before {background: #E5E4E2;height: 1700px;}
/*  */
.media_project_page .project_details_slick .slick-slide{margin: 0 10px 0 0 !important;}
.media_project_page .project_details_slick img{margin: 0 10px 0 0 !important}
.media_project_page .slick-slide img{max-width: 100%;width: 100%; object-fit: cover;}
.project_details_slick .slick-current img{border: 3px solid gray;height: 94px;}
.project_details_slick .slick-slide{cursor: pointer;}
/*  */
.prev-btn{position: absolute;top: calc(50% - 35px);left: -20px;z-index: 2;}
.next-btn{position: absolute;top: calc(50% - 35px);right: -20px;z-index: 2;}
.project_slick .prev-btn{rotate: 180deg;}
.project_slick .next-btn{rotate: -180deg;}
.project_details_slick{position: relative;}
.slick-next-btn{position: absolute;right: -35px;top: 40%;cursor: pointer;}
.slick-prev-btn{position: absolute;left: -35px;top: 40%;cursor: pointer;}
.slick-next-btn img,
.slick-prev-btn img{height: initial !important;}
.slick-next-btn,
.slick-prev-btn{background-color: transparent;border: none;}
.slick-next-btn img,
.next-btn img{transform: rotate(180deg);}
/* .project_details_slick .details_slick_item img{margin: 0 10px 0 0 !important;} */

/* article page */
.media_page .media_page_grid .media_page_expertise img {width: 100%;}
.media_page .media_page_grid .media_page_expertise .arrow {width: initial;}
.articles_page h1{line-height: 65px;font-size: 55px;}
.articles_page .homepage-new::before {height: 100% !important;}
.articles_page .creators_section::before{background-image: url();}
.articles_page .homepage-new {height: 648px ;position: relative;}
.articles_page .article_details{margin: 80px 150px 25px 500px;border-bottom: 1.5px solid gray;padding-bottom: 25px;}
.articles_page .article_details h4{font-size: 25px;margin: 20px 0;}
.share_links{margin: 0 0 100px 500px;}
.articles_page .related_articles{background-color: #CBCEC8;padding: 100px;}
.articles_page .related_articles_header{display: flex;justify-content: space-between;align-items: center;margin: 0 0 40px 0;}
.articles_page .related_articles_header h4{font-size: 25px;}
.articles_page .related_articles_header a.projects-link{color: #000;border-bottom: 1.5px solid #000;margin: 0;}
.articles_page .articles_grid{display: grid;grid-template-columns: repeat(3, 33.33%);}
.articles_page .articles_grid img.article_img{max-width: 100%;height: 280px;width: 100%;object-fit: cover;}
.articles_page .articles_grid .expertise-text{border: 1px solid #f3f3f3;}
.triangle{display: inline-block;vertical-align: middle;z-index: 1;position: absolute;right: 0;bottom: 0;width: 0;height: 0;border: 0 solid transparent;border-right-width: 0px;border-left-width: 375px;border-bottom: 120px solid #fff;}
#ar .triangle{right: initial;left: 0;border-left-width: 0px;border-right-width: 375px;}

/* privacy policy page */
.privacy_page .homepage-new{background-image: none;height: auto;}
.privacy_page .homepage-new::before{background-image: url(/assets/images/Privacy.jpg);height: 1400px;width: 100%;transform: skew(0, -22deg);content: "";display: inline-block;left: 0;position: absolute;z-index: -1;top: -350px;}
.privacy_page .creators_section_header h4{max-width: 100%;}
.privacy_page .privacy_text{margin: 420px 250px 100px 500px;display: inline-block;}
.privacy_page .privacy_text h3{font-size: 30px;color: #6d889d;}
.privacy_page .creators_section_header{margin: 0 250px 0 500px;}
.line{padding: 11px 0 0 0;margin: 0 20px;}

.terms_page .homepage-new::before{height: 1200px;}
.terms_page .homepage-new::before {background-image: url(/assets/images/Terms.jpg) !important}

/* cookie */
.cookie_policy{background-color: #fff;padding: 100px;position: absolute;top: 32%;left: 23%;z-index: 1004;max-width: 48%;}
.cookie_policy h4{color: #858F8C;font-size: 30px;margin: 0 0 40px 0;}
.cookie_policy p{line-height: 25px;font-size: 20px;}
.manage_btn{font-size: 20px;text-decoration: underline;}
.cookie_policy span.cookie{text-decoration: underline;}
.cookie_policy a.projects-link{margin: 0;}
.cookie_modal_footer{display: flex;justify-content: space-between;align-items: center;margin: 50px 0 0 0;}

.policy_text{position: absolute;bottom: 0;background-color: #fff;padding: 15px;}
.policy_text p{margin: 0 20%;}
.cookies_policy {background-color: #fff;position: fixed;bottom: 0;right: 0;width: 100%;z-index: 2005;display: grid;left: 0;grid-template-columns: 68% 17% 11%;grid-column-gap: 2%;align-items: center;padding: 10px 150px 10px 115px;max-width: calc(100% - 265px);opacity: 0.9;}
.cookies_link{text-decoration: underline;display: inline-block;font-size: 16px;}
.cookies_policy a.projects-link{margin: 0;font-size: 16px;display: inline-block;}
.display_none{display: none;}
.chart-shadow{position: absolute;bottom: -60px;right: 39%;width: 200px;}
.article_grid_item{overflow: hidden;font-size: 0;}


.build-logo{display: flex;}
.build-logo-1{background-color: #E6E6E6;height: 20px;width: 70px;;margin: -10px 0 0 0;}
.build-logo-2{background-color: #E6E6E6;height: 20px;width: 130px;}

   /* arabic */
    #ar,#ar .homepage-footer ul li:first-child, #ar .homepage-title h1 span {font-family: 'Alexandria', Arial, Helvetica, sans-serif;}
    #ar #nav{right: 0;}
    #ar .homepage-container{margin: 0 400px 0 auto;}
    #ar .homepage-new .homepage-title-section{padding: 130px 0 0 150px;}
    #ar .homepage-new ul.nav{padding: 110px 115px 90px 0;}
    #ar #en{border-radius: 20px 0px 0px 20px;}
    #ar .project-section-container{padding: 100px 400px 0 0;}
    #ar .projects-section{margin: 50px 100px 0 150px;}
    #ar .homepage-new ul.nav::before,
    #ar .homepage-new .overlay::before,
    #ar .values-section::before,
    #ar .project-images-grid,
    #ar .third-project-images,
    #ar .about_page .creators_section::before,
    #ar .about_details_container::before,
    #ar .privacy_page .homepage-new::before{transform: skew(0, 22deg);}
    #ar .media_page_grid_container::before {transform: skew(0, -22deg);}
    #ar .first-project-images{margin: 0 0 0 15px;}
    #ar .second-project-images{margin: 0 15px 0 0;}
    #ar .location-text{left: 0;right: initial;}
    #ar .values-section-container{padding: 300px 500px 270px 150px;}
    #ar .values-section .development-texts{display: flex;align-items: center;}
    #ar .featured-project-grid{margin: 0 400px 0 auto;padding: 250px 0 0 150px;}
    #ar .form-container{padding: 0 500px 0 150px;}
    #ar .form-section textarea{padding: 20px 20px 20px 0;}
    #ar .hide-nav{transform: translate(520px, -50%) !important;}
    #ar .homepage-new ul.nav::before{right: 0;}
    #ar .arrow{margin: 0 50px 0 0;}
    #ar .slick-list{direction: ltr;}
    #ar .homepage-title h1{line-height: 110px;font-family: 'AlexandriaExtraBold',Arial,Helvetica,sans-serif;}
    #ar .item h3,
    #ar .homepage-footer ul li,
    #ar .homepage-title p{font-family: 'Vazirmatn', Arial, Helvetica, sans-serif;}
    #ar .homepage-new .about-us-section p{font-family: 'Vazirmatn', Arial, Helvetica, sans-serif;margin-top: 40px;}
    #ar footer img.footer-img{right: initial;left: 0;transform: scale(1, -1);}
    #ar .homepage-footer .social-media,
    #ar footer .footer-contact a{direction: ltr;}
    #ar .footer-contact{margin: 0 0 0 70px;}

    /* projects page arabic */
    #ar .projects_page .homepage-new .overlay::before{transform: skew(0);}
    #ar .projects_page ul.projects-menu{margin: 0 500px 0 auto;}
    #ar .homepage-title{padding: 0 100px 0 0;}
    #ar .projects_page .project-details{margin: 0 500px 0 auto;padding: 150px 0 150px 150px;}
    #ar .projects_page .project-numbers{margin: 0 500px 0 auto;}
    #ar .projects_page .project-numbers-grid{margin: 30px 0 0 150px;}
    #ar .features-container{margin: 0 500px 0 0;font-family: 'Vazirmatn',Arial,Helvetica,sans-serif;}
    #ar .projects_page .slick-initialized .slick-slide,
    #ar .projects_page .slick-slide img{max-height: 700px;}
    #ar .projects-container{margin: 0 500px 0 150px;}
    #ar .amenities-grid-container{padding: 130px 500px 0 150px;}
    #ar .register-form h3{padding: 60px 0 0 0;}
    #ar p.features-text {padding: 30px 0 70px 0;}
    #ar .values-section p{font-family: 'Vazirmatn',Arial,Helvetica,sans-serif;margin-top: 0;}
    #ar .values-section .total-developments{padding: 0;}
    #ar .projects_page .project-details p,
    #ar .projects_page .property-values,
    #ar .features-container h4,
    #ar .projects-container p,
    #ar .projects_page ul.projects-menu li.active{font-family: 'Vazirmatn',Arial,Helvetica,sans-serif;}
    #ar .projects_page .project-numbers-grid .properties{font-family: 'Vazirmatn', Arial, Helvetica, sans-serif;;padding: 0 0 20px 0;}
    #ar .projects-container h4{margin: 0 0 50px 0;}

    /* about us page arabic */
    #ar .expertise-text h4,
    #ar .values-grid h3,
    #ar ul.mobile_nav li,
    #ar .homepage-new ul.nav li,
    #ar .about_page .creators_section h1 {font-family: 'Alexandria', Arial, Helvetica, sans-serif;}
    #ar .about_page .creators_section{padding: 130px 500px 200px 150px;}
    #ar .aboutDetails {padding: 0 400px 0 150px;}
    #ar .about_details p,
    #ar .about_details h3{font-family: 'Vazirmatn', Arial, Helvetica, sans-serif;}
    #ar .about-experience {margin: 0 400px 0 150px;}
    #ar .our_purpose {padding: 410px 70px 150px 0;}
    #ar .expertise {padding: 0 400px 0 150px}
    #ar .about_page .expertise-grid {margin: -210px 0 0 150px;}
    #ar .about-experience h2,
    #ar .experience_statistics p,
    #ar .main-title,
    #ar .expertise-text p,
    #ar .our_purpose h4,
    #ar .values-grid p,
    #ar .join_section h3 span,
    #ar .join_section p,
    #ar .contact_info h4,
    #ar .contact_info p,
    #ar .creators_section_header h4,
    #ar .creators_section_header p,
    #ar .about_page .creators_section h4{font-family: 'Vazirmatn', Arial, Helvetica, sans-serif;}

    /* connect us arabic page */
    #ar .join_section,
    #ar .creators_section_header {margin: 0 500px 0 150px;}
    #ar .cv_file button{right: initial;left: 30px;}
    #ar .contact_info {margin: 200px 500px 100px 150px;}


    #ar .media_project_page .project_slick_container{margin: 100px 450px 0 150px;}
    #ar .articles_page .article_details{margin: 80px 500px 25px 150px;}
    #ar .share_links{margin: 0 500px 100px 0;}
    #ar .privacy_page .privacy_text{margin: 520px 500px 100px 250px;}
    #ar .total_text::after{left: 85px;top: 31px;}
    #ar .total_text{left: 80px;}
    .show{display: initial !important;}
    #ar .level_text::before,
    .const_text::before{top: 38px;}
     #ar .our_purpose h4{margin-bottom: 0;}

    #ar button.projects-link,
    #ar a.projects-link{font-family: 'VazirmatnBold', Arial, Helvetica, sans-serif;}
    #ar .homepage-new .about-us-section h4{font-family: 'AlexandriaBold', Arial,Helvetica,sans-serif;}

    #ar .projects_page .homepage-title h1{font-family: 'Alexandria', Arial, Helvetica, sans-serif;margin-top: 0;}

/* media query */

/* @media only screen and (min-width: 960px) { */
/* animation */
.initial-fade-animation,
.initial-animation,
.values-section .development-texts,
.values-section::before,
.fade-img-animation,
.values-section-title,
.values-logo,
/* .project-numbers-grid, */
.fade-in-animation,
.fade-animation{opacity: 0;}
 
.main-title,
.title-text{transform: translateY(50%);opacity: 0;transition: all 2s;}
.slick-initialized .slick-slide>div{height: 100% !important;}
.item{border-bottom: none;height: 100%;transition: all 1s;}
/* .item{border-bottom: none;transition: all 1s;transition-delay: 3s;max-height: 22px;} */
.border-bottom{border-bottom: 2px solid #fff}
.homepage-new .border-bottom {width: 150px;}

/* .projects-menu{width: 0.1px;opacity: 1;transition: all 1s;transition-delay: 3s;} */
/* .projects_page ul.projects-menu li{padding: 0;transition-delay: 1.8s;} */
/* .projects-menu a{display: none;}
.fade-menu{width: calc(100% - 650px);opacity: 1;} */
/* .fade-menu li{padding: 10px 30px !important;} */
/* .fade-menu a{display: block;} */

.title-name{transform: translateY(-25px);opacity: 0;transition: all 0.5s;transition-delay: 1.5s;}
.title-text-animate{transform: translateY(0%);opacity: 1 !important;}

.progressBarContainer{width: 0.1px;opacity: 1;transition: all 1s;transition-delay: 1s;max-height: 39px;}
.progressBarContainer-width{width: inherit !important;opacity: 1;}

/* .project-numbers-grid{width: 0px;opacity: 1;transition: all 1s;}
.project-numbers-width{width: 90%;opacity: 1;} */

.arrow{transform: translateX(-25px);opacity: 0;transition: all 1s;transition-delay: 0.5s;}
.arrow-right{transform: translateX(0);opacity: 1;}

.logo{transform: translateX(-50%);opacity: 0;transition: all 1s;transition-delay:0.7s;}
.logo-ar{transform: translateX(50%);opacity: 0;transition: all 1s;transition-delay:0.7s;}

.first-arrow{transform: translateX(-25px);opacity: 0;transition: all 1s;transition-delay: 4s;}
.arrow-animation{transform: translateX(0%);opacity: 1 !important;}

.nav{transform: translate(-100%, -50%);opacity: 1;transition: all 1s;}
.nav-animate{transform: translate(0%, -50%);opacity: 1;}

.ar_menu{transform: translate(100%, -50%);opacity: 1;transition: all 1s;}
.nav-animate-ar{transform: translate(0, -50%);opacity: 1;}

.main-logo-animate{transform: translateX(0%);opacity: 1;}

.project-upward{height: 1px;opacity: 0;transition: all 1s;transition-delay: 0.5s;}
.project-up-upward{height: 100%;opacity: 1;}

.projects-first-link{transform: translateY(50%);opacity: 0;transition: all 2s;transition-delay: 1.5s;}
.link-delay1{transition-delay: 1.5s;}
.link-delay2{transition-delay: 6.5s;}
.link-delay3{transition-delay: 10s;}

.location-text{transform: translateY(50%);opacity: 0;transition: all 2s;transition-delay: 0.5s;}
.projects-description{transform: translateY(50%);opacity: 0;transition: all 0.5s;}

.projects-link{transform: translateY(50%);opacity: 0;transition: all 1s;transition-delay: 0.5s;}
.projects-description-upwrd{transform: translateY(0);opacity: 1}

.image-left{transform: translateX(150px);opacity: 0;transition: all 1.5s;transition-delay: 0.5s;}
.image-right{transform: translateX(-150px);opacity: 0;transition: all 1.5s;transition-delay: 0.5s;}
.image-right.homepage{transform: none;opacity: 1}
.image-fade-left{transform: translateX(0);opacity: 1;}

/* .skew::before{transform: skew(0, -22deg);} */
.values-section .development-texts{height: 0.5px;opacity: 1;transition: all 1s;transition-delay: 2s;}
.expertise-text{height: 0px;opacity: 1;transition: all 1s;padding: 0;}
.height-up{height: 100% !important;opacity: 1;padding: 60px 60px 60px 100px;}

.values-section-title{transform: translateY(25px);opacity: 0;transition: all 1s;}
.fade-upward{transform: translateY(0);opacity: 1;}

.values-logo{transform: translateY(-25px);opacity: 0;transition: all 1s;}
.fade-downward{transform: translateY(0);opacity: 1;}

/* .development-texts{transform: translateY(-25px);opacity: 0;transition: all 1s;}
.fade-height{} */


.fade-right{transform: translateX(-25px);opacity: 0;transition: all 1s;}
.fade-li-left{transform: translateX(25px);opacity: 0;transition: all 1s;}
.fade-item-right{opacity: 1; visibility: visible; -webkit-transform: translateX(0);transform: translateX(0)}

.fade-img-out,
.fade-out{opacity: 0;transform: scale(0);visibility: hidden;transition: all 1.5s;}
.fade-out-animate{opacity: 1;transform: scale(1);visibility: visible}

.img-right{opacity: 0;visibility: hidden;transform: translateX(50%) skew(0, 22deg);transition: all 1s;}
#ar .img-right{opacity: 0;visibility: hidden;transform: translateX(50%) skew(0, -22deg);transition: all 1s;}
.fade-in-right-img {opacity: 1;visibility: visible;transform: translateX(0) skew(0, 22deg) scale(1.1)}
#ar .fade-in-right-img {opacity: 1;visibility: visible;transform: translateX(0) skew(0, -22deg) scale(1.1)}

.values-section::before{opacity: 1;left: -100%;transition: all 1s;transition-delay: 0.5s;}
 #ar .values-section::before{left: 100%;}

.section-right::before{opacity: 1;left: 0 !important;}

.fade{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
.fade-slower{-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both}

.fade-top{opacity: 0; transform: translateY(25px);transition: all 1s;}
.fade-item-top{opacity: 1; visibility: visible; transform: translateY(0);-webkit-transform: translateY(0)}

.left-text{opacity: 0; transform: translateX(-25px);transition: all 1s;}
.fade-left{opacity: 1; transform: translateX(0);}

.text-upward{width: 1px;opacity: 0; transform: translateY(25px);transition: all 1s;}
.text-fade-upward{width: initial;opacity: 1; visibility: visible; transform: translateY(0)}

.line{height: 0;opacity: 0;transition: all 1s;transition-delay: 2.5s;}
.line-up{height: 33px;opacity: 1;}

.text-downward{opacity: 0; transform: translateY(-25px);transition: all 1s;}
.text-fade-downward{opacity: 1; transform: translateY(0);}

.txt-upwrd{opacity: 0; transform: translateY(25px);transition: all 1s;}
.txt-fade-upwrd{opacity: 1; transform: translateY(0);}

.total-developments{width: 0.1px;opacity: 1;transition: all 1s;}
.total-developments::after,
.total-developments::before{opacity: 0;transition-delay: 5.2s;}
.fade-width{width: 100%;opacity: 1;}
.fade-width::after,
.fade-width::before{opacity: 1;transition-delay: 3s}



@-webkit-keyframes fade-in-right{
    0%{opacity: 0; visibility: hidden; -webkit-transform: translateX(25px);}
    100%{opacity: 1; visibility: visible; -webkit-transform: translateX(0);}
}

@keyframes fade-in-right{
    0%{opacity: 0; visibility: hidden; transform: translateX(25px);}
    100%{opacity: 1; visibility: visible; transform: translateX(0);}
}

@-webkit-keyframes fade-in-left{
    0%{opacity: 0; visibility: hidden; -webkit-transform: translateY(-100px);}
    100%{opacity: 1; visibility: visible; -webkit-transform: translateY(0)}
}

@keyframes fade-in-left{
    0%{opacity: 0; visibility: hidden; transform: translateX(-100px);transition: all 1s;}
    100%{opacity: 1; visibility: visible; transform: translateX(0);}
}

@-webkit-keyframes fade-in-top{
    0%{opacity: 0; visibility: hidden; -webkit-transform: translateY(25px);}
    100%{opacity: 1; visibility: visible; -webkit-transform: translateY(0);}
}

@keyframes fade-in-top{
    0%{opacity: 0; visibility: hidden; transform: translateY(25px) ;}
    100%{opacity: 1; visibility: visible; transform: translateY(0);}
}

@-webkit-keyframes fade-logo-bottom{
    0%{opacity: 0; visibility: hidden; -webkit-transform: translateY(-100px) skew(0, -22deg)}
    100%{opacity: 1; visibility: visible; -webkit-transform: translateY(0) skew(0, -22deg)}
}

@keyframes fade-logo-bottom{
    0%{opacity: 0; visibility: hidden; transform: translateY(-100px) skew(0, -22deg);transition: all 1.5s;}
    100%{opacity: 1; visibility: visible; transform: translateY(0) skew(0, -22deg);transition: all 1.5s;}
}

@-webkit-keyframes fade-in-bottom{
    0%{opacity: 0; visibility: hidden; -webkit-transform: translateY(-25px)}
    100%{opacity: 1; visibility: visible; -webkit-transform: translateY(0)}
}

@keyframes fade-in-bottom{
    0%{opacity: 0; visibility: hidden; transform: translateY(-25px);transition: all 1s;}
    100%{opacity: 1; visibility: visible; transform: translateY(0);transition: all 1s;}
}

@-webkit-keyframes fade-in{
    0%{opacity: 0; visibility: hidden}
    100%{opacity: 1; visibility: visible}
}

@keyframes fade-in{
    0%{opacity: 0; visibility: hidden}
    100%{opacity: 1; visibility: visible}
}
@-webkit-keyframes fade-out-center{
    0% {opacity: 0;transform: scale(0);visibility: hidden;}
    100% {opacity: 1;transform: scale(1);visibility: visible;}
}
@keyframes fade-out-center{
    0% {opacity: 0;transform: scale(0);visibility: hidden;}
    100% {opacity: 1;transform: scale(1);visibility: visible;}
}

.fade-in-right{-webkit-animation-name: fade-in-right; animation-name: fade-in-right;animation-delay: 1s;}
.fade-in-right2{-webkit-animation-name: fade-in-right; animation-name: fade-in-right;}
.fade-in-right3{-webkit-animation-name: fade-in-right; animation-name: fade-in-right;}
.fade-in-right-img{-webkit-animation-name: fade-in-right-img; animation-name: fade-in-right-img}
.fade-in-top{-webkit-animation-name: fade-in-top; animation-name: fade-in-top;animation-delay: 0.5s;}
.fade-in-top2{-webkit-animation-name: fade-in-top; animation-name: fade-in-top;animation-delay: 1.6s;}
.fade-in-left{-webkit-animation-name: fade-in-left; animation-name: fade-in-left;transition: all 1s;animation-delay: 1s;}
.fade-left{-webkit-animation-name: fade-in-left; animation-name: fade-in-left;transition: all 1s;}
.fade-in-bottom{-webkit-animation-name: fade-in-bottom; animation-name: fade-in-bottom;}
.fade-in-bottom2{-webkit-animation-name: fade-in-bottom; animation-name: fade-in-bottom;animation-delay:0.5s;}
.fade-in{-webkit-animation-name: fade-in; animation-name: fade-in;}
.fade-out-center{-webkit-animation-name: fade-out-center; animation-name: fade-out-center}
.fade-logo-bottom{-webkit-animation-name: fade-logo-bottom; animation-name: fade-logo-bottom}

.top-delay1{animation-delay: 0.5s;}
.top-delay2{animation-delay: 0.7s;}
.bottom-delay1{animation-delay: 0.5s;}
.bottom-delay2{animation-delay: 1s;}
.bottom-delay3{animation-delay: 1.2s;}
.bottom-delay4{animation-delay: 1.5s;}
.bottom-delay5{animation-delay: 1.8s;}
.bottom-delay7{animation-delay: 2s;}
.bottom-delay8{animation-delay: 2.2s;}
.bottom-delay9{animation-delay: 2.4s;}
.bottom-delay6{animation-delay: 1.2s;}
.img-text-delay{animation-delay: 3s;}
.img-delay{animation-delay: 3s;}
.img-delay2{animation-delay: 3.5s;}
.img-delay3{animation-delay: 4s;}
.img-delay9{animation-delay: 4.5s;}
.img-delay4{animation-delay: 2s;}
.img-delay5{animation-delay: 3.2s;}
.img-delay6{animation-delay: 3.4s;}
.img-delay7{animation-delay: 3.6s;}
.img-delay8{animation-delay: 2.8s;}

.animation-delay-1{transition-delay: 1s;}
.animation-delay-2{transition-delay: 1.2s;}
.animation-delay-3{transition-delay: 1.8s;}
.animation-delay-4{transition-delay: 2s;}

.animation-delay-5{transition-delay: 0.5s;}
.animation-delay-6{transition-delay: 1s;}
.animation-delay-7{transition-delay: 1.2s;}

.item-delay-1{transition-delay: 1s;}
.item-delay-2{transition-delay: 1.2s;}
.item-delay-3{transition-delay: 1.6s;}
.item-delay-4{transition-delay: 1.9s;}
.item-delay-5{transition-delay: 2.2s;}
.item-delay-6{transition-delay: 2.5s;}
.item-delay-7{transition-delay: 2.8s;}
.item-delay-8{transition-delay: 2.6s;}

.logo-delay1{transition-delay: 2s;}
.fade-dely1{transition-delay: 1s;}
.fade-delay1{transition-delay: 1.4s;}
.fade-delay2{transition-delay: 1.8s;}
.fade-delay3{transition-delay: 2.2s;}

.delay{transition-delay: 0.8s;}
.delay2{transition-delay: 1s;}
.delay3{transition-delay: 1.2s;}
.delay4{transition-delay: 1.4s;}

.form-delay{transition-delay: 0.5s;}
.form-delay1{transition-delay: 0.7s;}
.form-delay2{transition-delay: 0.9s;}
.form-delay3{transition-delay: 1s;}

.slick-list{height: 100%;}
#ar .homepage-new ul.nav .submenu {margin: 15px 20px 0 0;}
#ar .progressBarContainer div.item {float: inline-start;}
.projects-section .location-text {max-width: 250px;}
.projects-section .location-text p {line-height: 25px;}

/* } */
/*  */
@media only screen and (max-width: 960px) {
    .values-section::before{content: initial ;}
    .values-section{width: 100%;height: fit-content;padding: 0 25px !important;}
    #ar .values-section-container,
    .values-section-container{width: calc(100% - 50px) !important;padding: 100px 0 70px 0 !important;}
    .project-section-container{height: fit-content !important;background-color: #000;}
    #ar .values-section .development-texts{justify-content: center;}
    
}
@media only screen and (min-width: 1660px) {
.contact_info{margin-top: 150px;}
}
@media only screen and (min-width: 1900px) {
    .contact_info {margin-top: 180px;}
}
@media only screen and (min-width: 2050px) {
    .contact_info {margin-top: 220px;}
    /* .connect_page .homepage-new{height: 1400px;} */
}
 
 @media only screen and (max-width: 1200px) {
    footer .footer-container{margin: 0 25px;}
    .media_page .creators_section_header h1{font-size: 45px;}
 }
 @media only screen and (min-width: 1560px) {
     /* .project-images-grid{margin: 120px 0 0 0 ;} */
    .location-text{bottom: -3%;}
    .our_purpose {padding: 530px 0 150px 70px;}
    #ar .our_purpose {padding: 530px 70px 150px 0;}

    .projects-slider .slick-slide {height: 1200px;}
 }
 @media only screen and (min-width: 1480px) {
    /* .project-images-grid{margin: 100px 0 0 0 ;} */
    .homepage-new .overlay::before{top: -450px;height: 140%;}
    .about_page .creators_section::before{margin: -700px 0 0 0;height: 1600px;}
 }
 @media only screen and (min-width: 1450px) {
    .media_project_page .homepage-new::before{height: 1660px;}
 }
  @media only screen and (min-width: 1600px) {
      /* .project-images-grid {margin: 120px 0 0 0;} */
      /* .homepage-new .overlay::before {height:122% ;} */
      .project-section-container::before {background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 1) 20%);}
      .homepage-new{height: auto;}
      .connect-Page .homepage-new{height: auto;}
  }
  @media only screen and (min-width: 1750px) {
        .location-text {bottom: 0;}
        .values-section{margin-top: 230px;}
        .projects-section .location-text {margin: 0 0 90px 0;}
  }
   @media only screen and (min-width: 1850px) {
       .location-text {bottom: 3%;}
       #ar .our_purpose {padding: 640px 70px 150px 0;}
   }
   /* @media only screen and (min-width: 1670px) {
    .contact_info{margin-top: 180px;}
      
   } */

   /* @media only screen and (min-width: 1870px) {
       .contact_info {margin-top: 260px; }
   } */
/* @media only screen and (min-width: 1500px) {
    .projects-section{margin: 0 150px 0 150px;}
} */
/* @media only screen and (min-width: 1600px) {
    .homepage .about-us-section{padding: 150px;}
} */
@media only screen and (max-width: 1400px) {
    .homepage .about-us-section h3,.values-section h2{font-size: 34px;}
    .homepage .about-us-section h4 {font-size: 23px;}
    .homepage .about-us-section p{font-size: 18px;}
    .values-section h4{font-size: 28px;}
    .values-section p{font-size: 23px;}
    .projects-section p.projects-description{font-size: 21px;}
    .level_text,
    .const_text{right: 0;}
    .projects-section {max-width: fit-content;}
    /* .projects-section>div {margin: 0px 0 90px 0;} */
}

@media (min-width: 1024px)and (max-width: 1200px) {
    .about_page .expertise{padding: 0 50px 0 400px;}
    #ar .about-experience,
    .about-experience{margin: 0 50px 0 400px;}
    .aboutDetails {padding: 0 50px 0 400px;}
    .about_page .expertise-grid{margin: -210px 50px 0 0;}
    .about_page .creators_section h4{max-width: 100%;}
    .about_page .creators_section h1{font-size: 60px;max-width: 100%;}
    .about_details{padding: 80px 100px;}
    .expertise-text h4 {font-size: 17px;}
    .values-grid h3{font-size: 30px;}
    .experience_statistics p{font-size: 18px;}
    .total_text::after{left: 125px;width: 40px;}
    .about_page .expertise-grid{display: block;}
    #ar .homepage-new .homepage-title-section{padding: 130px 0 0 50px;}
    .homepage-new .homepage-title-section{padding: 130px 50px 0 0;}
    .projects_page ul.projects-menu{width: calc(100% - 550px);}
    .register-form h3{padding: 50px 0 0 0;}
    .about_page .expertise-grid{margin: -210px 50px 0 0;}
}
/* @media only screen and (min-width: 1800px) {
    .media_page_grid_container::before{}
} */
/* @media only screen and (min-width: 1800px) {
    .projects-section>div {margin: 0 0 150px 0;}
} */
@media only screen and (min-width: 1320px) {
    .terms_page .privacy_text{margin-top: 500px !important;}
    .privacy_page .privacy_text{margin-top: 400px;}
}
@media only screen and (min-width: 1500px) {
    .project-section-container {height: auto;}
    .terms_page .privacy_text {margin-top: 600px !important;}
    .privacy_page .privacy_text {margin-top: 500px;}
}
/* @media only screen and (min-width: 1530px) {
    .projects-section>div {margin: 0 0 130px 0;}
}
@media only screen and (min-width: 1630px) {
    .projects-section>div {margin: 0 0 140px 0;}
}
@media only screen and (min-width: 1720px) {
    .projects-section>div {margin: 0 0 145px 0;}
}
@media only screen and (min-width: 1765px) {
    .projects-section>div {margin: 0 0 155px 0;}
} */
/* @media only screen and (min-width: 1890px) {
    .projects-section>div {margin: 0 0 165px 0;}
} */
/* @media only screen and (min-width: 1990px) {
    .projects-section>div {margin: 0 0 175px 0;}
} */
@media only screen and (min-width: 1850px) {
    .terms_page .privacy_text {margin-top: 700px !important;}
    .privacy_page .privacy_text {margin-top: 600px;}
}
@media (min-width: 550px) and (max-width: 1024px) {
    .creators_section_header p {padding: 250px 0 0 0;}
    .media_page_expertise{padding: 250px 25px 0 25px;}
    .media_page_grid{display: block;padding: 0 25px;}
    .media_page .pagination_container{margin: 80px 25px 0 25px;}
    .about_page .expertise-grid{margin: -210px 25px 0 0;}
}
@media (min-width: 550px) and (max-width: 1200px) {
    .our_purpose {padding: 660px 0 150px 70px;}
    .connect-Page .homepage-new{height: auto;}
}

@media only screen and (min-width: 1700px) {
    .privacy_page .homepage-new::before{top: -450px;height: 1300px;}

}

@media only screen and (max-width: 1375px) {
    .articles_page h1{font-size: 50px;line-height: 60px;}
}
@media only screen and (max-width: 1220px) {
    .articles_page h1{font-size: 45px;}
}
@media only screen and (min-width: 1740px) {
    .privacy_page .homepage-new::before{height: 1430px;}
    .privacy_page .privacy_text {margin-top: 600px;}
    .terms_page .homepage-new::before{height: 1330px;}
}
@media only screen and (max-width: 1300px) {
    .homepage .about-us-section{padding: 80px;}
    .projects-section p.projects-description{font-size: 17px;line-height: 26px;}
    a.projects-link{font-size: 18px;}
    .location-text{font-size: 20px;}
    .featured-project-grid div h3 {font-size: 26px;}
    .featured-project-grid div h4{font-size: 22px;}
    .featured-project-grid div p{font-size: 18px;}
    .projects-section {max-width: fit-content;}
    
}
.mobile_nav {display: none;position: absolute;top: 110px;left: 25px;}
#ar .mobile_nav{display: none;position: absolute;top: 110px;right: 25px;left: initial;}
.hide{display: none;}
.submenu_show{display: inherit !important;}
.no-scroll{overflow: hidden;}

@media only screen and (min-width: 2200px) {
    .form-section::before {transform: skew(0, -11deg);}
    .privacy_page .homepage-new::before {top: -550px;height: 1430px;}
    .privacy_page .privacy_text {margin-top: 900px;}
    .contact_info{margin-top: 320px;}
    .homepage-new{height: 1450px;}
}
@media only screen and (min-width: 2100px) {
.privacy_page .homepage-new::before{height: 1530px;}
.privacy_page .privacy_text {margin-top: 800px;}      
}
@media only screen and (min-width: 2650px) {
    .privacy_page .homepage-new::before {top: -650px;height: 1530px;}
    .privacy_page .privacy_text {margin-top: 1000px;}
}

/*  */
    @media only screen and (min-width: 1200px) {
        .media_page_expertise{padding: 250px 50px 0 400px;}
        .media_page_grid{padding: 0 50px 0 400px;}
        .media_page .creators_section_header h1{font-size: 45px;}
    }
/*  */
.mobile_cookies_links{display: none;}
@media only screen and (max-width: 1024px) {
    .titleproject , .someprojects {margin: 20px 0 0 0 !important;}
    .project-des {height: 66px;overflow: hidden;}
    .homepage-new .border-bottom {width: auto;}
    .projects-slider .slick-slide {height: auto;}
    .build-logo{justify-content: center;margin: 30px 0;}
    .build-logo-1{width: 50px;height: 15px;}
    .build-logo-2 {width: 100px;height: 15px;}
    .cookies_policy .cookies_link,
    .cookies_policy .projects-link{display: none !important;}
    .mobile_cookies_links .cookies_link{display: inherit !important;margin: 0 0 10px 0;}
    .mobile_cookies_links .projects-link {display: flex !important;}
    .cookies_policy{grid-template-columns: 72% 24%;grid-column-gap: 4%;}
    .mobile_cookies_links{display: inherit;}
    .cookie_policy{display: none;}
    .homepage-new{height: 930px;}
    button.projects-link{font-size: 18px;margin: 40px 0 0 0;}
    /* .homepage-new{background-image: url(/assets/images/background.png);background-position: 64% -100px;background-size: 185% 80%;} */
    .homepage-new ul.nav{display: none;}
    #ar .homepage-container,
    .homepage-container{margin: 0 !important;}
    #ar .homepage-title{padding: 0 25px 0 0 !important;}
    .homepage-title{padding: 0 0 0 25px;}
    #ar .homepage-title h1,
    .homepage-title h1{font-size: 45px;margin-top: 70px;line-height: 65px;}
    #ar .homepage-title p,
    .homepage-title p{font-size: 15px;}
    /* .homepage-new .homepage-title-section{padding: 50px 0 0 0;} */
    #ar .homepage-title a,
    .homepage-title a{max-width: 70%;font-size: 15px;}
    .homepage-new .about-us-section{margin: 80px 25px 0 25px;padding: 50px;}
    .homepage-new .about-us-section h4{font-size: 17px;}
    .homepage-new .about-us-section h3{font-size: 20px;line-height: 26px;}
    .homepage-new .about-us-section p{font-size: 15px;}
    .mobile-nav{display: flex;justify-content: space-between;padding: 0 0 30px 0;align-items: baseline;position: relative;z-index: 2;}
    .mobile-nav img.mobile-logo{width: 150px;height: 32px;padding: 25px 0 0 25px;}
    #ar .mobile-nav img.mobile-logo{padding: 25px 25px 0 0;object-fit: contain;}
    .mobile-nav button.mobile-btn{background-color: transparent;border: none;position: absolute;top: 25px;right: 25px;padding: 0;cursor: pointer;}
    #ar .mobile-nav button.mobile-btn{right: initial;left: 25px;}
     .mobile-nav button img{height: 30px;width: 30px;filter: brightness(0) invert(1);}
    .projects-section>div{display: block;}
    .homepage-new .overlay::before{height: 102%;background: linear-gradient(to left, rgba(0, 0, 0, 0) -25%, rgba(0, 0, 0, 0.6) 50%);}
    .projects-section{margin: 30px 25px 0 25px}
    #ar .project-section-container,
    .project-section-container{height: 850px !important;margin: 0;padding: 0 !important;}
    .project-section-container::before{height: 950px;margin: -700px 0 0 0;}
    .projects-section p.projects-description{font-size: 15px !important;line-height: 22px;margin: 20px 0;}
    a.projects-link{font-size: 17px;margin: 40px 0 0 0;}
    .first-project-image,
    .third-project-image{display: none;}
    .location-text{font-size: 15px;max-width: 45%;margin: -40px 0 0 0;bottom: -100px;}
    .projects-section-overlay{height: 1550px;margin: -900px 0 0 0;}
    .values-section{margin: -340px 0 70px 0;padding: 0 25px;text-align: center;}
    .values-section h2{font-size: 25px;}
    .values-section .values{display: block;}
    .values-section .experience{padding: 0;}
    .values-section .development-texts{padding: 0;border-left: none;}
    .values-section h4{font-size: 22px;}
    .values-section p{font-size: 18px;}
    .values-section .values{margin: 45px 0 0 0;}
    .values-section img{max-width: 150px;}
    .values-section .experience{margin: 0 auto 40px auto;padding: 0 0 40px 0;border-bottom: 1px solid  #818183;width: fit-content;text-align: center;}
    .featured-project{padding: 0;height: 800px;}
    #ar .featured-project-grid,
    .featured-project-grid{padding: 100px 25px 0 25px !important;display: block;margin: 0 !important;}
    .featured-project-grid div{padding: 50px;}
    .featured-project-grid div h3{font-size: 22px;line-height: 30px;}
    .featured-project-grid div h4{font-size: 18px;}
    .featured-project-grid div p{font-size: 15px;}
    #ar .form-container,
    .form-container{margin: 0 25px ;padding: 0 0 100px 0 !important;}
    .form-section h2{font-size: 30px;}
    .form-section input{width: calc(100% - 40px);margin: 0 0 20px 0;}
    select{width: 100%;margin: 0 0 20px 0;}
    select{display: block;}
    .form-container form{margin: 0 0 100px 0;}
    .form-section form div{display: block;margin: 0;}
    .form-section textarea {height: 250px;}
    .featured-project-grid .image-container img{height: 300px;}
    #ar .form-section,
    .form-section{padding: 0 25px !important;margin: 0 0 50px 0 !important;}
    .form-section h2{margin: 0 0 35px 0;}
    .homepage .overlay{background: linear-gradient(to left, rgba(0, 0, 0, 0) -50%, rgba(0, 0, 0, 0.4) 45%);z-index: 1000;
        position: relative;height: 960px;}
        .form-section::before{height: 1300px;}
        .projects-section-mobile{margin: -20px 0 30px 0;}
        footer{padding: 70px 25px;}
        footer ul,
        footer .footer-services{display: none;}
        .homepage-footer .footer-container-grid{display: block;}
        .homepage-footer .rights-text{float: initial;padding: 0 0 12px 0;}
        .homepage-footer .footer-contact a{font-size: 20px;display: flex;align-items: center;}
        .homepage-footer img.footer-img{max-width: 35%;height: 50%;top: 10%;}
        .homepage-footer .footer-bottom{display: block}
        .homepage-footer .social-media {margin: 35px 0 40px 0;}
        footer .social-media {margin: 35px 0 40px 0;}
        .project-images-grid{display: none !important;}
        .mobile-logo-container{display: initial;transition: all 0.3s;position: absolute;width: 100%;}
        #ar  .mobile-logo-container::before{background: #282728;height: 170px;position: absolute;top: -100px;z-index: -1;width: 100%;transform: skew(0, 22deg);content: "";display: inline-block;transition: all 0.3s;}
        .mobile-logo-container::before{background: #282728;height: 170px;position: absolute;top: -100px;z-index: -1;width: 100%;transform: skew(0, -22deg);content: "";display: inline-block;transition: all 0.3s;}
        .opened::before{height: 700px !important;width: 100%;}
        .mobile_opened::before{height: 700px !important;}
        #ar .projects_page .homepage-new .overlay::before{transform: skew(0, 22deg);}
        .projects_page .homepage-new .overlay::before{transform: skew(0, -22deg);}
        .projects_page .form-section{margin: 50px 0 0 0 ;}
        /* .homepage-new ul.nav{padding: 110px 0 90px 75px;width: 350px;} */
        .creators_section_header h1{font-size: 60px;}
        .mobile-logo-container::before{top: -250px;height: 220px;}
        .expertise-grid {display: block;}
        .about_page .creators_section h4{max-width: 100%;}
        .projects_page .project-details{padding: 150px 25px 150px 0;margin: 0 auto 0 25px;}
        .project_img{width: 100%;margin: 0 0 30px 0;}
        .articles_page .articles_grid{display: block;}
        .articles_page .articles_grid .article_grid_item{margin: 0 0 30px 0;}
        #ar .articles_page .article_details,
        .articles_page .article_details{margin: 80px 25px 25px 25px;}
        .share_links{margin: 0 0 100px 25px;}
        .articles_page .related_articles{padding: 30px 25px;}
        #ar .privacy_page .privacy_text,
        .privacy_page .privacy_text{margin: 200px 25px 100px 25px;}

        /* cookies */
        .cookies_policy{padding: 10px 25px;width: calc(100% - 50px);max-width: calc(100% - 50px);}
        .privacy_page .creators_section_header {margin: 0 25px;}

        .articles_page .homepage-new .cover-article {position: absolute;height: -webkit-fill-available;}
        video.background-video.mobile {height: 1000px;}
        .image-article {height: 225px;width: 100%;}
        .projects_page .images-grid.mobile.slider-grid-images .slick-slide {margin: 0;}
        .media_page .expertise-grid {display: flex;flex-direction: column-reverse;}
        .dflex {gap: 10px;}
        .media_project_page .project_slick_container {margin: 0 25px;}
        .terms_page .homepage-new::before {background-image: url(/assets/images/TermsM.jpg);}
        .privacy_page .homepage-new::before {background-image: url(/assets/images/PrivacyM_.jpg)}
        .connect_page .creators_section::before {background-image: url(/assets/images/ContactUs.jpg)}
        #ar .about_page .creators_section h1 {line-height: 50px;}
        #ar .about_page .creators_section h4 {margin: 8px;}
        .projects-section-mobile  a.projects-link .arrow {height: auto;margin: 0 0 0 20px !important;}
        .third-project-images img {object-fit: cover;height: 155% !important;}
        #ar .third-project-images {margin: 60px 0 67px 50px;}
        #ar .location-text {left: 50px;}
        #ar .projects-section p.projects-description {text-align: right;}
        #ar .projects-section-mobile a.projects-link .arrow {margin: 0 20px 0 0 !important;}
        #ar .project-section-container a.projects-link {float: inline-end;}
        .projects-section a.projects-link {max-width: 250px;}


    } 
    @media only screen  and (max-width: 870px) {
        .mobile-logo-container::before{height: 320px;}
    }
        @media only screen and (max-width: 1380px) {
            .join_section{display: block;}
            .join_section p{margin: 10px 0;}
             .creators_section_header h4 {max-width: 100%;}

        }
    @media only screen and (min-width: 480px) {
        .mobile-logo-container::before{height: 300px;}
    }
         
    @media (min-width:1024px) and (max-width: 1055px) {
        .homepage-title h1{font-size: 60px;}
    }
    @media (min-width:1024px) and (max-width: 1200px) {
        .featured-project-grid div {padding: 40px;}
        .featured-project-grid div h3{font-size: 26px;line-height: 37px;}
        #ar .homepage-new .homepage-title-section{padding: 130px 0 0 50px;}
        .homepage-new .homepage-title-section{padding: 130px 50px 0 0;}
        #ar .projects-section{margin: -90px 100px 0 50px;}
        .projects-section{margin: -90px 50px 0 100px;}
        .values-section{margin: 0 50px 170px 500px;}
        .featured-project-grid{padding: 250px 50px 0 0;}
        .form-container{padding: 0 50px 0 476px;}
        .homepage-new .about-us-section {padding: 80px;}
        .media_page_expertise{padding: 250px 50px 0 400px;}
        .media_page_grid{padding: 0 50px 0 400px;}
        .projects_page .project-details{padding: 150px 25px 150px 0;}
        .projects_page .project-numbers-grid{margin: 30px 25px 0 0;}
        .projects-container{margin: 0 50px 0 500px;}
        .amenities-grid-container{padding: 130px 50px 0 500px;}
        .creators_section_header{margin: 0 50px 0 500px;}
        #ar .articles_page .article_details,
        .articles_page .article_details{margin: 80px 50px 25px 500px;}
        .articles_page .expertise-text{padding: 60px;}
        #ar .privacy_page .privacy_text,
        .privacy_page .privacy_text{margin: 250px 50px 100px 500px;}
        .privacy_page  .creators_section_header h4{font-size: 20px;}
        .terms_page .privacy_text{margin: 330px 50px 100px 500px;}
        .privacy_page .creators_section_header,
        .terms_page .creators_section_header{margin: 0 50px 0 500px;}
        .privacy_page .creators_section_header h1{font-size: 80px;}
    }
    @media (min-width:675px) and (max-width: 1024px) {
        .homepage-new .overlay::before{height: 95%;}
        .project-section-container::before{margin: -900px 0 0 0;height: 1300px;}
    }
    @media (min-width:565px) and (max-width: 1024px) {
        .location-text{bottom: -70px;max-width: 39%;}
        .featured-project-grid{padding: 150px 25px 0 25px;}
        .third-project-images img {height: 650px;margin-top:-150px}
        .projects_page .project-details{display: block;}
    }
    @media (min-width:455px) and (max-width: 1024px) {
        .homepage-new .overlay::before{height: 100%;}
        .privacy_page .creators_section_header {margin: 0 25px;}
        .about_page .creators_section {padding: 250px 25px 200px 25px;}
        .creators_section_header { margin: 0 25px;}
        .connect_page .creators_section .register-form {padding: 100px 25px;}
        .join_section {margin: 0 25px;}
        .form-container form{margin: 0;}
        .form-section input{width: calc(100% - 40px);}
        .register-form form{padding: 0 0 50px 0;}
        .contact_info{margin: 50px 25px;}
        .about-experience{padding: 100px 25px 500px 25px;margin: 0;}
        .expertise,
        .aboutDetails {padding: 0 25px;}
        /* .expertise-grid{margin: -210px 0 0 0 !important;} */
        .our_purpose{padding: 600px 0 150px 0;}
        .form-container form{padding: 0 0 100px 0;}
        .projects_page .project-numbers{margin: 0 auto 0 25px;}
        .projects-container{margin: 0  25px;padding: 50px 0 0 0;}
        .amenities-grid-container{padding: 130px 25px 0 25px;}
        .register-form h3{padding: 50px 0 0 0;}
        #ar .projects_page ul.projects-menu,
        .projects_page ul.projects-menu{width: calc(100% - 50px);margin: 0 0 0 25px;}
        .projects_page .homepage-new .overlay::before{transform: skew(0);}
        .features-container{margin: 0 0 0 25px;}
        .about_page .creators_section h1{font-size: 56px;max-width: 100%;}
        .about_details{padding: 50px 25px;}
        .experience_statistics p{font-size: 17px;}
        .creators_section_header h1{font-size: 40px;line-height: 50px;}
        #ar .privacy_page .privacy_text,
        .privacy_page .privacy_text{margin: 300px 25px 100px 25px;}

    }

    @media (min-width:750px) and (max-width: 1024px) {
        .our_purpose{padding: 800px 0 150px 0;}
        #ar .privacy_page .privacy_text,
        .privacy_page .privacy_text{margin: 450px 25px 100px 25px;}
    }

    @media (min-width:1200px) and (max-width: 1330px) {
        .our_purpose{padding: 550px 0 150px 70px;}
        .expertise-text h4 {font-size: 19px;}

    }
    @media (min-width:690px) and (max-width: 1024px) {
        .homepage-new .overlay::before {height: 90%;}
        .third-project-images{margin: 100px 0 0 0;}
    }
    .mobile_view_link{display: none !important;}
    @media only screen and (max-width: 550px) {
        h4.title-height {height: auto;}
        .projects-section {max-width: max-content;}
        #ar .homepage-new .about-us-section{margin: 80px 25px 0 0;}
        .homepage-new .about-us-section{padding: 30px 50px;margin: 80px 0 0 25px;}
        .image-slider img{height: 1000px !important;}
        .homepage-title .homepage-nav-carousel{max-width: 100%;}
        #ar .projects-section{margin: 150px 25px 0 25px !important;}
        .projects-section { margin: 35px 25px 0 25px ;}
        .values-section {margin: -380px 0 70px 0}
        #ar .form-section,
        .form-section {margin: 125px 0 50px 0 !important;}
        #ar .connect-Page .form-section{margin: 0 0 50px 0 !important;}
        .homepage-footer .footer-container {margin: 0;}
        .projects-section-mobile {margin: -10px 25px 30px 50px;}
        #ar .connect_page .creators_section_header h4{text-align: right;}
        /* about page */
        .about_page .creators_section::before{height: 840px;}
        #ar .about_page .creators_section,
        .about_page .creators_section{padding: 150px 25px 200px 25px;}
        .homepage-title h1{font-size: 35px;margin-top: 30px;max-width: 300px;line-height: 60px;}
        .location-text p {line-height: 20px;}
        .about_page .creators_section h1{font-size: 37px;max-width: 100%;margin: 0;line-height: 50px;}
        .about_page .creators_section h4{max-width: 100%;line-height: 25px;font-size: 17px;}
        .our_purpose h4{margin: 50px 0 0 0;}
        .aboutDetails{position: relative;z-index: 1;}
        .experience_statistics{margin: 0 0 100px 0;}
        .about_details_container::before {top: 0;height: 1250px;z-index: 0;}
        #ar .expertise,.expertise,#ar .aboutDetails,#ar .about-experience,.about-experience ,.aboutDetails{padding: 0 25px;}
        .about_details{padding: 40px;}
        .about_details h3{font-size: 18px;}
        a.projects-link{margin: 10px 0 0 0;}
        .about_details p{font-size: 16px;}
        #ar .about-experience,
        .about-experience{margin: 0 25px;}
         #ar .total_text{left: 0;}
        #ar .total_text::after{left: 40px;top: 15px;}
        .about-experience h2{font-size: 20px;position: relative;}
        .experience_statistics p{font-size: 11px;}
        .total_text{top: 34%;left: 0;}
        .total_text::after {width: 25px;left: 73px;top: 12px;}
        .level_text,
        .const_text{right: 0;}
        .const_text{top: 12%;}
        .level_text::before,
        .const_text::before{width: 45px;top: 12px;left: -48px;}
        
        .expertise-text{padding: 25px;}
        .expertise-text h4{font-size: 19px;}
        .values-grid{grid-template-columns:48% 48%;grid-column-gap: 4%;}
        .values-grid h3{font-size: 25px;}
        #ar .our_purpose,
        .our_purpose{padding: 0 0 100px 0;}
        .expertise{margin: 0;}
        #ar .about_page .expertise-grid,
        .about_page .expertise-grid{margin: 0 ;position: relative;padding: 0;}
        .about_details_container img.main-image{height: 300px;}
        .about_details_container{margin: 0;}
        .item h3{font-size: 13px;}

        /* projects page */
        .projects_page .homepage-new{height: 830px;}
        .projects_page .homepage-new .homepage-title-section{padding: 130px 0 0 0;}
        #ar .projects_page .homepage-title h1{margin-top: 40px !important;line-height: 60px !important;}
        .projects_page .homepage-title h1{line-height: 40px !important;margin-top: 0;font-size: 30px;}
        .projects_page .homepage-title{padding: 0 25px;}
        .projects_page .homepage-title p:last-child {font-size: 15px;}
        .projects_page .homepage-title p{margin: 0 0 20px 0;font-size: 20px;}
        .projects_page .homepage-new{height: 500px;background-position: initial;background-size: cover;overflow: hidden;}
        .title-text img {width: 18px;}
        #ar .projects_page ul.projects-menu,
        .projects_page ul.projects-menu{display: grid;grid-template-columns: 50% 50%;margin: 0 25px;width: calc(100% - 50px);}
        .projects_page ul.projects-menu li{text-align: center;padding: 10px;font-size: 13px;}
        #ar .projects_page .project-details,
        .projects_page .project-details{margin: 0;padding: 50px 25px 150px 25px;display: flex;flex-direction: column-reverse;}
        .project-details img.project_img{margin: 50px 0 0 0;height: 350px;}
        .projects_page .project-details{margin: 0;padding: 0 25px 100px 25px;}
        .value-img{width: 120px;}
        #ar .projects_page .project-numbers,
        .projects_page .project-numbers{margin: 0 25px;text-align: center;padding: 0 0 50px 0;}
        .cookies_policy .mobile_cookies_links .cookies_link,
        .cookies_policy p{font-size: 14px;}
        .mobile_cookies_links .projects-link{margin: auto !important;}
        #ar .projects_page .project-numbers-grid,
        .projects_page .project-numbers-grid{display: block;margin: 30px 0 80px 0;width: 100%;}
        .projects_page .project-numbers-grid .properties::before{left: 46%;}
        .projects_page .project-numbers-grid .properties::after{left: 46.7%;}
        /* .projects_page .project-numbers-grid .properties::before{border: 10px solid transparent;} */
        #ar .features-container,
        .features-container{margin: 0 25px;position: relative;z-index: 4;}
        .projects_page .features{padding: 40px 0 80px 0;}
        .features-container h4{max-width: 100%;}
        .features-carousel{margin: 0 25px;z-index: 4;}
        .media_project_page .slick-initialized .slick-slide{margin: 0 !important;}
        .projects_page .project-numbers-grid .properties {padding: 0 0 20px 0;font-size: 18px;}
        .projects_page .project-numbers-grid div{margin: 40px 0;}
        .projects_page .property-values{font-size: 16px;}
        #ar .projects-container,
        .projects-container{margin: 0 25px;padding: 160px 0 0 0;z-index: 4;}
        .projects-container p{max-width: 100%;}
        .project-images .main-img{margin: 30px 0 10px 0 !important;}
        #ar .amenities-grid-container,
        .amenities-grid-container{padding: 120px 25px 0 25px;}
        .amenities-grid{grid-template-columns: repeat(3, 30.67%);}
        .amenities-section h3{font-size: 21px;margin: 0 0 30px 0;}
        .amenities-grid p{max-width: 100%;}
        .register-form h3{font-size: 25px;margin: 0 0 30px;padding: 60px 0 0 0 ;}
        .form-container form{margin: 0;}
        .register-form a.projects-link{margin: 30px 0 0 0;}
        .projects_page .project-details h4{margin: 50px 0 20px 0;}
        #ar .homepage-new .homepage-title-section{padding: 130px 0 0 25px !important;}
        .homepage-new .homepage-title-section{padding: 130px 25px 0 0;}

        /* connect page */
        .creators_section_header{margin: 0 25px !important;}
        .creators_section_header h1{font-size: 35px !important;margin: 20px 0;}
        .creators_section_header h4{max-width: 100%;font-size: 18px;text-align: center;}
        .connect_page .creators_section .register-form{padding: 30px 25px 0 25px;}
        .connect_page .form-section{margin: 0 !important;}
        #ar .join_section,
        .join_section{margin: 0 25px;}
        .join_section p{max-width: 100%;text-align: center;}
        .join_section .cv_file{margin: 40px 0 0 0;display: flex;padding: 10px 25px 30px 25px;}
        .join_section .cv_file h2{font-size: 16px;margin: 10px 0;}
        .join_section .cv_file h3{font-size: 14px;}
        .cv_file a {right: 20px;width: 40px;height: 40px;}
        .cv_file button {right: 20px;width: 40px;height: 40px;}
        .join_section h4{text-align: center;font-size: 25px;}
        .connect_page .form-container form{padding: 0 0 80px 0;}
        #ar .contact_info,
        .contact_info{display: block;margin: 70px 25px;}
        .connect_page .homepage-new{margin: 0;height: fit-content;}
        .contact_us{margin-top: 50px;}
        .connect_page .creators_section_header h4{text-align: left;}

        /* media page */
        .media_page .creators_section_header h1{line-height: 45px;margin: 15px 0;}
        .creators_section_header p{font-size: 17px;padding: 145px 0 0 0;}
        .connect_page .creators_section_header h4{line-height: 25px;}
        #ar .media_page_expertise,
        .media_page_expertise {padding: 250px 25px 0 25px;}
        .expertise-text p{font-size: 16px;line-height: 24px;}
        #ar .media_page_grid,
        .media_page_grid{padding: 0 25px;}
        .media_page .media_page_grid{display: block;}
        .media_page .pagination_container{margin: 60px  25px;}
        .media_page .pagination a{margin: 0 15px 0 0;width: 25px;height: 25px;font-size: 16px;}
        .creators_section_header h1 {line-height: 45px;}

        .projects-section .location-text p {max-width: 180px;}
        /* article page */
        #ar .share_links,
        .share_links{margin: 0 25px 100px 25px;}
        .articles_page .related_articles_header a.projects-link{display: none;}
        .articles_page .related_articles_header h4 {font-size: 22px;}
        .articles_page .related_articles_header{margin: 0 0 15px 0;}
        .mobile_view_link{display: block !important;margin: 50px auto 30px auto !important;color: #000 !important;border-bottom: none !important;}
        .articles_page .expertise-text{padding: 40px;}
        .articles_page .articles_grid img.article_img{height: 230px;}
        .articles_page .creators_section_header{display: block;}
        .articles_page .homepage-new{background-position: initial;background-size: cover;height: 400px;}
        .articles_page .creators_section_header h1 {font-size: 25px !important;line-height: 35px;}
        .articles_page .creators_section_header h4 {font-size: 15px;text-align: left;}

        /* project updates page */
        #ar .media_project_page .project_slick_container,
        .media_project_page .project_slick_container{margin: 50px 25px;}
        .media_project_page .slick-track{margin: 0 !important;}
        .media_project_page .carousel_arrow {height: 35px;width: 35px;}
        .media_project_page .project_slick button img{width: 15px;}
        .media_page .creators_section .connectOverlay::before{height: 1920px;}
        .media_project_page .project_details_slick button img{width: 16px;}
        .slick-dots li button:before,
        .slick-dots li.slick-active button:before{font-size: 35px;}
        /* .media_project_page .project_details_slick .slick-next-btn{right: -27px;}
        .media_project_page .project_details_slick .slick-prev-btn{left: -27px;} */
        /* .media_project_page .project_details_slick .slick-active,
        .slick-active img.details_slick_item{margin: 0 15px 0 0 !important;} */
        .media_project_page .project_details_slick .slick-slide>div {margin: 0 5px;}
        .media_project_page .project_details_slick .slick-list {margin: 0 -5px;}

        /* privacy annd terms page */
        .privacy_page .homepage-new{height: auto;background-position: initial;background-size: cover;}
        #ar .privacy_page .creators_section_header h4{text-align: right;}
        .privacy_page .creators_section_header h4{text-align: left;font-size: 16px;line-height: 24px;}
        .privacy_page .homepage-new::before{height: 1200px;}
        .privacy_page .privacy_text h3 {font-size: 25px;}
        .terms_page .homepage-new::before{height: 930px;}
        #ar .terms_page .homepage-new::before{height: 1200px;}

        .overlay_triangle{display: inline-block;vertical-align: middle;z-index: 4;position: absolute;right: 0;bottom: 0;width: 0;height: 0;border: 0 solid transparent;border-right-width: 0px;border-left-width: 187px;border-bottom: 76px solid #EAF3F1;}
        #ar .overlay_triangle{left: 0;right: initial;border-right-width: 187px;border-left-width: 0;}
        .projects_page .homepage-new::before{background: url(/assets/images/back-img.png);
        content: '';top: 0;right: 0;width: 100%;position: absolute;background: url(/assets/images/back-img.png);content: '';background-size: cover;background-repeat: no-repeat;background-position: center center;top: 0;right: 0;width: 100%;height: 100%;z-index: 1;}
        #ar .project-details-container::before,
        .project-details-container::before{transform: skew(0, -22deg);width: 100%;background-color: #EAF3F1;height: auto;content: "";display: inline-block;left: 0;position: absolute;z-index: 4;top: -6px;}
        .project-details-container,
         .project-details{position: relative;z-index: 4;}
        .projects_page ul.projects-menu{top: -60px;z-index: 5;display: none;}
        .media_project_page .features-carousel .slick-slide,
        .slick-slide img{height: 300px;}
         .features-carousel .slick-slide{margin: 0 !important;}
        .features p{text-align: center;max-width: 50%;margin: auto;color: #a19b9b;}
        .projects-container h4{font-size: 24px;}
        .projects_page  .expansive-text{color: #818283;margin: 30px auto 50px auto;text-align: center;max-width: 50%;padding: 0 !important;}
        #ar .amenities-section::before {height: 110% !important;}
        .third-project-images{height: 250px;top: 40px;margin: 45px 0 70px 50px}
        .location-text{bottom: -80px;}
        .project-section-container::before {height: 960px;}
        .project-section-container{height: 720px !important;}
        /* .featured-project-grid .image-container img{height: 220px;} */
        .featured-project{height: 900px;}
        #ar .featured-project{height: 680px;}
        .form-section a.projects-link{margin: 30px 0 0 0;}
        .values-section .experience{padding: 0 0 25px 0;margin: 0 auto 25px auto;}
        .values-section .developments{margin: 30px 0 0 0;}
        .values-section .total-developments{padding: 0 0 30px 0;height: 90px;}
        .values-section .projects-link{margin: 50px auto 0 auto;}
        .featured-project-grid a.projects-link{margin: 20px 0 0 0;}
        .homepage-footer{padding: 60px 0;}
        .homepage-footer .rights-text{line-height: 15px;font-size: 12px;}
        .form-section textarea{height: 200px;}
        /* .media_page .expertise-text p,
        .media_page a.read-more,
        .connect-Page .form-section textarea{opacity: 1 !important;} */
        .connect_page .creators_section::before,
        .creators_section .connectOverlay::before{height: 2050px;}
        .media_page_grid_container::before{height: 2750px;top: -150px;}
        .media_page a.read-more{margin: 30px 0 50px 0;}
        .media_project_page .creators_section .connectOverlay::before{height: 1500px;}
        .media_project_page .homepage-new::before{height: 1400px;}
        .amenities-section{position: relative;z-index: 2;margin-bottom: 160px;}
        #ar .amenities-section::before,
        #ar .penthouse-section::before,
        .penthouse-section::before,
        .amenities-section::before{content: "";position: absolute;transform: skew(0, -22deg);background-color: #DDEAE7;width: 100%;height: 100%;z-index: -1;}
        .projects_page .form-section{position: relative;z-index: 3;}
        .penthouse-section .overlay{transform: skew(0, -22deg);margin-top: -80px;height: 110%;z-index: 3;}
        #ar .projects_page .features::before,
        .projects_page .features::before{content: "";position: absolute;transform: skew(0, -22deg);background-color: #DDEAE7;width: 100%;height: 100%;z-index: 4;margin-top: -120px;}
        .projects_page .project-details::before{content: "";position: absolute;transform: skew(0, -14deg);background-color: #EAF3F1;width: 100%;height: 100%;z-index: -1;top: -5%;left: 0;}
        #ar .projects_page .project-details::before{content: "";position: absolute;transform: skew(0, 14deg);background-color: #EAF3F1;width: 100%;height: 100%;z-index: -1;top: -5%;left: 0;}
        .amenities-section::before{height: 115%;}
        .projects_page ul.projects-menu li{border-bottom: 1px solid #5A778C;}
        .success-message p{text-align: left;}
        .fail-message label{font-size: 18px;}
        .chart-shadow {bottom: -40px;right: 35%;width: 130px;}
    }

        @media only screen and (max-width: 445px) {
            .chart-shadow {bottom: -40px;right: 35%;width: 110px;}
        }


        @media only screen and (min-width: 400px) {
            .media_page_grid_container::before {height: 2850px;}
        }
        @media only screen and (min-width: 500px) {
            .media_page_grid_container::before {height: 3010px;}
        }
         @media only screen and (min-width:1050px){
            .media_page_grid_container::before {height: 2900px;}
        }
        @media only screen and (min-width:1115px) {
                .media_page_grid_container::before {height: 2700px;}
                .connect_page{overflow: hidden;}
        }
        @media only screen and (min-width:1180px) {
                .media_page_grid_container::before {height: 2500px;}
        }
        @media only screen and (min-width:1200px) {
                .media_page_grid_container::before {height: 2400px;}
        }
        @media only screen and (min-width:1580px) {
                .media_page_grid_container::before {height: 2860px;}
        }
        @media (min-width: 550px) and (max-width: 1024px) {
         .homepage-new .homepage-title-section{padding: 250px 0 0 0;}
       }
       @media (min-width:1200px) and (max-width: 1320px) {
        .privacy-Page .homepage-new::before{height: 1550px;}
        .privacy-Page .privacy_text{margin: 350px 250px 100px 500px;}
        }
        @media (min-width:550px) and (max-width: 650px) {
            .chart-shadow {right: 32%;}
        }
         @media (min-width:650px) and (max-width: 750px) {
            .chart-shadow {right: 35%;}
        }
        @media (min-width:751px) and (max-width: 850px) {
            .chart-shadow {right: 37%;}
        }
        @media (min-width:1024px) and (max-width: 1350px) {
            .chart-shadow {right: 36%;}
        }
        @media only screen and (min-width:1350px) {
            .chart-shadow {right: 39%;}
        }

    .success-message h2{color: #52CB98;}
    a.success-icon{background-color: #52CB98;}
    .fail-message h2{color: #FF3E3E;}
    .fail-message span{border-bottom: 1px solid #fff;margin: 10px 0 ;padding: 0 0 10px 0;}
    i.fail-icon{position: absolute;right: 30px;top: 30px;}
    .fail-message p{margin: 10px 0 15px 0;}
    .fail-message label{cursor: pointer;font-family: 'InstrumentSans-SemiBold';font-size: 21px;}

    .cookies_policy .arrow{opacity: 1 !important;padding: 0 0 0 15px;}