:root {
  --TFC: #F25926;
  --TCH: #C93085;
  --TCS: #12828F;
  --TEY: #FF961A;
  --TSW: #B8262E;
  --TLC: #78AB33;
  --TAC: #0E80C6;
  --TC: #A1D11C;
  --TE: #1C6394;
  --TBI: #EDC238;
  --TOF: #5c03a3;
  --TFC-LIGHT: rgba(237, 69, 69, 0.10);
  --TCH-LIGHT: rgba(201, 48, 133, 0.10);
  --TCS-LIGHT: rgba(18, 130, 143, 0.10);
  --TEY-LIGHT: rgba(255, 150, 26, 0.10);
  --TSW-LIGHT: rgba(184, 38, 46, 0.10);
  --TLC-LIGHT: rgba(120, 171, 51, 0.10);
  --TAC-LIGHT: rgba(14, 128, 198, 0.10);
  --TC-LIGHT: rgba(161, 209, 28, 0.10);
  --TE-LIGHT: rgba(28, 99, 148, 0.10);
  --TBI-LIGHT: rgba(237, 194, 56, 0.10);
  --TOF-LIGHT: rgba(92, 3, 163, 0.10);
}
#home-announcement { border-radius: 10px; width: 45%; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; background-color: transparent; box-shadow: none !important;}
#home-announcement .modal{padding:0px !important; margin:0px !important;}
/* course list css*/
/* .h-100 {height: 100%;}
.white-box-24 { background:#fff;padding: 24px;border-radius: 16px;}
.radio-list {margin-bottom: 24px;}
.course-filter-lt h2 {margin-bottom: 16px;}
.secondry-h2 {font-weight: 500;} */
/* h2 {
  font-weight: var(--semiBold600);
  color: var(--color-26);
  font-size: var(--heading4);
  line-height: 22px;
  margin-top: 0;
  text-transform: capitalize;
} */
/* .select-wrapper input.select-dropdown {
  background:
url("../images/arrow-down.svg") right 16px center no-repeat;
    background-color: rgba(0, 0, 0, 0);
  border: 1px solid #c5c5c5;
  text-transform: capitalize;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  padding:
0 30px 0 10px;
  border-radius: 8px;
  color:  #393939;
  margin-bottom: 16px;
  text-transform: capitalize;
  background-color: white;
} */
#home-announcement .bg img{
  margin-left: 7.8%;
  float:left;
  user-select: none;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1600px){
  #home-announcement{width: 60%;}
}  
@media only screen and (max-width: 1024px){
  #home-announcement{width: 90%;}
}

#request_help .modal-header, #chat_engagement .modal-header, #frozen_popup .modal-header, #request_a_prices .modal-header, .shown_modal_style .modal-header{border:0;padding:0;}
#request_help .modal-body, #chat_engagement .modal-body, .shown_modal_style .modal-body{padding-bottom:0;padding-top:45px;}
#request_help .modal-body p, #chat_engagement .modal-body p{ font-size: 14px;}
.chat_engagement{position:fixed;right:30px;bottom:30px;z-index:9;}
.chat_engagement img{width:60px;}
.modal_course_body.description_learning{border:none;background:none;padding:0;overflow-y:auto;max-height:560px;}
.modal_course_body.description_learning .booking_with_credit{margin:30px 0;}
.modal_course_body.description_learning .feature_image{display:table;width:50%;margin:0 auto;}
.static_map{margin-top:30px;display:block;border-radius:10px 10px 0px 0px;overflow:hidden;}
.static_map img{display:block;width:100%;}
.tabs .tab a{position:relative;overflow:inherit;}
.tabs .tab .connterSaved{position:absolute;width:24px;height:24px;left:39px;top:0px;background:#181925;border-radius:24px;color:white;font-size:12px;line-height:normal;padding:1px 5px;font-weight:500;display:flex;align-items:center;justify-content:center;}
#showCourseDetail.bookingmodal{max-width:90%;height:80%;overflow-y:auto;}
.course_main_img{width:100%;display:block;}
#showCourseDetail .row.d-flex{margin-left:-.75rem;margin-right:-.75rem;}
#showCourseDetail .learn_inside2 img{width:320px;}
#showCourseDetail .learn_inside2 h3{font-size:24px;margin:0;}
#showCourseDetail .learn_inside2 p{font-size:14px;}
#showCourseDetail .modal_close{position:fixed;background:#fff;width:100%;text-align:right;padding:10px 20px;margin:0 -20px;top:0;z-index: 9;}
.course_tags{margin:0 15px}
#showCourseDetail.bookingmodal .access_inside_view{margin-top:30px;}
#showCourseDetail.bookingmodal{overflow:hidden;}
#showCourseDetail .modal-content{overflow-y:auto;height:100%;padding:40px 20px;}
.inner_grid_training .tag{margin-right:8px;margin-left:0px;}
.case_section,.media_press_section{padding-bottom:0;}
.wrapper_case{max-width:1260px;display:flex;justify-content:flex-start;align-items:center;margin:0 auto;gap:30px;flex-wrap:wrap;}
.card_case{background:#FFFFFF;box-shadow:0px 4px 8px rgba(0,0,0,0.1);display:flex;align-items:center;}
.card_case_content{padding:20px;max-width:320px;min-width:320px;}
.card_case_content img{width:24px;margin-bottom:20px;}
.card_case_content h3{font-weight:700;font-size:24px;line-height:30px;letter-spacing:0.012em;color:#323232;margin:0 0 10px;}
.card_case_content .mini_description{min-height:90px;margin-bottom:40px;}
.card_case_content p{font-weight:400;color:#000000;font-size:14px;}
.card_case_content .btn{font-size:14px;}
.card_case_img{width:auto;height:325px;min-width:270px;max-width:270px; margin-left: auto;}
.card_case_img img{clip-path:circle(75% at 84% 50%);display:block;height:100%;width:100%;object-fit:cover;}
#casemodal{border-radius:10px;width:90%;}
#casemodal .modal-content{padding:20px !important;}
.details_case_profile{display:flex;}
.details_case_profile .case_right{border-left:1px solid #E0E0E0;margin-left:20px;padding-left:20px;}
.details_case_profile img{object-fit:cover;min-width:397px;max-width:397px;border-radius:4px;max-height:360px;min-height:360px;}
.details_case_profile .case_right h2{font-weight:700;font-size:24px;line-height:normal;letter-spacing:0.012em;color:#323232;margin-bottom:10px;display:inline-flex;align-items:center;position: relative;}
.details_case_profile .case_right h2 a{color:#323232;font-size:20px;margin-left:10px;margin-top:6px;}
.details_case_profile .case_right p{font-weight:400;font-size:12px;line-height:18px;color:#000000;margin-bottom:16px;}
.media_press_section li{background:#FFFFFF;box-shadow:0px 4px 8px rgba(0,0,0,0.1);order:1;flex-grow:0;width:calc(25% - 30px);}
.media_press_section li .item_img{width:100%;min-height:288px;max-height:288px;object-fit: cover;}
.media_press_section li .card_case_img2{position:relative;}
.media_press_section li .card_case_img2 .sector_logo{position:absolute;left:20px;top:20px;width:20px;}
.card_case_info{padding:10px 20px 20px;}
.card_case_info .date_case{font-weight:400;font-size:12px;line-height:normal;text-transform:uppercase;color:#C5C5C5;}
.card_case_info h3{font-weight:700;font-size:24px;line-height:30px;letter-spacing:0.012em;color:#323232;margin-top:0;margin-bottom:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.card_case_info p{font-weight:400;color:#000000;margin-bottom:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;min-height:90px;}
.card_case_content p br{display:none;}
.card_case_info .btn{font-size:14px;}
.loadbtndiv{margin-top:48px}
.details_case_profile .dropdown-menu{background-color:white;border:none;box-shadow:0px 5px 12px rgba(0,0,0,0.1);border-radius:8px;left:0;min-width:max-content;margin-top:34px;}
.details_case_profile .social-icon a{color:white !important;margin-top:0 !important;margin-left:0 !important;margin-right:6px;}
.details_case_profile .social-icon a:last-child{margin-right:0}
.btn-sm{height:48px;font-size:14px;min-width:100px;line-height:normal;}

.feature_sector_item{border-left:3px solid var(--primary-color);padding-left:20px;margin-bottom:30px;}
.feature_sector_item .count_step{border:1px solid var(--primary-color);font-weight:500;font-size:14px;padding:0;border-radius:20px;width:50px;height:30px;display:flex;align-items:center;justify-content:center;}
.feature_sector_item h4{margin:10px 0;line-height:normal;font-size:20px;font-weight:600;}
.feature_sector_item p{font-size:17px;color:var(--paragraph-color);margin:0;}
.pb-0{ padding-bottom: 0 !important;}

.benefits_row{border:1px solid var(--border-color);border-radius:10px;padding:20px;}
.benefits_row .row{margin-left:-.75rem;margin-right:-.75rem;}
.benefits_row h4{font-size:20px;}
.benefits_row p{font-size:12px;margin-bottom:20px;}
.benefits_row ul li{line-height:normal;font-size:14px;margin-bottom:12px;}
.benefits_row ul li:last-child{margin-bottom:0;}
.benefits_row ul li i{color:var(--primary-color);margin-right:6px;}

#frozen_popup_isAccountFreeze p{ margin-bottom:20px; }
#frozen_popup_isAccountFreeze.modal .modal-content{ padding-bottom:24px !important; }
.alert{background:#000;color:white;padding:10px;text-align:center;border-radius:6px;line-height:normal;margin-bottom:20px;margin-top:-20px;}
.alert-success{ background-color: #05996C;}
.alert-error{background-color:#EF513A;}
.course_format{border-radius:0;}
/* .access_inside_view .course_format{position:inherit;left:0;justify-content:flex-start;} */
.access_inside_view .course_format li{font-size:12px;font-weight:500;}
.mx-0{ margin-left: 0 !important;margin-right: 0 !important;}
.level_country .bundle-tag abbr{display:flex;align-items:center;margin-left:4px;}
.level_country .bundle-tag abbr b{font-weight:600;}
.explore-main .explore-right {text-align: right !important;}
.explore-main .tabs{width: auto !important;overflow-x: hidden;padding: 0 5px;}
.explore-padlock .tabs .tab{display: flex;align-items: center;line-height: unset !important;}
.explore-padlock .tabs .tab a{margin-right: unset !important;border-color: #9496A1;}
.explore-padlock .tabs .tab a i{padding-left: 7px;font-size: 16px;color: #9496A1;}
.explore-padlock .tabs .tab .explore-content{margin-left: 15px;text-align: left;padding-top: 4px;}
.explore-padlock .tabs .tab .explore-content h5{margin: 0;text-align: left;font-size: 20px;line-height: 20px;text-transform: capitalize !important;}
.explore-padlock .tabs .tab .explore-content span{margin: 0;text-align: left;font-size: 12px;color: #9496A1;text-transform: none !important;line-height: 12px;}
.explore-padlock .tabs .tab a .connterSaved{background-color: transparent;left: 32px;}
.filter-box{flex-wrap: wrap;gap: 10px;}
.explore-padlock .tab a span img{height: 24px;}
.explore-padlock .tabs .tab a .connterSaved{background-color: transparent;left: 32px;}

/* request permission modal css */
#fav-courses-connect,#auth_before_request { top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; border-radius: 10px; background-color: #fff; max-height: inherit;}
#fav-courses-connect .modal-content,#auth_before_request .modal-content{ padding-left: 34px !important; padding-bottom: 44px !important; }
#fav-courses-connect h5,#auth_before_request h5{ margin-top: 0; margin-bottom: 30px; }
#fav-courses-connect .modal-footer,#auth_before_request .modal-footer{ text-align: center;background-color: #fff;}
#fav-courses-connect .modal-footer a,#auth_before_request .modal-footer a{margin-right: 10px;}
#fav-courses-connect .modal-body{padding-top: 0px;}
#fav-courses-connect .modal-footer a:last-child,#auth_before_request .modal-footer a:last-child{margin-right: 0;}
#auth_login_popup{border-radius: 16px !important;height:80vh !important;width: 50% !important;overflow: hidden;}
/* Banner video css */
.banner_home .banner-box-h{min-height: 550px;}
.banner_home .banner-video-container { position: relative; width: 85%; height: 440px; overflow: hidden;border-radius: 8px;float: right;cursor: pointer;box-shadow: 10px 10px 26px rgba(0, 0, 0, 0.2);}
.banner_home .banner-video { position: absolute; width: 100%; height: 100%; object-fit: cover;object-position: center;border-radius: 8px;pointer-events: none;}
.banner_home .banner-content{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center;background-color: rgba(0, 0, 0, 0.3);border-radius: 40px;width: 70px;height: 70px;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.banner_home .banner-content i{font-size: 40px;padding-left: 8px;}
/* Course List css */
.online-course-section .online-course-item { margin-bottom: 16px; display: inline-block; width: 100%; position: relative; border: 1px solid #E0E0E0; padding: 20px;border-radius: 8px;}
.online-course-section .course-full-info { display: flex; }
.online-course-section .course-image { margin-right: 16px; display: flex; position: relative; }
.online-course-section .course_sector_strip { background: #ED4545; position: absolute; left: 1px; top: 1px; display: flex ; align-items: center; font-weight: 400; font-size: 14px; color: #F5F5F5; padding: 8px; border-radius: 4px 0 4px 0; line-height: normal; width: 220px; justify-content: center; }
.online-course-section .course_sector_strip.new_foster_care_new{ background-color: var(--TFC);}
.online-course-section .course_sector_strip.new_leaving_care_new{background-color: var(--TLC);}
.online-course-section .course_sector_strip.new_childrens_home_new{background-color: var(--TCH);}
.online-course-section .course_sector_strip.big-initiative{background-color: var(--TBI);}
.online-course-section .course_sector_strip.education_new{background-color: var(--TE);}
.online-course-section .course_sector_strip.childrens_home{background-color: var(--TCS);}
.online-course-section .course_sector_strip.early_years_new{background-color: var(--TEY);}
.online-course-section .course_sector_strip.social_worker_new{background-color: var(--TSW);}
.online-course-section .course_sector_strip.childminder{background-color: var(--TC);}
.online-course-section .course_sector_strip.adult_care{background-color: var(--TAC);}
.online-course-section .course_sector_strip.office_new{background-color: var(--TOF);}
.online-course-section .course_sector_strip.new_foster_care_new { background-color: var(--TFC); }
.online-course-section .course_sector_strip img { width: 16px; margin-right: 4px; }
.online-course-section .online-course-item h3 { margin-bottom: 8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; width: calc(100% - 30px);font-weight: 600; color: #323232; font-size: 24px; line-height: 26px; margin-top: 0; text-transform: capitalize;}
.online-course-section .online-course-item h3 a { color: #323232 }
.online-course-section .bundle-tag-format { display: inline-flex ; align-items: center; }
.online-course-section .bundle-tag { font-size: 8px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #24618C; line-height: 12px; min-height: 28px; background: rgb(234, 240, 244); padding: 4px 8px; border-radius: 50px; }
.online-course-section .bundle-tag-format abbr img { width: 10px; vertical-align: middle; margin-top: -2px; }
.online-course-section .gap-8 { gap: 8px; }
.online-course-section .d-flex { display: flex; }
.online-course-section .course_category { display: flex ; align-items: center; justify-content: flex-end; margin-right: 12px;gap: 5px; }
.online-course-section .mb-8 { margin-bottom: 8px !important; }
.online-course-section .course-btn-flex { display: flex ; flex-wrap: wrap; justify-content: flex-end; margin-top: auto; }
.online-course-section .online-course-item .course-info { width: 100%; display: flex ; flex-direction: column; }
.online-course-section  .online-course-item h3 a:hover { color: #25557A; }
.online-course-section .course_category span { color: #181925; font-size: 16px; }
.online-course-section .mr-10 { margin-right: 10px !important; }
.online-course-section  .course_format li.online_Online span { background-color: #1976D2; }
.online-course-section  .course_category .course_format li span { background: #000; width: 28px; height: 28px; border-radius: 50%; padding: 3px; display: flex ; align-items: center; justify-content: center; }
.online-course-section  .course_category .course_format li span img { width: 14px !important; height: 14px !important; filter: brightness(0) invert(1); }
.online-course-section  .course_format li.online_Online span{background-color:#1976D2;}
.online-course-section  .course_format li.online_At_your_venue span{background-color:#FF9300;}
.online-course-section  .course_format li.online_Virtual span{background-color:#15A51B;}
.online-course-section  .course-btn-flex a { margin-right: 12px; margin-bottom: 12px; }
.online-course-section  .course_category { display: flex ; align-items: center; justify-content: flex-end; margin-right: 12px; }
.online-course-section  .online-heart-icon .heart_icon { width: 35px; height: 35px; background: #ffffff; border-radius: 35px; display: flex ; align-items: center; justify-content: center; color: #ED4545; position: absolute; top: 10px; right: 10px; font-size: 15px; }
.online-course-section  .bundle-tag-cpd-minutes { background: rgba(255, 162, 0, 0.1) !important; color: rgb(255, 149, 0) !important; }
.online-course-section  .white-box-24 { background: #fff; padding: 24px; border-radius: 16px; }
.online-course-section  .h-100 { height: 100%; }
.online-course-section  .f-wrap{flex-wrap: wrap;}
.online-course-section  .course-image > img { min-width: 424px; width: 424px; height: 100%; min-height: 294px; object-fit: cover; border-radius: 4px; border-width: 1px; border-style: solid; border-color: rgb(247, 247, 247); border-image: initial; }
.dash-flex { display: flex ; }
.online-course-section .course-list-filter .sector-filter{flex-direction: column;align-items: flex-start !important;}
.online-course-section  .secondry-h2 { margin: 0;font-weight: 500;font-size: 20px;color: #181925;}
.online-course-section  .coures-list-filter .input-field input:read-only { background-color: #ffffff; }
.online-course-section  .coures-list-filter .free-filter{display: flex;align-items: center;flex-wrap: wrap;gap: 20px;}
.online-course-section  .coures-list-filter .free-filter .filter-col{display: flex;align-items: center;gap: 10px;}
.online-course-section  .coures-list-filter .free-filter .filter-col label{-webkit-transform: translateY(0) !important;pointer-events: all;}
.online-course-section  .coures-list-filter .free-filter .filter-col label:before,.coures-list-filter .free-filter .filter-col label:after{display: none;}
.online-course-section .coures-list-filter .free-filter input[type="radio"]:checked { background-color: #ED4545; border-color: #ED4545 !important; }
.online-course-section .coures-list-filter .free-filter input[type="radio"]:not(:checked), [type="radio"]:checked {opacity: 1; position: static;}
.online-course-section  .coures-list-filter .free-filter input[type="radio"]:not(:checked)+label, [type="radio"]:checked+label{position: relative;}
.online-course-section  .fav-icon-select{color: #181925;font-size: 18px;display: flex;align-items: center;gap: 8px;}
.online-course-section  .coures-list-filter .free-filter input[type="radio"]:not(:checked) + label, [type="radio"]:checked + label { font-size: 18px; color: #6e6e6e; line-height: 18px; padding-left: 0px; display: flex ; align-items: center; flex-wrap: wrap; height: auto; }
.online-course-section  .coures-list-filter .free-filter input[type="radio"] { width: 20px; min-width: 20px; height: 20px; appearance: none; float: left; background-clip: content-box; display: inline-block; border: 2px solid #999999; background-color: transparent; border-radius: 50%; padding: 2px !important; cursor: pointer; pointer-events: all !important;}
.online-course-section  .fav-icon-select i{color: #ED4545;}
.online-course-section .pagination { margin-top: 50px; text-align: center; display: flex ; align-items: center; justify-content: center; }
/********************************************Responsive*************************************************/

@media only screen and (max-width: 1820px){
  .banner_home .banner-video-container{height: 400px;}
 }
@media only screen and (max-width:1550px) {
.banner_home .banner-content{width: 60px;height: 60px;}
.banner_home .banner-box-h { min-height: 520px; }
.banner_home .banner-content i {font-size: 30px;}
.banner_home .banner-box-h{min-height: 400px;}
.banner_home .banner-video-container {height:350px;}
#showCourseDetail .learn_inside2 img{width:200px;}
.wrapper_case{max-width:95%;}
.card_case_content h3{font-size:20px;}
.card_case_info h3{ font-size:20px; }
.card_case_content{max-width:280px;min-width:280px;}
.wrapper_case .item_case{width:calc(50% - 30px);}
.feature_sector_item{min-height:158px;}
}
@media only screen and (max-width:1399px){
  .explore-padlock {margin-bottom: 20px;}
  .explore-main .filter_training_course{flex-direction: column;align-items: flex-start !important;}
}
@media only screen and (max-width:1199px){
.tabs_sort .filter-box{margin-bottom: 0px !important;margin-top: 30px;}
.online-course-section .course-filter{margin-top: 0 !important;}
.tabs_sort .filter-sort-by{margin-top: 20px !important;}
#showCourseDetail .learn_inside2 img{width:100%;}
}
@media only screen and (min-width: 1200px) and (max-width:1440px){
  .steps_learn .banner-video-container{width: 100%;height: 70%;}
}

@media only screen and (max-width:1440px){
  .banner_home .banner-video-container{height: 330px;width: 85%;}
}
@media only screen and (max-width:1199px){
.online-course-section .course_sector_strip {width: 164px;font-size: 12px;}
.online-course-section .course_sector_strip img{font-size: 14px;}
.online-course-section .course-list-filter .sector-filter{flex-wrap: wrap;flex-direction: row;}
.online-course-section .filter_training_course .tabs_sort .sort-by{margin-top: 0;}
.online-course-section .course-image > img{width: 274px;min-width: 274px;}
.online-course-section .course-list-rt { margin-left: 0; width: 100%; margin-top: 16px; }
.online-course-section .course-filter-lt { width: 100%; }
.dash-flex.online-course-section { flex-direction: column; }
#showCourseDetail .learn_inside2 img,.banner_home .banner-video-container{width:100%;}
#showCourseDetail.bookingmodal{max-width:90%;left:5%;right:auto;}

.wrapper_case{flex-wrap:wrap;}
.media_press_section .wrapper_case li{width:calc(33.33% - 30px);}
.card_case_img2 > img{width:100%;}
.card_case_img img{clip-path:none;}
.wrapper_case .item_case{width:100%;}
.card_case_content{max-width:inherit;}

}
@media only screen and (max-width:992px){ 
.banner_home .banner-video{width: 100%;margin-left: 0;}
.banner_home .banner-video-container {height: 430px;margin: 30px auto;width: 90%;float: none;}
.banner_home .banner-video{width: 100%;margin-left: 0;}
#showCourseDetail.bookingmodal .access_inside_view{margin-top:30px;}
.details_case_profile{flex-direction:column;}
.details_case_profile .case_right{border-top:1px solid #E0E0E0;margin-top:20px;padding-top:20px;margin-left:0;padding-left:0;border-left:0;}
.details_case_profile{margin-top:40px;}
.media_press_section .wrapper_case li{width:calc(50% - 15px);} 
.details_case_profile img{min-width:inherit;max-width:inherit;max-height:inherit;min-height:inherit;}

}
@media only screen and (max-width:767px){
.banner_home .banner-video-container{width: 100%;height: 380px;}
.online-course-section .filter_training_course{align-items: flex-start;gap: 15px;}
.media_press_section li .item_img{min-height:auto;max-height:none;}
}
@media only screen and (max-width:600px){
.online-course-section .course-full-info { flex-direction: column; }
.online-course-section .course_sector_strip { width: 170px; }
.online-course-section .course_category span { font-size: 12px; }
.online-course-section .online-course-item .course-info {margin-top: 15px;}
.online-course-section .course-btn-flex a { margin-right: 0; margin-bottom: 10px; }
.online-course-section .course-btn-flex a:last-child{margin-bottom: 0;}
.online-course-section .course_category .course_format { gap: 10px; }
.online-course-section .course_category .course_format li { font-size: 12px !important; }
.online-course-section .course_category .course_format li a { font-size: 12px; }
.online-course-section .course_category.mb-20{margin-bottom: 5px !important;}
.online-course-section .course_category .course_format li span { width: 24px; height: 24px; }
.online-course-section .course-filter .input-field{margin-left: 0 !important;}
.online-course-section .course-filter { flex-direction: column; align-items: flex-start;gap: 10px;align-items: flex-start !important;}
.online-course-section .online-course-item{padding: 12px;}
.online-course-section .course_category .course_format li span img { width: 12px !important; height: 12px !important; filter: brightness(0) invert(1); }
.online-course-section .course-image > img { width: 100%; min-width: 100%; height: 260px; }
.online-course-section .course-image{margin-right: 0;}
.banner_home .banner-content{width: 50px;height: 50px;}
.banner_home .banner-content i{font-size: 25px;}
.banner_home .banner-video-container {height: 300px;margin: 30px 0;}
.media_press_section .wrapper_case li{width:100%;}
.card_case_info h3{line-height:normal;font-size: 20px;}
.card_case_info p{margin-bottom:20px;}
}
@media only screen and (max-width:575px){ 
.banner_home .banner-video-container, .steps_learn .banner-video-container { height: 278px; width: 100%; }
.card_case{flex-wrap:wrap;}
.card_case_content{max-width:100%;order:1;}
.card_case_img{min-width:100%;max-width:100%;height: auto;} 
#showCourseDetail.bookingmodal{max-width:90%;left:5%;right:auto;} 
.details_case_profile img{min-width:100%;max-width:100%;}
.card_case_content .mini_description{min-height:inherit;margin-bottom:20px;}

.feature_sector_item{min-height:185px;}
}

@media only screen and (max-width: 390px){
  .banner_home .banner-video-container{height: 200px;}
  }
@media only screen and (max-width: 359px){
    .banner_home .banner-video-container,.steps_learn .banner-video-container{height: 175px;}
}

@media only screen and (max-width:992px){ 
#showCourseDetail.bookingmodal .access_inside_view{margin-top:30px;}
#showCourseDetail.bookingmodal{overflow:hidden;}
#showCourseDetail .modal_close{position:fixed;background:#fff;width:100%;text-align:right;padding:10px 20px;margin:0 -20px;top:0;z-index: 9;}
#showCourseDetail .modal-content{overflow-y:auto;height:100%;padding:40px 20px;}
.feature_sector_item h4{font-size:16px;}
.feature_sector_item p{font-size:14px;}
.feature_sector_item{min-height:inherit;}
}
@media only screen and (max-width:575px){ 
 #showCourseDetail.bookingmodal{max-width:calc(100% - 6%);left:3%;right:auto;}
 .pagination li:first-child,.pagination li:last-child{display:none;}
 .access_inside_view .booking_with_credit{margin-bottom:30px;}

}   

@media only screen and (min-width:1550px) {
.login_page .loginbg{min-height: 100vh;}
#casemodal{max-width:1000px;}
}