:root {
--TFC: #F25926;
--TCH: #C93085;
--TCS: #12828F;
--TEY: #FF961A;
--TSW: #B8262E;
--TLC: #78AB33;
--TAC: #0E80C6;
--TC: #A1D11C;
--TE: #1C6394;
--TBI: #EDC238;
--TOF: #5c03a3;
--TYP:#0095AD; 
--TWB:#876DFF;
--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);
--TYP-LIGHT: rgba(0, 149, 173, 0.10);
--TWB-LIGHT: rgba(135, 109, 255, 0.10);

/* New shop style btn */
--TFC-LIGHT-BTN: rgba(237, 69, 69, 0.32);
--TCH-LIGHT-BTN: rgba(201, 48, 133, 0.32);
--TCS-LIGHT-BTN: rgba(18, 130, 143, 0.32);
--TEY-LIGHT-BTN: rgba(255, 150, 26, 0.32);
--TSW-LIGHT-BTN: rgba(184, 38, 46, 0.32);
--TLC-LIGHT-BTN: rgba(120, 171, 51, 0.32);
--TAC-LIGHT-BTN: rgba(14, 128, 198, 0.32);
--TC-LIGHT-BTN: rgba(161, 209, 28, 0.32);
--TE-LIGHT-BTN: rgba(28, 99, 148, 0.32);
--TBI-LIGHT-BTN: rgba(237, 194, 56, 0.32);
--TOF-LIGHT-BTN: rgba(92, 3, 163, 0.32);
--TYP-LIGHT-BTN: rgba(0, 149, 173, 0.32);
--TWB-LIGHT-BTN: rgba(135, 109, 255, 0.32);

--TFC-LIGHT-BG: rgba(237, 69, 69, 0.2);
--TCH-LIGHT-BG: rgba(201, 48, 133, 0.2);
--TCS-LIGHT-BG: rgba(18, 130, 143, 0.2);
--TEY-LIGHT-BG: rgba(255, 150, 26, 0.2);
--TSW-LIGHT-BG: rgba(184, 38, 46, 0.2);
--TLC-LIGHT-BG: rgba(120, 171, 51, 0.2);
--TAC-LIGHT-BG: rgba(14, 128, 198, 0.2);
--TC-LIGHT-BG: rgba(161, 209, 28, 0.2);
--TE-LIGHT-BG: rgba(28, 99, 148, 0.2);
--TBI-LIGHT-BG: rgba(237, 194, 56, 0.2);
--TOF-LIGHT-BG: rgba(92, 3, 163, 0.2);
--TYP-LIGHT-BG: rgba(0, 149, 173, 0.2);
--TWB-LIGHT-BG: rgba(135, 109, 255, 0.2);
}

.mr-8{margin-right: 8px;}
.pr-0{padding-right: 0 !important;}

#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;
}

#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 .row.d-flex-course-detail{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;}
.request-demo-form-modal { border-radius: 10px;max-width: 960px; }
.before-modal-header{display: flex;justify-content: space-between;align-items: center;padding: 20px 40px 10px 40px;}
.before-modal-header h4{font-size: 24px;margin-bottom: 0;}
.before-modal-header .modal-close,.request-select-modal .modal-close{color: #6E6E6E;}
.cancel-btn-end{color: #ED4545;margin-right: 20px;}
.join-a-demo { padding: 0 !important; }
.top_flex_center { display: flex; align-items: center; justify-content: space-between; margin: 40px 0 40px; }
.top_flex_center h2 { color: #262626; font-size: 30px; font-weight: 500; margin-bottom: 0; margin-top: 0; }
#auth_before_request .modal-footer a { margin-right: 10px; }
#auth_before_request h5 { margin-top: 0; margin-bottom: 30px; }
#auth_before_request .modal-footer a:last-child { margin-right: 0; }
#auth_before_request .modal-content { padding-left: 34px !important; padding-bottom: 44px !important; }
.before-request-demo-main,.request-select-modal,#request_a_prices_success{ top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important;}
.request-select-modal{background-color: rgb(255, 255, 255); max-height: inherit; border-radius: 10px;height: auto;}
#auth_before_request.modal .modal-footer { text-align: center; }
#chat_engagement.modal .modal-content{border-radius: 10px;}
#auth_before_request.modal{ background-color: rgb(255, 255, 255); max-height: inherit; border-radius: 10px;}
#auth_before_request.modal .modal-footer{background-color: white;}
#request_a_prices_success{border-radius: 10px; background-color: #fff; max-height: inherit;}
#request_a_prices_success .shown_modal_style h5{font-size: 24px;color: #181925;}
.request-select-modal .modal-header{display: flex;justify-content: space-between;align-items: center;padding: 20px !important;}
.request-select-modal .modal-header h4{font-size: 20px;margin: 0;}
.request-select-modal .option_list{list-style: none; padding: 0; display: flex; justify-content: center; gap: 30px;}
.request-select-modal .option_item p{font-size: 24px;color: #ED4545;font-weight: 500;}
.request-select-modal .option_item { padding: 15px; border: 1px solid #999999; border-radius: 8px; cursor: pointer; display: flex; flex-direction: column; align-items: center; transition: border 0.3s; position: relative;text-align: center;width: 300px;height: 300px;justify-content: center;gap: 10px;margin-bottom: 20px;}
.request-select-modal .option_item.selected { border-color: #FF0000; position: relative; }
.request-select-modal .option_item:hover { border-color: #FF0000; }
.request-select-modal .img_wrapper { display: flex; justify-content: center; align-items: center;background-color:rgba(237, 69, 69, .1);width: 120px;height: 120px;border-radius: 50%;}
.request-select-modal .img_wrapper img{color: red;}
.request-text-btn {background-color: #24618c !important; color: #fff;}
.request-select-modal .checkmark { position: absolute; top: 10px; right: 10px; background-color: #FF0000; color: white; border-radius: 50%; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 14px; }
/* custom support dropdown */
.request-demo-form-modal .multiple-check-div {border: 1px solid var(--border-color); border-radius: 10px; height: 60px; line-height: 60px; font-size: 18px; padding: 0 20px; color: var(--gray-color); margin-bottom: 0; width: 100%; background-color: white; box-sizing: border-box; cursor: pointer;}
.request-demo-form-modal .multiple-check-div h2{display: flex; justify-content: space-between; align-items: center;}
.request-demo-form-modal .multiple-check-div h2 a{ margin: 0px;color:#9496A1;font-size: 18px;font-weight: 400;}
.request-demo-form-modal .caret{font-size: 13px;}
.request-demo-form-modal .multiple-check-box-select { display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: white;border-radius: 4px; z-index: 1000;box-shadow: rgba(224, 224, 224, 0.7) 0px 10px 20px;border-radius: 16px;}
.request-demo-form-modal .multiple-check-box-select ul li strong { color: #9496A1; font-size: 18px;font-weight: 400;}
.request-demo-form-modal .multiple-check-box-select ul li input{display: none;}
.request-demo-form-modal .multiple-check-box-select input[type="checkbox"]+label:before{margin-top: 0 !important;}
.request-demo-form-modal .multiple-check-box-select li label{left: 1.5rem !important;color: #9496A1;}
#auth_login_popup{border-radius: 16px !important;height:80vh !important;width: 50% !important;overflow: hidden;}

#calendar.fc .fc-toolbar.fc-header-toolbar{margin-bottom:0;border:1px solid #E6E6E6;padding:24px 32px;background:#F5F5F5;border-radius:8px 8px 0 0;}
#calendar{margin-bottom:60px;}
.fc .fc-toolbar-title{font-size:1.6rem;color:#5B5B5B;font-weight:500;}
#calendar .fc-col-header-cell.fc-day{padding:24px;color:#5B5B5B;font-size:16px;font-weight:500;text-align:left;}
.fc .fc-daygrid-day-top{display:flex;flex-direction:row;padding:10px 16px 10px 16px;font-size:20px;}
#calendar .fc-h-event{padding:8px;font-size:12px;font-style:normal;font-weight:400;box-shadow:none;cursor:pointer;border-radius:4px;border:1px solid #D2D2D2;background:#24618C;}
#calendar .fc-h-event.upcoming_sesstion{ background-color: #78AB33;}
#calendar .fc-h-event.requested_sesstion{ background-color: #ED4545;}
#calendar .sesstion-title{color:#E0E0E0;text-transform: uppercase;font-size:10px;font-weight:400;line-height:150%;display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#calendar h4{color:#FFF;font-size:12px;font-weight:400;margin-bottom:8px;letter-spacing:0;line-height:150%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height: 22px;}
#calendar .fc-time-group{display:flex;align-items:center;justify-content:space-between;}
#calendar .fc-time-group .fc-event-time{margin-right:4px;}
#calendar .fc-time-group span{color:#FFF;font-size:10px;font-style:normal;font-weight:400;line-height:normal;}
#calendar .fc-time-group i{margin-right:0;}
#calendar .slick-list{margin:4px 0;}
.slick-disabled{visibility:hidden !important;pointer-events:none !important;}
.slick_arrows{display:block;text-align:center;}
#calendar .slick_arrows i{display:flex;align-items:center;justify-content:center;color:#24618C;background:#fff;width:26px;height:26px;border-radius:50%;padding:4px;margin:0 auto;font-size:16px;cursor:pointer;transition:all 0.3s ease-in;position:absolute;}
#calendar .slick_arrows i.bi-chevron-up{top:-25px;left:calc(50% - 13px);}
#calendar .slick_arrows i.bi-chevron-down{bottom:-22px;left:calc(50% - 13px);}
#calendar .slick_arrows i:hover{background:#F5F5F5;}
#calendar.fc .fc-daygrid-day-events{margin:-10px 0 25px;}
#calendar.fc .fc-daygrid-day-frame{min-height:170px;height: 170px;}
#calendar .slick-vertical .slick-slide{width:100% !important;}
.info-light{background:rgba(36,97,140,0.1);padding:10px;border-radius:4px;margin-top:28px;display:flex;align-items:flex-start; margin-bottom: 40px;}
.info-light > i{font-size:20px;color:#8EADC4;}
.bundle-box-head{font-size:var(--heading4);line-height:22px;color:#262626;font-weight:500;}
.info-light .bundle-box-head{margin-bottom:8px;margin-left:-8px;}
.info-light ul{margin-left:20px;list-style:outside;}
.info-light ul li{list-style-type:disc;margin-bottom:8px;}
.info-light ul li,.info-light p{color:#6E6E6E;line-height:normal;}
#calendar.fc .fc-toolbar.fc-header-toolbar{margin-bottom:0;border:1px solid #E6E6E6;padding:24px 32px;background:#F5F5F5;border-radius:8px 8px 0 0;}
#calendar{margin-bottom:60px;}
.fc .fc-toolbar-title{font-size:2rem;color:#5B5B5B;font-weight:500;}
#calendar .fc-col-header-cell.fc-day{padding:24px;color:#5B5B5B;font-size:16px;font-weight:500;text-align:left;}
.fc .fc-col-header-cell-cushion { color: #5B5B5B !important; font-size: 14px; }
.fc .fc-button-primary { background-color: var(--primary-color); border-color: var(--primary-color); }
.fc .fc-col-header-cell-cushion { display: inline-block; padding: 2px 4px; }
.fc .fc-daygrid-day-number { padding: 4px; position: relative; z-index: 4; }
.fc .fc-daygrid-day-number { color: #323232 !important; font-size: 14px; }
/* Sign up benefits page box design css */
.signup-benefits-container{ display: flex; justify-content: space-between; align-items: flex-start; background-color: rgba(36, 97,140, 0.1); margin-top: 25px; padding: 15px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);position: relative;flex-direction: column; }
.signup-benefits-container .benefit-title { font-size: 24px; font-weight: 500; color: #333;margin: 0;line-height: 30px;width: 75%;}
.signup-benefits-container .benefit-subtitle { font-size: 18px; font-weight: 500; color: #3B3C4B; }
.signup-benefits-container .promise{font-size: 16px;color: #3B3C4B;font-weight: 400;}
.signup-benefits-container .account-include{font-size: 16px;font-weight: 500;color: #3B3C4B;margin-bottom: 0 !important;}
.signup-benefits-container .benefits-content { display: flex; align-items: flex-start; gap: 15px; }
.signup-benefits-container .benefit-icon { width: 48px;}
.signup-benefits-container .benefit-icon img { width: 100%; height: 100%; }
.signup-benefits-container .benefit-items { display: flex;margin-top: 12px;flex-direction: column;}
.signup-benefits-container .benefit-item { display: flex; align-items: center; gap: 10px; }
.signup-benefits-container .benefit-item img{width: 26px;}
.signup-benefits-container .benefit-items-list-ul li span{font-size: 14px; font-weight: 500; color: #3B3C4B;line-height: 24px;}
.signup-benefits-container .right-logo{position: absolute;right: 15px;top: 15px;}
.signup-benefits-container .benefit-logo { width: 100px;}
.signup-benefits-container .benefit-items-list-ul li{display: flex;align-items: center;gap: 5px;}
.signup-benefits-container .benefit-items-list-ul li img{width: 24px;height: 24px;}
.signup-benefits-container .benefit-description { font-size: 16px; color: #3B3C4B; margin-top: 8px;}
.signup-benefits-container .benefit-items-list-ul {display: flex;flex-wrap: wrap; gap: 15px;}
.register_page .feature-row .col{padding: 0 4px !important;}
.register_page .feature-row {margin: 0 !important;}
.signup-benefits-container .feature-row{ display: flex;justify-content: space-between;flex-wrap: wrap;padding: 20px 0;width: 100%;}
.signup-benefits-container .feature { display: flex; flex-direction: column; align-items: center; text-align: center;}
.signup-benefits-container .feature span{line-height: 14px;font-size: 10px;font-weight: 500;}
.signup-benefits-container .feature img {width: 40px;height: 40px;margin-bottom: 13px;}
.portfolio-download-btn {font-size: 16px;line-height: 22px;height: 60px;box-shadow: none;    font-weight: 500 !important;    text-transform: none !important;    border-radius: 30px !important;    color: #fff !important;    display: inline-flex;    align-items: center;    justify-content: center;    min-width: 220px;    padding: 15px;    gap: 10px;    transition: all .3s;    position: relative;}
.border-sign-role {   border: 1px solid #F6AAAA;}

.flex-align-center{display: flex;align-items: center;}
.flex-column{flex-direction: column;}
.gap-5{gap: 5px;}
.f2fRequestForm .multiple-check-div { position: relative;background-color: white;}
.f2fRequestForm .multiple-check-div  img{margin-right: 5px;}
.f2fRequestForm .multiple-check-box-select li {padding: 7px 16px;display: flex;}
.f2fRequestForm .multiple-check-box-select{display: none; border-radius: 8px;overflow: visible;min-width: 250px;max-width: 100%;border: 1px solid #f5f5f5;padding: 11px 0;scrollbar-color: #c6c6c6 #fff;width: 100%;scrollbar-width: thin;margin-top: 38px;overflow-y: auto;backface-visibility: hidden;max-height: 350px;box-shadow: 0px 10px 20px rgba(224, 224, 224, 0.7);opacity: 1;height: auto;position: absolute;top: 0;background: white;z-index: 8;will-change: width, height;}
.f2fRequestForm .multiple-check-div h2 {display: flex; justify-content: space-between; align-items: center; border: 1px solid #E0E2E8;text-transform: capitalize;height: 36px;line-height: 20px;font-size:12px ;padding: 0 10px;border-radius:8px;color:#393939;margin-bottom: 16px;text-transform: capitalize;font-weight: normal;cursor: pointer;overflow: hidden;margin: 0 !important;}
.f2fRequestForm .multiple-check-div h2 a{ margin: 0px;font-size: 12px;color: #393939;}
.f2f-success-message{width: 50% !important;border-radius: 10px; background-color: #fff;top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important;}
.f2f-success-message p{font-size: 24px;color: #181925;font-weight:500 !important;margin-bottom: 20px;}
#f2f-account-connect { top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; border-radius: 10px; background-color: #fff; max-height: inherit;}
#f2f-account-connect .modal-content { padding-left: 34px !important; padding-bottom: 44px !important; }
#f2f-account-connect h5 { margin-top: 0; margin-bottom: 30px; }
#f2f-account-connect .modal-footer { text-align: center;background-color: #fff;}
#f2f-account-connect .modal-footer a{margin-right: 10px;}
#f2f-account-connect .modal-footer a:last-child{margin-right: 0;}
#auth_login_popup{border-radius: 16px !important;height:80vh !important;width: 50% !important;overflow: hidden;}
/* 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.well_being{background-color: var(--TWB);}
.online-course-section .course_sector_strip.young_people { background-color: var(--TYP);}
.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: 34px; 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; }
.online-course-section .online-checkbox input[type="checkbox"]:checked { position: absolute; opacity: 0; }
.online-course-section .online-checkbox label{font-size: 18px;color: #6e6e6e;line-height: normal;}
.online-course-section .online-checkbox input[type="checkbox"].filled-in:not(:checked)+label:before { width: 0; height: 0; border: 2px solid transparent; left: 6px; top: 10px;margin-top: 7px;}
.online-course-section .online-checkbox input[type="checkbox"].filled-in:not(:checked) + label::after { height: 20px; width: 20px; border: 2px solid rgb(153, 153, 153);top: 3px;}
.online-course-section .online-checkbox input[type="checkbox"] + label { position: relative; padding-left: 30px; }
.online-course-section .online-checkbox input[type="checkbox"].filled-in:checked + label::after { height: 20px; width: 20px; border: 1px solid transparent; border-radius: 4px; top: 3px; background-color: #ED4545 !important; z-index: 0; }
.online-course-section .online-checkbox input[type="checkbox"].filled-in:checked + label::before { top: -1px; left: 1px;margin-top: 7px;}

/* Advosory board */
.advisory-baord{display: flex;justify-content: center;align-items: center; gap: 20px 0px;flex-wrap: wrap;}
.advisory-baord-col{margin: 0 !important; display: flex ;}
.board-members-box{margin-top: 50px;}
.advisory-baord .card { border-radius: 16px; box-shadow: 0px 2px 12px rgba(20, 20, 43, 0.08);text-align: center;display: flex; justify-content: center;align-items: center;flex-direction: column;padding: 30px;width: 100%;margin: 0;}
.advisory-baord .card .card-content {text-align: center;padding: 0;}
.advisory-baord .card-image {margin-bottom: 24px;width: 200px; height: 200px;border: 1px solid #3B3C4B;border-radius: 50%;display: flex ; align-items: center; justify-content: center;overflow: hidden;}
.advisory-baord .card-image img {object-fit: cover;display: block; object-position: center;width: 100%;height: 100%;position: unset !important;}
.advisory-baord .card .card-content {text-align: center;padding: 0;}
.advisory-baord .card-title {font-weight: bold;margin-bottom: 8px;}
.advisory-baord .sector-title{color: #3B3C4B;font-size: 20px;font-weight: 400;}
.advisory-baord .read-more { color: #E94647; font-weight: 500; display: block; margin-top: 10px;font-size: 16px;display: flex ;justify-content: center; gap: 10px; align-items: center;}
.advisory-baord .load-more-btn { margin: 40px auto; display: block; }
.advisory-baord .sector { display: flex; align-items: center; gap: 8px; margin-bottom: 15px; justify-content: center; }
.advisory-baord .sector img { height: 24px;}
.advisory-baord .description{font-size: 18px;margin-bottom: 15px !important;color: #3B3C4B;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5em; min-height: 54px;}
.advisory-board-details-modal{border-radius: 16px;background-color: #F6F9FC;overflow-y: auto;scrollbar-width: none;-ms-overflow-style: none;}
/* .advisory-board-details-modal.modal{max-height: 82% !important; width: 70% !important;} */
.advisory-board-details-modal::-webkit-scrollbar { width: 0px; background: transparent; }
.advisory-board-details-modal .modal-header {padding: 44px 25px 85px 25px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.advisory-board-details-modal .profile-pic{height: 140px;border: 5px solid #ffffff;border-radius: 50%;display: flex ; align-items: center; justify-content: center;overflow: hidden;width: 140px !important;box-shadow: 5px 3px 20px 0 rgba(0, 0, 0, 0.25);}
.advisory-board-details-modal .modal-header-bg{background: rgba(233, 70, 71, .2);}
.advisory-board-details-modal .modal-header-bg6{background-color:var(--TFC-LIGHT-BTN);}
.advisory-board-details-modal .modal-header-bg7{background-color:var(--TLC-LIGHT-BTN)}
.advisory-board-details-modal .modal-header-bg8{background-color: var(--TCH-LIGHT-BTN);}
.advisory-board-details-modal .modal-header-bg9{background-color: var(--TBI-LIGHT-BTN);}
.advisory-board-details-modal .modal-header-bg10{background-color: var(--TE-LIGHT-BTN);}
.advisory-board-details-modal .modal-header-bg11{background-color: var(--TCS-LIGHT-BTN);}
.advisory-board-details-modal .modal-header-bg12{background-color: var(--TEY-LIGHT-BTN);}
.advisory-board-details-modal .modal-header-bg13{background-color: var(--TSW-LIGHT-BTN);}
.advisory-board-details-modal .modal-header-bg14{background-color: var(--TC-LIGHT-BTN);}
.advisory-board-details-modal .modal-header-bg15{background-color: var(--TAC-LIGHT-BTN);}
.advisory-board-details-modal .modal-header-bg19{background-color: var(--TYP-LIGHT-BTN);}
.advisory-board-details-modal .modal-header-bg20{background-color: var(--TWB-LIGHT-BTN);}
.advisory-board-details-modal .section-title{font-size: 20px;font-weight: 500;color: #323232;margin: 0 0 15px 0;}
.advisory-board-details-modal .profile-pic img{object-fit: cover;display: block; object-position: center;width: 100%;height: 100%;}
.advisory-board-details-modal .badge-custom { background-color: #f97c3e; color: white; font-size: 0.8rem; padding: 6px 10px; border-radius: 8px; display: inline-flex; margin-top: 5px;align-items: center;gap: 8px;}
.advisory-board-details-modal .course_sector_strip6{background-color:var(--TFC-LIGHT-BTN);}
.advisory-board-details-modal .course_sector_strip7{background-color:var(--TLC-LIGHT-BTN)}
.advisory-board-details-modal .course_sector_strip8{background-color: var(--TCH-LIGHT-BTN);}
.advisory-board-details-modal .course_sector_strip9{background-color: var(--TBI-LIGHT-BTN);}
.advisory-board-details-modal .course_sector_strip10{background-color: var(--TE-LIGHT-BTN);}
.advisory-board-details-modal .course_sector_strip11{background-color: var(--TCS-LIGHT-BTN);}
.advisory-board-details-modal .course_sector_strip12{background-color: var(--TEY-LIGHT-BTN);}
.advisory-board-details-modal .course_sector_strip13{background-color: var(--TSW-LIGHT-BTN);}
.advisory-board-details-modal .course_sector_strip14{background-color: var(--TC-LIGHT-BTN);}
.advisory-board-details-modal .course_sector_strip15{background-color: var(--TAC-LIGHT-BTN);}
.advisory-board-details-modal .course_sector_strip19{background-color: var(--TYP-LIGHT-BTN);}
.advisory-board-details-modal .course_sector_strip20{background-color: var(--TWB-LIGHT-BTN);}

.advisory-board-details-modal .logo-bar{display: flex;align-items: center;flex-wrap: wrap;gap: 15px;}
.advisory-board-details-modal .company-logo{height: 60px;border-radius: 8px;border: 1px solid #E0E0E0;width: 150px;overflow: hidden;}
.advisory-board-details-modal .company-logo img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.advisory-board-details-modal .badge-custom img{height: 24px;}
.advisory-board-details-modal .badge-custom span{color: #181925;font-size: 14px;font-weight: 500;}
.advisory-board-details-modal .modal-header{display: flex;gap: 20px;}
.advisory-board-details-modal .right-content{flex: 1;}
.advisory-board-details-modal .right-content h4{font-size: 30px;margin-bottom: 4px;}
.advisory-board-details-modal .right-content p{font-size: 14px;color: #3B3C4B;font-weight: 500;margin-bottom: 15px;}
.advisory-board-details-modal .modal-close{position: absolute;top: 15px;right: 15px;color: #000000;font-size: 16px;}
.advisory-board-details-modal .modal-content{padding: 25px !important;}
.advisory-board-details-modal .section-box{background-color: white;padding: 20px;border-radius: 8px;margin-bottom: 25px;}
.advisory-board-details-modal .section-box:last-child{margin-bottom: 0;}
.advisory-board-details-modal .section-box:first-child{margin-top: -76px;}

.meeting-section .meeting-title{display: -webkit-box; -webkit-line-clamp: 1;text-overflow: ellipsis;-webkit-box-orient: vertical; overflow: hidden; }
.meeting-section .download_action{margin-left: 20px;display: flex;}
.whatsapp-container{display: flex;align-items: center;justify-content: center;}
.whatsapp-btn-before{color: white !important; display: inline-flex ; align-items: center; gap: 10px; position: absolute; left: 0; text-transform: capitalize; font-size: 15px !important;background-color: transparent !important;margin: 0 !important;padding: 7px 14px !important;gap: 5px !important;cursor: pointer; max-height:32px;}
.whatsapp-btn-before i{margin: 0 !important;}
/********************************************Responsive*************************************************/
.f2f-success-message{width: 50% !important;border-radius: 10px; background-color: #fff;top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important;}
.f2f-success-message p{font-size: 24px;color: #181925;font-weight:500 !important;margin-bottom: 20px;}

.price-section-document-modal {padding: 30px !important;max-height: 90%;}
.price-section-document-modal iframe{height: 400px}
.price-section-document-modal .modal-content{padding: 0 !important;max-height: calc(100vh - 90px);}
#f2f-before-request .modal-content{padding: 34px !important;max-height: calc(100vh - 120px) !important;}
#f2f-before-request p{color: #3B3C4B;font-size: 18px;}
.f2f-modal-benefits{width: 65%; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; border-radius: 10px; background-color: #fff; max-height: inherit;}
.f2f-modal-benefits .benefit-box{margin: 50px 0;}
#f2f-before-request .title5{margin-bottom: 10px;margin-top: 0;}
.f2f-modal-benefits .row{display: flex;gap: 20px;}
.f2f-modal-benefits .col{display: flex;align-items: flex-start;gap: 20px;padding: 0 !important;}
.f2f-modal-benefits .left{width: 62px;min-width: 62px;height: 62px;border-radius: 50%;display: flex;justify-content: center;align-items: center;background-color: rgba(233, 70, 71, 0.1);}
.f2f-modal-benefits .right h5{margin-bottom: 10px;font-size: 20px;margin-top: 0;}
.f2f-modal-benefits .benefits-footer{display: flex;gap: 20px;}
.f2f-modal-benefits .benefits-footer .btn{flex: 1;}
.f2f-modal-benefits .modal_close{top: 0;right: 0;}
.f2f-modal-benefits .modal_close i{font-size: 16px;}
#f2f-before-request-model{background-color: #ffffff !important;max-height: 90vh !important; top: 5% !important; bottom: 5% !important;}
#f2f-before-request-model .modal-content{padding: 34px;}
#f2f_request_booking_popup .terms-box, #formRequestOne .terms-box{padding: 20px;border: 1px solid #E0E0E0;background-color: #F9FAFC;border-radius: 8px;margin-bottom: 20px;}
#f2f_request_booking_popup .terms-box .info-light,#formRequestOne .terms-box .info-light{margin-bottom: 0;}
#f2f_request_booking_popup .finance-box, #formRequestOne .finance-box{border: 1px solid #E0E0E0;border-radius: 8px;padding: 15px 15px 0 15px;}
#f2f_request_booking_popup .info-light p{color: #24618C !important;}
#formRequestOne .terms-box{margin: 0 11.25px;}
#f2f_request_booking_popup .multiple-check-div h2{background: url(../images/chevron-down.svg) right 16px center no-repeat; border: 1px solid var(--border-color); border-radius: 10px; height: 60px; line-height: 60px; font-size: 18px; padding: 0 20px; color: var(--body-color); margin-bottom: 0; width: 100%; background-color: white; box-sizing: border-box;}
#f2f_request_booking_popup .multiple-check-div h2 a{font-size: 18px;line-height: 60px;color: #181925;}
#f2f_request_booking_popup .multiple-check-box-select{margin-top: 60px;}
#f2f_request_booking_popup .multiple-check-box-select li{padding: 14px 16px;font-size: 18px;color: #9496A1;}
#f2f_request_booking_popup .multiple-check-div h2 .caret{display: block;}
#formRequestOne input[type="checkbox"],#formRequestOne input[type="checkbox"]:not(:checked){ width: 18px; min-width: 18px; height: 18px; margin-top: 0; vertical-align: top; background-repeat: no-repeat; cursor: pointer; border: 2px solid #999999; border-radius: 3px; float: left; margin-left: 0; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; pointer-events: all !important;opacity: 1;position: relative;}
#formRequestOne input[type="checkbox"] + label{color: #6e6e6e; padding-left: 8px; font-size: 12px; height: auto; line-height: 18px;transform: translateY(0) !important; pointer-events: all;cursor: pointer; display: inline-block;}
#formRequestOne input[type="checkbox"] + label::before{content: none;}
#formRequestOne input[type="checkbox"]:checked { background-color: #24618C; border-color: #24618C; background-image: url(../the_training_hub/new_themes/images/checkbox-select.svg); background-size: 8px auto; background-position: center center; }
#f2f-before-request-model .modal-header{display: flex;align-items: center;justify-content: space-between;}
#f2f-before-request-model .auto_scroll2{margin-top: 30px;}
#f2f-before-request-model .margin-b-20{margin-bottom: 20px;}
#f2f-before-request-model .finance-box{margin-top: 20px;}
#f2f-before-request-model .finance-contact-error .mr-auto{margin-right: auto;}
#f2f-before-request-model span.ng-f2f-error, #formRequestOne span.ng-f2f-error{color:red !important;font-size:12px !important;font-weight: 400 !important; margin-top: 4px;}
#f2f-before-request-model .pa{position: relative;left: 0;}
/* #f2f-before-request-model .row{margin: 0 -10px;} */
#formRequestOne .ticket_submit_form{margin: 0 !important;}
#formRequestOne .footer-btn-area{display: flex;align-items: center; justify-content: space-between; margin-top: 20px;}
#formRequestOne .footer-btn-area a {background-color: #ED4545;}
#formRequestOne .footer-btn-area .btn-shadow{box-shadow: 3px 5px 12px 0px rgba(0, 0, 0, 0.2);}
#formRequestOne .error{font-size: 12px;color: red !important;}
#formRequestOne .venue-checkbox{margin-top: -8px;}
#f2f-before-request-model .venue-checkbox{margin-top: -20px;}
#formRequestOne .info-light{margin: 0px 0 20px 0;}
#formRequestOne .info-light-v4{margin: 20px 0 0px 0;}
#f2f_request_booking_popup .info-light{margin: 0px 0 20px 0;}
#f2f_request_booking_popup .info-light-v4{margin: 20px 0 0px 0;}
#f2f_request_booking_popup .footer-btn-area{display: flex;gap: 10px;align-items: center;justify-content: center;}
#formRequestOne .footer-btn-area-right{flex: 1;display: flex;justify-content: flex-end;}
#view-terms-conditions-popup{z-index: 2147483002 !important;max-height: 85%;}
#view-terms-conditions-popup .modal-close{background-color: var(--body-color);}
#view-terms-conditions-popup .modal-close:hover{background-color: var(--primary-color);}
#view-terms-conditions-popup.modal + .modal-overlay { z-index: 2147483004 !important; }
#request_a_prices_success .modal-content{padding: 34px;}
#f2f_request_booking_popup .input-field input.error{border-color: #E0E2E8 !important;}
#f2f_request_booking_popup .input-field input[type="text"]{font-size: 18px !important;}
#f2f_request_booking_popup .town_input_field{min-height: 119px;}
#formRequestOne .town_input_field{min-height: 84px;}
#f2f_request_booking_popup .input-field span.error.active, #f2f_request_booking_popup .input-field  span.error[ng-show],
#f2f_request_booking_popup  .terms-box span.error.active, #f2f_request_booking_popup  .terms-box  span.error[ng-show] { display: block !important;}

#formRequestOne .input-field span.error.active, #formRequestOne .input-field  span.error[ng-show],
#formRequestOne .terms-box span.error.active, #formRequestOne  .terms-box  span.error[ng-show] { display: block !important;}
#formRequestOne .terms-condation-box .terms-box span.error.ng-hide,#formRequestOne .input-field span.error.ng-hide { display: none !important; }
#formRequestOne .save-template{margin-bottom: 10px;}
#f2f_request_booking_popup .input-field span.error.ng-hide,#f2f_request_booking_popup .terms-condation-box .terms-box span.error.ng-hide { display: none !important; }

#f2f_request_booking_popup .input-field input[type="text"]:not(.browser-default):disabled, #formRequestOne .input-field input[type="text"]:not(.browser-default):disabled{background-color: #F5F5F5;}


.vocational-training-verification .filters{display: flex;align-items: center;gap: 20px;justify-content: flex-end;}
.vocational-training-verification .title2 + p{max-width: unset;margin: unset;font-size: 24px;}
.vocational-training-verification .vocational-table-list-main table { width: 100%; border-collapse: collapse; min-width: 700px; }
.vocational-training-verification .vocational-table-list-main  thead { background-color: #fff; }
.vocational-training-verification .vocational-table-list-main  th { text-align: left; padding: 24px 12px; font-weight: 500; color: #181925; font-size: 18px; border-bottom: 1px solid #E0E2E8; }
.vocational-training-verification .vocational-table-list-main  td { padding: 24px 12px; border-bottom: 1px solid #E0E2E8; font-size: 18px; font-weight: 400; vertical-align: middle; color: #3B3C4B; }
.vocational-training-verification .vocational-table-list-main  .course-link-area{display: flex;align-items: center;gap: 5px;}
.vocational-training-verification .vocational-table-list-main  .course-link-area i{color: #24618C;cursor: pointer;}
.vocational-training-verification .vocational-table-list-main  .course-link-area i::before{vertical-align: middle;}
.vocational-training-verification .vocational-table-list-main  a.course-link{max-width: 400px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; vertical-align: middle; text-decoration: none; color: #24618C;white-space: nowrap;}
.vocational-training-verification .date-input{position: relative;width: 230px;cursor: pointer;}
.vocational-training-verification .filters .btn-area{margin-left: 20px;}
.vocational-training-verification .date-input input{border: 1px solid #E0E2E8 !important;font-size: 18px !important;cursor: pointer;}
.vocational-training-verification .date-icon{position: absolute;right: 18px;top: 20px;font-size: 18px;color: #9496A1;}
.vocational-training-verification .filter-tabs_sort{display: flex;gap: 20px;}
/* .vocational-training-verification a.course-link { color: #24618C; text-decoration: none; font-weight: 400; transition: color 0.2s;display: flex;align-items: center;gap: 10px;} */
.vocational-training-verification a.course-link:hover { color: #24618C; text-decoration: underline; }

@media only screen and (max-width: 1820px){
  .banner_home .banner-video-container{height: 400px;}
 }

@media only screen and (max-width:1550px) {
.vocational-training-verification .title2 + p{font-size: 20px;}
.vocational-training-verification .date-input{width: 188px;}
.vocational-training-verification .date-input input{font-size: 14px !important;}
.vocational-training-verification .date-icon{top: 16px;}
.f2f-modal-benefits { width: 65%; border-radius: 16px; }
.signup-benefits-container .feature span {font-size: 8px;line-height: 12px;}
.request-select-modal .option_item{width: 250px;height: 250px;}
.request-select-modal .checkmark {width: 20px;height: 20px;font-size: 12px;}
.request-select-modal .img_wrapper{width: 100px;height: 100px;}
.request-select-modal .option_item p{font-size: 20px;}
.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:1440px){
.f2f-modal-benefits {width: 70%;}
.signup-benefits-container .feature-row .feature{width: 33.33%;}
.signup-benefits-container .feature-row{justify-content: unset;gap: 15px 0;}
.feature-row .feature:first-child{margin-left: 0;}
.feature-row .feature:last-child { margin-right: 0; }
.signup-benefits-container .feature span { line-height: 14px; font-size: 10px; font-weight: 500; }
.signup-benefits-container .benefit-title {width: 70%;}
  .request-select-modal .option_item p{font-size: 16px;}
  .request-select-modal .option_item { width: 230px; height: 230px; }
  .banner_home .banner-video-container{height: 330px;width: 85%;}
}

@media only screen and (max-width:1399px){
  .f2f-modal-benefits { width: 70%; }
  .explore-padlock {margin-bottom: 20px;}
  .explore-main .filter_training_course{flex-direction: column;align-items: flex-start !important;}
}

@media only screen and (min-width: 1512px){
  .advisory-board-details-modal.modal{max-height: 82% !important; width: 70% !important;}
}
@media only screen and (max-width:1280px){
.f2f-modal-benefits{width: 77%}
}

@media only screen and (max-width:1199px){
.f2f-modal-benefits{width: 90%}
.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%;}
  .advisory-board-details-modal.modal{max-height: 82% !important; width: 70% !important;}
}


@media only screen and (max-width:1199px){
.vocational-training-verification .filters  .btn-area{margin-top: 15px;}
.vocational-training-verification .tabs_sort .sort-by{margin-top: 0;flex-direction: column;align-items: flex-start;gap: 15px;}
.vocational-training-verification .tabs_sort .sort-by .input-field{margin-left: 0;}
.vocational-training-verification .filter-tabs_sort { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;width: 100%; }
.vocational-training-verification .filters .btn-area{margin-left: 0px;display: flex;justify-content: flex-end;align-items: flex-end;width: 100%;}
.vocational-training-verification .filters .input-field{width: 100%;}
.filters.tabs_sort > * { width: 100%; }
.vocational-training-verification .filters { flex-wrap: wrap; }
.vocational-training-verification .filters .input-field,.vocational-training-verification .filters  .select-wrapper,.vocational-training-verification .filters  .account-sector,.vocational-training-verification .filters .input-field input{flex: 1;}
.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; }
.advisory-board-details-modal .right-content h4{font-size: 26px;}
.advisory-board-details-modal .right-content p{font-size: 13px;}
.register_page .feature-row{gap: 20px 0;}
.signup-benefits-container .benefit-title {width: 80%;}
.whatsapp-btn i{font-size: 14px !important;}
.whatsapp-btn{font-size: 14px !important;}
#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;}
.advisory-board-details-modal.modal{max-height: 82% !important; width: 70% !important;}

}

@media only screen and (max-width: 1024px){
  #home-announcement{width: 90%;}
  .advisory-board-details-modal.modal{max-height: 100% !important; width: 100% !important; top:0 !important}
}
@media only screen and (max-width:992px){ 
.vocational-training-verification .title2 + p{font-size: 16px;}
.vocational-training-verification .filters{flex-wrap: wrap;}
.vocational-training-verification .filters .input-field input{width: 100%;}
.vocational-training-verification .vocational-table-list-main a.course-link{width: auto;}
.vocational-training-verification  .vocational-table-list-main td{border-bottom:none;}
.vocational-training-verification  .vocational-table-list-main,.vocational-training-verification  .vocational-table-list-main tbody,.vocational-training-verification  .vocational-table-list-main tr,.vocational-training-verification  .vocational-table-list-main td{display: block;width: 100%;}
.vocational-training-verification .vocational-table-list-main > tbody > tr:nth-child(odd) { background-color: #F6F9FC ; }
.vocational-training-verification  .vocational-table-list-main thead{display:none;}
.vocational-training-verification  .vocational-table-list-main td{border-bottom:none;}
.vocational-training-verification  .vocational-table-list-main thead{display:none;}
.vocational-training-verification  .vocational-table-list-main  tr{margin-bottom:15px;padding-top:10px;padding-bottom:10px;}
.vocational-training-verification .vocational-table-list-main td::before { content: attr(data-label); position: inherit; left: 0px; width: 100%; padding-left: 0; text-align: left; display: block; margin-bottom: 0; color: #181925; font-weight: 600; font-size: 14px; line-height: 18px; }
.vocational-training-verification  .vocational-table-list-main  td{padding-left:16px;text-align:left;position:relative;padding-top:5px;padding-bottom:5px;height: auto;background-color: transparent;font-size: 14px;}
.f2f-modal-benefits .left{width: 52px;min-width: 52px;height: 52px;}
.f2f-modal-benefits .left img{width: 20px;}
.f2f-modal-benefits .benefits-footer{display: flex;flex-wrap: wrap;}
.f2f-modal-benefits .benefits-footer .btn{width: 100%;min-width: 100%;flex: unset;}
.f2f-modal-benefits .benefit-box{display: flex;flex-direction: column;gap: 30px;margin: 40px 0;}
.f2f-modal-benefits .benefit-box:after{content: none;}
.advisory-board-details-modal.modal{max-height: 100% !important; width: 100% !important; top:0 !important}
#auth_login_popup{width: 80% !important;}
.request-select-modal .option_item{width:100%;height:auto;}
.request-select-modal .img_wrapper{width: 50px;height: 50px;}
.request-select-modal .img_wrapper img {width: 20px;height: 20px;}
.request-select-modal .option_item p{font-size: 12px;}
.request-select-modal .checkmark {width: 10px;height: 10px;font-size: 8px;}
.request-select-modal .option_list{justify-content: space-between;gap: 10px;}
.whatsapp-btn i{font-size: 12px !important;}
.whatsapp-btn{font-size: 12px !important;}
.whatsapp-btn-before{padding: 4px 10px;}
.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){
.vocational-training-verification .tabs_sort .sort-by { margin-bottom: 0; }
.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;}
.advisory-board-details-modal.modal{max-height: 100% !important; width: 100% !important; top:0 !important}
}

@media only screen and (max-width:600px){
.vocational-training-verification .title2 + p{font-size: 14px;}
.vocational-training-verification .filter-tabs_sort { display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px;width: 100%; }
.vocational-training-verification .filters  .btn-area{margin-top: 15px;}
.vocational-training-verification .filters  .btn-area .btn{flex: 1;width: 100%;}
.vocational-training-verification .tabs_sort .sort-by{flex-direction: column;margin-bottom: 0;gap: 15px;justify-content: flex-start;align-items: flex-start;}
.vocational-training-verification .filters .input-field,.vocational-training-verification .filters  .select-wrapper,.vocational-training-verification .filters  .account-sector,.vocational-training-verification .filters .input-field input{width: 100%;}
#f2f-before-request-model .finance-l-0{padding-left: 0;}
#f2f_request_booking_popup .finance-box .finance-r-0, #formRequestOne .finance-box .finance-r-0{padding-right: 0px !important;}
#formRequestOne .finance-box .finance-l-0{padding-left:0 !important;}
#f2f_request_booking_popup .town_input_field,#formRequestOne .town_input_field{min-height: auto;}
#request_a_prices_success{width: 90% !important;}
#formRequestOne .footer-btn-area,#f2f_request_booking_popup .footer-btn-area{flex-direction: column;gap: 10px;}
#formRequestOne .footer-btn-area a,#formRequestOne .footer-btn-area .btn,#f2f_request_booking_popup  .footer-btn-area .btn{width: 100%;}
#formRequestOne .footer-btn-area-right,#f2f_request_booking_popup  .footer-btn-area-right{width: 100%;}
.f2f-modal-benefits .modal-close{width: 30px;height: 30px;top:-15px;right: -15px;display: flex;align-items: center;justify-content: center;}
.f2f-modal-benefits{width: 90% !important;}
.f2f-modal-benefits .modal-content{padding: 20px !important;}
.f2f-modal-benefits .btn{width: 100%;min-width: 100%;}
.f2f-modal-benefits .row{display: flex;gap: 20px;flex-direction: column;}
.f2f-modal-benefits .modal-content{max-height: calc(100vh - 120px);}
.f2f-modal-benefits .col{gap: 10px;display: flex;flex-direction: column;padding: 0;}
.f2f-modal-benefits .benefits-footer{display: flex;gap: 20px;flex-direction: column;padding-bottom: 20px;}
.online-course-section .course-full-info,.online-course-section .course-list-filter .sector-filter{ 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;}
.advisory-board-details-modal .profile-pic{width: 100px;}
.advisory-board-details-modal .modal-header{flex-direction: column;}
.advisory-board-details-modal .section-title{font-size: 16px;}
.advisory-board-details-modal .right-content h4{font-size: 24px;}
/* .advisory-board-details-modal .company-logo {width: 100%;} */
.advisory-board-details-modal .modal-content{padding: 15px !important;}
.advisory-board-details-modal .right-content p{font-size: 13px;}
.advisory-board-details-modal .right-content{text-align: center;}
.meeting-section .download_action { margin-left: 0px; display: flex ; justify-content: flex-end; min-width: auto;}
.advisory-baord .card{padding: 20px;}
.advisory-baord .description{font-size: 16px;}
.advisory-baord .card-image {width: 150px; height: 150px; }
.signup-benefits-container .feature-row .feature{width: 50%;}
.signup-benefits-container .feature span{font-size: 12px;}
.register_page .feature-row .col {padding: 0 !important;}
.register_page .feature-row{gap: 20px 0;}
.signup-benefits-container .benefit-items-list-ul li{align-items: flex-start;}
.signup-benefits-container .benefit-icon{width: 119px;}
.congress-para2{padding: 0;}
.congress-request-box .or-divider{font-size: 16px;}
.signup-benefits-container .benefit-subtitle{font-size: 14px;}
.congress-request-box .or-divider::before, .or-divider::after {width: 60px;}
.congress-page a {margin-top: 10px;}
.signup-benefits-container .benefit-items{ flex-direction: column;gap: 10px;}
.signup-benefits-container .benefit-item span,.signup-benefits-container .benefit-description { font-size: 12px;}
.signup-benefits-container .benefit-title { font-size:18px;width: 65%;}
.signup-benefits-container .benefit-subtitles{font-size: 14px;}
.request-select-modal .option_item { width: 100%; height: auto; }
.request-select-modal .option_item p { font-size: 12px; }
.whatsapp-btn i{font-size: 10px !important;}
.whatsapp-container{flex-direction: column; gap: 10px;}
.whatsapp-btn{font-size: 10px !important;position: relative;}
.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;}
.advisory-board-details-modal.modal{max-height: 100% !important; width: 100% !important; top:0 !important}
}

@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;}
.advisory-board-details-modal.modal{max-height: 100% !important; width: 100% !important; top:0 !important}
.feature_sector_item{min-height:185px;}
}

@media only screen and (max-width: 390px){
  .banner_home .banner-video-container{height: 200px;}
  .advisory-board-details-modal.modal{max-height: 100% !important; width: 100% !important; top:0 !important}
  }

@media only screen and (max-width: 359px){
    .banner_home .banner-video-container,.steps_learn .banner-video-container{height: 175px;}
    .advisory-board-details-modal.modal{max-height: 100% !important; width: 100% !important; top:0 !important}
}

@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;}
.advisory-board-details-modal.modal{max-height: 100% !important; width: 100% !important; top:0 !important}
}
@media only screen and (max-width:575px){ 
  .request-select-modal .option_item p{font-size: 10px;}
 #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;}
 .advisory-board-details-modal.modal{max-height: 100% !important; width: 100% !important; top:0 !important}

}   

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