.popup-modal { width: 50%; display: none; visibility: hidden; opacity: 0; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 999; }
.popup-content{ display: flex; justify-content: center; align-items: center; padding:40px; background-color: #E7E9EA; width: 100% }
.wrap-full-name, .wrap-mobile-number, .wrap-location{ margin: 10px 10px; }

.wrap-full-name label{ font-family: Open Sans;
font-size: 13.9px;
font-weight: 500;
line-height: 18.93px;
text-align: left;
padding-bottom: 0px;
color: #117C9E;
}
.wrap-full-name input{ margin: 5px 0; width: 100%; height: 43px; color: #ACAFB0; border: 0.87px solid #C3D6DD; font-family: Open Sans;
font-size: 13.9px;
font-weight: 500;
line-height: 18.93px;
text-align: left;
border-radius: 9px;
padding: 5px;
}
.wrap-full-name select{ margin: 5px 0; width: 100%; height: 43px; color: #ACAFB0; border: 0.87px solid #C3D6DD; font-family: Open Sans;
font-size: 13.9px;
font-weight: 500;
line-height: 18.93px;
text-align: left;
border-radius: 9px;
padding: 5px;
}
.wrap-mobile-number label{ font-family: Open Sans;
    font-size: 13.9px;
    font-weight: 500;
    line-height: 18.93px;
    text-align: left;
    padding-bottom: 0px;
    color: #117C9E;
}
.wrap-mobile-number input{ margin: 5px 0; width: 100%; height: 43px; color: #ACAFB0; border: 0.87px solid #C3D6DD; font-family: Open Sans;
    font-size: 13.9px;
    font-weight: 500;
    line-height: 18.93px;
    text-align: left;
    border-radius: 9px;
    padding: 5px;
}
.wrap-mobile-number select{ margin: 5px 0; width: 100%; height: 43px; color: #ACAFB0; border: 0.87px solid #C3D6DD; font-family: Open Sans;
    font-size: 13.9px;
    font-weight: 500;
    line-height: 18.93px;
    text-align: left;
    border-radius: 9px;
    padding: 5px;
}
.wrap-location label{ font-family: Open Sans;
        font-size: 13.9px;
        font-weight: 500;
        line-height: 18.93px;
        text-align: left;
        padding-bottom: 0px;
        color: #117C9E;
}
.wrap-location input{ margin: 5px 0; width: 100%; height: 43px; color: #ACAFB0; border: 0.87px solid #C3D6DD; font-family: Open Sans;
    font-size: 13.9px;
    font-weight: 500;
    line-height: 18.93px;
    text-align: left;
    border-radius: 9px;
    padding: 5px;
}
        .wrap-location select{ margin: 5px 0; width: 100%; height: 43px; color: #ACAFB0; border: 0.87px solid #C3D6DD; font-family: Open Sans;
        font-size: 13.9px;
        font-weight: 500;
        line-height: 18.93px;
        text-align: left;
        border-radius: 9px;
        padding: 5px;
        }
.que{ display: block !important; width: 94%;
}
.wrap-full-name input::placeholder, .wrap-mobile-number input::placeholder, .wrap-location input::placeholder { color: #ACAFB0;
}

.wrap-location select::placeholder { color: #ACAFB0;
}
.popup-content form{ background-color: #fff; padding: 30px 20px; border-radius: 16px; border: 8px solid #BAD3DF; width: 100%; position: relative; }
.close-popup{ position: absolute; right: 55px; top: 55px; z-index: 999;}
.submit-wrapper{ text-align: center; font: 500 16px / 20px "Open Sans", sans-serif; }
#edit-popup-callback-submit{ display: inline-flex; background: linear-gradient(92.27deg, #10779B 0.39%, #052935 100.01%); border: none; color: #fff; padding: 10px 30px; border-radius: 6px; margin: 10px 0; font-weight: 500; }
#open-popup{padding: 10px 20px; font-size: 16px; background: #992921; color: #fff; border: none; border-radius: 5px; cursor: pointer; transform: rotate(90deg); position: absolute; right: -60px; font: 500 16px / 20px "Open Sans", sans-serif; }
#popup-callback-form h3{
text-align: center;
font-size: 18px; padding: 2px; font-family: 'Open Sans';
color: #117C9E;
line-height: 23px;
margin-bottom: 0px !important;
}
/* Mobile-specific styles */
@media (max-width: 768px) {
    #popup-callback-form h3 { text-align: center; font-size: 14px; padding: 0px 15px; font-family: 'Open Sans'; color: #117C9E; line-height: 23px;
} .popup-modal { width: 90%; /* Adjust width for mobile */ max-height: 90vh; /* Ensure the form fits within the viewport height */ overflow-y: auto; /* Enable scrolling on smaller screens */ }
#popup-callback-form { width: 100%; /* Use full container width for mobile */ padding: 20px 15px; }
#open-popup { position: static; transform: none; margin-top: 20px; }
   .header-cta-outer { display: block !important; }
    #block-ctaentitiesblock-2{
display: none;
}
.wrap-full-name, .wrap-mobile-number, .wrap-location { display: block; width: 100%; margin: 4px 0;
}
.que{
width: 100%;
}
.wrap-full-name input, .wrap-mobile-number input, .wrap-location input { margin: 0px 0; width: 100%; height: 30px; color: #ACAFB0; border: 0.87px solid #C3D6DD; font-family: Open Sans; font-size: 13.9px; font-weight: 500; line-height: 18.93px; text-align: left; border-radius: 9px; padding: 5px;
}
.wrap-location select { margin: 0px 0; width: 100%; height: 30px; color: #ACAFB0; border: 0.87px solid #C3D6DD; font-family: Open Sans; font-size: 13.9px; font-weight: 500; line-height: 18.93px; text-align: left; border-radius: 9px; padding: 5px;
}
 #requestCallbackButton { position: static; transform: none; margin: 20px; }
}
/* Styles specifically for screens between 769px and 1040px in width */
@media (min-width: 769px) and (max-width: 1040px) { .popup-modal { width: 70%; /* Adjust width for medium screens */ max-height: 80vh; /* Ensure the form fits within the viewport height */ overflow-y: auto; /* Enable vertical scrolling if needed */ }
#popup-callback-form { padding: 25px 20px; /* Adjust padding for a slightly smaller form */ width: 100%; /* Make sure the form uses full container width */ }
#open-popup { position: absolute; /* Keep button in place */ right: -50px; /* Adjust position for this screen size */ }
#edit-popup-callback-submit { padding: 8px 25px; /* Slightly smaller button size */ font-size: 15px; }
}