/*
Theme Name:     divi-child
Description:    
Author:         ezgov
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
.inner-tabs-ul li
{
	position:relative;
	padding-left:40px !important;
	margin-bottom:8px !important;
}
.inner-tabs-ul li:before
{
	content: "" !important;
    background-image:url(https://ezgovopps.com/m/wp-content/uploads/2019/11/icon-left-1.png) !important;
    width: 28px !important;
    height: 27px !important;
    position: absolute !important;
    background-repeat: no-repeat !important;
    background-size:25px !important;
}
#main-header {
    z-index: 999 !important;
}
.outer-form input[type="tel"] {
    background-color: #fff;
    border: 1px solid #cecece;
    color: #4e4e4e;
    height: 40px;
    padding: 10px;
    width: 100%;
}

.popup-signin {display:none}   
.popupaoc-button {margin-right: 5px}
a.paoc-popup.popup-signin {
    font-size: 24px;
    font-family: Raleway;
    border: 1px solid #1b4580;
    float: right;
    background: #1b4580;
    color: #fff;
    padding: 9px 15px;
    margin-top: 10px;
    border-bottom: 4px solid #002e6f;
    border-radius: 5px
}
/*.et_pb_toggle_title:before{content: "3";}*/

span.mobile_menu_bar.mobile_menu_bar_toggle {
    padding: 0;
    margin-bottom: 24px;
    border-radius: 5px;
    background: #194c8b url(https://ezgovopps.com/m/wp-content/themes/Divi/images/mob-nav-ico.jpg) left top no-repeat;
    width: 32px;
    height: 32px; margin-top: 1px;
}
span.mobile_menu_bar.mobile_menu_bar_toggle:before{ display:none;}

.et_pb_toggle_title:before {background: url(https://ezgovopps.com/m/wp-content/themes/Divi/images/toggle-arrow-d.png) left top no-repeat; width: 40px; height: 40px;}


@media only screen and (max-width:767px){
	.tfree-client-testimonial::after { margin: -2% 34% !important}
	a.paoc-popup.popup-signin{display: block !important;font-size: 18px;margin: 25px 40px 0 0;padding: 2px 7px}
	#et_mobile_nav_menu {display: block!important;}
}


/* OTP Modal */
.otp-modal {
    max-width: 420px;
    width: 90%;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border-radius: 6px;
    text-align: center;
    font-family: Arial, sans-serif;
}

/* Heading */
.otp-modal h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    background-color: #FAFAFA;
    box-shadow: none;
    text-align: center;
    color: #888;
}

/* Info text */
.otp-info {
    font-size: 14px;
    color: #366e91;
    margin-bottom: 15px;
    line-height: 1.5;
}

/* Label */
.otp-label {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 12px;
    color: #366e91;
}


/* OTP Inputs */
.otp-input-container p{
    display: flex !important;      /* Force row layout */
    flex-direction: row !important;/* Make sure row direction */
    gap: 8px;                      /* Space between inputs */
    justify-content: center;       /* Center horizontally */
    align-items: center;           /* Align vertically */
    flex-wrap: nowrap !important;  /* Prevent stacking */
    width: 100%;                   /* Full width of parent */
}

.otp-digit {
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    flex: 0 0 auto;                /* Prevent flex stretching */
}


.otp-digit:focus {
    border-color: #0073aa;
    outline: none;
}

/* Buttons */
.otp-actions p{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 15px;
}

.btn-secondary {
    padding: 8px 14px;
    border: none;
    background: #e5e5e5;
    color: #333;
    border-radius: 4px;
    cursor: pointer;
}

.btn-primary {
    padding: 8px 18px;
    border: none;
    background: #d6d6d6;
    color: #333;
    border-radius: 4px;
    cursor: pointer;
}

/* Mobile tweaks */
@media (max-width: 480px) {
    .otp-digit {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }
}