/*
Theme Name: Odefy Child
Author: WebGeniusLab
Author URI: http://webgeniuslab.net
Description: WebGeniusLab team presents absolutely fresh and powerful WordPress theme. It combines new technologies and functional design that helps to showcase your content in better way. This WordPress theme is developed with attention to details, so you can create effective presentation of a website easily. Enjoy building web pages with our product!
Version: 1.0
Template: odefy
Text Domain: odefy-child
*/


.services_group {
    display: grid !important;
    gap: 20px !important;
    grid-template-columns: repeat(3, 1fr) !important;
    margin-bottom: 10px;
}

.inci_contact_form .wpcf7-not-valid-tip {
    display: flex !important;
}

.inci_contact_form .wgl_col-12:last-child input {
    margin: 10px 0px !important;
}

.inci_contact_form .wgl_col-12 .recaptcha .wpcf7-not-valid-tip {
    margin-top: 10px !important;
    font-size: 13px !important;
}

.inci_contact_form .wgl_col-6 .flag-container .selected-dial-code {
    padding-left: 8px !important;
}

.inci_contact_form .wgl_col-6 .mobile-number {
    margin-bottom: 25px !important;
}

.inci_contact_form .wgl_col-12 .services_group span.wpcf7-list-item-label {
    font-weight: 600 !important;
}

.inci_contact_form .wgl_col-6.cf_services_label span {
    color: #fff !important;
}


input.budget {
    -webkit-appearance: none;
    /* Remove default styling for better customization */
    appearance: none;
    width: 100%;
    /* Full width */
    height: 8px;
    /* Adjust slider track height */
    background-color: #fff;
    /* Make the background transparent */
    outline: none;
    /* Remove focus outline */
    cursor: pointer;
    border-radius: 5px !important;
}

/* The track (background line) */
input.budget::-webkit-slider-runnable-track {
    background-color: white;
    border: transparent;
    /* Optional: Add border for visibility */
    height: 8px;
    border-radius: 5px;
}

input.budget::-moz-range-track {
    background-color: white;
    border: transparent;
    height: 8px;
    border-radius: 5px;
}

input.budget::-ms-track {
    background-color: white;
    border-color: transparent;
    /* Remove default border */
    border-width: 8px 0;
    height: 8px;
    color: transparent;
    /* Hide default text */
}

/* The thumb (the draggable part) */
input.budget::-webkit-slider-thumb {
    -webkit-appearance: none;
    /* Remove default styling */
    appearance: none;
    width: 16px;
    height: 16px;
    background: #FAA9A5 !important;
    border-radius: 50%;
    border: 0px solid #fff;
    /* Optional: Add border */
    cursor: pointer;
    margin-top: -4px;
    /* Align thumb vertically */
}

input.budget::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background-color: #FAA9A5 !important;
    border-radius: 50%;
    border: 2px solid #fff;
    cursor: pointer;
}

input.budget::-ms-thumb {
    width: 16px;

    border-radius: 50%;
    border: 2px solid #FAA9A5 !important;
    cursor: pointer;
}

/* Focus styles */
input.budget:focus {
    outline: none;
}

input.budget:focus::-webkit-slider-thumb {
    box-shadow: 0 0 5px #221c54;
}

input.budget:focus::-moz-range-thumb {
    box-shadow: 0 0 5px #221c54;
}

input.budget:focus::-ms-thumb {
    box-shadow: 0 0 5px #221c54;
}



@media (max-width: 992px) {
    .services_group {
        display: grid !important;
        gap: 20px !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .services_group {
        display: grid !important;
        gap: 20px !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }
}


.cf7-loader-overlay {
    background: rgb(255 255 255 / 20%) !important;
    backdrop-filter: blur(15px) !important;
}

.cf7-loader-overlay.active {
    visibility: visible;
    opacity: 1;
}

.cf7-loader svg path {
    fill: transparent;
    stroke: #0F0F57;
    stroke-width: 12px;
    stroke-dasharray: 100%;
    stroke-dashoffset: 50;
    animation: textanimation 1s cubic-bezier(0.3, 0, 0.1, 1) infinite, resetFill 1s step-end 1s;
}

@keyframes textanimation {
    0% {
        stroke-dashoffset: 100%;
    }

    50% {
        fill: transparent;
    }

    100% {
        fill: #0F0F57;
        stroke-dashoffset: 0;
    }
}

@keyframes resetFill {
    100% {
        fill: transparent;
    }
}

.overlay-bg {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.main-heading svg path {
    fill: transparent;
    stroke: #0F0F57;
    stroke-width: 12px;
    stroke-dasharray: 100%;
    stroke-dashoffset: 50;
    animation: textanimation 1s cubic-bezier(0.3, 0, 0.1, 1) infinite, resetFill 1s step-end 1s;
}

@keyframes textanimation {
    0% {
        stroke-dashoffset: 100%;
    }

    50% {
        fill: transparent;
    }

    100% {
        fill: #0F0F57;
        stroke-dashoffset: 0;
    }
}

@keyframes resetFill {
    100% {
        fill: transparent;
    }
}

.main-heading svg .feather path {
    fill: transparent;
    stroke: #6DA536;
    stroke-width: 12px;
    stroke-dasharray: 100%;
    stroke-dashoffset: 50;
    animation: textanimation1 1s cubic-bezier(0.3, 0, 0.1, 1) infinite, resetFill1 1s step-end 1s;
}

@keyframes textanimation1 {
    0% {
        stroke-dashoffset: 100%;
    }

    50% {
        fill: transparent;
    }

    100% {
        fill: #6DA536;
        stroke-dashoffset: 0;
    }
}

@keyframes resetFill1 {
    100% {
        fill: transparent;
    }
}

/* 
form.submitting .wpcf7-spinner {
    display: inline-block !important;
}

form.submitting .wpcf7-spinner {
  visibility: visible;
  display: inline-block;
  background-color: #23282d95;
  width: 100% !important;
  height: 100% !important;
  border: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 !important;
  z-index: 9999 !important;
  border-radius: 8px !important;
}

.wpcf7-spinner {
    background-color: #23282d95 !important;
    opacity: 1;
}

form.submitting .wpcf7-spinner {
    visibility: visible;
    margin: 0 !important;
    position: fixed !important;
    top: 44% !important;
    left: 50% !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 8px !important;
    opacity: 1 !important;
    bottom: 0 !important;
} */

/* form.submitting .wpcf7-spinner::before {
    content: url('https://incipientinfo.wpdemo.co.in/wp-content/uploads/2025/02/spinner_loaders.gif');
    position: fixed;
    background-color: #fbfbfc;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    border-radius: 8px !important;
    animation: none;
} */

/* form.submitting .wpcf7-spinner::before {
    content: "";
    position: fixed;
    width: 100px;
    height: 100px;
    background-image: url('https://incipientinfo.wpdemo.co.in/wp-content/uploads/2025/02/spinner_loaders.gif');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px !important;
    animation: none;
}

form.submitting .wpcf7-submit {
  opacity: 0.3 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
} */



.primary-nav > .menu > .menu-item > .sub-menu.wgl-mega-menu{
  max-width: 900px !important;
}