/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


.global-btn .elementor-button{
   line-height: 61px !important;
}

.global-btn .elementor-button:hover{
    border-color: #ECD855 !important;
}

/*  */
div#gform_fields_1 div#field_submit {
    position: absolute;
}

.subscribeform-style .gform_footer{
    position: absolute !important;
    right: 0 !important;
    bottom: 6px !important;
    margin-right: 5px !important;
    margin-top: 0px !important;
    top: 6px !important;
}

.gform_validation_errors{
    display: none !important;
}

.subscribeform-style input[type = "email"]{
    height: 52px !important;
    background-color: transparent !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    padding-right: 130px !important;
}

.subscribeform-style input[type = "email"]::placeholder{
    color:#919191 !important;
}

.subscribeform-style input[type = "submit"]{
    height: 40px !important;
    background-color: #ECD855 !important;
    color: #192F4D !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 5px !important;
}

.subscribeform-style input[type = "submit"]:hover{
    background-color: #ffffff !important;
    color: #192F4D !important ;

}


/* #validation_message_1_1{
    display: none !important;
} */

.gform-loader {
  display: none !important;
}

.mid-text{
    font-size: 60px;
    font-weight: 600;
}

/* .banner-sec{
    padding-left: calc(100% - 1820px) !important;
} */

.offer-text{
    font-size: 48px;
    font-weight: 700;
    line-height: 44px;
}

.mid-off{
    font-size: 20px;
    letter-spacing: 4.32px;
}

.priccing-txt{
    background-image: url("data:image/svg+xml,%3Csvg width='135' height='134' viewBox='0 0 135 134' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71.391 1.21997C74.6728 -0.851204 78.9728 -0.233166 81.5381 2.67881C83.5521 4.96504 86.7012 5.88981 89.6317 5.05529C93.3639 3.99257 97.3158 5.79728 98.9565 9.31387C100.245 12.0751 103.006 13.8492 106.053 13.8743C109.933 13.906 113.216 16.7509 113.8 20.5876C114.258 23.5999 116.408 26.0803 119.324 26.9625C123.038 28.0864 125.387 31.7409 124.866 35.5865C124.457 38.6059 125.821 41.5912 128.37 43.2594C131.617 45.3843 132.842 49.5523 131.258 53.0955C130.016 55.8772 130.482 59.1259 132.459 61.4447C134.976 64.3984 134.976 68.7424 132.459 71.6961C130.482 74.0151 130.016 77.2635 131.258 80.0453C132.842 83.5884 131.618 87.7568 128.37 89.8813C125.821 91.5495 124.457 94.5349 124.866 97.5543C125.387 101.4 123.038 105.054 119.324 106.178C116.408 107.06 114.258 109.541 113.8 112.553C113.216 116.39 109.933 119.234 106.053 119.266C103.006 119.291 100.245 121.066 98.9565 123.827C97.3155 127.343 93.3639 129.148 89.6317 128.085C86.7014 127.251 83.5524 128.176 81.5381 130.462C78.9728 133.374 74.6728 133.992 71.391 131.921C68.8143 130.295 65.5325 130.295 62.9558 131.921C59.674 133.992 55.374 133.374 52.8087 130.462C50.7947 128.176 47.6456 127.251 44.7151 128.085C40.9829 129.148 37.031 127.343 35.3903 123.827C34.1019 121.066 31.341 119.292 28.2942 119.266C24.4138 119.235 21.1305 116.39 20.5468 112.553C20.0884 109.541 17.9392 107.06 15.023 106.178C11.3085 105.054 8.95998 101.4 9.48063 97.5543C9.88961 94.5349 8.52616 91.5495 5.97661 89.8813C2.72934 87.7565 1.50525 83.5884 3.08834 80.0453C4.33127 77.2635 3.86431 74.0148 1.88796 71.6961C-0.629319 68.7424 -0.629319 64.3981 1.88796 61.4447C3.86431 59.1257 4.33127 55.8772 3.08834 53.0955C1.50525 49.5523 2.72905 45.384 5.97661 43.2594C8.52616 41.5912 9.88961 38.6059 9.48063 35.5865C8.9597 31.7409 11.3085 28.0864 15.023 26.9625C17.9392 26.0803 20.0887 23.5999 20.5468 20.5876C21.1305 16.7512 24.4138 13.9063 28.2942 13.8743C31.341 13.8495 34.1019 12.0751 35.3903 9.31387C37.0313 5.79728 40.9829 3.99257 44.7151 5.05529C47.6454 5.88981 50.7947 4.96504 52.8087 2.67881C55.374 -0.233166 59.674 -0.851204 62.9558 1.21997C65.5325 2.84617 68.8143 2.84617 71.391 1.21997Z' fill='%23ECD855'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 134px;
}


.price-tag::after{
    position: absolute;
    content: '';
    background:url(./images/tag.png);
    width: 112px;
    height: 25px;
    z-index: -1;
    left: -17px;
    top: 0px;
}

/* Swiper slider */

.testi-slide .testimonial-slider-wrapper {
        position: relative;
        height: 400px;
        max-width: 682px;
        overflow: hidden;
    }
    .testi-slide .testimonial-slider {
        height: 100%;
    }
    .testi-slide .swiper-slide {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: left;
    }
    .testi-slide .testimonial-card {
        color: #fff;
        border-radius: 10px;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        width: 550px;
    }
  
    .testi-slide .testimonial-content {
        font-size: 18px;
        line-height: 28px;
        margin-top: 113px;
        color: #FFFFFF;
    }


    .testi-slide .testimonial-author {
        margin-top: 26px;
        font-weight: bold;
        color: #ECD855;
        font-size: 26px;
        font-weight: 700;
        text-transform: capitalize;
        margin-bottom: 30px;
        font-family: "Open Sans", sans-serif;
    }
    .testi-slide .vertical-btn {
        background: #ECD855;
        color: #0d2040;
        border-radius: 50%;
        width: 42px !important;
        height: 42px !important;
        font-size: 20px;
        position: absolute;
        right: -70px;
        z-index: 10;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        transition: transform 0.3s ease;
        border: 1px solid #ECD855;
    }
    .testi-slide .vertical-btn:hover {
        transform: scale(1.1);
        border: 1px solid #ffffff;
        background: transparent !important;
    }

    .testi-slide .vertical-btn:hover::after{
        color: #FFFFFF !important;
    }
    .testi-slide .swiper-button-prev {
        top: 43% !important;
        left: 90% !important;
        rotate: 90deg !important;
    }
    .testi-slide .swiper-button-next {
        top: 60%;
        left: 90% !important;
        rotate: 90deg;
    }

    .testi-slide .swiper-button-next:after, .swiper-button-prev:after{
        font-size: 17px !important;
    }

     .testi-slide .vertical-btn:hover .swiper-button-next,  .vertical-btn:hover .swiper-button-prev{
        color: #FFFFFF !important;
     }

     .testimonial-content::before{
        position: absolute;
        content: '';
        background: url(./images/quote.png);
        width: 71px;
        height: 51px;
        top: -76px;
        background-repeat: no-repeat;
     }

     .testimonial-content{
        position: relative;
     }

     .box-with-icon .elementor-icon-box-content{
        display: flex;
        gap: 70px;
        justify-content: space-between;
        justify-content: top;
     }


     .reverse-box-icon .elementor-icon-box-content{
        display: flex;
        gap: 102px;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
     }

       .reverse-box-icon h3{
        margin: 0px;
       }

       .phone-box-icon .elementor-icon-box-content{
        display: flex;
        gap: 90px;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
     }

     .reverse-box-icon h3 a:hover , .phone-box-icon h3 a:hover{
        color: #ECD855;
     }

.contact-from-style input:not([type="submit"]){

       border-style: solid !important;
       border-width: 0px 0px 1px 0px !important;
       border-color: #ffffff !important;
       background-color: transparent !important;
       color: #ffffff !important; 
       border-radius: 0px !important;
       padding-left: 0px !important;
       padding-bottom: 20px !important;
}

.contact-from-style input:not([type="submit"]):focus{
       outline: none !important;
}

.contact-from-style textarea{
       
       border-style: solid !important;
       border-width: 0px 0px 1px 0px !important;
       border-color: #ffffff !important;
       background-color: transparent !important;
       color: #ffffff !important; 
       border-radius: 0px !important;
       padding-left: 0px !important;
       padding-bottom: 20px !important;
       height: 105px !important;
       resize: none !important;
}
.contact-from-style textarea:focus{
       outline: none !important;
}

.contact-from-style .gform-footer{
       justify-content: center !important;
       margin-top: 44px  !important;
}

.contact-from-style input[type="submit"]{
       line-height: 61px !important;
       background-color: transparent !important;
       border:  1px solid #ffffff !important;
       padding: 0px 30px !important;
       font-size: 18px !important;
       border-radius: 5px !important;
       
}

.contact-from-style input[type="submit"]:hover{
       background-color: #ECD855 !important;
       border-color: #ECD855 !important;
       color: #192F4D !important;
}

.contact-from-style input[type="submit"]:focus{
       outline: none !important;
}

.contact-from-style .gform_confirmation_message{
       padding: 40px;
       background-color: #fff;
       text-align: center;
}

.subscribeform-style .gform_confirmation_message{
       padding: 40px;
       background-color: #fff;
       text-align: center;
}

/* Responsive parts */



@media only screen and (max-width: 1600px) {
 .testi-slide .swiper-button-next:after, .swiper-button-prev:after{
        font-size: 15px !important;
    }

}





@media only screen and (max-width: 1366px) {

 .price-tag::after{
    top: 3px;
 }

  .offer-text {
    font-size: 39px !important;

}
}

@media only screen and (min-width: 1025px) and (max-width: 1600px) {
    html {
      zoom: 0.85;
      zoom: 75%;
    }
  }

@media only screen and (max-width: 1176px) {


.mid-text {
    font-size: 52px;
}

 .offer-text {
    font-size: 37px !important;

}

}

@media only screen and (max-width: 1024px) {




.priccing-txt{
    background-size: 120px;
}

.price-tag::after {
    top: 0px;

}

.testi-slide .swiper-slide-active{
    margin-bottom: 55px !important;
}

.testi-slide .testimonial-slider-wrapper{

    max-width: 100%;
}

.testi-slide .testimonial-card{
    width: 80%;
}

.reverse-box-icon .elementor-icon-box-content{
    gap: 60px;
}

}


@media only screen and (max-width: 768px) {

.reverse-box-icon .elementor-icon-box-content{
    gap: 56px;
}



}


@media only screen and (max-width: 880px) {
    

.priccing-txt{
    background-size: 112px;
}


}

@media only screen and (max-width: 767px) {


.global-btn .elementor-button {
    line-height: 51px !important;
}

.mid-text {
        
    font-size: 38px;
    
}

.offer-text {
    font-size: 35px !important;
}

.priccing-txt{
    background-size: 108px;
}

.price-tag::after {
    top: -1px;
    left: -24px;

}

.contact-from-style .gform-footer{
    margin-top: 9px !important;
}

.contact-from-style input[type="submit"]{
    line-height: 51px !important;
    font-size: 14px !important;
}

/* .banner-sec{
    padding-left: 15px !important;
} */


.phone-box-icon .elementor-icon-box-content{
    justify-content: left;
    gap: 84px;
}
}

@media only screen and (max-width: 558px) {
   
    .testi-slide .testimonial-content{
    font-size: 13px !important;
    line-height: 22px !important;
    }

    .testi-slide .testimonial-author
    {
        font-size: 20px !important;
    }

    .testi-slide .testimonial-card{
        width: 85%;
    }

    .testi-slide .swiper-button-prev{
        top: 50% !important;
    }

    .testi-slide .swiper-button-next{
        top: 64% !important;
    }

    .testi-slide .vertical-btn{
        width: 30px !important;
        height: 31px !important;
    }

    .testi-slide .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 12px !important;
}

}
@media only screen and (max-width: 445px) {


.global-btn .elementor-button {
    line-height: 46px !important;
}

.subscribeform-style input[type = "email"]{

    padding-right: 122px !important;
    font-size: 12px !important;

}

    .mid-text {

    font-size: 33px;

    }

    
}