/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.0.1719829315
Updated: 2024-07-01 10:21:55

*/
.hfe-nav-menu-icon:focus-visible {outline: none;}
a.hfe-menu-item:focus-visible {outline: none;}
span.hfe-menu-toggle.sub-arrow:hover {border: 0;}
.hfe-nav-menu-icon {padding: 0 !important;}
.elementor-widget-text-editor p {margin: 0 0 15px;}
p:last-child{margin: 0;}
.sub_heading p::before {
    content: "";
    width: 35px;
    display: inline-block;
    background-image: url(https://itservices.shopsoftwarekeys.com/wp-content/uploads/2024/07/text-decoration.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    height: 14px;
    padding: 0 7px;
}
.text-sb-blue{color: #22A5DF;}
/*.service-box:hover .elementor-icon {
    background-color: #fff !important;
}
.service-box:hover .elementor-icon svg path {
    fill: #22A5DF;
}
.service-box:hover h3.elementor-icon-box-title {
    color: #fff;
}
.service-box:hover p.elementor-icon-box-description {
    color: #fff;
}*/
.custom-form label {
    font-size: 14px;
    margin: 0 0 10px;
    text-transform: capitalize;
    color: #12244a;
}
.custom-form .col-6 {width: 50%;padding: 0 8px;}
.custom-form .row {display: flex;flex-wrap: wrap;margin: 0 -8px;gap: 16px 0;}
.custom-form .col-12 {padding: 0 8px;width: 100%;}
.wpcf7-not-valid-tip {font-size: 16px;}
.custom-form input, .custom-form textarea {
     border-color: #cdcdcd; 
    border-radius: 6px;
    padding: 10px 16px;
    color: #12244a;
}
.custom-form textarea {height: 130px;}
.custom-form input:focus-visible, 
.custom-form textarea:focus-visible{outline: none;}
.custom-form input.wpcf7-form-control.wpcf7-submit {
    line-height: 18px;
    font-family: 'Urbanist';
    border: 0;
}
.custom-form .wpcf7-checkbox label {
  position: relative;
  cursor: pointer;
  margin: 0;
  line-height: 18px;
  font-size: 16px;
}
.custom-form .wpcf7-checkbox input[type=checkbox] {position: relative;visibility: hidden;}
.custom-form .wpcf7-checkbox input[type=checkbox] + span:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 4px;
  height: 18px;
  width: 18px;
  top: 0px;
  border: 2px solid #12244a;
}
.custom-form .wpcf7-checkbox input[type=checkbox] + span:after {
    display: block;
    position: absolute;
    content: '\2713';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 0px;
    left: 4px;
    visibility: hidden;
    font-size: 14px;
    color: #12244a;
}
.custom-form .wpcf7-checkbox input[type=checkbox]:checked + span:before {
    background: transparent;
}
.custom-form .wpcf7-checkbox input[type=checkbox]:checked + span:after {
   visibility: visible;
}
.custom-form span.wpcf7-list-item.first {margin: 0;}
.custom-form span.wpcf7-list-item-label {padding: 0 0 0 14px;}
.custom-form  .custom-checkbox label{margin: 0;}
p.elementor-icon-box-description a {color: #111;}
.process-box .elementor-image-box-img:before {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 1px dashed #22A5DF;
    content: "";
    border-radius: 50%;
    position: absolute;
    animation: rotate 20s linear infinite;
    z-index: -1;
}
.process-box .elementor-image-box-img {
    padding: 20px 20px 13px;
    max-width: 148px;
    max-height: 148px;
    margin: 0 auto !important;
    position: relative;
    border-radius: 50%;
}
.process-box .elementor-image-box-title{margin: 16px 0;}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.animation__rotate {animation: rotate 40s linear infinite;}
@keyframes bobble {
    0% {
        transform: translateY(0) scale(1);
    }
    100% {
        transform: translateY(-20px) scale(1.1);
    }
}
.bobble__animation {animation: bobble 3s ease-in-out infinite alternate;}

/* responsive */
@media (max-width:767px){
    .home-banner-right-img {top: unset !important;bottom: 0;}
    .custom-form span.wpcf7-form-control.wpcf7-checkbox {display: flex;flex-wrap: wrap;gap: 12px;}
    .order-2 {order: 2;}
    .custom-form .col-6{width: 100%;}
    .process-sec .bobble__animation {top: unset !important;bottom: -40px !important;right: 0!important;left: 0;}
    .process-sec .bobble__animation img {width: 40px;transform: rotate(100deg);}
    .process-sec .elementor-image-box-description {max-width: 200px;margin: 0 auto 20px !important;}
}
@media screen and (min-width:580px) and (max-width:767px){
    .process-box figure.elementor-image-box-img {width: 15% !important;}
    .process-sec .elementor-image-box-description {max-width: 250px;margin: 0 auto 20px !important;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .process-sec .bobble__animation {right: -18% !important};
    .process-box figure.elementor-image-box-img {width: 32% !important;}
}
@media screen and (min-width:992px) and (max-width:1024px){
    .process-box figure.elementor-image-box-img {width: 32% !important;}
}
@media screen and (min-width:1025px) and (max-width:1280px){
    .process-box figure.elementor-image-box-img {width: 36% !important;}
}
@media screen and (min-width:1281px) and (max-width:1499px){
    .process-box figure.elementor-image-box-img {width: 32% !important;}
}