@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap'); body {
    /* font-family: 'sans-serif', sans-serif; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.container {
    max-width: 1350px;
}

html {
    scroll-behavior: smooth;
}

h2 {
    font-weight: 700 !important;
}

.header2 {
    color: #8d97ad;
    font-weight: 300;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
}

.mobilee {
    display: none;
}

.desktope {
    display: block;
}

.floor-plan a img {
    border: 3px solid #19a534;
    margin: 8px 0px;
}

.map-img iframe {
    border: 2px solid #000000;
}

.map-img {
    border: 1px solid #01113d;
    box-shadow: 1px 2px 8px -5px black;
}

.bg-gray-color {
    background: #8080800d;
}

.contact-form .submit-btn .btn {
    background-color: #000000;
    color: #fff;
    padding: 8px 20px;
}

.whtsap-btn:hover {
    color: #fff;
    text-decoration: none;
}

.thanksyou-section {
    text-align: center;
    padding: 228px 0 100px;
    min-height: 90vh;
    font-size: 15px;
    color: #757474;
}

.thanksyou-section .thanks {
    clear: both;
    width: 100%;
    font-size: 60px;
    color: #4caf50;
    font-weight: 900;
    padding-bottom: 30px;
    margin: 0;
    text-transform: none;
}

.thanksyou-section i {
    clear: both;
    width: 100%;
    font-size: 72px;
    color: #4caf50;
    text-align: center;
    font-weight: 700;
    padding-bottom: 35px;
}

span.dot-style {
    display: inline-block;
    padding: 0;
    position: relative;
}

span.dot-style.slideBorder:before {
    visibility: visible;
    left: -2px;
}

span.dot-style:before {
    content: '';
    background: url(../img/dot_black.html) no-repeat 0 0;
    position: absolute;
    left: 50%;
    bottom: -3px;
    height: 7px;
    width: 7px;
    line-height: 7px;
    transition: all .8s ease;
    visibility: hidden;
    z-index: 2;
}

span.dot-style i {
    font-style: normal;
    display: block;
    position: relative;
    padding: 0 35px 5px;
}

span.dot-style.slideBorder i:after {
    left: 0;
    right: 0;
}

span.dot-style i:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    margin: 0 auto;
    height: 1px;
    background: #006d3a;
    transition: all .8s ease;
}

span.dot-style.slideBorder:after {
    visibility: visible;
    right: -2px;
}

span.dot-style:after {
    content: '';
    background: url(../img/dot_black.html) no-repeat 0 0;
    position: absolute;
    right: 50%;
    bottom: -3px;
    height: 7px;
    width: 7px;
    line-height: 7px;
    transition: all .8s ease;
    visibility: hidden;
    z-index: 2;
}

.about-content {
    padding: 1rem;
    box-shadow: 5px 2px 27px -9px #80808036;
    border-radius: 5px;
}

.get-call-back {
    position: fixed;
    top: 50%;
    right: -48px;
    background: #425b7e;
    color: #fff;
    padding: 6px;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    display: block;
    width: 130px;
    margin-top: -28px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    z-index: 99;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 0 5px;
    text-align: center;
}

.get-call-back:hover {
    color: #fff;
    text-decoration: none;
}

.banner-form-title {
    color: black;
    font-weight: 600;
    text-align: center;
    /* background-color: #3c383a; */
    padding: 0;
    border-radius: 6px;
    font-size: 21px;
}

.pricing-divider h3 {
    color: #fff;
    padding: 12px;
    font-size: 21px;
    margin: 0;
}

input:focus, textarea:focus, button:focus, a:focus {
    box-shadow: none!important;
}

.banner-content h1 {
    font-size: 31px;
    font-weight: 700;
    color: #fff;
}

.header2 h1, .header2 h2, .header2 h3, .header2 h4, .header2 h5, .header2 h6 {
    color: #3e4555;
}

.submit-btn btn {
    color: #fff;
    background-color: #000000;
    padding: 7px 20px;
}

nav.navbar {
    padding: 0;
}

.header2.bg-success-gradiant {
    background: #000;
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; */
}

.header2 ul.navbar-nav {
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}

.header2 .font-12 {
    font-size: 12px;
}

.banner-form .submit-btn {
    background-color: #425b7e;
    color: #fff;
}

.header2 .dropdown-item {
    padding: 8px 1rem;
    color: #8d97ad;
}

.header2 .h2-nav .navbar-nav .nav-item {
    padding: 7px 0px;
    color: #fff;
    font-weight: 600;
    font-family: inherit;
    letter-spacing: 0.4px;
    font-size: 15px;
}

.nav-link {
    color: black;
    padding: 7px 0px;
    font-weight: 600;
    font-family: inherit;
    letter-spacing: 0.4px;
    font-size: 15px;
}

.header2 .h2-nav .navbar-nav .nav-item {
    color: black;
    /*font-weight: 600;*/
    padding: 12px 0px;
}

/*.nav-link:hover*/
/*{*/
/*  padding: 7px 0px;*/
/*}*/
.header2 .h2-nav .navbar-nav .nav-item {
    margin: 0 10px;
}

.main-content .btn-success {
    padding: 9px 10px;
    background: black;
    display: inline-block;
    font-size: 14px;
    border-radius: 10px 0;
    letter-spacing: 2px;
}

#hero {
    /* width: 100%; */
    /* height: 100vh; */
    background: url(../img/main.html);
    /*background:black; */
    background-size: cover;
    /* position: relative; */
    background-repeat: no-repeat;
    margin-top: 90px;
    background-attachment: fixed;
}

#hero:before {
    content: "";
    /* background: rgba(0, 0, 0, 0.3); */
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#hero .banner-content {
    /*background-color: #fff;*/
    border-radius: 14px;
    padding: 30px 30px;
    background: #000000c7;
}

.divider-custom {
    margin: 0rem 0 1.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.divider-custom .divider-custom-line {
    width: 100%;
    max-width: 7rem;
    height: 0.25rem;
    background-color: #19a534;
    border-radius: 1rem;
    border-color: #19a534;
    margin-right: 1rem;
}

.divider-custom.divider-light .divider-custom-icon span {
    color: #19a534;
    ;; font-size: 2rem;
}

.divider-custom .divider-custom-line:last-child {
    margin-left: 1rem;
}

.NewLaunch {
    font-size: 15px;
    margin: 25px 15px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 1px;
    color: white;
    /* text-shadow: 0px 0px 11px #000; */
    font-family: sans-serif;
}

.banner-form {
    background-color: #ffffffa8;
    padding: 1rem;
    border-radius: 5px;
    /*width: 90%;*/
}

.banner .banner-content {
    background-color: #00000094;
    border-radius: 14px;
    padding: 18px;
}

.banner-content .get-brochure-btn {
    font-size: 16px;
    color: #063b65;
    font-weight: 600;
    background-color: #fff;
    padding: 8px 27px;
}

.banner-content .get-price-btn {
    font-size: 14px;
    color: #fff;
    font-weight: 200;
    background-color: #1f1f1f;
    padding: 6px 10px;
}

.modal .modal-content {
    overflow: hidden;
}

.main-banner-section {
    z-index: 999;
    position: relative;
}

.modal .form-control {
    height: 40px;
    border-radius: 0px;
    padding-left: 15px;
    color: #000;
}

.modal .btn {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding-right: 20px;
    background: #007b5e;
    border-color: #007b5e;
}

.modal .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #007b5e;
    outline: 0;
    box-shadow: none;
}

.modal .top-strip {
    height: 155px;
    background: #8d2818;
    transform: rotate( 141deg );
    margin-top: -94px;
    margin-right: 190px;
    margin-left: -130px;
    border-bottom: 65px solid #ffffff;
    border-top: 10px solid #ffffff;
}

.modal .bottom-strip {
    height: 165px;
    background: #fff;
    transform: rotate(112deg);
    margin-top: -112px;
    margin-right: -224px;
    margin-left: 345px;
    border-bottom: 65px solid #8d2818;
    border-top: 10px solid #8d2818;
}

h3.modal-heading {
    text-transform: none;
    background-color: #8d2818;
    color: #fff!important;
    padding: 6px;
    font-size: 21px;
    font-weight: 700;
}

.modal-body {
    padding: 0;
    background-color: #000000;
}

.modal-form-section {
    padding: 10px 33px;
}

.modal-submit-btn {
    margin-top: 1.5rem;
    padding: 7px 20px;
    border: none;
    background-color: #17335b;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    border-radius: 5px;
}

.modal button.close {
    background-color: white;
    color: #003c75;
    padding: 0px 7px 7px;
    margin: 0;
    opacity: 1;
}

.bid-site-visit {
    position: fixed;
    bottom: 0;
    padding-top: 0px;
    left: 0;
    right: 0;
    overflow: hidden;
    text-align: center;
    /* background-color: #388042; */
    z-index: 999;
    box-shadow: 0;
    display: none;
}

.bid-site-visit .row {
    background: #80808017;
    color: #fff;
    padding-bottom: 10px;
    border: 0px solid #fff;
    line-height: inherit;
}

.bid-site-visit .row a {
    font-size: 15px;
    padding: 8px 0px;
    display: block;
    color: black;
}

.bid-site-visit .row a.whatsapp_btn {
    padding: 0!important;
}

.bid-site-visit .row a img {
    width: 41px;
    margin-bottom: 10px;
}

.price-table .bg-gradient {
    background: #C9D6FF;
    background: -webkit-linear-gradient(to right, #E2E2E2, #C9D6FF);
    background: linear-gradient(to right, #E2E2E2, #C9D6FF);
}

.price-table ul li {
    margin-bottom: 1.4rem;
    font-size: 17px;
    font-weight: 700;
    text-align: left;
}

.price-table .pricing-divider {
    border-radius: 0px;
    /*background: #C64545;*/
    padding: 0;
    position: relative;
}

.price-table .green .pricing-divider {
    background: #b63d7d;
}

.whtsap-btn {
    position: fixed;
    bottom: 50px;
    left: 30px;
    z-index: 999;
    font-size: 31px;
    color: #fff;
    padding: 0;
    margin: 0;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-color: #248e4f;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}

.whtsap-btn span {
    font-size: 32px;
}

.price-table.green b {
}

.price-table .pricing-divider-img {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 80px;
}

.Payment-plan {
    /*    margin-top: 3rem;*/
    text-align: center;
}

.Payment-plan p {
    font-size: 23px;
    background-color: #1b5aa9;
    color: #fff;
    display: inline-block;
    padding: 0.6rem 2rem;
}

.Payment-plan p span {
    background-color: #fff;
    color: #285aa8;
    padding: 2px 20px;
}

.price-table .deco-layer {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.price-table .btn-custom {
    background: #C64545;
    color: #fff;
    border-radius: 20px
}

.price-table .img-float {
    width: 50px;
    position: absolute;
    top: -3.5rem;
    right: 1rem
}

.price-table .princing-item {
    transition: all 150ms ease-out;
    margin: 15px 0px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    text-align: center;
}

.price-table .princing-item:hover {
    transform: scale(1.05);
}

.price-table .princing-item:hover .deco-layer--1 {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0);
}

.price-table .princing-item:hover .deco-layer--2 {
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0);
}

.getpricebtn {
    color: #fff;
    background-color: #000000;
    padding: 8px 17px;
    border-radius: 5px;
    /* text-align: left; */
}

.getpricebtn:hover {
    color: #fff;
    background-color: #000000;
    padding: 8px 17px;
    border-radius: 5px;
    text-decoration: none;
}

.about-section {
    padding: 50px 0;
    background: #ffffff;
    /*background:url("../img/about.jpeg");*/
    background-size: contain;
}

.about-section p {
    font-size: 15px;
    line-height: 26px;
    color: black;
    letter-spacing: 0.5px;
}

.about-section h1 {
    font-size: 40px;
    /*font-weight: 700;*/
    color: #606062;
    font-size: 37px;
    margin-bottom: 2rem;
    text-transform: none;
    color: black;
    font-family: 'FontAwesome';
    letter-spacing: 2px;
}

.am-sec {
    text-align: center;
    padding: 20px 10px;
    margin: 10px 0;
    transition: .5s ease-in-out;
    border-radius: 20px;
}

.am-sec span {
    font-size: 37px;
    color: #00448b;
    padding: 8px;
}

.am-sec p {
    font-size: 1.3em;
    color: #244a69;
    margin-top: 0.7em;
    text-transform: capitalize;
}

.am-sec:hover {
    background-color: #fffbf3;
    border-radius: 15px;
}

.amenities {
    padding-top: 50px;
}

.amenities h2.h1 {
    font-weight: 100;
    margin-bottom: 2rem;
    font-size: 42px;
}

.service-16 {
    font-weight: 700;
}

.service-16 h1, .service-16 h2, .service-16 h3, .service-16 h4, .service-16 h5, .service-16 h6 {
    color: #ffffff;
}

.service-16 .font-weight-medium {
    font-weight: 700;
}

.service-16 .op-7 {
    opacity: 0.7;
}

.service-16 .wrap-service-16 .spacing {
    padding: 80px 35px;
}

.service-16 .wrap-service-16 .with-bg {
    width: 100%;
    min-height: 200px;
    background-size: cover;
    background-position: center center;
}

.service-16 .wrap-service-16 .with-text {
    max-width: 520px;
    margin-left: 80px;
    color: #fff;
}

.service-16 .list-style-none {
    list-style: none;
}

.service-16 .bg-info-gradiant {
    background: black;
}

.service-16 .btn-md {
    padding: 7px 18px;
    letter-spacing: 2px;
    font-weight: 300;
    font-size: 19px;
    background-color: #8d2818;
    color: #fff;
    text-transform: none;
}

.service-16 .wrap-service-16 .spacing1 {
    padding: 15px 0px;
}

.service-16 i {
    position: absolute;
    left: 85px;
    font-size: 26px;
}

.contact-form {
    background-color: #fff;
    padding: 20px;
    height: 100%;
    /* box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px; */
    border-radius: 8px;
    /* border: 10px solid #b7b7b7; */
}

.gallery .img {
    margin: 15px 0;
}

/*.section-title{*/
/*    padding: 5px 0;*/
/*    font-size: 18px;*/
/*    font-weight: 200;*/
/*    margin-bottom: 1rem;*/
/*   background: #cfa04d;*/
/*    color: white;*/
/*}*/
.price-table tr td a {
    color: #fff;
    background-color: #19a534;
    padding: 5px 10px;
    font-weight: 400;
    font-size: 17px;
    border-radius: 5px;
}

.price-table tr td a:hover {
    text-decoration: none;
    box-shadow: none;
}

#gallery img {
    margin: 0px 0;
    border-radius: 5px;
    height: 343px;
    object-fit: cover;
    /* border: 3px solid #f3deec;
}
.banner6 {
  color: #8d97ad;
  font-weight: 300;
  overflow: hidden;
  position: relative;
  background-color: #f9f9f9;
}
.banner6.sitemap{
  background-color: #fff !important;
}
.banner6.sitemap h2{
     color: white;
    background: #c28605;
    padding: 9px 0;
    font-size: 30px;
    font-weight: 200;
}
    
.banner6.sitemap img{
  /* box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; */
    /* height: 400px; */
    /* border: 1px solid red; */
    object-fit: cover;
    /* border-radius: 30px; */
}

.contact .contact-form-heading {
    color: #000000;
    text-align: center;
    padding: 10px 0;
}

.banner6 .subtitle {
    color: #8d97ad;
    line-height: 24px;
}

.banner6 a {
    text-decoration: none;
}

.banner6 .btn-danger-gradiant {
    background-color: #00498d;
}

.banner6 .btn-danger-gradiant:hover {
    background: #00498d;
}

.banner6 .btn-md {
    padding: 15px 45px;
    font-size: 16px;
}

.banner6 .bg-facebook {
    background-color: #3b5a9a;
}

.banner6 .bg-twitter {
    background-color: #56adf2;
}

.banner6 .text-danger {
    color: #ff4d7e !important;
}

.banner6 .right-image {
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
}

@media (max-width: 1023px) {
    .banner6 .contact-form {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 1023px) {
    .banner6 .right-image {
        position: relative;
        bottom: -95px;
    }
}

@media (min-width: 1024px) {
    .header2 .navbar-nav>.dropdown .dropdown-menu {
        min-width: 210px;
        margin-top: 0px;
    }

    .header2 .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }

    .header2 .dropdown-toggle::after {
        display: none;
    }

    .header2 .dropdown-submenu>.dropdown-menu.menu-right {
        left: auto;
        right: 100%;
        top: 0;
    }

    .header2 .hover-dropdown .navbar-nav > .dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0px;
    }

    .header2 .h2-nav .navbar-nav .nav-item .btn:hover {
        opacity: 1;
    }

    .header2 .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-left: 0;
        border-radius: 0.25rem;
        display: none;
    }
}

@media (max-width: 767px) {
    .abt-image img {
        height: 290px !important;
        object-fit: cover;
    }

    .ddjay_com_deen {
        margin-bottom: 10px !important;
    }

    .ddjay_floor img {
        height: 285px !important;
    }

    .banner-txt {
        display: none;
    }

    .banner-toptxt img {
        min-width: 100%;
        /* height: 333px; */
        object-fit: contain;
        margin-top: 60px;
    }

    .sub-devep {
        display: block !important;
    }

    .status-strip {
        border: 1px solid gray;
        margin: 8px;
        padding: 15px;
    }

    .collaps-download-list a {
        padding-right: 2px !important;
        line-height: 35px !important;
    }

    a.at-tabs-title {
        text-decoration: none;
        font-size: 12px !important;
        color: #fff;
        font-weight: 600 !important;
    }

    .at-tabs-nav__item {
        width: 100% !important;
        align-items: center !important;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
        margin-left: 0px !important;
    }

    .at-tabs-nav {
        padding: 28px 0px !important;
        display: inline-block !important;
        width: 100% !important;
    }

    .at-tabs-nav.states {
        padding: 28px 10px !important;
        display: flex !important;
        width: 100% !important;
    }

    .navbar-brand img {
        /*width:170px;*/
    }

    .header2 {
        color: #8d97ad;
        font-weight: 300;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 999;
        padding: 1px 5px 2px 5px;
    }

    .about-section {
        padding: 25px 0;
        background: none;
    }
}

@media (max-width: 370px) {
    .banner3 .left, .banner3 .right {
        padding: 25px;
    }
}

@media (max-width: 320px) {
    .banner3 .left, .banner3 .right {
        padding: 25px 15px;
    }
}

.banner3 .font-14 {
    font-size: 14px;
}

.banner3 .text-inverse {
    color: #3e4555 !important;
}

.floor-plan a {
    /*border: 2px solid #000000;*/
    background: #000000;
    color: white;
    font-size: 18px;
}

.floor-plan a img {
    border: 3px solid #19a534;
}

.header2 .btn-dark {
    color: #fff;
    background-color: #425b7e;
    border-color: #ffffff;
    font-weight: 700;
}

.header2 .btn-dark:hover {
    color: #fff;
    background-color: #01113d;
    border-color: #000000;
}

footer {
    background-color: #388042;
    color: #fff;
    padding: 1rem;
}

footer p a {
    color: #fff;
    font-weight: 700;
}

footer p a:hover {
    color: #fff;
    font-weight: 700;
}

.booking-call-strip {
    background: #711e11;
    padding: 55px 15px;
}

.booking-call-strip h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: none;
    color: #fff;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.booking-call-strip h4 a {
    font-size: 28px;
    letter-spacing: 1px;
    font-weight: 100;
    text-decoration: none;
    color: #fff;
}

.booking-call-strip h4 i {
    transform: rotate( 93deg);
    font-size: 31px;
    margin-right: 11px;
}

.one-band {
    background: #711e11;
    padding: 20px 0;
}

h3.text-warning {
    color: #ffffff!important;
    text-shadow: 1px 1px 1px #000;
    font-weight: 600;
}

.amenities-listing {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.amenities-box {
    width: 17%;
    /* background: rgb(255, 255, 255); */
    margin: 0 31px 30px 0;
    display: flex;
    align-items: center;
    box-shadow: 3px 4px 14px -9px gray;
    padding: 20px;
    color: #0e0d0d;
    /* box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); */
    border: 1px solid #092c4f1f;
    justify-content: center;
}

.amenities-image {
    margin-right: 10px;
}

.amenities-box i {
    font-size: 44px;
    display: inline-block;
    color: #00339c;
    padding-right: 11px;
}

.amenities-content {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #000000;
}

.one-band h3 {
    font-size: 25px;
    text-transform: none;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
    line-height: 38px;
}

.fsdgfdone-band.one-band p {
    margin: 0;
    color: #fff;
    margin-top: 10px;
}

.one-band a {
    width: 188px;
    background: #ffffff;
    padding: 12px 15px;
    font-size: 21px;
    color: #000000;
    font-weight: 400;
    border-radius: 0;
    box-shadow: -4px 4px 0 0 #ffffff4f;
    transition: ease all .5s;
    border: none;
    text-transform: none;
}

.one-band a.btn:hover {
    background: #000000;
    color: #fff;
}

.price-table {
    background-color: #f9f9f9;
    padding: 50px 0;
}

.heading2 {
    margin-bottom: 0.8rem;
    text-align: center;
    color: #b63d7d;
    text-transform: none;
    font-weight: 700;
    font-size: 2.3rem;
    margin-bottom: 2rem;
}

.price-table table {
    border: 1px solid #dee2e6;
    width: 800px;
    margin: 0 auto;
    table-layout: fixed;
}

.price-table thead {
    background-color: #000000;
    color: #fff;
    border-bottom: none;
}

.price-table table thead tr th {
    padding: 10px 15px;
}

@media (max-width: 767px) {
    .amenities-listing {
        /*display: flex;*/ flex-wrap: wrap;
        justify-content: left;
    }

    .main-topemaar .col-md-3 {
        order: 2;
    }

    .main-topemaar .col-md-9 {
        order: 1;
    }

    .main-topemaar img {
        height: 330px;
        object-fit: cover;
    }

    .main-topemaar .main-content {
        padding: 20px 12px 12px 12px;
    }

    .booking-call-strip h4 a {
        font-size: 28px;
    }

    .amenities-listing .amenities-box {
        width: 44%;
        text-align: center;
        flex-direction: column;
        padding: 10px;
        margin: 5px;
    }

    .amenities-image {
        margin-right: 0px;
    }

    .amenities-content {
        font-size: 14px;
    }

    .service-16 i {
        position: absolute;
        left: 30px;
        font-size: 26px;
    }

    .mobile-margin {
        margin-top: 4rem;
    }

    .mobilee {
        display: block;
    }

    .desktope {
        display: none;
    }

    .service-16 .wrap-service-16 .with-text {
        margin-left: 0px;
    }

    .NewLaunch {
        font-size: 33px;
        font-weight: 700;
    }

    .banner-content h1 {
        font-size: 19px;
        font-weight: 700;
    }

    .banner-content h3.text-white {
        font-size: 1.45rem;
    }

    .banner-content .get-brochure-btn {
        padding: 8px 9px;
    }

    .heading2 {
        font-size: 1.5rem;
    }

    .one-band h3 {
        font-size: 22px;
    }

    .one-band a {
        margin-top: 1rem;
    }

    .banner-form {
        margin-top: 1rem;
    }

    .banner3 h3.font-weight-medium {
        font-weight: 700;
        font-size: 16px;
        text-align: center;
        padding: 10px 3px;
        background-color: #1ea837;
        color: #fff;
    }

    .am-sec {
        text-align: center;
        padding: 1px 0px;
        margin: 3px 0;
        box-shadow: none;
    }

    .am-sec p {
        font-size: 1em;
        color: #244a69;
        margin-top: 0em;
        text-transform: capitalize;
    }

    .one-band {
        text-align: center;
    }

    .service-16 .wrap-service-16 .with-text {
        margin-left: 0px;
        padding: 0px 8px 0 30px;
    }

    .service-16 span.material-icons {
        left: 2px;
    }

    .contact .contact-form-heading {
        font-size: 24px;
        font-weight: 600;
    }

    .banner6 .contact-form {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 2rem;
    }

    .bid-site-visit {
        display: block;
    }

    #hero {
        width: 100%;
        padding: 0px 0;
    }

    .about-section h1 {
        font-size: 25px;
    }

    .whtsap-btn {
        display: none;
    }

    .floor-plan a img {
        border: 3px solid #19a534;
        margin: 8px 0px;
    }

    .price-table .princing-item {
        transition: all 150ms ease-out;
        margin: 10px 0;
    }

    footer {
        padding-bottom: 5rem;
    }

    #hero .banner-content {
        margin-top: 1rem;
    }

    .NewLaunch {
        font-size: 24px;
    }

    .banner-content h3.text-warning {
        font-size: 1.25rem;
    }

    .banner-content .get-price-btn {
        padding: 8px 13px;
    }

    #hero .banner-content {
        padding: 0px;
        text-align: center;
    }

    .banner-content h3.text-white {
        font-size: 1.25rem;
    }
}

.captch-foter {
    display: flex;
}

.captch-foter img {
    width: 31px;
    margin: 2px 5px;
}

.captcha-code {
    background-color: #20a739;
    color: #fff;
    outline: none;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
}

.plus-captcha {
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.plus-captcha .plus-text {
    margin: 5px 5px;
    color: #fff;
}

.plus-captcha span {
    margin-top: 7px;
    margin: 6px 6px;
}

.pricing-divider img {
    height: 240px;
    object-fit: cover;
}

.pd-60 {
    padding: 30px 0;
}

.high-points {
    text-align: center;
    box-shadow: 1px 1px 12px 4px #8080802b;
    padding: 15px 0;
    background: #c28725;
    margin-bottom: 12px;
}

.high-points p {
    margin: 0;
    font-size: 13px;
    font-family: system-ui;
    letter-spacing: 1px;
    color: white;
}

.about-content p {
    font-size: 15px;
    text-align: center;
    line-height: 33px;
    letter-spacing: 0.5px;
}

.bg-lgray {
    /* background: #f9f9f9; */
}

.hc-1 {
    background: #a21b6b;
}

.hc-2 {
    background: #a21b6bcf;
}

.hc-3 {
    background: #a21b6bba;
}

.hc-4 {
    background: #a21b6ba8;
}

.hc-5 {
    background: #a21b6b9e;
}

.hc-6 {
    background: #931660;
}

.pd-30 {
    padding: 30px 0;
}

.floor-plan h4 {
    font-size: 19px;
    text-align: center;
    font-family: 'Philosopher';
    background: gray;
    padding: 12px 3px;
    color: white;
}

.blur {
    filter: blur(2px);
}

.det-callbtn a {
    color: white;
    background: #01113d;
    font-size: 15px;
    font-weight: 200;
    padding: 12px 25px;
    letter-spacing: 1px;
}

.det-callbtn a:hover {
    background: black;
    color: white;
}

.blr-bro {
    filter: blur(4px);
}

.price-asiana {
    margin: 0;
    background: white;
    padding: 5px;
    text-align: center;
    margin-bottom: 8px;
    border-radius: 1rem;
}

.high-loft li {
    font-size: 15px;
    line-height: 32px;
    letter-spacing: 0.4px;
    margin-bottom: 0;
    font-weight: 100;
    text-align: justify;
}

.with-text ul {
    padding: 0px 15px;
}

.maz-90 {
    max-width: 90%;
}

.other-logo {
    width: 100%;
    margin: auto;
}

.other-logo h4 {
    color: white;
    padding: 6px 0px;
    letter-spacing: 1px;
    text-align: center;
}

.floor-txt {
    font-size: 15px;
    background: #092c50;
    padding: 8px 0;
    color: white;
    margin: 0;
}

.contact-sec {
    background-color: #425b7e;
}

.sac-sec {
    background: #26364d75;
    text-align: center;
    margin-bottom: 20px;
    padding: 30px 0;
    border-radius: 8px;
    /* box-shadow: 1px 1px 16px -1px #ffffff69; */
}

.sac-sec a {
    color: white;
    text-decoration: none;
}

.sac-sec i {
    font-size: 42px;
    margin-bottom: 15px;
    /* color: #e8b030; */
}

.sac-sec p {
    font-size: 17px;
    /* color: #f8ba32; */
    font-weight: 100;
}

.sac-sec .all-btns {
    background: #2e67b7;
    border-radius: 27px;
    padding: 8px 28px;
    font-size: 15px;
}

.btns {
    text-align: center;
}

.navbar-wrapper-main {
    padding-top: 15px;
    padding-bottom: 15px;
}

.cons-heading {
    font-size: 37px;
    /*margin-bottom: 2rem;*/
    font-weight: 700;
    text-transform: none;
    color: black;
    /* font-family: 'FontAwesome'; */
    letter-spacing: 1px;
    padding-bottom: 50px;
}

.disclaimer p {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 25px;
}

.pd-4rem {
    padding: 4rem 0rem;
}

.know-more-abt-one h1 {
    text-align: center;
    font-weight: 300;
    color: #092c4f;
    font-size: 30px;
}

.know-more-abt-one p {
    font-size: 16px;
    line-height: 33px;
    letter-spacing: 0.1px;
}

.know-more-abt {
    box-shadow: 3px 4px 14px -9px gray;
    padding: 20px 15px;
    height: 100%;
    background: #092c4f;
    color: white;
}

.know-more-abt h5 {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}

.know-more-abt p {
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 0.1px;
    margin-bottom: 0;
    text-align: justify;
}

.know-more-abt a {
    background: #ac782e;
    border: none;
    color: white;
}

.location-ad p {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.2px;
    margin-bottom: 0;
    text-align: justify;
    font-weight: 100;
}

.location-ad ul {
    margin-top: 10px;
}

.location-ad li {
    font-size: 15px;
    line-height: 32px;
    letter-spacing: 0.4px;
    margin-bottom: 0;
    font-weight: 100;
    text-align: justify;
}

.location-ad h3 {
    font-size: 28px;
    font-weight: 100;
    letter-spacing: 1px;
}

.develop img {
    width: 65px;
    margin-bottom: 15px;
}

.develop p {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 25px;
    margin: 0;
}

.coming-soon {
    background: black;
}

.coming-soon img {
    width: 100%;
}

.coming-soon span {
    color: white;
    font-size: 33px;
    background: linear-gradient(to right, #ae883e 0%, #e3cdac 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 100;
    color: linear-gradient(to right, #ff8a00 0%, #da1b60 100%);
    letter-spacing: 2px;
}

.coming-soon h3 {
    color: white;
    font-size: 18px;
    font-weight: 200;
    letter-spacing: 2px;
    margin-top: 12px;
}

.coming-soon h4 a {
    color: white;
    letter-spacing: 1px;
    font-weight: 100;
    line-height: 40px;
}

.bnnr-top img {
    height: 585px;
    object-fit: cover;
}

.top-details li {
    display: inline-block;
    padding: 12px 45px;
    text-align: center;
    border: 1px solid black;
}

.top-details h4 {
    color: black;
    font-size: 17px;
    font-weight: 800;
}

.banner-toptxt {
    margin-top: 0px;
    position: relative;
    background-size: cover;
}

.banner-txt .banner-content {
    background: linear-gradient(to bottom, #425b7e, #425b7e);
    padding: 18px;
}

.banner-txt {
    position: absolute;
    right: 0px;
}

.top-details {
    background: #c5dbc0;
    text-align: center;
}

.status-strip {
    border-right: 1px solid black;
}

.const-ele h2 {
    color: white;
    font-size: 40px;
    letter-spacing: 2px;
    font-weight: 700;
}

.const-ele p {
    color: white;
}

.top-details p {
    color: black;
    margin-bottom: 0;
}

.price-list .inner-list:before {
    position: absolute;
    content: '';
    border-top: 45px solid #606062;
    border-bottom: 45px solid transparent;
    border-right: 45px solid transparent;
    left: 0;
    top: 0;
}

.price-list .inner-list {
    border: 1px solid #58c2b7;
    padding: 40px 20px;
    position: relative;
    text-align: center;
}

.price-list .inner-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.price-list .inner-list ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.price-list .inner-list ul li p {
    margin: 0;
}

.price-list .inner-list ul li p span {
    display: block;
    font-weight: 700;
}

.ftr_rera {
    border-bottom: 1px solid #adb5bd;
    margin-bottom: 2rem;
    text-align: center;
}

.ftr_rera span {
    display: inline-block;
    background-color: #fff;
    position: relative;
    top: 1.3rem;
    padding: 0.5rem;
}

.ftr_rera {
    border-bottom: 1px solid #adb5bd;
    margin-bottom: 2rem;
}

.devep-img {
    display: block;
    /*margin-bottom: 30px;*/
    text-align: center;
}

.sub-devep {
    display: inline-block;
    background: #fad297;
    padding: 15px;
}

.dn-highlight h4 {
    font-size: 17px;
}

.dn-highlight p {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.6px;
}

section#location {
    background: #fad297;
    /*padding-top: 60px;*/
}

.banner-content {
    position: absolute;
    right: 30px;
    top: -195px;
    width: 27%;
    border-radius: 20px;
}

.dn-location ul li {
    line-height: 32px;
    font-size: 16px;
    letter-spacing: 0.5px;
}

.dn-location ul {
    padding: 0px 15px;
}

.amenities-sec .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: #fad2a4;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0.4px;
}

.location-reg-btn {
    /* background-color: #D5A021; */
    border-color: #CFA04D;
    margin-left: 150px;
}

.location-reg-btn:hover {
    background-color: #D5A021;
    color: white;
}

.amenities-sec .nav-pills .nav-link {
    color: #01113d;
    border: 1px solid #fad2a4;
    padding: 6px 12px;
    margin: 0 15px;
    font-size: 14px;
    letter-spacing: 0.4px;
}

.amenities-sec h3 {
    font-size: 18px;
    text-align: center;
    color: white;
    background: #01113d;
    padding: 8px;
    letter-spacing: 0.4px;
}

.abt-image {
    text-align: end;
    background-size: cover;
    /*margin-bottom: 140px;*/
}

.abt-image img {
    width: 100%;
    height: 400px;
    background-size: cover;
}

.abt-image {
    position: relative;
    display: inline-block;
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    /* Black with 50% opacity */
    opacity: 1;
    /* Overlay is always visible */
}

.image-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 18px;
    font-weight: bold;
}

p.text-justify {
    text-align: justify;
}

@media (max-width: 667px) {
    .det-callbtn {
        text-align: center !important;
    }

    .cons-heading {
        font-size: 24px !important;
    }

    .pd-60.dn-location.map .w-100 {
        padding-bottom: 30px;
    }

    .flr-pln li.nav-item {
        width: 80px;
    }

    .mobile-margin {
        margin-top: 0rem !important;
    }

    section#price-list {
        padding-bottom: 10px !important;
    }

    .banner-toptxt img {
        margin-top: 113px !important;
        background-size: cover;
    }

    .mob-hlt span {
        color: white;
        padding-top: 30px;
        font-size: 22px;
        font-weight: 700 !important;
    }

    .mob-hlt {
        padding-bottom: 45px !important;
        padding-top: 30px !important;
    }

    section.coming-soon {
        padding-top: 15px;
    }
}

.floorplan img {
    height: 350px;
    object-fit: contain;
}

.present {
    padding: 9px 10px;
    background: white;
    display: inline-block;
    font-size: 14px;
    border-radius: 10px 0;
    letter-spacing: 2px;
    color: black;
    font-weight: 800;
}

.name-page {
    color: white;
    font-size: 18px;
}

.bnk-details {
    font-size: 22px;
    /* font-family: 'FontAwesome'; */
}

.table-dta {
    /* font-family: 'FontAwesome'; */
    width: 30%;
    border-right: 2px solid black;
    padding: 18px 8px !important;
}

.table-dta2 {
    /* font-family: 'FontAwesome'; */
    width: 70%;
    padding: 18px 8px !important;
}

.table {
    border: 2px solid black;
}

.form-box {
    width: 90%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 20px;
}

/*.pamt-input {*/
/*    background-color: white;*/
/*    width: 100%;*/
/*    padding: 9px;*/
/*    border-radius: 7px;*/
/*    outline: none;*/
/*    border: 0px;*/
/*}*/
/*.pamt-label{*/
/*color:white;*/
/*font-weight:600;*/
/*}*/
.paymt-row {
    width: 50% !important;
}

.payment-opt {
    background-color: white;
}

.input-bg {
    padding: 10px;
    background: #ffffff !important;
    border-radius: 4px;
    width: 100%;
}

.submit-btn2 {
    background: #425b7e !important;
    color: white !important;
    padding: 10px 20px;
    border-radius: 5px !important;
    margin-top: 20px;
}

.input-container {
    position: relative;
    margin-top: 1rem;
}

.input-container input {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    box-sizing: border-box;
    outline: 1px solid black;
}

.input-container label {
    position: absolute;
    top: 1%;
    left: 0.75rem;
    transform: translateY(-50%);
    background: white;
    /* Matches input background color */
    padding: 0 0.25rem;
    /* Padding to make space around the text */
    font-size: 0.75rem;
    /* Smaller font size */
    color: #666;
    /* Label color */
    pointer-events: none;
    /* Makes sure label doesn’t interfere with input interaction */
}

.input-container textarea {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    box-sizing: border-box;
    outline: 1px solid black !important;
}

.input-container select {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    box-sizing: border-box;
    outline: 1px solid black;
}

.scp {
    /*box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;*/
    padding: 15px;
}

.mal-mob-hdr {
    display: flex;
    background: bisque;
    justify-content: space-evenly;
}

.mal-mob-hdr span {
    display: flex;
}

.mal-mob-hdr span a {
    word-spacing: 10px;
    display: flex;
    padding-top: 15px;
}

.news-tricker {
    height: 0px;
    padding-top: 10px;
    padding-bottom: 35px;
    padding-right: 50px;
    font-family: "Roboto", Sans-serif;
    font-weight: 700;
    background: #b91e24;
    margin-bottom: 10px;
    color: white;
    padding-left: 50px;
}

.blink-soft {
    animation: blinker 1.5s linear infinite;
    font-size: 13px;
    margin-left: 5px;
    color: #fd0d0d;
    text-decoration: none;
}

.blink-soft.eye-blk svg.svg-inline--fa.fa-eye {
    padding-right: 10px !important;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.one-sec {
    /* margin-bottom: -40px !important; */
}

.two-sec {
    padding: 10px;
    border: 1px solid;
    /* margin-top: 20px; */
    border-radius: 10px;
    background-color: #f4faf1;
    margin-left: 15px;
}

.two-sec p {
    font-size: 13px;
    padding-top: 14px;
    font-weight: 600;
    display: flex;
    margin-bottom: 0px;
}

.one-sec p {
    padding: 20px;
    /* background: #9ebd6b; */
    /* letter-spacing: 2.5px; */
    margin-left: 15px;
    /* margin-top: 30px; */
    text-align: center;
    /* color: #fff; */
    font-family: 'Work Sans';
    font-size: 21px;
    font-weight: 400;
    text-transform: none;
    fill: #f4faf1;
    color: #FFFFFF;
    background-color: #03A659;
    /* border-radius: 5px 5px 5px 5px; */
    border-radius: 5px;
    margin-bottom: 0pc;
}

.one-sec a {
    padding: 20px;
    background: #9ebd6b;
    margin-left: 15px;
    /* margin-top: 30px; */
    text-align: center;
    justify-content: center;
    padding: 20px;
    /* background: #9ebd6b; */
    margin-left: 15px;
    /* margin-top: 20px; */
    text-align: center;
    /* color: #fff; */
    font-family: "Work Sans", Sans-serif;
    font-size: 21px;
    font-weight: 400;
    text-transform: none;
    fill: #f4faf1;
    color: #FFFFFF;
    background-color: #03A659;
    /* border-radius: 5px 5px 5px 5px; */
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    /* width: 100% !important; */
    border-radius: 5px;
    /* max-width: 100%; */
    /* min-width: 100%; */
    display: flex;
    letter-spacing: 1px;
}

.two-sec span {
    font-size: 21px;
    padding-right: 12px;
    padding-top: 0px;
    margin-top: 0px;
    color: #469a25;
    height: 30px;
    align-items: center;
}

.one-sec span {
    font-size: 21px;
    /* padding-right: 12px; */
    padding-top: 0px;
    margin-top: 0px;
    align-items: center;
    display: block;
}

svg.svg-inline--fa.fa-arrow-right {
    padding-right: 5px;
}

.bnr-img img {
    width: 100%;
    /* margin-top: 30px; */
}

.one-sec.scond p {
    margin-left: 0px;
    background: aliceblue;
    padding-top: 20px;
    color: #000;
    font-size: 21px;
    /* height: 100px; */
    padding-bottom: 20px;
    font-weight: 400;
}

.one-sec.scond {
    margin-left: 0px;
    text-align: center;
}

.two-sec.scond p {
    margin-left: 0px;
}

.two-sec.scond {
    margin-left: 0px;
}

.one-sec.scond a {
    margin-left: 0px;
    color: #000000;
    font-size: 21px;
    font-weight: 400;
    background: chartreuse;
}

.holder {
    width: 100%;
    height: 250px;
    overflow: hidden;
    /* padding: 30px; */
    font-family: Helvetica;
}

.holder .mask {
    position: relative;
    left: 0px;
    top: 10px;
    width: 450px;
    height: 260px;
    overflow: hidden;
}

.holder ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.holder ul li {
    padding: 10px 0px;
}

.holder ul li a {
    color: darkred;
    text-decoration: none;
}

.tricker-up img {
    width: 600px;
    height: 250px;
    object-fit: cover;
}

section.tricker-up-sec {
    background-color: #cccccc45;
    padding-top: 60px;
    padding-bottom: 60px;
}

section.bnr-section {
    padding-bottom: 0px;
}

h3.blink-soft {
    animation: blinker 1.5s linear infinite;
    font-size: 30px;
    margin-left: 30px;
    font-weight: 600;
    color: #fd0d0d;
    text-decoration: none;
}

.heartbeat {
    -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
    animation: heartbeat 1.5s ease-in-out infinite both;
}

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.font-bold {
    font-weight: 700;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.font-bold {
    font-weight: 700;
}

.mt-4 {
    margin-top: 1rem;
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.justify-between {
    justify-content: space-between;
}

.flex {
    display: flex;
}

.mt-4 {
    margin-top: 1rem;
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity));
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity));
}

.md\:flex {
    display: flex;
    text-align: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 50px;
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    width: 800px;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.single-client-logo {
    height: 65px;
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.w-100 {
    width: 100% !important;
}

.mr-auto, .mx-auto {
    margin-right: auto !important;
}

.single-client-logo {
    height: 65px;
}

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

/*.collapse {*/
/*    display: none;*/
/*}*/
.navM {
    float: right;
    margin-top: 50px;
}

.navM li {
    list-style: none;
    display: inline-block;
    text-decoration: none !important;
    margin-right: 30px;
}

.navM li a {
    font-size: 14.6px;
    color: #5d5d5d !important;
    text-decoration: none;
}

.navM li a i {
    margin-right: 5px;
}

header {
    display: block;
}

.blinking-text {
    animation: blink 0.5s infinite;
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.navM {
    float: right;
    display: flex;
    margin-top: 20px !important;
    text-decoration: none;
}

.navM path {
    /* color: #fff; */
}

button.bg-green-500.text-white.p-4.rounded.font-bold {
    background: black;
}

.bg-blue-500.text-white.p-4.mt-8 {
    background: #388042;
}

.font-sans {
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    color: #388042;
}

.font-bold {
    font-weight: 700;
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}

.jst-pb {
    padding-bottom: 30px;
}

.one-sec.trd a {
    color: #000000;
    font-size: 21px;
    font-weight: 400;
    background: chartreuse;
}

.flicker-1 {
    -webkit-animation: flicker-1 2s linear infinite both;
    animation: flicker-1 2s linear infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-8-22 22:36:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation wobble-hor-bottom
 * ----------------------------------------
 */
/* ----------------------------------------------
 * Generated by Animista on 2024-8-22 22:38:2
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation flicker-1
 * ----------------------------------------
 */
@-webkit-keyframes flicker-1 {
    0%, 100% {
        opacity: 1;
    }

    41.99% {
        opacity: 1;
    }

    42% {
        opacity: 0;
    }

    43% {
        opacity: 0;
    }

    43.01% {
        opacity: 1;
    }

    47.99% {
        opacity: 1;
    }

    48% {
        opacity: 0;
    }

    49% {
        opacity: 0;
    }

    49.01% {
        opacity: 1;
    }
}

@keyframes flicker-1 {
    0%, 100% {
        opacity: 1;
    }

    41.99% {
        opacity: 1;
    }

    42% {
        opacity: 0;
    }

    43% {
        opacity: 0;
    }

    43.01% {
        opacity: 1;
    }

    47.99% {
        opacity: 1;
    }

    48% {
        opacity: 0;
    }

    49% {
        opacity: 0;
    }

    49.01% {
        opacity: 1;
    }
}

.vibrate-1 {
    -webkit-animation: vibrate-1 0.3s linear infinite both;
    animation: vibrate-1 0.3s linear infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-8-22 22:57:32
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation vibrate-1
 * ----------------------------------------
 */
@-webkit-keyframes vibrate-1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    20% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }

    40% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }

    60% {
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px);
    }

    80% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px);
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes vibrate-1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    20% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }

    40% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }

    60% {
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px);
    }

    80% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px);
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

table.blueTable {
    border: 1px solid #1C6EA4;
    background-color: #EEEEEE;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

table.blueTable td, table.blueTable th {
    border: 1px solid #AAAAAA;
    padding: 3px 2px;
}

table.blueTable tbody td {
    font-size: 13px;
    text-align: center;
}

table.blueTable tr:nth-child(even) {
    background: #D0E4F5;
}

table.blueTable thead {
    background: #1C6EA4;
    background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
    border-bottom: 2px solid #444444;
}

table.blueTable thead th {
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    border-left: 2px solid #D0E4F5;
}

table.blueTable thead th:first-child {
    border-left: none;
}

table.blueTable tfoot {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    background: #D0E4F5;
    background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
    background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
    background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
    border-top: 2px solid #444444;
}

table.blueTable tfoot td {
    font-size: 14px;
}

table.blueTable tfoot .links {
    text-align: right;
}

table.blueTable tfoot .links a {
    display: inline-block;
    background: #1C6EA4;
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 5px;
}

section.payment-plan {
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
    overflow-x: scroll;
}

.one-sec,.two-sec {
    margin-bottom: 20px;
}

button.bg-green-500 {
    background: #e31d1d;
}

.ftr_rera {
    border-bottom: 1px solid #adb5bd;
    margin-bottom: 2rem;
    text-align: center;
}

.ftr_rera span {
    display: inline-block;
    background-color: #fff;
    position: relative;
    top: 1.3rem;
    padding: 0.5rem;
}

.ftr_rera {
    border-bottom: 1px solid #adb5bd;
    margin-bottom: 2rem;
}

.devep-img {
    display: block;
    /*margin-bottom: 30px;*/
    text-align: center;
}

.sub-devep {
    display: inline-block;
    background: #fad297;
    padding: 15px;
}

.dn-highlight h4 {
    font-size: 17px;
}

.dn-highlight p {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.6px;
}

section#gallery al:after {
    content: "Actual Image";
    position: absolute;
    z-index: 99;
}

#gallery a:after {
    content: "Actual Image";
    position: absolute;
    top: 10px;
    z-index: 99;
    background: red;
    width: 106px;
    left: 10px;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
}

#gallery .col-md-4 {
    position: relative;
}

.responsive-hide{
        display:block;
    }
@media (max-width: 900px) {
    
    .responsive-sec{
        margin-top:23px !important;
    }
    .responsive-hide{
        display:none;
    }
    .blue-bg-box .bg-blue-100 {
        width: 100%;
    }

    .blue-bg-box {
        display: block !important;
        width: 100%;
    }

    .navM li {
        margin-right: 10px;
    }

    .navM {
        display: block;
        float: unset;
        margin-top: 10px !important;
        margin-left: 0px !important;
        padding-left: 0px !important;
    }

    .navM li a {
        font-size: 12px;
    }

    a.text-red.blink-soft .fa-eye {
        padding-right: 10px !important;
    }

    div#xSiteLogoImgDiv {
        text-align: center;
    }
}

/* Custom dropdown arrow style */
.custom-select-arrow {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: 10px;
    padding-right: 30px;
}

/* Optionally, style the select box */
.custom-select-arrow {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 8px 10px;
    width: 100%;
    font-size: 16px;
}

.dropdown:hover .dropbtn {
    border: none !important;
    background: none !important;
}

button.dropbtn {
    border: none;
    background: none;
}

.dropdown-content {
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 98;
    max-height: 0;
    min-width: 160px;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
}

.dropdown-content a {
    color: black;
    background-color: #f0f8ff00;
    padding: 5px 10px;
    text-decoration: none;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    display: block;
}

.dropdown-content a:hover {
    background-color: #e2e2e2;
}

.dropdown:hover .dropdown-content {
    max-height: 500px;
    min-width: 160px;
    transition: max-height 0.25s ease-in;
}

.dropdown:hover .dropbtn {
    transition: max-height 0.25s ease-in;
}

.dropdown-content svg.svg-inline--fa.fa-download {
    /* margin-left:160px; */
    color: #4ba75a;
}

/*-----pop---up-----*/
.one-sec.collap p {
    width: 100%;
    margin-left: 0px !important;
}

.collaps-pop {
    padding-top: 60px;
    padding-bottom: 90px;
}

.one-sec.scond.one-sec.inr-collap {
    text-align: left;
}

.inr-collap h6 {
    font-size: 15px;
}

.inr-collap h4 {
    padding-top: 15px;
}

.collaps-download-list a {
    text-decoration: none;
    color: green;
    font-weight: 600;
    line-height: 55px;
    padding-right: 15px;
}

.collaps-download-list a:hover {
    text-decoration: none;
    color: #000;
    font-weight: 600;
    line-height: 55px;
}

.collaps-download-list svg.svg-inline--fa.fa-download {
    margin-left: 4px;
    color: red;
}

.collaps-overview h6 {
    font-weight: 600;
    font-size: 19px;
}

.collaps-overview p {
    font-size: 14.6px;
    color: #5d5d5d !important;
}

.collaps-pop .one-sec, .two-sec {
    margin-bottom: 16px;
}

.inr-collap svg.svg-inline--fa {
    padding-right: 10px;
    color: #3a811d;
}

.table-ui tr td {
    color: #000 !important;
}

.step-content-block {
    position: relative;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: left;
}

.step {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 25px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 16px;
    background-color: #fff;
}

.label {
    /*color: #387911 !important;*/
    color: #fff !important;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 55px !important;
    text-transform: uppercase;
}

.content {
    margin-top: 24px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 500;
}

.text-block li {
    font-size: 16px !important;
    line-height: 20px;
}

.bg-shadow {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    border-radius: 16px;
    box-shadow: 7px 7px 20px 0 rgba(18, 18, 18, 0.07);
}

.section-title .sub-title {
    font-size: 35px;
    margin: 0;
    font-weight: 400;
}

.nav-pill-main-div {
    position: relative;
    border-radius: 20px;
    /* box-shadow: 1px -5px 28px rgba(1, 1, 1, 0.11); */
    height: 100%;
    background: white;
    margin-bottom: 0px;
}

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

ul.tabs li {
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    transition: 0.3s ease all;
    width: 33%;
}

ul.tabs li.current {
    color: #222;
    transition: 0.3s ease all;
}

ul.tabs li.current span {
    color: #449749;
    transition: 0.3s ease all;
}

.tab-content {
    /*display: none;*/
    padding: 15px;
    transition: 0.3s ease all;
}

.tab-content.current {
    display: inherit;
    transition: 0.3s ease all;
}

/*------ease effect------*/
.nav-justified > li {
    float: none;
}

.nav-justified > li span {
    width: 100%;
}

.customize_solution .nav-justified > li {
    float: none;
}

.customize_solution span.ease-effect {
    text-decoration: none;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s ease all;
}

.customize_solution span.ease-effect:hover, .customize_solution span.ease-effect:focus,.customize_solution ul.tabs li.current span:hover,.customize_solution ul.tabs li.current span:focus {
    color: #fff;
    transition: 0.3s ease all;
}

.customize_solution span.ease-effect {
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    padding: 14px 0px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.customize_solution .ease-effect:before {
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    content: '';
    background-color: #1AA8E2;
    z-index: -2;
}

.customize_solution .ease-effect:hover:before, .customize_solution .ease-effect:focus:before {
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    left: 0;
    right: 0;
    opacity: 1;
}

.customize_solution span.ease-effect.btn-1 {
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    padding: 14px 0px;
    padding: 15px;
    /* background: #9ebd6b; */
    /* letter-spacing: 2.5px; */
    margin-left: 15px;
    /* margin-top: 30px; */
    text-align: center;
    /* color: #fff; */
    font-family: 'Work Sans';
    font-size: 21px;
    font-weight: 400;
    text-transform: none;
    fill: #f4faf1;
    color: #FFFFFF;
    background-color: #03A659;
    /* border-radius: 5px 5px 5px 5px; */
    border-radius: 5px;
    margin-bottom: 0pc;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
}

ul.tabs li.current span {
    color: #fff;
    transition: 0.3s ease all;
}

.customize_solution span.ease-effect.btn-2 {
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    padding: 14px 0px;
    padding: 20px;
    /* background: #9ebd6b; */
    /* letter-spacing: 2.5px; */
    margin-left: 15px;
    /* margin-top: 30px; */
    text-align: center;
    /* color: #fff; */
    font-family: 'Work Sans';
    font-size: 21px;
    font-weight: 400;
    text-transform: none;
    fill: #f4faf1;
    color: #FFFFFF;
    background-color: #e31d1d;
    /* border-radius: 5px 5px 5px 5px; */
    border-radius: 5px;
    margin-bottom: 0pc;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.customize_solution span.ease-effect.btn-3 {
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    padding: 14px 0px;
    padding: 20px;
    /* background: #9ebd6b; */
    /* letter-spacing: 2.5px; */
    margin-left: 15px;
    /* margin-top: 30px; */
    text-align: center;
    /* color: #fff; */
    font-family: 'Work Sans';
    font-size: 21px;
    font-weight: 400;
    text-transform: none;
    fill: #f4faf1;
    color: #FFFFFF;
    background-color: purple;
    /* border-radius: 5px 5px 5px 5px; */
    border-radius: 5px;
    margin-bottom: 0pc;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.heading-h2 h2.cons-heading.pb-5.text-center.font-sans {
    padding-top: 30px;
}

section.new-card-sec .card {
    border: none !important;
}

section.ftr-ad {
    background: #e6e9f3;
    padding-top: 20px;
}

.ftr-detail span {
    font-weight: 700;
}

button.bg-green-500.text-white.px-5.py-3.rounded.font-bold span {
    animation: blink 1s infinite;
}

.pulse-button {
    padding: 14px 40px;
    font-size: 24px;
    color: #fff;
    background: #e31d1d;
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

span.blink-ani {
    animation: blink 1s infinite;
}

.modal-title {
    font-size: 16px;
}

button.dropbtn.three-btn p {
    margin-bottom: 0rem;
    color: #fff;
    font-weight: 600;
}

.dropdown-content ul li {
    color: black;
    background-color: #f0f8ff00;
    padding: 5px 10px;
    text-decoration: none;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    display: block !important;
    width: 100%;
}

.at-tabs-nav__item.current {
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    padding: 14px 0px;
    padding: 15px;
    /* background: #9ebd6b; */
    /* letter-spacing: 2.5px; */
    margin-left: 15px;
    /* margin-top: 30px; */
    text-align: center;
    /* color: #fff; */
    font-family: 'Work Sans';
    font-size: 21px;
    font-weight: 400;
    text-transform: none;
    fill: #f4faf1;
    color: #FFFFFF;
    background-color: #03A659;
    /* border-radius: 5px 5px 5px 5px; */
    border-radius: 5px;
    margin-bottom: 0pc;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.at-tabs-nav__item.current:hover {
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    padding: 14px 0px;
    padding: 15px;
    /* background: #9ebd6b; */
    /* letter-spacing: 2.5px; */
    margin-left: 15px;
    /* margin-top: 30px; */
    text-align: center;
    /* color: #fff; */
    font-family: 'Work Sans';
    font-size: 21px;
    font-weight: 400;
    text-transform: none;
    fill: #f4faf1;
    color: #FFFFFF;
    background-color: #03A659;
    /* border-radius: 5px 5px 5px 5px; */
    border-radius: 5px;
    margin-bottom: 0pc;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.at-tabs-nav {
    display: flex;
    padding: 28px 0px;
}

a.at-tabs-title {
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}

.current a.at-tabs-title {
    color: #fff;
}

.at-tabs-nav__item {
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    padding: 14px 0px;
    padding: 15px;
    /* background: #9ebd6b; */
    /* letter-spacing: 2.5px; */
    margin-left: 15px;
    /* margin-top: 30px; */
    text-align: center;
    /* color: #fff; */
    font-family: 'Work Sans';
    font-size: 21px;
    font-weight: 400;
    text-transform: none;
    fill: #f4faf1;
    color: #FFFFFF;
    background-color: #03A659;
    /* border-radius: 5px 5px 5px 5px; */
    border-radius: 5px;
    margin-bottom: 0pc;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.at-tabs-content {
    font-size: 16px;
}

hr {
    height: 5px;
    background-color: green;
}

.current a.at-tabs-title {
    /* color: #fff; */
    margin-bottom: 0rem;
    color: #fff;
    font-weight: 600;
}

span.at-tab-__title_text.current {
    /* color: #fff; */
    margin-bottom: 0rem;
    color: #fff;
    font-weight: 600;
}

.at-tabs-nav.states {
    display: flex;
    padding: 28px 40px;
    background: #a9a9a92e;
}

.states .at-tabs-nav__item.current {
    letter-spacing: 2px;
    display: inline-block;
    font-weight: 400;
    text-transform: none;
    fill: #f4faf1;
    color: #FFFFFF;
    background-color: #010101;
    /*border-radius: 30px;*/
    margin-bottom: 0pc;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.states .at-tabs-nav__item {
    letter-spacing: 2px;
    display: inline-block;
    font-weight: 400;
    text-transform: none;
    fill: #f4faf1;
    color: #FFFFFF;
    background-color: #4ba75a;
    /*border-radius: 30px;*/
    margin-bottom: 0pc;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.jst-pb {
    padding-bottom: 60px;
}

.selected span {
    float: right;
    margin-top: -5px;
}

.select-dropdown {
    overflow: hidden;
    height: 0px;
    transition: height ease 0.2s;
}

.select-dropdown.opened {
    height: 415px;
    transition: height ease 0.2s;
}

.selected {
    height: 45px;
    padding: 10px 10px;
    background: #f0f0f0;
    cursor: pointer;
}

select {
    display: none;
}

.select {
    text-align: left;
    display: inline-block;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
}

.item-search {
    padding: 15px 10px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.item-search input {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: 2px solid #eee;
    border-radius: 5px;
    font-size: 16px;
}

.item-search input:focus {
    outline: none;
    border: 1px solid #4fa5ff;
    margin: 1px;
    box-shadow: 0px 0px 0px 5px #afd6ff;
}

.items {
    height: 340px;
    overflow: auto;
    overflow-x: hidden;
}

.item-count {
    padding: 15px 10px;
    background: #fff;
    border-top: 1px solid #ccc;
}

.items > div {
    border-top: 1px solid #1f1e1e;
    border-bottom: 1px solid #1f1e1e;
    font-size: 0px;
    background: #fff;
}

.items > div:hover {
    background: #fff;
    cursor: pointer;
}

.items > div:last-child {
    border-bottom: 1px solid #eee;
}

.img {
    vertical-align: top;
    display: inline-block;
    width: 80px;
    padding: 12px 0px 0px 12px;
}

.content {
    display: inline-block;
    width: calc(100% - 120px);
    padding: 10px;
    font-size: 15px;
}

span.badge {
    border: 1px solid #ccc;
    padding: 3px 10px;
    font-size: 13px;
    background: #fff;
    border-radius: 4px;
}

::-webkit-scrollbar {
    width: 8px;
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.1);
    border-radius: 5px;
}

.select-img {
    display: flex;
}

.select-img .img {
    width: 25px !important;
    vertical-align: top !important;
    display: inherit !important;
    align-items: center !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.select-img .content {
    margin-top: 0px !important;
}

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

.carddata {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.carddata2 {
    /* background: #50aa583b; */
    margin-top: 48px !important;
    margin-bottom: 34px !important;
    padding-left: 19px !important;
    padding-right: 19px !important;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}

.sidebarul {
    margin-top: 27px;
    padding: 0px;
}

.sidebarul li {
    padding-top: 12px;
    text-decoration: none;
    list-style: none;
    padding-bottom: 8px;
    border-bottom: 1px solid #00000008;
}

.sidebarul li a {
    color: #000000a3;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    margin-left: 19px;
}

.border-none {
    border: none !important;
}

.carddata label {
    font-size: 16px;
    margin-bottom: 8px;
}

.carddata hr {
    height: 5px;
    background-color: white !important;
}

.carddata td {
    font-size: 14px !important;
}

.ddjay_floor img {
    height: 685px;
    width: 100% !important;
    object-fit: contain !important;
}

.ddjay_com_deen {
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    padding: 14px 0px;
    padding: 15px;
    /* background: #9ebd6b; */
    /* letter-spacing: 2.5px; */
    margin-left: 15px;
    /* margin-top: 30px; */
    text-align: center;
    /* color: #fff; */
    font-family: 'Work Sans';
    font-size: 21px;
    font-weight: 400;
    text-transform: none;
    fill: #f4faf1;
    color: #FFFFFF;
    background: #03A659 !important;
    /* border-radius: 5px 5px 5px 5px; */
    border-radius: 5px;
    margin-bottom: 0pc;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.cuty_new {
    letter-spacing: 2px;
    display: inline-block;
    font-weight: 400;
    text-transform: none;
    fill: #f4faf1;
    color: #FFFFFF;
    background: #4ba75a !important;
    /* border-radius: 30px; */
    margin-bottom: 0pc;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
    margin-left: 10px;
    padding: 15px;
}

.all_tyest {
    padding: 28px 40px;
    background: #a9a9a92e;
}

.owl-theme .owl-nav {
    display: none;
}