body {
    overflow-x: hidden;
}

#root,
.App {
    overflow-x: hidden;
}

.transparent-bg {
    background-color: transparent;
}


@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fadeIn {
    animation: fadeIn 0.3s ease-out;
}

.animate-slideUp {
    animation: slideUp 0.4s ease-out;
}

.iti__country-container {
    position: absolute;
    left: -25px !important;
    height: 100%;
    z-index: 10;
    touch-action: manipulation;
}

.iti__country-container > button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 100%;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    min-width: 70px;
    pointer-events: auto !important;
    background: transparent;
    border: none;
}

.iti--allow-dropdown input[type=tel] {
    background-color: transparent;
    border: none;
    touch-action: manipulation;
    position: relative;
    z-index: 1;
    padding-left: 53px !important;
}
@media (max-width: 991.98px) {
    .iti--allow-dropdown input[type=tel] {
        padding-left: 75px !important;
    }
}
.iti--allow-dropdown input[type=tel]::placeholder {
    color: #888680 !important;
}

.iti--allow-dropdown input[type=tel]:focus, .iti--allow-dropdown input[type=tel]:focus-visible {
    box-shadow: none;
    border: 0;
}

.iti__selected-country-primary {
    display: flex;
    align-items: center;
}

.iti__arrow {
    border-bottom-color: #888680 !important;
    border-top-color: #888680 !important;
}

.iti__arrow--up {
    border-bottom-color: #888680 !important;
    border-top-color: #888680 !important;
}

.iti__arrow--down {
    border-bottom-color: #888680 !important;
    border-top-color: #888680 !important;
}

.iti__selected-dial-code {
    color: #888680 !important;
}

.iti__country {
    display: flex;
    align-items: center;
    gap: 8px;
}

.iti--allow-dropdown input {
    width: 100%;
    height: 36px;
}

.iti__a11y-text {
    display: none;
}

.iti__country-list {
    background-color: #000 !important;
}

.iti__country-name {
    color: #888680 !important;
}

.iti__search-input {
    background-color: #000 !important;
}

.iti__dropdown-content {
    z-index: 9999 !important;
}

/* Mobile-specific fixes */
@media (max-width: 767px) {
    .iti__country-container {
        left: -15px !important;
    }
    .iti__country-container > button {
        min-width: 90px;
        padding: 0 10px;
        font-size: 14px;
    }
    .iti--allow-dropdown input[type=tel] {
        font-size: 16px !important; /* Prevents zoom on iOS */
    }
    .form-div-iti {
        touch-action: manipulation;
    }
}

.form-div-iti {
    display: flex;
    align-items: center;
    position: relative;
    overflow: visible;
}

.iti {
    width: 100%;
    position: relative;
}
.js-testimonials .testi-card.slick-slide {
    opacity: 0.5;
}
.js-testimonials .testi-card.slick-slide.slick-active {
    opacity: 1;
} 
.js-testimonials ul.slick-dots {
    /* margin-top: 50px; */
    bottom: -35px;
}

.js-testimonials .slick-dots li {
    width: auto;
    height: auto;
    margin: 0;
}

.js-testimonials .slick-dots li button {
    background-color: rgb(136 134 128) !important;
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition: 0.4s ease-in-out;
    margin: 0 6px;
}
.js-testimonials .slick-dots li button::before {
    display: none;
}
.js-testimonials .slick-dots li.slick-active button {
    width: 2.0rem;
    background-color: rgb(244 208 63) !important;
    border-radius: 8px;
}

.zoom-custom {
    zoom: 0.9 !important;
}

@media (max-width: 1366.98px) {
    .zoom-custom {
        zoom: 0.8 !important;
    }
}
@media (max-width: 991.98px) {
    .zoom-custom {
        zoom: 0.75 !important;
    }
    .hero-form-container:before {

        top: -143px;
        zoom: .5;
    }
}
.mt-12 {
    margin-top: 3rem;
}
.to-\[\#F4D03F\]
 {
    --tw-gradient-to: #F4D03F var(--tw-gradient-to-position);
}
.via-\[\#F8D26B\] {
    --tw-gradient-to: rgb(248 210 107 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from)
#F4D03F
, #F8D26B var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.from-\[\#F4D03F\] {
    --tw-gradient-from: #F4D03F var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(244 208 63 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.text-\[\#2C2C2C\] {
    --tw-text-opacity: 1;
    color: rgb(44 44 44 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px) {
    .md\:flex-row {
        flex-direction: row;
    }
}
.border-\[\#0B0B0B\] {
    --tw-border-opacity: 1;
    border-color: rgb(11 11 11 / var(--tw-border-opacity, 1));
}
.bg-\[\#0B0B0B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(11 11 11 / var(--tw-bg-opacity, 1));
}

 .grid-bg-dark {
    background-color: #000000 !important;
 }

.hero-form-container:before{
    /* background: url(/lp/assets/images/chirstmas.png);
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    display: block;
      height: 210px;
    width: 210px;
    top: -158px;
    right: 0;
    z-index: 2;
    left: 0;
    margin: 0 auto; */
}

.custom-form-input-space {
    margin: 8px 0 !important;
}
.custom-form-input-space:first-child {
    margin-top: 0 !important;
}
.custom-form-input-space:last-child {
    margin-bottom: 0 !important;
}
.pt-0 {
    padding-top: 0 !important;
}

.textarea::placeholder {
    color: #fff !important;
}