.text-small{font-size:12px;}
.close-popup {
position: absolute;
top:5px;
right: -12px;
z-index: 1;
}
.close-popup button{
width:25px;
height:25px;
background:red;
color: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.popup-contain {
position: fixed;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / 78%);
top: 0;
left: 0;
z-index: 0;
overflow-y: auto;
transition: opacity 1s ease-in-out;
opacity: 0;
display: flex;
align-items: center;
}
.popup-form {
width: 28%;
margin: 0 auto;
}
.apply-seat {
margin-top: 15px;
padding: 0;
background: #0f3db8;
position: relative;
border-radius: 10px;
overflow: hidden;
}
.course-apply {
background-color: #c7f0ff;
}
.earlybird-offer {
padding-top: 5px;
padding-left:9px;
padding-right:9px;
color: #000;
}
.apply-seat > span {
display: block;
color: #fff;
font-weight: 600;
font-size: 1.375rem;
padding: 0.313rem;
}
.apply-seat a {
font-size: 1.875rem;
color: #000000;
font-weight: 500;
padding-bottom: 0.625rem;
}
.apply-form .form-group .form-control{
background: #fff;
border: 1px solid #a3a3a3;
color: #737373;
height: calc(1.4em + .70rem + 1px);
}
.apply-form .form-group, .form-check{
margin-bottom: 7px;
padding: 0 20px;
}
.form-check{display:flex;align-items:center;}
.frm-submit .btn {
width:100%;
background-color: #0f3db8;
color: #fff;
border: none;
border-radius:0;
cursor: pointer;
padding: 8px 10px;
text-transform: uppercase;
font-weight: 500;
font-size: 17px;
}
.frm-submit .btn:hover {
background-color: #002546;
}
.recaptcha-wrap {
display: flex;
height: 35px;
margin:0 20px 10px;
border: 1px solid #a3a3a3;
border-radius: 5px;
position: relative;
align-items: center;
background-image: url(/course-assets/captcha-logo.png);
background-color: #fff;
background-position: right;
background-repeat: no-repeat;
background-size: 35px;
overflow: hidden;
}
.captcha {
background-color: #f9f9f9;
border-radius: 5px;
color: #4c4a4b;
display: flex;
align-items: center;
}
.captcha .text {font-size: 16px;}
.spinner {
position: relative;
width: 2em;
height: 2em;
display: flex;
margin: 5px 10px;
align-items: center;
justify-content: center;
}
.captcha .spinner label input[type=checkbox] {
width: 16px;
height: 16px;
}
.spinner label {
margin-bottom: 0;
display: flex;
justify-content: center;
align-items: center;
}
.form-check-input{position: relative;margin:0 3px 0 0;}
.blink{
animation: blinker 1.6s linear infinite;
color: #0d3db8;
padding: 3px;
border-radius: 10px;
}
@keyframes blinker{
50% {
opacity: 0;
}
}
@media only screen and (min-width: 1500px){
.popup-form{width:24%;}
.earlybird-offer{padding:5px 10px 0;}
.apply-form .form-group .form-control{height: calc(1.4em + .70rem + 5px);}
}
@media only screen and (max-width: 991px) {
.popup-form {
width:45%;
}
}
@media only screen and (max-width: 767px) {
.popup-form {
width:55%;
}
}
@media only screen and (max-width: 667px) {
.popup-form {
width:60%;
}
}
@media only screen and (max-width: 567px) {
.popup-form {
width:70%;
}
}
@media only screen and (max-width: 480px) {
.popup-form {
width:85%;
}
.earlybird-offer{padding:5px;}
.earlybird-offer strong{font-size:0.938rem;}
}