/* CSS File for NIC Contact Form */



.nic-close{
display: none;
}
.spacer-30{
width: 100%;
height: 30px;
}


.buy-course-holder{

}
.buy-course-holder button{
padding: 10px 20px;
display: table;
background-color: #f3bf54;
color: #ffffff;
font-size: 1.2em;
border: none;
}
.buy-course-holder button a:link,
.buy-course-holder button a:active,
.buy-course-holder button a:visited,
.buy-course-holder button a:hover{
color: #000000;
}
.buy-course-holder button:hover{
filter: brightness(120%);
}

#buy-course-modal-outter{

}
#buy-course-modal{
position: fixed; /* Use fixed for modals */
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 500;
background-color: rgba(0, 0, 0, 0.9);
display: flex;
justify-content: center;
align-items: center; /* Center vertically */
}
#buy-course-modal.nic-close{
display: none;
}


.buy-course{
position: relative;
z-index: 800;
width: 680px;
max-height: 650px;
margin: 0px auto;
background-color: #f8f8f8;
padding: 30px;
border: #fafafa 2px solid;
display: flex;
flex-flow: column;
overflow-y:auto
}

.nic_bc_field{
display: flex;
flex-flow: column;
gap: 20px;
margin-bottom: 20px;
} 
.nic_bc_field input,
.nic_bc_field-50 textarea{
padding: 14px;
border: #cccccc 2px solid;
border-radius: 2px;
background-color: #ffffff;
}


.nic_bc_field-50{
flex-flow: row wrap;
justify-content: space-between;
}
.nic_bc_field-50 input{
width: 45%;
}

.buy-course button{
padding: 10px 20px;
display: table;
background-color: #f3bf54;
color: #000000;
font-size: 1.2em;
border: none;
}



.nic_contact_insert_holder{
-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.05); 
box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.05);
}
.nic_contact_insert{
padding: 20px 0px;
}s
.nic_contact_insert_inner{
display: flex;
flex-flow: column;
justify-content: center;
}
.nic_contact_insert_inner h3{
text-align: center;
}
.nic_contact_insert{
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: 20px;
}
.nic_contact_insert li{
min-width: 240px;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
gap: 20px;
padding: 10px 20px;
background-color: #ef6123;
font-size: 1.5em;
color: #ffffff;
}
.nic_contact_insert li a:link,
.nic_contact_insert li a:active,
.nic_contact_insert li a:visited,
.nic_contact_insert li a:hover{
font-size: inherit;
color: #ffffff;
}
.nic_contact_insert li img{
width: 35px;
height: auto;
}
#nic-contact-insert:hover{
cursor: pointer;
}


.in-page-contact-us{
margin-bottom: 20px;
}



.nic-contact-form-holder{
padding: 30px 20px;
background-color: #f2f2f2;
border-radius: 14px;
-webkit-box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.20); 
box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.20);
}

.generic-button{
display: table;
padding: 8px 14px;
text-transform: uppercase;
}
.generic-button-orange{
background-color: #ef6023;
color: #ffffff;
border-radius: 4px;
}
.generic-button:hover{
background-color: #000000;
color: #ffffff;
}

.nic-contact-form{

}

.nic-contact-form input{
padding: 2px !important;
margin-bottom: 14px !important;
border: #ebebeb 1px solid !important;
background-color: #ffffff !important;
}
.nic-contact-form select{
margin-bottom: 14px;
}

.nic-contact-form textarea{
margin-bottom: 30px;
}

#nic-contact-message{
padding: 20px;
border-radius: 14px;
}
.message-success{
padding: 20px;
background-color: #22a3b8;
color: #fafafa !important;
text-align: center;
}
.message-error{
padding: 20px;
background-color: #ff0000;
color: #fafafa !important;
text-align: center;
}




#buy-course-close-modal{
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: auto;
}


#nic-contact-spinner{
padding: 30px 0px;
text-align: center;
}
#nic-contact-spinner img{
margin: 0px auto;
}

.nic-contact-spinner {
   width: 56px;
   height: 56px;
   margin: 0px auto;
   border-radius: 50%;
   border: 9px solid;
   border-color: #cccccc;
   border-right-color: #f3bf54;
   animation: spinner-d3wgkg 1s infinite linear;
}

@keyframes spinner-d3wgkg {
   to {
      transform: rotate(1turn);
   }
}



@media (max-width: 700px){
.main-form-position{
width: 100%;
}

}