/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


#pay_sec{width: 33%;margin: auto;border-radius: 8px;padding: 20px 30px;background: #fff;font-family: "Montserrat", sans-serif;box-shadow: 0px 0px 4px #b7b7b7; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#pay_sec img{margin: 14px auto;display: block;width: 35%;}
#pay_sec h1{font-size: 20px;font-weight: 600;text-align: center;color: #444;}
#zainapay-payment-form{ display: flex;flex-direction: column;gap: 10px; font-family: "Montserrat", sans-serif;}
#pay_sec span{margin-bottom: 20px;display: block;font-size: 15px;}
#zainapay-payment-form > div {width:100%;display: flex;align-items: center;gap: 1em;position: relative;}
#zainapay-payment-form input{border: 1px solid #ddd;border-radius: 10px;font-size: 14px;font-weight: 500;background: #fff;font-family: "Montserrat", sans-serif;width: 100%;}
#zainapay-payment-form > div > div{display: flex;justify-content: center;gap: 5px;align-items: center;width: 40%;}
#zainapay-payment-form > div > div span {margin-bottom:0px}
#pay_sec span strong{color: #888;font-size: 14px;}
#btn_form{border-radius: 10px;font-weight: 500;font-size: 15px;margin-bottom: 0px;background: #1f6b9d;font-family: "Montserrat", sans-serif;}
#pay_sec svg{width: 12%;text-align: center;display: block;margin: auto;margin-bottom: auto;  margin-bottom: 10px; fill:#c91d30 !important}
.para{margin-bottom: 10px;font-size: 14px;font-family: "Montserrat", sans-serif;}
.woocs-style-3-du-dialog-starter{background: #5268aa3d !important;;border-radius: 8px !important;;font-weight: 500 !important;}
.using-mouse :focus, :focus-visible { outline: none }
/* {text-align: center;margin-bottom: 20px;font-family: "Montserrat", sans-serif;} */
#currency-buttons { display: flex; gap: 10px;flex-wrap: wrap; }
.currency-button {padding: 6px 10px;cursor: pointer;background-color: #5b5b5bd1;border-radius: 8px;font-family: "Montserrat", sans-serif;font-size: 13px;font-weight: 500;line-height: 1.7; }
.active-currency { background-color: #1f6b9d  !important; color: white; }
#current_currency_container { margin-top: 15px; font-weight: bold; position: absolute;top: -4px;right: 12px;}
.current_currency_div > p {margin: 0;display: flex;gap: 10px;align-items: center;font-weight: 600;color: #838383;}
#hm_current_currency_container{margin-bottom: 0 !important}
/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
    #pay_sec{width: 95%;}
}

/* Small devices (phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
   #pay_sec{width: 90%;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
   #pay_sec{width: 60%;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1599.98px) {
    /* CSS rules for extra large devices */
}

/* Extra extra large devices (larger desktops, 1600px and up) */
@media (min-width: 1600px) {
    /* CSS rules for extra extra large devices */
}