@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;600;700;900&display=swap');


:root {
    --primary-color: #1F2937;
    --secondary-color: #3F8E8A;
    --theme-color: #6BBDB9;
    --color-black: #000000;
    --color-light: #6B7280;
    --color-white: #fff;
    --color-gry: #707070;

}

/* -----------------------------------
    01. Header CSS
-------------------------------------*/
.main_theme_color {
    color: var(--theme-color);
}

.main_cta_button {
    padding: 10px 35px;
    text-align: center;
    display: inline-block;
    text-transform: capitalize;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
    background: var(--theme-color);
    color: var(--color-white) !important;
    outline: none;
    font-weight: bold;
    letter-spacing: 1.5px;
    border-radius: 10px;
    font-size: 18px;
    border: 2.5px solid var(--theme-color);
}

.main_cta_button:hover {
    background: var(--color-white);
    color: var(--theme-color) !important;
}

.dark {
    color: var(--color-black);
}

.light {
    color: var(--color-light);
}

.tittle {
    color: var(--primary-color);
}

.gry {
    color: var(--color-gry);
}

.navbar-nav {
    width: 100%;
    justify-content: space-between;
    margin: 0px;
}

h1 {
    font-size: 36px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 900;
    color: var(--primary-color);
    text-transform: capitalize;
}

p,
a {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    color: var(--color-black);
}

p {
    font-size: 18px;
}

h2 {
    font-size: 30px;
    --primary-color: #1F2937;
}

h3 {
    font-size: 24px;
}

.head-main {
    color: var(--theme-color);
}

li.nav-item a {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 900;
    
}

li {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 100;
    color: var(--color-black)
}

a.nav-link.menu-link {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 900;
}

div#nav-menu-wrap .container {
    text-align: center;
}

div#fixedNavbar {
    border-top: 0px solid #1F2937;
    border-bottom: 0px solid #1F2937;
    border-left: 0px solid #1F2937;
    border-right: 0px solid #1F2937;
    background: #F8F8F8;
}

li.nav-item.contact {
    background: var(--secondary-color);
}

li.nav-item.navbar-btn-resp.d-flex.align-items-center img {
    margin-right: 10px;
}

.fixed-header a.navbar-brand img.img-fluid.logo-normal {
    height: 75px !important;

}

a.navbar-brand img.img-fluid.logo-normal {
    padding-bottom: 15px;
    height: 85px;
    transition: all .3s ease;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: inline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: center !important;
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    align-items: center;
    justify-content: space-around;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.collapse:not(.show) {
    display: none;
    justify-content: end;
}

.header {
    padding: 10px 0px 0px;
    -webkit-transition: all 400ms cubic-bezier(0.65, 0, 0.35, 1);
    transition: all 400ms cubic-bezier(0.65, 0, 0.35, 1);
    top: 0px;
    width: 100%;
    z-index: 999;
    background: var(--color-white);
    position: sticky;
}

header.fixed-header {
    background: var(--color-white);
    z-index: 999;
    box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 7%);
}

.header .navbar-brand {
    padding: 0;
    color: var(--color-white);
    margin-right: 0;
    text-transform: capitalize;
}

.header .navbar-brand img.logo-transparent {
    display: block;
}

.header .default-nav-btn {
    padding: 10px 35px;
    text-align: center;
    display: flex;
    text-transform: capitalize;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
    background: var(--theme-color) !important;
    color: var(--color-white) !important;
    border: none !important;
    outline: none;
    border-radius: 0px;
    font-size: 18px;
    font-weight: 600;
}

.btn {
    padding: 10px 35px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    background: var(--secondary-color);
    color: var(--color-white);
    border: none;
    outline: none;
    border-radius: 10px;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.header .nav-item .nav-link {
    color: var(--primary-color) !important;
    font-weight: 600;
    /* padding: 12px 68px 6px; */
    text-transform: capitalize;
    display: block;
    position: relative;
    line-height: 28px;
    opacity: 0.8;
    font-size: 18px;
}

.header .nav-item .nav-link:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0px;
    margin: 0px auto;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: var(--secondary-color) !important;
    border-radius: 5px;
}

.header .nav-item .nav-link.active {
    opacity: 1;
}

.header .nav-item .nav-link:not(.active):after {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
    z-index: 7;
    content: '';
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    background: var(--color-white);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.header .nav-item .nav-link:not(.active):hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.header .nav-item:hover > a {
    color: var(--color-white);
    opacity: 1;
}

.header .nav-item.dropdown:hover .nav-link:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.header .nav-item.dropdown .dropdown-menu {
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    background-color: var(--color-white);
    -webkit-box-shadow: 0 3px 15px 0 rgba(17, 17, 17, 0.1);
    box-shadow: 0 3px 15px 0 rgba(17, 17, 17, 0.1);
}

.header .nav-item.dropdown .dropdown-menu .dropdown-item {
    width: 100%;
    color: #111;
    font-size: 0.875rem;
    display: block;
    font-weight: 400;
    padding: 12px 20px;
    position: relative;
    text-decoration: none;
    border-bottom: 1px solid rgba(17, 17, 17, 0.05);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.header .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
    color: var(--color-white);
    background: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

.header .nav-item.dropdown .dropdown-menu .dropdown-item:last-child {
    border-bottom: 0;
}

.header .nav-item.dropdown .dropdown-toggle {
    padding-right: 25px !important;
}

.header .nav-item.dropdown .dropdown-toggle:after {
    display: inline-block;
    margin-left: 0;
    vertical-align: initial;
    content: "";
    border: none;
}

.header .nav-item.dropdown .dropdown-toggle:before {
    content: "\f078";
    top: 50%;
    right: 0;
    position: absolute;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header .nav-item.dropdown .dropdown-toggle[aria-expanded="true"]:before {
    top: 28px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.header .navbar-toggler {
    outline: none;
    border: none;
    border-radius: 0;
    padding: 0 10px 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header .navbar-toggler .togler-icon-inner span {
    height: 3px;
    margin: 5px;
    width: 30px;
    display: block;
    background: var(--color-white);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header .navbar-toggler .togler-icon-inner span:nth-child(2) {
    width: 30px !important;
    margin-left: auto;
}

.header .navbar-toggler .togler-icon-inner span:last-child {
    margin-bottom: 0;
}

.header .navbar-toggler.active .togler-icon-inner span:nth-child(1) {
    -webkit-transform: rotate(-45deg) translate(-5px, 6px);
    transform: rotate(-45deg) translate(-5px, 6px);
}

.header .navbar-toggler.active .togler-icon-inner span:nth-child(2) {
    opacity: 0;
}

.header .navbar-toggler.active .togler-icon-inner span:nth-child(3) {
    -webkit-transform: rotate(45deg) translate(-5px, -6px);
    transform: rotate(45deg) translate(-5px, -6px);
}

/* Header Shrink */
.default-header .nav-item:hover .nav-link {
    color: var(--primary-color);
}

.default-header .nav-item .nav-link {
    color: var(--color-black);
    opacity: 1;
}

.default-header .nav-item .nav-link.loginmenu {
    color: var(--color-secondary);
    text-transform: capitalize;
}

.default-header .nav-item .nav-link.active {
    color: var(--primary-color) !important;

}

.default-header .nav-item .nav-link:hover {
    color: var(--secondary-color) !important;

}

.default-header .nav-item .nav-link:after {
    background: var(--secondary-color-light);
}

.header .nav-item .nav-link:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0px;
    margin: 0px auto;
    bottom: 0;
    width: 70%;
    height: 3px;
    background: var(--color-white);
    border-radius: 5px;
}

.default-header .nav-item .nav-link.active:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0px;
    margin: 0px auto;
    bottom: -10px;
    width: 100%;
    height: 3px;
    background: var(--theme-color);
    border-radius: 5px;
}

.default-header .nav-item .nav-link:not(.active):after {
    background: var(--secondary-color-light);
    height: 3px;
    border-radius: 6px;
    margin: 0px auto;
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: -10px;

}

li.nav-item a.nav-link.menu-link.active {
    color: var(--secondary-color) !important;
}

.box-contant .client {
    margin-top: 25px;
}

.default-header .navbar-toggler .togler-icon-inner span {
    background-color: #111;
}


.header-shrink {
    border-bottom: none;
    padding: 0;
    background: var(--color-white);
    -webkit-box-shadow: 0 3px 15px 0 rgba(17, 17, 17, 0.1);
    box-shadow: 0 3px 15px 0 rgba(17, 17, 17, 0.1);
}

.header-shrink .nav-item:hover .nav-link {
    color: var(--secondary-color);
}

.header-shrink .nav-item .nav-link {
    color: #111;
    opacity: 1;
}

.header-shrink .nav-item .nav-link.active,
.header-shrink .nav-item .nav-link:hover {
    color: var(--secondary-color);
}

.header-shrink .nav-item .nav-link:after {
    background: var(--secondary-color);
}

.header-shrink .nav-item .nav-link:not(.active):after {
    background: var(--secondary-color);
}

.header-shrink .navbar-toggler .togler-icon-inner span {
    background-color: #111;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
   * Medium devices (tablets, less than 992px)
  /* ---------------------------------------------------------------- */
@media only screen and (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}

@media only screen and (max-width: 991.98px) {
    .header .container {
        max-width: 100%;
        padding: 0;
    }

    .header .navbar-brand {
        padding: 10px 0 10px 15px;
    }

    .header .main-menu {
        background: var(--color-white);
    }

    .nav-menu-wrap {
        background: var(--color-white);
        box-shadow: 0px 15px 30px rgb(0 0 0 / 16%);
    }

    .header .main-menu .navbar-nav {
        max-height: 230px;
        overflow: hidden;
        overflow-y: auto;
    }

    .header .main-menu .navbar-nav .nav-item:nth-child(6) .nav-link {
        border-bottom: 0;
    }

    .header .main-menu .navbar-nav .nav-link {
        color: #111;
        padding: 7px 15px !important;
        -webkit-transition: all 0.25s linear;
        transition: all 0.25s linear;
        opacity: 1;
        border-bottom: 1px solid #eee;
    }

    .header .main-menu .navbar-nav .nav-link:after {
        display: none;
    }

    .header .main-menu .navbar-nav .nav-link.active {
        background: var(--secondary-color);
        color: var(--color-white) !important;
        border-color: var(--secondary-color);
    }

    .header .main-menu .navbar-nav .nav-link:not(.active):hover {
        background: var(--secondary-color);
        color: var(--color-white) !important;
        border-color: var(--secondary-color);
    }

    .header .main-menu .nav-item .dropdown-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #faf7f3;
    }

    .header .main-menu .nav-item .dropdown-menu .dropdown-item:hover {
        background: var(--secondary-color);
    }

    .header .dropdown-toggle:before {
        top: 23px !important;
        right: 20px !important;
    }

    .header .dropdown-toggle[aria-expanded="true"]:before {
        top: 7px !important;
        -webkit-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important;
    }

    .navbar-btn-resp {
        display: none !important;
    }

    /* Header Shrink */
    .header-shrink .nav-item:hover .nav-link {
        color: var(--secondary-color);
    }

    .header-shrink .nav-item .nav-link {
        color: #111;
    }

    .header-shrink .nav-item .nav-link.active,
    .header-shrink .nav-item .nav-link:hover {
        color: var(--secondary-color);
    }

    .header-shrink .nav-item .nav-link:after {
        background: var(--secondary-color);
    }

    .header-shrink .nav-item .nav-link:not(.active):after {
        background: var(--secondary-color);
    }

    .header-shrink .togler-icon-inner span {
        background-color: #111;
    }


    .contact-banner img {
        opacity: 0.7 !important;
    }
}

.default-nav-btn {
    padding: 10px 35px;
    text-align: center;
    display: inline-block;
    text-transform: capitalize;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
    background: var(--color-white);
    color: var(--secondary-color) !important;
    border: none;
    outline: none;
    border-radius: 10px;
    font-size: 18px;
    border: 1px solid var(--secondary-color);
}

a.default-nav-btn span {
    margin-right: 10px;
    font-weight: 700;
}

div#fixedNavbar a.default-nav-btn span {
    font-weight: 600;
}

.text-center a.default-nav-btn span {
    font-weight: 700;
}

a.default-nav-btn:hover {
    background: var(--primary-color);
    color: var(--color-white) !important;
    border: 1px solid var(--primary-color);
}

a.btn:hover, button.btn:hover {

    background: var(--primary-color);

    color: var(--color-white);

}

/*banner section */
.banner_img img {
    width: 100%;
}


/*end banner section */


/*realestate Section  */
section.realestate_section {
    padding: 40px 0px;
}

section.realestate_section .grid-x {
    align-items: center;
}

.realestate_left_contant h2 {
    color: var(--theme-color);
    text-align: center;

}

.realestate_left_contant h2 {
    text-transform: none;
}

.realestate_right_contant p {
    width: 76%;
    margin-bottom: 0px;
    text-align: left;
    margin: 0px;
}

/*end realestate Section  */
/*paste-money_Section  */
section.paste-money_section {
    background: url(../images/paste-bg.png);
}

section.paste-money_section .row-banner {
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

section.paste-money_section {
    background: url(../images/paste-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px 0px;
}

.money {
    color: var(--color-white);
    position: relative;
    padding: 20px 0px;
}

.money-paste {
    color: var(--color-white);

}

.money p {
    color: var(--color-white);
}

.money-paste p {
    color: var(--color-white);
}

.money p,
.money-paste p {
    margin: 0px;
}

.money h2,
.money-paste h2 {
    margin: 0px;

}


.money.cntr {
    border-right: 1px solid var(--color-white);
    border-left: 1px solid var(--color-white);
    height: 58px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* ----------------------
02.testimonials start css
---------------------*/

.slider_img img {
    width: 600px !important;
}

section.ongoing h2 span {
    display: block;
    line-height: 1;  color: var(--theme-color);
}

section.ongoing h2 {
    line-height: 1.2;  color: var(--theme-color);
}

section.ongoing .grid-x.grid-padding-x {
    position: relative;
}

section.ongoing .swiper-slide {
    text-align: start;
    font-size: 18px;
    background: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: left;
    /* justify-content: center; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 30px 60px;
    background: #f5f1f1;
    border-radius: 30px;
}

.getting-num img {
    width: 30px !important;
}

section.ongoing .swiper {
    width: 100%;
    height: 100%;
    border-radius: 50px;
}

section.ongoing {
    background: var(--color-white);
    padding: 90px 0px;
}

.client h3 span {
    text-transform: capitalize;
    color: var(--theme-color);
    display: block;
    font-weight: 100;
}

.client h3 {
    text-transform: capitalize;
    color: var(--theme-color);
    font-weight: 800;
    line-height: 1;
}

header a.default-nav-btn img {
    margin-right: 10px;
}

.clients_slider .owl-nav {
    position: absolute;
    left: -23%;
    top: 90px;
}

.clients_slider .owl-nav button.owl-prev {
    width: 35px;
    height: 35px;
    background: url('../images/left_arrow.svg') !important;
    background-size: contain !important;
}

.clients_slider .owl-nav button.owl-prev:hover, section.happy-customer .owl-nav button.owl-prev:hover, section.cus_famliy .owl-nav button.owl-next:hover {
    background: url('../images/left_arrow%20_1.svg') !important;
    background-size: contain !important;
    width: 35px;
    height: 35px;
}

.clients_slider .owl-nav button.owl-next:hover, section.happy-customer .owl-nav button.owl-next:hover, section.cus_famliy .owl-nav button.owl-prev:hover {
    background: url('../images/right_arrow_1.svg') !important;
    background-size: contain !important;
    width: 35px;
    height: 35px;
}

.clients_slider .owl-nav button.owl-next {
    width: 35px;
    height: 35px;
    background: url('../images/right_arrow.svg') !important;
    background-size: contain !important;
}


.clients_slider .owl-nav button.owl-prev,
.clients_slider .owl-nav button.owl-next {
    margin: 0px 5px;
}

.clients_slider .owl-nav button.owl-next span,
.clients_slider .owl-nav button.owl-prev span {
    font-size: 0px;
}

section.ongoing .cell.large-2.large-offset-1.medium-3.small-12 {
    position: relative;
}

.bt {
    position: absolute;
    bottom: 40px;
}

section.ongoing a.default-nav-btn img {
    margin-left: 15px;
    width: 50px;
}

section.ongoing .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 400px;
    position: relative;
    transition-property: transform;
}

.arrow img {
    height: 51px;
    text-align: center;
    margin: 5px;
}

.cell.large-7.medium-7.small-12.get {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


ul.accordion h4 {
    font-size: 18px;
}


/* ----------------------
  testimonials end css
  ---------------------*/

/* ----------------------
  our_team css
  ---------------------*/
section.our_team .grid-x.grid-padding-x {
    position: relative;
    align-items: center;
}

.team_slider .owl-nav {
    position: absolute;
    left: -22%;
    top: 63%;
}

section.our_team .swiper-slide {
    text-align: start;
    font-size: 18px;
    background: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: left;
    /* justify-content: center; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 30px 60px;
    background: #f5f1f1;
    border-radius: 30px;
}

.getting-num img {
    width: 30px !important;
}

section.our_team .swiper {
    width: 100%;
    height: 100%;
    border-radius: 50px;
}

section.our_team {
    background: var(--color-white);
    padding: 60px 0px;
}


.team_slider .owl-nav button.owl-prev {
    width: 35px;
    height: 35px;
    background: url('../images/left_arrow.svg') !important;
    background-size: contain !important;
}

.team_slider .owl-nav button.owl-prev:hover, section.happy-customer .owl-nav button.owl-prev:hover, section.cus_famliy .owl-nav button.owl-next:hover {
    background: url('../images/left_arrow%20_1.svg') !important;
    background-size: contain !important;
    width: 35px;
    height: 35px;
}

.team_slider .owl-nav button.owl-next:hover, section.happy-customer .owl-nav button.owl-next:hover, section.cus_famliy .owl-nav button.owl-prev:hover {
    background: url('../images/right_arrow_1.svg') !important;
    background-size: contain !important;
    width: 35px;
    height: 35px;
}

.team_slider .owl-nav button.owl-next {
    width: 35px;
    height: 35px;
    background: url('../images/right_arrow.svg') !important;
    background-size: contain !important;
}


.team_slider .owl-nav button.owl-prev,
.team_slider .owl-nav button.owl-next {
    margin: 0px 5px;
}

.team_slider .owl-nav button.owl-next span,
.team_slider .owl-nav button.owl-prev span {
    font-size: 0px;
}

section.our_team h2.tittle {
    text-align: center;
}

h2.tittle span.tittle {
    display: block;
}

section.our_team .bt {
    position: absolute;
    bottom: 0px;
    left: 9%;
}

section.our_team .owl-carousel .owl-item img {
    width: unset;
}

section.our_team .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    position: relative;
    transition-property: transform;
}

/* -----------------------------------
   Get Payment CSS
-------------------------------------*/
.get-payment {
    background: var(--color-white);
    overflow: hidden;
    padding-bottom: 30px;
}

.get-payment .box {
    padding: 0px 0px 33px;
    text-align: center;
    transition: all .5s ease-in-out;
    margin: 0px 2px;
    width: -webkit-fill-available;
}

/* .box-img img:hover {
  filter: grayscale(0);
} */

.gray_scale_img {
    filter: grayscale(1);
}

.gray_scale_img:hover {
    filter: grayscale(0);
}

.get-payment .box h4 {
    color: var(--color-white);
    font-weight: 700;
    letter-spacing: 0px;

}

section.builders_section a.btn {
    display: none;
}

.get-payment .box p {
    margin: 10px;
    padding: 10px 25px;
    line-height: 1.5;
}

.get-payment .grid-box {
    display: flex;
    /* align-items: center;
       justify-content: center; */
    margin: 0px -15px;
}

.box-img h4 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0px;
    transform: translate(-50%, -50%);
}

.box-img {
    position: relative;
    overflow: hidden;
    height: 400px !important;
}

.box-img img {
    width: 100%;
    /* filter: grayscale(1); */
    height: -webkit-fill-available;
}

section.get-payment a.default-nav-btn {
    margin: 0px auto;
    display: flex;
    width: fit-content;
    align-items: center;
    font-weight: 700;
}

section.get-payment a.default-nav-btn img {
    margin-left: 15px;
    width: 50px;
}

/* -----------------------------------
 Payment Service CSS
-------------------------------------*/

.payment-service {
    padding: 60px 0px;
    background: #F4F6FA;
}

.boxa {
    padding: 30px 0px;
    cursor: pointer;
    color: var(--color-black);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    overflow: hidden;
    min-width: 200px;
}

.payment-service .box {
    border-radius: 10px;
    background: var(--color-white);
    padding: 40px 23px;
    cursor: pointer;
    color: var(--color-black);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    border-radius: 40px;
    height: 100%;
    margin: 0px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.payment-service .box:hover {
    background: var(--theme-color);
}

.payment-service .box:hover p {
    color: var(--color-white) !important;
}

.payment-service .box:hover .p-icon {
    background: var(--color-white);
}

.payment-service .box:hover h4,
.payment-service .box:hover p {
    color: var(--color-white);
}

.payment-service .box .p-icon {
    width: 78px;
    height: 78px;
    background: #E9EFFD;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.payment-service .box h4 {
    font-size: 22px;
    color: var(--color-black);
    font-weight: bold;
}

.payment-service .box p {
    line-height: 33px;
    margin-bottom: 0px;
}

.boxa h2 {
    width: 75%;
    text-transform: none;
}

.boxa a.default-nav-btn {
    margin-left: 0px;
}

.boxa a.default-nav-btn img {
    margin-left: 15px;
    width: 50px;
}

.box span {
    color: #CCCCCC;
}

.box p {
    line-height: 2.1;
}


section.payment-service .grid-container {
    margin: 0px auto;
}

section.paste-money_section h2 {
    color: var(--color-white);
    text-transform: lowercase;
}

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

.hgt {
    height: 100%;
}

section.happy-customer {
    padding: 60px 0px 100px;
}

section.happy-customer .grid-x.grid-padding-x {
    max-width: 1500px;
    margin: 0px auto;
}

section.happy-customer .container {
    background: #F5F1F1;
}

.client-img {
    border: 10px solid var(--color-white);
    border-radius: 45px !important;
    overflow: hidden;
    margin-top: -10px;
}

.happy-cust {
    margin: -25px 0px;
}

/* .test-contant {
  padding: 0px 100px 0px 30px;
} */
.test-contant h3 {
    font-weight: 400;
    font-style: italic;
}

.happy-cust .owl-nav {
    position: absolute;
    top: 65%;
    right: 0px;
}

.happy-cust .owl-dots {
    display: none;
}


section.happy-customer h2 {
    text-align: center;
    padding-bottom: 50px;
}

section.happy-customer .grid-x.grid-padding-x {
    justify-content: center;
    text-align: left;
    align-items: center;
}

.client-img img {
    width: unset !important;
}

section.happy-custome .swiper-button-prev {
    right: 55px !important;
}

section.happy-customer .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: auto;
    right: 54px !important;
}

.client-contant {
    padding: 10px 0px;
    display: flex;
    align-items: center;
}

.client-contant .getting-num {
    margin-right: 20px;
}

.getting-contant p {
    margin: 0px;
}

section.happy-customer .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 14px;
    background: var(--primary-color);
    width: 100%;
    height: 63%;
    border-radius: 50%;
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
}

section.happy-customer .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev';
    font-size: 14px;
    background: var(--primary-color);
    width: 100%;
    height: 63%;
    border-radius: 50%;
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.client-contant h3 {
    color: var(--primary-color);
}

section.happy-customer .owl-nav button.owl-prev {
    /* width: 40px;
    height: 40px;
    background: url(../images/left_arrow.png) !important;
    background-size: contain !important; */
    width: 35px;
    height: 35px;
    background: url('../images/left_arrow.svg') !important;
    background-size: contain !important;
}

section.happy-customer .owl-nav button.owl-prev span {
    font-size: 0px;
}

section.happy-customer .owl-nav button.owl-next span {
    font-size: 0px;
}

section.happy-customer .owl-nav button.owl-next {
    /* width: 40px;
    height: 40px;
    background: url(../images/right_arrow.png) !important;
    background-size: contain !important; */
    width: 35px;
    height: 35px;
    background: url('../images/right_arrow.svg') !important;
    background-size: contain !important;
}

section.happy-customer .owl-nav button.owl-prev,
section.happy-customer .owl-nav button.owl-next {
    margin: 0px 10px;
}

/* -----------------------------------
   Footer CSS
-------------------------------------*/
ul.ul-foot.ul-social {
    display: flex;
}

footer {
    background: #23232B;
    padding: 60px 0px 10px;
}

footer ul {
    margin-left: 0px !important;
}

.foot_logo img {
    max-height: 150px;
    max-width: 150px;
    margin-bottom: 20px;
}

h4.foot_heead {
    color: #939498;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

ul.ul_head li a {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 700;
    margin-left: 0px;
    line-height: 40px;
}

ul.ul-foot.ul-social img {
    max-height: 35px;
    margin: 0px 20px 0px 0px;
}

.footer-bottom p {
    font-size: 16px;
    color: var(--color-white);
    font-weight: 700;
    text-align: center;
    padding-top: 40px;
}

/* -----------------------------------
   about-banner CSS
-------------------------------------*/
.about-banner img {
    width: 100%;
}

.about-contant {
    background: var(--secondary-color);
}

.about-contant {
    padding: 20px;
}

.about-contant h2 {
    color: var(--color-white);
    text-align: center;
}

.about_left_contant {
    display: flex;
    align-items: center;
    justify-content: center;
}

.about_left_contant a.btn {
    margin-left: 20px;
}

.btn {
    font-size: 16px;
    align-items: center;
    border: 1px solid;
    border-radius: 10px;
    background: var(--color-white);
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color) !important;
    padding: 10px 35px;
    text-align: center;
    display: inline-block;
    text-transform: capitalize;
    border: none;
    outline: none;
    border-radius: 10px;
    font-weight: 700;
}

.btn:hover {
    border: 1px solid var(--primary-color) !important;
    background: var(--primary-color);
}

.btn-secondary {
    font-size: 16px;
    align-items: center;
    border: 1px solid;
    border-radius: 10px;
    background: var(--color-white);
    color: var(--secondary-color);
    padding: 10px 15px;
    text-align: center;
    display: inline-block;
    text-transform: capitalize;
    border: none;
    outline: none;
    border-radius: 4px;
    font-weight: 700;
}

.btn span:hover {
    color: #fff !important;
}

section.builders_section {
    padding: 50px 0px 30px;
}

.builders_left_img {
    text-align: center;
}

.builders_left_img img {
    border-radius: 20px;
}

.builders_right_contant p {
    line-height: 2;

}

.enquire-now._right_contant .inp2 {
    text-align: center;
}

section.enquire-now._section {
    padding: 30px 0px;
}

section.enquire-now._section .grid-x.grid-padding-x {
    align-items: center;
}

.img-sec img {
    margin: 30px 30px 0px;
}

.enquire-now_img {
    display: flex;
    text-align: center;
    justify-content: end;
}

.enquire-now._right_contant {
    background: #F5F1F1;
    padding: 30px;
    border-radius: 25px;
    width: 80%;
}

.forrm1 h2 {
    text-align: center;
}

p {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    color: var(--primary-color);
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
    height: 55px;
    margin: 0 0 1rem;
    padding: 10px 20px;
    border: 0px solid #fefefe;
    border-radius: 3px;
}

form input::placeholder {
    font-style: italic;
    color: #CCCCCC !important;
}

.inp2 {
    margin: 0px auto;
}

.inp {
    padding: 20px 30px;
}

.superior_img {
    margin: 0px auto;
    text-align: end;
}

section.superior-money_section {
    padding: 60px 0px;
}

.superior_contant h2 {
    color: var(--secondary-color);
    padding-bottom: 25px;
    line-height: 1.2;
}

.superior_contant h3 {
    color: var(--primary-color);
}

.superior_contant {
    padding: 50px;
}

/*-------------------------
04.instrument-sec start css
---------------------------*/
section.sec-instruments {
    padding: 60px 0px;
}

section.map_section {
    padding-bottom: 60px;
}

section.sec-instruments h2 {
    text-align: center;
    color: var(--primary-color);
}

.box-contant_sec {
    text-align: center;
    background: var(--primary-color);
    margin: 10px;
    border-radius: 30px;
    width: 210px;
    height: 230px;
    padding: 35px;
}

section.sec-instruments h2.heading-main {
    padding-bottom: 60px;
    color: var(--color-white);
}

section.sec-instruments p {
    color: var(--color-white);
    width: 80%;
    text-align: center;
    margin: 0px auto;
    font-size: 18px;

}

.box-contant_sec img {
    padding: 10px;
    min-height: 100px;
    cursor: pointer;
}

button.btn.btn-secondary {
    padding: 10px 35px;
}

.sec-instruments_cunt {
    display: flex;
}

section.sec-instruments .grid-x.grid-padding-x {
    justify-content: center;
}

/*-------------------------
instrument-sec end css
---------------------------*/
/*-------------------------
map-sec end css
---------------------------*/
section.map_section {

    padding: 60px 0px;
}

/* map css */
.mapouter {
    position: relative;
    text-align: right;
    width: 600px;
    height: 100%;
}

.map-img {
    height: 100% !important;
}

.gmap_canvas {
    background: none !important;
    width: 100%;
    height: 100%;
}

/* .gmap_iframe {
  width: 100% !important;
  height: calc(100% + 20px) !important;
  border-radius: 20px;
  margin: -2% 0% 0% 7%;
  position: relative;
  z-index: 100;
} */

.cstm_iframe iframe {
    width: 100% !important;
    height: calc(100% + 20px) !important;
    border-radius: 20px;
    margin: -2% 0% 0% 7%;
    position: relative;
    z-index: 100;
}

.mapouter {
    margin: auto 0px auto auto;
}

/* map css */
section.sec_further {
    background: var(--primary-color);
    padding: 20px 0px;
    color: var(--color-white);
}

.sec_further_right {
    text-align: left;
}

section.sec_site {
    padding: 90px 0px;
}

.sec_further_contant {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec_further_contant a.btn {
    margin-left: 20px;
}

.sec_further_right .btn {
    background: var(--color-white);
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
}

.sec_further_right .btn span:hover {
    color: var(--color-white) !important;
    background: var(--primary-color);
}

a.btn i {
    margin-left: 15px;
}

section.sec_site .row-banner {
    display: flex;
    align-items: flex-start;
}

.map-left img {
    width: 100%;
}

.sec_site_contant {
    text-align: center;
    padding-bottom: 23px;
}

.sec_site_contant p {
    background: #F5F1F1;
    padding: 10px;
    width: 65%;
    margin: 17px auto;
    font-size: 20px;
    border-radius: 10px;
}

.dt {
    color: #999999;
}

form .btn.btn-secondary {
    border: 1px solid var(--secondary-color);
    font-weight: 600;
    background: var(--secondary-color);
    color: var(--color-white);
    padding: 10px 35px;
    border-radius: 10px;
}

form .btn.btn-secondary:hover {
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.img-sec p {
    margin: 15px 0px 30px;
}

.site_img img {
    width: 100%;
}

.img-sec img {
    margin: 0px 50px 0px;
}

a.btn:hover {
    background: var(--primary-color);
    color: var(--color-white);
}

.sec_further_right a.btn {
    border: 1px solid var(--secondary-color);
}

.sec_further_right a.btn:hover {
    border: 1px solid var(--color-white);
}

a.btn span:hover {
    color: var(--color-white);
}

a.btn span:hover {
    color: var(--color-black);
}

section.ongoing .btn {
    background: #fff;
    color: var(--secondary-color);
    padding: 10px 35px;
    border: 1px solid var(--secondary-color);
    font-weight: 700;
}

section.ongoing .btn:hover {
    background: var(--primary-color);
    color: var(--color-white);
    border: 1px var(--primary-color);
}

.grid-container {
    max-width: 1300px;
    margin: 0px auto;
}

img.slid {
    width: 400px !important;
}

/* .slider_img img {
  width: 400px !important;
} */

/* ul.social-icons li:hover {
  transform: rotate(359deg);
  transition: 1.5s ease;
} */

/*ram ghar */

.builders_contant p {
    text-align: left;
    line-height: 2;
}

ul {
    list-style-type: none;
}

.enquire-now_contant {
    text-align: center;
}

.enquire-now_contant li {
    margin: 20px 0px;
    border-bottom: 1px solid;
    font-size: 20px;
    padding-bottom: 20px;
    font-weight: 900;
    border-bottom: 1.4px solid #7070703d;

}

.bul_contan_right li {
    position: relative;
}

.bul_contan_right li::before {
    position: absolute;
    content: "";
    background: url(../images/single_right.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    left: -15px;
    top: 5px;
    /* bottom: 0px; */
}

.enquire-now_contant {
    text-align: center;
    width: 50%;
    margin: 0px auto;
}

.sec_site_contant .tabs {
    border: 0px solid #e6e6e6;
}

.sec_site_contant li.tabs-title.is-active p {
    background-color: var(--secondary-color);
    color: var(--color-white);
}

.sec_site_contant .tabs-title > a:focus,
.tabs-title > a[aria-selected='true'] {
    background: none;
}

.sec_site_contant .tabs-title > a {
    padding: 0px;
    color: var(--primary-color);
    font-weight: 900;
    font-size: 22px;
    text-transform: capitalize;
}

li.tabs-title.is-active a {
    color: var(--theme-color);
}

.site_img .tabs-content {
    border: 0px solid #e6e6e6;
}

section.privacy.policy {
    padding: 30px 0px;
}

div#policy li {
    list-style-type: disc;
    margin-left: 5%;
    padding-left: 30px;
    line-height: 3;
}


/* vip_residential */
.vip_residential {
    padding: 30px 0px;
}

.vip_residential h1 {
    text-align: center;
    padding-bottom: 30px;
}

.vip_residential h1 span {
    color: var(--theme-color);
}

.contact-banner h1 {
    position: absolute;
    right: 0;
    left: 0;
    margin: 5px auto;
    bottom: 62px;
    color: var(--color-white);
    text-align: center;
    width: 30%;
}

.contact-banner {
    position: relative;
    background-color: black;
}

.contact-banner img {
    width: 100%;
}

iframe.cont_iframe {
    width: 100%;
    height: 600px;
}

.get {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

section.contact_builders_section {
    padding: 60px 0px;
}

.contact_builders_section .client-contant {
    padding: 15px 0px !important;
}

.contact_builders_section img.contact_icons {
    width: 45px !important;
    height: 50px;
    margin-right: 20px;
}

.sec_site_contant.residential .tabs {
    display: flex;
    align-items: center;
    justify-content: end;
}

.sec_site_contant.residential li {
    margin: 0px 14px;
}

.bul_contan {
    display: flex;
    margin-bottom: 30px;
}

.bul_contan_left h4 {
    font-size: 22px;
    font-weight: 200;
    color: #fff;
}

.bul_contan_left p {
    color: var(--color-white);
    font-size: 14px;
    margin-bottom: 0px;
}

.bul_contan_left {
    background: var(--theme-color);
    color: var(--color-white);
    padding: 10px 10px;
    width: -webkit-fill-available;
}

.vip_residential_img .tabs-content {
    border: unset;
}

.bul_contan_right li {
    line-height: 22px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: flex-start;
    padding-bottom: 10px;
    margin-left: 15px;
}

.bul_contan_right ul {
    margin-left: 0px;
    margin-bottom: 0px;
}

div#panel2v .bul_contan {
    display: flex;
    margin-bottom: 30px;
    min-height: 130px;
}

.bul_contan_right {
    background: #F5F1F1;
    padding: 10px 20px;
    width: -webkit-fill-available;
    border-bottom-right-radius: 80px 80px;;
}

.bul_contan_right img {
    height: 13px;
    width: 13px;
    margin-right: 10px;
    display: none;
}

.bul_img img {
    width: 100%;
}

.sec_site_contant.residential li.tabs-title.is-active {

    text-decoration: underline var(--theme-color);
}

.sc-html p:hover, .sc-html p.tittle a:hover {
    color: #000;
    font-weight: 600;
}

ul#example-tabs li {
    padding: 3px;
}

.sec_site_contant.residential h3 {
    font-weight: 700;
}

.cell.large-6.medium-6.clo-rig {
    padding-right: 2.9375rem;
    margin-bottom: 50px;
}

.cell.large-6.medium-6.col-lef {
    padding-left: 2.9375rem;
    margin-bottom: 50px;

}


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

    .grid-container {
        max-width: 1300px;
        margin: 0px auto;
    }

}

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

    .grid-container {
        max-width: 1200px;
        margin: 0px auto;
    }

    @media only screen and (max-width: 1440px) {
        .step_name {
            font-size: 14px;
        }

    }
}


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

    .step_name {
        font-size: 14px;
    }

    .banner_img img, .about-banner img, .joint-banner img, .contact-banner img {
        height: auto !important;
    }

    p {
        font-size: 14px;
    }

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 24px;
    }

    h4 {
        font-size: 17px;
    }

    /*---------- start realestate Section ----------------------*/
    section.realestate_section {
        padding: 40px 0px;
    }

    .realestate_left_contant h2 {
        width: 100%;

    }

    .realestate_right_contant p {
        font-size: 14px;
        width: 100%;
    }

    /*---------- End realestate Section ----------------------*/
    /*---------- start paste-money Section ----------------------*/
    section.paste-money_section {
        padding: 20px 0px;
    }


    /*---------- end paste-money Section ----------------------*/
    .money h2,
    .money-paste h2 {
        margin: 0px;
        font-size: 24px;
    }

    .get-payment .box h4 {
        font-size: 20px;
    }

    section.ongoing .cell.large-2.large-offset-1.medium-3.small-12 {
        position: relative;
        margin-left: 0px;
        padding-top: 20px;
    }

    section.ongoing h2 span {
        font-size: 26px;
        color: var(--theme-color)
    }

    section.ongoing h2 {
        font-size: 26px;
        color: var(--theme-color);
    }

    .box p {
        font-size: 14px !important;
        padding: 10px 0px !important;
    }

    .boxa h2 {
        font-size: 26px;
    }

    .payment-service .box {
        margin: 0px;
    }


    /* ram ghur */
    .superior_contant h2 {
        font-size: 24px;
        padding-bottom: 15px;
    }

    section.superior-money_section .grid-x.grid-padding-x {
        align-items: center;
    }

    .box-contant_sec {
        width: 24%;
    }

    section.sec-instruments {
        padding: 30px 0px;
    }

    .sec_further_right {
        text-align: center;
    }


    footer .footer-nav li a {
        font-size: 13px;
    }

    footer p {
        font-size: 14px;
    }


    footer .footer-nav {
        display: flex;
        align-items: center;
        color: var(--color-white);
        justify-content: center;
        margin-left: 0px !important;
        flex-wrap: wrap
    }

    footer .footer-nav li {
        margin: 0 3px;
    }


    .box-contant_sec {
        width: 24%;
    }

    .get-payment .box {
        width: 40.33% !important;
    }

    .test-contant {
        padding: 35px 0px;
    }

    .contact-banner h2 {

        width: 42%;
        font-size: 35px;
    }

}

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


    .slider_img img {
        height: auto !important;
    }

    .realestate_left_contant h2 {
        width: 90% !important;
    }

    ul#nav li.nav-item {
        width: 100%;
    }

    .navbar-nav {
        align-items: flex-start;
    }

    .joint-banner h1 {
        width: 50% !important;
    }

    .get-payment .grid-box {
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
    }

    .enquire-now_img {
        flex-wrap: wrap;
        align-items: center;
    }

    .about_left_contant {
        flex-wrap: wrap;
    }

    .sec-instruments_cunt {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sec_further_contant {
        flex-wrap: wrap;
        justify-content: center;
    }

    .money p,
    .money-paste p {
        margin: 0px;
        font-size: 16px;
    }

    .money h2,
    .money-paste h2 {
        margin: 0px;
        font-size: 25px;
    }

    /* ram ghur */
    section.builders_section {
        padding: 40px 0px;
    }

    .enquire-now_contant {
        width: 100%;
    }

    .superior_contant h2 {
        font-size: 24px;
        text-align: left;
    }

    .box-contant_sec {
        width: 24%;
    }

    .superior_contant h3 {
        font-size: 24px;
        text-align: left;
    }

    section.superior-money_section {
        padding: 30px 0px;
    }

    .superior_contant {
        padding: 0px;
    }

    section.sec_site {
        padding: 40px 0px;
    }

    .enquire-now._right_contant {
        width: 100%;
    }

    .bul_contan {
        padding-bottom: 40px;
    }

    .sec_site_contant.residential .tabs {
        justify-content: center;
    }

    .sec_site_contant {
        padding-bottom: 0px;
    }

    .bul_contan {
        height: 40%;
    }

    /* .vip_project_card {
    height: 100%;
  } */
    .why_choose_box {
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .why_choose_box {
        flex-wrap: wrap;
    }

    .why_choose_box {

        justify-content: center !important;
        margin: 40px 0px;
    }

    .home_work_box {
        flex-wrap: wrap;
    }

    section.home_work_section {
        padding: 30px 0px 0px !important;
    }

    section.cus_famliy .owl-nav button.owl-next {
        width: 35px;
        height: 35px;
        background: url(../images/left_arrow.svg) !important;
        background-size: contain !important;
        position: absolute;
        bottom: 2% !important;
        top: unset !important;
        right: 0px;
        left: 30% !important;
        margin: 0px auto;
    }


    section.cus_famliy .owl-nav button.owl-prev {
        width: 35px;
        height: 35px;
        background: url(../images/right_arrow.svg) !important;
        background-size: contain !important;
        position: absolute;
        top: unset !important;
        right: 0px;
        bottom: 2%;
        left: 15%;
        margin: 0px auto;
    }

    section.cus_famliy .grid-container {
        padding: 30px !important;
    }

    .cus-contant {
        padding: 0px 0px 0px 0px !important;
    }

    section.frequently_section .grid-container {
        padding: 30px;
    }

    footer {
        padding: 60px 20px 10px;
    }
}

@media only screen and (max-width: 991px) {
    /* div#fixedNavbar div {
      display: none;
    } */
    .header .default-nav-btn {
        background: #fff;
        padding: 10px 15px;
        font-size: 18px;
    }

    a.default-nav-btn span {
        font-weight: 500;
    }

    .navbar-nav {
        align-items: flex-start;
        margin: 30px 0px 0px;
    }

    div#nav-menu-wrap .container {
        text-align: left;
    }

    .header .navbar-toggler {
        position: inherit;
        top: 50px;
        float: right;
    }
}

@media only screen and (max-width: 768px) {
    section.about_section button.btn {
        display: none !important;
    }

    section.builders_section a.btn {
        display: block;
        font-weight: 900;
        padding: 10px !important;
    }

    body#ramghur .about-banner a.btn {
        display: none;
    }

    .about-banner a.btn {
        display: none;
    }

    .happy_grid_box {
        padding: 60px 0px 0px;
    }

    .ongoing .bt {
        bottom: -50px !important;
        left: 43% !important;
        margin: 0px 0px -1px 0px !important;
    }

    .happy-cust .owl-nav {
        position: absolute;
        top: 80%;
        right: 0px;
    }

    /* div#fixedNavbar div {
      display: none;
    } */
    .slider_img img {
        height: 266px !important;
    }

    .header {
        padding: 0px;
    }

    div#nav-menu-wrap .container {
        text-align: left;
    }

    .header .navbar-toggler {
        position: inherit;
        top: 30px;
        float: right;
    }

    header.fixed-header .navbar-toggler {
        top: 30px;
    }

    a.navbar-brand img.img-fluid.logo-normal {
        height: 75px;
    }

    div#fixedNavbar {
        border-top: 0px solid var(--primary-color);
        border-bottom: 0px solid var(--primary-color);
        border-left: 0px solid var(--primary-color);
        padding: 0px 0px 15px;
    }

    section.superior-money_section {
        padding: 30px 0px 0px;
    }

    section.sec-instruments h2 {
        padding-bottom: 30px;
    }

    .superior_contant {
        padding: 15px 0px;
        text-align: center;
    }

    .box-contant_sec {
        width: 30%;
        padding: 20px;
    }

    section.map_section {
        padding: 30px 0px;
    }

    .foot_logo img {
        max-height: 100px;
        max-width: 100px;
        margin: 30px;
    }

    .foot_logo {
        text-align: center;
    }

    .footer-bottom {
        text-align: center;
    }

    .get-payment .box {
        width: 80.33% !important;
    }

    section.happy-customer {
        padding: 60px 0px;
    }

    .test-contant {
        padding: 40px 0px;
    }

    .test-contant p {
        font-size: 14px;
    }

    .client-img {
        border-radius: 0px !important;
        border: 0px solid var(--color-white);
    }

    .boxa {
        text-align: center;
    }

    .boxa h2 {
        margin: 0px auto;
        padding: 15px 0px;
    }

    .contact-banner h1 {
        width: 57%;
        font-size: 35px;
    }

    .vip_residential h1 {
        font-size: 22px;
        padding-bottom: 0px;

    }

    .sec_site_contant.residential h3 {
        font-size: 16px;
    }

    .cell.large-6.medium-6.clo-rig {
        padding-right: 0.9375rem;
    }

    .cell.large-6.medium-6.col-lef {
        padding-left: 0.9375rem;
    }


    .gmap_iframe {
        width: 100% !important;
        height: calc(100% + 20px) !important;
        border-radius: 20px;
        margin: 0% 0% 0% 0%;
        position: relative;
        z-index: 100;
    }


    .Ventures_contant p {
        font-size: 16px !important;
    }

    .why_choose_cnt {
        width: 40.33% !important;
    }


    .joint-banner h1 {
        width: 65% !important;
    }

    section.cus_famliy .owl-nav button.owl-prev {
        width: 60px;
        height: 60px;
        background: url(../images/right-arrow1.png) !important;
        background-size: contain !important;
        position: absolute;
        top: unset !important;
        right: 0px;
        bottom: -24% !important;
        left: 0% !important;
        margin: 0px !important;
    }

    section.cus_famliy .owl-nav button.owl-next {
        width: 60px;
        height: 60px;
        background: url(../images/left.html\ -arrow.png) !important;
        background-size: contain !important;
        position: absolute;
        bottom: -24% !important;
        top: unset !important;
        right: 0px;
        left: 10% !important;
        margin: 0px !important;
    }

    section.frequently_section h3 {
        font-size: 20px !important;
        width: 72% !important;
    }

    section.frequently_section {
        padding: 0px 0px !important;
    }

    .home_work_cnt {
        margin: 20px 0px;
        width: 35.33%;
    }
}

@media only screen and (max-width: 700px) {
    .happy_grid_box {
        display: block !important;
    }

    .test-contant {
        width: 100% !important;
    }
}

@media only screen and (max-width: 639px) {
    .cell.large-4.medium-4.small-12.text-left {
        margin: 10px;
    }
}

@media only screen and (max-width: 480px) {
    .sec_site_contant.residential li.tabs-title.is-active {
        text-decoration: none var(--secondary-color);
    }


    .happy_grid_box {
        flex-wrap: wrap !important;
    }

    .test-contant {
        width: 100% !important;
        padding-left: 0px !important;
    }

    .realestate_left_contant h2 {
        margin: 0px auto !important;
        text-align: center !important;
    }

    .default-nav-btn {
        font-size: 16px;
    }

    .builders_right_contant {
        padding: 20px 0px;
    }

    section.builders_section {
        padding: 40px 0px 0px;
    }

    .bul_contan {
        flex-wrap: wrap;
    }

    .box-contant_sec {
        width: 42%;
    }

    .sec_further_contant {
        text-align: center;
    }

    .superior_contant h2 {
        text-align: center;
        margin: 0px auto;
    }

    .superior_contant h3 {
        text-align: center;
    }

    .money.cntr {
        border-top: 1px solid var(--color-white);
        border-bottom: 1px solid var(--color-white);
        border-right: 0px solid var(--color-white);
        border-left: 0px solid var(--color-white);
    }

    .client-img {
        border-radius: 45px !important;
        border: 10px solid var(--color-white) !important;
        margin: 50px 0px 0px;
    }

    .happy-cust .owl-nav {
        position: absolute;
        left: 0px;
        bottom: 6% !important;
        top: unset;
    }

    .box-contant_sec {
        height: 190px;
    }

    .foot_logo img {
        margin: 0px 20px 20px;
    }

    .box-contant_sec img {
        min-height: 85px;
        cursor: pointer;
    }

    section.sec-instruments p {
        color: var(--color-white);
        width: 85%;
        text-align: center;
        margin: 0px auto;
        font-size: 15px;
    }

    h4.foot_heead {
        font-size: 18px;
    }

    .test-contant {
        padding: 40px 0px 90px;
    }

    section.payment-service .cell.large-4.medium-4.small-12.text-left {
        margin: 15px 0px;
    }

    section.happy-customer {
        padding: 30px 0px;
    }

    .get-payment .box {
        padding: 0px;
    }

    .boxa h2 {
        font-size: 20px;
    }

    section.ongoing {
        background: var(--color-white);
        padding: 90px 0px 50px;
    }

    .enquire-now_img {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .contact-banner h1 {
        width: 80%;
        font-size: 18px;
        bottom: 3px;
    }

    .enquire-now._right_contant {
        margin: 30px 0px;
    }

    .getting-contant p {
        font-size: 18px;
    }

    .contact_builders_section img.contact_icons {
        width: 35px !important;
        height: 40px;
        margin-right: 10px;
        margin-left: 10px;
    }

    .joint-banner h1 {
        width: 75% !important;
        font-size: 24px !important;
        bottom: 10px !important;
    }

    section.ventures_section {
        padding: 50px 0px !important;
    }

    .why_choose_cnt {
        width: 100% !important;
        margin: 10px 20px !important;
    }

    .home_work_cnt {
        margin: 0px !important;
    }

    .home_work_box {
        flex-wrap: wrap;
        flex-direction: column;
    }

    section.home_work_section h2 {
        padding: 0px 0px 30px !important;
    }

    section.cus_famliy .owl-nav button.owl-prev {
        bottom: -1% !important;
        left: 0% !important;
        margin: 0px !important;
        width: 30px !important;
        height: 30px !important;
    }

    section.cus_famliy .owl-nav button.owl-next {
        bottom: -1% !important;
        left: 12% !important;
        margin: 0px !important;
        width: 30px !important;
        height: 30px !important;
    }

    section.frequently_section .grid-container {
        padding: 0px 30px 30px !important;
    }

    section.frequently_section h3 {
        font-size: 16px !important;
        width: 90% !important;
    }

    .frequently_section .is-active > .accordion-title::before {
        width: 20px !important;
        height: 20px !important;
        top: 70% !important;
    }

    .freq section.cus_famliy .grid-container {
        padding: 0px 20px !important;
    }

    .frequently_section .accordion-title::before {
        width: 20px !important;
        height: 20px !important;
        top: 70% ! important;
    }

    h1 {
        font-size: 24px;
    }

    body.ongoing .bt {
        margin: 0px auto !important;
        text-align: center;
        width: 100%;
        left: 0% !important;
    }

    .payment-service {
        padding: 30px 0px;
    }

    ul.accordion h4 {
        font-size: 14px;
    }

    h2 {
        font-size: 22px;
    }

    section.frequently_section .accordion-title {
        padding: 10px 25px 10px 0px !important;
    }

    .accordion-title::before {
        right: 1.5px !important;
    }

    section.frequently_section .accordion-content {
        padding: 10px 0px !important;
    }

    section.frequently_section p {
        margin-bottom: 0px;
    }

    section.cus_famliy h2 {
        padding: 40px 0px 0px !important;

    }

    .frequently_section h2 {
        padding: 30px 0px 10px !important;
    }

    .money.cntr {
        height: auto;
    }

    .get-payment {
        margin-top: 40px;
    }

    .sec_site_contant .tabs-title > a {
        font-size: 16px;
    }

    .vip_residential h1 {
        font-size: 18px;
    }

    .cstm_iframe iframe {
        margin: 0% 0% 0% 0% !important;
    }

    .step_name {
        line-height: 25px !important;
    }

    section.ongoing h2 {
        margin-bottom: 20px;
    }

    section.ongoing .bt {
        bottom: -55px !important;
        left: 0% !important;
        width: 100%;
        text-align: center;
    }

    ul#example-tabs li:hover {
        border: 1px solid var(--secondary-color) !important;
        padding: 10px;
        border-radius: 10px;
    }

    .sec_site_contant.residential li.tabs-title a:before {
        height: 0px !important;
    }

}


.features_sec .box-contant_sec {
    padding: 20px 30px !important;
    height: auto !important;
}

.features_sec .box-contant_sec img {
    width: 90px !important;
    height: 90px !important;
    margin-bottom: 10px !important;
}

.features_sec .box-contant_sec p {
    font-size: 20px !important;
    text-transform: capitalize;
}


/* Project Page Location CSS  */


.stepper-wrapper {
    font-family: Arial;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-left: 35px;
}

.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 2px solid var(--primary-color);
    width: 100%;
    top: 38px;
    /* left: -50%; */
    z-index: 2;
}

.stepper-wrapper .stepper-item:first-child::before,
.stepper-wrapper .stepper-item:first-child::after {
    margin-left: 25%;
}

.stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid var(--primary-color);
    width: 100%;
    top: 38px;
    /* left: 50%; */
    z-index: 2;
}

.stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--primary-color);
    margin-bottom: 6px;
}


/* .stepper-item:first-child::before {
  content: none;
  }
  .stepper-item:last-child::after {
  content: none;
  } */

.step_name {
    margin-top: 10px;
    text-align: center;
    line-height: 30px;
    text-transform: capitalize;
}

.stepper-wrapper .step_img img {
    width: 60px;
    height: auto;
    margin-top: -70px;
}

.location_bg {
    padding: 50px 0px 0px 0px;
    background: #f5f1f1;
    margin-bottom: 30px;
}

.top_sec .stepper-wrapper {
    margin-left: 100px;
}

.btm_sec .stepper-wrapper {
    margin-right: 0x;
}

.btm_sec .stepper-wrapper .stepper-item:first-child::before,
.btm_sec .stepper-wrapper .stepper-item:first-child::after {
    margin-left: 0%;
}

.btm_sec .stepper-wrapper .stepper-item:last-child::before,
.btm_sec .stepper-wrapper .stepper-item:last-child::after {
    margin-left: -40%;
}

@media (max-width: 768px) {

    .top_sec .stepper-wrapper {
        margin-left: 0px !important;
    }

    .btm_sec .stepper-wrapper {
        margin-right: 0px;
    }

}


/* Media Querrt CSS For Home Page Slider  */
@media (max-width: 1280px) {
    .clients_slider .owl-nav {
        position: absolute;
        left: -25% !important;
    }

    .happy-cust .owl-nav {
        position: absolute;
        top: unset;
        right: 0px;
        bottom: 15%;
    }
}


@media (max-width: 1180px) {
    section.ongoing .swiper-slide {
        width: 75% !important;
        height: auto;
    }
}

@media (max-width: 1023px) {
    section.our_project_section .grid-x.grid-padding-x {
        justify-content: center;
    }

    .clients_slider .owl-nav {
        position: absolute;
        left: auto !important;
        right: 0px !important;
        top: -60px;
    }

    .ongoing .bt {
        bottom: -50px !important;
        left: 43% !important;
        margin: 0px 0px 15px 0px;
    }

}

@media (max-width: 500px) {
    section.ongoing .swiper-slide {
        width: 50% !important;
        height: auto;
    }
}

@media (max-width: 375px) {
    section.realestate_section {
        padding: 20px 0px;
    }

    .getting-num img {
        width: 25px !important;
    }

    section.ongoing h2 {
        margin-bottom: 20px;
    }

    section.ongoing .swiper-slide {
        padding: 30px 35px !important;

    }

    .ongoing .bt {
        bottom: -28px !important;
        margin: 0px auto;
        left: 34% !important;
        right: 0px;
    }

}

/* joint_ventures */


.joint-banner img {
    width: 100%;
    opacity: 0.7;
}

.joint-banner {
    position: relative;
    background: var(--color-black);
}

.joint-banner h1 {
    position: absolute;
    right: 0;
    left: 0;
    margin: 5px auto;
    bottom: 62px;
    color: var(--theme-color);
    text-align: center;
    width: 30%;

}

section.ventures_section {
    padding: 50px 0px;
}

.Ventures_contant p {
    text-align: center;
}

/* why_choose */
.why_choose_box {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: space-between;
}

.why_choose_cnt {
    width: 33.33%;
    background: #F5F1F1 0% 0% no-repeat padding-box;
    border-radius: 30px;
    opacity: 1;
    padding: 30px 20px;
    margin: 25px;
}

.why_choose_cnt img {
    height: 80px;
    width: 80px;
}

.why_choose_cnt h2.tittle {
    width: 60%;
    margin: 10px auto;
}

section.why_choose_section h2 {
    text-align: center;
}

.why_choose_cnt p {
    width: 90%;
    margin: 0px auto;
}

.why_choose_cnt h2 {
    width: 75%;
    margin: 10px auto;
}

/* why_choose end*/

/* home_work */

.home_work_box {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: space-around;
}

section.home_work_section {
    padding: 40px 0px 0px;
}

section.home_work_section h2 {
    text-align: center;
    padding: 20px 0px;
}

.home_work_cnt img {
    height: 80px;
    width: 80px;
}

.home_work_cnt p {
    margin: 15px 0px;
    color: #707070;
    width: 99%;
}

.home_work_cnt {
    margin: 20px 0px;
}

/* home_work end*/

/* cus_family */


section.cus_family h2 {
    text-align: center;
    padding-bottom: 50px;
    color: var(--primary-color);
}

section.cus_family .grid-x.grid-padding-x {
    justify-content: center;
    text-align: left;
    align-items: center;
}

.cus-contant {
    padding: 0px 100px 0px 30px;
    color: #A48E91;
}

.cus-contant h3 {
    color: #A48E91;
    font-weight: 400;
    font-style: italic;
}

section.cus_famliy .owl-nav button.owl-prev {
    width: 35px;
    height: 35px;
    background: url(../images/right-arrow1.png) !important;
    background-size: contain !important;
    position: absolute;
    top: 40%;
    right: 0px;
}

section.cus_famliy .owl-nav button.owl-next {
    width: 35px;
    height: 35px;
    background: url(../images/left.html\ -arrow.png) !important;
    background-size: contain !important;
    position: absolute;
    top: 40%;
    left: 0px;
}

section.cus_family .owl-nav button.owl-prev,
section.cus_family .owl-nav button.owl-next {
    margin: 0px 10px;
}

section.cus_famliy h2 {
    text-align: center;
    padding: 40px 0px;
}

section.cus_famliy .swiper-slide .grid-x.grid-padding-x {
    align-items: center;
}

section.cus_famliy .owl-nav button.owl-next span {
    font-size: 0px;
}

section.cus_famliy .owl-nav button.owl-prev span {
    font-size: 0px;
}

section.cus_famliy .owl-carousel .owl-item img {
    display: block;
    width: unset;
    border-radius: 20px;
    margin: 0px 0px 0px auto;
}

/* cus_family end*/

.frequently_section h2 {
    text-align: center;
    padding: 30px 0px;
}

.frequently_section .is-active > .accordion-title::before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background: url(../images/minas.png) !important;
    background-size: contain !important;
}

.frequently_section .accordion-title::before {
    position: absolute;
    width: 25px;
    height: 25px;
    content: "";
    background: url(../images/plus.png) !important;
    background-size: contain !important;
}

.frequently_section .accordion-title:hover,
.accordion-title:focus {
    background-color: transparent;
}

.frequently_section .accordion-title {
    border-bottom: 1.4px solid #7070703d;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.accordion-content {
    border: 0px;
}

section.frequently_section {
    padding: 60px 0px;
}

.slider_img img {
    height: 330px;
    /* width: 335px; */
}

/* section.ongoing .swiper-slide{
  height: 535px;
} */
.slider_img img {
    border-radius: 30px;
}


footer ul.ul_head li a {
    position: relative;
    font-weight: 500;
}

footer ul.ul_head li a:hover:before {
    visibility: visible;
    width: 100%;
}

footer ul.ul_head li a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 4px;
    bottom: -3px;
    left: 0;
    background-color: var(--theme-color);
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.sec_further_right .btn:hover {
    border: 1px Solid #fff !important;
    color: #fff;
}

a.view_more.btn,
a.view_more_read.btn {
    background: var(--theme-color);
    font-size: 16px;
    color: var(--color-white);
    margin-top: 30px;
}

a.view_more.btn:hover {
    background: var(--primary-color);
}

a.view_more_read:hover {
    background: var(--color-white);
}

.ask_qustion {
    display: none;
}

.ask_contant {
    display: none;
}

.realestate_left_contant h2 {
    text-align: end;
    width: 60%;
    margin: 0px 0px 0px auto;
}

.happy_grid_box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.test-contant {
    width: 50%;
    padding-left: 30px;
}


.about-banner {
    position: relative;
}

.about-banner .btn {

    position: absolute;

    right: 0;

    left: 17%;

    bottom: 20px;

    color: var(--color-white);

    background: var(--secondary-color);

    text-align: center;

    width: fit-content;

    padding: 12px 35px;

}

body#ramghur .about-banner a.btn {
    background: #fff;
    color: #ee8f15;
}

body#ramghur .about-banner a.btn:hover {
    background: var(--primary-color);
    color: var(--color-white);
}

.builders_contant a.btn {
    border: 1px solid var(--secondary-color);
    display: flex;
    width: fit-content;
    margin: 0px auto;
}

.sec_site_contant.residential li.tabs-title a {
    position: relative;
}

.sec_site_contant.residential li.tabs-title a:hover:before {
    visibility: visible;
    width: 100%;
}

.sec_site_contant.residential li.tabs-title a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0px;
    left: 0;
    background-color: var(--theme-color);
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.sec_further_contant h2 {
    text-transform: inherit;
}

.sec_site_contant.residential li.tabs-title a:before.is-active:hover {
    text-transform: inherit;
    width: 0%;
    visibility: none;
}

.superior_pdf p {
    padding-top: 20px;
    font-weight: 700;
}

.superior_contant h3 {
    display: none;
}


a .fa-long-arrow-right {
    display: none !important;
}

.home_ongoing_slider h3.head-main {

}

.features_box_section .box-contant_sec img {
    min-height: auto !important;
}

.home_ongoing_slider h3.head-sub {
    font-weight: 500 !important;
    font-size: 20px !important;
}

.home_ongoing_slider .client-contant {
    padding: 6px 0px;
}

.project_img h4 {
    background: #ee8f15;
    padding: 15px;
    color: #fff;
    font-weight: 700;
}

h2.medium {
    font-weight: 900;
    margin-bottom: 50px;
    text-align: center;
}

.enquire-now_contants h2 {
    text-align: left;
    margin-bottom: 10px;
    font-weight: 100;
}

h2 span.medium {
    display: block;
    text-align: left;
    font-weight: 900;
}

section.our_project_section .text-center {
    padding: 50px 0px;
}

.our_client h3 {
    text-transform: capitalize;
    color: var(--secondary-color);
    font-weight: 800;
    line-height: 1;
    font-weight: 500 !important;
    font-size: 20px !important;
}

.project_img img {
    border-radius: 10px 10px 0px 0px;
}

.project_img h4 {
    border-radius: 0px 0px 10px 10px;
}


section.founders .swiper-slide {
    flex-shrink: 0;
    width: 50% !important;
    margin-left: 20px !important;
}

section.founders .swiper-slide.slider_even {
    width: 54% !important;
}

.inp2 i.fa.fa-long-arrow-right {
    display: none;
}

.client h3.head-sub {
    font-size: 20px;
    font-weight: 600;
}

.money h2 span {
    text-transform: capitalize;
}

/* _________________01-02-2023 CSS Update Robin____________________ */
sup {
    font-size: 8px;
    top: -15px;
    right: -10px;
    position: absolute;
}

.build_det_sec {
    max-width: 1000px !important;
    display: flex;
    justify-content: center;
}

.build_det_sec .client-contant {
    width: 50%;
    margin: 15px 0px;
}

.build_det_sec .sc-html p:hover {
    font-weight: unset !important;
    color: var(--primary-color) !important;
}

.build_det_sec .sc-html p.tittle span {
    font-weight: 700;
    color: #000;
    font-size: 19px;
}

p#enq_float_btn {
    background: #ee8f15;
    color: white;
    padding: 7px 20px 10px 20px;
    border-radius: 3px;
    transform: rotate(90deg);
    position: fixed;
    top: 50%;
    right: -47px;
}

p#enq_float_btn a {
    color: white !important;
}

sup a.pdf.btn.btn-secondary {
    font-size: 12px;
    padding: 8px 13px 10px 13px;
    background: var(--secondary-color);
    color: var(--color-white);
    border: 1px solid var(--secondary-color);
}

sup a.pdf.btn.btn-secondary:hover {
    border: 0px solid transparent !important;
}

/* sup a.pdf.btn.btn-secondary:hover{
  background: transparent;
  color: var(--primary-color);
} */

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus, select#Jointventure:focus {
    border: 1px solid #ee8f15;
    box-shadow: 0 0 4px #ee8f15;
}

li.sml_sub {
    position: relative;
}

sup {
    animation-duration: 10s;
    -webkit-animation: glowing 2000ms infinite;
    -moz-animation: glowing 2000ms infinite;
    -o-animation: glowing 2000ms infinite;
    animation: glowing 2000ms infinite;
}


@-webkit-keyframes glowing {
    0% {
        background-color: #ee8f15;
        -webkit-box-shadow: 0 0 3px #ee8f15;
    }
    50% {
        background-color: #ee8f15;
        -webkit-box-shadow: 0 0 40px #ee8f15;
    }
    100% {
        background-color: #ee8f15;
        -webkit-box-shadow: 0 0 3px #ee8f15;
    }
}

.client-img video {
    width: 100%;
}

select#Jointventure {
    height: 55px;
    margin: 0 0 1rem;
    padding: 10px 20px;
    border: 0px solid #fefefe;
    border-radius: 3px;
    color: #a48e9194;
    font-family: inherit;
}

.grid-x.grid-padding-x.hgt {
    justify-content: center;
}


/* home page values sec css  */

section.get-payment .grid-box .box {
    width: 33.33%;
}

section.get-payment .grid-box .box img {
    height: inherit !important;
}


.four_not_four {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 60vh;
}

.four_not_four h2 {
    font-size: 85px;
    font-weight: 600;
    color: #e57171;
}

.four_not_four p {
    font-size: 22px;
    font-weight: 500;
}

div#enquire_pop, div#brochure_dwnld_pop {
    background-color: #F5F1F1 !important;
    border-radius: 8px;
}

div#enquire_pop button, div#brochure_dwnld_pop button {
    cursor: pointer;
}

.build_det_sec {
    max-width: 1000px !important;
    display: flex;
    justify-content: center;
}

.build_det_sec .client-contant {
    width: 50%;
    margin: 15px 0px;
}

.build_det_sec .sc-html p:hover {
    font-weight: unset !important;
    color: var(--primary-color) !important;
}

.build_det_sec .sc-html p.tittle span {
    font-weight: 700;
    color: #000;
    font-size: 19px;
}

p#enq_float_btn {
    background: var(--theme-color) !important;
    color: white;
    padding: 7px 20px 10px 20px;
    border-radius: 3px;
    transform: rotate(90deg);
    position: fixed;
    top: 50%;
    right: -47px;
}

p#enq_float_btn a {
    color: white !important;
}


@media only screen and (max-width: 480px) {
    .build_det_sec .client-contant {
        width: 100%;
        margin: 15px 0px;
        padding: 0px 15px;
    }

}

p#enq_float_btn button {

    color: white !important;

    cursor: pointer;

}

/* Navigation active/hover overrides */
li.nav-item a.nav-link.menu-link.active, .default-header .nav-item .nav-link:hover {
    color: var(--theme-color) !important;
}
.header .nav-item .nav-link:after {
    background: var(--theme-color) !important;
}

/* Global scroll behavior */
html {
    scroll-behavior: smooth;
}

/* Hover effects for project cards and images */
.vip_project_card {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease !important;
}
.vip_project_card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 12px 24px rgba(0,0,0,0.12) !important;
}
.vip_project_card .bul_img img {
    transition: transform 0.5s ease !important;
}
.vip_project_card:hover .bul_img img {
    transform: scale(1.06) !important;
}

/* Button transitions */
.main_cta_button, .default-nav-btn {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Scroll reveal sections styling */
.reveal-on-scroll {
    opacity: 0;
    transform: translateY(25px);
    transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), transform 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.reveal-on-scroll.revealed {
    opacity: 1;
    transform: translateY(0);
}

/* Resources Page Custom Styling */
.resources_grid {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
    justify-content: center;
}
.resource_card {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    padding: 30px 24px;
    margin: 15px;
    width: calc(33.333% - 30px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    transition: all 0.3s ease;
    text-align: left;
}
.resource_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.08);
    border-color: var(--theme-color);
}
.resource_card i.fa {
    font-size: 32px;
    color: var(--theme-color);
    margin-bottom: 20px;
    display: inline-block;
}
.resource_card h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    color: var(--primary-color);
}
.resource_card p {
    font-size: 15px;
    color: var(--color-light);
    line-height: 1.6;
    margin: 0;
}

.downloads_section {
    background: #F8F8F8;
    padding: 60px 0;
}
.downloads_grid {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
    justify-content: center;
}
.download_card {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    margin: 15px;
    width: calc(20% - 30px);
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.download_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.06);
}
.download_card i.fa-file-pdf-o {
    font-size: 40px;
    color: #E74C3C;
    margin-bottom: 15px;
}
.download_card h4 {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 15px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.download_btn {
    background: var(--theme-color);
    color: #fff !important;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.download_btn:hover {
    background: var(--primary-color);
}

.resources-banner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.resources-banner .banner-text {
    position: absolute;
    left: 10%;
    right: 10%;
    text-align: center;
    color: #fff;
    z-index: 2;
}
.resources-banner h1 {
    color: var(--theme-color) !important;
    font-weight: 900;
    font-size: 48px;
    margin-bottom: 15px;
    position: static;
    width: auto;
}
.resources-banner .banner-sub {
    color: #fff;
    font-size: 18px;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.5;
}

@media only screen and (max-width: 1024px) {
    .download_card {
        width: calc(33.333% - 30px);
    }
}

@media only screen and (max-width: 991px) {
    .resource_card {
        width: calc(50% - 30px);
    }
}
@media only screen and (max-width: 768px) {
    .resources-banner h1 {
        font-size: 32px;
    }
    .resources-banner .banner-sub {
        font-size: 14px;
    }
}
@media only screen and (max-width: 640px) {
    .resource_card {
        width: calc(100% - 30px);
    }
    .download_card {
        width: calc(50% - 30px);
    }
}
@media only screen and (max-width: 480px) {
    .download_card {
        width: calc(100% - 30px);
    }
}

/* -----------------------------------
   Redesigned About Page CSS
-------------------------------------*/

.about-banner-container {
    position: relative;
    width: 100%;
}

.about-banner-container img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
}

.about-banner-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(31, 41, 55, 0.4) 0%, rgba(31, 41, 55, 0.8) 100%);
    z-index: 1;
}

.about-banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    color: var(--color-white);
    width: 90%;
    max-width: 800px;
}

.about-banner-content h1 {
    color: var(--color-white) !important;
    font-size: 48px;
    font-weight: 900;
    margin-bottom: 15px;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    position: static;
    width: auto;
}

.about-banner-content p {
    color: var(--color-white) !important;
    font-size: 20px;
    opacity: 0.95;
    margin-bottom: 0;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    font-weight: 600;
}

/* Premium Section spacing */
.about-sec-padding {
    padding: 80px 0;
}

.about-bg-light {
    background-color: #F9FAFB;
}

.about-bg-dark {
    background-color: var(--primary-color);
    color: var(--color-white);
}

/* Section Header */
.about-section-header {
    text-align: center;
    margin-bottom: 60px;
}

.about-section-header h2 {
    font-size: 36px;
    color: var(--primary-color);
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
    font-weight: 900;
}

.about-section-header h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background-color: var(--theme-color);
    border-radius: 2px;
}

.about-section-header.text-white h2 {
    color: var(--color-white);
}

.about-section-header p {
    color: var(--color-light);
    font-size: 18px;
    max-width: 600px;
    margin: 0 auto;
}

.about-section-header.text-white p {
    color: rgba(255, 255, 255, 0.8);
}

/* Company Story */
.company-story-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.company-story-content .story-lead {
    font-size: 22px;
    color: var(--secondary-color);
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 25px;
}

.company-story-content p {
    font-size: 17px;
    color: #4B5563;
    line-height: 1.7;
    margin-bottom: 20px;
}

.company-story-image {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.company-story-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
}

.company-story-image:hover img {
    transform: scale(1.05);
}

/* Founder Section */
.founder-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: transform 0.3s ease;
    border: 1px solid #E5E7EB;
}

.founder-card:hover {
    transform: translateY(-5px);
}

.founder-img-wrap {
    position: relative;
    height: 450px;
    overflow: hidden;
}

.founder-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.founder-info {
    padding: 25px;
    text-align: center;
    background: #fff;
}

.founder-info h3 {
    margin: 0;
    font-size: 26px;
    color: var(--primary-color);
}

.founder-info p {
    margin: 5px 0 0;
    color: var(--secondary-color);
    font-weight: 600;
    font-size: 16px;
}

.founder-message-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-left: 20px;
}

.founder-message-box h3 {
    font-size: 28px;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.founder-message-box p {
    font-size: 17px;
    line-height: 1.7;
    color: #4B5563;
    margin-bottom: 20px;
    font-style: italic;
    position: relative;
}

.founder-message-box p::before {
    content: '“';
    font-size: 60px;
    color: rgba(107, 189, 185, 0.2);
    position: absolute;
    top: -20px;
    left: -20px;
    font-family: serif;
}

.founder-signature {
    margin-top: 20px;
}

.founder-signature h4 {
    margin-bottom: 0;
    color: var(--primary-color);
    font-size: 18px;
}

.founder-signature span {
    font-size: 14px;
    color: var(--color-light);
}

/* Vision & Mission */
.vm-card {
    background: #fff;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    height: 100%;
    transition: all 0.3s ease;
    border-top: 5px solid var(--secondary-color);
}

.vm-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.vm-card.mission {
    border-top-color: var(--theme-color);
}

.vm-icon {
    width: 60px;
    height: 60px;
    background: rgba(63, 142, 138, 0.1);
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 24px;
    margin-bottom: 25px;
}

.vm-card.mission .vm-icon {
    background: rgba(107, 189, 185, 0.1);
    color: var(--theme-color);
}

.vm-card h3 {
    font-size: 24px;
    margin-bottom: 15px;
    color: var(--primary-color);
}

.vm-card p {
    font-size: 16px;
    line-height: 1.6;
    color: #4B5563;
    margin-bottom: 0;
}

/* Core Values Card */
.value-card {
    background: #fff;
    border-radius: 16px;
    padding: 35px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    height: 100%;
    transition: all 0.3s ease;
    border: 1px solid #F3F4F6;
    text-align: center;
}

.value-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    border-color: rgba(107, 189, 185, 0.3);
}

.value-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, var(--theme-color) 0%, var(--secondary-color) 100%);
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 28px;
    margin: 0 auto 25px;
    box-shadow: 0 10px 20px rgba(63, 142, 138, 0.2);
}

.value-card h3 {
    font-size: 20px;
    margin-bottom: 15px;
    color: var(--primary-color);
}

.value-card p {
    font-size: 15px;
    color: #6B7280;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Timeline */
.timeline-wrapper {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    padding: 20px 0;
}

.timeline-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 4px;
    background: #E5E7EB;
    transform: translateX(-50%);
}

.timeline-item {
    position: relative;
    margin-bottom: 50px;
    width: 50%;
    padding: 0 40px;
}

.timeline-item:nth-child(odd) {
    left: 0;
    text-align: right;
}

.timeline-item:nth-child(even) {
    left: 50%;
    text-align: left;
}

.timeline-dot {
    position: absolute;
    top: 15px;
    width: 20px;
    height: 20px;
    background: var(--theme-color);
    border: 4px solid #fff;
    border-radius: 50%;
    z-index: 2;
    box-shadow: 0 0 0 4px rgba(107, 189, 185, 0.3);
}

.timeline-item:nth-child(odd) .timeline-dot {
    right: -10px;
}

.timeline-item:nth-child(even) .timeline-dot {
    left: -10px;
}

.timeline-date {
    font-size: 24px;
    font-weight: 900;
    color: var(--secondary-color);
    margin-bottom: 5px;
}

.timeline-card {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    border: 1px solid #F3F4F6;
    display: inline-block;
    width: 100%;
}

.timeline-card h3 {
    font-size: 18px;
    color: var(--primary-color);
    margin-bottom: 10px;
}

.timeline-card p {
    font-size: 15px;
    color: #6B7280;
    line-height: 1.5;
    margin-bottom: 0;
}

/* Why VIP Housing */
.why-item {
    display: flex;
    margin-bottom: 30px;
}

.why-icon-box {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background: rgba(107, 189, 185, 0.1);
    color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 20px;
    margin-right: 20px;
}

.why-text h3 {
    font-size: 20px;
    color: var(--primary-color);
    margin-bottom: 8px;
}

.why-text p {
    font-size: 15px;
    color: #4B5563;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Statistics Strip */
.stat-item {
    text-align: center;
    padding: 10px;
}

.stat-number {
    font-size: 48px;
    font-weight: 900;
    color: var(--theme-color);
    margin-bottom: 10px;
    line-height: 1;
}

.stat-title {
    font-size: 16px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Enquire Section Overrides */
.enquire-card-container {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.enquire-info-pane {
    background: linear-gradient(135deg, var(--primary-color) 0%, #111827 100%);
    color: var(--color-white);
    padding: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.enquire-info-pane h2 {
    color: var(--color-white) !important;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.3;
    margin-bottom: 25px;
}

.enquire-info-pane p.since-badge {
    display: inline-block;
    background: rgba(107, 189, 185, 0.2);
    color: var(--theme-color);
    padding: 6px 15px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 14px;
    width: fit-content;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.enquire-form-pane {
    padding: 60px;
}

.enquire-form-pane h2 {
    font-size: 28px;
    color: var(--primary-color);
    margin-bottom: 30px;
}

/* Responsiveness Media Queries for About */
@media only screen and (max-width: 1024px) {
    .about-banner-container img {
        height: 300px;
    }
    .about-banner-content h1 {
        font-size: 38px;
    }
    .about-banner-content p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 991px) {
    .enquire-info-pane, .enquire-form-pane {
        padding: 40px;
    }
}

@media only screen and (max-width: 768px) {
    .about-sec-padding {
        padding: 50px 0;
    }
    .about-section-header {
        margin-bottom: 40px;
    }
    .about-section-header h2 {
        font-size: 28px;
    }
    .company-story-content .story-lead {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .founder-img-wrap {
        height: 350px;
    }
    .founder-message-box {
        padding-left: 0;
        margin-top: 30px;
    }
    .vm-card {
        padding: 30px;
        margin-bottom: 30px;
    }
    .timeline-wrapper::before {
        left: 20px;
    }
    .timeline-item {
        width: 100%;
        padding-left: 50px;
        padding-right: 0;
    }
    .timeline-item:nth-child(odd) {
        text-align: left;
    }
    .timeline-item:nth-child(even) {
        left: 0;
    }
    .timeline-item:nth-child(odd) .timeline-dot,
    .timeline-item:nth-child(even) .timeline-dot {
        left: 10px;
    }
    .stat-item {
        margin-bottom: 30px;
    }
}