@font-face {
    font-family: "Poppins-Regular";
    src: url(../fonts/Poppins-Regular.ttf) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Poppins-Light";
    src: url(../fonts/Poppins-Light.ttf) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Poppins-SemiBold";
    src: url(../fonts/Poppins-SemiBold.ttf) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Poppins-Bold";
    src: url(../fonts/Poppins-Bold.ttf) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Poppins-Medium";
    src: url(../fonts/Poppins-Medium.ttf) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Poppins-Thin";
    src: url(../fonts/Poppins-Thin.ttf) format("truetype");
    font-display: swap;
}

html {
    overflow-x: hidden !important;
    scroll-behavior: smooth;
}

html,
body,
h1,
h2,
h3,
p,
ul,
li {
    margin: 0;
    padding: 0;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

*:hover,
*:focus,
*:visited {
    outline: 0;
}

:root {
    --lightbrown: #978350;
    --white: #ffffff;
    --black: #000;
    --green: #6fa810;
    --lightgray: #d3d2d7;
    --darkgray: #bababa;
}

body {
    margin: 0 auto;
    font-family: Poppins-Light;
    color: #000;
    font-size: 13px;
    line-height: 150%;
    background-color: #fff;
    overflow-x: hidden !important;
}

.paddingTop80 {
    padding-top: 80px;
}

.paddingTop {
    padding-top: 60px;
}

.paddingTop30 {
    padding-top: 30px;
}

.paddingBottom {
    padding-bottom: 50px;
}

.clearfix {
    clear: both;
}

.mHide {
    display: block !important;
}

.dHide {
    display: none !important;
}

.wrapper {
    width: 100%;
    margin: 0;
}

.w-800 {
    width: 800px;
    max-width: 95%;
    margin: 0 auto;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #013b7c;
    transition: all 0.2s ease-in-out;
}

a:focus {
    text-decoration: none;
}

a,
a:link,
a:hover,
a:active {
    outline: none;
}

img {
    width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    aspect-ratio: attr(width) / attr(height);
}

ul {
    padding: 0;
    list-style: disc inside none;
    margin-bottom: 0;
    padding-left: 0;
}

ol {
    padding: 0;
    list-style: decimal inside none;
    margin-bottom: 20px;
    padding-left: 30px;
}

.enqnow {
    cursor: pointer;
}

.wrapper {
    width: 100%;
    margin: 0;
}

.full_width {
    width: 100%;
    margin: 0 auto;
}

.containerAsp {
    width: 1100px;
    max-width: 80%;
    margin: 0 auto;
}

.section-title {
    text-transform: uppercase;
    color: var(--black);
    font-size: 60px;
    font-family: Poppins-Thin;
    padding: 0px;
    line-height: 1.1;
    margin: 0px;
}

/*-----------------------------------*\
  #HEADER
\*-----------------------------------*/

.header {
    position: fixed;
    z-index: 99991;
    background-color: var(--white);
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    top: 0;
}

.containerAsp {
    padding: 0px;
}

.navbar {
    padding: 0.5rem 0rem !important;
}

.navbar .navbar-nav .nav-item .nav-link {
    color: var(--black);
    font-size: 12px;
    font-family: 'Poppins-Light';
    text-transform: uppercase;
    padding-right: 12px;
    padding-left: 12px;
    letter-spacing: 0.5px;
}

.navbar .navbar-nav {
    margin-top: 10px;
}

.navlinklast {
    padding-right: 0rem !important;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
}

.mansionlogo {
    margin-left: 10px;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 0.25rem;
}

.navbar .navbar-nav .nav-link:hover {
    color: var(--black);
}

.navbar-logo-centered .navbar-nav .nav-link {
    padding: 0.5em 1em;
}

.navbar-brand img {
    width: 99px;
}

/*-----------------------------------*\
  #HEADER  Ends Here
\*-----------------------------------*/

/*-----------------------------------*\
  #Banner Start Here
\*-----------------------------------*/

.topbanner {
    position: relative;
}

.rerano {
    position: absolute;
    top: 15%;
    left: 2%;
    font-size: 10px;
    color: var(--white);
    z-index: 1;
}

.bannerform {
    background-color: var(--black);
    width: 394px;
    padding: 15px 40px 15px 40px;
    border: 0px solid #ffffff;
    position: absolute;
    top: 55%;
    right: 10%;
    transform: translateY(-50%);
}

.bannerform .form-control {
    padding: 0.35rem 0.35rem;
    font-size: 14px;
    border: 0px;
    color: var(--black) !important;
    font-family: Poppins-Light;
    height: calc(1.5em + .75rem + 7px);
    border-radius: 0px;
}

.bannerform .form-group {
    margin-bottom: 1.7rem;
}

.bannerform h3 {
    color: var(--white);
    font-family: 'Poppins-Thin';
    font-size: 20px;
    text-transform: uppercase;
    margin: 0px auto;
    padding: 15px 0px;
    display: block;
}

.bannerform .form-control::placeholder {
    color: var(--darkgray) !important;
    font-size: 16px;
    font-family: Poppins-Light !important;
}

.bannerform :-ms-input-placeholder {
    color: var(--darkgray) !important;
    font-size: 16px;
    font-family: Poppins-Light !important;
}

.bannerform ::-ms-input-placeholder {
    color: var(--darkgray) !important;
    font-size: 16px;
    font-family: Poppins-Light !important;
}

.bannerform button {
    background-color: var(--lightbrown);
    color: #fff;
    padding: 7px 30px;
    border-radius: 0px;
    font-size: 19px;
    width: 100%;
    font-family: Poppins-Light;
    letter-spacing: 2px;
    border: 0px;
    outline: 0;
    height: calc(1.5em + .75rem + 10px);
}

/*-----------------------------------*\
  #Banner  Ends Here
\*-----------------------------------*/

hr {
    border-top: 1px solid var(--green);
    margin: 0px;
    margin-top: 15px;
    margin-bottom: 25px;
    position: relative;
}

hr::after {
    content: '';
    width: 7px;
    height: 7px;
    background-color: var(--green);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

/*-----------------------------------*\
  #Overview Start Here
\*-----------------------------------*/

.overview {
    /* background-image: url(../images/bg-white-marbel.jpg); */
    min-height: 700px;
    background-position: center;
    background-size: 100%;
}

.overview.visible {
    background-image: url(../images/bg-white-marbel.jpg);
}

.overview hr {
    width: 100%;
}

.overview hr::after {
    content: '';
    width: 7px;
    height: 7px;
    background-color: var(--green);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.overviewcontainer {
    display: flex;
    gap: 50px;
    align-items: center;
}

.overviewleftcontent {
    flex: 50%;
}

.overviewleftcontent p {
    text-align: justify;
}

.overviewrightimage {
    flex: 50%;
    position: relative;
}

.overviewartistic {
    position: absolute;
    bottom: 10%;
    right: 20px;
    font-family: Poppins-Bold;
    color: var(--white);
    text-transform: uppercase;
    font-size: 10px;
}

.overviewleftcontent .overbtn {
    font-family: Poppins-Bold;
    font-size: 16px;
    width: 180px;
    height: 50px;
    background-color: var(--lightbrown);
    color: var(--white);
    border: 0px;
    border-radius: 6px;
    margin-top: 40px;
}

/*-----------------------------------*\
  #Overview Ends Here
\*-----------------------------------*/

/*-----------------------------------*\
  #Amenities Start Here
\*-----------------------------------*/

.amenities {
    /* background-image: url(../images/bg-white-marbel.jpg); */
    /* min-height: 600px; */
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.amenities.visible {
    background-image: url(../images/bg-white-marbel.jpg);
}

.amenitiesheading {
    display: flex;
    align-items: baseline;
}

.amenities hr {
    width: 100%;
}

.amenitiestabs {
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 0px auto;
    justify-content: center;
}

.amenitiestab {
    font-family: Poppins-Light;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 20px;
    background-color: var(--black);
    color: var(--white);
    border: 0px;
    width: 250px;
    cursor: pointer;
}

.amenitiesitem {
    position: relative;
}

.amenoverlay {
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: #000000ad;
    /* opacity: 0.5; */
    width: 97%;
    height: 97%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.amenoverlay img {
    width: 20px;
}

.amenitiesitem:hover .amenoverlay {
    display: flex;
}

.amenitiestab.active {
    background-color: var(--lightbrown);
    color: var(--white);
}

.amenitiestabcontainer {
    display: none;
    background-color: var(--lightbrown);
    padding-top: 25px;
}

.amenitiestabcontainer.active {
    display: block;
}

.amenitiesslider {
    background-color: var(--white);
}

.amenitiesslider .slick-track {
    display: flex !important;
}

.amenitiesslider .slick-slide {
    margin-left: 5px;
    margin-right: 5px;
}

.amenitiesslider .slick-list {
    margin-left: -5px;
    margin-right: -5px;
}

.amenitiescaption {
    position: absolute;
    bottom: 50px;
    left: 0;
    color: var(--lightbrown);
    background-color: #000000cc;
    padding: 10px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Poppins-Light';
}

/*-----------------------------------*\
  #Amenities Ends Here
\*-----------------------------------*/

/*-----------------------------------*\
  #Location Map Starts Here
\*-----------------------------------*/

.locationmap {
    /* background-image: url(../images/bg-white-marbel.jpg); */
    min-height: 600px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    /* padding-bottom: 80px; */
}

.locationmap.visible {
    background-image: url(../images/bg-white-marbel.jpg);
}

.locationmap hr {
    width: 350px;
}

/* .locationmap hr::after
{
  content: '';
    width: 7px;
    height: 7px;
    background-color: var(--green);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
} */

.locationcontainer {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    flex-direction: column;
}

.locationleftcontent {
    flex: 30%;
}

.locationleftcontent p {
    text-align: justify;
}

.locationrightimage {
    flex: 70%;
}

.locationrightimage {
    flex: 100%;
    margin: 0px auto;
    width: 100%;
    position: relative;
}

.locationoverlay {
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: #000000ad;
    /* opacity: 0.5; */
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.locationoverlay img {
    width: 20px;
}

.locationrightimage:hover .locationoverlay {
    display: flex;
}

/*-----------------------------------*\
  #Location Map Ends Here
\*-----------------------------------*/

/*-----------------------------------*\
  #connectivity Start Here
\*-----------------------------------*/

.connectivity {
    /* background-image: url(../images/bg-white-marbel.jpg); */
    /* min-height: 600px; */
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}

.connectivity.visible {
    background-image: url(../images/bg-white-marbel.jpg);
}

.asterisk {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 10px;
}

/* .connectivity h2
{
  color:var(--white);
} */

.connectivity hr {
    width: 65%;
}

.cpointerscontainer {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    /* margin-top: 20px; */
    position: relative;
}

.halfcircletop1 {
    position: absolute;
    top: -12%;
    left: 9%;
    z-index: 1;
}

.halfcircletop2 {
    position: absolute;
    top: -12%;
    left: 44%;
    z-index: 1;
}

.halfcircletop3 {
    position: absolute;
    top: -12%;
    left: 78.4%;
    z-index: 1;
}

.halfcirclebottom1 {
    position: absolute;
    bottom: 58%;
    left: 26%;
    z-index: 1;
}

.halfcirclebottom2 {
    position: absolute;
    bottom: 58%;
    left: 61%;
    z-index: 1;
}

.cpointer {
    width: 150px;
    /* color:var(--white); */
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-items: stretch;
    justify-content: space-between;
}

.pointerimage {
    position: relative;
    /* margin-bottom: 25px; */
    text-align: center;
}

.cpointertop {
    z-index: 111;
}

.pointerimage .nimonic {
    width: 150px;
    height: 150px;
}

.pointerimage .icon {
    width: 70px;
    height: 70px;
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
}

.pointercontent h4 {
    font-family: Poppins-SemiBold;
    font-size: 16px;
    text-align: center;
}

.pointercontent h5 {
    font-family: Poppins-Light;
    font-size: 12px;
}

.pointercontent p {
    font-size: 11px;
}

.cpointer .distance {
    border: 1px solid var(--lightbrown);
    padding: 10px 0px;
    color: var(--lightbrown);
    font-family: Poppins-SemiBold;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
}

.pointercontent {
    margin-top: 15px;
    margin-bottom: 15px;
}

.pointercontenth4 {
    color: var(--lightbrown);
}

/*-----------------------------------*\
  #connectivity Ends Here
\*-----------------------------------*/

/*-----------------------------------*\
  #FloorPlans Start Here
\*-----------------------------------*/

.floorplans {
    /* background-image: url(../images/Black-Marbal.jpg); */
    /* min-height: 600px; */
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.floorplans.visible {
    background-image: url(../images/Black-Marbal.jpg);
}

.floorplans h2 {
    color: var(--white);
}

.floorplans hr {
    width: 200px;
}

.floorplantabs {
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 0px auto;
    justify-content: center;
}

.floorplantab {
    font-family: Poppins-Light;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 50px;
    background-color: var(--lightbrown);
    color: var(--white);
    border: 0px;
    width: 200px;
    cursor: pointer;
}

.floorplantab.active {
    background-color: var(--white);
    color: var(--black);
}

.floorplantabcontainer {
    display: none;
    /* background-color: var(--white); */
}

.apartmentslider,
.penthouseslider {
    background-color: var(--white);
    ;
}

.floorplancontainer .commonnavigationcontainer {
    background-color: transparent;
}

.floorplantabcontainer.active {
    display: block;
}

.floorplanitem {
    position: relative;
}

.foverlay {
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: #000000ad;
    /* opacity: 0.5; */
    width: 97%;
    height: 97%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.foverlay img {
    width: 20px;
}

.floorplanitem:hover .foverlay {
    display: flex;
}

.commonnavigationcontainer {
    width: 85px;
    margin: 0px 0px 0px auto;
    margin-top: 20px;
}

.commonNav {
    display: flex;
    gap: 3px;
    align-items: normal;
}

.commonPrev,
.commonNext {
    cursor: pointer;
}

.commonNav img {
    width: 40px;
}

.commonnavsaprator {
    background-color: #888373;
    width: 2px;
}

.floorplanslider .slick-track {
    display: flex !important;
}

.floorplanslider .slick-slide {
    margin-left: 0px;
    margin-right: 0px;
}

.floorplanslider .slick-list {
    margin-left: 0px;
    margin-right: 0px;
}

.floorplanitem img {
    border: 1px solid #d1d1d1d1;
    border-top: 0px;
    border-bottom: 0px;
}

.foverlay img {
    border: 0px solid #fff;
}

/*-----------------------------------*\
  #Floor Plans Ends Here
\*-----------------------------------*/

/*-----------------------------------*\
  #Site Plan Start Here
\*-----------------------------------*/

.siteplan {
    background-image: url(../images/bg-white-marbel.jpg);
    min-height: 860px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.siteplansection1 {
    background-color: var(--black);
    padding-bottom: 90px;
}

.siteplansection1 hr {
    width: 200px;
}

.siteplansection1 h2 {
    color: var(--white);
}

.siteplancontainer {
    padding: 15px;
    background-color: var(--white);
    position: relative;
    box-shadow: 0 0 9px 1px hsl(0deg 0% 0% / 18%);
}

.siteplansection2 {
    margin-top: -90px;
}

.siteplanNav {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.siteplanitem {
    position: relative;
}

.sitepoverlay {
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: #000000ad;
    /* opacity: 0.5; */
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.sitepoverlay img {
    width: 20px;
}

.siteplanitem:hover .sitepoverlay {
    display: flex;
}

/*-----------------------------------*\
  #Site Plan Ends Here
\*-----------------------------------*/

/*-----------------------------------*\
  #Gallery Start Here
\*-----------------------------------*/

.gallery {
    /* background-image: url(../images/Black-Marbal.jpg); */
    /* min-height: 600px; */
    /* background-position: center; */
    /* background-size: 100%;
  background-repeat: no-repeat; */
    background-color: var(--lightbrown);
}

.galleryslider .slick-track {
    display: flex !important;
}

.galleryslider .slick-slide {
    margin-left: 2px;
    margin-right: 2px;
}

.galleryslider .slick-list {
    margin-left: -2px;
    margin-right: -2px;
}

.galleryslidercontainer {
    /* background-image: url(../images/bg-white-marbel.jpg); */
    min-height: 580px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /* padding-top: 25px; */
}

.galleryslidercontainer.visible {
    background-image: url(../images/bg-white-marbel.jpg);
}

.gallery h2 {
    color: var(--white);
}

.gallery hr {
    width: 200px;
    border-top: 1px solid var(--white);
}

.gallery hr::after {
    background-color: var(--white);
}

.gallerytabs {
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 0px auto;
    justify-content: center;
}

.gallerytab {
    font-family: Poppins-Light;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 50px;
    background-color: var(--black);
    color: var(--white);
    border: 0px;
    width: 200px;
    cursor: pointer;
}

.gallerytab.active {
    background-color: var(--white);
    color: var(--black);
}

.gallerytabcontainer {
    display: none;
}

.gallerytopbar {
    padding: 10px;
    background-color: var(--white);
}

.gallerytabcontainer.active {
    display: block;
}

.galleryslider .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    margin-top: 5px;
}

.galleryslider .slick-dots li {
    margin: 0 0.25rem;
}

.galleryslider .slick-dots button {
    content: " ";
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: var(--darkgray);
    border: 0px solid #616161;
    text-indent: 9999px;
    cursor: pointer;
}

.galleryslider .slick-dots li button {
    display: block !important;
}

.galleryslider .slick-dots li.slick-active button {
    background-color: var(--black);
}

.galleryitem {
    position: relative;
}

.galleryitem.slick-current.slick-active .goverlay {
    transform: rotateY(180deg);
}

.goverlay {
    position: absolute;
    background-image: url(../images/shadow.png);
    background-repeat: repeat-y;
    background-position: right;
    top: 0;
    width: 100%;
    height: 100%;
}

/* .galleryNext img, .galleryPrev img
{
  width:40px;
} */

/** Slider Left Right Navigation **/

.sliderNext,
.sliderPrev {
    position: absolute;
    top: 48%;
    right: 0px;
    transform: translateY(-50%);
    z-index: 99;
    cursor: pointer;
}

.sliderNext img,
.sliderPrev img {
    width: 40px;
}

.sliderNext {
    left: auto;
    right: 0px;
}

.sliderPrev {
    left: 0px;
    right: auto;
}

/*-----------------------------------*\
  #Gallery Ends Here
\*-----------------------------------*/

/*-----------------------------------*\
  #About SCDA Start Here
\*-----------------------------------*/

.aboutscda {
    /* background-image: url(../images/aboutscda-banner.jpg); */
    min-height: 820px;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
}

.aboutscda.visible {
    background-image: url(../images/aboutscda-banner.jpg);
}

.aboutscda hr {
    width: 35%;
}

.aboutscda .scda-blacklogo {
    width: 130px;
}

.aboutscdaheading {
    display: flex;
    gap: 20px;
    align-items: center;
}

.aboutscda p {
    margin-top: 20px;
}

/*-----------------------------------*\
  #About SCDA Ends Here
\*-----------------------------------*/

/*-----------------------------------*\
  #Request Call Back Start Here
\*-----------------------------------*/

.requestcallback {
    /* background-image: url(../images/bg-white-marbel.jpg); */
    min-height: 600px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
}

.requestcallback.visible {
    background-image: url(../images/bg-white-marbel.jpg);
}

.requestform {
    width: 400px;
}

.requestform h3 {
    color: var(--black);
    font-family: 'Poppins-Light';
    font-size: 30px;
    margin: 0px auto;
    padding: 15px 0px;
    display: block;
    text-align: center;
}

.requestform .form-control {
    padding: 0.35rem 0.35rem;
    font-size: 15px;
    border: 0px;
    color: var(--black) !important;
    font-family: Poppins-Light;
    height: calc(1.5em + .75rem + 5px);
    border-radius: 2px;
    box-shadow: 0 0 9px 1px hsl(0deg 0% 0% / 10%);
    padding-left: 15px;
}

.requestform .form-control::placeholder {
    color: var(--black) !important;
    font-size: 15px;
    font-family: Poppins-Light !important;
    padding-left: 15px;
}

.requestform :-ms-input-placeholder {
    color: var(--black) !important;
    font-size: 15px;
    font-family: Poppins-Light !important;
    padding-left: 15px;
}

.requestform ::-ms-input-placeholder {
    color: var(--black) !important;
    font-size: 15px;
    font-family: Poppins-Light !important;
    padding-left: 15px;
}

.requestform button {
    background-color: var(--black);
    color: #fff;
    padding: 7px 30px;
    border-radius: 0px;
    font-size: 19px;
    width: 80%;
    font-family: Poppins-Light;
    letter-spacing: 2px;
    border: 0px;
    outline: 0;
    height: calc(1.5em + .75rem + 5px);
}

/*-----------------------------------*\
  #Request Call Back Ends Here
\*-----------------------------------*/

/*-----------------------------------*\
  #Footer Start Here
\*-----------------------------------*/

.footer {
    padding: 15px;
    background-color: var(--lightbrown);
    text-align: center;
    color: var(--white);
}

/*-----------------------------------*\
  #Footer Ends Here
\*-----------------------------------*/

/*-----------------------------------*\
  #Popup form Start Here
\*-----------------------------------*/

.form-mobile {
    display: none;
}

.form-mobile {
    box-shadow: 0 0 9px 1px hsl(0deg 0% 0% / 18%);
    background-color: #fff;
    width: 300px;
    padding: 15px 25px 15px 25px;
    border: 5px solid #ffffff;
    position: fixed;
    top: 50%;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999999;
}

.form-mobile .form-control {
    padding: 0.35rem 0.35rem;
    font-size: 0.85rem;
    border: 2px solid #9c9999;
    color: var(--black) !important;
    font-weight: 600;
    font-family: 'Poppins-Thin';
}

.form-mobile h3 {
    color: #000;
    font-family: 'Poppins-Light';
    padding-bottom: 23px;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px auto;
    padding: 15px 10px;
    display: block;
    text-align: center;
}

.form-group label {
    margin-bottom: 0.2rem;
    font-family: 'Poppins-Light';
    font-weight: 600;
    color: #000;
    font-size: 14px;
}

.form-mobile .form-control::placeholder {
    color: #000 !important;
    font-weight: 600 !important;
    font-family: 'Poppins-Light' !important;
}

.form-mobile :-ms-input-placeholder {
    color: #000 !important;
    font-weight: 600 !important;
    font-family: 'Poppins-Light' !important;
}

.form-mobile ::-ms-input-placeholder {
    color: #000 !important;
    font-weight: 600 !important;
    font-family: 'Poppins-Light' !important;
}

.form-mobile button {
    background-color: #000;
    color: #fff;
    padding: 7px 30px;
    border-radius: 0px;
    font-size: 1rem;
    width: 100%;
    font-family: 'Poppins-Light';
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 0px;
    outline: 0;
}

.form-mobile .close_frm_frm_close1 {
    text-align: right;
    top: 6px;
    position: absolute;
    right: 5px;
    cursor: pointer;
}

.form-mobile .close_frm_frm_close1 {
    display: block !important;
}

.form-mobile .close_frm_frm_close1 img {
    width: 25px;
}

.form_strip {
    display: none;
}

.form_strip {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border: 0px solid;
    padding: 15px;
    background-color: #968350;
    color: #fff;
    text-align: center;
    border: 1px solid #968350;
    z-index: 9999999;
}

.form_strip button {
    color: #ffff;
    background-color: transparent;
    font-family: Poppins-SemiBold;
    font-size: 17px;
    border: 0px;
}

/*-----------------------------------*\
  #Popup form Start Here
\*-----------------------------------*/

.separatorbar {
    display: none;
}

/* smartlinks  Starts */

#smartlinks {
    background-color: #a4905b;
    padding: 50px 0px 10px 0px;
    color: var(--white);
}

/* #smartlinks .container h2 {
    color: var(--white);
    text-transform: uppercase;
    font-size: 15px;
} */

.content1 {
    padding-top: 10px;
}

.read_more_btn {
    background: none;
    border: 0px;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* smartlinks Ends Here */

/*-----------------------------------*\
  # Privacy Start Here
\*-----------------------------------*/

.privacy {
    /* background-image: url(../images/bg-white-marbel.jpg); */
    min-height: 600px;
    background-position: center;
    background-size: 100%;
}

.privacy.visible {
    background-image: url(../images/bg-white-marbel.jpg);
}

.privacy hr {
    width: 100%;
}

.privacy hr::after {
    content: '';
    width: 7px;
    height: 7px;
    background-color: var(--green);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.privacycontainer {
    display: flex;
    gap: 50px;
    align-items: center;
}

.privacyleftcontent {
    flex: 50%;
}

.privacyleftcontent p {
    text-align: justify;
    margin-bottom: 10px;
}

.privacyleftcontent ul {
    margin-left: 10px;
}

/*-----------------------------------*\
  #Overview Ends Here
\*-----------------------------------*/

@media (max-width: 768px) {
    .containerAsp {
        width: 100%;
        padding-right: 30px;
        padding-left: 30px;
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
    }
    .mansionlogo {
        margin-left: 120px;
        width: 100px;
    }
    .halfcircletop1,
    .halfcircletop2,
    .halfcircletop3,
    .halfcirclebottom1,
    .halfcirclebottom2 {
        display: none;
    }
    .header .containerAsp {
        padding-right: 20px;
        padding-left: 20px;
    }
    .form_strip {
        display: block;
    }
    .navbar-brand img {
        width: 70px;
    }
    .navbar .navbar-nav .nav-item .nav-link {
        padding-left: 0px;
    }
    .mHide {
        display: none !important;
    }
    .dHide {
        display: block !important;
    }
    .bannerform {
        display: none;
    }
    .amenitiestabs {
        display: none;
    }
    .floorplantabs {
        display: none;
    }
    .gallerytabs {
        display: none;
    }
    .section-title {
        font-size: 35px;
    }
    .overview hr {
        width: 90%;
    }
    .overviewcontainer {
        flex-direction: column;
    }
    .overview {
        min-height: 650px;
    }
    .locationmap {
        background-size: cover;
        padding-bottom: 40px;
        padding-top: 40px;
        min-height: 400px;
    }
    .locationleftcontent {
        flex: 100%;
        width: 100%;
    }
    .locationcontainer {
        gap: 30px;
        flex-direction: column;
    }
    .connectivity {
        /* background-image: url(../images/mob/whitebg.jpg); */
        min-height: 600px;
        background-position: top;
        background-size: 100%;
        background-repeat: repeat-y;
    }
    .connectivity.visible {
        background-image: url(../images/mob/whitebg.jpg);
    }
    .connectivity hr {
        width: 85%;
    }
    .paddingTop80 {
        padding-top: 50px;
    }
    .cpointer {
        margin-bottom: 50px;
    }
    .cpointerscontainer {
        /* margin-top: 50px; */
        flex-direction: column;
        gap: 0px;
        justify-items: center;
        /* width: 100%; */
        align-items: center;
    }
    .pointercontent h4 {
        text-align: center;
    }
    .floorplans {
        /* background-image: url(../images/mob/blackbg.jpg); */
        /* min-height: 600px; */
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .floorplans.visible {
        background-image: url(../images/Black-Marbal.jpg)!important;
    }
    .floorplantabcontainer {
        display: none;
        background-color: unset;
    }
    .commonnavigationcontainer {
        margin-top: 0px;
    }
    .gallerytopbar {
        background-color: transparent;
    }
    .gallerytabcontainer.active {
        display: block;
        width: 90%;
        margin: 0px auto;
    }
    .galleryslidercontainer {
        /* background-image: url(../images/mob/whitebg.jpg); */
        min-height: 330px;
    }
    .galleryslidercontainer.visible {
        background-image: url(../images/mob/whitebg.jpg);
    }
    .amenities {
        /* background-image: url(../images/mob/whitebg.jpg); */
        /* min-height: 600px; */
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .amenities.visible {
        background-image: url(../images/mob/whitebg.jpg);
    }
    .amenitiestabcontainer {
        display: none;
        /* background-color: var(--lightbrown); */
        padding-top: 25px;
        /* background-image: url(../images/mob/whitebg.jpg); */
    }
    .amenitiestabcontainer.visible {
        background-image: url(../images/mob/whitebg.jpg);
    }
    .activelifestyleslider,
    .communityspacesslider,
    .recreationalzoneslider {
        width: 90%;
        margin: 0px auto;
    }
    .siteplan {
        /* background-image: url(../images/mob/whitebg.jpg); */
        min-height: 830px;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .siteplan.visible {
        background-image: url(../images/mob/whitebg.jpg);
    }
    .siteplanNav {
        position: absolute;
        right: -2px;
        bottom: -42px;
    }
    .aboutscda {
        /* background-image: url(../images/mob/aboutscda.jpg); */
        min-height: 550px;
        background-image: none !important;
    }
    /* .aboutscda.visible 
      {
        background-image: url(../images/mob/aboutscda.jpg);
      } */
    .aboutscda .scda-blacklogo {
        width: 100px;
        margin-left: 10px;
    }
    .aboutscda hr {
        width: 85%;
    }
    .aboutscda hr {
        width: 85%;
    }
    .requestcallback {
        /* background-image: url(../images/mob/whitebg.jpg); */
        background-position: top;
        min-height: 450px;
    }
    .requestcallback.visible {
        background-image: url(../images/mob/whitebg.jpg);
    }
    .requestform h3 {
        font-size: 22px;
    }
    .requestform {
        width: 300px;
    }
    .footer {
        margin-bottom: 53px;
        font-size: 16px;
    }
    /* drop down menus css starts */
    .separatorbar {
        background-color: var(--lightbrown);
        height: 15px;
        width: 100%;
        display: block;
    }
    ul.navBar {
        border-style: solid;
        border-width: 1px;
        border-color: var(--lightbrown);
        margin-left: 0px;
        margin-right: 0px;
        background-color: var(--lightbrown);
        width: 80%;
        margin: 0px auto;
        position: relative;
    }
    a.ActiveListItem {
        position: relative;
    }
    a.ActiveListItem1:before {
        content: url(../images/t1.png);
        right: 30px !important;
        position: absolute;
        top: 16% !important;
    }
    a.ActiveListItem2:before {
        content: url(../images/t2.png);
        right: 30px !important;
        position: absolute;
        top: 16% !important;
    }
    ul.navBar li a.ActiveListItem {
        color: #fff !important;
        background-color: var(--lightbrown) !important;
        font-weight: normal !important;
        margin-left: 0px;
        margin-right: 0px;
        border-radius: 0;
        width: 100%;
        margin-bottom: 0px;
        /* border-bottom: 1px solid #cccccc45; */
    }
    ul.navBar li {
        position: relative;
        width: 100%;
        list-style: none;
        line-height: 35px;
    }
    ul.navBar li a {
        display: block;
        color: #ffffff !important;
        padding: 5px 5px;
        text-decoration: none;
        transition: all 0.1s ease-in;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Poppins-Light';
        font-size: 16px;
    }
    ul.navBar li a:hover,
    ul.navBar li:hover>a {
        background: var(--lightbrown);
        color: #ffffff !important;
    }
    ul.navBar li ul {
        margin-top: 0px;
        background: var(--lightbrown);
        display: none;
        z-index: 99;
        position: absolute;
        width: 100%;
    }
    ul.innerDropMenu li {
        border-bottom: 1px solid #cccccc45;
    }
    ul.innerDropMenu li:last-child {
        border-bottom: none;
    }
    .hiddens {
        display: none;
    }
    /*white Drop Down*/
    ul.navBar1 {
        border-style: solid;
        border-width: 1px;
        border-color: var(--white);
        margin-left: 0px;
        margin-right: 0px;
        background-color: var(--white);
        width: 80%;
        margin: 0px auto;
        position: relative;
    }
    /* a.ActiveListItem:before {
  content: "\f107";
  font-family: "FontAwesome";
  right: -15% !important;
  position: absolute;
  top: 13% !important;
} */
    ul.navBar1 li a.ActiveListItem {
        color: #000 !important;
        background-color: var(--white) !important;
        font-weight: normal !important;
        margin-left: 0px;
        margin-right: 0px;
        border-radius: 0;
        width: 100%;
        margin-bottom: 0px;
    }
    ul.navBar1 li {
        position: relative;
        width: 100%;
        list-style: none;
        line-height: 35px;
    }
    ul.navBar1 li a {
        display: block;
        color: #000 !important;
        padding: 5px 5px;
        text-decoration: none;
        transition: all 0.1s ease-in;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Poppins-Light';
        font-size: 16px;
    }
    ul.navBar1 li a:hover,
    ul.navBar1 li:hover>a {
        background: var(--white);
        color: #000 !important;
    }
    ul.navBar1 li ul {
        margin-top: 0px;
        background: var(--white);
        display: none;
        z-index: 99;
        position: absolute;
        width: 100%;
    }
    /* White Drop Down */
}

@media (max-width: 492px) {
    .siteplan {
        min-height: 600px;
    }
}

@media (max-width: 415px) {
    .siteplan {
        min-height: 550px;
    }
}

@media (max-width: 394px) {
    .navbar-brand img {
        width: 60px;
    }
    .mansionlogo {
        margin-left: 70px;
        width: 100px;
    }
    .galleryslidercontainer {
        /* background-image: url(../images/mob/whitebg.jpg); */
        min-height: 270px;
    }
    .galleryslidercontainer.visible {
        background-image: url(../images/mob/whitebg.jpg);
    }
    .siteplan {
        min-height: 550px;
    }
}

@media (max-width: 375px) {
    .navbar-brand img {
        width: 60px;
    }
    .mansionlogo {
        margin-left: 70px;
        width: 100px;
    }
    .galleryslidercontainer {
        /* background-image: url(../images/mob/whitebg.jpg); */
        min-height: 270px;
    }
    .galleryslidercontainer.visible {
        background-image: url(../images/mob/whitebg.jpg);
    }
    .siteplan {
        min-height: 500px;
    }
}

@media (max-width: 360px) {
    .navbar-brand img {
        width: 60px;
    }
    .mansionlogo {
        margin-left: 50px;
        width: 100px;
    }
    .galleryslidercontainer {
        /* background-image: url(../images/mob/whitebg.jpg); */
        min-height: 270px;
    }
    .galleryslidercontainer.visible {
        background-image: url(../images/mob/whitebg.jpg);
    }
    .siteplan {
        min-height: 480px;
    }
}

@media (max-width: 320px) {
    .navbar-brand img {
        width: 60px;
    }
    .mansionlogo {
        margin-left: 50px;
        width: 100px;
    }
    .galleryslidercontainer {
        /* background-image: url(../images/mob/whitebg.jpg); */
        min-height: 270px;
    }
    .galleryslidercontainer.visible {
        background-image: url(../images/mob/whitebg.jpg);
    }
    .siteplan {
        min-height: 480px;
    }
}