.woocommerce-cart .woocommerce-notices-wrapper {
    min-width: 100%;
    /* display: none; */
}

.woocommerce-cart button[name='update_cart'] {
   display: none !important;
}
.woocommerce-cart .woocommerce-error, .woocommerce-cart .woocommerce-info,.woocommerce-cart  .woocommerce-message {
   margin: 0;
}
.woocommerce-cart .woocommerce-message {
    border-top-color: #E82C2A;
}

.woocommerce-cart .woocommerce-message::before {
    color: #E82C2A
}

.woocommerce-cart .cart-collaterals {
    width: 400px;
}

.woocommerce-cart .woocommerce-cart-form {
    flex: 1;
}

.woocommerce-cart .alignwide .container {
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: 100%;
}

.woocommerce-cart table.cart input {
    border-radius: 10px !important;
}

.woocommerce-cart .checkout-button {
    background-color: #E82C2A !important;
    padding: 14px !important;
    border-radius: 10px !important;
}

.woocommerce .cart .button {
    background-color: #E82C2A !important;
    color: #fff !important;
    border-radius: 10px;
    padding-bottom: 14px !important;
}
.woocommerce .coupon .input-text {padding: 8px 20px !important;width: 156px !important;margin-right: 10px !important;}


.woocommerce form .form-row .input-text, .woocommerce form .form-row select, .select2-container .select2-dropdown, .select2-container .select2-selection, .woocommerce .quantity .qty {
    background: #fff;
    border: solid 1px #aaa;
	border-radius: 4px;
}

#team_member_fields_section table td, #team_member_fields_section table th {
    padding: 10px;
}

#team_member_fields_section table input {
     background: #fff;
    border: solid 1px #aaa;
	border-radius: 4px;
    padding: 10px 12px;
    border-radius: 4px;
    min-width: 50px;
    width: 100%;
}

#order_review_heading {
    display: none;
}

.woocommerce-checkout .checkout {
    display: flex;
    gap: 40px;
	flex-wrap: wrap;
    
}

.woocommerce-checkout-review-order-overview #order_review {
    width: 400px;
}

.woocommerce-checkout .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    width: 100%;
}

.woocommerce-checkout .woocommerce table.shop_table td:last-child, .woocommerce-checkout .woocommerce table.shop_table th:last-child {
    text-align: right;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    background-color: #E82C2A !important;
}

.woocommerce-order-received .woocommerce-customer-details { 
    display: none !important;
}

.woocommerce-order-received .woocommerce-customer-details { 
    display: none !important; 
}
.woocommerce .cart_item .product-remove > a{display: none;}
.learner-details-container, .order-summary-box {
    width: 100%;
    padding: 20px 30px;
    border: 1px solid #B2B2B2;
    border-radius: 10px;
    
    max-width: 586px;
    margin: 0 auto;
    margin-bottom:50px;
}

.learner-details-container .learner-entry {
    display: flex;
    padding: 10px 15px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 5px;
    background: #F3F3F3;
    margin-bottom: 10px;
    font-size: 20px;
}

.learner-details-container .learner-entry span {
    display: block;
    font-size: 16px;
}

.learner-details-container .learner-entry .status {color:#34A853; font-size: 16px;}

.woocommerce-checkout .woocommerce-NoticeGroup {min-width: 100%;}
.woocommerce-checkout .woocommerce-cart-form-contents-billing-overview {flex:1; margin-bottom:30px;}
.woocommerce-checkout .woocommerce-order-details, .woocommerce-customer-details, .woocommerce-thankyou-order-received, .order_details {display:none;}

.woocommerce-checkout .thank-you-top-message {text-align:center;}
.woocommerce-checkout  .thank-you-top-message img {max-width:86px}

.woocommerce-checkout .woocommerce-order .container {max-width:586px !important;}
.woocommerce-checkout .order-summary-title, .woocommerce-checkout .order-learner-title  {border-bottom:solid 1px #A9A7B0;display:flex;gap: 10px;padding-bottom:15px;margin-bottom:20px;align-items: center;}
.woocommerce-checkout .order-summary-title img, .woocommerce-checkout .order-learner-title img {width:24px; height:24px;}
.woocommerce-checkout .order-summary-title h3, .woocommerce-checkout .order-learner-title h3 {margin-bottom:0;}

.woocommerce-checkout .summary-row {display:flex;justify-content: space-between;margin-bottom: 10px;}

.contact-information img {width:100%; border-radius:10px; margin-bottom:30px}

.contact-form-main {border:solid 1px #ccc; padding:30px; margin-left:40px; border-radius:10px}
.contact-form-main input, .contact-form-main select, .contact-form-main textarea {background: #F0F1F3; border:solid 1px #aaa !important; width:100%; border-radius:5px; height: 50px !important;
    line-height: 50px !important;}
.contact-form-main textarea {height:70px !important;  padding:10px !important;}
.contact-form-main label {width:100%}
.contact-form-main input[type=submit] {background-color: #E82C2A; color:#fff;}
.contact-form-main .wpcf7-spinner {display:none;}

.mobileapp_section ul {margin-bottom:30px; margin-left:30px;}
.mobileapp_section ul li {list-style-type:disc;}
.mobileapp_section {padding: 50px 0 !important; margin-top: 150px !important;}
.navbar .btn_group {align-items:baseline;}
.woocommerce form .form-row {margin-bottom:12px;}
.gform-theme--foundation .gfield textarea.medium {min-block-size: 7rem !important;}
.gform_button.button {background: var(--primary-color) !important;  border-color: var(--primary-color) !important;  min-width:150px !important; font-weight: bold !important;  font-size: 18px !important; border-radius: 10px !important;}

ul.wp-block-list, ol.wp-block-list {margin:0 0 30px 30px;}
ul.wp-block-list li, ol.wp-block-list li {list-style-type:disc;}

.gfield_label.gform-field-label {font-weight:bold !important; font-size:18px !important;}

#customer_login {display:flex; gap: 30px;}
#customer_login .u-column1, #customer_login .u-column2 {flex:1;}

.button  {background: var(--primary-color) !important;  border-color: var(--primary-color) !important;  min-width:150px !important; font-weight: bold !important;  font-size: 18px !important; border-radius: 10px !important;     color: #fff !important; height:44px;}


.navbar-brand img, .site_brand img {
    width: 100px;
}

/* .navbar-brand::after, .site_brand::after {
   content: 'Beta';
   font-size: 12px;
   vertical-align: bottom;
   background: #555;
   padding: 1px 6px;
   border-radius: 55px;
   color: #fff;
   font-size: 13px;
   margin-left: 2px;
} */

.support-message {text-align:center; margin-bottom:30px;}

.wc-empty-cart-message {width:100%;}
.wc-empty-cart-message .cart-empty {margin-bottom:0;}
.woocommerce-info {border-color: var(--primary-color) !important; }
.woocommerce-info::before {color: var(--primary-color) !important; }
.return-to-home {margin-bottom:50px;}

.toolssectioncol {text-align:center; max-width:170px;}
.toolssectioncol img {border:solid 1px #c9c9c9;}

@media (max-width: 768.5px) {
    .woocommerce-checkout .woocommerce-cart-form-contents-billing-overview {max-width:100%;}
    #team_member_fields_section table {display:block; overflow:auto;}
    .contact-form-main {margin-left:0; padding:20px}
    .woocommerce-billing-fields__field-wrapper {display:flex; flex-wrap:wrap;}
    .woocommerce-billing-fields__field-wrapper p {flex:1; min-width:100%;}
    #team_member_fields_section {margin-top:30px;}
    .woocommerce-checkout-review-order-overview #order_review {margin-bottom:30px; width:100%}
	.woocommerce .coupon .input-text, .woocommerce .cart .button {width:100% !important; margin-bottom:10px !important; text-align: center;}
	.woocommerce-checkout .checkout {gap:0; flex-wrap: wrap;}
	
	#customer_login {gap: 0; flex-wrap: wrap;}
	.banner_text .btn {width:100%;}
	#team_member_fields_section table input {width: auto;}
    
	.toolssection {flex-wrap: wrap; gap: 20px !important;}

}

/* filter area */

.search-to-role input.form-control {border-radius: 10px; border: 1px solid var(--primary-color); padding: 15px;}
#course-filters label {margin-bottom:20px;display: flex; gap:10px;    align-items: center; font-size: 16px;}
#course-filters .role-categories br, #course-filters .courses-categories br  {display:none;}
#course-filters input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid var(--primary-color); width: 20px; height: 20px; border-radius:2px;}
#course-filters input[type=checkbox]:checked {background: var(--primary-color); box-shadow: inset 0 0 0 1px #fff;}

#course-search-form {position:relative;}
#course-search-form input {padding: 15px; min-width: 300px;}
#course-search-form button {position:absolute; right:25px; top:14px; border:none; padding:0; background:none !important;}
#course-search-form button:hover {background:none !important; color:var(--primary-color);}

/* ======================================= Roadmap V2 ======================================= */
.UCCard, .LCCard, .CCCard {background: var(--light-primary);border-color: var(--primary-color);}
.rCertiCard a {color: var(--black-color);background: var(--white-color); font-size: 20px;}
.Qcard {color: var(--black-color);background: var(--white-color);}
.RoardCard h2{background: var(--primary-color)1c;color: var(--primary-color);} 
/* Roadmap tabs */
.roadmap-tabs { margin-bottom: 10px; }
.tab-pill-group { display: inline-flex;  box-shadow: 0px 10px 20px 0px #ccc; padding: 8px; border-radius: 30px; overflow: hidden; }
.tab-pill { background: var(--white-color); color: var(--primary-color); border: none; padding: 0 16px; font-weight: 600; cursor: pointer; display:inline-flex; align-items:center; gap:8px; height: 44px; line-height: 44px; }
.tab-pill + .tab-pill { border-left: 0; }
/* Active tab: 2px inner border, rounded 24px, no background fill */
.tab-pill.active { background: var(--white-color); color: var(--primary-color); box-shadow: inset 0 0 0 2px var(--primary-color); border-radius: 24px; }
.tab-pill svg.tab-icon { height: 3em; width: auto; display:inline-block; }
.tab-pill svg.tab-icon-only { height: 22px; width:auto; display:block; }
.tab-pill.tab-pill--soft, .tab-pill.tab-pill--tools{gap:0;}
.tab-pill.tab-pill--soft > span{font-size: 20px;}
svg.tab-icon-only.tab-icon-tools.tab-icon-only.tab-icon-tools{height: 55px;}
/* Unique tab classes to allow per-tab sizing/colors if needed */
button.tab-pill.tab-pill--soft > img {width: 100px;}
/* Microsoft icon specific sizing */
.tab-pill--microsoft svg.tab-icon-only { height: 122px; }
@media (max-width: 768px){
  .tab-pill--microsoft svg.tab-icon-only { height: 120px !important; }
  button.tab-pill.tab-pill--microsoft{padding-right: 0; padding-left: 22px;}
}
@media (max-width: 430px){
  .tab-pill--microsoft svg.tab-icon-only { height: 80px !important; }
  .tab-pill.tab-pill--soft > span{font-size: 14px;}
}
@media (max-width: 360px){
  .tab-pill--microsoft svg.tab-icon-only { height: 118px; }
}
@media (max-width: 768px){
  .tab-pill { padding: 0 12px; height: 40px; line-height: 40px; }
  .tab-pill svg.tab-icon-only { height: 10px; }
}
@media (max-width: 360px){
  .tab-pill { padding: 0 10px; height: 38px; line-height: 16px; }
  button.tab-pill.tab-pill--microsoft{padding-left: 12px; padding-right: 10px;}
  .tab-pill-group{ border-radius:12px; }
}

/* Soft Skills icon: transparent background, black glyphs */
.tab-pill--soft svg.tab-icon-soft { color: #000; margin-right: -4px; }
.tab-pill--soft svg.tab-icon-soft rect, 
.tab-pill--soft svg.tab-icon-soft circle,
.tab-pill--soft svg.tab-icon-soft ellipse { fill: transparent !important; stroke: none !important; }
.tab-pill--soft svg.tab-icon-soft [fill]:not(rect) { fill: currentColor !important; }
.tab-pill--soft svg.tab-icon-soft [stroke] { stroke: currentColor !important; }
@media (max-width: 991.5px){
  .rCertiWrapper, .RoardCard h2{background: var(--light-primary);} 
  .UCCard, .LCCard, .CCCard{background: transparent;}
  .rCertiCard a.hidden-link {display: none;} /* Hide extra links on mobile */
   
  .rCertiCard a {font-size: 16px;  padding: 9px;}
      .toggleBtn {
        margin: 15px auto 0px;
        padding: 0;
        cursor: pointer;
        background-color: transparent;
        color: #5B5A5F;
        font-weight: 600;
        border: none;
        border-radius: 5px;
        display: block;
    }
  
}
.roadmap-banner .video-banner-cnt { max-width: 768px; margin: 0px auto; }
.RoardCard{border-radius: 10px;padding: 50px 16px; position: relative; 
  /* timeline variables */
  --vline-top: 0px; /* start of vertical line inside card */
  --vline-bottom-offset: 0px; /* space to stop before bottom */
  --vline-bottom-dot: 50px; /* default bottom dot distance from bottom edge */
}
.UCCard {  border: 2px solid var(--primary-color);}
.Qcard {position: relative; border-radius: 5px; border: 1px solid var(--primary-color); background: var(--white-color); box-shadow: 0px 3px 34px 0px rgba(133, 133, 133, 0.25);padding: 7.6px 0px; }
.rCertiCard { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
.rCertiCard a { border-radius: 5px; border: 0.5px solid var(--primary-color); padding: 9.7px 30px; transition: all 0.4s ease;}
.rCertiCard a:hover {color: var(--primary-color);}
.LCCard {border: 2px solid var(--primary-color); }
.CCCard{border: 2px solid var(--primary-color); background: var(--black-color-70);}
.RoardCard::before { position: absolute; content: ""; width: 1px; background: var(--primary-color); left: 55px; top: var(--vline-top); height: calc(100% - var(--vline-top) - var(--vline-bottom-offset)); }
.RoardCard::after { background: var(--primary-color); position: absolute; content: ""; width: 1px; height: var(--tail-height, 80px); bottom: calc(-1 * var(--tail-height, 80px)); left: 55px; }
.CompletedCert .RoardCard::after, .toggleBtn{display: none;}
.RoardCard h2 { padding: 10px; border-radius: 5px;display: inline-block;}
.UCCard.RoardCard{ --vline-top: 70px; }
.CCCard.RoardCard{ --vline-bottom-offset: 45px; }

/* Dots at start and end (shown only for first/last visible cards) */
.RoardCard .vline-dot{ position:absolute; width:7px; height:7px; background: var(--primary-color); border-radius:100px; left: 55px; margin-left:-3px; display:none; }
.RoardCard.is-first-visible .vline-dot.vline-dot-top{ display:block; top: var(--vline-top); }
.RoardCard.is-last-visible .vline-dot.vline-dot-bottom{ display:block; bottom: var(--vline-bottom-dot); }

/* Hide legacy dot elements when tab filtering is active to prevent duplicates */
body.rm-filter-active .round-pointstop,
body.rm-filter-active .round-pointsbottom { display: none; }

/* When filtering is active, do not draw the outside tail line to keep within boundary */
.RoardCard.is-last-visible::after { display: none; }
.round-pointstop { width: 7px; height: 7px; background: var(--primary-color); border-radius: 100px; margin-left: 36px; margin-bottom: -5px; display: inline-block; position: relative; }
.round-pointsbottom { width: 7px; height: 7px; background: var(--primary-color); border-radius: 100px; margin-left: 36px; margin-bottom: -5px; display: inline-block; position: absolute; bottom: 50px; }


/* UI enhancement css added by sunil */
.skillspills{display:flex;gap:10px;flex-wrap:wrap;}
.skillspills li{border-radius:5px;background:var(--bglightgrey-color);padding:5px 10px;color:#0D0D0D;text-align:center;font-size:18px;font-style:normal;font-weight:500;line-height:28px;display:inline-block;}
.skillspillsmain{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.skillspillsmain button{background:none;color:var(--primary-color);border:none;white-space:nowrap;}
.sub-menu{position:absolute;top:100%;z-index:1000;display:none;min-width:10rem;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;border-radius:0;border:none;padding:1rem 0;background:#fff;box-shadow:rgba(100,100,111,0.2) 0px 7px 29px 0px;}
.toggle_submenu_btn{width:8px;height:8px;border-right:1px solid #000;border-bottom:1px solid #000;transform:rotate(45deg);margin-left:auto;position:absolute;top:20px;right:8px;}
.menu-item-has-children{position:relative;}
.search_btn,.SmartSearh_close_btn{display:none;}
.SmartSearh_close_btn{right:20px!important;top:25px!important;}
#course-search-form input{padding-right:45px;}
#course-search-form input:focus{border-color:var(--primary-color);}
.not-found{max-width:750px;margin:auto;}
.font20{font-size:20px;}
div#explore-course-results .blog_card{display:flex;flex-direction:column;}
.toolssection{flex-wrap:wrap!important;}
.scan_to_download img{max-width:100px;}
body .qib-button-wrapper{
    justify-content: flex-start !important;
    float: none !important;
}









 
@media (min-width:1200px){
.site_header .navbar-nav .menu-item:hover > .sub-menu{display:block;}
}
@media (max-width:1400px){
.site_header .navbar{padding:15px 20px;}
.site_header .navbar-light .navbar-nav .nav-link{padding:12px 20px;}
}
@media (max-width:1199px){
.sub-menu{width:100%;position:static;}
.site_header .navbar-light .sub-menu .nav-link{padding:10px 20px;}
.menu-item-has-children > a{padding-right:20px!important;}
.toggle_submenu_btn{top:16px;}
}
@media (max-width:991px){
.woocommerce-cart .cart-collaterals { width: 300px; }
.woocommerce-cart .alignwide .container { gap: 25px; }
body .qib-button-wrapper {
    justify-content: flex-end !important;
}
.woocommerce-checkout-review-order-overview .qib-button-wrapper {
    justify-content: flex-start !important;
}




}
@media (max-width:767px){
.search_btn{display:block;}
#course-search-form{position:fixed;left:0;right:0;top:0;padding:12px 50px 12px 15px;transform:translateY(-100px);background:white;transition:all 0.3s linear;z-index:111;}
#course-search-form button{right:75px;top:28px;}
.SmartSearh_close_btn{display:block;background:transparent;border:0;outline:0;padding:0;color:black;position:absolute;right:27px;top:18px;font-size:22px;}
.SmartSearhShow{transform:translateY(0)!important;}
.site_header .navbar{padding:15px !important;}
.navbar-brand{max-width:130px;}
.navbar-toggler{padding:5px;}
.navbar-brand::after,.site_brand::after{font-size:9px;position:relative;top:-4px;}
.toolssectioncol {min-width: calc(50% - 20px); max-width: calc(50% - 20px);}
.toolssectioncol img { max-width: 100px; }
.woocommerce-cart .cart-collaterals { width: 100%; }
}
#tabSkills .hidden-skill{display:none;}
.woocommerce-account .woocommerce{
    padding-top: 100px;
}
/*Custom Style for Sign-up / signin*/
/* Brand + headings */
.eotp-brand { text-align:center; font-size: 36px; font-weight: 600; color: var(--primary-color, #E82C2A); margin: 4px 0 6px; font-family: var(--primary-font, 'Poppins', sans-serif); }
.eotp-heading { text-align:center; font-size: 26px; font-weight: 600; color: #1E1E1E; margin: 2px 0 4px; }
/* Force Poppins for brand heading line */
.eotp-title.eotp-heading { font-family: var(--primary-font, 'Poppins', sans-serif); }
/* Inline brand word inside headings */
.eotp-title.eotp-heading .eotp-brandword { color: inherit; /*font-weight: 800;*/ white-space: nowrap; }
/* Slight rotation on the letter 'e' inside brand word */
.eotp-title.eotp-heading .eotp-brandword .brand-e,
.eotp-brand .brand-e { display:inline-block; transform: rotate(-15deg); transform-origin: 50% 60%; }
.eotp-subheading { text-align:center; font-size: 16px; color: #4A4F57; margin: 0 0 22px; }

/* Modal improvements + scrolling fix */
.eotp-dialog { max-height: 88vh; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #fff; overscroll-behavior: contain; }
.eotp-inline { padding: 4px 2px 0; border: 0 !important; background: #fff !important; box-shadow: none !important; }

/* Segmented tabs (OTP/Password) */
.eotp-tabs { display:flex; align-items:center; gap:0; background: #F3F3F3; border: 0; border-radius: 12px; padding: 4px; margin: 12px 0 18px; }
.eotp-mode-tab { flex:1; border:0 !important; background: transparent; border-radius: 10px; padding: 12px 16px; font-weight:700; color:#6B7280; transition: background .25s ease, color .5s ease, transform .5s ease, box-shadow .5s ease; }
.eotp-mode-tab.active { background:#fff; color: #111827; box-shadow: 0 6px 14px rgba(232,44,42,.18); }
.eotp-mode-tab:hover { transform: translateY(-1px); }

/* Fields layout */
.eotp-field { margin-bottom: 18px; position: relative; }
.eotp-pane .eotp-step { margin-top: 6px; }
#eotp-signup-otp-step1, #eotp-signup-pass { display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
#eotp-signup-otp-step1 .eotp-field, #eotp-signup-pass .eotp-field { margin-bottom: 0; }
#eotp-signup-otp-step1 .eotp-field input, #eotp-signup-pass .eotp-field input { width: 100%; }
/* Make email row full width */
#eotp-signup-otp-step1 .eotp-field:nth-child(3) { grid-column: 1 / -1; }
#eotp-signup-pass .eotp-field:nth-child(3) { grid-column: 1 / -1; }
/* Ensure action buttons span full width */
#eotp-signup-pass .button, #eotp-signup-otp-step1 .button { grid-column: 1 / -1; justify-self: start; }

/* OTP input as boxes (4 inputs) */
.eotp-otp { display:grid; grid-template-columns: repeat(4, 1fr); gap: 12px; max-width: 300px; }
.eotp-otp input { width: 56px; height: 56px; text-align:center; font-size: 24px; border-radius: 12px; border: 1px solid #E5E7EB; background:#F3F4F6; outline: none; transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; }
.eotp-otp input:focus { border-color: var(--primary-color, #E82C2A); box-shadow: 0 0 0 4px rgba(232,44,42,.08); background:#fff; }
.eotp-field.error .eotp-otp input { border-color: var(--primary-color, #E82C2A); background: #FFF3F3; }

/* Spacing tweaks */
.eotp-actions { margin-top: 10px; }
.eotp-switch-text { margin-top: 12px; display:block; }
/* Show only the active pane and its prompt */
.eotp-pane { display: none; }
.eotp-pane.active { display: block; }
.eotp-pane:not(.active) .eotp-switch-text { display: none !important; }
/* .eotp-open-modal { min-width: 160px; } */
.eotp-modal { position: fixed; inset: 0; display: none; z-index: 9999; }
.eotp-modal.open { display: block; }
.eotp-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.5); }
.eotp-dialog { position: relative; width: 100%; max-width: 620px; margin: 8vh auto; background: #fff; border-radius: 10px; box-shadow: 0 20px 50px rgba(0,0,0,.2); padding: 24px; }
.eotp-close { position: absolute; right: 10px; top: 8px; background: transparent; border: 0; font-size: 28px; line-height: 1; cursor: pointer; }
.eotp-subtitle { margin-top: -8px; margin-bottom: 16px; color: var(--grey-color, #585858); }
.eotp-field { margin-bottom: 14px; }
.eotp-field label { display:block; font-weight: 600; margin-bottom: 6px; }
.eotp-field input { width: 100%; height: 44px; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--border-color, #E2E2E2); background: var(--bglightgrey-color, #F5F5F5); transition: border-color .2s, box-shadow .2s, background-color .2s; }
.eotp-field input[name="password"], .eotp-field input[name="confirm_password"] { padding-right: 44px; }
.eotp-field.error input { border-color: var(--primary-color, #E82C2A); background: #FFF3F3; }
.eotp-error { color: var(--primary-color, #E82C2A); font-size: 13px; margin-top: 6px; min-height: 16px; }
.eotp-field input:focus { outline: none; border-color: var(--primary-color, #E82C2A); box-shadow: 0 0 0 4px rgba(232,44,42,.08); background: #fff; }
.eotp-actions { display:flex; gap: 10px; align-items: center; }
.eotp-msg { margin-top: 12px; font-size: 14px; color: var(--black-70, #2A2E36); }
.eotp-dialog .button, .eotp-dialog .btn { background: var(--primary-color, #E82C2A) !important; border-color: var(--primary-color, #E82C2A) !important; color: #fff !important; border-radius: 10px; font-weight: 700; min-width: 140px; height: 44px; }
.eotp-dialog .btn-outline-primary { background: transparent !important; color: var(--primary-color, #E82C2A) !important; }
.eotp-inline .button, .eotp-inline .btn { transition: transform .12s, box-shadow .18s, background-color .2s, border-color .2s; }
.eotp-inline .button:hover, .eotp-inline .btn:hover { box-shadow: 0 8px 16px rgba(0,0,0,.08); }
.eotp-inline .button:active, .eotp-inline .btn:active { transform: translateY(1px) scale(.995); }
@keyframes eotpFadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes eotpFadeOut { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateY(6px); } }
.eotp-inline { max-width: 520px; padding: 24px; border: 1px solid var(--border-color, #E2E2E2); border-radius: 10px; background: #fff; margin: 64px auto; }
.eotp-inline .eotp-panes { margin-top: 8px; }
.eotp-inline .eotp-msg { margin-top: 14px; }
.eotp-inline .eotp-title { margin-bottom: 16px; }
.eotp-inline .eotp-step { margin-bottom: 16px; }
.eotp-inline .eotp-actions { margin-top: 8px; }
@media (min-width: 768px) { .eotp-inline { margin: 50px auto; } }
.eotp-tabs { display: flex; gap: 10px; margin-bottom: 16px; justify-content: center; }
.eotp-tab { flex: 1; padding: 10px 16px; border-radius: 8px; border: 1px solid var(--border-color, #E2E2E2); background: var(--bglightgrey-color, #F5F5F5); cursor: pointer; font-weight: 700; transition: color .2s, border-color .2s, background-color .2s, transform .15s; }
.eotp-tab.active { border-color: var(--primary-color, #E82C2A); color: var(--primary-color, #E82C2A); background: var(--bglightprimary, #FFF3F3); }
.eotp-tab:hover { transform: translateY(-1px); }
.eotp-pane { display: none; }
.eotp-pane.active { display: block; animation: eotpFadeIn .22s ease both; }
.eotp-title { margin-bottom: 10px; }
.eotp-step { margin-bottom: 12px; }
.eotp-step.is-transition-out { animation: eotpFadeOut .18s ease both; }
.eotp-step.is-transition-in { animation: eotpFadeIn .22s ease both; }
/*Custom Style for Sign-up / signin*/
/* Modal base */
.eotp-modal { position: fixed; inset: 0; display: none; z-index: 9999; }
.eotp-modal.open { display: block; }
.eotp-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.5); }
.eotp-dialog { position: relative; width: 100%; max-width: 620px; margin: 8vh auto; z-index: 1; background: #fff; border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,.2); padding: 28px; outline: none; }
.eotp-close { position: absolute; right: 10px; top: 8px; background: transparent; border: 0; font-size: 28px; line-height: 1; cursor: pointer; }

/* Inline container */
.eotp-inline { max-width: 560px; margin: -20px auto; }
.eotp-title { margin-bottom: 14px; font-weight: 600; }
.eotp-msg { margin-top: 12px; font-size: 14px; color: var(--black-70, #2A2E36); }

/* Tabs for mode (OTP / Password) */
.eotp-tabs { display: flex; gap: 10px; margin-bottom: 32px; margin-top: 48px;}
.eotp-mode-tab { flex: 1; padding: 10px 16px; border-radius: 8px; border: 1px solid var(--border-color, #E2E2E2); background: var(--bglightgrey-color, #F5F5F5); cursor: pointer; font-weight: 500; transition: color .2s ease, border-color .2s ease, background-color .2s ease, transform .5s ease; }
.eotp-mode-tab.active { border-color: var(--primary-color, #E82C2A); color: var(--primary-color, #E82C2A); background: var(--bglightprimary, #FFF3F3); }
.eotp-mode-tab:hover { transform: translateY(-1px); }

/* Fields */
.eotp-field { margin-bottom: 14px; }
.eotp-field .eotp-toggle-pass { position: absolute; right: 10px; top: 55%; transform: translateY(-50%); background: transparent; border: 0; color: #6B7280; font-weight: 600; cursor: pointer; padding: 6px 8px; }
.eotp-field .eotp-toggle-pass:focus { outline: none; }
.eotp-field .eotp-toggle-pass .icon-eye-off { display: none; }
.eotp-field .eotp-toggle-pass[aria-pressed="true"] .icon-eye { display: none; }
.eotp-field .eotp-toggle-pass[aria-pressed="true"] .icon-eye-off { display: inline-block; }
.eotp-field label { display:block; font-weight: 600; margin-bottom: 6px; }
.eotp-field input { width: 100%; height: 44px; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--border-color, #E2E2E2); background: var(--bglightgrey-color, #F5F5F5); transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; }
.eotp-field input:focus { outline: none; border-color: var(--primary-color, #E82C2A); box-shadow: 0 0 0 4px rgba(232,44,42,.08); background: #fff; }
.eotp-error { color: var(--primary-color, #E82C2A); font-size: 13px; margin-top: 6px; min-height: 16px; }
.eotp-field.error input { border-color: var(--primary-color, #E82C2A); background: #FFF3F3; }

/* Actions */
.eotp-actions { display:flex; gap: 10px; align-items: center; }
.eotp-inline .button, .eotp-inline .btn { transition: transform .12s ease, box-shadow .18s ease, background-color .2s ease, border-color .2s ease; }
.eotp-inline .button:hover, .eotp-inline .btn:hover { box-shadow: 0 8px 16px rgba(0,0,0,.08); }
.eotp-inline .button:active, .eotp-inline .btn:active { transform: translateY(1px) scale(.995); }

/* Switch text */
.eotp-switch-text { margin-top: 10px; font-size: 14px; text-align: center; }
.eotp-switch-text a { color: var(--primary-color, #E82C2A); font-weight: 700; }
/* Show switch hint only for the visible pane */
.eotp-pane:not(.active) .eotp-switch-text{ display:none; }
/* Ensure the "New here?" hint only shows when Login pane is active */
.eotp-switch-login{ display:none; }
#eotp-pane-login.active .eotp-switch-login{ display:block; }

/* Smooth step transitions */
.eotp-step.is-transition-in { animation: eotpFadeIn .1s ease both; }
.eotp-step.is-transition-out { animation: eotpFadeOut .1s ease both; }
@keyframes eotpFadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes eotpFadeOut { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateY(6px); } }

/* Slide animation for mode switch */
.eotp-mode-wrap{ position: relative; overflow: hidden; min-height: 1px; }
.eotp-mode-wrap [data-mode-pane]{ position: absolute; left:0; right:0; top:0; opacity: 0; transform: translateX(100%); }
.eotp-mode-wrap [data-mode-pane].is-active{ position: relative; opacity: 1; transform: translateX(0); }
.eotp-mode-wrap [data-mode-pane].is-entering, .eotp-mode-wrap [data-mode-pane].is-leaving{ transition: transform .1s ease, opacity .1s ease; }

/* Header CTA button */
.menu-item-eotp .eotp-header-btn, .eotp-header-btn { background: var(--primary-color,#E82C2A); color:#fff; padding: 10px 16px; border-radius:10px; font-weight:700; display:inline-block; }

/* Header user icon trigger (replaces button) */
.header_btn .user_icon_btn { display:inline-flex; align-items:center; gap:6px; text-decoration:none; }
.header_btn .user_icon_btn img { width:32px; height:32px; display:block; border: 2px solid #ccc;border-radius:50%; object-fit:cover;}
.header_btn .user_icon_btn:hover { opacity:.85; }
.header_btn .user_dropdown > ul > li:hover > a{color: var(--primary-color); transition: all .5s ease-in-out; font-weight: 500;}
/* Keep header items on one line and manage widths */
/* Slightly increase spacing between header controls */
.site_header .navbar .header_btn.btn_group{ gap: 14px; }

@media (min-width: 1200px){
  .site_header .navbar{ flex-wrap: nowrap; }
  .site_header .navbar .header_menu_div{ flex:1 1 auto; min-width:0; }
  .site_header .navbar .header_btn.btn_group{ flex:0 0 auto; display:flex; align-items:center; gap:16px; flex-wrap:nowrap; }
  #course-search-form{ flex:0 1 185px; min-width:0; }
  #course-search-form input{ min-width:0 !important; width:clamp(160px, 18vw, 185px); }
  .header_btn .cart_icon_btn,
  .header_btn .user_icon_btn,
  .header_btn .user_dropdown{ flex:0 0 auto; margin-left: 10px;}
.header_btn .eotp-open-modal.user_icon_btn.ms-2{ margin-left:.25rem !important; }
}

/* ================== OTP Modal Responsive Tweaks ================== */
@media (max-width: 991.98px){ /* Tablets */
  .eotp-dialog{ max-width: 560px; margin: 6vh auto; padding: 24px; }
  .eotp-brand{ font-size: 32px; }
  .eotp-heading{ font-size: 24px; }
  .eotp-subheading{ font-size: 15px; }
  .eotp-otp{ gap: 12px; }
  .eotp-otp input{ width: 48px; height: 48px; font-size: 22px; }
}

@media (max-width: 767.98px){ /* Phones */
  .eotp-dialog{ max-width: 92vw; margin: 5vh auto; padding: 18px; border-radius: 10px; }
  .eotp-inline{ max-width: 100%; margin: 0 auto; padding: 0; }
  .eotp-brand{ font-size: 28px; }
  .eotp-heading{ font-size: 20px; }
  .eotp-subheading{ font-size: 14px; margin-bottom: 16px; }
  .eotp-tabs{ margin: 12px 0 16px; }
  .eotp-field{ margin-bottom: 12px; }
  .eotp-otp{ gap: 10px; justify-content: center; }
  .eotp-otp input{ width: 42px; height: 42px; font-size: 20px; border-radius: 10px; }
  .eotp-actions{ flex-wrap: wrap; }
  .eotp-dialog .button, .eotp-dialog .btn{ min-width: unset; width: 100%; height: 42px; }
}

@media (max-width: 360px){ /* Small phones */
  .eotp-dialog{ padding: 14px; }
  .eotp-brand{ font-size: 26px; }
  .eotp-heading{ font-size: 18px; }
  .eotp-otp{ gap: 8px; }
  .eotp-otp input{ width: 38px; height: 38px; font-size: 18px; }
}

/* Tablet and below: compress header, hide wide search */
@media (max-width: 1199.98px){
  .site_header .navbar{ flex-wrap: nowrap; }
  .site_header .navbar .header_btn.btn_group{ display:flex; align-items:center; gap:12px; flex-wrap:nowrap; }
  #course-search-form{ display:none; }
  .search_btn{ display:inline-flex; align-items:center; justify-content:center; }
  .SmartSearh_close_btn{ display:none !important; }
  .header_btn .user_icon_btn img{ width:28px; height:28px; }
}

/* Small phones: tighten gaps and icon size slightly */
@media (max-width: 575.98px){
  .site_header .navbar .header_btn.btn_group{ gap:10px; }
  .header_btn .user_icon_btn img{ width:26px; height:26px; }
}

/*Resources Pages custom styles*/
.primary_color {color: var(--primary-color);}
.listing-pages {padding-bottom: 20px;}
.listing-pages h1 {text-align: center; font-weight: 600; margin-bottom: 50px;}
.listing-box {margin-bottom: 70px; position: relative;}
.listing-box .listing-tags {position: absolute; top: 10px; left: 22px; background: #2a2e36; border-radius: 10px; padding: 2px 10px;	font-size: 14px; line-height: 24px; color: #A9A7B0;}
.listing-box a {color: #2a2e36;    position: relative; display: block;}
.listing-box a.btn {color: var(--white-color);}
.listing-box a.btn:hover{color: #E82C2A;}
.listing-box .certi-listing-brief, .listing-box:hover .certi-listing-brief {color: #fff;}
.listing-box .listing-tags + img + h3 {min-height: 60px;}
.publicationsbox .listing-box {display: flex; flex-wrap: wrap;}
.publicationsbox .listing-box a.btn {display: flex;  align-self: end;}
.publicationsbox .listing-box {display: block; padding-bottom:44px;}
.publicationsbox .listing-box a.btn {display: inline-block; align-self: end; margin-top: auto; position: absolute; bottom: 0;}
.single-publications .publicationsbox .listing-box {padding-bottom:0;}
.blogsv2-banner {background: url(../images/blogs-v2-banner.jpg) no-repeat !important; background-size: cover !important; }
.blogsv2-banner {position: relative;}
.blogsv2-banner:before {background: var(--pure-black); opacity: 0.3; width: 100%; height: 100%; position: absolute; content: ""; display: block; left: 0;}
.blogsv2-banner .video-banner-cnt {max-width: 815px;}
.blogsv2-banner .video-banner-cnt h1 {font-size: 48px; color: var(--white-color);}
.blogsv2-banner .video-banner-cnt p {font-size: 20px; color: var(--white-color);}
.middle-section {overflow: hidden;}
.banner-video-section {margin-top:75px; margin-bottom:70px; background: var(--pure-black); min-height:555px; position:relative; display: flex; align-items: center; background-size: cover !important;}
.bannervideo {position:absolute; height:100%; top:0; right:0; width:66%;}
.bannervideo video {height:100%; width:100%; object-fit: cover; object-position: left;}
.bannervideo::before {position: absolute; content: ""; width: 30%; background: linear-gradient(90deg, #000 15%, rgba(0, 0, 0, 0.00) 80.72%);  height: 100%;}
.video-banner-cnt {max-width: 580px; position: relative; z-index: 9;}
.video-banner-cnt h1 {color: var(--white-color); margin-bottom:0;}
.video-banner-cnt p {font-size: 24px; color: var(--white-color); margin:2rem 0px; line-height:30px;font-weight:600;}
.video-banner-cnt p.smalltext {font-size:20px;}
@media screen and (min-width: 1441px) {
    .banner-video-section {
        min-height: 640px;
    }
}
.tmv2-main-tms, .tmv2-cta-section, .tmv2-tabs-section, .tmv2-partners, .share-exp-section {margin-bottom: 70px;}

.tm-v2-banner {background: url(../images/testimonials-v2-banner.jpg) no-repeat center !important; background-size: cover !important;}
.tm-v2-banner .video-banner-cnt {max-width: 870px;}
.tm-v2-banner .video-banner-cnt h1 {color: var(--white-color);}
.tm-v2-banner .video-banner-cnt p {color: var(--white-color);}

.tmv2-large-section {margin-bottom: 90px;}

.tmv2-main-tms .owl-stage, .tmv2-tm-small .owl-stage {display: flex;}
.tmv2-main-tms .owl-item, .tmv2-tm-small .owl-item {display: flex;flex: 1 0 auto;}

.tmv2-large-card {background: url(../images/tmv2-large-card-bg.jpg) no-repeat center; background-size: cover; border-radius: 20px; border: solid 1px var(--primary-color); padding:50px;  display: flex; gap: 50px; align-items: center;}
.tmv2-large-card .card {background: linear-gradient(104deg, rgba(0, 0, 0, 0.80) 11%, rgba(0, 0, 0, 0.50) 94.66%); padding:36px 30px; position: relative;}
.tmv2-large-card .card:before {position: absolute; content: ""; display: block; width: 37px; height: 27px; background: url(../images/quotes-icon.svg) no-repeat center; top: 0; left: 0;}
.tmv2-large-card .card:after {position: absolute; content: ""; display: block; width: 37px; height: 27px; background: url(../images/quotes-icon.svg) no-repeat center; bottom: 0; right: 0; transform: scale(-1, 1);}
.tmv2-large-card .card p {color:var(--white-color); }
.tmv2-large-card .tmv2-thumbimg img {min-width: 230px; width: 230px; height: 230px; object-fit: cover;}
.tmv2-use-large {font-size: 18px; color:var(--white-color); }
.tmv2-use-large span:first-child {color: var(--primary-color); font-weight: 600;} 
.tmv2-cta-section .happy_to_help_wrap {background: url(../images/tmv2-cta-bg.jpg) no-repeat center;}
.tmv2-cta-section .happy_to_help_wrap h2 {color:var(--white-color);}

.tmv2-tabs-section h2 {color: var(--primary-color); font-size: 48px; border-bottom: solid 1px var(--primary-color); padding-bottom: 20px;}
.tmv2-starts {display: flex; justify-content: center; gap: 10px; margin: 24px 0;}
.tmv2-tm-small {margin-top: 40px;}
.tmv2-tm-small .card {position: relative; padding: 60px 40px 20px 40px; margin-bottom: 0; background: #171a2413; border-radius: 16px;}
.tmv2-tm-small p { text-align: left; font-size: 18px; font-weight: 500; line-height: 28px; color: var(--white-color); margin-bottom: 0; min-height: calc(100% - 138px);}
.tmv2-tm-small .card:before {position: absolute; z-index: 9; content: ""; display: block; width: 19px; height: 14px; background: url(../images/quotes-icon.svg) no-repeat center; top: 30px; left: 30px; background-size: 19px; }
.tmv2-tm-small .card .tmv2-starts img {height: 20px; width: 20px; margin-bottom: 0;}
.tmv2-tm-small .card:hover img {filter:none;}

.tmv2-small-user {display: flex; justify-content: left; width: 100%; gap: 20px; align-items: center;}
.tmv2-small-user img {border-radius: 50%; margin-bottom: 0; height: 70px; width: 70px !important;}
.tmv2-small-user h4 {font-size: 18px; color: var(--primary-color); margin-bottom: 0;}
.tmv2-small-user h4 span {font-size: 16px; color: var(--white-color); display: block; font-weight: 400; padding-top: 5px;}
.blog-bg {background:url("../images/blogs-bg.jpg") no-repeat top right;}

.blogv2-card-large {background: none; border:solid 1px #E82C2A; margin-bottom: 40px; border-radius: 0;}
.blogv2-thumb-large {position: relative; overflow: hidden;}
.blogv2-thumb-large .thumblarge {width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; object-position: center;}

.blogv2-cnt-large {padding: 30px;}
.blogv2-cnt-large h3 {margin:10px 0;}
.blogv2-cnt-large h3 a:hover {color: #f6322e;}
.blogv2-cnt-large p {margin-bottom: 0; color: #2a2e36;}

.blogv2-hero {position: absolute; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 11.54%, #000 100%); padding: 75px 30px 20px 30px; width: 100%; display: flex; gap: 20px;  align-items: center; display:flex; transition: bottom ease 0.5s; bottom: -200px;}
.blogv2-hero-img img {width: 88px; height: 88px; border-radius: 50%;}
.blogv2-hero-cnt h3 {margin-bottom: 5px; font-weight: 400; font-size: 18px; color: var(--primary-color);}
.blogv2-card-large:hover .blogv2-hero {bottom: 0;}

.card-recentblog {background: #171a2413; border: none;}
.card-newsletter {background: #171a2413; border: none;}
.card-newsletter h3 {font-size: 32px; color: var(--primary-color); margin-bottom: 30px; margin-top: 0;}
.card-newsletter p {margin-bottom: 30px;}
.card-newsletter .form-control {background: none; border: none; padding-left: 0; font-weight: 500; border-bottom: solid 1px #2a2e36; border-radius: 0; color: var(--white-color);}

.blog-pagination .page-numbers {background: #171a2413; padding:10px 15px; margin-right:10px; white-space:nowrap; margin-bottom:30px; font-size: 16px; cursor:pointer;}
.blog-pagination .page-numbers:hover, .blog-pagination .page-numbers.current {background: var(--primary-color); color: var(--white-color); }
.publication-pagination .page-numbers:hover, .publication-pagination .page-numbers.current {
    background: #E82C2A;
    color: var(--white-color);
}
.publication-pagination .page-numbers { background: #f3f3f3; padding: 10px 15px; margin-right: 10px; white-space: nowrap; margin-bottom: 30px; font-size: 16px;}
.banner-video-section.pd-banners {min-height:320px; background: url(../images/bd-banner-bg.jpg) no-repeat center; background-size:cover; padding:30px 0;}
.common-section { margin-bottom: 70px;}
.pub-summary, .pub-container { border-color: #cdc5c5;}
.pubsidebar-dtls { display: flex; align-items: flex-start; row-gap: 20px; flex-wrap: wrap; margin-bottom: 20px; border-bottom: solid 1px #6c6c6c; padding-bottom: 30px; gap: 30px;}
.pubsidebar-dtls div { display: flex; flex-direction: column; align-items: flex-start; gap: 6px;}
.GlobalShare { position: relative; padding: 15px 0;}
.pub-summary, .pub-container { border-color: #cdc5c5;}
.pub-summary { max-height: 850px; position: relative; overflow: hidden; transition: max-height 1s;}
/* Publications detail: expand/collapse */
.pub-summary { padding-bottom: 64px; }
.pub-summary .read-fullpublication { position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 2; }
.pub-summary::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: linear-gradient(to top, var(--white-color, #ffffff) 0%, rgba(255,255,255,0) 100%); pointer-events: none; }
.pub-summary.expanded { max-height: none; overflow: visible; padding-bottom: 0; }
.pub-summary.expanded::after { display: none; }
.pub-summary.expanded .read-fullpublication { position: static; transform: none; }
.more-pub-title { display: flex; justify-content: space-between; align-items: center;}
.more-pub-title h3 { margin-bottom: 0;}
.single-publications .publicationsbox .listing-box { padding-bottom: 0;}
.publicationsbox .listing-box { display: block; padding-bottom: 44px;}
/*===========================================
Share Posrt
===========================================*/
.post_share_button {padding: 0 !important; border: none; background: transparent; font-weight: 600; font-size: 1rem; color:  var(--primary-color) !important; text-decoration: none !important;}
.post_share_button svg {rotate: -45deg;vertical-align: -1.5px;margin-right: 0;}

#SharePostModal.modal .modal-content {border-radius: 30px;background: var(--white-color);border: 0;}
#SharePostModal.modal .modal-header {display: flex ; position: relative; padding: 12px 24px; justify-content: space-between; flex-direction: row-reverse;}
#SharePostModal.modal .modal-header .btn-close { width: 28px; height: 28px; padding: 0; opacity: .7; -webkit-box-sizing: border-box; box-sizing: border-box; background-size: 18px; margin-left: 0;}
#SharePostModal.modal .modal-title {font-size: 1.25rem !important;font-weight: 600;color: var(--black-color);margin: 0;}
.social_media_share {display: grid;grid-gap: 20px;grid-template-columns: repeat(3, 1fr);text-align: center;margin: 10px 0 20px;}
.social_media_share .social_media_logo {display: inline-block;}
.social_media_share .social_media_logo img {margin-bottom: 10px;}
.social_media_share .social_media_logo p { font-size: 12px !important; font-style: normal; font-weight: 600; color: var(--black-color); margin-bottom: 0px; }
.share_post_box {position: relative;}
.share_post_box input { padding: 17px 120px 17px 24px; border-radius: 10px; border: 1px solid #c3c4c6; font-size: 16px; font-style: normal; font-weight: 500;background: transparent !important;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);}
.share_post_box .sharepost_btn { position: absolute; right: 12px; top: 8px; border: none; border-radius: 60px; background: var(--primary-color); color: #fff !important; padding: 11px 24px; font-size: 18px; font-style: normal; font-weight: 600; line-height: 1; }

.btn-close:focus{box-shadow: none;}

.navbar-nav li.for-mobile-menu {display:block;}
.ginput_container.ginput_container_email { text-align: left; }
.post_share_button:hover, .post_share_button:focus {background: transparent !important;color: currentColor !important;outline: none !important;text-decoration: none !important;}

/*Events Page style*/
/* .event_slider {margin-top:80px;} */
.event_slider .main-banner-cnt {top: 50%;transform: translateY(-50%);}
.slider_content .Slide_title {margin-top: 0;line-height: normal;}
.slider_content .slide-sub, .slider_content .slide-sub-tex {color: var(--white-color);}
.all_event {background: var(--primary-color);padding: 50px 40px;height: 100%;}
.all_event a {color: var(--white-color);}
.all-events li {border-bottom: 1px solid var(--white-color);margin-bottom: 15px;padding-bottom: 15px;}
.all-events li:last-child {border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.event_image {margin-bottom: 1rem;}
.event_image img {width: 100%;}
section.OurEventsNews {background: #171A24;padding: 44px 0px;}
section.OurEventsNews h3 {margin-bottom: 0;}
.btn_ctn {text-align: right;}
.date_location.event_date {background: var(--primary-color); color: var(--white-color);}
.event_slider .owl-dots {display:none !important;}

.event_slider .midd-banner-slide {background: var(--pure-black);min-height: 380px;}
.event_slider .midd-banner-slide > img {
    object-fit: cover;
    object-position: right center;
}
.event_slider .midd-banner-slide  img {opacity: 0.5;}

.event_image {position:relative;}
.event_image p {position: absolute; top: 10px; right: 10px; background: var(--primary-color); padding: 0 10px; border-radius: 10px; font-size: 14px; color: var(--white-color) !important;}

/* ======================================= Events Details Page ======================================= */
.top_banner-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.top_video-with-text {position: relative;}
.top_banner-content h1 {font-size: 100px;font-weight: bold;}
.primary_color {color: var(--primary-color);}
.line_with-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 30px;
    max-width: 1110px;
    margin: 0px auto;
}
.line {
    width: 100%;
    height: 1px;
    background: var(--white-color);
}
.top_btn {
    max-width: 660px;
    margin: 0px auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}
.date_grid {display: flex;justify-content: center;gap: 10px;}
.date_location {
    flex: 1;
    background: var(--white-color);
    padding: 10px;
    color: var(--black-color);
    font-size: 24px;
    font-weight: 600;
}
.top_btn .btn {
    height: 100px;
    line-height: 100px;
    font-size: 48px;
}
#countdown ul {
    display: flex;
    justify-content: center;
    column-gap: 30px;
    color: var(--white-color);
}
#countdown ul li {
    display: flex;
    flex-direction: column;
    flex: 1;
    font-size: 20px;
    text-transform: capitalize;
}
#countdown ul li span {
    font-size: 72px;
    font-weight: bold;
    color: var(--primary-color);
    line-height: normal;
    margin-bottom: -10px;
}
#countdown {max-width: 550px;margin: 0px auto;}
.primary_bg {background: var(--primary-color);}
.TeaserVideo .maxwidth {max-width: 1050px !important;}
.teaservideo-item {position: relative;}
.video_play {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100px;
}
.TeaserVideo .primary_bg {padding: 100px 0px;}
.video_text {max-width: 450px;}
.video_vector {
    float: right;
    max-width: 200px;
    margin-top: -50px;
    position: relative;
    z-index: -1;
}
.time_event h4 {
    font-size: 16px;
    margin-bottom: 10px;
}
.video_text h2 {
    font-size: 36px;
    line-height: normal;
    margin-top: 20px;
}
.time_event span.icon { margin-right: 10px; }
.social-link {display: flex;align-items: center;column-gap: 30px;}
.social-link a {line-height: 0;}
.Speakers_img, .on-hover_zoom {position: relative;overflow: hidden;}
.Speakers_img img, .on-hover_zoom img {transition: all 0.9s;}
.Speakers:hover .Speakers_img img, .on-hover_zoom:hover img {transform: scale(1.1);filter: grayscale(1);}
ul.Attend_list li {
    display: flex;
    align-items: center;
    column-gap: 10px;
    color: var(--white-color);
    font-size: 15px;
    padding: 20px 0px;
    border-bottom: 1px solid rgba(255,255,255, 0.3);
}
.TextOverlayImage {
    background: url("../images/textoverlay.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 7rem 5rem 5rem;
}   
.TeaserVideo p, .TeaserVideo ul li {
    color: var(--white-color);
}
.OurPartner_card {
    background: #171A24;
    padding: 15px;
    text-align: center;
}
.OurPartner_round {
    background: var(--white-color);
    border-radius: 100%;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: 0px auto;
}
.OurPartner_round img {
    max-width: 80px;
}
.RichTextContent h2 {
    font-size: 38px;
    line-height: normal;
}
.OurPartner_slider .owl-nav {
    position: absolute;
    top: 46%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.OurPartner_slider.owl-theme .owl-nav button {
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-size: 21px;
    color: #fff;
}
.OurPartner_slider.owl-theme .owl-nav button.owl-prev {
    margin-left: -40px;
}
.OurPartner_slider.owl-theme .owl-nav button.owl-next {
    margin-right: -40px;
}
.hr-line_item {height: 10px;background: var(--primary-color);margin: 0px auto 2px;}
.hr-line_item.hr_one {opacity: 0.5;width: calc(100% - 100px);}
.hr-line_item.hr_two {opacity: 0.6;width: calc(100% - 80px);}
.hr-line_item.hr_three {opacity: 0.7;width: calc(100% - 60px);}
.hr-line_item.hr_four {opacity: 0.8;width: calc(100% - 40px);}
.hr-line_item.hr_give {opacity: 0.9;width: calc(100% - 20px);}
.OurSpeakers .video_vector {position: absolute;left: -100px;top: 50px;}
.OurSpeakers h2 {position: relative;}
.RichTextContent .video_vector {position: absolute;right: 0;}
.main-banner-cnt {position: absolute; width: 100%;}
.common-cnt h1 { margin-bottom: 30px; line-height: 72px; margin-bottom: 26px; font-weight: 600; text-align: left;}
.common-cnt h1 span { color: var(--primary-color);}
.events_card {padding: 20px 20px 60px 20px; background:#171a2413; border: solid 1px var(--black-color-70); border-radius: 10px; height:100%; position:relative; transition: all 1s ease 0s;}
.events_card:hover {box-shadow: 0px 4px 4px var(--primary-color);}
.midd-banner-slide .video_title em {font-style: normal;}
.midd-banner-slide .slide-sub-tex {margin-bottom: 30px; font-size: 24px;}
.event_datelocation {display: flex; justify-content: space-between; align-items: center; font-size: 18px;}

.event_info h4 {margin-bottom: 20px; color: var(--primary-color);display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.4em; max-height: calc(1.4em * 2); word-break: break-word;}
.event_info h4 span {color: var(--primary-color);}
.event_info .btn {border-radius: 5px;}
.atpbuttonsgroup {position:absolute; bottom:20px; left:20px; display:flex; gap:20px; justify-content:space-around; }

.ExplorebyCategory, .UpcomingEvents, .FeaturedSpeakers, .eventsSpeakers, .PastEventsHighlights, .whyattendevents {margin-bottom: 70px; padding-bottom: 0 !important;}

.eventsv2-tab .nav-tabs.maintabs {border-bottom: none; margin-bottom:30px;}
.eventsv2-tab .nav-tabs.maintabs .nav-link {border: none; font-size: 18px; font-weight: 500; padding:15px 20px; color: var(--primary-color); border-radius: 20px; margin-right:10px;}
.eventsv2-tab .nav-tabs.maintabs .nav-link.active, .eventsv2-tab .nav-tabs.maintabs .nav-link:hover {background:#171a2413; border: none;  color:var(--primary-color);}

.eventsv2-tab .events-subtabs .nav-tabs {background:#171a2413; border-bottom: none; margin-bottom: 50px; display:none;}
.eventsv2-tab .events-subtabs .nav-tabs .nav-link {border:none; font-size: 17px; font-weight: 500; line-height: 46px; margin: 0 20px; background: none; color: var(--white-color); border-bottom: solid 2px transparent;}
.eventsv2-tab .events-subtabs .nav-tabs .nav-link.active, .eventsv2-tab .events-subtabs .nav-tabs .nav-link:hover {border-color: var(--primary-color); color: var(--primary-color);}
.midd-banner .owl-theme .owl-nav {display: none !important;}

.whyevents-bg {min-height: 440px; background: url(../images/why-events-infographics.png) no-repeat center top;}
.why-attentevents {display: flex; justify-content: space-between}
.why-attentevents h3 {color: var(--primary-color); margin-bottom: 10px;}
.why-attentevents p {color: #171A24; font-weight: 600;}
.why-attentevents .arrowcnt {position: relative; margin-bottom: 50px; min-width: 240px;}
.why-attentevents .arrowcnt:before {position: absolute; content: ""; display: block; background: url(../images/events-arrow.png) no-repeat left; height: 20px; width: 174px; left: 250px; top: 48%;}
.why-attentevents .arrowcnt.invertarrow:before {left: auto; right: 270px; rotate: 180deg;}
.eventsicons {display: none;}

.speakerscard {background:#171a2413; border: solid 1px var(--black-color-70); border-radius: 16px; padding: 20px; padding-bottom: 250px; position: relative; overflow:hidden; height:376px;}
.speakerscard:before {position: absolute; content: ""; display: block; width: 156px;height: 162px; background: var(--primary-color); filter: blur(72px); bottom: 0; right: 0;} 
.speakerscard h4 {font-size: 18px; margin-bottom: 0;}
.speakerscard h4 i {font-size: 14px; display: block; font-weight: normal; line-height: 24px; opacity: 0.7}
.speakerscard p {font-size: 14px; line-height: 18px; color: var(--white-color); }
.speakerscard img {position: absolute; bottom: 0; right: 0; max-height: 248px; width: auto !important; }
.pasteventscard:before {position: absolute; content: ""; display: block; width: 100% ;height: 162px; background: linear-gradient(171.95deg, rgba(0, 0, 0, 0) 15.33%, #000000 67.02%); bottom: 0; right: 0; z-index: 9} 
.pastevent-card-cnt {position: absolute; bottom: 0; width: 100%; padding: 30px; z-index: 9;}
.pastevent-card-cnt h4 {font-size: 24px; margin-bottom: 5px;}
.pastevent-card-cnt p {font-size: 16px; margin-bottom: 0;}
.pasteventscard img {height: 300px; clip-path: content-box;}
.PastEventsHighlights .owl-nav{position:static;margin:0;}
.PastEventsHighlights .owl-nav button{width:36px;height:36px;border-radius:100%!important;background-color:var(--primary-color) !important;display:flex!important;align-items:center;justify-content:center;margin:0!important;position:absolute;top:50%;transform:translateY(-50%); z-index: 9;}
.PastEventsHighlights .owl-nav .owl-prev{left:20px;}
.PastEventsHighlights .owl-nav .owl-next{right:20px;}
.PastEventsHighlights .owl-nav button span{color:#fff;font-size:30px;line-height:1;position:relative; top: -1px;}
.PastEventsHighlights .owl-nav button:hover {background: var(--hover-color) !important;}
.PastEventsHighlights .owl-nav button:hover span {color:#fff !important;}
.PastEventsHighlights .owl-nav button:hover span {color:var(--primary-color)}
.PastEventsHighlights .owl-dots {display: none;}
.eventspartner {padding-bottom: 0 !important; margin-bottom: 30px;}
.UpcomingEvents .owl-carousel .owl-item .event_datelocation img {height:20px; width:auto; display:inline-block;}
.UpcomingEvents .owl-carousel .owl-stage {display: flex;}
.UpcomingEvents .owl-carousel .owl-item {display: flex; flex: 1 0 auto; padding:10px;}
.cmn-sliderdots .owl-dots {display:none !important;}
.cmn-sliderdots .owl-nav {display:block; position:absolute;bottom:calc(50% - 36px);transform:translateY(-50%); display: flex; justify-content: space-between; width:100%;}
.cmn-sliderdots .owl-nav button{width:36px;height:36px;border-radius:100%!important;background-color:transparent !important;display:flex!important;align-items:center;justify-content:center;margin:0!important; position:relative;}
.cmn-sliderdots .owl-nav .owl-prev{left:-15px;}
.cmn-sliderdots .owl-nav .owl-next{right:-15px;}
.cmn-sliderdots .owl-nav button span{color:var(--primary-color);font-size:50px;line-height:1;position:relative;}
.cmn-sliderdots .owl-nav button:hover span {color:var(--primary-color)}
.cmn-sliderdots .owl-nav .owl-prev {left: -15px;}
.cmn-sliderdots .owl-nav .owl-prev span{top:-2px;left:-2px;}
.cmn-sliderdots .owl-nav .owl-next {right: -15px;}
.cmn-sliderdots .owl-nav .owl-next span{top:-2px;left:1px;}
.cmn-sliderdots.offsetarrow .owl-nav .owl-prev{left:-32px;}
.cmn-sliderdots.offsetarrow .owl-nav .owl-next{right:-32px;}
.cmn-sliderdots .owl-nav button.anyClass {visibility:hidden;}


.middle-section .h2_partners_logo{display: none;}
.roles-filters .role-categories{max-height: 300px;overflow: auto;}

/* Responsive UI issues and bugs css */
a.navbar-brand {padding: 0 !important;}
.pagination{flex-wrap: wrap;}
.events_card .event_grid{display:flex;flex-direction:column;height:100%;}
.event_image img{height:200px;object-fit:cover;}
.events_card .event_grid h4{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.roadmap_cert_row{display:grid;grid-template-columns:68px 1fr;gap:24px;margin-top:45px;}
.container{max-width:100%;padding-left:40px;padding-right:40px;}
.search_btn{display: none !important;}
.blog_card {display: flex;flex-direction: column;}
@media (max-width:1199px){
.why-attentevents .arrowcnt:before{display:none;}
}
@media (max-width:991px){
.tab-pill-group{flex-wrap:wrap;gap:10px;}
.whyevents-bg{background-size:30%;background-position:44% 34%;min-height:auto;}
}
@media (max-width:767px){
.roadmap_cert_row{grid-template-columns:50px 1fr;gap:20px;}
.container{padding-left:15px;padding-right:15px;}
.whyevents-bg{background-image:none;}
.why-attentevents .arrowcnt{min-width:auto;margin-bottom:0;}
.why-attentevents{flex-direction:column;}
.why-attentevents br{display:none;}
.ExplorebyCategory,.UpcomingEvents,.FeaturedSpeakers,.eventsSpeakers,.PastEventsHighlights,.whyattendevents{margin-bottom:50px;}
.events_card { padding: 20px; }
.search_btn, .SmartSearh_close_btn{display: block !important;}
.navbar-brand img, .site_brand img {width: 80px;}
}
@media (min-width:1441px){
.container{max-width:1440px;}
}
@media(max-width: 768px){
.roles-filters .role-categories{max-height: 200px;}
}

/* Book Demo page css 14 Nov */
.bg_primary{background-color: var(--primary-color);}