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

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

.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 {height:32px;}

.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%;}
	.navbar-brand img {height: 24px !important; max-width: fit-content !important;} 
	#team_member_fields_section table input {width: auto;}
    
	.toolssection {flex-wrap: wrap; gap: 20px !important;}
	.toolssectioncol {min-width: calc(50% - 20px); max-width: calc(50% - 20px);}
}

/* 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: anchor-center;}
#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: #cfa9351c;color: var(--primary-color);}
@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;}
.UCCard {  border: 2px solid var(--primary-color); background: var(--darkgrey-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; height: 100%; background: var(--primary-color); top: 0; left: 55px; }
.RoardCard::after { background: var(--primary-color); position: absolute; content: ""; width: 1px; height: 80px; bottom: -80px; left: 55px; }
.CompletedCert .RoardCard::after, .toggleBtn{display: none;}
.RoardCard h2 { padding: 10px; border-radius: 5px;display: inline-block;}
.UCCard.RoardCard::before {top: 70px;}
.CCCard.RoardCard::before { height: calc(100% - 45px); }
.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); }
@media (min-width:1200px){
.site_header .navbar-nav .menu-item:hover > .sub-menu{display:block;}
}
@media (max-width:1400px){
.site_header .navbar{padding:18px 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: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:18px 15px;}
.navbar-brand{max-width:130px;}
.navbar-brand img{height:auto!important;max-width:100%!important;width:130px!important;}
.navbar-toggler{padding:5px;}
.navbar-brand::after,.site_brand::after{font-size:9px;position:relative;top:-4px;}
}
#tabSkills .hidden-skill{display:none;}