span.carousel-control-next-icon,span.carousel-control-prev-icon{
    width: 70px;
    height: 70px;
}
@media screen and (max-width:672px){
    span.carousel-control-next-icon,span.carousel-control-prev-icon{
        width: 40px;
        height: 40px;
    }
}
img.ban-img {
    width: 100% !important;
}
img.img.img-responsive.oberoi-banner-img {
    width: 100% !important;
}

/* css for updated oberoi page start */


.full-width-slider {
    position: relative;    
    overflow: hidden;
  }
  
  .slides {
    position: relative;
    height: 100%;
    background-color: dodgerblue;
  }
  
  .slides li {
    display: table;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: translateX(100%);
    transition: transform 0.5s;
    background-color: tomato;
  }
  
  .slides li:nth-of-type(2) {
    background-color: dodgerblue;
  }
  
  .slides li:nth-of-type(3) {
    background-color: aquamarine;
  }
  
  .slides li:nth-of-type(4) {
    background-color: darkseagreen;
  }
  .slides li:nth-of-type(5) {
    background-color: rgb(58, 165, 197);
  }
  .slides li:nth-of-type(6) {
    background-color: rgb(214, 153, 21);
  }
  .slides li:nth-of-type(7) {
    background-color: rgb(211, 36, 88);
  }
  
  .slides li.selected {
    z-index: 2;
    transform: translateX(0);
  }
    a.oberoi-back{
    width:60px !important;
    height:60px !important;
  }

  
  .slides li.move-left {
    transform: translateX(-100%);
  }
  
  .slides li.visible {
    z-index: 2;
  }
  
  .slides li > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .slides h2 {
    margin-top: 0;
  }
  
  .slider-navigation a {
    position: absolute;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    height: 48px;
    width: 48px;
    color: #fff;
    text-decoration: none;
    font-weight: 100;
    opacity: 1;
    transition: opacity 0.3s, visibility 0.3s;
  }
  .slider-navigation a:hover {
    opacity: 1;
  }
  @media (max-width: 500px) {
    .slider-navigation a {
      display: none;
    }
  }
  
  .slider-navigation a.next {
    left: auto;
    right: 30px;
    width: 60px !important;
    height: 60px !important;
  }
  
  .slider-dots-navigation {
    display: none;
    position: absolute;
    z-index: 3;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
  }
  @media (max-width: 500px) {
    .slider-dots-navigation {
      display: none;
    }
  }
  
  .slider-dots-navigation li {
    display: inline-block;
    float: left;
    margin-right: 15px;
  }
  .slider-dots-navigation li:last-of-type {
    margin-right: 0;
  }
  
  .slider-dots-navigation a {
    display: block;
    height: 14px;
    width: 14px;
    border: 1px solid #FFF;
    border-radius: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    color: transparent;
    transition: background-color 0.3s;
  }
  
  .slider-dots-navigation a:hover,
  .slider-dots-navigation a.selected {
    background-color: #FFF;
  }
  .slider{
   
    background-repeat: no-repeat;
    background-size: cover;
  }
  
/* 2nd slider css */

/* 2nd slider css */

h1.oberoi-color-black {
    font-size: 25px;
    line-height: 30px;
    padding-bottom: 20px;
    font-weight: 500;
    color: #808080;
    font-family: 'Monotype-Regular';

    text-align: center;
    display: inline-block;
}
.oberoi-grey{
    color: #6d6e6e !important;
    margin-top: 0 !important;
}
.ob-height{
    height: 60% !important;
}
.exterior{
    padding: 0 !important;
}
.three-img-banner{   
    background-size: cover;

}
.oberoi-arrow{
    background-size: cover;
    cursor: pointer;
}

/* css for updated oberoi page end */

/*mute/unmute button for video slider start*/
.sound-btn {
    position: absolute;
    top: 90%;
    left: 10%;
    width: 25px;
    height: auto;
    z-index: 1200;
}
i.sound-ico {
    color: white;
    font-weight: lighter;
    font-size: 30px;
}
/*mute/unmute button for video slider start*/

/* css corrections Dec start */
.menu-master .cool-link{
    font-size: 0.8vw !important;
}
.attractico,.developico{
    float: right;
    font-weight: 100 !important;
}
.menu-bold{
    font-weight:600 !important;
}
/* css corrections Dec end */

/*-------------------------------*/
/*     Sidebar nav styles start      */
/*-------------------------------*/
.menu-angle{
    color: #606060;
    font-size: 15px;
    font-weight: 100 !important;
    vertical-align: middle;
    float: right;
    padding-top: 2px;
}
#submenuPanel {
    margin-right: -250px;
    right: 0;
    top:0;
    width: 250px;
    background: #fff;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000;
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
  }
  #submenuPanel.active {
    top:0;
    right: 250px;
    width: 465px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
  }
  .panel-cancel{
    opacity: 0.5;
    width:13px;
  }
  .small-hr{
    display: none;
}
 @media screen and (max-width:500px){
    #wrapper.toggled #sidebar-wrapper,#submenuPanel,#submenuPanel.active,#thrdPanel,#thrdPanel.active{
        width:100% !important;
        background:white;
    }
    #thrdPanel{
        margin-right: -485px !important;
    }
    #submenuPanel{
        margin-right: -485px !important;
    }
    #thrdPanel.active{
        right: 485px !important;
    }
    #submenuPanel.active{
        right:485px !important ;
    }
    input#search-input{
        font-size: 14px !important;
    }
    .search-ico{
        font-size: 14px !important;
    }
    .panel-header,.sub-header{
        border:none !important;
    }
    .small-hr{
        display: block;
    }
    .S-hr{
        width: 82% !important;
        float: none !important;
    }
    .navigation-item{
        padding-right: 14% !important;
        
    }
    .sidebar-nav li a{
        font-size:1.2em !important;
    }
    p.submenu-back,p.thrdmenu-back{
        
        font-size: 0.7em !important;
        margin-top: 0 !important;
        margin-bottom: 0;
    }
    .angle-back{
        padding-top: 1.5% !important;
        font-size:15px !important ;
    }
    li.navigation-link,li.subnavigation-link,li.direct-link{
        font-size: 10px !important;
        font-family: system-ui !important;
        font-weight:100;
    }
    
    .subdismiss-btn{
        padding-left: 0 !important;
        margin-left: 0  !important;

    }
    .dismiss-btn{
        padding-left:4% !important;
    }
    .search-area{       
        border-inline-end:none !important;
        
    }
    .panel-cancel{
        width:13px !important;
    }
    .dismiss-btn{
        padding-top: 25px !important;
        padding-bottom: 5px !important;
    }
    
   
    
    
 }
 @media screen and (max-width:600px){
    input#search-input{
        width:265px !important;
    }
    .dismiss-btn{
        max-width:20%;
        justify-content: center;
    }
}
    @media screen and (min-width:500px) and (max-width:600px){
        .subdismiss-btn{
            margin-left: 0% !important;
        }
        .dismiss-btn{
            margin-left: 0% !important;
            padding-left: 4% !important;
        }
    }
    

  #thrdPanel {
    margin-right: -250px;
    right: 0;
    top:0;
    width: 250px;
    background: #fff;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000;
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
  }
  #thrdPanel.active {
    right: 250px;
    width: 465px;
    top:0;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
  }

  .sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .sidebar-nav li {
    line-height: 50px;
    text-indent: 20px;
  }
  #side-modal{
    width: auto !important;
    height:100%;
  }

  .sidebar-nav li a {
    font-size: 0.85em;
    font-weight:400;

    letter-spacing: 2px;
    color: #606060 ;
    display: block;
    text-decoration: none;
  }

  .sidebar-nav li a:hover {
    color: #606060;
    background: rgba(255,255,255,0.2);
    text-decoration: none;
    font-weight:100 !important;
  }

  .sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
  }

  .sidebar-nav > .sidebar-brand {
    height: 55px;
    line-height: 55px;
    font-size: 18px;
  }

  .sidebar-nav > .sidebar-brand a {
    color: #999999;
  }

  .sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
  }

  #menu-toggle {
    top: 0;
    right: 0;
    position: fixed;
    z-index: 1;
  }

 

  .toggle {
    margin: 5px 5px 0 0;
  }
@keyframes slideInAnim {
    from {
      right: -35%;
    }
    to {
      right: 0;
    }
  }
@font-face {
    font-family: 'Monotype-Regular';
    src: url(../fonts/Monotype-Regular.otf);
}

@font-face {
    font-family: 'scalasans';
    src: url(../fonts/ScalaSans-Light.ttf);
}

@font-face {
    font-family: 'ChongModern';
    src: url(../fonts/ChongModernW01.ttf);
}

/* css for sliding menu start */
.no-scroll {
    overflow: hidden;
}
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

#wrapper.toggled {
    padding-left: 220px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed !important;
    top: 0;    
    right: -465px !important;
    width: 465px;
    height: 100%;
    margin-left: -220px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 465px;
    right:0 !important;
}

#page-content-wrapper {
    width: 100%;
    
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -220px;
}


.navbar {
  padding: 0;
}
.panel-header{
    width:100%;
    display: inline-flex;
   /*  border-bottom: 1px solid #e4e4e4; */
}

.search-area {
    height: auto;
    text-align: left;
    width: 80%;
    /* border-inline-end: 1px solid #e4e4e4; */
    display: flex;
    padding-top:25px !important;
    padding-bottom: 5px;
    align-items: center;
}
input#search-input {
    color: #606060;
    background: transparent;
    border: none;
    font-size: 0.75em;
    font-family: 'system-ui';
    letter-spacing: 1px;
    text-align: left;
    width: 288px;
    box-sizing: border-box;
    height: 4vw;
}
input#search-input::placeholder{
    color:#606060;
}
.dismiss-btn{
    height: 15vh;
    /* width: 80%; */
    /* border-inline-end: 1px solid #282a2d; */
    padding-right: 5%;
    padding-top: 25px;
    padding-bottom: 5px;
    display: flex;
    align-content: space-around;
    flex-wrap: wrap;
    padding-left: 2%;
    justify-content: flex-start;
}
.subdismiss-btn{
    padding-left: 1% !important;
    margin-left: -3%;
    padding-top: 25px;
    padding-bottom: 5px;
}
.dismiss-btn{
    padding-left: 2%;
}

.navigation-area {
    width: 100%;
}
.navigation-item {
    height: 8vh;
    text-align: left;
    padding: 2% 5%;
    display: flex;
    padding-right: 12%;
    align-content: space-around;
    flex-wrap: wrap;
    justify-content: flex-start;
    
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    position: relative; 
    line-height: 20px;
    display: inline-block;
    width: 100%;
}



.sidebar-nav li a {
    display: block;
    text-decoration: none;   
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color: #606060;
    text-decoration: none;
    background-color: transparent;
    font-weight:100;
}
li.navigation-link{
    color: #606060;
    font-size: 13px;
    font-family: system-ui;
    text-decoration: none !important;
    cursor: pointer;
}
li.subnavigation-link{
    color: #606060;
    font-size: 13px;
    font-family: system-ui;
    text-decoration: none !important;
    cursor: pointer;
}
li.direct-link{
    color: #606060;
    font-size: 13px;
    font-family: system-ui;
    text-decoration: none !important;
    cursor: pointer;
}
li.direct-link a{
    color: #606060;
    text-decoration: none !important;
}
.sidebar-header {
    text-align: center;
    font-size: 20px;
    position: relative;
    width: 100%;
    display: inline-block;
    background:#fff;
}
.sidebar-brand {
    height: 65px;
    position: relative;
    background:#212531;
    background: linear-gradient(to right bottom, #2f3441 50%, #212531 50%);
   padding-top: 1em;
}
.sidebar-brand a {
    color: #ddd;
}
.sidebar-brand a:hover {
    color: #fff;
    text-decoration: none;
}
.dropdown-header {
    text-align: center;
    font-size: 1em;
    color: #ddd;
    background:#212531;
    background: linear-gradient(to right bottom, #2f3441 50%, #212531 50%);
}
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}
.dropdown-menu.show {
    top: 0;
}

/*-------------------------------*/
/*     Sidebar nav styles end        */
/*-------------------------------*/


/* css for sliding menu end */



/*Page Preloader*/

/* PRELOADER CSS */
.bg-video-wrap {
    position: relative;
    overflow: hidden !important;
    width: 100%;
    height: 100vh;
    z-index: 10;
    position: fixed;

}

/*css for test page start*/
.video-background {
    position: relative;
    overflow: hidden;
}

.video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 57%;
    overflow: hidden;
    z-index: -1;
}


.video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*css for test page start*/

h1.banner-heading.black{
    text-align:center !important;
}
p.banner-text.black {
    text-align: center !important;
    justify-content: center;
}
.img-pop{
    max-width: 75% !important;
}
.close-pop{
    padding-right: 1rem !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    
}
.contact-pop{
    margin-top: 12% !important;
    padding-left: 15px;
}
@media screen and (max-width:500px){
  .contact-pop{
    margin-top: 22% !important;
    padding-left: 15px;
}  
}
.form-pop{
    padding-left: 0 !important;
}


.pre {
    min-width: 100%;
    min-height: 100vh;

}

.page-loader {
    width: 100%;
    height: 100%;
    position: fixed;
    background: white;
    background: #272727;
    z-index: 1000;
    overflow: hidden !important;

}

.preloader-img {
    color: #666;
    text-align: center;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    text-transform: uppercase;
    letter-spacing: 0.3rem;
    font-weight: bold;
    line-height: 1.5;
    z-index: 11;
    mix-blend-mode: difference;
}

/* SPINNER ANIMATION */
.spinner {
    position: relative;
    top: 35%;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background-color: #fff;

    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}

/*Page Preloader*/
.startup {
    transform: rotate(0deg);
    transition: transform 0.7s;
}

.r-plus {
    transform: rotate(50deg);
}

.r-minus {
    transform: rotate(-50deg);
    position: relative;
    bottom: 2px;
}

.rotate-plus {
    transform: rotate(45deg);
    transition: transform 0.7s;
}

.rotate-minus {
    transform: rotate(-45deg);
    transition: transform 0.7s;
}

.cross {
    margin-top: 0 !important;

}

.s-cross {
    background: #fff;
    width: 1rem;
    height: 2px;

}

/* Base CSS */

.alignleft {
    float: left;
    margin-right: 15px;

}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus {
    outline: 0 solid
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    color: #07171D;
}

body {
    color: #07171D;
    font-weight: 400;
    font-family: 'ScalaSans-Light';
    padding: 0 !important;
}

.selector-for-some-widget {
    box-sizing: content-box;
}

a:hover {
    text-decoration: none;
}

a,
button,
input,
textarea {
    outline: none !important;
}

.section-padding {
    padding: 80px 0;
}

.owl-prev {
    display: block !important;
    background: transparent !important;
    left: -42% !important;
    top: 56px !important;
    opacity: 0.5;
}

.owl-prev:hover {
    opacity: 0.9 !important;
}

.container {
    max-width: 1600px;
}

.header-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    padding: 25px 0;
}

.main-menu {
    text-align: center;
}
@media screen and (max-width:882px){
    li.adj1 a{
        font-size:10px !important;
        letter-spacing:2px !important;
    }
    li.p-sub{
        font-size:10px !important;
    }
    #panelNavbar{
        width:12% !important;
    }
}
@media screen and (max-width:1300px){
    #panelNavbar{
        width:17% !important;
    }
    ul.psubmenu1 {
    padding-left: 3vw !important;
}
}
@media screen and (max-width:992px){
    #myNavbar{
        width:79% !important;
    }
    .main-menu{
        padding-right:2vw;
    }
}

.mainmenu-area {
    text-align: right;
}

.mainmenu-area ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mainmenu-area ul li {
    display: inline-block;
    position: relative;
    margin-left: 105px;
    border-bottom: 1px solid transparent;
    transition: .3s;
}

.mainmenu-area ul li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    transition: .3s;
}

.mainmenu-area ul li:first-child {
    margin: 0;
}

.mainmenu-area ul li.active {
    border-color: #fff;
}

.sidebar-option {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 8.35%;
    z-index: 9;
    text-align: center;
    padding: 10px 10px 75px 10px;
    border-right: 0.2px solid #ffffff47;
    align-items: flex-end;
    justify-content: center;
    display: flex;
}

.slider-ar-icon {
    position: absolute;
    top: 0;
    left: 10px;
    height: 40%;
    width: calc(8.35% - 20px) !important;
    z-index: 10;
}

/*.logo{
    float: right;
}*/
html {
    scroll-behavior: smooth;
}

.logo-2 img {
    width: 50px;
}

div#myNavbar {
    width: 75%;
}

p.invest-para-long {
    color: #808080;
    font-family: 'scalasans';
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    padding-left: 19px !important;
    padding-right: 19px !important;
}

.logo img {
    width: 175px;
}

.attraction-item-one {

    background-image: none;
}

.cafe-item-one {

    background-image: none;
}

.golf-item-one {

    background-image: none;
}

.wellness-item-one {

    background-image: none;
}

.healthy-item-one {
    background-image: none;
}

.city-item-one {
    background-image: none;
}

.marine-item-one {
    background-image: none;
}

.prime-item-one {
    background-image: none;
}

.slider-live-one {
    background-image: none;
}

.slider-item-one {
    background-image: none;
}

.slider-item-two {
    background-image: none;
}

.slider-item-three {
    background-image: none;
}

.slider-item-four {
    background-image: none;
}

.slider-item-five {
    background-image: none;
}

.oberoi-item-one {

    background-image: none;
}

.single-slider {
    background-position: center;
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
}

.single-slider::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #010101;
    z-index: -1;
    opacity: 20%;
    content: '';
}

.owl-nav div {
    position: absolute;
    top: 30%;
    z-index: 2;
    /*   display: none !important;*/
}

/*.owl-nav img {
    width: 50px;
}*/

.owl-next {
    width: 3.5% !important;
    right: 2%;
}

/*.owl-prev {
    display: none !important;
}*/

.slider-area {
    position: relative;
    z-index: 1;
}

.s-next {
    display: none !important;
}

.slider-area:after {
    position: absolute;
    right: 7%;
    width: 1px;
    height: 100%;
    content: '';
    top: 0;
    background: #fff;
    z-index: 1;
    opacity: 20%;
}



.hero-content h1 {
    font-family: 'Monotype-Regular';
    font-size: 51px;
    line-height: 51px;
    font-weight: 500;

    color: #fff;
    margin: 0;
    text-align: left;
}

h1.smallheading {
    font-size: 51px;
    line-height: 51px;
    font-weight: 500;
    color: #fff;
    text-align: left;
    font-family: 'Monotype-Regular';
}

.explore-btn {
    display: inline-block;
    justify-content: flex-end;
    margin-top: 25px;
    padding: 10px 0px;
    /* border-top: 1px solid #fff;*/
}


.explore-btn a {
    color: #fff;
    font-family: 'scalasans';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 100;
    text-decoration: underline;
    text-underline-offset: -18px;
}
.oberoi-plan-text a {
    color: #fff;
    font-family: 'scalasans';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 100;
    text-decoration: underline;
    text-underline-offset: -18px;
}

.explore-btn a:hover {
    color: #f1f1f1;

}

.news-explore-btn {
    display: inline-block;
    justify-content: flex-end;
    margin-top: 0px;
    padding: 0px 0px;
    /* border-top: 1px solid #fff;*/
}

.news-explore-btn a {
    color: #9F9F9F;
    font-family: 'scalasans';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 100;
    text-decoration: underline;
    text-underline-offset: -18px;
}

.news-explore-btn a:hover {
    color: #8c8c8c;
}

.dropdown-toggle::after {
    display: none !important;
}

.mangrove-explore {
    display: flex;
    justify-content: center;
    margin-top: 5%;
    padding: 10px 0px;

}


.mangrove-explore a {
    color: #fff;
    font-family: 'scalasans';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 100;
    text-decoration: underline;
    text-underline-offset: -19px;
}

.mangrove-explore a:hover {
    color: #f1f1f1;

}

.hotels-explore {
    display: flex;
    justify-content: center;
    margin-top: 10%;
    padding: 10px 0px;

}


.hotels-explore a {
    color: #808080;
    font-family: 'scalasans';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 100;
    text-decoration: underline;
    text-underline-offset: -19px;
}

.hotels-explore a:hover {
    color: #010101;

}

.hotels-view {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px 0px;
}

.hotels-view a {
    color: #808080;
    font-family: 'scalasans';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 100;
    text-decoration: underline;
    text-underline-offset: -19px;
}

.hotels-view a:hover {
    color: #010101;
}

.golf-explore {
    display: flex;
    /*  justify-content: center;*/
    margin-top: 10%;
    padding: 10px 0px;
}


.golf-explore a {
    color: #808080;
    font-family: 'scalasans';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 100;
    text-decoration: underline;
    text-underline-offset: -19px;
}

.golf-explore a:hover {
    color: #010101;
}

.att-explore {
    display: flex;
    /*  justify-content: center;*/
    margin-top: 10%;
    padding: 10px 0px;
}


.att-explore a {
    color: #808080;
    font-family: 'scalasans';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 100;
    text-decoration: underline;
    text-underline-offset: -19px;
}

.att-explore a:hover {
    color: #010101;
}


.live-map {
    display: flex;
    justify-content: flex-start;
    margin-top: 15%;
    padding: 10px 0px;

}

input[type="radio"] {
    vertical-align: sub;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    /* for Safari */
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid #ccc;
    background-color: #9d9b9d;
    outline: none;
}

input[type="radio"]:checked {
    background-color: #666666;
}

/*

input[type=radio]::before {
    
  content: '';
  position: absolute; 
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #9d9b9d; 
}
input[type=radio]:checked::before {
  content: '';
  position: absolute; 
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #666666; 
}
*/




.live-map a {
    color: #808080;
    font-family: 'scalasans';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 100;
    text-decoration: underline;
    text-underline-offset: -19px;
}

.live-map a:hover {
    color: #010101;

}

.prime-explore {
    display: flex;
    justify-content: flex-start;
    margin-top: 5%;
    padding: 10px 0px;

}


.prime-explore a {
    color: #fff;
    font-family: 'scalasans';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 100;
    text-decoration: underline;
    text-underline-offset: -19px;
    cursor: pointer;
}

.prime-explore a:hover {
    color: #f1f1f1;

}



.hero-text {
    /*margin-top: -30px;*/
    max-width: 390px;
}

.hero-text p {
    color: #d3cfcf;
    letter-spacing: 0.3px;
    font-size: 13px;
    font-weight: 100;
    margin-top: -30px;
    line-height: 18px;
    font-family: 'scalasans';
}


.sidemenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidemenu li a {
    writing-mode: vertical-rl;
}

.sidemenu li {
    margin-bottom: 15px;
}

.sidemenu li a {
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    font-size: 11px;
}

.social-icon ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.social-icon ul li {
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

.social-icon ul li a {
    color: #fff;
    display: inline-block;
    font-size: 15px;
}

.social-icon {
    margin-bottom: 15px;
}

.hero-content {
    width: 100%;
    float: right;
    vertical-align: -webkit-baseline-middle;
    /* margin-right: 99px; */
    margin-top: 190px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10% !important;
}

@media screen and (min-width:970px) and (max-width:1000px) {
    .hero-content {
        padding-left: 2.5vw !important;
    }
}

@media screen and (min-width:1000px) and (max-width:1200px) {
    .hero-content {
        padding-left: 3vw !important;
    }
}

@media screen and (min-width:1200px) and (max-width:1500px) {
    .hero-content {
        padding-left: 3.5vw !important;
    }
}

@media screen and (min-width:1500px) {
    .hero-content {
        padding-left: 4vw !important;
    }
}

.navbar-nav .dropdown-menu {
    position: absolute;
    float: none;
    height: 300px;
    /*width: 316px;*/

}

ul.submenu1.dropdown-menu {
    /* padding-left: 1.5vw !important; */
    padding-top:45px !important;
    width:32vw !important;
    left: 1.3vw;
    padding-right:28px !important;
}



/*@media screen and (min-width:1000px) and (max-width:1200px) {
    ul.investsub.dropdown-menu {
        padding-left: 9.2vw !important;
    }
}

@media screen and (min-width:1200px) and (max-width:1500px) {
    ul.investsub.dropdown-menu {
        padding-left: 9.5vw !important;
    }
}

@media screen and (min-width:1500px) {
    ul.investsub.dropdown-menu {
        padding-left: 10.5vw !important;
    }
}*/

/*@media screen and (min-width:1200px) {
    ul.psubmenu1.dropdown-menu {
        padding-left: 33% !important;
    }
}*/

@media screen and (min-width:992px) and (max-width:1200px) {
    ul.pinvestsub.dropdown-menu {
        left: -14vw !important;
        width:34vw !important;
        padding-left: 29% !important;
    }
}

@media screen and (min-width:1200px) {
    ul.pinvestsub.dropdown-menu {
        left: -111% !important;
        padding-left: 29% !important;
    }
}

@media screen and (max-width:992px) {
    ul.pinvestsub.dropdown-menu {
        left: -65% !important;
    }

   /* ul.psubmenu1.dropdown-menu {
        left: -7% !important;
    }*/
}

/*live menu start*/



/*@media screen and (min-width:1000px) and (max-width:1200px) {
    ul.livesub.dropdown-menu {
        padding-left: 9.2vw !important;
    }
}

@media screen and (min-width:1200px) and (max-width:1500px) {
    ul.livesub.dropdown-menu {
        padding-left: 9.5vw !important;
    }
}*/

@media screen and (min-width:1750px){
     ul.pinvestsub.dropdown-menu {
    left: -12vw !important;
    }
      ul.plivesub.dropdown-menu {
    left: -12vw !important;
    padding-left: 29% !important;
}
}
@media screen and (min-width:1500px) and (max-width:1750px) {
   /* ul.livesub.dropdown-menu {
        padding-left: 10.5vw !important;
    }*/
    ul.pinvestsub.dropdown-menu {
    left: -13.5vw !important;
    }
      ul.plivesub.dropdown-menu {
    left: -13.2vw !important;
    padding-left: 29% !important;
}
}

@media screen and (min-width:992px) and (max-width:1200px) {
   ul.pinvestsub.dropdown-menu {
    left: -14vw !important;
    width: 34vw !important;
    padding-left: 29% !important;
}
    ul.plivesub.dropdown-menu {
    left: -14vw !important;
    padding-left: 29% !important;
}
}

@media screen and (min-width:1200px) and (max-width:1500px) {
 /* ul.psubmenu1.dropdown-menu {
    padding-left: 33% !important;
}*/
    ul.pinvestsub.dropdown-menu {
    left: -14vw !important;
    padding-left: 29% !important;
}
    ul.plivesub.dropdown-menu {
    left: -14vw !important;
    padding-left: 29% !important;
}
}

@media screen and (min-width:768px) and (max-width:992px) {
   /* ul.psubmenu1.dropdown-menu {
    left: -22% !important;
    width: 300px !important;
}*/
    ul.pinvestsub.dropdown-menu {
    left: -14vw !important;
    width: 34vw !important;
}
    ul.plivesub.dropdown-menu {
    left: -14vw !important;
}
}

/*live menu end*/



#panelNavbar {
    display: inline-flex;
    justify-content: space-evenly;
}

div#myNavbar {
    display: inline-flex;
    justify-content: space-around;
}

div#panelNavbar {
    position: relative;
    width:23%;
    top: 82px;
}

.navbar-nav {
    display: contents !important;
}

.menu-row {
    margin-top: 57px;

}

/*.row{
    margin-right: 0 !important;
    margin-left: 0 !important;
}*/
.navbar {
    position: absolute !important;
    right: 0 !important;
}

.home-adj {
    max-width: 20.1% !important;
}

li.adj {
    padding: 5px 4% !important;
    font-weight: 100;
    font-size: 13px;

}

li.adj1 {
    padding: 5px 42% !important;
    font-weight: 100;
    font-size: 13px;
}

ul.investsub.dropdown-menu {
    position: absolute !important;
    text-align: left;
    left: 9.5vw;
    /* padding-left: 9.8vw !important; */
    width: 32vw;
    padding-top: 45px !important;

}

ul.livesub.dropdown-menu {
    position: absolute !important;
    text-align: left;
    left: 9.5vw;
    width: 32vw;
    padding-top: 45px !important;

}

li.top {
    border-top: 1px solid #ffffff85;
}

.sidemenu {
    font-size: 11px !important;
    transform: rotate(180deg);
    font-family: system-ui;
}

li.sub-1 {
    padding-top: 20px;
    font-weight: 200;
    font-size: 0.7vw;
    letter-spacing: 2px;
    border-bottom: 1px solid #ffffff85;
    padding-bottom: 20px;

}

li.sub-1 a {
    text-decoration: none !important;
    color: #fff;
    pointer-events: auto !important;
    
}
li.p-sub{
    color: #000 !important;
}

li.sub-1 a:hover {
    text-decoration: none !important;
    /*color: #d1d1d1 !important;*/
}

li.adj a {
    color: #fff;
    font-size: 0.7vw;
    font-family: system-ui;
    pointer-events: none;
    text-decoration: none;
}

/*ul.nav.navbar-nav.navbar-right:hover li.adj::after{
    background: #606060;
}
ul.nav.navbar-nav.navbar-right:hover a{
    color: #606060;
} */

/* li.adj::after {
    content: '';
    display: block;
    width: 0;
    margin-top: 7px;
    margin-left: 1px;
    height: 1px;
    background: #fff;
    transition: width .3s;
}

li.adj1::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #606060;
    transition: width .3s;
}

li.adj:hover::after {
    width: 95%;

}

li.adj1:hover::after {
    width: 100%;

} */

li.adj1 a:hover {
    text-decoration: none !important;
    cursor: pointer !important;
}

.underline {
    text-underline-offset: 10px;
    text-decoration: underline !important;
}

li.adj1 a {
    color: #000;
    font-size: 11px;
    pointer-events: none;
    letter-spacing: 3px;
    font-family: system-ui;

}

.contact-link {
    color: #fff;
    font-size: 0.7vw;
    font-family: 'scalasans';
}

.contact-link:hover {
    color: #fff;
    font-size: 0.7vw;
    font-family: 'scalasans';
    text-decoration: underline;
}

a.dropdown-toggle {
    letter-spacing: 3px;
}

/*
a.dropdown-toggle:hover{
    text-underline-offset: 10px;
}*/
.navbar-nav .dropdown-menu {

    /* filter: saturate(180%) blur(0px);
    backdrop-filter: saturate(36%) blur(10px);
    background: #ffffff36;*/
    background: transparent;
    border: none;
    position: absolute !important;
    float: none;
    height: 415px;
    width: 34vw;
    /*background: #ffffff36;*/
    padding-right:28px ;


}

.dropdown-menu {
    margin-top: 0px !important;
    padding-top: 5px !important;
}

.dropdown-menu {
    top: 80% !important;
}

.hide {
    display: none !important;
}

.btn-toggler-main {
    display: none;
    /*position: fixed;*/
}

ul.change.dropdown-menu.show {
    background: transparent;
    height: auto;
    filter: none !important;
    backdrop-filter: none !important;
    background: transparent;
    width: 175px;
    /* box-shadow: none; */
    border: none;
    padding-left: 0px !important;
    position: relative !important;
    /*left: 200px;*/
}

ul.change.dropdown-menu.show {

}

.container-back {

    height: 100%;
    /*border-left: 1px solid #c9c7c7;*/
    filter: saturate(180%) blur(0px);
    backdrop-filter: saturate(36%) blur(10px);
    background: transparent;
    float: right !important;
    width: 37% !important;
    justify-content: end;
    right: 7%;
    display: flex;
    position: absolute;
}

.container-border {

    height: 100%;
    border-left: 0.2px solid #ffffff47;
    background: transparent;
    float: right !important;
    width: 37% !important;
    justify-content: end;
    right: 7%;
    display: flex;
    position: absolute;
}

.l-border {
    border-left: 0 !important;

}

/*.logo {
    margin-right: 100px;
}*/

.bottom {
    width: 155%;
    text-align: left;    
    padding-top: 5px;
    padding-bottom: 5px;
}

.counter-text {
    font-size: 30px;
    line-height: 51px;
    font-weight: 500;
    color: #808080;
    display: inline-block;
    font-family: 'Monotype-Regular';
    margin-top: 30px;
    text-align: center;
}

.home-counter-text {
    font-size: 30px;
    line-height: 51px;
    font-weight: 500;
    color: #808080;
    display: inline-block;
    font-family: 'Monotype-Regular';
    /*    margin-top: 30px;*/
    text-align: center;
}

li.final {
    position: absolute;
    bottom: 55px;
    font-size: 12px;
}

li.final2 {
    position: absolute;
    bottom: 17px;
    font-size: 12px;
}

/*.navbar-header {
    position: absolute;
    right: 0;
    top: 0;
}*/
.navbar-header {
    display: none;
    position: fixed;
    right: 7%;
    top: 0;
    z-index: 2;
    /*width: 553px;*/
    width: 37%;
    height: 100%;
    background: #fff;
    /*filter: saturate(180%) blur(0px);
    backdrop-filter: saturate(36%) blur(10px);
    background: #ADADAF99;*/
}

.logo-flex {
    display: flex;
    justify-content: flex-start;
    padding-left: 2.5rem !important;
}

a#btn-top {
    position: fixed;
    bottom: 21px;
    left: 0.6%;
    width: 7%;
}

button.panel-dismiss {
    position: absolute;
    top: 4%;
    right: 2%;
    font-size: 2.5rem;
    font-weight: 100;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
    z-index: 12;
    border: 0;
    background: transparent;
}

a.dismiss-link {
    color: #fff;
}

@media screen and (max-width:969px) {
    button.panel-dismiss {
        right: 12% !important;
        top: 4% !important;
    }
}

a#btn-whatsapp {
    position: fixed;
    bottom: 21px;
    right: -21.9%;
    width: 27%;
    z-index: 2;
}

#whatsapp-link {
    width: 13.5%;
    max-width: 50px !important;
}

@media screen and (min-width:768px) and (max-width:992px) {
    #whatsapp-link {
        width: 16%;
    }

    a#btn-whatsapp {
        right: -21.5% !important;
    }
}

@media screen and (min-width:400px) and (max-width:768px) {
    #whatsapp-link {
        width: 24%;
    }

    a#btn-whatsapp {
        right: -19%;
    }
}

@media screen and (max-width:400px) {
    a#btn-whatsapp {
        right: -10.4%;
    }

    #whatsapp-link {
        width: 45%;
    }
}

.owl-dots-container {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.owl-dots {
    display: flex;
    position: absolute;
    flex-direction: column;
    top: 27%;
    color: white;
    right: 3.3%;
}

.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #8c8c8c;
    margin-bottom: 10px;
    cursor: pointer;
}

@media screen and(max-width:768px) {
    .owl-dots {
        right: 4.3% !important;

    }
}

.owl-dot.active {
    background-color: #fff;
}

/*3rd one*/
button.navbar-toggle.collapsed {
    border: none;
    border-radius: 3px;
    width: 2rem;
    height: 9%;
    position: fixed;
    right: 3%;
    top: 15px;
    z-index: 1;
    /*filter: saturate(180%) blur(0px);
    backdrop-filter: saturate(36%) blur(10px);*/
    background: transparent;
}

.container-btn-panel {
    height: 171px;

    filter: saturate(180%) blur(0px);
    backdrop-filter: saturate(36%) blur(10px);
    background: #ffffff30;
    float: right !important;
    width: 37%;
    bottom: 0 !important;
    justify-content: end;
    right: 7%;
    display: flex;
    z-index: 2;
    position: absolute;
    overflow-x: none;

}

.container-btn {
    height: 171px;
    border-left: 0.2px solid #c9c7c7;
    backdrop-filter: saturate(96%) blur(1px);
    background: #ffffff5c;
    /* float: right !important; */
    width: 7%;
    z-index: 2;
    bottom: 0;
    display: flex;
    position: absolute;
    transform: rotate(180deg);
    white-space: nowrap;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    /* padding-right: 41px; */
    /* padding-top: 28px; */
    color: #ffffff;
    letter-spacing: 2px;
    font-size: 9px;
    right: 0;
    cursor: pointer;
    font-family: 'scalasans';
    justify-content: center;
    align-items: center;
    align-content: center;

}

h5.btn-offers {
    font-size: 0.8rem;
    user-select: none;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0 !important;
}

.bar {
    width: 2.5rem;
    background: #ffffff;
    height: 2%;
    margin-top: 10px;
}
/* .b-nav1,.b-nav2{
    width: 2.2vw;
    background: #9b9b9b;
    height: 2%;
    margin-top: -0.06vw !important;
} */

h4.btm-heading {
    font-size: 11px;
    text-align: left;
    padding-top: 25px;
    color: white;
    font-weight: 100;
    /* padding-left: 75px;*/
    letter-spacing: 3px;
}

p.btm-paragraph {
    font-size: 9px;
    text-align: left;
    padding-top: 18px;
    padding-right: 10px;
    color: white;
    font-weight: 100;
    letter-spacing: 2px;
    /* padding-left: 75px;*/
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

img.btm-image {
    text-align: center;
    padding: 16px;
    padding-left: 0 !important;
    display: flex;
    vertical-align: middle;
    margin-top: 25px;
}

@media screen and (max-width:400px) {
    .index-btm-slider {
        max-width: 100% !important;
    }
    button.navbar-toggle.collapsed{
        top: 3vw !important;
    }
    
}
@media screen and (min-width:400px) and (max-width:500px){
    button.navbar-toggle.collapsed{
        top: 1.6vw !important;
    }
}
@media screen and (min-width:500px) and (max-width:768px){
    button.navbar-toggle.collapsed{
        top: 1% !important;
    }
}

@media screen and (max-width:768px) {
    .abt-dismiss{
        display: none !important;
    }
   
    .home-maintext-col {
        max-width: 100% !important;
    }

    .index-btm-slider {
        max-width: 100% !important;
        border-right: 0 !important;
    }

    .slider-left-arrow {
        width: 60% !important;
        margin-top: 20%;
    }

    .invest-right-col,
    .invest-left-text-col {
        max-width: 100% !important;
        border-right: 0 !important
    }
}

@media screen and (min-width:768px) {
    .home-maintext-col {
        max-width: 48% !important;
    }
}





/*section 2 css start*/
.sec-left {
    max-width: 56.5% !important;
    padding-bottom: 50px;
    border-right: 0.2px solid #8c8c8c;
}

h4.heading-short {
    /*font-size: 16px;*/
    font-size: 30px;
    /*font-family: 'scalasans';*/
    font-family: 'Monotype-Regular';
    color: #808080;
}

h4.col-2-heading-short {
    font-size: 15px;
    font-family: 'scalasans';
    color: #808080;
    text-align: center;
}

h4.counter-heading {
    font-size: 15px;
    font-family: 'scalasans';
    color: #fff;
    text-align: center;
}

.sec-margin {
    display: inline-block;
    top: 100px;
    padding-left: 50px !important;
    padding-right: 50px !important;
}

h1.head-long {
    font-size: 51px;
    line-height: 51px;
    font-weight: 500;
    color: #808080;
    font-family: 'Monotype-Regular';
    margin-top: 30px;
}

h1.home-head-long {
    font-size: 2.5rem;
    line-height: 51px;
    font-weight: 500;
    color: #808080;
    font-family: 'Monotype-Regular';
    text-align: center;
}

h1.col-2-head-long {
    font-size: 30px;
    line-height: 51px;
    font-weight: 500;
    color: #808080;
    font-family: 'Monotype-Regular';
    margin-top: 30px;
    text-align: center;
    display: inline-block;
}

h1.counter-head-long {
    font-size: 30px;
    line-height: 51px;
    font-weight: 500;
    color: #fff;
    font-family: 'Monotype-Regular';

    text-align: center;
    display: inline-block;
}

.counter-div {
    text-align: center;
}

#counter {
    padding: 0 !important;
}

.grey {
    background-color: #A5A4A4;
}

.white {
    color: #fff;
}

p.para-long {
    font-size: 18px;
    font-weight: 500;
    color: #6e6d6d;
    font-family: 'scalasans';
    margin-top: 30px;
    padding-right: 19px !important;
    padding-left: 19px !important;

}

p.home-para-long {
    font-size: 15px;
    font-weight: 500;
    color: #808080;
    text-align: center;
    font-family: 'scalasans';
    margin-top: 30px;
    padding-right: 19px !important;
    padding-left: 19px !important;

}

p.col-2-para-long-invest {
    font-size: 15px;
    font-weight: 500;
    color: #8c8c8cc9;
    font-family: 'scalasans';
    text-align: center;
    letter-spacing: 1px;
}

p.col-2-para-long {
    padding-left: 15px;
    font-size: 13px;
    color: #8c8c8cc9;
    padding-right: 15px;
    font-family: 'scalasans';
}

p.home-col-2-para-long {
    padding-left: 15px;
    font-size: 13px;
    text-align: center;
    color: #fff;
    padding-right: 15px;
    font-family: 'scalasans';
}

.flex {
    display: inline-block;
    /*left: 200px;*/
    top: 30px;
}

.sec-right {
    padding-bottom: 130px;
    max-width: 36.6% !important;
    border-right: 0.2px solid #8c8c8c;
}

.block {
    display: inline-block;
    text-align: center;
}

.section-two {
    /*margin-top: -30px;*/
    margin-top: 0px;
}

.padding {
    padding-left: 0 !important;
}

/*.container-fluid{
    padding-left: 0px !important;
    padding-right: 0px !important;
}*/

/*section 2 css end*/


/*section 3 css start*/
.section-three {
    background: #DAD9D8;
    height: 100%;
}

.sec-margin-2 {
    position: relative;
    top: 75px;
    left: 0;
    display: flex;
    /* text-align: center; */
    align-content: center;
    justify-content: center;
}

.sec-margin-3 {
    position: relative;


    display: inline-block;
    /* text-align: center; */
    justify-content: flex-start;
}

.arrow-img {
    float: right;
    position: relative;
    width: 50px;
    height: 50px;
    top: 25px;

    display: inline-block;
}

.slider-left-arrow {
    width: 60%;
}

.kayak {
    margin-top: 70px;
}

.arrow-img1 {

    float: right;
    position: relative;
    width: 80%;

}

.sec-3-left {
    padding-bottom: 85px;
}

h4.heading-short-3 {
    font-size: 12px;
    display: inline-block;
    /*padding-right: 35px;*/
    padding-left: 10px;
    /*top: 10px;*/
    top: 5px;
    vertical-align: top;
    position: relative;
    font-family: 'scalasans';
    color: #808080;
}

h1.head-long-3 {
    font-size: 51px;
    line-height: 51px;
    font-weight: 500;
    display: inline-block;
    color: #808080;
    /* padding-right: 32px; */
    font-family: 'Monotype-Regular';
    /* margin-top: 30px; */
}

h1.head-long-4 {
    font-size: 38px;
    line-height: 51px;
    font-weight: 500;
    display: inline-block;
    color: #808080;
    /* padding-right: 32px; */
    font-family: 'Monotype-Regular';
    /* margin-top: 30px; */
}

p.col-3-para-long {
    font-size: 14px;
    font-weight: 500;
    color: #6e6d6d;
    font-family: 'scalasans';
    margin-top: 12px;

}

p.col-4-para-long {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: #6e6d6d;
    font-family: 'scalasans';
    margin-top: 12px;

}

.set {
    position: relative;
    top: 100px;
}

h4.heading-short-4 {
    font-size: 15px;
    display: inline-block;
    /* padding-right: 35px; */
    top: 10px;
    /* letter-spacing: 1px; */
    /* vertical-align: top; */
    position: relative;
    font-family: ChongModern;
    color: #808080;
}

h4.heading-short-5 {
    font-size: 30px;
    display: inline-block;
    /* padding-right: 35px; */
    top: 10px;
    /* letter-spacing: 1px; */
    /* vertical-align: top; */
    position: relative;
    font-family: ChongModern;
    color: #808080;
}

/*section 3 css end*/


/*section 4 css start*/
.section-four {
    /*background-image: url(../img/index-banner.jpeg);*/
    background-image: none;
    background-position: center;
    background-size: cover;
    height: 70vh;
    display: flex;
    justify-content: center;
    background-attachment: fixed;
    align-items: center;
}


.banner-overlay {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
}

h1.banner-heading {
    color: #fff;
    font-family: 'Monotype-Regular';
    font-size: 2.5rem;
    line-height: 51px;
    text-align: left;
    margin-bottom: 0;
    margin-top: 2%;
}

h1.dev-banner-heading {
    color: #fff;
    font-family: 'Monotype-Regular';
    font-size: 35px;
    line-height: 51px;
    text-align: center;
}

.banner-text {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: center;
    color: #fff;
    /*padding-left: 5%;*/
    margin: 0;
    padding-right: 0%;
    /* padding-top: 6%; */
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    font-family: 'scalasans';
}

.dev-small-text {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    color: #fff;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 6%;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    font-family: 'scalasans';
}

.oberoi-banner-text {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    color: #fff;
    padding-left: 30%;
    padding-right: 30%;
    padding-top: 2%;
    font-size: 15px;
    text-align: center;
    font-family: 'scalasans';
    margin-top: 0;
}

.round-btn {
    border-radius: 70%;
    height: 100px;
    padding: 22px;
    font-family: scalasans;
    color: grey;
    box-shadow: 2px 2px 3px 2px #00000063;
    border: none !important;
}

.round-btn-bottom {
    border-radius: 70%;
    height: 100px;
    padding: 22px;
    border: none !important;
    background: grey;
    color: #cbc9c9;
}

.index-btm-slider {
    max-width: 84.8%;
    border-right: 0.2px solid #8c8c8c;
}

@media screen and (max-width:768px) {

    .sec-left,
    .sec-right {
        max-width: 100% !important;
        border-right: 0 !important;
    }

}

@media screen and (min-width:400px) and (max-width:768px) {

    h1.banner-heading {
        font-size: 6vw;
        /*padding-left: 15px;*/
        padding-right: 15px;
    }
}

@media screen and (max-width:400px) {

    h1.banner-heading {
        font-size: 8vw;
        line-height: 1.5;
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    h1.banner-heading {
        font-size: 5vw;
    }
}

/*multiple items image carousel start*/
.container {
    position: relative;
    margin-top: 3%;
}

h1 {
    text-align: center;
    padding-bottom: 15px;
    font-family: Montserrat;
}

.control {
    list-style: none;
}

.control li {
    display: none;
    position: absolute;
    z-index: 99;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    background: rgba(0, 0, 0, 0.5);
    padding: 12px 20px;
    border-radius: 50%;
    cursor: pointer;
}

.control li:hover {
    background: #000;
}

.control li.prev {
    left: 20px;

}

.control li.next {
    right: 20px;
}

/*index-page slider controls*/

.control1 {
    list-style: none;
}

.control1 li {
    position: absolute;
    z-index: 2;
    /*top: 272%;*/
    margin-top: 3.5%;
    transform: translateY(-50%);
    color: white;
    background: rgba(0, 0, 0, 0.5);
    padding: 12px 20px;
    border-radius: 50%;
    cursor: pointer;
}

/*.control1 li:hover {
  background: #000;
}*/
.control1 li.prev {
    left: 20px;
    display: none;
}

.control1 li.next {
    right: 4%;
    opacity: 0.5;
}

.control1 li.next:hover {

    opacity: 0.9 !important;
}

.tns-nav {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.tns-nav button {
    height: 13px;
    width: 8px;
    background-color: #a5a5a5;
    border: none;
    margin-left: 7px;
    border-radius: 50%;
}

.tns-nav .tns-nav-active {
    background-color: black;
}

.scale {
    animation-name: scale;
    transform-origin: center
}

@keyframes scale {
    from {
        transform: rotate(90deg);
    }

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

h5.top-heading {
    position: absolute;
    top: 15px;
    padding-left: 0.5%;
    padding-top: 0.5%;
    color: white;
    font-family: 'Monotype-Regular';
    font-weight: 100;
    letter-spacing: 1.5px;
    font-size: 30px;
}

h5.invest-top-heading {
    position: absolute;
    top: 13%;
    padding-top: 1.5%;
    color: white;
    font-family: 'Monotype-Regular';
    font-weight: 100;
    letter-spacing: 1.5px;
    font-size: 2vw;
}

h5.index-top-heading {
    position: relative;
    padding-left: 0.5%;
    color: white;
    font-family: 'Monotype-Regular';
    font-weight: 100;
    letter-spacing: 1.5px;
    font-size: 30px;
    padding-bottom: 10%;
}

h4.s-index-plan {
    font-size: 12px;
    color: #fff;
    position: absolute;
    cursor: pointer;
    top: 91%;
    font-weight: 100;
    letter-spacing: 1px;
    margin-left: 5.7%;
    padding-left: 0.5%;
    font-family: 'scalasans';
    text-decoration: underline;
    text-underline-offset: -18px;
}

@media screen and (min-width:450px) and (max-width:768px) {
    .owl-prev {
        left: 4% !important;
        top: -18% !important;
    }
}
@media screen and (min-width:400px) and (max-width:768px) {
    h4.heading-short {
        padding-left: 0 !important;
    }

    .col-news {
        padding-left: 0 !important;
        padding-right: 100px !important;
    }
}

@media screen and (max-width:450px) {

    h4.s-index-plan {
        top: 94% !important;
    }

    .owl-prev {
        left: 45% !important;
        top: -16% !important;
    }

    h4.heading-short-3 {
        padding-right: 0 !important;
    }

    h1.head-long-5 {
        font-size: 23px !important;
    }

    h1.heading-short {
        font-size: 30px !important;
    }

    .slider-left-arrow {
        margin-top: 0 !important;
    }

    .col-right {
        padding-left: 15px !important;
    }
}

h5.s-side-head {

    position: absolute;
    top: 24%;
    /* right: 64%; */
    font-weight: 600;
    color: #fff;
    text-align: left;
    width: 5%;
    font-size: 2vh;
    font-family: 'monotype-regular';
    padding-left: 0.5%;
    /* margin-left: 3.5%; */
    /* padding-right: 7% !important; */
    padding-bottom: 1%;
    margin-left: 5.7%;
}

p.s-side-text {
    position: absolute;
    top: 30%;
    font-weight: 500;
    color: #fff;
    text-align: left;
    width: 11%;
    font-size: 12px;
    font-family: 'Scalasans';
    padding-left: 0.5%;
    /* margin-left: 3.5%; */
    padding-right: 7.5% !important;
    padding-bottom: 1%;
    margin-left: 5.7%;
    margin-top: 0 !important;

}

.mask {
    position: absolute;
    top: 0;
    width: 8.86%;
    height: 100%;
}

.investmask {
    position: absolute;
    top: 0;
    width: 9.79%;
    height: 100%;
}

.my-slider1 {
    padding-bottom: 4%;
}

.bg {
    background: #d8d6d6;
}


@media screen and (max-width:320px) {
    .mask {
        width: 8.52% !important;
    }
     
    .investmask{
        width: 9.3% !important;
    }
}
@media screen and (min-width:320px) and (max-width:400px) {
    .mask {
        width: 8.7% !important;
    }
    .investmask{
        width: 9.5% !important;
    }
}
@media screen and (min-width:400px) and (max-width:768px) {
    
    .investmask{
        width: 9.7% !important;
    }
}

@media screen and (min-width:768px) and (max-width:900px) {
    .mask {
        width: 8.64% !important;
    }
}

@media screen and (min-width:900px) and (max-width:992px) {
    .mask {
        width: 8.69% !important;
    }
}

@media screen and (min-width:992px) and (max-width:1140px) {
    .mask {
        width: 8.75% !important;
    }
}

@media screen and (min-width:1140px) and (max-width:1200px) {
    .mask {
        width: 8.77% !important;
    }
}

@media screen and (min-width:1200px) and (max-width:1300px) {
    .mask {
        width: 8.82% !important;
    }
}

@media screen and (min-width:1300px) and (max-width:1400px) {
    .mask {
        width: 8.83% !important;
    }
}
@media screen and (min-width:1600px) and (max-width:2000px) {
    .mask {
        width: 8.894% !important;
    }
}
@media screen and (min-width:2000px){
    .mask {
        width: 8.935% !important;
    }
}

/*invest page mask*/
@media screen and (min-width:768px) and (max-width:900px) {
    .investmask {
        width: 9.57% !important;
    }
}

@media screen and (min-width:900px) and (max-width:992px) {
    .investmask {
        width: 9.6% !important;
    }
}

@media screen and (min-width:992px) and (max-width:1140px) {
    .investmask {
        width: 9.67% !important;
    }
}

@media screen and (min-width:1140px) and (max-width:1200px) {
    .investmask {
        width: 9.7% !important;
    }
}

@media screen and (min-width:1200px) and (max-width:1300px) {
    .investmask {
        width: 9.72% !important;
    }
}

@media screen and (min-width:1300px) and (max-width:1400px) {
    .investmask {
        width: 9.73% !important;
    }
}

@media screen and (min-width:1400px) and (max-width:1500px) {
    .investmask {
        width: 9.75% !important;
    }
}



/*invest page mask*/

.link {
    position: fixed;
    background-color: #d12322;
    padding: 23px 40px;
    right: 0;
    border-radius: 5px;
    top: 0;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
    transition: all 0.1s ease-in-out;
}

.link i {
    padding-left: 7px;
}

.link:hover {
    text-decoration: underline;
    background-color: black;
}



/*multiple items image carousel end*/



/*section 4 css end*/

/*developer css start*/

.dev-banner-text {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    color: #fff;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 6%;
    font-size: 15px;
    text-align: center;
    font-family: 'scalasans';
}

.partner-banner-text {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    color: #fff;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 6%;
    font-size: 13px;
    text-align: center;
    font-family: 'scalasans';
}

.partner-banner-text2 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    color: #fff;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 3%;
    margin-top: 0;
    font-size: 13px;
    text-align: center;
    font-family: 'scalasans';
}

@media screen and (max-width:400px) {
    .partner-banner-text {
        font-size: 14px !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    .partner-banner-text2{
        font-size: 14px !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
}
    .partnership-m{
        height: 130vh !important;
        align-content: flex-start !important;
    }
}

.dev1-banner-text {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    color: #fff;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 2%;
    font-size: 12px;
    text-align: center;
    font-family: 'scalasans';
}

.dev-main {
    padding-top: 2%;
}

@media screen and (max-width:768px) {
    .dev-main {
        right: 6% !important;
    }
}

/*developer css end*/

/*partnership css start*/
.partner-main {
    padding-top: 2%;
}

/*partnership css end*/

/*map css start*/
.contact-slider-area {
    position: relative;
    z-index: 1;
}

.contact-slider-area:after {
    position: absolute;
    right: 6.9%;
    width: 1px;
    height: 100%;
    content: '';
    top: 0;
    background: #fff;
    z-index: 1;
    opacity: .3;
}

.blk-margin {
    display: none;
    height: 56%;
    width: 100%;
    padding: 11%;
    background: black;
}

.blk-margin1 {
    display: none;
    height: 35%;
    width: 100%;
    padding: 11%;
    background: black;
}

@media screen and (min-width:768px) and (max-width:992px) {
    p.master-side-text {
        padding-right: 10% !important;
    }

    .map-main {
        left: 15% !important;
    }

    .btn-panel {
        margin-top: 15% !important;
    }
}

@media screen and (max-width:578px) {
    .master-main {
        top: 18% !important;
    }
}

@media screen and (max-width:768px) {
    .contact-slider-area:after {
        width: 0 !important;
    }

    .map-main {
        display: none !important;
    }

    .partner-main {
        display: none !important;

    }

    .dev1-banner-text {
        font-size: 1.7vw !important;
    }

    .dev-banner-text {
        font-size: 2.7vw !important;
    }

    .map-heading {
        font-size: 4.5vw !important;
        text-align: center;
        float: none !important;
    }
   
    .contact-link{
        font-size: 11px !important;
    }

    .media-header {
        padding-top: 20% !important;
    }

    .contact-form {
        max-width: 100% !important;
    }

    .contact-header {
        flex-wrap: nowrap !important;
        height: auto !important;
    }

    .map-contact-link {
        font-size: 2vw !important;
    }
    .contact-info {
        display: block;
    }
    .blk-margin {
        display: block !important;
    }
    .blk-margin1 {
        display: block !important;
    }
    h4.map-explore {
        font-size: 10px !important;        
        
        text-underline-offset: -19px !important;
    }
    .partner-main {
        padding-left: 15% !important;
        padding-right: 15% !important;
    }
    

    .small-show {
        display: block !important;
        background: black;        
    }
    img.contact-img1{
        width: 90% !important;
        left: 4% !important;
    }
    
}

@media screen and (min-width:768px) {
    .banner-main {
        display: block;
        align-content: center;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        justify-items: center;
        position: absolute !important;
        left: 9%;
        top: 25%;

    }
  
    .prime-explore a{
        font-size: 0.8vw !important;
    }
}

@media screen and (max-width:768px) {
    .banner-main {}
}

img.contact-img {
    width: 55%;
    vertical-align: middle;
    text-align: center;
    left: 45%;
    position: relative;
    top: 10%;
    z-index: 1;
}

img.contact-img1 {
    width: 55%;
    vertical-align: middle;
    text-align: center;
    left: 20%;
    position: relative;
    top: 10%;
    z-index: 1;
}

@media screen and (min-width:768px) and (max-width:1200px) {
    img.contact-img {
        width: 70% !important;
    }
    .p-exp{
        right: 25% !important;
        bottom: -15% !important;
    }

}


.small-show {
    display: none;
}

h4.map-explore {
    font-size: 9px;
    display: inline-block;
    padding-right: 35px;
   /* bottom: 3%;
    left: 11.3%;*/
    vertical-align: top;
    position: absolute;
    font-family: 'scalasans';
    color: #fff;
    /* border-top: 0.2px solid #8c8c8c; */
    text-decoration: underline;
    text-underline-offset: -19px;
    padding-top: 20px;
    z-index: 2;
}

.map-contact-text {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: center;
    color: #fff;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 6%;
    font-size: 0.7vw;
    text-align: left;
    margin-bottom: 0.7rem;
    margin-top: 13px;
    font-family: 'scalasans';
}

.map-contact-link {
    display: block;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: center;
    color: #fff;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 6%;
    font-size: 0.7vw;
    text-align: left;
    margin-bottom: 0.7rem;
    margin-top: 13px;
    font-family: 'scalasans';
}

.form-group {
    margin-bottom: 0 !important;
}

.contact-info {
    padding-top: 0;

}

.contact-header {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    height: 100vh;
}

.map-main {
    padding-top: 7%;
    left: 9%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;


}

.map-heading {
    color: #fff;
    font-family: 'Monotype-Regular';
    font-size: 2.5vw;
    float: left;
    /* text-align: center; */
    padding-left: 15px;
    padding-bottom: 6%;
    margin-bottom: 0 !important;
}

.sbmt-btn {
    float: right;
    padding-right: 4%;
    font-family: 'scalasans';
}

button.sbmt {
    color: #fff;
    background: transparent;
    border: 0 !important;
    font-size: 15px !important;
}

/*partnership css end*/

/*footer*/
.footer {
    background: grey;
    display: inline-block;
    /*margin-top: 60px;*/
    width: 100%;

}

@media screen and (min-width:768px) {
    .foo-blocks {
        max-width: 64% !important;
    }
}

@media screen and (max-width:768px) {
    .foo-img {
        padding-left: 0 !important;
    }

    .copyright-row {
        flex-direction: column-reverse;
    }

}

@media screen and (max-width:400px) {
    p.s-btm-text {
        bottom: -20px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        line-height: 1.2;

    }
}

.row-foo {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}

.footer-heading {
    font-family: 'ChongModern';
    margin-bottom: 60px;
}

.footer-heading a {
    color:#fff !important;
}
.footer-heading a:hover {
    color: #cbc9c9 !important;
}


li.foo-list {
    text-decoration: none !important;
}

li.foo-list a:hover {
    text-decoration: none !important;
    color: #fff;
}

.foo-img {
    padding-left: 66px;
    margin-bottom: 40px;
}

.foo-container {
    margin-top: 40px;
    margin-bottom: 10px;
}

.footer-cell {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 40%;
}

p.copyright {
    font-size: 13px;
    font-family: 'scalasans';
    color: #cbc9c9;
    padding-left: 10px;
    margin-top: 0;
}

.social {
    width: 28px;
    margin-left: 4px;
    display: inline-flex;
    flex-wrap: wrap;
}

.social-block {
    display: flex;
    justify-content: center;
    padding-left: 0;
    padding-right: 25px;
}

.footer-img {
    width: 165px;
}

.footer a {
    color: #cbc9c9;
}

li.foo-list {
    text-align: left;
    font-size: 12px;
    font-family: 'scalasans';
    color:#cbc9c9;
}

h5.text-uppercase {
    color: white;
    font-weight: 500;
    font-size: 18px;
    text-align: left;
}

.copyright-row {
    padding-top: 6%;
}

/*footer*/



@media screen and (max-width:992px) and (min-width:774px) {
    img.btm-image {
        width: 100% !important;
    }
}

@media screen and (max-width:1045px) {
    .sec-margin {
        top: 0;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    /*div#panelNavbar {
        right: 66% !important;

    }*/

    li.adj1 {
        padding: 5px 30% !important;
    }

}

@media screen and (min-width:768px) and (max-width:992px) {
    /* div#panelNavbar {
        right: 60% !important;

    }*/

    li.adj1 {
        padding: 5px 18% !important;
    }

}

/*@media screen and (min-width:1135px) and (max-width:1200px) {
    .psubmenu1 {
        padding-left: 38px !important;
    }
}*/

/*@media screen and (min-width:768px) and (max-width:970px) {
    .psubmenu1 {
        padding-left: 30px !important;
    }
}*/


/*@media screen and (min-width:1050px) and (max-width:1150px){
    li.adj{
        padding: 5px 9.5% !important;
    }
}*/
/*@media screen and (min-width:969px) and (max-width:1050px){
    li.adj{
        padding: 5px 35px !important;
    }
}*/
/*@media screen and (min-width:724px) and (max-width:789px){
    li.adj1{
        padding: 5px 40px !important;
    }
    .navbar-header{
        width: 485px;
    }
}*/
@media screen and (min-width:650px) and (max-width:768px) {
    li.adj1 {
        padding: 5px 48px !important;
    }

    .navbar-header {
        width: 411px;
    }

    /*div#panelNavbar {
        right: 2%;
    }*/

}

@media screen and (min-width:600px) and (max-width:650px) {
    li.adj1 {
        padding: 5px 50px !important;
    }

    .navbar-header {
        width: 100%;
    }

    /* div#panelNavbar {
        right: 14%;
    }*/
}

@media screen and (min-width:555px) and (max-width:600px) {
    li.adj1 {
        padding: 5px 40px !important;
    }

    .navbar-header {
        width: 100%;
    }

    /*div#panelNavbar {
        right: 14%;
    }*/
}

@media screen and (max-width:550px) {
    li.adj1 {
        padding: 5px 35px !important;
    }

    .navbar-header {
        width: 385px;
    }
    h4.heading-short{
    padding-bottom: 0 !important;
    float: left !important;
    margin-bottom: 0 !important;
    padding-left: 5% !important;
    }
     .owl-prev {
        left: 73% !important;
        top: -18% !important;
    }
    .col-news {
    padding-right: 0 !important;
    padding-left: 30px !important;
    padding-top: 30px;
}
}

@media screen and (max-width:969px) {
    #myNavbar {
        display: none !important;
    }

}

@media screen and (max-width:969px) {
    .btn-toggler-main {
        display: block !important;
    }
}

@media screen and (min-width:1120px) and (max-width:1275px) {
    .logo {
        margin-right: 50px;
    }

}

@media screen and (min-width:1050px) and (max-width:1120px) {
    .logo {
        margin-right: 20px;
    }

}

@media screen and (min-width:969px) and (max-width:1050px) {
    .logo {
        margin-right: 0;
    }

}

@media screen and (min-width:764px) and (max-width:768px) {
    .logo-flex {
        /*margin-left: 10% !important;*/
    }

}

@media screen and (min-width:576px) and (max-width:764px) {
    .logo-flex {
        flex: 0 0 33.666667% !important;
        max-width: 33.666667% !important;
    }

}

/*@media screen and (max-width:969px){
    .logo{
        margin-right: 0;
        float: left;
        width: 72px;
    }
    
}*/
@media screen and (max-width:898px) {
    .hero-text {
        margin-top: 25px;
    }

    h1.heading {
        font-size: 28px;
        line-height: 35px;
        font-weight: 500;
        color: #fff;
        font-family: 'Monotype-Regular';
    }

}

/*bottom slider css*/
.col-right {
    float: right;
    top: 28px;
    padding-left: 95px;
    margin-bottom: 50px;
}

.col-left {

    display: inline-block;
    position: relative;
    top: 50px;
    /* left: 50px; */
    text-align: center;
}

.uk-section {
    padding-bottom: 40px;
    /*background-color: #666;*/
}

.owl-carousel {
    position: relative;

}

.bottom-carousel {
    margin-top: 30px;
    
}

.bottom-carousel .owl-dots {
    display: none !important;
}

/*.owl-nav {
  position: absolute;
  top: -60px;
  left: 10px;
}*/
.owl-next {
    background: transparent !important;
}

.uk-card-primary {
    border-radius: 8px;
}

h1.head-long-5 {
    font-size: 32px;
    color: #808080;
    font-family: 'Monotype-Regular';
    text-align: left;
}

.uk-card > :last-child {
    margin-top: 0;
    margin-bottom: 10px
}

.arrow {
    margin-top: 100px;
    font-size: 65px;
    color: #adadad;
}

.text-sec {
    position: relative;
    /* display: inline-block; */
    display: inline-flex;
    margin-top: 30px;
    width: 100%;
    padding-top: 18px;
    border-top: 0.5px solid #adadad;
}

.ew {
    width: 97% !important;
    margin-left: 7px;
}

.para-col {
    padding-bottom: 20px;
    /*border-bottom: 0.5px solid #adadad;*/
}

p {
    margin-top: 30px;
    margin-bottom: 20px;
}

.owl-next {
    background: #3286f0;
}

.owl-theme .owl-nav [class*='owl-'] {
    background: #383838;
}

.owl-dots {
    margin-top: 30px;
}

.uk-card-title {
    padding-bottom: 20px;
}





/*page-1 css start*/
.margin-top {
    margin-top: -30px;

}

.margin-null {
    margin-right: 0 !important;
}

.left-border-col,
.left-text-col,
.right-content-col,
.inspire-left-col {
    border-right: 0.2px solid #8c8c8c;
}

.left-text-col {
    padding-top: 6.5rem;
    padding-bottom: 6.5rem;
    padding-left: 65px !important;
    padding-right: 210px !important;

    max-width: 51.5% !important;
}


p.para-long-text {
    font-size: 18px;
    font-weight: 500;
    color: #6e6d6d;
    text-align: justify;
    font-family: 'scalasans';
    margin-top: 30px;
    padding-right: 19px !important;
    padding-left: 0 !important;

}

img.right-img {
    width: 377px;
    margin-top: 6.5rem;

}

@media screen and (max-width:768px) {
    .left-text-col {
        max-width: 100% !important;
        border-right: 0 !important;
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
}

@media screen and (min-width:768px) and (max-width:968px) {
    .left-text-col {
        padding-right: 55px !important;
    }
}

/*page-1 css end*/


/*page-2 css start*/

img.sunset-img {

    /*margin-top: 6.5rem;*/

}

.right-content-col {
    max-width: 37% !important;
    padding-bottom: 6rem;
    padding-top: 6rem;
    text-align: center;
}

.minus {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.inspire-left-col {
    max-width: 37% !important;
    padding-top: 6rem;
    padding-bottom: 6rem;

}

h1.inspire-head-long {
    padding-bottom: 2%;
    font-size: 2.5rem;
    line-height: 51px;
    font-weight: 500;
    text-align: left;
    color: #808080;
    font-family: 'Monotype-Regular';
    /*margin-top: 30px;*/
}

.inspire-right-text-col {
    padding-top: 6.5rem !important;
    max-width: 47.75% !important;
    border-right: 0.2px solid #8c8c8c;
    padding-bottom: 6.5rem !important;
}

p.inspire-long-text {
    font-size: 14px;
    font-weight: 500;
    color: #808080;
    text-align: left;
    font-family: 'scalasans';
    /*margin-top: 30px;*/
    margin-bottom: auto;
    /* padding-right: 38% !important;*/
    padding-left: 0 !important;
}

p.inspire-long-text1 {
    font-size: 14px;
    font-weight: 500;
    color: #6e6d6d;
    text-align: justify;
    font-family: 'scalasans';
    margin-top: 15px;
    margin-bottom: 6rem;
    /*padding-right: 38% !important;*/
    padding-left: 0 !important;
}

.bottom-border {
    border-bottom: 0.2px solid #8c8c8c;
}

/*img.clubhouse-img{
    margin-top:6.5rem;
    margin-bottom:6.5rem;
}*/
.clubhosue-left-col {

    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;

    max-width: 47.75% !important;
    border-right: 0.2px solid #8c8c8c;
}

h1.clubhouse-head-long {
    font-size: 2.5rem;
    line-height: 51px;
    font-weight: 500;
    color: #808080;
    font-family: 'Monotype-Regular';
    /* margin-top: 6rem;*/
    text-align: left;
}

h1.clubhouse-head-short {
    font-size: 16px;
    line-height: 51px;
    /* letter-spacing: 0px; */
    font-weight: 500;
    color: #808080;
    font-family: 'ChongModern';

    text-align: left;
}

p.clubhouse-long-text {
    font-size: 14px;
    font-weight: 500;
    color: #808080;
    text-align: left;
    font-family: 'scalasans';
    /*padding-right: 45px !important;*/
    padding-left: 0 !important;
    margin-bottom: auto;
}

.text-area {
    margin-top: 165px;
    /* text-align: center !important; */
    /*margin-left: 60px;*/
}

h4.clubhouse-heading-short {
    font-size: 20px;
    font-family: 'scalasans';
    color: #808080;
}

.col-md-7.slide-right {
    max-width: 51.5%;
    padding-left: 75px;
    border-right: 0.2px solid #8c8c8c;
    border-top: 0.2px solid #8c8c8c;
}

.slide-left {
    border-top: 0.2px solid #8c8c8c;
}

/*.owl-item.active {
    width: 398px !important;
}*/
h4.slider-heading-short {
    font-size: 20px;
    font-family: 'scalasans';
    color: #808080;
    padding-top: 4rem;
    text-align: left;
}

.slider-sec {
    margin-top: 8rem;
    margin-bottom: 8rem;
}

@media screen and (max-width:768px) {

    .inspire-left-col,
    .inspire-right-text-col,
    .clubhosue-left-col,
    .right-content-col,
    .slide-left,
    .col-md-7.slide-right {
        max-width: 100% !important;
        border-right: 0 !important;
    }

    .col-md-7.slide-right {
        border-top: 0 !important;
    }



}

@media screen and (max-width:768px) {
    .right-content-col {
        padding-top: 15px !important;
    }
}

@media screen and (max-width:960px) {

    p.inspire-long-text,
    p.inspire-long-text1 {
        padding-right: 0 !important;
    }

    h1.inspire-head-long {
        padding-right: 0 !important;

    }

}

@media screen and (min-width:768px) and (max-width:960px) {
    h1.inspire-head-long {

        font-size: 36px !important;
    }
}

/*page-2 css end*/


/*page-4 css start*/

.ew-new {
    width: 97% !important;
}

h4.oasis-heading-short {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 16px;
    font-family: 'scalasans';
    color: #808080;
    padding-left: 2.5rem;
}

h4.explore-heading-short {
    padding-top: 12%;

    font-size: 12px;
    font-family: 'scalasans';
    color: #808080;
    display: inline-flex;
}

.oasis-right-text-col {
    padding-left: 65px !important;
    max-width: 54.75% !important;
    border-right: 0.2px solid #8c8c8c;
    padding-right: 50px !important;
}

.oasis-left-col {
    max-width: 30% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    /*border-right: 0.2px solid #8c8c8c;*/
}

.oasis-right-col {
    max-width: 47.75% !important;
    border-right: 0.2px solid #8c8c8c;
    padding-top: 6.5rem;
    padding-bottom: 6rem;

}

h1.oasis-head-long {
    /*padding-right: 75px;*/
    font-size: 2.5rem;
    line-height: 51px;
    font-weight: 500;
    color: #808080;
    display: inline-flex;
    font-family: 'Monotype-Regular';
    /*padding-top: 6rem;*/
    padding-left: 0;
    text-align: left;
}



.text-area1 {
    margin-top: 6rem;
    /* text-align: center !important; */
    /*margin-left: 40px;*/
    padding-bottom: 6.5rem;
}

h1.oasis-head-short {
    font-size: 16px;
    line-height: 51px;
    /* letter-spacing: 0px; */
    font-weight: 500;
    color: #808080;
    font-family: 'chongModern';
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 0;
}

.oasis-right-content-col {
    max-width: 47.75% !important;
    padding-bottom: 6.5rem;
    border-right: 0.2px solid #8c8c8c;
}

.oasis-img-left-col {
    padding-left: 65px !important;
    max-width: 37% !important;
    border-right: 0.2px solid #8c8c8c;
}

.health-left-text-col {
    padding-left: 65px !important;
    max-width: 37% !important;
    border-right: 0.2px solid #8c8c8c;
    padding-right: 50px !important;
    padding-top: 6rem;
    padding-bottom: 6rem;

}

h1.spa-head-long {
    padding-right: 265px;
    font-size: 45px;
    line-height: 51px;
    font-weight: 500;

    color: #808080;
    display: inline-flex;
    font-family: 'Monotype-Regular';
    padding-top: 6rem;
}

.text-area2 {
    margin-top: 130px;
    /* text-align: center !important; */
    /* margin-left: 40px;*/
    /*padding-bottom:30px;*/
    margin-bottom: auto;
}

.spa-img-left-col {
    padding-left: 40px !important;
    padding-right: 40px !important;
    max-width: 37% !important;
    border-right: 0.2px solid #8c8c8c;
}

p.spa-long-text {
    font-size: 14px;
    font-weight: 500;
    float: right;
    padding-top: 31px;
    padding-bottom: 50px;
    color: #6e6d6d;
    text-align: justify;
    font-family: 'scalasans';
    /* padding-right: 45px !important; */
    text-align: right;
    padding-left: 0 !important;
}

.spa-long-text1 {
    font-size: 14px;
    font-weight: 500;
    float: left;
    padding-top: 10%;
    margin-bottom: 0 !important;
    color: #808080;
    text-align: left;
    font-family: 'scalasans';
    padding-left: 0 !important;
}

.spa-long-textN {
    font-size: 14px;
    font-weight: 500;
    float: right;
    padding-top: 55px;
    margin-bottom: 0 !important;
    color: #6e6d6d;
    text-align: justify;
    font-family: 'scalasans';
    /* padding-right: 45px !important; */
    text-align: right;
    padding-left: 0 !important;
}

h1.fitness-head-long {
    padding-right: 75px;
    font-size: 45px;
    line-height: 51px;
    font-weight: 500;
    color: #808080;
    display: inline-flex;
    font-family: 'Monotype-Regular';
    padding-top: 6rem;
    text-align: left;
}

.top-border {
    border-top: 0.2px solid #8c8c8c;
}

.margin-bottom {
    margin-bottom: 100px;
}

@media screen and (max-width:768px) {

    .health-left-text-col,
    .oasis-right-col,
    .spa-img-left-col,
    .oasis-right-content-col,
    .oasis-right-text-col {
        max-width: 100% !important;
        border-right: 0 !important;
    }

    .text-section {
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .oberoi-btn-main {
        left: 42% !important;
    }

    .text-area1 {
        margin-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .text-area2 {
        margin-top: 2.5rem !important;
        margin-left: 0 !important;
    }

    h1.spa-head-long {
        padding-right: 60px !important;
    }

    p.clubhouse-long-text {
        padding-right: 0 !important;
    }

    h1.spa-head-long {
        padding-left: 0 !important;

    }

    .col-ext {
        max-width: 100% !important;
        padding: 0 !important;
    }

    .oasis-left-col {
        max-width: 100% !important;
    }

    h1.oasis-head-long {
        padding-right: 0 !important;
    }

}

@media screen and (min-width:768px) and (max-width:960px) {
    .col-hide {
        display: none !important;
    }

    .col-ext {
        max-width: 100% !important;
        padding: 0 !important;
    }

    p.clubhouse-long-text {
        padding-right: 0 !important;
    }

    h1.spa-head-long {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.col-ext {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*page-4 css end*/


/*oberoi css start*/


.oberoi-row-main {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.new-banner{
    display: grid;
    justify-content: flex-start;
    padding-left:2.5rem;
}
.new-container{
    position: absolute;
    bottom:6%;
    
}

.oberoi-btn-main {
    display: flex !important;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    position: fixed;
    bottom: 5%;
    z-index: 2;
    justify-content: center;
    left: 48%;

}

.oberoi-btn-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    position: absolute;
    left: 48%;
    margin-top: 30%;
    z-index: 2;

}

h1.oberoi-head-long {
    font-size: 25px;
    line-height: 30px;
    padding-bottom: 20px;
    font-weight: 500;
    color: #fff;
    font-family: 'Monotype-Regular';

    text-align: center;
    display: inline-block;
}

.golf-section-eight {
    background-image: none;
    background-position: center;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    background-attachment: fixed;
    align-items: center;
}

.golf-section-four {
    background-image: none;
    background-position: center;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    background-attachment: fixed;
    align-items: center;
}

.banner-set{
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
@supports (-webkit-touch-callout: none) {
 .golf-section-six,.golf-section-four,.golf-section-eight,.oberoi-section-four,.oberoi-section-six,.oberoi-section-eight,.healthy-section-four,.healthy-section-six,.healthy-section-eight,.section-four{
       
        background-repeat: no-repeat;
        background-attachment: scroll !important;
    } 
}

.golf-section-six {
    
    background-image: none;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;    
    height: 100vh;
    display: flex;
    justify-content: center;
    background-attachment: fixed;
    align-items: center;
}

.healthy-section-eight {
    background-image: none;
    background-position: center;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    background-attachment: fixed;
    align-items: center;
}

.healthy-section-four {
    background-image: none;
    background-position: center;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    background-attachment: fixed;
    align-items: center;
}

.healthy-section-six {
    background-image: none;
    background-position: center;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    background-attachment: fixed;
    align-items: center;
}

.oberoi-section-four {
    /*background-image: url(../img/oberoi/banner-four.jpg); */
    background: none;
    background-position: center;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    background-attachment: fixed;
    align-items: center;
}

.oberoi-section-six {
    /*background-image: url(../img/oberoi/banner-six.jpg);*/
    background-image: none;
    background-position: center;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    background-attachment: fixed;
    align-items: center;
}

.oberoi-section-eight {
    /*background-image: url(../img/oberoi/banner-eight.jpg);*/
    background-image: none;
    background-position: center;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    background-attachment: fixed;
    align-items: center;
}

.img-sec {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.latest-news .home-news-img-sec{
    width: 100%;
    height: 236px;
}

.latest-news .home-news-img-sec img{
    width: 100%;
    height: 100%;
}

.media-news-img-sec img{
    width: 100%;
}

.text-section {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-left: 10rem;
    padding-right: 10rem;
}

h1.oberoi-heading {
    color: #808080;
    font-family: monotype-regular;
    padding-bottom: 25px;
    text-align: left;
    font-size: 2.5rem;
    line-height: 51px;
}

p.oberoi-text {
    color: #808080;
    font-size: 15px;
    font-weight: 500;

    text-align: left;
    font-family: 'scalasans';
}


h1.golf-heading {
    color: #808080;
    font-family: monotype-regular;
    padding-bottom: 25px;
    text-align: left;
    font-size: 2.5rem;
    line-height: 51px;
}

p.golf-text {
    color: #808080;
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    font-family: 'scalasans';
}

p.s-btm-text {

    position: absolute;
    bottom: 0;
    font-weight: 500;
    color: #fff;
    text-align: left;
    width: 9%;
    font-size: 12px;
    font-family: 'Scalasans';
    padding-left: 0.5%;
    padding-right: 4%;
    padding-bottom: 1%;
}

p.invest-s-btm-text {

    position: absolute;
    font-weight: 100;
    color: #fff;
    text-align: center;
    width: 5%;
    font-size: 12px;
    bottom: 38%;
    font-family: 'scalasans';

}

@media screen and (max-width:768px) {
    p.invest-s-btm-text {
        font-size: 2vw !important;
        bottom: 24% !important;
    }

    h5.invest-top-heading {
        font-size: 4.5vw !important;
    }
    .about-banner-text{
        padding-left: 15% !important;
        padding-right: 15% !important;
        font-size: 14px !important;
    }
}

p.invest-s-top-text {

    position: absolute;
    font-weight: 100;
    color: #fff;
    text-align: center;
    width: 5%;
    font-size: 12px;
    bottom: 63%;
    font-family: 'scalasans';

}

/*oberoi css end*/

img.s-img-btm {
    width: 60% !important;
}

.bg-black {
    background: black;
    padding-left: 5% !important;
}

.multi {
    width: 75%;
}

.multi1 {
    width: 45%;
}
.Smulti {
    width: 24%;
}



@media screen and (min-width:768px) and (max-width:1200px) {
    h4.s-index-plan {
        margin-top: 2.5% !important;
    }
}

/*page live start*/


.explore-flex {
    justify-content: center;
}

.col-margin {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.live-explore-btn {
    display: inline-block;
    justify-content: flex-end;
    margin-top: 25px;
    padding: 5px 0px;
    border-top: 1px solid #8b8585;
    padding-bottom: 6.5rem !important;
}

.live-explore-btn a {
    color: #6e6d6d !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 100;
    text-decoration: none !important;
}

.live-explore-btn a:hover {
    color: #000 !important;

}

.apartments-explore-btn {
    text-align: right;
    justify-content: flex-end;
    margin-top: auto;
    /* padding: 5px 0px; */
    /* border-top: 1px solid #8b8585; */
    padding-bottom: 2.5rem !important;
}

.apartments-explore-btn a {
    color: #6e6d6d !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 100;
    text-decoration: none !important;
}

.apartments-explore-btn a:hover {
    color: #000 !important;

}

.townhouses-explore-btn {
    display: inline-block;
    justify-content: flex-end;
    margin-top: 8rem;
    margin-left: 12% !important;
    float: right;
    padding: 5px 0px;
    border-top: 1px solid #8b8585;
    padding-bottom: 6.5rem !important;
}

.townhouses-explore-btn a {
    color: #6e6d6d !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 100;
    text-decoration: none !important;
}

.townhouses-explore-btn a:hover {
    color: #000 !important;

}

.estatevillas-explore-btn {

    justify-content: flex-end;
    margin-top: 7rem;


    padding: 10px 0px;
    border-top: 1px solid #8b8585;
    padding-bottom: 6.5rem !important;
}

.estatevillas-explore-btn a {
    color: #6e6d6d !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 100;
    text-decoration: none !important;
}

.estatevillas-explore-btn a:hover {
    color: #000 !important;

}

.fairway-explore-btn {

    justify-content: flex-end;
    margin-top: 2rem;
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #8b8585;

}

.fairway-explore-btn a {
    color: #6e6d6d !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 100;
    text-decoration: none !important;
}

.fairway-explore-btn a:hover {
    color: #000 !important;

}

.estatevillas-explore-flex {
    display: block !important;
    justify-content: center;
    text-align: right;
}

.fairway-explore-flex {
    display: block !important;
    justify-content: center;
    text-align: right;
}

.live-left-col {
    max-width: 37% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-right: 0.2px solid #8c8c8c;
}

.live-flex {
    display: inline-flex;
}

.left-flex {
    display: inline-flex;
    padding-left: 0 !important;
}

h4.live-heading-short {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 16px;
    font-family: 'scalasans';
    color: #808080;
    padding-left: 2.5rem;
}

.live-right-text-col {
    padding-left: 65px !important;
    max-width: 47.75% !important;
    border-right: 0.2px solid #8c8c8c;
    padding-right: 50px !important;
}

.live-left-text-col {
    padding-left: 65px !important;
    max-width: 47.75% !important;
    border-right: 0.2px solid #8c8c8c;
    padding-right: 50px !important;
    padding-bottom: 6.5rem;

}

h1.live-head-long {
    /*padding-right: 75px;*/
    font-size: 45px;
    line-height: 51px;
    font-weight: 500;
    color: #808080;
    display: inline-flex;
    font-family: 'Monotype-Regular';
    padding-top: 6rem;
}

h1.live1-head-long {
    /*padding-right: 75px;*/
    font-size: 2.5vw;
    line-height: 50px;
    font-weight: 500;
    color: #808080;
    text-align: left;
    display: inline-flex;
    font-family: 'Monotype-Regular';

}

h1.fairway-head-long {
    padding-right: 75px;
    font-size: 2.5vw;
    line-height: 51px;
    font-weight: 500;
    color: #808080;
    display: inline-flex;
    font-family: 'Monotype-Regular';
    padding-top: 6rem;
}

h1.apartments-head-long {
    padding-right: 75px;
    font-size: 2.5vw;
    line-height: 51px;
    font-weight: 500;
    color: #808080;
    display: inline-flex;
    font-family: 'Monotype-Regular';
    padding-top: 6rem;
}

h1.townhouses-head-long {
    padding-right: 75px;
    font-size: 2.5vw;
    line-height: 35px;
    font-weight: 100;
    word-spacing: 2px;
    color: #808080;
    display: inline-flex;
    font-family: 'Monotype-Regular';
    padding-top: 5.8rem;
}

h1.estatevillas-head-long {
    /*padding-right: 75px;*/
    font-size: 2.5vw;
    line-height: 35px;
    font-weight: 100;
    word-spacing: 2px;
    color: #808080;
    display: inline-flex;
    font-family: 'Monotype-Regular';
    padding-top: 5.8rem;
}

/*.slider-div {
    padding-top: 6.5rem;
}*/

a.slider-right-control {
    position: absolute;
    right: -16%;
    top: 55%;
    width: 11%;
}

h4.live-explore-heading-short {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 16px;
    font-family: 'scalasans';
    color: #808080;
    display: inline-flex;
}

h1.live-head-short {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #808080;
    font-family: 'Monotype-Regular';
    text-align: left;
    word-spacing: 1px;
}

h1.apartments-head-short {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 1px;
    font-weight: 500;
    border-bottom: 0.2px solid #808080;
    padding-bottom: 12px;
    color: #808080;
    font-family: 'Monotype-Regular';
    text-align: left;
    word-spacing: 1px;
}

h1.townhouses-head-short {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #808080;
    font-family: 'Monotype-Regular';
    text-align: left;
    word-spacing: 1px;
}

p.golfvillas-long-text {
    font-size: 14px;
    font-weight: 500;
    color: #6e6d6d;
    text-align: justify;
    font-family: 'scalasans';
    /*padding-right: 45px !important;*/
    padding-left: 0 !important;
    margin-bottom: auto;
}

p.apartments-long-text {
    font-size: 14px;
    font-weight: 500;
    color: #6e6d6d;
    text-align: justify;
    font-family: 'scalasans';
    /*padding-right: 45px !important;*/
    padding-left: 0 !important;
    margin-bottom: auto;
}

.townhouses-inner {
    display: inline-flex;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

p.townhouses-long-text {
    font-size: 14px;
    font-weight: 500;
    color: #6e6d6d;
    text-align: left;
    font-family: 'scalasans';
    /*padding-right: 45px !important;*/
    padding-left: 0 !important;
    margin-bottom: auto;
}

.live-right-col {
    max-width: 37% !important;
    border-right: 0.2px solid #8c8c8c;
}

.live-long-text1 {
    font-size: 14px;
    font-weight: 500;
    float: right;
    padding-top: 165px;
    margin-bottom: 0 !important;
    color: #6e6d6d;
    text-align: justify;
    font-family: 'scalasans';
    /* padding-right: 45px !important; */
    text-align: right;
    padding-left: 0 !important;
}

@media screen and (min-width:768px) and (max-width:992px) {
    a.slider-right-control {

        right: 0 !important;
        top: -135% !important;

    }
}

@media screen and (max-width:768px) {

    .live-left-col,
    .live-right-text-col,
    .live-right-col,
    .live-left-text-col {
        max-width: 100% !important;
        border-right: 0 !important;
    }

    h1.townhouses-head-long,
    h1.live1-head-long {
        padding-top: 0 !important;
        font-size: 45px !important;
        line-height: 51px !important;
    }

    .townhouses-explore-btn {
        margin-top: 2rem;
        padding-bottom: 4.5rem !important;
    }

    a.slider-right-control {

        right: 0 !important;
        top: -135% !important;

    }

    h1.apartments-head-long,
    h1.estatevillas-head-long,
    h1.fairway-head-long {
        font-size: 45px !important;
    }

    .estatevillas-explore-btn {
        margin-top: 2rem !important;
        padding-bottom: 0 !important;
    }

    h1.estatevillas-head-long {
        line-height: 51px;
    }
}


/*page live end*/


/*master plan start*/
.blk-margin-master {
    display: none;
    height: 30%;
}

@media screen and (min-width:768px) and (max-width:992px) {
    .master-heading {
        font-size: 4vw !important;
    }
}


@media screen and (max-width:768px) {
    .master-heading {
        font-size: 6vw !important;
        margin-top: 0 !important;
    }

    

    .master-main {
        justify-content: center !important;
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .master-main {
        padding-top: 15% !important;
    }

    .blk-margin-master {
        display: block !important;
    }

    .master-heading {
        margin-top: 0 !important;
    }

}

.master {
    margin-bottom: 13%;
}

@media screen and (min-width:768px) {
    .master-main {
        position: absolute !important;
        top: 5%;
        left: 9%;
    }
}

.master-main {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;


}

.master-heading {
    color: #fff;
    font-family: 'Monotype-Regular';
    font-size: 3vw;
    float: left;
    /* text-align: center; */
    padding-left: 15px;
    padding-bottom: 6%;
    margin-bottom: 0 !important;
    margin-top: 30%;
}

.master-header {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}



p.master-side-text {
    color: #fff;
    font-size: 0.8vw;
    padding-left: 15px;
    /* padding-right: 28%; */
    font-family: 'scalasans';
    padding-top: 13%;
}

label.label-text {
    font-size: 0.7vw;
    color: #fff;
}

@media screen and (min-width:578px) and (max-width:768px) {
    label.label-text {
        font-size: 1vw !important;
    }
}

@media screen and (max-width:578px) {
    label.label-text {
        font-size: 1.8vw !important;
        padding: 2%;
    }
}

.btn-panel {
    margin-top: 5%;
    width: 82%;
    align-items: flex-end;
}

@media screen and (max-width:576px) {
    .master-main {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        justify-content: center;
    }

    p.master-side-text {
        padding-left: 5% !important;
        
    }

    .input-col {
        display: inline-flex;
        justify-content: flex-start;
        align-items: baseline;
        align-content: center;
        flex-direction: row;
    }

    .btn-panel {
        margin-top: 33% !important;
    }

}

/*master plan end*/
a.live-exp {
    text-decoration: underline;
    color: #8c8c8c;
    text-underline-offset: -20px;
}

a.live-exp::after {
    content: '';
    display: block;
    width: 0;
    position: absolute;
    /* right: 36px; */
    height: 1px;
    background: #808080;
    transition: width .3s;
    bottom: 31.5px;
}

a.live-exp:hover::after {
    width: 10%;
}

a.live-exp:hover {
    text-decoration: none !important;
}

a.explore::after {
    content: '';
    display: block;
    width: 0;
    position: relative;
    /* right: 36px; */
    height: 1px;
    background: #fff;
    transition: width .3s;
    bottom: 25px;
}
a.s-index-plan::after {
    content: '';
    display: block;
    width: 0;
    position: relative;
    /* right: 36px; */
    height: 1px;
    background: #fff;
    transition: width .3s;
    bottom: 25px;
}
a.s-index-plan:hover::after{
    width:100%;
}

a.news-exp::after {
    content: '';
    display: block;
    width: 0;
    position: relative;
    /* right: 36px; */
    height: 1px;
    background: #9F9F9F;
    transition: width .3s;
    bottom: 25px;
}

a.news-exp:hover::after {
    width: 100%;
    background: #9F9F9F;
}

a.hotels-exp::after {
    content: '';
    display: block;
    width: 0;
    position: relative;
    /* right: 36px; */
    height: 1px;
    background: #808080;
    transition: width .3s;
    bottom: 25px;
}

a.hotels-exp:hover::after {
    width: 100%;
    background: #808080;
}

a.golf-exp::after {
    content: '';
    display: block;
    width: 0;
    position: relative;
    /* right: 36px; */
    height: 1px;
    background: #808080;
    transition: width .3s;
    bottom: 25px;
}

a.golf-exp:hover::after {
    width: 100%;
    background: #808080;
}

a.att-exp::after {
    content: '';
    display: block;
    width: 0;
    position: relative;
    /* right: 36px; */
    height: 1px;
    background: #808080;
    transition: width .3s;
    bottom: 25px;
}

a.att-exp:hover::after {
    width: 100%;
    background: #808080;
}

a.prime-exp::after {
    content: '';
    display: block;
    width: 0;
    position: relative;
    /* right: 36px; */
    height: 1px;
    background: #fff;
    transition: width .3s;
    bottom: 25px;
}

a.prime-exp:hover::after {
    width: 100%;
    background: #f1f1f1;

}


a.explore:hover::after {
    width: 100%;
}

a.explore:hover {
    text-decoration: none !important;
}

a.news-exp:hover::after {
    width: 100%;
}

a.news-exp:hover {
    text-decoration: none !important;
}

a.hotels-exp:hover {
    text-decoration: none !important;
}

a.golf-exp:hover {
    text-decoration: none !important;
}

a.att-exp:hover {
    text-decoration: none !important;
}

a.prime-exp:hover {
    text-decoration: none !important;
}

li.m-link {
    display: block !important;

    z-index: 2;
}

/*li.m-link::after {
        content: '';
    display: block;
    width: 0;
    position: absolute;
    right: -16.5%;
    height: 1px;
    background: #fff;
    transition: width .3s;
    bottom: -2%;
}

li.m-link:hover::after {
    width: 14.5%;
}

li.m-link:hover .map-explore {
    text-decoration: none !important;
}*/

/*li.btm-link::after {
        content: '';
    display: block;
    width: 0;
    position: absolute;
    height: 1px;
    background: #fff;
    transition: width .3s;
    bottom: 281px;
    left: 41.5%;
}
li.btm-link:hover::after{
    width: 0.45%;
}
li.btm-link:hover .s-index-plan{
    text-decoration: none !important;
}*/

/*about page start*/
.about-header {

    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-image: url(../img/about/bg.png);
    flex-direction: row;
    background-size: 36%;
    background-position: center;

}

.about-main {
    /*    background-image: url(../img/about/bg.png);*/
    background-repeat: no-repeat;
    background-size: 70%;
    /* padding-top: 15%; */
    background-position: bottom;
}

.about-text {

    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    color: #000;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 15%;
    font-size: 0.99vw;
    text-align: center;
    font-family: 'scalasans';

}

h1.about-heading {
    color: #000;
    font-family: 'Monotype-Regular';
    font-size: 2.5vw;
    text-align: center;
}

.about-banner-text {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    color: #000;
    padding-left: 22%;
    padding-right: 22%;
    padding-top: 6%;
    font-size: 0.8vw;
    text-align: center;
    font-family: 'scalasans';
}

@media screen and (max-width:768px) {
    .about-header {
        background-image: none !important;
    }

    h1.about-heading {
        color: #fff;
        font-size: 5vw !important;
    }
}

/*about page end*/


/*page media start*/
.media-header {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: 100vh;
}

h4.media-heading-short-3 {
    font-size: 12px;
    display: inline-block;
    padding-right: 35px;
    /* top: 10px;*/
    vertical-align: top;
    position: relative;
    font-family: 'scalasans';
    color: #000000;
    padding-bottom: 15px;
}

h4.media-read-short-3 {
    font-size: 12px;
    display: inline-block;
    padding-right: 35px;
    top: 10px;
    vertical-align: top;
    position: relative;
    font-family: 'scalasans';
    color: #000000;
    /* border-top: 0.2px solid #8c8c8c; */
    text-decoration: underline;
    text-underline-offset: -20px;
    padding-top: 20px;
}

h4.oberoi-plan {
    font-size: 12px;
    display: inline-block;
    padding-right: 35px;
    top: 10px;
    vertical-align: top;
    position: relative;
    font-family: 'scalasans';
    color: #808080;
    /* border-top: 0.2px solid #8c8c8c; */
    text-decoration: underline;
    text-underline-offset: -20px;
    padding-top: 10%;
}

h4.apartment-plan {
    font-size: 12px;
    display: inline-block;

    top: 10px;
    vertical-align: top;
    position: relative;
    font-family: 'scalasans';
    color: #808080;
    /* border-top: 0.2px solid #8c8c8c; */
    text-decoration: underline;
    text-underline-offset: -20px;
    padding-top: 10%;
}

h4.s-oberoi-plan {
    font-size: 0.8vw;
    display: flex;
    text-decoration: underline;
    text-underline-offset: -1.5vw;
    align-content: center;
    position: absolute;
    font-weight: 100;
    color: #fff;
    text-align: center;
    width: 9%;
    letter-spacing: 1px;
    bottom: 25%;
    font-family: 'scalasans';
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

h4.s-hotels-explore {
    font-size: 10px;
    display: flex;
    text-decoration: underline;
    text-underline-offset: -16px;
    position: absolute;
    font-weight: 100;
    color: #fff;
    text-align: center;
    width: 9%;
    bottom: 9%;
    font-family: 'scalasans';
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    padding-left: 0.5%;
}

.oberoi-plan-text {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    float: left;
    justify-content: flex-start;
}

.apartment-plan-text {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    float: left;
    justify-content: center;
}

h4.media-newsletter-short {
    font-size: 12px;
    display: inline-block;
    padding-right: 35px;
    top: 10px;
    vertical-align: top;
    position: relative;
    font-family: 'scalasans';
    color: #FFFFFF;
    padding-bottom: 20px;
}

.media-right-col {

    border-right: 0.2px solid #4c4c4c;
}

@media screen and (min-width:768px) {
    .media-right-col {
        max-width: 9.75% !important;

    }
}
@media screen and (min-width:768px) and (max-width:998px){
    p.invest-s-btm-text{
        bottom:22% !important;
        line-height: 1.3;
    }
    .in-exp{
        font-size:1.2vw !important;
        bottom: 8% !important;
    }
}

@media screen and (max-width:768px) {
    .img-row {
        display: contents !important;
    }
    .media-img {
        padding-top: 15px;
    }
    .col-hide {
        display: none !important;
    }
    .media-row {
        /* background-color: black;*/
        padding-top: 40px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom:40px;
        border-top: 0.2px solid #8c8c8c;
    }
    .text-row {
        padding-top: 20px !important;
        border-top: 0.2px solid #8c8c8c;
    }

    .media-form {
        padding-top:20px !important;
    }

    .media-row-black {
        padding-top:40px;
    }

    h4.media-newsletter-short {
        width:100%;
        padding-left:35px;
    }

    h1.newsletter {
        padding-left: 35px;
    }

    

    .in-exp {
        font-size: 1.8vw !important;
        bottom: 13% !important;
        text-underline-offset: -2.5vw !important;
    }
}

.media-row-black {
     background-color: black;

}

.newsletter-row {
    background-color: black;
    padding-top: 11%;
    padding-bottom: 100px;

}

.media-form {
    padding-top: 115px;
}

.form-control {
    background: transparent !important;
    width: 90% !important;
    border-radius: 0 !important;
    border-bottom: 0.2px solid #4c4c4c !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding-bottom: 20px !important;
    padding-left: 0 !important;
    padding-top: 15px !important;
    font-size: 11px !important;
    font-family: 'scalasans';
    color:#FFFFFF;
}

.form-horizontal{
    padding-left:30px;
}

/*.sidemenu li a:active {
    text-decoration: underline;
    text-underline-offset: 5px;
}*/
.form-control:focus {
    box-shadow: none !important;
}

.contact-form-control {
    background: transparent !important;
    width: 100% !important;
    border-radius: 0 !important;
    border-bottom: 0.2px solid #4c4c4c !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding-bottom: 12px !important;
    padding-left: 0 !important;
    font-size: 8px !important;
}

.contact-form-control:focus {
    box-shadow: none !important;
}

div#register {
    z-index: 1100;
}

.contact-form-control1 {
    background: transparent !important;
    width: 100% !important;
    border-radius: 0 !important;
    border-bottom: 0.2px solid #4c4c4c !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding-bottom: 12px !important;
    padding-left: 0 !important;
    font-size: 13px !important;
    font-family: 'scalasans';
    color: #fff !important;
}

.contact-form-control1:focus {
    box-shadow: none !important;
}


.img-row {
    padding-bottom: 60px;
    padding-top: 60px;
    border-top: 0.2px solid #8c8c8c;
}
.text-row {
    padding-top: 60px;
    border-top: 0.2px solid #8c8c8c;
}
.media-title {
    padding-bottom:35px;
}

h1.newsletter {
    color: white;
    font-family: 'Monotype-Regular';
    text-align:left;
}

h1.media-text {
    color: #000000;
    font-family: 'Monotype-Regular';
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0.5px;
    /*line-height: 35px;
    padding-bottom: 30px;*/
    text-align:left;
}

.media-sidebar-option {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 8.35%;
    z-index: 9;
    text-align: center;
    padding: 10px 10px 75px 10px;
    border-right: 0.2px solid #4c4c4c;
    align-items: flex-end;
    justify-content: center;
    display: flex;
}

.media-left-border-col {
    border-right: 0.2px solid #4c4c4c;
}

/*page media end*/


/*page-5 css Start*/
h4.outdoor-heading-short {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 16px;
    font-family: 'scalasans';
    color: #808080;
    padding-left: 2.5rem;
}

p.outdoor-long-text {
    padding-top: 6px;
    font-size: 14px;
    /* font-weight: 900; */
    color: #808080;
    text-align: left;
    font-family: 'scalasans';
    padding-right: 15px;

    padding-left: 2.5rem;
    padding-bottom: 90px !important;
}

p.outdoor-long-text-2 {
    padding-top: 6px;
    font-size: 14px;
    /* font-weight: 900; */
    color: #6e6d6d;
    text-align: left;
    font-family: 'scalasans';
    padding-bottom: 6rem !important;
    margin-bottom: 0 !important;
}

.outdoor-left-col {
    padding-left: 0 !important;
    /* max-width: 100% !important;*/
    /*border-right: 0.2px solid #8c8c8c;*/
}

.outdoor-right-text-col {
    padding-left: 65px !important;
    max-width: 43.1% !important;
    border-right: 0.2px solid #8c8c8c;
    padding-right: 50px !important;
}

.outdoor-left-text-col {
    padding-left: 2.5rem !important;
    max-width: 37% !important;
    border-right: 0.2px solid #8c8c8c;
    padding-right: 2.5rem !important;
}

.outdoor-right-col {
    max-width: 47.75% !important;
    border-right: 0.2px solid #8c8c8c;
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

h1.outdoor-head-long {

    font-size: 40px;
    text-align: left;
    line-height: 45px;
    font-weight: 500;
    color: #808080;
    display: inline-flex;
    font-family: 'ChongModern';
    padding-top: 6rem;
}

h1.outdoor-head-short {
    font-size: 14px;
    line-height: 44px;
    /* letter-spacing: 0px; */
    font-weight: 500;
    color: #808080;
    font-family: 'Monotype-Regular';
    text-align: left;
    /* */
}

.right-text-outdoor {
    margin-top: 6rem;
}

img.outdoor-img {

    padding-bottom: 6rem;
}

.outdoor-left-text-col-2 {
    /*padding-left: 2.5rem !important;*/
    max-width: 47.75% !important;
    border-right: 0.2px solid #8c8c8c;
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

.outdoor-right-col-2 {
    max-width: 30% !important;
    border-right: 0.2px solid #8c8c8c;
}

h1.outdoor-head-long-2 {


    font-size: 40px;
    line-height: 45px;
    font-weight: 500;
    color: #808080;
    display: inline-flex;
    font-family: 'ChongModern';
    padding-top: 6rem;
}

img.outdoor-img-2 {
    margin-top: 6.5rem;
    padding-bottom: 30px;
}

.outdoor-left-text-col-3 {
    padding-left: 2.5rem !important;
    max-width: 37% !important;
    border-right: 0.2px solid #8c8c8c;
    padding-right: 2.5rem !important;
}

.right-text-outdoor-2 {
    margin-top: 40px;
}

/*page-5 css end*/


/*page-3 css start*/
h4.dining-heading-short {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 16px;
    font-family: 'scalasans';
    color: #808080;
    padding-left: 30px;
}

.dining-left-text-col {
    /* padding-left: 65px !important;*/
    max-width: 47.75% !important;
    border-right: 0.2px solid #8c8c8c;
    /* padding-right: 50px !important;*/
}

h1.dining-head-short {
    font-size: 14px;
    line-height: 44px;
    /* letter-spacing: 0px; */
    font-weight: 500;
    color: #808080;
    font-family: 'Monotype-Regular';
    text-align: left;
    padding-left: 30px;
}

p.dining-long-text-2 {
    padding-top: 6px;
    font-size: 12px;
    /* font-weight: 900; */
    color: #6e6d6d;
    text-align: left;
    font-family: 'ChongModern';
    padding-right: 15px;
    line-height: 16px;
    padding-left: 30px;
    padding-bottom: 60px !important;
}

p.poolside-long-text {
    padding-top: 6px;
    font-size: 12px;
    /* font-weight: 900; */
    color: #6e6d6d;
    text-align: left;
    font-family: 'ChongModern';
    /* padding-right: 15px;*/
    line-height: 16px;
    /*padding-left: 30px;*/
    padding-bottom: 60px !important;
}

p.grove-long-text {
    padding-top: 6px;
    font-size: 14px;
    /* font-weight: 900; */
    color: #6e6d6d;
    text-align: left;
    font-family: 'scalasans';
    padding-right: 15px;
    /*line-height: 16px;*/
    /* padding-left: 30px;*/
    /*padding-bottom: 60px !important;*/
}

.g-gutter {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

.dining-right-col {
    max-width: 37% !important;
    border-right: 0.2px solid #8c8c8c;
}

.sushi-right-col {
    max-width: 37% !important;
    border-right: 0.2px solid #8c8c8c;
}

.poolside-right-col {
    max-width: 47.75% !important;
    border-right: 0.2px solid #8c8c8c;
}

h1.dining-head-long {
    padding-right: 75px;
    font-size: 40px;
    line-height: 45px;
    font-weight: 500;
    color: #808080;
    display: inline-flex;
    font-family: 'ChongModern';
    padding-top: 6rem;
}

h1.poolside-head-long {
    /*padding-right: 50px;
    padding-left: 13px;*/
    font-size: 40px;
    line-height: 45px;
    font-weight: 500;
    color: #808080;
    display: inline-flex;
    font-family: 'ChongModern';
    padding-top: 6.5rem;
}

h4.dining-heading-short {
    padding-top: 76px;
    padding-bottom: 50px;
    font-size: 13px;
    font-family: 'scalasans';
    color: #808080;
    display: inline-flex;
}

h1.dining-head-short {
    font-size: 14px;
    line-height: 51px;
    /* letter-spacing: 0px; */
    font-weight: 500;
    color: #808080;
    font-family: 'Monotype-Regular';
    text-align: left;
}

p.dining-long-text {
    font-size: 14px;
    font-weight: 500;
    color: #6e6d6d;
    text-align: left;
    font-family: 'scalasans';
    /* padding-right: 45px !important; */
    /*  padding-left: 15px !important;*/
}

p.nayana-long-text {
    font-size: 14px;
    font-weight: 500;
    color: #6e6d6d;
    text-align: left;
    font-family: 'scalasans';
    /* padding-right: 45px !important; */
    /* padding-left: 15px !important;*/
    padding-top: 135px;
}

.spaceB {
    margin-bottom: 65px;
}

.nayana-space {
    height: 150px;
}

h4.heading-explore {
    font-family: 'ChongModern';
    font-size: 14px;
    padding-bottom: 30px;
    font-weight: 200;
    color: #fff;
}

.slider-sub-text {
    margin-top: 30px;
}

p.co-long-text {
    font-size: 14px;
    font-weight: 500;
    color: #6e6d6d;
    text-align: left;
    font-family: 'scalasans';
    /* padding-right: 45px !important; */
    padding-left: 15px !important;
}

p.sushi-long-text {
    font-size: 14px;
    font-weight: 500;
    color: #6e6d6d;
    text-align: left;
    font-family: 'scalasans';
    /* padding-right: 45px !important; */
    /* padding-left: 15px !important;*/
}

.margin-tb {
    margin-top: 20rem;
    margin-bottom: 20rem;
}

p.poolside-long-text {
    font-size: 14px;
    font-weight: 500;
    color: #6e6d6d;
    text-align: left;
    font-family: 'scalasans';
    /* padding-right: 45px !important; */
    /*padding-left: 15px !important;*/
}

.dining-text-area {
    margin-top: 80px;
    margin-bottom: 80px;

}

.poolside-text-area {
    margin-top: 80px;
    margin-bottom: 80px;

}

.grove-text-area {

    margin-bottom: 6.5rem;

}

.co-text-area {
    margin-top: 255px;
    /*margin-bottom: 80px;*/
}

.sushi-text-area {
    margin-top: 545px;
    margin-bottom: 6.5rem;
}

h4.dining-heading-explore {
    padding-top: 6.5rem;
    font-size: 12px;
    font-family: 'scalasans';
    color: #808080;
    padding-left: 30px;
}

h4.poolside-heading-explore {
    padding-top: 6.5rem;
    font-size: 12px;
    font-family: 'scalasans';
    color: #808080;
    /*padding-left: 15px;*/
}

h4.aquario-heading-explore {
    padding-top: 6rem;
    font-size: 12px;
    font-family: 'scalasans';
    color: #808080;
    padding-left: 30px;
}

h4.co-heading-explore {
    padding-top: 20px;
    font-size: 12px;
    font-family: 'scalasans';
    text-align: right;
    display: block;
    width: 82%;
    padding-right: 2px;
    margin-left: 22px;
    color: #808080;
    border-top: 1px solid #8c8c8c;
}

h4.sushi-heading-explore {

    padding-top: 6.5rem;
    font-size: 12px;
    font-family: 'scalasans';
    text-align: right;
    display: block;
    width: 82%;
    padding-right: 2px;
    margin-left: 22px;
    color: #808080;

}

.poolside-long-text1 {
    /* padding-bottom: 30px; */
    font-size: 11px;
    font-weight: 500;
    padding-top: 190px;
    margin-bottom: auto;
    color: #6e6d6d;
    text-align: left;
    font-family: 'scalasans';
    /* padding-left: 22px; */
    /* padding-right: 50px; */
}

img.dining-img {
    margin-top: 6.5rem;
    /*padding-left: 5px;
    padding-right: 5px;*/
}

.aquario-img {
    margin-top: 6.5rem;
    /* padding-left: 5px;
    padding-right: 5px;*/
}

.co-img {
    margin-top: 6.5rem;
    margin-bottom: 6.5rem;
    /* padding-left: 5px;
    padding-right: 5px;*/
}

.sushi-img {
    margin-top: 6.5rem;
    /* padding-left: 40px;
    padding-right: 5px;*/
}

.poolside-img {
    margin-top: 20px;
    /* padding-left: 5px;
    padding-right: 5px;*/
    padding-bottom: 6.5rem;
}

.grove-img {
    margin-top: 6rem;
    /*padding-left: 5px;
    padding-right: 5px;*/
    padding-bottom: 60px;
}

.nayana-img {
    margin-top: 40px;
    /* padding-left: 5px;
    padding-right: 5px;*/
    padding-bottom: 60px;
}

.dining-long-text1 {
    padding-bottom: 6rem;
    font-size: 11px;
    font-weight: 500;
    float: right;
    padding-top: 220px;
    margin-bottom: auto;
    color: #6e6d6d;
    text-align: justify;
    font-family: 'scalasans';
    /* padding-right: 45px !important; */
    text-align: right;
    padding-left: 0 !important;
}

.dining-left-text-col-2 {
    max-width: 47.75% !important;
    border-right: 0.2px solid #8c8c8c;

}

.sushi-left-text-col-2 {
    max-width: 47.75% !important;
    border-right: 0.2px solid #8c8c8c;

}

.dining-long-text2 {
    padding-bottom: 6.5rem;
    font-size: 11px;
    font-weight: 500;
    /* float: right; */
    padding-top: 220px;
    margin-bottom: auto;
    color: #6e6d6d;
    /* text-align: justify; */
    font-family: 'scalasans';
    /* padding-right: 45px !important; */
    /* text-align: right; */
    /*padding-left: 10px !important;*/
}

.bottomex-long-text2 {
    padding-bottom: 6.5rem;
    font-size: 11px;
    font-weight: 500;
    padding-top: 135px;
    margin-bottom: auto;
    color: #6e6d6d;
    font-family: 'scalasans';
    /* padding-left: 10px !important;*/
}

.grove-long-text2 {
    padding-bottom: 30px;
    font-size: 11px;
    font-weight: 500;
    /* padding-top: 7px; */
    margin-bottom: 10px !important;
    color: #6e6d6d;
    font-family: 'scalasans';
    /* padding-right: 39px !important;*/
}

h1.aquario-head-long {
    padding-right: 75px;
    font-size: 40px;
    line-height: 45px;
    font-weight: 500;
    color: #808080;
    display: inline-flex;
    font-family: 'ChongModern';
    padding-top: 6rem;
}

h1.nayana-head-long {
    /* padding-left: 50px;*/
    text-align: left;
    font-size: 40px;
    line-height: 45px;
    font-weight: 500;
    color: #808080;
    display: inline-flex;
    font-family: 'ChongModern';
    padding-top: 70px;
}

h1.co-head-long {

    font-size: 40px;
    line-height: 45px;
    font-weight: 500;
    color: #808080;
    text-align: center;
    font-family: 'ChongModern';
    padding-top: 6rem;
}

h1.sushi-head-long {
    font-size: 40px;
    line-height: 45px;
    font-weight: 500;
    color: #808080;
    font-family: 'ChongModern';
    padding-top: 70px;
    /*padding-left: 40px;*/
}

.poolside-left-text-col {
    max-width: 37% !important;
    border-right: 0.2px solid #8c8c8c;
}

.grove-left-text-col {
    max-width: 37% !important;
    border-right: 0.2px solid #8c8c8c;
}

.space {
    height: 80px;
}

.grove-head-long {
    /*  padding-left: 40px;*/
    font-size: 40px;
    line-height: 45px;
    font-weight: 500;
    color: #808080;
    display: inline-flex;
    font-family: 'ChongModern';
    padding-top: 6.5rem;
}

.end-row {
    height: 100px;
}

.top-row {
    height: 300px;
}

@media screen and (max-width:768px) {

    .dining-left-text-col,
    .dining-right-col,
    .dining-left-text-col-2,
    .dining-right-col,
    .poolside-left-text-col,
    .poolside-right-col,
    .dining-left-text-col-2,
    .dining-right-col,
    .grove-left-text-col,
    .poolside-right-col,
    .sushi-left-text-col-2,
    .sushi-right-col {
        max-width: 100% !important;
        border-right: 0 !important;
    }

    .left-border-col {
        border-right: 0 !important;
    }

    .poolside-long-text1 {
        padding-top: 0 !important;
    }

    .dining-long-text2 {
        padding-top: 6.5rem !important;
    }

    .co-text-area,
    .sushi-text-area {
        margin-top: 6.5rem !important;
    }
}

/*page-3 css end*/

/*Invest page-1 css start*/

@media screen and (min-width:764px) and (max-width:850px) {

    p.invest-4-long-text-2,
    h1.invest-4-head-short {
        padding-left: 0 !important;
    }

}

@media screen and (min-width:576px) {
    .right-text-invest {
        margin-top: 2rem;
        max-width: 70% !important;
    }

}

@media screen and (max-width:576px) {
    .right-text-invest {
        max-width: 100% !important;

    }

}

@media screen and (max-width:770px) {
    .invest-4-right-text-col {
        max-width: 100% !important;
    }
}

@media screen and (min-width:770px) {
    .invest-4-right-text-col {

        max-width: 59.75% !important;
        border-right: 0.2px solid #8c8c8c;
        padding-right: 50px !important;
    }
}

@media screen and (min-width:1160px) {
    .invest-4-flex {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .inner-1 {
        padding-left: 140px !important;
        padding-right: 140px !important;
    }
}

@media screen and (min-width:998px) and (max-width:1160px) {
    .invest-4-flex {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .inner-1 {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }
}

@media screen and (min-width:764px) and (max-width:998px) {
    .invest-4-flex {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .inner-1 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
}

@media screen and (max-width:768px) {
    .main-row {
        max-width: 100% !important;
        border-right: none !important;
    }
}

@media screen and (min-width:768px) {
    .main-row {
        max-width: 84.75% !important;

    }
}

h4.invest-4-heading-short {
    font-size: 20px;
    font-family: 'scalasans';
    color: #8c8c8c;
    text-align: center;
}

.top-row-invest {
    height: auto;
}

.empty {
    margin-top: 3.2rem !important;
}


.btm-line {
    text-decoration: underline;
    text-decoration-line: underline;
    text-underline-offset: -15px;

}

.main-row {

    border-right: 0.2px solid #8c8c8c;
}

.inner {
    height: 90px;
}

.inner-1 {
    display: flex;

}

.row-height {
    height: 80px;
}

.col-div-invest {
    margin-top: 2.2rem !important;
}

.btm-line a {
    color: #8c8c8cc9;
}

.btm-line a:hover {
    text-decoration: none !important;
    color: #808080;
}

.invest-right-col {
    max-width: 51.5% !important;
    border-right: 0.2px solid #8c8c8c;
}

/*.right-text-invest {
    margin-top: 60px;
}*/
h4.invest-heading-short {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 16px;
    font-family: 'scalasans';
    color: #808080;
    padding-left: 30px;
    letter-spacing: 2px;
}

h1.invest-head-short {
    font-size: 38px;
    line-height: 44px;
    padding-bottom: 50px;
    /* letter-spacing: 0px; */
    font-weight: 500;
    color: #808080;
    font-family: 'Monotype-Regular';
    text-align: left;
    padding-left: 30px;
}

h1.invest-4-head-short {
    font-size: 45px;
    line-height: 44px;
    padding-bottom: 50px;
    /* letter-spacing: 0px; */
    font-weight: 500;
    color: #808080;
    font-family: 'Monotype-Regular';
    text-align: left;
    padding-left: 30px;
}

p.invest-long-text-2 {
    padding-top: 6px;
    font-size: 12px;
    /* font-weight: 900; */
    color: #6e6d6d;
    text-align: left;
    font-family: 'ChongModern';
    padding-right: 30px;
    line-height: 16px;
    padding-left: 30px;
    padding-bottom: 60px !important;
    color: #8c8c8cc9;
    letter-spacing: 0.5px;
}

p.invest-4-long-text-2 {
    padding-top: 6px;
    font-size: 13px;
    /* font-weight: 900; */
    color: #6e6d6d;
    text-align: left;
    font-family: 'ChongModern';
    padding-right: 32px;
    line-height: 16px;
    padding-left: 30px;
    padding-bottom: 60px !important;
    color: #8c8c8cc9;
    letter-spacing: 0.5px;
}

.invest-left-text-col {
    padding-left: 15px !important;
    max-width: 33.3% !important;
    border-right: 0.2px solid #8c8c8c;
    padding-right: 15px !important;
}

.invest-nmbr-col {
    display: flex !important;
    justify-content: center;
}

h1.invest-col-2-head-long {
    font-size: 30px;
    line-height: 28px;
    font-weight: 500;
    color: #808080;
    font-family: 'Monotype-Regular';
    margin-top: 30px;
    text-align: center;
    display: inline-block;
    letter-spacing: 1px;
}

/*Invest page-1 css end*/


/*Mobile Menu Setting start*/
h1.smallheading {
    font-size: 51px;
    line-height: 51px;
    font-weight: 500;
    color: #fff;
    font-family: 'Monotype-Regular';

}

h4.smallheading-explore {
    font-family: 'ChongModern';
    font-size: 14px;
    padding-bottom: 30px;
    font-weight: 200;
    color: #fff;
}

.smallhero-text p {
    color: #fff;
    letter-spacing: 0.3px;
    font-size: 13px;
    font-family: 'scalasans';
    font-weight: 100;
    margin-top: -30px;
    line-height: 18px;
}

.content-small {
    display: none;
}

.small-content {
    width: 100%;
    float: right;
    vertical-align: -webkit-baseline-middle;
    /* margin-right: 99px; */
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px !important;
}

.smallcontainer {
    margin-left: 3.5% !important;
    margin-top: 1% !important;
}

.small-toggler {
    display: none;
}

.modal-dialogsmall {
    margin: 0 !important;
    height: 100% !important;
    max-width: 100% !important;
}

.modal-contentsmall {
    height: 100%;
    filter: saturate(180%) blur(0px);
    backdrop-filter: saturate(36%) blur(10px);
    background: #fff !important;
    overflow-y: auto;
}

#smallnavbar {
    width: auto !important;
    height: 100vh !important;
    display: block;
}

.autoHeight {
    height: auto !important;
}

.nayana {
    border-bottom: 1px solid #dcdada3b;
}

.smalldropdown-menu {
    position: relative !Important;
    display: none;
    list-style: none;
    height: auto;
    width: auto;
    border: none;
    padding-left: 0;
    text-decoration: none !important;
}

div#myModalFullscreen {
    padding-right: 0 !important;
}

.smalldropdown-menu a:hover {
    text-decoration: none;
}

.smalldropdown-menu a {
    text-decoration: none !important;
}

.modal-header
{
    border-bottom: 0 !important;
    margin-top: 10px;
}

li.S-adj {
    padding: 5% 5% !important;
    font-weight: 100;
    font-size: 13px;
}

li.S-adj a {
    /*color: #adadaf;*/
    color: #606060;
    font-size: 11px;
    font-family: system-ui;
    text-decoration: none !important;
    cursor: pointer;
    
    
}

.S-hr {
    margin-top: 0rem;
    width: 81%;
    margin-bottom: 0;
    /* float: left; */
    border: 0;
    border-top: 1px solid #e4e4e4;
    

}


img.S-btm-image {
    /* text-align: center; */
    padding: 16px;
    display: flex;
    vertical-align: middle;
    margin-top: 25px;
    /* width: 25%; */
}

.img-div {
    display: inline-flex;
    width: 30% !important;
    justify-content: flex-start;
}

.text-div {
    display: grid;
    top: 30px;
    width: 70% !important;
    justify-content: center;
    padding-left: 0px !important;
    padding-right: 20px !important;
    text-align: left;
    color: white;
    font-weight: 100;
    letter-spacing: 2px;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.S-paragraph {
    font-size: 9px;
}

.S-heading {
    font-size: 12px;
    color: white;
}

.S-container-btn {
    height: 171px;
    border-right: 0.2px solid #c9c7c7;
    backdrop-filter: saturate(96%) blur(1px);
    background: #ffffff5c;
    float: right !important;
    width: 14%;
    z-index: 2;
    bottom: 0;
    display: flex;
    position: relative;
    transform: rotate(180deg);
    white-space: nowrap;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    padding-right: 6%;
    padding-top: 28px;
    color: #ffffff;
    letter-spacing: 2px;
    font-size: 9px;
    right: 0;
    bottom: 0;
    font-family: 'scalasans';
    cursor: pointer;
}

input.input-search {
    font-family: 'scalasans';
    padding-right: 165px;
    padding-left: 30px;
    border: 0.892px solid #adadaf75;
    border-radius: 15px;
    background: transparent;
    color: #000 !important;
}

.search-ico {
    padding-right: 8px;
    display: inline-flex;
    color: #606060;
    font-size: 0.7em;
    font-weight: 100 !important;
    align-content: space-around;
    flex-wrap: wrap;
}
.sidebar-nav li:hover{
    font-weight: 500;

}
p.submenu-back {
    text-transform: uppercase;
    cursor: pointer;
    color: #606060;
    width: 100%;
    font-size: 0.7em;
    letter-spacing: 3px;
    margin-right: 10px;
    margin-top: 20px;
    font-weight: 400;
    vertical-align: middle;
    display: contents;
    font-family: system-ui;
}
.secondry-panel{
    display: flex;
    padding-left: 11.5%;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    text-align: left;
}
p.thrdmenu-back {
    text-transform: uppercase;
    cursor: pointer;
    color: #606060;
    width: 100%;
    font-size: 0.7em;
    letter-spacing: 3px;
    margin-right: 10px;
    margin-top: 20px;
    font-weight: 400;
    vertical-align: middle;
    display: contents;
    font-family: system-ui;
}


.angle-back{
    text-align: left;
    float: left;
    padding-right: 10px;
    padding-top: 1.5%;
    vertical-align: middle;
}
form.search-box {
    padding-left: 27px;
    width:100%;
}
@media screen and (max-width:500px){
    input#search-input{
        width:80% !important;
    }
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1;
    /* Firefox */
    text-align: left !important;
    padding-left: 0 !important;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
    text-align: left !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: white;
    padding-left: 0 !important;
}
input.input-search::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #adadaf;
    opacity: 1;
    /* Firefox */
    text-align: left !important;
    padding-left: 0 !important;
}



.custom-footer {
    margin-top: 31px;
}

.S-container-btn-panel {
    display: none;
    height: 171px;
    /* border-left: 1px solid #c9c7c7;*/
    /*filter: saturate(180%) blur(0px);
    backdrop-filter: saturate(36%) blur(10px);*/
    background: #ffffff29;
    float: left !important;
    width: 37% !important;
    bottom: 0px;
    justify-content: end;
    z-index: 2;
    position: relative;
}

.p-partner-main {
    padding-top: 2%;
}

.form-inline {
    margin-left: 1rem;
}

.close {
    color: #fff !important;
    opacity: 1 !important;
    text-shadow: 0 !important;
    width: 32px !important;
}

button#s-modal {
    margin-top: -2px !important;
    padding-top: 0px !important;
    padding-right: 0 !important;
    margin: 0 !important;
    margin-right: 5% !important;
}

@media screen and (max-width:764px) {

    .container-btn,
    .container-btn-panel,
    .owl-next {
        display: none !important;
    }


}

@media screen and (max-width:350px) {
    .logo {
        padding-left: 0 !important;
    }
}

@media screen and (max-width:400px) {
    .slider-area:after {
        display: none !important;
    }

    .owl-next {
        display: none !important;
    }

}

@media screen and (max-width:992px) {
    .footer-heading {
        margin-bottom: 20px !important;
    }

    .foo-ul {
        margin-bottom: 30px !important;
    }
}

@media screen and (min-width:600px) and (max-width:764px) {
    button.navbar-toggle.collapsed {
        right: 3% !important;
    }

    button.navbar-toggle.collapsed {
        width: 2.3rem !important;
    }
}

@media screen and (min-width:450px) and (max-width:600px) {
    button.navbar-toggle.collapsed {
        right: 3.8% !important;
    }
}

@media screen and (max-width:450px) {
    button.navbar-toggle.collapsed {
        right: 3% !important;
    }

   
}
@media screen and (max-width:500px){
     .bar {
        width: 2rem !important;
    }
}

@media screen and (min-width:440px) and (max-width:500px) {
    input.input-search {
        padding-right: 50px !important;
    }
}

@media screen and (max-width:440px) {
    input.input-search {
        padding-right: 0 !important;

    }

}

@media screen and (max-width:768px) {
    .small-toggler {
        display: block !important;
    }

    .slider-area:after {
        right: 10% !important;
    }

    .content-small {
        display: block !important;
    }

    .sidebar-option {
        display: none !important;
    }

    .slider-ar-icon {
        width: calc(20% - 20px) !important;
        height: 30%;
    }

    .hero-content {
        display: none !important;
    }

    .container-border {
        display: none !important;
    }

    .container-back {
        display: none !important;
    }

    .logo {
        width: 100%;
        display: flex;
        justify-content: center;
        /* padding-left: 40px;*/
    }

    .logo-flex {
        padding-left: 2.5rem !important;
        padding-right: 0 !important;
    }

    .menu-row {
        margin-top: 0;
    }

    /* .header-area {
        border-bottom: 0.2px solid #c9c7c7;
    } */

    .S-container-btn-panel {
        width: 86% !important;
        margin-left: 0 !important;
    }

    .container-btn-panel {
        width: auto !important;
    }
}
@media screen and (max-width: 768px) and (orientation: landscape) {
  .header-area {
    border: none !important;
  }
}
@media screen and (max-width:576px) {
    .S-wrap {
        flex-wrap: nowrap !important;
    }

    .S-col-1 {
        width: 32% !important;
    }

    .S-col-2 {
        width: 68% !important;
        padding-top: 10px !Important;
    }
}

.S-col-2 {

    padding-top: 25px !Important;
}

/*Mobile Menu Setting End*/


/*corrections*/
.social-ico {
    cursor: pointer;
    z-index: 2;
}

.no-decor:hover {
    text-decoration: none !important;
}

.change-style {
    color: white !important;
    background: grey !important;
}

.blk {
    background-color: #080808cf;
    z-index: 2;
    right: 7.9% !important;
}

.top {
    padding-top: 6rem;
}

.col-margin-img {
    padding-left: 15px !important;
    padding-right: 0 !important;
}

.index {
    z-index: 2;
}

.invest-space {
    padding-left: 5% !important;
}

.invest-slider-text {
    display: flex;
    align-content: center;
    justify-content: center;
}

.live-link {
    pointer-events: auto !important;
    text-decoration: none !important;
}

.live-link:hover {
    text-decoration: none !important;
}

.side-link {
    display: inline-block;
    position: relative;

}

.side-link:hover {
    text-decoration: none;
    text-underline-offset: 7px;

}


a.side-link::after {
    content: '';
    position: absolute;
    display: block;
    width: 0%;
    left: -38%;
    height: 0;

    background: #fff;
    transition: .3s;
}

a.side-link:hover::after {
    height: 92%;
    width: 5%;
}


p.invest-para-long {
    font-size: 14px;
    font-weight: 500;
    color: #6e6d6d;
    text-align: center;
    font-family: 'scalasans';
    margin-top: 30px;
    padding-right: 19px !important;
    padding-left: 19px !important;

}

.text-panel {
    padding-left: 15px;
    padding-right: 15px;
}

.invest-panel {
    background: #a5a4a4;
}

.prime-round-btn {
    border-radius: 52%;
    height: 100px;
    padding: 15px;
    font-family: scalasans;
    color: grey;
    font-size: 10px;
    border: none !important;
    box-shadow: 2px 2px 3px 2px #00000063;
}

.prime-adj {
    max-width: 9.75% !important;
}

.info-col {
    text-align: center;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

p.land-info {
    color: #808080;
    font-size: 12px;
    font-family: 'scalasans';
}

h5.land-measurement {
    color: #6e6d6d;
    font-size: 20px;
    font-family: 'ChongModern';
}

.apartment-unit {
    display: flex;
    align-content: center;
    justify-content: center;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.apartment-text {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex;
    align-content: center;
    justify-content: center;
    margin-top: 5%;
    margin-bottom: 5%;
}

ul.mainsubmenu2,
ul.residentialsubmenu2,
ul.commertialsubmenu2,
ul.developmentsubmenu2,
ul.presidentialsubmenu2,
ul.pcommertialsubmenu2,
ul.pdevelopmentsubmenu2,
ul.sresidentialsubmenu2,
ul.scommertialsubmenu2,
ul.hotelssubmenu2,
ul.sdevelopmentsubmenu2 {
    text-decoration: none !important;
    color: #d1d1d1 !important;
    pointer-events: auto !important;
}

.invest-register {
    text-decoration: underline !important;
    text-underline-offset: -16px !important;
}

li.adj:hover {
    cursor: pointer !important;
    font-weight: 500;
}
li.bottom a {
    font-size: 0.6vw !important;
    font-weight: 100;
}

li.adj1:hover {
    cursor: pointer !important;
}

@media screen and (max-width:768px) {
    h4.oberoi-plan {
        padding-bottom: 30% !important;
    }

    .outdoor-left-text-col {
        max-width: 100% !important;
        border-right: 0 !important;
    }

    .outdoor-right-col,
    .outdoor-left-text-col-2,
    .outdoor-left-text-col-3 {
        max-width: 100% !important;
        border-right: 0 !important;
    }

    .dev-banner-text,
    .dev1-banner-text {
        padding-left: 15% !important;
        padding-right: 15% !important;
    }

}

/*registration modal custom css*/


.dialog-register {
    position: relative;
    width: auto;

    pointer-events: none;
}

.body-register {
    margin-bottom: 5%;

}

.header-register {
    border-bottom: 0 !important;
    padding-top: 3%;
}

.contact-form-control1::placeholder {
    color: #808080 !important;
    font-size: 12px !important;

}

.content-register {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #000 !important;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0.3rem;
    outline: 0;
}

.register-title {
    color: #fff;
    font-family: 'ChongModern';
    letter-spacing: 1px;
    font-weight: 500 !important;
    font-size: 16px;
    margin-top: 5%;
}

.golf-f-head-short {
    font-size: 16px;
    line-height: 51px;
    padding-bottom: 2%;
    font-weight: 500;
    color: #808080;
    font-family: 'ChongModern';
    text-align: left;
    /*margin-top: 3rem;*/
    margin-bottom: 0;
    padding-bottom: 0;
}

.S-col-1 {
    padding-right: 0 !important;
    padding-left: 13% !important;
}

.sub-title {
    color: #fff;
    text-decoration: none;
    font-family: system-ui;
}
li.sub-1:hover{
    color: #fff;
    font-weight: 600;
}

.anim-slide {
    animation: slide-text-animation 0.7s ease-in-out forwards;
}

.anim-fade {
    animation: anim-fade-in 1s ease-in-out forwards;
}

.anim-fade-map {
    animation: anim-fade-in 3s ease-in-out;
}

.slide-in-panel {

    animation: slide-in-anim 1.2s ease-out;
}

.owl-item.active .hero-content {
    animation: slide-text-animation 1.5s ease-in-out forwards;
}

.owl-item.active .content-small {
    animation: slide-text-animation 1.5s ease-in-out forwards;
}

@keyframes slide-in-anim {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

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

@keyframes anim-fade-in {
    0% {

        opacity: 0;
    }

    100% {

        opacity: 1;
    }
}

@keyframes slide-text-animation {
    0% {
        transform: translateX(-12%);
        opacity: 0;
    }

    100% {}
}

.ind a {
    pointer-events: auto !important;
}

.ext-move {
    animation: slide-left 0.8s ease-in-out;
    animation: width 0.8s ease-in-out;

}

.fade-text {
    animation: fade-txt 3s ease-in-out;
}

@keyframes fade-txt {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


@keyframes slide-left {
    0% {
        transform: translateX(7%);
        opacity: 0;
    }

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

@keyframes width {
    0% {
        width: 0;
    }

    100% {
        width: 37%;
    }
}

/*registration modal custom css*/

/*.sinvestsub{
        position: relative !Important;
    display: none;
    list-style: none;
    height: auto;
    width: auto;
    border: none;
    padding-left: 0;
    text-decoration: none !important;
}*/


/*removing space for image sections*/
@media screen and (max-width:768px) {

    .health-left-text-col,
    .inspire-left-col,
    .right-content-col {
        padding-bottom: 0 !important;
    }

    .orders-1 {
        order: 1;
    }

    .orders-2 {
        order: 2;
    }
}

.media-margin {
    padding-bottom: 10%;
}

/*city plan css start*/
.city-plan-map{
    padding: 0;
}

.map-options-inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;

}

.map-options {
    margin-bottom: 5%;
    z-index: 2;
    position: relative;
}

.rad-label {
    font-size: 10px;
    font-family: 'scalasans';
    color: #808080;
    cursor: pointer;
    text-transform: uppercase;
    vertical-align: sub;

}

@media screen and (max-width:500px) {
    .map-options-inner {
        padding-left: 0 !important;
    }
}


/*city plan css end*/

p.contact-modal-text {
    color: #fff;
    font-size: 12px;
    text-align: left;
    font-family: 'scalasans';
    margin-top: 0;
}

.text-2 {
    margin-top: 4% !important;
}

.text-3 {
    margin-top: 6% !important;
}

.contact-center {
    padding-left: 6%;
}

.margin-banner {
    margin-top: 9%;
}
@media screen and (max-width:280px){
     h4.heading-short{
        font-size: 20px !important;
         margin-bottom: 15px !important;
    }
}
@media screen and (max-width:400px) {
   
    .banner-text{
        margin-top: 0;
        margin-bottom: 0;
        font-size: 12px;
    }
    .p-partner-main{
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    .about-banner-text{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px !important;
    padding-left: 5% !important;
    padding-right: 5% !important;  
    color: #fff;
    }
    h1.about-heading{
        font-size: 27px !important;
        margin-bottom: 0 !important;
    }
     button.panel-dismiss{
        right: 1% !important;
        top: 10% !important;
    }
    .col-news {
        padding-right: 0 !important;
        padding-left: 30px !important;
        padding-top: 30px;
    }
    .oberoi-banner-text{
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    p.s-side-text {
        top: 46% !important;
    }
    button.navbar-toggle.collapsed {
        right: 8% !important;
    }
    .bar{
        width: 1.2rem !important;
        margin-top: 5px !important;
    }
    .multi{
        width: 50% !important;
    }
    
    p.invest-s-top-text{
        font-size: 11px !important;
        bottom:57% !important;
    }
    p.invest-s-btm-text{
        font-size: 3vw !important;
        top: 39%;
        line-height: 1;
    }
    .in-exp{
        bottom: 8% !important;
        font-size: 2vw !important;
        text-underline-offset: -2.8vw !important;
    }
    .p-location{
        font-size: 25px !important;
        text-align: center;
        float: none !important;
        position: relative;
        top: 6%;
    }
    .p-text{
        font-size: 12px !important;
        padding-right: 5% !important;
    }
    .contact-info{
        padding-top: 0 !important;
    }
    .map-contact-text{
        font-size: 3vw !important;
    }
    .contact-link{
        font-size: 2vw !important;
    }
    h4.map-explore{
        right: 21% !important;
    }
    h4.map-explore{
        top: 62% !important;
    }
     .small-info{
        padding-top: 25% !important;
    }
    /*.small-show{
        position: absolute;
        bottom:-10% !important;
    }*/
    .about-text{
        padding-top: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 5px !important;
        font-size: 15px !important;
        color: #fff;
    }
    .textdiv{
        padding-right: 0 !important;
    }

}
@media screen and (min-width:550px){
    .owl-prev {
        display: none !important;
    }
    
}

@media screen and (min-width:280px) and (max-width:400px) {
    h5.s-side-head {
        font-size: 1.7vh !important;
        top: 31% !important;
        padding-right: 50px !important;
    }
     h4.heading-short{
        font-size: 25px !important;
    }
    p.s-side-text {
        font-size: 9px !important;
    }
}

@media screen and (max-width:280px) {
    h5.s-side-head {
        font-size: 0.7vh !important;
        top: 31% !important;
    }

    p.s-side-text {
        font-size: 8px !important;
    }
}

.rad-row {
    width: 100% !important;
}

.rad-col {
    width: 50% !important;
}
@media screen and (min-width:400px) and (max-width:768px){
    .banner-text{
        margin:0 !important;
        font-size: 13px;
    }
    .partnership-m{
        height: 120vh !important;
        align-content: flex-start !important;
        padding-top: 5% !important;
        
    }
    .p-partner-main {
        padding-left: 15% !important;
        padding-right: 15% !important;
    }
    p.master-side-text {
        padding-right: 0 !important;
        font-size: 14px !important;
    }
    .p-text {
    font-size: 12px !important;
    padding-right: 5% !important;
}
    .p-location {
    font-size: 25px !important;
    text-align: center;
    float: none !important;
    position: relative;
    top: 6%;
}
    .map-contact-text{
        font-size: 11px !important;
    }
    h4.map-explore{
        bottom:29% !important;
        left: 3% !important;
    }
    .contact-info{
        padding-top: 15% !important;
    }
    .prime-explore a{
        font-size: 11px !important;
    }
    button.panel-dismiss{
        right: 1% !important;
        top: 10% !important;
    }
    .about-text{
        font-size: 15px !important;
        color: #fff;
    }
    .about-banner-text{
        font-size: 14px !important;
        color: #fff;
        margin-top: 0 !important;
    }
}
.media-field{
    width: 97% !important;
    color: white !important;
}
.media-field::placeholder{
    color: white !important;
}

@media screen and (min-width:1200px){
    .media-download{
    display: flex;
    justify-content: flex-start;
    position: relative;
    top: 85px;   
    padding: 0px 0px;    
    flex-wrap: wrap;
    align-content: flex-end;   
}
.media-img{
    height: 220px !important;
}    
}
@media screen and (min-width:960px) and (max-width:1200px){
    .media-download{
    display: flex;
    justify-content: flex-start;
    position: relative;      
    padding: 0px 0px;    
    flex-wrap: wrap;
    align-content: flex-end;   
}
.media-img{
    height: 160px !important;
}    
}
@media screen and (min-width:768px) and (max-width:960px){
    
.media-img{
    height: 162px !important;
}    
}

@media screen and (max-width:764px) {


    li.sub-1 a {
        text-decoration: none !important;
        color: #606060 !important;
        pointer-events: auto !important;
    }

        li.sub-1 a:hover {
            text-decoration: none !important;
            color: #d1d1d1 !important;
        }

    .sub-title {
        color: #606060 !important;
        text-decoration: none;
        font-family: system-ui;
    }
}
.gap{
    padding-bottom: 20px;
}
#tns2 > .tns-item{
    padding-right: 0 !important;
}
  .p-exp{
    right: 38%;
    bottom: -10%;
}

.developer-page-col{
    height: 400px;
}

body{
    overflow-x: hidden;
}

.video-container{
    width: 100vw;
    height: 100vh;
    margin-top: -60px;
}

iframe {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 100vw !important;
    height: 100vh !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
}

@media (min-aspect-ratio: 16/9) {
    .video-container iframe {
        height: 57.25vw !important;
    }
}
@media (max-aspect-ratio: 16/9) {
    .video-container iframe {
        width: 177.78vh !important;
    }
}

@media screen and (max-width:764px) {
    .video-container{
        margin-top: 0px;
    }
}

.section-five .construction{
    display: flex;
    margin-bottom: 40px;
}

.section-five .construction a{
    text-decoration: none;
    width: 300px;
    height: 40px;
    text-align: center;
    align-content: center;
    background-color: #8C8C8C;
    color: #fff;
    margin: auto;
}