@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body{
margin: 0;
padding: 0;
font-family: "Open Sans", sans-serif;

}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
img{width: 100%;display: block;}
.main-banner  .carousel-inner img {
    width: 100%;
    height: 100vh;
}

.carousel-caption h3 {
    font-size: 48px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.carousel-caption p {
    font-size: 20px;
    max-width: 75%;
    margin: 0 auto;
}
.carousel-caption {
    bottom: 100px;
}
.section-p {
    padding: 100px 0;
}

.body-para {
    color: #1B154A;
    font-size: 18px;
    margin: 0;
    line-height: 28px;
}
.contact-form input {

    margin-bottom: 20px;
}
.contact-form .form-group{position: relative;}
label.error {
    position: absolute;
    bottom: -10px;
    /* height: 15px; */
    z-index: 11111;
    left: 0;
    color: red;
    font-size: 13px;
}
label#textarea-error {
    bottom: -30px;
}
.theme-heading {
    font-size: 22px;
    font-weight: 600;
    color: #A7712A;
    margin-bottom: 25px;
}
.align-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
section#category img {
    width: 100%;
    height: auto;
}
p.category-heading {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}
.work-inner-caption ul.serive {
    padding: 0;
    list-style: none;
    text-align: left;
}
.work-inner-caption h5.theme-section-heading {
    font-size: 38px;
    margin-bottom: 20px;
    color: #fff;
}
.work-inner-caption {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
}
ul.serive {
    margin: 0;
}
ul.serive p span {
    margin-right: 10px;
}
ul.serive p {
    color: #fff;
}
.Exclusive-inner-caption h5.theme-section-heading {
    font-size: 40px;
    text-align: center;
    color: #A7712A;
    font-weight: 600;
}
.Exclusive-inner-caption p.body-para {
    max-width: 55%;
    margin: 40px auto 20px;
    text-align: center;
}
.suv-bdiv {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 20px;
    color: #fff;
}
.suv-bdiv h3 {
    text-transform: uppercase;
}
.suv-bdiv p {
    text-transform: uppercase;
}

.exclusive-heading h6 {
    font-size: 24px;
    font-weight: 600;
    color:#fff;
}
.exclusive-heading p {
    font-size: 16px;
    color: #fff;
}
.exclusive-heading a {
    color: #C79A45;
    padding: 10px 20px;
    border: 1px solid;
    border-radius: 5px;
    display: inline-block;
}
section.Exclusive .eclu-dic:after {
    background: #0000005c;
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
}
section.Exclusive .eclu-dic {
    position: relative;
    overflow: hidden;
    /* padding: 0; */
    width: 100%;
}
.exclusive-heading a:hover {
    background: #C79A45;
    color: #fff;
    border: 0;
    border: 1px solid #C79A45;
    transition: .3s ease;
}
.exclusive-heading {
    text-align: left;
    position: absolute;
    bottom: 50px;
    left: 50px;
    max-width: 80%;
    z-index: 9;
}
.eclu-dic {
    margin: 0 10px;
}
.category-heading h6 {
    font-size: 32px;
    font-weight: 600;
    color: #fff;
}
.category-heading p {
    color: #fff;
    font-size: 18px;
    max-width: 70%;
    margin: 30px auto 30px;
}
.category-heading {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.category-heading  .btn-grad {
    background-image: linear-gradient(to right, #A7712A 0%, 51%, #C79A45 100%);
    margin: 10px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    /* box-shadow: 0 0 20px #eee; */
    border-radius: 10px;
    display: block;
    max-width: 25%;
    margin: 25px auto 0;
}

     .category-heading  .btn-grad:hover {
        background-position: right center; /* change the direction of the change here */
        color: #fff;
        text-decoration: none;
      }

      div#listing h5.theme-section-heading {
        padding-bottom: 70px;
        margin: 0;
    }
    div#testing h5.theme-section-heading {
        margin-bottom: 40px;
    }
    div#testing {
        background: #F8F8F8;
    }
    .test-slider {
        max-width: 65%;
        margin: 0 auto;
        text-align: center;
    }

    .test-section {
        padding: 70px 70px;
        border: 1px solid #C79A45;
        border-top-left-radius: 20px;
        max-width: 95%;
        margin: 30px auto 60px;
        border-bottom-right-radius: 20px;
    }
    .head-cap h1 {
        font-size: 46px;
        text-transform: uppercase;
        color: #fff;
    }
    .head-cap {
        position: absolute;
        bottom: 100px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
    }
    /* .test-section::before {
        background-image: url(../images/quote-icon.png);
        width: 32px;
        height: 27px;
        content: "";
        display: block;
        top: -10px;
        left: 70px;
        z-index: 999;
        background-size: 100%;
        position: absolute;
    } */
    .test-section p.body-para {
        margin-bottom: 40px;
    }
    .test-section b {
        color: #1B154A;
        font-size: 18px;
        position: relative;
    }
    .test-section b:before {
        content: '';
        width: 35px;
        background: #c4862a;
        height: 4px;
        position: absolute;
        top: 11px;
        left: -45px;
    }
    .test-section {
        padding: 70px 70px;
        border: 1px solid #C79A45;
        border-top-left-radius: 20px;
        max-width: 95%;
        margin: 30px auto 60px;
    }
    .test-section::before,div#test-page .test-section::before {
        background: url(../images/quote-icon.png), #f8f8f8;
        width: 50px;
        height: 50px;
        content: "";
        display: block;
        top: 5px;
        left: 70px;  
        z-index: 999;
        background-size: 55%;
        position: absolute;
        background-repeat: no-repeat;
        /* padding: 19px; */
        /* display: flex; */
        background-position: center;
        justify-content: center;
        align-items: center;
    }
    section#testimonail div#testing {
        background: #fff;
    }
    div#test-page .test-section::before {
        background: url(../images/quote-icon.png), #fff;
        width: 50px;
        height: 50px;
        content: "";
        display: block;
        top: 16px;
        left: 70px;
        z-index: 999;
        background-size: 55%;
        position: absolute;
        background-repeat: no-repeat;
        top: -30px;
        background-position: center;
        justify-content: center;
        align-items: center;
    }
    #faw{text-transform: none;}
    .news-slider span.date {
        margin-left: 0;
    }
    body{overflow-x: hidden;}
    p.category-heading {
    
        text-transform: uppercase;
    }
    section#product-listing svg {
        width: 31px;
    }

    .news-section {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        border: 1px solid #EDEDED;
        width: 99%;
    }
    span.date {
        display: flex;
        padding: 20px 0;
        font-size: 14px;
        font-weight: 600;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        color: #A7712A;
    }
    p.news-head {
        font-size: 18px;
        font-weight: 600;
        color: #1B154A;
    }
    span.date svg {
        margin-right: 10px;
        margin-left: 0;
    }
    section#news h5.theme-section-heading {
        margin-bottom: 30px;
    }
    p.news-head {
        font-size: 18px;
        font-weight: 600;
        color: #1B154A;
        margin-bottom: 20px;
    }
    section#news div#testing {
    background: #fff !important;
}
    .news-section a {
        padding: 10px 20px;
        display: flex;
        color: #707070;
        border: 1px solid #c8c8c8;
        border-radius: 5px;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        color: #707070;
        font-family: "Open Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px;
        letter-spacing: 0.56px;
        text-transform: uppercase;
    }
    .swiper-pagination {
        display: none;
    }
    p.news-discription {
        font-size: 16px;
        margin-bottom: 30px;
        color: #1B154A;
    }
    .news-section svg{margin-left: 10px;}
    .news-de {
        text-align: left;
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 15px 25px 35px;
    }
    .news-section img {
        padding: 10px 10px 0;
    }
    .news-slider {
        max-width: 65%;
        margin: 0 auto;
    }
    section#news div#testing {
        background: #fff;
    }

    .filter-main {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 50px 15px;
    }
    .cust-cont {
        max-width: 1600px;
        margin: 0 auto;
    }
    .filter-blog {
        display: flex;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
    }
    span.sor {
        margin-right: 20px;
    }
    button#dropdownMenuButton {
        padding: 12px 40px;
        background: #F8F8F8;
        border: none;
        color: #666;
    }
    .dropdown-menu.show {
        width: 100%;
    }
    .result {
        color: #666;
    }

    div#product {
        width: 100%;
    }
    div#product img {
        padding: 0;
    }
    div#product .news-de {
        padding: 30px;
    }
    div#product p.news-head {
        font-size: 22px;
        margin-bottom: 15px;
    }
    div#product .news-de {
        padding: 30px;
        align-items: center;
    }
     div#product  p.price-product {
        font-size: 20px;
        font-weight: 600;
        color: #A7712A;
        padding: 0 10px;
        position: relative;
    }
     div#product  p.price-product:after {
        width: 40px;
        height: 1px;
        background: #C79A45;
        position: absolute;
        content: '';
        right: -40px;
        /* margin: 0 auto; */
        top: 14px;
       
    }
     div#product  p.price-product:before {
        width: 40px;
        height: 1px;
        background: #C79A45;
        position: absolute;
        content: '';
        left: -40px;
        /* margin: 0 auto; */
        top: 14px;
    }
    div#product  p.news-discription {
        font-size: 14px;
        margin-bottom: 20px;
        text-align: center;
        color: #1B154A;
    }
    div#product  .pro-dec {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        margin-bottom: 20px;
    }
    div#product p.news-head strong {
    font-weight: 700;
}
    span.p-dec {
        font-size: 16px;
        font-weight: 600;
    }
    span.p-dec {
        font-size: 16px;
        font-weight: 600;
        color: #1B154A;
        padding: 0 10px;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    span.p-dec i {
        margin-right: 10px;
    }
    a{text-decoration: none !important;}

    div#product a {
        color: #C79A45;
        border: 1px solid#C79A45;
        padding: 10px 40px;
    }
    div#product {
        padding-bottom: 60px;
    }
    div#product a {
        color: #C79A45;
        border: 1px solid#C79A45;
        padding: 10px 40px;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
    }

      .btn-grad {
        background-image: linear-gradient(to right, #A7712A 0%, 51%, #C79A45 100%);
        margin: 10px;
        padding: 15px 45px;
        text-align: center;
        text-transform: uppercase;
        transition: 0.5s;
        background-size: 200% auto;
        color: white;
        /* box-shadow: 0 0 20px #eee; */
        border-radius: 10px;
        display: block;
        max-width: 25%;
        margin: 25px auto 0;
    }
    
           .btn-grad:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }

          section#product-listing {
            padding: 40px 0 100px;
        }
        .righ-filter {
            display: flex;
            align-content: center;
            justify-content: flex-start;
            align-items: center;
        }
        .right-filter {
            display: flex;
            align-content: center;
            justify-content: flex-start;
            align-items: center;
        }
        .right-filter span {
            margin-right: 16px;
        }
        .righ-filter .dropdown {
            margin-right: 15px;
        }
        .filter-main.blog-filter {
            background: #f8f8f8;
            padding: 25px;
            margin-bottom: 50px;
            margin: 15px 15px 50px 15px;
        }
        div#blog .dropdown button {
            background: #fff !important;
        }
        div#blog .news-section {
            margin-bottom: 50px;
        }

        section#main-front-heading h1 {
            text-align: center;
            font-size: 46px;
            padding: 70px 0 20px;
        }
        div#blog span.date {
            margin-left: 0;
        }

        section#main-front-heading h1 {
            text-align: center;
            font-size: 46px;
            padding: 100px 0 30px;
            color: #1B154A;
        }
        h1.banner-cap {
            position: absolute;
            bottom: 60px;
            color: #fff;
            text-align: center;
            left: 0;
            margin: 0 auto;
            right: 0;
            font-size: 46px;
            text-transform: uppercase;
            color: #fff !important;
            letter-spacing: 2px;
        }

        .row.service-div {
            padding: 100px 0;
        }

        .row.service-div {
            padding: 100px 0;
            display: flex;
            align-items: center;
        }
        section#property-section ul {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    list-style: none;
    padding: 30px 0 15px;
    color: #1B154A;
}
section#property-section p{font-size: 18px;line-height: 28px;color: #1B154A; text-align: center;}

        .row.service-div h2 {
            font-size: 40px;
            color: #A7712A;
            font-weight: 500;
            margin-bottom: 20px;
        }
        .row.service-div p {
            font-size: 18px;
            line-height: 28px;
            color: #1B154A;
        }

        .change-bg .col-md-5.col-12.ser-content {
            padding-left: 70px;
            padding-right: 0;
        }
        .col-md-5.col-12.ser-content {
            padding-right: 70px;
        }

        .change-bg {
            background: #f9f9f9;
        }

        section#property-section h3 {
            font-size: 40px;
            text-align: center;
            padding-bottom: 40px;
            color: #A7712A;
            font-weight: 600;
        }

        section#property-section p.body-para {
            text-align: center;
        }
        section#why-info ul li:last-child {
    padding-bottom: 0;
}
section#why-info ul li {
    padding-bottom: 10px;
}

        .contact-form {
            width: 100%;
            padding: 100px 0;
        }
        .contact-form .form-group {
            width: 48%;
        }
        .contact-form form {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-content: flex-start;
            justify-content: space-around;
            align-items: flex-start;
        }
        .contact-form input {
            padding: 27px;
            background: #f8f8f8;
        }
        .form-group.text-area {
            width: 98%;
            margin: 10px auto 50px;
        }
        textarea#exampleFormControlTextarea1 {
            padding: 30px;
        }
        textarea#exampleFormControlTextarea1 {
            padding: 30px;
            background: #f8f8f8;
        }

        button.btn-grad {
            border: 0;
        }
        button.btn-grad {
            max-width: 220px;
            width: 100%;
        }

        .col-md-12.col-12.ser-content {
            text-align: center;
        }

        section#contact-section .col-md-4.col-12.ser-content h2 {
            padding: 20px 0 10px;
            margin: 0;
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 600;
        }

        section#contact-section .col-md-4.col-12.ser-content p {
            margin: 0;
        }
        

        .col-md-4.col-12.con-content h2 {
            font-size: 16px;
            text-transform: uppercase;
            padding: 20px 0 10px;
            margin: 0;
            color: #1B154A;
            font-weight: 600;
        }
        .col-md-4.col-12.con-content p {
            margin: 0;
            color: #1B154A;
        }
        .col-md-4.col-12.con-content {
            padding: 50px;
            text-align: center;
            border-top-left-radius: 20px;
            border-bottom-right-radius: 20px;
            border: 1px solid #C79A45;
        }
        .col-md-4.col-12.con-content {
            padding: 50px;
            text-align: center;
            border-top-left-radius: 20px;
            border-bottom-right-radius: 20px;
            border: 1px solid #C79A45;
            width: 110%;
            max-width: 25%;
            margin: 0 20px;
        }
        section#contact-section h2 {
            font-size: 40px;
            margin-bottom: 30px;
        }
        .row.head {
            padding: 100px 0 70px;
        }
        textarea.form-control {
            height: auto;
            padding: 20px 30px;
        }
        .col-md-12.col-12.ser-content p {
            margin: 0;
            font-size: 16px;
            color: #1B154A;
        }
        section#home-bbaner button#dropdownMenuButton {
            background: #fff;
        }
        section#contact-section h2 {
            font-size: 40px;
            margin-bottom: 30px;
            color: #A7712A;
        }
        .row.align-center h2 {
            font-size: 16px !important;
            margin: 0 !important;
            color: #1B154A !important;
        }
        section#contact-section {
            padding-bottom: 100px;
        }
        section.map + section#property-section .contact-form {
            padding-top: 0;
        }
        .row.align-center.conta {
            padding: 100px 0 0;
        }
        section#main-front-heading + section#contact-section {
            padding: 0;
        }
        section#contact-section  h3 {
            font-size: 24px;
        }
        section#contact-section  h3 {
            font-size: 24px;
            color: #1B154A;
            font-weight: 600;
        }
        section#contact-section .col-12.text-center p{font-size: 20px;color: #1B154A;}

        section#contact-section .col-12.text-center span{color:#6D6E71;font-size:14px;text-transform:uppercase}
        section.map .col-12 {
            padding: 0;
        }
        section.map .col-12 iframe{width: 100%;}
        section.map {
            padding-top: 100px;
        }
        section.map + section#property-section {
            padding-bottom: 0;
        }
        .mid-form button.btn.btn-grad svg {
            margin-right: 4px;
        }


        /* header */
        .contact-info p, .contact-info a {
            font-size: 14px;
            padding-right: 3em;
            color: #afafaf;
            /* text-transform: uppercase; */
            font-weight: 500;
            margin-bottom: 0;
        }
        .contact-info.d-md-flex p:last-child, .contact-info.d-md-flex p:last-child a:last-child {
            padding-right: 0;
        }
        .navbar {
            background-color: #1B154A;
          }
          .navbar .navbar-brand img {
            max-width: 100px;
          }
          .navbar .navbar-nav .nav-link {
            color: #fff;
            text-transform: uppercase;
        }
        .contact-info.d-md-flex {
            padding: 10px 0px;
            margin-bottom: 30px;
        }
        nav.navbar.navbar-expand-md.bg-body-tertiary {
            padding: 10px 0;
        }
        header nav:before {
            width: 100%;
            height: 1px;
            background: #ffffff36;
            content: '';
            position: absolute;
            top: 75px;
        }
        nav.navbar.navbar-expand-md.bg-body-tertiary {
            padding: 20px 0;
        }
          @media screen and (min-width: 1024px) {
            .navbar {
              letter-spacing: 0.1em;
            }
            .navbar .navbar-nav .nav-link {
                padding: 0.5em 1.5em;
            }
            .navbar .navbar-nav .nav-item:last-child .nav-link:last-child {
                padding-right: 0;
            }
            .search-and-icons {
              width: 50%;
            }
            .search-and-icons form {
              flex: 1;
            }
          }
          @media screen and (min-width: 768px) {
            .navbar .navbar-brand img {
                max-width: 240px;
                background: #1b154a;
                position: relative;
                z-index: 1;
                padding: 0 0px;
                border-left: 20px solid #1b154a;
                border-right: 20px solid #1b154a;
            }
            .navbar .navbar-collapse {
              display: flex;
              flex-direction: column-reverse;
              align-items: flex-end;
            }
            .search-and-icons {
              display: flex;
              align-items: center;
            }
          }
          .search-and-icons form input {
            border-radius: 0;
            height: 2em;
            background: #fff
              url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='grey' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E")
              no-repeat 95%;
          }
          .search-and-icons form input:focus {
            background: #fff;
            box-shadow: none;
          }
          .search-and-icons .user-icons div {
            padding-right: 1em;
          }
         
       /* footer */
       /* Footer */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}
#footer {
    /* background: #1B154A !important; */
}
#footer {
    /* background: #1B154A !important; */
    padding: 100px 0 150px;
    background-image: url('../images/footer-img.jpg');
    background-size: cover;
    position: relative;
}

#footer h5 {
    padding-bottom: 6px;
    margin-bottom: 20px;
    color: #A7712A;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
}
#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li{
	padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
	font-size:25px;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.social li:hover a i {
	font-size:30px;
	margin-top:-10px;
}
#footer ul.social li a, #footer ul.quick-links li a {
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 38px;
}
#footer ul.social li a:hover{
	color:#eeeeee;
}
#footer ul.quick-links li{
	padding: 3px 0;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.quick-links li:hover{
	padding: 3px 0;
	margin-left:5px;
	font-weight:700;
}
#footer ul.quick-links li a i{
	margin-right: 5px;
}
ul.list-unstyled.quick-links.social {
    display: flex;
    gap: 10px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
}
.row.alright {
    padding: 20px;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #221b51;
}

@media (max-width:767px){
	#footer h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
.suv-bdiv {

    bottom: 70px;
}
}


div#test-page .test-section {
    padding: 50px 50px;
    border-top-left-radius: 20px;
    max-width: 100%;
    text-align: center;
    margin-bottom: 80px;
    position: relative;
}
          

.faq-section .card {
    border: 1px solid #C79A45;
    border-radius: 0;
    margin-bottom: 10px;
}

.faq-section .card-header {
    background-color: #fff;
    
}
div#accordion .card-body {
    font-size: 16px;
    line-height: 28px;
    padding: 20px 40px;
    color: #1B154A;
}
.faq-section .card-header .btn-link {font-size: 18px;
color: #1B154A;font-weight: 600;text-decoration: none;}
section#usp {
    background: #F8F8F8;
}
section#usp h4 {
    color: #1B154A;
    font-size: 32px;
    margin: 0 auto 10px;
}
section#usp p.body-para {
    font-size: 16px;
}
section#usp .col-md-3.col-12.text-center {
    width: 100%;
    max-width: 15%;
}
section#about h5.theme-heading {
    font-size: 40px;
}
section#about a {
    color: #C79A45;
    padding: 12px 40px;
    display: inline-block;
    margin-top: 30px;
    border: 1px solid #C79A45;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
}
section#about a svg{margin-right: 10px;}
section#about .col-md-6.col-12.text-left {
    padding-left: 50px;
}

section#about-info .work-inner-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}
section#about-info p {
    max-width: 60%;
    color: #fff;
    font-size: 18px;
    margin: 0;
    line-height: 28px;
}
.work-inner h6 {
    font-size: 40px;
    font-weight: 600;
    color: #A7712A;
    margin-bottom: 40px;
}
.work-inner {
    text-align: center;
}
section#next-usp .work-inner h6.theme-section-heading {
    font-size: 22px;
    padding: 30px 0 20px;
    margin: 0;
    color: #1B154A;
}
section#next-usp p.body-para {
    font-size: 16px;
    margin-bottom: 0;
}
section#next-usp .container-fluid.cust-cont {
    padding: 100px;
    background: #f8f8f8;
}

.banner-caption-product {
    position: absolute;
    bottom: 70px;
    left: 0;
    margin: 0 auto;
    right: 0;
}
section#main-front-heading .banner-caption-product h1 {
    color: #fff;
    font-size: 40px;
    padding-top: 0;
    margin: 0;
    margin-bottom: 20px;
}
section#main-front-heading .banner-caption-product p.price-product {
    text-align: center;
    color: #C79A45;
    font-size: 20px;
    position: relative;
    max-width: max-content;
    margin: 0 auto;
    color: #C79A45;
    text-align: center;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0.8px;
}
  p.price-product:before {
    width: 40px;
    height: 1px;
    background: #C79A45;
    position: absolute;
    content: '';
    left: -45px;
    /* margin: 0 auto; */
    top: 14px;
}
 p.price-product:after {
    width: 40px;
    height: 1px;
    background: #C79A45;
    position: absolute;
    content: '';
    right: -50px;
    /* margin: 0 auto; */
    top: 14px;
}
.banner-caption-product span {
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin: 20px 0 0;
}
.banner-caption-product a.btn-grad {
    max-width: 14%;
    margin-top: 50px;
}
.inner-ami {
    text-align: center;
}
.inner-ami i {
    margin-bottom: 15px;
    display: block;
}
.inner-ami h2 {
    font-size: 22px;
    font-weight: 600;
    color: #1B154A;
}
.row.inner-para p {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 0;
}
.row.inner-btn a {
    padding: 10px 30px;
    border: 1px solid #1B154A;
    border-radius: 5px;
    color: #1B154A;
    text-transform: uppercase;
}
.row.inner-btn .col-12 {
    margin: 50px auto 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
section#photo-gallry h3 {
    font-size: 40px;
    text-align: center;
    color: #A7712A;
    font-weight: 600;
    padding-bottom: 50px;
}
section#photo-gallry {
    background: #f8f8f8;
}
.theme-heading{font-size: 40px;
    text-align: center;
    color: #A7712A;
    font-weight: 600;
    padding-bottom: 50px;}

    .col-12.p-0.feat-ul {
        margin: 0;
        padding: 0;
        display: flex;
    }

    .col-12.p-0.feat-ul ul {
        padding: 0 50px;
        /* margin: 0; */
        max-width: 80%;
        width: 100%;
    }
    .col-12.p-0.feat-ul ul li {
        font-size: 16px;
        line-height: 28px;
        padding-bottom: 20px;
        color: #1B154A;
    }
    .col-12.p-0.feat-ul ul li::marker {
        background: red;
        color: #a7712a;
    }

    .amii {
        padding: 50px;
        text-align: center;
    }
    .amii {
        padding: 50px;
        text-align: center;
        border: 1px solid #C79A45;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .col-12.all-emi {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0;
    }
    .amii h4 {
        font-size: 22px;
    }
    h4.theme-heading.small {
        font-size: 22px;
        margin: 0;
        padding-bottom: 30px;
        line-height: 34px;
    }
    .mid-form {
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
    }
    .mid-form .form-group {
        margin: 0;
    }
    .mid-form .dropdown {
        margin-right: 15px;
        max-width: 220px;
        width: 100%;
    }
    .mid-form .dropdown button{width: 100%;}
    .mid-form .form-group input#exampleInputEmail1 {
        height: 48px;
        font-size: 14px;
        width: 100%;
    }
    .mid-form form {
        max-width: 220px;
        width: 100%;
    }
    .mid-form button.btn.btn-grad {
        padding: 12px 20px;
        margin: 0;
        margin-left: 10px;
    }
    .mid-form {
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        align-items: center;
        position: absolute;
        bottom: -47px;
        background: #c8c8c89c;
        padding: 25px;
        border-radius: 10px;
        max-width: 52%;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    ul.carousel-indicators {
        opacity: 0;
        display: none;
    }
    .mid-form .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        position: absolute;
        right: 20px;
        top: 50%;
    }
    .mid-form button#dropdownMenuButton {
        padding: 12px 16px;
        background: #F8F8F8;
        border: none;
        color: #666;
        text-align: left;
        font-size: 14px;
    }
    section#home-bbaner {
        margin-bottom: 50px;
    }
    .mid-form button.btn.btn-grad {
        border-radius: 5px;
        padding: 12px 20px;
        margin: 0;
        margin-left: 10px;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .swiper-button-next, section#home-bbaner a.carousel-control-next {
        width: 32px !important;
        height: 26px !important;
        background-image: url('https://milagro.in/wip/mkdream/assests/images/right-arrow.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .swiper-button-prev, section#home-bbaner a.carousel-control-prev {
        width: 32px !important;
        height: 26px !important;
        background-image: url('https://milagro.in/wip/mkdream/assests/images/left-arrow.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        content: '' !important;
    }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: '' !important;
    }
    .mynewsSwiper, .mySwipertow, .ameities, .exclusive  {
        padding: 40px 0 0 !important;
    }
    .mynewsSwiper .swiper-button-prev, .swiper-rtl .swiper-button-next,
    .mySwipertow .swiper-button-prev, .swiper-rtl .swiper-button-next,
    .ameities .swiper-button-prev, .swiper-rtl .swiper-button-next,
    .exclusive .swiper-button-prev, .swiper-rtl .swiper-button-next
     {
        left: var(--swiper-navigation-sides-offset,10px);
        right: auto;
        top: 20px;
        right: 70px !important;
        left: unset;
    }
    .mynewsSwiper .swiper-button-next, .swiper-rtl .swiper-button-prev,
    .mySwipertow .swiper-button-next, .swiper-rtl .swiper-button-prev ,
    .ameities .swiper-button-next, .swiper-rtl .swiper-button-prev,
    .exclusive .swiper-button-next, .swiper-rtl .swiper-button-prev

     {
        right: var(--swiper-navigation-sides-offset,10px);
        left: auto;
        top: 20px;
    }
    section#main-head-banner {
        position: relative;
    }
    .carousel-control-prev-icon, .carousel-control-next-icon{display: none;}
    section#home-bbaner .carousel-control-prev {
        left: 0;
        right: 100px;
        left: unset;
        bottom: 40px !important;
        top: unset;
        opacity: 1;
    }
    section#home-bbaner .carousel-control-next {
        left: 0;
        right: 50px;
        left: unset;
        bottom: 40px !important;
        top: unset;
        opacity: 1;
    }
    .test-slider .swiper-pagination {
    display: block;
}

.test-slider .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #c4862a;
}
.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    display: inline-block;

}
.test-slider .swiper-wrapper {
    margin-bottom: 20px;
}

.main-heading-header {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.main-heading-header h2 {
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    margin-top: 20px;
    color: #1B154A;
}
.main-heading-header {
    color: #A7712A;
    font-size: 16px;
    font-weight: 600;
}
.author-name, .date {
    margin: 20px 20px 0;
}
.body-bolg {
    padding: 80px 0;
}
.body-bolg p.body-para {
    padding-top: 80px;
    text-align: center;
}
section#blog-sec {
    background: #f8f8f8;
}
section#blog-inner h3.theme-heading {
    padding-top: 80px;
    font-size: 30px;
    text-transform: uppercase;
    padding-bottom: 10px;
}
section#blog-inner p.body-para {
    text-align: center;
}
/* .row.next-perv a {
    display: flex;
    align-items: center;
    padding: 20px;
    margin-top: 70px;
    border: 1px solid #dedede;
} */
.row.next-perv a {
    display: flex;
    align-items: center;
    padding: 20px;
    margin-top: 70px;
    border: 1px solid #dedede;
    color: #707070;
    text-transform: uppercase;
    font-size: 14px;
    gap: 10px;
}
.row.next-perv a.end {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
/* header {
    display: none;
} */
.main-banner  .carousel-inner img {
    width: 100%;
    height: calc(100vh - 156px);
    
    object-fit: cover;
}
.navbar .navbar-nav .nav-link:hover {
    color: #A7712A;
    transition: .3s ease;
}
section#about h4.theme-heading {
    font-size: 40px;
    margin-bottom: 0px;
    line-height: 36px;
    padding-bottom: 40px;
}
.row.service-div ul {
    font-size: 18px;
    line-height: 28px;
    padding-left: 20px;
    color: #1B154A;
    padding: 10px 0 10px 20px;
}
.dropdown-item {
    
    font-size: 14px;
}
section#usp h4.theme-heading {
    padding-bottom: 0;
}
section#about h5.theme-heading {
    font-size: 40px;
    text-align: left;
    padding: 0;
}
section#next-usp {
    margin-bottom: 100px;
}
section#about a:hover, div#product a:hover {
    background: #C79A45;
    transition: .3s ease;
    color: #FFf;
}
.faq-section .card-header .btn-link {

    text-align: left;
}
div#blog-deatil h1 {
    margin-bottom: 50px;
    
}
.row.next-perv a i {
    height: 25px;
}

.row.next-perv a:first-child svg {
    transform: rotate(180deg);
    height: auto;
}
.row.next-perv a.end svg {
    transform: rotate(360deg);
    height: auto;
}
button#dropdownMenuButton::after {
    width: 15px;
    height: 12px;
    background-image: url('https://milagro.in/wip/mkdream/assests/images/arrow.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 18px;
    right: 15px;
    font-size: 0;
}
button#dropdownMenuButton {
    padding: 12px 40px 12px 15px;
    background: #F8F8F8;
    border: none;
    color: #666;
}
div#testing {
    background: #F8F8F8 !important;
}
section#about-info .work-inner-caption ul {
    padding-left: 20px;
    padding-top: 20px;
    color: #fff;
    line-height: 32px;
    font-size: 18px;
}
section#why-info p{font-size: 18px;
    color: #1B154A;}
section#why-info ul {
    text-align: center;
    list-style: none;
    padding: 30px 0 20px;
    line-height: 28px;
    font-size: 18px;
    color: #1B154A;
}
.modal-parent {
        width: 100%;
        height: 100vh;
        background: #0000007d;
        position: fixed;
        
        z-index: 999999;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

  .thankyou {
    padding: 80px 20px;
    background: #fff;
    max-width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-top-left-radius: 15px;
    text-align: center;
    width: 100%;
    border-bottom-right-radius: 15px;
}

   .thankyou h1 {
    font-size: 36px;
    color: #A7712A;
    text-align: center;
    font-family: "Open Sans";
    font-size: 46px;
    font-style: normal;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: 1.84px;
    text-transform: uppercase;
}

    .thankyou p {
        padding-top: 15px;
        font-size: 16px;
    }

   .thankyou:after {
    width: 97%;
    height: 95%;
    /* background: red; */
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0 auto;
    transform: translate(-50%, -50%);
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border: 1px solid #C79A45;
}
.thankyou svg {
    margin-bottom: 30px;
}
.thankyou a {
    position: absolute;
    top: 10px;
    right: 25px;
}
    .native {
        display: none !important
    }
   .thankyou a {
    position: absolute;
    top: 30px;
    right: 33px;
    z-index: 111;
}
.thankyou h1::after {
    content: '';
    width: 60px;
    height: 5px;
    display: block;
    background: #a7722b;
    margin: 25px auto 0;
}
button:focus, button:focus-visible, button:active {outline:0 !important;border: none !important;box-shadow: none !important;}
button.btn.btn-link:after {
    width: 18px;
    height: 12px;
    background-image: url(https://milagro.in/wip/mkdream/assests/images/arrow.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 28px;
    right: 15px;
    font-size: 0;
    content: '';
}
section#about a:hover svg{fill: #fff;}
@media screen and (max-width: 1441px){
section#about h4.theme-heading {
    font-size: 34px;

}
    header .cust-cont {
        padding: 0 50px;
    }
    section#blog-inner .inner-text-section.section-p {
        padding-bottom: 0;
    }
    .body-bolg p.body-para {
        padding-top: 50px;
        text-align: center;
    }
    .body-bolg {
        padding: 80px 0 100px;
    }
    .main-heading-header h2 {
        font-size: 34px;
        margin-top: 20px;
        color: #1B154A;
    }
    .row.inner-para p {
        text-align: center;
        margin-top: 50px;
        margin-bottom: 0;
    }
    section#main-front-heading .banner-caption-product h1 {
        color: #fff;
        font-size: 34px;
        margin-bottom: 15px;
    }
    .banner-caption-product a.btn-grad {
        max-width: 20%;
        margin-top: 35px;
        padding: 15px 0;
    }
    section#product-listing {
        padding: 40px 50px 100px;
    }
    section#service-section .container-fluid.cust-cont {
        max-width: 90%;
    }
    .mid-form {
        max-width: 65%;
    }
    p.category-heading {
        font-size: 26px;
    }
    .carousel-caption h3 {
        font-size: 42px;
    }
    .carousel-caption p {
        font-size: 18px;
        max-width: 75%;
        margin: 0 auto;
    }
    section#usp .col-md-3.col-12.text-center {
        width: 100%;
        max-width: 20%;
    }
    #footer {
        /* background: #1B154A !important; */
        padding: 100px 50px 150px;

    }
    section#main-front-heading h1, .head-cap h1 {
        text-align: center;
        font-size: 40px;
    }
    .work-inner-caption {
     
        left: 35%;
    }
    section#next-usp .container-fluid.cust-cont {
        max-width: 90%;
    }
    .category-heading  .btn-grad {
   
        max-width: 35%;
    }
    .news-de span.date {
        margin-left: 0;
    }
    .news-slider {
        max-width: 80%;
        margin: 0 auto;
    }
    .Exclusive-inner-caption h5.theme-section-heading, .theme-heading ,  section#contact-section h2, section#photo-gallry h3, section#features-animites .theme-heading,  .work-inner-caption h5.theme-section-heading, section#about h5.theme-heading, .work-inner h6,.row.service-div h2, section#property-section h3, section#property-section h3 {
        font-size: 34px;
    }
    .test-section {
        padding: 50px 50px;
        max-width: 95%;
    }
    section#features-animites .theme-heading {margin-bottom: 0;}

    .exclusive-heading {
        text-align: left;
        position: absolute;
        bottom: 50px;
        left: 30px;
        max-width: 100%;
        z-index: 9;
    }
    .inner-text-section {
        overflow: hidden;
    }
    section#mi-slider .conatiner-fluid.cust-cont {
        max-width: 90%;
    }
    .amii {
        padding: 30px;
    }
    .amii h4 {
        font-size: 18px;
    }
    section.section-p h3.theme-heading {
        margin: 0;
    }
    .property-slider {
        max-width: 90%;
        margin: 0 auto;
    }
}


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

.carousel-caption h3, section#main-front-heading h1, .head-cap h1 {
    font-size: 36px;
}
.section-p {
    padding: 80px 0;
}
.news-slider {
    max-width: 95%;
    margin: 0 auto;
}

p.category-heading {
    font-size: 22px;
}
.work-inner-caption {
    left: 60%;
    width: 100%;
}
section#main-front-heading .banner-caption-product h1 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 15px;
}
.banner-caption-product {
    position: absolute;
    bottom: 60px;
    left: 0;
    margin: 0 auto;
    right: 0;
}
.property-slider {
    max-width: 100%;
    margin: 0 auto;
}
.body-bolg {
    padding: 60px 0 100px;
}

}

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

section#about-info img {
    height: 80vh;
    object-fit: cover;
}
}



@media screen and (max-width: 1025px){
    .navbar .navbar-nav .nav-link {
        padding: 0.5em 1em;
    }
.mid-form {
    max-width: 95%;
}
.row.service-div ul, section#property-section ul, section#property-section p {
    font-size: 16px;
    line-height: 28px;
}


section#features-animites .container {
    max-width: 90%;
}
section#main-front-heading .banner-caption-product h1 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 10px;
}
.row.inner-para p {
    text-align: center;
    margin-top: 30px;
}
section#features-animites {
    padding-bottom: 50px;
}
.banner-caption-product span {

    margin: 10px 0 0;
}
.banner-caption-product a.btn-grad {
    max-width: 25%;
    margin-top: 25px;
    padding: 15px 0;
}
.banner-caption-product {
    bottom: 50px;

}
section.map {
    padding-top: 60px;
}
.col-md-4.col-12.con-content {
    padding: 30px;

    width: 100%;
    max-width: 28%;
    margin: 0 20px;
}
div#product p.news-head {
    font-size: 20px;
    margin-bottom: 15px;
}
.category-heading  .btn-grad {
    max-width: 40%;
    padding: 15px 0;
}
div#product,div#blog .col-md-4.col-12 {
    padding-bottom: 60px;
    max-width: 50%;
    flex: 0 0 50%;
}
div#blog .col-md-4.col-12 {
    max-width: 50%;
    flex: 0 0 50%;
    padding-bottom: 0px;
}
.filter-main {

    padding: 80px 15px 50px;
}
section#main-head-banner img {
    height: 35vh;
    object-fit: cover;
}
section#product-listing .btn-grad {
 
    max-width: 45%;
}
.head-cap {
    position: absolute;
    bottom: 70px;
}
.body-para,.category-heading p, .row.service-div p {
    color: #1B154A;
    font-size: 16px;
    margin: 0;
    line-height: 28px;
}
.test-slider {
    max-width: 95%;
}
section#category .row.align-center, div#listing .row.align-center {
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px;
}
div#blog button#dropdownMenuButton {
    max-width: 210px;
    padding: 15px;
}
section#category .row.align-center .col-md-3.col-12 {
    width: 100%;
    max-width: 50%;
    flex: 0 0 50%;
}
.Exclusive-inner-caption p.body-para {
    max-width: 75%;
}
section#category .row.align-center .col-md-3.col-12 img{padding: 20px;}

div#listing p {
    color: #fff;
    margin: 0 auto;
}

div#listing .col-md-6.col-12.text-center.p-0 {
    /* width: 100%; */
    max-width: 100%;
    flex: 0 0 97%;
    margin: 0 0 30px 0 !important;
}
div#listing {
    padding-bottom: 100px;
}

.navbar .navbar-brand img {
    max-width: 210px;
}

nav.navbar.navbar-expand-md.bg-body-tertiary {
    padding: 10px 0;
}
.contact-info.d-md-flex {
    padding: 10px 0px;
    margin-bottom: 15px;
}
header nav:before {

    top: 60px;
}
.main-banner  .carousel-inner img {
    width: 100%;
    height: calc(100vh - 129px);
}
section#home-bbaner .carousel-control-next,section#home-bbaner .carousel-control-prev {

    bottom: 90px !important;

}
h4.theme-heading.small,section#about h4.theme-heading {
    font-size: 20px;
    padding-bottom: 20px;
    line-height: 28px;
}
section#usp .col-md-3.col-12.text-center {
    width: 100%;
    max-width: 23%;
}
section#next-usp .container-fluid.cust-cont {
    max-width: 90%;
    padding: 60px 30px;
}
section#about .container {
    max-width: 90%;
}
section#about-info p {
    max-width: 100%;
    font-size: 16px;
    margin: 0;
    line-height: 28px;
}
div#product .news-de {
    padding: 30px;
    align-items: center;
    width: 100%;
}
.row.service-div {
    padding: 100px 0;
    display: flex;
    align-items: center;
    flex-direction: column;
}
section#service-section .ser-content {
    width: 100%;
    max-width: 100%;
    margin-bottom: 50px;
    padding: 0 15px;
}
section#service-section .ser-img{
    width: 100%;
    max-width: 100%;
}
.change-bg .ser-content {
    padding: 0 15px !important;
    margin-top: 50px;margin-bottom: 0 !important;
}
.col-md-12.col-12.ser-content p {
    margin: 0;
    font-size: 16px;
    color: #1B154A;
}
div#details img {
    height: 50vh;
    object-fit: cover;
}
section#head-blog .container, section#blog-inner .container {
    max-width: 90%;
}
section#blog-inner .row.align-center {
    gap: 50px;
}
.row.next-perv .col-md-6.col-12 {
    max-width: 50%;
}
}


@media screen and (max-width: 768px){
    .navbar .navbar-brand img {
        max-width: 140px;
    }
    .thankyou {
    max-width: 90%;
}
.thankyou h1 {
    font-size: 32px;
}
.thankyou h1::after {
    margin: 10px auto 0;
}
.thankyou p {
    padding-top: 15px;
    font-size: 14px;
}
.thankyou a {
    position: absolute;
    top: 25px;
    right: 20px;
}
    section#about-info .work-inner-caption ul, section#why-info ul, section#why-info p {

    line-height: 28px;
    font-size: 16px;
}
section#about h4.theme-heading {
    font-size: 28px;
    padding-bottom: 40px;
    line-height: 28px;
}
    section#product-listing button#dropdownMenuButton {
        background: #fff;
        width: 100%;
        text-align: left;
        padding: 12px 15px;
    }
    .main-heading-header h2 {
        font-size: 28px;
        margin-top: 20px;
        color: #1B154A;
    }
    section#blog-inner h3.theme-heading {
        padding-top: 50px;
        font-size: 28px;
    }
    section#amenities .inner-ami {
        text-align: center;
        margin-bottom: 40px;
    }
    section#amenities .inner-ami:last-child {
        text-align: center;
        margin-bottom: 20px;
    }
    .col-12.p-0.feat-ul ul {
        padding: 0 30px;
        /* margin: 0; */
        max-width: 80%;
        width: 100%;
    }
    section#contact-section .col-12.text-center p {
        font-size: 18px;
        color: #1B154A;
    }
    .Exclusive-inner-caption h5.theme-section-heading, .theme-heading, section#contact-section h2, section#photo-gallry h3, section#features-animites .theme-heading, .work-inner-caption h5.theme-section-heading, section#about h5.theme-heading, .work-inner h6, .row.service-div h2, section#property-section h3, section#property-section h3 {
        font-size: 28px;
    }
    div#blog .col-md-4.col-12 {
        max-width: 100%;
        flex: 0 0 100%;
        padding-bottom: 0px;
    }
    .carousel-caption h3, .Exclusive-inner-caption h5.theme-section-heading, .work-inner-caption h5.theme-section-heading {
        font-size: 28px;
    }
    .Exclusive-inner-caption h5.theme-section-heading, section#contact-section h2, .work-inner-caption h5.theme-section-heading, section#about h5.theme-heading, .work-inner h6, .row.service-div h2, section#property-section h3, section#property-section h3 {
        font-size: 28px;
    }
    .col-md-4.col-12.con-content {
        padding: 30px;
        width: 100%;
        max-width: 60%;
        margin: 0 20px 30px;
    }
    section#contact-section .col-md-4.col-12.con-content:last-child {
        margin-bottom: 0;
    }
    .row.align-center.conta {
        padding: 70px 0 0;
    }
    div#blog .filter-main {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 20px 15px;
        flex-direction: column;
    }
    .filter-blog {

        margin-top: 15px;
    }
    div#product {
        padding-bottom: 60px;
        max-width: 100%;
        flex: 0 0 100%;
    }
    section#about .inner-text-section.section-p {
        padding: 80px 40px;
    }
    section#usp .col-md-3.col-12.text-center {
        width: 100%;
        max-width: 50%;
    }
    section#usp .col-md-3.col-12.text-center {
        width: 100%;
        max-width: 50%;
        padding: 20px;
    }
    section#usp .col-md-3.col-12.text-center  p br{display: none;}
    section#about img {
        margin-bottom: 50px;
    }
    section#about .col-md-6.col-12.text-left {
        padding: 0 15px;
    }
    section#about-info img {
        /* height: 50vh; */
        object-fit: cover;
    }
    section#why-info .col-md-8.col-12.px-0.align-center {
        padding: 0 40px !important;
    }
    .work-inner {
        margin-bottom: 50px;
    }
    section#next-usp .col-md-4.col-12:last-child .work-inner {margin-bottom: 0;}
    section#home-bbaner .carousel-control-next, section#home-bbaner .carousel-control-prev {
        bottom: 40px !important;
    }
    .main-banner  .carousel-inner img {
        width: 100%;
        height: 70vh;
        object-fit: cover;
    }
    header nav:before{display: none;}


    div#navbarSupportedContent {
        padding: 30px;
        background: #00000029;
        margin: 20px 0;
        padding-top: 0;
    }
    .contact-info p, .contact-info a {
      
        display: flex;
        align-content: center;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .contact-info.d-md-flex p:last-child {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .contact-info.d-md-flex i {
        margin-right: 20px;
    }
    .contact-info p, .contact-info a {
        font-size: 15px;

        margin-bottom: 15px;
    }
    .contact-info.d-md-flex p:last-child, .contact-info.d-md-flex p:last-child a:last-child {
        padding-right: 0;
        margin: 0;
    }
    .contact-info.d-md-flex {
        padding: 25px 0px 0;
        margin-bottom: 0;
    }
    .navbar .navbar-nav .nav-link {
        color: #fff;
        text-transform: uppercase;
        padding: 20px 0;
        border-bottom: 1px solid #ffffff24;
    }









section#work img {
    height: 80vh;
    object-fit: cover;
    background-position: center center;
}
.carousel-caption p {
    font-size: 16px;
    max-width: 100%;
    margin: 0 auto;
}
section#home-bbaner .carousel-control-next {
    left: 0;
    right: 5%;
    left: unset;


}
button.navbar-toggler {
    border: 1px solid #fff;
}
header .cust-cont {
    max-width: 90%;
    margin: 0 auto;
}
section#home-bbaner .carousel-control-prev {
    left: 0;
    right: 88%;
    left: unset;
}
.carousel-caption h3, .Exclusive-inner-caption h5.theme-section-heading, .work-inner-caption h5.theme-section-heading {
    font-size: 32px;
}
section#footer .col-xs-12.col-sm-12.col-md-12 {
    width: 100%;
    max-width: 100%;
}
.work-inner-caption {
    left: 50%;
    width: 80%;
}
section#footer .col-xs-12 {
    flex: 0 0 100%;
    max-width: 50%;
}
#footer {
    /* background: #1B154A !important; */
    padding: 100px 30px 150px;

}
section#text-section .col-md-9 {
    padding: 0 40px;
}
.mid-form {
    max-width: 95%;
    flex-wrap: wrap;
}
.mid-form .dropdown {
    margin-right: 0;
    max-width: 100%;
    width: 100%;
    margin-bottom: 15px;
}
.mid-form {
    max-width: 95%;
    flex-wrap: wrap;
    position: unset;
    margin-top: 20px;
    background: #666666c9;
}
.mid-form form {
    max-width: 100%;
    width: 100%;
    margin-bottom: 19px;
}
section#home-bbaner {
    margin-bottom: 0;
}
section#category .row.align-center .col-md-3.col-12 img {
    padding: 0 10px 20px;
}
div#listing .col-md-6.col-12.text-center.p-0:last-child {
    margin-bottom: 0 !important;
}
div#test-page .test-section:last-child {
    margin-bottom: 20px;
}

.row .three{
    /* padding: 80px 30px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #2c3e50;
    color: #ecf0f1;
    text-align: center;
  }
  
  .hamburger .line{
    width: 32px;
    height: 4px;
    background-color: #ecf0f1;
    display: block;
    margin: 8px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  button.navbar-toggler {
      border: 0 !important;
  }
  
  .hamburger:hover{
    cursor: pointer;
  }
  .navbar-toggler-icon {
      display: inline-block;
      width: unset;
      height: unset;
  }
  .three.col{padding:0}
  /* ONE */
  
  #hamburger-1.is-active .line:nth-child(2){
    opacity: 0;
  }
  
  #hamburger-1.is-active .line:nth-child(1){
    -webkit-transform: translateY(12px) rotate(45deg);
    -ms-transform: translateY(12px) rotate(45deg);
    -o-transform: translateY(12px) rotate(45deg);
    transform: translateY(12px) rotate(45deg);
  }
  
  #hamburger-1.is-active .line:nth-child(3){
    -webkit-transform: translateY(-12px) rotate(-45deg);
    -ms-transform: translateY(-12px) rotate(-45deg);
    -o-transform: translateY(-12px) rotate(-45deg);
    transform: translateY(-12px) rotate(-45deg);
  }
}


@media screen and (max-width: 576px){
    ul.serive p {
        font-size: 16px;
        line-height: 28px;
    }
    .contact-form .form-group {
        width: 98%;
    }
    section#news h5.theme-section-heading {
        margin-bottom: 50px;
        padding: 0 20px;
    }
    .head-cap {
        position: absolute;
        bottom: 40px;
        padding: 0 20px;
    }
    div#navbarSupportedContent {
        padding: 20px;
    }
    .contact-info.d-md-flex a:last-child svg {
        margin-left: 2px;
        display: inline-block;
    }
    span.p-dec {
        font-size: 15px;
        padding: 0 4px;
    }
    div#product {
        padding-bottom: 30px;
    }
    .carousel-caption h3, section#main-front-heading h1, .head-cap h1 {
        font-size: 30px;
    }
    section.Exclusive + section#category img {
        width: 100%;
        height: 50vh;
        object-fit: cover;
    }
    .test-section {
        padding: 30px 20px;
        max-width: 95%;
    }
    .test-section p.body-para {
        margin-bottom: 20px;
    }
    h4.theme-heading.small {
        font-size: 18px;
        padding-bottom: 20px;
        line-height: 28px;
    }
    .row.next-perv .col-md-6.col-12 {
        max-width: 100%;
    }
    a.end {
        margin-top: 30px !important;
    }
    div#details img {
        height: 50vh !important;
        object-fit: cover;
    }
    section#amenities p.body-para {
        padding: 0 20px;
    }
    section#amenities {
        overflow: hidden;
    }
    .col-12.p-0.feat-ul {
  
        display: flex;
        flex-wrap: wrap;
    }
    .col-12.p-0.feat-ul ul {
        padding: 0 30px;
        /* margin: 0; */
        max-width: 100%;
        width: 100%;
    }
    .righ-filter {
        flex-wrap: wrap;
        width: 100%;
    }
    #blog .filter-main .result {
        order: 1;
        margin-top: 0px;
    }

    .filter-blog {
        order: 0;
    }
    .section-p {
        padding: 70px 0;
    }
    .banner-caption-product a.btn-grad {
        max-width: 50%;
        margin-top: 25px;
        padding: 15px 0;
    }
    .inner-ami h2 {
        font-size: 20px;
        font-weight: 600;
        color: #1B154A;
    }
    .row.inner-btn .col-12 {

        flex-wrap: wrap;
    }
    div#test-page .test-section {
        padding: 40px 40px;
        border-top-left-radius: 20px;
        max-width: 90%;
        text-align: center;
        margin-bottom: 80px;
        position: relative;
    }
    section#product-listing .filter-main {
        background: #f8f8f8;
        padding: 20px 15px 20px;
        max-width: 95%;
        margin: 0 auto 40px;
    }
    section#product-listing .filter-blog {
        margin-top: 0px;
    }
    section#product-listing button#dropdownMenuButton {
        background: #fff;
    }
    section#product-listing .filter-blog {
   
        flex-wrap: wrap;
    }
    section#product-listing .filter-main .result {
        order: 1;
        margin-top: 25px;
        width: 100%;
    }
    section#product-listing button#dropdownMenuButton {
        background: #fff;
        width: 100%;
    }
    section#product-listing .filter-blog {
        flex-wrap: wrap;
        width: 100%;
    }
    .col-md-4.col-12.con-content {
        padding: 30px;
        width: 100%;
        max-width: 85%;
        margin: 0 20px 30px;
    }
    section#main-front-heading img {
        height: 30vh;
        object-fit: cover;
    }
    div#blog .filter-blog {
        order: 1;
    }
    div#blog .right-filter {
        flex-wrap: wrap;
    }
    div#blog .right-filter span {
        margin-right: 16px;
        margin-bottom: 15px;
        font-weight: bold;
    }
    div#blog button#dropdownMenuButton {
        max-width: 100%;
        padding: 15px;
        width: 100%;
    }
    div#blog .filter-blog {
        display: flex;
        align-content: center;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column;width: 100%;
    }
    div#blog .righ-filter .dropdown {
        margin-right: 0px;
        width: 100%;
        text-align: left;
        margin-bottom: 15px;
    }
    .filter-blog .dropdown{width: 100%;max-width: 100%;}
    .righ-filter {
        flex-wrap: wrap;
    }
    span.sor {
        margin-right: 20px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    section#property-section p.body-para {
        text-align: center;
        padding: 0 10px;
    }
    section#product-listing .btn-grad {
        max-width: 90%;
    }
    .filter-main {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 20px 15px 50px;
        flex-direction: column;
    }
    .contact-form {
        width: 100%;
        padding: 70px 10px;
    }
    .row.head {
        padding: 70px 0 70px;
    }
    section#property-section {
        padding-bottom: 0;
    }
    section#product-listing {
        padding: 40px 0px 100px;
    }
    section#why-info .work-inner {
        margin-bottom: 0;
    }
    div#listing .col-md-6.col-12.text-center.p-0 {
        /* width: 100%; */
        max-width: 100%;
        flex: 0 0 100%;
        margin: 0 0 30px 0 !important;
    }
    section#category .row.align-center, div#listing .row.align-center {
        padding: 0 0px;
    }
    section#text-section + section#category img {
        padding: 0 25px 30px;
        height: auto;
    }
.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 40px;
    left: 0;

    text-align: center;
    width: 90%;
    margin: 0 auto 50px;
}

section#footer .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left;
    margin-bottom: 15px;
}
section#footer .col-xs-12:last-child {
    margin-bottom: 0px;
}
#footer {
    /* background: #1B154A !important; */
    padding: 100px 10px 150px;
}
section#category .row.align-center .col-md-3.col-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}
section#about .inner-text-section.section-p {
    padding: 80px 10px;
}
section#usp .col-md-3.col-12.text-center {
    width: 100%;
    max-width: 100%;
    padding: 20px;
}
section#about-info img {
    height: 100vh;
    object-fit: cover;
}
section#about .container {
    max-width: 100%;
}
section#main-front-heading h1 {
    font-size: 28px;
}
h1.banner-cap {
    position: absolute;
    bottom: 40px;

}
.row.service-div {
    padding: 70px 0;
}
}