@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('icon-fonts.css');

:root {
  --primary-color: #24618C;
}

body{font-family: 'Poppins', sans-serif;color: #393939;transition: linear all 0.2s;}
img{max-width: 100%;}
a{text-decoration: none;color: #393939;}
a:hover{color: #393939;text-decoration: none;}
a:focus{outline: 0;}
.btn{border-radius: 10px;font-size: 12px;letter-spacing: 1.2px;font-weight: 600;color: var(--primary-color);border: 1px solid var(--primary-color);padding: 8px 14px;text-transform: uppercase;}
.btn:hover{background: var(--primary-color);color: #fff;transition: linear all 0.2s;}
.btn.blue-fill{background: var(--primary-color);color: #fff;}
.signin{color: #F25926;border: 1px solid #F25926;}
.signin:hover{background: #F25926;}
.btn.blue-fill:hover{background: #184768;transition: linear all 0.2s;}
.btn-wide{min-width:160px;}
.btn-white{border:1px solid transparent;}
.btn-white:hover{background:none !important;color:#184768 !important;}
.btn.disabled, 
.btn:disabled, 
fieldset:disabled .btn {pointer-events: none;opacity: 1;color: #fff;background: #E0E0E0;border-color: #E0E0E0;}

.btn-red{background-color:#ED4545;border-color:#ED4545;color:white;}
.btn-red:hover{background-color:#F25926;border-color:#F25926;}
h1, h2, h3, h4, h5, h6{letter-spacing: 1px;}
h2, h3, h4, h5, h6{font-weight: 600;}
h1{font-size: 48px;line-height: 66px;font-weight: 700;}
h2{font-size: 38px;}
ul{padding: 0;margin: 0;}
li{list-style-type: none;}
hr{background-color: #D2D2D2;opacity: 1;}
.section-pd{padding: 60px 0;}
.section-mr{margin: 60px 0;}
.section-pt{padding-top: 60px;}
.section-pb{padding-bottom: 60px;}
.section-mt{margin-top: 60px;}
.section-mb{margin-bottom: 60px;}

.title1{font-size: 24px;font-weight: 600;}
.title2{font-size: 18px;font-weight: 600;}
.bg-light{background: #F5F5F5;}
.bg-grey{background: #F5F5F5;}
.text-color{color: var(--primary-color);}
.sub-title{color: #6E6E6E;font-size: 18px;}

/*Header css*/
header .navbar-nav{margin-left: auto;}
header .navbar{padding-top: 20px;padding-bottom: 20px;}
header .navbar .navbar-nav .nav-link{display: flex;align-items: center; color: var(--primary-color);font-size: 12px;letter-spacing: 1.2px;font-weight: 600;text-transform: uppercase;padding: 0;}
header .navbar .navbar-nav .nav-link:focus,
header .navbar .navbar-nav .nav-link.active,
header .navbar .navbar-nav .nav-link:hover{color: var(--primary-color);}
header .nav-item{margin-right: 26px;display: flex;align-items: center;}
header .nav-item.sign-btn{margin-right: 15px;margin-left: 15px;}
header .nav-item:last-child{margin-right: 0;}
header .navbar-brand{margin-right: 30px;}
header .navbar-brand:last-child{margin-right: 0;}
header .dropdown-toggle::after {margin-left: 8px;content: "\e900";font-family: sdi !important;font-size: 10px;font-weight: 500;line-height: 0;height: 12px;
width: 12px;border: 0;justify-content: center;display: flex;align-items: center;padding-left: 1px;margin-top: 1px;}
header .dropdown-item {border-radius: 5px;font-weight: 600;color: #fff;margin: 10px 0;padding: .1rem 0.5rem;letter-spacing: 1.2px;white-space: normal;}
header .navbar-nav .dropdown-menu {width: 100%;padding: 0 10px;clear: both;font-weight: 600;text-align: inherit;text-decoration: none; white-space: nowrap;border: 0;font-size: 12px;text-transform: uppercase;margin: 4px 5px;background: #262626;opacity: 0.8;border-radius: 8px;min-width: 13rem;}
header .navbar-nav .dropdown-menu::before{content: '';position: absolute;top: -8px; left: 40%;border-left: 8px solid transparent;
border-right: 8px solid transparent;border-bottom: 8px solid #262626;}
/*header .dropdown-toggle.active::after{background: var(--primary-color);color: #fff;font-size: 7px;}*/
header .dropdown-item:focus,
header .dropdown-item:hover {color: #fff;background-color: #4d4d4d;transition: linear all 0.1s;}
header .navbar .navbar-nav .nav-link{position: relative;}
header .navbar .navbar-nav .nav-link.active::before{position: absolute;content: '';bottom: -5px;left: -2px;right: 0;border-bottom: 2px solid rgb(162, 70, 39);}
header .navbar .navbar-nav .nav-link.dropdown-toggle.active::before{width: calc(100% - 17px);}

.frozen_msg{display:flex;align-items:center;background-color:rgba(0,0,0,0.10);border-radius:6px;justify-content:space-between;padding:8px 15px;margin-bottom:20px;}
.frozen_msg p{margin-bottom:0;margin-right:15px;width:67%;}
.date .error{width: 100%;}

.join_demo_title{text-align:center;margin-top:auto;margin-bottom:40px;}
.input-group-append .btn .input-lms-icon{margin-top:8px;display:inline-block;color:#9e9e9e;} 

/*TTH Banner*/
 .tth-banner {padding-top: 30px;position: relative;/*min-height: 500px;*/} 
.ban-rt-graphic{text-align:right;/* position: absolute;right: 0; */}
/* .ban-rt-graphic img{width: 622px;max-width: 100%;} */
.achive-item{padding-top: 50px;}
.achive-item span{color: #6E6E6E;font-size: 16px;font-weight: 600;}
.achive-item .title1{margin-bottom: 10px;}
.achive-item li{border-left: 4px solid #F19A3E;margin-right: 50px;padding: 5px 0 5px 12px;}
.achive-item li:last-child{margin-right: 0;}
.achive-item ul{display: flex;}
.tth-ban-content{padding-top: 50px;/*padding-bottom: 30px;*/padding-right: 35px;} 

/*TTH-featured*/
.tth-featured{padding: 30px 0;}
.tth-featured ul{display: flex;align-items: center;justify-content: center;}
.tth-featured ul li{margin: 0 20px;}

/*TTH Step*/
.tth-step h2{margin-bottom: 30px;}
.tth-step .title1{margin-top: 26px;margin-bottom: 15px;}
.tth-step .sub-title{padding: 0 26px;}
.tth-step hr {width: 816px;max-width: 100%;margin-left: auto;margin-right: auto;color: #E0E0E0;opacity: 1;}

/*TTH Sector*/
.sec-box-item{text-align: center;margin-bottom: 50px;display: block;}
.sec-box-item .sec-img{border-radius: 8px;overflow: hidden;position: relative;width: 392px;margin-left: auto;margin-right: auto;max-width: 100%;border-bottom: 8px solid;}
.sec-box-item.tch .sec-img{border-color: #E24496;}
.sec-box-item.tlc .sec-img{border-color: #699621;}
.sec-box-item.tfc .sec-img{border-color: #F15826;}
.sec-box-item.tsw .sec-img{border-color: #B8262E;}
.sec-box-item.te .sec-img{border-color: #1C6394;}
.sec-box-item.tey .sec-img{border-color: #FF961A;}
.sec-box-item.tac .sec-img{border-color: #0E80C6;}
.sec-box-item .sec-img img{height: 286px;object-fit: cover;width: 100%;}
.sec-box-item p{margin: 0;}
.sec-box-item p img{height: 50px;max-width: 100%;margin-bottom: 30px;}
.sec-box-item .sec-img span {transition: linear all 0.3s;position: absolute;bottom: 0;right: 0;width: 0;height: 0;display: flex;opacity: 0;background: linear-gradient(to bottom right, transparent 10%, transparent 50%, #e24496 50%, #e24496 100%);}
.sec-box-item.tlc .sec-img span{background: linear-gradient(to bottom right, transparent 10%, transparent 50%, #699621 50%, #699621 100%);}
.sec-box-item.tfc .sec-img span{background: linear-gradient(to bottom right, transparent 10%, transparent 50%, #F15826 50%, #F15826 100%);}
.sec-box-item.tsw .sec-img span{background: linear-gradient(to bottom right, transparent 10%, transparent 50%, #B8262E 50%, #B8262E 100%);}
.sec-box-item.te .sec-img span{background: linear-gradient(to bottom right, transparent 10%, transparent 50%, #1C6394 50%, #1C6394 100%);}
.sec-box-item.tey .sec-img span{background: linear-gradient(to bottom right, transparent 10%, transparent 50%, #FF961A 50%, #FF961A 100%);}
.sec-box-item.tac .sec-img span{background: linear-gradient(to bottom right, transparent 10%, transparent 50%, #0E80C6 50%, #0E80C6 100%);}
.sec-box-item .sec-img span i {transition: linear all 0.1s;color: #fff;font-size: 18px;margin-top: auto;margin-left: auto;margin-bottom: 10px;margin-right: 18px;opacity: 0;}
.sec-box-item:hover .sec-img span{opacity: 1;transition: linear all 0.3s;width: 80px;height: 80px;}
.sec-box-item:hover .sec-img span i{opacity: 1;transition: linear all 0.3s;}

/*TTH CTA*/
.tth-cta {background:url(../../the_training_hub/images/bg-strip.jpg) no-repeat right;background-size: 50%;position: relative;}
.tth-cta .container{background:url(../../the_training_hub/images/cta-fullBg.jpg) no-repeat right;padding-top:72px;padding-bottom:72px;background-size:cover;}
.tth-cta .row{position: relative;z-index: 1;}
.tth-cta h2{margin-bottom: 20px;font-weight: 700;}
.tth-cta::before{position:absolute;width:50%;height:100%;background:linear-gradient(89.59deg,rgba(255,255,255,0.8) 1.26%,#F3F3F3 56.69%,rgba(191,182,182,0.105882) 77.75%,rgba(253,253,253,0.0001) 97.77%);z-index:0;top:0;left:0;content:"";}

/*TTH-Footer*/
footer{padding: 25px 0;}
footer .flex-item{display: flex;justify-content: space-between;align-items: center;}
footer .flex-item ul{display: flex;}
footer .flex-item li{font-size: 12px;display: flex;align-items: center;padding: 0 15px;border-right: 1px solid #cacaca;color: #6E6E6E;}
footer .flex-item li:first-child{padding-left: 0;}
footer .flex-item li a{color: #6E6E6E;text-decoration: none;}
footer .flex-item li a:hover{color: var(--primary-color);transition: linear all 0.3s;}
footer .flex-item li:last-child{border: 0;}
footer .social-icon a{margin: 0 10px 0 0;position: relative;transition: linear all 0.3s;bottom: 0;}
footer .social-icon a:hover{bottom: 6px;transition: linear all 0.3s;}
.footer-logo img{height: 28px;}
footer .navbar-brand{margin-left: 15px;margin-right: 0;}
footer .flex-item .social-icon{margin-left: auto;margin-right: 16px;}

.contact .social-box {display: flex; flex-direction: column; align-items: flex-end;}
.footer-title{margin-bottom: 10px;}
.contact .fea-logo a {margin-right: 20px;}
.contact .fea-logo a img{height: 32px;}
.contact footer{padding-bottom: 50px;position: relative;padding-top: 0;}
footer .action-list{display: flex;flex-direction: column;}
footer .action-list ul:first-child{margin-bottom: 10px;}
.contact footer .social-icon{margin-bottom:30px;}
.contact .footer-logo img{height:32px;}

/*Contact Us Sign Up*/
.signup ul{display: flex;justify-content: center;align-items: center;margin-top: 30px;margin-bottom: 30px;}
.signup li{font-size: 18px;font-weight: 600;display: flex;align-items: center;margin: 0 20px;}
.signup li i{font-size: 32px;margin-right: 10px;}
.signup-btn .btn{margin: 0 12px;}
.signup .title1{font-size: 24px;}

.error{color: red; font-size: 12px;}
.cls_error {color: red;}

/* Verify Message */
.loginbox-left.verify-msg{height:calc(100vh - 150px) !important;}
#chat_engagement_success .modal-body{text-align:center;padding:30px 40px 30px;}
#chat_engagement_success .modal-body img{width:80px}
#chat_engagement_success .modal-body div#chat_engagement_success_message{padding:15px 0;font-size:14px;}
#frozen_popup_success{text-align:center;}
#frozen_popup_success .modal-body{ padding:30px }
#frozen_popup_success .modal-body .btn{ margin-top:20px }

/* Join A Demonstration */
.join_demo{min-height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center;flex-wrap: wrap;}
.join_demo ul{display:flex;gap:40px;margin-bottom: auto;} 
.join_demo ul li a{border-radius:8px;border:1px solid var(--primary-color);display:flex;padding:20px;height:270px;flex-direction:column;align-items:center;justify-content:center;font-size:20px;font-style:normal;font-weight:500;color:var(--primary-color);text-align:center;min-width:400px;}
.join_demo ul li a span{width:116px;height:116px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:36px;background-color:rgba(36,97,140,0.10);}
.join_demo ul li a img{max-width:60px;}
.top_flex_center{display:flex;align-items:center;justify-content:space-between;margin:60px 0 40px;}
.top_flex_center h2{color:#262626;font-size:30px;font-weight:500;margin-bottom:0;}
.top_flex_center .btn{border-color:#ED4545;color:#ED4545;}
.top_flex_center .btn:hover{background-color:#ED4545;color:white;}
.margin6040{margin: 60px 0 40px;}
#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-daygrid-day-top{display:flex;flex-direction:row;padding:24px;font-size:20px;}
#calendar .fc-h-event{border-radius:6px;background:#1976D2;border-color:#1976D2;padding:1px 4px;font-size:12px;font-style:normal;font-weight:400;box-shadow:none;cursor:pointer;}
.fc-h-event .fc-event-title{white-space:nowrap;text-overflow:ellipsis;}
.fc .fc-button-primary{background-color:var(--primary-color);border-color:var(--primary-color);}
.table_booking_dt{border-radius:8px;border:1px solid #E0E2E8;overflow:hidden;width:100%;}
.table_booking_dt th{background:#F5F5F5;min-width:150px;width:150px;font-weight:500;}
.table_booking_dt th,.table_booking_dt td{padding:14px 20px;font-size:14px;vertical-align:top;}
.card_faq{border-radius:8px;border:1px solid #E0E2E8;padding:8px;}
.card_faq h3{font-size:14px;font-weight:600;margin-top:8px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.card_faq img{border-radius:4px;}
.card_faq a{font-size:12px;color:var(--primary-color);font-weight:600;letter-spacing:0.1px;text-transform:uppercase;}
.card_faq a i{margin-left:6px;}
.carousel_dt h2{font-size:18px;font-weight:500;margin-bottom:16px;}
.carousel_dt .owl-nav{position:absolute;right:0;top:-45px;display:flex;align-items:center;gap:10px;}
.carousel_dt .owl-nav button{display:flex;width:30px;height:30px;justify-content:center;align-items:center;background:#24618C !important;border-radius:50%;color:white !important;}
.shown_modal_style .modal-footer{justify-content:center;}
.shown_modal_style .modal-footer .text-color{font-size:12px;text-transform:uppercase;font-weight:600;letter-spacing:1.2px;}
.shown_modal_style .modal-footer .btn{margin-left:0;margin-right:0;}
#account_connect .modal-dialog, #save_on_calendar .modal-dialog, #auth_before_request .modal-dialog{max-width:585px;}

.modal.shown_modal_style h6{font-size:14px;font-weight:500;color:#262626;}
.btn-google,.btn-google:hover{background:#ED4545;border-color:#ED4545;color:white;}
.btn-outlook,.btn-outlook:hover{background:#016CC3;border-color:#016CC3;color:white;}

.input-group-append .btn{font-size:18px;color:var(--primary-color);height:52px;border-radius:.25rem;border-top-left-radius:0;border-bottom-left-radius:0;}
.input-group .border{border-color:#D2D2D2 !important;}

#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:#1F40AE;height: 83.72px;}
#calendar .fc-h-event.upcoming_sesstion{ background-color: #78AB33;}
#calendar .fc-h-event.requested_sesstion{ background-color: #ED4545;}
#calendar .flex-justifybet{justify-content: space-between;align-items: center;display: flex;}
#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;margin-bottom: 35px;}
#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:-25px;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;}