/*
 * WPForms Animation Enhancer
 * Animates the entire form container on page load and step changes
 */

/* Base state of the form container - initially hidden */
.wpforms-container {
    opacity: 0;
    transform: translateY(-50px) scale(0.98);
    will-change: transform, opacity;
}

/* Animation state when class is added */
.wpforms-container.animate-in {
    animation: slideDown 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

/* Keyframes for slide down animation */
@keyframes slideDown {
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Add shadow effect during animation */
.wpforms-container.animate-in {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Prevent child animations during container animation */
.wpforms-container.animate-in * {
    animation: none !important;
    transition: none !important;
}

/* Progress bar animation */
.wpforms-page-indicator {
    transition: all 0.5s ease-out;
}

/* Button hover animation */
.wpforms-page-button {
    transition: all 0.3s ease;
}
.wpforms-page-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Image choice hover animation */
.wpforms-image-choices-item {
    transition: all 0.3s ease;
}
.wpforms-image-choices-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Additional styles for multi-step heading */
.multi-step-heading {
    text-align: center;
}
div#wpforms-7573-field_43-container {}
.multi-step-heading input {
    display: none !important;
}

fieldset.animate__animated {
    display: block !important;
}

.wpforms-container.animate-in .animate__animated.animate__headShake {
    animation: headShake 1s both !important; /* Animate.css এর আসল অ্যানিমেশন ফোর্স */
}



/**
Design Fix
 */
#wpforms-7573 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    max-width: 100% !important;
}

#wpforms-7573 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

#wpforms-7573 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices-image {
    width: 100% !important;
    height: auto !important;
    max-height: 120px !important;
    object-fit: cover !important;
}
#wpforms-7573 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices-label {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 8px !important;
    font-size: 14px !important;
}

div#wpforms-7573 {
    max-width: 740px;
}

#wpforms-7573 .wpforms-image-choices-item {
    border-radius: 10px;
    border: 1px solid #e0e0e0;
}

#wpforms-7573 .wpforms-image-choices-item:hover {
    transform: unset !important;
    box-shadow: unset !important;
    background: #7a98ca;
}

div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item.wpforms-selected label:hover,div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item:has(input:checked){
    background: #7a98ca  !important;
    color:#ffff;
}

div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item.wpforms-selected label:hover,div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label:hover {
    border-color: unset !important;
    box-shadow: unset !important;
}

.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error) {
    border:unset !important;
}

.wpforms-container .wpforms-image-choices-modern .wpforms-selected label,.wpforms-container .wpforms-image-choices-modern li:has(input:checked) label {
    box-shadow:unset !important;
}

.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image:after {
    display:none;
}




@media (max-width: 768px) {
    #wpforms-7573 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }

    #wpforms-7573 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices-image {
        max-height: 100px !important;
    }

    #wpforms-7573 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices-label {
        font-size: 12px !important;
        padding: 6px !important;
    }
}

@media (max-width: 480px) {
    #wpforms-7573 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
    }

    #wpforms-7573 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices-image {
        max-height: 80px !important;
    }

    #wpforms-7573 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices-label {
        font-size: 11px !important;
        padding: 4px !important;
    }
}
















/*new */
/*
 * WPForms Animation Enhancer
 * Animates the entire form container on page load and step changes
 */

/* Base state of the form container - initially hidden */
.wpforms-container {
    opacity: 0;
    transform: translateY(-50px) scale(0.98);
    will-change: transform, opacity;
}

/* Animation state when class is added */
.wpforms-container.animate-in {
    animation: slideDown 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

/* Keyframes for slide down animation */
@keyframes slideDown {
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Add shadow effect during animation */
.wpforms-container.animate-in {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Prevent child animations during container animation */
.wpforms-container.animate-in * {
    animation: none !important;
    transition: none !important;
}

/* Progress bar animation */
.wpforms-page-indicator {
    transition: all 0.5s ease-out;
}

/* Button hover animation */
.wpforms-page-button {
    transition: all 0.3s ease;
}
.wpforms-page-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Image choice hover animation */
.wpforms-image-choices-item {
    transition: all 0.3s ease;
}
.wpforms-image-choices-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Additional styles for multi-step heading */
.multi-step-heading {
    text-align: center;
}
div#wpforms-8922-field_43-container {}
.multi-step-heading input {
    display: none !important;
}

fieldset.animate__animated {
    display: block !important;
}

.wpforms-container.animate-in .animate__animated.animate__headShake {
    animation: headShake 1s both !important; /* Animate.css এর আসল অ্যানিমেশন ফোর্স */
}



/**
Design Fix
 */
#wpforms-8922 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    max-width: 100% !important;
}

#wpforms-8922 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

#wpforms-8922 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices-image {
    width: 100% !important;
    height: auto !important;
    max-height: 120px !important;
    object-fit: cover !important;
}
#wpforms-8922 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices-label {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 8px !important;
    font-size: 14px !important;
}

div#wpforms-8922 {
    max-width: 740px;
}

#wpforms-8922 .wpforms-image-choices-item {
    border-radius: 10px;
    border: 1px solid #e0e0e0;
}

#wpforms-8922 .wpforms-image-choices-item:hover {
    transform: unset !important;
    box-shadow: unset !important;
    background: #7a98ca;
}

div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item.wpforms-selected label:hover,div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item:has(input:checked){
    background: #7a98ca  !important;
    color:#ffff;
}

div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item.wpforms-selected label:hover,div.wpforms-container-full .wpforms-form .wpforms-image-choices-modern .wpforms-image-choices-item label:hover {
    border-color: unset !important;
    box-shadow: unset !important;
}

.wpforms-container .wpforms-image-choices-modern label:not(.wpforms-error) {
    border:unset !important;
}

.wpforms-container .wpforms-image-choices-modern .wpforms-selected label,.wpforms-container .wpforms-image-choices-modern li:has(input:checked) label {
    box-shadow:unset !important;
}

.wpforms-container .wpforms-image-choices-modern .wpforms-image-choices-image:after {
    display:none;
}




@media (max-width: 768px) {
    #wpforms-8922 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }

    #wpforms-8922 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices-image {
        max-height: 100px !important;
    }

    #wpforms-8922 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices-label {
        font-size: 12px !important;
        padding: 6px !important;
    }
}

@media (max-width: 480px) {
    #wpforms-8922 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
    }

    #wpforms-8922 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices-image {
        max-height: 80px !important;
    }

    #wpforms-8922 .wpforms-field.wpforms-field-radio.ride .wpforms-image-choices-label {
        font-size: 11px !important;
        padding: 4px !important;
    }
}