@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:wght@400;500;600;700&display=swap');




body{font-family: "Poppins", sans-serif; font-weight: 400; color: #303030;}
p{font-size: 15px; line-height: 1.7; color: #303030;}
li{font-size: 16px;}
a{display: inline-block; text-decoration: none; color: #ff63a2; transition: .4s}
a:hover{color: #ff63a2;}
img{max-width: 100%; transition: .5s;}
p a, li a{color: #ff63a2;}


/* header */
@-webkit-keyframes navbarFixed {
    0% {
        opacity          : 0;
        -webkit-transform: translateY(-100%);
        transform        : translateY(-100%);
    }

    100% {
        opacity          : 1;
        -webkit-transform: translateY(0);
        transform        : translateY(0);
    }
}

@keyframes navbarFixed {
    0% {
        opacity          : 0;
        -webkit-transform: translateY(-100%);
        transform        : translateY(-100%);
    }

    100% {
        opacity          : 1;
        -webkit-transform: translateY(0);
        transform        : translateY(0);
    }
}


header {background: #ffffff;}
.header-in {display: flex;    justify-content: space-between;    align-items: center;}
.header-nav nav > ul {display: flex;    margin-bottom: 0;    align-items: center;     padding-left: 0;}
.header-nav nav > ul > li {margin-left: 1px; list-style: none;}
.header-nav nav > ul > li > a {color: #545454; padding: 30px 30px; border-top: 5px solid transparent; font-weight: 500;}
.header-nav nav > ul > li > a.active, .header-nav nav > ul > li > a:hover, .current-menu-parent > a {background: #ff63a2;    color: #fff !important;    border-top: 5px solid #b24571;}
.current-menu-parent .arrow path {stroke: #fff !important;}

.nav-btn {display: none;}
.sub-menu {padding: 0;    position: absolute;    top: 70px;    min-width: 235px;    left: 50%;    transform: translateX(-50%);    overflow: hidden;    box-shadow: 0 6px 10px #ccc;
    visibility: hidden;    transition: .4s;    opacity: 0;     z-index: 099; max-height: 300px;    overflow: auto;}
/* width */
.sub-menu::-webkit-scrollbar {width: 3px;}
    /* Track */
.sub-menu::-webkit-scrollbar-track {background: #fff;}
     /* Handle */
.sub-menu::-webkit-scrollbar-thumb {background: #e9538f;}
li.menu-item-has-children { position: relative;}
.sub-menu li {list-style: none;    display: block;}
.sub-menu li a {padding: 12px 20px;    display: block;    background: #ff63a2;    border-bottom: 2px solid #ffffff30;    font-size: 16px;    text-transform: capitalize !important;
    color: #fff;}
.sub-menu li:last-child a {border-bottom: 0;}
.sub-menu li a:hover {background: #fff;    color: #ff63a2;}
.sub-menu a.active {
    background: #24957f;
}
li.menu-item-has-children:hover .sub-menu {visibility: visible; opacity: 1; top: 85px;}
li.menu-item-has-children .arrow svg {margin-left: 5px;}
header button.close {display: none;}
header.sticky {position: sticky;    top: 0;    z-index: 999; -webkit-animation: navbarFixed 0.8s;    animation: navbarFixed 0.8s; box-shadow: 0 0 15px #0000008c;}
.logo {transition: .5s; width: 20%;}
li.menu-item-has-children > a {padding-right: 40px !important;}
li.menu-item-has-children .arrow {position: absolute;    right: 15px;    top: 50%;    transform: translateY(-50%);}
.header-nav nav > ul > li a:hover ~ .arrow path {stroke: #fff !important;}

/* banner */
.banner-con{padding-right: 110px;}
.list-1{padding: 0 0 1px; margin-bottom: 5px;}
.list-1 li {list-style: none;    margin-bottom: 18px;    position: relative;    padding: 0 10px 0px 30px;}
.list-1 li img {position: absolute;    left: 0;    top: 6px;     width: 17px;}
.banner-con-list {display: flex;}
.banner-con-list .list-1{width: 50%;}
.banner-con-list li{font-size: 15px;}
.banner-con h1 {font-size: 38px;    font-weight: 700;    margin-bottom: 30px;    color: #383838;    line-height: 1.4;}
.banner-con h3 {font-size: 17px;    font-weight: 600;    margin-bottom: 15px;    color: #ff63a2;}
.banner {padding: 30px 30px 155px;    max-width: 1900px;    margin: auto;    background-color: #fff2f7;    background-image: url(../images/banner-bg.png), url(../images/baner-bg-ele-1.png), url(../images/baner-bg-ele-2.png), url(../images/baner-bg-ele-3.png);
    background-repeat: no-repeat;    background-position: center right 60px, center top 100px, bottom 110px left 160px, left 46% bottom 155px;    background-size: 35%, 40px, 30px, 90px;
}
.heading-typ3 {font-size: 20px;    text-transform: uppercase;    color: #ff63a2;    font-weight: 600;}

/* form section */
.input-field {margin-bottom: 18px;}
.input-field .form-control {background: #fff;    border: 1px solid #e7e7e7;    box-shadow: none;    height: 44px;    padding-left: 60px;    border-radius: 5px;}
.input-field span {background: #ff63a2;    width: 45px;    display: flex;    align-items: center;    justify-content: center;    height: 100%;    position: absolute;    top: 0;    left: 0;    border-top-left-radius: 5px;    border-bottom-left-radius: 5px;}
.input-field span img{width: 18px;}
.input-field {position: relative;}
::placeholder{color: #363d44; font-size: 15px;}
.form-sec h3{font-size: 26px; font-weight: 700; margin-bottom: 20px; text-align: center; animation: scale-anim .4s ease infinite alternate;}
/* checkbox */
.checkbox-card-wrap {display: flex; margin-bottom: 15px;}
.checkbox-card {text-align: center;    margin-right: 9px;    position: relative;}
.checkbox-card p {font-size: 12px;    margin-bottom: 0;}
.checkbox-itm {background: #fff;    padding: 10px 6px 5px;    border-radius: 5px;    border: 1px solid #e7e7e7;}
.checkbox-itm span {background: #f1f5fb;    padding: 9px;    border-radius: 100%;    width: 40px;    height: 40px;    display: block;    margin: 0 auto 5px;}
.checkbox-itm span img {height: 100%;    object-fit: contain;    width: 100%;}
.checkbox-card:last-child {margin-right: 0;}
.checkbox-card input[type=checkbox] {position: absolute;    top: 0;    left: 0;      cursor: pointer;  width: 100%;    height: 100%;    opacity: 0;}
.checkbox-card input[type=checkbox]:checked + .checkbox-itm {background: #ff63a2;    border-color: #ff63a2;}
.checkbox-card input[type=checkbox]:checked + .checkbox-itm p {color: #fff;}
.input-field input[type=checkbox] {display: inline-block;     width: 20px;    height: 20px;}
    .input-field input[type=checkbox] + label a{color: #ff63a2; font-weight: 600;}
.submit-btn button{background-color: #ff63a2; color: #fff; border-radius: 5px; border: 0; height: 45px; width: 100%; }
/* .form-sec-in {box-shadow: 0 0 30px #0000001a;    border-radius: 30px; overflow: hidden; background: #fff;} */
.form-sec-img {margin-left: -45px;}
.form-sec-form {padding: 30px 115px 40px 40px;}
.form-sec {margin-top: -110px;}
.form-book-now {margin-left: -100px; position: relative; background: #ff63a2; padding: 40px; text-align: center; border-radius: 30px; max-width: 435px;}
.form-book-now p {color: #fff;    margin: 20px 0;}

.btn-typ2 {background: #fff;    padding: 12px 35px;    font-size: 24px;    text-transform: uppercase;    color: #383838;    font-weight: 500;    letter-spacing: 0.5px;
    position: relative;    margin-top: 5px;}
.btn-typ2:before {content: "";    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    width: calc(100% + 10px);    height: calc(100% + 10px);
    border: 1px solid #fff;}
.btn-typ3 {background: #24957f;    padding: 12px 35px;    font-size: 24px;    text-transform: uppercase;    color: #ffffff;    font-weight: 500;    letter-spacing: 0.5px;
    position: relative;    margin: 5px 0; border-radius: 50px; border: 0;}
.btn-typ3:hover {background: #ff63a2;    color: #ffffff;    font-weight: 500;}
.btn-typ3:hover:before{border-color: #ff63a2;}
.btn-typ3:before {content: "";    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    width: calc(100% + 10px);    height: calc(100% + 10px);
    border: 1px solid #24957f;  border-radius: 50px;}
.form-book-now img {width: 80px; animation: scale-anim .4s ease infinite alternate;}
.form-sec-in {max-width: 1245px;    margin: auto; padding-left: 50px;}


/* st-1 */
.heading-typ1 {font-size: 30px;    font-weight: 700;    color: #383838;    margin-bottom: 22px;    line-height: 1.5;}

.st-1-con .heading-typ3 {margin-bottom: 15px;}
.st-1-con .list-1 li {margin-bottom: 12px;}
.st-1-con {padding-right: 45px;}
.st-1 {padding: 50px 0;}

/* features */
.st-3{padding-bottom: 60px;}
.st-3-itm {background: #f6f6f6;    padding: 30px 20px 30px 115px;    border-radius: 30px;    position: relative;}
.st-3-itm p {font-size: 14px;    margin-bottom: 0;}
.st-3-itm .st-3-itm-ic {background: #ff63a2;    width: 80px;    height: 80px;    border-radius: 100%;    padding: 18px;    position: absolute;    left: 20px;}

/* quality bond cleaning */
.st-2-itm {background: #f1f2f4;    border-radius: 60px;    position: relative;    padding: 10px 10px 10px 90px;    height: 90px;    display: flex;
    align-items: center;}
.st-2-itm-ic {position: absolute;    top: 12px;    left: 12px;    width: 65px;    height: 65px;    background: #ff63a2;    display: flex;    justify-content: center;    align-items: center;    border-radius: 100%;    padding: 20px;}
.st-2-itm h3 {font-size: 19px;    font-weight: 700;    font-weight: 700;    text-transform: uppercase;    margin-bottom: 0;    color: #363d44;}
.st-2 {padding-bottom: 60px;}
.heading-sec {text-align: center;    max-width: 975px;    margin: 0 auto 40px;}
.heading-sec .heading-typ1 {margin-bottom: 10px;}

.st-2 .owl-nav {text-align: center; margin-top: 30px;}
.owl-nav button {width: 50px;    height: 50px;    border: 1px solid #24957f !important;    border-radius: 100%;    margin-left: 15px;    color: transparent !important;    transition: .5s; position: relative;} 
.owl-nav button:hover {background-color: #24957f !important;}
button.owl-prev {background-image: url(../images/arrow-left.png);}
.owl-nav button.owl-prev:after {background-image: url(../images/arrow-left.png) !important;}
.owl-nav button.owl-next:after {background-image: url(../images/arrow-right.png) !important;}
.owl-nav button:after {content: "";    width: 100%;    height: 100%;    top: 0;    right: 0;    transition: .5s; position: absolute;     background-repeat: no-repeat !important;    background-position: center !important;    background-size: 25px !important;}
.owl-nav button:hover:after {filter: brightness(0) invert(1);}
.owl-dots {text-align: center; margin-top: 20px;}
.owl-dots .owl-dot.active {background: #fff !important; border-color: #fca311 !important;}
.owl-dots .owl-dot {width: 14px;    height: 14px;    background: #718190 !important;    margin: 4px;    border-radius: 20px;    border: 4px solid #ffffff !important;}
.owl-carousel img{width: auto !important;}

/* Efficient Cleaning Services Tailored to Your Convenience */
.st-4 {padding: 0 30px;}
.st-4-in{background: url(../images/our-service-bg.jpg) no-repeat; padding: 50px 0px;
    border-radius: 30px; overflow: hidden; position: relative; background-size: cover;}
.st-4-heading .heading-typ1 {max-width: 300px;}
.st-4-heading p {margin-left: -60px; font-size: 16px;}
.st-4-heading {margin-bottom: 10px;}
.st-4-itm {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); padding: 55px 25px 30px; position: relative; border-radius: 25px;  background:#fff}
.st-4-itm-ic {width: 70px;    height: 70px;    background: #ff63a2;    display: flex;    align-items: center;    justify-content: center;    border-radius: 100%;
    padding: 15px;    position: absolute;    top: 0;    left: 40px;    transform: translateY(-50%);}
.st-4-itm-ic img{width: 100% !important;    height: 100% !important;    object-fit: contain;}
.st-4-items {margin-top: 70px;}
.st-4-itm h3 {font-size: 18px;    font-weight: 600;    color: #ff63a2; margin-bottom: 15px;}
.st-4-itm p {font-size: 15px;    margin-bottom: 0;}
.st-4-items .item {padding: 52px 12px 10px; height: 100%;}
.st-4-items .owl-nav {position: static;    margin-top: 20px;}
.st-4-items {margin-top: 15px;}
.st-4-img {padding-left: 50px;    position: relative;}
.st-4-img:before {content: ""; position: absolute; top: -11px; right: -35px; width: 80px; height: 80px; border: 22px solid #24957f ; border-radius: 100%;}
.st-4-in:before {content: "";    position: absolute; bottom: -140px; right: -120px; width: 450px; height: 450px; background: #ff63a2; border-radius: 100%;}

/* why choose us */
.st-5{padding: 60px 0;}
.st-5-itm {display: flex;    margin: 18px 0;}
.st-5-itm-ic {background: #ff63a2;    min-width: 90px;    height: 90px;    border-radius: 15px;    padding: 20px;    margin-right: 10px;}
.st-5-img {border-radius: 30px;    overflow: hidden;    margin-right: 40px;}
.st-5-itm-con .heading-typ3 {color: #383838;    text-transform: unset;}
.st-5-itm p {font-size: 14px; margin-bottom: 0;}


/* faqs */
.faqs {padding: 0 30px;}
.faqs-con {background: #f5f5f5;    border-radius: 30px;    padding: 50px 60px; height: 100%;}
.faqs-img {margin-left: 20px;    border-radius: 30px;    overflow: hidden; height: 100%;}
.faqs-img img{width: 100%; height: 100%; object-fit: cover;}
.accordion-button::after {min-width: 40px !important; height: 40px; background-color: #24957f; background-position: center; border-radius: 8px; background-image: url(../images/plus-icon.png) !important; 
}
.accordion-button:not(.collapsed)::after{background-image: url(../images/cross-icon.png) !important;}
.accordion-item {border-radius: 20px !important;overflow: hidden;    margin-top: 20px;    border: 0;}
.accordion-button {    background: #fff !important;    box-shadow: none !important;    font-size: 16px;    line-height: 1.5;    color: #383838 !important;    font-weight: 600; gap: 15px;
}
.accordion-body {padding-top: 0;}

/* steps */
.steps-heading h3 {font-size: 20px;    font-weight: 700;    color: #fca311;}
.steps-itm {text-align: center;    position: relative;     padding: 0 10px;}
.steps-itm-num {width: 70px;    height: 70px;    margin: 30px auto;    background: #ff63a2;    border-radius: 100%;    display: flex;    justify-content: center;    align-items: center;    color: #fff;    font-size: 30px;    font-weight: 700;    box-shadow: 0 0 0 8px #ffd5e6;}
.steps-itm h3 {font-size: 18px;    font-weight: 600;    color: #24957f;    margin-bottom: 12px;}
.steps-itm-ic img {height: 55px;    width: 55px;    object-fit: contain;}
.steps-items:before {content: "";    position: absolute;    top: 125px;    left: 50%;    transform: translateX(-50%);    width: 100%;    max-width: 790px;    height: 5px;
    background: #f1dde5;    border-radius: 10px;    z-index: -1;}
.steps-items {padding: 5px 0 0;  margin: auto; position: relative;}
.steps {padding: 60px 0;}
.steps-btn{margin-top: 20px;}

/*  testimonials */
section.testimonials {position: relative; padding: 60px 0; margin-bottom: 60px;}
.testimonials:before {content: "";    position: absolute;    top: 0;    left: 0;    width: 57%;    height: 100%;    background: #f1f1f1;    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;    z-index: -1;}
.testi-itm-meta {position: relative;    display: flex;    align-items: center; margin-bottom: 20px;} 
.testi-itm-ic {background: #ff63a2;    padding: 7px 4px 0;    border-radius: 10px;    overflow: hidden;    width: 65px;    height: 65px;    margin-right: 10px;}
.testi-itm-meta p {margin-bottom: 0;    font-size: 13px;}
.testi-itm-meta .heading-typ3 {margin-bottom: 5px;}
.testi-itm {padding: 40px;    background: #fff;    border-radius: 30px;    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.testi-itm p {margin-bottom: 0;}
.testimonials-con {padding-right: 40px;}
.testimonials-items .item {padding: 10px;}
.testimonials .owl-nav {position: absolute;    top: -65px;    right: 0;}


.btn-typ1 span {width: 35px;    height: 35px;    display: flex;    justify-content: center;    align-items: center;    position: absolute;    left: 10px;    background: rgba(0, 0, 0, 0.2);
    border-radius: 100%;    box-shadow: 0 0 0 6px #263955;    padding: 9px;    top: 50%;    transform: translateY(-50%);    animation: pulse infinite 1s;    box-shadow: 0 0 0 15px transparent;
}
.btn-typ1 {padding: 15px 20px 15px 55px; position: relative; background: #ff63a2; font-size: 16px; color: #fff; font-weight: 500; border-radius: 70px;}
.heading-typ2 {font-size: 40px;  font-weight: 700;    line-height: 1.4; margin-bottom: 15px;}
.discount-percent {width: 270px;    height: 270px;    background: url(../images/discount-bg.png) no-repeat;    background-size: contain;    color: #fff;    font-size: 40px;
    font-weight: 700;    line-height: 1.2;    text-align: center;    padding: 25px;    display: flex;    justify-content: center;    align-items: center;    position: absolute;
    top: 50%;    right: -155px;    transform: translateY(-50%);}

/* footer */
footer {background: #24957f;    border-top: 5px solid #ff63a2;    padding-top: 40px;       position: relative;}
footer .social-icon img {height: 16px;}
footer .social-icon a {margin-left: 10px;}
footer .social-icon {text-align: right;}
.footer-logo img {width: 200px;}
.footer-logo {padding-bottom: 20px;}
.copyright p {font-size: 15px; margin-bottom: 0; color: #fff;}
.copyright {padding: 10px 0; background: #12574a;  margin-top: 30px;}
footer ul li {list-style: none;    padding: 0 30px;    border-left: 2px solid #fff;    line-height: 1;    opacity: 0.9;}
footer ul {padding: 0;    margin: 0;    display: flex;    margin-top: 10px;}
footer ul li a {color: #fff;    font-size: 14px;}
footer ul li:first-child {padding-left: 0;    border-left: 0;}
.footer-img {margin-top: -70px; text-align: right;} 

.star-5-service {position: fixed;    bottom: 100px;    right: 20px;    width: 55px; z-index: 999;}



/* form checkbox */
.checked-checkbox {width: 20px !important;    height: 20px !important;    padding: 3px !important;    display: flex !important;    align-items: center;    justify-content: center;    position: absolute;    right: 5px;    top: 4px;    background: #fca311 !important;    opacity: 0;}
.checkbox-card input[type=checkbox]:checked + .checkbox-itm .checked-checkbox {opacity: 1;}
.form-sec {position: relative;}
.form-sec .discount-percent {width: 130px;    height: 130px;    font-size: 20px;    padding: 12px;    top: 0;    left: 50%;    transform: translate(-50%, -50%);    z-index: 9;    animation: disc-anim .5s infinite alternate;
}

/*mob footer bottom */
.sticky-call-btn {position: fixed;    bottom: 0;    width: 100%;    background: #ff63a2;    display: flex;    align-items: center; z-index: 999; display: none;}
.sticky-call-btn a {padding: 7px 10px;    text-align: center;    color: #fff;    font-weight: 600; display: flex;        align-items: center;        justify-content: center;}
.sticky-call-btn a:first-child {width: 44%; border-right: 1px solid #ffffff;}
.sticky-call-btn a:last-child {width: 56%;}
.sticky-call-btn a img {width: 20px;    height: 20px;    object-fit: contain;    filter: brightness(0) invert(1);    margin-top: -1px; }
.sticky-call-btn a:first-child img {animation: ring 2s ease infinite;}
.sticky-call-btn a:last-child img {transform: rotate(135deg);}
.sticky-call-btn a span {background: #12574a;    width: 35px;    height: 35px;    display: inline-block;    text-align: center;    padding: 3px;    border-radius: 100%; margin: 0 8px; animation:  pulse 1s infinite;  box-shadow: 0 0 0 14px transparent;}



/* animation */

/* btn animation */
@-webkit-keyframes pulse {
  0% {box-shadow: 0 0 0 0 #fff;}
}

@keyframes pulse {
  0% {box-shadow: 0 0 0 0 #fff;}
}
/* discount animation */
@-webkit-keyframes disc-anim {
    0% {transform: translate(-50%, -50%) scale(0.8);}
}

@keyframes disc-anim {
    0% {transform: translate(-50%, -50%) scale(0.8);}
}
/* ring */
@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    20% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    20% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}
.form-sec-form {position: relative;    overflow: hidden; border-radius: 30px;    background: #fcedd4;}
.form-sec-form:before {content: "";    position: absolute;    top: 225px;    left: -160%;    width: 180%;    height: 100px;    background: #ff63a20a;    transform: rotate(45deg);
    animation: shadow-anim 1.8s infinite;}
.form-sec-form form {position: relative;    z-index: 99;}

@-webkit-keyframes shadow-anim {
    0% {left: 160%;}
}
/* scale animation */
@-webkit-keyframes scale-anim {
    0% {transform: scale(1.1); transform-origin: center;}
}
@keyframes scale-anim {
    0% {transform: scale(1.1); transform-origin: center;}
}


/* terms and conditions modal */
.modal-header {background: #ff63a2; color: #fff; position: sticky; top: 0; z-index: 9; border-radius: 0;}
.btn-close {background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>") no-repeat;
    opacity: 1;    background-size: 20px;    background-position: center;}
.modal-content {border: 0;}

/* anim border */
.glow {animation: move 3s linear infinite;    offset-path: rect(0% auto 100% auto);    background: radial-gradient(#ff63a2, #f1f5f9, transparent);  }

@keyframes move {
    0% {offset-distance: 0%;}
    100% {offset-distance: 100%;}
}

.form-sec-form-wrap {position: relative; overflow: hidden; padding: 3px; border-radius: 30px; margin-left: -15px; box-shadow: 0 0 30px #0000001a;
    background: #fff;}
.glow {width: 600px; height: 600px; transform: rotate(45deg); transform: translate(0, 0) rotate(45deg) skewX(0) skewY(0) scaleX(1) scaleY(1); inset: 0px; position: absolute;}
.form-sec-form{width: auto; margin-top: 0; border-radius: 30px; background: #fff;}
.btn-typ1:hover {background: #24957f;    color: #fff;}


/* about page */
.st-6 .st-4-itm {margin: 35px 0 30px;    height: calc(100% - 65px);}
.st-6 {padding-bottom: 35px;}
.st-6 .st-4-items {margin-top: 0;}
.page-title {text-align: center;}

ol.breadcrumb {justify-content: center; margin-bottom: 5px;}

.inner-header {background: #fff2f7;}
.page-title-in {background: #fff2f7;    padding: 45px 15px;    border-radius: 30px;}
.page-title {padding: 30px 20px 0;}
.breadcrumb a {font-weight: 600;}

/* location page */
.st-8-itm {padding: 30px;    background: #f9f6f7;    border-radius: 30px;}
.st-8-itm p:last-child {margin-bottom: 0;}
.st-8-itm .heading-typ3 {margin-bottom: 15px;}

.st-9 .st-1-con{padding: 0 0 0 45px;}

.active + .arrow path {stroke: #fff !important;}

/* contact page */
.contact-info {padding: 50px 0;}
.contact-info-itm {background: #f6f6f6;    padding: 30px 30px;    border-radius: 30px;    position: relative;    display: flex;    align-items: center;}
.contact-info-itm .icon {min-width: 60px;    width: 60px;    height: 60px;    background: #ff63a2;    display: flex;    justify-content: center;    align-items: center;
    padding: 13px;    border-radius: 100%;    margin-right: 15px;}
.contact-info-itm a {color: #383838;}
.contact-info-itm .heading-typ3 {margin-bottom: 5px;}
.contact-info-itm .social-icon img {filter: brightness(0.5);    height: 17px;}
.contact-info-itm .social-icon a {margin-right: 10px;}
.contact-info-in {max-width: 1000px;    margin: auto;}
.contact-form-wrap .form-control {padding-left: 20px;}
.contact-form-wrap textarea.form-control {height: 110px;}
.contact-form-wrap button {width: auto;    border-radius: 50px;    height: auto;    margin: 5px;}
.contact-form{padding-bottom: 50px;}


/* get quote page */
.get-quote {padding: 50px 0 70px;}
.get-quote .checkbox-itm {display: flex;    align-items: center;    gap: 10px;    padding: 10px;}
.get-quote .checkbox-itm span {margin-bottom: 0;}
.get-quote .checkbox-itm p {font-size: 16px;}
.get-quote .checkbox-itm .checked-checkbox {right: unset;}
.form-select {background-color: #fff; border: 1px solid #e7e7e7; box-shadow: none; height: 44px; padding-left: 20px; border-radius: 5px; color: #6d6e70;}
.service-card .card-header {background: #24957f;    color: #ffffff;    font-weight: 500;}
.service-card .card {border-color: #24957f;}
.service-card{margin-bottom: 15px;}

/* number input */
.quantity {display: flex;    border: 1px solid #ff63a2;    border-radius: 4px;    overflow: hidden; margin-bottom: 18px;}
.quantity button {background-color: #ff63a2;    color: #fff;    border: none;    cursor: pointer;    font-size: 20px;    min-width: 40px;    height: auto;    text-align: center;
    transition: background-color 0.2s;}
.quantity button:hover {background-color: #24957f;}
.input-box {    width: 100%;    text-align: center;    border: none;    padding: 9px 10px;    font-size: 16px;    outline: none;}
/* Hide the number input spin buttons */
.input-box::-webkit-inner-spin-button,
.input-box::-webkit-outer-spin-button {-webkit-appearance: none;    margin: 0;  }
.input-box[type="number"] {-moz-appearance: textfield;}
.service-card input[type=date] {border-color: #ff63a2 !important;    padding-left: 20px !important;    font-size: 14px;    color: #383838;}
.service-card select{border-color: #ff63a2  !important;}


/*6 jan 2025*/
html {
    margin-top: 0 !important;
}
 .cleaninBoxSection {
    max-width: 100% !important;
}
.cleaninBoxSection select {
    background-color: #fff !important;
    border: 1px solid #e7e7e7 !important;
    box-shadow: none !important;
    height: 44px !important;
    padding-left: 20px !important;
    border-radius: 5px !important;
    color: #6d6e70 !important; font-size: 16px !important;
}
.input-field .form-control, .cleaninBoxSection select {font-family: "Poppins", sans-serif !important;
}
.formBoxCleanig.step2 .divstep2.row-cleaning h4 {
    background: #24957f !important;
    border: 0 !important;
    margin: 0px -10px 20px !important;
    border-radius: 3px 3px 0 0;
    font-weight: 500 !important;
    font-family: "Poppins", sans-serif;
    padding: 10px 16px;
}
.divstep2 {
    padding: 0 10px 10px;
    border: 1px solid #24957f;
    border-radius: 6px; margin-top:15px;  font-family: "Poppins", sans-serif !important;
}

.divstep2 div {
    float: unset;
}

.input-box {
    width: 100% !important;
    text-align: center !important;
    border: none !important;
    padding: 9px 10px !important;
    font-size: 16px !important;
    outline: none !important;
    background: #fff !important;
    box-shadow: none !important; height: 40px !important;
}
.divstep2 label {
    color: #303030!important;
    font-family: "Poppins", sans-serif !important;
    font-weight: 500 !important;
}
/* checkboxes */
.chekBoxCL .checkbox-card {
    width: auto !important;!i;!;
}

.chekBoxCL .checkbox-card .checkbox-itm {
    padding: 20px 20px 20px 60px;
    margin-bottom: 0;
    font-family: 'Poppins';
    position: relative;
}

.chekBoxCL .checkbox-card .checkbox-itm:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    background: #f1f5fb;
    padding: 9px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto 0;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center;
}
.chekBoxCL .checkbox-card:nth-child(1) .checkbox-itm:before {
    background-image: url(https://www.carpetcleans.com.au/staging/wp-content/themes/carpetcleans/images/cleaning-icon-1.png);
}
.chekBoxCL .checkbox-card:nth-child(2) .checkbox-itm:before {
    background-image: url(https://www.carpetcleans.com.au/staging/wp-content/themes/carpetcleans/images/cleaning-icon-2.png);
}
.chekBoxCL .checkbox-card:nth-child(3) .checkbox-itm:before {
    background-image: url(https://www.carpetcleans.com.au/staging/wp-content/themes/carpetcleans/images/cleaning-icon-3.png);
}
.chekBoxCL .checkbox-card:nth-child(4) .checkbox-itm:before {
    background-image: url(https://www.carpetcleans.com.au/staging/wp-content/themes/carpetcleans/images/cleaning-icon-4.png);
}
.chekBoxCL .checkbox-card input[type=checkbox]:checked +  .checked-checkbox {
    opacity: 1;
}
.chekBoxCL .checked-checkbox {
    left: 5px; right:unset;
}
.checkbox-card.active .checkbox-itm {
    background: #ff63a2;
    border-color: #ff63a2;
    color: #fff;
}
.chekBoxCL {
    padding: 0;
}
#form_datetime input {
    padding-left: 10px !important;
    width: 100% !important;
    max-width: 320px;
    background: #fff;
    box-shadow: none;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin: 0 !important;
    font-family: 'Poppins';
    height: 44px;
}
span.mob.add-on {
    margin: 0 1px;
    border-radius: 5px;
    width: 34px;
    background: #24957f;
    border: 0;
}

span.mob.add-on i {
    color: #fff !important;
}
.input-append .add-on, .input-prepend .add-on {
    height: 44px !important;
    line-height: 34px;
}
.datedivmt {
    margin-top: 0;
}
.cleaninBoxSection .btn-typ3.next {
    background: #24957f !important;
    padding: 12px 35px !important;
    font-size: 24px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    position: relative !important;
    border-radius: 50px !important;
    border: 0 !important;
    height: unset !important;
    width: unset !important;
    font-family: 'Poppins';
    outline: 5px solid #ffffff;
    box-shadow: 0 0 0px 5px #24957f !important;
    margin: 7px !important;
}
.cleaninBoxSection .btn-typ3.next:hover {
    width: auto !important;
    background: #ff63a2 !important;
    box-shadow: 0 0 0 5px #ff63a2 !important;
}
.cleaninBoxSection .heading-typ1 {
    background: unset;
    font-family: 'Poppins';
    font-size: 30px;
    font-weight: 700;
    color: #383838;
    margin-bottom: 22px;
    line-height: 1.5;
    border: 0; padding: 0 !important; margin-top: 0 !important;
}
.norecord {
    font-family: 'Poppins';
    background: #f6e4e6;
    margin: 0 -6px;
    padding: 10px;
    border-radius: 6px;
}

.featured_categories {
    padding: 50px 0 70px;
}
.formBoxCleanig {
    margin-bottom: 0 !important;
}










/* responsive */
@media(min-width:1200px){
    .container {max-width: 1140px;}
}


@media(min-width:1500px){
    .container {max-width: 1310px;}
}

@media(max-width:1500px){
    .header-nav nav > ul > li > a {padding: 22px 20px;}

    .banner-con h1 {font-size: 34px;}
    .banner-con ul li {margin-bottom: 10px; font-size: 14px;}
    .banner-con {padding-right: 0px;}

    .heading-typ3 {font-size: 18px;}
    .banner-con h3 {font-size: 16px;}

    .btn-typ2, .btn-typ3 {font-size: 20px;}

    .form-sec h3 {font-size: 24px;}

    .heading-typ1 {font-size: 26px; margin-bottom: 18px;}
    .heading-typ2 {font-size: 36px;}

    .st-3-itm .st-3-itm-ic {width: 70px; height: 70px;}
    .st-3-itm {padding: 20px 20px 20px 100px;}

    .st-5-itm-ic {min-width: 70px; height: 70px; padding: 15px;}

    
    .owl-nav button {width: 40px; height: 40px;}

    .st-2-itm-ic {width: 55px; height: 55px; padding: 15px;}
    .st-2-itm h3 {font-size: 17px;}
    .st-2-itm {padding: 10px 10px 10px 80px; height: 80px;}

    .footer-img {position: absolute;        top: -24px;        margin-top: 0;        width: 150px;}

    .page-title-in {padding: 35px 15px;}
    
    /* get quote form */
    .cleaninBoxSection .btn-typ3.next {font-size: 18px !important;}
}


@media(max-width:1199px){
    .header-nav {visibility: hidden;}
    .nav-btn span {display: block; width: 30px; height: 4px; background: #ff63a2; margin: 7px 0px 7px auto; border-radius: 5px;}
    .nav-btn {display: block;}
    .header-nav {position: fixed; z-index: 99999;    right: 0; width: 100%; height: 100vh; top: 0; overflow: auto; transition: .5s;}
    .header-nav nav > ul {display: block; padding: 75px 0;}
    .header-nav nav > ul > li {margin-left: 0; text-align: center; margin: 15px 0;}
    .sub-menu {position: static; transform: unset; border-radius: 0; box-shadow: none; display: none; transition: unset; visibility: unset; opacity: 1;}
    header button.close {display: block;}
    header button.close {position: absolute; top: 15px; right: 15px; display: block; background: transparent; border: 0;}
    header button.close svg {width: 30px;}
    .nav-btn span:nth-child(2) {width: 35px;}
    .nav-btn span:nth-child(3) {width: 25px;}

    .header-nav nav > ul > li > a {padding: 0;        font-size: 20px;        color: #fff;}
    .header-in {padding: 10px 0;}
    .header-btn{margin-left: auto;        margin-right: 15px;}
    li.menu-item-has-children > a {padding-right: 5px !important;}
    li.menu-item-has-children .arrow{position: static;}
    li.menu-item-has-children .arrow path {stroke: #fff;}
    .header-nav nav > ul > li a.active, .header-nav nav > ul > li a:hover {border: 0; color: #383838;}

    /* mob menu animation */

    .header-nav ul li{ position: relative; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; opacity: 0;  overflow: hidden;  -webkit-transform: translate(30px, 0%); transform: translate(30px, 0%);-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;    transition: opacity .2s ease, -webkit-transform .2s ease; transition: opacity .2s ease, transform .2s ease; transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease;}

    .header-nav.visible ul li{opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, transform .3s ease, color .3s ease;transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;}
    .header-nav.visible ul li:nth-child(1) {-webkit-transition-delay: 0.8s; transition-delay: 0.8s;}
    .header-nav.visible ul li:nth-child(2) {-webkit-transition-delay: 0.9s; transition-delay: 0.9s;}
    .header-nav.visible ul li:nth-child(3) {-webkit-transition-delay: 1s; transition-delay: 1s;}
    .header-nav.visible ul li:nth-child(4) {-webkit-transition-delay: 1.1s; transition-delay: 1.1s;}
    .header-nav.visible ul li:nth-child(5) {-webkit-transition-delay: 1.2s; transition-delay: 1.2s;}
    .header-nav.visible ul li:nth-child(6) {-webkit-transition-delay: 1.3s; transition-delay: 1.3s;}
    .header-nav.visible ul li:nth-child(7) {-webkit-transition-delay: 1.4s; transition-delay: 1.4s;}
    .header-nav.visible ul li:nth-child(8) {-webkit-transition-delay: 1.5s; transition-delay: 1.5s;}
    .header-nav.visible ul li:nth-child(9) {-webkit-transition-delay: 1.6s; transition-delay: 1.6s;}

    .header-nav:before, .header-nav:after {content: ""; position: fixed; top: 0px; right: 0px; width: 0; height: 0; background-color: rgba(20, 21, 26,0.6);border-bottom-left-radius: 200%; z-index: -1; transition: border-radius linear 0.8s, width cubic-bezier(0.77, 0, 0.175, 1) 0.6s, height cubic-bezier(0.77, 0, 0.175, 1) 0.6s;}
    .header-nav:after {background-color: #ff63a2; -webkit-transition-delay: 0s; transition-delay: 0s; box-shadow: 6px 7px 28px 0 rgba(16, 16, 16, 0.3);}

    .header-nav.visible:before {-webkit-transition-delay: 0s;transition-delay: 0s;}
    .header-nav.visible:before, .header-nav.visible:after {width: 100%; height: 100%;border-radius: 0px;}
    .header-nav.visible:after {-webkit-transition-delay: .1s; transition-delay: .1s;} 

    /* header css end */



    p, li{font-size: 14px;}

    .banner-con h1 {font-size: 30px; margin-bottom: 20px;}
    .banner-con ul {margin-bottom: 0;}

    .form-sec h3 {font-size: 22px;}
    .checkbox-itm {padding: 10px 5px 5px;}

    .heading-typ1 {font-size: 24px;}

    .owl-nav {top: -50px;}

    .st-5 .row {align-items: flex-start !important;}
    .st-5-img {margin-top: 15px; margin-right: 0;}

    .steps-heading h3 {font-size: 16px;}

    footer ul li {padding: 0 25px;}
    .copyright p {font-size: 13px;}


    .banner {padding: 30px 30px 135px;}
    .st-1, .st-5 {padding: 40px 0 30px;}
    .st-3, .st-2 {padding-bottom: 40px;}
    .st-4-in, .steps {padding: 40px 0px;}
    .st-4-items .item {padding: 35px 12px 10px;}
    .faqs-con {padding: 30px 40px 40px;}
    .testi-itm {padding: 30px;}
    section.testimonials {padding: 40px 0px; margin-bottom: 40px;}

    /* contact page */
    .contact-info {padding: 40px 0;}

    .get-quote, .featured_categories {padding: 40px 0 50px;}

}




@media(max-width:991px){
    p {font-size: 14px;}

    .logo {width: 150px;}
   
    .banner .row {flex-direction: column-reverse;}
    .banner-img {max-width: 400px; margin: 0 auto 30px;}
    .banner {background-position: center top 10px, center top 580px, bottom 110px left 160px, right 100px bottom 180px; background-size: 42%, 40px, 30px, 90px;}
    .heading-typ3 {font-size: 16px;}
    .banner-con h1 {font-size: 24px;}
    .banner-con ul li {padding-left: 22px;}
    .banner-con ul li img {top: 5px; width: 12px;}

    .form-book-now {margin-left: -55px; padding: 25px; max-width: 310px;}
    .form-book-now img {width: 50px;}

    .form-sec-img {margin-left: 0; padding: 30px 30px 0 30px; max-width: 400px;margin: auto;}
    .form-sec-form {padding: 30px 60px 30px 30px;}
    .form-sec-form:before {top: 200px; width: 230%;}
    .form-sec-form-wrap {margin-left: 0;}

    .btn-typ2, .btn-typ3 {font-size: 15px; padding: 10px 30px;}

    .st-1 .row {flex-direction: column-reverse;}
    .st-1-img {max-width: 400px; margin: 0 auto 30px;}
    .st-1-con {padding-right: 0;}

    .st-3-itm {padding: 20px 20px 20px 100px; margin: 10px 0;}
    .st-3-itm .st-3-itm-ic {width: 60px; height: 60px; padding: 14px; top: 15px}

    .st-4-img {display: none;}

    .st-5-img img {width: 100%; height: 100%; object-fit: cover;}
    .st-5-img {height: 250px; margin-bottom: 20px; margin-top: 0;}

    .steps-items:before {top: 88px;}
    

    .heading-typ1 {font-size: 20px;}


    .st-2-itm-ic {width: 45px;height: 45px;}
    .st-2-itm {padding: 10px 10px 10px 70px;height: 70px;}

    .st-4-heading .heading-typ1 {max-width: 100%;}
    .st-4-itm {min-height: auto;}
    .st-4-itm p {font-size: 14px;}

    .steps-itm-ic img {height: 40px;width: 40px;}
    .steps-itm-num {width: 50px; height: 50px; margin: 20px auto; font-size: 20px; box-shadow: 0 0 0 6px #ffd5e6;}
    .steps-itm h3 {font-size: 16px;}

    .heading-typ2 {font-size: 32px; margin-bottom: 15px;}

    .faqs-img {margin-left: 0;}

    .footer-logo img {width: 150px;}
    footer ul li {padding: 0 9px;}
    footer ul li a {font-size: 13px;}
    .footer-img {top: -15px; width: 110px;}

    
    .st-1, .st-5 {padding: 30px 0 20px;}
    .st-3, .st-2 {padding-bottom: 30px;}
    .st-4-in, .steps {padding: 30px 0px;}
    .st-4-items .item {padding: 35px 12px 10px;}
    .faqs-con {padding: 30px 40px 40px;}
    .testi-itm {padding: 30px;}
    section.testimonials {padding: 30px 0px; margin-bottom: 30px;}
    footer {padding-top: 25px;}

    p:last-child {margin-bottom: 0;}

    /* about page*/
    .st-7 .st-4-img {display: block; padding-left: 0; margin-top: 30px; text-align: center;}
    .st-6 {padding-bottom: 15px;}
    .page-title-in {padding: 28px 15px;}

    /*  loctaion page */
    .st-9 .st-1-con {padding: 0;}
    .st-9 .row{flex-direction: unset;}
    .st-9 br {display: none;}

    .st-10 .heading-sec {margin: 0 auto 15px;}

    /* contact page */
    .contact-info-itm .icon {min-width: 50px;        width: 50px;        height: 50px;        padding: 14px;        margin-right: 10px;}
    .contact-info-itm {padding: 20px 14px; border-radius: 20px;}
    .contact-info .heading-sec{margin-bottom: 25px;}
    .contact-form-img {max-width: 400px;  margin: 0 auto 30px;}
    .contact-form .heading-sec {text-align: center !important;}
    .contact-submit-btn{text-align: center;}

    /* get a quote */
    .service-card label {font-size: 14px;}
}





@media(max-width:767px){
    .banner-con h1 {font-size: 22px; margin-bottom: 12px;}
    .banner-con h1 br {display: none;}

    .form-sec-form {padding: 30px;}
    .form-sec-in {padding-left: 0;}
    .form-book-now {max-width: 100%; margin: 20px auto 0;}

    .st-4-in:before {width: 330px; height: 330px;}

    .faqs-img {margin-top: 20px; height: auto;}

    .steps-items:before{display: none;}
    .steps-itm {margin-top: 20px;}

    .testimonials:before {width: 100%; height: 70%; border-radius: 0 0 30px 30px;}
    .testimonials-img {max-width: 400px;margin: 0 auto 30px;}
    .testimonials-con {padding-right: 0;}
    section.testimonials {margin-bottom: 0px;}

    .heading-typ1 {margin-bottom: 13px;}

    .st-4-itm p, .st-4-heading p {font-size: 14px;}

    .st-5-con {padding: 30px;margin-bottom: 20px;height: auto;    }

    .heading-typ2 {font-size: 24px;}

    section.st-2 {padding-bottom: 30px;}

    .sticky-call-btn{display: flex;}
    footer {padding-bottom: 50px; text-align: center;}
    .footer-img {width: 75px; right: 10px;}
    .footer-btn {padding: 20px 0 0 !important;  text-align: center !important;}
    footer ul {justify-content: center;}
    .footer-logo {padding-bottom: 10px;}
    footer .social-icon {text-align: center; margin-top: 5px;}

    /*  about page */
    .page-title-in {padding: 25px 15px;}
    .page-title {padding: 15px 0px 0;}

    /*  contact page */
    .contact-info {padding: 30px 0;}
    .contact-info-itm {margin-bottom: 10px;}

    /* get quote */
    .get-quote .checkbox-itm {display: block; padding: 10px 5px 5px;}
    .get-quote .checkbox-itm p {font-size: 12px;}
    .get-quote .checkbox-itm span {margin-bottom: 5px;}
    .get-quote, .featured_categories {padding: 30px 0 40px;}
    
    /* get quote form */
    .chekBoxCL .checkbox-card .checkbox-itm {padding: 50px 6px 6px; line-height: 1.4;}
    .chekBoxCL .checkbox-card .checkbox-itm:before {top: 7px; transform: translateX(-50%); left: 50%;}
    .chekBoxCL .checkbox-card {padding: 0 !important;}
    .cleaningtopin {margin: 0 -12px !important;}
    .cleaninBoxSection .btn-typ3.next {font-size: 14px !important; padding: 10px 20px !important;}
    .datedivmt {margin-top: 10px;}
    #form_datetime input {width: calc(100% - 82px) !important;}
}


@media(max-width:575px){
    .banner {background-position: center top 10px, center top 565px, bottom 10px left 25px, right 20px bottom 85px; background-size: 75%, 30px, 20px, 65px;}
    .banner {padding: 30px 0 20px;}
    .form-sec {margin-top: 30px;}
    .banner-img {margin: auto;}
    .banner-con {padding: 20px 20px 0;}

    .st-2-itm-ic {width: 35px; height: 35px; padding: 10px;}
    .st-2-itm {padding: 10px 10px 10px 55px; height: 60px;}
    .st-2-itm h3 {font-size: 14px;}

    .steps-itm:before{display: none ;}
    .steps-items {padding: 0px;}
    .steps-itm {margin-top: 10px;}

    .copyright, .social-icon {text-align: center !important;}

    .header-top ul {display: block;}
    .header-top ul li.social-icon {margin: 0 0 6px; padding-left: 20px;}
    .logo {min-width: 120px;}
    .header-nav nav > ul > li {margin-left: 0px;}
    .sub-menu li a {background: #df4e88;}
    .sub-menu {margin-top: 10px;}
    .checkbox-card p {font-size: 13px;line-height: 1.2;}

    .form-sec-form {padding: 20px 15px;}

    .st-4 {padding: 0 14px;}
    .st-4-in{padding: 30px 15px;}
    .faqs{padding: 0 0px;}
    .steps-itm {margin-top: 20px;}
    .heading-sec {margin: 0 auto 25px;}

    .btn-typ1 {padding: 12px 15px 12px 48px; font-size: 14px;}
    .btn-typ1 span {width: 32px; height: 32px; left: 8px;}
    header .btn-typ1 {width: 32px; overflow: hidden; padding: 12px 0 12px 48px;}
    .header-btn {margin-bottom: -5px;}
    
}