@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&display=swap');* {
    margin: 0px;
    padding: 0px;
    outline: none;
    line-height: inherit;
    box-sizing: border-box;
}

a:hover, a:focus, a:visited {
    text-decoration: none;
    outline: none;
}

body {
    padding: 0;
    margin: 0;
    font-family: 'Nunito', sans-serif;
    overflow-x: hidden;
    background: border-box;
    box-sizing: border-box;
}

textarea {
    overflow: hidden;
}

a {
    text-decoration: none
}

img {
    max-width: 100%
}

ul {
    padding: 0px;
    margin: 0px;
}

li {
    list-style: none;
}

figure {
    margin-bottom: 0;
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

button {
    outline: none;
    cursor: pointer;
}

a {
    transition: 0.3s;
}

p {
    margin: 0px;
    font-size: 17px;
}

.timeline__event__content p br {
    display: none;
}

header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}

.footer-about a {
    font-size: 17px;
}

.footer-about p {
    font-size: 17px;
}

header#bolg-header .header-wrap {
    padding: 10px 0px 0px;
}

a.navbar-brand img {
    width: 267px;
}

.header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.left-info ul {
    display: flex;
    justify-content: flex-end;
    gap: 40px;
}

.left-info ul li span i {
    color: #fff;
    font-size: 12px;
}

.left-info ul li span i {
    opacity: 0;
    width: 0;
}

.nav-wrap nav.navbar {
    padding: 0px;
}

.left-info ul li a:hover {
    color: #09d3d0;
}

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

.nav-wrap a.navbar-brand {
    padding: 0px;
}

.left-info ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

section.silder-sec {
    position: relative;
}

.video-sec {
    padding: 62px 0px;
}

.catalogue-video {
    padding: 0px 0px;
}

section.silder-sec:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1212124d;
    content: "";
}

.right-info a {
    display: block;
    border-radius: 100px;
    padding: 9px 25px;
    color: #fff;
    transition: 0.3s;
    font-size: 16px;
    font-weight: 400;
    background: #118d8b;
}

.right-info a:hover {
    background: #08bab7;
}

.video-review {
    position: relative;
}

.before-after-wrap {
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translateY(-50%);
}

.before-after-wrap ul li img {
    width: 80px !important;
    border: 1px solid #fff;
    border-radius: 4px;
}

.before-after-wrap ul li span {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    display: block;
    margin-top: 8px;
}

.before-after-wrap ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.menu {
    background-color: #286e6d;
    width: 285px;
    height: 100vh;
    position: fixed;
    right: -285px;
    transition: all 0.2s ease-out;
    top: 0;
}

.menu .btn {
    color: white;
    margin: 15px 0px;
}

.menu .btn .fa {
    margin-left: 8px;
}

.menu ul {
    margin-top: 0;
    padding-top: 0;
    padding: 0;
    padding: 10px 10px 0px;
}

.menu ul li:first-child {
    border-top: 1px solid #ffffffab;
}

.menu ul li {
    color: #fff;
    border-bottom: 1px solid #ffffffab;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    line-height: 44px;
    padding-left: 12px;
    cursor: pointer;
}

.menu ul li:hover {
    background-color: #09adaa;
}

.menu .btn i {
    font-size: 32px;
    font-weight: 100;
}

.menu ul li a {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
}

.open {
    right: 0 !important;
    z-index: 2;
}

.toogle-menu {
    padding-left: 30px;
}

.toogle-menu a {
    color: #fff;
    font-size: 32px;
}

.toogle-menu a:hover {
    color: #fff;
}

.menu-click {
    color: #00a0c6;
    cursor: pointer;
}

.menu-click .fa {
    cursor: pointer;
    font-size: 2em;
    padding: 6px;
    margin-right: 8px;
}

.content {
    position: relative;
}

.content .menu-click {
    position: absolute;
    right: 0;
}

.link {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.link a {
    color: #004e60;
    text-decoration: none;
}

.link a:hover {
    text-decoration: underline;
}

.ui-loader {
    display: none;
}

.nav-wrap .navbar-nav li a {
    font-size: 18px;
    color: #fff !important;
    font-weight: 400;
    padding: 20px 22px !important;
}

.nav-wrap .navbar-nav li:last-child a {
    padding-right: 0px !important;
}

.nav-wrap .navbar-nav li:last-child a i {
    font-size: 32px;
}

.nav-wrap .navbar-nav {
    align-items: center;
}

.nav-wrap .navbar-nav li a:hover {
    color: #ffffff !important;
}

section.silder-sec .carousel .carousel-indicators button {
    width: 12px;
    height: 12px;
    border-radius: 100px;
    background: transparent;
    border: 2px solid #f8f5f5;
}

section.silder-sec .carousel .carousel-indicators button.active {
    background: #18d1ce;
    border-color: #18d1ce;
}

section.silder-sec .carousel .carousel-indicators {
    gap: 10px;
}

.gallery-page .carousel-caption {
    top: 58% !important;
}

section.silder-sec .carousel-caption {
    position: absolute;
    z-index: 1;
    top: 44%;
    left: 1%;
    width: 100%;
    text-align: left;
    right: 0;
    padding: 0px;
    bottom: 0;
}

section.silder-sec .carousel-caption h2 {
    font-size: 42px;
    font-weight: 600;
    color: #fff;
}

section.silder-sec .carousel-caption a {
    border-radius: 100px;
    padding: 10px 36px;
    color: #fff;
    transition: 0.3s;
    font-size: 16px;
    font-weight: 400;
    background: #118d8b;
    display: inline-block;
    margin-top: 10px;
}

section.silder-sec .carousel-caption .banner-text {
    width: 50%;
}

section.silder-sec .carousel-caption a:hover {
    background: #09adaa;
}

section.silder-sec .carousel-caption .col-md-12 {
    padding: 0px;
}

section.google-review-sec {
    padding: 50px 0px;
}

h2.section-heading {
    font-size: 42px;
}

.review {
    display: flex;
    align-items: center;
    gap: 10px;
}

section.google-review-sec {
    padding: 50px 0px;
}

.google-img figure {
    margin-bottom: 10px;
}

.review p {
    font-size: 26px;
    font-weight: 700;
}

.review span i {
    font-size: 18px;
    color: #fabe2d;
}

.google-img figure img {
    width: 130px;
}

.review-header ul {
    display: flex;
    gap: 20px;
    padding: 0px 60px;
}

.review-header {
    display: flex;
    justify-content: space-between;
}

.review-header ul li figure img {
    width: 110px !important;
}

.customer-feedback-sec .row {
    align-items: center;
}

.customer-feedback-sec .review-header ul {
    padding: 20px;
    border-radius: 4px;
}

.customer-feedback-sec .review-header ul li figure img {
    width: 200px !important;
}

.right-wrap button {
    border: none;
    background: transparent;
    display: none;
}

.right-wrap button img {
    width: 24px !important;
}

.left-wrap h3 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 700;
}

.left-wrap h4 {
    font-size: 16px;
}

.left-wrap .review {
    margin: 10px 0px;
}

.left-wrap .review span i {
    font-weight: 600;
}

.left-wrap .review span+span {
    font-size: 18px;
    font-weight: 400;
    color: #524c4ccc;
}

.left-wrap .review button {
    border: 1px solid #ccc;
    background: transparent;
    padding: 0px 4px;
    font-weight: 600;
    border-radius: 4px;
    cursor: auto;
}

div#google-review .owl-dots {
    display: none;
}

div#google-review .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 25px;
}

div#google-review .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 25px;
}

#customer-feedback .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 25px;
}

#customer-feedback .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 25px;
}

.video-review figure {
    position: relative;
}

.video-review figure:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #2a28275c;
}

.play-btn a {
    background: #000000;
    width: 60px;
    height: 60px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.play-btn a i {
    font-size: 26px;
    color: #fff;
}

.name-address {
    position: absolute;
    bottom: 10px;
    right: 5%;
    left: 5%;
    background: #00000057;
    width: 90%;
    padding: 10px;
    border-radius: 4px;
}

.name-address h2 {
    font-size: 20px;
    color: #fff;
}

.name-address h3 {
    font-size: 16px;
    color: #fff;
    margin: 0px;
}

section.video-review-sec {
    margin: 0px 10px 25px 10px;
}

div#video-review .owl-nav {
    display: none;
}

div#video-review .owl-dots {
    display: none;
}

section.we-care-sec {
    background-size: cover !important;
    background-position: top !important;
}

section.we-care-sec {
    position: relative;
}

.we-care .play-btn a {
    background: #000000ab;
    width: 100px;
    height: 100px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.we-care .play-btn a i {
    font-size: 42px;
}

.we-care-text {
    padding-top: 20px;
    text-align: center;
}

.we-care-text h3 {
    color: #000;
    font-size: 42px;
    font-weight: 600;
}

.we-care-text p {
    color: #000;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 0px;
}

section.our-procces-sec {
    padding: 50px 0px;
}

.our-procces-wrap ul {
    display: flex;
    justify-content: space-between;
}

.our-procces-wrap ul li {
    position: relative;
    border-right: 2px solid #276d6c;
    text-align: center;
}

.our-procces-wrap ul li figure:hover {
    background: #276d6c;
}

.our-procces-wrap ul li figure:hover img {
    filter: brightness(0) invert(1);
}

.our-procces-wrap ul li figure {
    width: 85px;
    height: 85px;
    margin: 0 auto;
    border: 2px solid #276d6c;
    border-radius: 100px;
    line-height: 74px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}

.our-procces-wrap ul li {
    padding: 10px;
    width: 25%;
    transition: 1s;
}

.our-procces-wrap ul li h2 {
    font-size: 24px;
    color: #286e6d;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 20px;
}

.our-procces-wrap ul li figure img {
    width: 48px !important;
}

.our-procces-wrap ul li h4 {
    font-size: 21px;
    color: #333132;
    font-weight: 600;
    max-height: 30px;
    min-height: 30px;
}

.our-procces-wrap ul li:last-child {
    border: none;
}

.our-procces-wrap ul li p {
    font-size: 16px;
    font-weight: 500;
    color: #333132;
}

.catalog-design ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
}

section.catalog-sec {
    padding-bottom: 50px;
}

.menu ul li:last-child {
    border-bottom: none;
}

.open-social {
    padding: 0px 10px;
    margin-top: 20px;
}

.open-social h2 {
    font-size: 20px;
    color: #fff;
}

.open-social ul.social {
    display: flex;
    gap: 10px;
    padding: 0px;
    justify-content: flex-start;
    margin-top: 16px;
}

.open-social ul.social li {
    border: none;
    padding: 0px;
}

.open-social ul.social li a {
    border: 1px solid #fff;
    width: 36px;
    height: 36px;
    display: block;
    text-align: center;
    line-height: 36px;
    border-radius: 100px;
}

.open-social ul.social li:hover {
    border-radius: 100px;
}

.open-social ul.social li a:hover {
    border-color: #ffffff;
}

.menu.open .right-info a {
    border-radius: 0px;
    padding: 10px 10px;
    text-align: center;
}

.menu.open .right-info {
    margin-top: 20px;
}

.menu.open .right-info {
    padding: 0px 10px;
}

.catalog-wrap {
    text-align: center;
    margin-bottom: 30px;
}

section.process-sec .section-heading {
    color: #ffffff;
    font-size: 44px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0px;
}

.catalog-design ul li {
    position: relative;
    margin-bottom: 10px;
}

.catalog-design ul li:hover:after {
    background-image: linear-gradient(#118d8b52, #ffffff17);
}

.catalog-design ul li:after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: linear-gradient(#00000063, #00000017);
}

.catalog-design ul li img {
    width: 100%;
    height: 552px;
    object-fit: cover;
}

.catalog-design ul li .design-name {
    position: absolute;
    bottom: 17%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
}

.care-bg {
    position: relative;
    background-size: cover !important;
    background-position: top !important;
    padding: 300px 0px;
}

.care-bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000004d;
}

.catalog-design ul li .design-name h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: 2px;
}

.catalog-design ul li .discover-wrap {
    position: absolute;
    bottom: 6%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
}

.catalog-design ul li .discover-wrap a {
    background: #0000008c;
    padding: 8px 15px;
    border-radius: 100px;
    color: #fff;
    font-weight: 300;
    transition: 0.5s;
}

.catalog-design ul li .discover-wrap a:hover {
    background: #08bab7;
}

.catalog-design ul li:hover .discover-wrap a {
    background: #08bab7;
}

section.bathroom-design-sec {
    position: relative;
}

section.bathroom-design-sec:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 65%;
    background: #276d6c;
    content: "";
    height: 100%;
    z-index: -1;
}

.blog-bathroom-content form {
    margin-top: 24px;
}

.blog-bathroom-content {
    text-align: left !important;
}

.blog-bathroom-content form .form-group {
    margin-bottom: 30px;
}

.blog-bathroom-content form .form-group input {
    width: 100%;
    height: 48px;
    padding: 10px;
    border-radius: 4px;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.blog-bathroom-content form .form-group button {
    background: #fff;
    padding: 9px 20px;
    border-radius: 100px;
    border: none;
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    color: #276d6c;
    text-transform: capitalize;
}

.blog-bathroom-content form .form-group input::placeholder {
    color: #fffbfb;
}

.blog-bathroom-content form .form-group button:hover {
    background: #08bab7;
    color: #fff;
}

.bathroom-design-blog {
}

section.bathroom-design-sec ul {
    display: flex;
    width: 100%;
    gap: 30px;
    align-items: center;
    z-index: 1;
    padding: 35px 0px;
    color: #fff;
}

section.bathroom-design-sec ul li.img-wrap {
    width: 50%;
    position: relative;
}

section.bathroom-design-sec ul li.bathroom-content {
    width: 50%;
    text-align: right;
    padding-right: 110px;
}

section.bathroom-design-sec ul li.bathroom-content h1 {
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 600;
}

section.bathroom-design-sec ul li.bathroom-content span {
    font-size: 44px;
    margin-bottom: 10px;
    display: block;
    font-weight: 600;
}

section.bathroom-design-sec ul li.bathroom-content p {
    font-size: 20px;
}

section.bathroom-design-sec ul li.bathroom-content a {
    border: 1px solid #b4c4c3;
    display: inline-block;
    margin-top: 80px;
    padding: 7px 44px;
    border-radius: 100px;
    color: #fff;
    font-size: 20px;
    transition: 0.5s;
}

section.bathroom-design-sec ul li.bathroom-content a:hover {
    background: #08bab7;
    border-color: #08bab7;
}

.image-hotspot .hotspot-content-title a {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

span.hotspot-anm {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: -9px;
    left: -26px;
    border-radius: 100px;
}

.hotspot-product {
    position: absolute;
    top: 17%;
    left: 28%;
    background: #fff;
    padding: 6px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease, transform .25s ease, -webkit-transform .25s ease;
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
}

.image-hotspot span.hotspot-anm {
    width: 22px;
    height: 22px;
    display: inline-block;
    position: absolute;
    top: 16%;
    left: 23%;
}

.image-hotspot:hover .hotspot-product {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.image-hotspot-hotspots .image-hotspot:nth-child(2) span.hotspot-anm {
    top: 70%;
    left: 32%;
}

.image-hotspot-hotspots .image-hotspot:nth-child(2) .hotspot-product {
    top: 71%;
    left: 35%;
}

.image-hotspot-hotspots .image-hotspot:nth-child(3) span.hotspot-anm {
    top: 47%;
    left: 12%;
}

.image-hotspot-hotspots .image-hotspot:nth-child(3) .hotspot-product {
    top: 49%;
    left: 16%;
}

.image-hotspot-hotspots .image-hotspot:nth-child(4) span.hotspot-anm {
    top: 83%;
    left: 58%;
}

.image-hotspot-hotspots .image-hotspot:nth-child(4) .hotspot-product {
    left: 49%;
    top: 86%;
}

.image-hotspot span.hotspot-anm:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 18px;
    height: 18px;
    background: #118d8b9e;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}

.image-hotspot-hotspots .image-hotspot:first-child {
    display: none;
}

.image-hotspot span.hotspot-anm:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 14px;
    height: 14px;
    background: #118d8b;
    border-radius: 50%;
    transition: all 200ms;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

section.our-partner-wrapper1 {
    padding: 105px 0 50px;
    text-align: center;
}

section.our-partner-wrapper1 h2.section-heading {
    padding-bottom: 40px;
}

section.our-partner-wrapper {
    padding: 50px 0 0px;
    text-align: center;
}

section.our-partner-wrapper h2.section-heading {
    padding-bottom: 40px;
}

section.latest-news-wrapper {
    padding: 50px 0;
    text-align: center;
}

section.latest-news-wrapper h2.section-heading {
    padding-bottom: 30px;
}

section.latest-news-wrapper .news-card {
    position: relative;
}

section.latest-news-wrapper .news-card:after {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #0000006e;
    content: "";
    left: 0;
    top: 0;
}

section.latest-news-wrapper .news-card .news-details-caption {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -26%);
    width: 71%;
    z-index: 1;
}

section.latest-news-wrapper .news-card .news-details-caption p a {
    color: #fff;
    font-size: 20px;
}

section.latest-news-wrapper .news-card .news-details-caption a.news-read-more {
    color: #fff;
    text-decoration: underline;
}

a.browse-all {
    color: #000;
    padding-top: 25px;
    display: block;
    font-size: 20px;
}

section.get-intouch-wrapper {
    padding: 50px 0;
    background: #286e6d;
}

section.get-intouch-wrapper ul {
    display: flex;
    justify-content: space-between;
}

section.get-intouch-wrapper ul li {
    width: 21%;
}

section.get-intouch-wrapper ul li .form-control {
    background: transparent;
    border-radius: 100px;
    color: #fff;
    text-align: left;
    padding: 8px 10px;
    border-color: #ffffff;
    text-align: center;
}

section.get-intouch-wrapper ul li input::placeholder {
    color: #fff;
}

section.get-intouch-wrapper ul li .form-control.submiyt-btn {
    border: none;
    display: block;
    border-radius: 100px;
    padding: 9px 25px;
    color: #286e6d;
    transition: 0.3s;
    font-size: 17px;
    font-weight: 600;
    background: #ffffff;
    text-decoration: none;
    transition: 0.5s;
}

.get-in-touch-heading {
    text-align: center;
    background: #286e6d;
    padding-top: 30px;
}

footer {
    background: url(../images/footer-bg.webp);
    padding: 50px 0;
    padding-bottom: 0px;
    position: relative;
    background-size: cover;
}

footer:after {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #0000008f;
    content: "";
    left: 0;
    top: 0;
}

footer .container {
    z-index: 9999;
    position: relative;
}

.footer-logo-wrap {
    padding-bottom: 40px;
}

footer .footer-about {
    color: #fff;
}

footer .footer-about a {
    display: block;
    color: #fff;
}

footer .footer-about ul.social {
    display: flex;
    gap: 10px;
    font-size: 30px;
}

footer .footer-about ul.social li a {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 100px;
    font-size: 20px;
}

footer .footer-nav ul.footer-menu-list li a {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

footer .footer-nav ul.footer-menu-list {
    position: relative;
}

footer .footer-nav .col-md-4:nth-child(3) ul.footer-menu-list:after {
    display: none;
}

footer .footer-content {
    padding: 20px 0px 50px;
    margin-top: 20px;
}

footer .footer-content p {
    color: #fff;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    text-align: center;
}

footer .footer-content p.copyright a {
    color: #59b3a3;
}

p.copyright a {
    color: #59b3a3;
    padding-top: 20px;
    display: block;
    font-size: 14px;
}

footer .footer-nav ul.footer-menu-list li a:hover {
    color: #59b3a3;
}

footer .footer-about ul.social li a:hover {
    color: #fff;
}

section.get-intouch-wrapper ul li .form-control:focus {
    box-shadow: none;
    outline: none;
    border-color: #ffffff;
}

section.get-intouch-wrapper ul li .form-control.submiyt-btn:hover {
    background: #09adaa;
    color: #fff;
}

footer .footer-nav ul.footer-menu-list li a:hover {
    color: #70c2b2;
}

footer .footer-about ul.social li a i {
    font-size: 16px;
}

footer .footer-about ul.social li:hover a {
    background: #71c3b3;
    border-color: #71c3b3;
}

.footer-about p {
    line-height: 28px;
}

div#OurPartners .owl-nav {
    display: none;
}

div#OurPartners .owl-dots {
    display: none;
}

/ End / #catalog .owl-dots button {
    width: 12px;
    height: 12px;
    border-radius: 100px;
    background: transparent;
    border: 2px solid #f8f5f5;
}

#catalog .owl-dots button.active {
    background: #18d1ce;
    border-color: #18d1ce;
}

#catalog .owl-dots {
    gap: 10px;
}

ul#catalog .owl-nav {
    display: none;
}

a.browse-all:hover {
    color: #286e6d;
}

ul#catalog .owl-dots {
    display: flex;
    justify-content: center;
}

ul#catalog .owl-dots button {
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 100px;
}

section.latest-news-wrapper .news-card figure {
    overflow: hidden;
}

section.latest-news-wrapper .news-card figure img {
    transform: scale(1);
    transition: 3s;
    width: 100%;
}

section.latest-news-wrapper .news-card:hover figure img {
    transform: scale(1.5);
}

.our-procces-wrap ul li video {
    width: 85px;
    border-radius: 100px;
}

.our-procces-wrap ul li video {
    display: none;
}

.our-procces-wrap ul li:hover figure {
    display: none;
}

.our-procces-wrap ul li:hover video {
    display: block;
    margin: 0 auto;
}

.brandlogo a img {
    width: 60px;
    margin-top: 5px;
}

.image-hotspot-hotspots .image-hotspot:nth-child(5) span.hotspot-anm {
    top: 21%;
    left: 15%;
}

.image-hotspot-hotspots .image-hotspot:nth-child(5) .hotspot-product {
    left: 18%;
    top: 22%;
}

.activeproject {
    height: 60px;
    width: 60px;
    transform: translate(-50%, -50%) rotate(45deg);
    border-radius: 160px 0;
    transition-property: width, height, background, margin-left, margin-top, border, transform, rotate, translate;
    transition-duration: 0.3s;
    transition-timing-function: ease;
}

.cursor.activeproject .ball {
    width: 20px;
    height: 20px;
}

.cursor.activemenu {
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
    background: rgba(255, 255, 255, 0.15);
}

.cursor {
    position: fixed;
    background-color: #118d8b;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: 5px;
    margin-top: 5px;
    pointer-events: none;
    z-index: 10000;
    transition-property: width, height, background, border, margin-left, margin-top, border-radius, background-size, transform, rotate, translate, clip-path;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    border: 0px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    mix-blend-mode: difference;
    z-index: 9;
}

header#innee-page-header {
    position: relative;
}

#innee-page-header .left-info ul li a {
    color: #303133;
    font-size: 16px;
    font-weight: 400;
}

#innee-page-header .nav-wrap .navbar-nav li a {
    color: #303133 !important;
}

section.inner-banner-sec {
    background-size: cover !important;
    padding: 380px 0px 250px;
}

section.inner-banner-sec {
    position: relative;
}

section.inner-banner-sec:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1212124d;
    content: "";
}

.inner-banner-text {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
}

.inner-banner-text h1 {
    font-size: 46px;
    font-weight: 600;
}

section.how-it-work-sec {
    padding: 60px 0px;
}

.how-it-work-wrap p {
    font-size: 20px;
}

.how-it-work-wrap {
    text-align: center;
    margin-bottom: 40px;
}

.work-box svg {
    width: 200px;
}

.work-box {
    position: relative;
    text-align: center;
}

.work-box figure {
    margin-bottom: 20px;
}

.work-box figure img {
    width: 80px;
}

span.num {
    position: absolute;
    left: -46px;
    top: -51px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    font-weight: bold;
    color: #118d8b;
    border: 2px dashed#118d8b;
    font-size: 26px;
}

.work-box h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: -8px;
}

.call-to-action {
    text-align: center;
    margin-top: 28px;
}

.call-to-action a {
    border-radius: 100px;
    padding: 11px 60px;
    color: #fff;
    transition: 0.3s;
    font-size: 16px;
    font-weight: 400;
    background: #118d8b;
    display: inline-block;
    margin-top: 10px;
}

.call-to-action a:hover {
    background: #09adaa;
}

.work-box:hover {
}

ul.work-wrap {
    display: flex;
    justify-content: center;
    gap: 90px;
}

ul.work-wrap li {
    position: relative;
}

ul.work-wrap li:after {
    position: absolute;
    top: 33%;
    right: -44px;
    content: "\f054";
    font-family: 'Font Awesome 5 Pro';
    font-size: 34px;
    color: #276d6c;
    font-weight: 500;
}

ul.work-wrap li:last-child:after {
    display: none;
}

.work-box {
    padding: 20px;
    border-radius: 4px;
    transition: 0.3s;
}

span.num {
    display: none;
}

.timeline {
    display: flex;
    flex-direction: column;
    margin: 0px 0px 0px 15%;
}

.timeline__event {
    margin-bottom: 20px;
    position: relative;
    display: flex;
}

.timeline__event__title {
    text-transform: capitalize;
    font-weight: 600;
}

.timeline__event__content p {
    color: #fff;
}

.timeline__event__content {
    padding: 15px;
    width: 100%;
    border-radius: 4px;
    margin-left: 36px;
}

.timeline__event__date {
    color: #f6a4ec;
    font-size: 1.5rem;
    font-weight: 600;
    white-space: nowrap;
}

.timeline__event__icon {
    border-radius: 8px 0 0 8px;
    background: #9251ac;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 40%;
    font-size: 2rem;
    color: #9251ac;
    padding: 20px;
}

.timeline__event__icon i {
    position: absolute;
    top: 50%;
    left: -65px;
    font-size: 2.5rem;
    transform: translateY(-50%);
}

.timeline__event__description {
    flex-basis: 60%;
}

.timeline__event:after {
    content: "";
    width: 2px;
    height: 69%;
    position: absolute;
    top: 82%;
    left: -3.5rem;
    z-index: 0;
}

.timeline__event:before {
    content: "";
    width: 6rem;
    height: 6rem;
    position: absolute;
    border-radius: 100px;
    left: -6rem;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #ffffff;
    z-index: 2;
    background: white;
}

.timeline__event--type2:before {
    border-color: #118d8b;
}

.timeline__event--type2:after {
}

.timeline__event--type2 .timeline__event__date {
    color: #87bbfe;
}

.timeline__event--type2 .timeline__event__icon {
    background: #555ac0;
    color: #555ac0;
}

.timeline__event--type2 .timeline__event__title {
    color: #555ac0;
}

.timeline__event--type3:before {
    border-color: #118d8b;
}

.timeline__event--type3:after {
    background: #24b47e;
}

.timeline__event--type3 .timeline__event__date {
    color: #aff1b6;
}

.timeline__event--type3 .timeline__event__icon {
    background: #24b47e;
    color: #24b47e;
}

.timeline__event--type3 .timeline__event__title {
    color: #24b47e;
}

.timeline__event:last-child:after {
    content: none;
}

@media (max-width: 786px) {
    .timeline__event {
        flex-direction: column;
    }

    .timeline__event__icon {
        border-radius: 4px 4px 0 0;
    }
}

.process-info ul {
    display: flex;
    gap: 20px;
}

figure.img-wrap {
    overflow: hidden;
}

figure.img-wrap img {
    transition: 2s;
    transform: scale(1);
}

figure.img-wrap:hover img {
    transform: scale(1.3);
}

section.process-sec {
    padding: 60px 0px;
    position: relative;
    background: #276d6c;
}

.process-info {
    position: relative;
    z-index: 1;
}

section.process-sec .section-heading {
    color: #ffffff;
}

.process-wrap {
    position: relative;
    margin-bottom: 40px;
    text-align: center;
}

.process-info ul li:first-child {
}

.process-info ul li:last-child {
}

.process-wrap .nav {
    border: none;
    border-bottom: 3px solid #ccc;
    margin: 0px;
}

.process-wrap .nav button {
    border: none;
    background: transparent !important;
    font-size: 23px;
    color: #000;
    font-weight: 600;
    padding: 9px 30px;
}

.timeline-wrap h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 22px;
    font-weight: 600;
}

.process-wrap .nav button {
    position: relative;
}

.process-wrap .nav button.active:after {
    content: "";
    bottom: -1px;
    left: 0;
    width: 100%;
    background: #118d8b;
    height: 3px;
    position: absolute;
    border-radius: 100px;
}

section.process-sec .col-md-12 .row {
    margin-bottom: 30px;
}

section.process-sec .col-md-12 .row:last-child {
    margin-bottom: 0px;
}

.timeline__event__title h3 a {
    color: #fff;
}

.timeline__event__title h3 {
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
}

.process-info ul li .tab-content .tab-pane h2 {
    font-size: 22px;
    background: #118d8b;
    display: inline-block;
    padding: 12px 42px;
    color: #fff;
    border-radius: 100px;
}

.timeline {
    position: relative;
}

.timeline:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    left: -7.3%;
    border: 1px dashed #118d8b;
    z-index: -1;
}

.lni-cake img {
    position: absolute;
    top: 50%;
    left: -76px;
    font-size: 2.5rem;
    transform: translateY(-50%);
    width: 55px;
    z-index: 9;
}

.blog-datils-wrap figure img {
    width: 100%;
}

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

.contact-details ul li {
    border-bottom: transparent !important;
}

.contact-details .wized-body ul li buton.btn.btn-info {
    background: #118d8b !important;
    border-color: #118d8b;
    color: #fff;
}

.contact-details .wized-body ul li buton.btn.btn-info:hover {
    background: #02a4a2 !important;
    border-color: #02a4a2;
}

.process-info ul li figure.img-wrap {
    position: relative;
    overflow: hidden;
}

.process-info ul li figure.img-wrap img {
    transform: scale(1);
    transition: 3s;
}

.process-info ul li figure.img-wrap:hover img {
    transform: scale(1.3);
}

.process-info ul li .tab-content .tab-pane .left-img {
    width: 32%;
    float: left;
}

.process-info ul li .tab-content .tab-pane {
}

.process-info ul li .tab-content .tab-pane .timeline-wrap {
    width: 65%;
    float: right;
}

section.our-team-sec {
    padding: 60px 0px;
}

.our-team-wrap {
    text-align: center;
    margin-bottom: 50px;
}

.our-team-wrap p {
    font-size: 20px;
}

.team {
    text-align: center;
}

.team figure {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.team h3 {
    font-size: 22px;
    font-weight: 600;
    color: #000000;
}

.faq .accordion {
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.faq .accordion-item {
    background-color: #fff;
    color: #111;
    border-radius: 0px;
    border: transparent;
}

.faq .accordion-item-header {
    padding: 17px 15px;
    min-height: 3.5rem;
    line-height: 1.25rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    border-top: 1px solid #ccc;
}

.faq .accordion-item-header::after {
    content: "\002B";
    font-size: 26px;
    position: absolute;
    right: 1rem;
    color: #303133;
    font-weight: 300;
}

.faq .accordion-item-header.active::after {
    content: "\2212";
    color: #303133;
}

.faq .accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.faq .accordion-item-body-content {
    padding: 1rem;
    line-height: 1.5rem;
    border-top: 1px solid #ccc;
}

section.faq-sec {
    padding: 50px 0px;
}

.faq-wrap {
    text-align: center;
}

.faq {
    margin-top: 30px;
}

.faq .accordion-item-header h3 {
    font-size: 17px;
    font-weight: 700;
    color: #303133;
    margin: 0pc;
}

.accordion-item-body-content p {
    font-size: 17px;
    color: #303133;
}

section.advantages-sec {
    background: #f4f5fa;
    padding: 60px 0px;
}

.advantages-wrap {
    background: #fff;
}

.advantages-wrap h2 {
    text-align: center;
    padding: 30px 0px 40px;
    margin: 0px;
}

.tabs-wrap nav .nav-tabs {
    border: none;
    padding: 20px 55px;
}

.tabs-wrap nav .nav-tabs button {
    border: none;
}

.tabs-wrap nav .nav-tabs button {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 0px;
    width: 25%;
    color: #118d8b;
}

.tabs-wrap nav .nav-tabs button img {
    width: 60px;
    filter: brightness(0) invert(1);
    margin-left: -50px;
}

.tabs-wrap nav .nav-tabs {
    justify-content: center;
}

.tabs-wrap .tab-content {
    padding: 30px 60px;
}

.tabs-wrap nav .nav-tabs button:last-child {
    border-right: none;
}

.tabs-wrap nav .nav-tabs button {
    font-size: 26px;
    font-weight: 600;
    -webkit-clip-path: polygon(calc(0.25em* 42 * 0.85) 0, calc(0.25em* 42) 50%, calc(0.25em* 42 * 0.85) 100%, 0% 100%, calc(0.25em* 32 * 0.15) 50%, 0% 0%);
    clip-path: polygon(calc(0.25em* 42 * 0.85) 0, calc(0.25em* 42) 50%, calc(0.25em* 42 * 0.85) 100%, 0% 100%, calc(0.25em* 32 * 0.15) 50%, 0% 0%);
    color: #fff;
    height: calc(0.36em*16);
    position: relative;
    background: #118d8b;
}

.tabs-wrap nav .nav-tabs button.active {
    border-left: none;
    border-bottom: none;
}

.tabs-wrap nav .nav-tabs button:focus {
    border-color: #cccccc;
}

.tabs-wrap .tab-content {
    padding: 30px 60px;
}

.tab-content>.tab-pane .row {
    align-items: flex-start;
}

.design-contact h4 {
    color: #3b3c3c;
    font-size: 22px;
    font-weight: 600;
    position: relative;
    padding-left: 24px;
}

.tabs-wrap nav .nav-tabs button.active {
    color: #ffffff;
    background: #08bab7;
}

.design-img img {
    width: 100%;
    height: 330px;
    object-fit: cover;
    border-radius: 6px;
}

.tab-content>.tab-pane .row {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.tab-content>.tab-pane span {
    font-size: 30px;
    font-weight: 700;
    color: #118d8b;
    margin-bottom: 15px;
    display: block;
}

.tabs-wrap nav .nav-tabs button.active img {
    filter: brightness(0) invert(1);
}

.tabs-wrap nav .nav-tabs button span {
    font-size: 20px;
    margin-left: -50px;
}

.design-contact h4:after {
    content: "";
    top: 4px;
    left: 0;
    width: 14px;
    height: 14px;
    background: #118d8b;
    position: absolute;
    border-radius: 2px;
}

.tab-content>.tab-pane .row:last-child {
    margin-bottom: 0px;
    border: transparent;
    padding-bottom: 0px;
}

.get-started-img img {
    width: 350px;
    float: right;
}

.deliver-wrap ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.deliver-wrap ul li {
    width: 49%;
    text-align: center;
    box-shadow: rgb(0 0 0 / 9%) 0px 3px 8px;
    padding: 40px 28px;
    border-top: 4px solid #118d8b;
    transition: 0.5s;
}

.deliver-wrap ul li figure img {
    width: 65px;
}

.deliver-wrap ul li figure {
    margin-bottom: 20px;
}

.deliver-wrap ul li h5 {
    font-size: 18px;
    font-weight: 600;
}

.delivery-img img {
    float: right;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.deliver-wrap ul li:hover {
    background: #118d8b;
    color: #fff;
}

.deliver-wrap ul li:hover img {
    filter: brightness(0) invert(1);
}

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

.design-contact p {
    font-size: 18px;
}

.warranty-wrap ul {
    display: flex;
    gap: 26px;
}

.warranty-wrap ul li {
    width: 33%;
    text-align: center;
    box-shadow: rgb(0 0 0 / 9%) 0px 3px 8px;
    padding: 40px 20px;
    position: relative;
    overflow: hidden;
}

.warranty-wrap ul li img {
    width: 70px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.warranty-wrap ul li h5 {
    text-align: center;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    z-index: 1;
}

.warranty-wrap ul li:nth-child(odd) {
    border-bottom: 4px solid #118d8b;
}

.warranty-wrap ul li:nth-child(even) {
    border-top: 4px solid #118d8b;
}

.warranty-wrap ul li:nth-child(odd):after {
    content: "";
    bottom: -210px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #118d8b;
    position: absolute;
    transition: 0.5s;
}

.warranty-wrap ul li:nth-child(even):after {
    content: "";
    top: -211px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #118d8b;
    position: absolute;
    transition: 0.5s;
}

.warranty-wrap ul li:nth-child(even):hover:after {
    top: 0px;
}

.warranty-wrap ul li:nth-child(odd):hover:after {
    bottom: 0px;
}

.warranty-wrap ul li:hover {
    color: #fff;
}

.warranty-wrap ul li:hover img {
    filter: brightness(0) invert(1);
}

.get-in-touch-heading p {
    font-size: 22px;
}

section.inner-banner2 {
    padding: 300px 0px 200px;
}

section.inner-banner2 {
    position: relative;
    background-size: cover !important;
}

section.inner-banner2:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1212126b;
    content: "";
}

section.terms-conditions-sec {
    padding: 60px 0px;
}

.terms-conditions-wrap .terms-item h2 {
    color: #408b8a;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 36px;
}

.terms-item {
    margin-bottom: 42px;
}

.terms-conditions-wrap .terms-item p {
    font-size: 16px;
    line-height: 1.75;
    color: #777;
    font-weight: 400;
    margin-bottom: 18px;
}

.terms-conditions-wrap .terms-item p b {
    color: #303133;
}

.terms-conditions-wrap .terms-item ul li span {
    color: #6f6c6c;
    font-weight: 600;
}

.terms-conditions-wrap .terms-item ul li {
    list-style: unset;
    margin-bottom: 10px;
    color: #777777;
}

.terms-conditions-wrap .terms-item ul {
    padding-left: 20px;
}

section.faq-sec-inner {
    padding: 70px 0px;
}

section.faq-sec-inner .faq-wrap nav .nav-tabs {
    border: transparent;
    justify-content: space-between;
    margin-bottom: 15px !important;
    gap: 10px;
}

section.faq-sec-inner .faq-wrap nav .nav-tabs button span {
    border: 1px solid #408b8a;
    border-radius: 2px;
    padding: 10px 87px;
    font-size: 18px;
    font-weight: 700;
    color: #408b8a;
    transition: 0.5s;
    display: block;
}

section.faq-sec-inner .faq-wrap nav .nav-tabs button.active span {
    background: #408b8a;
    border-color: #408b8a;
    color: #fff;
}

section.faq-sec-inner .faq-wrap nav .nav-tabs button figure img {
    width: 80px;
}

section.faq-sec-inner .faq-wrap nav .nav-tabs button figure {
    margin-bottom: 20px;
}

section.faq-sec-inner .faq-wrap nav .nav-tabs .nav-link {
    border: transparent;
    padding: 0px;
}

.nav-tabs-wrap figure {
    margin-bottom: 20px;
}

section.faq-sec-inner .faq-wrap nav .nav-tabs button span:hover {
    background: #408b8a;
    border-color: #408b8a;
    color: #fff;
}

section.faq-sec-inner .faq .accordion-item-body-content {
    text-align: left;
}

section.returns-exchange-sec {
    padding: 60px 0px;
}

.returns-exchange-wrap .returns-exchange h3 {
    color: #408b8a;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 26px;
}

.returns-exchange-wrap .returns-exchange p {
    font-size: 16px;
    line-height: 1.75;
    color: #777;
    font-weight: 400;
    margin-bottom: 18px;
}

.returns-exchange-wrap .returns-exchange ul li {
    list-style: unset;
    margin-bottom: 10px;
    color: #777777;
}

.returns-exchange-wrap .returns-exchange ul {
    padding-left: 20px;
}

.returns-exchange-wrap .returns-exchange ul li ul {
    margin: 15px 0px;
}

.returns-exchange-wrap .returns-exchange+.returns-exchange {
    margin-top: 36px;
}

.returns-exchange-wrap .returns-exchange ul li strong {
    color: #303133;
}

.returns-exchange-wrap .returns-exchange ul li ul li {
    list-style: decimal;
}

section.privacy-policy-sec {
    padding: 60px 0px;
}

.privacy-policy-item h2 {
    font-size: 28px;
    color: #303133;
    font-weight: 700;
    margin-bottom: 20px;
}

.privacy-policy-item h2.policy-title {
    color: #31807f;
}

.privacy-policy-wrap .privacy-policy-item+.privacy-policy-item {
    margin-top: 30px;
}

.privacy-policy-item p {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.75;
    color: #777;
    font-weight: 400;
}

.privacy-policy-item ul {
    margin-top: 15px;
}

.privacy-policy-item ul li {
    line-height: 30px;
}

.privacy-policy-item p strong {
    color: #303133;
}

.privacy-policy-details {
    margin-top: 30px;
}

.privacy-policy-details h2 {
    font-size: 28px;
    color: #303133;
    font-weight: 700;
    margin-bottom: 20px;
}

.privacy-policy-details .policy-details-item h3 {
    font-size: 24px;
    color: #118d8b;
    margin-bottom: 20px;
}

.privacy-policy-details .policy-details-item h4 {
    font-size: 22px;
    color: #118d8b;
    margin-top: 15px;
    margin-bottom: 20px;
}

.policy-details-item p {
    font-size: 16px;
    line-height: 1.75;
    color: #777;
    font-weight: 400;
    margin-bottom: 20px;
}

.policy-details-item p strong {
    color: #303133;
}

.policy-details-item ul {
    margin-bottom: 20px;
    padding-left: 20px;
}

.policy-details-item ul li {
    list-style: revert-layer;
    color: #777;
    line-height: 28px;
}

.policy-details-item p a {
    color: #777;
}

.right-side-wrap {
    padding: 20px;
    border-radius: 4px;
    box-shadow: rgb(0 0 0 / 9%) 0px 3px 8px;
    border: 1px solid #cccccc8f;
}

.right-side-wrap h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}

.right-side-wrap ul li a {
    font-size: 16px;
}

.right-side-wrap ul li {
    line-height: 28px;
    margin-bottom: 10px;
}

.right-side-wrap ul li a:hover {
    color: #118d8b;
}

.privacy-policy-details .policy-details-item h4 strong {
    font-weight: 600;
}

.right-side-wrap {
    position: sticky;
    top: 15px;
}

.policy-details-item h5 {
    color: #303133;
    font-size: 20px;
    margin-bottom: 20px;
}

header#bolg-header {
    position: relative;
    background: #31807f;
}

.open-social ul.social li a {
    border-color: #fff;
}

.open-social ul.social li a i {
    color: #fff !important;
}

header#bolg-header .right-info a {
    background: #ffffff;
    color: #31807f;
}

header#bolg-header .left-info ul li a {
    color: #fff;
}

header#bolg-header .nav-wrap .navbar-nav li a {
    color: #fff !important;
}

header#bolg-header .toogle-menu a {
    color: #fff;
}

section.design-consultation-sec {
}

.design-consultation-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #e6e1e1;
    padding: 10px 15px;
    border-radius: 4px;
    border: 1px solid #408b8a;
}

.book-wrap a {
    background: #408b8a;
    color: #ffffff;
    display: inline-block;
    padding: 9px 29px;
    border-radius: 2px;
    transition: 0.3s;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.book-wrap a:hover {
    background: #08bab7;
    color: #fff;
}

.consultation h4 {
    margin: 0px;
    font-size: 24px;
    font-weight: 600;
    color: #408b8a;
}

section.perfect-bathroom-sec {
    padding: 50px 0px 0px;
}

section.perfect-bathroom-sec .row {
    align-items: center;
}

.perfect-bathroom-wrap {
    text-align: left;
}

.perfect-bathroom-wrap h3 {
    font-size: 40px;
    color: #303133;
}

.perfect-bathroom-wrap a {
    background: #118d8b;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 100px;
    color: #fff;
    margin-top: 13px;
}

.perfect-bathroom-wrap a:hover {
    background: #09adaa;
}

.m-b-50 {
    margin-bottom: 50px;
}

section.blog-sec {
    padding: 50px 0px 0px;
}

.blog-wrap {
    margin-bottom: 40px;
}

h2.sab-heading {
    font-size: 30px;
    margin-bottom: 20px;
}

.blog figure {
    overflow: hidden;
}

.blog figure img {
    transform: scale(1);
    transition: 3s;
}

.blog figure:hover img {
    transform: scale(1.3);
}

.blog-content {
    background: #408b8a;
    padding: 10px;
    color: #fff;
}

.blog-content h3 a {
    font-size: 17px;
    color: #ffffff;
    font-weight: 600;
}

.blog-content h3 {
    line-height: 26px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 20px;
}

.blog-content p {
    color: #ffffff;
    font-size: 17px;
    font-weight: 300;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bathroom-design-blog {
    margin-bottom: 50px;
}

ul.address-info {
    margin-top: 18px;
}

ul.address-info li {
    margin-bottom: 20px;
}

ul.address-info li h4 {
    font-size: 20px;
    font-weight: 600;
}

ul.address-info li a {
    color: #303133;
}

ul.address-info li a:hover {
    color: #118d8b;
}

section.contact-page-sec ul.social {
    display: flex;
    gap: 20px;
}

section.contact-page-sec ul.social li a i {
}

section.contact-page-sec ul.social li a:hover i {
    color: #ffffff;
}

.contact-form-wrap .input-group {
    margin-bottom: 20px;
}

.contact-form-wrap .input-group input {
    background: #eeeeee;
    width: 100%;
    border: 2px solid #e6e6e6;
    padding: 10px;
    border-radius: 4px;
}

.contact-form-wrap .input-group textarea {
    background: #eeeeee;
    width: 100%;
    border: 2px solid #e6e6e6;
    padding: 10px;
    border-radius: 4px;
    height: 100px;
}

.contact-form-wrap .input-group button {
    background: #118d8b;
    padding: 9px 35px;
    border: none;
    border-radius: 100px;
    color: #fff;
    font-weight: 700;
    margin-top: 10px;
}

.contact-form-wrap .input-group button:hover {
    background: #09adaa;
}

section.contact-page-sec ul.social a {
    border: 1px solid #ccc;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 100px;
    text-align: center;
    line-height: 40px;
}

section.contact-page-sec ul.social a i {
    color: #6e6c6c;
}

section.contact-page-sec ul.social a:hover i {
    color: #fff !important;
}

section.contact-page-sec ul.social a:hover {
    background: #118d8b;
    border-color: #118d8b;
}

section.refer-friend-banner {
    background-size: cover !important;
    padding: 180px 0px;
}

.refer-friend-wrap span {
    color: #292828;
    font-size: 22px;
    margin-bottom: 20px;
    display: block;
}

.refer-friend-wrap h1 {
    color: #292828;
    font-weight: 600;
    margin: 10px 0px;
    font-size: 42px;
    margin-bottom: 20px;
}

.refer-friend-wrap p {
    color: #292828;
    font-size: 23px;
    margin-bottom: 14px;
}

.refer-friend-wrap small {
    font-size: 17px;
    color: #292828;
}

.refer-friend-wrap form {
    margin-top: 20px;
}

.refer-friend-wrap form input {
    width: 96%;
    height: 48px;
    border-radius: 4px;
    padding: 10px;
    font-size: 22px;
    background: transparent;
    border: 1px solid #cccccc;
}

.refer-friend-wrap a {
    margin-top: 10px;
    background: #118d8b;
    padding: 12px 32px;
    color: #fff;
    border: none;
    border-radius: 100px;
    display: inline-block;
}

.refer-friend-wrap a:hover {
    background: #08bab7;
}

section.refer-design-sec {
    background: #276d6c;
}

section.refer-design-sec {
    padding: 80px 0px;
}

.refer-design-wrap {
    text-align: center;
    transition: 2s;
}

.refer-design-wrap figure {
    border: 2px solid #fff;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 100px;
    text-align: center;
    margin: 0 auto 25px;
}

.refer-design-wrap figure img {
    width: 70px;
}

section.refer-design-sec .col-md-4:last-child .refer-design-wrap figure img {
    width: 58px;
}

.refer-design-wrap h3 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 15px;
}

.refer-design-wrap p {
    color: #fff;
    font-size: 17px;
}

.refer-design-wrap:hover figure {
    background: #08bab7;
    border-color: #08bab7;
}

.refer-btn-wrap {
    text-align: center;
    margin-top: 60px;
}

.refer-btn-wrap a {
    background: #fff;
    padding: 11px 30px;
    display: inline-block;
    border-radius: 100px;
    font-size: 18px;
    color: #276d6c;
    transition: 1s;
}

.refer-btn-wrap a:hover {
    background: #08bab7;
    color: #fff;
}

section.another-bathroom-sec {
    padding: 0px 0px 60px
}

section.another-bathroom-sec .row {
    align-items: center;
}

.another-bathroom-img figure img {
    border-radius: 200px 300px 400px 500px;
}

.another-bathroom-content h2 {
    font-size: 42px;
    color: #212529;
    margin-bottom: 30px;
}

.another-bathroom-content small {
    margin-top: 20px;
    display: block;
    color: #000;
    font-weight: 600;
}

.another-bathroom-content p {
    font-size: 20px;
    font-weight: 700;
}

.another-bathroom-content p strong {
    color: #118d8b;
    font-weight: 700;
}

section.add-more-friend-sec {
    padding: 80px 0px;
}

.add-more-friend-wrap form .input-group {
    margin-bottom: 15px;
}

.add-more-friend-wrap h3 {
    font-size: 36px;
    font-weight: 600;
    color: #118d8b;
}

.add-more-friend-wrap p {
    margin-bottom: 19px;
    font-size: 16px;
    color: #7a7575;
}

.add-more-friend-wrap form .input-group input {
    width: 100%;
    height: 46px;
    padding: 10px;
    border: 1px solid #118d8b;
    border-radius: 4px;
}

.add-form label {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.add-form ul li input {
    width: 100%;
    height: 46px;
    padding: 10px;
    border: 1px solid #118d8b;
    border-radius: 4px;
}

.add-form ul {
    display: flex;
    gap: 24px;
}

.add-form ul li {
    margin-bottom: 23px;
    width: 50%;
}

.refer-img figure {
    text-align: right;
}

.add-more-friend-wrap form .input-group button.submit {
    width: 100%;
    height: 46px;
    border: transparent;
    margin-bottom: 15px;
    background: #118d8b;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    transition: 0.5s ease-in-out;
}

.add-more-btn button {
    width: 100%;
    height: 46px;
    border: 1px solid #118d8b;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background: transparent;
    transition: 0.5s ease-in-out;
    margin-bottom: 23px;
}

section.add-more-friend-sec .row {
    align-items: center;
}

.add-more-btn button span {
    color: #118d8b;
    font-size: 18px;
    font-weight: 600;
}

.add-more-btn button i {
    color: #118d8b;
    font-weight: 400;
}

.add-more-btn button:hover {
    background: #08bab7;
    border-color: #08bab7;
}

.add-more-btn button:hover span {
    color: #fff;
}

.add-more-btn button:hover i {
    color: #fff;
}

.add-more-friend-wrap form .input-group button.submit:hover {
    background: #08bab7;
}

section.who-we-are-sec {
    padding: 60px 0px;
}

.like-design .item figure img {
    object-fit: cover;
}

.who-we-are-wrap h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}

section.who-we-are-sec .row {
    align-items: center;
}

.who-we-are-wrap p {
    font-size: 18px;
    line-height: 30px;
}

.who-we-are-img figure {
    text-align: end;
}

section.involved-sec {
    background: #276d6c;
    padding: 60px 0px;
}

.involved-wrap h2 {
    font-size: 52px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

.involved-wrap h2 small {
    font-size: 19px;
}

.involved-img figure {
    text-align: end;
}

.involved-text h3 {
    color: #fff;
    font-size: 36px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}

section.involved-sec .row {
    align-items: center;
}

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

.involved-text p {
    color: #fff;
    font-size: 18px;
}

section.our-xpertz-sec {
    padding: 60px 0px;
}

.partner-network-sec {
    background: #f9f9f9;
}

.our-xpertz-wrap ul {
    display: flex;
    flex-wrap: wrap;
}

.our-xpertz-wrap ul li {
    width: 25%;
    margin-bottom: 20px;
}

.our-xpertz-wrap ul li figure {
    margin-bottom: 30px;
}

.our-xpertz-wrap ul li figure img {
    width: 100px;
}

.our-xpertz-wrap h2 {
    margin-bottom: 40px;
}

.our-xpertz-wrap {
    text-align: center;
}

.our-xpertz-wrap ul li h3 {
    font-size: 24px;
}

.our-xpertz-wrap ul li p img {
    width: 100px;
}

section.work-with-us-sec {
    background: #276d6c;
    padding: 60px 0px;
}

.work-with-us-wrap {
    margin-bottom: 40px;
    text-align: center;
}

.work-with-us-wrap h2 {
    color: #fff;
}

.work-with-us-tabs .nav-tabs {
    border: transparent;
}

.work-with-us-tabs .nav-tabs button {
    border-radius: 100px;
    padding: 8px 40px;
    font-size: 20px;
    font-weight: 600;
    border: 1px solid #fff;
    color: #fff;
}

.work-with-us-tabs .nav-tabs {
    justify-content: center;
    gap: 20px;
}

section.work-with-us-sec .work-with-us-tabs .tab-content {
    padding: 20px;
}

.work-with-us-tabs .tab-content {
    margin-top: 40px;
}

.tab-content {
    border: 1px solid #fff;
    padding: 0px 0px;
    border-radius: 4px;
    box-shadow: rgb(255 255 255 / 20%) 0px 3px 8px;
}

.tab-wrap h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
}

.benefits-perks {
    margin-top: 15px;
}

.benefits-perks h4 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}

.benefits-perks ul {
    background: #fff;
    border-radius: 4px;
}

.benefits-perks ul li {
    padding: 0px 10px;
    border-bottom: 1px solid #ccc7c799;
    font-size: 18px;
    line-height: 45px !important;
    color: black;
}

.benefits-perks ul {
    margin-bottom: 0px;
}

.tab-wrap ul li {
    line-height: 40px;
}

.tab-wrap ul li a {
    color: #fff;
}

.tab-wrap ul li p {
    color: #fff;
    font-size: 16px;
}

ul.positions li p {
    color: #000;
    font-size: 18px;
}

.tab-wrap ul {
    margin-bottom: 20px;
}

.tab-wrap button {
    background: #fff;
    padding: 8px 27px;
    font-size: 20px;
    display: inline-block;
    font-weight: 600;
    border-radius: 100px;
    border: none;
}

.tab-wrap button:hover {
    background: #08bab7;
    color: #fff;
}

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

.work-with-us-tabs .nav-tabs button:hover {
    border: 2px solid #fff;
}

.work-with-us-tabs .nav-tabs button:hover {
    background: #fff;
    color: #000;
}

.work-with-us-tabs .nav-tabs button:hover {
    border: 1px solid #fff;
}

ul.possibilities {
    margin-top: 20px;
}

ul.possibilities {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 25px;
    margin-bottom: 0px;
}

ul.possibilities li {
    width: 32%;
    position: relative;
}

ul.possibilities li:after {
    position: absolute;
    content: "";
    top: 0px;
    left: 0;
    background: linear-gradient(180deg, transparent 10%, #000);
    width: 100%;
    height: 100%;
}

.tab-content-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    z-index: 1;
}

.tab-content-wrap h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

.tab-content-wrap p {
    line-height: 26px;
}

.positions {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
}

.positions li {
    width: 32%;
    background: #fff;
    padding: 20px;
    border-radius: 4px;
}

.positions li h4 {
    color: #373636;
    font-size: 24px;
    font-weight: 700;
}

.positions p.positions-item {
    display: flex;
    line-height: 36px;
}

.positions p.positions-item span {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0px;
}

.positions p.positions-item span strong {
    font-weight: 600;
}

.positions p.positions-item span:first-child {
    width: 30%;
}

.positions li a.apply-now {
    background: #276d6c;
    display: inline-block;
    padding: 0px 15px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 9px;
}

.positions li a.apply-now:hover {
    background: #08bab7;
}

.tab-wrap table.table {
    border: 1px solid #fff;
    margin-top: 20px;
}

.tab-wrap table.table tbody {
    border-top: 1px solid #fff;
}

.tab-wrap table.table tbody tr td {
    padding: 12px 10px;
    color: #fff;
    border-right: 1px solid #fff;
}

.tab-wrap table.table thead tr th {
    padding: 12px 10px;
    color: #fff;
    border-right: 1px solid #fff;
    font-size: 20px;
}

.css-ttr2cw {
    position: relative;
}

.apply-modal .modal-dialog {
    max-width: 800px;
}

.css-ttr2cw {
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
}

.css-acbpr8 {
    font-size: 14px;
    font-weight: inherit;
    margin-left: 8px;
    margin-top: 0px;
}

.css-ttr2cw button {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    width: auto;
    line-height: 1.2;
    color: #276d6c;
    border: 1px solid #276d6c;
    padding: 10px;
    font-weight: 600;
    background: transparent;
    border-radius: 4px;
}

.apply-modal .modal-header h2 {
    font-size: 24px;
    padding-left: 12px;
    margin: 0px;
}

.apply-job form .form-group {
    margin-bottom: 15px;
}

.apply-job form .form-group label {
    display: block;
    margin-bottom: 8px;
}

.apply-job form .form-group input {
    width: 100%;
    height: 44px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.apply-job form .form-group .submit-btn2 {
    background: #118d8b;
    border: none;
    padding: 7px 24px;
    display: inline-block;
    margin-top: 7px;
    border-radius: 100px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
}

.apply-job form .form-group .submit-btn2:hover {
    background: #08bab7;
}

.perfect-bathroom-wrap {
    text-align: left;
}

.view-designs-wrap {
    margin-top: 40px;
}

div#view-designs .owl-nav {
    display: none;
}

div#view-designs .owl-dots {
    display: none;
}

div#view-designs .owl-nav {
    display: none;
}

div#view-designs .owl-dots {
    display: none;
}

section.designs-reference-sec {
    padding-bottom: 60px;
}

section.designs-reference-sec .perfect-bathroom-wrap {
    text-align: center;
}

section.blog-sec.blog-lifestyle {
    padding-top: 50px;
    padding-bottom: 20px;
}

.blog-item-summary {
    text-align: center;
    padding: 20px 0px;
}

.blog-item-summary span {
    font-size: 18px;
    font-weight: 600;
}

.blog-item-summary h2 a {
    font-size: 22px;
    color: #000;
    font-weight: 600;
}

.blog-item-summary p {
    font-size: 17px;
    margin: 15px 0px;
}

.blog-item-summary a.blog-more-link {
    color: #118d8b;
    font-size: 17px;
    font-weight: 700;
}

.blog-item-summary h2 {
    line-height: 30px;
    margin: 12px 0px;
}

.blog-lifestyle figure {
    overflow: hidden;
}

.blog-lifestyle figure img {
    transform: scale(1);
    transition: 3s;
}

.blog-lifestyle figure:hover img {
    transform: scale(1.3);
}

section.banner-full ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

section.banner-full li.left-wrap {
    width: 50%;
}

.video-sec video {
    display: block;
}

section.banner-full li.right-wrap {
    width: 50%;
}

.video-sec video {
    width: 100%;
    object-fit: cover;
}

.left-side {
    width: auto;
    font-weight: 200;
    font-size: 21px;
}

.left-side h2 {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 20px;
}

.left-side p {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

.left-side a {
    font-size: 16px;
    text-transform: capitalize;
    text-align: left;
    display: table;
    background: #118d8b;
    padding: 9px 20px;
    color: #fff;
    font-weight: 600;
    border-radius: 100px;
}

.component-content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}

.component-content ul li {
    width: 32%;
}

.component-content ul li {
}

.component-content ul li figure {
    width: 100%;
    height: 217px;
}

.component-content ul li figure img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.range-slider {
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.range-slider .rangeValues {
    display: block;
    margin-bottom: 10px;
}

.range-slider input[type=range] {
    -webkit-appearance: none;
    border: 1px solid white;
    width: 100%;
    position: absolute;
    left: 0;
}

.range-slider input[type=range]::-webkit-slider-runnable-track {
    width: 300px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

.range-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #21c1ff;
    margin-top: -4px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.range-slider input[type=range]:focus {
    outline: none;
}

.range-slider input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

.range-slider input[type=range]::-moz-range-track {
    width: 300px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

.range-slider input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #21c1ff;
}

.range-slider input[type=range]:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.range-slider input[type=range]::-ms-track {
    width: 300px;
    height: 5px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
    z-index: -4;
}

.range-slider input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}

.range-slider input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}

.range-slider input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #21c1ff;
}

.range-slider input[type=range]:focus::-ms-fill-lower {
    background: #888;
}

.range-slider input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}

section.design-catalogue-sec {
    padding: 60px 0px;
}

.catalogue-heading {
    text-align: center;
    margin-bottom: 20px;
}

.catalogue-heading p {
    width: 55%;
    margin: 0 auto;
    font-size: 17px;
}

.c-sticky-bar {
    display: flex;
    justify-content: space-between;
    position: sticky;
    top: 0px;
    background: #fff;
    align-items: center;
    margin-bottom: -1px;
    z-index: 9;
    border-bottom: 1px solid #ccc;
}

.fuction-wrap button {
    border: 1px solid #ccc;
    background: transparent;
    padding: 6px 10px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 400;
}

.fuction-wrap button {
    margin-right: 8px;
}

aside.filter-panel-layout .accordion-item button:focus {
    box-shadow: none;
}

aside.filter-panel-layout .accordion-item button {
    font-size: 16px;
    font-weight: 700;
    padding: 15px 10px;
    color: #6f6c6c;
}

.component-content ul li {
    border: 1px solid #f5f0f0;
    border-radius: 4px;
    position: relative;
}

.fuction-wrap button.active {
    border-color: #118d8b;
    font-weight: 700;
}

.component-content ul li .c-prod-card h3 a {
    color: #000;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
}

.component-content ul li .c-prod-card p {
    font-size: 16px;
    font-weight: 300;
    padding: 0px 10px;
    margin-bottom: 44px;
}

.consultation-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.component-content ul li .c-prod-card h3 {
padding: 2px 10px 1px;
    line-height: 22px;
    margin-bottom: 0px;
}

.consultation-wrap a {
    background: #eae8e8;
    display: inline-block;
    width: 100%;
    padding: 8px 10px;
    color: #000;
    font-size: 15px;
    text-align: center;
}

.component-content ul li:hover .consultation-wrap a {
    opacity: 1;
}

.consultation-wrap button {
    border: 1px solid #f5f0f0;
    padding: 7px 16px;
    background: transparent;
    border-right: transparent;
    border-bottom: transparent;
}

.more-results-wrap {
    margin-top: 30px;
}

.more-results-wrap a {
    text-align: center;
    display: table;
    margin: 0 auto;
    padding: 9px 20px;
    color: #118d8b;
    font-weight: 600;
    border-radius: 100px;
    border: 1px solid #118d8b;
}

.consultation-wrap a:hover {
    background: #08bab7;
    color: #fff;
}

.more-results-wrap a:hover {
    background: #08bab7;
    border: 1px solid #08bab7;
    color: #fff;
}

aside.filter-panel-layout {
    position: sticky;
    top: 75px;
}

.c-sticky-bar-results {
    position: sticky;
    top: 14px;
    padding: 15px;
}

aside.filter-panel-layout .accordion-item {
    border: transparent;
    border-top: 1px solid #ccc;
}

aside.filter-panel-layout .accordion-item:last-child {
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
}

aside.filter-panel-layout .accordion-button:not(.collapsed) {
    background: transparent;
    color: #000;
}

ul.fuction-list li a {
    display: block;
    color: #000;
    font-size: 15px;
    padding: 0px 6px;
}

ul.fuction-list li {
    border-bottom: 1px solid #aca7a747;
    padding: 8px 0px;
}

ul.fuction-list {
    margin-bottom: 22px;
}

ul.fuction-list li:first-child {
    border-top: 1px solid #aca7a747;
}

aside.filter-panel-layout .accordion-button:not(.collapsed) ::after {
    filter: grayscale(1);
}

.accordion-button:not(.collapsed)::after {
    filter: grayscale(1);
}

.c-sort-by-contents {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    margin-bottom: 15px;
}

.c-sort-by-contents .c-sort-by-group {
    width: 48%;
    border: 1px solid #ccc;
}

aside.filter-panel-layout .accordion-body {
    padding: 0px 10px;
}

.c-sort-by-contents .c-sort-by-group input:checked+.c-sort-by__label {
    border: 1px solid #212121;
}

.c-sort-by-contents .c-sort-by-group input {
    display: none;
}

.c-sort-by-contents .c-sort-by-group input:checked+label {
    border-color: black;
    color: #000;
    font-weight: 600;
}

.c-sort-by-contents .c-sort-by-group label {
    text-align: center;
    padding: 10px;
    width: 100%;
    border-radius: 2px;
}

.c-sort-by-contents .c-sort-by-group label:hover {
    border-color: #000;
    color: #000;
    font-weight: 600;
}

aside.filter-panel-layout .accordion-item button:focus {
    box-shadow: none;
}

.c-sticky-bar-results span {
    font-size: 14px;
    text-transform: capitalize;
}

aside.filter-panel-layout .accordion-button:not(.collapsed):focus {
    box-shadow: none !important;
}

.color-wrap ul.c-filter-panel-filter-list label a {
    color: #000;
}

.color-wrap ul.c-filter-panel-filter-list label {
    display: flex;
    align-items: center;
    gap: 10px;
}

.color-wrap ul.c-filter-panel-filter-list input {
    accent-color: #118d8b;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}

ul.c-filter-panel-filter-list li.c-filter-list-item {
    line-height: 30px;
}

ul.c-filter-panel-filter-list {
    margin-bottom: 10px;
}

.left-side a:hover {
    color: #ffffff;
    background: #08bab7;
}

.fuction-wrap button:hover {
    border-color: #000;
}

.slider-container {
    max-width: 960px;
    margin: auto;
    display: block;
}

.slider-container .slider {
    position: relative;
}

.slider-container .slider li {
    position: relative;
    width: 100%;
    height: 530px;
}

.slider-container .slider li img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.lSSlideOuter .lSPager.lSGallery img {
    width: 100px;
    height: 70px;
    object-fit: inherit;
}

.lSAction > .lSPrev {
    opacity: 1 !important;
}

.lSAction > .lSNext {
    opacity: 1 !important;
}

.lSSlideOuter.vertical {
    padding-left: 110px !important;
    padding-right: 0px !important;
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    left: 0 !important;
    top: 50%;
    transform: translateY(-50%) !important;
}

section.product-page-ssec {
    padding: 60px 0px;
}

.lSSlideOuter.vertical {
    position: relative;
}

.product-info h2 {
    font-size: 26px;
    font-weight: 700;
}

.product-info p {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 10px;
}

.product-info a.view {
    display: inline-block;
    background: #f5f5f580;
    padding: 9px 12px;
    color: #595959;
    font-size: 16px;
    font-weight: 600;
    border-radius: 2px;
    margin-bottom: 12px;
    border: 1px solid #dedbdb;
}

.product-info a.view:hover {
    background: #08bab7;
    color: #fff;
}

.produc-meta p strong {
    font-weight: 700;
}

.produc-meta p span {
    padding-left: 10px;
    color: #5d5b5b;
    font-weight: 500;
}

.produc-meta p a {
    color: #5d5b5b;
    font-weight: 400;
}

.pro-info-wrap {
}

.pro-info-wrap button:focus {
    box-shadow: none;
}

.pro-info-wrap .accordion-button:not(.collapsed) {
    background: transparent;
}

.pro-info-wrap button {
    padding: 15px 10px;
    font-weight: 600;
}

.pro-info-wrap .accordion-body {
    padding: 0px 10px;
}

.pro-info-wrap .accordion-body .product-information p {
    font-size: 16px;
    font-weight: 400;
    color: #656060;
}

.pro-info-wrap .accordion-button:not(.collapsed) {
    color: #000;
}

section.product-color-sec {
    padding-bottom: 50px;
}

section.product-features-sec {
    padding-bottom: 60px;
}

.product-features h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 15px;
}

section.product-features-sec .product-features ul li:last-child {
    border: none;
}

section.product-features-sec .product-features ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 20px;
    position: relative;
    border-radius: 4px;
    padding: 20px;
    background: #118d8b;
}

section.product-features-sec .product-features ul li {
    text-align: center;
    position: relative;
    border-right: 1px solid #fff;
    width: 23%;
}

section.product-features-sec .product-features ul li figure img {
    width: 78px;
    margin-bottom: 15px;
    filter: brightness(0) invert(1);
    height: 78px;
    object-fit: scale-down;
}

section.product-features-sec .product-features ul li p {
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
}

.form-product-page p {
    font-size: 20px;
    margin-bottom: 15px;
}

.form-product-page .input-group textarea {
    border: 1px solid #ccc;
    padding: 8px;
    width: 100%;
    border-radius: 4px;
    height: 89px;
}

.form-product-page .input-group input {
    border: 1px solid #ccc;
    padding: 8px;
    width: 100%;
    border-radius: 4px;
}

.form-product-page .input-group {
    margin-bottom: 18px;
}

.form-product-page {
    margin-top: 15px;
}

.form-product-page .input-group .formsubmit {
    background: #118d8b;
    width: 100%;
    padding: 10px;
    border: transparent;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    border-radius: 4px;
}

.form-product-page .input-group .formsubmit:hover {
    background: #08bab7;
}

.might-also-like-wrap {
    text-align: center;
    margin-bottom: 40px;
}

.like-design .item figure {
    width: 100%;
    height: 300px;
}

.like-design .item figure img {
    width: 100%;
    height: 100%;
}

.like-design .item p {
    margin-top: 10px;
    text-align: center;
}

.like-design .item p a {
    color: #000;
    font-size: 16px;
}

div#like-design .owl-nav {
    display: none;
}

div#like-design .owl-dots {
    display: none;
}

section.might-also-like-sec {
    margin-bottom: 50px;
}

.circle {
    margin: 6px 6px 20px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
}

.circle canvas {
    vertical-align: top;
    width: 170px !important;
    height: 170px !important;
    position: relative;
    transform: rotate(99deg);
}

.circle strong {
    position: absolute;
    top: 32%;
    left: 3%;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 30px;
    color: black;
}

.circle strong i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
}

.circle span {
    display: block;
    color: #2a2727;
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
}

.progressbar {
    text-align: center;
}

.happy-customers-wrap {
    text-align: center;
    margin-bottom: 50px;
}

section.happy-customers-sec {
    background: #f9f9f9c9;
    padding: 60px;
}

.people-trust-sec {
    padding: 50px 0px;
}

.people-trust-wrap {
    text-align: center;
    margin-bottom: 50px;
}

.people-trust-wrap p {
    font-size: 17px;
}

section.client-feedback-sec {
    background: #118d8b;
    padding: 60px 0px;
}

section.client-feedback-sec .row {
    align-items: center;
}

.feedback-content h3 {
    font-size: 60px;
    color: #fff;
}

.feedback-wrap .feedback-content {
    width: 100%;
}

.feed-img figure img {
    border-radius: 200px 0px 0px 0px;
    position: relative;
    z-index: 1;
    padding: 0px 20px 20px 0px;
}

.feedback-wrap .feed-img {
    width: 70%;
    position: relative;
}

.feed-img figure {
    position: relative;
}

.feed-img figure:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80%;
    height: 310px;
    background: #056a69;
    border-radius: 200px 0px 0px 0px;
}

div#feedback .owl-nav {
    display: none;
}

div#feedback .owl-dots button {
    width: 15px;
    height: 15px;
    background: #ffffff78;
    border-radius: 100px;
}

div#feedback .owl-dots {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 30px;
}

div#feedback .owl-dots button.active {
    background: #18d1ce;
}

section.earn-sec {
    padding: 0px 0px 60px;
}

section.earn-sec .row {
    align-items: center;
}

.earn-wrap h3 {
    font-size: 52px;
    font-weight: 600;
}

.earn-wrap h3 span {
    color: #118d8b;
    font-weight: 700;
}

.earn-wrap h3 a {
    color: #000;
}

.earn-wrap>a {
    border-radius: 100px;
    padding: 10px 36px;
    color: #fff;
    transition: 0.3s;
    font-size: 16px;
    font-weight: 400;
    background: #118d8b;
    display: inline-block;
    margin-top: 15px;
}

.earn-wrap>a:hover {
    background: #08bab7;
}

section.after-series-sec {
    padding: 60px 0px;
}

.after-series-wrap {
    text-align: center;
}

.after-series-wrap p {
    font-size: 18px;
}

.cd-image-container {
    position: relative;
    width: 100%;
    max-width: 768px;
    margin: 0em auto;
}

.cd-image-container img {
    display: block;
}

.card-wrap {
    margin-top: 50px;
}

.cd-image-label {
    position: absolute;
    font-weight: 500;
    letter-spacing: 1px;
    top: 0;
    right: 0;
    color: #ffffff;
    padding: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
    -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}

.cd-image-label.is-hidden {
    visibility: hidden;
}

.is-visible .cd-image-label {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.cd-resize-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cd-resize-img img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: auto;
    max-width: none;
}

.cd-resize-img .cd-image-label {
    right: auto;
    left: 0;
}

.is-visible .cd-resize-img {
    width: 50%;
    -webkit-animation: cd-bounce-in 0.7s;
    -moz-animation: cd-bounce-in 0.7s;
    animation: cd-bounce-in 0.7s;
}

@-webkit-keyframes cd-bounce-in {
    0% {
        width: 0;
    }

    60% {
        width: 55%;
    }

    100% {
        width: 50%;
    }
}

@-moz-keyframes cd-bounce-in {
    0% {
        width: 0;
    }

    60% {
        width: 55%;
    }

    100% {
        width: 50%;
    }
}

@keyframes cd-bounce-in {
    0% {
        width: 0;
    }

    60% {
        width: 55%;
    }

    100% {
        width: 50%;
    }
}

.cd-handle {
    position: absolute;
    height: 44px;
    width: 44px;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border-radius: 50%;
    background: #000000 url("https://images.clickfunnels.com/09/a714400d3211e7a0bd7d7140585054/cd-arrows.svg") no-repeat center center;
    cursor: move;
    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(0);
    -moz-transform: translate3d(0, 0, 0) scale(0);
    -ms-transform: translate3d(0, 0, 0) scale(0);
    -o-transform: translate3d(0, 0, 0) scale(0);
    transform: translate3d(0, 0, 0) scale(0);
}

.cd-handle.draggable {
    background-color: #118d8b;
}

.is-visible .cd-handle {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
    -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}

.cd-image-wrap {
    margin-top: 50px;
}

.view-more-link {
    text-align: center;
    margin-top: 40px;
}

.view-more-link a {
    background: #118d8b;
    padding: 10px 30px;
    border-radius: 100px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}

.view-more-link a:hover {
    background: #08bab7;
}

section.transformed-sec {
    background: #118d8b;
    padding: 30px 0px;
}

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

.transformed-wrap {
}

.transformed-wrap .transformed-number {
    width: 50%;
    position: relative;
}

.transformed-content {
    width: 80%;
}

.transformed-number span {
    font-size: 157px;
    color: #fff;
    font-weight: 500;
}

.transformed-content h2 {
    font-size: 36px;
    color: #fff;
    text-transform: capitalize;
}

.transformed-content p {
    color: #fff;
    font-size: 17px;
}

.transformed-wrap .transformed-number:after {
    position: absolute;
    top: 31px;
    right: 105px;
    content: "";
    width: 1px;
    height: 70%;
    background: #fff;
}

section.end-solutions-sec {
    padding: 60px 0px;
}

.end-solutions-wrap {
    text-align: center;
    margin-bottom: 50px;
}

.end-solutions-list ul li {
    float: left;
    width: 49%;
    background: #118d8b;
    margin-right: 6px;
    display: flex;
    align-items: center;
    margin-bottom: 9px;
    padding: 9px 10px;
    border-radius: 4px;
}

.end-solutions-wrap p {
    font-size: 18px;
}

.end-solutions-list ul li .list-icon img {
    width: 40px;
}

.end-solutions-list ul li .list-text {
    margin-left: 27px;
}

.end-solutions-list ul li .list-text h3 {
    margin: 0px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

.end-solutions-list ul li:hover {
    background: #08bab7;
}

.cd-image-wrap h3 {
    font-size: 24px;
    font-weight: 600;
}

.main .card-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
    justify-content: center;
    align-items: center;
}

.main .card {
    background: #ffffff;
    color: #333333;
    border: none;
}

.main .card-image {
    display: block;
    position: relative;
    width: 100%;
}

.main .card-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 600px) {
    .main .container {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 1rem;
    }
}

section.transform-bathspace-sec {
    padding: 50px 0px;
}

section.transform-bathspace-sec h2.section-heading {
    margin-bottom: 50px;
    text-align: center;
}

.card-image video {
    top: 0;
    left: 0;
    width: 100%;
}

.card-image span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background: #0000006b;
    text-align: center;
    line-height: 50px;
    border-radius: 100px;
}

.card-image span i {
    color: white;
}

.fancybox-slide.fancybox-slide--video {
    object-fit: cover;
}

.gallery-wrap .gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
    justify-content: center;
    align-items: center;
}

.gallery-wrap .card {
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
    color: #333333;
    border-radius: 2px;
}

.gallery-wrap .card-image {
    background: #ffffff;
    display: block;
    padding-top: 70%;
    position: relative;
    width: 100%;
}

.gallery-wrap .card-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 600px) {
    .gallery-wrap .container {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 1rem;
    }
}

section.gallery-sec {
    padding: 60px 0px;
}

section.hassle-free-bathroom-sec {
    padding: 60px 0px;
}

.hassle-free-bathroom h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
}

.hassle-free-bathroom p {
    font-size: 18px;
    line-height: 32px;
}

.hassle-free-bathroom h3 {
    margin: 20px 0px;
    font-size: 26px;
    font-weight: 700;
}

.hassle-free-bathroom ul li {
    line-height: 45px;
    font-size: 17px;
    font-weight: 600;
    position: relative;
}

.hassle-free-bathroom ul li:after {
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    color: #118d8b;
}

.hassle-free-bathroom ul li {
    padding-left: 28px;
    color: #2c2d2d;
}

.hassle-free-img figure img {
    transform: scale(1);
    transition: 3s;
}

.hassle-free-img figure:hover img {
    transform: scale(1.3);
}

.hassle-free-img figure {
    overflow: hidden;
}

.hassle-free-bathroom button {
    margin-top: 20px;
    border: none;
    background: #118d8b;
    padding: 9px 30px;
    border-radius: 100px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: 0.5s;
}

.hassle-free-bathroom button:hover {
    background: #08bab7;
}

section.luxury-bathroom-sec {
    background: #118d8b;
    padding: 60px 0px;
}

.luxury-bathroom-wrap h2 {
    color: #fff;
    font-size: 44px;
    margin-bottom: 20px;
}

.luxury-bathroom-wrap p {
    font-size: 18px;
    color: #fff;
    line-height: 32px;
}

.luxury-bathroom-wrap a {
    background: #fff;
    margin-top: 20px;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 100px;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
}

.luxury-bathroom-wrap a:hover {
    background: #08bab7;
    color: #fff;
}

.bathroom-starting-wrap .bathroom-starting-text {
    background: #eaeaea;
    padding: 15px 10px;
}

section.bathroom-starting-sec {
    padding: 60px 0px;
}

.bathroom-starting-heading {
    margin-bottom: 15px;
}

.bathroom-starting-heading h3 {
    font-size: 20px;
    color: #000;
    margin: 0px;
    margin-bottom: 10px;
}

.bathroom-starting-heading h4 {
    margin: 0px;
    font-size: 16px;
    color: #000;
    font-weight: 400;
}

.bathroom-starting-wrap .bathroom-starting-text button {
    display: block;
    background: #118d8b;
    border: none;
    height: 41px;
    font-size: 16px;
    border-radius: 100px;
    font-weight: 600;
    color: #ffffff;
    transition: 0.5s;
    padding: 0px 25px;
}

.bathroom-starting-wrap .bathroom-starting-text button:hover {
    background: #08bab7;
    color: #fff;
}

.bathroom-starting-wrap figure {
    width: 100%;
    height: 350px;
}

.bathroom-starting-wrap figure img {
    width: 100%;
    height: 100%;
}

.hover15 figure {
    position: relative;
    overflow: hidden;
}

.hover15 figure::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

.hover15 figure:hover::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.bathroom-starting-wrap figure img {
    transform: scale(1);
    transition: 3s;
}

.bathroom-starting-wrap {
    margin-bottom: 25px;
}

.bathroom-starting-wrap figure:hover img {
    transform: scale(1.3);
}

section.bathroom-starting-sec .row:last-child .bathroom-starting-wrap.hover15 {
    margin-bottom: 0px;
}

.dream-bathroom-modal .modal-dialog {
    max-width: 700px;
}

.dream-bathroom-modal .modal-dialog .modal-content {
    background: #f9f9f9;
}

.dream-bathroom-modal .modal-dialog .modal-content .modal-header {
    border: none;
    padding: 0px;
}

.dream-bathroom-modal .modal-dialog .modal-content .modal-body .dream-bathroom-form {
    background: #f2f2f2;
    padding: 25px;
}

.dream-bathroom-modal .modal-dialog .modal-content .modal-header {
    padding: 15px;
}

.dream-bathroom-modal .modal-dialog .modal-content .modal-header button.btn-close {
    position: absolute;
    top: 14px;
    right: 19px;
    opacity: 1;
}

.dream-bathroom-modal .modal-dialog .modal-content .modal-body .dream-bathroom-form .form-group select option {
    color: black;
}

.dream-bathroom-modal .modal-dialog .modal-content .modal-body .dream-bathroom-form .form-group input {
    width: 100%;
    height: 46px;
    padding: 10px;
    border: 1px solid #eaeaea;
    border-radius: 4px;
}

.dream-bathroom-modal .modal-dialog .modal-content .modal-body .dream-bathroom-form .form-group select {
    width: 100%;
    height: 46px;
    padding: 10px;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    color: #484343;
}

.dream-bathroom-modal .modal-dialog .modal-content .modal-body .dream-bathroom-form .form-group {
    margin-bottom: 20px;
}

.dream-bathroom-modal .modal-dialog .modal-content .modal-body .dream-bathroom-form .form-group input::placeholder {
    color: #ab9f9f;
}

.dream-bathroom-modal .modal-dialog .modal-content .modal-body .dream-bathroom-form button {
    background: #118d8b;
    border: none;
    height: 46px;
    padding: 10px 30px;
    width: 100%;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    transition: 0.3s;
}

.dream-bathroom-modal .modal-dialog .modal-content .modal-body .dream-bathroom-form button:hover {
    background: #08bab7;
}

.dream-bathroom-modal .modal-dialog .modal-content .modal-header button.btn-close:focus {
    box-shadow: none;
}

section.call-xperts-sec {
    padding: 100px 0px;
    background-size: cover !important;
    position: relative;
}

section.call-xperts-sec:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000007a;
}

.call-xperts-wrap {
    position: relative;
    text-align: center;
}

.call-xperts-wrap h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px;
}

.call-xperts-wrap p {
    color: #fff;
    font-size: 20px;
    width: 90%;
    margin: 0 auto 20px;
}

.call-xperts-wrap a {
    background: #118d8b;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 100px;
    transition: 0.3s;
}

.call-xperts-wrap a:hover {
    background: #08bab7;
}

.dream-bathroom-modal {
    z-index: 99999 !important;
}

.healthier-bathroom {
    background: #f4f4f4;
}

.healthier-bathroom-wrap {
    background: #f4f4f4;
}

.healthier-bathroom-wrap h2 {
    text-align: center;
    margin-bottom: 40px;
}

.healthier-bathroom-wrap .hassle-free-bathroom h3 {
    font-weight: 600;
}

.healthier-bathroom-wrap .hassle-free-bathroom h4 {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 34px;
}

section.client-feedback-xperts-sec {
    background: #f4f4f4;
    padding: 60px 0px;
}

.client-feedback-xperts {
    text-align: center;
}

.client-feedback-xperts p {
    font-size: 17px;
}

.client-feedback-xperts {
    margin-bottom: 40px;
}

.feedback-info {
    margin-top: 15px;
}

.client-feedback-xperts-wrap .item figure img {
    border-radius: 15px;
}

.feedback-info h3 {
    color: #118d8b;
    font-size: 24px;
    font-weight: 500;
}

.feedback-info address {
    color: #535151;
    font-size: 17px;
}

.consultation-center {
    text-align: center;
    display: table;
    border: none;
    background: #118d8b;
    padding: 9px 30px;
    border-radius: 100px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: 0.5s;
    margin: 20px auto 0px;
}

.consultation-center:hover {
    background: #08bab7;
    color: #fff;
}

.bathxpertzenquiry-form {
    background: #fff;
    padding: 30px;
    border-radius: 30px;
}

.bathxpertzenquiry-form h2 {
    font-size: 28px;
    font-weight: 700;
    color: #118d8b;
    margin-bottom: 20px;
}

.bathxpertzenquiry-form form .form-group {
    margin-bottom: 25px;
}

.bathxpertzenquiry-form form .form-group input {
    width: 100%;
    height: 44px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.bathxpertzenquiry-form form .form-group button {
    background: #118d8b;
    width: 100%;
    height: 44px;
    border: transparent;
    color: #fff;
    font-size: 17px;
    border-radius: 4px;
    transition: 0.3s;
}

.bathxpertzenquiry-form form .form-group button:hover {
    background: #08bab7;
}

.bathxpertzenquiry-form h5 {
    font-size: 18px;
    line-height: 28px;
    color: #000;
}

.bathxpertzenquiry-form h5 a {
    color: #000000;
}

div#bathxpertzenquiry .item {
    padding: 200px 0px;
}

div#bathxpertzenquiry .item .row {
    align-items: center;
}

.bathxpertzenquiry h2 {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
}

div#bathxpertzenquiry .owl-nav {
    display: none;
}

div#bathxpertzenquiry .owl-dots {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    text-align: center;
}

div#bathxpertzenquiry .owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 100px;
    border: 2px solid #fff;
    margin-left: 10px;
}

div#bathxpertzenquiry .owl-dots button.owl-dot.active {
    background: #fff;
}

section.budget-friendly-sec {
    background: #f4f4f4;
    padding: 60px 0px;
}

.budget-friendly-wrap {
    text-align: center;
    margin-bottom: 40px;
}

.budget-friendly-wrap p {
    font-size: 18px;
}

.budget-friendly-design .item .budget-friendly-design-info {
    background: #fff;
    padding: 10px;
}

.budget-friendly-design-info span {
    font-size: 20px;
    font-weight: 600;
}

.budget-friendly-design-info p {
    color: #118d8b;
    font-weight: 600;
}

div#budget-friendly .owl-nav {
    display: none;
}

div#budget-friendly .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    gap: 10px;
}

div#budget-friendly .owl-dots button.owl-dot {
    width: 14px;
    height: 14px;
    border-radius: 100px;
    border: 2px solid #118d8b;
}

div#budget-friendly .owl-dots button.owl-dot.active {
    background: #118d8b;
}

section.from-our-customers-sec {
    padding: 60px 0px;
    background: #f4f4f4;
}

.from-our-customers-wrap {
    text-align: center;
    margin-bottom: 40px;
}

.our-customers-new-wrap {
    background: #ffffff;
    padding-bottom: 20px;
}

.our-customers-new-header {
    background: #118d8b;
    padding: 10px 15px;
}

.our-customers-new-header figure img {
    width: 100px !important;
}

.our-customers-new-header {
    display: flex;
    gap: 20px;
    align-items: center;
    position: relative;
    margin-bottom: 44px;
}

.our-customers-new-header h3 {
    color: #fff;
    font-size: 20px;
    margin-left: 121px;
    line-height: 33px;
    margin-bottom: 0px;
}

.our-customers-new-header figure {
    position: absolute;
    top: 10px;
}

.item-content {
    padding: 0px 15px;
    height: 150px;
}

.item-content h4 {
    font-size: 24px;
    font-weight: 700;
}

.item-content p {
    font-size: 18px;
}

div#from-our-customers .owl-nav {
    display: none;
}

div#from-our-customers .owl-dots {
    gap: 10px;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

div#from-our-customers .owl-dots button.owl-dot {
    width: 14px;
    height: 14px;
    border: 2px solid #118d8b;
    border-radius: 100px;
}

div#from-our-customers .owl-dots button.owl-dot.active {
    background: #118d8b;
}

.the-xpertz-advantage-wrap {
    text-align: center;
    margin-bottom: 40px;
}

.the-xpertz-advantage-wrap p {
    font-size: 17px;
}

.the-xpertz-advantage-box {
    background: #118d8b;
    padding: 20px;
    border-radius: 10px;
}

.the-xpertz-advantage-box {
    text-align: center;
    height: 240px;
    margin-bottom: 20px;
}

.the-xpertz-advantage-box figure img {
    width: 60px;
}

.the-xpertz-advantage-box h2 {
    font-size: 22px;
    margin-top: 10px;
    color: #fff;
    font-weight: 600;
}

.the-xpertz-advantage-box p {
    color: #ffff;
    font-size: 17px;
}

.the-xpertz-advantage-box figure {
    margin-bottom: 15px;
}

.the-xpertz-advantage-box:hover {
    background: #08bab7;
}

.square-holder {
    padding: 30px;
    border: 1px solid #cecece;
    align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background-color: #f1f1f1;
    min-height: 200px
}

.square-holder img {
    max-width: 100%;
    filter: grayscale(100%);
    transition: all 0.3s;
}

.square-holder:hover img {
    filter: none;
}

.partners-box p {
    font-size: 17px;
}

.partners-box {
    text-align: center;
    margin-bottom: 30px;
}

section.the-xpertz-advantage-sec {
    padding: 60px 0px;
}

section.partners-sec-new {
    padding: 60px 0px 10px;
}

.call-the-xpertz a {
    text-align: center;
    margin-top: 40px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 100px;
    border: 1px solid #118d8b;
    color: #118d8b;
    font-weight: 400;
    font-size: 17px;
    transition: 0.3s;
}

.call-the-xpertz {
    text-align: center;
}

.call-the-xpertz a:hover {
    background: #118d8b;
    color: #fff;
}

section.dream-bathroom-new-sec {
    background-size: cover !important;
    padding: 200px 0px;
    text-align: center;
    position: relative;
}

section.dream-bathroom-new-sec:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000004f;
}

.dream-bathroom-new-wrap {
    position: relative;
}

.dream-bathroom-new-wrap h2.section-heading {
    color: #ffffff;
}

.dream-bathroom-new-wrap button {
    text-align: center;
    margin-top: 40px;
    display: inline-block;
    padding: 10px 44px;
    border-radius: 100px;
    color: #000000;
    font-weight: 500;
    font-size: 17px;
    transition: 0.3s;
    background: #ffffff;
    border: none;
}

.dream-bathroom-new-wrap button:hover {
    background: #08bab7;
    color: #fff;
}

section.bathxpertzenquiry-copy-right-sec {
    background: #118d8b;
    padding: 10px 0px;
    text-align: center;
}

.bathxpertzenquiry-copy-right p {
    font-size: 18px;
    color: #fff;
}

.bathxpertzenquiry-copy-right p a {
    color: #fff;
}

section.thankyou-sec {
    background-size: cover !important;
    padding: 140px 0px;
}

.thankyou-wrap {
    background: #ffffffe8;
    width: 50%;
    text-align: center;
    margin: 0 auto;
    padding: 60px 30px;
    border: 2px solid #9f9e9e;
    border-radius: 4px;
}

.thankyou-wrap figure img {
    width: 280px;
}

.thankyou-wrap figure {
    margin-bottom: 22px;
}

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

.thankyou-wrap a {
    margin-top: 30px;
    display: inline-block;
    padding: 9px 20px;
    border-radius: 100px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
    background: #118d8b;
}

.thankyou-wrap a:hover {
    background: #08bab7;
    color: #fff;
}

.gallery-sec .button {
    display: inline-block;
    padding: 0.5em 1.0em;
    border-radius: 100px;
    background: #ffffff;
    font-family: sans-serif;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #118d8b;
    margin: 10px;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
}

.gallery-sec .button:hover {
    background-color: #118d8b;
    color: #fff;
}

.gallery-sec .button:active, .button.is-checked {
    background-color: #118d8b;
    outline: none;
    color: #fff;
}

.gallery-sec .button-group {
    margin: 20px 0;
    text-align: center;
}

.gallery-sec .button-group:after {
    content: '';
    display: block;
    clear: both;
}

.gallery-sec img {
    vertical-align: middle;
}

.gallery-sec .img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.gallery-sec .grid article {
    background-color: #FFFFFF;
    display: block;
    float: left;
    margin: 1%;
    width: 23%;
}

@media (max-width: 1024px) {
    .gallery-sec .grid article {
        width: 31.3%;
    }
}

@media (max-width: 767px) {
    .gallery-sec .grid article {
        width: 48%;
    }
}

@media (max-width: 479px) {
    .gallery-sec .grid article {
        margin: 2% 0;
        width: 100%;
    }
}

.gallery-sec .grid article span {
    text-align: center;
    display: block;
}

section.flat-account {
    padding: 50px 0px;
}

.form-login {
    background-color: #fff;
    padding: 44px 50px 50px 50px;
    height: 570px;
    border: 1px solid #ccccccb3;
    border-radius: 4px;
}

.form-login .title {
    text-align: center;
    margin-bottom: 60px;
}

.form-login .title h3 {
    font-size: 30px;
    font-weight: 600;
    color: #000000;
    text-transform: uppercase;
}

.form-login .form-box {
    margin-bottom: 22px;
    padding-right: 4px;
}

.form-login .form-box label {
    margin-bottom: 12px;
    color: #484848;
}

.form-login .form-box input {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    color: #222222;
    padding: 8px 15px 8px 30px;
    border: 1px solid #ccc;
    height: 48px;
    border-radius: 30px;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-login .form-box.checkbox {
    margin-top: 25px;
    margin-bottom: 21px;
    display: flex;
    align-items: center;
}

.form-login .form-box.checkbox input {
    display: inline;
    width: 15px;
    accent-color: #118d8b;
}

.form-login .form-box.checkbox label {
    margin: 0px;
    padding-left: 10px;
}

.form-login .form-box button {
    background-color: #118d8b;
    color: #fff;
    font-size: 16px;
    height: 46px;
    line-height: 50px;
    padding: 0 64px;
    border-radius: 25px;
    margin-right: 30px;
    font-weight: 600;
    margin-left: -8px;
    letter-spacing: 0.5px;
    border: none;
}

.form-login .form-box button:hover {
    background: #08bab7;
}

.form-login .form-box a {
    color: #625e5e;
}

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

.mb-40 {
    margin-bottom: 4rem;
}

.cart__table--inner {
    width: 100%;
    border-spacing: 0;
}

.cart__table--header__list {
    padding: 0 2rem 2rem 0;
    text-transform: uppercase;
    border-bottom: 1px solid #e4e4e4;
}

.cart__table--body__list {
    border-bottom: 1px solid #e4e4e4;
    padding: 2rem 2rem 2rem 0;
}

.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cart__remove--btn {
    font-weight: 600;
    width: 36px;
    height: 36px;
    text-align: center;
    background: #ffffff;
    margin-right: 1.5rem;
    border-radius: 50%;
    border: 0;
    border: 1px solid #e4e4e4;
}

.cart__thumbnail {
    max-width: 6rem;
    line-height: 1;
}

.border-radius-5 {
    border-radius: 0.5rem;
}

.cart__content {
    padding-left: 2rem;
}

.cart__content--title {
    margin: 0px;
}

.cart__content--variant {
}

.cart__content--variant:last-child {
    margin-bottom: 0;
}

.cart__content--variant {
    font-size: 14px;
    font-family: 'Nunito';
    font-weight: 500;
    display: block;
    line-height: 25px;
}

.cart__table--body__list {
    border-bottom: 1px solid #e4e4e4;
    padding: 2rem 2rem 2rem 0;
}

.cart__price {
    font-size: 18px;
}

.cart__price {
    font-weight: 600;
}

.quantity__box {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

.quickview__value--quantity.decrease {
    border-radius: 17px 0 0 17px;
}

.quantity__value.decrease {
    margin-right: -4px;
    border-radius: 13px 0 0 13px;
}

.quickview__value--quantity {
    line-height: 40px;
}

.quantity__value {
    display: inline-block;
    border: 1px solid #e4e4e4;
    margin: 0;
    width: 42px;
    height: 42px;
    text-align: center;
    padding: 0;
    background: #e4e4e4ba;
    cursor: pointer;
    font-size: 26px;
    font-weight: 500;
}

input.quickview__value--number {
    height: 3.5rem;
    font-size: 17px;
    text-align: center;
}

input.quantity__number {
    text-align: center;
    border: none;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    margin: 0;
    width: 42px;
    height: 42px;
}

.cart__summary {
    padding: 20px;
    background: #ffffff;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
}

.cart__content h4.cart__content--title a {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

button.quantity__value.quickview__value--quantity.increase {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.continue__shopping {
    margin-top: 20px;
}

.continue__shopping a.continue__shopping--link {
    color: #04aba9;
    font-size: 18px;
}

.continue__shopping button.continue__shopping--clear {
    border: none;
    border-radius: 100px;
    background: transparent;
    font-size: 18px;
    color: #04aba9;
}

h2.cart__title {
    font-weight: 700;
    font-size: 30px;
}

.coupon__code h3.coupon__code--title {
    font-size: 22px;
}

.coupon__code {
    margin-bottom: 20px;
}

.coupon__code p.coupon__code--desc {
    margin-bottom: 15px;
}

.coupon__code--field {
    gap: 20px;
}

.coupon__code--field label input {
    border: 1px solid #c8c8c8;
    padding: 10px;
    width: 100%;
}

.coupon__code--field button {
    border: none;
    background: #04aba9;
    border-radius: 4px;
    padding: 0px 18px;
    font-size: 15px;
    color: #fff;
}

.coupon__code--field button:hover {
    background: #08bab7;
}

h3.cart__note--title {
    font-size: 22px;
}

.cart__note p.cart__note--desc {
    margin-bottom: 15px;
}

.cart__note textarea.cart__note--textarea {
    width: 100%;
    height: 80px;
    border: 1px solid #c8c8c8;
    padding: 10px;
}

.cart__note {
    margin-bottom: 20px;
}

.cart__summary--total__table {
    width: 100%;
}

.cart__summary--total__list {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cart__summary--total__list td.cart__summary--total__title {
    font-size: 16px;
    font-weight: 700;
}

tr.cart__summary--total__list td.cart__summary--amount {
    color: #000;
    font-weight: 600;
    font-size: 16px;
}

.cart__summary--footer p {
    margin-bottom: 15px;
    color: #666666;
}

.cart__summary--footer ul li button {
    border: none;
    background: #04aba9;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
}

.cart__summary--footer ul li a {
    border: none;
    background: #04aba9;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
}

.cart__summary--footer ul li button:hover {
    background: #08bab7;
}

.cart__summary--footer ul li a:hover {
    background: #08bab7;
}

span.in__stock.text__secondary {
    color: #04aba9;
}

.wishlist__cart--btn.primary__btn {
    background: #04aba9;
    padding: 10px 20px;
    color: #fff;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 600;
}

.wishlist__cart--btn.primary__btn:hover {
    background: #08bab7;
}

.account-area .section-title {
    border-bottom: 1px solid #e8e8e8;
    margin: 0 auto 40px;
    padding-bottom: 14px;
    text-align: left !important;
}

.account-area .section-title .title {
    font-size: 26px;
    margin-bottom: 0;
    line-height: 1.4;
    font-family: 'Montserrat';
}

@media only screen and (max-width: 767px) {
    .account-area .section-title .title {
        font-size: 30px;
    }
}

.my-account-area {
    padding: 70px 0 70px;
}

@media only screen and (max-width: 1199px) {
    .my-account-area {
        padding: 90px 0 90px;
    }
}

.myaccount-tab-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media only screen and (max-width: 767px) {
    .myaccount-tab-menu {
        margin-bottom: 40px;
    }
}

.myaccount-tab-menu.nav-tabs .nav-link {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    border-radius: 0;
    color: #000;
    font-family: 'Montserrat';
    font-size: 15px;
    font-weight: 500;
    display: block;
    padding: 10px 15px;
    text-align: left;
    text-transform: capitalize;
}

.myaccount-tab-menu.nav-tabs .nav-link:last-child {
    border-bottom: 1px solid #e5e5e5;
}

.myaccount-tab-menu.nav-tabs .nav-link.active {
    background-color: #eb3e32;
}

.myaccount-tab-menu.nav-tabs .nav-link:hover, .myaccount-tab-menu.nav-tabs .nav-link.active {
    background-color: #f6b851;
    border-color: #f6b851;
    color: #fff;
}

.myaccount-content {
    border: 1px solid #eeeeee;
    padding: 30px 30px 15px;
}

@media only screen and (max-width: 1199px) {
    .myaccount-content {
        padding: 25px 25px 10px;
    }
}

.myaccount-content form {
    margin-top: -20px;
}

.myaccount-content h3 {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 20px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

@media only screen and (max-width: 991px) {
    .myaccount-content h3 {
        font-size: 18px;
    }
}

.login-form-content .form-group {
    margin-bottom: 25px;
}

.login-form-content .form-group label {
    color: #333;
    font-size: 14px;
    margin-bottom: 10px;
}

.login-form-content .form-group label .required {
    color: #f00;
}

.login-form-content .form-group .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #e8e8e8;
    height: 60px;
    padding: 0 20px;
    font-size: 14px;
}

.login-form-content .form-group .form-control:active, .login-form-content .form-group .form-control:focus {
    border-color: #f6b851;
}

.login-form-content .form-group .btn-login {
    background-color: #333131;
    border-color: #333131;
    color: #fff !important;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 0;
    font-weight: 700;
    text-align: center;
    display: block;
    width: 100%;
    font-family: 'Montserrat';
    height: 60px;
    line-height: 64px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.login-form-content .form-group .btn-login:hover {
    background-color: #f6b851;
    border-color: #f6b851;
}

.login-form-content .account-info-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 479.98px) {
    .login-form-content .account-info-group {
        display: block;
    }
}

.login-form-content .rememberme-account {
    float: left;
}

@media only screen and (max-width: 479.98px) {
    .login-form-content .rememberme-account {
        float: none;
    }
}

.login-form-content .rememberme-account .form-check {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    margin-bottom: 0;
    padding: 0;
}

.login-form-content .rememberme-account .form-check .form-check-input {
    cursor: pointer;
    width: 15px;
    margin: 0;
    height: 15px;
    border-radius: 0;
    border: 2px solid #e6e6e6;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    position: relative;
    top: -2px;
}

.login-form-content .rememberme-account .form-check .form-check-input:checked~.form-check-label {
    border-color: #e5b95c;
    color: #e5b95c;
}

.login-form-content .rememberme-account .form-check .form-check-input:checked[type=checkbox] {
    background-color: #f6b851;
}

.login-form-content .rememberme-account .form-check .form-check-label {
    color: #8c8c8c;
    font-size: 14px;
    margin-bottom: 0;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 0;
    position: relative;
    top: -1px;
    padding-left: 8px;
}

.login-form-content .rememberme-account .form-check .form-check-label:hover {
    color: #e5b95c;
}

.login-form-content .lost-password {
    color: #8c8c8c;
    font-size: 15px;
    margin-bottom: 0;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 0.6px;
}

.login-form-content .lost-password:hover {
    color: #eb3e32;
}

.login-form-content {
    width: 600px;
}

section.account-area {
    padding: 70px 0px;
}

.login-form-content .form-group p {
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 6px;
    line-height: 29px;
}

.myaccount-content-wrap .myaccount-content {
    float: left;
    width: 50%;
}

.myaccount-content.billing-address {
    width: 100%;
    display: none;
}

.myaccount-content .account-details-form .single-input-item p {
    margin: 30px 0px;
}

.myaccount-content.shipping-address {
    width: 100%;
    display: none;
}

.my-account-area {
    padding: 110px 0 110px;
}

@media only screen and (max-width: 1199px) {
    .my-account-area {
        padding: 90px 0 90px;
    }
}

.myaccount-tab-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media only screen and (max-width: 767px) {
    .myaccount-tab-menu {
        margin-bottom: 40px;
    }
}

.myaccount-tab-menu.nav-tabs .nav-link {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    border-radius: 0;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    display: block;
    padding: 10px 15px;
    text-align: left;
    text-transform: capitalize;
}

.myaccount-tab-menu.nav-tabs .nav-link:last-child {
    border-bottom: 1px solid #e5e5e5;
}

.myaccount-tab-menu.nav-tabs .nav-link.active {
    background-color: #eb3e32;
}

.myaccount-tab-menu.nav-tabs .nav-link:hover, .myaccount-tab-menu.nav-tabs .nav-link.active {
    background-color: #eb3e32;
    border-color: #eb3e32;
    color: #fff;
}

.myaccount-content {
    border: 1px solid #eeeeee;
    padding: 30px 30px 15px;
}

@media only screen and (max-width: 1199px) {
    .myaccount-content {
        padding: 25px 25px 10px;
    }
}

.myaccount-content form {
    margin-top: -20px;
}

.myaccount-content h3 {
    font-weight: 500;
    font-size: 20px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

@media only screen and (max-width: 991px) {
    .myaccount-content h3 {
        font-size: 18px;
    }
}

.myaccount-content .welcome a {
}

.myaccount-content .welcome a:hover {
    color: #eb3e32;
}

.myaccount-content .welcome strong {
    font-family: 'Montserrat';
    font-weight: 600;
    color: #000000;
}

.myaccount-content p {
    font-family: 'Montserrat';
    line-height: 28px;
    margin-bottom: 6px;
}

@media only screen and (max-width: 991px) {
    .myaccount-content p {
        font-size: 15px;
    }
}

.myaccount-content fieldset {
    margin-top: 20px;
}

.myaccount-content fieldset legend {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

@media only screen and (max-width: 991px) {
    .myaccount-content fieldset legend {
        font-size: 15px;
    }
}

.myaccount-content .account-details-form {
    margin-top: 50px;
}

.myaccount-content .account-details-form .single-input-item {
    margin-bottom: 20px;
}

.myaccount-content .account-details-form .single-input-item label {
    font-size: 14px;
    text-transform: capitalize;
    display: block;
    margin: 0 0 5px;
}

.myaccount-content .account-details-form .single-input-item input {
    border: 1px solid #e8e8e8;
    width: 100%;
    height: 50px;
    background-color: transparent;
    padding: 2px 20px;
    color: #1f2226;
    font-size: 13px;
}

.myaccount-content .account-details-form .single-input-item input:focus {
    border: 1px solid #f6b851;
    outline: none;
}

.myaccount-content .account-details-form .single-input-item button {
    border: none;
    background-color: #f6b851;
    text-transform: uppercase;
    font-weight: 600;
    padding: 20px 40px;
    line-height: 1;
    color: #fff;
    font-size: 13px;
}

.myaccount-content .account-details-form .single-input-item button:hover {
    background-color: #1f2226;
}

.myaccount-table {
    white-space: nowrap;
    font-size: 14px;
}

.myaccount-table table th, .myaccount-table .table th {
    padding: 10px;
    font-weight: 600;
    background-color: #f8f8f8;
    border-color: #ccc;
    border-bottom: 0;
    color: #1f2226;
}

.myaccount-table table td, .myaccount-table .table td {
    padding: 10px;
    vertical-align: middle;
    border-color: #ccc;
}

.myaccount-table table td a, .myaccount-table .table td a {
    font-size: 14px;
    color: #000;
}

.accordion-button::after {
    background-size: 16px !important;
}

.contact-form-wrap h3 {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 30px;
}

.contact-page-wrap h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px;
}

.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -62px !important;
    top: 50% !important;
    left: 7% !important;
    opacity: 1 !important;
}

.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px 2px !important;
    top: 50% !important;
    left: 93% !important;
    opacity: 1 !important;
}

section.join-network-sec {
    padding: 60px 0px;
}

section.join-network-sec .row {
    align-items: center;
}

.join-network-img img {
    border-radius: 8px;
}

.join-network-img figure {
    overflow: hidden;
    border-radius: 8px;
}

.join-network-img figure img {
    transition: 3s;
    transform: scale(1);
}

.join-network-img figure:hover img {
    transform: scale(1.3);
}

.join-network-content p {
    font-size: 17px;
    line-height: 30px;
}

.join-network-content button {
    font-size: 16px;
    text-transform: capitalize;
    text-align: left;
    display: table;
    background: #118d8b;
    padding: 9px 20px;
    color: #fff;
    font-weight: 600;
    border-radius: 100px;
    border: none;
    margin-top: 20px;
}

.join-network-content button:hover {
    background: #08bab7;
}

section.network-form-sec {
    padding: 60px 0px;
}

.network-form .form-group input {
    width: 100%;
    height: 46px;
    padding: 10px;
    border: 1px solid #118d8b;
    border-radius: 4px;
}

.network-form .form-group {
    margin-bottom: 20px;
}

.network-form .form-group select {
    width: 100%;
    height: 46px;
    padding: 10px;
    border: 1px solid #118d8b;
    border-radius: 4px;
    color: #484343;
}

.network-form .formsubmit {
    width: 100%;
    height: 46px;
    border: transparent;
    margin-bottom: 15px;
    background: #118d8b;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    transition: 0.5s ease-in-out;
}

.network-form .formsubmit:hover {
    background: #08bab7;
}

.network-form h3 {
    font-size: 36px;
    font-weight: 600;
    color: #118d8b;
    margin-bottom: 20px;
}

.design-img video {
    object-fit: cover;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 4px;
}

section.the-beginning-sec {
    padding: 60px 0px;
}

section.the-beginning-sec .row {
    align-items: center;
}

.the-beginning-wrap h4 {
    font-size: 28px;
    color: #118d8b;
}

.the-beginning-wrap p {
    font-size: 18px;
    line-height: 32px;
}

.the-beginning-wrap p a {
    color: #118d8b;
}

section.what-we-do.sec {
    background: #f5f5f5ab;
    padding: 60px 0px;
}

.what-we-do-wrap h4 {
    font-size: 24px;
    line-height: 35px;
    color: #118d8b;
}

.what-we-do-wrap p {
    font-size: 18px;
    line-height: 31px;
}

.what-we-do-img figure {
    height: 485px;
}

.what-we-do-img figure img {
    width: 100%;
    height: 100%;
}

.project-delivered {
    margin-bottom: 30px;
}

.project-delivered h2 {
    color: #fff;
    font-weight: 600;
    font-size: 50px;
}

section.accomplishments-sec {
    padding: 60px 0px;
}

.accomplishments-wrap h2 {
    text-transform: capitalize;
    margin-bottom: 50px;
}

.accomplishments-wrap {
    text-align: center;
}

.accomplishments-wrap ul {
    display: flex;
    justify-content: center;
    gap: 120px;
}

.accomplishments-wrap ul li {
    font-size: 32px;
    color: #000000;
    font-weight: 600;
    position: relative;
}

.accomplishments-wrap ul li:after {
    position: absolute;
    content: "";
    top: 0;
    right: -57px;
    width: 2px;
    height: 100%;
    background: #118d8b;
}

.accomplishments-wrap ul li:last-child:after {
    display: none;
}

.accomplishments-chart {
    display: grid;
    grid-template-columns: repeat(1, 160px);
    grid-gap: 80px;
    margin: auto 0;
}

@media (min-width: 420px) and (max-width: 659px) {
    .accomplishments-chart {
        grid-template-columns: repeat(2, 160px);
    }
}

@media (min-width: 660px) and (max-width: 899px) {
    .accomplishments-chart {
        grid-template-columns: repeat(3, 160px);
        justify-content: center;
    }
}

@media (min-width: 900px) {
    .accomplishments-chart {
        grid-template-columns: repeat(3, 160px);
        margin: 0 auto;
        text-align: center;
        justify-content: center;
    }
}

.accomplishments-chart .box {
    width: 100%;
}

.accomplishments-chart .box h2 {
    display: block;
    text-align: center;
    color: #fff;
}

.accomplishments-chart .box .chart {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 160px;
    height: 160px;
    color: #000;
    font-weight: 600;
}

.accomplishments-chart .box canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    width: 100%;
}

.accomplishments-chart {
    margin-top: 50px;
}

section.team-sec {
    background: #f5f5f5ab;
    padding: 60px 0px;
}

section.team-sec .row {
    align-items: center;
}

.team-wrap p {
    font-size: 18px;
}

.backed-best {
    padding-bottom: 50px !important;
}

section.banner-full .video-sec {
    padding: 0px;
}

section.blog-datils-sec {
    padding: 60px 0px;
}

.blog-datils-wrap figure {
    overflow: hidden;
}

.blog-datils-wrap figure img {
    transform: scale(1);
    transition: 3s;
}

.blog-datils-wrap figure:hover img {
    transform: scale(1.3);
}

.blog-datils-wrap figure {
    margin-bottom: 15px;
}

.blog-item-wrap span {
    font-size: 18px;
}

.blog-item-wrap h2 {
    font-size: 24px;
    line-height: 30px;
    margin: 10px 0px;
}

.blog-item-wrap p {
    font-size: 18px;
    font-family: 'Nunito';
    margin-bottom: 10px;
    color: #000;
    font-weight: 300;
    line-height: 30px;
}

.blog-item-wrap p:last-child {
    margin-bottom: 0px;
}

.blog-sidebar .search-area {
    margin-bottom: 25px;
}

.blog-sidebar .search-area form input[type="text"] {
    padding: 10px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
}

.blog-sidebar .search-area form button {
    position: absolute;
    top: 12px;
    right: 15px;
    background: transparent;
    border: none;
}

.blog-sidebar {
    position: sticky;
    top: 80px;
}

.more-results-wrap a {
    font-size: 16px !important;
}

.blog-sidebar .search-area form {
    position: relative;
}

.recent-posts-sidebar {
    margin-bottom: 25px;
}

.recent-posts-sidebar .topa-rea h4.title {
    font-size: 24px;
    font-weight: 600;
}

.recent-posts-sidebar .wized-body ul li a {
    font-size: 17px;
}

.recent-posts-sidebar .wized-body ul li input {
    font-size: 16px;
}

.recent-posts-sidebar .wized-body ul li a {
    color: #000;
    font-weight: 300;
}

.recent-posts-sidebar .wized-body ul li {
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;
}

.recent-posts-sidebar .wized-body ul li a:hover {
    color: #118d8b;
}

.recent-posts-sidebar .wized-body ul li a b {
    padding-right: 10px;
    font-weight: 600;
}

.pro-info-text h2 {
    font-size: 20px;
}

.pro-info-text ul li {
    list-style: auto;
}

.pro-info-text ul {
    padding-left: 20px;
}

ul.fuction-list li a.active {
    color: #118d8b;
}

.c-sort-by-contents .c-sort-by-group.active {
    border-color: #118d8b;
}

.c-sort-by-contents .c-sort-by-group.active label {
    color: #118d8b;
}

section.banner-full {
    background: #f9f9f9;
}

.p-m {
    padding: 75px 0px;
}

.banner-style-4 .video-sec {
    padding: 0px;
    margin-right: -200px;
}

.footer-logo-wrap img {
    width: 300px;
}

@media(min-width: 991px) {
    ul.navbar-nav ul.drop-menu {
        position: absolute;
        background: #118d8b;
        width: 230px;
        line-height: 45px;
        top: 100%;
        opacity: 0;
        visibility: hidden;
        box-shadow: 0 6px 10px rgba(0,0,0,0.15);
        border-radius: 4px;
    }

    span.mean-expand {
        display: none;
    }

    ul.navbar-nav li.nav-item:hover ul.drop-menu {
        opacity: 1;
        visibility: visible;
        top: 60px;
    }

    ul.navbar-nav ul.drop-menu + li a {
        width: 100%;
        display: block;
        padding: 0px;
    }

    ul.navbar-nav ul.drop-menu > li {
        border-bottom: 1px solid #ffffff69;
    }

    ul.navbar-nav ul.drop-menu > li:last-child {
        border: none;
    }

    .drop-menu:after {
        position: absolute;
        width: 20px;
        height: 20px;
        background: #118d8b;
        content: '';
        left: 34px;
        right: 0;
        top: -10px;
        transform: rotate(43deg);
        z-index: -1;
    }

    ul.navbar-nav ul.drop-menu > li:hover {
        background: #08bab7;
    }
}

.footer-menu h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.join-network-content h2 {
    font-size: 36px;
    font-weight: 600;
    color: #118d8b;
}

.our-xpertz-wrap ul li p img {
    width: 75px;
    margin-bottom: 20px;
}

.process-wrap p {
    font-size: 20px;
    color: #fff;
    margin-top: 10px;
}

.get-in-touch-heading h2 {
    color: #fff;
}

.get-in-touch-heading p {
    color: #fff;
}

.catalogue-heading h2 {
    color: #118d8b;
}

.how-it-work-wrap h2 {
    font-size: 42px;
}

.process-wrap h2 {
    color: #ffffff;
    font-size: 42px;
    text-transform: capitalize;
    margin: 0px;
}

section.our-xpertz-sec .our-xpertz-wrap ul li {
    width: 33%;
}

section.our-xpertz-sec.partner-network-sec .our-xpertz-wrap ul li {
    width: 25%;
}

.people-trust-wrap h2 {
    font-size: 46px;
}

.end-solutions-wrap h2 {
    font-size: 46px;
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 502;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 503;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    height: 100%;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 505;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 504;
}

.mfp-preloader a {
    color: #cccccc;
}

.mfp-preloader a:hover {
    color: white;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 506;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    top: 0;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: solid transparent;
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
    opacity: 0.8;
    border-top-width: 12px;
    border-bottom-width: 12px;
    top: 8px;
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 20px;
    border-bottom-width: 20px;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 12px solid black;
    left: 5px;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    border-right: 20px solid white;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 12px solid black;
    left: 3px;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 20px solid white;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black;
}

.mfp-iframe-holder .mfp-close {
    top: -43px;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.mfp-figure {
    line-height: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-break: break-word;
    padding-right: 36px;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
}

@media all and (max-width: 800px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

.video-sec {
    position: relative;
}

a.popup-youtube {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-76%, -60%);
    background: #ffffffe6;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 73px;
    border-radius: 100px;
}

a.popup-youtube i {
    color: #118d8b;
    font-size: 30px;
}

.review-header ul li:first-child {
    width: 7%;
}

.review-header ul li:last-child {
    width: 93%;
}

.review-header ul li figure img {
    border-radius: 100px;
}

.add-more-btn button:hover {
    color: #fff;
}

.add-form:first-child li:last-child {
    display: none;
}

.add-form ul li:last-child {
    width: 3%;
}

.fuction-wrap button i {
    padding-left: 8px;
    font-weight: 500;
    margin-top: 4px;
    color: #000000;
}

.c-sticky-bar span button {
    padding: 5px 6px;
    font-size: 12px;
    font-weight: 500;
}

.fixed-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background: #118d8b;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    z-index: 99999;
}

.fixed-header .header-wrap {
    display: none;
}

.slider-img-wrap figure {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.slider-img-wrap figure img {
}

.elevate p {
    font-size: 18px;
}

section.after-series-sec {
    display: none;
}

section.transform-bathspace-sec h2.section-heading {
    margin-bottom: 0px;
}

.returns-exchange .table-wrap.table-responsive thead {
    color: #fff;
}

.returns-exchange .table-wrap.table-responsive tbody {
    color: #fff;
}

.table-wrap.table-responsive table.table {
    margin-bottom: 0px;
}

.returns-exchange .table-responsive {
    background: #31807f;
}

.returns-exchange .table-responsive {
    margin-bottom: 20px;
}

ul.fuction-list li.active {
    background: #31807f;
}

ul.fuction-list li.active a {
    color: #fff;
    padding: 0px 6px;
}

.fancybox-container {
    z-index: 999999 !important;
}

h1.landing-page {
    font-size: 46px;
}

#msform {
    text-align: center;
    position: relative;
    padding: 20px;
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

.pricing-calculator-sec .form-card {
    text-align: left;
    padding: 20px 45px;
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform input, #msform textarea {
    padding: 8px 15px 8px 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 0px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 16px;
    letter-spacing: 1px;
    border-radius: 4px;
    display: inline;
}

#msform input:focus, #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #118d8b;
    outline-width: 0
}

#msform .action-button {
    width: 100px;
    background: #118d8b;
    font-weight: 500;
    color: white;
    border: 0 none;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 48px 10px 5px;
    float: right;
    border-radius: 100px;
    font-size: 15px;
}

#msform .action-button:hover, #msform .action-button:focus {
    background-color: #000000;
}

#msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: 500;
    color: white;
    border: 0 none;
    border-radius: 100px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px 10px 0px;
    float: right;
    font-size: 15px;
}

#msform .action-button-previous:hover, #msform .action-button-previous:focus {
    background-color: #000000
}

.pricing-calculator-sec .card {
    z-index: 0;
    border: none;
    position: relative;
    background: #f3f2f2;
}

.fs-title {
    font-size: 24px;
    color: #118d8b;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left;
    margin-top: 15px;
}

.purple-text {
    color: #673AB7;
    font-weight: normal
}

.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: black;
    text-align: left;
    display: block;
    margin-bottom: 6px;
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #118d8b;
    font-weight: 400;
}

#progressbar li {
    list-style-type: none;
    font-size: 17px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 300;
    color: #666666;
}

#progressbar #account:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f546";
    font-weight: 100;
}

#progressbar #personal:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f7bd";
    font-weight: 100;
}

#progressbar #payment:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f49e";
    font-weight: 100;
}

#progressbar #confirm:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f00c"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before, #progressbar li.active:after {
    background: #118d8b;
}

.progress {
    height: 20px
}

.progress-bar {
    background-color: #673AB7
}

.fit-image {
    width: 100%;
    object-fit: cover
}

section.pricing-calculator-sec {
    padding: 50px 0px 50px;
}

.pricing-calculator-sec .form-card .form-group input {
    width: 100% !important;
    height: 44px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0px 8px;
    position: relative;
}

.pricing-calculator-sec .form-card .form-group .inputTypeNum {
    display: flex;
    align-items: center;
}

.pricing-calculator-sec .form-card .form-group span {
    font-size: 20px;
    padding-left: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 0px 4px 3px 0px;
    display: inline-block;
}

.pricing-calculator-sec .form-card .form-group span.ft {
    font-size: 20px;
    padding-left: 8px;
    color: #0f0f0f;
}

.pricing-calculator-sec .form-card .form-group {
    margin-bottom: 20px;
    position: relative;
}

.bathroom-type-box .form-group {
    display: flex;
    align-items: center;
}

.bathroom-type-box .form-group input[type="radio"] {
    margin-bottom: 0px !important;
    height: 19px;
    margin-top: 0px !important;
    accent-color: #118d8b;
}

.bathroom-type-box .form-group span.b-type {
    font-size: 18px;
}

.bathroom-type-box h2.fs-title {
    margin-bottom: 25px;
}

.pricing-calculator-sec .form-card .package-wrapper > li {
    width: 60%;
    margin: 0 auto;
}

.pricing-calculator-sec .form-card .package-wrapper > li img {
    border-radius: 4px;
}

.pricing-calculator-sec .form-card .package-wrapper > li h3 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.pricing-calculator-sec .form-card .package-wrapper > li h3 span.checkbox {
    width: 20px;
    height: 20px;
    border-radius: 100px;
    border: 2px solid #ccc;
}

.pricing-calculator-sec .form-card .package-wrapper > li h3 p {
    font-size: 20px;
    font-weight: 700;
}

.pricing-calculator-sec .form-card .package-wrapper > li {
    position: relative;
}

.pricing-calculator-sec .form-card .package-wrapper > li input[type="radio"] {
    position: absolute;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0;
    z-index: 999;
}

.quiz_checkbox:checked + .card-input {
    border: 2px solid #118d8b;
}

.pricing-calculator-sec .form-card ul.package-wrapper ul li {
    line-height: 35px;
    font-size: 17px;
    font-weight: 400;
    position: relative;
    padding-left: 26px;
}

.pricing-calculator-sec .form-card ul.package-wrapper ul {
    margin-top: 15px;
}

.pricing-calculator-sec .form-card ul.package-wrapper ul li:after {
    position: absolute;
    content: "\f00c";
    left: 0;
    top: 7px;
    font-family: 'Font Awesome 5 Pro';
    font-size: 10px;
    background: #118d8b;
    width: 18px;
    height: 18px;
    line-height: 21px;
    text-align: center;
    border-radius: 100px;
    color: #fff;
}

.card-input {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.pricing-calculator-sec .form-card .package-wrapper li .quiz_checkbox:checked + .card-input h3 span.checkbox {
    border: 5px solid #118d8b;
}

.card-contact input {
    height: 46px;
}

.card-contact button {
    background: #118d8b;
    border: none;
    border-radius: 100px;
    color: #fff;
    padding: 8px 26px;
    font-weight: 500;
}

.card-contact button:hover {
    background: #000;
}

.card-contact .form-group:last-child {
    margin-bottom: 0px !important;
}

.pricing-calculator-sec .form-card .form-group h3 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pricing-calculator-sec .form-card .form-group h3 span.redio-btn {
    width: 21px;
    height: 21px;
    border: 2px solid #ccc;
    border-radius: 100px;
}

.pricing-calculator-sec .form-card .form-group input.radio-class {
    opacity: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.pricing-calculator-sec .form-card .form-group input.radio-class:checked + h3 .redio-btn {
    border: 6px solid #118d8b;
    background: #fff;
}

.submit-btn-form {
    width: 100px !important;
    float: right;
    margin-bottom: 0px !important;
    margin-top: 10px !important;
    border-radius: 100px !important;
    background: #118d8b;
    border: none !important;
    color: #fff !important;
    text-transform: capitalize;
    margin-right: 43px;
}

.form-card.card-contact input {
    margin-bottom: 0px !important;
}

.submit-btn-form:hover {
    background: #000;
}

section.pricing-box-sec {
    padding: 50px 0px;
    background: #f9f9f9;
}

.pricing-box-wrapper h2 {
    color: #000;
    font-size: 42px;
    font-weight: 600;
}

.pricing-img img {
    width: 500px;
    float: right;
}

section.pricing-calculator-sec {
}

.easy-steps h2 {
    text-align: center;
    color: #118d8b;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 40px;
}

a.get-pricing:hover {
    background: #000;
}

a.get-pricing {
    font-size: 18px;
    background: #118d8b;
    color: #fff;
    border-radius: 100px;
    padding: 9px 20px;
}

section.transformation-sec {
    background: #f9f9f9;
    padding: 60px 0px;
}

.transformation-wrapper h2 {
    color: #41303e;
    font-weight: 700;
    font-size: 32px;
}

.transformation-wrapper ul {
    margin-top: 20px;
}

.transformation-wrapper ul li h4 {
    font-size: 20px;
    color: #41303e;
    font-weight: 700;
}

.transformation-wrapper ul li {
    margin-bottom: 20px;
}

.transformation-wrapper ul li p {
    font-size: 16px;
    line-height: 24px;
}

.transformation-wrapper ul li:last-child {
    margin-bottom: 0px;
}

.leading-page {
    position: absolute;
    top: 5%;
    left: 0;
    z-index: 9;
    width: 100%;
}

.text.show-more-height {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

div#profile-description .show-more {
    color: #212121;
    font-weight: 500;
    text-decoration: underline;
    font-size: 16px;
    margin-top: 7px;
}

div#profile-description {
    display: none;
}

.design-img .cd-image-wrap {
    margin-top: 0px;
}

.design-img .cd-image-wrap figure.cd-image-container span.cd-image-label {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.fm {
    display: none;
}

.navbar-light .navbar-toggler-icon {
    background-image: none;
    color: #71c2b2;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 44px;
}

.navbar-light .navbar-toggler-icon i {
    font-weight: 500;
    font-size: 28px;
    display: block;
    line-height: 36px;
}

p.estimate-price {
    font-weight: 700;
    color: #f5a103;
    font-size: 18px;
    margin-bottom: 15px;
    text-align: center;
}

ul.package-wrapper {
    display: flex;
    gap: 10px;
}

section.catalogue-section {
    background: #118d8b;
    padding: 60px 0px;
}

.catalogue-text p {
    font-size: 28px;
    color: #fff;
    font-weight: 600;
}

section.catalogue-section {
    text-align: center;
}

section.catalogue-section .catalogue-text {
    width: 70%;
    margin: 0 auto;
}

.catalogue-btn {
    margin-top: 20px;
}

.catalogue-btn a {
    background: #fff;
    color: #118d8b;
    padding: 8px 15px;
    border-radius: 100px;
    font-weight: 600;
    display: inline-block;
    font-size: 18px;
}

section.catalogue-section .row {
    align-items: center;
}

.catalogue-btn a:hover {
    background: #08bab7;
    color: #fff;
}

header.fixed-header .navbar-collapse {
    top: 51px;
}

.dream-bathroom-modal .modal-header h2 {
    margin-left: 0px !important;
    text-align: center;
    margin-bottom: 0px;
}

.dream-bathroom-modal .modal-header {
    justify-content: center;
    padding-bottom: 0px !important;
}

.dream-bathroom-modal .modal-dialog .modal-content .modal-body .dream-bathroom font-size: 16px;}

.review-header ul li .reviews p {
    font-size: 18px;
}

.more-results-wrap a {
    font-size: 18px;
}

.dream-bathroom-modal .modal-dialog .modal-content .modal-body .dream-bathroom-form .form-group input {
    font-size: 16px;
}

.dream-bathroom-modal .modal-dialog .modal-content .modal-body .dream-bathroom-form .formsubmit {
    background: #118d8b;
    border: none;
    height: 46px;
    padding: 10px 30px;
    width: 100%;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    transition: 0.3s;
}

.dream-bathroom-modal .modal-dialog .modal-content .modal-body .dream-bathroom-form .formsubmit:hover {
    background: #08bab7;
}

.zcwf_lblLeft {
    background: transparent !important;
    max-width: 100% !important;
}

.contact-form-wrap form .form-group {
    margin-bottom: 20px;
}

.contact-form-wrap form .form-group input {
    background: #eeeeee;
    width: 100%;
    border: 2px solid #e6e6e6;
    padding: 10px;
    border-radius: 4px;
}

.contact-form-wrap form .form-group select {
    background: #eeeeee;
    width: 100%;
    border: 2px solid #e6e6e6;
    padding: 10px;
    color: #646060;
}

.contact-form-wrap form .form-group input::placeholder {
    color: #646060;
}

.contact-form-wrap form .formsubmit {
    background: #118d8b;
    padding: 9px 35px;
    border: none;
    border-radius: 100px;
    color: #fff;
    font-weight: 700;
    margin-top: 10px;
}

.contact-form-wrap form .formsubmit:hover {
    background: #09adaa;
}

.contact-form-wrap form .formsubmit {
    background: #118d8b;
    padding: 9px 35px;
    border: none;
    border-radius: 100px;
    color: #fff;
    font-weight: 700;
    margin-top: 10px;
}

.contact-form-wrap form .formsubmit:hover {
    background: #09adaa;
}

.recent-posts-sidebar .wized-body ul li .formsubmit {
    background: #118d8b;
    border-radius: 100px;
    border-color: #118d8b;
    color: #fff;
    padding: 8px 30px;
}

.recent-posts-sidebar .wized-body ul li .formsubmit:hover {
    background: #08bab7;
    border-color: #08bab7;
}

.reviews.mobile-review {
    display: none;
}

div#video-review .owl-nav button {
    background: #ffffff2e;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 45%;
    line-height: 40px;
    left: 2%;
    border-radius: 100px;
}

div#video-review .owl-nav button.owl-next {
    right: 2%;
    left: auto;
}

div#video-review .owl-nav span {
    font-size: 50px;
    color: #fff;
}

section.silder-sec .carousel-caption h1 {
    font-size: 42px;
    line-height: 42px;
}

.left-side h1 {
    font-size: 42px;
    margin: 10px 0px;
    font-weight: 600;
}

.privacy-policy-item h1 {
    font-size: 28px;
    color: #303133;
    font-weight: 700;
    margin-bottom: 20px;
}

.returns-exchange-wrap .returns-exchange h1 {
    color: #408b8a;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 26px;
}

.terms-conditions-wrap .terms-item h1 {
    color: #408b8a;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 36px;
}

.project-silder .carousel-caption h1 {
    line-height: 52px !important;
}

.project-silder .carousel-caption p {
    padding: 8px 0px;
}

section.silder-sec .carousel-caption .col-md-6 {
    padding-left: 0px;
}

div#customer-feedback .owl-dots {
    display: none;
}

section.bathxpertzenquiry-sec {
    position: relative;
}

.bathxpertzenquiry-form {
    position: absolute;
    top: 0;
    right: 8%;
    z-index: 1;
    width: 28%;
    margin: 50px 0px;
}

.bathxpertzenquiry-form form .form-group input#formsubmit {
    background: #31807f;
    color: #fff;
}

.bathxpertzenquiry-form form .form-group input#formsubmit:hover {
    background: #08bab7;
}

.bathxpertzenquiry-copy-right {
    color: #fff;
}

.product-page-ssec .lSAction > a {
    z-index: 1 !important;
}

.fancybox-content {
    width: 100% !important;
}

.timeline-mobile-silder .owl-dots button {
    width: 14px;
    height: 14px;
    background: white;
    border-radius: 100px;
}

.timeline-mobile-silder .owl-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.timeline-mobile-silder .owl-dots button.active {
    background: #08bab7;
}

section.process-sec.process-mobile-version {
    display: none;
}

.process-mobile-version .timeline-silder .timeline__event {
    margin-bottom: 0px;
}

.process-mobile-version .timeline-silder {
    margin-bottom: 15px;
}

.main .card-image figure {
    height: 600px;
}

.main .card-image figure span {
    z-index: 2;
}

.main .card-image figure img {
    object-fit: fill;
}

.hassle-free-img figure img {
    width: 100%;
}

.bathroom-starting-heading {
    /*height: 140px;*/
    overflow-y: scroll;
}

.bt-st-txt {
    height: 150px;
    overflow-y: scroll;
}

.bathroom-starting-heading::-webkit-scrollbar {
    background-color: transparent;
    width: 0px;
}

.bathroom-starting-heading:hover::-webkit-scrollbar {
    width: 3px;
}

.bathroom-starting-heading:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
}

@media (hover: none) {
    .bathroom-starting-heading::-webkit-scrollbar {
        width: 3px;
    }

    .bathroom-starting-heading::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
    }
}

/* 05-03-24 css start here */
section.mobile-filter {
    position: fixed;
    bottom: 0;
    z-index: 999999;
    left: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ccccccba;
    opacity: 0;
    visibility: hidden;
}

.mobile-filter-box ul {
    display: flex;
    justify-content: center;
    gap: 30px;
    padding: 10px;
}

.tab {
    float: left;
    background-color: #f1f1f1f7;
    width: 30%;
    height: 100vh;
}

.tab button {
    color: black;
    padding: 10px 10px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
}

.tab button:hover {
    background-color: #ddd;
}

.tab button.active {
}

.tabcontent {
    float: left;
    width: 70%;
    border-left: none;
}

.tabcontent {
    display: none;
}

.tablinks.active {
    display: block;
}

.tabcontent.active {
    display: block;
}

.popup-sec-box .popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #cccccc38;
}

.popup-sec-box .popup-header h2 {
    font-size: 18px;
    font-weight: 600;
}

.popup-sec-box .popup-header span {
    color: #000;
    font-weight: 600;
    font-size: 16px;
}

section.model-popup-sec {
    position: fixed;
    top: 0;
    z-index: 999999;
    background: #fff;
    width: 100%;
    height: 100vh;
    display: none;
}

.popup-footer {
    position: fixed;
    bottom: 0;
    background: #fff;
    padding: 15px;
    border-top: 1px solid #ccc;
    width: 100%;
    left: 0;
    right: 0;
}

.btn-wrap {
    display: flex;
    justify-content: space-between;
}

.btn-wrap button {
    border: none;
    background: none;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    width: 50%;
}

.btn-wrap button {
    border-right: 1px solid #ccc;
}

.btn-wrap button:last-child {
    border: transparent;
}

.apply {
    color: #1c6665 !important;
}

section.model-popup-sec .col-md-12 {
    padding: 0px;
}

.popup-header {
    padding: 10px;
}

.tabcontent ul li a {
    display: block;
    color: #000;
    font-size: 16px;
}

.tabcontent ul li {
    padding: 9.6px 10px;
    border-bottom: 1px solid #cccccc59;
}

.tabcontent ul {
    border-top: 1px solid #cccccc59;
}

.tab button.active {
    background-color: #31807f;
    color: #fff;
}

.mobile-filter-box ul li {
    font-size: 18px;
    font-weight: 700;
    color: #2f2f2f;
}

.mobile-filter-box ul li span i {
    font-size: 15px;
    color: #3c3f3f;
}

.tabcontent ul li.active a {
    color: #31807f;
}

/* 05-03-24 css end here */
@media(max-width: 767px) {
    section.mobile-filter {
        opacity: 1;
        visibility: visible;
    }

    aside.filter-panel-layout {
        display: none;
    }

    .c-sticky-bar {
        display: none;
    }
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 90px;
    right: 10px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}

.float:hover {
    color: #fff;
}

.my-float {
    margin-top: 16px;
}

.openBtn {
    border: none;
    padding: 10px 15px;
    font-size: 20px;
    cursor: pointer;
}

.overlay {
    display: none;
}

.overlay {
    position: absolute;
    top: 60px;
    right: 8%;
    z-index: 99;
    width: 300px;
    padding: 10px;
    border-radius: 100px;
    background: #fff;
}

a {
    cursor: pointer !important;
}

.overlay input[type="text"] {
    border: navajowhite;
    width: 87%;
}

header.fixed-header .overlay {
    top: 70px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.overlay button {
    border: navajowhite;
    background: #ffffff;
    color: #118d8b;
}

.no-found {
    font-size: large;
    text-align: center;
    padding: 2rem;
    font-weight: 500;
    margin-left: 5rem;
}

.hide {
    display: none;
}

.price-list {
    margin-top: 28px;
}

.price-list ul#tabs-nav li {
    display: inline-block;
    box-sizing: border-box;
}
.price-list ul#tabs-nav {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.price-list ul#tabs-nav li a {
    border: 1px solid #c1c1c1;
    color: #fff;
    font-size: 16px;
    padding: 7px 16px;
    border-radius: 4px;
    background: #c1c1c1;
}

.price-list ul#tabs-nav li.active a {
    background: #118d8b;
    border-color: #118d8b;
}

.price-box img {
    width: 30px;
}
.price-box {
    margin-top: 6px;
    border-radius: 4px;
}

.price-box h2 {
    margin: 0px;
    font-size: 20px;
    text-align: left;
    color: #000000;
}

.form-product-page div#tabs-content {
    margin-top: 30px;
}

.form-product-page div#tabs-content .package-heading-wrap {
    border: 1px solid #ccc;
    border-radius: 4px;
}

.package-price-box ul {
    display: flex;
    justify-content: space-between;
}

.package-price-box ul li {
    width: 32%;
    border: 1px solid #ccc;
    padding: 40px 10px;
    text-align: center;
    border-radius: 4px;
}

.execution-wrap {
    margin-top: 20px;
}

.package-price-box ul li h2 {
    font-size: 22px;
    text-align: center;
    color: #000;
}

.form-product-page p {
    margin: 0px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #3d3939;
}

.execution-wrap .execution-box {
    border: 1px solid #ccc;
    padding: 10px;
}

.execution-wrap .execution-box p strong {
    font-weight: 700;
}

.execution-wrap .execution-box p span {
    font-size: 18px;
    color: #000;
    padding: 0px 5px;
    font-weight: 400;
}

.package-price-box ul li h3 {
    color: #31807f;
    font-size: 24px;
    font-weight: 700;
}

.open-social ul.social li a i {
    line-height: 35px;
}

.wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    justify-content: space-between;
}

.wrapper .table {
    background: #fff;
    width: calc(33% - 6px);
    padding: 10px 10px;
    position: relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: 1px solid #cccccc59;
}

.package-price-wrap .wrapper .table {
   border-top: 3px solid #31807f;
}
.package-price-wrap .wrapper .table>:not(:first-child) {
    border-top: transparent;
}


@media (max-width: 1020px) {
    .wrapper .table {
        width: calc(50% - 20px);
        margin-bottom: 40px;
    }
}

@media (max-width: 698px) {
    .wrapper .table {
        width: 100%;
    }
}

.table .price-section {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.price-area .inner-area .price {
    font-size: 26px;
    font-weight: 700;
}

.table .package-name {
    width: 100%;
    margin: 0px 0;
    position: relative;
    text-align: center;
    background: #31807f;
    border-radius: 4px;
}

.table .features li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    align-items: center;
    border-bottom: 1px solid #cccccc9e;
}

.features li .list-name {
    font-size: 17px;
    font-weight: 400;
    padding: 3px 0px;
}

.features li .icon {
    font-size: 20px;
}

.features li .icon.check {
    color: #31807f;
    padding: 0px 4px;
}

.features li .icon.cross {
    color: #c1c1c1;
    padding: 0px 5px;
}

.package-price-wrap .table .btn {
    display: flex;
    justify-content: center;
    margin-top: 5px;
    padding: 0px;
}

.table .btn button {
    width: 100%;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    border: none;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 6px 0px;
}
.download-baq-btn button i {
    padding-right: 4px;
}

.download-baq-btn button {
    font-weight: 700;
}


.package-price-wrap .basic .btn button {
    background: #fff;
    color: #31807f;
    border: 1px solid #31807f;
}

.basic .btn button:hover {
    background: #08bab7;
    color: #fff;
    border-color: #08bab7;
}


.download-baq-btn button {
color: #3c3939;
    border: transparent;
    width: 100%;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
}


.Premium .price-area, .Premium .inner-area {
    background: #a26bfa;
}

.Premium .btn button {
    background: #fff;
    color: #a26bfa;
    border: 2px solid #a26bfa;
}

.Premium .btn button:hover {
    border-radius: 6px;
    background: #a26bfa;
    color: #fff;
}

.Ultimate .price-area, .Ultimate .inner-area {
    background: #43ef8b;
}

.Ultimate .btn button {
    background: #fff;
    color: #43ef8b;
    border: 2px solid #43ef8b;
}

.Ultimate .btn button:hover {
    border-radius: 6px;
    background: #43ef8b;
    color: #fff;
}

.package-name h2 {color: #ffffff;}

.table .package-name h2 {
    padding: 6px 0px;
    letter-spacing: 2px;
    font-weight: 600;
}


.Premium ::selection, .Premium .price-area, .Premium .inner-area {
    background: #31807f;
}

.Ultimate ::selection, .Ultimate .price-area, .Ultimate .inner-area {
    background: #31807f;
}

div#exampleModal1 {
    z-index: 99999;
}

div#exampleModal1 .modal-dialog {
    max-width: 550px;
}
.produc-meta p button {border: transparent;border-radius: 4px;padding: 10px 35px;font-size: 18px;background: #118d8b;color: #fff;font-weight: 500;}

.produc-meta p button:hover {
    background: #08bab7;
}

div#exampleModal1 .modal-dialog {
    z-index: 99999;
}
div#exampleModal1 .modal-dialog .close-btn {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    z-index: 1004;
    background: #000;
    border-radius: 100%;
    border: 2px solid #fff;
}

div#exampleModal1 .modal-dialog .close-btn button {
    filter: brightness(0) invert(1);
    font-size: 13px;
    opacity: 1;
}
.modal-form .form-group {
    width: 100%;
    margin-bottom: 10px;
}
.modal-form .form-group input {
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 4px;
}
.modal-form .form-group input:focus {
    border-color: #31807f;
}
.modal-form .form-group button {
    background: #31807f;
    border: transparent;
    padding: 10px 15px;
    display: inline-block;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    border-radius: 4px;
    margin-top: 10px;
    transition: 0.3s ease-in-out;
}
.modal-form .form-group:last-child {
    margin: 0px;
}
.modal-form .form-group button:hover {
    background: #08bab7;
}

.pro-info-wrap .more-information-box {
    margin-bottom: 20px;
}
.pro-info-wrap .more-information-box h2 {
    font-size: 24px;
}
.pro-info-wrap .accordion .accordion-item button {
    font-size: 18px;
}
.pro-info-wrap .accordion .accordion-body .product-information {
    padding-bottom: 10px;
}

.pro-info-wrap .more-information-box p {
    font-size: 16px;
    font-weight: 400;
    color: #656060;
}
.pro-info-wrap {
    margin-top: 25px;
}









/* 16-04-2024 for project delivery icon start*/
.main .card-image figure span {
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 16-04-2024 for project delivery icon end*/

/* 19-04-2024 for product detail icon end*/
.product-info h1 {
    font-size: 30px;
    font-weight: 700;
    color: #31807f;
}

.blog-content h3 a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


/* 19-04-2024 for product detail icon end*/


div#bathxpertzenquiry .item {
    position: relative;
}

div#bathxpertzenquiry .item:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000087;
}

div#bathxpertzenquiry .item .bathxpertzenquiry h2 {
    position: relative;
    z-index: 1;
}

section.search-page-sec {
    padding: 60px 0px;
}

.search-entry-inner {
    display: flex;
    align-items: center;
    gap: 20px;
}

.search-entry-inner .search-entry-thumb {
    width: 100px;
    flex-shrink: 0;
}

.search-entry-text {
    flex-grow: 1;
}

h2.search-entry-header-title {
}

.search-entry-header h2 a {
    color: #121111;
    font-size: 24px;
    font-weight: 700;
}

.search-entry-header h2 {
    line-height: 20px;
    margin-bottom: 15px;
}

.search-entry-excerpt p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}

.search-entries article {
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
}

.search-entries article {
    margin-bottom: 25px;
}

section.search-header-sec {
    background: #f6f4f4;
    padding: 15px 0px;
}

.search-header-inner h1 span {
    font-size: 22px;
    font-weight: 700;
    color: #000;
}
.pro-info-wrap .more-information-box p a {
    color: #31807f;
    font-weight: 500;
}

.mobile-ser {
    display: none;
}
.tab-wrap ul li .positions-inner-box {
    height: 345px;
    overflow-y: scroll;
}

.tab-wrap ul li .positions-inner-box h4 {
    position: sticky;
    top: 0;
    background: #fff;
}
.style-10::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.style-10::-webkit-scrollbar
{
	width: 4px;
	background-color: #F5F5F5;
}

.style-10::-webkit-scrollbar-thumb{
	background-color: #AAA;
	border-radius: 10px;
	background:#31807f;
}
.more-information-box .accordion-button:not(.collapsed)::after {
        transform: rotate(90deg) !important;
}
.lSAction > a {
    filter: brightness(0);
}
.table.basic .download-baq-btn {
    display: none;
} 

.table.basic  .btn {
    display: none;
}


section.footer-content-sec {
    padding: 40px 0px;
}
.footer-content h3 {
    font-size: 28px;
    margin-bottom: 15px;
        text-align: center;
}
.footer-content h4 {
    font-size: 16px;
    margin: 0px;
    font-weight: 700;
    margin-bottom: 3px;
}
.footer-content p {
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 23px;
}
.footer-content p:last-child {
    margin-bottom: 0px;
}


div#video-review111 figure.cd-image-container {
    max-width: max-content;
}

div#video-review111 figure.cd-image-container img {
    height: 550px;
}
.get-box .get-in-touch-heading h2.section-heading {
    margin-bottom: 0px;
}
p.check-wrap {
    text-align: left;
    color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
    gap: 8px;
}

p.check-wrap a {
    color: #fff;
}




/*for landing page banner h4tag*/

div#bathxpertzenquiry .item .bathxpertzenquiry h4 {
    position: relative;
    z-index: 1;
}

.luxury-bathroom-wrap ol {padding-left: 20px;}

.luxury-bathroom-wrap ol li {
    line-height: 30px;
    color: #ffffff;
    list-style: disc;
}

.for-home h4 {
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    font-weight:bold;
}

.for-home ul {
    padding-left: 20px;
}

.for-home ul li {
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    list-style: disc;
}
.for-home-2 ul {
    padding-left: 10px;
}
.for-home-2 ul li{

    list-style: disc;
}
.hospital h4{
    color:#000000;
}
.hospital ul li{
    color:#000000;
}



section.silder-sec .bathxpertzenquiry-form {
    position: absolute;
    top: 18%;
    right: 8%;
    z-index: 1;
    width: 28%;
    margin: 50px 0px;
    
}
@media (max-width:767px){

section.silder-sec .bathxpertzenquiry-form {
    position: relative;
    top: 0;
    right: auto;
    left: auto;
    z-index: 1;
    width: 100%;
    margin: 0px 0px;
    border-radius: 0;
}
}


.blog-item-wrap p strong {
    color: #000;
}
.blog-item-wrap ol {padding: 0px;}

.blog-item-wrap ol li {
    font-size: 18px;
    font-family: 'Nunito';
    margin-bottom: 10px;
    color: #6a6767;
    font-weight: 300;
    line-height: 30px;
}

.blog-item-wrap ul li {
    font-size: 18px;
    font-family: 'Nunito';
    margin-bottom: 10px;
    color: #6a6767;
    font-weight: 300;
    line-height: 30px;
}
.blog-item-wrap ul {
    padding-left: 20px;
}
.blog-item-wrap ul li strong {
    color: #000;
}
.blog-item-wrap p:empty {
  display: none !important;
}
.blog-item-wrap h3 {
    font-size: 22px;
    line-height: 30px;
}
.blog-item-wrap h2, 
.blog-item-wrap h3, 
.blog-item-wrap h4,
.blog-item-wrap h5,
.blog-item-wrap h6 {
    font-size: 24px;
    line-height: 30px;
    margin: 10px 0px;
}

.blog-item-wrap table {
    text-align: center;
}
.blog-item-wrap table tr td {
    padding: 10px;
}

.blog-item-wrap table  thead tr td {
    padding: 10px;
}

.blog-item-wrap table thead tr th {
    padding: 10px;
}
.blog-item-wrap table {
    margin-bottom: 20px;
}

section.bathroom-starting-sec ul li {
    color: #000 !important;
}