/* 
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
*/

/*
    Add your custom styles here
*/
 .imgBoxCenter figure img {
     width: 100%;
}
.contactForm .elementor-field-type-checkbox {
    border-bottom: 1px solid var( --e-global-color-text ) !important;
    padding-bottom: 40px;
}
.contactForm .elementor-field-type-checkbox .elementor-field-subgroup {
    gap: 25px;
}
.contactForm .elementor-field-type-checkbox .elementor-field-subgroup span {
    display: block;
    position: relative;
    padding: 0px;
    width: calc(33% - 14px);
    text-align: center;
}
.contactForm .elementor-field-type-checkbox .elementor-field-subgroup span input {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}
.contactForm .elementor-field-type-checkbox .elementor-field-subgroup span label {
    background-color: #fff;
    color: var( --e-global-color-primary ) !important;
    border-radius: 60px;
    padding: 15px 20px !important;
    display: block;
    cursor: pointer;
}
.contactForm .elementor-field-type-checkbox .elementor-field-subgroup span>input:checked ~ label {
    background: #e8317e;
    color: #fff !important;
}
 @media(max-width:1450px){
     .svgZigZag::before {
         background-size: 1292px !important;
         background-position: 50% 60% !important;
         background-repeat: no-repeat;
    }
} 
 @media(max-width:1400px){
     .leftZigzag:before {
        left: -20px;
    }
    .leftZigzag1:before {
        left: -22px;
    }
      .contactForm .elementor-field-type-checkbox .elementor-field-subgroup span {
    width: calc(50% - 15px);
} 
}
@media(max-width:1349px){
    .svgZigZag::before {
        background-size: 968px !important;
        background-position: 50% 50% !important;
        background-repeat: no-repeat;
    }
}
 @media(max-width:1250px){
    .leftZigzag1:before {
        left: -107px;
    }
    .leftZigzag:before{
         left: -105px;
    }
    .dot1.round-yellow::before, .dot2.round-yellow::before, .dot5.round-yellow::before, .dot6.round-yellow::before{
        left: -105px;
    }
    .dot6.round-yellow::before {
        left: -58%;
    }
        .dot3.round-pink::before, .dot4.round-pink::before {
        right: -135px;
    }
}
@media(min-width:1350px){
    .svgZigZag::before {
         background-size: 1292px !important;
         background-position: 50% 60% !important;
         background-repeat: no-repeat;
    }
}
@media(min-width:999px){
     /* .svgZigZag::before {
         background-size: 1292px !important;
         background-position: 50% 60% !important;
         background-repeat: no-repeat;
    } */
     .leftZigzag1:before {
         content: "";
         position: absolute;
         left: -25px;
         width: 4px;
         background-image: url("https://ask4support.stagingsea.com/wp-content/uploads/2026/03/Vector-2-1.svg");
         background-position: 2px;
         background-size: cover !important;
         background-repeat: no-repeat;
    }
     .leftZigzag:before {
         background-image: url(https://ask4support.stagingsea.com/wp-content/uploads/2026/03/Vector-8.svg);
         background-position: 0% 61%;
         background-repeat: no-repeat;
         background-size: 75%;
         content: "";
         opacity: 1;
         position: absolute;
         left: -24px;
    }
     .dot1.round-yellow::before,.dot2.round-yellow::before,.dot5.round-yellow::before,.dot6.round-yellow::before {
         left: -24px;
         top: 15px;
         width: 30px;
         height: 30px;
    }
     .dot3.round-pink::before, .dot4.round-pink::before {
         right: -53px;
         top: 15px;
         width: 30px;
         height: 30px;
         left: unset;
    }
     .dot6.round-yellow::before {
         left: -41%;
    }
}
@media(max-width:1000px){
.svgZigZag::before,.dot1.round-yellow::before,.dot2.round-yellow::before,.dot5.round-yellow::before,.dot6.round-yellow::before,.dot3.round-pink::before, .dot4.round-pink::before {
    display: none !important;
}
  .contactForm .elementor-field-type-checkbox .elementor-field-subgroup span {
    width: calc(100%);
} 
}
 @media(min-width:1700px){
     .svgZigZag::before {
         background-size: 1650px !important;
         background-position: 50% 65% !important;
         background-repeat: no-repeat;
    }
     .leftZigzag1:before {
         left: -44px;
    }
     .leftZigzag:before {
         background-position: 0% 65%;
         left: -42px;
    }
     .dot1.round-yellow::before,.dot2.round-yellow::before,.dot5.round-yellow::before,.dot6.round-yellow::before {
         left: -42px;
    }
     .dot3.round-pink::before, .dot4.round-pink::before {
         right: -70px;
    }
     .dot6.round-yellow::before {
         left: -42%;
    }
}