* {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    outline: 0

}



:root {

    font-size: 16px

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Bon Vivant Family Serif' !important

}



p {

    font-family: 'Halvar Eng Lt';

    font-weight: 300;

    font-size: 18px;

    line-height: 1.5

}



html {

    scroll-behavior: smooth;

    overflow-x: hidden !important

}



body {

    font-family: 'Halvar Eng Lt';

    overflow-x: hidden !important;

    background: #f6f4ee;

    padding: 0 !important;

    margin: 0

}



body.active {

    background-color: rgba(0, 0, 0, .5);

    z-index: -1;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.halvar_md {

    font-family: 'Halvar Eng Md'

}



.halvar_lt {

    font-family: 'Halvar Eng Lt'

}



.halvar_rg {

    font-family: 'Halvar Eng Rg'

}



.bon_vivant {

    font-family: 'Bon Vivant Family Serif';

}



span.fcolorlgt {

    color: #6c939299 !important;

    opacity: 1 !important

}



.fcolorlgt {

    color: #6c9392 !important

}



.fcolordrk {

    color: #203d3b !important

}



.blackbg {

    background: #10171d

}



#topbtn {

    display: inline-block;

    background-color: transparent;

    border: none;

    text-align: center;

    border-radius: 100px;

    position: fixed;

    bottom: 70px;

    right: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: background-color .3s, opacity .5s, visibility .5s;

    opacity: 0;

    visibility: hidden;

    z-index: 1000

}



#topbtn svg {

    width: 40px;

    height: 40px;

    fill: #192f44;

    stroke: #fff;

    display: inline-block;

    margin-left: 15px;

    padding: 0;

    transition: all .5s linear;

    transform: rotate(-90deg)

}



#topbtn:hover svg {

    cursor: pointer;

    fill: #192f44;

    stroke: #ffffff

}



#topbtn:hover svg .cls-1 {

    stroke: #192f44 !important

}



#topbtn.show {

    opacity: 1;

    visibility: visible

}



#topbtn img {

    width: 20px

}



#topbtn .uparrow {

    width: 40px;

    height: 40px;

    background: #203d3b;

    cursor: pointer;

    border-radius: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-left: 15px;

    padding: 0;

    transition: all .5s linear;

    transform: rotate(0)

}



#topbtn .uparrow:hover {

    background: #6c9293

}



.brhidedk {

    display: none

}



.dlfx {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-end

}



.dlfxcenter {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column

}



.width100 {

    width: 100% !important

}



.wid90 {

    width: 90%

}



.widcus {

    width: 160px !important

}



.padd100 {

    padding: 100px 0

}



.paddf100 {

    padding: 100px 0

}



.padt100 {

    padding-top: 100px

}



.padt80 {

    padding-top: 80px

}



.padt70 {

    padding-top: 70px

}



.padt60 {

    padding-top: 60px

}



.padb100 {

    padding-bottom: 100px

}



.padd80 {

    padding: 80px 0

}



.paddn60 {

    padding: 60px 0

}



.paddb60 {

    padding-bottom: 60px

}



.paddb30 {

    padding-bottom: 30px

}



.paddb0 {

    padding-bottom: 0

}



.pl-00 {

    padding-left: 0 !important

}



.pr-00 {

    padding-right: 0 !important

}



.pl-65 {

    padding-left: 48px

}



.prr-2 {

    padding-right: .5rem !important

}



.mtop {

    margin-top: 70px

}



.borderbt {

    border-bottom: 1px solid #585858

}



.bordertop {

    border-top: 1px solid #585858

}



.bggray {

    background: #f4f4f4

}



.mttttop {

    margin-top: 50px

}



.posrelative {

    position: relative;

    height: 100%

}



#disclaimer .modal-title {

    width: 100%;

    text-align: center;

    letter-spacing: 2px

}



#disclaimer .modal-content {

    border-radius: 0;

    background: #f6f4ee

}



#disclaimer.modal-dialog {

    max-width: 600px;

    margin: 1.75rem auto

}



.desktopshow {

    display: block

}



.mobshow {

    display: none

}



.bgnone {

    background: 0 0 !important

}



.mobhidebr {

    display: none

}



.popup-box {

    width: 100%

}



.popup-box p {

    font-size: 15px;

    line-height: 1.5;

    text-align: justify

}



.agree-btn {

    background: #50b748;

    padding: 10px 15px;

    color: #fff;

    border-radius: 5px;

    margin-top: 20px;

    display: table;

    cursor: pointer;

    text-align: center;

    margin-left: auto;

    margin-right: auto

}



.overlaymobbg {

    width: 100%;

    height: 100vh;

    position: fixed;

    display: none

}



.overlaymobbg.active {

    content: '';

    width: 100%;

    height: 100%;

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    background: rgba(0, 0, 0, .9);

    z-index: 33

}



.mainbanneroverlay:after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    background: rgba(0, 0, 0, .4)

}



.overlaybg::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    background: rgba(255, 255, 255, .5)

}



.overlaybottom::after {

    content: '';

    width: 100%;

    height: 50%;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 50%;

    background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, .6))

}



.overlayhd::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .1))

}



.overlaybanner::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    background-color: rgba(0, 0, 0, .3);

    z-index: 2

}



.header-area {

    position: absolute;

    height: 80px;

    padding: 15px 0 0;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9999;

    display: flex;

    align-items: center;

    justify-content: center

}



.header-area.fixed-top {

    position: fixed !important;

    background-color: #10171d

}



#main-nav {

    width: 100%;

    float: left;

    flex-wrap: wrap;

    margin-top: 5px;

    transition: 1s ease-in-out

}



.topnavbaxy {

    width: 100%;

    flex: auto;

    position: relative

}



.topnavbaxy ul {

    margin: 0;

    padding: 0

}



.topnavbaxy ul li {

    width: auto;

    display: inline-block;

    margin: 0 20px

}



.topnavbaxy ul span {

    transform: rotate(0);

    width: auto;

    display: inline-block;

    color: #fff;

    font-size: .69rem;

    font-family: 'Halvar Eng Lt'

}



.topnavbaxy ul li a {

    width: 100%;

    padding: 5px 0 !important;

    color: #fff;

    text-transform: uppercase;

    font-size: .75rem !important;

    border: none !important;

    opacity: .7

}



.topnavbaxy ul li a i {

    font-size: .69rem;

    color: #fff

}



.topnavbaxy ul li a img {

    width: 15px

}



.topnavbaxy ul li a:hover {

    border: none !important

}



.topnavbaxy ul li:last-child(0) a {

    padding-right: 20px !important

}



.topnavbaxy ul li:nth-last-child(1) a {

    padding-right: 0 !important

}



.topnavbaxy ul li:nth-last-child(1) {

    margin-right: 0 !important

}



.pdr {

    padding-right: 0 !important

}



.show {

    transition: all .5s ease

}



body.modal-open {

    padding: 0 !important;

    overflow: hidden;

    height: 100vh

}



#myModal3 {

    padding-right: 0 !important

}



.modal {

    z-index: 99999

}



.mobiconbtn {

    width: auto;

    position: relative;

    margin-left: 15px;

    display: none

}



.mobiconbtn a {

    width: 30px;

    height: 30px;

    border-radius: 100px;

    background: 0 0;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin-left: 8px;

    transition: all .5s ease-out

}



.mobiconbtn a:hover {

    border: none

}



.mobiconbtn a i {

    font-size: 15px;

    coloR: #fff

}



.mobiconbtn a:first-child i {

    font-size: 13px

}



.mobiconbtn a svg {

    width: 25px;

    height: 100%

}



.mobiconbtn a svg .cls-1 {

    width: 30px;

    fill: #4dcb5b;

    transition: all .5s ease

}



.mobiconbtn a svg .cls2 {

    fill: #fff !important

}



.mobiconbtn a:hover svg .cls-1 {

    fill: #6c9293

}



.navbar-nav span {

    transform: rotate(0);

    width: auto;

    display: inline-block;

    color: #fff

}



.navbar {

    position: absolute;

    left: 0;

    top: 0;

    padding: 0;

    width: 100%;

    border-bottom: 1px solid rgba(255, 255, 255, .3);

    transition: background .6s ease-in;

    z-index: 999999;

    height: 100%

}



.navbar .navbar-brand {

    padding: 0

}



.navbar .navbar-brand img {

    width: 180px

}



.navbar-dark .navbar-nav ul li a {

    padding: 15px 0 5px !important

}



.navbar .navbar-toggler {

    position: relative;

    height: 50px;

    width: 50px;

    border: none;

    cursor: pointer;

    outline: 0

}



.navbar .navbar-toggler .menu-icon-bar {

    position: absolute;

    left: 15px;

    right: 15px;

    height: 2px;

    background-color: #fff;

    opacity: 0;

    -webkit-transform: translateY(-1px);

    -ms-transform: translateY(-1px);

    transform: translateY(-1px);

    transition: all .3s ease-in

}



.navbar .navbar-toggler .menu-icon-bar:first-child {

    opacity: 1;

    -webkit-transform: translateY(-1px) rotate(45deg);

    -ms-sform: translateY(-1px) rotate(45deg);

    transform: translateY(-1px) rotate(45deg)

}



.navbar .navbar-toggler .menu-icon-bar:last-child {

    opacity: 1;

    -webkit-transform: translateY(-1px) rotate(135deg);

    -ms-sform: translateY(-1px) rotate(135deg);

    transform: translateY(-1px) rotate(135deg)

}



.navbar .navbar-toggler.collapsed .menu-icon-bar {

    opacity: 1

}



.navbar .navbar-toggler.collapsed .menu-icon-bar:first-child {

    -webkit-transform: translateY(-7px) rotate(0);

    -ms-sform: translateY(-7px) rotate(0);

    transform: translateY(-7px) rotate(0)

}



.navbar .navbar-toggler.collapsed .menu-icon-bar:last-child {

    -webkit-transform: translateY(5px) rotate(0);

    -ms-sform: translateY(5px) rotate(0);

    transform: translateY(5px) rotate(0)

}



.navbar-dark .navbar-nav .nav-link {

    position: relative;

    color: #fff;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    font-size: .9rem;

    font-weight: 300;

    padding: 15px 0;

    border-bottom: 1px solid transparent;

    transition: all .8s ease;

    letter-spacing: 1px;

    text-transform: uppercase

}



.navbar-dark .navbar-nav .nav-item {

    margin: 0 0 0 41px

}



.navbar-dark .navbar-nav .nav-link img {

    width: 13px

}



.navbar-dark .navbar-nav .nav-link:focus,

.navbar-dark .navbar-nav .nav-link:hover {

    color: #fff;

    opacity: 1

}



.navbar-dark .navbar-nav .nav-link:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #fff;

    height: 1px;

    bottom: 0;

    transition: all ease-in-out .5s;

    margin: 0 !important

}



.active:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #6c9293;

    height: 1px;

    bottom: 0;

    transition: all ease-in-out .5s

}



.nav-item:hover .abdrop {

    display: block

}



.addac:hover .abdrop {

    display: block

}



.headerbg {

    background: #10171d;

    width: 100%;

    transition: all .5s ease-out

}



.dropdown-menu {

    top: 95%;

    right: 0;

    min-width: auto !important;

    border-radius: 0;

    width: 100%;

    left: 0;

    padding: 0;

    transition: all .8s ease-in;

    background-color: #f6f4ee;

    -webkit-animation: dropdown-animation .5s;

    animation: dropdown-animation .5s;

    -webkit-transform-origin: top;

    -ms-transform-origin: top;

    transform-origin: top;

    border: none

}



.dropdown-item {

    padding: 10px 5px;

    color: #203d3b;

    border-bottom: 1px solid #fff;

    text-transform: uppercase;

    text-align: center;

    transition: all .5s ease-out

}



.dropdown-item:last-child {

    border-bottom: none

}



.navbar-dark .navbar-nav .nav-link:hover:after {

    width: 100%;

    right: auto;

    left: 0

}



.dropdown-item:focus,

.dropdown-item:hover {

    color: #fff;

    background: #203d3b

}



.dropdown-item.active,

.dropdown-item:active {

    color: #fff;

    background: #203d3b

}



.dropdown {

    position: static

}



.dropdown-menu {

    display: block;

    max-height: 0;

    -webkit-transition: max-height .8s ease-in-out;

    -moz-transition: max-height .8s ease-in-out;

    -o-transition: max-height .8s ease-in-out;

    transition: max-height .8s ease-in-out;

    overflow: hidden

}



.dropdown:hover .dropdown-menu {

    max-height: 380px

}



.subnavdown {

    width: 100%;

    position: relative;

    z-index: -1

}



.subnavdown strong {

    width: auto;

    font-size: 18px;

    display: inline-block;

    color: #203d3b;

    text-transform: capitalize;

    padding-bottom: 15px;

    margin-bottom: 15px;

    letter-spacing: 2px;

    font-family: 'Bon Vivant Family Serif';

    font-weight: 500;

    border-bottom: 1px solid rgba(0, 0, 0, .2)

}



.subnavdown ul {

    width: 100%;

    margin: 0;

    padding: 0

}



.subnavdown ul li {

    width: 100%;

    margin-bottom: 15px

}



.subnavdown ul li a {

    width: 100%;

    padding: 5px 0 !important;

    color: #203d3b;

    text-transform: uppercase;

    font-size: .89rem !important;

    border: none !important;

    opacity: 1;

    letter-spacing: 1px;

    position: relative

}



.subnavdown ul li a:hover {

    color: #6c9293

}



.subnavdown ul li a:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #6c9293;

    height: 1px;

    bottom: 0;

    transition: all ease-in-out .5s;

    margin: 0 !important

}



.subnavdown ul li a:hover:after {

    width: 100%;

    right: auto;

    left: 0

}



.subnavdown .dskhide {

    margin-top: 20px;

    position: absolute;

    left: 15px;

    bottom: 0

}



.subnavdown .dskhide ul {

    padding: 0 !important;

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center

}



.subnavdown .dskhide ul span {

    transform: rotate(0);

    width: auto;

    display: inline-block;

    color: #203d3b;

    font-size: .79rem;

    font-family: 'Halvar Eng Lt';

    margin: 2px 10px 0

}



.subnavdown .dskhide ul li {

    width: auto;

    display: inline-block;

    margin: 0

}



.subnavdown .dskhide ul li a {

    text-transform: capitalize !important;

    padding: 0 !important;

    font-size: .95rem !important;

    opacity: .5;

    transition: all .5s ease

}



.subnavdown .dskhide ul li a:hover {

    opacity: 1

}



.projectsbtn {

    width: 100%;

    height: 100%;

    background: #efece6;

    padding: 30px

}



.projectsbtn strong {

    width: auto;

    font-size: 2rem;

    display: inline-block;

    color: #203d3b;

    text-transform: capitalize;

    margin-bottom: 15px;

    letter-spacing: 2px;

    font-family: 'Bon Vivant Family Serif';

    font-weight: 500;

    padding: 0;

    border: none

}



.navproimg {

    width: 100%

}



.navproimg img {

    width: 100%

}



.navbar-expand-md .navbar-nav {

    margin-top: 2px

}



.rightnavpro .col-lg-5 {

    padding-right: 0

}



.rightnavpro .col-lg-7 {

    padding-left: 0

}



.navbar.fixed-top {

    position: fixed;

    -webkit-animation: navbar-animation .6s;

    animation: navbar-animation .6s;

    background-color: rgba(0, 0, 0, .9)

}



.navbar.fixed-top.navbar-dark .navbar-nav .nav-link.active {

    color: #6c9293;

    border-bottom: 1px solid #6c9293

}



.navbar.fixed-top.navbar-dark .navbar-nav .nav-link::after {

    background-color: #c0ca33

}

.producttopform{

    margin: 450px 0px 0px 0px;

}

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



    .ondes {

        display: inherit !important;

    }



    .onmob {

        display: none !important;

    }



    .cpationlogo {

        margin: 100px 0px 0px 0px !important;

    }



    .rgtmrgn {

        margin: 0px 0px 0px 60px !important;

    }



    .pdmbds {

        padding:25px !important;

    }



    .prcpd {

        padding: 3rem!important;

    }



    .navbar-nav {

        padding: 0;

        background-color: rgba(0, 0, 0, 0)

    }

    .navbar.fixed-top .navbar-nav {

        background: 0 0

    }

}



@media screen and (min-width:767px) {

    .navbar-dark .navbar-nav .nav-link {

        padding: 15px 0

    }

}



.bottommediamobwrap {

    display: none

}



.aboutsectionbg {

    background-image: url(../images/about-leaf-bg.jpg) no-repeat !important

}



.headingtag {

    width: 100%;

    display: block;

    margin-bottom: 20px !important;

    font-size: 3rem;

    color: #000;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    line-height: 50px;

}



.abtp {

    text-align: justify;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.headingtagcontact {

    width: 100%;

    display: block;

    font-size: 6rem;

    color: #000;

    line-height: normal;

    font-family: 'Bon Vivant Family Serif'

}



.paywithEmi {

    width: 100%;

    display: block;

    font-size: 4rem;

    line-height: normal;

    font-family: 'Bon Vivant Family Serif'

}



.hdtfont {

    font-size: 2.3rem !important

}



.delevered-stam {

    width: 150px;

    position: absolute;

    bottom: 15px;

    right: 0

}



.delevered-stam img {

    width: 100%;

    transform: rotate(-25deg) !important

}



.delevered-stam-projects {

    width: 100px;

    position: absolute;

    bottom: 15px;

    right: 15px

}



.delevered-stam-projects img {

    width: 100%;

    transform: rotate(-25deg) !important

}



.banner {

    position: relative;

    height: 100vh;

    padding: 0 !important;

    width: 100%;

    background-repeat: repeat;

    background-size: cover;

    background-position: center;

    overflow: hidden

}



.banner .videobg {

    width: auto

}



.banner .videobg #videobanner {

    height: 100%;

    width: 100%

}



.banner .container {

    position: relative;

    display: flex;

    align-items: flex-end;

    height: 100%

}



.banner img {

    width: 100%;

    height: 100%

}



.banpostext {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 22

}



.banpostext .bannertexthm {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    position: static

}



.banpostext .bannertexthm h1 {

    font-weight: 700;

    font-size: 6rem;

    color: #fff;

    width: 100%;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    line-height: 1;

    font-family: 'Bon Vivant Family Serif'

}



.banpostext .bannertexthm h1 b {

    padding-left: 50px;

    font-weight: 700

}



.banpostext .bannertexthm h1 b:nth-last-child(1) {

    padding-left: 108px

}



.banpostext .bannertexthm p {

    font-weight: 300;

    color: #fff;

    line-height: 1.5;

    font-size: 18px;

    margin-bottom: 15px;

    height: 100%;

    display: flex;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    align-items: flex-end;

    padding-bottom: 15px

}



.bannertext {

    width: 100%;

    position: absolute;

    bottom: 0

}



.bannertext h1 {

    font-weight: 700;

    font-size: 5rem;

    color: #fff;

    width: 100%;

    line-height: 1;

    font-family: 'Bon Vivant Family Serif'

}



.bannertext h1 b {

    padding-left: 50px;

    font-weight: 700

}



.bannertext h1 b:nth-last-child(1) {

    padding-left: 108px

}



.banner .mn_c_ln {

    width: 1px;

    height: 100px;

    position: absolute;

    bottom: 0;

    left: 15px;

    margin: auto;

    z-index: 22;

    display: none

}



.banner .mn_c_ln::before {

    content: '';

    width: 1px;

    height: 100%;

    background: #d1c2c2;

    left: 0;

    margin-left: -1.5px;

    bottom: 0;

    position: absolute;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s

}



.banner .mn_c_ln::after {

    content: '';

    width: 1px;

    height: 100%;

    background: #fff;

    left: 0;

    margin-left: -1.5px;

    bottom: 0;

    position: absolute;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s

}



.banner .mn_c_ln::after {

    will-change: transform;

    width: 1px;

    background: #837d7d;

    -webkit-animation-name: b;

    animation-name: b;

    -webkit-animation-duration: 4s;

    animation-duration: 4s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: cubic-bezier(.77, 0, .175, 1);

    animation-timing-function: cubic-bezier(.77, 0, .175, 1);

    opacity: 1

}



@-webkit-keyframes b {

    0% {

        -webkit-transform-origin: 50% 100%;

        transform-origin: 50% 100%;

        -webkit-transform: scaleY(1);

        transform: scaleY(1)

    }

    50% {

        -webkit-transform-origin: 50% 100%;

        transform-origin: 50% 100%;

        -webkit-transform: scaleY(0);

        transform: scaleY(0)

    }

    50.0001% {

        -webkit-transform-origin: 50% 0;

        transform-origin: 50% 0;

        -webkit-transform: scaleY(0);

        transform: scaleY(0)

    }

    to {

        -webkit-transform-origin: 50% 0;

        transform-origin: 50% 0;

        -webkit-transform: scaleY(1);

        transform: scaleY(1)

    }

}



@keyframes b {

    0% {

        -webkit-transform-origin: 50% 100%;

        transform-origin: 50% 100%;

        -webkit-transform: scaleY(1);

        transform: scaleY(1)

    }

    50% {

        -webkit-transform-origin: 50% 100%;

        transform-origin: 50% 100%;

        -webkit-transform: scaleY(0);

        transform: scaleY(0)

    }

    50.0001% {

        -webkit-transform-origin: 50% 0;

        transform-origin: 50% 0;

        -webkit-transform: scaleY(0);

        transform: scaleY(0)

    }

    to {

        -webkit-transform-origin: 50% 0;

        transform-origin: 50% 0;

        -webkit-transform: scaleY(1);

        transform: scaleY(1)

    }

}



.mn_c_ln span {

    color: #fff;

    transform: rotate(-90deg);

    width: 100px;

    height: 20px;

    position: absolute;

    left: -51px;

    top: -70px

}



.bottomtx {

    bottom: 50px;

    left: 15px;

    width: 95%

}



.bottomtx h1 {

    font-size: 5rem

}



.themillenniabanner1 {

    background-image: url(../images/projects/the_millennia/Millennia-i-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.themillenniabanner2 {

    background-image: url(../images/projects/the_millennia_ii/Millennia-ii-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.themillenniabanner3 {

    background-image: url(../images/projects/the_millennia_iii/banner/DesktopBanner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.themillenniabanner4 {

    background-image: url(../images/projects/the_millennia_iv/Millennia-iv-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.sgcity37dbanner {

    background-image: url(../images/projects/city-37d/banner/DesktopBanner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.sgcity92banner {

    background-image: url(../images/projects/city-92/banner/DesktopBanner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.sgcity81banner {

    background-image: url(../images/projects/city-81/banner/DesktopBanner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.sgglobalparkbanner {

    background-image: url(../images/projects/global-parks/Desktop-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.sgglobalpark45banner {

    background-image: url(../images/projects/global-park-4&5/banner/Desktop-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-roselia {

    background-image: url(../images/projects/roselia-95A/the-roselia-2-banner.png) !important

}



.proxima-i-banner {

    background-image: url(../images/projects/proxima-i/proxima-i-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.proxima-ii-banner {

    background-image: url(../images/projects/proxima-ii/banner/Desktop-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.sg-prime-banner {

    background-image: url(../images/projects/sg-prime/Desktop-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.sg-aspire-banner {

    background-image: url(../images/projects/sg-aspire/banner/Desktop-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.home-loans-banner {

    background-image: url(../images/home-loans-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center;

    height: 500px

}



.orchard-banner {

    background-image: url(../images/projects/orchard-avenue/banner/Desktop-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-andourheight71 {

    background-image: url(../images/projects/andour-heights71/banner/Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-grandIva {

    background-image: url(../images/projects/grand-iva-sector-103-gurugram/banner/Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-serenas {

    background-image: url(../images/projects/sector-36-south-gurugram/banner/Desktop-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-sector95a-roselia {

    background-image: url(../images/projects/sector-95a-gurugram/banner/DesktopBanner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-solera2 {

    background-image: url(../images/projects/solera2/banner/DesktopBanner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-synera {

    background-image: url(../images/projects/synera/banner/Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.customer-banner {

    background-image: url(../images/customerbanner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center;

    height: 500px

}



.banner-sg-city {

    background-image: url(../images/projects/signature-global-city/banner/Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-roselia2 {

    background-image: url(../images/projects/roselia2/banner/DesktopBanner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-sunrise {

    background-image: url(../images/projects/sunrise-the-premium-floors/banner/Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-sg-mall {

    background-image: url(../images/projects/signature-global-mall/banner/Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.superbia-banner {

    background-image: url(../images/projects/superbia/banner/Desktop-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-golfgreen79 {

    background-image: url(../images/projects/golf-greens79/banner/Desktop-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-orchard2 {

    background-image: url(../images/projects/orchard-avenue2/banner/Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-signum-89I {

    background-image: url(../images/projects/signum-89-I/banner/banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-signum93-2 {

    background-image: url(../images/projects/signum93-II/banner/banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-signum-37D {

    background-image: url(../images/projects/signum-37D/banner/DesktopBanner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum-81-banner {

    background-image: url(../images/projects/signum-81/banner/Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum-95-II-banner {

    background-image: url(../images/projects/signum95-2/Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.green-development-banner {

    background-image: url(../images/green-development-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center;

    height: 500px

}



.sg-imperial-bannner {

    background-image: url(../images/projects/imperial/banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.faqsbanner {

    background-image: url(../images/faqs-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center;

    height: 500px

}



.cpationlogo {

    width: 200px;

    height: auto;

    position: absolute;

    left: 15px;

    bottom: 0;

    margin-bottom: 0

}



.cpationlogo img {

    max-width: 180px

}



.clrwh {

    color: #fff !important

}



.clrblk {

    color: #000 !important;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



.aboutCont {

    padding-bottom: 15px

}



.navbg {

    background-image: url(../images/second-sg-bg.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.sectionbg-one {

    width: 100%;

    position: relative

}



.innerbannerbg {

    background-color: #fff;

    background-repeat: repeat;

    background-size: cover;

    background-position: center;

    padding-bottom: 50px

}



.captext {

    width: 100%;

    display: block;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    font-size: 18px;

    font-family: 'Halvar Eng Rg';

    font-weight: 500;

    color: #000;

    opacity: 1;

    letter-spacing: 2px;

    margin-bottom: 15px;

    text-transform: uppercase;

    opacity: .4 !important

}



.cont-dis {

    margin-top: 15px

}



.clabtn {

    width: 100%;

    height: 100%;

    position: relative

}



.clabtn .abtn {

    width: 220px;

    height: 50px;

    background: #fff;

    color: #000;

    border-radius: 50px;

    font-size: .99rem;

    text-transform: uppercase;

    text-align: center;

    display: inline-block;

    position: absolute;

    right: 0;

    bottom: 5px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .5s ease-out

}



.clabtn .abtn i {

    font-size: .99rem;

    color: #000;

    margin-left: 15px;

    transition: all .5s ease-out

}



.clabtn .abtn svg {

    width: 18px;

    height: 18px;

    stroke: #203d3b;

    margin-left: 15px;

    transition: all .5s ease-out

}



.clabtn .abtn:hover {

    background: #203d3b;

    color: #fff;

    opacity: .5

}



.clabtn .abtn:hover i {

    margin-left: 3%;

    color: #fff

}



.clabtn .abtn:hover svg {

    stroke: #fff

}



.clabtn .abtn:hover svg .cls-1 {

    stroke: #fff !important

}



.clabtn2 {

    display: flex

}



.abtn2 {

    margin-left: 25px

}



.clabtn1 {

    width: 90%;

    height: auto;

    position: absolute;

    bottom: 0

}



.clabtn1 .abtn {

    width: 220px;

    height: 50px;

    float: left;

    background: 0 0;

    border: 1px solid #6c9392;

    opacity: .7;

    color: #000;

    border-radius: 50px;

    font-size: .99rem;

    text-transform: uppercase;

    text-align: center;

    display: inline-block;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .5s ease-out

}



.clabtn1 .abtn1 {

    background: #fff

}



.clabtn1 .abtn i {

    font-size: .99rem;

    color: #000;

    margin-left: 15px;

    transition: all .5s ease-out

}



.clabtn1 .abtn img {

    margin-left: 15px;

    transition: all .5s ease-out

}



.clabtn1 .abtn svg {

    width: 18px;

    height: 18px;

    stroke: #203d3b;

    margin-left: 15px;

    transition: all .5s ease-out;

    position: relative;

    top: -1px

}



.clabtn1 .abtn:hover {

    background: #203d3b;

    color: #fff;

    opacity: 1

}



.clabtn1 .abtn:hover i {

    margin-left: 3%;

    color: #fff

}



.clabtn1 .abtn:hover svg {

    stroke: #fff

}



.clabtn1 .abtn:hover svg .cls-1 {

    stroke: #fff !important

}



.csrbtn {

    width: 100%;

    height: auto;

    position: relative;

    right: 0;

    margin-top: 40px

}



.csrbtn .abtn {

    width: 220px;

    height: 50px;

    float: left;

    background: 0 0;

    border: 1px solid #6c9392;

    opacity: .7;

    color: #000;

    border-radius: 50px;

    font-size: .99rem;

    text-transform: uppercase;

    text-align: center;

    display: inline-block;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .5s ease-out

}



.csrbtn .abtn i {

    font-size: .99rem;

    color: #000;

    margin-left: 15px;

    transition: all .5s ease-out

}



.csrbtn .abtn img {

    margin-left: 15px;

    transition: all .5s ease-out

}



.csrbtn .abtn svg {

    width: 18px;

    height: 18px;

    stroke: #203d3b;

    margin-left: 15px;

    transition: all .5s ease-out;

    position: relative;

    top: -1px

}



.csrbtn .abtn svg .cls-1 {

    stroke: #203D3B

}



.csrbtn .abtn:hover {

    background: #203d3b;

    color: #fff;

    opacity: 1

}



.csrbtn .abtn:hover i {

    margin-left: 3%;

    color: #fff

}



.csrbtn .abtn:hover svg {

    stroke: #fff

}



.csrbtn .abtn:hover svg .cls-1 {

    stroke: #fff !important

}



.pronavbtn {

    width: 80%;

    height: auto;

    position: relative;

    margin-top: 15px

}



.pronavbtn .abtn {

    width: 175px;

    height: 40px;

    float: left;

    background: 0 0;

    border: 1px solid #6c9392;

    opacity: .7;

    color: #000;

    border-radius: 50px;

    font-size: 15px;

    text-transform: uppercase;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .5s ease-in

}



.pronavbtn .abtn1 {

    background: #fff

}



.pronavbtn .abtn i {

    font-size: .99rem;

    color: #000;

    margin-left: 15px;

    transition: all .5s ease-out

}



.pronavbtn .abtn img {

    margin-left: 15px;

    transition: all .5s ease-out

}



.pronavbtn .abtn svg {

    width: 18px;

    height: 18px;

    fill: none;

    stroke: #203d3b;

    margin-left: 15px;

    transition: all .5s ease-out;

    position: relative;

    top: -1px

}



.pronavbtn .abtn svg .cls-1 {

    fill: none;

    stroke: #203d3b

}



.pronavbtn .abtn:hover {

    background: #203d3b;

    color: #fff

}



.pronavbtn .abtn:hover i {

    margin-left: 3%;

    color: #fff

}



.pronavbtn .abtn:hover svg {

    stroke: #fff

}



.pronavbtn .abtn:hover svg .cls-1 {

    stroke: #fff !important;

    fill: none

}



.iframwrap {

    width: 100%;

    margin-top: -250px

}



.productimg {

    width: 100%;

    margin-top: 60px

}



.productimg .progrid {

    outline: 0;

    height: 400px;

    position: relative;

    overflow: hidden

}



.productimg .progrid img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    -webkit-transition: all .5s linear;

    transition: all .5s linear;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

}



.productimg .progrid:hover img {

    -webkit-transform: scale3d(1.1, 1.1, 1);

    transform: scale3d(1.1, 1.1, 1)

}



.productimg .progrid .plusicon {

    width: 50px;

    height: 50px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)

}



.productimg .progrid .plusicon .hoverbd {

    width: 50px;

    height: 50px;

    background: #203d3b;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100px;

    opacity: 1;

    transition: all .5s ease-out;

    -webkit-transition: all .5s linear;

    transition: all .5s linear

}



.productimg .progrid .plusicon .hoverbd i {

    font-size: 1.5rem;

    color: #fff;

    margin-top: -1px

}



.productimg .progrid .plusicon .hoverbd img {

    width: 20px;

    height: 20px

}



.productimg .progrid:hover .plusicon .hoverbd {

    opacity: 1;

    -webkit-transform: scale3d(1.5, 1.5, 1);

    transform: scale3d(1.5, 1.5, 1)

}



.productimg .progrid:hover .plusicon .hoverbd img {

    -webkit-transform: scale3d(.8, .8, 1);

    transform: scale3d(.8, .8, 1)

}



.sliderupertwxt {

    position: absolute;

    left: 0px;

    bottom: 30px;

    width: 100%;

    text-align: center;

}



.texttag {

    width: auto;

    display: block;

    font-size: 2rem;

    color: #fff;

    text-align: center;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



.newssectionwrap {

    width: 100%;

    height: 100%;

    position: relative

}



.newsgrid {

    width: 100%;

    height: 350px;

    border: 1px solid #6c9392;

    background: 0 0;

    padding: 30px;

    position: relative;

    overflow: hidden;

    box-shadow: inset 0 0 0 0 #000;

    -webkit-transition: ease-out .6s;

    -moz-transition: ease-out .6s;

    transition: ease-out .6s

}



.newsgrid span {

    display: block;

    margin-bottom: 30px;

    color: #6c9392

}



.newsgrid p {

    font-size: 16px;

    line-height: 1.2;

    color: #000

}



.newsdate {

    width: 76%;

    position: absolute;

    bottom: 30px;

    display: flex;

    justify-content: space-between;

    align-items: flex-end

}



.newsdate strong {

    font-size: 4rem;

    color: #203d3b

}



.newsdate b {

    font-size: 1rem;

    font-weight: 400;

    color: #203d3b;

    margin-bottom: 10px

}



.newsgrid:hover .newsdate b,

.newsgrid:hover .newsdate strong,

.newsgrid:hover p,

.newsgrid:hover span {

    color: #fff;

    transition: all .5s ease-in-out

}



.newsgrid:hover {

    box-shadow: inset 0 -350px 0 0 #10171d

}



.ngd .col-lg-6:first-child {

    padding-right: 7px

}



.ngd .col-lg-6:last-child {

    padding-left: 7px

}



.bgimg0 {

    background: linear-gradient(rgb(0 0 0 / 15%), rgb(0 0 0 / 35%)), url(../images/newbg.jpg) no-repeat;

    background-size: cover;

    transition: all .6s linear

}



.bgimg0 b,

.bgimg0 p,

.bgimg0 span,

.bgimg0 strong {

    color: #fff

}



.newsheight {

    height: 400px;

    margin-bottom: 30px

}



.newsheight:hover {

    box-shadow: inset 0 -400px 0 0 #10171d

}



.select2-container--default .select2-selection--single .select2-selection__arrow:after {

    content: "";

    width: 20px;

    height: 20px;

    background: url(../images/icon/a-down-main.svg) no-repeat;

    background-size: 18px;

    background-position: center;

    position: absolute;

    top: 50%;

    right: 20px

}



.select2-container--default .select2-selection--single .select2-selection__arrow b {

    display: none !important

}



.sttextul {

    width: 100%;

    position: relative;

    margin-top: 20px

}



.sttextul strong {

    font-size: 25px;

    color: #fff;

    font-weight: 700;

    display: inline-block;

    font-weight: 400;

    font-family: 'Bon Vivant Family Serif'

}



.sttextul ul {

    margin: 0;

    padding: 0

}



.sttextul ul li {

    width: 100%;

    font-size: 15px;

    color: #fff;

    line-height: 1.3;

    margin-bottom: 10px;

    list-style: disc;

    padding-left: 5px;

    margin-left: 16px

}



.pl4 {

    padding-left: 1.5rem !important

}



.fxld {

    display: flex;

    justify-content: flex-end;

    flex-wrap: wrap

}



footer {

    background: #10171d;

    overflow: hidden

}



.footerbg,

.fotlogo {

    width: 100%

}



.footerlogo img {

    width: 180px;

    margin-top: 0

}



.footernav {

    width: 100%

}



.footernav strong {

    font-size: 16px;

    display: block;

    color: #fff;

    text-transform: uppercase;

    margin-bottom: 23px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    letter-spacing: 2px;

    font-family: 'Halvar Eng Rg';

    font-weight: 500

}



.footernav p {

    color: #fff;

    opacity: 1;

    font-size: 15px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



.footernav p sup {

    font-size: 10px

}



.footernav a {

    color: #fff;

    display: inline-block

}



.footernav a {

    color: #fff;

    font-size: 15px;

    transition: all .5s ease;

    position: relative;

    opacity: 1;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



.footernav a:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #6c9293;

    height: 1px;

    bottom: -5px;

    transition: all ease-in-out .5s

}



.bordertop .footernav a:after {

    display: none

}



.footernav a:hover:after {

    width: 100%;

    opacity: 1;

    right: auto;

    left: 0;

    background: #6c9293

}



.footernav a:hover {

    color: #6c9293 !important;

    opacity: 1

}



.footernav ul {

    margin-bottom: 0

}



.footernav li {

    display: block;

    margin-top: 15px

}



.footernav li a {

    color: #fff;

    font-size: 15px;

    transition: all .5s ease;

    position: relative;

    opacity: 1;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    letter-spacing: 1px

}



.footernav li a:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #6c9293;

    height: 1px;

    bottom: -5px;

    transition: all ease-in-out .5s

}



.footernav li a:hover:after {

    width: 100%;

    opacity: 1;

    right: auto;

    left: 0;

    background: #6c9293

}



.footernav li a:hover {

    color: #6c9293;

    opacity: 1

}



.footermedianav strong {

    font-size: 16px;

    display: block;

    color: #fff;

    text-transform: uppercase;

    margin-bottom: 24px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    letter-spacing: 2px;

    font-family: 'Halvar Eng Rg';

    font-weight: 500

}



.footermedianav ul {

    margin-bottom: 0

}



.footermedianav li {

    display: inline-block;

    margin-right: 14px

}



.footermedianav li:last-child {

    margin-right: 0

}



.footermedianav li a {

    color: #fff;

    font-size: 16px;

    transition: all .5s ease;

    position: relative;

    transition: all .5s ease;

    transform: scale(1)

}



.footermedianav li a i {

    font-size: 15px;

    color: #ffff;

    opacity: .5;

    transition: all .5s ease

}



.footermedianav li a:hover i {

    opacity: 1;

    transform: scale(1.2)

}



.privacy_links {

    margin-top: 0;

    float: right;

    color: #fff

}



.privacy_links a {

    color: #fff;

    transition: all .5s ease;

    position: relative;

    opacity: .5

}



.privacy_links a:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #6c9293;

    height: 1px;

    bottom: -5px;

    transition: all ease-in-out .5s

}



.privacy_links a:hover:after {

    width: 100%;

    opacity: 1;

    right: auto;

    left: 0;

    background: #6c9293

}



.privacy_links a:hover {

    color: #6c9293

}



.footerbottom {

    background: #000;

    text-align: center;

    color: #fff;

    padding: 15px 0

}



.padl {

    padding-right: 130px !important

}



.coglogo {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-end

}



.coglogo img {

    width: 25px;

    opacity: .4

}



.policywraper {

    width: 100%;

    display: flex;

    background: #000;

    padding: 15px 0

}



.policywraper .policylink {

    width: 100%

}



.policywraper .policylink p {

    width: 100%;

    color: #fff;

    font-size: 14px;

    text-align: center;

    font-weight: 300;

    opacity: 1;

    margin-bottom: 0px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



.policywraper .policylink p a {

    color: #fff;

    font-size: 14px;

    transition: all .5s ease;

    position: relative;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



.policywraper .policylink p a:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #6c9293;

    height: 1px;

    bottom: -5px;

    transition: all ease-in-out .5s

}



.policywraper .policylink p a:hover:after {

    width: 100%;

    opacity: 1;

    right: auto;

    left: 0;

    background: #6c9293

}



.policywraper .policylink p a:hover {

    color: #6c9293;

    opacity: 1;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



.policywraper .policylink span {

    display: inline-block;

    color: #212121;

    margin: 0 5px;

    position: relative;

    top: 1px

}



.mb-6 {

    margin-bottom: 70px

}



form {

    width: 100%

}



.formlineflex {

    width: 100%;

    position: relative;

    display: flex;

    justify-content: space-between

}



form.formlineflex .from-flex .form-control:focus {

    border-color: #6c9392;

    box-shadow: none;

    color: #fff;

    background-color: #6c9392;

    border-radius: 0;

    box-shadow: none

}



.select2-container .select2-selection--single .select2-selection__rendered {

    font-size: 15px !important;

    padding-left: 20px !important;

    position: relative

}



.select2-container--default .select2-results__option--selected {

    background: #6c9392 !important;

    color: #fff

}



.select2-results__option {

    padding: 15px 20px !important

}



.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {

    background: #6c9392 !important;

    color: #fff

}



form.formlineflex .from-flex select {

    width: 100%;

    border: solid 1px #b7b7b7;

    padding: 15px 30px;

    height: 47px

}



form.formlineflex .from-flex {

    width: 23%;

    border: solid 1px #b7b7b7;

    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    height: 47px

}



form.formlineflex .from-flex:last-child {

    width: 8%

}



form.formlineflex .from-flex select {

    width: 100%;

    background: 0 0;

    border: none;

    font-size: 12px;

    letter-spacing: 2px;

    font-family: Optima;

    color: #3e3e3e

}



form.formlineflex .from-flex .btns {

    background: #6c9392;

    width: 100%;

    border: none;

    cursor: pointer;

    border-radius: 0;

    height: 47px;

    color: #fff

}



form.formlineflex .from-flex .btns img {

    width: 20px;

    height: 20px;

    position: relative;

    -webkit-transition: all ease-in-out .8s;

    -o-transition: all ease-in-out .8s;

    transition: all ease-in-out .8s;

    left: 0

}



form.formlineflex .from-flex .btns:hover img {

    left: 15px

}



form.formlineflex .from-flex:first-child {

    height: 47px;

    border-right: none

}



form.formlineflex .from-flex:nth-child(3) {

    border-right: none;

    border-left: none

}



form.formlineflex .from-flex:last-child {

    border: none;

    height: 47px

}



.caret select {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    z-index: 9;

    background: 0 0;

    position: relative;

    background-color: transparent;

    overflow-x: hidden

}



.caret {

    position: relative;

    width: 100%

}



.undorelist form .caret {

    color: #ffffffa6

}



.lodebtn {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center

}



.listingbannerbg {

    width: 100%;

    height: 500px;

    position: relative;

    background: #10171d;

    display: flex;

    align-items: center;

    justify-content: center

}



.listingbannerbg span.captext {

    font-size: 15px;

    opacity: .6

}



.fade {

    transition: opacity .8s linear

}



.listingtagwrap {

    width: 100%;

    position: relative

}



.productstab {

    width: 100%;

    position: relative

}



.innergrid {

    width: 100%

}



.innergrid .prodimg {

    width: 100%;

    height: auto;

    overflow: hidden;

    border-bottom: none;

    position: relative

}



.innergrid .prodimg img {

    width: 100%;

    display: block;

    object-fit: fill;

    transition: all .8s ease

}



.innergrid .prodimg:hover img {

    transform: scale(1.2)

}



.gridheading {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    padding: 20px;

    cursor: pointer;

    border: 1px solid #6c9392;

    border-top: none;

    margin-bottom: 30px

}



.gridheading strong {

    font-size: 18px;

    color: #212121;

    font-weight: 700;

    display: inline-block;

    font-weight: 400;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    font-family: 'Bon Vivant Family Serif'

}



.gridheading .bookop {

    width: 100%;

    margin-top: 8px

}



.gridheading .bookop a {

    display: inline-block;

    color: #212121;

    text-transform: uppercase;

    font-weight: 700;

    opacity: .5;

    transition: all .5s ease

}



.gridheading .bookop a:hover {

    opacity: 1

}



.gridheading span {

    width: auto;

    display: inline-block

}



.gridheading span i {

    font-size: 20px;

    color: #212121;

    transition: all 1s ease

}



.gridheading span.rotdown i {

    transform: rotate(180deg)

}



.gridheading span img {

    width: 18px;

    height: auto;

    transition: all 1s ease

}



.gridheading span.rotdown img {

    transform: rotate(180deg)

}



.hideslidetext {

    width: 100%;

    position: relative;

    top: 20px;

    bottom: 20px;

    max-height: 0;

    -webkit-transition: max-height .4s ease-in-out;

    -moz-transition: max-height .4s ease-in-out;

    -o-transition: max-height .4s ease-in-out;

    transition: max-height .4s ease-in-out;

    overflow: hidden

}



.hideslidetext.textslidetoggle {

    max-height: 265px

}



.height-transition-hidden {

    max-height: 0

}



.hideslidetext p {

    font-weight: 400;

    opacity: .7;

    font-size: 15px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.hideslidetext table {

    width: 100%;

    margin-top: 15px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.hideslidetext table tr td {

    width: 75%;

    font-size: 15px;

    font-weight: 400;

    color: #939393;

    line-height: 1.5;

    padding-bottom: 5px

}



.hideslidetext table tr td:first-child {

    width: 200px

}



.hideslidetext ul {

    margin: 20px 0 0 0;

    padding: 0

}



.hideslidetext ul li {

    width: 100%;

    font-size: 16px;

    font-weight: 400;

    color: #939393;

    line-height: 1.5;

    background: url(../images/proli.svg) no-repeat;

    background-size: 16px;

    background-position: left;

    padding-left: 25px

}



.hideknowbtn {

    margin-bottom: 20px

}



.hideknowbtn a {

    border-color: #707070;

    color: #fff;

    background: #000;

    margin-top: 30px

}



.hideknowbtn a:hover {

    color: #000;

    background: #fff;

    border-color: #000

}



.abtnspace {

    position: absolute;

    bottom: 30px

}



.btnwrapone {

    width: auto;

    height: auto;

    font-size: 14px;

    display: inline-flex;

    font-weight: 700;

    text-align: center;

    border: 1px solid #6c9392;

    border-radius: 50px;

    position: relative;

    background: linear-gradient(to left, transparent 50%, #203d3b 50%) right;

    background-size: 210%;

    transition: all .6s ease-in;

    cursor: pointer;

    line-height: 1.2;

    margin-bottom: 1.5rem !important

}



.btnwrapone a {

    color: #203d3b;

    display: block;

    border: none;

    padding: 13px 26px 10px;

    font-family: 'Bon Vivant Family Serif';

    letter-spacing: 1px;

    text-transform: uppercase

}



.btnwrapone a svg {

    width: 15px;

    stroke: #6c9392;

    margin-left: 15px;

    position: relative;

    top: -2px

}



.btnwrapone a:hover {

    border: none

}



.btnwrapone:hover a svg {

    stroke: #ffff

}



.btnwrapone:hover a svg .cls-1 {

    stroke: #fff !important

}



.btnwrapone:hover {

    background-position: left !important;

    border-color: rgba(0, 0, 0, .5)

}



.btnwrapone:hover a {

    color: #fff

}



.downloadbtnwrap {

    position: fixed;

    bottom: 50%;

    left: -80px;

    z-index: 22;

    transform: rotate(270deg);

    -webkit-transform: rotate(270deg)

}



.appdown {

    left: -68px

}



#ocdown {

    left: -60px

}



.downloadbtnwrap .btnrt {

    border: none;

    background-color: #203d3b;

    width: auto;

    height: 50px;

    color: #fff;

    cursor: pointer;

    outline: 0;

    border-radius: 0 0 5px 5px;

    text-transform: uppercase;

    font-size: 16px;

    padding: 10px 20px;

    letter-spacing: 1.5px;

    transition: all .5s ease

}



.downloadbtnwrap .btnrt:hover {

    background-color: #6c9293

}



.downloadbtnwrap.sg-city-application {

    left: -67px

}



.fixedcallbtn {

    width: auto;

    position: fixed;

    top: 45%;

    left: -12px;

    z-index: 22;

    transform: rotate(450deg);

    -webkit-transform: rotate(450deg)

}



.fixedcallbtn .btnrt {

    border: none;

    background-color: #203d3b;

    width: auto;

    height: 50px;

    color: #fff;

    cursor: pointer;

    outline: 0;

    border-radius: 5px 5px 0 0;

    text-transform: uppercase;

    font-size: 16px;

    padding: 8px 15px;

    letter-spacing: 1.5px;

    transition: all .5s ease

}



.fixedcallbtn .btnrt svg {

    width: 25px;

    height: 25px;

    fill: #fff;

    stroke: #fff;

    transform: rotate(-75deg)

}



.fixedcallbtn .btnrt svg .cls-1 {

    fill: #203D3B !important;

    stroke: #fff !important

}



.fixedcallbtn .btnrt:hover {

    background-color: #6c9293

}



.fixedcallbtn .btnrt:hover svg {

    fill: #fff;

    stroke: #fff

}



.fixedbtn {

    width: auto;

    position: absolute;

    top: 45%;

    left: -88px;

    z-index: 22;

    transform: rotate(270deg);

    -webkit-transform: rotate(270deg)

}



.fixedbtn .btnrt {

    border: none;

    background-color: #203d3b;

    width: auto;

    height: 50px;

    color: #fff;

    cursor: pointer;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    outline: 0;

    border-radius: 5px 5px 0 0;

    text-transform: uppercase;

    font-size: 16px;

    padding: 10px 20px;

    letter-spacing: 1.5px;

    transition: all .5s ease

}



.fixedbtn .btnrt:hover {

    background-color: #6c9293

}



.registerform {

    width: 260px;

    height: auto;

    position: fixed;

    top: 53%;

    right: 0;

    transform: translate(100%, -50%);

    z-index: 99;

    transition: all .5s ease;

    background: #fff

}



.registerform.slideleft {

    transform: translate(0, -50%);

    opacity: 1

}



.registerform .innerform {

    position: relative

}



.registerform .innerform iframe {

    position: relative;

    width: 100%

}



.destination {

    font-size: 35px;

    font-weight: 600

}



.destination-cont li {

    color: #203d3b !important;

    font-weight: 600;

    padding-bottom: 10px;

    font-family: 'Halvar Eng Lt';

    font-size: 18px

}



.re-des-img {

    height: 270px

}



.re-des-img img {

    width: 100%;

    height: 100%

}



.re-des-img-m {

    margin-top: 40px

}



.captext-cont {

    width: 100%;

    display: block;

    font-size: 18px;

    font-family: 'Halvar Eng Rg';

    font-weight: 600;

    color: #6c9293 !important;

    opacity: 1;

    letter-spacing: 2px;

    margin-bottom: 15px;

    text-transform: uppercase;

    opacity: .6

}



.innerprobannerbg {

    width: 100%;

    background-image: url(../images/second-sg-bg.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center;

    padding: 0

}



.tablewrap thead .tophd td {

    text-align: center;

    border-right: 1px solid #fff;

    background: #242d34;

    border-top: none;

    line-height: 1.4;

    padding: 18px;

    vertical-align: middle;

    font-weight: 400

}



.tablewrap thead .tophd td:first-child {

    width: 75px

}



.tablewrap thead .tophd td:last-child {

    border-right: none

}



.tablewrap tbody tr td {

    border-right: 1px solid #10171d !important;

    border-top: none !important;

    vertical-align: middle;

    text-align: center;

    padding: 15px;

    font-weight: 400

}



.table-roselia-2 tbody tr td {

    border-right: 1px solid #fff !important

}



.table-roselia-2 tbody tr td:last-child {

    border-right: none !important

}



.tablewrap tbody tr:nth-child(odd) {

    background-color: #10171d !important

}



.tablewrap tbody tr:nth-child(even) {

    background-color: #242d34

}



.tablewrap thead .bdnone tr td {

    border-right: none !important;

    border: none !important

}



.sub-project-highlight li:first-child {

    padding-top: 10px

}



.sub-project-highlight li {

    padding-left: 14px

}



.oc-certificates {

    left: -61px

}



.afterimg {

    width: 100%;

    padding: 5px 0;

    background: #6c9392

}



.textwrap {

    width: 100%

}



.textwrap span {

    color: #fff;

    font-size: 16px;

    line-height: 1.6;

    letter-spacing: 1px;

    display: block

}



.footerpagetop {

    width: 100%;

    padding: 5px 0;

    background: #6c9293

}



.textwrap {

    width: 100%

}



.textwrap span {

    color: #fff;

    font-size: 16px;

    line-height: 1.6;

    letter-spacing: 1px;

    display: block

}



.textwrap strong {

    color: #fff;

    font-size: 18px;

    line-height: 1.6;

    letter-spacing: 1px;

    display: block

}



.textwrap p {

    color: #fff;

    font-size: 15px;

    line-height: 1.6;

    letter-spacing: 1px;

    display: block

}



.afterimg span {

    color: #fff

}



.progalleryslider .item-slick.slick-slide.slick-current.slick-active {

    outline: 0 !important;

    opacity: 1

}



.progalleryslider .slider-for {

    margin-bottom: 15px

}



.progalleryslider .slider-for img {

    width: 100%;

    min-height: 100%

}



.progalleryslider .slider-nav {

    margin: auto;

    width: 80%

}



.progalleryslider .slider-nav .item-slick {

    max-width: 120px;

    outline: 0 !important;

    cursor: pointer

}



.progalleryslider .slider-nav .item-slick img {

    max-width: 100%;

    background-size: cover;

    background-position: center

}



.progalleryslider .slick-arrow {

    position: absolute;

    top: 50%;

    z-index: 50;

    margin-top: -12px

}



.progalleryslider .slick-initialized .slick-slide {

    opacity: .5

}



.progalleryslider .slick-prev {

    left: 15px;

    width: 30px;

    height: 30px;

    border: none;

    background: url(../images/icon/Right_Arrow_Slide.svg) no-repeat;

    transform: rotate(180deg)

}



.progalleryslider .slick-next {

    right: 15px;

    width: 30px;

    height: 30px;

    border: none;

    background: url(../images/icon/Left_Arrow_Slide.svg) no-repeat

}



.slick-slide {

    margin: 0 10px

}



.slick-dots {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 15px

}



.slick-dots li {

    position: relative;

    display: inline-block;

    width: 20px;

    height: 20px;

    margin: 0 5px;

    padding: 0;

    cursor: pointer

}



.slick-dots li button {

    font-size: 0;

    line-height: 0;

    display: block;

    width: 20px;

    height: 20px;

    padding: 5px;

    cursor: pointer;

    color: transparent;

    border: 1px solid #000;

    border-radius: 100px;

    outline: 0;

    background: 0 0

}



.slick-dots li.slick-active button:before {

    opacity: .75;

    color: #000

}



.slick-dots li button:before {

    font-family: slick;

    font-size: 6px;

    line-height: 20px;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 8px;

    height: 8px;

    text-align: center;

    opacity: .25;

    color: #000;

    border-radius: 100px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    transform: translate(-50%, -50%)

}



.slick-dots li button:before {

    background: #000;

    color: #000

}



.innunit {

    width: 100%

}



.innunit a {

    width: 100%;

    float: left;

    margin-bottom: 30px

}



.innunit a img {

    width: 100%

}



.innunit b {

    width: 100%;

    float: left;

    font-size: 1.2rem;

    color: #203d3b;

    font-weight: 400;

    margin-bottom: 5px;

    line-height: 1.2

}



.innunit span {

    width: 100%;

    float: left;

    font-size: 1rem;

    color: #6c9392

}



.mobslidear {

    display: none !important

}



.unitplanslider div {

    display: block

}



.locationsectionwrap {

    width: 100%;

    height: auto;

    position: relative

}



.locationwrap {

    width: 100%;

    height: 680px;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center

}



.location-btm {

    margin-bottom: 100px

}



.locationwrap .col-lg-7 {

    position: absolute;

    left: 0;

    top: 0;

    background: #fff;

    height: 100%;

    padding: 0

}



.locationmap {

    width: 100%;

    height: 100%;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden

}



.locationmap img {

    width: 100%

}



.btnclick {

    width: auto;

    position: absolute;

    bottom: 30px;

    right: 30px

}



.btnclick span {

    font-size: 1.2rem;

    color: #000;

    border-bottom: 1px solid #000;

    text-transform: uppercase;

    letter-spacing: 1px;

    position: relative;

    transition: all ease-in-out .5s

}



.btnclick span:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #203d3b;

    height: 1px;

    bottom: 0;

    transition: all ease-in-out .5s

}



.btnclick span:hover:after {

    width: 100%;

    right: auto;

    left: 0

}



.btnclick span:hover {

    color: #203d3b

}



.mapgridicon ul {

    border-bottom: 1px solid #6c9293;

    width: 100%;

    margin: 0;

    padding: 0;

    display: flex;

    justify-content: space-between

}



.mapgridicon ul li {

    width: 23%;

    text-align: left;

    padding: 15px 4px

}



.mapgridicon ul li span {

    width: 100%;

    font-size: 18px;

    font-family: 'Halvar Eng Rg';

    display: block;

    margin-top: 15px;

    line-height: 1.5;

    text-transform: capitalize;

    opacity: .6

}



.btnclickln {

    width: auto;

    position: absolute;

    bottom: 30px;

    right: 30px

}



.btnclickln a {

    font-size: 1.2rem;

    color: #fff;

    border-bottom: 1px solid #fff;

    text-transform: uppercase;

    letter-spacing: 1px;

    position: relative;

    transition: all ease-in-out .5s

}



.btnclickln a:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #fff;

    height: 1px;

    bottom: 0;

    transition: all ease-in-out .5s

}



.btnclickln a:hover:after {

    width: 100%;

    right: auto;

    left: 0

}



.btnclickln a:hover {

    opacity: .7

}



.locationwrap .col-lg-5 {

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    padding: 40px 0 40px 30px

}



.location-h {

    height: 477px

}



.locationmap .desktopShow {

    display: block

}



.locationmap .mobileShow {

    display: none

}



.ullist {

    width: 80%;

    max-width: 400px

}



.ullist strong {

    font-size: 20px;

    color: #fff;

    display: block;

    margin-bottom: 20px

}



.ullist ul {

    margin: 0;

    padding: 0

}



.ullist ul li {

    width: 100%;

    font-size: 15px;

    color: #fff;

    line-height: 1.3;

    margin-bottom: 10px;

    list-style: disc;

    padding-left: 5px;

    margin-left: 16px

}



.locationlistslider .slick-dots {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    margin-top: 15px

}



.locationlistslider .slick-dots li {

    position: relative;

    display: inline-block;

    width: 20px;

    height: 20px;

    margin: 0 5px;

    padding: 0;

    cursor: pointer

}



.locationlistslider .slick-dots li.slick-active button {

    border: 1px solid #fff

}



.locationlistslider .slick-dots li button {

    font-size: 0;

    line-height: 0;

    display: block;

    width: 20px;

    height: 20px;

    border: 0;

    padding: 5px;

    cursor: pointer;

    color: transparent;

    border-radius: 100px;

    outline: 0;

    background: 0 0

}



.locationlistslider .slick-dots li.slick-active button:before {

    opacity: .75;

    color: #000

}



.locationlistslider .slick-dots li button:before {

    content: " " !important;

    font-family: slick;

    font-size: 6px;

    line-height: 20px;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 8px;

    height: 8px;

    text-align: center;

    opacity: .25;

    color: #000;

    border-radius: 100px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    transform: translate(-50%, -50%)

}



.locationlistslider .slick-dots li button:before {

    content: " " !important;

    background: #fff;

    color: #fff

}



.locationadvantage {

    width: 100%;

    height: auto;

    word-break: break-word

}



.location-bg {

    background: #6c9293 !important;

    border-bottom: 1px solid #6c9293;

    position: relative

}



.siteplanwrap {

    width: 100%;

    position: relative

}



.siteplanwrap .clabtn1 {

    top: 15px

}



.sitemapimg {

    width: 100%

}



.sitemapimg img {

    width: 100%

}



.globalVideo {

    width: 100%;

    height: 450px

}



.elevationsectionwrap .clabtn1 {

    bottom: 40px

}



.controlar {

    max-width: 120px;

    position: absolute;

    right: 16px;

    top: 15px;

    display: flex;

    cursor: pointer;

    align-items: center

}



.controlar .arrow-icon-leftpl {

    margin-right: 15px;

    transform: rotate(180deg);

    margin-top: 2px

}



.controlar .arrow-icon-leftpl,

.controlar .arrow-icon-rightpl {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b;

    transition: all .8s ease-out;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative

}



.controlar .arrow-icon-leftpl svg,

.controlar .arrow-icon-rightpl svg {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: 0;

    width: 15px

}



.controlar .arrow-icon-leftpl svg .cls-1,

.controlar .arrow-icon-rightpl svg .cls-1 {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: 0

}



.controlar .arrow-icon-leftpl:hover svg,

.controlar .arrow-icon-rightpl:hover svg {

    fill: none;

    stroke: #fff

}



.controlar .arrow-icon-leftpl:hover svg .cls-1,

.controlar .arrow-icon-rightpl:hover svg .cls-1 {

    fill: none;

    stroke: #fff

}



.controlar .arrow-icon-leftpl::before,

.controlar .arrow-icon-rightpl:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #203d3b;

    transition: all .3s ease 0s;

    border-radius: 100%

}



.controlar .arrow-icon-leftpl:hover::before,

.controlar .arrow-icon-rightpl:hover::before {

    width: 100%;

    height: 100%;

    border: none

}



.controlar .arrow-icon-left {

    margin-right: 15px;

    transform: rotate(180deg);

    margin-top: 2px

}



.controlar .arrow-icon-left,

.controlar .arrow-icon-right {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b

}



.constructionwrap {

    width: 100%;

    position: relative;

    background: #000

}



.controlarloa {

    max-width: 120px;

    position: absolute;

    right: 16px;

    top: 15px;

    display: flex;

    cursor: pointer;

    align-items: center

}



.controlarloa .arrow-icon-leftloa {

    margin-right: 15px;

    transform: rotate(180deg);

    margin-top: 2px

}



.controlarloa .arrow-icon-leftloa,

.controlarloa .arrow-icon-rightloa {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b;

    transition: all .8s ease-out;

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center

}



.controlarloa .arrow-icon-leftloa svg,

.controlarloa .arrow-icon-rightloa svg {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: 0;

    width: 15px

}



.controlarloa .arrow-icon-leftloa:hover svg,

.controlarloa .arrow-icon-rightloa:hover svg {

    fill: none;

    stroke: #fff

}



.controlarloa .arrow-icon-leftloa:hover svg .cls-1,

.controlarloa .arrow-icon-rightloa:hover svg .cls-1 {

    fill: none;

    stroke: #fff

}



.controlarloa .arrow-icon-leftloa::before,

.controlarloa .arrow-icon-rightloa:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #203d3b;

    transition: all .3s ease 0s;

    border-radius: 100%

}



.controlarloa .arrow-icon-leftloa:hover::before,

.controlarloa .arrow-icon-rightloa:hover::before {

    width: 100%;

    height: 100%;

    border: none

}



.consimgupdate {

    width: 100%;

    overflow: hidden;

    margin-bottom: 15px

}



.consimgupdate img {

    max-width: 100%;

    transform: scale(1);

    transition: all .5s ease;

    object-fit: cover

}



.consimgupdate img:hover {

    transform: scale(1.1)

}



.consimgupdate img {

    max-height: 535px

}



.sgMallGallery {

    margin-bottom: 15px

}



.textbtn {

    width: 100%;

    height: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 15px

}



.textbtn span {

    font-size: 15px;

    color: #fff;

    opacity: .8

}



.textbtn .arrowclickbtn {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    transform: rotate(-43deg);

    opacity: .6

}



.textbtn .arrowclickbtn:hover {

    opacity: 1

}



.textbtn .arrowclickbtn svg {

    width: 15px;

    stroke: #6c9392;

    position: relative;

    top: -1px

}



.textbtn .arrowclickbtn:hover svg {

    stroke: #203D3B

}



.textbtn .arrowclickbtn:hover svg .cls-1 {

    stroke: #203D3B !important

}



.textbtn .arrowclickbtn::before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #fff;

    transition: all .3s ease 0s;

    border-radius: 100px

}



.textbtn .arrowclickbtn:hover::before {

    width: 100%;

    height: 100%;

    border: none;

    color: #203d3b

}



.amenitieswrap {

    width: 100%;

    position: relative

}



.controlam {

    max-width: 120px;

    position: absolute;

    right: 16px;

    top: 15px;

    display: flex;

    cursor: pointer;

    align-items: center

}



.controlam .arrow-icon-left {

    margin-right: 15px;

    transform: rotate(180deg);

    margin-top: 2px

}



.controlam .arrow-icon-left,

.controlam .arrow-icon-right {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b;

    transition: all .8s ease-out;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center

}



.controlam .arrow-icon-left svg,

.controlam .arrow-icon-right svg {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: .5px;

    width: 15px

}



.controlam .arrow-icon-left svg .cls-1,

.controlam .arrow-icon-right svg .cls-1 {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: 0

}



.controlam .arrow-icon-left:hover svg,

.controlam .arrow-icon-right:hover svg {

    fill: none;

    stroke: #fff

}



.controlam .arrow-icon-left:hover svg .cls-1,

.controlam .arrow-icon-right:hover svg .cls-1 {

    fill: none;

    stroke: #fff

}



.controlam .arrow-icon-left::before,

.controlam .arrow-icon-right:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #203d3b;

    transition: all .3s ease 0s;

    border-radius: 100px

}



.controlam .arrow-icon-left:hover::before,

.controlam .arrow-icon-right:hover::before {

    width: 100%;

    height: 100%;

    border: none

}



.amenitiesimg {

    width: 100%;

    overflow: hidden

}



.amenitiesimg img {

    width: 100%;

    transform: scale(1);

    transition: all .5s ease

}



.amenitiesimg img:hover {

    transform: scale(1.1)

}



.textbtnam {

    width: 100%;

    height: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 15px

}



.textbtnam span {

    font-size: 18px;

    color: #000;

    opacity: .8

}



.textbtnam .arrowclickbtn {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b;

    display: block;

    transform: rotate(-43deg);

    opacity: .6

}



.textbtnam .arrowclickbtn:hover {

    background: #203d3b;

    border-color: #203d3b;

    opacity: 1

}



.textbtnam .arrowclickbtn svg {

    width: 15px;

    stroke: #6c9392;

    position: relative;

    top: -1px

}



.textbtnam .arrowclickbtn:hover svg {

    stroke: #fff

}



.textbtnam .arrowclickbtn:hover svg .cls-1 {

    stroke: #fff !important

}



.amenitieswrap .slick-next.hidden,

.amenitieswrap .slick-prev.hidden {

    opacity: .2;

    pointer-events: none

}



.recognitionwrap {

    width: 100%;

    position: relative

}



.recimg {

    width: 100%;

    height: auto;

    overflow: hidden

}



.recimg img {

    max-width: 100%;

    transform: scale(1);

    transition: all .5s ease;

    object-fit: cover

}



.recimg img:hover {

    transform: scale(1.1)

}



.recimg img {

    max-height: 535px

}



.searchrow {

    width: 100%;

    position: relative;

    margin-bottom: 30px

}



.searchrow .form-inline {

    margin-top: 15px;

    display: flex;

    justify-content: space-between;

    max-width: 350px;

    position: relative

}



.searchrow .form-inline .form-control {

    width: 300px;

    border-radius: 50px

}



.brbtn {

    background: #203d3b;

    width: 80px;

    border-radius: 50px;

    height: calc(1.7em + .55rem + 2px);

    align-items: center;

    justify-content: center;

    padding: 0;

    position: absolute;

    right: 0

}



.brbtn:hover {

    background: #6c9293

}



.brbtn img {

    width: 18px;

    position: relative;

    top: 5px

}



.form-control:focus {

    border-color: #203d3b;

    background-color: transparent

}



.accordion .construction-img {

    display: flex;

    flex-direction: column

}



.accordion .construction-img img {

    width: 100%;

    height: 320px

}



.accordion .construction-img b {

    display: block;

    font-size: 1.2rem;

    color: #203d3b;

    font-weight: 400;

    margin-bottom: 5px;

    margin-top: 30px;

    line-height: 1.2

}



.accordion .construction-img span {

    display: block;

    font-size: 1rem;

    color: #6c9392

}



.accordion {

    margin-top: 0

}



.accordion .card {

    border: none;

    margin-bottom: 20px;

    background-color: transparent

}



.accordion .card .card-head {

    padding: 20px 0;

    border-bottom: 1px solid #000;

    position: relative

}



.accordion .card .card-head:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #203d3b;

    height: 1px;

    bottom: 0;

    transition: all ease-in-out .5s

}



.accordion .card .card-head:hover:after {

    width: 100%;

    right: auto;

    left: 0

}



.accordion .card h6 {

    background: url(../images/icon/a-up-main.svg) no-repeat calc(100% - 10px) center;

    background-size: 20px;

    cursor: pointer;

    font-size: 4rem

}



.accordion .card h6 b {

    font-weight: 400

}



.accordion .card h6 span {

    font-size: 18px;

    width: 120px;

    border-bottom: 1px solid #6c9392;

    position: absolute;

    top: 50%;

    right: 10px;

    transform: translateY(-50%);

    text-transform: uppercase;

    letter-spacing: 1.5px

}



.accordion .card h6.collapsed {

    background-image: url(../images/icon/a-down-main.svg)

}



.accordion .card-body {

    padding-left: 0;

    padding-right: 0

}



.notificationwrap .accordion .card .cons-clr {

    color: inherit

}



.accordioninner .card {

    border: none;

    margin-bottom: 10px;

    background-color: transparent

}



.accordioninner .card .card-head {

    padding: 0;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    position: relative;

    font-family: 'Bon Vivant Family Serif'

}



.accordioninner .card .card-head:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #203d3b;

    height: 1px;

    bottom: 0;

    transition: all ease-in-out .5s

}



.accordioninner .card .card-head:hover:after {

    width: 100%;

    right: auto;

    left: 0

}



.accordioninner .card strong {

    padding: 10px;

    background: url(../image/black-mn.svg) no-repeat right center;

    background-size: 15px;

    cursor: pointer;

    font-size: 20px;

    font-weight: 400;

    display: flex

}



.accordioninner .card strong b {

    width: 90%;

    display: block;

    font-weight: 400

}



.accordioninner .card strong.collapsed {

    background-image: url(../image/black-pl.svg)

}



.accordioninner .card-body {

    padding: 10px;

    background: #ebe8e1

}



.accbodyinnertext {

    width: 100%;

    position: relative

}



.accbodyinnertext strong {

    width: 100%;

    display: block;

    font-size: 20px;

    color: #000;

    font-family: 'Bon Vivant Family Serif'

}



.accbodyinnertext p {

    font-size: 16px;

    color: #000

}



.accbodyinnertext ul {

    margin: 0;

    padding: 0

}



.accbodyinnertext ul li {

    width: 95%;

    line-height: 1.2;

    margin-bottom: 10px;

    font-size: 16px;

    color: #000;

    list-style: disc;

    margin-left: 5%

}



.accbodyinnertext table tr th {

    text-transform: uppercase;

    background: #203d3b;

    color: #fff

}



.accbodyinnertext table tr td {

    color: #000

}



.accbodyinnertext table tr td,

.accbodyinnertext table tr th {

    letter-spacing: 1.2px;

    vertical-align: middle

}



.accbodyinnertext table tr td a {

    color: #000;

    display: flex;

    align-items: center

}



.specetd table tr td:first-child {

    width: 300px

}



.newsbanner {

    width: 100%;

    height: 500px;

    position: relative

}



.newssectionwrap {

    width: 100%;

    position: relative

}



.newssectionwrap form.formlineflex {

    width: 100%;

    position: relative;

    display: flex;

    justify-content: space-between

}



.newssectionwrap form.formlineflex .from-flex {

    width: 40%;

    position: relative

}



.newssectionwrap form.formlineflex .from-flex:last-child {

    width: 20%

}



.fancybox-image,

.fancybox-spaceball {

    background: #fff !important

}



.notificationtable {

    width: 100%;

    position: relative

}



.notificationtable strong {

    font-size: 25px;

    color: #203d3b;

    display: block;

    font-weight: 400

}



.notificationtable #draw-record {

    max-height: 450px;

    overflow: auto

}



.notificationtable table tr th {

    text-transform: uppercase;

    background: #203d3b;

    color: #fff;

    letter-spacing: 1px

}



.notificationtable table tr td,

.notificationtable table tr th {

    vertical-align: middle

}



.notificationtable table tr td a {

    color: #000;

    display: flex;

    align-items: center

}



.notificationtable table tr td a img {

    width: 30px

}



.gallerybannerbg {

    width: 100%;

    position: relative

}



.gallerysectionwrap {

    width: 100%;

    height: 100%;

    position: relative

}



.gallerygrid {

    width: 100%;

    height: 320px;

    border: 1px solid #6c9392;

    background: 0 0;

    padding: 30px;

    position: relative;

    overflow: hidden;

    box-shadow: inset 0 0 0 0 #000;

    -webkit-transition: ease-out .6s;

    -moz-transition: ease-out .6s;

    transition: ease-out .6s;

    margin-bottom: 30px

}



.video-iframe {

    padding: 0 !important

}



.video-iframe iframe {

    width: 100%;

    height: 320px

}



.galleryti {

    width: 100%;

    height: 100%;

    position: relative;

    transform: translateY(115%);

    transition: all .8s ease-out

}



.galleryti span {

    display: block;

    margin-bottom: 30px;

    color: #6c9392

}



.galleryti strong {

    font-size: 4rem;

    color: #203d3b

}



.galleryti b {

    font-size: 1rem;

    font-weight: 400;

    color: #203d3b

}



.galleryti .bottomicon {

    width: 100%;

    position: absolute;

    bottom: 0;

    display: flex

}



.galleryti .bottomicon ul {

    margin: 0;

    padding: 0;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between

}



.galleryti .bottomicon ul li {

    display: inline-block

}



.galleryti .bottomicon ul li:last-child {

    margin-right: 0

}



.galleryti .bottomicon ul li a {

    color: #fff;

    font-size: 16px;

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #fff;

    border-radius: 100px;

    display: flex;

    align-items: center;

    transition: all .5s ease;

    position: relative

}



.galleryti .bottomicon ul li a i {

    font-size: 15px;

    color: #ffff

}



.galleryti .bottomicon ul li a:hover i {

    color: #203d3b;

    z-index: 5

}



.galleryti .bottomicon ul li a svg {

    width: 16px;

    height: auto;

    stroke: #fff;

    fill: none;

    transform: rotate(-43deg);

    transition: all .5s ease-out

}



.galleryti .bottomicon ul li a.rote svg .cls-1 {

    stroke: #fff

}



.galleryti .bottomicon ul li a.rote:hover svg .cls-1 {

    stroke: #203D3B

}



.galleryti .bottomicon ul li a.rote:hover {

    background: #f6f4ee;

    border-color: #f6f4ee

}



.galleryti .bottomicon ul li a::before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #f6f4ee;

    transition: all .3s ease 0s;

    border-radius: 100px

}



.galleryti .bottomicon ul li a:hover::before {

    width: 100%;

    height: 100%;

    border: none;

    color: #203d3b

}



.galleryti .bottomicon ul li a:hover::before i {

    color: #203d3b

}



.gallerygrid:hover .galleryti {

    transform: translateY(0)

}



.gallerygrid:hover .galleryti b,

.gallerygrid:hover .galleryti strong,

.gallerygrid:hover p,

.gallerygrid:hover span {

    color: #fff;

    transition: all .5s ease-in-out

}



.gallerygrid:hover {

    box-shadow: inset 0 -320px 0 0 #10171d

}



.galbgimg {

    background-size: cover !important;

    background-position: center !important;

    transition: all .6s linear;

    transform: scale(1, 1)

}



.certificatebannerbg {

    width: 100%;

    height: 500px;

    position: relative;

    background: url(../images/certificate-banner.jpg) no-repeat;

    background-size: cover;

    background-position: center

}



.certificatesectionwrap {

    width: 100%;

    height: 100%;

    position: relative

}



.certificategrid {

    width: 100%;

    height: auto;

    background: 0 0;

    position: relative;

    overflow: hidden;

    box-shadow: inset 0 0 0 0 #000;

    -webkit-transition: ease-out .6s;

    -moz-transition: ease-out .6s;

    transition: ease-out .6s;

    margin-bottom: 30px

}



.certificategrid img {

    width: 100%;

    object-fit: cover;

    object-position: center

}



.certificateinner {

    width: 100%;

    height: 100%;

    background: #000;

    position: absolute;

    top: 0;

    padding: 30px;

    transform: translateY(100%);

    transition: all .8s ease-out;

    opacity: 0;

    visibility: hidden

}



.certificateinner span {

    display: block;

    margin-bottom: 30px;

    color: #6c9392

}



.certificateinner strong {

    font-size: 4rem;

    color: #203d3b

}



.certificateinner b {

    font-size: 1rem;

    font-weight: 400;

    color: #203d3b

}



.certificateinner .bottomicon {

    width: 100%;

    position: absolute;

    bottom: 30px;

    right: 30px;

    display: flex

}



.certificateinner .bottomicon ul {

    margin: 0;

    padding: 0;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-end

}



.certificateinner .bottomicon ul li {

    display: inline-block

}



.certificateinner .bottomicon ul li:last-child {

    margin-right: 0

}



.certificateinner .bottomicon ul li a {

    color: #fff;

    font-size: 16px;

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #fff;

    border-radius: 100px;

    display: flex;

    align-items: center;

    transition: all .5s ease;

    position: relative

}



.certificateinner .bottomicon ul li a i {

    font-size: 15px;

    color: #ffff

}



.certificateinner .bottomicon ul li a:hover i {

    opacity: 1;

    z-index: 2

}



.certificateinner .bottomicon ul li a:hover {

    background: #f6f4ee;

    border-color: #f6f4ee

}



.certificateinner .bottomicon ul li a svg {

    width: 16px;

    height: auto;

    stroke: #fff;

    fill: none;

    transform: rotate(-43deg);

    transition: all .5s ease-out

}



.certificateinner .bottomicon ul li a.rote svg .cls-1 {

    stroke: #fff

}



.certificateinner .bottomicon ul li a.rote:hover svg .cls-1 {

    stroke: #203D3B

}



.certificateinner .bottomicon ul li a.rote:hover {

    background: #f6f4ee;

    border-color: #f6f4ee

}



.certificateinner .bottomicon ul li a:hover i {

    color: #203d3b

}



.certificategrid:hover .certificateinner {

    transform: translateY(0);

    opacity: 1;

    visibility: visible

}



.certificategrid:hover .certificateinner b,

.certificategrid:hover .certificateinner strong,

.certificategrid:hover p,

.certificategrid:hover span {

    color: #fff;

    transition: all .5s ease-in-out

}



.cftbgimg {

    background-size: 100% !important;

    background-position: center !important;

    transition: all .6s linear;

    transform: scale(1, 1)

}



.opctext {

    opacity: 1 !important

}



.certificateinner .bottomicon ul li a::before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #f6f4ee;

    transition: all .3s ease 0s;

    border-radius: 100px

}



.certificateinner .bottomicon ul li a:hover::before {

    width: 100%;

    height: 100%;

    border: none;

    color: #203d3b

}



.innerpolicy {

    width: 100%;

    position: relative

}



.innerpolicy b {

    font-size: 22px;

    color: #203d3b;

    display: block;

    font-weight: 400;

    font-family: 'Bon Vivant Family Serif'

}



.innerpolicy ul {

    margin: 0;

    padding: 0

}



.innerpolicy ul li {

    width: 99%;

    line-height: 1.5;

    margin-bottom: 10px;

    font-size: 18px;

    color: #000;

    list-style: disc;

    margin-left: 15px

}



.innerpolicy table {

    width: 100%;

    margin-top: 15px

}



.innerpolicy table tr th {

    text-transform: uppercase;

    background: #203d3b;

    color: #fff

}



.innerpolicy table tr td,

.innerpolicy table tr th {

    letter-spacing: 1.2px;

    vertical-align: middle;

    border: 1px solid #000

}



.innerpolicy ul li a {

    display: inline-block;

    color: #6c9293

}



.innerpolicy ul li a:hover {

    color: #203d3b

}



.innerpolicy p {

    margin-bottom: 5px

}



.innerpolicy p a {

    display: inline-block;

    color: #6c9293

}



.innerpolicy p a:hover {

    color: #203d3b

}



.contactwrap {

    width: 100%;

    height: 650px;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #6c9293;

    overflow: hidden

}



.location-btm {

    margin-bottom: 100px

}



.contactwrap .col-lg-5 {

    flex: 0 0 39%;

    max-width: 39%

}



.contactwrap .col-lg-7 {

    position: absolute;

    right: 0;

    top: 0;

    background: #fff;

    height: 100%;

    padding: 0

}



.contactmap {

    width: 100%;

    height: 100%;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center

}



.contactmap iframe {

    width: 100%;

    height: 650px

}



.conlefttext {

    width: 90%

}



.conlefttext strong {

    font-size: 20px;

    display: block;

    color: #fff;

    text-transform: uppercase;

    margin-bottom: 30px;

    letter-spacing: 2px;

    font-family: 'Halvar Eng Rg';

    font-weight: 500

}



.conlefttext p {

    color: #fff;

    opacity: .5;

    font-size: 16px

}



.conlefttext p sup {

    font-size: 10px

}



.conlefttext p a {

    color: #fff;

    display: inline-block

}



.conlefttext p a:hover {

    color: #203d3b;

    opacity: 1

}



.customerwrap {

    width: 100%;

    position: relative

}



.csinnerbg {

    width: 100%;

    height: 600px;

    background: url(../images/customer-care.jpg) no-repeat;

    background-size: cover;

    position: relative

}



.csinnerbg .caretext {

    width: 60%;

    height: auto;

    background: #f6f4ee;

    padding: 60px 40px;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 11

}



.csinnerbg .caretext p {

    color: #000;

    font-size: 18px

}



.csinnerbg .caretext p a {

    color: #000;

    display: inline-block

}



.csinnerbg .caretext p a:hover {

    color: #203d3b;

    opacity: 1

}



.contactformbtn {

    width: 120px;

    height: 120px;

    background: #203d3b;

    border-radius: 100px;

    position: absolute;

    top: 50%;

    right: -58px;

    transform: translateY(-50%);

    z-index: 2;

    transition: all .5s ease

}



.contactformbtn a {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    text-align: center;

    transition: all .5s ease

}



.contactformbtn a:hover {

    color: #6c9293

}



.contactiframe {

    width: 100%;

    padding: 0 !important;

    background: #e6e6e6

}



.contactiframe iframe {

    width: 100%;

    height: 385px

}



.contactiframe .close {

    position: absolute;

    top: 15px;

    right: 15px

}



.accordion-loans {

    margin-top: 0

}



.accordion-loans .card {

    border: none;

    margin-bottom: 20px;

    background-color: transparent;

    cursor: pointer

}



.accordion-loans .card .card-head {

    width: 100%;

    padding: 20px 0;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    position: relative

}



.accordion-loans .card .card-head:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #203d3b;

    height: 1px;

    bottom: 0;

    transition: all ease-in-out .5s

}



.accordion-loans .card .card-head:hover:after {

    width: 100%;

    right: auto;

    left: 0

}



.accordion-loans .card .card-head:hover {

    color: #203d3b

}



.accordion-loans .card .showhead {

    width: 100%;

    background: url(../image/black-mn.svg) no-repeat calc(100% - 10px) center;

    background-size: 15px;

    cursor: pointer;

    font-size: 1.5rem;

    font-family: 'Bon Vivant Family Serif'

}



.accordion-loans .card .showhead b {

    font-weight: 400;

    display: block;

    width: 95%;

    line-height: 1.2

}



.accordion-loans .card .showhead.collapsed {

    background-image: url(../image/black-pl.svg)

}



.accordion-loans .card-body {

    padding-left: 0;

    padding-right: 0;

    background: #ebe8e1

}



.innerloanstext {

    width: 95%;

    margin-left: 2%

}



.innerloanstext strong {

    font-size: 22px;

    display: block;

    color: #000;

    text-transform: uppercase;

    margin-bottom: 15px;

    margin-top: 25px;

    letter-spacing: 2px;

    font-family: 'Halvar Eng Rg';

    font-weight: 500

}



.innerloanstext ul {

    margin: 0;

    padding: 0

}



.innerloanstext ul li {

    width: 99%;

    line-height: 1.5;

    margin-bottom: 10px;

    font-size: 18px;

    color: #000;

    list-style: disc;

    margin-left: 15px

}



.businesswrap {

    widtrh: 100%;

    position: relative

}



.businesswrap .col-lg-5 {

    padding-right: 0

}



.businesswrap .col-lg-7 {

    padding-left: 0

}



.hdfclogobg {

    width: 100%;

    height: 100%;

    background: #203d3b;

    display: flex;

    align-items: center;

    justify-content: center

}



.hdfclogobg img {

    width: 250px

}



.hdfcrightbg {

    width: 100%;

    height: auto;

    display: flex;

    align-items: center;

    justify-content: center

}



.hdfcrightbg img {

    width: 100%

}



.loansformdt {

    width: 100%;

    display: flex;

    flex-wrap: wrap

}



.loansformdt .form-group {

    position: relative

}



.loansformdt .form-group span {

    position: absolute;

    top: 35px;

    right: 25px;

    transform: translateY(-50%)

}



.loansformdt .form-group span i {

    font-size: 18px;

    color: #000;

    opacity: .4

}



.loansformdt .btniconarrow {

    width: auto;

    position: absolute;

    left: 60%;

    top: 34%

}



.loansformdt .btniconarrow svg {

    width: 20px;

    height: 20px;

    margin-left: 8px

}



.loansformdt .form-control {

    width: 100%;

    background-color: #efece6;

    border-radius: 50px;

    height: 70px;

    border: none;

    padding: 15px 30px;

    font-size: 20px;

    letter-spacing: .5px;

    box-shadow: none

}



.loansformdt .subbtn {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-evenly;

    font-family: 'Halvar Eng Rg';

    font-size: 20px;

    border-radius: 50px;

    height: 70px;

    border: 1px solid #203d3b;

    background: 0 0;

    cursor: pointer;

    transition: all .5s ease-out

}



.loansformdt .subbtn:hover {

    background: #203d3b;

    color: #fff

}



.loansformdt .subbtn:hover .inwd svg .cls-1 {

    stroke: #fff

}



.loansformdt .subbtn:hover button {

    color: #fff

}



.loansformdt .subbtn .inwd {

    width: 100%;

    display: flex;

    justify-content: center

}



.loansformdt .subbtn button {

    width: 100%;

    border: none;

    height: 70px;

    transition: all .1s ease-out;

    background: 0 0;

    margin-left: -50px

}



.customsupp .form-control {

    height: 60px !important;

    position: relative

}



.customsupp .form-group {

    position: relative

}



.customsupp .form-group .dar {

    appearance: none;

    width: 100%;

    height: 100%;

    background: url(../images/icon/a-down-main.svg) no-repeat;

    background-size: 18px;

    background-position: right center

}



.csrwrap {

    width: 100%;

    position: relative

}



.controlarcsr {

    max-width: 120px;

    position: absolute;

    right: 16px;

    top: 57%;

    display: flex;

    cursor: pointer;

    align-items: center

}



.controlarcsr .arrow-icon-leftcsr {

    margin-right: 15px;

    transform: rotate(180deg);

    margin-top: 2px

}



.controlarcsr .arrow-icon-leftcsr,

.controlarcsr .arrow-icon-rightcsr {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b;

    transition: all .8s ease-out;

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center

}



.controlarcsr .arrow-icon-leftcsr svg,

.controlarcsr .arrow-icon-rightcsr svg {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: 0;

    width: 15px

}



.controlarcsr .arrow-icon-leftcsr svg .cls-1,

.controlarcsr .arrow-icon-rightcsr svg .cls-1 {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: 0

}



.controlarcsr .arrow-icon-leftcsr:hover svg,

.controlarcsr .arrow-icon-rightcsr:hover svg {

    fill: none;

    stroke: #fff

}



.controlarcsr .arrow-icon-leftcsr:hover svg .cls-1,

.controlarcsr .arrow-icon-rightcsr:hover svg .cls-1 {

    fill: none;

    stroke: #fff

}



.controlarcsr .arrow-icon-leftcsr::before,

.controlarcsr .arrow-icon-rightcsr:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #203d3b;

    transition: all .3s ease 0s;

    border-radius: 100%

}



.controlarcsr .arrow-icon-leftcsr:hover::before,

.controlarcsr .arrow-icon-rightcsr:hover::before {

    width: 100%;

    height: 100%;

    border: none

}



.csrimgupdate {

    width: 100%;

    overflow: hidden

}



.csrimgupdate img {

    width: 100%;

    max-width: 100%;

    transform: scale(1);

    transition: all .5s ease;

    object-fit: cover

}



.csrimgupdate img:hover {

    transform: scale(1.1)

}



.csrtextbtn {

    width: 100%;

    height: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 15px

}



.csrtextbtn span {

    font-size: 15px;

    color: #203d3b;

    opacity: .8

}



.csrtextbtn .arrowclickbtn {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b;

    display: flex;

    align-items: center;

    justify-content: center;

    transform: rotate(-43deg);

    opacity: .6

}



.csrtextbtn .arrowclickbtn:hover {

    opacity: 1

}



.csrtextbtn .arrowclickbtn svg {

    width: 15px;

    stroke: #203D3B;

    position: relative;

    top: -1px

}



.csrtextbtn .arrowclickbtn svg .cls-1 {

    stroke: #203D3B

}



.csrtextbtn .arrowclickbtn:hover svg {

    stroke: #fff

}



.csrtextbtn .arrowclickbtn:hover svg .cls-1 {

    stroke: #fff !important

}



.csrtextbtn .arrowclickbtn::before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #203d3b;

    transition: all .3s ease 0s;

    border-radius: 100px

}



.csrtextbtn .arrowclickbtn:hover::before {

    width: 100%;

    height: 100%;

    border: none;

    color: #203d3b

}



.csrslider .slick-track {

    margin: 0

}



.igbclogo {

    width: 100%;

    height: 100%;

    border: 1px solid rgba(224, 212, 213, .7);

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px

}



.igbclogo img {

    width: 90%

}



.logogrid {

    width: 100%;

    position: relative;

    margin-top: 50px

}



.logogrid ul {

    width: 99.9%;

    border: 1px solid rgba(224, 212, 213, .7);

    border-bottom: 0;

    border-right: 0;

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap

}



.logogrid ul li {

    width: 33.33%;

    height: 200px;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    border-bottom: 1px solid rgba(224, 212, 213, .7);

    border-right: 1px solid rgba(224, 212, 213, .7);

    overflow: hidden;

    position: relative;

    transition: all .5s ease-out

}



.logogrid ul li:nth-child(3n) {

    border-right: 1px solid rgba(224, 212, 213, .7)

}



.logogrid ul li img {

    width: 240px;

    transition: all .5s ease-out;

    transform: scale(1)

}



.logogrid ul li:hover img {

    transform: scale(1.1)

}



.logogrid ul li::after,

.logogrid ul li::before {

    content: "";

    width: 0;

    height: 1px;

    position: absolute;

    transition: all .5s linear;

    background: #203d3b

}



span::after,

span::before {

    content: "";

    width: 1px;

    height: 0;

    position: absolute;

    transition: all .5s linear;

    background: #203d3b

}



.logogrid ul li:hover::after,

.logogrid ul li:hover::before {

    width: 100%

}



.logogrid ul li:hover span::after,

.logogrid ul li:hover span::before {

    height: 100%

}



.draw::after,

.draw::before {

    transition-delay: 0.5s

}



.draw span::after,

.draw span::before {

    transition-delay: 0s

}



.draw::before {

    right: 0;

    top: 0

}



.draw::after {

    left: 0;

    bottom: 0

}



.draw span::before {

    left: 0;

    top: 0

}



.draw span::after {

    right: 0;

    bottom: 0

}



.draw:hover::after,

.draw:hover::before {

    transition-delay: 0s

}



.draw:hover span::after,

.draw:hover span::before {

    transition-delay: 0.2s

}



.officewrap {

    width: 100%

}



.offbg {

    width: 100%;

    height: 500px;

    background-image: url(../images/projects/signature-global-mall/Workspace-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: left bottom;

    position: relative

}



.offbg .whbg {

    width: 100%;

    height: 350px;

    background: #fff;

    padding: 75px 25px;

    position: absolute;

    top: 150px;

    left: 80px

}



.wrapper {

    max-width: 100%;

    margin: 0 auto

}



.slider-container {

    position: relative;

    width: 100%

}



.slider-container .item {

    outline: 0;

    padding: 0;

    position: relative;

    height: 465px

}



.slider-container .item .media-wrap {

    width: 100%

}



.slider-container .item .media-wrap img {

    width: 100%

}



.slides-numbers {

    color: #9fa5ac;

    display: none;

    left: 50%;

    position: absolute;

    bottom: 15px;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -mos-transform: translateX(-50%);

    -mz-transform: translateX(-50%);

    z-index: 5;

    opacity: .6

}



.slides-numbers .active {

    color: #000;

    font-size: 15px;

    margin-right: 0;

    position: relative;

    width: 90px;

    display: inline-block;

    font-weight: 400

}



.slides-numbers .active::after {

    content: '';

    width: 65px;

    position: absolute;

    bottom: 7px;

    left: 20px;

    border-bottom: 1px solid #000

}



.slides-numbers .total {

    margin-left: -2px;

    color: #000;

    font-size: 15px

}



.wrapper .slick-arrow {

    padding: 0;

    border: 0;

    outline: 0;

    background: 0 0;

    background: #6caddf;

    position: absolute;

    top: -9px;

    padding: 10px;

    border-radius: 10px;

    z-index: 5;

    color: #fff;

    text-transform: lowercase;

    cursor: pointer

}



.wrapper .slick-arrow.slick-next {

    right: 0

}



.wrapper .slick-arrow.slick-prev {

    right: 55px

}



.controldsmall {

    max-width: 120px;

    position: absolute;

    right: 25px;

    bottom: 15px;

    display: flex;

    cursor: pointer;

    align-items: center;

    z-index: 11

}



.controldsmall .arrow-icon-leftmall {

    margin-right: 15px;

    transform: rotate(180deg);

    margin-top: 2px

}



.controldsmall .arrow-icon-leftmall,

.controldsmall .arrow-icon-rightmall {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b;

    transition: all .8s ease-out;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center

}



.controldsmall .arrow-icon-leftmall svg,

.controldsmall .arrow-icon-rightmall svg {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: .5px;

    width: 15px

}



.controldsmall .arrow-icon-leftmall svg .cls-1,

.controldsmall .arrow-icon-rightmall svg .cls-1 {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: 0

}



.controldsmall .arrow-icon-leftmall:hover svg,

.controldsmall .arrow-icon-rightmall:hover svg {

    fill: none;

    stroke: #fff

}



.controldsmall .arrow-icon-leftmall:hover svg .cls-1,

.controldsmall .arrow-icon-rightmall:hover svg .cls-1 {

    fill: none;

    stroke: #fff

}



.controldsmall .arrow-icon-leftmall::before,

.controldsmall .arrow-icon-rightmall:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #203d3b;

    transition: all .3s ease 0s;

    border-radius: 100px

}



.controldsmall .arrow-icon-leftmall:hover::before,

.controldsmall .arrow-icon-rightmall:hover::before {

    width: 100%;

    height: 100%;

    border: none

}



.customerwrap .accbodyinnertext {

    padding: 25px 30px

}



.customerwrap .accordioninner .card strong {

    padding: 15px 10px

}



.customerwrap .accbodyinnertext ul li {

    width: auto;

    margin-left: 17px

}



.customerwrap .accbodyinnertext p {

    line-height: normal

}



.customerwrap .accbodyinnertext h6:first-child {

    margin-top: 0 !important

}



.customerwrap .accbodyinnertext h6 {

    margin: 30px 0 24px;

    font-family: 'Halvar Eng Lt' !important;

    font-weight: 600;

    font-size: 17px

}



.pad120 {

    padding: 120px 0

}



.about-sec .innerbannerbg {

    padding-bottom: 120px

}



.about-sec h1 {

    font-size: 100px;

    color: #fff;

    position: absolute;

    top: -100px;

    line-height: 105px

}



.fnd-sec h1 {

    line-height: 136px;

    top: -132px

}



.about-sec p {

    color: #fff

}



.mt-minus {

    margin-top: -6px

}



.mb185 {

    margin-top: 185px;

    color: #fff

}



.chairman-sec {

    padding-top: 110px

}



.chairman-sec .headingtag {

    margin-bottom: 40px

}



.chairman-sec p {

    color: #fff

}



.chairman-content {

    padding-right: 50px

}



.chairman-content small {

    color: #fff;

    display: block;

    margin-top: 55px;

    font-size: 15px;

    font-family: 'Bon Vivant Family Serif'

}



.chairman-thumb {

    padding-left: 40px;

    padding-top: 7px

}



h5 {

    font-family: 'Bon Vivant Family Serif'

}



.architect-sec {

    background: #10171d

}



.architect-sec h5 {

    color: #fff !important

}



.architect-sec h5,

.director-sec h5,

.key-sec h5 {

    font-size: 4rem;

    color: #203d3b;

    width: 100%;

    display: block;

    margin-bottom: 40px;

    line-height: 50px

}



.director-sec {

    padding-top: 120px

}



.arrow-btn {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b;

    display: flex;

    transform: rotate(-43deg);

    position: relative;

    justify-content: center;

    align-items: center

}



.arrow-btn img,

.arrow-btn svg {

    z-index: 3

}



.arrow-btn::before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #203d3b;

    transition: all .3s ease 0s;

    border-radius: 100%

}



.arrow-btn:hover::before {

    width: 100%;

    height: 100%

}



.arrow-btn svg {

    fill: none;

    stroke: #203d3b;

    width: 20px;

    height: 20px

}



.arrow-btn svg .cls-1 {

    fill: none;

    stroke: #203d3b

}



.arrow-btn:hover svg {

    fill: none;

    stroke: #fff

}



.arrow-btn:hover svg .cls-1 {

    fill: none;

    stroke: #fff

}



.arrow-btn1 svg {

    fill: none;

    stroke: #fff

}



.arrow-btn1 svg .cls-1 {

    fill: none;

    stroke: #fff

}



.arrow-btn1:hover svg {

    fill: none;

    stroke: #203d3b

}



.arrow-btn1:hover svg .cls-1 {

    fill: none;

    stroke: #203d3b

}



.title-sec {

    display: flex;

    justify-content: space-between;

    margin-top: 25px;

    align-items: center

}



.title-sec p,

.title-sec span {

    font-family: 'Bon Vivant Family Serif'

}



.title-sec span {

    color: #203d3b;

    font-size: 15px

}



.title-sec p {

    color: #203d3b;

    font-size: 13px;

    margin-top: 3px

}



.architect-sec .title-sec span {

    color: #fff;

    font-size: 15px

}



.architect-sec .director-thumb {

    margin-left: 0;

    margin-right: 0

}



.architect-sec .arrow-btn {

    border: 1px solid #fff

}



.architect-sec .arrow-btn {

    padding: 8px

}



.architect-sec .arrow-btn::before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #fff;

    transition: all .3s ease 0s;

    border-radius: 100%

}



.architect-sec .arrow-btn:hover::before {

    width: 100%;

    height: 100%

}



.architect-sec .arrow-btn svg {

    width: 20px;

    height: 20px

}



.architect-sec a.arrow-btn:hover svg .cls-1 {

    stroke: #203D3B

}



.architect-sec .title-sec p {

    color: #fff;

    opacity: .6

}



.director-slider {

    margin: 0 -15px

}



.director-thumb {

    margin: 0 15px

}



.relative {

    position: relative

}



.control {

    max-width: 120px;

    position: absolute;

    right: 16px;

    top: 15px;

    display: flex !important;

    cursor: pointer;

    align-items: center

}



.control .arrow-icon-left,

.control .arrow-icon-left2,

.control .arrow-icon-left3 {

    margin-right: 10px;

    transform: rotate(180deg);

    margin-top: 2px

}



.control .arrow-icon-left,

.control .arrow-icon-left2,

.control .arrow-icon-left3,

.control .arrow-icon-right,

.control .arrow-icon-right2,

.control .arrow-icon-right3 {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center

}



.control img,

.control svg,

.controlar img {

    z-index: 3;

    width: 20px;

    height: 20px

}



.control .arrow-icon-left2::before,

.control .arrow-icon-left::before,

.control .arrow-icon-right2:before,

.control .arrow-icon-right:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #203d3b;

    transition: all .3s ease 0s;

    border-radius: 100%

}



.control .arrow-icon-left2:hover::before,

.control .arrow-icon-left:hover::before,

.control .arrow-icon-right2:hover::before,

.control .arrow-icon-right:hover::before {

    width: 100%;

    height: 100%

}



.control .arrow-icon-left svg,

.control .arrow-icon-left2 svg,

.control .arrow-icon-right svg,

.control .arrow-icon-right2 svg {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: 0;

    width: 20px;

    height: 20px

}



.control .arrow-icon-left svg .cls-1,

.control .arrow-icon-left2 svg .cls-1,

.control .arrow-icon-right svg .cls-1,

.control .arrow-icon-right2 svg .cls-1 {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: 0

}



.control .arrow-icon-left2:hover svg,

.control .arrow-icon-left:hover svg,

.control .arrow-icon-right2:hover svg,

.control .arrow-icon-right:hover svg {

    fill: none;

    stroke: #fff

}



.control .arrow-icon-left2:hover svg .cls-1,

.control .arrow-icon-left:hover svg .cls-1,

.control .arrow-icon-right2:hover svg .cls-1,

.control .arrow-icon-right:hover svg .cls-1 {

    fill: none;

    stroke: #fff

}



#our-architects .col-md-4 {

    padding-left: 0;

    padding-right: 0;

    margin: 0

}



.architect-sec .director-thumb {

    margin-left: 15px;

    margin-right: 15px

}



#our-architects .control .arrow-icon-left3,

#our-architects .control .arrow-icon-right3 {

    border: 1px solid #fff

}



#our-architects .control .arrow-icon-left3::before,

#our-architects .control .arrow-icon-right3:before {

    background: #fff

}



#our-architects .control .arrow-icon-left3::before,

#our-architects .control .arrow-icon-right3:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #fff;

    transition: all .3s ease 0s;

    border-radius: 100%

}



#our-architects .control .arrow-icon-left3:hover::before,

#our-architects .control .arrow-icon-right3:hover::before {

    width: 100%;

    height: 100%

}



#our-architects .control .arrow-icon-left3 svg,

#our-architects .control .arrow-icon-right3 svg {

    fill: none;

    stroke: #fff;

    position: relative;

    top: 0;

    width: 20px;

    height: 20px

}



#our-architects .control .arrow-icon-left3 svg .cls-1,

#our-architects .control .arrow-icon-right3 svg .cls-1 {

    fill: none;

    stroke: #fff;

    position: relative;

    top: 0

}



#our-architects .control .arrow-icon-left3:hover svg .cls-1,

#our-architects .control .arrow-icon-right3:hover svg .cls-1 {

    fill: none;

    stroke: #203d3b

}



.thumb-pic {

    overflow: hidden

}



.thumb-pic img {

    -webkit-transition: all ease-in-out 2s;

    -o-transition: all ease-in-out 2s;

    transition: all ease-in-out 2s

}



.thumb-pic:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.ptext {

    font-family: 'Halvar Eng Rg';

    font-size: 22px;

    color: #fff;

    margin-bottom: 15px;

    display: block

}



.popup-scroll {

    overflow-y: inherit !important

}



.mt-40 {

    margin-top: 40px

}



.mb-40 {

    margin-bottom: 40px

}



.vision-sec {

    background-image: url(../images/Mission-Vission-banner.jpg);

    background-size: cover;

    background-position: center center;

    padding: 60px 0;

    position: relative

}



.vision-sec h5,

.vision-sec p {

    color: #fff

}



.vision-sec h5 {

    font-size: 4rem;

    width: 100%;

    display: block;

    margin-bottom: 25px;

    line-height: normal

}



.vission-content {

    position: relative;

    z-index: 3;

    border-right: 1px solid #fff;

    padding: 20px 37px 50px 0

}



.mission-content {

    position: relative;

    z-index: 3;

    padding: 20px 0 30px 10px

}



.about-banner {

    height: 80vh;

    background-image: url(../images/About-Banner.jpg)

}



.foundation-banner {

    height: 80vh;

    background-image: url(../images/CSR-Banner.jpg)

}



.career-banner {

    height: 80vh;

    background-image: url(../images/Career-Banner.jpg)

}



.payonline-banner {

    height: 85vh;

    background-image: url(../pay-online/pay-online-banner.jpg)

}



.golfgreen79banner {

    background-image: url(../images/projects/golf-greens79/golfgreens79-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.superbiabanner {

    background-image: url(../images/projects/superbia/superbia-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum37dIII-banner {

    background-image: url(../images/projects/signum37d-III/signum37d-III-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum-sector36-banner {

    background-image: url(../images/projects/signum-sector36/signum36-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum-37D-banner {

    background-image: url(../images/projects/signum-37D/signum-37D-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum-plaza4-banner {

    background-image: url(../images/projects/signum-plaza4/signum-plaza4-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum37d2-banner {

    background-image: url(../images/projects/signum-37-D2/signum-37D2-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum-plaza37d-banner {

    background-image: url(../images/projects/signum-plaza37d/signum-plaza37d-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-signum81 {

    background-image: url(../images/projects/signum-plaza81/banner/banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum-plaza92-banner {

    background-image: url(../images/projects/signum-plaza92/banner/banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum-plaza5-banner {

    background-image: url(../images/projects/signum-plaza5/signum-plaza5-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum79-banner {

    background-image: url(../images/projects/signum79/signum79-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum63A-banner {

    background-image: url(../images/projects/signum63A/signum63A-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum89-II-banner {

    background-image: url(../images/projects/signum89-II/signum89-II-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum-plaza-banner {

    background-image: url(../images/projects/signum-plaza/signum-plaza-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum37d-IV-banner {

    background-image: url(../images/projects/signum37d-IV/signum37d-IV-banner.jpg)

}



.signum95-banner {

    background-image: url(../images/projects/signum95/signum95-banner.jpg)

}



.signum95A-banner {

    background-image: url(../images/projects/signum-sector95a/signum95A-banner.jpg)

}



.signum103-banner {

    background-image: url(../images/projects/signum103/signum103-banner.jpg)

}



.signum107-banner {

    background-image: url(../images/projects/signum107/signum-107-banner.jpg)

}



.signum93-banner {

    background-image: url(../images/projects/signum93/signum93-banner.jpg)

}



.signum71-banner {

    background-image: url(../images/projects/signum71/signum71-banner.jpg)

}



.signum88A-banner {

    background-image: url(../images/projects/signum88A/signum88A-banner.jpg)

}



.banner-andourheight71 .cpationlogo,

.banner-synera .cpationlogo,

.orchard-banner .cpationlogo {

    width: 150px

}



.banner-sunrise .cpationlogo,

.orchard-banner .cpationlogo {

    margin-bottom: 55px

}



.banner-synera .cpationlogo {

    margin-bottom: 40px

}



.banner-andourheight71 .cpationlogo {

    margin-bottom: 15px

}



.signum88A-banner .cpationlogo {

    bottom: 15px

}



.sg107 {

    height: auto;

    padding-bottom: 70px

}



.sg107 a:hover {

    border: 0 !important

}



.sg107 .headingtag {

    margin-bottom: 50px !important

}



.currentbg {

    background-image: url(../images/current-openings.jpg)

}



.career-banner .container,

.payonline-banner .container {

    align-items: center !important

}



.career-banner .bannertext,

.payonline-banner .bannertext {

    position: relative

}



.signum79 .slick-slide {

    margin: 0 10px

}



.signum-arrow {

    display: none

}



.foundation-bg {

    background-image: url(../images/Corporate-Social.jpg);

    background-size: cover;

    background-position: center center;

    padding: 70px 40px;

    position: relative

}



.foundation-content {

    width: 400px;

    padding: 50px 30px;

    margin-left: auto;

    background: #f6f4ee

}



.foundation-content p {

    color: #000;

    opacity: .7

}



.foundation-content .clabtn1 {

    position: relative;

    margin-top: 35px

}



.foundation-content .clabtn1 .abtn {

    width: 175px;

    height: 45px;

    font-size: 14px;

    float: inherit

}



.foundation-content .cls-1 {

    fill: none;

    stroke: #203d3b;

    stroke-linecap: round;

    stroke-linejoin: round

}



.chaticon {

    width: 80px;

    height: 80px;

    border: 15px solid #3d6a67;

    border-radius: 100%;

    background: #203d3b;

    text-align: center;

    position: fixed;

    bottom: 20px;

    right: 100px;

    color: #fff;

    line-height: 50px;

    font-size: 20px;

    display: none

}



.scroll {

    height: 270px;

    overflow: hidden;

    overflow-y: scroll;

    padding-right: 5px

}



.scroll::-webkit-scrollbar {

    width: 5px

}



.scroll::-webkit-scrollbar-track {

    background: #eee;

    border-radius: 1rem

}



.scroll::-webkit-scrollbar-thumb {

    border-radius: 1rem;

    background-color: #f5f5f5;

    background: #6c9392

}



body.overflowHide {

    overflow: hidden

}



.slide-popup {

    height: 100%;

    width: 100%;

    position: fixed;

    z-index: 999999999;

    top: 0;

    right: 0;

    background-color: #fff;

    overflow: hidden;

    transition: all ease-in-out 1s;

    margin-right: -100%

}



.pupup-content {

    padding: 40px 30px

}



.pupup-content ul {

    margin-top: 20px

}



.pupup-content ul li {

    font-size: 18px;

    color: #000;

    line-height: 1.3;

    margin-bottom: 10px;

    list-style: disc;

    padding-left: 5px;

    margin-left: 17px

}



.popup-slide .col-lg-6 {

    padding: 0

}



.popup-title {

    font-family: 'Bon Vivant Family Serif';

    font-size: 30px;

    color: #000

}



.pupup-content span {

    font-family: 'Bon Vivant Family Serif';

    font-size: 20px;

    color: #000;

    display: block;

    margin: 10px 0 30px;

    line-height: 30px

}



.closebtn {

    width: 35px;

    height: 35px;

    position: absolute;

    border-radius: 100%;

    top: 30px;

    right: 50px;

    border: 1px solid #203d3b;

    color: #6c9392;

    z-index: 99;

    line-height: 35px;

    text-align: center;

    font-size: 31px;

    display: flex;

    justify-content: center;

    align-items: center

}



.closebtn:hover {

    color: #fff

}



.closebtn::before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #203d3b;

    transition: all .3s ease 0s;

    border-radius: 100%

}



.closebtn:hover::before {

    width: 100%;

    height: 100%;

    z-index: -1

}



.pupup-content .scroll {

    height: 380px

}



.inner-section h1 {

    line-height: 52px;

    margin-bottom: 45px

}



.clabtn2 {

    margin-top: 20px !important;

    display: none

}



.readmore {

    width: 140px !important

}



.eft-100 {

    padding-top: 110px

}



.fnd-sec {

    margin-bottom: 400px

}



.ps-relative {

    position: relative

}



.eft-100 .col-lg-5 {

    padding-right: 0

}



.eft-100 .col-lg-7 {

    padding-left: 0

}



.enda .col-lg-5 {

    padding-right: 15px;

    padding-left: 0

}



.enda .col-lg-7 {

    padding-left: 15px;

    padding-right: 0

}



.enda {

    position: relative;

    margin-bottom: -397px

}



.efforts-content {

    background: #fff;

    padding: 50px 35px

}



.eft-100 img {

    object-fit: cover

}



.efforts-content strong {

    font-family: 'Bon Vivant Family Serif';

    font-size: 40px;

    color: #203d3b;

    display: block;

    margin-bottom: 30px

}



.efforts-content p {

    color: #000;

    margin: 0

}



.efforts-content .clabtn1 {

    position: relative;

    margin-top: 53px

}



.efforts-content .clabtn1 .abtn {

    width: 200px;

    height: 45px;

    font-size: 14px;

    float: inherit;

    margin: 0

}



.efforts-content .cls-1 {

    fill: none;

    stroke: #203d3b;

    stroke-linecap: round;

    stroke-linejoin: round

}



.unitsectionwrap .control {

    right: 24px;

    top: 22px

}



.unitpadd100 {

    padding-top: 100px

}



.pd-b0 {

    padding-bottom: 0

}



.ab-cont-f {

    font-size: 22px

}



.project-highlight li {

    width: 100%;

    font-size: 15px;

    color: #fff;

    line-height: 1.3;

    margin-bottom: 10px;

    list-style: disc;

    padding-left: 5px;

    margin-left: 16px

}



.two-thumb {

    display: none !important

}



.tdw {

    width: 153px !important

}



.pg-title {

    width: 100%;

    display: block;

    font-size: 22px;

    font-family: 'Halvar Eng Rg';

    font-weight: 500;

    color: #fff;

    opacity: 1;

    margin-bottom: 15px !important

}



.list li {

    font-family: 'Halvar Eng Lt';

    font-weight: 300;

    font-size: 18px;

    color: #fff;

    line-height: 1.3;

    margin-bottom: 10px;

    list-style: disc;

    margin-left: 17px

}



.dots-none .locationlistslider .slick-dots {

    display: none !important

}



.key-slider {

    display: flex;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px

}



.key-slider .col-md-3 {

    padding-left: 0;

    padding-right: 0;

    margin: 0

}



.td-w {

    width: 100% !important

}



.accordioninner .card .w95 {

    width: 95%;

    margin-left: 3%;

    margin-top: 20px

}



.accordioninner .card .w95 b {

    font-size: 22px;

    color: #fff;

    font-weight: 400;

    margin-top: 15px

}



.pay-title {

    line-height: 104px !important

}



.cr-title {

    line-height: normal !important;

    margin-bottom: -200px

}



.lets-gro {

    background: #10171d;

    padding-bottom: 0

}



.lets-gro h5 {

    font-size: 4rem;

    color: #fff;

    width: 100%;

    display: block;

    margin-bottom: 40px;

    line-height: normal;

    margin-top: -6px

}



.lets-gro p {

    color: #fff

}



.lets-thumb img {

    margin-top: 30px;

    margin-bottom: -3px

}



.form-sec {

    padding-top: 0

}



.career-form .form-control {

    color: #7c7c7c;

    height: 50px;

    padding: 16px 0;

    border-radius: 0;

    border: none;

    background: 0 0;

    font-size: 18px;

    border-bottom: 1px solid #ced4da !important;

    resize: none;

    font-family: 'Bon Vivant Family Serif'

}



.career-form .form-group {

    margin-bottom: 20px

}



.career-form textarea {

    height: 60px !important;

    font-family: 'Bon Vivant Family Serif'

}



.career-form .clabtn1 {

    position: relative

}



.career-form .cls-1 {

    fill: none;

    stroke: #203d3b;

    stroke-linecap: round;

    stroke-linejoin: round

}



.career-form .abtn {

    width: 150px;

    height: 50px;

    line-height: 43px;

    float: inherit

}



.career-form .labels {

    margin: 40px 0;

    font-family: 'Bon Vivant Family Serif'

}



.btn-file input[type=file] {

    cursor: pointer;

    position: absolute;

    top: 0;

    right: 0;

    min-width: 100%;

    min-height: 100%;

    text-align: right;

    opacity: 0;

    outline: 0;

    background: #f46c21 !important;

    color: #fff !important;

    display: block

}



span.btn-file {

    position: relative

}



label {

    opacity: .7;

    font-size: 15px;

    color: red;

    margin-top: 10px

}



.loansformdt label {

    opacity: .7;

    font-size: 15px;

    margin-top: 10px;

    margin-left: 30px

}



.labels>div {

    float: right;

    margin-top: 10px

}



.file-name {

    padding-left: 5px;

    color: #000;

    font-weight: 600

}



.btn-file strong {

    font-family: 'Halvar Eng Lt';

    border: 1px solid #b5b4b4;

    padding: 6px 10px;

    background-image: linear-gradient(to bottom, rgb(201 200 200 / 55%), #00000000);

    font-size: 19px;

    font-weight: 600;

    letter-spacing: 1px

}



.career-form .btn-file {

    margin-right: 0;

    width: 160px

}



.logo-thumb {

    display: flex;

    justify-content: center;

    align-items: center;

    border-right: 1px solid #6c9392c7 !important;

    border-bottom: 1px solid #6c9392c7 !important;

    border: 0;

    padding: 100px 40px

}



.border {

    border-bottom: 0

}



.group-box .logo-thumb:last-child {

    border-bottom: 0 !important

}



.group-box {

    width: 99.9%;

    border: 1px solid #6c9392c7;

    border-top: 0;

    border-right: 0;

    border-bottom: 0;

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap

}



.pay-online .logo-thumb:nth-child(1) {

    border-right: 0;

    border-top: 0

}



.pay-online .logo-thumb:nth-child(2) {

    border-top: 0

}



.pay-online .logo-thumb:nth-child(3) {

    border-left: 0;

    border-top: 0;

    border-top: 0

}



.pay-online .col-md-4:nth-child(1) {

    padding-right: 0;

    padding-right: 0

}



.pay-online .col-md-4:nth-child(2) {

    padding-left: 0

}



.pay-online .col-md-4:nth-child(3) {

    padding-left: 0

}



.pay-online .col-md-4:nth-child(4) {

    padding-right: 0;

    padding-right: 0

}



.pay-online .col-md-4:nth-child(5) {

    padding-left: 0

}



.pay-online .col-md-4:nth-child(6) {

    padding-left: 0

}



.discription {

    margin-top: 60px

}



.discription .clabtn1 {

    position: relative

}



.discription .clabtn1 .abtn {

    width: 150px;

    height: 45px;

    margin-top: 50px

}



.group-pay {

    display: flex

}



.group-pay:nth-child(1) {

    border-bottom: 1px solid #6c9392c7

}



.park-thumb {

    width: 232px;

    display: flex;

    margin-bottom: 30px

}



.logo-thumb {

    position: relative;

    overflow: hidden;

    cursor: pointer;

    width: 33.33%

}



.logo-thumb img {

    z-index: -1

}



.inner-thumb {

    width: 100%;

    height: 100%;

    position: absolute;

    transform: translateY(120%);

    transition: all .8s ease-out;

    opacity: 0;

    visibility: hidden;

    display: flex;

    justify-content: center;

    align-items: center

}



.logo-thumb:hover .inner-thumb {

    transform: translateY(0);

    opacity: 1;

    visibility: visible;

    box-shadow: inset 0 -100vh 0 0 #203d3b

}



.inner-thumb .clabtn1 .abtn {

    border: 1px solid #f6f4ee;

    color: #f6f4ee;

    float: inherit;

    margin: 15px 0;

    opacity: 1

}



.inner-thumb .clabtn1 {

    width: 60%;

    position: relative;

    top: 0;

    text-align: center;

    justify-content: center

}



.inner-thumb .clabtn1 .abtn:hover {

    background: #f6f4ee;

    color: #203d3b;

    opacity: 1

}



.inner-thumb .clabtn1 .abtn:hover svg .cls-1 {

    stroke: #203d3b !important

}



.inner-thumb .clabtn1 .abtn svg {

    stroke: #f6f4ee;

    width: 15px

}



.inner-thumb .cls-1 {

    fill: none;

    stroke: #f6f4ee;

    stroke-linecap: round;

    stroke-linejoin: round

}



.bg-color {

    background: #203d3b;

    padding-top: 50px;

    flex-wrap: wrap

}



.life-sec {

    padding-bottom: 0

}



.customerwrap .bold {

    margin-bottom: 5px;

    font-weight: 600 !important;

    display: block

}



.bg-color .park-thumb svg {

    width: 18px;

    height: 18px;

    stroke: #203d3b;

    margin-left: 15px;

    transition: all .5s ease-out;

    position: relative;

    top: -1px

}



.dw-btn {

    left: -71px !important

}



.readmore {

    display: none

}



.displaynone {

    display: none

}



.life-sec .btnwrapone {

    margin: auto

}



.readmore-btn>div {

    display: flex

}



.readmore-btn img {

    width: 18px;

    margin-left: 10px

}



.superbiabanner .cpationlogo {

    bottom: 30px

}



@media(max-width:991px) {

    .topnavbaxy .navbar-nav li:before {

        right: -10px !important

    }

    .mb-50 {

        margin-bottom: 50px

    }

    .elevationsectionwrap .clabtn1 {

        bottom: 25px;

        position: relative

    }

    .architect-sec .arrow-btn {

        padding: 4px

    }

    .title-sec {

        align-items: flex-start

    }

    .vission-content {

        padding: 0 37px 0 0

    }

    .mission-content {

        padding: 0 0 0 10px

    }

    .image-thumb {

        margin-top: 0

    }

    .eft-100 img {

        height: 510px

    }

    .discription .clabtn1 {

        margin-top: 0

    }

    .orchard-avenue .btnclick,

    .signum79 .btnclick {

        right: inherit;

        left: 15px

    }

    .banner-sunrise .cpationlogo,

    .banner-synera .cpationlogo,

    .orchard-banner .cpationlogo {

        margin-bottom: 45px

    }

    .banner-andourheight71 .cpationlogo {

        margin-bottom: 15px

    }

    .lets-gro {

        padding-bottom: 0 !important

    }

    .slide-popup {

        overflow-x: hidden;

        overflow-y: scroll

    }

    .popup-slide .col-md-12 {

        padding: 0

    }

    .pupup-content .scroll {

        height: 340px

    }

    .closebtn {

        top: 9px;

        right: 13px

    }

    .pupup-content .scroll p:first-child {

        margin-top: -6px

    }

    .closebtn {

        color: #fff;

        border: 1px solid #fff

    }

    .slide-popup a:hover {

        color: #fff;

        border: 1px solid #fff

    }

    .pupup-content {

        padding: 40px 30px 30px

    }

    .about-sec h1 {

        font-size: 60px;

        top: -67px;

        line-height: normal

    }

    .eft-100 .col-md-12,

    .enda .col-md-12 {

        padding-left: 15px;

        padding-right: 15px

    }

    .mb185 {

        margin-top: 120px

    }

    .chairman-sec {

        padding-top: 80px

    }

    .chairman-content {

        padding-right: 0

    }

    .chairman-content .scroll {

        height: 204px

    }

    .chairman-content small {

        margin-top: 20px

    }

    .about-sec .innerbannerbg {

        padding-bottom: 60px

    }

    .director-sec {

        padding-top: 60px

    }

    .architect-sec h5,

    .director-sec h5,

    .key-sec h5 {

        font-size: 2.7rem

    }

    .pad120 {

        padding: 60px 0

    }

    .paddP100 {

        padding-bottom: 100px

    }

    .title-sec p {

        font-size: 11px

    }

    .title-sec span {

        color: #203d3b;

        font-size: 14px

    }

    .vision-sec h5 {

        font-size: 2.7rem

    }

    .arrow-btn {

        width: 25px;

        height: 25px;

        padding: 5px;

        color: #6c9392;

        position: relative

    }

    .inner-thumb .clabtn1 {

        width: 100%

    }

    .inner-thumb .clabtn1 .abtn {

        margin: 15px 5px

    }

    .inner-thumb .clabtn1 {

        margin-top: 0 !important

    }

    .pay-title {

        line-height: normal !important

    }

    .banner-signum-89I .cpationlogo,

    .signum-37D-banner .cpationlogo,

    .signum-plaza-banner .cpationlogo,

    .signum-plaza37d-banner .cpationlogo,

    .signum103-banner .cpationlogo,

    .signum107-banner .cpationlogo,

    .signum37dIII-banner .cpationlogo,

    .signum63A-banner .cpationlogo,

    .signum89-II-banner .cpationlogo,

    .signum93-banner .cpationlogo,

    .signum95-banner .cpationlogo,

    .signum95A-banner .cpationlogo {

        bottom: 30px

    }

    .banner-signum81 .cpationlogo,

    .signum-plaza4-banner .cpationlogo,

    .signum-plaza5-banner .cpationlogo,

    .signum-plaza92-banner .cpationlogo {

        bottom: 20px

    }

    .career-banner .container,

    .payonline-banner .container {

        display: flex !important;

        align-items: flex-end !important

    }

    .locationmap iframe {

        height: 300px

    }

    .fnd-sec h1 {

        line-height: 112px;

        top: -115px

    }

    .lets-gro h5 {

        font-size: 2.7rem

    }

    .location-btm {

        margin-bottom: 50px

    }

    .pd-b0 {

        padding-bottom: 0 !important

    }

}



@media(max-width:480px) {

    .efforts-scroll {

        height: 255px;

        overflow: hidden;

        overflow-y: scroll;

        padding-right: 5px

    }

    .efforts-scroll::-webkit-scrollbar {

        width: 5px

    }

    .efforts-scroll::-webkit-scrollbar-track {

        background: #eee;

        border-radius: 1rem

    }

    .efforts-scroll::-webkit-scrollbar-thumb {

        border-radius: 1rem;

        background-color: #f5f5f5;

        background: #6c9392

    }

    .efforts-scroll p {

        margin-top: -5px

    }

    .lets-gro h5 {

        font-size: 2rem

    }

    .clabtn2 {

        display: block

    }

    .eft-100 img {

        height: auto

    }

    .image-thumb img {

        max-width: 100%

    }

    .innerprobannerbg .mb-5 {

        margin-bottom: 40px !important

    }

    .career-banner .bannertext,

    .payonline-banner .bannertext {

        left: 0;

        width: 100%

    }

    .about-banner {

        height: 75vh;

        background-image: url(../images/About-mb-banner.jpg)

    }

    .foundation-banner {

        height: 75vh;

        background-image: url(../images/CSR-mb-banner.jpg)

    }

    .career-banner {

        height: 75vh;

        background-image: url(../images/Career-mb-banner.jpg)

    }

    .payonline-banner {

        height: 75vh;

        background-image: url(../pay-online/pay-online-mbbanner.jpg)

    }

    .signum37dIII-banner {

        background-image: url(../images/projects/signum37d-III/signum37d-III-mbbanner.jpg)

    }

    .signum-plaza4-banner {

        background-image: url(../images/projects/signum-plaza4/signum-plaza4-mbbanner.jpg)

    }

    .banner-signum81 {

        background-image: url(../images/projects/signum-plaza81/banner/mobile-banner.jpg)

    }

    .signum-plaza92-banner {

        background-image: url(../images/projects/signum-plaza92/banner/mobile-banner.jpg)

    }

    .signum-plaza5-banner {

        background-image: url(../images/projects/signum-plaza5/signum-plaza5-mbbanner.jpg)

    }

    .golfgreen79banner {

        background-image: url(../images/projects/golf-greens79/Golf-green79-mb-banner.jpg)

    }

    .signum79-banner {

        background-image: url(../images/projects/signum79/signum79-mbbanner.jpg)

    }

    .signum-37D-banner {

        background-image: url(../images/projects/signum-37D/signum37D-mbbanner.jpg)

    }

    .signum-plaza37d-banner {

        background-image: url(../images/projects/signum-plaza37d/signum-plaza37d-mbbanner.jpg)

    }

    .signum-37D-banner {

        background-image: url(../images/projects/signum63A/signum63A-mbbanner.jpg)

    }

    .signum89-II-banner {

        background-image: url(../images/projects/signum89-II/signum89-II-mbbanner.jpg)

    }

    .superbiabanner {

        background-image: url(../images/projects/superbia/superbia-mbbanner.jpg)

    }

    .signum-plaza-banner {

        background-image: url(../images/projects/signum-plaza/signum-plaza-mbbanner.jpg)

    }

    .signum37d-IV-banner {

        background-image: url(../images/projects/signum37d-IV/signum37d-IV-banner.jpg)

    }

    .signum95-banner {

        background-image: url(../images/projects/signum95/signum95-mbbanner.jpg)

    }

    .signum95A-banner {

        background-image: url(../images/projects/signum-sector95a/signum95A-mbbanner.jpg)

    }

    .signum103-banner {

        background-image: url(../images/projects/signum103/signum103-mbbanner.jpg)

    }

    .signum107-banner {

        background-image: url(../images/projects/signum107/signum-107-mbbanner.jpg)

    }

    .signum93-banner {

        background-image: url(../images/projects/signum93/signum93-mbbanner.jpg)

    }

    .signum71-banner {

        background-image: url(../images/projects/signum71/signum71-mbbanner.jpg)

    }

    .signum37d2-banner {

        background-image: url(../images/projects/signum-37-D2/MobileBanner.jpg)

    }

    .signum88A-banner {

        background-image: url(../images/projects/signum88A/signum88A-mbbanner.jpg)

    }

    .signum-sector36-banner {

        background-image: url(../images/projects/signum-sector36/MobileBanner.jpg)

    }

    .slide-popup .image-thumb img {

        height: auto;

        object-fit: cover

    }

    .about-sec h1 {

        font-size: 2.5rem;

        color: #fff;

        position: absolute;

        top: -48px

    }

    .architect-sec h5,

    .director-sec h5,

    .key-sec h5 {

        width: 300px;

        font-size: 2rem

    }

    .vision-sec h5 {

        font-size: 2rem

    }

    .chairman-content .scroll {

        height: 200px

    }

    .chairman-content p:last-child {

        margin-bottom: 0 !important

    }

    .director-slider .director-thumb {

        margin: 0 15px !important

    }

    .director-sec h5 {

        width: 272px

    }

    .chairman-content small {

        margin-top: 50px;

        margin-bottom: 20px

    }

    .chairman-thumb {

        padding-left: 0;

        padding-top: 7px

    }

    .key-sec .control {

        opacity: 1 !important

    }

    .signum-arrow {

        display: flex !important

    }

    .btnclick {

        bottom: 15px

    }

    .arrow-btn {

        width: 30px;

        height: 30px;

        padding: 6px

    }

    .control .arrow-icon-left,

    .control .arrow-icon-left2,

    .control .arrow-icon-left3,

    .control .arrow-icon-right,

    .control .arrow-icon-right2,

    .control .arrow-icon-right3 {

        width: 30px;

        height: 30px;

        padding: 6px

    }

    .control {

        max-width: 120px;

        position: absolute;

        right: 15;

        top: 13px

    }

    .director-sec .control {

        right: 15px;

        top: 9px

    }

    .director-sec h5 {

        margin-bottom: 20px

    }

    .architect-sec .director-thumb {

        margin-right: 0;

        margin-left: 0

    }

    .two-thumb {

        display: block !important

    }

    .unitsectionwrap .control {

        top: 5px

    }

    .title-sec span {

        font-size: 15px

    }

    .title-sec p {

        font-size: 13px

    }

    .vission-content {

        border-right: 0;

        padding: 0 20px 50px

    }

    .mission-content {

        position: relative;

        z-index: 3;

        padding: 0 20px 0 20px

    }

    .foundation-content {

        width: 100%;

        padding: 50px 30px;

        margin-left: auto

    }

    .foundation-bg {

        padding: 70px 20px

    }

    .chaticon {

        display: none

    }

    .closebtn {

        width: 35px;

        height: 35px;

        position: absolute;

        border-radius: 100%;

        top: 30px;

        right: 25px

    }

    .key-sec .mt-40:first-child {

        margin-top: 0

    }

    .mt {

        margin-top: 0

    }

    .progalleryslider .slider-nav {

        margin: auto;

        width: 100%

    }

    .progalleryslider .slider-nav img {

        width: 15% !important

    }

    .progalleryslider .slider-nav .slick-track {

        width: 100% !important

    }

    .progalleryslider .slider-nav .item-slick {

        max-width: 120px;

        margin-right: -5px

    }

    .siteplanwrap .clabtn1 {

        display: table

    }

    .accordion .card h6 b {

        width: 68%

    }

    .eft-100 {

        padding-top: 60px

    }

    .architect-sec .arrow-btn {

        padding: 5px

    }

    .group-pay {

        flex-wrap: wrap

    }

    .logo-thumb {

        position: relative;

        overflow: hidden;

        width: 100%

    }

    .pay-online .logo-thumb:nth-child(1) {

        border-right: 1px solid #6c9392;

        border-top: 0;

        border-bottom: 1px solid #6c9392

    }

    .pay-online .logo-thumb:nth-child(2) {

        border-top: 0;

        border-bottom: 1px solid #6c9392

    }

    .pay-online .logo-thumb:nth-child(3) {

        border-top: 0

    }

    .inner-thumb .clabtn1 {

        width: 60%

    }

    #life-signature {

        padding-bottom: 0 !important

    }

    .eft-100 img {

        height: 100%

    }

    .readmore {

        display: block

    }

    a .readmore {

        color: #000

    }

    .readmore div {

        display: flex;

        margin-top: 18px;

        align-items: center;

        color: #000;

        font-size: 14px

    }

    .readmore img {

        width: 18px;

        margin-left: 10px

    }

    .display-none {

        display: none

    }

    .btnclick span {

        font-size: 16px

    }

    .fnd-sec h1 {

        line-height: 64px;

        top: -62px !important

    }

    @media(max-width:375px) {

        .labels>div {

            float: inherit;

            margin-top: 20px

        }

    }

}



@media(max-width:480px) {

    .topnavbaxy .navbar-nav li:before {

        display: none

    }

}



.topnavbaxy ul li {

    position: relative;

    display: flex;

    align-items: center

}



.topnavbaxy .navbar-nav li:before {

    content: '';

    right: -20px;

    width: 1px;

    height: 8px;

    position: absolute;

    z-index: 9;

    background: #fff;

    opacity: .7

}



.topnavbaxy .navbar-nav li:last-child:before {

    display: none

}



.senera-para {

    padding-bottom: 14px

}



.oc-certify img {

    width: 100%

}



.sgsco-banner {

    background-image: url(../images/projects/sg-sco/banner.jpg)

}



.signum-37d4 {

    background-image: url(../images/projects/signum37d-iv/Banner/Banner.jpg)

}



@import url(../css/fonts.css);

* {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    outline: 0

}



:root {

    font-size: 16px

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Bon Vivant Family Serif' !important

}



p {

    font-family: 'Halvar Eng Lt';

    font-weight: 300;

    font-size: 18px;

    line-height: 1.5

}



html {

    scroll-behavior: smooth;

    overflow-x: hidden !important

}



body {

    font-family: 'Halvar Eng Lt';

    overflow-x: hidden !important;

    background: #f6f4ee;

    padding: 0 !important;

    margin: 0

}



body.active {

    background-color: rgba(0, 0, 0, .5);

    z-index: -1;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.halvar_md {

    font-family: 'Halvar Eng Md'

}



.halvar_lt {

    font-family: 'Halvar Eng Lt'

}



.halvar_rg {

    font-family: 'Halvar Eng Rg'

}



.bon_vivant {

    font-family: 'Bon Vivant Family Serif';

}



span.fcolorlgt {

    color: #6c939299 !important;

    opacity: 1 !important

}



.fcolorlgt {

    color: #6c9392 !important

}



.fcolordrk {

    color: #203d3b !important

}



.blackbg {

    background: #10171d

}



#topbtn {

    display: inline-block;

    background-color: transparent;

    border: none;

    text-align: center;

    border-radius: 100px;

    position: fixed;

    bottom: 70px;

    right: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: background-color .3s, opacity .5s, visibility .5s;

    opacity: 0;

    visibility: hidden;

    z-index: 1000

}



#topbtn svg {

    width: 40px;

    height: 40px;

    fill: #192f44;

    stroke: #fff;

    display: inline-block;

    margin-left: 15px;

    padding: 0;

    transition: all .5s linear;

    transform: rotate(-90deg)

}



#topbtn:hover svg {

    cursor: pointer;

    fill: #192f44;

    stroke: #ffffff

}



#topbtn:hover svg .cls-1 {

    stroke: #192f44 !important

}



#topbtn.show {

    opacity: 1;

    visibility: visible

}



#topbtn img {

    width: 20px

}



#topbtn .uparrow {

    width: 40px;

    height: 40px;

    background: #203d3b;

    cursor: pointer;

    border-radius: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-left: 15px;

    padding: 0;

    transition: all .5s linear;

    transform: rotate(0)

}



#topbtn .uparrow:hover {

    background: #6c9293

}



.brhidedk {

    display: none

}



.dlfx {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-end

}



.dlfxcenter {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column

}



.width100 {

    width: 100% !important

}



.wid90 {

    width: 90%

}



.widcus {

    width: 160px !important

}



.padd100 {

    padding: 100px 0

}



.paddf100 {

    padding: 100px 0

}



.padt100 {

    padding-top: 100px

}



.padt80 {

    padding-top: 80px

}



.padt70 {

    padding-top: 70px

}



.padt60 {

    padding-top: 60px

}



.padb100 {

    padding-bottom: 100px

}



.padd80 {

    padding: 80px 0

}



.paddn60 {

    padding: 60px 0

}



.paddb60 {

    padding-bottom: 60px

}



.paddb30 {

    padding-bottom: 30px

}



.paddb0 {

    padding-bottom: 0

}



.pl-00 {

    padding-left: 0 !important

}



.pr-00 {

    padding-right: 0 !important

}



.pl-65 {

    padding-left: 48px

}



.prr-2 {

    padding-right: .5rem !important

}



.mtop {

    margin-top: 70px

}



.borderbt {

    border-bottom: 1px solid #585858

}



.bordertop {

    border-top: 1px solid #585858

}



.bggray {

    background: #f4f4f4

}



.mttttop {

    margin-top: 50px

}



.posrelative {

    position: relative;

    height: 100%

}



#disclaimer .modal-title {

    width: 100%;

    text-align: center;

    letter-spacing: 2px

}



#disclaimer .modal-content {

    border-radius: 0;

    background: #f6f4ee

}



#disclaimer.modal-dialog {

    max-width: 600px;

    margin: 1.75rem auto

}



.desktopshow {

    display: block

}



.mobshow {

    display: none

}



.bgnone {

    background: 0 0 !important

}



.mobhidebr {

    display: none

}



.popup-box {

    width: 100%

}



.popup-box p {

    font-size: 15px;

    line-height: 1.5;

    text-align: justify

}



.agree-btn {

    background: #50b748;

    padding: 10px 15px;

    color: #fff;

    border-radius: 5px;

    margin-top: 20px;

    display: table;

    cursor: pointer;

    text-align: center;

    margin-left: auto;

    margin-right: auto

}



.overlaymobbg {

    width: 100%;

    height: 100vh;

    position: fixed;

    display: none

}



.overlaymobbg.active {

    content: '';

    width: 100%;

    height: 100%;

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    background: rgba(0, 0, 0, .9);

    z-index: 33

}



.mainbanneroverlay:after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    background: rgba(0, 0, 0, .4)

}



.overlaybg::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    background: rgba(255, 255, 255, .5)

}



.overlaybottom::after {

    content: '';

    width: 100%;

    height: 50%;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 50%;

    background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, .6))

}



.overlayhd::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .1))

}



.overlaybanner::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    top: 0;

    background-color: rgba(0, 0, 0, .3);

    z-index: 2

}



.header-area {

    position: absolute;

    height: 80px;

    padding: 15px 0 0;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9999;

    display: flex;

    align-items: center;

    justify-content: center

}



.header-area.fixed-top {

    position: fixed !important;

    background-color: #10171d

}



#main-nav {

    width: 100%;

    float: left;

    flex-wrap: wrap;

    margin-top: 5px;

    transition: 1s ease-in-out

}



.topnavbaxy {

    width: 100%;

    flex: auto;

    position: relative

}



.topnavbaxy ul {

    margin: 0;

    padding: 0

}



.topnavbaxy ul li {

    width: auto;

    display: inline-block;

    margin: 0 20px

}



.topnavbaxy ul span {

    transform: rotate(0);

    width: auto;

    display: inline-block;

    color: #fff;

    font-size: .69rem;

    font-family: 'Halvar Eng Lt'

}



.topnavbaxy ul li a {

    width: 100%;

    padding: 5px 0 !important;

    color: #fff;

    text-transform: uppercase;

    font-size: .75rem !important;

    border: none !important;

    opacity: .7

}



.topnavbaxy ul li a i {

    font-size: .69rem;

    color: #fff

}



.topnavbaxy ul li a img {

    width: 15px

}



.topnavbaxy ul li a:hover {

    border: none !important

}



.topnavbaxy ul li:last-child(0) a {

    padding-right: 20px !important

}



.topnavbaxy ul li:nth-last-child(1) a {

    padding-right: 0 !important

}



.topnavbaxy ul li:nth-last-child(1) {

    margin-right: 0 !important

}



.pdr {

    padding-right: 0 !important

}



.show {

    transition: all .5s ease

}



body.modal-open {

    padding: 0 !important;

    overflow: hidden;

    height: 100vh

}



#myModal3 {

    padding-right: 0 !important

}



.modal {

    z-index: 99999

}



.mobiconbtn {

    width: auto;

    position: relative;

    margin-left: 15px;

    display: none

}



.mobiconbtn a {

    width: 30px;

    height: 30px;

    border-radius: 100px;

    background: 0 0;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin-left: 8px;

    transition: all .5s ease-out

}



.mobiconbtn a:hover {

    border: none

}



.mobiconbtn a i {

    font-size: 15px;

    coloR: #fff

}



.mobiconbtn a:first-child i {

    font-size: 13px

}



.mobiconbtn a svg {

    width: 25px;

    height: 100%

}



.mobiconbtn a svg .cls-1 {

    width: 30px;

    fill: #4dcb5b;

    transition: all .5s ease

}



.mobiconbtn a svg .cls2 {

    fill: #fff !important

}



.mobiconbtn a:hover svg .cls-1 {

    fill: #6c9293

}



.navbar-nav span {

    transform: rotate(0);

    width: auto;

    display: inline-block;

    color: #fff

}



.navbar {

    position: absolute;

    left: 0;

    top: 0;

    padding: 0;

    width: 100%;

    border-bottom: 1px solid rgba(255, 255, 255, .3);

    transition: background .6s ease-in;

    z-index: 999999;

    height: 100%

}



.navbar .navbar-brand {

    padding: 0

}



.navbar .navbar-brand img {

    width: 180px

}



.navbar-dark .navbar-nav ul li a {

        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    padding: 15px 0 5px !important

}



.navbar .navbar-toggler {

    position: relative;

    height: 50px;

    width: 50px;

    border: none;

    cursor: pointer;

    outline: 0

}



.navbar .navbar-toggler .menu-icon-bar {

    position: absolute;

    left: 15px;

    right: 15px;

    height: 2px;

    background-color: #fff;

    opacity: 0;

    -webkit-transform: translateY(-1px);

    -ms-transform: translateY(-1px);

    transform: translateY(-1px);

    transition: all .3s ease-in

}



.navbar .navbar-toggler .menu-icon-bar:first-child {

    opacity: 1;

    -webkit-transform: translateY(-1px) rotate(45deg);

    -ms-sform: translateY(-1px) rotate(45deg);

    transform: translateY(-1px) rotate(45deg)

}



.navbar .navbar-toggler .menu-icon-bar:last-child {

    opacity: 1;

    -webkit-transform: translateY(-1px) rotate(135deg);

    -ms-sform: translateY(-1px) rotate(135deg);

    transform: translateY(-1px) rotate(135deg)

}



.navbar .navbar-toggler.collapsed .menu-icon-bar {

    opacity: 1

}



.navbar .navbar-toggler.collapsed .menu-icon-bar:first-child {

    -webkit-transform: translateY(-7px) rotate(0);

    -ms-sform: translateY(-7px) rotate(0);

    transform: translateY(-7px) rotate(0)

}



.navbar .navbar-toggler.collapsed .menu-icon-bar:last-child {

    -webkit-transform: translateY(5px) rotate(0);

    -ms-sform: translateY(5px) rotate(0);

    transform: translateY(5px) rotate(0)

}



.navbar-dark .navbar-nav .nav-link {

    position: relative;

    color: #fff;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    font-size: .9rem;

    font-weight: 300;

    padding: 15px 0;

    border-bottom: 1px solid transparent;

    transition: all .8s ease;

    letter-spacing: 1px;

    text-transform: uppercase

}



.navbar-dark .navbar-nav .nav-item {

    margin: 0 0 0 41px

}



.navbar-dark .navbar-nav .nav-link img {

    width: 13px

}



.navbar-dark .navbar-nav .nav-link:focus,

.navbar-dark .navbar-nav .nav-link:hover {

    color: #fff;

    opacity: 1

}



.navbar-dark .navbar-nav .nav-link:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #fff;

    height: 1px;

    bottom: 0;

    transition: all ease-in-out .5s;

    margin: 0 !important

}



.active:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #6c9293;

    height: 1px;

    bottom: 0;

    transition: all ease-in-out .5s

}



.nav-item:hover .abdrop {

    display: block

}



.addac:hover .abdrop {

    display: block

}



.headerbg {

    background: #10171d;

    width: 100%;

    transition: all .5s ease-out

}



.dropdown-menu {

    top: 95%;

    right: 0;

    min-width: auto !important;

    border-radius: 0;

    width: 100%;

    left: 0;

    padding: 0;

    transition: all .8s ease-in;

    background-color: #f6f4ee;

    -webkit-animation: dropdown-animation .5s;

    animation: dropdown-animation .5s;

    -webkit-transform-origin: top;

    -ms-transform-origin: top;

    transform-origin: top;

    border: none

}



.dropdown-item {

    padding: 10px 5px;

    color: #203d3b;

    border-bottom: 1px solid #fff;

    text-transform: uppercase;

    text-align: center;

    transition: all .5s ease-out

}



.dropdown-item:last-child {

    border-bottom: none

}



.navbar-dark .navbar-nav .nav-link:hover:after {

    width: 100%;

    right: auto;

    left: 0

}



.dropdown-item:focus,

.dropdown-item:hover {

    color: #fff;

    background: #203d3b

}



.dropdown-item.active,

.dropdown-item:active {

    color: #fff;

    background: #203d3b

}



.dropdown {

    position: static

}



.dropdown-menu {

    display: block;

    max-height: 0;

    -webkit-transition: max-height .8s ease-in-out;

    -moz-transition: max-height .8s ease-in-out;

    -o-transition: max-height .8s ease-in-out;

    transition: max-height .8s ease-in-out;

    overflow: hidden

}



.dropdown:hover .dropdown-menu {

    max-height: 380px

}



.subnavdown {

    width: 100%;

    position: relative;

    z-index: -1

}



.subnavdown strong {

    width: auto;

    font-size: 18px;

    display: inline-block;

    color: #203d3b;

    text-transform: capitalize;

    padding-bottom: 15px;

    margin-bottom: 15px;

    letter-spacing: 2px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    font-weight: 500;

    border-bottom: 1px solid rgba(0, 0, 0, .2)

}



.subnavdown ul {

    width: 100%;

    margin: 0;

    padding: 0

}



.subnavdown ul li {

    width: 100%;

    margin-bottom: 15px

}



.subnavdown ul li a {

    width: 100%;

    padding: 5px 0 !important;

    color: #203d3b;

    text-transform: uppercase;

    font-size: .89rem !important;

    border: none !important;

    opacity: 1;

    letter-spacing: 1px;

    position: relative

}



.subnavdown ul li a:hover {

    color: #6c9293

}



.subnavdown ul li a:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #6c9293;

    height: 1px;

    bottom: 0;

    transition: all ease-in-out .5s;

    margin: 0 !important

}



.subnavdown ul li a:hover:after {

    width: 100%;

    right: auto;

    left: 0

}



.subnavdown .dskhide {

    margin-top: 20px;

    position: absolute;

    left: 15px;

    bottom: 0

}



.subnavdown .dskhide ul {

    padding: 0 !important;

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center

}



.subnavdown .dskhide ul span {

    transform: rotate(0);

    width: auto;

    display: inline-block;

    color: #203d3b;

    font-size: .79rem;

    font-family: 'Halvar Eng Lt';

    margin: 2px 10px 0

}



.subnavdown .dskhide ul li {

    width: auto;

    display: inline-block;

    margin: 0

}



.subnavdown .dskhide ul li a {

    text-transform: capitalize !important;

    padding: 0 !important;

    font-size: .95rem !important;

    opacity: .5;

    transition: all .5s ease

}



.subnavdown .dskhide ul li a:hover {

    opacity: 1

}



.projectsbtn {

    width: 100%;

    height: 100%;

    background: #efece6;

    padding: 30px

}



.projectsbtn strong {

    width: auto;

    font-size: 2rem;

    display: inline-block;

    color: #203d3b;

    text-transform: capitalize;

    margin-bottom: 15px;

    letter-spacing: 2px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    font-weight: 500;

    padding: 0;

    border: none

}



.navproimg {

    width: 100%

}



.navproimg img {

    width: 100%

}



.navbar-expand-md .navbar-nav {

    margin-top: 2px

}



.rightnavpro .col-lg-5 {

    padding-right: 0

}



.rightnavpro .col-lg-7 {

    padding-left: 0

}



.navbar.fixed-top {

    position: fixed;

    -webkit-animation: navbar-animation .6s;

    animation: navbar-animation .6s;

    background-color: rgba(0, 0, 0, .9)

}



.navbar.fixed-top.navbar-dark .navbar-nav .nav-link.active {

    color: #6c9293;

    border-bottom: 1px solid #6c9293

}



.navbar.fixed-top.navbar-dark .navbar-nav .nav-link::after {

    background-color: #c0ca33

}



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

    .onmilbtn {

        margin: 15px 0px 80px;

    }



    .navbar-nav {

        padding: 0;

        background-color: rgba(0, 0, 0, 0)

    }

    .navbar.fixed-top .navbar-nav {

        background: 0 0

    }

}



@media screen and (min-width:767px) {

    .navbar-dark .navbar-nav .nav-link {

        padding: 15px 0

    }

}



.bottommediamobwrap {

    display: none

}



.aboutsectionbg {

    background-image: url(../images/about-leaf-bg.jpg) no-repeat !important

}



.headingtag {

    width: 100%;

    display: block;

    margin-bottom: 20px !important;

    font-size: 2rem;

    color: #000;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    line-height: 50px;

}



.abtp {

    text-align: justify;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.headingtagcontact {

    width: 100%;

    display: block;

    font-size: 6rem;

    color: #000;

    line-height: normal;

    font-family: 'Bon Vivant Family Serif'

;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;}



.paywithEmi {

    width: 100%;

    display: block;

    font-size: 4rem;

    line-height: normal;

    font-family: 'Bon Vivant Family Serif'

}



.hdtfont {

    font-size: 2.3rem !important

}



.delevered-stam {

    width: 150px;

    position: absolute;

    bottom: 15px;

    right: 0

}



.delevered-stam img {

    width: 100%;

    transform: rotate(-25deg) !important

}



.delevered-stam-projects {

    width: 100px;

    position: absolute;

    bottom: 15px;

    right: 15px

}



.delevered-stam-projects img {

    width: 100%;

    transform: rotate(-25deg) !important

}



.banner {

    position: relative;

    height: 95vh;

    padding: 0 !important;

    width: 100%;

    background-repeat: repeat;

    background-size: cover;

    background-position: center;

    overflow: hidden

}



.banner .videobg {

    width: auto

}



.banner .videobg #videobanner {

    height: 100%;

    width: 100%

}



.banner .container {

    position: relative;

    display: flex;

    align-items: flex-end;

    height: 100%

}



.banner img {

    width: 100%;

    height: 100%

}



.banpostext {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 22

}



.banpostext .bannertexthm {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    position: static

}



.banpostext .bannertexthm h1 {

    font-weight: 700;

    font-size: 6rem;

    color: #fff;

    width: 100%;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    line-height: 1;

    font-family: 'Bon Vivant Family Serif'

}



.banpostext .bannertexthm h1 b {

    padding-left: 50px;

    font-weight: 700

}



.banpostext .bannertexthm h1 b:nth-last-child(1) {

    padding-left: 108px

}



.banpostext .bannertexthm p {

    font-weight: 300;

    color: #fff;

    line-height: 1.5;

    font-size: 18px;

    margin-bottom: 15px;

    height: 100%;

    display: flex;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    align-items: flex-end;

    padding-bottom: 15px

}



.bannertext {

    width: 100%;

    position: absolute;

    bottom: 0

}



.bannertext h1 {

    font-weight: 700;

    font-size: 5rem;

    color: #fff;

    width: 100%;

    line-height: 1;

    font-family: 'Bon Vivant Family Serif'

}



.bannertext h1 b {

    padding-left: 50px;

    font-weight: 700

}



.bannertext h1 b:nth-last-child(1) {

    padding-left: 108px

}



.banner .mn_c_ln {

    width: 1px;

    height: 100px;

    position: absolute;

    bottom: 0;

    left: 15px;

    margin: auto;

    z-index: 22;

    display: none

}



.banner .mn_c_ln::before {

    content: '';

    width: 1px;

    height: 100%;

    background: #d1c2c2;

    left: 0;

    margin-left: -1.5px;

    bottom: 0;

    position: absolute;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s

}



.banner .mn_c_ln::after {

    content: '';

    width: 1px;

    height: 100%;

    background: #fff;

    left: 0;

    margin-left: -1.5px;

    bottom: 0;

    position: absolute;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s

}



.banner .mn_c_ln::after {

    will-change: transform;

    width: 1px;

    background: #837d7d;

    -webkit-animation-name: b;

    animation-name: b;

    -webkit-animation-duration: 4s;

    animation-duration: 4s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: cubic-bezier(.77, 0, .175, 1);

    animation-timing-function: cubic-bezier(.77, 0, .175, 1);

    opacity: 1

}



@-webkit-keyframes b {

    0% {

        -webkit-transform-origin: 50% 100%;

        transform-origin: 50% 100%;

        -webkit-transform: scaleY(1);

        transform: scaleY(1)

    }

    50% {

        -webkit-transform-origin: 50% 100%;

        transform-origin: 50% 100%;

        -webkit-transform: scaleY(0);

        transform: scaleY(0)

    }

    50.0001% {

        -webkit-transform-origin: 50% 0;

        transform-origin: 50% 0;

        -webkit-transform: scaleY(0);

        transform: scaleY(0)

    }

    to {

        -webkit-transform-origin: 50% 0;

        transform-origin: 50% 0;

        -webkit-transform: scaleY(1);

        transform: scaleY(1)

    }

}



@keyframes b {

    0% {

        -webkit-transform-origin: 50% 100%;

        transform-origin: 50% 100%;

        -webkit-transform: scaleY(1);

        transform: scaleY(1)

    }

    50% {

        -webkit-transform-origin: 50% 100%;

        transform-origin: 50% 100%;

        -webkit-transform: scaleY(0);

        transform: scaleY(0)

    }

    50.0001% {

        -webkit-transform-origin: 50% 0;

        transform-origin: 50% 0;

        -webkit-transform: scaleY(0);

        transform: scaleY(0)

    }

    to {

        -webkit-transform-origin: 50% 0;

        transform-origin: 50% 0;

        -webkit-transform: scaleY(1);

        transform: scaleY(1)

    }

}



.mn_c_ln span {

    color: #fff;

    transform: rotate(-90deg);

    width: 100px;

    height: 20px;

    position: absolute;

    left: -51px;

    top: -70px

}



.bottomtx {

    bottom: 50px;

    left: 15px;

    width: 95%

}



.bottomtx h1 {

    font-size: 5rem

}



.themillenniabanner1 {

    background-image: url(../images/projects/the_millennia/Millennia-i-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.themillenniabanner2 {

    background-image: url(../images/projects/the_millennia_ii/Millennia-ii-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.themillenniabanner3 {

    background-image: url(../images/projects/the_millennia_iii/banner/DesktopBanner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.themillenniabanner4 {

    background-image: url(../images/projects/the_millennia_iv/Millennia-iv-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.sgcity37dbanner {

    background-image: url(../images/projects/city-37d/banner/DesktopBanner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.sgcity92banner {

    background-image: url(../images/projects/city-92/banner/DesktopBanner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.sgcity81banner {

    background-image: url(../images/projects/city-81/banner/DesktopBanner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.sgglobalparkbanner {

    background-image: url(../images/projects/global-parks/Desktop-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.sgglobalpark45banner {

    background-image: url(../images/projects/global-park-4&5/banner/Desktop-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-roselia {

    background-image: url(../images/projects/roselia-95A/the-roselia-2-banner.png) !important

}



.proxima-i-banner {

    background-image: url(../images/projects/proxima-i/proxima-i-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.proxima-ii-banner {

    background-image: url(../images/projects/proxima-ii/banner/Desktop-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.sg-prime-banner {

    background-image: url(../images/projects/sg-prime/Desktop-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.sg-aspire-banner {

    background-image: url(../images/projects/sg-aspire/banner/Desktop-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.home-loans-banner {

    background-image: url(../images/home-loans-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center;

    height: 500px

}



.orchard-banner {

    background-image: url(../images/projects/orchard-avenue/banner/Desktop-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-andourheight71 {

    background-image: url(../images/projects/andour-heights71/banner/Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-grandIva {

    background-image: url(../images/projects/grand-iva-sector-103-gurugram/banner/Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-serenas {

    background-image: url(../images/projects/sector-36-south-gurugram/banner/Desktop-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-sector95a-roselia {

    background-image: url(../images/projects/sector-95a-gurugram/banner/DesktopBanner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-solera2 {

    background-image: url(../images/projects/solera2/banner/DesktopBanner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-synera {

    background-image: url(../images/projects/synera/banner/Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.customer-banner {

    background-image: url(../images/customerbanner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center;

    height: 500px

}



.banner-sg-city {

    background-image: url(../images/projects/signature-global-city/banner/Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-roselia2 {

    background-image: url(../images/projects/roselia2/banner/DesktopBanner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-sunrise {

    background-image: url(../images/projects/sunrise-the-premium-floors/banner/Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-sg-mall {

    background-image: url(../images/projects/signature-global-mall/banner/Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.superbia-banner {

    background-image: url(../images/projects/superbia/banner/Desktop-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-golfgreen79 {

    background-image: url(../images/projects/golf-greens79/banner/Desktop-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-orchard2 {

    background-image: url(../images/projects/orchard-avenue2/banner/Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-signum-89I {

    background-image: url(../images/projects/signum-89-I/banner/banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-signum93-2 {

    background-image: url(../images/projects/signum93-II/banner/banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-signum-37D {

    background-image: url(../images/projects/signum-37D/banner/DesktopBanner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum-81-banner {

    background-image: url(../images/projects/signum-81/banner/Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum-95-II-banner {

    background-image: url(../images/projects/signum95-2/Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.green-development-banner {

    background-image: url(../images/green-development-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center;

    height: 500px

}



.sg-imperial-bannner {

    background-image: url(../images/projects/imperial/banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.faqsbanner {

    background-image: url(../images/faqs-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center;

    height: 500px

}



.cpationlogo {

    width: 100%;

    height: auto;

    position: absolute;

    left: 0px;

    bottom: 100px;

    margin-bottom: 0

}



.cpationlogo img {

    max-width: 180px

}



.clrwh {

    color: #fff !important;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.clrblk {

    color: #000 !important;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



.aboutCont {

    padding-bottom: 15px

}



.navbg {

    background-image: url(../images/second-sg-bg.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.sectionbg-one {

    width: 100%;

    position: relative

}



.innerbannerbg {

    background-color: #fff;

    background-repeat: repeat;

    background-size: cover;

    background-position: center;

    padding-bottom: 50px

}



.captext {

    width: 100%;

    display: block;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    font-size: 18px;

    font-family: 'Halvar Eng Rg';

    font-weight: 500;

    color: #fff;

    opacity: 1;

    letter-spacing: 2px;

    margin-bottom: 5px;

    text-transform: uppercase;

    opacity: .4 !important

}



.cont-dis {

    margin-top: 15px

}



.clabtn {

    width: 100%;

    height: 100%;

    position: relative

}



.clabtn .abtn {

    width: 220px;

    height: 50px;

    background: #fff;

    color: #000;

    border-radius: 50px;

    font-size: .99rem;

    text-transform: uppercase;

    text-align: center;

    display: inline-block;

    position: absolute;

    right: 0;

    bottom: 5px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .5s ease-out

}



.clabtn .abtn i {

    font-size: .99rem;

    color: #000;

    margin-left: 15px;

    transition: all .5s ease-out

}



.clabtn .abtn svg {

    width: 18px;

    height: 18px;

    stroke: #203d3b;

    margin-left: 15px;

    transition: all .5s ease-out

}



.clabtn .abtn:hover {

    background: #203d3b;

    color: #fff;

    opacity: .5

}



.clabtn .abtn:hover i {

    margin-left: 3%;

    color: #fff

}



.clabtn .abtn:hover svg {

    stroke: #fff

}



.clabtn .abtn:hover svg .cls-1 {

    stroke: #fff !important

}



.clabtn2 {

    display: flex

}



.abtn2 {

    margin-left: 25px

}



.clabtn1 {

    width: 90%;

    height: auto;

    position: absolute;

    bottom: 0

}



.clabtn1 .abtn {

    width: 250px;

    height: 50px;

    float: left;

    background: 0 0;

    border: 1px solid #6c9392;

    opacity: .7;

    color: #000;

    border-radius: 50px;

    font-size: .99rem;

    text-transform: uppercase;

    text-align: center;

    display: inline-block;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .5s ease-out

}



.clabtn1 .abtn1 {

    background: #fff

}



.clabtn1 .abtn i {

    font-size: .99rem;

    color: #000;

    margin-left: 15px;

    transition: all .5s ease-out

}



.clabtn1 .abtn img {

    margin-left: 15px;

    transition: all .5s ease-out

}



.clabtn1 .abtn svg {

    width: 18px;

    height: 18px;

    stroke: #203d3b;

    margin-left: 15px;

    transition: all .5s ease-out;

    position: relative;

    top: -1px

}



.clabtn1 .abtn:hover {

    background: #203d3b;

    color: #fff;

    opacity: 1

}



.clabtn1 .abtn:hover i {

    margin-left: 3%;

    color: #fff

}



.clabtn1 .abtn:hover svg {

    stroke: #fff

}



.clabtn1 .abtn:hover svg .cls-1 {

    stroke: #fff !important

}



.csrbtn {

    width: 100%;

    height: auto;

    position: relative;

    right: 0;

    margin-top: 40px

}



.csrbtn .abtn {

    width: 220px;

    height: 50px;

    float: left;

    background: 0 0;

    border: 1px solid #6c9392;

    opacity: .7;

    color: #000;

    border-radius: 50px;

    font-size: .99rem;

    text-transform: uppercase;

    text-align: center;

    display: inline-block;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all .5s ease-out

}



.csrbtn .abtn i {

    font-size: .99rem;

    color: #000;

    margin-left: 15px;

    transition: all .5s ease-out

}



.csrbtn .abtn img {

    margin-left: 15px;

    transition: all .5s ease-out

}



.csrbtn .abtn svg {

    width: 18px;

    height: 18px;

    stroke: #203d3b;

    margin-left: 15px;

    transition: all .5s ease-out;

    position: relative;

    top: -1px

}



.csrbtn .abtn svg .cls-1 {

    stroke: #203D3B

}



.csrbtn .abtn:hover {

    background: #203d3b;

    color: #fff;

    opacity: 1

}



.csrbtn .abtn:hover i {

    margin-left: 3%;

    color: #fff

}



.csrbtn .abtn:hover svg {

    stroke: #fff

}



.csrbtn .abtn:hover svg .cls-1 {

    stroke: #fff !important

}



.pronavbtn {

    width: 80%;

    height: auto;

    position: relative;

    margin-top: 15px

}



.pronavbtn .abtn {

    width: 175px;

    height: 40px;

    float: left;

    background: 0 0;

    border: 1px solid #6c9392;

    opacity: .7;

    color: #000;

    border-radius: 50px;

    font-size: 15px;

    text-transform: uppercase;

    text-align: center;

    display: flex;

    align-items: center;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    justify-content: center;

    transition: all .5s ease-in

}



.pronavbtn .abtn1 {

    background: #fff

}



.pronavbtn .abtn i {

    font-size: .99rem;

    color: #000;

    margin-left: 15px;

    transition: all .5s ease-out

}



.pronavbtn .abtn img {

    margin-left: 15px;

    transition: all .5s ease-out

}



.pronavbtn .abtn svg {

    width: 18px;

    height: 18px;

    fill: none;

    stroke: #203d3b;

    margin-left: 15px;

    transition: all .5s ease-out;

    position: relative;

    top: -1px

}



.pronavbtn .abtn svg .cls-1 {

    fill: none;

    stroke: #203d3b

}



.pronavbtn .abtn:hover {

    background: #203d3b;

    color: #fff

}



.pronavbtn .abtn:hover i {

    margin-left: 3%;

    color: #fff

}



.pronavbtn .abtn:hover svg {

    stroke: #fff

}



.pronavbtn .abtn:hover svg .cls-1 {

    stroke: #fff !important;

    fill: none

}



.iframwrap {

    width: 100%;

    margin-top: -250px

}



.productimg {

    width: 100%;

    margin-top: 60px

}



.productimg .progrid {

    outline: 0;

    height: 400px;

    position: relative;

    overflow: hidden

}



.productimg .progrid img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    -webkit-transition: all .5s linear;

    transition: all .5s linear;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

}



.productimg .progrid:hover img {

    -webkit-transform: scale3d(1.1, 1.1, 1);

    transform: scale3d(1.1, 1.1, 1)

}



.productimg .progrid .plusicon {

    width: 50px;

    height: 50px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)

}



.productimg .progrid .plusicon .hoverbd {

    width: 50px;

    height: 50px;

    background: #203d3b;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100px;

    opacity: 1;

    transition: all .5s ease-out;

    -webkit-transition: all .5s linear;

    transition: all .5s linear

}



.productimg .progrid .plusicon .hoverbd i {

    font-size: 1.5rem;

    color: #fff;

    margin-top: -1px

}



.productimg .progrid .plusicon .hoverbd img {

    width: 20px;

    height: 20px

}



.productimg .progrid:hover .plusicon .hoverbd {

    opacity: 1;

    -webkit-transform: scale3d(1.5, 1.5, 1);

    transform: scale3d(1.5, 1.5, 1)

}



.productimg .progrid:hover .plusicon .hoverbd img {

    -webkit-transform: scale3d(.8, .8, 1);

    transform: scale3d(.8, .8, 1)

}



.sliderupertwxt {

    position: absolute;

    left: 0px;

    bottom: 30px;

    width: 100%;

    text-align: center;

}



.texttag {

    width: auto;

    display: block;

    font-size: 2rem;

    color: #fff;

    text-align: center;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



.newssectionwrap {

    width: 100%;

    height: 100%;

    position: relative

}



.newsgrid {

    width: 100%;

    height: 350px;

    border: 1px solid #6c9392;

    background: 0 0;

    padding: 30px;

    position: relative;

    overflow: hidden;

    box-shadow: inset 0 0 0 0 #000;

    -webkit-transition: ease-out .6s;

    -moz-transition: ease-out .6s;

    transition: ease-out .6s

}



.newsgrid span {

    display: block;

    margin-bottom: 30px;

    color: #6c9392

}



.newsgrid p {

    font-size: 16px;

    line-height: 1.2;

    color: #000

}



.newsdate {

    width: 76%;

    position: absolute;

    bottom: 30px;

    display: flex;

    justify-content: space-between;

    align-items: flex-end

}



.newsdate strong {

    font-size: 4rem;

    color: #203d3b

}



.newsdate b {

    font-size: 1rem;

    font-weight: 400;

    color: #203d3b;

    margin-bottom: 10px

}



.newsgrid:hover .newsdate b,

.newsgrid:hover .newsdate strong,

.newsgrid:hover p,

.newsgrid:hover span {

    color: #fff;

    transition: all .5s ease-in-out

}



.newsgrid:hover {

    box-shadow: inset 0 -350px 0 0 #10171d

}



.ngd .col-lg-6:first-child {

    padding-right: 7px

}



.ngd .col-lg-6:last-child {

    padding-left: 7px

}



.bgimg0 {

    background: linear-gradient(rgb(0 0 0 / 15%), rgb(0 0 0 / 35%)), url(../images/newbg.jpg) no-repeat;

    background-size: cover;

    transition: all .6s linear

}



.bgimg0 b,

.bgimg0 p,

.bgimg0 span,

.bgimg0 strong {

    color: #fff

}



.newsheight {

    height: 400px;

    margin-bottom: 30px

}



.newsheight:hover {

    box-shadow: inset 0 -400px 0 0 #10171d

}



.select2-container--default .select2-selection--single .select2-selection__arrow:after {

    content: "";

    width: 20px;

    height: 20px;

    background: url(../images/icon/a-down-main.svg) no-repeat;

    background-size: 18px;

    background-position: center;

    position: absolute;

    top: 50%;

    right: 20px

}



.select2-container--default .select2-selection--single .select2-selection__arrow b {

    display: none !important

}



.sttextul {

    width: 100%;

    position: relative;

    margin-top: 20px

}



.sttextul strong {

    font-size: 25px;

    color: #fff;

    font-weight: 700;

    display: inline-block;

    font-weight: 400;

    font-family: 'Bon Vivant Family Serif'

}



.sttextul ul {

    margin: 0;

    padding: 0

}



.sttextul ul li {

    width: 100%;

    font-size: 15px;

    color: #fff;

    line-height: 1.3;

    margin-bottom: 10px;

    list-style: disc;

    padding-left: 5px;

    margin-left: 16px

}



.pl4 {

    padding-left: 1.5rem !important

}



.fxld {

    display: flex;

    justify-content: flex-end;

    flex-wrap: wrap

}



footer {

    background: #10171d;

    overflow: hidden

}



.footerbg,

.fotlogo {

    width: 100%

}



.footerlogo img {

    width: 180px;

    margin-top: 0

}



.footernav {

    width: 100%

}



.footernav strong {

    font-size: 16px;

    display: block;

    color: #fff;

    text-transform: uppercase;

    margin-bottom: 23px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    letter-spacing: 2px;

    font-family: 'Halvar Eng Rg';

    font-weight: 500

}



.footernav p {

    color: #fff;

    opacity: 1;

    font-size: 15px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



.footernav p sup {

    font-size: 10px

}



.footernav a {

    color: #fff;

    display: inline-block

}



.footernav a {

    color: #fff;

    font-size: 15px;

    transition: all .5s ease;

    position: relative;

    opacity: 1;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



.footernav a:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #6c9293;

    height: 1px;

    bottom: -5px;

    transition: all ease-in-out .5s

}



.bordertop .footernav a:after {

    display: none

}



.footernav a:hover:after {

    width: 100%;

    opacity: 1;

    right: auto;

    left: 0;

    background: #6c9293

}



.footernav a:hover {

    color: #6c9293 !important;

    opacity: 1

}



.footernav ul {

    margin-bottom: 0

}



.footernav li {

    display: block;

    margin-top: 15px

}



.footernav li a {

    color: #fff;

    font-size: 15px;

    transition: all .5s ease;

    position: relative;

    opacity: 1;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    letter-spacing: 1px

}



.footernav li a:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #6c9293;

    height: 1px;

    bottom: -5px;

    transition: all ease-in-out .5s

}



.footernav li a:hover:after {

    width: 100%;

    opacity: 1;

    right: auto;

    left: 0;

    background: #6c9293

}



.footernav li a:hover {

    color: #6c9293;

    opacity: 1

}



.footermedianav strong {

    font-size: 16px;

    display: block;

    color: #fff;

    text-transform: uppercase;

    margin-bottom: 24px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    letter-spacing: 2px;

    font-family: 'Halvar Eng Rg';

    font-weight: 500

}



.footermedianav ul {

    margin-bottom: 0

}



.footermedianav li {

    display: inline-block;

    margin-right: 14px

}



.footermedianav li:last-child {

    margin-right: 0

}



.footermedianav li a {

    color: #fff;

    font-size: 16px;

    transition: all .5s ease;

    position: relative;

    transition: all .5s ease;

    transform: scale(1)

}



.footermedianav li a i {

    font-size: 15px;

    color: #ffff;

    opacity: .5;

    transition: all .5s ease

}



.footermedianav li a:hover i {

    opacity: 1;

    transform: scale(1.2)

}



.privacy_links {

    margin-top: 0;

    float: right;

    color: #fff

}



.privacy_links a {

    color: #fff;

    transition: all .5s ease;

    position: relative;

    opacity: .5

}



.privacy_links a:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #6c9293;

    height: 1px;

    bottom: -5px;

    transition: all ease-in-out .5s

}



.privacy_links a:hover:after {

    width: 100%;

    opacity: 1;

    right: auto;

    left: 0;

    background: #6c9293

}



.privacy_links a:hover {

    color: #6c9293

}



.footerbottom {

    background: #000;

    text-align: center;

    color: #fff;

    padding: 15px 0

}



.padl {

    padding-right: 130px !important

}



.coglogo {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-end

}



.coglogo img {

    width: 25px;

    opacity: .4

}



.policywraper {

    width: 100%;

    display: flex;

    background: #000;

    padding: 15px 0

}



.policywraper .policylink {

    width: 100%

}



.policywraper .policylink p {

    width: 100%;

    color: #fff;

    font-size: 14px;

    text-align: center;

    font-weight: 300;

    opacity: 1;

    margin-bottom: 0px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



.policywraper .policylink p a {

    color: #fff;

    font-size: 14px;

    transition: all .5s ease;

    position: relative;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



.policywraper .policylink p a:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #6c9293;

    height: 1px;

    bottom: -5px;

    transition: all ease-in-out .5s

}



.policywraper .policylink p a:hover:after {

    width: 100%;

    opacity: 1;

    right: auto;

    left: 0;

    background: #6c9293

}



.policywraper .policylink p a:hover {

    color: #6c9293;

    opacity: 1;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



.policywraper .policylink span {

    display: inline-block;

    color: #212121;

    margin: 0 5px;

    position: relative;

    top: 1px

}



.mb-6 {

    margin-bottom: 70px

}



form {

    width: 100%

}



.formlineflex {

    width: 100%;

    position: relative;

    display: flex;

    justify-content: space-between

}



form.formlineflex .from-flex .form-control:focus {

    border-color: #6c9392;

    box-shadow: none;

    color: #fff;

    background-color: #6c9392;

    border-radius: 0;

    box-shadow: none

}



.select2-container .select2-selection--single .select2-selection__rendered {

    font-size: 15px !important;

    padding-left: 20px !important;

    position: relative

}



.select2-container--default .select2-results__option--selected {

    background: #6c9392 !important;

    color: #fff

}



.select2-results__option {

    padding: 15px 20px !important

}



.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {

    background: #6c9392 !important;

    color: #fff

}



form.formlineflex .from-flex select {

    width: 100%;

    border: solid 1px #b7b7b7;

    padding: 15px 30px;

    height: 47px

}



form.formlineflex .from-flex {

    width: 23%;

    border: solid 1px #b7b7b7;

    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    height: 47px

}



form.formlineflex .from-flex:last-child {

    width: 8%

}



form.formlineflex .from-flex select {

    width: 100%;

    background: 0 0;

    border: none;

    font-size: 12px;

    letter-spacing: 2px;

    font-family: Optima;

    color: #3e3e3e

}



form.formlineflex .from-flex .btns {

    background: #6c9392;

    width: 100%;

    border: none;

    cursor: pointer;

    border-radius: 0;

    height: 47px;

    color: #fff

}



form.formlineflex .from-flex .btns img {

    width: 20px;

    height: 20px;

    position: relative;

    -webkit-transition: all ease-in-out .8s;

    -o-transition: all ease-in-out .8s;

    transition: all ease-in-out .8s;

    left: 0

}



form.formlineflex .from-flex .btns:hover img {

    left: 15px

}



form.formlineflex .from-flex:first-child {

    height: 47px;

    border-right: none

}



form.formlineflex .from-flex:nth-child(3) {

    border-right: none;

    border-left: none

}



form.formlineflex .from-flex:last-child {

    border: none;

    height: 47px

}



.caret select {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    z-index: 9;

    background: 0 0;

    position: relative;

    background-color: transparent;

    overflow-x: hidden

}



.caret {

    position: relative;

    width: 100%

}



.undorelist form .caret {

    color: #ffffffa6

}



.lodebtn {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center

}



.listingbannerbg {

    width: 100%;

    height: 300px;

    position: relative;

    background: #10171d;

    display: flex;

    align-items: center;

    justify-content: center

}



.listingbannerbg span.captext {

    font-size: 15px;

    opacity: .6

}



.fade {

    transition: opacity .8s linear

}



.listingtagwrap {

    width: 100%;

    position: relative

}



.productstab {

    width: 100%;

    position: relative

}



.innergrid {

    width: 100%

}



.innergrid .prodimg {

    width: 100%;

    height: auto;

    overflow: hidden;

    border-bottom: none;

    position: relative

}



.innergrid .prodimg img {

    width: 100%;

    display: block;

    object-fit: fill;

    transition: all .8s ease

}



.innergrid .prodimg:hover img {

    transform: scale(1.2)

}



.gridheading {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    background-color: #fff;padding: 20px;

    cursor: pointer;

    border: 1px solid #6c9392;

    border-top: none;

    margin-bottom: 30px

}



.gridheading strong {

    font-size: 18px;

    color: #212121;

    font-weight: 700;

    display: inline-block;

    font-weight: 400;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    font-family: 'Bon Vivant Family Serif'

}



.gridheading .bookop {

    width: 100%;

    margin-top: 8px

}



.gridheading .bookop a {

    display: inline-block;

    color: #212121;

    text-transform: uppercase;

    font-weight: 700;

    opacity: .5;

    transition: all .5s ease

}



.gridheading .bookop a:hover {

    opacity: 1

}



.gridheading span {

    width: auto;

    display: inline-block

}



.gridheading span i {

    font-size: 20px;

    color: #212121;

    transition: all 1s ease

}



.gridheading span.rotdown i {

    transform: rotate(180deg)

}



.gridheading span img {

    width: 18px;

    height: auto;

    transition: all 1s ease

}



.gridheading span.rotdown img {

    transform: rotate(180deg)

}



.hideslidetext {

    width: 100%;

    position: relative;

    top: 20px;

    bottom: 20px;

    max-height: 0;

    -webkit-transition: max-height .4s ease-in-out;

    -moz-transition: max-height .4s ease-in-out;

    -o-transition: max-height .4s ease-in-out;

    transition: max-height .4s ease-in-out;

    overflow: hidden

}



.hideslidetext.textslidetoggle {

    max-height: 265px

}



.height-transition-hidden {

    max-height: 0

}



.hideslidetext p {

    font-weight: 400;

    opacity: .7;

    font-size: 15px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.hideslidetext table {

    width: 100%;

    margin-top: 15px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.hideslidetext table tr td {

    width: 75%;

    font-size: 15px;

    font-weight: 400;

    color: #939393;

    line-height: 1.5;

    padding-bottom: 5px

}



.hideslidetext table tr td:first-child {

    width: 200px

}



.hideslidetext ul {

    margin: 20px 0 0 0;

    padding: 0

}



.hideslidetext ul li {

    width: 100%;

    font-size: 16px;

    font-weight: 400;

    color: #939393;

    line-height: 1.5;

    background: url(../images/proli.svg) no-repeat;

    background-size: 16px;

    background-position: left;

    padding-left: 25px

}



.hideknowbtn {

    margin-bottom: 20px

}



.hideknowbtn a {

    border-color: #707070;

    color: #fff;

    background: #000;

    margin-top: 30px

}



.hideknowbtn a:hover {

    color: #000;

    background: #fff;

    border-color: #000

}



.abtnspace {

    position: absolute;

    bottom: 30px

}



.btnwrapone {

    width: auto;

    height: auto;

    font-size: 14px;

    display: inline-flex;

    font-weight: 700;

    text-align: center;

    border: 1px solid #6c9392;

    border-radius: 50px;

    position: relative;

    background: linear-gradient(to left, transparent 50%, #203d3b 50%) right;

    background-size: 210%;

    transition: all .6s ease-in;

    cursor: pointer;

    line-height: 1.2;

    margin-bottom: 1.5rem !important

}



.btnwrapone a {

    color: #203d3b;

    display: block;

    border: none;

    padding: 13px 26px 10px;

    font-family: 'Bon Vivant Family Serif';

    letter-spacing: 1px;

    text-transform: uppercase

}



.btnwrapone a svg {

    width: 15px;

    stroke: #6c9392;

    margin-left: 15px;

    position: relative;

    top: -2px

}



.btnwrapone a:hover {

    border: none

}



.btnwrapone:hover a svg {

    stroke: #ffff

}



.btnwrapone:hover a svg .cls-1 {

    stroke: #fff !important

}



.btnwrapone:hover {

    background-position: left !important;

    border-color: rgba(0, 0, 0, .5)

}



.btnwrapone:hover a {

    color: #fff

}



.downloadbtnwrap {

    position: fixed;

    bottom: 50%;

    left: -80px;

    z-index: 22;

    transform: rotate(270deg);

    -webkit-transform: rotate(270deg)

}



.appdown {

    left: -68px

}



#ocdown {

    left: -60px

}



.downloadbtnwrap .btnrt {

    border: none;

    background-color: #203d3b;

    width: auto;

    height: 50px;

    color: #fff;

    cursor: pointer;

    outline: 0;

    border-radius: 0 0 5px 5px;

    text-transform: uppercase;

    font-size: 16px;

    padding: 10px 20px;

    letter-spacing: 1.5px;

    transition: all .5s ease

}



.downloadbtnwrap .btnrt:hover {

    background-color: #6c9293

}



.downloadbtnwrap.sg-city-application {

    left: -67px

}



.fixedcallbtn {

    width: auto;

    position: fixed;

    top: 45%;

    left: -12px;

    z-index: 22;

    transform: rotate(450deg);

    -webkit-transform: rotate(450deg)

}



.fixedcallbtn .btnrt {

    border: none;

    background-color: #203d3b;

    width: auto;

    height: 50px;

    color: #fff;

    cursor: pointer;

    outline: 0;

    border-radius: 5px 5px 0 0;

    text-transform: uppercase;

    font-size: 16px;

    padding: 8px 15px;

    letter-spacing: 1.5px;

    transition: all .5s ease

}



.fixedcallbtn .btnrt svg {

    width: 25px;

    height: 25px;

    fill: #fff;

    stroke: #fff;

    transform: rotate(-75deg)

}



.fixedcallbtn .btnrt svg .cls-1 {

    fill: #203D3B !important;

    stroke: #fff !important

}



.fixedcallbtn .btnrt:hover {

    background-color: #6c9293

}



.fixedcallbtn .btnrt:hover svg {

    fill: #fff;

    stroke: #fff

}



.fixedbtn {

    width: auto;

    position: absolute;

    top: 45%;

    left: -88px;

    z-index: 22;

    transform: rotate(270deg);

    -webkit-transform: rotate(270deg)

}



.fixedbtn .btnrt {

    border: none;

    background-color: #203d3b;

    width: auto;

    height: 50px;

    color: #fff;

    cursor: pointer;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    outline: 0;

    border-radius: 5px 5px 0 0;

    text-transform: uppercase;

    font-size: 16px;

    padding: 10px 20px;

    letter-spacing: 1.5px;

    transition: all .5s ease

}



.fixedbtn .btnrt:hover {

    background-color: #6c9293

}



.registerform {

    width: 260px;

    height: auto;

    position: fixed;

    top: 53%;

    right: 0;

    transform: translate(100%, -50%);

    z-index: 99;

    transition: all .5s ease;

    background: #fff

}



.registerform.slideleft {

    transform: translate(0, -50%);

    opacity: 1

}



.registerform .innerform {

    position: relative

}



.registerform .innerform iframe {

    position: relative;

    width: 100%

}



.destination {

    font-size: 35px;

    font-weight: 600

}



.destination-cont li {

    color: #203d3b !important;

    font-weight: 600;

    padding-bottom: 10px;

    font-family: 'Halvar Eng Lt';

    font-size: 18px

}



.re-des-img {

    height: 270px

}



.re-des-img img {

    width: 100%;

    height: 100%

}



.re-des-img-m {

    margin-top: 40px

}



.captext-cont {

    width: 100%;

    display: block;

    font-size: 18px;

    font-family: 'Halvar Eng Rg';

    font-weight: 600;

    color: #6c9293 !important;

    opacity: 1;

    letter-spacing: 2px;

    margin-bottom: 15px;

    text-transform: uppercase;

    opacity: .6

}



.innerprobannerbg {

    width: 100%;

    background-image: url(../images/second-sg-bg.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center;

    padding: 0

}



.tablewrap thead .tophd td {

    text-align: center;

    border-right: 1px solid #fff;

    background: #242d34;

    border-top: none;

    line-height: 1.4;

    padding: 18px;

    vertical-align: middle;

    font-weight: 400

}



.tablewrap thead .tophd td:first-child {

    width: 75px

}



.tablewrap thead .tophd td:last-child {

    border-right: none

}



.tablewrap tbody tr td {

    border-right: 1px solid #10171d !important;

    border-top: none !important;

    vertical-align: middle;

    text-align: center;

    padding: 15px;

    font-weight: 400

}



.table-roselia-2 tbody tr td {

    border-right: 1px solid #fff !important

}



.table-roselia-2 tbody tr td:last-child {

    border-right: none !important

}



.tablewrap tbody tr:nth-child(odd) {

    background-color: #10171d !important

}



.tablewrap tbody tr:nth-child(even) {

    background-color: #242d34

}



.tablewrap thead .bdnone tr td {

    border-right: none !important;

    border: none !important

}



.sub-project-highlight li:first-child {

    padding-top: 10px

}



.sub-project-highlight li {

    padding-left: 14px

}



.oc-certificates {

    left: -61px

}



.afterimg {

    width: 100%;

    padding: 5px 0;

    background: #6c9392

}



.textwrap {

    width: 100%

}



.textwrap span {

    color: #fff;

    font-size: 16px;

    line-height: 1.6;

    letter-spacing: 1px;

    display: block

}



.footerpagetop {

    width: 100%;

    padding: 5px 0;

    background: #6c9293

}



.textwrap {

    width: 100%

}



.textwrap span {

    color: #fff;

    font-size: 16px;

    line-height: 1.6;

    letter-spacing: 1px;

    display: block

}



.textwrap strong {

    color: #fff;

    font-size: 18px;

    line-height: 1.6;

    letter-spacing: 1px;

    display: block

}



.textwrap p {

    color: #fff;

    font-size: 15px;

    line-height: 1.6;

    letter-spacing: 1px;

    display: block

}



.afterimg span {

    color: #fff

}



.progalleryslider .item-slick.slick-slide.slick-current.slick-active {

    outline: 0 !important;

    opacity: 1

}



.progalleryslider .slider-for {

    margin-bottom: 15px

}



.progalleryslider .slider-for img {

    width: 100%;

    min-height: 100%

}



.progalleryslider .slider-nav {

    margin: auto;

    width: 80%

}



.progalleryslider .slider-nav .item-slick {

    max-width: 120px;

    outline: 0 !important;

    cursor: pointer

}



.progalleryslider .slider-nav .item-slick img {

    max-width: 100%;

    background-size: cover;

    background-position: center

}



.progalleryslider .slick-arrow {

    position: absolute;

    top: 50%;

    z-index: 50;

    margin-top: -12px

}



.progalleryslider .slick-initialized .slick-slide {

    opacity: .5

}



.progalleryslider .slick-prev {

    left: 15px;

    width: 30px;

    height: 30px;

    border: none;

    background: url(../image/Right_Arrow_Slide.svg) no-repeat;

    transform: rotate(180deg)

}



.progalleryslider .slick-next {

    right: 15px;

    width: 30px;

    height: 30px;

    border: none;

    background: url(../image/Left_Arrow_Slide.svg) no-repeat

}



.slick-slide {

    margin: 0 10px

}



.slick-dots {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 15px

}



.slick-dots li {

    position: relative;

    display: inline-block;

    width: 20px;

    height: 20px;

    margin: 0 5px;

    padding: 0;

    cursor: pointer

}



.slick-dots li button {

    font-size: 0;

    line-height: 0;

    display: block;

    width: 20px;

    height: 20px;

    padding: 5px;

    cursor: pointer;

    color: transparent;

    border: 1px solid #000;

    border-radius: 100px;

    outline: 0;

    background: 0 0

}



.slick-dots li.slick-active button:before {

    opacity: .75;

    color: #000

}



.slick-dots li button:before {

    font-family: slick;

    font-size: 6px;

    line-height: 20px;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 8px;

    height: 8px;

    text-align: center;

    opacity: .25;

    color: #000;

    border-radius: 100px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    transform: translate(-50%, -50%)

}



.slick-dots li button:before {

    background: #000;

    color: #000

}



.innunit {

    width: 100%

}



.innunit a {

    width: 100%;

    float: left;

    margin-bottom: 30px

}



.innunit a img {

    width: 100%

}



.innunit b {

    width: 100%;

    float: left;

    font-size: 1.2rem;

    color: #203d3b;

    font-weight: 400;

    margin-bottom: 5px;

    line-height: 1.2

}



.innunit span {

    width: 100%;

    float: left;

    font-size: 1rem;

    color: #6c9392

}



.mobslidear {

    display: none !important

}



.unitplanslider div {

    display: block

}



.locationsectionwrap {

    width: 100%;

    height: auto;

    position: relative

}



.locationwrap {

    width: 100%;

    height: 680px;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center

}



.location-btm {

    margin-bottom: 100px

}



.locationwrap .col-lg-7 {

    position: absolute;

    left: 0;

    top: 0;

    background: #fff;

    height: 100%;

    padding: 0

}



.locationmap {

    width: 100%;

    height: 100%;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden

}



.locationmap img {

    width: 100%

}



.btnclick {

    width: auto;

    position: absolute;

    bottom: 30px;

    right: 30px

}



.btnclick span {

    font-size: 1.2rem;

    color: #000;

    border-bottom: 1px solid #000;

    text-transform: uppercase;

    letter-spacing: 1px;

    position: relative;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    transition: all ease-in-out .5s

}



.btnclick span:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #203d3b;

    height: 1px;

    bottom: 0;

    transition: all ease-in-out .5s

}



.btnclick span:hover:after {

    width: 100%;

    right: auto;

    left: 0

}



.btnclick span:hover {

    color: #203d3b

}



.mapgridicon ul {

    border-bottom: 1px solid #6c9293;

    width: 100%;

    margin: 0;

    padding: 0;

    display: flex;

    justify-content: space-between

}



.mapgridicon ul li {

    width: 23%;

    text-align: left;

    padding: 15px 4px

}



.mapgridicon ul li span {

    width: 100%;

    font-size: 18px;

    font-family: 'Halvar Eng Rg';

    display: block;

    margin-top: 15px;

    line-height: 1.5;

    text-transform: capitalize;

    opacity: .6

}



.btnclickln {

    width: auto;

    position: absolute;

    bottom: 30px;

    right: 30px

}



.btnclickln a {

    font-size: 1.2rem;

    color: #fff;

    border-bottom: 1px solid #fff;

    text-transform: uppercase;

    letter-spacing: 1px;

    position: relative;

    transition: all ease-in-out .5s

}



.btnclickln a:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #fff;

    height: 1px;

    bottom: 0;

    transition: all ease-in-out .5s

}



.btnclickln a:hover:after {

    width: 100%;

    right: auto;

    left: 0

}



.btnclickln a:hover {

    opacity: .7

}



.locationwrap .col-lg-5 {

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    padding: 40px 0 40px 30px

}



.location-h {

    height: 477px

}



.locationmap .desktopShow {

    display: block

}



.locationmap .mobileShow {

    display: none

}



.ullist {

    width: 80%;

    max-width: 400px

}



.ullist strong {

    font-size: 20px;

    color: #fff;

    display: block;

    margin-bottom: 20px

}



.ullist ul {

    margin: 0;

    padding: 0

}



.ullist ul li {

    width: 100%;

        font-size: 12.4px;

    color: #fff;

    line-height: 1.3;

    margin-bottom: 10px;

    list-style: disc;

    padding-left: 5px;

    margin-left: 16px;

    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

}



.locationlistslider .slick-dots {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    margin-top: 15px

}



.locationlistslider .slick-dots li {

    position: relative;

    display: inline-block;

    width: 20px;

    height: 20px;

    margin: 0 5px;

    padding: 0;

    cursor: pointer

}



.locationlistslider .slick-dots li.slick-active button {

    border: 1px solid #fff

}



.locationlistslider .slick-dots li button {

    font-size: 0;

    line-height: 0;

    display: block;

    width: 20px;

    height: 20px;

    border: 0;

    padding: 5px;

    cursor: pointer;

    color: transparent;

    border-radius: 100px;

    outline: 0;

    background: 0 0

}



.locationlistslider .slick-dots li.slick-active button:before {

    opacity: .75;

    color: #000

}



.locationlistslider .slick-dots li button:before {

    content: " " !important;

    font-family: slick;

    font-size: 6px;

    line-height: 20px;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 8px;

    height: 8px;

    text-align: center;

    opacity: .25;

    color: #000;

    border-radius: 100px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    transform: translate(-50%, -50%)

}



.locationlistslider .slick-dots li button:before {

    content: " " !important;

    background: #fff;

    color: #fff

}



.locationadvantage {

    width: 100%;

    word-break: break-word

}



.location-bg {

    background: #6c7693 !important;

    border-bottom: 1px solid #6c7693;

    position: relative;}



.siteplanwrap {

    width: 100%;

    position: relative

}



.siteplanwrap .clabtn1 {

    top: 15px

}



.sitemapimg {

    width: 100%

}



.sitemapimg img {

    width: 100%

}



.globalVideo {

    width: 100%;

    height: 450px

}



.elevationsectionwrap .clabtn1 {

    bottom: 40px

}



.controlar {

    max-width: 120px;

    position: absolute;

    right: 16px;

    top: 15px;

    display: flex;

    cursor: pointer;

    align-items: center

}



.controlar .arrow-icon-leftpl {

    margin-right: 15px;

    transform: rotate(180deg);

    margin-top: 2px

}



.controlar .arrow-icon-leftpl,

.controlar .arrow-icon-rightpl {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b;

    transition: all .8s ease-out;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative

}



.controlar .arrow-icon-leftpl svg,

.controlar .arrow-icon-rightpl svg {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: 0;

    width: 15px

}



.controlar .arrow-icon-leftpl svg .cls-1,

.controlar .arrow-icon-rightpl svg .cls-1 {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: 0

}



.controlar .arrow-icon-leftpl:hover svg,

.controlar .arrow-icon-rightpl:hover svg {

    fill: none;

    stroke: #fff

}



.controlar .arrow-icon-leftpl:hover svg .cls-1,

.controlar .arrow-icon-rightpl:hover svg .cls-1 {

    fill: none;

    stroke: #fff

}



.controlar .arrow-icon-leftpl::before,

.controlar .arrow-icon-rightpl:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #203d3b;

    transition: all .3s ease 0s;

    border-radius: 100%

}



.controlar .arrow-icon-leftpl:hover::before,

.controlar .arrow-icon-rightpl:hover::before {

    width: 100%;

    height: 100%;

    border: none

}



.controlar .arrow-icon-left {

    margin-right: 15px;

    transform: rotate(180deg);

    margin-top: 2px

}



.controlar .arrow-icon-left,

.controlar .arrow-icon-right {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b

}



.constructionwrap {

    width: 100%;

    position: relative;

    background: #000

}



.controlarloa {

    max-width: 120px;

    position: absolute;

    right: 16px;

    top: 15px;

    display: flex;

    cursor: pointer;

    align-items: center

}



.controlarloa .arrow-icon-leftloa {

    margin-right: 15px;

    transform: rotate(180deg);

    margin-top: 2px

}



.controlarloa .arrow-icon-leftloa,

.controlarloa .arrow-icon-rightloa {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b;

    transition: all .8s ease-out;

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center

}



.controlarloa .arrow-icon-leftloa svg,

.controlarloa .arrow-icon-rightloa svg {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: 0;

    width: 15px

}



.controlarloa .arrow-icon-leftloa:hover svg,

.controlarloa .arrow-icon-rightloa:hover svg {

    fill: none;

    stroke: #fff

}



.controlarloa .arrow-icon-leftloa:hover svg .cls-1,

.controlarloa .arrow-icon-rightloa:hover svg .cls-1 {

    fill: none;

    stroke: #fff

}



.controlarloa .arrow-icon-leftloa::before,

.controlarloa .arrow-icon-rightloa:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #203d3b;

    transition: all .3s ease 0s;

    border-radius: 100%

}



.controlarloa .arrow-icon-leftloa:hover::before,

.controlarloa .arrow-icon-rightloa:hover::before {

    width: 100%;

    height: 100%;

    border: none

}



.consimgupdate {

    width: 100%;

    overflow: hidden;

    margin-bottom: 15px

}



.consimgupdate img {

    max-width: 100%;

    transform: scale(1);

    transition: all .5s ease;

    object-fit: cover

}



.consimgupdate img:hover {

    transform: scale(1.1)

}



.consimgupdate img {

    max-height: 535px

}



.sgMallGallery {

    margin-bottom: 15px

}



.textbtn {

    width: 100%;

    height: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 15px

}



.textbtn span {

    font-size: 15px;

    color: #fff;

    opacity: .8

}



.textbtn .arrowclickbtn {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    transform: rotate(-43deg);

    opacity: .6

}



.textbtn .arrowclickbtn:hover {

    opacity: 1

}



.textbtn .arrowclickbtn svg {

    width: 15px;

    stroke: #6c9392;

    position: relative;

    top: -1px

}



.textbtn .arrowclickbtn:hover svg {

    stroke: #203D3B

}



.textbtn .arrowclickbtn:hover svg .cls-1 {

    stroke: #203D3B !important

}



.textbtn .arrowclickbtn::before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #fff;

    transition: all .3s ease 0s;

    border-radius: 100px

}



.textbtn .arrowclickbtn:hover::before {

    width: 100%;

    height: 100%;

    border: none;

    color: #203d3b

}



.amenitieswrap {

    width: 100%;

    position: relative

}



.controlam {

    max-width: 120px;

    position: absolute;

    right: 16px;

    top: 15px;

    display: flex;

    cursor: pointer;

    align-items: center

}



.controlam .arrow-icon-left {

    margin-right: 15px;

    transform: rotate(180deg);

    margin-top: 2px

}



.controlam .arrow-icon-left,

.controlam .arrow-icon-right {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b;

    transition: all .8s ease-out;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center

}



.controlam .arrow-icon-left svg,

.controlam .arrow-icon-right svg {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: .5px;

    width: 15px

}



.controlam .arrow-icon-left svg .cls-1,

.controlam .arrow-icon-right svg .cls-1 {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: 0

}



.controlam .arrow-icon-left:hover svg,

.controlam .arrow-icon-right:hover svg {

    fill: none;

    stroke: #fff

}



.controlam .arrow-icon-left:hover svg .cls-1,

.controlam .arrow-icon-right:hover svg .cls-1 {

    fill: none;

    stroke: #fff

}



.controlam .arrow-icon-left::before,

.controlam .arrow-icon-right:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #203d3b;

    transition: all .3s ease 0s;

    border-radius: 100px

}



.controlam .arrow-icon-left:hover::before,

.controlam .arrow-icon-right:hover::before {

    width: 100%;

    height: 100%;

    border: none

}



.amenitiesimg {

    width: 100%;

    overflow: hidden

}



.amenitiesimg img {

    width: 100%;

    height: 250px;

    transform: scale(1);

    transition: all .5s ease

}



.amenitiesimg img:hover {

    transform: scale(1.1)

}



.textbtnam {

    width: 100%;

    height: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 15px

}



.textbtnam span {

    font-size: 15px;

    font-weight: bold;

    color: #000;

    opacity: .8;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;;

    margin: 0px 0px 20px 0px;

}



.textbtnam .arrowclickbtn {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b;

    display: block;

    transform: rotate(-43deg);

    opacity: .6

}



.textbtnam .arrowclickbtn:hover {

    background: #203d3b;

    border-color: #203d3b;

    opacity: 1

}



.textbtnam .arrowclickbtn svg {

    width: 15px;

    stroke: #6c9392;

    position: relative;

    top: -1px

}



.textbtnam .arrowclickbtn:hover svg {

    stroke: #fff

}



.textbtnam .arrowclickbtn:hover svg .cls-1 {

    stroke: #fff !important

}



.amenitieswrap .slick-next.hidden,

.amenitieswrap .slick-prev.hidden {

    opacity: .2;

    pointer-events: none

}



.recognitionwrap {

    width: 100%;

    position: relative

}



.recimg {

    width: 100%;

    height: auto;

    overflow: hidden

}



.recimg img {

    max-width: 100%;

    transform: scale(1);

    transition: all .5s ease;

    object-fit: cover

}



.recimg img:hover {

    transform: scale(1.1)

}



.recimg img {

    max-height: 535px

}



.searchrow {

    width: 100%;

    position: relative;

    margin-bottom: 30px

}



.searchrow .form-inline {

    margin-top: 15px;

    display: flex;

    justify-content: space-between;

    max-width: 350px;

    position: relative

}



.searchrow .form-inline .form-control {

    width: 300px;

    border-radius: 50px

}



.brbtn {

    background: #203d3b;

    width: 80px;

    border-radius: 50px;

    height: calc(1.7em + .55rem + 2px);

    align-items: center;

    justify-content: center;

    padding: 0;

    position: absolute;

    right: 0

}



.brbtn:hover {

    background: #6c9293

}



.brbtn img {

    width: 18px;

    position: relative;

    top: 5px

}



.form-control:focus {

    border-color: #203d3b;

    background-color: transparent

}



.accordion .construction-img {

    display: flex;

    flex-direction: column

}



.accordion .construction-img img {

    width: 100%;

    height: 320px

}



.accordion .construction-img b {

    display: block;

    font-size: 1.2rem;

    color: #203d3b;

    font-weight: 400;

    margin-bottom: 5px;

    margin-top: 30px;

    line-height: 1.2

}



.accordion .construction-img span {

    display: block;

    font-size: 1rem;

    color: #6c9392

}



.accordion {

    margin-top: 0

}



.accordion .card {

    border: none;

    margin-bottom: 20px;

    background-color: transparent

}



.accordion .card .card-head {

    padding: 20px 0;

    border-bottom: 1px solid #000;

    position: relative

}



.accordion .card .card-head:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #203d3b;

    height: 1px;

    bottom: 0;

    transition: all ease-in-out .5s

}



.accordion .card .card-head:hover:after {

    width: 100%;

    right: auto;

    left: 0

}



.accordion .card h6 {

    background: url(../images/icon/a-up-main.svg) no-repeat calc(100% - 10px) center;

    background-size: 20px;

    cursor: pointer;

    font-size: 4rem

}



.accordion .card h6 b {

    font-weight: 400

}



.accordion .card h6 span {

    font-size: 18px;

    width: 120px;

    border-bottom: 1px solid #6c9392;

    position: absolute;

    top: 50%;

    right: 10px;

    transform: translateY(-50%);

    text-transform: uppercase;

    letter-spacing: 1.5px

}



.accordion .card h6.collapsed {

    background-image: url(../images/icon/a-down-main.svg)

}



.accordion .card-body {

    padding-left: 0;

    padding-right: 0

}



.notificationwrap .accordion .card .cons-clr {

    color: inherit

}



.accordioninner .card {

    border: none;

    margin-bottom: 10px;

    background-color: transparent

}



.accordioninner .card .card-head {

    padding: 0;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    position: relative;

    font-family: 'Bon Vivant Family Serif'

}



.accordioninner .card .card-head:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #203d3b;

    height: 1px;

    bottom: 0;

    transition: all ease-in-out .5s

}



.accordioninner .card .card-head:hover:after {

    width: 100%;

    right: auto;

    left: 0

}



.accordioninner .card strong {

    padding: 10px;

    background: url(../image/black-mn.svg) no-repeat right center;

    background-size: 15px;

    cursor: pointer;

    font-size: 20px;

    font-weight: 400;

    display: flex

}



.accordioninner .card strong b {

    width: 90%;

    display: block;

    font-weight: 400

}



.accordioninner .card strong.collapsed {

    background-image: url(../image/black-pl.svg)

}



.accordioninner .card-body {

    padding: 10px;

    background: #ebe8e1

}



.accbodyinnertext {

    width: 100%;

    position: relative

}



.accbodyinnertext strong {

    width: 100%;

    display: block;

    font-size: 20px;

    color: #000;

    font-family: 'Bon Vivant Family Serif'

}



.accbodyinnertext p {

    font-size: 16px;

    color: #000

}



.accbodyinnertext ul {

    margin: 0;

    padding: 0

}



.accbodyinnertext ul li {

    width: 95%;

    line-height: 1.2;

    margin-bottom: 10px;

    font-size: 16px;

    color: #000;

    list-style: disc;

    margin-left: 5%

}



.accbodyinnertext table tr th {

    text-transform: uppercase;

    background: #203d3b;

    color: #fff

}



.accbodyinnertext table tr td {

    color: #000

}



.accbodyinnertext table tr td,

.accbodyinnertext table tr th {

    letter-spacing: 1.2px;

    vertical-align: middle

}



.accbodyinnertext table tr td a {

    color: #000;

    display: flex;

    align-items: center

}



.specetd table tr td:first-child {

    width: 300px

}



.newsbanner {

    width: 100%;

    height: 500px;

    position: relative

}



.newssectionwrap {

    width: 100%;

    position: relative

}



.newssectionwrap form.formlineflex {

    width: 100%;

    position: relative;

    display: flex;

    justify-content: space-between

}



.newssectionwrap form.formlineflex .from-flex {

    width: 40%;

    position: relative

}



.newssectionwrap form.formlineflex .from-flex:last-child {

    width: 20%

}



.fancybox-image,

.fancybox-spaceball {

    background: #fff !important

}



.notificationtable {

    width: 100%;

    position: relative

}



.notificationtable strong {

    font-size: 25px;

    color: #203d3b;

    display: block;

    font-weight: 400

}



.notificationtable #draw-record {

    max-height: 450px;

    overflow: auto

}



.notificationtable table tr th {

    text-transform: uppercase;

    background: #203d3b;

    color: #fff;

    letter-spacing: 1px

}



.notificationtable table tr td,

.notificationtable table tr th {

    vertical-align: middle

}



.notificationtable table tr td a {

    color: #000;

    display: flex;

    align-items: center

}



.notificationtable table tr td a img {

    width: 30px

}



.gallerybannerbg {

    width: 100%;

    position: relative

}



.gallerysectionwrap {

    width: 100%;

    height: 100%;

    position: relative

}



.gallerygrid {

    width: 100%;

    height: 320px;

    border: 1px solid #6c9392;

    background: 0 0;

    padding: 30px;

    position: relative;

    overflow: hidden;

    box-shadow: inset 0 0 0 0 #000;

    -webkit-transition: ease-out .6s;

    -moz-transition: ease-out .6s;

    transition: ease-out .6s;

    margin-bottom: 30px

}



.video-iframe {

    padding: 0 !important

}



.video-iframe iframe {

    width: 100%;

    height: 320px

}



.galleryti {

    width: 100%;

    height: 100%;

    position: relative;

    transform: translateY(115%);

    transition: all .8s ease-out

}



.galleryti span {

    display: block;

    margin-bottom: 30px;

    color: #6c9392

}



.galleryti strong {

    font-size: 4rem;

    color: #203d3b

}



.galleryti b {

    font-size: 1rem;

    font-weight: 400;

    color: #203d3b

}



.galleryti .bottomicon {

    width: 100%;

    position: absolute;

    bottom: 0;

    display: flex

}



.galleryti .bottomicon ul {

    margin: 0;

    padding: 0;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between

}



.galleryti .bottomicon ul li {

    display: inline-block

}



.galleryti .bottomicon ul li:last-child {

    margin-right: 0

}



.galleryti .bottomicon ul li a {

    color: #fff;

    font-size: 16px;

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #fff;

    border-radius: 100px;

    display: flex;

    align-items: center;

    transition: all .5s ease;

    position: relative

}



.galleryti .bottomicon ul li a i {

    font-size: 15px;

    color: #ffff

}



.galleryti .bottomicon ul li a:hover i {

    color: #203d3b;

    z-index: 5

}



.galleryti .bottomicon ul li a svg {

    width: 16px;

    height: auto;

    stroke: #fff;

    fill: none;

    transform: rotate(-43deg);

    transition: all .5s ease-out

}



.galleryti .bottomicon ul li a.rote svg .cls-1 {

    stroke: #fff

}



.galleryti .bottomicon ul li a.rote:hover svg .cls-1 {

    stroke: #203D3B

}



.galleryti .bottomicon ul li a.rote:hover {

    background: #f6f4ee;

    border-color: #f6f4ee

}



.galleryti .bottomicon ul li a::before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #f6f4ee;

    transition: all .3s ease 0s;

    border-radius: 100px

}



.galleryti .bottomicon ul li a:hover::before {

    width: 100%;

    height: 100%;

    border: none;

    color: #203d3b

}



.galleryti .bottomicon ul li a:hover::before i {

    color: #203d3b

}



.gallerygrid:hover .galleryti {

    transform: translateY(0)

}



.gallerygrid:hover .galleryti b,

.gallerygrid:hover .galleryti strong,

.gallerygrid:hover p,

.gallerygrid:hover span {

    color: #fff;

    transition: all .5s ease-in-out

}



.gallerygrid:hover {

    box-shadow: inset 0 -320px 0 0 #10171d

}



.galbgimg {

    background-size: cover !important;

    background-position: center !important;

    transition: all .6s linear;

    transform: scale(1, 1)

}



.certificatebannerbg {

    width: 100%;

    height: 500px;

    position: relative;

    background: url(../images/certificate-banner.jpg) no-repeat;

    background-size: cover;

    background-position: center

}



.certificatesectionwrap {

    width: 100%;

    height: 100%;

    position: relative

}



.certificategrid {

    width: 100%;

    height: auto;

    background: 0 0;

    position: relative;

    overflow: hidden;

    box-shadow: inset 0 0 0 0 #000;

    -webkit-transition: ease-out .6s;

    -moz-transition: ease-out .6s;

    transition: ease-out .6s;

    margin-bottom: 30px

}



.certificategrid img {

    width: 100%;

    object-fit: cover;

    object-position: center

}



.certificateinner {

    width: 100%;

    height: 100%;

    background: #000;

    position: absolute;

    top: 0;

    padding: 30px;

    transform: translateY(100%);

    transition: all .8s ease-out;

    opacity: 0;

    visibility: hidden

}



.certificateinner span {

    display: block;

    margin-bottom: 30px;

    color: #6c9392

}



.certificateinner strong {

    font-size: 4rem;

    color: #203d3b

}



.certificateinner b {

    font-size: 1rem;

    font-weight: 400;

    color: #203d3b

}



.certificateinner .bottomicon {

    width: 100%;

    position: absolute;

    bottom: 30px;

    right: 30px;

    display: flex

}



.certificateinner .bottomicon ul {

    margin: 0;

    padding: 0;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-end

}



.certificateinner .bottomicon ul li {

    display: inline-block

}



.certificateinner .bottomicon ul li:last-child {

    margin-right: 0

}



.certificateinner .bottomicon ul li a {

    color: #fff;

    font-size: 16px;

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #fff;

    border-radius: 100px;

    display: flex;

    align-items: center;

    transition: all .5s ease;

    position: relative

}



.certificateinner .bottomicon ul li a i {

    font-size: 15px;

    color: #ffff

}



.certificateinner .bottomicon ul li a:hover i {

    opacity: 1;

    z-index: 2

}



.certificateinner .bottomicon ul li a:hover {

    background: #f6f4ee;

    border-color: #f6f4ee

}



.certificateinner .bottomicon ul li a svg {

    width: 16px;

    height: auto;

    stroke: #fff;

    fill: none;

    transform: rotate(-43deg);

    transition: all .5s ease-out

}



.certificateinner .bottomicon ul li a.rote svg .cls-1 {

    stroke: #fff

}



.certificateinner .bottomicon ul li a.rote:hover svg .cls-1 {

    stroke: #203D3B

}



.certificateinner .bottomicon ul li a.rote:hover {

    background: #f6f4ee;

    border-color: #f6f4ee

}



.certificateinner .bottomicon ul li a:hover i {

    color: #203d3b

}



.certificategrid:hover .certificateinner {

    transform: translateY(0);

    opacity: 1;

    visibility: visible

}



.certificategrid:hover .certificateinner b,

.certificategrid:hover .certificateinner strong,

.certificategrid:hover p,

.certificategrid:hover span {

    color: #fff;

    transition: all .5s ease-in-out

}



.cftbgimg {

    background-size: 100% !important;

    background-position: center !important;

    transition: all .6s linear;

    transform: scale(1, 1)

}



.opctext {

    opacity: 1 !important

}



.certificateinner .bottomicon ul li a::before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #f6f4ee;

    transition: all .3s ease 0s;

    border-radius: 100px

}



.certificateinner .bottomicon ul li a:hover::before {

    width: 100%;

    height: 100%;

    border: none;

    color: #203d3b

}



.innerpolicy {

    width: 100%;

    position: relative

}



.innerpolicy b {

    font-size: 22px;

    color: #203d3b;

    display: block;

    font-weight: 400;

    font-family: 'Bon Vivant Family Serif'

}



.innerpolicy ul {

    margin: 0;

    padding: 0

}



.innerpolicy ul li {

    width: 99%;

    line-height: 1.5;

    margin-bottom: 10px;

    font-size: 18px;

    color: #000;

    list-style: disc;

    margin-left: 15px

}



.innerpolicy table {

    width: 100%;

    margin-top: 15px

}



.innerpolicy table tr th {

    text-transform: uppercase;

    background: #203d3b;

    color: #fff

}



.innerpolicy table tr td,

.innerpolicy table tr th {

    letter-spacing: 1.2px;

    vertical-align: middle;

    border: 1px solid #000

}



.innerpolicy ul li a {

    display: inline-block;

    color: #6c9293

}



.innerpolicy ul li a:hover {

    color: #203d3b

}



.innerpolicy p {

    margin-bottom: 5px

}



.innerpolicy p a {

    display: inline-block;

    color: #6c9293

}



.innerpolicy p a:hover {

    color: #203d3b

}



.contactwrap {

    width: 100%;

    height: 450px;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #6c7693;

    overflow: hidden

}



.location-btm {

    margin-bottom: 100px

}



.contactwrap .col-lg-5 {

    flex: 0 0 39%;

    max-width: 39%

}



.contactwrap .col-lg-7 {

    position: absolute;

    right: 0;

    top: 0;

    background: #fff;

    height: 100%;

    padding: 0

}



.contactmap {

    width: 100%;

    height: 100%;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center

}



.contactmap iframe {

    width: 100%;

    height: 650px

}



.conlefttext {

    width: 90%

}



.conlefttext strong {

    font-size: 20px;

    display: block;

    color: #fff;

    text-transform: uppercase;

    margin-bottom: 10px;

    letter-spacing: 2px;

    /* font-family: 'Halvar Eng Rg'; */

    font-weight: 500

;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}



.conlefttext p {

    color: #fff;

    opacity: .5;

    font-weight: 400;font-size: 16px

;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}



.conlefttext p sup {

    font-size: 10px

}



.conlefttext p a {

    color: #fff;

    display: inline-block

}



.conlefttext p a:hover {

    color: #203d3b;

    opacity: 1

}



.customerwrap {

    width: 100%;

    position: relative

}



.csinnerbg {

    width: 100%;

    height: 600px;

    background: url(../images/customer-care.jpg) no-repeat;

    background-size: cover;

    position: relative

}



.csinnerbg .caretext {

    width: 60%;

    height: auto;

    background: #f6f4ee;

    padding: 60px 40px;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 11

}



.csinnerbg .caretext p {

    color: #000;

    font-size: 18px

}



.csinnerbg .caretext p a {

    color: #000;

    display: inline-block

}



.csinnerbg .caretext p a:hover {

    color: #203d3b;

    opacity: 1

}



.contactformbtn {

    width: 120px;

    height: 120px;

    background: #203d3b;

    border-radius: 100px;

    position: absolute;

    top: 50%;

    right: -58px;

    transform: translateY(-50%);

    z-index: 2;

    transition: all .5s ease

}



.contactformbtn a {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";text-align: center;

    transition: all .5s ease

}



.contactformbtn a:hover {

    color: #6c9293

}



.contactiframe {

    width: 100%;

    padding: 0 !important;

    background: #e6e6e6

}



.contactiframe iframe {

    width: 100%;

    height: 385px

}



.contactiframe .close {

    position: absolute;

    top: 15px;

    right: 15px

}



.accordion-loans {

    margin-top: 0

}



.accordion-loans .card {

    border: none;

    margin-bottom: 0px;

    background-color: transparent;

    cursor: pointer

}



.accordion-loans .card .card-head {

    width: 100%;

    padding: 10px 0;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    position: relative

}



.accordion-loans .card .card-head:after {

    content: '';

    position: absolute;

    right: 0;

    border: 0;

    width: 0%;

    background: #203d3b;

    height: 1px;

    bottom: 0;

    transition: all ease-in-out .5s

}



.accordion-loans .card .card-head:hover:after {

    width: 100%;

    right: auto;

    left: 0

}



.accordion-loans .card .card-head:hover {

    color: #203d3b

}



.accordion-loans .card .showhead {

    width: 100%;

    background: url(../image/black-mn.svg) no-repeat calc(100% - 10px) center;

    background-size: 15px;

    cursor: pointer;

    font-size: 1.3rem;

    font-weight: 400;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.accordion-loans .card .showhead b {

    font-weight: 400;

    display: block;

    width: 95%;

    line-height: 1.2

}



.accordion-loans .card .showhead.collapsed {

    background-image: url(../image/black-pl.svg)

}



.accordion-loans .card-body {

    padding-left: 0;

    padding-right: 0;

    background: #ebe8e1

}



.innerloanstext {

    width: 95%;

    margin-left: 2%

}



.innerloanstext strong {

    font-size: 22px;

    display: block;

    color: #000;

    text-transform: uppercase;

    margin-bottom: 15px;

    margin-top: 25px;

    letter-spacing: 2px;

    font-family: 'Halvar Eng Rg';

    font-weight: 500

}



.innerloanstext ul {

    margin: 0;

    padding: 0

}



.innerloanstext ul li {

    width: 99%;

    line-height: 1.5;

    margin-bottom: 10px;

    font-size: 18px;

    color: #000;

    list-style: disc;

    margin-left: 15px

}



.businesswrap {

    widtrh: 100%;

    position: relative

}



.businesswrap .col-lg-5 {

    padding-right: 0

}



.businesswrap .col-lg-7 {

    padding-left: 0

}



.hdfclogobg {

    width: 100%;

    height: 100%;

    background: #203d3b;

    display: flex;

    align-items: center;

    justify-content: center

}



.hdfclogobg img {

    width: 250px

}



.hdfcrightbg {

    width: 100%;

    height: auto;

    display: flex;

    align-items: center;

    justify-content: center

}



.hdfcrightbg img {

    width: 100%

}



.loansformdt {

    width: 100%;

    display: flex;

    flex-wrap: wrap

}



.loansformdt .form-group {

    position: relative

}



.loansformdt .form-group span {

    position: absolute;

    top: 35px;

    right: 25px;

    transform: translateY(-50%)

}



.loansformdt .form-group span i {

    font-size: 18px;

    color: #000;

    opacity: .4

}



.loansformdt .btniconarrow {

    width: auto;

    position: absolute;

    left: 60%;

    top: 34%

}



.loansformdt .btniconarrow svg {

    width: 20px;

    height: 20px;

    margin-left: 8px

}



.loansformdt .form-control {

    width: 100%;

    background-color: #efece6;

    border-radius: 50px;

    height: 70px;

    border: none;

    padding: 15px 30px;

    font-size: 20px;

    letter-spacing: .5px;

    box-shadow: none

}



.loansformdt .subbtn {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-evenly;

    font-family: 'Halvar Eng Rg';

    font-size: 20px;

    border-radius: 50px;

    height: 70px;

    border: 1px solid #203d3b;

    background: 0 0;

    cursor: pointer;

    transition: all .5s ease-out

}



.loansformdt .subbtn:hover {

    background: #203d3b;

    color: #fff

}



.loansformdt .subbtn:hover .inwd svg .cls-1 {

    stroke: #fff

}



.loansformdt .subbtn:hover button {

    color: #fff

}



.loansformdt .subbtn .inwd {

    width: 100%;

    display: flex;

    justify-content: center

}



.loansformdt .subbtn button {

    width: 100%;

    border: none;

    height: 70px;

    transition: all .1s ease-out;

    background: 0 0;

    margin-left: -50px

}



.customsupp .form-control {

    height: 60px !important;

    position: relative

}



.customsupp .form-group {

    position: relative

}



.customsupp .form-group .dar {

    appearance: none;

    width: 100%;

    height: 100%;

    background: url(../images/icon/a-down-main.svg) no-repeat;

    background-size: 18px;

    background-position: right center

}



.csrwrap {

    width: 100%;

    position: relative

}



.controlarcsr {

    max-width: 120px;

    position: absolute;

    right: 16px;

    top: 57%;

    display: flex;

    cursor: pointer;

    align-items: center

}



.controlarcsr .arrow-icon-leftcsr {

    margin-right: 15px;

    transform: rotate(180deg);

    margin-top: 2px

}



.controlarcsr .arrow-icon-leftcsr,

.controlarcsr .arrow-icon-rightcsr {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b;

    transition: all .8s ease-out;

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center

}



.controlarcsr .arrow-icon-leftcsr svg,

.controlarcsr .arrow-icon-rightcsr svg {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: 0;

    width: 15px

}



.controlarcsr .arrow-icon-leftcsr svg .cls-1,

.controlarcsr .arrow-icon-rightcsr svg .cls-1 {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: 0

}



.controlarcsr .arrow-icon-leftcsr:hover svg,

.controlarcsr .arrow-icon-rightcsr:hover svg {

    fill: none;

    stroke: #fff

}



.controlarcsr .arrow-icon-leftcsr:hover svg .cls-1,

.controlarcsr .arrow-icon-rightcsr:hover svg .cls-1 {

    fill: none;

    stroke: #fff

}



.controlarcsr .arrow-icon-leftcsr::before,

.controlarcsr .arrow-icon-rightcsr:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #203d3b;

    transition: all .3s ease 0s;

    border-radius: 100%

}



.controlarcsr .arrow-icon-leftcsr:hover::before,

.controlarcsr .arrow-icon-rightcsr:hover::before {

    width: 100%;

    height: 100%;

    border: none

}



.csrimgupdate {

    width: 100%;

    overflow: hidden

}



.csrimgupdate img {

    width: 100%;

    max-width: 100%;

    transform: scale(1);

    transition: all .5s ease;

    object-fit: cover

}



.csrimgupdate img:hover {

    transform: scale(1.1)

}



.csrtextbtn {

    width: 100%;

    height: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 15px

}



.csrtextbtn span {

    font-size: 15px;

    color: #203d3b;

    opacity: .8

}



.csrtextbtn .arrowclickbtn {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b;

    display: flex;

    align-items: center;

    justify-content: center;

    transform: rotate(-43deg);

    opacity: .6

}



.csrtextbtn .arrowclickbtn:hover {

    opacity: 1

}



.csrtextbtn .arrowclickbtn svg {

    width: 15px;

    stroke: #203D3B;

    position: relative;

    top: -1px

}



.csrtextbtn .arrowclickbtn svg .cls-1 {

    stroke: #203D3B

}



.csrtextbtn .arrowclickbtn:hover svg {

    stroke: #fff

}



.csrtextbtn .arrowclickbtn:hover svg .cls-1 {

    stroke: #fff !important

}



.csrtextbtn .arrowclickbtn::before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #203d3b;

    transition: all .3s ease 0s;

    border-radius: 100px

}



.csrtextbtn .arrowclickbtn:hover::before {

    width: 100%;

    height: 100%;

    border: none;

    color: #203d3b

}



.csrslider .slick-track {

    margin: 0

}



.igbclogo {

    width: 100%;

    height: 100%;

    border: 1px solid rgba(224, 212, 213, .7);

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px

}



.igbclogo img {

    width: 90%

}



.logogrid {

    width: 100%;

    position: relative;

    margin-top: 50px

}



.logogrid ul {

    width: 99.9%;

    border: 1px solid rgba(224, 212, 213, .7);

    border-bottom: 0;

    border-right: 0;

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap

}



.logogrid ul li {

    width: 33.33%;

    height: 200px;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    border-bottom: 1px solid rgba(224, 212, 213, .7);

    border-right: 1px solid rgba(224, 212, 213, .7);

    overflow: hidden;

    position: relative;

    transition: all .5s ease-out

}



.logogrid ul li:nth-child(3n) {

    border-right: 1px solid rgba(224, 212, 213, .7)

}



.logogrid ul li img {

    width: 240px;

    transition: all .5s ease-out;

    transform: scale(1)

}



.logogrid ul li:hover img {

    transform: scale(1.1)

}



.logogrid ul li::after,

.logogrid ul li::before {

    content: "";

    width: 0;

    height: 1px;

    position: absolute;

    transition: all .5s linear;

    background: #203d3b

}



span::after,

span::before {

    content: "";

    width: 1px;

    height: 0;

    position: absolute;

    transition: all .5s linear;

    background: #203d3b

}



.logogrid ul li:hover::after,

.logogrid ul li:hover::before {

    width: 100%

}



.logogrid ul li:hover span::after,

.logogrid ul li:hover span::before {

    height: 100%

}



.draw::after,

.draw::before {

    transition-delay: 0.5s

}



.draw span::after,

.draw span::before {

    transition-delay: 0s

}



.draw::before {

    right: 0;

    top: 0

}



.draw::after {

    left: 0;

    bottom: 0

}



.draw span::before {

    left: 0;

    top: 0

}



.draw span::after {

    right: 0;

    bottom: 0

}



.draw:hover::after,

.draw:hover::before {

    transition-delay: 0s

}



.draw:hover span::after,

.draw:hover span::before {

    transition-delay: 0.2s

}



.officewrap {

    width: 100%

}



.offbg {

    width: 100%;

    height: 500px;

    background-image: url(../images/projects/signature-global-mall/Workspace-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: left bottom;

    position: relative

}



.offbg .whbg {

    width: 100%;

    height: 350px;

    background: #fff;

    padding: 75px 25px;

    position: absolute;

    top: 150px;

    left: 80px

}



.wrapper {

    max-width: 100%;

    margin: 0 auto

}



.slider-container {

    position: relative;

    width: 100%

}



.slider-container .item {

    outline: 0;

    padding: 0;

    position: relative;

    height: 465px

}



.slider-container .item .media-wrap {

    width: 100%

}



.slider-container .item .media-wrap img {

    width: 100%

}



.slides-numbers {

    color: #9fa5ac;

    display: none;

    left: 50%;

    position: absolute;

    bottom: 15px;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -mos-transform: translateX(-50%);

    -mz-transform: translateX(-50%);

    z-index: 5;

    opacity: .6

}



.slides-numbers .active {

    color: #000;

    font-size: 15px;

    margin-right: 0;

    position: relative;

    width: 90px;

    display: inline-block;

    font-weight: 400

}



.slides-numbers .active::after {

    content: '';

    width: 65px;

    position: absolute;

    bottom: 7px;

    left: 20px;

    border-bottom: 1px solid #000

}



.slides-numbers .total {

    margin-left: -2px;

    color: #000;

    font-size: 15px

}



.wrapper .slick-arrow {

    padding: 0;

    border: 0;

    outline: 0;

    background: 0 0;

    background: #6caddf;

    position: absolute;

    top: -9px;

    padding: 10px;

    border-radius: 10px;

    z-index: 5;

    color: #fff;

    text-transform: lowercase;

    cursor: pointer

}



.wrapper .slick-arrow.slick-next {

    right: 0

}



.wrapper .slick-arrow.slick-prev {

    right: 55px

}



.controldsmall {

    max-width: 120px;

    position: absolute;

    right: 25px;

    bottom: 15px;

    display: flex;

    cursor: pointer;

    align-items: center;

    z-index: 11

}



.controldsmall .arrow-icon-leftmall {

    margin-right: 15px;

    transform: rotate(180deg);

    margin-top: 2px

}



.controldsmall .arrow-icon-leftmall,

.controldsmall .arrow-icon-rightmall {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b;

    transition: all .8s ease-out;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center

}



.controldsmall .arrow-icon-leftmall svg,

.controldsmall .arrow-icon-rightmall svg {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: .5px;

    width: 15px

}



.controldsmall .arrow-icon-leftmall svg .cls-1,

.controldsmall .arrow-icon-rightmall svg .cls-1 {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: 0

}



.controldsmall .arrow-icon-leftmall:hover svg,

.controldsmall .arrow-icon-rightmall:hover svg {

    fill: none;

    stroke: #fff

}



.controldsmall .arrow-icon-leftmall:hover svg .cls-1,

.controldsmall .arrow-icon-rightmall:hover svg .cls-1 {

    fill: none;

    stroke: #fff

}



.controldsmall .arrow-icon-leftmall::before,

.controldsmall .arrow-icon-rightmall:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #203d3b;

    transition: all .3s ease 0s;

    border-radius: 100px

}



.controldsmall .arrow-icon-leftmall:hover::before,

.controldsmall .arrow-icon-rightmall:hover::before {

    width: 100%;

    height: 100%;

    border: none

}



.customerwrap .accbodyinnertext {

    padding: 25px 30px

}



.customerwrap .accordioninner .card strong {

    padding: 15px 10px

}



.customerwrap .accbodyinnertext ul li {

    width: auto;

    margin-left: 17px

}



.customerwrap .accbodyinnertext p {

    line-height: normal

}



.customerwrap .accbodyinnertext h6:first-child {

    margin-top: 0 !important

}



.customerwrap .accbodyinnertext h6 {

    margin: 30px 0 24px;

    font-family: 'Halvar Eng Lt' !important;

    font-weight: 600;

    font-size: 17px

}



.pad120 {

    padding: 120px 0

}



.about-sec .innerbannerbg {

    padding-bottom: 120px

}



.about-sec h1 {

    font-size: 100px;

    color: #fff;

    position: absolute;

    top: -100px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    line-height: 45px;

}



.fnd-sec h1 {

    line-height: 136px;

    top: -132px

}



.about-sec p {

    color: #000;

    text-align: justify;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}



.mt-minus {

    margin-top: -6px

}



.mb185 {

    margin-top: 185px;

    color: #fff

}



.mb100 {

    margin-top: 100px;

}



.mb50 {

    margin-top: 50px;

}





.chairman-sec {

    padding-top: 110px

}



.chairman-sec .headingtag {

    margin-bottom: 40px

}



.chairman-sec p {

    color: #fff

}



.chairman-content {

    padding-right: 50px

}



.chairman-content small {

    color: #fff;

    display: block;

    margin-top: 55px;

    font-size: 15px;

    font-family: 'Bon Vivant Family Serif'

}



.chairman-thumb {

    padding-left: 40px;

    padding-top: 7px

}



h5 {

    font-family: 'Bon Vivant Family Serif'

}



.architect-sec {

    background: #10171d

}



.architect-sec h5 {

    color: #fff !important

}



.architect-sec h5,

.director-sec h5,

.key-sec h5 {

    font-size: 4rem;

    color: #203d3b;

    width: 100%;

    display: block;

    margin-bottom: 40px;

    line-height: 50px

}



.director-sec {

    padding-top: 120px

}



.arrow-btn {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b;

    display: flex;

    transform: rotate(-43deg);

    position: relative;

    justify-content: center;

    align-items: center

}



.arrow-btn img,

.arrow-btn svg {

    z-index: 3

}



.arrow-btn::before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #203d3b;

    transition: all .3s ease 0s;

    border-radius: 100%

}



.arrow-btn:hover::before {

    width: 100%;

    height: 100%

}



.arrow-btn svg {

    fill: none;

    stroke: #203d3b;

    width: 20px;

    height: 20px

}



.arrow-btn svg .cls-1 {

    fill: none;

    stroke: #203d3b

}



.arrow-btn:hover svg {

    fill: none;

    stroke: #fff

}



.arrow-btn:hover svg .cls-1 {

    fill: none;

    stroke: #fff

}



.arrow-btn1 svg {

    fill: none;

    stroke: #fff

}



.arrow-btn1 svg .cls-1 {

    fill: none;

    stroke: #fff

}



.arrow-btn1:hover svg {

    fill: none;

    stroke: #203d3b

}



.arrow-btn1:hover svg .cls-1 {

    fill: none;

    stroke: #203d3b

}



.title-sec {

    display: flex;

    justify-content: space-between;

    margin-top: 25px;

    align-items: center

}



.title-sec p,

.title-sec span {

    font-family: 'Bon Vivant Family Serif'

}



.title-sec span {

    color: #203d3b;

    font-size: 15px

}



.title-sec p {

    color: #203d3b;

    font-size: 13px;

    margin-top: 3px

}



.architect-sec .title-sec span {

    color: #fff;

    font-size: 15px

}



.architect-sec .director-thumb {

    margin-left: 0;

    margin-right: 0

}



.architect-sec .arrow-btn {

    border: 1px solid #fff

}



.architect-sec .arrow-btn {

    padding: 8px

}



.architect-sec .arrow-btn::before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #fff;

    transition: all .3s ease 0s;

    border-radius: 100%

}



.architect-sec .arrow-btn:hover::before {

    width: 100%;

    height: 100%

}



.architect-sec .arrow-btn svg {

    width: 20px;

    height: 20px

}



.architect-sec a.arrow-btn:hover svg .cls-1 {

    stroke: #203D3B

}



.architect-sec .title-sec p {

    color: #fff;

    opacity: .6

}



.director-slider {

    margin: 0 -15px

}



.director-thumb {

    margin: 0 15px

}



.relative {

    position: relative

}



.control {

    max-width: 120px;

    position: absolute;

    right: 16px;

    top: 15px;

    display: flex !important;

    cursor: pointer;

    align-items: center

}



.control .arrow-icon-left,

.control .arrow-icon-left2,

.control .arrow-icon-left3 {

    margin-right: 10px;

    transform: rotate(180deg);

    margin-top: 2px

}



.control .arrow-icon-left,

.control .arrow-icon-left2,

.control .arrow-icon-left3,

.control .arrow-icon-right,

.control .arrow-icon-right2,

.control .arrow-icon-right3 {

    width: 35px;

    height: 35px;

    padding: 9px;

    border-radius: 100%;

    border: 1px solid #203d3b;

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center

}



.control img,

.control svg,

.controlar img {

    z-index: 3;

    width: 20px;

    height: 20px

}



.control .arrow-icon-left2::before,

.control .arrow-icon-left::before,

.control .arrow-icon-right2:before,

.control .arrow-icon-right:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #203d3b;

    transition: all .3s ease 0s;

    border-radius: 100%

}



.control .arrow-icon-left2:hover::before,

.control .arrow-icon-left:hover::before,

.control .arrow-icon-right2:hover::before,

.control .arrow-icon-right:hover::before {

    width: 100%;

    height: 100%

}



.control .arrow-icon-left svg,

.control .arrow-icon-left2 svg,

.control .arrow-icon-right svg,

.control .arrow-icon-right2 svg {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: 0;

    width: 20px;

    height: 20px

}



.control .arrow-icon-left svg .cls-1,

.control .arrow-icon-left2 svg .cls-1,

.control .arrow-icon-right svg .cls-1,

.control .arrow-icon-right2 svg .cls-1 {

    fill: none;

    stroke: #203d3b;

    position: relative;

    top: 0

}



.control .arrow-icon-left2:hover svg,

.control .arrow-icon-left:hover svg,

.control .arrow-icon-right2:hover svg,

.control .arrow-icon-right:hover svg {

    fill: none;

    stroke: #fff

}



.control .arrow-icon-left2:hover svg .cls-1,

.control .arrow-icon-left:hover svg .cls-1,

.control .arrow-icon-right2:hover svg .cls-1,

.control .arrow-icon-right:hover svg .cls-1 {

    fill: none;

    stroke: #fff

}



#our-architects .col-md-4 {

    padding-left: 0;

    padding-right: 0;

    margin: 0

}



.architect-sec .director-thumb {

    margin-left: 15px;

    margin-right: 15px

}



#our-architects .control .arrow-icon-left3,

#our-architects .control .arrow-icon-right3 {

    border: 1px solid #fff

}



#our-architects .control .arrow-icon-left3::before,

#our-architects .control .arrow-icon-right3:before {

    background: #fff

}



#our-architects .control .arrow-icon-left3::before,

#our-architects .control .arrow-icon-right3:before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #fff;

    transition: all .3s ease 0s;

    border-radius: 100%

}



#our-architects .control .arrow-icon-left3:hover::before,

#our-architects .control .arrow-icon-right3:hover::before {

    width: 100%;

    height: 100%

}



#our-architects .control .arrow-icon-left3 svg,

#our-architects .control .arrow-icon-right3 svg {

    fill: none;

    stroke: #fff;

    position: relative;

    top: 0;

    width: 20px;

    height: 20px

}



#our-architects .control .arrow-icon-left3 svg .cls-1,

#our-architects .control .arrow-icon-right3 svg .cls-1 {

    fill: none;

    stroke: #fff;

    position: relative;

    top: 0

}



#our-architects .control .arrow-icon-left3:hover svg .cls-1,

#our-architects .control .arrow-icon-right3:hover svg .cls-1 {

    fill: none;

    stroke: #203d3b

}



.thumb-pic {

    overflow: hidden

}



.thumb-pic img {

    -webkit-transition: all ease-in-out 2s;

    -o-transition: all ease-in-out 2s;

    transition: all ease-in-out 2s

}



.thumb-pic:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.ptext {

    font-family: 'Halvar Eng Rg';

    font-size: 22px;

    color: #fff;

    margin-bottom: 15px;

    display: block

}



.popup-scroll {

    overflow-y: inherit !important

}



.mt-40 {

    margin-top: 40px

}



.mb-40 {

    margin-bottom: 40px

}



.vision-sec {

    background-image: url(../images/Mission-Vission-banner.jpg);

    background-size: cover;

    background-position: center center;

    padding: 60px 0;

    position: relative

}



.vision-sec h5,

.vision-sec p {

    color: #000;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.vision-sec h5 {

    font-size: 4rem;

    width: 100%;

    display: block;

    margin-bottom: 25px;

    line-height: normal;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.vission-content {

    position: relative;

    z-index: 3;

    border-right: 1px solid #ccc;

    padding: 20px 37px 50px 0

}



.mission-content {

    position: relative;

    z-index: 3;

    padding: 20px 0 30px 10px

}



.about-banner {

    height: 60vh;

    background-image: url(../image/aboutus-banner.png)

}



.foundation-banner {

    height: 80vh;

    background-image: url(../images/CSR-Banner.jpg)

}



.career-banner {

    height: 80vh;

    background-image: url(../images/Career-Banner.jpg)

}



.payonline-banner {

    height: 85vh;

    background-image: url(../pay-online/pay-online-banner.jpg)

}



.golfgreen79banner {

    background-image: url(../images/projects/golf-greens79/golfgreens79-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.superbiabanner {

    background-image: url(../images/projects/superbia/superbia-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum37dIII-banner {

    background-image: url(../images/projects/signum37d-III/signum37d-III-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum-sector36-banner {

    background-image: url(../images/projects/signum-sector36/signum36-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum-37D-banner {

    background-image: url(../images/projects/signum-37D/signum-37D-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum-plaza4-banner {

    background-image: url(../images/projects/signum-plaza4/signum-plaza4-Banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum37d2-banner {

    background-image: url(../images/projects/signum-37-D2/signum-37D2-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum-plaza37d-banner {

    background-image: url(../images/projects/signum-plaza37d/signum-plaza37d-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.banner-signum81 {

    background-image: url(../images/projects/signum-plaza81/banner/banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum-plaza92-banner {

    background-image: url(../images/projects/signum-plaza92/banner/banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum-plaza5-banner {

    background-image: url(../images/projects/signum-plaza5/signum-plaza5-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum79-banner {

    background-image: url(../images/projects/signum79/signum79-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum63A-banner {

    background-image: url(../images/projects/signum63A/signum63A-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum89-II-banner {

    background-image: url(../images/projects/signum89-II/signum89-II-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum-plaza-banner {

    background-image: url(../images/projects/signum-plaza/signum-plaza-banner.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center

}



.signum37d-IV-banner {

    background-image: url(../images/projects/signum37d-IV/signum37d-IV-banner.jpg)

}



.signum95-banner {

    background-image: url(../images/projects/signum95/signum95-banner.jpg)

}



.signum95A-banner {

    background-image: url(../images/projects/signum-sector95a/signum95A-banner.jpg)

}



.signum103-banner {

    background-image: url(../images/projects/signum103/signum103-banner.jpg)

}



.signum107-banner {

    background-image: url(../images/projects/signum107/signum-107-banner.jpg)

}



.signum93-banner {

    background-image: url(../images/projects/signum93/signum93-banner.jpg)

}



.signum71-banner {

    background-image: url(../images/projects/signum71/signum71-banner.jpg)

}



.signum88A-banner {

    background-image: url(../images/projects/signum88A/signum88A-banner.jpg)

}



.banner-andourheight71 .cpationlogo,

.banner-synera .cpationlogo,

.orchard-banner .cpationlogo {

    width: 150px

}



.banner-sunrise .cpationlogo,

.orchard-banner .cpationlogo {

    margin-bottom: 55px

}



.banner-synera .cpationlogo {

    margin-bottom: 40px

}



.banner-andourheight71 .cpationlogo {

    margin-bottom: 15px

}



.signum88A-banner .cpationlogo {

    bottom: 15px

}



.sg107 {

    height: auto;

    padding-bottom: 70px

}



.sg107 a:hover {

    border: 0 !important

}



.sg107 .headingtag {

    margin-bottom: 50px !important

}



.currentbg {

    background-image: url(../images/current-openings.jpg)

}



.career-banner .container,

.payonline-banner .container {

    align-items: center !important

}



.career-banner .bannertext,

.payonline-banner .bannertext {

    position: relative

}



.signum79 .slick-slide {

    margin: 0 10px

}



.signum-arrow {

    display: none

}



.foundation-bg {

    background-image: url(../images/Corporate-Social.jpg);

    background-size: cover;

    background-position: center center;

    padding: 70px 40px;

    position: relative

}



.foundation-content {

    width: 400px;

    padding: 50px 30px;

    margin-left: auto;

    background: #f6f4ee

}



.foundation-content p {

    color: #000;

    opacity: .7

}



.foundation-content .clabtn1 {

    position: relative;

    margin-top: 35px

}



.foundation-content .clabtn1 .abtn {

    width: 175px;

    height: 45px;

    font-size: 14px;

    float: inherit

}



.foundation-content .cls-1 {

    fill: none;

    stroke: #203d3b;

    stroke-linecap: round;

    stroke-linejoin: round

}



.chaticon {

    width: 80px;

    height: 80px;

    border: 15px solid #3d6a67;

    border-radius: 100%;

    background: #203d3b;

    text-align: center;

    position: fixed;

    bottom: 20px;

    right: 100px;

    color: #fff;

    line-height: 50px;

    font-size: 20px;

    display: none

}



.scroll {

    height: 270px;

    overflow: hidden;

    overflow-y: scroll;

    padding-right: 5px

}



.scroll::-webkit-scrollbar {

    width: 5px

}



.scroll::-webkit-scrollbar-track {

    background: #eee;

    border-radius: 1rem

}



.scroll::-webkit-scrollbar-thumb {

    border-radius: 1rem;

    background-color: #f5f5f5;

    background: #6c9392

}



body.overflowHide {

    overflow: hidden

}



.slide-popup {

    height: 100%;

    width: 100%;

    position: fixed;

    z-index: 999999999;

    top: 0;

    right: 0;

    background-color: #fff;

    overflow: hidden;

    transition: all ease-in-out 1s;

    margin-right: -100%

}



.pupup-content {

    padding: 40px 30px

}



.pupup-content ul {

    margin-top: 20px

}



.pupup-content ul li {

    font-size: 18px;

    color: #000;

    line-height: 1.3;

    margin-bottom: 10px;

    list-style: disc;

    padding-left: 5px;

    margin-left: 17px

}



.popup-slide .col-lg-6 {

    padding: 0

}



.popup-title {

    font-family: 'Bon Vivant Family Serif';

    font-size: 30px;

    color: #000

}



.pupup-content span {

    font-family: 'Bon Vivant Family Serif';

    font-size: 20px;

    color: #000;

    display: block;

    margin: 10px 0 30px;

    line-height: 30px

}



.closebtn {

    width: 35px;

    height: 35px;

    position: absolute;

    border-radius: 100%;

    top: 30px;

    right: 50px;

    border: 1px solid #203d3b;

    color: #6c9392;

    z-index: 99;

    line-height: 35px;

    text-align: center;

    font-size: 31px;

    display: flex;

    justify-content: center;

    align-items: center

}



.closebtn:hover {

    color: #fff

}



.closebtn::before {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    background: #203d3b;

    transition: all .3s ease 0s;

    border-radius: 100%

}



.closebtn:hover::before {

    width: 100%;

    height: 100%;

    z-index: -1

}



.pupup-content .scroll {

    height: 380px

}



.inner-section h1 {

    line-height: 52px;

    margin-bottom: 45px

}



.clabtn2 {

    margin-top: 20px !important;

    display: none

}



.readmore {

    width: 140px !important

}



.eft-100 {

    padding-top: 110px

}



.fnd-sec {

    margin-bottom: 400px

}



.ps-relative {

    position: relative

}



.eft-100 .col-lg-5 {

    padding-right: 0

}



.eft-100 .col-lg-7 {

    padding-left: 0

}



.enda .col-lg-5 {

    padding-right: 15px;

    padding-left: 0

}



.enda .col-lg-7 {

    padding-left: 15px;

    padding-right: 0

}



.enda {

    position: relative;

    margin-bottom: -397px

}



.efforts-content {

    background: #fff;

    padding: 50px 35px

}



.eft-100 img {

    object-fit: cover

}



.efforts-content strong {

    font-family: 'Bon Vivant Family Serif';

    font-size: 40px;

    color: #203d3b;

    display: block;

    margin-bottom: 30px

}



.efforts-content p {

    color: #000;

    margin: 0

}



.efforts-content .clabtn1 {

    position: relative;

    margin-top: 53px

}



.efforts-content .clabtn1 .abtn {

    width: 200px;

    height: 45px;

    font-size: 14px;

    float: inherit;

    margin: 0

}



.efforts-content .cls-1 {

    fill: none;

    stroke: #203d3b;

    stroke-linecap: round;

    stroke-linejoin: round

}



.unitsectionwrap .control {

    right: 24px;

    top: 22px

}



.unitpadd100 {

    padding-top: 100px

}



.pd-b0 {

    padding-bottom: 0

}



.ab-cont-f {

    font-size: 22px

}



.project-highlight li {

    width: 100%;

    font-size: 15px;

    color: #fff;

    line-height: 1.3;

    margin-bottom: 10px;

    list-style: disc;

    padding-left: 5px;

    margin-left: 16px

}



.two-thumb {

    display: none !important

}



.tdw {

    width: 153px !important

}



.pg-title {

    width: 100%;

    display: block;

    font-size: 22px;

    font-family: 'Halvar Eng Rg';

    font-weight: 500;

    color: #fff;

    opacity: 1;

    margin-bottom: 15px !important

}



.list li {

    font-family: 'Halvar Eng Lt';

    font-weight: 300;

    font-size: 18px;

    color: #fff;

    line-height: 1.3;

    margin-bottom: 10px;

    list-style: disc;

    margin-left: 17px

}



.dots-none .locationlistslider .slick-dots {

    display: none !important

}



.key-slider {

    display: flex;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px

}



.key-slider .col-md-3 {

    padding-left: 0;

    padding-right: 0;

    margin: 0

}



.td-w {

    width: 100% !important

}



.accordioninner .card .w95 {

    width: 95%;

    margin-left: 3%;

    margin-top: 20px

}



.accordioninner .card .w95 b {

    font-size: 22px;

    color: #fff;

    font-weight: 400;

    margin-top: 15px

}



.pay-title {

    line-height: 104px !important

}



.cr-title {

    line-height: normal !important;

    margin-bottom: -200px

}



.lets-gro {

    background: #10171d;

    padding-bottom: 0

}



.lets-gro h5 {

    font-size: 4rem;

    color: #fff;

    width: 100%;

    display: block;

    margin-bottom: 40px;

    line-height: normal;

    margin-top: -6px

}



.lets-gro p {

    color: #fff

}



.lets-thumb img {

    margin-top: 30px;

    margin-bottom: -3px

}



.form-sec {

    padding-top: 0

}



.career-form .form-control {

    color: #7c7c7c;

    height: 50px;

    padding: 16px 0;

    border-radius: 0;

    border: none;

    background: 0 0;

    font-size: 18px;

    border-bottom: 1px solid #ced4da !important;

    resize: none;

    font-family: 'Bon Vivant Family Serif'

}



.career-form .form-group {

    margin-bottom: 20px

}



.career-form textarea {

    height: 60px !important;

    font-family: 'Bon Vivant Family Serif'

}



.career-form .clabtn1 {

    position: relative

}



.career-form .cls-1 {

    fill: none;

    stroke: #203d3b;

    stroke-linecap: round;

    stroke-linejoin: round

}



.career-form .abtn {

    width: 150px;

    height: 50px;

    line-height: 43px;

    float: inherit

}



.career-form .labels {

    margin: 40px 0;

    font-family: 'Bon Vivant Family Serif'

}



.btn-file input[type=file] {

    cursor: pointer;

    position: absolute;

    top: 0;

    right: 0;

    min-width: 100%;

    min-height: 100%;

    text-align: right;

    opacity: 0;

    outline: 0;

    background: #f46c21 !important;

    color: #fff !important;

    display: block

}



span.btn-file {

    position: relative

}



label {

    opacity: .7;

    font-size: 15px;

    color: red;

    margin-top: 10px

}



.loansformdt label {

    opacity: .7;

    font-size: 15px;

    margin-top: 10px;

    margin-left: 30px

}



.labels>div {

    float: right;

    margin-top: 10px

}



.file-name {

    padding-left: 5px;

    color: #000;

    font-weight: 600

}



.btn-file strong {

    font-family: 'Halvar Eng Lt';

    border: 1px solid #b5b4b4;

    padding: 6px 10px;

    background-image: linear-gradient(to bottom, rgb(201 200 200 / 55%), #00000000);

    font-size: 19px;

    font-weight: 600;

    letter-spacing: 1px

}



.career-form .btn-file {

    margin-right: 0;

    width: 160px

}



.logo-thumb {

    display: flex;

    justify-content: center;

    align-items: center;

    border-right: 1px solid #6c9392c7 !important;

    border-bottom: 1px solid #6c9392c7 !important;

    border: 0;

    padding: 100px 40px

}



.border {

    border-bottom: 0

}



.group-box .logo-thumb:last-child {

    border-bottom: 0 !important

}



.group-box {

    width: 99.9%;

    border: 1px solid #6c9392c7;

    border-top: 0;

    border-right: 0;

    border-bottom: 0;

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap

}



.pay-online .logo-thumb:nth-child(1) {

    border-right: 0;

    border-top: 0

}



.pay-online .logo-thumb:nth-child(2) {

    border-top: 0

}



.pay-online .logo-thumb:nth-child(3) {

    border-left: 0;

    border-top: 0;

    border-top: 0

}



.pay-online .col-md-4:nth-child(1) {

    padding-right: 0;

    padding-right: 0

}



.pay-online .col-md-4:nth-child(2) {

    padding-left: 0

}



.pay-online .col-md-4:nth-child(3) {

    padding-left: 0

}



.pay-online .col-md-4:nth-child(4) {

    padding-right: 0;

    padding-right: 0

}



.pay-online .col-md-4:nth-child(5) {

    padding-left: 0

}



.pay-online .col-md-4:nth-child(6) {

    padding-left: 0

}



.discription {

    margin-top: 60px

}



.discription .clabtn1 {

    position: relative

}



.discription .clabtn1 .abtn {

    width: 150px;

    height: 45px;

    margin-top: 50px

}



.group-pay {

    display: flex

}



.group-pay:nth-child(1) {

    border-bottom: 1px solid #6c9392c7

}



.park-thumb {

    width: 232px;

    display: flex;

    margin-bottom: 30px

}



.logo-thumb {

    position: relative;

    overflow: hidden;

    cursor: pointer;

    width: 33.33%

}



.logo-thumb img {

    z-index: -1

}



.inner-thumb {

    width: 100%;

    height: 100%;

    position: absolute;

    transform: translateY(120%);

    transition: all .8s ease-out;

    opacity: 0;

    visibility: hidden;

    display: flex;

    justify-content: center;

    align-items: center

}



.logo-thumb:hover .inner-thumb {

    transform: translateY(0);

    opacity: 1;

    visibility: visible;

    box-shadow: inset 0 -100vh 0 0 #203d3b

}



.inner-thumb .clabtn1 .abtn {

    border: 1px solid #f6f4ee;

    color: #f6f4ee;

    float: inherit;

    margin: 15px 0;

    opacity: 1

}



.inner-thumb .clabtn1 {

    width: 60%;

    position: relative;

    top: 0;

    text-align: center;

    justify-content: center

}



.inner-thumb .clabtn1 .abtn:hover {

    background: #f6f4ee;

    color: #203d3b;

    opacity: 1

}



.inner-thumb .clabtn1 .abtn:hover svg .cls-1 {

    stroke: #203d3b !important

}



.inner-thumb .clabtn1 .abtn svg {

    stroke: #f6f4ee;

    width: 15px

}



.inner-thumb .cls-1 {

    fill: none;

    stroke: #f6f4ee;

    stroke-linecap: round;

    stroke-linejoin: round

}



.bg-color {

    background: #203d3b;

    padding-top: 50px;

    flex-wrap: wrap

}



.life-sec {

    padding-bottom: 0

}



.customerwrap .bold {

    margin-bottom: 5px;

    font-weight: 600 !important;

    display: block

}



.bg-color .park-thumb svg {

    width: 18px;

    height: 18px;

    stroke: #203d3b;

    margin-left: 15px;

    transition: all .5s ease-out;

    position: relative;

    top: -1px

}



.dw-btn {

    left: -71px !important

}



.readmore {

    display: none

}



.displaynone {

    display: none

}



.life-sec .btnwrapone {

    margin: auto

}



.readmore-btn>div {

    display: flex

}



.readmore-btn img {

    width: 18px;

    margin-left: 10px

}



.superbiabanner .cpationlogo {

    bottom: 30px

}



@media(max-width:991px) {

    .topnavbaxy .navbar-nav li:before {

        right: -10px !important

    }

    .mb-50 {

        margin-bottom: 50px

    }

    .elevationsectionwrap .clabtn1 {

        bottom: 25px;

        position: relative

    }

    .architect-sec .arrow-btn {

        padding: 4px

    }

    .title-sec {

        align-items: flex-start

    }

    .vission-content {

        padding: 0 37px 0 0

    }

    .mission-content {

        padding: 0 0 0 10px

    }

    .image-thumb {

        margin-top: 0

    }

    .eft-100 img {

        height: 510px

    }

    .discription .clabtn1 {

        margin-top: 0

    }

    .orchard-avenue .btnclick,

    .signum79 .btnclick {

        right: inherit;

        left: 15px

    }

    .banner-sunrise .cpationlogo,

    .banner-synera .cpationlogo,

    .orchard-banner .cpationlogo {

        margin-bottom: 45px

    }

    .banner-andourheight71 .cpationlogo {

        margin-bottom: 15px

    }

    .lets-gro {

        padding-bottom: 0 !important

    }

    .slide-popup {

        overflow-x: hidden;

        overflow-y: scroll

    }

    .popup-slide .col-md-12 {

        padding: 0

    }

    .pupup-content .scroll {

        height: 340px

    }

    .closebtn {

        top: 9px;

        right: 13px

    }

    .pupup-content .scroll p:first-child {

        margin-top: -6px

    }

    .closebtn {

        color: #fff;

        border: 1px solid #fff

    }

    .slide-popup a:hover {

        color: #fff;

        border: 1px solid #fff

    }

    .pupup-content {

        padding: 40px 30px 30px

    }

    .about-sec h1 {

        font-size: 60px;

        top: -67px;

        line-height: normal

    }

    .eft-100 .col-md-12,

    .enda .col-md-12 {

        padding-left: 15px;

        padding-right: 15px

    }

    .mb185 {

        margin-top: 120px

    }

    .chairman-sec {

        padding-top: 80px

    }

    .chairman-content {

        padding-right: 0

    }

    .chairman-content .scroll {

        height: 204px

    }

    .chairman-content small {

        margin-top: 20px

    }

    .about-sec .innerbannerbg {

        padding-bottom: 60px

    }

    .director-sec {

        padding-top: 60px

    }

    .architect-sec h5,

    .director-sec h5,

    .key-sec h5 {

        font-size: 2.7rem

    }

    .pad120 {

        padding: 60px 0

    }

    .paddP100 {

        padding-bottom: 100px

    }

    .title-sec p {

        font-size: 11px

    }

    .title-sec span {

        color: #203d3b;

        font-size: 14px

    }

    .vision-sec h5 {

        font-size: 2.7rem

    }

    .arrow-btn {

        width: 25px;

        height: 25px;

        padding: 5px;

        color: #6c9392;

        position: relative

    }

    .inner-thumb .clabtn1 {

        width: 100%

    }

    .inner-thumb .clabtn1 .abtn {

        margin: 15px 5px

    }

    .inner-thumb .clabtn1 {

        margin-top: 0 !important

    }

    .pay-title {

        line-height: normal !important

    }

    .banner-signum-89I .cpationlogo,

    .signum-37D-banner .cpationlogo,

    .signum-plaza-banner .cpationlogo,

    .signum-plaza37d-banner .cpationlogo,

    .signum103-banner .cpationlogo,

    .signum107-banner .cpationlogo,

    .signum37dIII-banner .cpationlogo,

    .signum63A-banner .cpationlogo,

    .signum89-II-banner .cpationlogo,

    .signum93-banner .cpationlogo,

    .signum95-banner .cpationlogo,

    .signum95A-banner .cpationlogo {

        bottom: 30px

    }

    .banner-signum81 .cpationlogo,

    .signum-plaza4-banner .cpationlogo,

    .signum-plaza5-banner .cpationlogo,

    .signum-plaza92-banner .cpationlogo {

        bottom: 20px

    }

    .career-banner .container,

    .payonline-banner .container {

        display: flex !important;

        align-items: flex-end !important

    }

    .locationmap iframe {

        height: 300px

    }

    .fnd-sec h1 {

        line-height: 112px;

        top: -115px

    }

    .lets-gro h5 {

        font-size: 2.7rem

    }

    .location-btm {

        margin-bottom: 50px

    }

    .pd-b0 {

        padding-bottom: 0 !important

    }

}



@media(max-width:480px) {

    .efforts-scroll {

        height: 255px;

        overflow: hidden;

        overflow-y: scroll;

        padding-right: 5px

    }

    .efforts-scroll::-webkit-scrollbar {

        width: 5px

    }

    .efforts-scroll::-webkit-scrollbar-track {

        background: #eee;

        border-radius: 1rem

    }

    .efforts-scroll::-webkit-scrollbar-thumb {

        border-radius: 1rem;

        background-color: #f5f5f5;

        background: #6c9392

    }

    .efforts-scroll p {

        margin-top: -5px

    }

    .lets-gro h5 {

        font-size: 2rem

    }

    .clabtn2 {

        display: block

    }

    .eft-100 img {

        height: auto

    }

    .image-thumb img {

        max-width: 100%

    }

    .innerprobannerbg .mb-5 {

        margin-bottom: 40px !important

    }

    .career-banner .bannertext,

    .payonline-banner .bannertext {

        left: 0;

        width: 100%

    }

    .about-banner {

        height: 75vh;

        background-image: url(../images/About-mb-banner.jpg)

    }

    .foundation-banner {

        height: 75vh;

        background-image: url(../images/CSR-mb-banner.jpg)

    }

    .career-banner {

        height: 75vh;

        background-image: url(../images/Career-mb-banner.jpg)

    }

    .payonline-banner {

        height: 75vh;

        background-image: url(../pay-online/pay-online-mbbanner.jpg)

    }

    .signum37dIII-banner {

        background-image: url(../images/projects/signum37d-III/signum37d-III-mbbanner.jpg)

    }

    .signum-plaza4-banner {

        background-image: url(../images/projects/signum-plaza4/signum-plaza4-mbbanner.jpg)

    }

    .banner-signum81 {

        background-image: url(../images/projects/signum-plaza81/banner/mobile-banner.jpg)

    }

    .signum-plaza92-banner {

        background-image: url(../images/projects/signum-plaza92/banner/mobile-banner.jpg)

    }

    .signum-plaza5-banner {

        background-image: url(../images/projects/signum-plaza5/signum-plaza5-mbbanner.jpg)

    }

    .golfgreen79banner {

        background-image: url(../images/projects/golf-greens79/Golf-green79-mb-banner.jpg)

    }

    .signum79-banner {

        background-image: url(../images/projects/signum79/signum79-mbbanner.jpg)

    }

    .signum-37D-banner {

        background-image: url(../images/projects/signum-37D/signum37D-mbbanner.jpg)

    }

    .signum-plaza37d-banner {

        background-image: url(../images/projects/signum-plaza37d/signum-plaza37d-mbbanner.jpg)

    }

    .signum-37D-banner {

        background-image: url(../images/projects/signum63A/signum63A-mbbanner.jpg)

    }

    .signum89-II-banner {

        background-image: url(../images/projects/signum89-II/signum89-II-mbbanner.jpg)

    }

    .superbiabanner {

        background-image: url(../images/projects/superbia/superbia-mbbanner.jpg)

    }

    .signum-plaza-banner {

        background-image: url(../images/projects/signum-plaza/signum-plaza-mbbanner.jpg)

    }

    .signum37d-IV-banner {

        background-image: url(../images/projects/signum37d-IV/signum37d-IV-banner.jpg)

    }

    .signum95-banner {

        background-image: url(../images/projects/signum95/signum95-mbbanner.jpg)

    }

    .signum95A-banner {

        background-image: url(../images/projects/signum-sector95a/signum95A-mbbanner.jpg)

    }

    .signum103-banner {

        background-image: url(../images/projects/signum103/signum103-mbbanner.jpg)

    }

    .signum107-banner {

        background-image: url(../images/projects/signum107/signum-107-mbbanner.jpg)

    }

    .signum93-banner {

        background-image: url(../images/projects/signum93/signum93-mbbanner.jpg)

    }

    .signum71-banner {

        background-image: url(../images/projects/signum71/signum71-mbbanner.jpg)

    }

    .signum37d2-banner {

        background-image: url(../images/projects/signum-37-D2/MobileBanner.jpg)

    }

    .signum88A-banner {

        background-image: url(../images/projects/signum88A/signum88A-mbbanner.jpg)

    }

    .signum-sector36-banner {

        background-image: url(../images/projects/signum-sector36/MobileBanner.jpg)

    }

    .slide-popup .image-thumb img {

        height: auto;

        object-fit: cover

    }

    .about-sec h1 {

        font-size: 2.5rem;

        color: #fff;

        position: absolute;

        top: -48px

    }

    .architect-sec h5,

    .director-sec h5,

    .key-sec h5 {

        width: 300px;

        font-size: 2rem

    }

    .vision-sec h5 {

        font-size: 2rem

    }

    .chairman-content .scroll {

        height: 200px

    }

    .chairman-content p:last-child {

        margin-bottom: 0 !important

    }

    .director-slider .director-thumb {

        margin: 0 15px !important

    }

    .director-sec h5 {

        width: 272px

    }

    .chairman-content small {

        margin-top: 50px;

        margin-bottom: 20px

    }

    .chairman-thumb {

        padding-left: 0;

        padding-top: 7px

    }

    .key-sec .control {

        opacity: 1 !important

    }

    .signum-arrow {

        display: flex !important

    }

    .btnclick {

        bottom: 15px

    }

    .arrow-btn {

        width: 30px;

        height: 30px;

        padding: 6px

    }

    .control .arrow-icon-left,

    .control .arrow-icon-left2,

    .control .arrow-icon-left3,

    .control .arrow-icon-right,

    .control .arrow-icon-right2,

    .control .arrow-icon-right3 {

        width: 30px;

        height: 30px;

        padding: 6px

    }

    .control {

        max-width: 120px;

        position: absolute;

        right: 15;

        top: 13px

    }

    .director-sec .control {

        right: 15px;

        top: 9px

    }

    .director-sec h5 {

        margin-bottom: 20px

    }

    .architect-sec .director-thumb {

        margin-right: 0;

        margin-left: 0

    }

    .two-thumb {

        display: block !important

    }

    .unitsectionwrap .control {

        top: 5px

    }

    .title-sec span {

        font-size: 15px

    }

    .title-sec p {

        font-size: 13px

    }

    .vission-content {

        border-right: 0;

        padding: 0 20px 50px

    }

    .mission-content {

        position: relative;

        z-index: 3;

        padding: 0 20px 0 20px

    }

    .foundation-content {

        width: 100%;

        padding: 50px 30px;

        margin-left: auto

    }

    .foundation-bg {

        padding: 70px 20px

    }

    .chaticon {

        display: none

    }

    .closebtn {

        width: 35px;

        height: 35px;

        position: absolute;

        border-radius: 100%;

        top: 30px;

        right: 25px

    }

    .key-sec .mt-40:first-child {

        margin-top: 0

    }

    .mt {

        margin-top: 0

    }

    .progalleryslider .slider-nav {

        margin: auto;

        width: 100%

    }

    .progalleryslider .slider-nav img {

        width: 15% !important

    }

    .progalleryslider .slider-nav .slick-track {

        width: 100% !important

    }

    .progalleryslider .slider-nav .item-slick {

        max-width: 120px;

        margin-right: -5px

    }

    .siteplanwrap .clabtn1 {

        display: table

    }

    .accordion .card h6 b {

        width: 68%

    }

    .eft-100 {

        padding-top: 60px

    }

    .architect-sec .arrow-btn {

        padding: 5px

    }

    .group-pay {

        flex-wrap: wrap

    }

    .logo-thumb {

        position: relative;

        overflow: hidden;

        width: 100%

    }

    .pay-online .logo-thumb:nth-child(1) {

        border-right: 1px solid #6c9392;

        border-top: 0;

        border-bottom: 1px solid #6c9392

    }

    .pay-online .logo-thumb:nth-child(2) {

        border-top: 0;

        border-bottom: 1px solid #6c9392

    }

    .pay-online .logo-thumb:nth-child(3) {

        border-top: 0

    }

    .inner-thumb .clabtn1 {

        width: 60%

    }

    #life-signature {

        padding-bottom: 0 !important

    }

    .eft-100 img {

        height: 100%

    }

    .readmore {

        display: block

    }

    a .readmore {

        color: #000

    }

    .readmore div {

        display: flex;

        margin-top: 18px;

        align-items: center;

        color: #000;

        font-size: 14px

    }

    .readmore img {

        width: 18px;

        margin-left: 10px

    }

    .display-none {

        display: none

    }

    .btnclick span {

        font-size: 16px

    }

    .fnd-sec h1 {

        line-height: 64px;

        top: -62px !important

    }

    @media(max-width:375px) {

        .labels>div {

            float: inherit;

            margin-top: 20px

        }

    }

}



@media(max-width:480px) {

    .topnavbaxy .navbar-nav li:before {

        display: none

    }

}



.topnavbaxy ul li {

    position: relative;

    display: flex;

    align-items: center

}



.topnavbaxy .navbar-nav li:before {

    content: '';

    right: -20px;

    width: 1px;

    height: 8px;

    position: absolute;

    z-index: 9;

    background: #fff;

    opacity: .7

}



.topnavbaxy .navbar-nav li:last-child:before {

    display: none

}



.senera-para {

    padding-bottom: 14px

}



.oc-certify img {

    width: 100%

}



.sgsco-banner {

    background-image: url(../images/projects/sg-sco/banner.jpg)

}



.signum-37d4 {

    background-image: url(../images/projects/signum37d-iv/Banner/Banner.jpg)

}

.sg37dsco-banner{background-image:url(../images/projects/sg-37d-sco/Banner.jpg);}

.sg37dsco-bannerold{background:url(../images/projects/sg-37d-sco/Banner-old.jpg) no-repeat; background-size: cover;}

.abtcpny { color: #fff; font-size: 14px;margin: 15px 0px 0px 0px; text-align: center; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";} .upperheading { width:100%;  } .upperheading h2 { font-weight: normal; text-align: center;     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;} .upperheading p { text-align: center;     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important; margin: 0px 0px 50px 0px;} .whyus { background-color: #fff; } .textcntr { text-align: center; padding: 20px;     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;}

.textleft h4 { width: 100%; float: right; text-align: right; font-size: 18px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important; } .textleft p { width: 100%; float: right; font-size: 15px;     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important; text-align: right; }

.textright h4 { width: 100%; float: left; text-align: left; font-size: 18px;     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;} .textright p {     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important; width: 100%; float: left; font-size: 15px; text-align: left; }

.whyus .textcntr .textleft:after {

    position: absolute;

    content: '';

    display: block;

    width: 30px;

    height: 20px;

    border-bottom: dashed 1px #999;

}

.feedback-class-mobile2{position: fixed !important;top: 315px;float: left;right:-2px;display: inherit;z-index:9999;text-align: center;}





input {

    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;

} textarea {

    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;

}

.leftstyle {

    left: -1355px; top: 42%;

}





.fixedbtn2 {

    width: auto;

    position: absolute;

    top: 45%;

    left: -343px;

    z-index: 22;

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg)

}



.fixedbtn2 .btnrt {

    border: none;

    background-color: #203d3b;

    width: auto;

    height: 50px;

    color: #fff;

    cursor: pointer;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    outline: 0;

    border-radius: 5px 5px 0 0;

    text-transform: uppercase;

    font-size: 16px;

    padding: 10px 20px;

    letter-spacing: 1.5px;

    transition: all .5s ease

}



.fixedbtn2 .btnrt:hover {

    background-color: #6c9293

}



.registerform2 {

    width: 260px;

    height: auto;

    position: fixed;

    top: 53%;

    left: -520px;

    transform: translate(100%, -50%);

    z-index: 99;

    transition: all .5s ease;

    background: #fff

}



.registerform2.slideRight {

    transform: translate(520px, -50%);

    opacity: 1

}



.registerform2 .innerform2 {

    position: relative

}



.registerform2 .innerform2 iframe {

    position: relative;

    width: 100%

}



#categories {

    display: none;

    background-color: #f6f4ee;

    width: 270px;

    position: fixed;

    z-index: 9999;

    bottom: 60px;

    padding: 10px;

}



.padd50 {

    padding: 50px;

}



.property-block .upper-box {

    position: relative;

    background-color: #222222;

}



.property-block .upper-box:before {

    position: absolute;

    content: '';

    left: 0px;

    top: 0px;

    bottom: 0px;

    width: 50%;

    background-color: #25a9e0;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

}



.pull-left {

    float: left;

text-align: left;}



.property-block .upper-box .price {

    position: relative;

    color: #ffffff;

    font-size: 12px;

    text-align: left;

    padding: 16px 21px;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.pull-right {

    width: 50%;

    float: right;

}



.property-block .upper-box .read-more {

    position: relative;

    color: #ffffff;

    font-size: 11px;

    text-align: right;

    margin-bottom: 0px;padding: 17px 15px;

    display: inline-block;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    float: right;

}



.property-block .property-info {

    position: relative;

    margin-top: 2px;

    width: 100%;

    float: left;

    margin-bottom: 0px;

}



.property-block .property-info li {

    position: relative;

    float: left;

    width: 100%;

    padding-left: 0px;

    font-size: 14px;

    line-height: 45px;

    color: #222222;

    list-style-type: none;

    font-weight: 600;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.property-block .property-info img {

    width: 7%;

}



.cpationlogo h1 {

    width: 100%;

    float: right;

    color: #fff;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.cpationlogo span {

    width: 100%;

    float: right;

    color: #fff;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.innerprobannerbg {

    width: 100%;

    background-image: url(../image/second-sg-bg.jpg);

    background-repeat: repeat;

    background-size: cover;

    background-position: center;

    padding: 0;

}



.clrwh p {

    color: #fff !important;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.table {

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.paddlftrgt {

    padding: 40px 40px;

}



.clrwht {

    color: #fff !important;

    opacity: 1 !important;

}



.colorblack {

    color: #000 !important;

    margin: 40px 0px 30px 0px !important;

}



.bckwht {

    background-color: #fff;

}



.quthdng {

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    margin: 0px 0px 15px 0px;

    text-align: center;

}



.quthdngup {

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    margin: 0px 0px 30px 0px;

    text-align: center;

}



.textqut {

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    margin: 0px 0px 30px 0px;

    text-align: center;

}



.frmbtn {

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.ondes {

    display: none;

}



.onmob {

    display: inherit;

}



.fntbtn {

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

}



.pdmbds {

    padding:50px;

}



.prcpd {

    padding: 5rem;

}





.blink {

    color : red;

    margin-right: 0.5rem;

    background-color: #fff !important;

    -webkit-animation: glowing 1200ms infinite;

    -moz-animation: glowing 1200ms infinite;

    -o-animation: glowing 1200ms infinite;

    animation: glowing 1200ms infinite;

    }

    @keyframes blink {

      to {

        visibility: hidden;

      }

    }

    @-webkit-keyframes blink {

      to {

        visibility: hidden;

      }

    }





@-webkit-keyframes glowing {



  0% { background-color: #fff; -webkit-box-shadow: 0 0 3px #fff; }



  50% { background-color: #fff; -webkit-box-shadow: 0 0 20px #fff; }



  100% { background-color: #fff; -webkit-box-shadow: 0 0 3px #fff; }



}







@-moz-keyframes glowing {



  0% { background-color: #fff; -moz-box-shadow: 0 0 3px #fff; }



  50% { background-color: #fff; -moz-box-shadow: 0 0 20px #fff; }



  100% { background-color: #fff; -moz-box-shadow: 0 0 3px #fff; }



}







@-o-keyframes glowing {



  0% { background-color: #fff; box-shadow: 0 0 3px #fff; }



  50% { background-color: #fff; box-shadow: 0 0 20px #fff; }



  100% { background-color: #fff; box-shadow: 0 0 3px #fff; }



}







@keyframes glowing {



  0% { background-color: #fff; box-shadow: 0 0 3px #fff; }



  50% { background-color: #fff; box-shadow: 0 0 20px #fff; }



  100% { background-color: #fff; box-shadow: 0 0 3px #fff; }



}



select {

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;  

}

.fottersctyick{ position:fixed; bottom:0; left:0; right:0; z-index:99; border-top:1px rgba(255,255,255,.3) solid;}

.fottersctyick svg{ width:25px; height:100%; margin-right:5px;}

.fottersctyick a{ background-color:#0c1116; padding:10px; display:block; text-align:center; color:#fff;font-family: 'Halvar Eng Lt';}

.fottersctyick #forother{ background-color:#4dcb5b !important}

.mbhtt{ height:46px;}













.comanhead .mainhead{ font-size:20px; margin:0; padding:0; line-height:30px; font-weight:600;font-family: 'Playfair Display'; }

.comanhead .subhead{ font-size:16px; line-height:20px; font-weight:600; margin-bottom:10px; color:#cf0101;  text-transform:uppercase}

.comanhead .medhead{ font-size:19px; line-height:28px; font-weight:600; margin-bottom:10px; color:#fff;}



.comanhead , .comanhead  p{ line-height:27px; font-size:16px;}





.text-dark-blue{ color:#24355a !important}



.commanspace{ padding:45px 0 35px 0}





.mainbannerss{ background:url(../image/Desktop-Banner.jpg) no-repeat center center / cover; }

.mainbannerss .mainbannerinner{ background-color:rgba(0,0,0,.4); padding:100px 0 40px 0;font-family: 'Old Standard TT'; color:#fff;}

.mainbannerss .mainbannerinner h6{font-family: 'Old Standard TT'; color:#fff; font-size:22px;}



.bannertextsss{ position:relative;}

.bannertextsss .bannerinnet{position:relative; z-index:9; border-radius:25px; border-bottom:5px  #52994e solid;box-shadow:4px 5px 13px rgba(0,0,0,.25);}

.bannertextsss .bannerinnet .greendiv{ background-color:#52994e; color:#fff; padding:13px 10px; margin:20px 0; position:relative;box-shadow:4px 5px 13px rgba(0,0,0,.25); font-size:20px;}

.bannertextsss .bannerinnet .greendiv:after{position:absolute; right:-5px; left:-5px; bottom:0; top:0; content:""; border-left:15px #52994e solid; z-index:1;border-right:15px #52994e solid; transform: skewX(10deg);}

.bannertextsss .bannerinnet  p{ font-size:13px; line-height:16px;}

.bannertextsss .bannerinnet h2{ font-size:27px; line-height:34px;}

.bannertextsss .bannerinnet h1{  font-family: 'Playfair Display'; color:#52994e; font-size:38px; line-height:52px;}





.bannertabss{ margin-top:-80px}

.bannertabss a{ color:#fff; border:1px rgba(255,255,255,.4) solid; border-bottom:2px rgba(255,255,255,.5) solid; background-color:rgba(0,0,0,.8); display: block; padding:20px 20px; text-transform:uppercase; height:100%; text-align:center; font-family: 'Playfair Display'; font-weight:600; font-size:16px; border-radius:3px; }

.bannertabss a i{ display: inline-block; margin-right:10px;}

.bannertabss .row{ margin:0 -5px;}

.bannertabss .row > div{ padding:0 5px;}



.formareass{ background-color:rgba(0,0,0,.4); padding:45px 25px;border-radius:25px; border-bottom:5px  #52994e solid;box-shadow:4px 5px 13px rgba(0,0,0,.25);}

.wrapinput100{ margin-bottom:20px;}

.wrapinput100 .input100{ width:100%; padding:10px; background-color:transparent; border:1px rgba(255,255,255,.5) solid; color:#fff;}



.wrapinput100 .input100::placeholder {  color: #fff;  opacity: 1;}





.contact100-form-btn{ background-color:#52994e; width:100%; padding:10px; color:#fff; border:0; text-transform:uppercase}



.white_bg{ background-color:#fff;}

.listslyuert ul li{ list-style:none; padding:0 0 15px 30px; background:url(../image/errow.jpg) no-repeat 0 8px; font-size:16px;}



.priceees{ background-color:#52994e; width:300px; height:300px; border-radius:50%; color:#fff; position:relative;box-shadow:4px 5px 13px rgba(0,0,0,.25);   }

.priceees .spalpriu{ width:80px; height:80px; color:#000; font-size:30px; background-color:rgba(255,255,255,.9); position:absolute; right:0; bottom:20px; border-radius:50%; padding:5px;box-shadow:4px 5px 13px rgba(0,0,0,.25); text-align:center}

.priceees .spalpriu img{ max-width:100%; height:auto; line-height:80px;}

.priceees h2{ font-size:52px; position:relative; padding:0 10px 0 0;}

.priceees h2 span{ font-size:20px; position:absolute; right:0; top:8px;}





.aboutmain{ background:url(../image/Desktop-Banner.jpg) no-repeat center center / cover}

.aboutmain .aboutmaininner{ background-color:rgba(0,0,0,.6)}

.topabcontent{ border-left:5px #88c64b solid; padding-left:20px;}







.pricelists{ position:relative; box-shadow:4px 5px 13px rgba(0,0,0,.25); border-radius:6px; overflow:hidden}

.pricelists img{ border-radius:6px;transform: scale(1);    transition: all .5s ease;}

.pricelists:hover img{transform: scale(1.1);  }



.pricelists .prooverlu{ position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.4); padding:10px 40px;border-radius:6px;}

.pricelists .prooverlu h3{ font-family: 'Old Standard TT'; color:#fff; font-size:45px; }

.pricelists .prooverlu h4{ color:#fff;}

.pricelists .prooverlu button{ background-color:#52994e; width:100%; padding:10px; color:#fff; border:0; text-transform:uppercase; cursor:pointer}





.siteplan .borderimg{ border:2px #52994e solid}



.specigication{ position:relative; box-shadow:4px 5px 13px rgba(0,0,0,.25); border-radius:6px; overflow:hidden; background-color:#000}

.specigication img{ border-radius:6px;transform: scale(1);    transition: all .4s ease;}

.specigication:hover img{transform: scale(1.15); opacity:.7  }

.specigication .sprcbtext{ position:absolute; left:0; background-color:rgba(82,153,78,.9); color:#fff; padding:15px 10px;  font-family: 'Old Standard TT'; font-size:25px; right:0; text-align:center; bottom:0; transition: all .4s ease;  }

.specigication:hover .sprcbtext{ padding:20px 10px;  }





.realetedstat{ background:#fff url(../image/workbg.png) no-repeat center center/cover;}



.realstate .realstate-thumb{ height:250px;border-radius:8px;box-shadow:0 5px 13px rgba(0,0,0,.25); }

.realstate .getqquote{ background-color:#52994e; display:block; width:160px ; text-align:center; padding:12px 10px; color:#fff; border:0; text-transform:uppercase; cursor:pointer; top:-25px; margin:0 auto; position:relative; z-index:9; border-radius:40px;box-shadow:0 5px 13px rgba(0,0,0,.25); border:2px #fff solid; font-weight:bold;}

.realstate h2{ font-size:25px; line-height:33px; text-align:center;}











@media(min-width:576px){



.bannertabss{ margin-top:-100px}





}

@media(min-width:768px){



.comanhead .mainhead{ font-size:25px; line-height:38px;  }

.comanhead .subhead{ font-size:16px; line-height:22px; }

.comanhead .medhead{ font-size:20px; line-height:28px; }

.commanspace{ padding:70px 0 45px 0}

.bannertabss{ margin-top:-110px}



}



@media(min-width:992px){



}

	

	

@media(min-width:1200px){

.comanhead .mainhead{ font-size:40px; line-height:50px;  }

.comanhead .subhead{ font-size:18px; line-height:24px; }

.comanhead .medhead{ font-size:26px; line-height:32px; }

	

}






.innerpolicy ul{padding-left: 20px !important;}
.innerpolicy ul li{margin-bottom: 10px !important;}
.innerpolicy table tr th p{color: #fff !important;padding-left: 10px;}
.innerpolicy table tr td p{padding-left: 10px;}

.watsap img{max-width: 80px;}
.watsap{position: fixed;bottom: 20px;left: 20px;z-index: 99999;}

@media(max-width: 992px){
    .watsap{display: none;}
}