@font-face {font-family: "BrandoSansRegular";
  src: url("custom-fonts/bec0350b979522b64b9e96e56cd8d417.eot"); /* IE9*/
  src: url("custom-fonts/bec0350b979522b64b9e96e56cd8d417.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("custom-fonts/bec0350b979522b64b9e96e56cd8d417.woff2") format("woff2"), /* chrome、firefox */
  url("custom-fonts/bec0350b979522b64b9e96e56cd8d417.woff") format("woff"), /* chrome、firefox */
  url("custom-fonts/bec0350b979522b64b9e96e56cd8d417.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("custom-fonts/bec0350b979522b64b9e96e56cd8d417.svg#BrandoSansRegular") format("svg"); /* iOS 4.1- */
}

@font-face {
    font-family: 'Mafra Display';
    src: local('custom-fonts/Mafra Display Medium'), local('Mafra-Display-Medium'),
        url('custom-fonts/MafraDisplay-Medium.woff2') format('woff2'),
        url('custom-fonts/MafraDisplay-Medium.woff') format('woff'),
        url('custom-fonts/MafraDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }
@font-face {
    font-family: 'Mafra Display';
    src: local('custom-fonts/Mafra Display Book Italic'), local('Mafra-Display-Book-Italic'),
        url('custom-fonts/MafraDisplay-BookItalic.woff2') format('woff2'),
        url('custom-fonts/MafraDisplay-BookItalic.woff') format('woff'),
        url('custom-fonts/MafraDisplay-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
  }



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


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

/** Arabic Fonts**/

@font-face {
    font-family: 'Readex Pro';
    src: url('custom-fonts/ReadexPro-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Readex Pro';
    src: url('custom-fonts/ReadexPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Readex Pro';
    src: url('custom-fonts/ReadexPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Readex Pro';
    src: url('custom-fonts/ReadexPro-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Readex Pro';
    src: url('custom-fonts/ReadexPro-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Readex Pro';
    src: url('custom-fonts/ReadexPro-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/*Arabic Font Ends*/

:root {
  --primary-font: 'Mafra Display';
  --secondary-font: 'Proxima Nova';
  --arabic-font: 'Readex Pro';
	--color-1: #000;
  --color-2: #948071;
  --color-3: #ccc7C6;
  --color-4: #242221;
  --color-5: #2A3038;
  --color-6: #F8F9FB;
  --color-7: #877d75;
  --color-8: #666666;
  --bg-btn-9: #DEDEDE;
  --txt-btn-10: #050606;
  
}
/* Styles for Arabic text */
html[lang="ar"] h1, 
html[lang="ar"] h2, 
html[lang="ar"] h3, 
html[lang="ar"] h4, 
html[lang="ar"] h5, 
html[lang="ar"] h6, 
html[lang="ar"] .title {
    font-family: var(--arabic-font) !important;
    color: #000;
    letter-spacing: .5px;
}

html[lang="ar"] p,
html[lang="ar"] .header-left .bravo-menu a,
html[lang="ar"] .bravo_footer .main-footer .nav-footer .title,
html[lang="ar"] .bravo_footer .main-footer .nav-footer .context ul li a,
html[lang="ar"] .main-footer .subcribe-form .form-group input,
html[lang="ar"] .main-footer .subcribe-form .form-group .btn-submit,
html[lang="ar"] .phon-cstm a,
html[lang="ar"] .banner-filter label,
html[lang="ar"] .banner-filter .btn-search,
html[lang="ar"] .bravo_wrap .bravo_form .input-search .form-control[readonly],
html[lang="ar"] .bravo_wrap .bravo_form .input-search .parent_text[readonly],
html[lang="ar"] .bravo_wrap .bravo_form .smart-search .form-control[readonly],
html[lang="ar"] .bravo_wrap .bravo_form .smart-search .parent_text[readonly],
html[lang="ar"] .bravo-about-us .sub-title,
html[lang="ar"] .bravo-about-us .desc,
html[lang="ar"] .recent-left p,
html[lang="ar"] .recent-left p em,
html[lang="ar"] .bravo-about-us a.btn-more,
html[lang="ar"] .hot-deals-slider .item pre a,
html[lang="ar"] .recent-left a,
html[lang="ar"] .bravo_detail_location a.btn,
html[lang="ar"] .articles-grid a.btn-readmore,
html[lang="ar"] .destination-project-grid .readmore-btn,
html[lang="ar"] .hot-deals-slider .item .text ul li,
html[lang="ar"] .home-news-feed .list-item .item-desc,
html[lang="ar"] .home-news-feed .list-item .item-date li,
html[lang="ar"] .social-news .sub-title,
html[lang="ar"] .social-news .caption .item-title a,
html[lang="ar"] .social-news .caption .item-desc,
html[lang="ar"] #exampleModal form,
html[lang="ar"] #exampleModal input,
html[lang="ar"] #exampleModal textarea,
html[lang="ar"] #exampleModal form button,
html[lang="ar"] .main-destination .btn,
html[lang="ar"] .career-modal input.btn,
html[lang="ar"] #exampleModal form strong,
html[lang="ar"] .main-destination form strong,
html[lang="ar"] .career-modal form strong,
html[lang="ar"] .destination-single .destination-txt p,
html[lang="ar"] .destination-single .destination-txt h6,
html[lang="ar"] .destination-single .destination-txt span,
html[lang="ar"] .rise-sub > div,
html[lang="ar"] .button-sec1 a,
html[lang="ar"] .button-sec1 a,
html[lang="ar"] .button-sec a,
html[lang="ar"] .button-sec a,
html[lang="ar"] .brand-feature-sec .cstm-features span,
html[lang="ar"] .brand-feature-sec ~ .hot-deals-slider .item .text h2,
html[lang="ar"] .bravo_detail_location .item-title a,
html[lang="ar"] .destination-txt,
html[lang="ar"] .space-right-sec p,
html[lang="ar"] .director-sec p.director-name,
html[lang="ar"] .director-sec p.director-board-name,
html[lang="ar"] .read-less-content q,
html[lang="ar"] .read-less-content2 q,
html[lang="ar"] .career-modal form input,
html[lang="ar"] .career-modal .file-uploder,
html[lang="ar"] .career-modal form textarea,
html[lang="ar"] .magazine .bravo-list-news:not(.social-news) .sub-title,
html[lang="ar"] .magazine .bravo-list-news:not(.social-news) .list-item .item-title a,
html[lang="ar"] .articles-grid .item-title a,
html[lang="ar"] .magazine .bravo-list-news:not(.social-news) .list-item .item-desc,
html[lang="ar"] .space-right-sec .item-title a,
html[lang="ar"] .space-extra-info ul,
html[lang="ar"] .space-extra-info ul li h4.name,
html[lang="ar"] .space-extra-info ol a,
html[lang="ar"] .space-extra-info ol button,
html[lang="ar"] .rental-model .modal-content .tab button,
html[lang="ar"] .rental-model .modal-content .next-btn,
html[lang="ar"] .magazine-reverse a.backbtn,
html[lang="ar"] .post-info ul li,
html[lang="ar"] .articles-grid .item-desc,
html[lang="ar"] .custom-search-list .item-desc,
html[lang="ar"] .custom-space-list .item-desc,
html[lang="ar"] .search-content .btn-readmore,
html[lang="ar"] .home .bravo-about-us p em {
    font-family: var(--arabic-font) !important;
    font-size: 18px;
    letter-spacing: .5px;
    font-weight: 100;
}

/* Styles for Arabic Text End*/


h1, h2, h3, h4, h5, h6, .title {
  font-family: var(--primary-font) !important;
  color: #000;
  letter-spacing: .5px;
}
h2 {
    font-size: 36px;
}
p {
  font-family: var(--secondary-font);
  font-size: 18px;
  letter-spacing: .5px;
  font-weight: 100;
}
html {
    background: #F8F9FB;
}
body {
    max-width: 1920px;
    margin: 0 auto;
    box-shadow: 0 0 10px #a2a2a2;
}

body[data-loading=true], body[data-page-loading=true] {
    overflow: hidden;
    height: 100vh;
}

html[lang="ar"] .main-footer .nav-footer .context ul li img {
    margin-right: 0;
    margin-left: 10px;
}

/********** HEADER SECTION STARTS ***************/

.container {
    max-width: 1440px;
}

.bravo_topbar {
    display: none;
}
.bravo_header, .bravo_header .content {
    background: transparent !important;
    position: relative;
    z-index: 999;
    position: sticky;
    top: 0;
    margin-bottom: -100px;
}
.bravo_header:not(.fixed-header) {
    padding-block: 7px;
}
.bravo_header.fixed-header {
    /* background-image: linear-gradient(to right, #c5aaa6 , #003459) !important; */
    background: #fff !important;
    box-shadow: 0 0 10px var(--color-2);
}
.frontend-page .page-template-content {
    margin-top: 0;
}
.bravo_header .content .header-left {
    justify-content: space-between;
    width: 100%;
}
.bravo_header .bravo-logo img {
    filter: invert(0);

}
.bravo_header.fixed-header img {
    filter: invert(1);
    max-width: 85px;
}
.bravo_header.fixed-header .content .header-left .bravo-menu ul li a {
    padding-block: 25px;
}
.bravo_header.fixed-header .content .header-left {
    min-height: auto;
}
.header-left .bravo-menu a {
  font-family: var(--secondary-font);
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 300 !important;
}
.bravo_header.fixed-header .header-left .bravo-menu a {
    color: #000 !important;
} 
.bravo_header .container {
    max-width: 1560px;
    padding-inline: 0;
}
/*.bravo_header .bravo-menu ul li:last-child a {
    padding-right: 0 !important;
}*/
/********** HEADER SECTION ENDS ***************/


/********** FOOTER SECTION STARTS ***************/
.main-footer .container {
    max-width: 1560px;
    padding-inline: 0;
}
.main-footer .row {
    padding-top: 30px;
    display: grid;
    grid-template-columns: 1.5fr 1.5fr 2.2fr 3.2fr;
    padding-inline: 30px;
}
.main-footer .row::before, 
.main-footer .row::after {
    display: none;
}
.main-footer .row > div { 
  -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}
.bravo_footer .main-footer,
.bravo_footer .copy-right {
  background: var(--txt-btn-10);
  margin: 0 !important;
  border: 0 !important;
}
.bravo_footer .copy-right .context {
  padding-block: 30px !important;
  max-width: 1560px;
}
.bravo_footer .copy-right p {
  color: #939598;
  font-size: 16px;
}
.bravo_footer .copy-right a {
    color: #fff;
}
.bravo_footer .main-footer .nav-footer .title {
  color: #fff;
}
.bravo_footer .main-footer .nav-footer .title::before {
  display: none;
} 
.footer-logo {
    text-align: left;
    position: relative;
    top: 30px;
    left: 20px;
}
.footer-logo img {
    filter: brightness(0) invert(1);
    max-width: 50px;
}
.bravo_footer .main-footer .nav-footer .title {
    color: #fff;
    font-weight: 600 !important;
    font-size: 16px;
    text-transform: capitalize !important;
    letter-spacing: .5px;
    margin-bottom: 15px !important;
    font-family: var(--secondary-font) !important;
}
.bravo_footer .main-footer .nav-footer .context ul li a {
    color: #fff !important;
    font-family: var(--secondary-font);
    font-size: 16px !important;
    margin-bottom: 15px !important;
    display: flex !important;
    align-items: center;

}
.bravo_footer .main-footer .nav-footer .context ul li a p {
    font-size: 16px;
}
.bravo_footer .main-footer .nav-footer .cntext-disable ul li:last-child a{
        pointer-events: none;
}
.main-footer .nav-footer .context ul li a p {
  margin-bottom: 0;
}
.main-footer .nav-footer .context ul li img {
    margin-right: 10px;
    max-width: 16px;
    filter: brightness(0) invert(1);
}
.main-footer .subcribe-form .form-group {
    display: grid;
    grid-template-columns: 4fr 1.5fr;
    border: 1px solid var(--color-3);
    margin-bottom: 20px;
}
.main-footer .subcribe-form .form-group input{
  background: var(--txt-btn-10);
  border: 0;
  color: #58595B;
  font-family: var(--secondary-font);
  font-size: 16px;
  min-height: 45px;
      box-shadow: none;
}
.main-footer .subcribe-form .form-group .btn-submit {
    background: var(--bg-btn-9);
    font-family: var(--secondary-font);
    font-size: 14px;
    border: 0;
    color: var(--txt-btn-10);
    text-transform: uppercase;
    min-height: 45px;
    min-width: 185px;
    letter-spacing: 1px;
}
.main-footer .subcribe-form .form-group .btn-submit:hover {
    background: var(--color-4);
}
.phon-cstm {
    margin-block: 25px !important;
}
.phon-cstm a {
    color: #fff;
    font-family: var(--secondary-font) !important;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}
.phon-cstm a:hover {
    color: var(--color-2);
}
.foo-custom-social ul {
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.foo-custom-social ul li {
  margin-right: 10px;
  max-width: 25px;
}
.foo-custom-social a i {
    font-size: 24px;
    color: var(--color-2);
}
.main-footer li {
    list-style: none;
}
.bravo_footer .mailchimp {
    display: none;
}
/********** FOOTER SECTION ENDS ***************/


/**************  VIDEO TOP SECTION STARTS *******************/

.banner-top {
    padding-inline: 0;
    overflow: hidden;
}
.banner-top .btn-group {
    width: 100%;
}
.banner-top video, .ajdan-rise-sec video {
  width: 100%;
  height: 100%;
  object-fit: cover;
} 
.banner-top div#playButtonId {
    opacity: 0 !important;
}
.banner-top div#playButtonId, .ajdan-rise-sec div#playButtonId2  {
    width: 100px;
    height: 100px;
    background: #bba18d;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /*opacity: .85;*/
    opacity: 0;
    cursor: pointer;
}
.banner-top div#playButtonId:hover, .ajdan-rise-sec div#playButtonId2:hover {
  animation: avatar-pulse 2s infinite;
  transition: background-color 0.5s;
  transition: 0.5s ease all;
}

@keyframes avatar-pulse {
  0% {
    box-shadow: 0 0 0 0 #fff;
  }
  100% {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
}
.banner-top div#playButtonId::before,
.ajdan-rise-sec div#playButtonId2::before  {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 23px solid #fff;
    left: 54%;
    transform: translate(-50%,-50%);
}
.banner-top div#playButtonId img,
.ajdan-rise-sec div#playButtonId2 img {
    opacity: 0;
    position: relative;
    width: 100px;
    height: 100px;
}

/************ BANNER FILTER SECTIONS STARTS  ******************/

.banner-filter {
    padding-block: 0 !important;
    margin: -190px 0 100px;
    background-image: none;
}
.banner-filter label {
    color: var(--color-2) !important;
    text-transform: uppercase;
    font-size: 14px !important;
    font-family: var(--secondary-font);
    letter-spacing: .5px;

}
.banner-filter .field-icon {
    color: var(--color-2) !important;
}
.banner-filter .bravo_form .form-content .render,
.banner-filter .bravo_form .smart-search .form-control, 
.banner-filter .bravo_form .smart-search .parent_text, 
.banner-filter input.smart-search-location.parent_text.form-control::placeholder,
.banner-filter .bravo_form .input-search:after, .bravo_wrap .bravo_form .smart-search:after,
.banner-filter .bravo_form .dropdown-toggle:after {
    color: var(--color-1) !important;
}
 .banner-filter .bravo_form *::placeholder {
    color: var(--color-1) !important;
 }
 .banner-filter .g-form-control {
    margin: 0 auto !important;
    padding: 10px 20px;
    background: #fff;
    max-width: 1560px;
}
.banner-filter .form {
    box-shadow: none;
    display: grid;
    grid-template-columns: 82.5% 200px;
    padding-inline: 0px;
    align-items: center;
    justify-content: space-between;
}
.banner-filter .form .g-button-submit,
.banner-filter .form  .g-field-search {
    flex: 0 0 100%;
    max-width: 100%;
    flex-grow: 0;
    position: relative;
    padding-inline: 0;
}
.banner-filter .form .g-button-submit {
    text-align: right;
}
.banner-filter .form .form-content {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}
.banner-filter .form .g-field-search > div:first-child .form-content {
    padding-left: 0;
}
.banner-filter .form .g-field-search .row {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
}
.banner-filter .form .g-field-search .row > div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.banner-filter  .field-icon {
    display: none;
}
.banner-filter .bravo_form .dropdown-toggle:after {
    top: 43px;
    color: #5191fa;
    border-top: 0.4em solid;
    border-right: .3em solid transparent;
    border-left: 0.3em solid transparent;
}
.banner-filter .btn-search {
    background: var(--bg-btn-9) !important;
    font-family: var(--secondary-font);
    border-radius: 0 !important;
    padding: 10px 0 !important;
    max-width: 185px;
    margin: 0 0 0 auto;
    font-size: 14px;
    letter-spacing: 1px;
    color: var(--txt-btn-10);
}
.banner-filter .btn-search:hover {
    background: var(--txt-btn-10) !important;
	color: var(--bg-btn-9);
}
.bravo_wrap .bravo_form .input-search .form-control[readonly], .bravo_wrap .bravo_form .input-search .parent_text[readonly],
 .bravo_wrap .bravo_form .smart-search .form-control[readonly], .bravo_wrap .bravo_form .smart-search .parent_text[readonly] {
    text-transform: uppercase;
    opacity: .9;
    font-family: var(--secondary-font);
    font-size: 18px;
}
.banner-filter .row {
    margin-inline: 0 !important;
}
.banner-filter .row > div {
    padding: 0 0 0 10px !important;
}
/************ BANNER FILTER SECTIONS STARTS  ******************/

/**************  VIDEO TOP SECTION STARTS *******************/

/**************  ABOUT US SECTION STARTS *******************/
.bravo-about-us .row {
    align-items: center;
    margin-block: 70px;
}
.bravo-about-us .image {
    padding-right: 40px;
}
.bravo-about-us .sub-title, .recent-left h2 {
    font-family: var(--primary-font);
    font-size: 36px;
    font-weight: 500;
    color: #000;
}
.bravo-about-us .desc, .recent-left p {
    font-family: var(--secondary-font);
    font-size: 18px;
    color: #000;
    margin-block: 20px;
    letter-spacing: .5px;
}
.recent-left p em {
    font-family: var(--primary-font);
    font-weight: 500;
}
.bravo-about-us a.btn-more, .hot-deals-slider .item pre a, 
.recent-left a, .bravo_detail_location a.btn,
.articles-grid a.btn-readmore,
.destination-project-grid .readmore-btn {
    font-family: var(--secondary-font);
    background: var(--bg-btn-9);
    color: var(--txt-btn-10);
    font-size: 14px;
    padding: 10px 0;
    letter-spacing: 1px;
    margin-top: 30px;
    display: block;
    width: max-content;
    border: 1px solid var(--bg-btn-9);
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    cursor: pointer;
    min-width: 185px;
    text-align: center;
}
.recent-left a, .bravo-about-us a.btn-more {
    margin-top: 45px;
}
.bravo-about-us a.btn-more:hover,
.hot-deals-slider .item pre a:hover,
.recent-left a:hover,
.bravo_detail_location a.btn:hover,
.articles-grid a.btn-readmore:hover,
.destination-project-grid .readmore-btn:hover  {
    background: var(--txt-btn-10);
    border-color: var(--txt-btn-10);
    color: var(--bg-btn-9);
} 
/**************  ABOUT US SECTION STARTS *******************/



/**************  HOT DEAL SLIDER STARTS *******************/

.hot-deals-slider {
    padding-inline: 0 !important;
}
.hot-deals-slider .item,
.glance-slider .item {
    position: relative;
}
.hot-deals-slider .item::before,
.glance-slider .item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}
.hot-deals-slider .item .text,
.glance-slider .item .text {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 1440px;
    padding-inline: 15px;
    margin: 0 auto !important;
    /* right: auto; */
}
.glance-slider .item .text,
.glance-slider .item::before {
    display: none;
}
.hot-deals-slider .item .text > *,
.glance-slider .item .text > * {
    color: #fff;
}
.hot-deals-slider .item .text h2, 
.hot-deals-slider .item .text h3,
.glance-slider h2, .glance-slider h3 {
    font-size: 42px;
    color: #fff;
}
.hot-deals-slider .item .text p,
.hot-deals-slider .item .text li,
.glance-slider p {
    font-size: 18px;
    position: relative;
}
.hot-deals-slider .item .text p {
    margin-bottom: 10px;
}
.hot-deals-slider .item .text p::before {
    content: "";
    position: absolute;
    right: 101%;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 1px;
    background: #fff;
}
.hot-deals-slider .item .text ul {
    list-style: none;
    margin-block: 30px;
}
.hot-deals-slider .item .text ul li {
    font-family: var(--secondary-font);
    margin-bottom: 5px;
    letter-spacing: .5px;
}
.hot-deals-slider .item .text h2 {
    margin-bottom: 40px;
    letter-spacing: .5px;
}
.hot-deals-slider .item .text h3 {
    margin-top: 0;
}
.hot-deals-slider .item pre {
    display: inline-block;
    text-transform: uppercase;
    background: transparent;
    border: none;
}
.hot-deals-slider .item pre a {
    margin-top: 0;
}
.hot-deals-slider .carousel-control,
.glance-slider .carousel-control {
    display: flex;
    align-items: center;
    justify-content: center;
}
/**************  HOT DEAL SLIDER ENDS *******************/


/************ NEW BLOG SECTION STARTS ***************/
.home-news-feed {
    margin-top: 50px;
}
.home-news-feed .list-item .row::before,
.home-news-feed .list-item .row::after {
    display: none;
} 
.home-news-feed .list-item .row {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 0;
    margin: 0;
}
.home-news-feed .list-item .row > div:first-child {
    grid-row: 1 / 5;
}
.home-news-feed .title, .social-news .title {
    font-size: 36px !important;
    font-weight: 500;
    color: #000 !important;
}
.home-news-feed .list-item .row > div {   
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-inline: 5px;
    margin-bottom: 10px;
}
.home-news-feed .list-item .row > div:not(:first-child) .item-news {
    display: grid;
    grid-template-columns: 1.5fr 3fr;
    margin-bottom: 0;
    grid-gap: 15px;
}
.home-news-feed .list-item .row > div:not(:first-child) .item-news .thumb-image {
    height: 150px;
    padding: 0;
}
.home-news-feed .list-item .row > div:first-child .item-news .thumb-image {
    height: 470px;
    padding: 0;
}
.home-news-feed .list-item .row > div .item-news .thumb-image img {
    object-fit: cover;
}
.home-news-feed .list-item .row > div:not(:first-child) .item-news .caption {
    padding-block: 0;
}
.home-news-feed .list-item a.btn-readmore {
    display: none !important;
}
.home-news-feed .list-item h3.item-title {
    margin: 10px 0 10px !important;
}
.home-news-feed .list-item h3.item-title a {
    color: #000 !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    font-size: 18px;
}
.home-news-feed .list-item .item-desc {
    margin-bottom: 0 !important;
    font-family: var(--secondary-font);
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    color: var(--color-7) !important;
    letter-spacing: .5px;
}
.home-news-feed .list-item .item-date ul {
    margin-block: 1px !important;
}
.home-news-feed .list-item .item-date li {
    font-family: var(--secondary-font);
    color: #666666;
    text-indent: -12px;
    font-weight: 700;
    font-size: 14px;
    font-weight: 100;
}
.home-news-feed .list-item .item-date li a {
    display: none;
}
.home-news-feed .list-item .item-date li.dot::before {
    display: none !important;
}

/************ NEW BLOG SECTION ENDS ***************/



/************* RECENT DEVELOPMENT SECTION STARTS ****************/
.recent-left {
    padding-right: 35px;
}
.recentsub {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 40px;
    margin-top: 50px;
    align-items: center;
}

ul.main-col {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px;
}
ul.main-col li.first-col {
    grid-column: 1 / 3;
}
ul.main-col li.first-col , ul.main-col li.second-col  {
    height: 350px;
    position: relative;
    overflow: hidden;
}
ul.main-col li.second-col {
    grid-row: 2 / 3;
}
.sub-col {
    list-style: none;
}
.sub-col li {
    margin-bottom: 10px;
}
.sub-col li {
    height: 170px;
    object-fit: cover;
    width: 100%;
}
.recentsub img {
    max-width: 100%;
}
.recent-right ul li {
    position: relative;
}
.recent-right ul li img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.recent-right ul li .context-sec {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.recent-right ul li .context-sec {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    top: 0;
    right: 0;
    background: rgba(0,0,0,0.4);
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    opacity: 0;
}
.recent-right ul.main-col > li:not(.third-col):hover  .context-sec,
.recent-right ul.sub-col > li:hover .context-sec {
    opacity: 1;
}
.recent-right ul li .context-sec h4,
.recent-right ul li .context-sec p {
    color: #fff;
    display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  font-size: 14px;
}
.recent-right ul li .context-sec h4 {
    font-size: 18px;
    font-weight: 200;
}
.recent-right ul li .context-sec p  {
    text-transform: uppercase;
}
/************* RECENT DEVELOPMENT SECTION ENDS ****************/


/*********************** GLANCE SLIDER STARTS **************/
.glance-sec, .social-news {
    background: #f5f5f5;
    padding-block: 70px;
}
.glance-slider {
    margin-top: 0
}
.glance-slider .item .text {
    max-width: 1080px;
}
.glance-slider .item .text ul {
    display: grid;
    grid-template-columns: 2fr 2fr 1.5fr;
    list-style: none;
}
.glance-slider .item .text > p {
    max-width: 480px;
    margin: 25px 0 0;
}
.hot-deals-slider .owl-nav,
.glance-slider .owl-nav {
    position: static;
}
.hot-deals-slider .owl-nav span,
.glance-slider .owl-nav button span {
    font-size: 0;
}
.hot-deals-slider .owl-nav button,
.glance-slider .owl-nav button {
    position: absolute;
    top: 50%;
    left: 100px;
    transform: translateY(-50%);
    background-image: url(/uploads/0000/1/2022/02/02/previous.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 100px;
    height: 100px;
    outline: none;
}
.glance-slider .owl-nav button {
    left: 50px;
}
.hot-deals-slider .owl-nav button.owl-next, 
.glance-slider .owl-nav button.owl-next{
    left: inherit;
    right: 100px;
    background-image: url(/uploads/0000/1/2022/02/02/next.png) !important;
    background-position: right !important;
}
.glance-slider .owl-nav button.owl-next {
    right: 50px;
}
.glance-slider h2 {
    color: #000;
    margin-bottom: 30px;
    max-width: 450px;
}
.hot-deals-slider .owl-dots,
.glance-slider .owl-dots {
    display: none;
}
.hot-deals-slider .item img {
    height: 600px;
    object-fit: cover;
}
.glance-slider .item img {
/*    height: 600px;*/
    object-fit: cover;
}
/*********************** GLANCE SLIDER ENDS **************/



/************* SOCIAL MEDIA SECTIONS STARTS  ************/
.social-news {
    padding-top: 100px;
}
.social-news .title {
    max-width: 36%;
    margin-bottom: 0 !important;
}
.social-news .sub-title {
    font-family: var(--secondary-font);
    color: #666666 !important;
    font-weight: 100;
    font-size: 18px !important;
/*    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;*/
}
.social-news .container .row {
    display: grid;
    grid-template-columns: 1.25fr 1fr 1fr;
    grid-gap: 10px;
    margin-top: -200px;
    margin-inline: 0;
}
.social-news .container .row > div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
}
.social-news .container .row > div:first-child {
    grid-row:  2 / 3;
    margin-top: -225px;
}
.social-news .container .row > div:nth-child(2) {
    grid-column:  2 / 3;
}
.social-news .container .row > div:nth-child(3) {
    grid-column:  3 / 3;
}
.social-news .container .row > div:last-child {
    grid-column: -3 / -1;
    grid-row:  2 / 3;
}
.social-news .item-news {
    margin-bottom: 0 !important;
    position: relative;
    transition: all .3s ease-in-out;
    -webkit-transition: all 3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}
.social-news .item-news img {
    object-fit: cover;
}
.social-news .caption {
   position: absolute;
   left: 0;
   bottom: -25px;
   z-index: 2;
   transition: all .3s ease-in-out;
   -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}
.social-news .item-news:hover .caption {
    bottom: 0;
}
.social-news .caption .item-date {
    display: none;
}
.social-news .caption .item-more {
    display: none;
    padding-left: 20px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}
.social-news .caption .item-desc {
   margin-bottom: 30px !important;
}
.social-news .item-news .item-more .btn-readmore {
   color: #fff !important;
}
.social-news .item-news .item-more .btn-readmore::after {
    background: var(--color-2) !important;
} 
.social-news .caption .item-title,
.social-news .caption .item-desc  {
    padding-inline: 20px;
}
.social-news .caption .item-title a {
    color: #fff !important;
   /* font-family: var(--secondary-font) !important;*/
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 18px;
    font-weight: 100;
    letter-spacing: 1px;
}
.social-news .caption .item-desc {
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff !important;
    font-family: var(--secondary-font) !important;
    font-size: 18px;
    max-width: 370px;
    letter-spacing: .5px;
}

.social-news .container .row > div:first-child .item-news,
.social-news .container .row > div:nth-child(2) .item-news,
.social-news .container .row > div:nth-child(3) .item-news {
    height: 500px;
}
.social-news .container .row > div:last-child .item-news {
    height: 275px;
}
.social-news .thumb-image {
    height: 100% !important;
    padding: 0;
    position: relative;
}
.social-news .thumb-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.35);
    z-index: 1;
}
.social-news ul.social-icons {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 10%;
    margin-top: 15px;
}
.social-news ul.social-icons a {
    color: var(--color-2);
    font-size: 24px;
}
.social-news .container .row > div {
    position: relative;
}
.social-news .container .row > div .social-icon {
    position: absolute;
    top: 10px;
    z-index: 2;
    left: 10px;
}
.social-news .container .row > div .social-icon a {
    color: #fff;
    font-size: 22px;
}
.social-news .social-icon img {
    filter: brightness(0) invert(1);
}
/************* SOCIAL MEDIA SECTIONS ENDS ************/


/*********** GET IN TOUCH POPUP STARTS *************/

#exampleModal .modal-dialog,
.career-modal .modal-content {
    max-width: 900px;
}
#exampleModal .modal-body {
    padding: 0;
}
.modal-content {
    overflow: hidden;
    border: 0;
}
.modal-dialog {
    margin-top: 5rem;
}
#exampleModal .modal-body .row {
    margin: 0 !important;
}
#exampleModal .modal-body .row > div {
    background-color: transparent !important;
    padding: 0 !important;
}
#exampleModal img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
#exampleModal .modal-header {
    position: absolute;
    right: 0;
    z-index: 9;
    border: 0 !important;
}
#exampleModal .modal-header .close {
   /* color: #fff;*/
    color: #000;
    opacity: 1;
    font-size: 32px;
    padding: 10px;
}
#exampleModal h2 {
    font-size: 42px;
    padding: 30px 30px 20px;
    color: #000;
}
#exampleModal .container-fluid {
    padding: 0 !important;
}
#exampleModal form {
    padding-inline: 30px;
    font-family:  var(--secondary-font);
    padding-bottom: 30px;
}
#exampleModal input, .career-modal input {
    border-radius: 0 !important;
    min-height: 50px;
}
#exampleModal textarea, .career-modal textarea {
    height: 120px !important;
    border-radius: 0 !important;
    font-family:  var(--secondary-font);
    padding-top: 15px;
}
#exampleModal input::placeholder,
#exampleModal textarea::placeholder,
.career-modal input::placeholder,
.career-modal textarea::placeholder {
    text-transform: uppercase;
    color: #7a7a7a;
    letter-spacing: .5px;
}
#exampleModal form button, .main-destination .btn,
.career-modal input.btn {
    font-family: var(--secondary-font);
    background: var(--bg-btn-9);
    color: var(--txt-btn-10);
    font-size: 14px;
    padding: 8px 0;
    letter-spacing: 1px;
    margin-top: 30px;
    display: block;
    width: max-content;
    border: 1px solid var(--bg-btn-9);
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    letter-spacing: 2px;
    min-width: 185px;
}
#exampleModal form strong,
.main-destination form strong,
.career-modal form strong {
    font-family: var(--secondary-font);
    color: var(--color-7);
    font-weight: 100;
    text-transform: uppercase;
}
#exampleModal form button:hover,
.main-destination .btn:hover,
.career-modal .btn:hover {
    background: var(--txt-btn-10);
    border-color: var(--txt-btn-10);
    color: var(--bg-btn-9);
}

/*********** GET IN TOUCH POPUP ENDS *************/

/************ DESTINATION PAGE STARTS **************/
.main-destination {
    margin-bottom: 70px;
}
.main-destination  .destination-txt h3 {
    margin-bottom: 15px;
}
.main-destination .title, .destination-project-grid .title {
    font-size: 42px !important;
    color: #000;
    margin: 70px 0 25px !important;
}
.destination-single {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-bottom: 60px;
    grid-gap: 50px;
    align-items: center;
}
.destination-img img {
    max-width: 100%;
    height: 375px;
    width: 100%;
    object-fit: cover;
} 
.destination-single h3 a {
    color: #000;
    text-decoration: none;
}
.destination-single .destination-txt p {
    font-family: var(--secondary-font);
    font-size: 18px;
    color: var(--color-7);
    margin-block: 15px;
}
.destination-single .destination-txt h6 {
    font-family: var(--secondary-font) !important;
    font-size: 18px;
    margin-block: 15px;
}
.destination-single .destination-txt span {
     font-family: var(--secondary-font);
    color: var(--color-2);
}
/************ DESTINATION PAGE ENDS **************/


/************ PROJECT DETAIL PAGE STARTS **************/
.ajdan-rise-sec {
    margin-top: 70px;
}
.bravo-video-popup {
    width: 100%;
}
.ajdan-rise-sec h2 {
    font-size: 42px;
    font-weight: 500;
    letter-spacing: 0;
    color: #000;
}
.ajdan-rise-sec h5 {
    font-style: italic;
    font-weight: 500;
    color: #000;
    margin: 20px 0;
    font-size: 28px;
}
.ajdan-rise-sec p {
    font-size: 18px;
    max-width: 1158px;
    margin-top: 0;
    color: var(--color-7);
}
.rise-video-sec {
    margin-top: 30px;
}
.story-rise-glance {
    margin-top: 50px;
}
.rise-sub {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    text-align: center;
    grid-gap: 30px;
    margin-top: 30px;
}
.rise-sub > div {
    background: #F8F9FB;
    padding: 30px;
    font-family: var(--secondary-font);
    font-size: 28px;
}
.rise-sub > div h2 {
    color: var(--color-2);
    font-size: 120px;
    line-height: 110px;
}
.rise-sub > div p {
    color: #242221;
}
.rise-sub > div p br {
    display: none;
}
.project-3d-sec {
    margin-top: 60px;
}
.project-3d-sec .container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 50px;
    align-items: center;
}
.project-3d-sec canvas {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.project-3d-sec h2 {
    font-size: 28px;
    margin-bottom: 15px;
}
.project-3d-sec p {
    color: var(--color-7);
}

.project-more-detail-sec > .detail-inner {
    padding-inline: 0;
    position: relative;
}
.project-more-detail-sec .text-sec {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.project-more-detail-sec .text-sec .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px;
    align-items: center;
}
.project-more-detail-sec h2 {
    color: #fff;
    margin: 0;
}
.ajdan-story .project-more-detail-sec h2 {
    color: #000;
}
.button-sec1 {
    text-align: right;
}
.button-sec1 a {
    position: relative;
    font-family: var(--secondary-font);
    font-size: 18px;
    color:#050606;
    background: var(--bg-btn-9);
    padding: 13px 25px;
    margin-left: 15px;
	color:var(#050606);
}
.button-sec1 a:hover {
    color: var(--bg-btn-9);
    background: var(--txt-btn-10);
    text-decoration: none;
}
.button-sec1 a {
    position: relative;
    font-family: var(--secondary-font);
    font-size: 14px;
    background: var(--bg-btn-9);
    padding: 12px 25px;
    margin-left: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
	color:var(--txt-btn-10);
}


.button-sec {
    text-align: right;
}
.button-sec a {
    position: relative;
    font-family: var(--secondary-font);
    font-size: 18px;
    color: #050606;
    background: var(--color-2);
    padding: 13px 25px;
    margin-left: 15px;
    /* font-weight: 600; */
}
.button-sec a:hover {
     color: var(--bg-btn-9);
    background: var(--txt-btn-10);
    text-decoration: none;
}
.button-sec a {
    position: relative;
    font-family: var(--secondary-font);
    font-size: 14px;
    color: var(--txt-btn-10);
    background: var(--bg-btn-9);
    padding: 12px 25px;
    margin-left: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* .button-sec a {
    padding-left: 40px;
} */
/* .button-sec a::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(/uploads/0000/1/2022/02/09/download-icon.png);
} */
/*.ajdan-story .button-sec a:first-child::before {
    display: none;
}*/
/*.ajdan-story .button-sec a:first-child {
    padding-left: 25px;
}*/
.brand-feature-sec {
    margin-block: 60px;
}
.brand-feature-sec .cstm-feature-list {
    text-align: center;
    display: grid;
    grid-template-columns: repeat(7,1fr);
    grid-gap: 20px;
    margin-top: 30px;
}
.brand-feature-sec .cstm-features {
    display: flex;
    flex-direction: column;
}
.brand-feature-sec .cstm-features a {
    height: 60px;
}
.brand-feature-sec .cstm-features img {
    max-width: 100%;
    max-height: 100%;
}
.brand-feature-sec .cstm-features span {
    font-family: var(--secondary-font);
}
.brand-feature-sec ~ .hot-deals-slider .item .text h2 {
    margin-bottom: 0;
}
.brand-feature-sec ~ .hot-deals-slider .item::after,
.brand-feature-sec ~ .glance-slider .item::after,
.destinations .hot-deals-slider .item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 9%;
    height: 100%;
    width: 450px;
    background: rgba(0,0,0,.8);
}
.brand-feature-sec ~ .hot-deals-slider .item .text,
.brand-feature-sec ~ .glance-slider .item .text,
.destinations .hot-deals-slider .item .text {
    z-index: 2;
}
.project-map {
    margin-top: 60px;
}
.project-map .container-fluid {
    padding-inline: 0;
}
.project-map #map {
    width: 100% !important;
    height: 500px !important;
}
.project-map #map_canvas {
    height: 100% !important;
}
.projec-brand-sec {
    margin-top: 60px;
    margin-bottom: 70px;
}
.projec-brand-sec .brand-sub img {
 /*   padding: 0 30px;*/
    max-width: 100%;
}

.projec-brand-sec ul {
    text-align: center;
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 20px;
    margin-top: 0;
    list-style: none;
    align-items: center;
}
.brand-sub h2 {
    margin-bottom: 0;
}
.brand-feature-sec h2 {
    margin-bottom: 50px;
}
/************ PROJECT DETAIL PAGE ENDS **************/

/************ PROJECT LIST PAGE STARTS **************/
.video-top-sec {
    padding-inline: 0;
}
.bravo_detail_location {
    margin-top: 60px;
}
.destination-grid .list-item {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr 1fr 1fr;
    overflow: hidden;
    grid-gap: 30px;
}
.destination-grid .destination-single {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    margin-bottom: 40px;
    grid-gap: 20px;
    align-items: center;
}
.destination-grid a.btn {
    display: none;
}
.destination-project-grid .list-item .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    grid-auto-flow: dense;
}
.destination-project-grid .list-item .row > div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.destination-project-grid .item-loop {
    border: none !important;
}
.destination-project-grid a.btn {
    display: block;
}
.destination-project-grid .space-right-sec {
    margin-top: 20px;
}
.destination-project-grid .thumb-image img {
    object-fit: cover;
}
.bravo_detail_location .list-item .row > div {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
}
.bravo_detail_location .list-item .row img {
    object-fit: cover;
}
.bravo_detail_location .item-title a {
    font-family: var(--primary-font);
    color: #000;
    margin: 20px 0 10px;
    display: block;
    font-size: 24px;
    font-weight: 500;
}
.bravo_detail_location a.btn {
    padding-inline: 25px;
    margin-top: 10px;
}
.bravo_detail_location .tab-content {
    padding: 30px 0 0 !important;
}
.bravo_detail_location .row {
    display: grid;
    grid-auto-flow: column;
}
.bravo_detail_location .space-extra-info {
    display: none;
}
.destination-txt,
.space-right-sec p {
    color: var(--color-7);
    font-family: var(--secondary-font);
    font-size: 18px;
    font-weight: normal;
    letter-spacing: .5px;
}
/************ PROJECT LIST PAGE ENDS **************/


/************ PROJECT DETAIL PAGE 2ND VERSION STARTS **************/
.about-project-detail {
    margin-top: 60px;
}
.about-project-detail .row,
.director-sec .row,
.award-sec .row {
    margin-top: 30px !important;
}
.about-project-detail .image {
    padding-right: 25px;
}
.about-project-detail .sub-title {
    font-size: 28px;
    font-style: italic;
}

.our-mission-sec .content {
    padding: 50px;
    text-align: center;
    background: var( --color-6);
    height: 100%;
}
.our-mission-sec .desc {
    color: var(--color-7);
}
.director-sec .image, .award-sec .image {
    padding-right: 0 !important;
}
.director-sec .col {
    text-align: center;
}
.director-sec p.director-name {
    margin-top: 10px;
    font-size: 18px;
    color: #a4806a;
    margin-bottom: 0;
    font-family: var(--primary-font);
}
.director-sec p.director-board-name {
    font-family: var(--secondary-font);
}
.read-less-content q,
.read-less-content2 q {
    font-family: var(--primary-font);
    color: var(--color-2);
    font-style: italic;
    font-size: 24px;
}
.read-more-content .more-content,
.read-more-content2 .more-content {
    height: 400px;
    overflow-y: scroll;
}
.read-more-content .more-content::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.read-more-content .more-content::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.read-more-content a, .read-more-content2 a,
.read-less-content2 a, .read-less-content a {
    display: block;
    cursor: pointer;
    color: var(--color-2) !important;
    margin-block: 15px;
}
.award-sec {
    margin-top: 60px;
}
.award-sec .image {
    text-align: center;
}
.award-sec p.director-name {
    margin-top: 10px;
    color: #000;
}
.about-project-detail .desc {
    color: var(--color-7);
}
.director-sec ~ .about-project-detail .sub-title {
    font-style: normal;
}
/************ PROJECT DETAIL PAGE 2ND VERSION ENDS **************/


/************ CAREER PAGE STARTS **************/

/*.career .bravo_header {
    margin-bottom: 100px;
    background-image: linear-gradient(to right, #c5aaa6 , #003459) !important;
}*/
.bravo-about-us.career-section .desc,
.bravo-about-us.career-section  .desc p  {
     color: var(--color-7);
}
.career-section .image {
    padding-right: 0;
}
.career-modal {
    z-index: 9999 !important;
}
.career-modal form {
    display: grid;
    grid-auto-flow: row;
}
.career-modal .modal-content {
    padding: 40px !important;
    max-width: 900px;
}
.career-modal #custom-text {
    text-transform: uppercase;
    color: #7a7a7a;
}
.career-modal form input, .career-modal .file-uploder,
.career-modal form textarea {
    border: 1px solid #dae1e7;
    min-height: 43px;
    border-radius: 0;
    margin-bottom: 1rem;
    padding: 0.375rem 0.75rem;
    font-family:  var(--secondary-font);
    color: #7a7a7a;
}
.modal.career-modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}
.modal.career-modal .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  animation: fadeIn .3s ease-in-out;

}      
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.modal.career-modal .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.modal.career-modal.close:hover,
.modal.career-modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.career-modal span.close {
    text-align: right;
    position: relative;
    top: -20px;
    right: -20px;
    color: #000 !important;
    cursor: pointer;
}
.career-modal .file-uploder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 0;
    padding-right: 0;
}
.career-modal .file-uploder button#custom-button {
    border-radius: 0;
    border: none;
    min-height: 50px;
    padding-inline: 20px;
    text-transform: uppercase;
    background: #000;
    color: #fff;
}
.career-modal .file-uploder button#custom-button:hover,
.career-modal .file-uploder button#custom-button:focus {
    background: var(--color-2);
}
.career-modal .file-uploder #custom-text {
    margin-left: 0;
}
.career .modal {
    z-index: 9999 !important;
}
.career-modal {
    opacity: 1;
    background-color: rgba(0,0,0,.5) !important;
}
/************ CAREER PAGE ENDS **************/


/************ MAGAZINE PAGE STARTS **************/

.magazine .bravo-list-news:not(.social-news) {
    margin-top: 60px;
}
.magazine .bravo-list-news:not(.social-news) .title {
    font-size: 42px !important;
    font-weight: 500;

}
.magazine .bravo-list-news:not(.social-news) .sub-title,
.magazine .bravo-list-news:not(.social-news) .list-item .item-title a,
.articles-grid .item-title a {
    font-family: var(--primary-font) !important;
    font-style: italic;
    font-weight: 500;
    color: #000 !important;
    margin: 10px 0 30px !important;
    font-size: 24px !important;
    text-decoration: none;
}
.magazine .bravo-list-news:not(.social-news) .list-item .item-desc {
    color: #666666;
    font-family: var(--secondary-font);
    font-size: 18px;
    letter-spacing: .5px;
}
.magazine .bravo-list-news:not(.social-news) .list-item .row,
.articles-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
}
.articles-grid {
    grid-gap: 30px;
}
.magazine .bravo-list-news:not(.social-news) .list-item .row > div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.magazine .bravo-list-news:not(.social-news) .list-item .thumb-image {
    height: auto !important;
    aspect-ratio: 3 / 3.5;
}
.articles-grid .thumb-image {
    height: auto !important;
}
.magazine .bravo-list-news:not(.social-news) .list-item .item-title {
    padding-inline: 0 !important;
}
.magazine .bravo-list-news:not(.social-news) .list-item .item-title a {
    font-style: normal;
    text-transform: capitalize;
    display: block;
    margin: 0 0 5px !important;
}
/*.magazine .bravo-list-news:not(.social-news) .list-item .item-title ~ div {
    display: none;
}*/
.magazine .bravo-list-news:not(.social-news) .list-item .item-loop {
    border: none;
    margin-bottom: 0;
}
.magazine .bravo-list-news:not(.social-news) a.btn {
    display: none;
}
.magazine .bravo-list-news:not(.social-news) .list-item .thumb-image img {
    object-fit: cover;
}
.loadmore-section {
    display: block;
    text-align: center;
    margin-bottom: 70px;
}
.magazine a#loadmore {
    font-size: 18px;
}
/************ MAGAZINE PAGE ENDS **************/


/************ SEARCH PAGE STARTS **************/
.topbar-search h1 {
    font-size: 42px;
}
.bravo-list-item .list-item .row > div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.bravo-list-item .list-item .row .item-loop {
    display: grid;
    grid-template-columns: 2fr 1.5fr;
    grid-gap: 30px;
    align-items: center;
    border: none !important;
    margin-bottom: 40px !important;
}
.bravo-list-item .list-item .row .item-loop .thumb-image img {
    object-fit: cover;
}
.space-extra-info ul,
.space-extra-info li {
    list-style: none;
}
.space-right-sec .item-title {
    padding: 0 !important;
}
.space-right-sec .item-title a {
    font-family: var(--primary-font) !important;
    font-size: 28px;
    color: #000 !important;
    text-transform: capitalize;
    margin-bottom: 10px !important;
    display: block;
}
.space-extra-info ul {
    grid-template-columns: 1fr;
    margin-top: 25px !important;
    display: block;
}
.space-extra-info ul li h4.name {
    font-family: var(--secondary-font) !important;
    font-size: 18px;
    margin: 0 0 0 10px;
    color: var(--color-7);
    font-style: normal;
}
.space-extra-info ul li, .sales-center-section .space-extra-info ul li {
    display: grid;
    grid-template-columns: 20px 40% 55%;
    align-items: center;
    margin-bottom: 10px;
}
.space-extra-info ul li p.value,
.sales-center-section .space-extra-info ul li p.value {
    margin: 0;
    text-align: left;
}
.space-extra-info ul li p.value i,
.sales-center-section .space-extra-info ul li p.value i {
    font-size: 18px;
    margin-right: 10px;
}
.space-extra-info ol, 
.is_single .sales-center-section .space-extra-info ol {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 215px;
    align-items: center;
    margin-top: 25px;
}
.space-extra-info ol a, .space-extra-info ol button {
    font-family: var(--secondary-font);
    background: var(--color-2);
    color: #fff;
    font-size: 14px;
    padding: 8px 0;
    /*font-weight: 600;*/
    letter-spacing: 1px;
    margin-top: 0;
    display: block;
    width: max-content;
    border: 1px solid var(--color-2);
    text-decoration: none;
    text-transform: uppercase;
    min-width: 185px;
    text-align: center;
}
.is_single .sales-center-section .space-extra-info ol a,
.is_single .sales-center-section .space-extra-info ol button {
    width: auto;
}
.is_single .sales-center-section .space-extra-info ol li {
    justify-content: start;
}
.space-extra-info ul i.fa {
    color: var(--color-2);
}
.space-extra-info ol a:hover, .space-extra-info ol button:hover {
    background: var(--color-4);
}
.bravo_form_search.banner-filter .container-fluid {
    max-width: 1560px;
    margin: 0 auto;
    padding: 10px 20px;
    background: #fff;
}
.bravo_form_search.banner-filter {
    margin: -190px 0 170px !important
}
.bravo_wrap .bravo-list-item .topbar-search {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 40px;
}
.bravo_wrap .bravo_search_space .bravo-list-item .topbar-search .text {
    font-style: italic;
    color: #000 !important;
    margin-top: 10px;
    font-size: 18px !important;
}
/************ SEARCH PAGE ENDS **************/


/********************* TABS POPUP STARTS ******************/
.rental-model .modal-content {
    padding: 0 !important;
}
.rental-model .modal-content h2 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 0 40px 20px;
}
.rental-model .modal-content .tab {
    background: transparent;
    border: 0;
    padding-inline: 40px;
}
.rental-model .modal-content .tab button, .rental-model .modal-content .next-btn {
    padding: 8px 0;
    font-family: var(--secondary-font);
    border: 1px solid #000;
    min-width: 185px;
    margin-right: 20px;
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    letter-spacing: 2px;
    background: #fff;
}
.rental-model .modal-content .tab button:hover {
    background: var(--color-2);
    border-color: var(--color-2);
    color: #fff;
}
.rental-model .modal-content .tab button.active {
    background: #000;
    color: #fff;    
}
.rental-model .modal-content .tabcontent {
    display: grid;
    grid-auto-flow: row;
    padding: 30px 40px 40px;
}
.rental-model .modal-content .tabcontent input:not(.btn),
.rental-model .modal-content .tabcontent textarea {
    display: block;
    width: 100%;
}
.rental-model .modal-content .tabcontent input::placeholder,
.rental-model .modal-content .file-uploder span {
    text-transform: uppercase;
}
.rental-model .modal-content .next-btn, .rental-model .modal-content input.btn {
    background: var(--color-2);
    color: #fff;
    max-width: max-content;
    text-align: center;
    border: 0;
    margin-top: 10px;
    cursor: pointer;
    min-width: 185px;
    display: inline-block;
}
.rental-model .modal-content input.btn:hover {
    color: #fff;
    background: var(--color-2);
}
.rental-model .modal-content input.btn {
    margin-top: 25px;
}
.rental-model .modal-content .next-btn:hover,
.rental-model .modal-content input.btn:hover {
    background: var(--color-4);
}
.rental-model .modal-content .file-uploder button {
    border-radius: 0;
    border: none;
    min-height: 50px;
    padding-inline: 20px;
    text-transform: uppercase;
    background: #000;
    color: #fff;
}
.rental-model .modal-content .file-uploder button:hover,
.rental-model .modal-content .file-uploder button:focus {
    background: var(--color-2);
}
/********************* TABS POPUP ENDS ******************/


/***********  MAGAZINE SINGLE PAGE TEMPLATE STARTS *************/
.single-news {
    padding-block: 0 !important;
}
.magazine-reverse {
    padding-block: 70px !important;
}
.magazine-reverse a.backbtn {
    position: relative;
    padding-left: 30px;
    font-family: var(--secondary-font);
    font-size: 16px;
    color: #000;
}
.magazine-reverse a.backbtn::before {
    content: "";
    position: absolute;
    width: 19px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/uploads/0000/1/2022/02/16/back-arrow.png);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.single-article h2.title {
    font-size: 36px !important;
    color: #000 !important;
    margin-bottom: 0;
}
.post-info ul li {
    font-family: var(--secondary-font);
    text-transform: capitalize !important;
    font-size: 16px !important;
}
.post-info ul li > div {
    margin-block:  20px !important;
}
.post-info ul li .share {
   font-size: 16px !important;
   color: var(--color-2) !important; 
}
.post-info ul li .share i {
     color: var(--color-2) !important; 
     font-size: 16px;
}

.single-article .single-article-grid {
    display: grid;
    /*grid-template-columns: 1fr 1fr;*/
    grid-template-columns: 1fr;
    grid-gap: 50px;
}
.single-article .single-article-grid .new-img {
    grid-row: 1;
    padding-inline: 50px;
}
.single-article .single-article-grid a {
    color: var(--color-2);
}
.single-article-grid .new-img .post-header {
    height: 100%;
}
.single-article .single-article-grid img {
    max-width: 100%;
  /*  height: 100%;*/
    object-fit: cover;
}
.other-articles {
    margin-bottom: 60px;
}
.other-articles h2 {
    margin-bottom: 30px;
}
.articles-grid .item-title a {
    font-style: normal;
} 
.articles-grid .caption {
    padding-block: 15px;
}
.articles-grid .item-desc {
    font-family: var(--secondary-font);
    font-size: 16px;
    color: var(--color-7);
}
.single-deal-slider .text {
    padding-right: 440px !important;
}
.single-deal-slider .text h2 {
    margin-bottom: 30px;
}
.single-deal-slider .item .text p {
    margin-bottom: 50px;
}
.single-deal-slider .text p::before {
    display: none;
}
/***********  MAGAZINE SINGLE PAGE TEMPLATE ENDS *************/


/********** DEFAULT SINGLE PAGE TEMPLATE STARTS ***********/
.is_single .space-extra-info ul {
    display: none;
}
.is_single  .space-extra-info ol {
    grid-template-columns: repeat(1,1fr);
}
.is_single .sales-center-section .space-extra-info ol  {
    grid-template-columns: none;
}
.is_single .space-extra-info li {
    display: flex;
    justify-content: center;
}
.is_single .space-extra-info ol a, .is_single .space-extra-info ol button {
    width: 100%;
    margin-bottom: 10px;
}
.is_single .space-right-sec {
    padding: 15px 20px;
}


/********** Search Page ***********/
.header-right .fa-search {
    color: #fff;
    margin-left: 20px;
    font-weight: 200;
    font-size: 18px;
    position: relative;
    top: -1px;
    cursor: pointer;
}
.fixed-header .header-right .fa-search {
    color: #000;
}
.togglesearch{
  background: #fff;
  position: absolute;
  top: 50px;
  right: 8%;
  width: 650px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  padding: 15px;
  display: none;
  animation: fadeIn .5s ease-in-out;
}
.togglesearch:before {
    content: "";
    position: absolute;
    top: -16px;
    right: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 14px solid #fff;
}
.togglesearch form {
    display: flex;
    align-items: center;
    justify-content: center;
}
.togglesearch input[type="text"] {
    width: 400px;
    border: 1px solid #dae1e7;
    outline: none;
    height: 40px;
    margin-top: 0;
}
.togglesearch button[type="submit"] {
    width: 185px;
    background: #948071;
    color: #fff;
    border: 1px solid #948071;
    outline: none;
    cursor: pointer;
    font-family: var(--secondary-font);
    font-size: 14px;
    margin-left: 25px;
    padding-block: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.togglesearch button[type="submit"]:hover {
    background: var(--color-4);
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
/********** End Search Page ***********/


/********** DEFAULT SINGLE PAGE TEMPLATE ENDS ***********/



/******************** NEW UPDATES 20 FEB 2022 STARTS *************/

.bravo-about-us .image img {
    /*width: 100%;**/
    object-fit: cover;
}

/*-- lIST DETAIL PAGE NEW VERSION STARTS --*/

.current-detail-location .list-item .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    grid-auto-flow: dense;
}
.current-detail-location.list-item .row > div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.current-detail-location .space-extra-info {
    display: block;
}
.current-detail-location .space-extra-info ul {
    display: none;
}
.current-detail-location  .space-extra-info ol {
    grid-template-columns: repeat(1, 1fr);
}
.current-detail-location  .space-extra-info ol li:nth-of-type(2) {
    display: none;
}
.current-detail-location  .space-extra-info ol .readmore-btn {
    font-size: 0;
    position: relative;
}
.current-detail-location  .space-extra-info ol .readmore-btn::before {
    content: "Read more";
    font-size: 14px;
}
.near-by-location {
    margin-bottom: 30px;
}
.near-by-location .list-item .row {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 0;
    grid-auto-columns: 33.33%;
    overflow: hidden;
}
.current-detail-location a, .near-by-location a {
    text-decoration: none;
}
.near-by-location .thumb-image {
    aspect-ratio: 3 / 3.5;
}
/*-- lIST DETAIL PAGE NEW VERSION ENDS --*/

.articles-grid .item-more {
    display: none;
}

/******************** NEW UPDATES 20 FEB 2022 ENDS *************/



/******************* SEARCH PAGE HEADER STARTS **********/
.search-content h1 {
    margin-block: 50px;
}
.search-content img {
    max-width: 100%;
    object-fit: cover;
}
.search-content h2 {
    font-size: 36px;
    margin-bottom: 25px;
}
.custom-search-list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 50px;
    margin-bottom: 70px;
}
.custom-search-list .post-thumb-image img {
    aspect-ratio: 3 / 2;
    width: 100%;
}
.custom-search-list h3.item-title,
.custom-space-list h3.item-title {
    margin: 15px 0 10px;
    font-size: 24px;
}
.custom-search-list h3.item-title a,
.custom-space-list h3.item-title a {
    text-decoration: none;
    color: #000;
}
.custom-search-list .item-desc,
.custom-space-list .item-desc {
   color: var(--color-7) !important;
   font-family: var(--secondary-font);
   font-size: 18px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.search-content .btn-readmore {
    font-family: var(--secondary-font);
    background: var(--color-2);
    color: #fff;
    font-size: 14px;
    padding: 10px 0;
    /* font-weight: 600; */
    letter-spacing: 1px;
    margin-top: 30px;
    display: block;
    width: max-content;
    border: 1px solid var(--color-2);
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    cursor: pointer;
    min-width: 185px;
    text-align: center;
}
.search-content .btn-readmore:hover {
    background: var(--color-4);
}
.custom-space-list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 40px;
    margin-bottom: 70px;
}
.custom-space-list img {
    width: 100%;
    aspect-ratio: 1 / .7;
}
#myModal5 span.close.close5 {
    position: absolute;
    right: 15px;
    top: 18px;
    font-size: 76px;
    font-weight: 100;
}
#myModal5.career-modal .modal-content {
    padding: 30px 0 40px !important;
}
#myModal5 h2 {
    border-bottom: 1px solid #dae1e7;
    padding: 0 40px 15px;
}
#myModal5.career-modal form {
    padding: 30px 40px 0;
}
/******************* SEARCH PAGE HEADER ENDS **********/




/************************ fEBRUARY 23, 2022 CHANGES STARTS ******************/

.home .bravo-about-us .image img {
    aspect-ratio: 2 / 2.2;
}
.home .hot-deals-slider {
    display: none;
}
.glance-slider .item::before {
    background: rgba(0, 0, 0, .6);
}
.director-sec .row {
    align-items: stretch;
    margin-bottom: 0;
}
.director-sec img {
    /*aspect-ratio: 4 / 5;*/
}
.director-sec {
   background-image: url(/uploads/0000/1/2022/03/09/board-bg.png);
   background-size: cover;
   padding-block: 50px;
}
.director-sec h2 {
    color: #fff;
}
.award-sec {
    display: none;
}
.project-more-detail-sec img {
    object-fit: cover;
 }
 .main-destination ~ .hot-deals-slider {
    display: none;
 }
 .near-by-location .space-right-sec .description h4 , 
 .current-detail-location .space-right-sec .description h4 {
    display: none;
 }
 .ajdan-rise-sec h4 {
    font-style: italic;
    margin-block: 20px;
}
.fairmont-ajdan-al-khobar .banner-top {
    position: relative;
}
.fairmont-ajdan-al-khobar .banner-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}
.fairmont-ajdan-al-khobar .banner-top div#playButtonId {
    z-index: 2;
}
.fairmont-ajdan-al-khobar .rise-video-sec,
.fairmont-ajdan-al-khobar .project-3d-sec,
.cinema-ajdan-walk .project-3d-sec, 
.ajdan-walk .project-3d-sec, 
.fairmont-ajdan-al-khobar .project-3d-sec,
.fairmont-ajdan-al-khobar .project-more-detail-sec,
.ajdan-rise .project-more-detail-sec,
.ajdan-walk .project-more-detail-sec,
.projec-brand-sec, .single-deal-slider ,
.infiniti .rise-video-sec,
.infiniti .project-3d-sec,
.raseen .rise-video-sec,
.raseen .project-3d-sec,
.bayfront .rise-video-sec,
.bayfront .project-3d-sec

{
    display: none;
}
/*.cinema-ajdan-walk .button-sec a::before {
    display: none;
}*/
/*.cinema-ajdan-walk .button-sec a {
    padding-left: 25px;
}
*/
.cinema-ajdan-walk video#myVideo,
.cinema-ajdan-walk .ajdan-rise-sec video,
 .ajdan-walk .ajdan-rise-sec video {
    object-position: center;
}
.home .bravo-about-us p em {
    font-family: var(--primary-font);
    font-weight: 500;
}
.about-project-detail h4 {
    font-style: italic;
}
/************************ fEBRUARY 23, 2022 CHANGES ENDS ******************/


/************************ fEBRUARY 28, 2022 CHANGES STARTS ******************/
.our-mission-sec .row {
    align-items: stretch;
}
.current-detail-location {
    margin-bottom: 60px;
}
.button-sec a.sales-center {
    padding-left: 25px;
}
.button-sec a.sales-center::before {
    display: none;
}
.space-right-sec h4 {
    font-style: normal;
}
.space-right-sec .description p {
    display: none;
}
/************************ fEBRUARY 28, 2022 CHANGES ENDS ******************/

.banner-top img {
    width: 100%;
    object-fit: cover;
}

/*********  RESPONSIVE STARTS HERE ****************/

@media (max-width: 1800px) {
    .single-deal-slider .text {
        padding-right: 200px;
    }
}

@media (max-width:1560px) {
    .hot-deals-slider .item .text {
        max-width: 60%;
    }
    .banner-filter .g-form-control,
    .bravo_form_search.banner-filter .container-fluid,
    .bravo_header .container {
        max-width: 95% !important;
    }
    .single-deal-slider .text {
        padding-right: 60px;
    }
}

@media (max-width: 1366px) {
   /*  .banner-filter .btn-search {
        min-height: 60px;
    }*/
    .projec-brand-sec .brand-sub img {
       /* padding: 0 15px;*/
    }
    .main-footer {
        overflow-x: hidden;
    }
    .read-more-content .more-content,
    .read-more-content2 .more-content {
        height: 280px;
    }
    .read-less-content q, .read-less-content2 q {
        font-size: 22px;
    }
}

@media (max-width: 1199px) {
    .container {
        max-width: 100% !important;
        padding-inline: 30px;
    }
  /*  .space-extra-info ol a, .space-extra-info ol button {
        min-width: auto;
    }*/
    .banner-filter .form .g-field-search .row {
        grid-template-columns: repeat(3,1fr);
    }
    .banner-filter .form {
        grid-template-columns: 80% 160px;
    }
    .banner-filter {
        padding-bottom: 110px;
    }
    .rise-sub > div h2 {
        font-size: 90px;
        line-height: 90px;
    }
    .brand-feature-sec .cstm-feature-list {
        grid-template-columns: repeat(6,1fr);
    }
    .project-more-detail-sec img {
        aspect-ratio: 2/ .5;
    }

}


@media (max-width: 1024px) {
    .banner-filter .g-form-control {
        border: 1px solid var(--color-2);
    }
    .recent-left {
        padding-right: 20px;
    }
    ul.main-col li.first-col, ul.main-col li.second-col {
        height: 280px;
    }
    .sub-col li {
        height: 135px;
    }
    .hot-deals-slider .owl-nav button, .glance-slider .owl-nav button {
        width: 60px;
        height: 60px;
    }
    .hot-deals-slider .owl-nav button {
        left: 50px;
    }
    .hot-deals-slider .owl-nav button.owl-next {
        right: 50px;
    }
    .bravo_wrap .bravo_header .content .header-left {
      width: 95% !important;
      justify-content: space-between;
      flex: 0 0 95%;
      -webkit-flex: 0 0 95%;
      -moz-flex: 0 0 95%;
      -msflex: 0 0 95%;
    }
    .space-extra-info ol {
        grid-template-columns: repeat(1,1fr);
    }
    .space-extra-info ol a, .space-extra-info ol button {
      /*  min-width: 210px;
*/        margin-bottom: 10px;
    }
    .glance-slider .item .text ul {
        grid-template-columns: 2fr 2fr;
        grid-gap: 3rem;
    }
    .our-mission-sec .content {
        padding: 50px 25px;
    }
    .project-more-detail-sec .text-sec .container {
        grid-template-columns: 1fr;
    }
    .button-sec {
        text-align: center;
    }
    .read-more-content .more-content, 
    .read-more-content2 .more-content {
        height: 250px;
    }
}

@media (max-width: 1023px) {
    .bravo_wrap .bravo_header .bravo-menu-mobile.active {
        z-index: 9999;
    }
    .bravo_wrap .bravo_header .bravo-menu-mobile .user-profile .avatar,
    .bravo_wrap .bravo_header .content .header-right .bravo-more-menu.active {
        background: var(--color-2);
    }
    .header-right .fa-search {
        right: 20px;
    }
    .togglesearch {
        right: 40px;
    }
    .director-sec .col {
        flex-basis: 33.33%;
    }
    .director-sec p.director-name:not(.director-board-name) {
        margin-bottom: 0;
    }
    .director-sec .director-board-name {
        margin-bottom: 25px !important;
    }
}

@media(max-width: 992px) {
    .bravo_wrap .bravo_header .content .header-left .bravo-menu ul li a {
        font-size: 14px !important;
    }
    .banner-filter, .bravo_form_search.banner-filter {
      margin: -120px 0 70px !important;
    }
    .bravo-about-us .sub-title, .recent-left h2 {
        font-size: 32px;
    }
    .bravo-about-us .image {
      padding-right: 20px;
    }
    .hot-deals-slider .item .text h2, .hot-deals-slider .item .text h3, .glance-slider h2, .glance-slider h3 {
      font-size: 32px;
    }
    .hot-deals-slider .item .text {
      max-width: 70%;
    }
    .glance-slider .item .text {
      max-width: 70%;
    }
    .home-news-feed .title, .social-news .title {
        font-size: 32px !important;
    }
    .social-news .container .row > div:first-child .item-news,
    .social-news .container .row > div:nth-child(2) .item-news,
    .social-news .container .row > div:nth-child(3) .item-news {
      height: 325px;
    }
    .social-news .container .row > div:first-child {
        margin-top: -125px;
    }
    .social-news ul.social-icons {
        grid-auto-columns: 15%;
    }
    .social-news .container .row > div:last-child .item-news {
      height: 200px;
    }
    .main-footer .row {
      grid-template-columns: 1fr 1fr 1fr;
    }
    .main-footer .row > div:last-child {
        grid-column: 1 / 3;
    }
    .banner-filter .form .g-field-search .row {
        grid-template-columns: repeat(2,1fr);
    }
    .banner-filter .form {
        grid-template-columns: 1fr;
        padding: 10px;
    }
    .banner-filter .btn-search {
        margin: 15px 0 !important;
        width: 100% !important;
        min-height: 50px;
    }
    .home-news-feed .list-item .row > div:first-child .item-news .thumb-image {
        height: 380px;
    }
    .home-news-feed .list-item .row > div:not(:first-child) .item-news .thumb-image {
        height: 120px;
    }
    .about-project-detail .row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .about-project-detail .row > div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .project-more-detail-sec img {
        aspect-ratio: 1 / .3;
    }
    .ajdan-rise-sec {
        margin-top: 41px;
    }
    .rise-sub {
        grid-gap: 20px;
    }
    .rise-sub > div h2 {
        font-size: 70px;
        line-height: 70px;
    }
    .rise-sub > div {
        font-size: 22px;
        padding: 25px 15px;
    }
    .brand-feature-sec .cstm-feature-list, .projec-brand-sec ul {
        grid-template-columns: repeat(5,1fr);
    }
    .brand-sub h2 {
        margin-bottom: 0;
    }
    .projec-brand-sec ul {
        grid-gap: 0;
        margin-top: 0;
    }
    .social-news .container .row {
        margin-top: -200px;
    }
    .brand-feature-sec h2, .story-rise-glance h2, .ajdan-rise-sec h2 {
        font-size: 32px;
    }
    .ajdan-rise-sec h4 {
        font-size: 20px;
    }
    .fixed-header .header-right .fa-search {
        left: -15px;
    }
    .bravo_header.fixed-header img {
        padding-block: 15px;
    }
    .main-destination .title, .destination-project-grid .title {
        font-size: 36px !important;
        color: #000;
        margin: 50px 0 25px !important;
    }
    .about-project-detail h4 {
        font-size: 20px;
    }
    .read-more-content .more-content, 
    .read-more-content2 .more-content {
        height: 180px;
    }
    .read-less-content q, .read-less-content2 q {
        font-size: 16px;
    }
    .about-project-detail h3 {
        font-size: 24px;
    }
    .about-project-detail .sub-title {
        font-size: 24px;
    }
    .about-project-detail h2 {
        font-size: 36px;
    } 
}


@media (max-width: 768px) {
    .bravo_wrap .bravo_header .content .header-left {
        width: 90% !important;
        justify-content: space-between;
        flex: 0 0 90%;
        -webkit-flex: 0 0 90%;
        -moz-flex: 0 0 90%;
        -msflex: 0 0 90%;
    }
    .bravo-more-menu .fa-bars::before {
        color: #fff;
    }   
    .fixed-header .bravo-more-menu .fa-bars::before {
        color: #000;
    } 
    .bravo_wrap .bravo_header .content .header-right {
        display: flex;
        align-items: center;
    }

}

@media (max-width: 767px) {
    .button-sec1 a{
        bottom:14px;
        padding:2%;
        
    }
    #NewInfi {
        
        aspect-ratio:0;
        height:auto;
    }
    
    .bravo_header .bravo-logo img {
        max-width: 110px;
    }
    #logo img {
       max-width: 120px !important;
    }
    div#slash {
       height: 60px !important; 
    }
    .bravo-menu-mobile .user-profile ul:nth-of-type(1),
    .bravo-menu-mobile .user-profile ul:nth-of-type(2) {
        display: none;
    }
    .bravo-menu-mobile .dropdown-menu.show {
        display: block !important;
    }
    .banner-filter .form .g-button-submit {
        text-align: center;
    }
    .banner-filter .btn-search {
        min-height: auto;
    }
    .banner-filter, .bravo_form_search.banner-filter {
      margin: 0 0 70px !important;
    }
    .recentsub, ul.main-col, .home-news-feed .list-item .row {
      grid-template-columns: repeat(1,1fr);
    }
    .container {
        padding-inline: 15px;
    }
    .banner-top video {
        height: 400px;
    }
    .bravo-about-us .sub-title, .recent-left h2 {
      font-size: 30px;
    }
    .recent-left {
      padding-right: 0;
    }
    /*ul.main-col li.first-col, ul.main-col li.second-col {
      grid-column: inherit;
    }
    .sub-col li, ul.main-col li.first-col, ul.main-col li.second-col {
      height: 200px;
    }*/
    .banner-top div#playButtonId {
        width: 50px;
        height: 50px;
        opacity: 0;
    } 
    .banner-top div#playButtonId::before, .ajdan-rise-sec div#playButtonId2::before {
      border-top: 7px solid transparent;
      border-bottom: 7px solid transparent;
      border-left: 14px solid #fff;
      opacity: 0;
    }
    .recent-right ul li .context-sec h4 {
        font-size: 16px;
    }
    .recentsub {
        grid-gap: 30px;
    }
    .recent-right ul li .context-sec p {
        font-size: 14px;
    }
    .bravo-about-us .image {
      padding-right: 0;
      margin-top: 30px;
    }
    .bravo-about-us .row {
      align-items: center;
      margin-block: 50px;
      flex-direction: column-reverse;
    }
    .bravo-about-us.director-sec .row {
        flex-direction: row;
        align-items: stretch;
        margin-bottom: 0;
    }
    .director-sec .col {
        flex-basis: 50%;
    }
    .hot-deals-slider .item .text h2, .hot-deals-slider .item .text h3, .glance-slider h3 {
      font-size: 24px;
    }
    .hot-deals-slider .owl-nav button, .glance-slider .owl-nav button {
        opacity: 0;
    }
    .hot-deals-slider .item .text, .glance-slider .item .text {
      max-width: 90%;
    }
    .hot-deals-slider .item .text p {
      margin-bottom: 15px;
      margin-left: 50px;
      font-size: 16px;
    }
    .hot-deals-slider .item .text p, .hot-deals-slider .item .text li, .glance-slider p {
        font-size: 15px;
    }
    .hot-deals-slider .item .text ul {
        margin-block: 20px;
    }
    .hot-deals-slider .item .text h2 {
      margin-bottom: 25px;
    }
    .hot-deals-slider .owl-dots, .glance-slider .owl-dots {
      display: flex;
      position: absolute;
      bottom: 20px;
      width: 100%;
      justify-content: center;
      z-index: 9998 !important;
    }
    .hot-deals-slider .owl-stage-outer {
        z-index: 1 !important;
    }
    .hot-deals-slider .owl-dot,
    .glance-slider .owl-dot {
      width: 15px;
      height: 15px;
      background: #fff !important;
      border-radius: 100%;
      margin-inline: 10px;
    }
    .hot-deals-slider .owl-dot.active,
    .glance-slider .owl-dot.active {
        background: var(--color-2) !important;
    }
    .glance-sec, .social-news {
        padding-block: 50px;
    }
    .glance-slider {
      padding-inline: 0;
    }
    .glance-slider .item img {
   /*     height: 500px;*/
    }
    .glance-slider > h2 {
        padding-left: 20px;
    }
    .home-news-feed .list-item .row > div:first-child .item-news .thumb-image,
    .home-news-feed .list-item .row > div:not(:first-child) .item-news .thumb-image {
        height: 200px;
    }
    .home-news-feed .list-item .row > div:not(:first-child) .item-news {
        grid-template-columns: 1fr;
    }
    .home-news-feed .list-item .row > div {
        padding-inline: 0;
    }
    .home-news-feed .item-news {
        margin-bottom: 20px !important;
    }
    .home-news-feed .item-news .caption {
        padding-block: 0;
    }
    .social-news .container .row {
      grid-template-columns: repeat(1,1fr);
      margin-top: 0;
    }
    .social-news .title {
        max-width: 100%;
    }
    .social-news .container .row > div {
        grid-row: inherit !important;
        grid-column: inherit !important;
        margin: 0 !important;
    }
    .social-news .container .row > div .item-news {
        height: 200px !important;
    }
    .social-news .list-item {
        overflow: hidden;
    }
    .main-footer .row {
      grid-template-columns: 1fr;
    }
    .main-footer .row > div:last-child {
      grid-column: inherit;
    }
    .banner-filter .form .g-field-search .row,
    .magazine .layout_normal .list-item .row,
    .banner-top ~ .bravo_detail_location .list-item .row {
        grid-template-columns: repeat(1,1fr);
    }
    .magazine .layout_normal .title {
        font-size: 30px !important;
    }
    .career-section .content {
        margin-top: 30px;
    }
    .modal.career-modal .modal-content {
        width: 95%;
        padding-left: 25px !important;
    }
    .bravo_detail_location .row {
        grid-auto-flow: revert;
        grid-auto-columns: 100%;
    }
    .social-news ul.social-icons a {
        font-size: 20px;
    }
    .about-project-detail .row, .project-more-detail-sec .text-sec .container {
        grid-template-columns: repeat(1, 1fr);
    }
    .award-sec, .director-sec {
        text-align: center;
    }
    .about-project-detail .image {
        margin-top: 0;
    }
    .our-mission-sec .content {
        padding: 25px;
    }
    .director-sec .image {
        margin-top: 0;
    }
    .about-project-detail .sub-title {
        font-size: 24px !important;
        margin-top: 15px;
    }
    h2 {
        font-size: 32px;
    }
    .project-more-detail-sec img {
       height: 300px;
      
    }
    .button-sec {
        text-align: center;
    }
    .bravo-list-item .list-item .row .item-loop {
        grid-template-columns: 1fr;
    }
    .topbar-search h1 {
        font-size: 32px;
    }
    .bravo_wrap .bravo_form .input-search .bravo-autocomplete, 
    .bravo_wrap .bravo_form .smart-search .bravo-autocomplete {
        left: 0;
    }
    .footer-logo {
        text-align: left;
        top: -15px;
    }
    .glance-slider .item .text ul {
        grid-template-columns: 1fr;
        grid-gap: 1rem;
        margin-top: -15px;
    }
    .glance-slider .item .text ul li {
        display: flex;
        flex-direction: column-reverse;
    }
    .glance-slider .owl-carousel h2 {
        margin-bottom: 0;
    }
    .project-more-detail-sec h2 {
        text-align: center;
    }
    .rise-sub {
        grid-template-columns: repeat(1,1fr);
    }
    .project-3d-sec .container {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }
    .brand-feature-sec .cstm-feature-list {
        grid-template-columns: repeat(2,1fr);
    }
    .bravo_wrap .bravo_header .content .header-left {
        width: 70% !important;
        justify-content: space-between;
        flex: 0 0 70%;
        -webkit-flex: 0 0 70%;
        -moz-flex: 0 0 70%;
        -ms-flex-: 0 0 70%;
    }
    .header-right .fa-search {
        margin-right: 15px;
    }
    .togglesearch {
        right: 10px;
        width: 300px;
        top: 80px;
    }
    .togglesearch form {
        flex-direction: column;
    }
    .togglesearch input[type="text"] {
        width: 280px;
        margin-bottom: 20px;
    }
    .togglesearch:before {
        right: 55px;
    }
    .banner-top div#playButtonId {
        top: 65%;
    }
    .destination-single {
        grid-template-columns: repeat(1,1fr);
        margin-bottom: 40px;
        grid-gap: 30px;
    }
    .main-destination .title, .destination-project-grid .title {
        font-size: 32px !important;
        margin: 40px 0 25px !important;
    }
    .near-by-location .list-item .row {
        grid-auto-flow: row;
        grid-auto-columns: 100%;
    }
    h1.title-location {
        font-size: 32px !important;
    }
    .social-news .list-item {
        margin-top: 30px;
    }
    .ajdan-rise-sec div#playButtonId2, .ajdan-rise-sec div#playButtonId2 img {
        width: 50px;
        height: 50px;
    }
    .space-extra-info ol, .is_single .sales-center-section .space-extra-info ol {
        grid-auto-flow: row;
    }
    .is_single .sales-center-section .space-right-sec {
        padding-inline: 5px;
    }
    .space-right-sec h4 {
        margin-block: 10px;
        font-size: 18px !important;
    }
    .destination-txt, .space-right-sec p {
        font-size: 16px;
    }
    .banner-filter .form {
        padding: 0;
    }
    .banner-filter .row > div {
        padding: 0 !important;
    }
    .main-footer .subcribe-form .form-group,
    .single-article .single-article-grid {
        grid-template-columns: 1fr;
    }
    .single-article .single-article-grid .new-img {
        padding: 0;
    }
    .magazine .bravo-list-news:not(.social-news) .list-item .row, .articles-grid {
        grid-template-columns: 1fr;
    }
    .button-sec a {
        margin-top: 15px !important;
        display: inline-block;
    }
    .project-more-detail-sec .text-sec .container {
        grid-gap: 30px;
    }
    .header-right .fa-search {
        right: 0;
    }
    .bravo_wrap .bravo_header .content .header-right {
        position: absolute !important;
        right: 0;
        width: 100px !important;
    }
    .fixed-header .header-right .fa-search {
        left: -5px;
    }
    ul.main-col {
        grid-template-columns: repeat(2,1fr);
    }
    ul.main-col li.first-col, ul.main-col li.second-col {
        grid-row: inherit;
        grid-column: inherit;
    }
    ul.main-col li.third-col {
        grid-column: -3 / -1;
    }
    ul.main-col ul.sub-col {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 10px;
    }
    ul.main-col li.first-col {
        height: 150px !important;
    }
     ul.main-col li.second-col {
        height: 225px !important;
    }
    .sub-col li:first-of-type {
        height: 190px;
        margin-top: -75px;
    }
    .sub-col li {
        height: 115px;
    }
    .footer-logo img {
        max-width: 40px;
    }
    .bravo_footer .main-footer .nav-footer .context ul li a {
        font-size: 16px;
    }
    #exampleModal img {
        display: none;
    }
    .projec-brand-sec ul {
        grid-template-columns: repeat(3,1fr);
    }
    .projec-brand-sec .brand-sub img {
        height: 80px;
        object-fit: cover;
        width: 100%;
        padding: 10px;
    }
    .single-article .new-content-sec .post-info ul {
        flex-direction: column;
    }
    .single-article .new-content-sec .post-info ul li > div {
        margin: 0 !important;
    }
    .single-article .new-content-sec .post-info ul li {
        justify-content: flex-start;
        margin-block: 5px !important;
    }
    .about-project-detail h2 {
        font-size: 32px;
    }
    .read-more-content .more-content, 
    .read-more-content2 .more-content {
        height: auto;
    }



}




/*PRELOADER CUSTOM STARTS*/

#loading{
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:#fff;
    display:grid;
    justify-items:center;
    align-items:center;
    animation:1s 5.5s anim-loading cubic-bezier(.8,0,.2,1) forwards;
    pointer-events:none;
    overflow-x:hidden;
    z-index:  99999;
    text-align: center;
}
#loading>*{
    grid-column-start:1;
    grid-row-start:1;
    width:330px;
    /*height:112.15px;*/
    animation:4s 1s anim-logo cubic-bezier(.8,0,.2,1) forwards
}
#logo {
    animation-name:anim-logo;
    -webkit-clip-path:polygon(100% 0,100% 0,115% 100%,115% 100%);
    clip-path:polygon(100% 0,100% 0,115% 100%,115% 100%);
}
#logo img {
    max-width: 200px;

}
#line {
    animation-name:anim-line;
    -webkit-clip-path:polygon(0 0,0 0,15% 100%,15% 100%);
    clip-path:polygon(0 0,0 0,15% 100%,15% 100%)
}
#slash {
    animation-name:anim-slash;
    transform:translate(100%,0);
    opacity:0
}
.no-anim #line,.no-anim #slash{
    display:none
}
.no-anim #logo {
    opacity:0;
    animation-name:anim-logo-compat;
    clip-path:none
}

@keyframes anim-loading {
    0%{transform:translate(0,0)}
    100%{transform:translate(0,-100%)}
}
@keyframes anim-slash{
    0%{transform:translate(100%,0);opacity:0}5%{opacity:1}30%{transform:translate(0,0)}
    70%{transform:translate(0,0)}
    80%{opacity:1}
    100%{transform:translate(100%,0);opacity:0}
}
@keyframes anim-logo{
    0%{
        -webkit-clip-path:polygon(100% 0,100% 0,115% 100%,115% 100%);
        clip-path:polygon(100% 0,100% 0,115% 100%,115% 100%)}
        30%
        {
        -webkit-clip-path:polygon(0 0,100% 0,115% 100%,15% 100%);
        clip-path:polygon(0 0,100% 0,115% 100%,15% 100%)}
        70%{-webkit-clip-path:polygon(0 0,100% 0,115% 100%,15% 100%);
            clip-path:polygon(0 0,100% 0,115% 100%,15% 100%)}
        100%{
            -webkit-clip-path:polygon(100% 0,100% 0,115% 100%,115% 100%);
            clip-path:polygon(100% 0,100% 0,115% 100%,115% 100%)}
}
@keyframes anim-logo-compat {
        0%{opacity:0}
        20%{opacity:1}
        80%{opacity:1}
        100%{opacity:0}
}
@keyframes anim-line {
    0%{-webkit-clip-path:polygon(0 0,0 0,15% 100%,15% 100%);
        clip-path:polygon(0 0,0 0,15% 100%,15% 100%)}
        30%{-webkit-clip-path:polygon(0 0,0 0,15% 100%,15% 100%);
        clip-path:polygon(0 0,0 0,15% 100%,15% 100%)}
        70%{-webkit-clip-path:polygon(0 0,0 0,15% 100%,15% 100%);
        clip-path:polygon(0 0,0 0,15% 100%,15% 100%)}
        100%{-webkit-clip-path:polygon(0 0,100% 0,115% 100%,15% 100%);clip-path:polygon(0 0,100% 0,115% 100%,15% 100%)}
    }
#logo h2 {
    margin-bottom: 0;
    font-size: 60px;
    letter-spacing: 1px;
}
div#slash {
   height: 90px;
   overflow: hidden;
}
#line p {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 0;
    color: #000;
}


a.bravo-logo {
    position: relative;
    top: 10px;
    left: 10px;
}
.glance-sec {
    display: none;
}
.nav-footer .subcribe-form {
    max-width: 80%;
}
.fixed-header a.bravo-logo {
    top: 0;
}
.card .btn-moreFeat {
    color: #050606;
}

.main-footer .subcribe-form .form-group .btn-submit:hover {
    color: var(--bg-btn-9);
    border-left: 1px solid var(--bg-btn-9);
    background: var(--txt-btn-10);
}
.banner-filter label {
    color: #948071 !important;
}
.read-less-content q, .read-less-content2 q {
    color: #948071;
}
.read-more-content a, .read-more-content2 a, .read-less-content2 a, .read-less-content a {
    color: #948071 !important;
}
.booking_cookie_agreement .content-cookie p a {
    display: none;
}
.booking_cookie_agreement {
    background:var(--bg-btn-9);
}
.booking_cookie_agreement .content-cookie p {
    color: var(--txt-btn-10);
	margin-bottom: 0px;
}
.card .btn-moreFeat:hover {
    color: var(--bg-btn-9) !important;
    background: var(--txt-btn-10);
	    text-decoration: none;
}
.card .btn-moreFeat {
    color: var(--txt-btn-10) !important;
    background: var(--bg-btn-9);
    border: var(--bg-btn-9);
}
.sdfgdsf .container:nth-child(3) {
    margin-top: 60px;
}
::placeholder {
    color: #58595B !important;
}