/* Logo  */
#Top_bar #logo {
    height: 90px !important;
    padding: 5px 0px !important;
}

/* Aboutus Page */
/* Core Values */
.icon-size{
    height: 80px !important;
}

.desc p{
    line-height: 1.1em;
    margin-top: 10px;
    font-size: 1.1em;
}


/* Contact us Page */
.contact-btns:hover h3, .contact-btns:hover, .contact-btns:hover p{
    text-decoration: none;
    color: #1127ff !important;
    background-color: #ADB5FF !important;
}

.contact-get-started-div:hover{
    
    background-color: #ADB5FF !important;
}


/* Whole Website */


/* Font size global */
.font-16px{
    font-size: 17px !important;
    line-height: 1;
}


/* back to top or scroll to top */
.back-to-top {
    /* background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%) !important; */
    background-color: #0043ff;
    display: none;
    position: fixed;
    width: 49px;
    height: 49px;
    right: 135px;
    bottom: 30px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    z-index: 999;
}

.line-height-1dot1{
    line-height: 1.2;
}

/* Top Secondary Menu */
#Action_bar{
    background-color: #0043ff !important;
}
#Action_bar ul a{
    color: #98dbff !important;
}

.color-light-blue
{
    color: #98dbff !important;
}

/* careers section */
.application-img{
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
}

/* ===============================
   Shared validation styles (both forms)
   =============================== */
.invalid-label { 
  color:#d93025 !important;    /* label when invalid */
}
.invalid-field {
  border-color:#d93025 !important;
  outline: none;
  box-shadow: 0 0 0 2px rgba(217,48,37,.12);
}
.form-hint {
  display:block;
  margin-top:.35rem;
  font-size:.85rem;
  line-height:1.2;
  color:#d93025;
}

/* keep the orange star color */
.color_orange { color:#ff6600 !important; }

/* ===============================
   Layout & spacing (both forms)
   =============================== */
#prescription-form .row > [class*="col-"],
#refill-form       .row > [class*="col-"] {
  margin-bottom: 14px;   /* vertical rhythm between each pair of fields */
}


/* label spacing */
#prescription-form label,
#refill-form       label {
  display:block;
  margin-bottom: 6px;
}

/* inputs don’t add extra margin (we already set row spacing) */
#prescription-form input,
#prescription-form select,
#prescription-form textarea,
#refill-form       input,
#refill-form       select,
#refill-form       textarea {
  margin-bottom: 0;
}

/* a bit more space above reCAPTCHA and the submit button */
#prescription-form .g-recaptcha,
#refill-form       .g-recaptcha { 
  margin-top: 8px; 
}

#prescription-form button[type="submit"],
#refill-form       button[type="submit"] {
  margin-top: 10px;
}

/* keep layout tidy on mobile */
.signup-form .col-md-6,
.signup-form .col-md-12 { 
  position: relative; 
}

/* spacing for both new forms */

#careers-form label, #contact-form label { display:block; margin-bottom:6px; }
#careers-form input, #careers-form select, #careers-form textarea,
#contact-form input, #contact-form select, #contact-form textarea { margin-bottom:0; }



/* Career page form Style */
/* Global Form Styling */
.signup-form,
#prescription-form,
#refill-form,
#contact-form {
    max-width: 100%;
    margin: 0 auto;
    
}

.signup-form .row,
#prescription-form .row,
#refill-form .row,
#contact-form .row {
    margin-left: -15px;
    margin-right: -15px;
}

/* Input Fields Styling */
.signup-form input[type="text"],
.signup-form input[type="email"],
.signup-form input[type="tel"],
.signup-form input[type="url"],
.signup-form textarea,
.signup-form input[type="file"],
#prescription-form input[type="text"],
#prescription-form input[type="email"],
#prescription-form input[type="tel"],
#prescription-form input[type="date"],
#prescription-form textarea,
#prescription-form select,
#prescription-form input[type="file"],
#refill-form input[type="text"],
#refill-form input[type="email"],
#refill-form input[type="tel"],
#refill-form input[type="date"],
#refill-form textarea,
#refill-form select,
#refill-form input[type="file"],
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form textarea {
    width: 100%;
    padding: 12px 20px;
    border: 1px solid #ddd;
    border-radius: 20px !important;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

/* Label Styling */
.signup-form label,
#prescription-form label,
#refill-form label,
#contact-form label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

/* Column Spacing */
.signup-form .col-md-6,
.signup-form .col-md-12,
#prescription-form .col-md-6,
#prescription-form .col-md-12,
#refill-form .col-md-6,
#refill-form .col-md-12,
#contact-form .col-md-6,
#contact-form .col-md-12 {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 1rem;
}

/* Submit Button Styling */
.signup-form button[type="submit"],
#prescription-form button[type="submit"],
#refill-form button[type="submit"],
#contact-form button[type="submit"] {
    display: block;
    width: 100%;
    max-width: 300px;
    
    padding: 12px 24px;
    border-radius: 20px;
}

/* ReCaptcha Styling */
.g-recaptcha {
    margin: 1rem 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .signup-form,
    #prescription-form,
    #refill-form,
    #contact-form {
        padding: 1rem;
    }
    
    .signup-form .col-md-6,
    #prescription-form .col-md-6,
    #refill-form .col-md-6,
    #contact-form .col-md-6 {
        width: 100%;
    }
    
    .signup-form button[type="submit"],
    #prescription-form button[type="submit"],
    #refill-form button[type="submit"],
    #contact-form button[type="submit"] {
        width: 100%;
        max-width: none;
    }
}

/* Career page form style ends */

/* Loading Overlay - Spinner - Loader  */
/* Spinner (from your snippet) */
/* HTML: <div class="loader"></div> */
.loader {
  width: 50px;
  aspect-ratio: 1;
  --c: no-repeat radial-gradient(farthest-side, #514b82 92%, #0000);
  background:
    var(--c) 50% 0,
    var(--c) 50% 100%,
    var(--c) 100% 50%,
    var(--c) 0 50%;
  background-size: 10px 10px;
  animation: l18 1s infinite linear;
  position: relative;
}
.loader::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: 3px;
  background: repeating-conic-gradient(#0000 0 35deg, #514b82 0 90deg);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 3px), #000 0);
  mask: radial-gradient(farthest-side, #0000 calc(100% - 3px), #000 0);
  border-radius: 50%;
}
@keyframes l18 { 
  100% { transform: rotate(.5turn) }
}

/* Full-page overlay that centers the spinner */
.loading-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.35);
  display: none;              /* hidden by default */
  align-items: center;
  justify-content: center;
  z-index: 9999;
  backdrop-filter: blur(1px);
}

/* Optional: prevent layout shift when overlay appears */
body.loading {
  overflow: hidden;
}
/* Loading Overlay - Spinner - Loader ENDS */


/* Modifications to all site CSS */
@media only screen and (max-width: 1239px) {

    /* Side menu toggle for tablets and phones */
.is-sticky a.responsive-menu-toggle {
    top: 12px !important;
}
}

@media only screen and (min-width: 768px){
#Top_bar.is-sticky #logo, #Top_bar.is-sticky .custom-logo-link {
    padding: unset !important;
    height: unset !important;
    /* padding: 5px 0!important; */
    /* height: 50px!important; */
    /* line-height: 50px!important; */
}


/* Action Bar - Secondary Menu on Top of the page Mobile screen */


}

@media only screen and (max-width: 767px){
    #Action_bar {
        display: block !important;
        
    }
    #Action_bar .contact_details li.slogan {
        display: unset;
        color: #bbbbbb!important;
    }
    #Action_bar .column ul{
        padding: 2px 0 0 0 !important;
    } 

    /*career seciton */
    .application-img{
        display: none !important;
    }
}