@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400&family=Noto+Sans&family=Roboto+Condensed:wght@300;400&display=swap');

/* Product padding */
.eit_ebecas_product_padding {
    padding-top: 25px !important;
    padding-right: 15px !important;
    padding-left: 40px !important;
}

/* all placeholder */
#eit_ebecas_form ::placeholder {
    font-size: small !important;
}

/* whole from backgraound */
.bg1 {
    background-color: #f7f7f7;
}

/* Form */
#eit_ebecas_form {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* First Container */
#container-eit-ebecas_form {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100vh !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 15px !important;

}

/* Warp form (2nd div) */
#wrap-eit-ebecas_form {
    width: 920px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 30px;
    box-shadow: 0 15px 35px #CCCCCC;
    position: center;
}

/* Form Title */
#eit-ebecas-form-title {
    display: block;
    width: 100%;
    font-size: 39px;
    color: #333333;
    line-height: 1.2;
    text-align: center;
    padding-bottom: 59px;
}

/* Div to wrap all the input and labels */
.wrap-eit-ebecas-input {
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 13px;
    padding: 10px 30px 9px 22px !important;
    margin-bottom: 20px;
    background-color: #f7f7f7;
}
#eit_ebecas_test_score input{
    width: 52%;
    position: relative;
    border: none;
    border-radius: 13px;
    border-bottom: 2px solid rgb(24, 5, 5);
    padding: 10px 30px 9px 22px !important;
    margin-bottom: 20px;
    background-color: #f7f7f7;
} 
/*-------------------------------------------Transition of small divs-------------------------------------------------*/
#eit_ebecas_country:focus-within,
#eit_ebecas_language:focus-within,
#eit_ebecas_visa:focus-within,
#eit_ebecas_english_level:focus-within,
#eit_ebecas_visa_type:focus-within,
#eit_ebecas_visa_apply:focus-within,
.eit_ebecas_visa_upload:focus-within,
#eit_ebecas_english_level_type:focus-within,
#eit_ebecas_form_field:focus-within,
#eit-location-select:focus-within,
.wrap-eit-ebecas-input:focus-within,
.eit_ebecas_course:focus-within,
.eit_ebecas_insurance:focus-within,
.eit_ebecas_accommodation:focus-within,
.eit_ebecas_arrangement:focus-within,
.eit_ebecas_airport_pickup:focus-within,
.eit_ebecas_airport_dropoff:focus-within,
.eit_ebecas_others:focus-within,
.eit_ebecas_email_code:focus-within {
    transform: scale(1.05, 1.05) !important;
    border-color: #0acffe;
    box-shadow: 0 15px 35px #CCCCCC;
}

/*---------------------------------------------------------------------------*/
.eit_ebecas_course,
.eit_ebecas_insurance,
.eit_ebecas_accommodation,
.eit_ebecas_arrangement,
.eit_ebecas_airport_pickup,
.eit_ebecas_airport_dropoff,
.eit_ebecas_others {
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 13px;
    padding: 10px 30px 9px 22px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
}

.border-style-eit {
    box-shadow: 0 15px 35px #CCCCCC;
}

.eit_ebecas_others select {
    height: 100px;
}

#eit_ebecas_country,
#eit_ebecas_form_field {
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 13px;
    padding: 10px 30px 9px 22px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
    width: calc((100% - 30px) / 2);
}

#eit_ebecas_language,
.visa-select,
#eit_ebecas_visa,
#eit_ebecas_english_level,
#eit_ebecas_visa_type,
#eit_ebecas_visa_apply,
.eit_ebecas_visa_upload,
#eit_ebecas_english_level_type,
#eit-location-select {
    width: 100%;
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 13px;
    padding: 10px 30px 9px 22px !important;
    margin-bottom: 20px;
    background-color: #f7f7f7;

}

/*---------------------Label Font Styling---------------------------*/
.eit-rs1-wrap-input label,
#eit_ebecas_country label,
#eit_ebecas_language label,
#eit_ebecas_visa label,
#eit_ebecas_english_level label,
#eit_ebecas_visa_type label,
#eit_ebecas_visa_apply label,
#eit_ebecas_visa_upload label,
#eit_ebecas_english_level_type label,
#eit-location-select label,
.eit_ebecas_course label,
.eit_ebecas_course,
.eit_ebecas_insurance,
.eit_ebecas_accommodation,
.eit_ebecas_arrangement,
.eit_ebecas_airport_pickup,
.eit_ebecas_airport_dropoff,
.eit_ebecas_others {
    font-size: 12px !important;
    font-family: "Roboto Condensed", sans-serif !important;
}

/*--------------------------------------------------------------------*/

.eit_application_details {
    width: 100%;
    position: relative;
    padding: 25px 25px 25px 25px !important;
    margin-bottom: 20px;
}

.eit_application_details label {
    font-size: 12px !important;
    font-family: "Roboto Condensed", sans-serif !important;
    color: #353535 !important;
    display: block !important;
    opacity: 1 !important;
    pointer-events: none;
    width: 100% !important;
    height: 100% !important;
    padding-left: 10px;
}

.eit_application_details textarea {
    box-shadow: none !important;
    border-radius: 0px !important;
    border-color: #353535 !important;
    border-style: none none solid none !important;
    padding: 5px;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent !important;
    line-height: 1.2;
    font-size: medium;
    font-family: "Roboto Condensed", sans-serif !important;
}

.eit_application_details textarea::placeholder {
    color: transparent;
}

.eit_application_details textarea:focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: #0aa9e8 !important;
}


.eit_application_details:focus-within {
    transform: scale(1.05, 1.05) !important;
}

/*----------------------------Tag---------------------------------------------------------------*/
small {
    font-size: 100% !important;
    font-family: "Roboto Condensed", sans-serif !important;
}

/*----------------------course date & price--------------------------------------------------*/
#eit_ebecas_course_date_price {
    transition: all .3s;
    margin-bottom: 1em;
    width: 100%;
    position: relative;
    padding: 25px 25px 0px 25px !important;
    /*margin-bottom: 20px;*/
}

#eit_ebecas_course_date_price label {
    font-size: 12px !important;
    font-family: "Roboto Condensed", sans-serif !important;
    color: #2d2c2c !important;
    display: block !important;
    opacity: 1 !important;
    pointer-events: none;
    width: 100% !important;
    height: 100% !important;
    padding-left: 10px;
}

#eit_ebecas_course_date_price input {
    box-shadow: none !important;
    border-radius: 0px !important;
    border-color: #2d2c2c !important;
    border-style: none none solid none !important;
    transition: all .10s !important;
    padding: 5px;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}

#eit_ebecas_course_date_price input::placeholder {
    color: transparent;
}

#eit_ebecas_course_date_price input:focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: #0aa9e8 !important;
}



#eit_ebecas_course_date_price:focus-within {
    transform: scale(1.05, 1.05) !important;
}

/*----------------------Insurance date---------------------------------------*/
#eit_ebecas_insurance_date_price {
    transition: all .3s;
    width: 100%;
    position: relative;
    padding: 25px 25px 0px 25px !important;
    margin-bottom: 20px;
}

#eit_ebecas_insurance_date_price label {
    font-size: 12px !important;
    font-family: "Roboto Condensed", sans-serif !important;
    color: #353535 !important;
    display: block !important;
    opacity: 1 !important;
    transform: translateY(-2.75em) !important;
    transform-origin: 0 0 !important;
    transition: all .3s !important;
    pointer-events: none;
    width: 100% !important;
    height: 100% !important;
    padding-left: 10px;
}

#eit_ebecas_insurance_date_price input {
    box-shadow: none !important;
    border-radius: 0 !important;
    border-color: #353535 !important;
    border-style: none none solid none !important;
    transition: all .10s !important;
    padding: 5px;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}

#eit_ebecas_insurance_date_price input::placeholder {
    color: transparent;
}

#eit_ebecas_insurance_date_price input:focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: #0aa9e8 !important;
}

#eit_ebecas_insurance_date_price input:focus ~ label,
#eit_ebecas_insurance_date_price input:not(:placeholder-shown) ~ label {
    transform: translateY(-4em) scale(.8) !important;
}

#eit_ebecas_insurance_date_price:focus-within {
    transform: scale(1.05, 1.05) !important;
}

/*------------------------------Accommodation details------------------------------------------------------*/
#eit_ebecas_accommodation_date_price {
    transition: all .3s;
    width: 100%;
    position: relative;
    padding: 25px 25px 0px 25px !important;
    margin-bottom: 20px;
}

#eit_label_accommodation_checkIn {
    font-size: 12px !important;
    font-family: "Roboto Condensed", sans-serif !important;
    color: #353535 !important;
    display: block !important;
    opacity: 1 !important;
    transform: translateY(-2.75em) !important;
    transform-origin: 0 0 !important;
    transition: all .3s !important;
    pointer-events: none;
    width: 100% !important;
    height: 100% !important;
    padding-left: 10px;
}

#eit_label_accommodation_checkOut {
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 12px !important;
    color: #353535 !important;
    display: block !important;
    opacity: 1 !important;
    transform: translateY(-2.75em) !important;
    transform-origin: 0 0 !important;
    transition: all .3s !important;
    pointer-events: none;
    width: 100% !important;
    height: 100% !important;
    padding-left: 10px;
}

#eit_ebecas_accommodation_date_price input {
    box-shadow: none !important;
    border-radius: 0px !important;
    border-color: #353535 !important;
    border-style: none none solid none !important;
    transition: all .10s !important;
    padding: 5px;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}

#eit_ebecas_accommodation_date_price input::placeholder {
    color: transparent;
}

#eit_ebecas_accommodation_date_price input:focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: #0aa9e8 !important;
}

#eit_ebecas_accommodation_date_price input:focus ~ label,
#eit_ebecas_accommodation_date_price input:not(:placeholder-shown) ~ label {
    transform: translateY(-4em) scale(.8) !important;
}

#eit_ebecas_accommodation_date_price input:focus ~ #eit_label_accommodation_checkIn,
#eit_ebecas_accommodation_date_price input:not(:placeholder-shown) ~ #eit_label_accommodation_checkIn {
    transform: translateY(-4em) scale(.8) !important;
}

#eit_ebecas_accommodation_date_price input:focus ~ #eit_label_accommodation_checkOut,
#eit_ebecas_accommodation_date_price input:not(:placeholder-shown) ~ #eit_label_accommodation_checkOut {
    transform: translateY(-4em) scale(.8) !important;
}

#eit_label_accommodation {
    font-size: 12px !important;
    font-family: "Roboto Condensed", sans-serif !important;
    color: #353535 !important;
    display: block !important;
    opacity: 1 !important;
    transform: translateY(-4em) !important;
    transform-origin: 0 0 !important;
    transition: all .3s !important;
    pointer-events: none;
    width: 100% !important;
    height: 100% !important;
    padding-left: 10px;
}

#eit_ebecas_accommodation_date_price textarea::placeholder {
    color: transparent;
}

#eit_ebecas_accommodation_date_price textarea {
    box-shadow: none !important;
    border-radius: 0px !important;
    border-color: #353535 !important;
    border-style: none none solid none !important;
    transition: all .10s !important;
    padding: 5px;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent !important;
    line-height: 2;
    font-size: 10px;
    font-family: "Roboto Condensed", sans-serif !important;
}

#eit_ebecas_accommodation_date_price textarea:focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: #0aa9e8 !important;
}

#eit_ebecas_accommodation_date_price textarea:focus ~ #eit_label_accommodation,
#eit_ebecas_accommodation_date_price textarea:not(:placeholder-shown) ~ #eit_label_accommodation {
    transform: translateY(-10em) scale(.7) !important;
}

#eit_ebecas_accommodation_date_price:focus-within {
    transform: scale(1.05, 1.05) !important;
}

/*--------------------------------Application Code----------------------------------------------------------------*/
.eit_ebecas_email_code {
    border: 1px solid #e6e6e6;
    border-radius: 13px;
    background-color: #f7f7f7;
    transition: all .3s;
    margin-bottom: 1em;
    width: 100%;
    position: relative;
    padding: 25px 30px 9px 22px !important;
    margin-bottom: 20px;
}

#eit_ebecas_email_code label {
    font-size: 12px !important;
    font-family: "Roboto Condensed", sans-serif !important;
    color: #353535 !important;
    display: block !important;
    opacity: 1 !important;
    transform: translateY(-4.75em) !important;
    transform-origin: 0 0 !important;
    transition: all .3s !important;
    pointer-events: none;
    width: 100% !important;
    height: 20% !important;
    padding-left: 10px;
}

#eit_ebecas_email_code input {
    box-shadow: none !important;
    border-radius: 0px !important;
    border-color: #353535 !important;
    border-style: none none solid none !important;
    transition: all .10s !important;
    padding: 5px;
    width: 100% !important;
    height: 80% !important;
    background-color: transparent !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}

#eit_ebecas_email_code input::placeholder {
    color: transparent;
}

#eit_ebecas_email_code input:focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: #0aa9e8 !important;
}

#eit_ebecas_email_code input:focus ~ label,
#eit_ebecas_email_code input:not(:placeholder-shown) ~ label {
    transform: translateY(-7em) scale(.9) !important;
}

#eit_ebecas_email_code:focus-within {
    transform: scale(1.05, 1.05) !important;
}

/*-------------------------------Airport Pick-----------------------------------------------------*/
#eit_ebecas_airport_pickup_details {
    transition: all .3s;
    margin-bottom: 1em;
    width: 100%;
    position: relative;
    padding: 25px 25px 0px 25px !important;
    /*margin-bottom: 20px;*/
}

#eit_ebecas_airport_pickup_details label {
    font-size: 12px !important;
    font-family: "Roboto Condensed", sans-serif !important;
    color: #353535 !important;
    display: block !important;
    opacity: 1 !important;
    transform: translateY(-2.75em) !important;
    transform-origin: 0 0 !important;
    transition: all .3s !important;
    pointer-events: none;
    width: 100% !important;
    height: 100% !important;
    padding-left: 10px;
}

#eit_ebecas_airport_pickup_details input {
    box-shadow: none !important;
    border-radius: 0px !important;
    border-color: #353535 !important;
    border-style: none none solid none !important;
    transition: all .10s !important;
    padding: 5px;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}

#eit_ebecas_airport_pickup_details input::placeholder {
    color: transparent;
}

#eit_ebecas_airport_pickup_details input:focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: #0aa9e8 !important;
}

#eit_ebecas_airport_pickup_details input:focus ~ label,
#eit_ebecas_airport_pickup_details input:not(:placeholder-shown) ~ label {
    transform: translateY(-4em) scale(.8) !important;
}

#eit_ebecas_airport_pickup_details:focus-within {
    transform: scale(1.05, 1.05) !important;
}

/*------------------------------------------------------------------------------------*/
#eit_ebecas_airport_dropoff_details {
    transition: all .3s;
    margin-bottom: 1em;
    width: 100%;
    position: relative;
    padding: 25px 25px 0px 25px !important;
    /*margin-bottom: 20px;*/
}

#eit_ebecas_airport_dropoff_details label {
    font-size: 12px !important;
    font-family: "Roboto Condensed", sans-serif !important;
    color: #353535 !important;
    display: block !important;
    opacity: 1 !important;
    transform: translateY(-2.75em) !important;
    transform-origin: 0 0 !important;
    transition: all .3s !important;
    pointer-events: none;
    width: 100% !important;
    height: 100% !important;
    padding-left: 10px;
}

#eit_ebecas_airport_dropoff_details input {
    box-shadow: none !important;
    border-radius: 0px !important;
    border-color: #353535 !important;
    border-style: none none solid none !important;
    transition: all .10s !important;
    padding: 5px;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent !important;
    font-family: "Roboto Condensed", sans-serif !important;
}

#eit_ebecas_airport_dropoff_details input::placeholder {
    color: transparent;
}

#eit_ebecas_airport_dropoff_details input:focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: #0aa9e8 !important;
}

#eit_ebecas_airport_dropoff_details input:focus ~ label,
#eit_ebecas_airport_dropoff_details input:not(:placeholder-shown) ~ label {
    transform: translateY(-4em) scale(.8) !important;
}

#eit_ebecas_airport_dropoff_details:focus-within {
    transform: scale(1.05, 1.05) !important;
}

/*--------------------------Sending code----------------------------------------------------------*/
#sending_code, #products_loading, #calculate_price {
    background-color: #f7f7f7;
    border-radius: 13px;
    width: 100%;
    position: relative;
    padding: 10px 30px 9px 22px !important;
    border-color: #0acffe !important;
    border: 1px solid;
    font-size: 15px;
}

#loader-image {
    background: #f7f7f7 url("images/loader-eit.gif") center no-repeat;
    background-size: 40px;
    width: 35px;
    height: 20px;
    display: inline-block;
    vertical-align: text-bottom;
}

/*-------------------------student portal form----------------------------------------*/

#form-groups {
    transition: all .3s;
    width: 100%;
    position: relative;
    padding: 25px 30px 9px 22px !important;
    margin-bottom: 20px;
}

#form-groups label {
    font-size: 12px !important;
    font-family: "Roboto Condensed", sans-serif !important;
    color: #353535 !important;
    display: block !important;
    opacity: 1 !important;
    transform: translateY(-3em) !important;
    transform-origin: 0 0 !important;
    transition: all .3s !important;
    pointer-events: none;
    width: 100% !important;
    height: 100% !important;
    padding-left: 10px;
    margin-top: -5px;

}

#form-groups input {
    box-shadow: none !important;
    border-radius: 0px !important;
    border-color: #353535 !important;
    border-style: none none solid none !important;
    transition: all .10s !important;
    padding: 5px;
    width: 100% !important;
    height: 80% !important;
    background-color: transparent !important;
    font-family: "Roboto Condensed", sans-serif !important;

}

#form-groups input::placeholder {
    color: transparent;
}

#form-groups input:focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: #0aa9e8 !important;
}

#form-groups input:focus ~ label,
#form-groups input:not(:placeholder-shown) ~ label {
    transform: translateY(-4.5em) scale(.9) !important;
}

#form-groups:focus-within {
    transform: scale(1.05, 1.05) !important;
}

/*----------------------- Placeholder Tag----------------------------------------- */
#eit_ebecas_form ::placeholder {
    font-family: arial, sans-serif !important;
}

.eit-rs1-wrap-input {
    width: calc((100% - 30px) / 2);
}

.eit_dob input[type="text"] {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
}

.eit_ebecas_test_date input[type="text"] {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
}

.container-eit-form-btn {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    padding-top: 20px !important;
    width: 100% !important;
}

.container-eit-form-btn input[type="submit"] {
    background-color: #1d2fd3 !important;
    border: none !important;
    color: white;
    padding: 15px 32px;
    text-align: center !important;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 10px;
    width: 300px !important;
    font-family: "Roboto Condensed", sans-serif !important;

}

#eit_ebecas_form select {
    background: transparent !important;
    border: 1px solid #f3f3f3 !important;
    /* height: 3em !important; */
    max-width: 100% !important;
    font-size: medium !important;
    font-family: "Roboto Condensed", sans-serif !important;

}

/*-------------------------------table----------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

tr:nth-child(even) {
    background-color: #f2f2f2
}

.eit_ebecas_th_des th,
.eit_ebecas_th_des td {
    padding: 0 10px 0 10px !important;
}

.grecaptcha-badge {
    visibility: hidden;
    opacity: 0;
    transition: linear opacity 1s;
}

.grecaptcha-badge-text {
    text-align: center;
    display: block;
    width: 100%;
    background: transparent;
    font-size: 10px;
    color: #555555;
    line-height: 1.2;
    padding-right: 15px;
}