/* @import url('https://fonts.googleapis.com/css2?family=Gilda+Display&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');

.main-slider {
    position: relative;
    background-size: cover;
}

.main-slider .owl-nav button {
    border: none;
}

.main-slider .owl-nav {
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 1;
    width: 100%;
    margin-top: -40px;
}

.main-slider.style-three .owl-nav .owl-prev,
.main-slider.style-three .owl-nav .owl-next {

    color: #ffffff !important;
    font-size: 31px;
    background-color: transparent !important;
    border-radius: 50%;
    box-shadow: none;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: rgb(34 173 228);
}

@media only screen and (min-width: 992px) and (max-width: 1920px) {
    .navbar-nav li:hover .dropdown-menu {
        display: block;

    }
}

.navbar-nav li .dropdown-menu {
    padding: 0;
    border-radius: 0.25rem;
}

.navbar-nav li .dropdown-menu .dropdown-item {
    padding: 10px 1.5rem;
}

.navbar-nav li .dropdown-menu a:first-child {
    border-bottom: 1px solid #222;
}

.main-slider .owl-nav .owl-prev {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 20px;
    color: #3241ff;
    font-size: 24px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #3241ff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-slider .slide {
    position: relative;
    background-repeat: no-repeat;
    background-position: -164px;
}

.main-slider .auto-container {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
    text-align: center;
}

.main-slider.style-three .slide .content {
    padding: 150px 0px 150px;
}

.main-slider .slide .content.alternate {
    padding: 266px 0px 110px;
}

.main-slider .slide .content {
    position: relative;
    padding: 330px 0px 260px;
}

.main-slider .title {
    font-family: 'Roboto Condensed', sans-serif;
    position: relative;
    color: #ffffff;
    opacity: 0;
    font-size: 16px;
    letter-spacing: 6px;
    margin-bottom: 15px;
    text-transform: uppercase;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);

}

.main-slider h1.style-two {
    color: #ffffff;
    font-size: 48px;
    font-weight: 700;
    padding-bottom: 0px;
    font-family: 'Roboto', sans-serif;
    /* font-family: 'Gilda Display', serif; */
    text-transform: uppercase;
    font-weight: 100;
}

.main-slider h1 {
    position: relative;
    color: #012068;
    opacity: 0;
    font-weight: 700;
    line-height: 1.3em;
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.main-slider .text {
    position: relative;
    color: #1a1e66;
    font-size: 18px;
    opacity: 0;
    line-height: 1.6em;
    font-weight: 400;
    margin-bottom: 30px;

    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.main-slider .btn-box {
    opacity: 2;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.main-slider .owl-nav .owl-next {
    position: absolute;
    right: 20px;
    width: 50px;
    height: 50px;
    color: #3241ff;
    font-size: 24px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #3241ff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-slider .active .title {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 900ms;
}

.main-slider .active h1 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 1300ms;
}

.main-slider .active .text {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 2000ms;
}

.main-slider .active .btn-box {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 2000ms;
}

.main-slider .owl-nav button {
    outline: inherit;

}

.main-slider .btn-box {
    opacity: 0;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.slide-home::before {
    position: absolute;

    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    /* background: linear-gradient(0deg, rgba(97,89,76,1) 0%, rgba(97, 89, 76, 0) 100%); */
    /* background: linear-gradient(1turn, #7f705e, transparent); */
    background: linear-gradient(1turn, #61594c, transparent);

    /* background: -webkit-gradient(linear, left top, right top, from(black), color-stop(75%, rgba(0, 0, 0, 0.23))); */
    /* background: linear-gradient(rgba(87, 79, 66, .4),rgb(87 79 66 / 89%)); */
    z-index: 9999;
}

/* background: linear-gradient(1turn, #7f705ed4, #7f705e80); */

.navbar-brand img {
    width: 259px;
}

.main-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover {
    background: #fff;
    color: #000;
}

.navbar-nav li a {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

.slide .btn-box a {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 4px;
    border: 1px solid #fff;
    padding: 9px 35px;
}

.slide .btn-box a:hover {
    color: #000000;
    background: #fff;
    transition: all 0.5s;
}

a {
    text-decoration: none !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 11px;
    padding-left: 8px;
    color: #fff;
}

.navbar {
    position: fixed;
    top: 0;
    z-index: 9999;
    left: 0px;
    right: 0px;
    padding: 20px 44px;
}

.stricky-fixed {
    background: #000;
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4);
}

.header-text-color .stricky-fixed {
    background: #fff;
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4);
}

.navbar-light .navbar-nav .nav-link:hover {
    color: rgb(34 173 228);
}

.scroll-to-top {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: #000;
    position: fixed;
    bottom: 115px;
    right: 40px;
    z-index: 99;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: none;
    border-radius: 50%;
    transition: all 0.4s ease;
}

.scroll-to-top i {
    padding-top: 9px;
    color: #fff;
    font-size: 23px;
}

p {
    /* font-family: 'Roboto Condensed', sans-serif;  */
    font-family: 'Open Sans', sans-serif;
    color: #7a7777;
}

.about-contant h6 {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 5px;
    font-weight: 600;
    font-size: 13px;
}

.about-contant {
    padding-right: 62px;
}

.about-contant h2 {
    /* font-family: 'Gilda Display', serif; */
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 38px;
    margin: 15px 0 19px 0;
}

.about-contant p {
    line-height: 22px;
    font-size: 14px;
    text-align: justify;

}

.about-contant a {
    border: 1px solid #858681;
    color: #858681;
    letter-spacing: 3px;
    padding: 8px 21px;
    top: 30px;
    position: relative;
}

.about-contant a:hover {
    transition: all 0.5s;
    background: #858681;
    color: #fff;
}

.about-us-box {
    margin: 98px 0 127px;
}

.about-img-1 img {
    width: 46%;
    margin-top: 92px;
}

.about-img-2 img {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}

.about-img {
    position: relative;
}

.service-bg-color {
    background: #f8f5f0;
    padding: 100px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
    /* font-family: 'Gilda Display', serif;  */
}

.service-head p {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 4px;
    margin-bottom: 8px;
}

.service-head h2 {
    font-size: 38px;
    font-weight: 500;
}

.service-img img {
    width: 100%;
    height: 471px;
}

.service-img {
    position: relative;
    margin: 15px 0;
}

.service-btn {
    position: absolute;
    top: 57px;
    right: -23px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: 999;
}

.service-btn span {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    border: 1px solid #fff;
    padding: 7px 8px;
    letter-spacing: 3px;
    font-size: 13px;
}

.service-img:hover .service-btn span {
    background: #fff;
    color: #000;
    transition: all 0.5s;
}

.service-img::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(1turn, #61594caa, #61594caa);

    z-index: 99;
}

.service-tital {
    position: absolute;
    bottom: 24px;
    z-index: 999;
    left: 25px;
    right: 25px;
    transition: all 0.5s ease-out;
}

.service-tital p {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 4px;
}

.service-tital h4 {
    color: #fff;
    font-size: 22px;
}

.service-img:hover .service-tital {
    transition: all 0.5s ease-out;
    padding: 50px 0px 30px 0px;
}

.forarchitects-bg {

    background-image: url(../img/architects-developers.webp);

    background-size: cover;
    background-position: center;

}

.bg-color-for-architects {
    /* background: linear-gradient(90deg, rgba(190,169,152,1) 0%, rgba(139,112,88,1) 35%, rgba(64,52,41,1) 100%); */
    background: #222;
    padding: 135px 0 135px 0;
    opacity: 0.8;
}

.forarchitects-bg h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 38px;
    margin-bottom: 21px;
    font-weight: 500;
    letter-spacing: 2px;
}

.forarchitects-bg p {
    color: #fff;
    font-size: 16px;
}

.forarchitects-btn a {
    background: #fff;
    color: #000;
    padding: 14px 0px;
    letter-spacing: 2px;
    font-size: 13px;
}

.forarchitects-btn a span {
    border: 1px solid #000;
    margin: 4px;
    padding: 10px 30px;
}

.forarchitects-btn a span:hover {
    background: #000;
    color: #fff;
    transition: all 0.5s;
    padding: 10px 30px;
}

.forarchitects-btn {
    float: right;
    padding: 40px 0;
    padding: 53px 0;
}

.why-choose {
    padding: 110px 0;
}

.why-choose-head p {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 13px;
    margin-bottom: 8px;
}

.why-choose-head h2 {
    font-size: 38px;
    font-weight: 500;
}

.why-choose-box {
    border-radius: 10px;
    border: 1px solid #a3a3a3;
    padding: 29px 20px 7px 20px;
    margin-top: 25px;
    height: 280px;
      text-align: center;
}

.why-choose-icon-box img {
    width: 70px;
    height: 70px;


}

.why-choose-box h3 {
    font-size: 24px;
    margin-top: 16px;
}

.why-choose-box p {
    font-size: 13px;
    text-align: justify;
}



.why-choose-box:hover .flipper,
.why-choose-box.hover .flipper {
    -webkit-transform: rotateY(180deg);
    width: 70px;
}



.flipper {
    -webkit-transition: 1.5s;
    -webkit-transform-style: preserve-3d;
    position: relative;
    width: 70px;
        margin: 0 auto;
}

/* hide back  during flip */


.back {
    -webkit-backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
}

/* front placed above back */


/* back, initially hidden */

.back {
    -webkit-transform: rotateY(180deg);
    width: 70px;
}



.online-ordering {
    position: relative;
}

.online-ordering img {
    width: 100%;
}

.online-ordering::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(1turn, #61594caa, #61594caa);
    z-index: 99;
}

.online-ordering-contant {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 999;
    padding: 80px 314px;
}

.online-ordering-contant h2 {
    color: #fff;
    font-size: 38px;
    margin-bottom: 18px;
    font-weight: 500;

}

.online-ordering-contant p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 53px;
}

.online-ordering-contant a {
    border: 1px solid #fff;
    color: #fff;
    padding: 13px 40px;
    font-size: 13px;
    letter-spacing: 2px;
}

.online-ordering-contant a:hover {
    background: #ffffff;
    transition: all 0.5s;
    color: #000;
}


.custom-nav {
    position: absolute;
    top: 120px;
    left: 0;
    right: 0;
}

.custom-nav i {
    font-size: 2.5rem;
    color: #000000;
}

.service-inner-carousel .custom-nav {
    top: 35%;
}

.main-content {
    position: relative;

}

.main-content .owl-prev {
    left: 0;
}

.main-content .owl-next {
    right: 0;
}

.main-content .owl-prev,
.owl-next {
    position: absolute;
    color: inherit;
    background: none;
    border: none;
    z-index: 100;
}

.service-inner-carousel {
    position: relative;
}

.service-inner-carousel .owl-prev {
    left: 0;
}

.service-inner-carousel .owl-next {
    right: 0;
}

.service-inner-carousel .owl-prev,
.owl-next {
    position: absolute;
    color: inherit;
    background: #fff;
    border: none;
    z-index: 100;
    padding: 4px 9px 4px 12px;
}

.service-carousel-img {
    position: relative;
    overflow: hidden;
    display: block;
    max-height: max-content;
}

.service-carousel-img img {
    transition: 1.3s;
    max-height: max-content;
}

.service-carousel-img:hover img {
    transform: scale(1.1);
}

.service-carousel-img::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(1turn, #61594caa, #61594caa);
    z-index: 99;
}

.service-carousel-content {
    background: #faf6f3;
    padding: 19px 28px;
    margin-left: 35px;
    margin-top: -62px;
    z-index: 99;
    position: relative;
}

.service-carousel-content h2 {
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
}

.service-carousel-content p {
    font-size: 13px;
    margin-bottom: 0;
    text-align: justify;
}

.media-news p {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 13px;
    margin-bottom: 8px;
}

.media-news h2 {
    font-size: 38px;
    font-weight: 500;

}

.media-news {
    margin-bottom: 40px;
}

.media-news-padding {
    padding: 104px 0;
}

.main-content .owl-carousel .item::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(1turn, #61594caa, #61594caa);
    z-index: 99;

}

.main-content .item {
    text-align: center;
}

.media-news-contant {
    position: absolute;
    bottom: 0px;
    background: #fff;
    z-index: 999;
    left: 80px;
    right: 80px;
    padding: 16px;
    opacity: 0;
    transition: all 1s ease-out;
}

.active .media-news-contant {
    opacity: 1;
    bottom: 40px;
    transition: all 1s ease-out;

}

.media-news-contant p {
    color: #000;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 4px;
}

.media-news-contant h2 {
    color: #000;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 500;
}

.media-news-contant a {
    color: #000;
    font-size: 13px;
    padding-bottom: 3px;
    border-bottom: 2px solid #bcbcbc;
}

.main-content .owl-carousel .item:hover .media-news-contant a {
    border-bottom: 2px solid #000000;
}

.blog-bg {
    background: #222;
    padding: 93px 0 208px;
}

.bolg-head p {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 13px;
    margin-bottom: 8px;
    color: #fff;
}

.bolg-head {
    margin-bottom: 25px;
}

.bolg-head h2 {
    font-size: 38px;
    color: #fff;
    font-weight: 500;
}

.blog-img {
    position: relative;
}

.blog-img img {
    width: 100%;
    height: 470px;
}

.blog-img::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(1turn, #61594c6b, #61594c6b);
    z-index: 99;

}

.blog-contant-bg-color {
    background: #fff;
    position: absolute;
    right: 25px;
    left: 25px;
    z-index: 999;
    bottom: -52px;
    padding: 15px 20px;
}

.blog-contant-bg-color p {
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 5px;
}

.blog-contant-bg-color h3 {
    font-size: 19px;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: capitalize;
}

.blog-contant-bg-color a {
    color: #000;
}

.blog-date {
    border: 1px solid #fff;
    position: absolute;
    top: 15px;
    left: 20px;
    padding: 5px;
    text-align: center;
    z-index: 99;
}

.blog-date p {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 12px;
}

.blog-date h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
}

.online-ordering-tow {
    position: relative;
}

.enquiry-form {
    background-color: #f8f5f0;
    margin: 23px 0 0 0px;
    padding: 30px 30px 59px 30px;
}

.enquiry-form .form-control {
    background: #f8f5f0;
    border: 1px solid #00000061;
    border-radius: 7px;
    padding: 11px 20px;
    font-size: 12px;
}

.enquiry-form a {
    border: 1px solid #00000061;
    color: #000000b8;
    font-size: 14px;
    padding: 10px 30px;
    position: relative;
    top: 12px;
}

.enquiry-form a:hover {
    color: #fff;
    background: #000;
    transition: all 0.5s;
}

.enquiry-form h2 {
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 0;
    font-weight: 500;
}

.enquiry-form p {
    font-size: 13px;
    letter-spacing: 2px;
    margin-bottom: 0;
}

.online-ordering-tow::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(1turn, #61594c68, #61594c68);
    z-index: 99;
}

.online-ordering-tow img {
    width: 100%;
}

.online-ordering-position {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}

.online-ordering-tow-contant {
    padding-top: 130px;
}

.online-ordering-tow-contant h2 {
    color: #fff;
    font-size: 38px;
    font-weight: 500;

}

.online-ordering-tow-contant p {
    color: #fff;
    font-size: 16px;
    padding: 10px 0 40px 0;
}

.online-ordering-tow-contant a {
    color: #fff;
    font-size: 13px;
    letter-spacing: 2px;
    border: 1px solid #fff;
    padding: 10px 40px;
}

.online-ordering-tow-contant a:hover {
    background: #fff;
    color: #000;
    transition: all 0.5s;
}

.client-logo {
    margin: 50px 0;
}

.client-logo .item img {
    width: 190px;
}

footer {
    background: #170d0b;
    padding: 70px 0 0 0;
}

footer .container-fluid {
    padding: 0 40px;
}

.footer-body h3 {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    margin-bottom: 20px;
}

.footer-page-link ul {
    padding-left: 0px;
}

.footer-page-link ul li {
    list-style-type: none;
    margin-top: 6px;
}

.footer-page-link ul li a {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
}

.footer-page-link ul li:hover {
    padding-left: 11px;
    transition: all 0.5s;
}

.number-email ul {
    padding-left: 0;
}

.about-carousel-contant {
    padding-right: 9px;
}

.number-email ul li {
    list-style-type: none;
    letter-spacing: 1px;
    margin-top: 6px;
}

.number-email ul li span {
    color: #fc1f39;
    font-size: 20px;
}

.number-email ul li a {
    color: #fff;
    font-size: 15px;
}

.subscribe p {
    color: #fff;
    font-size: 15px;
}

.subscribe .form-control {
    background: transparent;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    border-bottom: 2px solid #fff;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: transparent;
    border-bottom: 2px solid #fff;
}

.btn-outline-secondary {
    color: #ffffff;
    background-color: transparent;
    background-image: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    border-bottom: 2px solid #fff;
}

.footer-locations {
    margin-top: 40px;
}

.footer-locations ul {
    padding-left: 18px;
}

.footer-locations ul li::marker {
    color: #fc1f39;
}

.footer-locations ul li {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 1px;
    margin-bottom: 2px;
}

.tp-footer-copyright-area {
    padding-top: 4px;
    padding-bottom: 0px;
    border-top: 1px solid #fff;
    margin-top: 40px;
}

.tp-footer-copyright-inner p {
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    padding-top: 40px;
}

.iso-logo ul {
    padding-left: 0;
    margin-bottom: 4px;
}

.iso-logo ul li {
    list-style-type: none;
    display: inline-block;
    padding-left: 30px;
}

.iso-logo {
    float: right;
}

.iso-logo ul li img {
    width: 100px;
}

.about-banner {
    position: relative;
}

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



.about-banner::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(1turn, #564f3f, #0000006b);
    z-index: 99;
}

.breadcrumb__content {
    position: absolute;
    top: 38%;
    z-index: 999;
    left: 100px;
}

.breadcrumb__content p {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 18px;
}

.breadcrumb__content h2 {
    color: #fff;
    font-size: 49px;
    font-weight: 500;
}

.team-bg {
    background: #f8f5f0;
    padding: 80px 0 148px;
}

.team-style-default {
    border: 1px solid #dfdfdf;
    background: #fff;
    padding: 0.6rem;
}

.team-style-default .social-wrap {
    position: relative;
    margin-bottom: 1rem;
}

.team-style-default .social-wrap img {
    width: 100%;
}

.share-menu {
    z-index: 99;
    position: absolute;
    right: 20px;
    bottom: -14px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.share-menu .share i.fa {
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 32px;
    background-color: #000000;
    cursor: pointer;
    color: #fff;
}

.share-menu .submenu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.share-menu .submenu li {
    transition: all ease-in-out 0.5s;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
}

.share-menu .submenu li a {
    color: #212121;
}

.share-menu .share:hover.top .submenu li:nth-child(1) {
    opacity: 1;
    top: -40px;
    transition-delay: 0.08s;
    transform: rotateY(0deg);
}

.share-menu .share:hover.top .submenu li:nth-child(2) {
    opacity: 1;
    top: -80px;
    transition-delay: 0.16s;
    transform: rotateY(0deg);
}

.share-menu .share:hover.top .submenu li:nth-child(3) {
    opacity: 1;
    top: -120px;
    transition-delay: 0.24s;
    transform: rotateY(0deg);
}

.share-menu .share:hover.top .submenu li:nth-child(4) {
    opacity: 1;
    top: -160px;
    transition-delay: 0.32s;
    transform: rotateY(0deg);
}

.share-menu .submenu li a i.fa {
    color: #080e32;
    background: #fff;
    /* margin-bottom: 1rem; */
}

.share-menu .submenu li a:hover i.fa {
    color: #fff;
    background: #000000;
}

.team-style-default .content {
    padding: 10px;
}

.team-style-default .content p {
    text-transform: uppercase;
    margin-bottom: 8px;
}

.team-style-default .content h3 {
    text-transform: uppercase;
    font-size: 25px;
}

.team-style-default .content-team {
    padding: 40px 15px 16px 15px;
    background: #f8f5f0;
    height: 339px;
}

.team-style-default .content-team p {
    font-size: 14px;
}

.team-style-default .content-team h5 {
    text-transform: uppercase;
    margin-bottom: 8px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
}

.team-style-default .content-team h3 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
}

.hover-effect {
    overflow: hidden;
    display: block;
    max-height: max-content;
}

.hover-effect:hover img {
    transform: scale(1.1);
}

.hover-effect img {
    transition: 1.3s;
    max-height: max-content;
}

.our-team .team-style-default .social-wrap {
    margin-bottom: 0;
}

.our-team .team-style-default {
    margin-bottom: 48px;
}

.our-team .team-style-default {
    border: none;
    padding: 0;
}

.section-title p {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 4px;
    margin-bottom: 8px;
}

.section-title h1 {
    font-size: 38px;
    margin-bottom: 34px;
    font-weight: 600;
}

.about-carousel {
    background: #222;
    padding: 105px 0;
}

.about-carousel-img-opacity {
    position: relative;
}

.about-carousel-img-opacity::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(1turn, #61594c7b, #61594c7b);
    z-index: 99;
}

.about-carousel-contant h2 {
    color: #fff;
    font-weight: 500;
    font-size: 38px;
    margin: 0px 0 19px 0;
}

.about-carousel-contant p {
    color: #c1bdbd;
    font-size: 15px;
    text-align: justify;
}

.carousel-box {
    background-color: #fff;
    padding: 20px 0 27px 10px;
}

.cart-page {
    margin-top: 112px;
}

.carousel-box p {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
}

.carousel-box h2 {
    color: #000;
    margin-bottom: 20px;
    font-size: 19px;
}

.carousel-box a {
    color: #000;
    border: 1px solid #000;
    padding: 4px 7px 6px;
    font-size: 14px;
}

.about-carousel-box .item:hover a {
    background: #000;
    color: #fff;
    transition: all 0.5s;
}

.about-carousel-box .owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: block !important;
}

.about-carousel-box .owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: #fff !important;
    color: red !important;
    margin: 7px;
    padding: 6px !important;
    font: inherit;
    border-radius: 50px;
}

.about-carousel-box .owl-dots {
    text-align: center;
    margin-top: 19px;
}

.about-carousel-box .owl-dots .owl-dot.active {
    background: #e10303 !important;
    padding: 6px !important;
}

.contact-form {
    padding: 100px 0;
}

.contact-details h5 {
    color: #b26368;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

.contact-details h2 {
    font-size: 50px;
}

.contact-details ul {
    padding-left: 0;
}

.contact-details ul li {
    list-style-type: none;
    font-weight: 600;
    margin-top: 8px;
    font-size: 1rem;
}

.contact-details ul li span {
    font-size: 1rem;
}

.contact-details ul li a {
    color: #000;
}

.contact-form-input h2 {
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 40px;
}

.contact-form-input .form-control {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    padding: 0 0 19px 0;
    font-weight: 500;
    border-bottom: 1px solid #000;
}

.contact-form-input .form-control:focus {
    border-color: inherit !important;
    box-shadow: inherit;
}

.contact-form-input .form-group {
    margin-bottom: 2rem;
}

.contact-form-input .btn-contact {
    background: #a58051;
    color: #fff;
    padding: 13px 40px;
    letter-spacing: 2px;
    border: 1px solid #a58051;
    margin-top: 20px;
}

.contact-form-input .btn-contact:hover {
    background: #fff;
    color: #000;
    transition: all 0.5s;
}

.service-top-head h5 {
    text-transform: uppercase;
    font-size: 31px;
    font-weight: 600;
}

.service-top-head p {
    padding: 0 100px;
}

.service-top-head {
    text-align: center;
    margin: 80px 0;
}

.service-img-one img {
    width: 100%;
}

.img-border-left,
.img-border-right {
    border: 1px solid #000;
    /* width: calc(100% - 10px); */
}

.img-border-left .service-img-one {
    margin-left: 20px;

}

.img-border-right .service-img-one {
    margin-right: 17px;

}

.service-img-one {
    position: relative;
    margin-bottom: 20px;
    margin-top: -26px;
}

.img-border-left .service-img-one {
    width: calc(100%);
}

.img-border-right .service-img-one {
    margin-left: -19px;
}

.service-img-one::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(1turn, #61594caa, #61594caa);
    z-index: 99;
}

.service-content-one a {
    color: #212529;
    border-bottom: 2px solid #66676775;
    font-size: 13px;
    padding-bottom: 3px;
}

.service-content-one a:hover {
    border-bottom: 2px solid #000000ff;
    transition: all 0.5s;
}

.service-content-one p {
    margin-bottom: 30px;
    font-size: 15px;
    text-align: justify;
}

.service-content-one {
    padding: 68px 103px 30px 41px;
}

.service-img-two {
    margin-top: -100px;
    position: relative;
}

.service-content-two {
    position: absolute;
    bottom: 0;
    right: 50px;
    text-align: right;
    padding: 0 0 83px 232px;
}

.service-content-two p {
    margin-bottom: 30px;
    font-size: 15px;
    text-align: justify;
}

.service-content-two a {
    color: #212529;
    border-bottom: 2px solid #66676775;
    font-size: 13px;
    padding-bottom: 3px;
}

.service-content-two a:hover {
    border-bottom: 2px solid #000000ff;
    transition: all 0.5s;
}

.service-inner-tital {
    position: absolute;
    bottom: 15px;
    z-index: 999;
    left: 25px;
    transition: all 0.5s ease-out;
}

.service-inner-tital p {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 4px;
}

.service-inner-tital h4 {
    color: #fff;
    font-size: 22px;
}

.service-img-one:hover .service-inner-tital {
    transition: all 0.5s ease-out;
    padding: 50px 20px 30px 0px;
}

.service-img-three {
    margin-top: 70px;
}

.service-content-three p {
    font-size: 15px;
    text-align: justify;
}

.service-content-three {
    padding: 120px 257px 50px 44px;
}

.service-content-three a {
    color: #212529;
    border-bottom: 2px solid #66676775;
    font-size: 13px;
    padding-bottom: 3px;
}

.service-content-three a:hover {
    border-bottom: 2px solid #000000ff;
    transition: all 0.5s;
}

.service-content-four {
    position: absolute;
    position: absolute;
    bottom: 0;
    right: 50px;
    text-align: right;
    padding: 0 0 27px 232px;
}

.service-content-four p {
    font-size: 15px;
    text-align: justify;
}

.service-content-four a {
    color: #212529;
    border-bottom: 2px solid #66676775;
    font-size: 13px;
    padding-bottom: 3px;
}

.service-content-four a:hover {
    border-bottom: 2px solid #000000ff;
    transition: all 0.5s;
}

.service-img-five .img-border-left {
    margin-right: 42px;
}

.service-img-five {
    margin-top: 70px;
}

.service-content-five p {
    font-size: 15px;
    text-align: justify;
}

.service-content-five {
    padding-right: 70px;
}

.service-img-five .col-lg-5 {
    margin: auto;
}

.service-content-five a {
    color: #212529;
    border-bottom: 2px solid #66676775;
    font-size: 13px;
    padding-bottom: 3px;
}

.service-content-five a:hover {
    border-bottom: 2px solid #000000ff;
    transition: all 0.5s;
}

.service-img-six {
    position: relative;
    margin-top: -100px;
}

.service-content-six {
    position: absolute;
    bottom: 0;
    padding: 0 55px 36px 332px;
    text-align: right;
}

.service-content-six p {
    font-size: 15px;
    text-align: justify;
}

.service-content-six a {
    color: #212529;
    border-bottom: 2px solid #66676775;
    font-size: 13px;
    padding-bottom: 3px;
}

.service-content-six a:hover {
    border-bottom: 2px solid #000000ff;
    transition: all 0.5s;
}

.service-page-section {
    margin-bottom: 80px;
}

.service-details-description {
    margin: 70px 0;
}

.service-details-description h2 {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 38px;
}

.service-details-description p {
    font-size: 15px;
    margin-bottom: 10px;
    text-align: justify;
}

.working-process {
    background: #f8f4f5;
    padding: 70px 0;
    text-align: center;
}

.working-process h2 {
    font-weight: 600;
    margin-bottom: 40px;
}

.working-process h5 {
    color: #d28558;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}

.working-details img {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 30%;
    padding: 20px;

    background: #fff;
    margin-top: -24px;
    width: 92px;
    height: 88px;
    text-align: center;
}

.working-details img:hover {
    background: #858681;
    color: #fff;
    transition: all 0.5s;
}

.working-details h1 {
    font-size: 57px;
    margin-bottom: 0;
    color: #fff;
    text-shadow: rgba(157, 156, 156, 0.52) -1px -1px 0px, rgb(157, 156, 156, 0.52) 1px -1px 0px, rgb(157, 156, 156, 0.52) -1px 1px 0px, rgb(157, 156, 156, 0.52) 1px 1px 0px;
}

.working-process h5 span {
    border-top: 1px solid #d28558;
    padding: 13px 10px;
}

.working-details h4 {
    font-weight: 500;
    margin-top: 20px;
    font-size: 20px;
}

.working-details p {
    color: #858282;
}

.service-inner-carousel {
    margin-top: 70px;
}

.working-details {
    position: relative;
}

.working-process .container {
    max-width: 1290px;
}

.our-team {
    margin: 92px 0 64px 0;
}

.blog-page {
    background: #222;
    padding: 100px 0 47px;
}

.blog-page .blog-img {
    margin-bottom: 80px;
}

.blog-page .navigation {
    text-align: center;
}

.page-link {
    background: inherit;
    border-radius: 50%;
    padding: 8px 14px;
    margin: 0 5px;
}

.page-item.active .page-link {
    z-index: 1;
    color: #9c7a4f;
    background-color: inherit;
    border-color: #9c7a4f;
}

.page-item .page-link {
    color: #9c7b4f65;
    background-color: inherit;
    border-color: #9c7b4f65;
}

.page-item .page-link:hover {
    color: #ffffff;
    background-color: #9c7a4f;
    ;
    border-color: #9c7a4f;
    transition: all 0.5s;
}

.blog-page .navigation-marging {
    margin-top: 30px;
}

.page-item:first-child .page-link {
    border-radius: 50%;
    padding: 8px 15px;
}

.page-item:last-child .page-link {
    border-radius: 50%;
    padding: 8px 15px;
}

.blog-details {
    padding: 100px 0;

}

.blog-details-img img {
    width: 100%;
}

.blog-details-img {
    position: relative;
    overflow: hidden;
    display: block;
    max-height: max-content;
}

.blog-details-img img {
    transition: 1.3s;
    max-height: max-content;
}

.blog-details-img:hover img {
    transform: scale(1.1);
}

.blog-details-img::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(1turn, #61594c8a, #61594c8a);
    z-index: 99;
}

.blog-details-box h3 {
    font-size: 39px;
    margin-top: 36px;
    font-weight: 500;
}

.blog-details-box p {
    margin-top: 22px;
    font-size: 15px;
    text-align: justify;
}

.blog-details-img-two img {
    width: 100%;
    height: 324px;

}

.blog-details-img-two {
    position: relative;
    overflow: hidden;
    display: block;
    max-height: max-content;
    margin-top: 50px;
    margin-bottom: 40px;
}

.blog-details-img-two img {
    transition: 1.3s;
    max-height: max-content;
}

.blog-details-img-two:hover img {
    transform: scale(1.1);
}

.tp-rc__post-thumb {
    position: relative;
}

.recent-posts .tp-rc__post-thumb::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(1turn, #61594c8a, #61594c8a);
    z-index: 99;
}

.blog-details-img-two::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(1turn, #61594c8a, #61594c8a);
    z-index: 99;
}

.last-tag p {
    font-size: 14px;
    text-align: justify;
}

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

.recent-posts {
    background: #f6f3ee;
    border-radius: 8px;
    padding: 25px 25px;
    position: sticky;
    top: 20%;
}

.recent-posts h1 {
    font-size: 27px;
    margin-bottom: 16px;
}

.tp-rc__post:not(:last-of-type) {
    border-bottom: 1px solid #E3E3E3;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.tp-rc__post-thumb img {

    width: 124px;

}

.recent-posts .tp-rc__post-title {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 15px;
}

.tp-rc__post-title a {
    color: #000;
}

.archives ul {
    padding-left: 0;
}

.archives ul li {
    list-style-type: none;
    font-family: 'Gilda Display', serif;
    font-size: 18px;
}

.archives ul li a {
    color: #212529;
}

.archives h4 {
    font-size: 22px;
    margin-bottom: 16px;

}

.archives {
    margin-top: 70px;
}

.user-img img {
    width: 100%;
    border-radius: 50%;
    height: 91px;
}

.comment-user-part {
    margin-top: 70px;
}

.user-comment-contant img {
    width: 100px;
}

.user-comment-contant h4 {
    margin: 10px 0;
    font-size: 19px;
}

.user-comment-contant h4 span {
    font-size: 12px;
    margin-left: 15px;
    font-family: 'Roboto Condensed', sans-serif;
}

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

.tp-postbox-comment-reply button {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.8px;
    border: none;
    border-radius: 5px;
    color: #ab8a62;
    background: transparent;
}

.comment-post-btn {
    border: 1px solid #ab8a62;
    padding: 10px 20px;
    background: #ab8a62;
    margin-top: 10px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    letter-spacing: 4px;
}

.comment-post-btn:hover {
    background: inherit;
    color: #ab8a62;
    transition: all 0.5s;
}

.comment-form h4 {
    font-size: 20px;
    margin-bottom: 40px;
}

.comment-form {
    margin-top: 40px;
}

.comment-form .form-control {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    font-weight: 500;
    border-bottom: 1px solid #878787;
}

.comment-form .form-control:focus {
    border-color: inherit !important;
    box-shadow: inherit;
}

.service-page-section .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
}

.order-online-section img {
    width: 100%;
        height: 538px;
            object-fit: cover;
}

.order-online-section {
    position: relative;
}

.elevator-online {
    background: #f8f5f0;
    padding: 37px 42px 63px;
}

.new-solutions-page .elevator-online {
    padding: 55px 42px 49px;
}

.new-solutions-page .marging-elevator-content-right {
    margin: auto 0 auto -125px;
}

.new-solutions-page .marging-elevator-content-left {
    margin: auto 0 auto 0;
    position: relative;
    right: -124px;
    z-index: 9;
}

.elevator-online h2 {
    text-transform: uppercase;
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 10px;
}

.elevator-online p {
    font-size: 15px;
    text-align: justify;
}

.elevator-online a {
    border: 1px solid #9d9999;
    letter-spacing: 2px;
    font-size: 13px;
    padding: 9px 34px 10px;
    color: #222;
    position: relative;
    top: 16px;
}

.elevator-online a:hover {
    background: #030303;
    color: #ffffff;
    transition: all 0.5s;
}

.order-online-section {
    margin: 80px 0;
}

.marging-elevator-content-right {
    margin: auto 0 auto -194px;
}

.marging-elevator-content-left {
    margin: auto 0 auto 0;
    position: relative;
    right: -102px;
    z-index: 9;
}

.header-text-color {
    padding-top: 82px;
}

.header-text-color .navbar-expand-lg .navbar-nav .nav-link {
    color: #000;
}

.header-text-color .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(34 173 228);
}

.cart-page .cart-page {
    margin-bottom: 80px;
    margin-top: 120px;
}

.cart-page .container-fluid {
    padding: 0 45px;
}

.cart-page h2 {
    text-align: center;
    font-size: 44px;
    margin-bottom: 55px;
}

.cart-page .table thead tr th {
    text-transform: uppercase;
}

.cart-page .table td {
    padding: 23px 0.75rem;
}

.cart-product-img .tp-rc__post-thumb img {
    border-radius: 5px;
    width: 125px;
    margin-right: 25px;
}

.cart-product-img .tp-rc__post-title {
    font-size: 24px;
}

.cart-product-img .tp-rc__post-content p {
    margin-bottom: 0;
}

.cart-product-img .tp-rc__post-content p span {
    font-size: 13px;
    text-transform: uppercase;
}

.cart-product-img .tp-rc__post-content .tp-rc__post-meta ul {
    padding-left: 0;
    margin-bottom: 0;
}

.cart-product-img .tp-rc__post-content .tp-rc__post-meta ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 46px;
    margin-top: 12px;
    font-weight: 700;
}

.cart-product-img .tp-rc__post-content .tp-rc__post-meta ul li a {
    font-size: 12px;
    color: #000;
}

.cart-page .table td {
    padding: 23px 0.75rem;
}

.cart-page tr td:nth-child(2) {
    padding-top: 99px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}

.cart-page tr td:nth-child(4) {
    padding-top: 99px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}

.product-counter #decrease {
    margin-right: -5px;
    border-radius: 8px 0 0 8px;
    font-size: 22px;
}

.value-button:hover {
    cursor: pointer;
}

.value-button {
    display: inline-block;
    border: 1px solid #ddd;
    margin: 0px;
    width: 40px;
    margin-top: -3px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    padding: 1px 0;
    background: #eee;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.product-counter input#number {
    text-align: center;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0px;
    width: 40px;
    height: 40px;
    position: relative;
    top: 1px;
}

.product-counter #increase {
    margin-left: -4px;
    border-radius: 0 8px 8px 0;
    font-size: 22px;
}

.cart-page tr td:nth-child(3) {
    padding-top: 92px;
}

.discount-coupon h4 {
    font-size: 21px;
    font-weight: 700;
}

.discount-coupon p {
    font-size: 14px;
}

.discount-coupon input {
    border: 1px solid #3a3a3a;
    border-radius: 0;
}

.discount-coupon .btn-outline-secondary {
    background: #3a3a3a;
    border-radius: 0;
    border: 1px solid #3a3a3a;
    color: #fff;
    padding: 8px 30px;
}

.textarea-in-cart {
    margin-top: 49px;
}

.textarea-in-cart h4 {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 15px;
}

.textarea-in-cart .form-control {
    border: 1px solid #3a3a3a;
}

.cart-amount {
    float: right;
}

.cart-amount h2 {
    font-size: 25px;
}

.cart-amount p {
    font-size: 16px;
}

.cart-page tbody {
    border-bottom: 1px solid #dee2e6;
}

.cart-amount .proceed-btn {
    width: 100% !important;
    border: 1px solid #3a3a3a;
    padding: 10px;
    background: #3a3a3a;
    margin-top: 39px;
    display: block;
    color: #ffffff;
    text-align: center;
    border-radius: 4px;
}

.cart-amount .proceed-btn:hover {
    background: #ffffff;
    color: #000000;
    transition: all 0.5s ease-out;
}

.mb-100 .container-fluid {
    padding: 0 45px;
}

.mb-100 {
    margin-bottom: 100px;
    margin-top: 50px;
}

.form-control:focus {
    border-color: inherit;
    box-shadow: none;
}

.shop-add-to-cart {
    margin: 80px 0;
}

.shop-add-to-cart .container-fluid {
    padding: 0 43px;
}

.shop-add-to-cart h2 {
    margin-bottom: 25px;
    font-size: 22px;
}

.shop-add-to-cart .form-control {
    border-radius: 8px;
}

.shop-product-img img {
    width: 100%;
}

.shop-product-img {
    overflow: hidden;
    display: block;
    max-height: max-content;
}

.shop-product-img img {
    transition: 1.3s;
    border-radius: 10px 10px 0 0;
	height: 340px;
}
.shop-product-content h4
{
font-size:19px;
}


.shop-product-img:hover img {
    transform: scale(1.1);
}

.shop-product-content h4 a {
    text-transform: uppercase;
    color: #000;
}

.shop-product-content {
    padding: 20px 0;
}

.shop-product-content p {
    text-transform: uppercase;
    letter-spacing: 3px;

    margin-bottom: 4px;
    color: #969090;
}

.shop-product-content p span {
    font-size: 11px;
    position: relative;
    top: -8px;
    letter-spacing: 5px;
}

.shop-product-content p:nth-child(3) {
    margin-bottom: 0;
}

.shop-product-content span a {
    display: block;
    background: #574f42;
    border: 1px solid #574f42;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    font-family: 'Gilda Display', serif;
    text-align: center;
    border-radius: 8px;
}

.shop-product-content a:hover {
    background: inherit;
    color: #574f42;
    transition: all 0.5s ease-out;
}

.pb-50-product {
    margin-bottom: 40px;
}

.inner-product {
    margin-top: 90px;
}

.xzoom-container {
    display: inline-block;
}

.inner-product img {
    width: 100% !important;
}

.xzoom {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.xzoom,
.xzoom2,
.xzoom3,
.xzoom4,
.xzoom5 {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    margin-bottom: 15px;
}

.xzoom-thumbs img {
    width: 80px !important;
}

.inner-product-contant {
    padding: 0 0 0 54px;
}

.inner-product-contant h5 {
    color: #9f9f9f;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}

.inner-product-contant h3 {
    font-size: 34px;
    font-weight: 400;
    text-transform: uppercase;
}

.inner-product-contant h4 {

    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 16px;
    font-family: 'Roboto Condensed', sans-serif;
}

.inner-product-contant h2 {
    font-size: 21px;
    font-weight: 400;
    padding-left: 10px;
    margin-top: 22px;
    font-family: 'Roboto Condensed', sans-serif;
}

.inner-product-contant h2 span {
    font-weight: 600;
}

.inner-product-contant ul {
    padding-left: 0;
    margin: 18px 0 26px 4px;
}

.inner-product-contant ul li {
    list-style-type: none;
    display: inline-block;
    margin-left: 11px;
}

.inner-product-color-1 {
    background: #a5a39b;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: none;
}

.inner-product-color-2 {
    background: #6c655c;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: none;
}

.inner-product-color-3 {
    background: #827260;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: none;
}

.inner-product-color-4 {
    background: #000000;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: none;
}

.inner-product-contant .form-control {
    border: 1px solid #000;
    border-radius: 0;
    padding: 0.375rem 0.75rem;
    font-size: 19px;
    width: 80%;
}

.view-room:hover {
    background: #000000;
    color: #fff;
    transition: all 0.5s ease-out;
}

.view-room {
    border: 1px solid #000;
    border-radius: 0;
    padding: 10px 0.75rem;
    font-size: 16px;
    background: #fff;
    margin-top: 25px;
    width: 80%;
}

.view-room span img {
    width: 32px !important;
    float: left;
}

.inner-product-add-to-cart:hover {
    background: #ffffff;
    color: #000000;
    transition: all 0.5s ease-out;
}

.inner-product-add-to-cart {
    border: 1px solid #000;
    border-radius: 0;
    padding: 10px 0.75rem;
    font-size: 16px;
    display: block;
    width: 100%;
    background: #000000;
    margin-top: 25px;
    color: #ffffff;
    text-align: center;
}

.inner-product-buy-now:hover {
    background: #000000;
    color: #fff;
    transition: all 0.5s ease-out;
}

.inner-product-buy-now {
    border: 1px solid #000;
    border-radius: 0;
    padding: 10px 0.75rem;
    font-size: 16px;
    background: #fff;
    margin-top: 25px;
    width: 100%;
}

.inner-product-contant h2 {
    font-size: 19px;
    font-weight: 400;
    padding-left: 10px;
    margin-top: 22px;
}

.tabs-content .tabs-inner:not(:first-child) {
    display: none;
}

.features {
    margin-top: 80px;
    margin-bottom: 80px;
}

.tabs-nav h4 {
    border-bottom: 2px solid #cbcbcb;
    padding-bottom: 18px;
    margin-bottom: 72px;
}

.tabs-nav a {
    color: #000;
}

.tabs-nav h4.active {
    border-bottom: 2px solid #000000;
    padding-bottom: 18px;
}

.features-right-contant {
    padding-left: 109px;
}

.features-img-no-2 {
    margin-top: 60px;
}

.features-img-no-3 img {
    width: 100%;
        height: 434px;
    object-fit: cover;
}

.features-img-no-2 {
    margin-top: 60px;
    margin-bottom: 60px;

}

.features-img-no-4 {
    margin-top: 55px;
    margin-bottom: 60px;
}

.features-img-no-2 img {
    width: 100%;
        height: 386px;
    object-fit: cover;
}

.features-img-no-4 img {
    width: 100%;
    margin-bottom: 60px;
}

.shed-proof {
    margin-top: 92px;
    margin-right: 30px;
}

.features h2 {

    font-size: 26px;
    text-transform: uppercase;
}

.shed-proof .col-6 {
    border-bottom: 1px solid #000;
    padding-top: 20px;
    padding-bottom: 10px;
}

.shed-proof ul {
    padding-left: 0;
    float: right;
}

.shed-proof ul li {
    list-style-type: none;
    display: inline-block;
}

.shed-proof ul li img {
    width: 44px;
}

.features-4-img-contant {
    margin-right: 55px;
}

.features-4-img-contant h2 {
    margin-top: 101px;
    margin-bottom: 29px;
    font-size: 29px;
}

.custom_elevator_design {
    margin: 90px 0;
}

.custom_elevator_left-img img {
    width: 100%;
}

.pre-design-carousel .owl-next {
    right: 0;
}

.pre-design-carousel .owl-prev,
.owl-next {
    position: absolute;
    color: inherit;
    background: #fff;
    border: none;
    z-index: 100;
    padding: 4px 9px 4px 12px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 2px;
}

.pre-design-carousel .custom-nav i {
    font-size: 28px;
    color: #000000;
}

.pre-design-carousel2 .owl-next {
    right: 0;
}

.pre-design-carousel2 .owl-prev,
.owl-next {
    position: absolute;
    color: inherit;
    background: #fff;
    border: none;
    z-index: 100;
    padding: 4px 9px 4px 12px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 2px;
}

.pre-design-carousel2 .custom-nav i {
    font-size: 28px;
    color: #000000;
}

.pre-design-carousel3 .owl-next {
    right: 0;
}

.pre-design-carousel3 .owl-prev,
.owl-next {
    position: absolute;
    color: inherit;
    background: #fff;
    border: none;
    z-index: 100;
    padding: 4px 9px 4px 12px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 2px;
}

.pre-design-carousel3 .custom-nav i {
    font-size: 28px;
    color: #000000;
}

@media (min-width: 1200px) {
    .custom_elevator_design .container {
        max-width: 1300px;
    }
}

.custom_elevator_left-img {
    position: relative;
}

.custom_elevator_left-img img {
    height: 387px;
    border-radius: 15px;
}

.custom_elevator_img {
    overflow: hidden;
    display: block;
    max-height: max-content;
}

.custom_elevator_img img {
    transition: 1.3s;
    max-height: max-content;
    width: 338px;
       height: 324px;
       border-radius: 8px 8px 0 0;
}
.econo-center .custom_elevator_img img{
 height: 402px;
}
.custom_elevator_img:hover img {
    transform: scale(1.1);

}

.custom_elevator_left-img::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(1turn, #61594caa, #61594caa);
    z-index: 99;
}

.custom_elevator-titel {
    background: #f7f5ef;
    text-align: center;
    border-radius: 0 0 15px 15px;
    padding: 19px 0;
}

.custom_elevator-titel h3 {
    text-transform: uppercase;
    color: #000;
    font-size: 21px;
    margin-bottom: 0;
}

.custom_elevator_left-position {
    position: absolute;
    text-align: center;
    top: 20%;
    padding: 50px;
    z-index: 99;
}

.custom_elevator_left-position h4 {
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
}

.custom_elevator_left-position p {
    color: #fff;
    font-size: 15px;
}

.custom_elevator_design .row {
    margin-bottom: 30px;
}

.custom_elevator_left-img {
    margin-bottom: 30px;
}

.about-carousel-box .owl-nav {
    display: none;
}

.service-inner-carousel-padding {
    margin-bottom: 80px;
}

.checkout-inner {
    margin-bottom: 80px;
    margin-top: 70px;
}

.checkout-inner .container-fluid {
    padding: 0 45px;
}

.checkout-inner h2 {
    text-align: center;
    font-size: 44px;
    margin-bottom: 40px;
}

.checkout-inner .nav.nav-tabs {
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-bottom: 83px;
    padding-bottom: 24px;
}

.nav-tabs {
    border-bottom: 1px solid #a3a7ab;
}

.checkout-inner .nav.nav-tabs li {
    display: inline-block;
}

.checkout-inner .nav-tabs li:first-child {
    position: relative;
    top: 22px;
}

.checkout-inner .nav-tabs li a.active {
    color: #000;
    font-weight: 700;
}

.nav-tabs .nav-link.active {
    border: none;
}

.checkout-inner .nav-tabs li a {
    color: #8b8b8b;
    font-family: 'Roboto Condensed', sans-serif;
}

.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #a3a7ab #a3a7ab #fff;
}

.checkout-inner .nav-tabs li:nth-child(2) {
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    padding: 11px 30px 25px;
}

.checkout-form label {
    font-weight: 600;
}

.checkout-form .form-group {
    margin-top: 29px;
}

.checkout-form .form-group small {
    padding: 20px 0;
    font-size: 18px;
}

.checkout-form .form-control {
    border-radius: 0;
    border-color: #969696;
}

.form-check.width-checkbox input {
    height: 25px;
    width: 25px !important;
    position: absolute;
}

.form-check.width-checkbox label {
    left: 14px;
    position: relative;
    padding: 6px 10px 7px 10px;
}

.international-zone p {
    padding: 25px 41px;
    font-size: 17px;
}

.international-zone h4 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 16px;
}

.international-zone ul {
    border: 2px solid #bebdbd;
    padding: 39px 43px;
}

.international-zone li {
    list-style-type: none;
    display: inline-block;
}

.international-zone li:first-child {
    margin-right: 50px;
}

.international-zone li:nth-child(2) {
    margin-right: 0;
}

.international-zone li:nth-child(3) {
    float: right;
    font-weight: 600;
}

.international-zone button {
    width: 100% !important;
    border: 1px solid #000000;
    padding: 15px;
    background: #000000;
    margin-top: 39px;
    display: block;
    color: #ffffff;
    text-align: center;
}

.international-zone button:hover {
    background: #ffffff;
    color: #000000;
    transition: all 0.5s ease-out;
}

.product-checkout-page {
    background: #f3f3f3;
    padding: 20px;
    margin-left: 46px;
}

.tp-rc__post:not(:last-of-type) {
    border-bottom: 1px solid #E3E3E3;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.product-checkout-page .tp-rc__post-thumb img {
    border-radius: 5px;
   width: 80px;
    height: 104px;
    margin-right: 15px;
}

.product-checkout-page .tp-rc__post-title {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: uppercase;
}

.tp-rc__post-title a {
    color: #000;
}

.product-checkout-page .tp-rc__post-content p {
    margin-bottom: 0;
}

.product-checkout-page .tp-rc__post-content p span {
    font-size: 11px;
    text-transform: uppercase;
}

.product-checkout-page .tp-rc__post-content h4 {
    font-size: 15px;
}

.product-checkout-page h5 {
    float: right;
    clear: both;
    position: relative;
    top: -13px;
    font-size: 17px;
    color: #b0b0b0;
}

.product-checkout-page h5 span {
    font-weight: 600;
    color: #000;
}

.product-checkout-page input {

    border: 1px solid #3a3a3a;
    border-radius: 0;
}

.product-checkout-page .btn-outline-secondary {
    background: #3a3a3a;
    border-radius: 0;
    border: 1px solid #3a3a3a;
    color: #fff;
    padding: 8px 30px;
}

.amount-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 20px 0 20px;
    width: 100%;
}

.amount-table tbody tr td {
    text-align: right;
    padding: 7px 0;
    font-family: 'Roboto Condensed', sans-serif;
}

.amount-table th {
    font-family: 'Roboto Condensed', sans-serif;
}

.payment-formet h3 {
    margin-bottom: 44px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 20px;
}

.accordion-item {
    background-color: #fff;
    color: #111;
    margin: 1rem 0;
    border-radius: 0.5rem;
}

.payment-formet .accordion-header span {
    float: inline-end;
}

.payment-formet .accordion-header span img {
    width: 174px;
}

.accordion-item[open] .accordion-content {
    display: block;
}

.payment-formet .accordion-content {
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    margin: 16px 17px;
    padding: 14px 20px;
}

.accordion-content {
    display: none;
    padding: 0.5rem;
}

.credit-or-debit-card p {
    font-size: 14px;
    color: #5c5959;
    margin-top: 20px;
    margin-bottom: 3px;
}

.credit-or-debit-card h4 {
    font-size: 20px;
    margin-top: 20px;
    font-weight: 600;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.has-search .form-control {
    padding-left: 2.375rem;
}

.accordion-content .form-group img {
    width: 174px;
    margin-top: 20px;
}

.checkout-inner h2 {
    text-align: center;
    font-size: 44px;
    margin-bottom: 40px;
}

.checkout-inner h2 {
    margin-top: 70px;
}

.credit-or-debit-card h2 {
    font-size: 14px;
}

.credit-or-debit-card button {
    width: 100% !important;
    border: 1px solid #000000;
    padding: 15px;
    background: #000000;
    display: block;
    color: #ffffff;
    text-align: center;
}

.credit-or-debit-card button:hover {
    background: #ffffff;
    color: #000000;
    transition: all 0.5s ease-out;
}

.payment-formet .paypal .accordion-header span img {
    width: 27px;
}

.payment-formet .paypal .accordion-header span img {
    width: 27px;
}

.checkout-inner .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent;
}

.thanks p {
    text-align: center;
    font-size: 18px;
}

.thanks {
    text-align: center;
    margin-top: 50px;
}

.features-img-no-3 {
    margin-top: 50px;
}

.inner-product .col-lg-6 {
    margin: auto;
}

.socal-media ul {
    padding-left: 0;
    margin-top: 42px;
}

.socal-media ul li {
    list-style-type: none;
    display: inline;
    background: #fff;
    padding: 6px 0;
    border-radius: 40px;
    margin-right: 6px;
}

.socal-media ul li a i {
    width: 33px;
    color: #000;
    text-align: center;
}

.subscribe .footer-submit-btn button {
    border: 1px solid #fff;
    color: #fff;
    padding: 13px 40px;
    font-size: 13px;
    letter-spacing: 2px;
    background: inherit;
    font-weight: 600;
}

.subscribe .footer-submit-btn button:hover {
    background: #ffffff;
    transition: all 0.5s;
    color: #000;
    font-weight: 600;
}

.subscribe label {
    color: #fff;
    margin-left: 8px;
    margin-top: 7px;
}



.wrapper {
    width: 100%;
    overflow-y: auto;
}


.custom-page-elevator {
    margin: 70px 0 50px 0;
}

.wrapper {
    width: 100%;
}


.wrapper-box {
    background-color: white;
    color: black;

    border-bottom: 1px solid #00000059;
}

.question {
    font-size: 1rem;
    font-weight: 600;
    padding: 15px 80px 15px 20px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.question::after {
    content: "\002B";
    font-size: 2.2rem;
    position: absolute;
    right: 20px;
    transition: 0.2s;
}

.question.active::after {
    transform: rotate(45deg);
}

.answercont {
    max-height: 0;
    overflow: hidden;
    transition: 0.3s;
}

.answer {
    padding: 11px 12px 11px;
    line-height: 1.5rem;
}



#main #faq .card {
    margin-bottom: 20px;
    border: 0;
}

#main #faq .card .card-header {
    border: 0;

    background: inherit;
}

.accordion .card-body {
    padding: 7px;
}

#main #faq .card .card-header .btn-header-link {
    color: #fff;
    display: block;
    text-align: left;
    border: 1px solid #00000059;
    color: #222;
    padding: 15px 19px;
    font-weight: 700;
    border-radius: 0;
    font-size: 18px;
}

#main #faq .card .card-header .btn-header-link:after {
    content: "\2212";
    font-size: 25px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
    position: relative;
    top: -6px;
}

#main #faq .card .card-header .btn-header-link.collapsed {
    background: inherit;
    color: #000;
    border: 1px solid #00000059;
    font-weight: 700;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
    content: "\002B";

}

#main #faq .card .collapsing {

    line-height: 30px;
}

#main #faq .card .collapse {
    border: 0;
}

#main #faq .card .collapse.show {

    line-height: 30px;
    color: #222;
}

.accordion .card-header {
    padding: 0;
}

.card-header span {
    margin-right: 12px;
    position: relative;
    top: 4px;
}

.accordion .btn:focus {
    box-shadow: none;
}

.answer h4 {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 17px;
}

.answer {
    border-top: 1px solid #00000059;
}

.car-walls ul {
    padding-left: 0;
}

.car-walls ul li {
    list-style-type: none;
    width: 19%;
    display: inline-table;
    text-align: center;
    padding: 0px 2px 5px;
    line-height: 17px;
}

.car-walls ul li button img {
    width: 100%;
    border-radius: 0;
}

.car-walls ul li button {
    padding: 3px;
    border-radius: 0;
    border: 2px solid #dbe3e6;
    margin-bottom: 5px;
}

.car-walls ul li span {
    font-size: 13px;
    line-height: 0px;
}

.car-walls {
    margin-top: 10px;
    margin-bottom: 17px;
}

.ceiling-model {

    padding-top: 20px;
}

.ceiling-model ul {
    padding-left: 0;
}

.ceiling-model ul li {
    list-style-type: none;
    width: 49%;
    display: inline-table;
    text-align: center;
    padding: 0px 2px 5px;

}

.ceiling-model ul li button img {
    width: 100%;

}

.ceiling-model ul li button {
    padding: 3px;
    border: 2px solid #dbe3e6;
    margin-bottom: 5px;
}

.Actions_actions__tccbL {
    align-self: flex-end;
    background: #fff;
    border-top: 1px solid rgba(135, 160, 170, .5);
    bottom: 0;

    grid-template-columns: auto auto 1fr;
    padding: 28px 30px 22px;
    position: -webkit-sticky;
    position: sticky;
    width: inherit;
    z-index: 2;
}

.request-a-quote {
    color: #FFF;
    background: #170d0b;
    border: 1px solid #000;
    padding: 10px 7px 10px;
    font-size: 18px;
    width: 100%;
    display: block;
    text-align: center;
}

.request-a-quote:hover {
    border: 1px solid #000;
    color: #ffffff;
    background: #000;
    transition: all 0.5s;
}

.download-pdf {
    color: #000000;

    border: 1px solid #000;
    padding: 10px 7px 10px;
    font-size: 18px;
    width: 100%;
}

.download-pdf:hover {
    border: 1px solid #000;
    color: #ffffff;
    background: #000;
    transition: all 0.5s;
}

.mirror-box-checbox label span {
    border: 2px solid #dbe3e6;
    padding: 17px 14px 11px 14px;
    border-radius: 50%;
    margin-right: 7px;
}

.mirror-box-checbox label {
    font-weight: 700;
}

.mirror-box-checbox input {
    float: right;
    height: 20px;
    width: 20px !important;

    margin-left: 8px;
    margin-top: 8px;
}

.custom-top-header {
    border-right: 1px solid rgba(135, 170, 160, .2);
    overflow: hidden;
    position: relative;
    transition: all .5s ease-in-out;
    background: #cbd1d1;
    position: relative;
    z-index: -0;
}

.View_view__yCHvi {
    position: relative;

}

.ceiling-img-2 img {
    width: 100%;
}

.ceiling-img-3 img {
    width: 100%;
    position: absolute;
    top: 0;
}

.mirror-frame img {
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 9;
}

.mirror-frame-bg img {
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 99;
}

.ceiling-frame-img img {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
}

.right-walls img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.left-walls img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.left-elevator-bg img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.left-elevator-button-screen img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.left-elevator-button-screen-shadow img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.left-elevator-bg-shadow img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.left-elevator-button img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.left-elevator-button-shadow img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.floor img {
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: -1;
}

.handrails-right img {
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 99;
}

.handrails-right-shadow img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.handrails-left img {
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 99;
}

.handrails-left-shadow img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.button-part {
    position: relative;
    width: 100%;
}

.button-part-bg-img img {
    width: 100%;

}

.button-part-center img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.button-part-digital-btn img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.button-part-click-btn img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.handrails-rear img {
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 99;
}

.btn_frame_out_side img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.wall_btn_out_side img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.mitter_display img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.door_btn_out_side img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.right_three_layer_handrails img {
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 99;
}

.right_three_layer_handrails_shadow img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.left_three_layer_handrails_shadow img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.bump_rails_right img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.bump_rails_left img {
    width: 100%;
    position: absolute;
    top: 0px;
}

#bump_rails_left {
    display: none;
}

#bump_rails_right {
    display: none;
}

#left_three_layer_handrails_shadow {
    display: none;
}

#right_three_layer_handrails_shadow {
    display: none;
}

.handrail-model ul {
    padding-left: 0;
}

.handrail-model ul li {
    list-style-type: none;
    width: 24%;
    display: inline-table;
    text-align: center;
    padding: 0px 2px 5px;
    line-height: 17px;
}

.handrail-model ul li button {
    padding: 3px;

    border: 2px solid #dbe3e6;
    margin-bottom: 5px;
}

.handrail-model ul li button img {
    width: 100%;

}

.handrail-model ul li span {
    font-size: 13px;
    line-height: 0px;
}

.handrail-model {
    margin-top: 10px;
    margin-bottom: 17px;
}

.custom-page-elevator .accordion {
    height: calc(105vh - 168px);
    height: calc(var(--vh, 105vh) - 168px);
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 23px 10px 100px;
    position: relative;
    scroll-behavior: smooth;
    overflow: auto;
}

.custom-page-elevator .accordion::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.custom-page-elevator .accordion::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.custom-page-elevator .accordion::-webkit-scrollbar-thumb {
    background-color: #000000;
}

.mirror-box-checbox {
    margin-top: 31px;
}

.car-indicator-box {}

.car-indicator-radio {
    margin-top: 31px;
}

.car-indicator-radio label {
    font-weight: 700;
}

.car-indicator-radio label span {
    border: 2px solid #dbe3e6;
    padding: 17px 14px 11px 14px;
    border-radius: 50%;
    margin-right: 7px;
}

.car-indicator-radio input {
    float: right;
    height: 20px;
    width: 20px !important;
    margin-left: 8px;
    margin-top: 8px;
}

.car-indicator-box ul {
    padding-left: 0;
}

.car-indicator-box ul li {
    list-style-type: none;
    position: relative;
    margin: 31px 0 31px 0;
}

.car-indicator-box ul li input {
    position: absolute;
    right: 0;
}

.car-indicator-box ul li label span {
    border: 2px solid #dbe3e6;
    padding: 17px 18px 11px 18px;
    border-radius: 50%;
    margin-right: 7px;
}

.car-indicator-box ul li input {
    height: 20px;
    width: 20px !important;
    margin-left: 8px;
    margin-top: 8px;
}

.car-btn ul {
    padding-left: 0;
}

.car-btn ul li {
    list-style-type: none;
    width: 25%;
    display: inline-table;
    text-align: center;
    padding: 0px 2px 5px;
    line-height: 17px;
}

.car-btn ul li button {
    padding: 3px;
    border-radius: 5px;
    border: 2px solid #dbe3e6;
    margin-bottom: 5px;
}

.car-btn ul li button img {
    width: 100%;
    border-radius: 50%;
}

.dooroutside {
    position: relative;
    width: 100%;
}

.dooroutframe img {
    width: 100%;

}

.framebottom img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.doorimg img {
    width: 100%;
    position: absolute;
    top: 0px;
}

.left_three_layer_handrails img {
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 99;
}

#rearhandrail {
    display: none;
}

#right_three_layer_handrails {
    display: none;
}

#left_three_layer_handrails {
    display: none;
}

.outdoor-wall {
    text-align: center;
}

.outdoor-wall button {
    background-color: #000;
    border-radius: 5px;
    color: #fff;
    display: block;
    width: 100%;
    border: none;
    padding: 7px;
    margin-bottom: 20px;
}


.doorplanel ul {
    padding-left: 0;
}

.doorplanel ul li {
    list-style-type: none;
    position: relative;
    margin: 31px 0 31px 0;
}

.doorplanel ul li input {
    position: absolute;
    right: 0;
}

.doorplanel ul li label span {
    border: 2px solid #dbe3e6;
    padding: 12px 16px 19px 16px;
    border-radius: 50%;
    margin-right: 7px;
}

.doorplanel ul li label span svg {
    position: relative;
    top: 7px;
}

.doorplanel ul li input {
    height: 20px;
    width: 20px !important;
    margin-left: 8px;
    margin-top: 8px;
}



.news-img {
    position: relative;
    text-align: center;
    margin-bottom: 42px;
}

.news-img img {
    width: 100%;
}

.news-contant {
    position: absolute;
    bottom: 10px;
    background: #fff;
    z-index: 999;
    left: 30px;
    right: 30px;
    padding: 11px;
}

.news-img:hover .news-contant a {
    border-bottom: 2px solid #000000;
}

.news-img::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(1turn, #61594c6b, #61594c6b);
    z-index: 99;
}

.news-contant p {
    color: #000;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 4px;
}

.news-contant h2 {
    color: #000;
    text-transform: uppercase;
    font-size: 15px;
        font-weight: 500;
    margin-bottom: 0;
}

.news-contant a {
    color: #000;
    font-size: 13px;
    padding-bottom: 3px;
    border-bottom: 2px solid #bcbcbc;
}

.main-content .item img {
    height: 423px;
}

.three_accordion .card-header button {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.three_accordion .card-header .btn {
    display: block;
    width: 100%;
    text-align: left;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #918888;
    border-radius: 0;
    font-weight: 600;
}

.three_accordion .card-header .btn.collapsed:after {
    content: "\002B";
}

.three_accordion .card-header .btn:after {
    content: "\2212";
    font-size: 25px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
    position: relative;
    top: -6px;
}

.about-carousel-box .item .about-carousel-img-opacity img {
    height: 350px;
}

.view-more-news {
    padding: 40px 0;
}

.view-more-blog {
    padding: 40px 0;
    float: right !important;
}

.view-more-blog a span {
    padding: 10px 13px;
}

.view-more-blog a span:hover {
    background: #000;
    color: #fff;
    transition: all 0.5s;
    padding: 10px 13px;
}

.news-img img {
    width: 100%;
    height: 259px;
}

.architects_developers .modal {
    z-index: 99999;
}

@media (min-width: 576px) {
    .architects_developers .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
        margin-top: 118px;
    }
}

.architects_developers .modal-footer button {
    width: 100% !important;
    border: 1px solid #3a3a3a;
    padding: 10px;
    background: #3a3a3a;

    display: block;
    color: #ffffff;
    text-align: center;
    border-radius: 4px;
}

.pagination-news #pagination-container ul {
    padding-left: 0;
    text-align: center;
}

.pagination-news #pagination-container ul li {
    list-style-type: none;
    display: inline-block;
}

.page-item.active .page-link {
    z-index: 1;
    color: #9c7a4f;
    background-color: inherit;
    border-color: #9c7a4f;
}

.pagination-news #pagination-container ul li .page-link {
    color: #9c7a4f;
    border-color: #9c7a4f;
}

.pagination-news #pagination-container ul li .page-link:hover {
    color: #ffffff;
    background-color: #9c7a4f;
    border-color: #9c7a4f;
}

.custom-page-elevator .carousel-indicators .active {
    background-color: #22ade4;
}

.bg-color-our-founding {
    background-color: #fafafa;
    padding: 80px 0;
}

.our-founding img {
    width: 100%;
    border-radius: 7px;
}

.bg-color-our-founding h2 {
    text-transform: uppercase;
    font-weight: 600;
}

.bg-color-our-founding p {
    font-size: 14px;
}

.bg-color-our-founding .col-lg-6 {
    margin: auto;
}

.shri_deepak {
    padding: 80px 0;
}

.shri_deepak img {
    width: 100%;
    border-radius: 7px;
}

.shri_deepak h2 {
    text-transform: uppercase;
    font-weight: 600;
}

.shri_deepak p {
    font-size: 14px;
}

.shri_deepak .col-lg-7 {
    margin: auto;
}

.our-achievements {
    background-color: #fafafa;
    padding: 80px 0;
}

.achievements-box img {
    width: 100%;
}

.our-achievements h2 {
    text-align: center;
    margin-bottom: 40px;
    font-weight: 600;
    text-transform: uppercase;
}

.achievements-box h3 {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 15px;
}

.references-section {
    padding: 100px 0;
}

.references-img img {
    width: 100%;
}

.references-left-section {
    background-color: #f6f2f3;
    padding: 26px;

}

.references-left-section ul {
    padding-left: 0;
}

.references-left-section ul li {
    list-style-type: none;
    position: relative;
}

.references-left-section h4 {
    margin-bottom: 20px;
    margin-top: 12px;
}

.references-left-section input {
    height: 20px;
    width: 31px !important;
    margin-right: 4px;
    position: relative;
    top: 5px;
}

.references-left-section ul li label {
    letter-spacing: 2px;
}

.about-carousel-contant a {
    color: #fff;
    font-size: 13px;
    letter-spacing: 2px;
    border: 1px solid #fff;
    padding: 13px 30px;
    position: relative;
    top: 20px;
}

.about-carousel-contant a:hover {
    background: #fff;
    color: #000;
    transition: all 0.5s;
}

.navbar-nav li .dropdown-menu a:nth-child(2) {
    border-bottom: 1px solid #222;
}

.navbar-nav li .dropdown-menu a:nth-child(3) {
    border-bottom: 1px solid #222;
}

.service-carousel-content {
    margin-bottom: 30px;
}

.enter-information-page-first {
    margin-top: 112px;
    margin-bottom: 112px;
}

.enter-information h2 {
    text-transform: uppercase;
    font-size: 29px;
}

.enter-information ul {
    list-style-type: none;
    padding-left: 0;
    margin-top: 19px;
    margin-bottom: 24px;
}

.enter-information ul li {
    display: inline-block;
    margin-right: 16px;
    font-size: 12px;
    font-weight: 600;
}

.enter-information ul li span {
    background: #000;
    color: #fff;
    padding: 3px 8px 4px 8px;
    border-radius: 17px;
    font-size: 10px;
}

.enter-information h5 {
    margin: 34px 0;
}

.enter-information-form .form-group .form-control {
    border-radius: 0;
    border: 1px solid #86898b;
}

.enter-information-form .form-group label {
    font-weight: 500;
}

.enter-information-form .form-check input {
    height: 35px;
    width: 20px !important;
}

.enter-information-form .form-check label {
    padding-left: 12px;
    padding-top: 11px;
}

.enter-information-form .number-otp {
    margin-top: 20px;
}

.enter-information-form .number-otp label {
    font-weight: 500;
}

.enter-information-form .input-group .form-control {
    border-radius: 0;
    border: 1px solid #86898b;
}

.enter-information-form .number-otp .btn-outline-secondary {
    background: #3a3a3a;
    border-radius: 0;
    border: 1px solid #3a3a3a;
    color: #fff;
    padding: 0px 13px;

}

.required-information {
    padding: 25px 0;
}
.required-information p{
    margin-bottom: 0;
    font-size: 14px;
}

.enter-information-form .form-check .form-check-label a{
    font-weight: 600;
    color: #000;
}

.information-img{
    background-size: cover;
    height: 379px;
    width: 58%;
    margin: auto;
}
.enter-information-btn ul{
    list-style-type: none;
    padding-left: 0;
}
.enter-information-btn ul li{
    display: inline-block;
    text-transform: uppercase;
    margin-right: 26px;
    margin-top: 12px;
}
.enter-information-btn ul li a{
    color: #000;
    font-size: 20px;
}
.build-your-elevator .build-your-elevator-btn{
    border: 1px solid #000;
    border-radius: 0;
    padding: 10px 0.75rem;
    font-size: 22px;
    font-weight: 400;
    display: block;
    text-transform: uppercase;
    width: 100%;
    background: #170d0b;
    color: #ffffff;
    text-align: center;
}
.build-your-elevator .build-your-elevator-btn:hover {
    background: #000000;
    color: #ffffff;
    transition: all 0.5s ease-out;
}
.requirements-bg-color{
  background-color: #170d0a;  
  padding: 26px 0;
  margin-bottom: 50px;
}
.requirements-bg-color ul{
    padding-left: 0;
   list-style-type: none;
   text-align: center;
}
.requirements-bg-color ul li{
display: inline-block;
color: #fff;
padding: 0px 32px;
}
.requirements-page-two{
    margin: 80px 0;
}
.requirements-bg-color ul li span{
    background: #ffffff;
    color: #000000;
    padding: 5px 11px 5px 11px;
    border-radius: 17px;
    font-size: 14px;
}
.requirements-bg-color ul{
    margin-bottom: 0;
}
.requirements-active a{
    border-bottom: 2px solid #fff;
    color: #fff;
}
.requirements-form .form-group .form-control{
    border-radius: 0;
    border: 1px solid #86898b;
}
.requirements-form{
    margin: 40px 0 50px 0;
}
.requirements-form h3{
    text-transform: uppercase;
    margin-bottom: 25px;
}
.full-elevator-bg-color li .image {
    width: 103px;
    height: 98px;
    background-position: center center;
    background-color: transparent;
    display: inline-block;
    margin:0 9px;
    text-align: center;
    line-height: 47px;
}
.full-elevator-bg-color li .radio-img input{
    display:none;
}
.full-elevator-bg-color li .image{
cursor:pointer;
border: 2px solid #170d0a;
font-size: 20px;
}
.full-elevator-bg-color li input:checked + .image{ 
    border: 2px solid #170d0a;
    
  }
  .full-elevator-bg-color li .radio-img input {
    display: none;
}



.number-of-passengers .image {
    opacity: 0.8;
    width: 53px;
    height: 53px;
    background-position: center center;
    background-color: transparent;
    display: inline-block;
    margin-right: 16px;
    text-align: center;
    line-height: 47px;
}
.number-of-passengers input:checked + .image{ 
    border: 2px solid #170d0a;
    background: #170d0a;
    color: #fff;
  }
.number-of-passengers .radio-img input{
        display:none;
}
.number-of-passengers .image{
    cursor:pointer;
    border: 2px solid #170d0a;
  font-size: 20px;
  }
  .number-of-passengers{
    margin: 0px 0 30px;
  }
  .number-of-lifts .number-of-passengers{
    margin: 0 0 27px 0;
  }
  .required-information h5 span{
font-weight: 600;
  }
  .required-information h5{
    font-size: 15px;
    margin-bottom: 30px;
  }
  .iti {
    width: 100%;
  }
  .number-of-passengers .image-new img{
    width: 18px;
  }

  .number-of-passengers .image-new{
    opacity: 0.8;
    width: 53px;
    height: 53px;
    background-position: center center;
    background-color: transparent;
    display: inline-block;
    margin-right: 16px;
    text-align: center;
    line-height: 27px;
}
.number-of-passengers input:checked + .image-new{ 
    border: 2px solid #170d0a;
    background: #170d0a;
    color: white;
    line-height: 3;
    padding-top: 7px;
  }

.number-of-passengers .image-new{
    cursor:pointer;
    border: 2px solid #170d0a;
  font-size: 20px;
  }
  .number-of-passengers .image-new p{
    color: #000000;
    font-size: 9px;
  }
  .number-of-passengers .image-new .black{
    width: 20px;
    height: 20px;
  }
  .number-of-passengers .image-new .white{
   
  }
  .number-of-passengers .image-new .white{
  display: none;
  }
  .number-of-passengers input:checked + .image-new p{
    color: #fff;
   }
   .number-of-passengers input:checked + .image-new .black{
    display: none;
   }
   .number-of-passengers input:checked + .image-new .white{
    display: block;
    margin: auto;
    width: 20px;
    height: 20px;
   }
  .build-your-elevator span img{
    width: 33px;
  }
  .requirements-bg-color ul li a{
    color: #fff;
  }
  .total-amount-custom h4{
    font-size: 17px;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
  }
  .Actions_actions__tccbL .col-6{
    margin: auto;
  }
  .total-amount-custom{
    padding-top: 8px;
  }
  .select-add-on h2{
    font-size: 31px;
    margin-bottom: 29px;
  }
  .select-add-on h3{
    font-size: 22px;
  }
  .select-add-package-img img{
    width: 94%;
    border-radius: 5px;
  }
  .gold-package-contant h5{
    font-size: 25px;
  }
  .package-page .col-lg-9{
    margin: auto;
  }
  .gold-package-contant .package-select-btn{
    color: #FFF;
    background: #170d0b;
    border: 1px solid #000;
    padding: 6px 67px 6px;
    font-size: 15px;
    text-align: center;
    margin-top: 13px;
  }

  .gold-package-contant h4{
    font-weight: 700;
  }
  .package-page{
    margin-top: 40px;
  }
  .upgrades h3{
    font-size: 22px;
    margin-bottom: 31px;
  }
  .package-btn-buttom .build-your-elevator-btn{
    display: inline-block;
    width: 49%;
  }
  .package-btn-buttom .build-your-elevator-btn.amount-btn-package{
    font-size: 20px;
    padding: 11px 0.75rem;
   
  }
  .upgrades{
    margin-bottom: 80px;
  }
  .package-page-container .container{
    max-width: 1246px;
  }
  .customer_information .form-group .form-control {
    border-radius: 0;
    border: 1px solid #86898b;
}
.customer_information h3 {
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 30px;
}
.confirm-booking h3{
    font-size: 24px;
}
.customer-product img{
    width: 100%;
    border-radius: 5px;
}
.confirm-booking h5{
    margin-top: 30px;
    margin-bottom: 19px;
}
.customer-product{
    border-bottom: 2px solid #898686;
    padding-bottom: 28px;
}
.final-amount-elevator {
    display: flex;
    justify-content: space-between;
    border: 2px solid #7c7979;
    align-items: center;
    padding-top: 1em;
    margin: 2em;
    margin-bottom: 1em;
    padding-right: 3.5vw;
    padding-left: 3.5vw;
}
.final-amount-elevator p{
font-weight: 600;
}
.elevator-brochure a{
    border: 1px solid #000;
    border-radius: 0;
    padding: 10px 0.75rem;
    font-size: 22px;
    font-weight: 400;
    display: block;
    text-transform: uppercase;
    width: 100%;
    background: #170d0b;
    color: #ffffff;
    text-align: center;  
 
}
.customer-padding{
    margin: 50px 0;
}
.passengers-ul ul{
    margin-bottom: 0;
}
.passengers-ul.first-ul ul{
    margin-bottom: 8px;
}
.table-customer{
    margin-bottom: 11px;
}
.table-customer table tbody tr th{
    font-weight: 600;
}
.payment-information .form-check input {
    height: 35px;
    width: 20px !important;
}
.payment-information .form-check label {
    padding-left: 12px;
    padding-top: 11px;
}
.payment-information p{
    margin-top: 10px;
    margin-bottom: 0;   
}
.payment-information{
    border-bottom: 2px solid #898686;
    padding-bottom: 22px;
}
.yes-understand .form-check input {
    height: 35px;
    width: 20px !important;
}
.yes-understand .form-check label {
    padding-left: 12px;
    padding-top: 11px;
}
.yes-understand .form-check label a{
    color: #000;
    font-weight: 600;
}

.qty-container .qty-btn-minus {
   margin-right: -5px;
   position: relative;
    top: -2px;
}
.qty-container .qty-btn-minus, .qty-container .qty-btn-plus {
    border: 1px solid #d4d4d4;
    padding: 10px 13px;
    font-size: 10px;
    height: 38px;
    width: 38px;
    transition: 0.3s;
}
.qty-container .input-qty {
    text-align: center;
    padding: 6px 10px;
    border: 1px solid #d4d4d4;
    max-width: 80px;
}
.qty-container .qty-btn-plus {
    margin-left: -5px;
	position: relative;
    top: -2px;
}
.econo-center{
text-align:center;
}

.login-form .login-btn {
    width: 100% !important;
    border: 1px solid #000;
    padding: 10px;
    background: #000000;
    margin-top: 19px;
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    border-radius: 10px;
	margin-bottom: 30px;
}
/* .car-walls ul li p{
    margin-top: 10px;
    font-weight: 700;
} */

.step-two-check {
    border: 1px solid #86898b;
    margin-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}
.step-two-check input {
    height: 27px;
    width: 27px !important;
    position: absolute;
    margin-left: 0;
    margin-top: 7px;
}
.step-two-check label {
    left: 44px;
    position: relative;
    padding: 9px 10px 4px 10px;
}
.build-your-elevator{
margin-left: 0px;
}

.econo_full_elevator_img img{
    width: 100%;
   
}
.left-frame-right img{
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
}
.econo_full_elevator_floor img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.econo_full_elevator_ceiling img{
    width: 100%;
    position: absolute;
    top: 0;
   
}
.econo-btn ul li img{
    padding: 3px;
    border-radius: 0;
    border: 2px solid #dbe3e6;
    margin-bottom: 5px;
    width: 100%;
}
.econo-btn ul li h4 img{
    width: 100%;
}
.econo-custom-faq .accordion{
    height: calc(var(--vh, 60vh) - 168px);
}
.faq-header{
    text-align: center;
    margin-bottom: 20px;
}
.faq-body-contant{
    padding: 11px 12px 0px;
}
.faq-padding-buttom{
    margin-bottom: 70px;
}

.privacy-policy-page{
    margin-bottom: 96px;
}
.privacy-policy-page ul li{
    color: #7a7777;
    margin-bottom: 8px;
}
.privacy-policy-page p{
    margin-bottom: 8px; 
}
.privacy-policy-page h5{
    margin: 20px 0;
}
.privacy-policy-page h3{
    margin: 20px 0;
    font-size: 23px;
}
.privacy-policy-page h6{
    margin: 20px 0;
    font-size: 17px;
}

.mirror-radio-btn ul li label span{
    padding: 19px 15px 11px 15px;
}

.skirtings_floor img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.left_wall_cop img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.doorout-econo-btn img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.eccno-left-right-black-border img {
    width: 100%;
}


.view-more-view-less {
    width: 100%;
    background: inherit;
   
    border-radius: 10px;
}

.view-more-view-less p {
    max-height: 87px;
    overflow: hidden;
    position: relative;
}

.view-more-view-less p::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 100%;
    bottom: 0;
    pointer-events: none;

}

.check {
    appearance: none;
    /* border: 1px solid #fff; */
    padding: 6px 0 !important;
    border-radius: 0.25em;
    cursor: pointer;
    font-weight: 500;
    color: #000;
    font-size: 14px;
}


.check::before {
    content: "Read more";
}

.check:checked::before {
    content: "Read less";
}

.view-more-view-less p:has(+ .check:checked) {
    max-height: none;
}
.main-slider .slide img{
    height:700px;
}