body {

    font-size: 16px;

    font-family: 'nunitobold';

    color: #000;

    scroll-behavior: smooth;

    behavior: 'smooth';

}

.container {

    width: 90%;

    max-width: 1200px;

    margin: 0 auto;

}



h1,

h2,

h4,

h5 {

    font-family: 'Quicksand', sans-serif;

}



p {

    font-family: 'Montserrat', sans-serif;

    font-size: 18px;



}

h2 {

    font-size: 60px;

    font-weight: 100;

    color: #fff;

    font-family: 'Montserrat', sans-serif;

    font-weight: 200;

}

p {

    font-size: 14px;

    line-height: 22px;

}



a {

    font-family: 'Montserrat', sans-serif;



}



section {

    overflow: hidden;

}

.row-flex {

    display: flex;

    justify-content: center;

    align-items: center;

}



.treat_business_c a,
.treat_business_c a,
.sec-bottom a,
.pp-btn button,
.we-do-secction a,
.lef-inner-contin a {

    background-color: #bd8b28;

    padding: 14px 36px;

    border-radius: 60px;

    text-decoration: none;

    font-size: 14px;

    text-transform: uppercase;

    color: #000 !important;

    line-height: normal;

    border-color: #bd8b28;

    display: inline-block;

    position: relative;

    overflow: hidden;

    transition: all ease-in-out 0.4s;

    z-index: 9;

    text-shadow: 1px 1px 1px #f7be4d !important;

}

/*-------- header -----------*/

header .container {

    width: 100%;

    max-width: 100%;

    padding: 0 110px;

}

header nav.navbar.navbar-default {

    background: transparent;

    border: 0;

}



header.header {

    background: #000;

    border: 1px solid #151515;

    padding: 14px 0;

}



header.header .nav-rr .navbar-right {

    padding: 0;

}



header.header .nav-rr .navbar-right li {

    display: inline-block;

    margin-right: 7px;

}



header.header .nav-rr .navbar-right li:last-child {

    margin-right: 0;

}



header.header .nav-rr .navbar-right li a {

    color: #fff;

}



header.header .navbar-nav {

    float: none;

    text-align: right;

    float: right;

}



header.header .nav-rr .navbar-right {

    float: none;

    margin: 0;

}







.navbar-default .navbar-nav > li > a {

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 400;

    font-family: 'Montserrat', sans-serif;

}



.navbar-default .navbar-nav > li > a.active,

.navbar-default .navbar-nav > li > a:hover {

    color: #bd8b28;

}



header.header .navbar {

    min-height: auto !important;

    margin: 0;

}



header .navbar-brand {

    height: auto !important;

    min-height: auto !important;

    padding: 0;

}

header .navbar-brand img {

    height: 80px;

}



header .navbar-brand a {

    padding: 0;

}

header ul.navbar-right a {

    background-color: #bd8b28;

    padding: 11px 29px;

    border-radius: 60px;

    text-decoration: none;

    font-size: 14px;

    text-transform: uppercase;

    color: #000 !important;

    display: inline-block;

    position: relative;

    overflow: hidden;

    transition: all ease-in-out 0.4s;

    z-index: 999;

    border: 1px solid #bd8b28;

    text-shadow: 1px 1px 1px #f7be4d !important;

}

@media (min-width:768px) {

    header #bs-example-navbar-collapse-1 {

        width: 100%;

        text-align: center;

        display: flex !important;

        align-items: center;

        justify-content: center;

    }

    header.header .nav-rr {

        width: 218px;

        padding: 0;

        margin: 0;

    }

    header .navbar .navbar-header {

        WIDTH: 100px;

    }

    header.header .navbar .container-fluid {

        display: flex;

        align-items: center;

    }

}



/*---------- end header ------------*/

/**-*-*-*-*-*-*-*-* start banner -*-*-*-*-*-*-*-*-*/





.banner {

    background-color: #000;

    padding: 139px 0;

    position: relative;

}

section.banner .container {

    width: 100%;

    max-width: 100%;

    padding: 0 110px;

}

.banner-contain h1 {

    font-size: 60px;

    color: #fff;

    font-weight: 700;

    margin-bottom: 0;

    font-size: 60px;

    line-height: 71px;

}

.banner-contain h1 span {

    display: block;

    color: #bd8b28;

    font-family: 'Raleway', sans-serif;

}



.banner-contain h2 {

    font-size: 60px;

    line-height: 71px;

    margin: 0;

    font-family: 'Raleway', sans-serif;

    font-weight: 400;

}

.banner-contain h3 span {

    font-weight: 800;

    color: #fff;

    font-size: 36px;

}

.banner-contain h3 {

    font-size: 30px;

    font-weight: 200;

    color: #fff;

    padding-top: 15px;

    font-family: 'Montserrat', sans-serif;

    margin-top: 5px;

}



.banner:after {

    content: "";

    background-size: contain;

    background-repeat: no-repeat;

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

    width: 1067px;

    bottom: 0;

    right: 0;

    position: absolute;

    height: 579px;

}

@media (min-width:1781px) {

    .banner:after {

        width: 1167px;

        height: 657px;

    }

    .banner {

        padding: 200px 0;

    }

}

/**-*-*-*-*-*-*-*-* end banner -*-*-*-*-*-*-*-*-*/

/**-*-*-*-*-*-*-*-* start whhowe are -*-*-*-*-*-*-*-*-*/

.who-we-are h2,
.our-project-sec h2 {

    color: #bd8b28;

}

.who-we-are .who-image img {

    width: 100%;

}

.who-we-are {

    padding: 230px 0 80px;

    position: relative;

}

/*

.who-we-are:after{

    content: "";

    background-size: cover;

    background-repeat: no-repeat;

    background-image: url(image/who-we-are.png);

    width: 48%;

    bottom: 61px;

    left: 0;

    position: absolute;

    top: 241px;

}

*/

@media (min-width:992px) {

    .who-we-are .who-image {

        width: 830px;

        position: relative;

        left: -290px;

    }

}

.product-head p {

    color: #a3a3a3;

}

.who-contain p {

    padding-top: 22px;

    color: #a3a3a3;

    font-size: 22px;

    line-height: 34px;

    font-weight: 200;

    transition: all ease-in-out 0.4s;

}



.who-contain a {

    margin-top: 15px;

    display: inline-block;

}

.sticky-we-header {

    position: fixed;

    top: 109px;

    z-index: 9999;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    margin: 0 !important;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

}

.sticky-header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9999;

}



section.who-we-are {

    background: #000;

    color: #fff;

}

.who-we-are .who-contain {

    position: relative;



}

.who-we-are .who-contain .who-pragrap {

    padding-left: 60px;

}

.who-we-are .who-contain:after {

    content: "";

    background-image: url(image/contain-qrrow.png);

    background-size: cover;

    background-repeat: no-repeat;

    width: 20px;

    position: absolute;

    top: 99px;

    left: 0;

    height: 290px;

}

.who-we-are .who-contain:before {

    content: "";

    height: 273px;

    top: 108px;

    border-left: 1px solid #7b77778c;

    position: absolute;

    left: 9px;

    z-index: 0;

}

/**-*-*-*-*-*-*-*-* end who we are -*-*-*-*-*-*-*-*-*/

/**-*-*-*-*-*-*-*-* start project -*-*-*-*-*-*-*-*-*/



.our-project-sec {

    background-image: url(image/slider-banner.png);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 210px 0 100px;

    text-align: center;

    color: #fff;

    background-color: #000;

}

.our-project-sec .product-head {

    max-width: 521px;

    margin: 0 auto;

    padding-bottom: 60px;

}

.product-box .pro-image {

    padding: 20px 19px 52px;

    position: relative;

}



.product-box h4 {

    font-size: 18px;

    transition: all ease-in-out 0.4s;

    color: #a3a3a3;

}

.product-box .pro-image:after {

    content: "";

    background-repeat: no-repeat;

    background-size: contain;

    height: 22px;

    background-image: url(image/slider-arrow.png);

    position: absolute;

    bottom: 5px;

    left: 50%;

    transform: translateX(-50%);

    width: 16px;

    height: 16px;

    transition: all ease-in-out 0.4s;

}

.product-slider .owl-stage .owl-item {

    transition: all ease-in-out 0.4s;

}

.product-slider .owl-stage .owl-item:hover .pro-image:after {

    background-image: url(image/sloder-hver.png);

    width: 26px;

    height: 26px;

    bottom: 0px;

}

.our-project-sec .product-slider {

    position: relative;

}

.product-box a {

    color: #fff;

    text-decoration: none !important;

}

.our-project-sec .product-slider:after {

    content: "";

    background-repeat: no-repeat;

    background-size: contain;

    height: 10px;

    background-image: url(image/Layer-9.png);

    position: absolute;

    bottom: 41px;

    left: 19px;

    right: 19px;

    z-index: -1;

}

.product-slider .owl-stage .owl-item:hover h4 {

    color: #bd8b28;

}

.owl-carousel .owl-nav {

    display: block !important;

}



.owl-carousel .owl-nav button.owl-prev {

    position: absolute;

    left: -80px;

    top: 50%;

    transform: translateY(-50%);

    width: 35px;

    height: 35px;

    /*  background-color: #252424 !important;*/

    border-radius: 100%;

    font-size: 18px !important;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ddd !important;

}



.owl-carousel .owl-nav button.owl-next {

    position: absolute;

    right: -79px;

    top: 50%;

    transform: translateY(-50%);

    width: 35px;

    height: 35px;

    /*background-color: #252424 !important;*/

    border-radius: 100%;

    font-size: 18px !important;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ddd !important;

}

/**-*-*-*-*-*-*-*-* end project -*-*-*-*-*-*-*-*-*/

/**-*-*-*-*-*-*-*-* start project-2 -*-*-*-*-*-*-*-*-*/



.our-projects-2 {

    padding: 60px 0 100px;

    background: #161616;

    position: relative;

}

.our-projects-2 .heading {

    text-align: center;

    padding-bottom: 50px;

}

.our-projects-2 img {

    width: 100%;

}



.contain-tella {

    text-align: right;

    padding-right: 60px;

}

.our-projects-2 h3 {

    font-size: 24px;

    font-weight: 600;

    color: #fff;

    font-family: 'Montserrat', sans-serif;

    margin-top: 0;

}

.our-projects-2 p {

    font-size: 14px;

    color: #6a6a6a;

    line-height: 24px;

    padding-top: 16px;

}

.navbar-default .navbar-nav > li > a:focus {

    background: transparent !important;

}

.our-projects-2 a {

    color: #bd8b28;

    display: inline-block;

    margin-top: 10px;

    font-size: 14px;

}

.row.bottom-undelie .col-lg-12:after {

    content: "" !important;

    position: absolute;

    left: 0;

    right: 0;

    background: #bdbdbd1c;

    height: 1px;

    width: 100%;

    z-index: 0;

    top: 50%;

    transform: translateY(-50%);

}

.row.bottom-undelie .col-lg-12 {

    position: relative;

}

.row.bottom-undelie .col-lg-12 a {

    margin: 0;

}

.row.bottom-undelie {

    text-align: center;

    margin-top: 67px;

}

.our-projects-2:before {

    content: "";

    position: absolute;

    background-image: url(image/project2-after.png);

    left: 0;

    height: 350px;

    background-repeat: no-repeat;

    background-size: cover;

    width: 650px;

    bottom: 0;



}



/**-*-*-*-*-*-*-*-* end project-2 -*-*-*-*-*-*-*-*-*/

/**-*-*-*-*-*-*-*-* start footer -*-*-*-*-*-*-*-*-*/

footer {

    background-image: url(image/footer-bac.png);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 100px 0;

    border-top: 1px solid #3c3c3c;

}

footer .footer-right {

    padding-left: 70px;

}

.footer-right form input,
.footer-right form textarea {

    background: #272727;

    border-color: #272727;

    padding: 16px 15px;

    height: auto;

    border-radius: 12px;

    font-size: 14px;

    color: #a3a3a3;

    font-family: 'Montserrat', sans-serif;

}

.footer-right form .half-width {

    width: 49%;

    float: left;

}

.footer-right form textarea {

    height: 220px;

}

.footer-right form .half-width:nth-child(2n) {

    float: right;

}

.footer-right form input::placeholder,
.footer-right form textarea::placeholder {

    font-size: 14px;

    color: #a3a3a3;

}

.footer-left ul li {

    display: flex;

    align-items: flex-start;

}

.pp-btn button {

    padding: 11px 42px;

    border-radius: 21px;

    font-family: 'Montserrat', sans-serif;

    font-size: 15px;

    letter-spacing: 2px;

    font-weight: 400;

}

.pp-btn button:focus {

    background: #ebb132 !important;

    outline: 0 !important;

}

.copyright-sec ul li a:hover {

    color: #ebb132;

}

.pp-btn button:hover {

    background-color: #ebb132;

    color: #000 !important;

    border-color: #ebb132 !important;

}

.footer-left ul {

    padding: 0;

}

.form-control:focus {

    border-color: #bd8b28;

    outline: 0;

    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(189 139 40 / 58%);

}



.footer-left ul li {

    padding-bottom: 15px;

}



.footer-left ul li a {

    margin: 0;

    display: inline-block;

    color: #fff;

    font-size: 14px;

    padding-left: 19px;

}

.footer-left h2 {

    padding-bottom: 10px;

}

.footer-left ul li i {

    font-size: 24px;

    line-height: normal;

    color: #bd8b28;

    width: 25px;

}



.footer-left ul li p {

    margin: 0;

    display: inline-block;

    color: #fff;

    font-size: 14px;

    padding-left: 19px;

}

.footer-right p {

    color: #fff;

    font-size: 14px;

    padding: 18px 0 14px;

}

/**-*-*-*-*-*-*-*-* end fter -*-*-*-*-*-*-*-*-*/

/**-*-*-*-*-*-*-*-* start copy  right-*-*-*-*-*-*-*-*-*/

.copyright-sec {

    background-color: #212121;

    color: #9e9e9e;

    padding: 18px 0;

}



.copyright-sec p {

    font-size: 12px;

    margin: 0;

    text-transform: uppercase;

}



.copyright-sec ul li a {

    color: #9e9e9e;

    font-size: 20px;

    transition: all ease-in-out 0.4s
}



.copyright-sec ul {

    padding: 0;

    text-align: right;

    margin: 0;

}



.copyright-sec ul li {

    display: inline-block;

    margin-left: 18px;

}

/**-*-*-*-*-*-*-*-* end copy right -*-*-*-*-*-*-*-*-*/

/**-*-*-*-*-*-*-*-* start page  What-We-Do -*-*-*-*-*-*-*-*-*/

.What-We-Do {

    background-color: #000;

    padding: 100px 0 30px;

    text-align: center;

    color: #fff;

}

.we-do-secction .right-image img {

    width: 100%;

}



.we-do-secction h1 {

    font-size: 34px;

    font-weight: 900;

    font-family: 'Montserrat', sans-serif;

    padding-bottom: 6px;

    margin: 0;

}

.we-do-secction p {

    font-size: 16px;

    padding-top: 16px;

    color: #a3a3a3;

}

.What-We-Do p {

    color: #a3a3a3;

    max-width: 700px;

    margin: 8px auto 25px;

}

.we-do-secction {
    background-color: #000;
    padding: 50px 0;
}

.we-do-secction .right-image img {

    width: 100%;

}

.we-do-secction {

    color: #fff;

    background-color: #000;

    padding: 70px 0;

    border-bottom: 1px solid #1b1b1b;

    background-color: #000;

}

.we-do-secction h1 {

    font-size: 34px;

    font-weight: 900;

    font-family: 'Montserrat', sans-serif;

    padding-bottom: 6px;

    margin: 0;

}

.we-do-secction p {

    font-size: 16px;

    padding-top: 16px;

}

.we-do-secction a {

    margin-top: 33px;

}



.we-do-secction .left-contain {

    padding-left: 60px;

    position: relative;

}



.we-do-secction .left-contain:after {

    content: "";

    position: absolute;

    width: 26px;

    height: 26px;

    background-repeat: no-repeat;

    background-size: cover;

    top: 6px;

    left: -10px;

    background-image: url(image/sloder-hver.png);



}

.What-We-Do .navbar-default {

    background-color: #303030;

    min-height: auto;

    border-radius: 0px;

    border: 0;

    overflow: hidden;

}

.What-We-Do .navbar-default .nav-info a {

    color: #9d9d9d;

    padding: 9px 15px;

    font-size: 14px;

    font-weight: 400;

    font-family: 'Montserrat', sans-serif;

}

.What-We-Do .navbar-default .nav-info a:focus {

    color: #9d9d9d;

}



.What-We-Do .navbar-default .nav-info a:hover {

    background-color: #ebb132;

    color: #fff !important;

}



.What-We-Do .navbar-default .container-fluid,

.What-We-Do .navbar-default .container-fluid .navbar-collapse {

    padding: 0 !important;

}

section#web-seo {

    padding-bottom: 120px;

    border: 0;

}

.What-We-Do .navbar-default .nav-info a.active,
.What-We-Do .navbar-default .nav-info a:hover {

    background: #bd8b28;

    color: #fff;

}



/*------------ end page  What-We-Do -----------*/

/*------------ start page projec -----------*/

.tab-content .prjct-box {

    background: transparent;

    padding: 0px 0px 10px;

    margin-top: 44px;

}

.tab-content .col-lg-4 {

    padding-right: 12px;

    padding-left: 12px;

}

.tab-content .prjct-box .image-pro {

    /*height: 181px;*/

    overflow: hidden;

    text-align: center;

    margin-bottom: 34px;

}



.tab-content .prjct-box .image-pro img {

    width: auto;

    height: 100%;

    max-width: unset;

    transition: all ease-in-out 0.6s;

}

.tab-content .prjct-box h3 {

    font-size: 24px;

    color: #fff;

    font-weight: 600;

    margin: 0 0 10px;

    font-family: 'Montserrat', sans-serif;

}



.tab-content .prjct-box a {

    font-size: 14px;

    color: #fff;

    text-decoration: none;

    font-family: 'Montserrat', sans-serif;

    font-weight: 300;

}

.project-tab-sec ul.nav-tabs {

    border: 0;

    background-color: #303030;

    padding: 0;

    margin: 30px 0 54px;

    border-radius: 0px;

    overflow: hidden;
    width: 580px;
    margin: 0 auto;

}





.project-tab-sec ul.nav-tabs a {

    color: #9d9d9d;

    margin-right: 6px;

    font-size: 14px;

    border: 0 !important;

    border-radius: 0;

    line-height: normal;

    margin: 0 !important;

    text-transform: uppercase;

}

.project-tab-sec h2 {

    color: #bd8b28;

    font-weight: 200;

}

.project-tab-sec ul.nav-tabs li {
    margin-bottom: 0;
}

.project-tab-sec {

    padding: 100px 0;

}

/*.tab-content .prjct-box:hover img {

    transform: scale(1.2);

}*/

.What-We-Do h2 {

    margin-top: 0;

}

.project-tab-sec ul.nav-tabs li.active a,
.project-tab-sec ul.nav-tabs a:hover {

    background-color: #bd8b28;

    color: #fff;

}

.tab-content .prjct-box a:hover {

    color: #cf9f38;

    text-decoration: underline;

}

/*------------ end page  project -----------*/

/*------------ start who we are -----------*/

.who-banner {

    background: #000;

    color: #fff;

    padding: 80px 0;

}

.lef-inner-contin p {

    font-weight: 300;

    font-size: 27px;

    color: #a3a3a3;

    line-height: 33px;

    padding-top: 15px;



}

section.starting p {

    font-size: 27px;

    line-height: 34px;

    padding-top: 12px;

    color: #a3a3a3;

    font-weight: 300;

}

.lef-inner-contin p b {

    font-size: 27px;

    color: #a3a3a3;

    font-weight: 400;

    font-style: italic;

}

.who-banner .row .right-inner-imaage img {

    width: 110%;

    padding-left: 20px;

}

.lef-inner-contin a {

    margin-top: 30px;

}

section.starting {

    background: #000;

    padding: 15px 0;

    position: relative;

    color: #fff;

}



section.starting .left-image img {

    width: 120%;
    border-radius: 100%;

}

.starting:before {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    top: 80px;

    bottom: 80px;

    background: #181616;

    z-index: 0;

}



.starting .left-image {

    position: relative;

    left: -150px;

}

.pragrap-who p {

    font-size: 16px;

    line-height: 27px;

    color: #a3a3a3;

}

.starting .container:after {

    content: "";

    position: absolute;

    left: -112px;

    background-image: url(image/Shape.png);

    background-repeat: no-repeat;

    background-size: contain;

    top: 6px;

    width: 140px;

    height: 123px;

}

.starting .container:before {

    content: "";

    position: absolute;

    right: -33px;

    background-image: url(image/shape-2.png);

    background-repeat: no-repeat;

    background-size: contain;

    bottom: 29px;

    width: 83px;

    height: 80px;

}



section.starting .man-working:before {

    content: "";

    position: absolute;

    right: 140px;

    background-image: url(image/shape-3.png);

    background-repeat: no-repeat;

    background-size: contain;

    top: 40px;

    width: 46px;

    height: 45px;

}

.starting .container {

    position: relative;

}

.pragrap-who {

    padding: 60px 0;

    background: #000;

    color: #fff;

}







.our-tem {

    background-image: url(image/slider-banner.png);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 210px 0 100px;

    text-align: center;

    color: #fff;

    background-color: #000;

}

.our-tem h3,
.our-tem a {

    font-size: 14px;

    font-family: 'Montserrat', sans-serif;

    font-weight: 400;

    text-transform: uppercase;

    letter-spacing: 2px;

    display: block;

    color: #fff;

}

.our-tem-member .tem-image {

    position: relative;

    overflow: hidden;

}



.our-tem-member .tem-image .tem-social {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: -100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    background: rgb(0 0 0 / 60%);

    transition: all ease-in-out 0.6s;

}



.our-tem-member:hover .tem-social {

    left: 0;

}

.our-tem-member .tem-image img {

    width: 100%;

}



.our-tem-member .tem-image .tem-social ul {

    padding: 0;

}



.our-tem-member .tem-image .tem-social ul li {

    display: inline-block;

    margin-right: 10px;

}



.our-tem-member .tem-image .tem-social ul li a {

    width: 42px;

    height: 42px;

    background: #bd8b28;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    font-size: 18px;

    z-index: 999;

    text-decoration: none;

}



.our-tem-member .tem-image .tem-social .profile {

    display: inline-block;

    margin-top: 28px;

}

.our-tem-member .tem-image .tem-social .profile a {

    background: #bd8b28;

    padding: 10px 20px;

    display: inline-block;

    border-radius: 4px;

}

section.starting h3 {

    font-family: 'Raleway', sans-serif;

    font-size: 30px;

    font-weight: 300;

}

section.starting h3 span {

    font-weight: 900;

    display: inline-block;

    font-family: 'Montserrat', sans-serif;

    font-size: 36px;

}

.our-tem h2 {

    padding-bottom: 25px;

    color: #bd8b28;

}

.riht-starting h2,
.lef-inner-contin h2 {

    color: #bd8b28;

}



/*------------ end who we are -----------*/



section.mmap-sec {

    line-height: 0;

}



section.addres-sec .address {

    background: #cb9d39;

    color: #fff;

    position: absolute;

    left: 0;

    width: 100%;

    padding: 13px 10px;

    top: -27px;

}



section.addres-sec .container {

    position: relative;

}



section.addres-sec {

    overflow: visible;

    text-align: center;

}



section.addres-sec .address p {

    margin: 0;

    text-transform: uppercase;

    letter-spacing: 2px;

    vertical-align: middle;

}



section.addres-sec .address p i {

    font-size: 20px;

    margin-right: 6px;

}








.treat_business_c a::after,
.treat_business_c a:before,
.sec-bottom a:after,
.pp-btn button:after,
.we-do-secction a:after,
.lef-inner-contin a:after,
header ul.navbar-right a:after,

.sec-bottom a:before,
.pp-btn button:before,
.we-do-secction a:before,
.lef-inner-contin a:before,
header ul.navbar-right a:before {

    left: -50px;

    border-left: 50px solid transparent;

    transform: translateX(100%);

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border-bottom: 80px solid #da9706;

    box-sizing: border-box;

    transition: 0.5s ease-in-out;

    z-index: -1;

}



.treat_business_c a:before,
.sec-bottom a:before,
.pp-btn button:before,
.we-do-secction a:before,
.lef-inner-contin a:before,
header ul.navbar-right a:before {

    right: -50px;

    border-right: 50px solid transparent;

    transform: translateX(-100%);

}

.we-do-secction a:hover {

    border-color: #da9706;

}

.treat_business_c a:hover::after,
.sec-bottom a:hover::after,
.pp-btn button:hover::after,
.we-do-secction a:hover::after,
.lef-inner-contin a:hover::after,
header ul.navbar-right a:hover::after {

    transform: translateX(3%);

}

.treat_business_c a:hover::before,
.sec-bottom a:hover::before,
.pp-btn button:hover::before,
.we-do-secction a:hover::before,
.lef-inner-contin a:hover::before,
header ul.navbar-right a:hover::before {

    transform: translateX(-24%);

}



/*----------------------- project-dtlks---------------------*/

.dtls-banner {

    padding: 90px 0;

    background-repeat: no-repeat;

    background-size: cover;

    background: #000;

}

.dtls-banner-cont {

    text-align: center;

    max-width: 750px;

    margin: 0 auto;

}

section.dtls-about {

    background: #000;

    color: #a3a3a3;

    padding: 60px 0;

}

.dtls-banner img {

    width: 100%;

}

.dtls-banner-cont p {

    padding-top: 22px;

    color: #a3a3a3;

    font-size: 22px;

    line-height: 34px;

    font-weight: 200;

    padding-bottom: 18px;

}

.dtls-banner-cont h2 {

    color: #bd8b28;

    margin: 0;

}



.dtls-sec-e h3 {

    font-size: 24px;

    font-weight: 600;

    color: #ffff;

    font-family: 'Montserrat', sans-serif;

}



.dtls-sec-e p {

    color: #fff;

}



.dtls-sec-f h2 {

    font-size: 35px;

    max-width: 600px;

    margin: 0 auto;

    line-height: normal;

    padding-bottom: 20px;

    position: relative;

    margin-bottom: 25px;

}

.dtls-sec-f h2:after {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    content: "";

    height: 1px;

    width: 120px;

    background: #fff;

    bottom: 0;

}

.cont,
.cont a {
    color: #fff;
}



section.dtls-about img {

    width: 100%;

}

.dtls-about h2,
.dtls-sec-d h2 {

    font-size: 39px;

    padding-bottom: 0px;

    margin: 0;

}

.dtls-about p {

    margin: 0;

}

.dtls-sec-e .row.sec-bottom {

    padding-top: 60px;

}



.dtls-sec-b .container {

    width: 100%;

    padding: 0;

    max-width: 100%;

}



.dtls-sec-b .container .row {

    margin: 0;

    display: table;

    width: 100%;

}



.dtls-sec-b .container .row .col-md-8,
.dtls-sec-b .container .row .col-md-4 {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 531px;

    padding: 60px 0;

}

.dtls-sec-b .container .row img {

    height: 100%;

}



.dtls-sec-b .container .row .col-md-8 {

    background: #bd8b28;

}



.dtls-sec-b .container .row .col-md-4 {

    background: #161616;

}

section.dtls-sec-e {

    background: #161616;

    text-align: center;

    padding: 80px 0;

}

section.dtls-sec-d {

    background: #000;

    padding: 80px 0;

    color: #a3a3a3;

}



section.dtls-sec-d p {

    font-size: 14px;

    color: #6a6a6a;

    line-height: 24px;

    padding-top: 16px;

}

section.dtls-sec-d img {

    width: 100%;

}

section.dtls-sec-f {

    background: #bd8b28;

    padding: 80px 0;

    text-align: center;

}



/*10-08-2021 */

.What-We-Do .navbar-default .nav-info a {
    padding: 9px 40px;
}

.navbar-nav {
    float: none;
}

.navbar-nav > li {
    float: none;
    display: inline-block;
}

/*12-08-2021*/
.tab-content .prjct-box .image-pro img {
    object-fit: cover;
    width: 300px;
    height: 250px;
    border: 1px solid #fff;
    border-radius: 9px;
}

.logoboxwrap .prjct-box .image-pro img {
    object-fit: contain !important;
    border: 1px solid #bd8b28;
    border-radius: 9px;
    padding: 20px;
}

.tab-content .prjct-box-logo .image-pro-logo img {
    object-fit: cover;
    width: 300px;
    height: 250px;
    /*border: 1px solid #fff;border-radius: 9px;*/
}

.logoboxwrap .prjct-box-logo .image-pro-logo img {
    object-fit: contain !important;
    /*border: 1px solid #bd8b28;border-radius: 9px;*/
    padding: 20px;
}

.nav-tabs > li {
    float: none;
    display: inline-block;
}


/*18-08-2021*/
/*18-08-2021*/
/*.What-We-Do{padding-top: 0px;}*/
section.What-We-Do.project-tab-sec.kpvsec {
    padding-top: 0px;
}

.kpvtabsection .right-image img {
    width: 100%;
}

.kpvtabsection .left-contain {
    text-align: left;
    position: relative;
}

.kpvtabsection .left-contain:after {
    content: "";

    position: absolute;

    width: 26px;

    height: 26px;

    background-repeat: no-repeat;

    background-size: cover;

    top: 6px;

    left: -10px;

    background-image: url(image/sloder-hver.png);

}

.kpvtabsection .left-contain h1 {
    font-size: 34px;
    font-weight: 900;
    font-family: 'Montserrat', sans-serif;
    padding-bottom: 6px;
    margin: 0;
}

/*.project-tab-sec ul.nav-tabs{text-align: -webkit-center;}*/

/*01-09-2021*/
.img-wrapper img {
    height: 220px;
    width: 100%;
    object-fit: cover;
}

.img-wrapper {
    margin-top: 0px;
    margin-bottom: 30px;
}

#overlay img {
    width: 80%;
}


/*-------------------------  project detels ------------------------------*/
.deatels-banner .owl-nav button {
    display: none !important;
}

.acc {
    margin: 0 auto;
    max-width: 800px;
    padding-left: 45px;
}

.acc__card {
    margin: 0;
    position: relative;
}

.accrodian_sec .contain h2 {
    padding-bottom: 20px;
}

.acc__title {
    display: block;
}

.acc .acc__panel {
    display: none;
}

.acc .acc__card .active h3 i:before {
    content: "\f068";
}

.acc .acc__card .acc__panel {
    padding: 0 10px 6px;
}

.acc__title h3 {
    font-size: 18px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    margin-top: 0;
    color: #fff;
    position: relative;
    padding: 10px;
    letter-spacing: 1.5px;
    margin-bottom: 16px;
}

.accrodian_sec h2 {
    color: #bd8b28;
}

.accrodian_sec {
    background-color: #000;
    padding: 70px 0;
    color: #fff;
}

.acc .acc__card h3 {
    position: relative;
}

.iconbox-icon-wrap i {
    font-size: 32px;
    width: 62px !important;
    height: 62px !important;
    color: #bd8b28;
    background-color: #252424c4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-bottom: 20px;
}

.accrodian_sec .acc__card {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.acc .acc__card h3 i.fa {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.deatels-banner {
    background: #000;
    line-height: 0;
}

.acc .acc__card h3 i.fa::before {
    font-weight: 200;
}

.ic_box_sec .row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}


.treat_business {
    background: #0a0a0a;
    color: #fff;
    padding: 40px 0;
}

.treat_business_c h2 {
    color: #bd8b28;
}

.treat_business_c p {
    max-width: 720px;
    margin: 0 auto;
    padding: 14px 0;
}



/*------------*/

.ic_box_sec .row .iconbox {
    width: 23.5%;
    padding-right: 20px;
    margin-right: 2%;
    position: relative;
    padding: 20px 20px 20px 0;
}

.ic_box_sec .row .iconbox:last-child {
    margin-right: 0;
    padding-right: 0;
}

.ic_box_sec {
    background: #181616;
    color: #fff;
    padding: 30px 0;
}

.ic_box_sec .row .iconbox:last-child::after {
    display: none;
}

.ic_box_sec .row .iconbox:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #424242;
}

.ic_box_sec .row .iconbox h3 {
    margin-top: 0;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

.ic_box_sec .row .iconbox p {
    margin-bottom: 0;
    font-family: 'Montserrat', sans-serif;
}

.sher {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.sher .left-top {
    width: 50%;
    margin-top: 20px;
}

.sher .left-top h3,
.sher .left-top h4 {
    font-size: 18px;
    font-weight: 200;
    font-family: 'Montserrat', sans-serif;
    margin-top: 0;
    color: #8c8c8c;
    letter-spacing: 1px;
}

.sher .left-top h4 {
    color: #fff;
    font-size: 16px;
}

.sher .left-top ul.social-icon li {
    display: inline-block;
    margin-right: 9px;
}

.sher .left-top ul.social-icon {
    padding: 0;
    margin: 0;
}

.sher .left-top ul.social-icon li a {
    color: #fff;
    transition: all ease-in-out 0.4s;
}

.sher .left-top ul.social-icon li a:hover {
    color: #bd8b28;
}

.sher .left-top:nth-child(1),
.sher .left-top:nth-child(2) {
    margin-top: 0;
}

.accrodian_sec .row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

/*--------Common Style--------------*/

body {

    color: #35405c;
    background-color: #fff;
    font-size: 17px;
    /*font-family: 'verdanaregular';*/
    font-family: Verdana, sans-serif;
}

/******verdanaregular********/

img {
    max-width: 100%;
}

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

p {

    line-height: 25px;
    font-weight: 400;
    font-style: normal;
    color: #433449;
    font-size: 15px;
}

a {
    color: #35405c;
    text-decoration: none;
}

a:hover {
    color: #D4AF37;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {

    color: #433449;
}

.container {
    max-width: 1182px;
    width: 100%;
    margin: 0 auto;
}

a {
    transition: all ease-in-out 0.1s;
}

html,
body,
div,
table {
    font-size: 14px;
    line-height: 2em;
    font-weight: 400;
}

.bg-style {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.btn.btn-primary {
    background: #ea595e;
    padding: 0 15px;
    font-weight: 400;
    overflow: hidden;
    display: inline-block;
    box-shadow: 0 4px 10px rgb(0 0 0 / 25%);
    border-radius: 50px;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 41px;
    transition-duration: .3s;
    height: 45px;
    position: relative;
    z-index: 999;
    border: 1px solid #ae191f;
}

.btn-primary:after {
    position: absolute;
    top: 0px;
    left: -3px;
    background-color: #ae191f;
    width: 0px;
    height: 45px;
    line-height: 45px;
    content: "";
    border-radius: 100px;
    border: 1px solid #ae191f;
    transition: all .2s;
    overflow: hidden;
}

.btn.btn-primary:hover {
    color: #fff;
}

.btn-primary:hover:after {
    visibility: visible;
    width: 106%;
    z-index: -9;
}

.overflow-hidden {
    overflow: inherit !important;
}

.workmanship li {
    display: inline-block;
    margin: 0 5px;
}

.header-topbar p {
    font-weight: 600;
}

/***********header-top-css******************/
.header-top {
    background-color: var(--primary-color);
    color: #fff;
    padding: 32px 0 32px;
}

.header-topbar p {
    color: #fff;
    /* text-transform: capitalize; */
    font-size: 32px;
    text-align: center;
    padding: 0 0 32px;
    margin-bottom: 0;
    line-height: 31px;
}

.description-content {
	padding-top: 0.5rem;
}

.description-content li b {
	font-family: var(--primary-font);
    font-size: 18px;
    color: #ae191f;
}

section.price-b-wrapper.transformations-wrapper {
    padding: 76px 0 26px;
}

.header-topbar a.phone-number {
    color: var(--primary-color);
    text-align: center;
    display: block;
    font-size: 46px;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 0;
    line-height: 60px;
    height: 60px;
    font-weight: 600;
    border-radius: 4px;
}

/**********site-logo************/

.logo-wrapper {
    height: auto;
    border-bottom: 1px solid #ccc;
}

.site-logo {
    text-align: center;
    padding: 10px 0;
}

.logo-wrapper .row {
    display: flex;
    align-items: center;
    padding: 15px 0;
}

.contant-number {
    text-align: right;
    width: 100%;
    display: flex;
    justify-content: initial;
    padding: 0px 0;
}

.contant-number a {
	border: 2px solid var(--primary-color);
    background-color: #00000000;
    width: 100%;
    max-width: 209px;
    height: 45px;
    line-height: 45px;
    display: block;
    text-align: center;
    color: var(--primary-color);
    font-size: 28px;
    border-radius: 4px;
}

#menu {
    display: none;
}

.navbar-outer li {
    display: inline-block;
    position: relative;
    padding: 0 20px;
}

.navbar-outer li:first-child {
    padding-left: 0px;
}

.navbar-outer li:last-child {
    padding-right: 0px;
}

.navbar-outer a:hover {
    transition: all .2s ease-in-out;
    color: var(--primary-color);
}

.navigation-list li:hover .sub-menu {
    display: block;
}

.sub-menu {
    position: absolute;
    top: 57px;
    left: 0;
    background-color: var(--primary-color);
    z-index: 2;
    width: 100%;
    min-width: 280px;
    display: none;
    text-align: left;
    width: 250px;
    padding-right: 0px;
    padding-left: 0px;
}

.sub-menu li {
    padding: 0px 0px 0px 0px;
    width: 100%;
    border-top: 0px solid #fff;
}

.sub-menu li:first-child {
    border-top: 0px solid #333;
}

.sub-menu li a {
    color: #fff;
    padding: 6px 8px;
    text-align: left;
    font-size: 20px;
}

.sub-menu li:hover a {
    color: #fff !important;
    background-color: var(--primary-color);
    border-radius: 0px;
}

.sub-menu a {
    padding: 0 0;
    color: #fff !important;
    text-transform: capitalize !important;
}

.header-main-wrap .row {
    display: flex;
    align-items: center;
    padding: 0px 0;
    border-right: 0;
    border-left: 0;
}

.navbar-outer ul.navigation-list {
    text-align: center;
}

.login-wrap a.login-btn {
    background-color: #D4AF37;
    border: 0px solid transparent;
    color: #fff;
    transition: all .3s ease;
    min-width: 160px;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    padding: 0px 32px;
    border-radius: 36px;
    background-clip: border-box;
    margin-top: -14px;
    margin-left: 0;
    margin-right: 0px;
    display: block;
    text-transform: uppercase;
}

.navbar-outer a {
    position: relative;
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    border-radius: 6px;
    text-align: center;
    padding: 15px 0px 15px;
    display: block;
    text-transform: capitalize;
    color: #444;
}

.navbar-outer a:after {
    width: 0%;
    height: 2px;
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    content: "";
    background-color: var(--primary-color);
    transform: scaleX(0);
    transition: all .3s;

}

.navbar-outer a:hover:after {
    width: 100%;
    transform: scaleX(1);
}

.navbar-outer li:last-child a:hover:after {
    display: none !important;
}

.sub-menu li:hover a:after {
    display: none !important;
}



/***************toogle-style****************/

.toogle-menu {
    width: 45px;
    height: 45px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .7s ease-in-out;
    transition: .7s ease-in-out;
    cursor: pointer;
    display: none;
    position: absolute;
    right: 10px;
    top: 0;
    margin-top: 0;
    z-index: 99;
    background: transparent;
    border-radius: 4px;
    z-index: 999;
}

.toogle-menu span {
    display: block;
    position: absolute;
    height: 2px;
    width: 28px;
    background: #000;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    right: 0;
    margin: auto;
    margin-top: 5px;
}

.home .toogle-menu span {
    background: #fff;
}

.toogle-menu span:nth-child(1) {
    top: 10px;
}

.toogle-menu span:nth-child(2),
.toogle-menu span:nth-child(3) {
    top: 17px;
}

.toogle-menu span:nth-child(4) {
    top: 24px;
}

.toogle-menu.open span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.toogle-menu.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.toogle-menu.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.toogle-menu.open span:nth-child(4) {
    top: 24px;
    width: 0%;
    right: 50%;
}

.header-logo-sec .container {
    max-width: 1295px;
}

.navigation-list > li.active > a:after {
    width: 100%;
}

.navigation-list li.mob-legal {
    display: none;
}

.navigation-list li.mob-home {
    display: none;
}

/****************drop-menus-css**********************/

.navigation-list li.menu-item-has-children span.drop-menus:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #444;
    font-size: 20px;
    transform: rotate(0deg);
    font-weight: 600
}

.navigation-list li.menu-item-has-children span.open .drop-menus:after {
    transform: rotate(0deg);
}

.navigation-list li.menu-item-has-children span.drop-menus {
    position: absolute;
    right: 0;
    top: 15px;
    height: 26px;
    width: auto;
    display: inline-block;
}

.navigation-list li.menu-item-has-children ul.sub-menu.open {
    opacity: 1;
    visibility: visible;
    height: auto;
    display: block;
}



/*************banner-wrapper********************/
.slide-content {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.slide-content {
    padding: 480px 0px 80px;
}

.slide-content h1 {
    color: #fff;
    font-size: 36px;
    line-height: 51px;
    margin-bottom: 15px;
}

.slide-content p {
    color: #fff;
}

/*******owl-nav********/
.banner-slider .owl-dots.disabled {
    display: none;
}

.banner-slider .owl-nav button {
    position: absolute;
    top: 45%;
    left: 0;
    outline: none;
}

.banner-slider .owl-nav button.owl-prev {
    left: 20px;
}

.banner-slider .owl-prev span {
    font-size: 40px;
    width: 42px;
    height: 42px;
    color: #433449;
    display: block;
    line-height: 35px;
    border-radius: 43px;
    background: #fff;
    border: 1px solid #433449;
}

.banner-slider .owl-next span {
    font-size: 40px;
    width: 42px;
    height: 42px;
    color: #433449;
    display: block;
    line-height: 35px;
    border-radius: 43px;
    background: #fff;
    border: 1px solid #433449;
}

.banner-slider .owl-nav button.owl-next {
    right: 20px;
    position: absolute;
    left: auto;
}

.banner-slider .owl-nav button {
    position: absolute;
    top: 45%;
    left: 0;
    outline: none;
}

/***********owl-dots*************/
.banner-slider .owl-dots {
    text-align: center;
    padding-top: 30px;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}

.banner-slider button.owl-dot.active {
    background: #ae191f !important;
}

.banner-slider button.owl-dot {
    background: #fff !important;
    width: 10px;
    height: 10px;
    border-radius: 22px;
    margin: 0 auto;
    display: initial;
    margin: 0 5px;
    outline: none !important;
}

.html-overlay {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 280px;
    top: 0;
    width: 100%;
    z-index: 999;
}

.html-overlay.active-images {
    display: block;
}

img.hiddenimages {
    display: none !important;
}

/**************contant-wrappwer******************/

section.contant-wrappwer {
    padding: 60px 0 90px;
}

.contant-wrappwer .content-title {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.content-title h1 {
    margin-bottom: 40px;
    font-size: 36px;
    line-height: 44px;
    color: #433449;
    font-weight: 600;
}

.content-title p {
	font-family: var(--primary-font);
    font-size: 20px;
    color: #433449;
    line-height: 30px;
    margin-bottom: 0px;
}

/**************transformations-wrapper****************/
section.transformations-wrapper {
    padding: 0 0 65px;
    position: relative;
}

.title-wrap h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 600;
}

.title-wrap img {
    width: 50px;
    margin: 0 15px;
}

.title-wrap {
    margin-bottom: 43px;
}

.transformations-item {
    margin-bottom: 40px;
    border-radius: 15px 15px 15px 15px;
    padding-top: 0px;
    box-shadow: 0px 0px 4px 6px #ccc;
}

.images-sec img {
    max-width: 100%;
    width: 100%;
}

.floor-area-text {
    display: block;
    padding: 15px 0;
	text-align: center;
	border-bottom: 2px solid #857979;
}

.floor-area-text h2 {
	font-family: var(--primary-font);
    text-transform: uppercase;
    font-size: 26px;
    margin-bottom: 0px;
	text-align: center;
	color: var(--primary-color);
}

.floor-area-text span {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: 600;
}

.workmanship li {
    display: inline-block;
}

.workmanship h4 {
    text-transform: capitalize;
    font-size: 18px;
    margin-bottom: 0;
}

.workmanship li i {
    color: #f8b202;
    font-size: 22px;
}

.workmanship ul {
    margin: 10px 0;
}

.transformations-bottom {
    background-color: #e7e7e7;
    padding: 0 20px 30px;
    border-radius: 0px 0px 15px 15px;
}

.images-sec {
    position: relative;
}

/*.special-offer img {
    width: 100%;
    max-width: 140px;
    height: 140px;
    border-radius: 140px;
}*/
.special-offer {
    position: absolute;
    top: -12px;
    right: -12px;
}

.budget-item {
    position: absolute;
    top: 0px;
    left: 0;
    background-color: rgb(0, 0, 0, 0.6);
    width: unset;
    max-width: unset;
    padding: 12px 12px 15px;
}

.budget-item h2 {
    color: #fff;
    font-size: 30px;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.budget-item span {
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
}

.view-more a {
    font-size: 24px;
    width: 100%;
    max-width: 267px;
    line-height: 67px;
    margin: 0 auto;
    background-color: #ae191f;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: center;
    border-radius: 4px;
}

.transformations-wrapper ol.row {
    list-style: none;
    padding: 0;
}

.images img {
    cursor: pointer;
    display: inline-block;
}

.focus {
    z-index: 10;
    width: 300px;
    height: 300px;
    display: none;
}

.focus.enabled {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: fit-content;
    height: 100%;
    bottom: 0;
    z-index: 999999;
    text-align: center;
    margin: 0 auto;
    overflow: auto;
}

.focus .container {
    padding: initial;
}

.focus.enabled img {
    max-width: 100%;
}

/* .focus .container {
    width: 100%;
    max-width: 100%;
    padding: 0 0px;
} */
.focus.enabled .controls {
    margin-top: 0;
    padding: 0;
    text-align: center;
    background: #ae191f;
    margin: 0 0px;
    width: 100%;
    text-align: center;
    align-items: center;
    margin: 0 auto;
    outline: none;
    border-radius: 0px !important;
    border: none;
}

.focus.enabled .controls i {
    cursor: pointer;
    margin-right: 0;
    color: #fff;
    font-size: 19px;
    padding: 10px 40px;
}

.focus.enabled .controls .close {
    right: 10px;
    font-size: 24px !important;
    padding: 0 0 !important;
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: red;
    color: #fff !important;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / 70%);
    overflow: hidden;
}

.darken {
    opacity: 0.3;
}

/*********11-8-2021************/
.images-sec .images {
    position: relative;
}

.images-sec .images:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000b8;
    content: "";
    opacity: 0;
    transform: scale(0);
}

.images-sec .images:hover:after {
    opacity: 1;
    transform: scale(1);
}

.images-sec .images img {
    position: relative;
    display: block;
    width: 100%;
    transition: all 1000ms ease;
}

.images-sec .images:hover img {
    transform: scale(1.1);
    opacity: 0.3;
    z-index: 999;
}

.images-sec .images {
    position: relative;
    overflow: hidden;
}

/************12-8-2021*******************/



.transformations-item .images-sec a {
    display: block;
    position: relative;
    overflow: hidden;
}

.transformations-item .images-sec a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    content: "";
    opacity: 0;
    transition: all 1000ms ease;
}

.transformations-item .images-sec:hover a img {
    transform: scale(1.1);
}

.transformations-item .images-sec:hover a:after {
    opacity: 0.4;
}

.transformations-item .images-sec img {
    transition: all 1000ms ease;
}


/*-------------------------------------*/
.transformations-item .images-sec .special-offer {
	position: absolute;
	top: 0;
	width: 50% !important;
	right: 0;
	z-index: 9;
	text-align: right;
}

.transformations-item .images-sec .sold-out {
    position: absolute;
    top: 20%;
    width: 100% !important;
    left: 0px;
	z-index: 9;
}

.transformations-item .images-sec .limited-stock {
    position: absolute;
    top: 0px;
    max-width: 80% !important;
    left: 0px;
	z-index: 9;
}

.transformations-item .images-sec .low-price {
    position: absolute;
    top: 0;
    left: 0px;
	z-index: 9;
}

.transformations-item .images-sec .special-offer img {
    width: auto;
    height: auto !important;
    border-radius: 0;
}


.transformations-item .images-sec .img_crp {
    overflow: hidden;
}

.transformations-item .images-sec {
    overflow: visible !important;
}

/*------------------------------------*/
/**************call-now-wrapperbg*******************/

section.call-now-wrapper {
    position: relative;
}

.call-now-outer {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    padding: 98px 0 94px;
    position: relative;
    z-index: 9;
}

section.call-now-wrapper:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    background-color: rgb(0, 0, 0, 0.5);
}

.call-now-outer h1 {
    color: #fff;
    text-transform: capitalize;
    font-size: 60px;
    font-weight: bold;
    line-height: 80px;
}

/***************home-transformations***************/

section.home-transformations {
    padding: 55px 0 55px;
}

section.home-transformations ul.image-gallery-row {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
}

section.home-transformations ul.image-gallery-row li.image-gallery {
/* 	flex: 1 1 calc(25% - 20px); */
	text-align: center;
	box-shadow: 3px 3px 3px 3px rgb(128 128 128 / 15%);
	padding: 10px;
	border-radius: 10px;
	max-width: 300px;
}

.image-gallery-row .image-gallery:hover a img {
	transform: unset;
	opacity: 0.6;
}

section.home-transformations ul.image-gallery-row li.image-gallery a {
	display: block;
}

.home_transformations-images img {
    width: auto;
}

.home_transformations-images {
    text-align: center;
}

.home-transformations-outer [class^="col-"] {
    padding: 0;
}

.befor-btn {
    background-color: #ae191f;
}

.befor-btn a {
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    padding: 8px 0;
    display: block;
    text-align: center;
}

/***************/
.home-transformations-slider .owl-dots.disabled {
    display: none;
}

.home-transformations-slider button {
    position: absolute;
    top: 45%;
    left: 0;
    outline: none;
}

.home-transformations-slider button.owl-prev {
    left: -140px;
}

.home-transformations-slider .owl-prev span {
    font-size: 40px;
    width: auto;
    height: auto;
    color: transparent;
    display: block;
    line-height: 35px;
    border-radius: 43px;
    background: transparent;
    border: 0px solid #433449;
}

.home-transformations-slider .owl-prev span:after {
    content: "";
    background-image: url(.././images/left-icon.png);
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    width: 30px;
    height: 40px;
}

.home-transformations-slider .owl-next span {
    font-size: 40px;
    width: auto;
    height: auto;
    color: transparent;
    display: block;
    line-height: 35px;
    border-radius: 43px;
    background: transparent;
    border: 0px solid #433449;
}

.home-transformations-slider .owl-next span:after {
    content: "";
    background-image: url(.././images/right-icon.png);
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    width: 30px;
    height: 40px;
}

.home-transformations-slider button.owl-next {
    right: -140px;
    position: absolute;
    left: auto;
}

.home-transformations-slider button {
    position: absolute;
    top: 45%;
    left: 0;
    outline: none;
}

/***************roms-wrapper******************/
/* section.roms-wrapper {
    margin-bottom: 40px;
} */

.home-transformations-outer .row {
    align-items: center;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

.roms-wrapper [class^="col-"] {
    padding: 0;
}

.roms-contant-left p {
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
    font-size: 27px;
    font-weight: 400;
    line-height: 41px;
}

.roms-contant-left {
    width: 100%;
    max-width: 653px;
    margin-left: auto;
    margin-right: 48px;
}

.roms-wrapper [class^="col-"]:first-child {
    background-color: var(--primary-color) !important;
    display: flex;
    align-items: center;
}

/*****************description-wrap*******************/

section.description-wrap.transformations-wrapper {
    padding: 76px 0 66px;
}

.description-content li {
	font-family: var(--primary-font);
    text-transform: capitalize;
    font-size: 20px;
    margin-bottom: 0;
    color: #433449;
	padding-left: 15px;
}

.description-title {
	display: block;
    padding: 15px 0;
	text-align: center;
	border-bottom: 2px solid #857979;
}

.description-title h2 {
	text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 0px;
	text-align: center;
	color: #ae191f;
}

/*************curtain-boutique-wrapper**************/

section.curtain-boutique-wrapper {
    padding: 0 0 76px;
}

.curtain-description-right h1 {
    font-size: 30px;
    margin-bottom: 15px;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 40px;
    /* color: #ae191f; */
}

.curtain-description-right p {
    /* margin-bottom: 0px; */
	font-family: var(--primary-font);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    opacity: 1;
}

/**************price-b-wrapper.transformations-wrapper*****************/
section.price-b-wrapper.transformations-wrapper {
    padding: 76px 0 26px;
}

.images {
    height: 350px;
}

.displayimage {
    height: 100%;
    width: 100%;
}








/*************footer-style********************/
footer.footer {
    background: none;
    padding: 0px 0 0;
    background-color: #000;

}

.footer-top {
    padding-top: 20px;
}

.contant-info h2 {
    font-size: 24px;
    color: #fff;
}

.footer-discretion p.copy {
    text-align: center;
    color: #fff;
    margin-bottom: 0;
}

.contant-info {
    margin-bottom: 20px;
}

.footer-bottom {
    padding-bottom: 20px;
}

section.article-wrapper.curtain-boutique-wrapper {
    padding: 76px 0 50px;
}

/************1-9-2021****************/

.transformations-item .images-sec img {
    transition: all 1000ms ease;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
}

/*.transformations-item .special-offer img {
    width: 100%;
    max-width: 140px !important;
    height: 140px !important;
    border-radius: 140px;
}*/




/**************responsive-style*******************/

@media (max-width: 1900px) {

    /* -----------  Header Style----------------------*/

    /***********header-top-css******************/

    .header-top {
        background-color: var(--primary-color);
        color: #fff;
        padding: 40px 0 32px;
    }

    .header-topbar p {
        color: #fff;
        /*  text-transform: capitalize; */
        font-size: 32px;
        text-align: center;
        padding: 0 0 32px;
        margin-bottom: 0;
        line-height: 31px;
    }

    .header-topbar a.phone-number {
		font-family: var(--primary-font);
        color: var(--primary-color);
        text-align: center;
        display: block;
        font-size: var(--primary-fontsize);
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
        background-color: #fff;
        padding: 0 0;
        line-height: 60px;
        height: 60px;
        font-weight: 600;
        border-radius: 4px;
    }

    /**********site-logo************/

    .logo-wrapper {
        height: auto;
        border-bottom: 1px solid #ccc;
    }

    .site-logo {
        text-align: center;
        padding: 0px 0;
    }

    .logo-wrapper .row {
        display: flex;
        align-items: center;
        padding: 15px 0;
    }

    .contant-number {
        text-align: right;
        width: 100%;
        display: flex;
        justify-content: initial;
        padding: 0px 0;
    }

    .contant-number a {
		border: 2px solid var(--primary-color);
        background-color: #00000000;
        width: 100%;
        max-width: 209px;
        height: 45px;
        line-height: 45px;
        display: block;
        text-align: center;
        color: var(--primary-color);
        font-size: 28px;
        border-radius: 4px;
    }

    #menu {
        display: none;
    }

    .navbar-outer li {
        display: inline-block;
        position: relative;
        padding: 0 20px;
    }

    .navbar-outer li:first-child {
        padding-left: 0px;
    }

    .navbar-outer li:last-child {
        padding-right: 0px;
    }

    .navbar-outer a:hover {
        transition: all .2s ease-in-out;
        color: var(--primary-color);
    }

    .navigation-list li:hover .sub-menu {
        display: block;
    }

    .sub-menu {
        position: absolute;
        top: 57px;
        left: 0;
        background-color: var(--primary-color);
        z-index: 2;
        width: 100%;
        min-width: 280px;
        display: none;
        text-align: left;
        width: 250px;
        padding-left: 0px;
    }

    .sub-menu li {
        padding: 0px 0px 0px 0px;
        width: 100%;
        border-top: 0px solid #fff;
    }

    .sub-menu li:first-child {
        border-top: 0px solid #333;
    }

    .sub-menu li a {
        color: #fff;
        padding: 0 0;
        text-align: left;
        font-size: 18px;
    }

    .sub-menu a {
        padding: 0 0;
        color: #fff !important;
        text-transform: capitalize !important;
    }

    .sub-menu li a {
        color: #fff;
        padding: 6px 8px;
        text-align: left;
    }

    .sub-menu li:hover a {
        color: #fff !important;
        background-color: var(--primary-color);
        border-radius: 0px;
    }

    .navbar-outer li ul.sub-menu {
        padding: 6px;
    }

    .navbar-outer li ul.sub-menu li {
        padding: 0 !important;
    }

    .header-main-wrap .row {
        display: flex;
        align-items: center;
        padding: 0px 0;
        border-right: 0;
        border-left: 0;
    }

    .navbar-outer ul.navigation-list {
        text-align: center;
    }

    .login-wrap a.login-btn {
        background-color: #D4AF37;
        border: 0px solid transparent;
        color: #fff;
        transition: all .3s ease;
        min-width: 160px;
        font-size: 16px;
        height: 42px;
        line-height: 42px;
        padding: 0px 32px;
        border-radius: 36px;
        background-clip: border-box;
        margin-top: -14px;
        margin-left: 0;
        margin-right: 0px;
        display: block;
        text-transform: uppercase;
    }

    .navbar-outer a {
        position: relative;
        font-weight: 600;
        font-style: normal;
        font-size: 22px;
        border-radius: 6px;
        text-align: center;
        padding: 15px 0px 15px;
        display: block;
        text-transform: capitalize;
        color: #444;
    }

    .navbar-outer a:after {
        width: 0%;
        height: 2px;
        position: absolute;
        top: 48px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        content: "";
        background-color: var(--primary-color);
        transform: scaleX(0);
        transition: all .3s;

    }

    .navbar-outer a:hover:after {
        width: 100%;
        transform: scaleX(1);
    }

    .navbar-outer .sub-menu a:hover:after {
        display: none !important;
        transform: scaleX(0) !important;
    }

    .navbar-outer li:last-child a:hover:after {
        display: none;
    }



    /***************toogle-style****************/

    .toogle-menu {
        width: 45px;
        height: 45px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .7s ease-in-out;
        transition: .7s ease-in-out;
        cursor: pointer;
        display: none;
        position: inherit;
        right: 10px;
        top: 0;
        margin-top: 0;
        z-index: 99;
        background: var(--primary-color);
        border-radius: 4px;
        z-index: 999;
        margin-left: auto;
        margin-top: -77px;
    }

    .toogle-menu span {
        display: block;
        position: absolute;
        height: 2px;
        width: 28px;
        background: #fff;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
        right: 0;
        margin: auto;
        margin-top: 5px;
    }

    .home .toogle-menu span {
        background: #fff;
    }

    .toogle-menu span:nth-child(1) {
        top: 10px;
    }

    .toogle-menu span:nth-child(2),
    .toogle-menu span:nth-child(3) {
        top: 17px;
    }

    .toogle-menu span:nth-child(4) {
        top: 24px;
    }

    .toogle-menu.open span:nth-child(1) {
        top: 10px;
        width: 0%;
        left: 50%;
    }

    .toogle-menu.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .toogle-menu.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .toogle-menu.open span:nth-child(4) {
        top: 24px;
        width: 0%;
        right: 50%;
    }

    .header-logo-sec .container {
        max-width: 1295px;
    }

    .navigation-list > li.active > a:after {
        width: 100%;
    }

    .navigation-list li.mob-legal {
        display: none;
    }

    .navigation-list li.mob-home {
        display: none;
    }


    /*************banner-wrapper********************/
    .slide-content {
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
        text-align: center;
    }

    .slide-content {
        padding: 480px 0px 80px;
    }

    .slide-content h1 {
        color: #fff;
        font-size: 36px;
        line-height: 51px;
        margin-bottom: 15px;
    }

    .slide-content p {
        color: #fff;
    }

    /*******owl-nav********/
    .banner-slider .owl-dots.disabled {
        display: none;
    }

    .banner-slider .owl-nav button {
        position: absolute;
        top: 45%;
        left: 0;
        outline: none;
    }

    .banner-slider .owl-nav button.owl-prev {
        left: 20px;
		display: none;
    }

    .banner-slider .owl-prev span {
        font-size: 40px;
        width: 42px;
        height: 42px;
        color: #433449;
        display: block;
        line-height: 35px;
        border-radius: 43px;
        background: #fff;
        border: 1px solid #433449;
    }

    .banner-slider .owl-next span {
        font-size: 40px;
        width: 42px;
        height: 42px;
        color: #433449;
        display: block;
        line-height: 35px;
        border-radius: 43px;
        background: #fff;
        border: 1px solid #433449;
    }

    .banner-slider .owl-nav button.owl-next {
        right: 20px;
        position: absolute;
        left: auto;
		display: none;
    }

    .banner-slider .owl-nav button {
        position: absolute;
        top: 45%;
        left: 0;
        outline: none;
    }

    /***********owl-dots*************/
    .banner-slider .owl-dots {
        text-align: center;
        padding-top: 30px;
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0;
    }

    .banner-slider button.owl-dot.active {
        background: #ae191f !important;
    }

    .banner-slider button.owl-dot {
        background: #fff !important;
        width: 10px;
        height: 10px;
        border-radius: 22px;
        margin: 0 auto;
        display: initial;
        margin: 0 5px;
        outline: none !important;
    }

    /**************contant-wrappwer******************/

    section.contant-wrappwer {
        padding: 60px 0 90px;
    }

    .contant-wrappwer .content-title {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .content-title h1 {
        margin-bottom: 40px;
        font-size: 36px;
        line-height: 44px;
        color: #433449;
        font-weight: 600;

    }

    .content-title p {
        font-size: 20px;
        color: #433449;
        line-height: 41px;
        margin-bottom: 0px;
    }

    /**************transformations-wrapper****************/
    section.transformations-wrapper {
        padding: 0 0 65px;
    }

    .title-wrap h1 {
        text-align: center;
        text-transform: uppercase;
        font-size: 36px;
        font-weight: 600;
    }

    .title-wrap img {
        width: 50px;
        margin: 0 15px;
    }

    .title-wrap {
        margin-bottom: 43px;
    }

    .transformations-item {
        margin-bottom: 40px;
        box-shadow: 0px 4px 2px 2px #ccc;
    }

    .images-sec img {
        /*object-fit: cover;*/
        max-width: 100%;
    }

    .floor-area-text {
        display: flex;
        padding: 15px 0;
    }

    .floor-area-text h2 {
		font-family: var(--primary-font);
		color: var(--primary-color);
        text-transform: uppercase;
        font-size: 26px;
        margin-bottom: 0px;
    }

    .floor-area-text span {
        text-transform: uppercase;
        font-size: 20px;
        margin-bottom: 0px;
        font-weight: 600;
    }

    .workmanship li {
        display: inline-block;
    }

    .workmanship h4 {
        text-transform: capitalize;
        font-size: 20px;
        margin-bottom: 0;
    }

    .workmanship li i {
        color: #f8b202;
    }

    .transformations-bottom {
        background-color: #e7e7e7;
        padding: 0 20px 30px;
        border-radius: 0px 0px 15px 15px;
    }

    .images-sec {
        position: relative;
    }

    /*.special-offer img {
    width: 100%;
    max-width: 140px;
    height: 140px;
    border-radius: 140px;
}*/
    .special-offer {
        position: absolute;
        top: -12px;
        right: -12px;
    }

    .budget-item {
        position: absolute;
        top: 20px;
        left: 0;
        background-color: rgb(0, 0, 0, 0.6);
        width: unset;
        max-width: unset;
        padding: 12px 12px 15px;
    }

    .budget-item h2 {
        color: #fff;
        font-size: 30px;
        text-transform: capitalize;
        margin-bottom: 15px;
    }

    .budget-item span {
        color: #fff;
        font-size: 40px;
        text-transform: uppercase;
    }

    .view-more a {
        font-size: 24px;
        width: 100%;
        max-width: 267px;
        line-height: 67px;
        margin: 0 auto;
        background-color: #ae191f;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        display: block;
        text-align: center;
        border-radius: 4px;
    }

    .transformations-wrapper ol.row {
        list-style: none;
        padding: 0;
    }


    /**************call-now-wrapperbg*******************/

    section.call-now-wrapper {
        position: relative;
    }

    .call-now-outer {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
        text-align: center;
        padding: 98px 0 94px;
        position: relative;
        z-index: 9;
    }

    section.call-now-wrapper:before {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: "";
        background-color: rgb(0, 0, 0, 0.5);
    }

    .call-now-outer h1 {
        color: #fff;
        text-transform: capitalize;
        font-size: 60px;
        font-weight: bold;
        line-height: 80px;
    }

    /***************home-transformations***************/

    section.home-transformations {
        padding: 55px 0 30px;
    }

    .home_transformations-images img {
        width: auto;
    }

    .home-transformations-outer [class^="col-"] {
        padding: 0;
    }

    .befor-btn {
        background-color: #ae191f;
    }

    .befor-btn a {
        color: #fff;
        font-size: 22px;
        text-transform: uppercase;
        padding: 8px 0;
        display: block;
        text-align: center;
    }

    /***************/
    .home-transformations-slider .owl-dots.disabled {
        display: none;
    }

    .home-transformations-slider button {
        position: absolute;
        top: 45%;
        left: 0;
        outline: none;
    }

    .home-transformations-slider button.owl-prev {
        left: -140px;
    }

    .home-transformations-slider .owl-prev span {
        font-size: 40px;
        width: auto;
        height: auto;
        color: transparent;
        display: block;
        line-height: 35px;
        border-radius: 43px;
        background: transparent;
        border: 0px solid #433449;
    }

    .home-transformations-slider .owl-prev span:after {
        content: "";
        background-image: url(.././images/left-icon.png);
        position: absolute;
        top: 0;
        left: 0;
        background-size: cover;
        width: 30px;
        height: 40px;
    }

    .home-transformations-slider .owl-next span {
        font-size: 40px;
        width: auto;
        height: auto;
        color: transparent;
        display: block;
        line-height: 35px;
        border-radius: 43px;
        background: transparent;
        border: 0px solid #433449;
    }

    .home-transformations-slider .owl-next span:after {
        content: "";
        background-image: url(.././images/right-icon.png);
        position: absolute;
        top: 0;
        left: 0;
        background-size: cover;
        width: 30px;
        height: 40px;
    }

    .home-transformations-slider button.owl-next {
        right: -140px;
        position: absolute;
        left: auto;
    }

    .home-transformations-slider button {
        position: absolute;
        top: 45%;
        left: 0;
        outline: none;
    }

    /***************roms-wrapper******************/
/*     section.roms-wrapper {
        margin-bottom: 40px;
    } */

    .home-transformations-outer .row {
        align-items: center;
        width: 100%;
        max-width: 1170px;
        margin: 0 auto;
    }

    .roms-wrapper [class^="col-"] {
        padding: 0;
    }

    .roms-contant-left p {
		font-family: var(--primary-font);
        color: #fff;
        text-align: center;
        margin-bottom: 0px;
        font-size: 20px;
        font-weight: 600;
        line-height: 41px;
    }

    .roms-contant-left {
        width: 100%;
        max-width: 653px;
        margin-left: auto;
        margin-right: 48px;
    }

    .roms-wrapper [class^="col-"]:first-child {
        background-color: #ae191f;
        display: flex;
        align-items: center;
    }

    /*****************description-wrap*******************/

    section.description-wrap.transformations-wrapper {
        padding: 76px 0 66px;
    }

    .description-content li {
        text-transform: capitalize;
        font-size: 20px;
        margin-bottom: 0;
        color: #433449;
    }

    .description-title {
		display: block;
		padding: 15px 0;
		text-align: center;
		border-bottom: 2px solid #857979;
    }

    .description-title h2 {
		text-transform: uppercase;
		font-size: 28px;
		margin-bottom: 0px;
		text-align: center;
    }

    /*************curtain-boutique-wrapper**************/

    section.curtain-boutique-wrapper {
        padding: 0 0 76px;
    }

    .curtain-description-right h1 {
        font-size: 36px;
        margin-bottom: 15px;
        text-transform: capitalize;
        font-weight: 400;
        line-height: 44px;
        /* color: #ae191f; */
    }

    .curtain-description-right p {
        font-family: var(--primary-font);
    font-size: 20px;
        font-weight: 400;
        line-height: 31px;
        opacity: 1;
    }

    /**************price-b-wrapper.transformations-wrapper*****************/

    section.price-b-wrapper.transformations-wrapper {
        padding: 76px 0 26px;
    }

    section.article-wrapper.curtain-boutique-wrapper {
        padding: 76px 0 50px;
    }







    /*************footer-style********************/
    footer.footer {
        background: none;
        padding: 0px 0 0;
        background-color: #000;

    }

    .footer-top {
        padding-top: 20px;
    }

    .contant-info h2 {
        font-size: 24px;
        color: #fff;
    }

    .footer-discretion p.copy {
		font-family: var(--primary-font);
		font-size: 20px;
        text-align: center;
        color: #fff;
        margin-bottom: 0;
    }

    .footer-bottom {
        padding-bottom: 20px;
    }

    .contant-info {
        margin-bottom: 20px;
    }

}


@media (max-width: 1400px) {
    .home-transformations-slider button.owl-prev {
        left: 10px;
    }

    .home-transformations-slider button.owl-next {
        right: 20px;
        position: absolute;
        left: auto;
    }

    .slide-content {
        padding: 180px 0px 80px;
    }

    .navbar-outer li {
        padding: 0 8px !important;
    }

    .navbar-outer a {
        font-size: 20px !important;
    }

}


@media (max-width: 1200px) {

    .content-title h1 {
        font-size: 30px;
        line-height: 41px;
    }

    .content-title p {
        font-size: 20px;
    }

    .title-wrap h1 {
        font-size: 30px;
    }

    .budget-item h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .budget-item span {
        font-size: 30px;
    }

    .call-now-outer h1 {
		font-family: var(--primary-font);
        font-size: 50px;
        font-weight: bold;
        line-height: 60px;
        margin-bottom: 0;
    }

    .roms-contant-left {
        width: 100%;
        max-width: 560px;
        margin-left: auto;
        margin-right: 20px;
    }
}

@media (max-width: 1024px) {

    .content-title h1 {
        font-size: 24px;
        line-height: 31px;
    }

    .content-title p {
        font-size: 16px;
    }

    .title-wrap h1 {
        font-size: 24px;
    }

    .roms-contant-left {
        width: 100%;
        max-width: 100%;
        margin-left: 10px;
        margin-right: 10px;
    }

    .roms-contant-left p {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }

    .footer-header .header-topbar p {
        font-size: 24px;
        text-align: center;
        padding: 0 0 20px;
    }

    .roms-contant-left p:first-child {
        margin-bottom: 20px;
    }

    .roms-images-right img {
        width: 100%;
        max-width: 100%;
        height: 300px;
        object-fit: cover;
        object-position: center;
    }

}


@media (max-width: 991px) {

    .main-nav {
        display: none;
    }

    .logo_se img {
        width: 100%;
        max-width: 140px;
    }

    .main-nav.opening {
        display: block;
    }

    #nav-toggle {
        display: block;
    }

    .header-logo-sec {
        padding: 15px 0 15px;
    }

    .main-nav.opening {
        display: block;
        margin-bottom: 0px;
        margin-top: 30px;
    }

    .site-main-nav ul li {
        text-align: left;
        width: 100%;
        padding: 6px 0px;
    }

    .navbar-outer ul.navigation-list {
        background-color: #fff;
        padding: 80px 20px;
        transform: translatez(0px);
    }

    .navbar-outer li {
        width: 100%;
        text-align: left;
        padding: 0;
        padding-bottom: 15px;
        border-bottom: 1px solid var(--primary-color);
        margin-bottom: 5px;
    }

    .header-logo-sec [class^="col-"] {
        padding: 0;
    }

    .logo_se {
        padding-left: 15px;
    }

    .header-logo-sec .row {
        justify-content: flex-start;
        display: block;
    }

    .header-logo-sec [class^="col-"] {
        padding: 0;
        flex: 0 0 75%;
        max-width: 100%;
    }

    .sub-menu {
        position: inherit;
        top: 0;
        left: 0;
        background-color: transparent;
        z-index: 2;
        width: 100%;
        min-width: 210px;
        display: none;
        text-align: left;
    }

    .sub-menu li {
        padding: 0px 0px 0px 0px !important;
    }

    .sub-menu li a {
        color: #D4AF37 !important;
        font-size: 16px;
    }

    .arrow-mob a:after {
        position: absolute;
        top: 0;
        right: auto;
        font-family: "FontAwesome";
        content: "\f107";
        display: inline-block;
        padding-right: 18px;
        vertical-align: middle;
        font-weight: 400;
        color: #fff;
        font-size: 25px;
        transform: rotate(-90deg);
        display: none;
    }

    .navigation-list li:hover .arrow-mob a:after {
        transform: rotate(0deg);
    }

    .sub-menu li a:after {
        display: none;
    }

    .navigation-list li.menu-item-has-children span.sub-menu-toggle:after {
        content: "\f107";
        font-family: FontAwesome;
        position: absolute;
        right: 0px;
        top: 0px;
        color: #D4AF37;
        font-size: 20px;
        transform: rotate(0deg);
    }

    .navigation-list li.menu-item-has-children span.open .sub-menu-toggle:after {
        transform: rotate(0deg);
    }

    .navigation-list li.menu-item-has-children span.sub-menu-toggle {
        position: absolute;
        right: 0;
        top: 0;
        height: 30px;
        width: 30px;
    }

    .navigation-list li.menu-item-has-children ul.sub-menu.open {
        opacity: 1;
        visibility: visible;
        height: auto;
        display: block;
    }

    .sub-menu {
        background-color: transparent;
        z-index: 2;
        width: 100%;
        min-width: 210px;
        display: none;
        text-align: left;
        position: relative;
        opacity: 0;
        visibility: hidden;
        height: 0;
        transform: none;
        min-width: 100%;
        top: 0;
        left: 0;
        transition: all ease-in-out 0.25s;
    }

    .navigation-list li:hover .sub-menu {
        display: none;
    }

    .header-logo-sec {
        height: 100%;
    }

    .sub-menu span.sub-menu-toggle {
        display: none;
    }

    ul.navigation-list {
        display: block;
        align-items: center;
    }

    .site-header {
        margin: 0 auto;
        min-width: 100%;
        width: 96%;
        max-width: 100%;
        width: 100%;
    }

    .navbar-outer {
        display: block;
    }

    .open.toogle-menu {
        top: 150px;
    }

    .mob-logo {
        display: block;
    }

    .center-logo a img {
        width: 100%;
        max-width: 320px;
    }

    .toogle-menu {
        top: 150px;
        right: 30px;
    }

    .navigation-list li.mob-legal {
        display: block;
    }

    .navigation-list li.mob-home {
        display: block;
    }

    body.home.bg-style {
        background-color: #fff;
    }

    .header-main-wrap [class^="col-"] {
        width: 100%;
        flex: 0 0 auto;
    }

    .navbar-outer a {
        text-align: left;
        padding: 0px 0px 10px;
        display: block;
        color: var(--primary-color);
        font-size: 20px;
    }

    .contant-info h2 img {
        width: 30px;
    }

    .contant-info h2 {
        font-size: 16px;
        color: #fff;
    }

    .footer-top {
        padding-top: 20px;
    }

    .logo-wrapper [class^="col-"]:first-child {
        display: none;
    }

    .logo-wrapper [class^="col-"] {
        flex: 0 0 auto;
        width: 100%;
    }

    .contant-number {
        justify-content: center;
        padding: 15px 0 0px;
    }

    .transformations-wrapper li.propertys {
        width: 50%;
    }

    .special-offer {
        right: 0px;
    }

    .images-sec img {
        width: 100%;
        max-width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .call-now-outer {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 59px 0 60px;
        position: relative;
        z-index: 9;
    }

    .call-now-outer h1 {
        font-size: 35px;
        font-weight: bold;
        line-height: 51px;
        margin-bottom: 0;
    }

    .header-topbar a.phone-number {
        font-size: 30px;
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
        background-color: #fff;
        padding: 0 0;
        line-height: 45px;
        height: 45px;
    }

    section.transformations-wrapper {
        padding: 0 0 40px;
    }

    section.contant-wrappwer {
        padding: 45px 0 45px;
    }

    /*.special-offer img {
    width: 100% !important;
    max-width: 120px !important;
    height: 120px !important;
    border-radius: 120px !important;
}*/
    .header-topbar p {
        font-size: 24px;
        line-height: 41px;
    }

    .logo-wrapper .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .site-logo {
        text-align: left;
        padding: 15px 0;
    }

    .header-main-wrap {
        padding: 0px 0 0px;
    }

    .transformations-wrapper [class^="col-"] {
        width: 50%;
    }

    .budget-item {
        padding: 12px 12px 15px;
    }

    .navigation-list > li.active > a:after {
        width: 100%;
        display: none;
    }

    .navigation-list li.menu-item-has-children span.drop-menus {
        right: 0px;
    }

    .navigation-list li.menu-item-has-children span.drop-menus:after {
        color: var(--primary-color);
        font-size: 26px;
    }

    .menu-item-has-children a {
        display: inline-block;
    }

    span.drop-menus {
        display: none;
    }

    .navigation-list li.menu-item-has-children > span.drop-menus {
        display: inline-block;
    }

    .sub-menu li a {
        color: #ae191f !important;
        font-size: 16px !important;
        padding: 0 0 0 10px;
    }

    .sub-menu li:last-child {
        border-bottom: 0px;
    }

    .sub-menu li:first-child {
        padding: 0px 0px 6px 0px !important;
    }

    .main-nav ul {
        padding-top: 0px;
    }

    .navigation-list li.menu-item-has-children span.drop-menus {
        top: 0;
    }

	section.home-transformations ul.image-gallery-row li.image-gallery {
/* 		flex: 1 1 calc(33.33% - 20px); */
	}
}


@media (max-width: 767px) {
    .main-nav {
        display: none;
    }

    .home_transformations-images img {
        height: auto;
    }

    .site-main-nav ul li {
        text-align: left;
        width: 100%;
        padding: 6px 0px;
    }

    #nav-toggle {
        display: block;
    }

    .site-main-nav {
        padding: 20px 0;
    }

    .navbar-outer li {
        width: 100%;
        text-align: left;
        padding: 0;
        padding-bottom: 15px;
    }

    .header-logo-sec [class^="col-"] {
        padding: 0;
    }

    .logo_se {
        padding-left: 15px;
    }

    .header-logo-sec .row {
        justify-content: flex-start;
        display: block;
    }

    .toogle-menu {
        top: 160px;
        margin-top: -77px;
    }

    .open.toogle-menu {
        top: 160px;

    }

    .navbar-outer ul.navigation-list {
        padding: 30px 0px;
    }

    .header-main-wrap {
        padding: 0px 0 0px;
    }

    .contant-number {
        justify-content: center;
        padding: 14px 0 0px;
    }

    .header-topbar p {
        font-size: 24px;
        line-height: 31px;
    }

    .transformations-wrapper li.propertys {
        width: 100%;
    }

    .roms-contant-left {
        padding: 40px 0;
    }

    .footer-top [class^="col-"] {
        width: 30%;
    }

    .footer-discretion p.copy {
        text-align: center;
    }

    .banner-slider .owl-nav button.owl-prev {
        left: 0px;
    }

    .banner-slider .owl-nav button.owl-next {
        right: 0px;
    }

    .title-wrap img {
        width: 30px;
        margin: 0 2px;
    }

    .budget-item h2 {
        font-size: 20px;
        margin-bottom: 6px;
    }

    .budget-item span {
        font-size: 24px;
    }

    .curtain-description-right p {
        margin-bottom: 0px;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        opacity: 0.6;
    }

    section.description-wrap.transformations-wrapper {
        padding: 30px 0 0px;
    }

    .curtain-description-right h1 {
        font-size: 20px;
        margin-bottom: 10px;
        margin-top: 15px;
    }

    section.curtain-boutique-wrapper {
        padding: 0 0 30px;
    }

    section.price-b-wrapper.transformations-wrapper {
        padding: 30px 0 10px;
    }

    .transformations-wrapper [class^="col-"] {
        width: 100%;
    }

    .reasons-wrapper .teaser-text-col ul li {
        color: #fff;
        text-align: center;
    }

    .contant-wrappwer .content-title {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }

}

@media (max-width: 600px) {
    .footer-top [class^="col-"] {
        width: 30%;
        padding: 0;
    }

    .contant-info h2 {
        font-size: 14px;
        color: #fff;
    }

    .contant-info h2 img {
        width: 24px;
    }

    .slide-content {
        padding: 100px 0px 80px;
    }

    .banner-slider .owl-nav button {
        top: 35%;
    }

    .title-wrap img {
        display: none;
    }

	section.home-transformations ul.image-gallery-row li.image-gallery {
/* 		flex: 1 1 calc(50% - 20px); */
	}
}



@media (max-width: 480px) {
    .slide-content h1 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px;
        padding: 0 15px;
    }

    .title-wrap h1 {
        font-size: 20px;
    }

    .title-wrap img {
        width: 26px;
        margin: 0 2px;
    }

    .view-more a {
        font-size: 20px;
        width: 100%;
        max-width: 267px;
        line-height: 50px;
    }

    .header-topbar p {
        font-size: 20px;
        text-align: center;
        padding: 0 0 20px;
    }

    .content-title br {
        display: none;
    }

    .images-sec img {
        height: 100%;
    }

    .call-now-outer h1 {
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
        margin-bottom: 0;
    }

    .footer-header .header-topbar p {
        font-size: 20px;
    }

    .footer-discretion p.copy {
        text-align: left;
        font-size: 14px;
    }

    .contant-number {
        justify-content: left;
        padding: 0px 0 15px;
    }

    .banner-slider .owl-prev span {
        width: auto;
        height: 42px;
        color: #fff;
        background: transparent;
        border: 1px solid transparent;
    }

    .banner-slider .owl-next span {
        width: auto;
        height: 42px;
        color: #fff;
        background: transparent;
        border: 1px solid transparent;
    }

    .floor-area-text h2 {
        font-size: 26px;
    }

    .floor-area-text span {
        font-size: 18px;
        line-height: 21px;
    }

    .budget-item {}

    /*.special-offer img {
    width: 100% !important;
    max-width: 90px !important;
    height: 90px !important;
    border-radius: 90px !important;
}*/
    .footer-top [class^="col-"] {
        width: 100%;
        padding: 0 30px;
    }

    .contant-info h2 {
        font-size: 16px;
    }

    .footer-discretion p.copy {
        text-align: left;
        font-size: 14px;
        padding-left: 30px;
    }

    .header-top {
        background-color: var(--primary-color);
        color: #fff;
        padding: 15px 0;
    }

    .header-topbar a.phone-number {
        font-size: 20px;
        width: 100%;
        max-width: 220px;
        margin: 0 auto;
        background-color: #fff;
        padding: 0 0;
        line-height: 35px;
        height: 35px;
    }

    .header-topbar p {
        font-size: 18px;
        text-align: center;
        padding: 0 0 10px;
        line-height: 24px;
    }

    .contant-number a {
        width: 100%;
		border: 2px solid var(--primary-color);
        background-color: #00000000;
        display: block;
        text-align: center;
        color: var(--primary-color);
        border-radius: 4px;
        font-size: 20px;
        max-width: 220px;
        margin: 0 auto;
        padding: 0 0;
        line-height: 35px;
        height: 35px;
    }

    .contant-number {
        justify-content: left;
        padding: 15px 0 10px;
    }

    .header-main-wrap {
        padding: 0px 0 0px;
    }

    .banner-btn .btn.btn-primary {
        font-size: 14px;
        line-height: 40px;
        transition-duration: .3s;
        height: 40px;
        position: relative;
        z-index: 999;
        border: 1px solid #ae191f;
    }

    .content-title h1 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 15px;
    }

    .content-title p {
        font-size: 14px;
        line-height: 23px;
    }

    .title-wrap img {
        display: none;
    }

    .title-wrap {
        margin-bottom: 30px;
    }

    section.contant-wrappwer {
        padding: 30px 0 30px;
    }

    .view-more a {
        font-size: 18px;
        width: 100%;
        max-width: 230px;
        line-height: 40px;
    }

    section.transformations-wrapper {
        padding: 0 0 20px;
    }

    .transformations-item {
        margin-bottom: 30px;
    }

    section.home-transformations {
        padding: 30px 0 30px;
    }

    .title-wrap h1 {
        font-size: 20px;
        line-height: 31px;
        margin-bottom: 0;
    }

    .befor-btn a {
        font-size: 18px;
        padding: 0px 0;
    }

    .roms-contant-left {
        padding: 20px 0;
    }

    .footer-header .header-topbar p {
        font-size: 18px;
        line-height: 24px;
    }

    .description-title {
		display: block;
		padding: 15px 0;
		text-align: center;
		border-bottom: 2px solid #857979;
    }

    .description-title h2 {
        font-size: 20px;
    }

    .description-content li {
        text-transform: capitalize;
        font-size: 16px;
        margin-bottom: 0;
        color: #433449;
        line-height: 24px;
    }
}

@media (max-width: 320px) {
    .footer-discretion p.copy {
        text-align: left;
        font-size: 13px;
    }

    .header-topbar p {
        font-size: 16px;
        line-height: 23px;
    }
}