/*---------------------------------------------------------------------------------
 Theme Name:   Bend it mend it plumbing
 Theme URI:
 Description:  Child theme of Bend it mend it plumbing
 Author:      Bend it mend it plumbing
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
------------------------------ ADDITIONAL CSS HERE ------------------------------*/

#et-main-area {
    overflow: hidden;
    background: url(../../../wp-content/uploads/2025/11/Bend-It-Mend-It-Plumbing-1.webp);
    background-size: 100% 100% !important;
}

@font-face {
    font-family: "Comic Sans MS";
    src: url("indclude/fonts/ComicSansMS.woff2") format("woff2"), url("indclude/fonts/ComicSansMS.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Comic Sans MS";
    src: url("indclude/fonts/ComicSansMS-Italic.woff2") format("woff2"), url("indclude/fonts/ComicSansMS-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Comic Sans MS";
    src: url("indclude/fonts/ComicSansMS-BoldItalic.woff2") format("woff2"), url("indclude/fonts/ComicSansMS-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Comic Sans MS";
    src: url("indclude/fonts/ComicSansMS-Bold.woff2") format("woff2"), url("indclude/fonts/ComicSansMS-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
    line-height: 1.7;
    font-family: "Quicksand", sans-serif;
    font-optical-sizing: auto;
}

.pd0 {
    padding: 0 !important;
}

.pdb0 {
    padding-bottom: 0 !important;
}

.site_padding.pdt0 {
    padding-top: 0 !important;
}

.site_padding {
    padding: 80px 0px !important;
}

.white_text {
    color: #ffffff !important;
}

.text-center {
    text-align: center !important;
}

.row_width {
    max-width: 1370px !important;
    width: 100% !important;
}

div#main-content {
    margin-top: 170px !important;
}

.banner_section_row {
    padding: 0px 30px !important;
    border: 2px solid #0A8DC5;
    border-radius: 50px !important;
}

.banner-container .action-area .site_button {
    width: 260px;
}

.banner_section {
    padding: 20px 30px !important;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
}

.mb30 {
    margin-bottom: 30px !important;
}

.get_in_touch_box {
    width: 80%;
}

.get_in_touch_section {
    border-top: 4px dashed #00000033;
}

.discount_banner_box {
    /* clip-path: polygon(0% 13.652%, 0% 13.652%, 0.04% 11.426%, 0.156% 9.316%, 0.342% 7.349%, 0.59% 5.555%, 0.896% 3.962%, 1.252% 2.598%, 1.652% 1.491%, 2.09% 0.67%, 2.559% 0.164%, 3.053% 0%, 96.992% 3.207%, 96.992% 3.207%, 97.481% 3.4%, 97.945% 3.928%, 98.376% 4.763%, 98.77% 5.877%, 99.121% 7.241%, 99.421% 8.829%, 99.665% 10.613%, 99.847% 12.564%, 99.961% 14.655%, 100% 16.858%, 100% 79.624%, 100% 79.624%, 99.961% 81.815%, 99.849% 83.897%, 99.668% 85.84%, 99.426% 87.618%, 99.129% 89.204%, 98.781% 90.568%, 98.39% 91.685%, 97.962% 92.527%, 97.502% 93.066%, 97.016% 93.274%, 3.076% 99.686%, 3.076% 99.686%, 2.579% 99.538%, 2.107% 99.043%, 1.666% 98.229%, 1.263% 97.126%, 0.904% 95.762%, 0.596% 94.166%, 0.345% 92.367%, 0.158% 90.393%, 0.04% 88.273%, 0% 86.036%, 0% 13.652%); */
    /* background: #ed1c24;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 11% 100%); */
}
.testi_main {
    padding: 30px 0px;
}
.discount_col1  {
		display:flex;
	    align-items:center;
	  justify-content:center;
}
.discount_col1::before {
    position: absolute;
    content: '';
    background: #ed1c24;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 9% 100%);
    width: 110%;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100% !important;
    z-index: 0;
    margin: auto;
}

.review_col1_main {
    z-index: 0;
}

.discount_col1::after {
    position: absolute;
    content: '';
    background: linear-gradient(189deg, rgba(0, 0, 0, 1) 0%, rgba(191, 191, 191, 1) 50%, rgba(160, 160, 160, 1) 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 9% 100%);
    width: 112%;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100% !important;
    z-index: -1;
    margin: auto;
}

.banner-container {
    display: block;
    align-items: center;
    text-align: center !important;
    justify-content: center;
    padding: 50px 0px;
}

.phone-group {
    padding-left: 40px;
}

.site_button.hover_button.main_a_write {
    background: #1a73e8;
}

.percent-text {
    font-size: 80px;
    padding-right: 20px !important;
    color: #fff;
    font-weight: 700;
    font-family: "Comic Sans MS";
    line-height: 1;
}

.testi_main_title_aa a {
    border-color: #1a73e8;
}

.discount-label {
    font-size: 51px;
    color: #fff;
    font-family: "Comic Sans MS";
    font-weight: 700;
}

.main-heading {
    /* font-size: 33px; */
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    font-family: "Comic Sans MS";
}

.quote-btn .site_button {
    background: #0c6e4b;
    border-radius: 6px;
    border: 2px solid #cceada;
}

.action-area,
.phone-group {
    display: flex;
    align-items: center;
}

.call-us-label {
    font-size: 18px;
    display: block;
    color: #fff;
}

.testi_img img {
    width: 180px;
}

.phone-number {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    line-height: 1;
}

.phone-details {
    padding-left: 10px;
}

.action-area {
    display: flex;
    align-items: center;
    justify-content: center !important;
    margin-top: 20px;
}

.left-section {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.testi_star .fa {
    color: #F2BB23;
    font-size: 30px;
    padding: 0px 2px;
}

.testi_review {
    font-size: 20px;
    color: #000;
    font-weight: 700;
}


/* .divider-vertical {
    width: 1px;
    height: 164px;
    background-color: rgba(255, 255, 255, 0.4);
    margin: 0 2rem;
} */

.features-container {
    display: flex;
    align-items: center;
}

.feature-item {
    flex: 1;
}

.badge-outer {
    position: relative;
    width: 138px;
    height: 138px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.badge-outer-ring {
    width: 138px;
    height: 138px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform-origin: 50% 50%;
    will-change: transform;
    animation: spin 10s linear infinite;
    background: url(../../../wp-content/uploads/2025/11/image-12.svg);
    border-radius: 100px;
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
    right: 0;
    margin: auto;
}

.bottom_row_main {
    margin-top: 50px;
}

.text-red {
    color: #ed1c24 !important;
}

.badge-inner {
    background: #fff;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 116px;
    height: 116px;
}

.feature-item .label {
    font-family: "Comic Sans MS";
    font-size: 25px;
    color: #000;
    font-weight: 700;
    height: 40px;
    text-align: center;
    line-height: 1.3;
    margin-top: 20px;
}

.discount_banner_section.site_padding {
    padding: 50px 0px 80px !important;
    background: transparent;
}

.review_col1_main {
    display: flex;
    align-items: center;
    justify-content: center;
}

.discount_banner_row {
    overflow: hidden;
    border: 10px solid transparent;
    border-radius: 40px;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, rgb(0 0 0 / 67%) 0%, rgba(191, 191, 191, 1) 50%, rgba(160, 160, 160, 1) 100%) border-box;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/* about us */

.abt_img_main.active_3 img {
    clip-path: inset(0 0 0 0);
}

.abt_img_main img {
    clip-path: inset(0 0 100% 0);
    position: relative;
    transition: clip-path 1.5s cubic-bezier(0.76, 0, 0.24, 1);
}

.why_us_img img {
    clip-path: inset(0 100% 0 0);
    /* Start completely hidden from left */
    position: relative;
    transition: clip-path 1.5s cubic-bezier(0.76, 0, 0.24, 1);
}

.why_us_img.active_4 img {
    clip-path: inset(0 0 0 0);
    /* Reveal fully */
}

.about_us_section {
    border-top: 4px dashed #00000033;
    background: transparent !important;
}

.why_choose_us_main,
.testimonial_section_main,
.get_in_touch_section,
.service_grid_section {
    background: transparent !important;
}

.abt_img_main img {
    border-radius: 30px;
    object-fit: cover;
    height: 568px;
}

.site_title {
    font-size: 36px;
    color: #fff;
    background: #ed1c24;
    width: fit-content;
    font-family: "Comic Sans MS";
    font-weight: 700;
    padding: 12px 30px;
    box-shadow: 0px 5px 4px 0px #00000040;
    border-radius: 10px;
}

.experience-text {
    font-size: 26px;
    font-family: "Comic Sans MS";
    color: #000;
    font-weight: 700;
    padding-bottom: 10px;
	    text-transform: capitalize;
}

.site_content span {
    display: block;
    padding-bottom: 10px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.know-more-button {
    padding-top: 20px;
}

.know-more-button .site_button {
    width: 250px;
    border-radius: 6px;
}


/* why choose us */

.feature-item-inner {
    display: flex;
    padding: 20px 0px;
}

.feature-content {
    padding-left: 20px;
    width: 90%;
}

ul.feature-list-main {
    border-top: 3px dotted #ed1c2466;
    border-bottom: 3px dotted #ed1c2466;
    margin: 40px 0px;
}

.feature-content h3 {
    font-size: 26px;
    font-family: "Comic Sans MS";
    color: #000;
    font-weight: 700;
}

.feature-list-main {
    padding: 0 !important;
}

.feature-content span {
    font-size: 20px;
    font-weight: 400;
    font-family: "Comic Sans MS";
    color: #000;
}

.cta-section {
    display: flex;
}

.cta-section .call-us-label,
.cta-section .phone-number {
    color: #000 !important;
}

.why_us_img img {
    height: 737px !important;
    border-radius: 0px 40px 40px 0px;
    object-fit: cover;
}

.why_choose_pro .site_title,
.why_choose_us_main_row .card-container {
    width: 80% !important;
}

span.star-icon {
    width: 5%;
}

.main_discount_banner_box {
    font-size: 34px;
    font-family: 'Comic Sans MS';
    font-weight: 700;
    background: #ED1C24;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    padding: 20px;
}

.main_discount_banner {
    padding-top: 50px !important;
}


/* why choose us end*/


/* testimonial section */

.testimonial_row .site_title {
    margin: auto !important;
}

.hk_testimonial_box {
    height: 319px;
    position: relative;
    box-shadow: 0px 0px 19px 0px #00000024;
    margin: 20px;
    border-radius: 30px;
    padding: 30px;
}

.hk_testimonial_title_box::after {
    position: absolute;
    content: '';
    left: 0px;
    background: url(../../../wp-content/uploads/2025/11/Vector-163.svg);
    width: 21px;
    height: 18px;
    bottom: -17px;
    background-size: contain;
}

.hk_testimonial_content_box {
    margin-top: 40px;
}

button.read-more-btn {
    border: none;
    background: transparent;
    color: #ED1C24;
    text-decoration: underline;
}

.hk_testimonial_review_box {
    display: flex;
    justify-content: end;
    font-size: 20px;
    color: #FDCC0D;
}

.hk_testimonial_review_box .fa {
    padding: 0px 2px;
}

.hk_testimonial_title_box {
    position: absolute;
    color: #fff;
    background: #000;
    font-weight: 700;
    font-family: 'Comic Sans MS';
    font-size: 20px;
    left: -20px;
    padding: 5px 20px;
}

.testimonial-content-short,
.testimonial-content-full {
    font-size: 18px;
    color: #838383;
}

.hk_testimonial_box.readmore-active {
    height: auto;
}


/* get in touch  */

.contact_form_one_col1 input,
.contact_form_one_col1 select,
.contact_form_one_col1 textarea {
    background: #F0F6F1;
    color: #000;
    border: 1px solid #00000033;
    border-radius: 100px;
    height: 50px;
    width: 100%;
    font-size: 16px;
    border: 1px solid #00000033;
    padding: 10px;
}

.contact_form_one_col1 textarea {
    height: 120px;
    resize: none;
    border-radius: 20px;
}

.third_col,
.sec_col,
.full_col {
    display: flex;
    flex-wrap: wrap;
}

.third_col .contact_form_one_col1 {
    width: 33.33%;
}

.sec_col .contact_form_one_col1:nth-child(1) {
    width: 33.33% !important;
}

.sec_col .contact_form_one_col1:nth-child(2) {
    width: 66.66% !important;
}

.full_col .contact_form_one_col1 {
    width: 100% !important;
}

.contact_form_one_col1 {
    padding: 10px !important;
}

.get_in_touch_section::After {
    position: absolute;
    content: '';
    right: -190px;
    width: 520px;
    height: 520px;
    background: url(../../../wp-content/uploads/2025/11/getinmain.jpg);
    top: 0;
    background-repeat: no-repeat;
    bottom: 0;
    margin: auto;
    border-radius: 100%;
    background-size: cover;
}

.get_in_touch_section::before {
    position: absolute;
    content: '';
    right: -180px;
    width: 520px;
    height: 520px;
    background: #000;
    top: 20px;
    background-repeat: no-repeat;
    bottom: 0;
    margin: auto;
    border-radius: 100%;
    background-size: cover;
}

::placeholder {
    color: #000;
    opacity: 1;
    /* Firefox */
}

::-ms-input-placeholder {
    /* Edge 12-18 */
    color: #000;
}


/* get in touch  end*/


/* services */

.services-row.row.cols-4,
.services-row.row.cols-5 {
    display: flex;
    flex-wrap: wrap;
}

.services-row.row.cols-4 .service-col {
    width: 25% !important;
}

.services-row.row.cols-5 .service-col {
    width: 20% !important;
}

.service_grid_section::before {
    position: absolute;
    content: '';
    background: #CCEADA;
    width: 95%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    border-radius: 80px;
}

.arrow_icon {
    position: absolute;
    right: 25px;
    bottom: 15px;
}

.arrow_icon_hover svg path {
    fill: #fff;
}

.arrow_icon_hover {
    width: 36px;
    height: 36px;
    background: #ED1C24;
    border-radius: 100px;
    position: absolute;
    right: 20px;
    top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.arrow_icon_hover {
    width: 36px;
    height: 36px;
    background: #ED1C24;
    border-radius: 100px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.service-item:hover {
    border: 12px solid #ED1C241F;
}

.service-item:hover .arrow_icon_hover {
    opacity: 1;
}

.service-item:hover .arrow_icon {
    opacity: 0;
}

.service-item {
    border: 12px solid #FFFFFF54;
    height: 275px;
    box-shadow: 0px 5px 10px 0px #00000040;
    border-radius: 45px;
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    padding: 20px;
}

.service-title {
    font-size: 20px;
    color: #000;
    font-family: 'Comic Sans MS';
    line-height: 1.3;
    font-weight: 700;
    margin-top: 10px;
}

.service-icon {
    width: 100px;
    height: 100px;
    background: #FFFFFF;
    border-radius: 100px;
    display: flex;
    align-items: center;
    margin: auto;
    justify-content: center;
}

.service-item-wrapper {
    margin-top: 20px;
}

.services-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.service-item-wrapper.four {
    width: 25% !important;
}

.service-item-wrapper.five {
    width: 20% !important;
}

.service-item-wrapper:nth-child(1),
.service-item-wrapper:nth-child(3) {
    transform: rotate(-7deg);
}

.service-item-wrapper:nth-child(2),
.service-item-wrapper:nth-child(4) {
    transform: rotate(4deg);
}

.service-item-wrapper:nth-child(5),
.service-item-wrapper:nth-child(8) {
    transform: rotate(-7deg);
}

.service-item-wrapper:nth-child(6) {
    transform: rotate(4deg);
}

.service-item-wrapper:nth-child(7) {
    transform: rotate(5deg);
}

.service-item-wrapper:nth-child(9) {
    transform: rotate(6deg);
}

.service-item-wrapper:nth-child(10),
.service-item-wrapper:nth-child(12) {
    transform: rotate(-7deg);
}

.service-item-wrapper:nth-child(11),
.service-item-wrapper:nth-child(13) {
    transform: rotate(4deg);
}

.service-item-wrapper:nth-child(14),
.service-item-wrapper:nth-child(17) {
    transform: rotate(-7deg);
}

.service-item-wrapper:nth-child(15) {
    transform: rotate(4deg);
}

.service-item-wrapper:nth-child(16) {
    transform: rotate(5deg);
}

.service-item-wrapper:nth-child(18) {
    transform: rotate(6deg);
}


/* services end*/

@media all and (min-width: 320px) and (max-width: 767px) {
	.testi_main {
    padding: 0px 0px;
}
    div#main-content {
        margin-top: 80px !important;
    }
    .banner_section {
        padding: 1px !important;
    }
    .banner_section_row {
        padding: 0px 10px !important;
        border-radius: 0px !important;
    }
    .discount_banner_section.site_padding {
        padding: 40px 15px 20px !important;
    }
    .divider-vertical {
        display: none;
    }
    .percent-text {
        font-size: 40px;
    }
    .discount-label {
        font-size: 20px;
    }
    .banner-container {
        padding: 40px 20px;
        display: block;
        text-align: center;
    }
    .main-heading {
        font-size: 18px;
    }
    .quote-btn {
        margin: 0px 0px !important;
    }
    .action-area {
        margin-top: 10px;
        display: block;
    }
    .phone-group {
        padding-left: 0;
        justify-content: center;
    }
    .phone-number {
        font-size: 26px;
    }
    .feature-item .label {
        font-size: 16px;
        margin-top: 10px;
        height: 50px;
    }
    .feature-item {
        flex: none;
        margin-top: 15px !important;
        width: 50% !important;
    }
    .features-container {
        flex-wrap: wrap;
        justify-content: center;
    }
    .bottom_row_main {
        margin-top: 30px;
    }
    .badge-inner {
        width: 100px;
        height: 100px;
    }
    .badge-outer,
    .badge-outer-ring {
        width: 120px;
        height: 120px;
        background-size: cover;
    }
    /* about us section */
    .site_padding {
        padding: 40px 15px !important;
    }
    .site_title {
        font-size: 20px;
    }
    .know-more-button .site_button {
        width: 200px;
    }
    .content-area {
        text-align: center;
    }
    .abt_img_main img {
        height: 300px;
    }
    .experience-text {
        font-size: 21px;
    }
    .site_content span {
        font-size: 14px;
    }
    .site_title {
        margin: auto;
    }
    /* end */
    /* why choose  */
    .why_choose_us_main {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .why_choose_pro .site_title,
    .why_choose_us_main_row .card-container {
        width: 100% !important;
    }
    .feature-content h3 {
        font-size: 18px;
    }
    .feature-item-inner {
        padding: 15px 0px;
    }
    .feature-content span {
        font-size: 16px;
    }
    .cta-section .phone-group {
        padding-left: 0px;
    }
    .cta-section {
        display: block;
        text-align: center;
    }
    .phone-icon-circle img {
        width: 50px;
    }
    .phone-number {
        font-size: 24px;
    }
    ul.feature-list-main {
        margin: 20px 0px;
    }
    .why_us_img img {
        height: 450px !important;
    }
    .why_choose_pro .site_title {
        width: fit-content !important;
    }
    .why_choose_us_main {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .why_us_img img {
        height: 350px !important;
    }
    /* why choose  end*/
    /* main discount box */
    .main_discount_banner_box {
        font-size: 22px;
    }
    .main_discount_banner {
        padding-top: 30px !important;
    }
    /* main discount box end*/
    /* testimonial section */
    .testimonial-content-short,
    .testimonial-content-full {
        font-size: 15px;
        color: #838383;
    }
    .hk_testimonial_box {
        padding: 15px;
        margin: 15px;
        margin-left: 25px !important;
    }
    .hk_testimonial_title_box {
        font-size: 16px;
        width: 100%;
        position: relative;
        left: -40px;
    }
    .hk_testimonial_content_box {
        margin-top: 10px;
    }
    .hk_testimonial_review_box {
        font-size: 16px;
        justify-content: left;
        padding-top: 10px;
    }
    /* testimonial section end*/
    /* get in touch section */
    .get_in_touch_section::After,
    .get_in_touch_section::before {
        display: none;
    }
    .contact_form_one_col1.quote-btn {
        text-align: center;
    }
    span.wpcf7-spinner {
        position: absolute;
    }
    .contact_form_one_col1 {
        padding: 5px !important;
    }
    .get_in_touch_box {
        width: 100% !important;
    }
    .contact_form_one_col1 input,
    .contact_form_one_col1 select,
    .contact_form_one_col1 textarea {
        height: 40px !important;
        font-size: 14px;
    }
    .contact_form_one_col1 textarea {
        height: 100px !important;
    }
    .third_col .contact_form_one_col1 {
        width: 100%;
    }
    .third_col .contact_form_one_col1:nth-child(3) {
        width: 100% !important;
    }
    .sec_col .contact_form_one_col1:nth-child(1),
    .sec_col .contact_form_one_col1:nth-child(2) {
        width: 100% !important;
    }
    /* end */
    /* service section */
    .service_grid_section {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .service_grid_section::before {
        width: 99% !important;
        border-radius: 30px;
    }
    .service-title {
        font-size: 14px;
    }
    .service-item {
        padding: 5px;
        height: 200px;
        margin: 5px;
        border-width: 5px;
        border-radius: 20px;
    }
    .service-icon {
        width: 70px;
        height: 70px;
    }
    .service-item-wrapper.five,
    .service-item-wrapper.four {
        width: 50% !important;
    }
    .arrow_icon {
        display: none;
    }
    .arrow_icon_hover {
        opacity: 1 !important;
        width: 25px;
        height: 25px;
        right: 10px;
    }
    .about_row_main .et_pb_column,
    .why_choose_us_main_row .et_pb_column {
        margin-bottom: 0 !important;
    }
    /* service section end*/
    .percent-text {
        font-size: 60px !important;
    }
    .phone-icon-circle {
        display: none !important;
    }
    .review_col1_main {
        padding: 40px 0px;
    }
    .banner-container {
        background: #ed1c24 !important;
    }
    .discount_banner_row::before {
        position: absolute;
        content: '';
        background: #ed1c24;
        clip-path: none;
        width: 100%;
        right: 0;
        top: auto;
        display: none;
        bottom: 0;
        height: 50% !important;
        margin: auto;
    }
}

@media all and (min-width: 481px) and (max-width: 767px) {
    .service-item-wrapper.five,
    .service-item-wrapper.four {
        width: 50% !important;
    }
    .hk_testimonial_box {
        padding: 15px;
        margin: 15px;
        height: 330px;
    }
    .feature-item {
        width: 50% !important;
    }
    .feature-item:nth-child(3),
    .feature-item:nth-child(4),
    .feature-item:nth-child(5) {
        margin-top: 10px !important;
    }
    .third_col .contact_form_one_col1 {
        width: 50%;
    }
    .third_col .contact_form_one_col1:nth-child(3) {
        width: 100% !important;
    }
    .sec_col .contact_form_one_col1:nth-child(1),
    .sec_col .contact_form_one_col1:nth-child(2) {
        width: 100% !important;
    }
}

@media all and (min-width: 768px) and (max-width: 980px) {
    div#main-content {
        margin-top: 80px !important;
    }
    .banner_section {
        padding: 10px !important;
    }
    .banner_section_row {
        padding: 0px 10px !important;
        border-radius: 30px !important;
    }
    .discount_banner_section.site_padding {
        padding: 30px 20px !important;
    }
    .percent-text {
        font-size: 60px;
    }
    .discount-label {
        font-size: 30px;
    }
    .banner-container {
        padding: 40px 20px;
    }
    .main-heading {
        font-size: 22px;
    }
    .action-area {
        margin-top: 10px;
    }
    .phone-number {
        font-size: 26px;
    }
    .feature-item .label {
        font-size: 18px;
        height: auto;
    }
    .feature-item {
        flex: none;
        width: 33.33% !important;
    }
    .features-container {
        flex-wrap: wrap;
        justify-content: center;
    }
    .bottom_row_main {
        margin-top: 30px;
    }
    .feature-item:nth-child(4),
    .feature-item:nth-child(5) {
        margin-top: 10px !important;
    }
    /* about us section */
    .site_padding {
        padding: 50px 30px !important;
    }
    .site_title {
        font-size: 24px;
    }
    .know-more-button .site_button {
        width: 200px;
    }
    .content-area {
        text-align: center;
    }
    .abt_img_main img {
        height: 400px;
    }
    .site_title {
        margin: auto;
    }
    /* end */
    /* why choose  */
    .why_choose_us_main {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .why_choose_pro .site_title,
    .why_choose_us_main_row .card-container {
        width: 100% !important;
    }
    .feature-content h3 {
        font-size: 22px;
    }
    .feature-item-inner {
        padding: 15px 0px;
    }
    .feature-content span {
        font-size: 18px;
    }
    .cta-section .phone-group {
        padding-left: 20px;
    }
    .phone-number {
        font-size: 24px;
    }
    ul.feature-list-main {
        margin: 20px 0px;
    }
    .why_us_img img {
        height: 450px !important;
    }
    .why_choose_pro .site_title {
        width: fit-content !important;
    }
    /* why choose  end*/
    /* main discount box */
    .main_discount_banner_box {
        font-size: 27px;
    }
    .main_discount_banner {
        padding-top: 30px !important;
    }
    /* main discount box end*/
    /* testimonial section */
    .testimonial-content-short,
    .testimonial-content-full {
        font-size: 17px;
        color: #838383;
    }
    .hk_testimonial_box {
        padding: 20px;
    }
    .hk_testimonial_title_box {
        font-size: 18px;
    }
    /* testimonial section end*/
    /* get in touch section */
    .get_in_touch_section::After,
    .get_in_touch_section::before {
        display: none;
    }
    .contact_form_one_col1.quote-btn {
        text-align: center;
    }
    span.wpcf7-spinner {
        position: absolute;
    }
    .contact_form_one_col1 {
        padding: 5px !important;
    }
    .get_in_touch_box {
        width: 100% !important;
    }
    .contact_form_one_col1 input,
    .contact_form_one_col1 select,
    .contact_form_one_col1 textarea {
        height: 40px;
    }
    .contact_form_one_col1 textarea {
        height: 100px;
    }
    /* end */
    /* service section */
    .service_grid_section {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .service_grid_section::before {
        width: 99% !important;
    }
    .service-title {
        font-size: 16px;
    }
    .service-item {
        padding: 10px;
        height: 250px;
    }
    .service-icon {
        width: 80px;
        height: 80px;
    }
    .service-item-wrapper.five,
    .service-item-wrapper.four {
        width: 33.33% !important;
    }
    .arrow_icon {
        display: none;
    }
    .arrow_icon_hover {
        opacity: 1 !important;
        width: 30px;
        height: 30px;
    }
    .about_row_main .et_pb_column,
    .why_choose_us_main_row .et_pb_column {
        margin-bottom: 0 !important;
    }
    /* service section end*/
    .percent-text {
        font-size: 60px !important;
    }
    .phone-icon-circle {
        display: none !important;
    }
    .discount_banner_row {
        display: flex !important;
    }
    .phone-group {
        padding-left: 0px;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1024px) {
    div#main-content {
        margin-top: 100px !important;
    }
    .banner_section {
        padding: 20px 10px !important;
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
    }
    .banner_section_row {
        padding: 0px 10px !important;
        border-radius: 30px !important;
    }
    .discount_banner_section.site_padding {
        padding: 50px 20px !important;
    }
    .percent-text {
        font-size: 60px;
    }
    .discount-label {
        font-size: 30px;
    }
    .banner-container {
        padding: 40px 20px;
    }
    .main-heading {
        font-size: 26px;
    }
    .action-area {
        margin-top: 30px;
    }
    .feature-item .label {
        font-size: 18px;
        height: auto;
    }
    .percent-text {
        font-size: 60px !important;
    }
    .phone-icon-circle {
        display: none !important;
    }
    .review_col1_main {
        padding: 50px 0px 0px;
    }
    /* about us section */
    .site_padding {
        padding: 60px 30px !important;
    }
    .site_title {
        font-size: 30px;
    }
    .know-more-button .site_button {
        width: 200px;
    }
    /* end */
    /* why choose  */
    .why_choose_us_main {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .why_choose_pro .site_title,
    .why_choose_us_main_row .card-container {
        width: 100% !important;
    }
    .feature-content h3 {
        font-size: 22px;
    }
    .feature-item-inner {
        padding: 15px 0px;
    }
    .feature-content span {
        font-size: 18px;
    }
    .cta-section .phone-group {
        padding-left: 20px;
    }
    .phone-number {
        font-size: 24px;
    }
    ul.feature-list-main {
        margin: 20px 0px;
    }
    /* why choose  end*/
    /* main discount box */
    .main_discount_banner_box {
        font-size: 27px;
    }
    .main_discount_banner {
        padding-top: 30px !important;
    }
    /* main discount box end*/
    /* testimonial section */
    .testimonial-content-short,
    .testimonial-content-full {
        font-size: 17px;
        color: #838383;
    }
    .hk_testimonial_box {
        padding: 20px;
    }
    .hk_testimonial_title_box {
        font-size: 18px;
    }
    /* testimonial section end*/
    /* get in touch section */
    .get_in_touch_section::After,
    .get_in_touch_section::before {
        width: 400px;
        height: 400px;
    }
    /* end */
    /* service section */
    .service_grid_section {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .service_grid_section::before {
        width: 99% !important;
    }
    .service-title {
        font-size: 16px;
    }
    .service-item {
        padding: 10px;
    }
    .service-icon {
        width: 80px;
        height: 80px;
    }
    .service-item-wrapper.five {
        width: 25% !important;
    }
    /* service section end*/
}

@media all and (min-width: 1025px) and (max-width: 1140px) {
    div#main-content {
        margin-top: 110px !important;
    }
    .banner_section {
        padding: 20px 10px !important;
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px;
    }
    .banner_section_row {
        padding: 0px 10px !important;
        border-radius: 30px !important;
    }
    .discount_banner_section.site_padding {
        padding: 50px 20px !important;
    }
    .percent-text {
        font-size: 60px;
    }
    .discount-label {
        font-size: 30px;
    }
    .banner-container {
        padding: 50px 20px;
    }
    .feature-item .label {
        font-size: 20px;
    }
    .percent-text {
        font-size: 60px !important;
    }
    .phone-icon-circle {
        display: none !important;
    }
    /* about us section */
    .site_padding {
        padding: 60px 30px !important;
    }
    .site_title {
        font-size: 30px;
    }
    /* end */
    /* why choose  */
    .why_choose_us_main {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .why_choose_pro .site_title,
    .why_choose_us_main_row .card-container {
        width: 100% !important;
    }
    .feature-content h3 {
        font-size: 22px;
    }
    .feature-item-inner {
        padding: 15px 0px;
    }
    .feature-content span {
        font-size: 18px;
    }
    .cta-section .phone-group {
        padding-left: 20px;
    }
    /* why choose  end*/
    /* main discount box */
    .main_discount_banner_box {
        font-size: 27px;
    }
    /* main discount box end*/
    /* testimonial section */
    .testimonial-content-short,
    .testimonial-content-full {
        font-size: 17px;
        color: #838383;
    }
    .hk_testimonial_box {
        padding: 20px;
    }
    .hk_testimonial_title_box {
        font-size: 18px;
    }
    /* testimonial section end*/
    /* get in touch section */
    .get_in_touch_section::After,
    .get_in_touch_section::before {
        width: 400px;
        height: 400px;
    }
    /* end */
    /* service section */
    .service_grid_section {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .service_grid_section::before {
        width: 99% !important;
    }
    .service-title {
        font-size: 16px;
    }
    .service-item {
        padding: 10px;
    }
    .service-icon {
        width: 80px;
        height: 80px;
    }
    .service-item-wrapper.five {
        width: 25% !important;
    }
    /* service section end*/
}

@media all and (min-width: 1141px) and (max-width: 1280px) {
    div#main-content {
        margin-top: 110px !important;
    }
    .banner_section {
        padding: 20px 10px !important;
        border-bottom-left-radius: 80px;
        border-bottom-right-radius: 80px;
    }
    .banner_section_row {
        padding: 0px 10px !important;
        border-radius: 30px !important;
    }
    .discount_banner_section.site_padding {
        padding: 50px 20px !important;
    }
    .feature-item .label {
        font-size: 22px;
    }
    .percent-text {
        font-size: 60px !important;
    }
    /* about us section */
    .site_padding {
        padding: 60px 30px !important;
    }
    .site_title {
        font-size: 30px;
    }
    /* end */
    /* why choose  */
    .why_choose_us_main {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .why_choose_pro .site_title,
    .why_choose_us_main_row .card-container {
        width: 100% !important;
    }
    .feature-content h3 {
        font-size: 22px;
    }
    .feature-item-inner {
        padding: 15px 0px;
    }
    .feature-content span {
        font-size: 18px;
    }
    /* why choose  end*/
    /* main discount box */
    .main_discount_banner_box {
        font-size: 27px;
    }
    /* main discount box end*/
    /* testimonial section */
    .testimonial-content-short,
    .testimonial-content-full {
        font-size: 17px;
        color: #838383;
    }
    .hk_testimonial_box {
        padding: 20px;
    }
    .hk_testimonial_title_box {
        font-size: 18px;
    }
    /* testimonial section end*/
    /* get in touch section */
    .get_in_touch_section::After,
    .get_in_touch_section::before {
        width: 400px;
        height: 400px;
    }
    /* end */
    /* service section */
    .service_grid_section {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .service_grid_section::before {
        width: 99% !important;
    }
    .service-title {
        font-size: 16px;
    }
    .service-item {
        padding: 10px;
    }
    .service-icon {
        width: 80px;
        height: 80px;
    }
    /* service section end*/
}

@media all and (min-width: 1281px) and (max-width: 1440px) {
    div#main-content {
        margin-top: 112px !important;
    }
    .banner_section {
        padding: 20px !important;
    }
    .discount_banner_section.site_padding {
        padding: 50px 20px !important;
    }
    /* about us section */
    .site_padding {
        padding: 60px 30px !important;
    }
    .site_title {
        font-size: 30px;
    }
    /* end */
    /* why choose  */
    .why_choose_us_main {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .why_choose_pro .site_title,
    .why_choose_us_main_row .card-container {
        width: 100% !important;
    }
    .feature-content h3 {
        font-size: 22px;
    }
    /* why choose  end*/
    /* main discount box */
    .main_discount_banner_box {
        font-size: 30px;
    }
    /* main discount box end*/
    /* testimonial section */
    .testimonial-content-short,
    .testimonial-content-full {
        font-size: 17px;
        color: #838383;
    }
    /* testimonial section end*/
    /* get in touch section */
    .get_in_touch_section::After,
    .get_in_touch_section::before {
        width: 450px;
        height: 450px;
    }
    /* end */
    /* service section */
    .service_grid_section {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .service_grid_section::before {
        width: 99% !important;
    }
    .service-title {
        font-size: 16px;
    }
    /* service section end*/
}

@media all and (min-width: 1441px) and (max-width: 1680px) {
    div#main-content {
        margin-top: 122px !important;
    }
    /* why choose  */
    .why_choose_us_main {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .why_choose_pro .site_title,
    .why_choose_us_main_row .card-container {
        width: 100% !important;
    }
    /* why choose  end*/
    /* get in touch section */
    .get_in_touch_section::After,
    .get_in_touch_section::before {
        width: 480px;
        height: 480px;
    }
    /* end */
    /* service section */
    .service_grid_section {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .service_grid_section::before {
        width: 99% !important;
    }
    /* service section end*/
}

@media all and (min-width: 1681px) and (max-width: 1880px) {
    div#main-content {
        margin-top: 126px !important;
    }
    /* why choose  */
    .why_choose_us_main {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    /* why choose  end*/
}

@media all and (min-width: 981px) and (max-width: 3000px) {}