.elementor-14781 .elementor-element.elementor-element-22a187f6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.66;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14781 .elementor-element.elementor-element-22a187f6:not(.elementor-motion-effects-element-type-background), .elementor-14781 .elementor-element.elementor-element-22a187f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://syllabus.ng/wp-content/uploads/2024/10/Cart-hero.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14781 .elementor-element.elementor-element-22a187f6::before, .elementor-14781 .elementor-element.elementor-element-22a187f6 > .elementor-background-video-container::before, .elementor-14781 .elementor-element.elementor-element-22a187f6 > .e-con-inner > .elementor-background-video-container::before, .elementor-14781 .elementor-element.elementor-element-22a187f6 > .elementor-background-slideshow::before, .elementor-14781 .elementor-element.elementor-element-22a187f6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14781 .elementor-element.elementor-element-22a187f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000066;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Arial, Helvetica, Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-14781 .elementor-element.elementor-element-5409ca0 .elementor-heading-title{font-family:"Heading Pro Wide Trial", Arial, Helvetica, Sans-serif;font-size:1.875rem;font-weight:400;color:var( --e-global-color-d3e54af );}.elementor-14781 .elementor-element.elementor-element-1f408d20{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14781 .elementor-element.elementor-element-340090ba{--display:flex;}.elementor-14781 .elementor-element.elementor-element-5a3ec817{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14781 .elementor-element.elementor-element-4776b4da > .elementor-widget-container{padding:1.5rem 0rem 01.5rem 0rem;}.elementor-14781 .elementor-element.elementor-element-4776b4da .elementor-heading-title{font-family:"Heading Pro Wide Trial", Arial, Helvetica, Sans-serif;font-size:1.75rem;font-weight:400;color:var( --e-global-color-f9d8d3c );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Arial, Helvetica, Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Arial, Helvetica, Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Arial, Helvetica, Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-14781 .elementor-element.elementor-element-6ca700ed{--grid-columns:3;}.elementor-14781 .elementor-element.elementor-element-6ca700ed .elementor-loop-container{grid-auto-rows:1fr;}.elementor-14781 .elementor-element.elementor-element-6ca700ed .e-loop-item > .elementor-section, .elementor-14781 .elementor-element.elementor-element-6ca700ed .e-loop-item > .elementor-section > .elementor-container, .elementor-14781 .elementor-element.elementor-element-6ca700ed .e-loop-item > .e-con, .elementor-14781 .elementor-element.elementor-element-6ca700ed .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-14781 .elementor-element.elementor-element-22a187f6{--width:100%;}}@media(max-width:1024px){.elementor-14781 .elementor-element.elementor-element-5409ca0 .elementor-heading-title{font-size:1.75rem;}.elementor-14781 .elementor-element.elementor-element-6ca700ed{--grid-columns:2;}}@media(max-width:767px){.elementor-14781 .elementor-element.elementor-element-5409ca0 .elementor-heading-title{font-size:1.4rem;}.elementor-14781 .elementor-element.elementor-element-4776b4da{text-align:center;}.elementor-14781 .elementor-element.elementor-element-4776b4da .elementor-heading-title{font-size:1.25rem;}.elementor-14781 .elementor-element.elementor-element-6ca700ed{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-22a187f6 */.elementor-14781 .elementor-element.elementor-element-22a187f6 {
    height: 9.0625rem;

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2aed264 */.custom-cart-layout {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 24px 0;
    font-family: "Work Sans", Sans-Serif;
}

.custom-cart-layout hr {
    background-color: #79747E !important;
    height: 1px;
    margin: 15px 0 24px !important;
    
}
.cart-left, .cart-right {
    width: 48%;
}


/* Left column styles */

.cart-left {
    border: 1px solid #B2B2B2;
    border-radius: 8px;
    padding: 24px;
}

.cart-left-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart-left-top h3, .cart-right h3 {
    color: #1E1E1E;
    font-weight: 600;
    font-size: 1.5rem !important;
}

.cart-left-top a {
font-weight: 600;
color: #1E1E1E;
text-decoration: underline !important;
}

.cart-item-products {
    display: flex;
    gap: 12px;
    padding: 12px;
    
}

.product-image {
    
    background-color: #E6E6E6;
    width: 50%;
    display: flex;
    padding: 8px;
    gap: 8px;
    justify-content: center;
}

.product-details {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #1E1E1E;
}



.product-details h4 {
    font-weight: 500 !important;
   text-transform: capitalize;
}

.product-details p, .product-details h4 {
  
    margin: 0;
}
.product-details p {
    font-weight: 400;
}

.product-detail-price {
    color: #3EAC08;
font-size: 16px;
font-weight: 600 !important;
display: flex;
flex-direction: column;
text-decoration: none !important;
}

.product-detail-price del {
    color:#C7C7CC;
}

.product-detail-price ins {
    text-decoration: none;
}

.product-detail-total-price {
    font-size: 18px;
    font-weight: 500 !important;
}

.product-detail-total-price span{
    font-size: 20px;
    font-weight: 700;
}

.cart-item-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center;
}

.cart-item-actions .button, .cart-coupon button, .cart-right .checkout-all  {
    text-transform: none;
    border: 2px solid #767676 !important;
    border-radius: 4px !important;
    background-color: white !important;
    padding: 12px 0 !important;
    width: 100%;
    text-align: center;
}
.cart-item-actions .button:hover,  .cart-coupon button:hover, .cart-right .checkout-all:hover   {
    opacity: 0.7;
}

.cart-item-actions .checkout-button, .cart-right .checkout-all {
    background-color: #FCB900 !important;
}



/* Right column styles */

.cart-right {
    background-color: #E6E6E6;
    padding: 2rem;
    border-radius: 8px;
    height: content-height;
}

.cart-right table {
    border-collapse: collapse !important;
    border: none t;
     background-color: #E6E6E6 !important;
}

.cart-right table th, .cart-right table td {
    border: none !important;
     background-color: #E6E6E6 !important;
     color: #1E1E1E;
     padding: 8px !important;
     
}

.cart-right thead th{
    font-size: 1.25rem;
    font-weight: 500 !important;
    text-align: left;
}

.cart-right td {
    font-size: 1.25rem;
    font-weight: 400;
    text-transform: capitalize
}

.cart-right tfoot th {
    font-size: 1.5rem;
    font-weight: 500;
        text-align: left;
      
}

.cart-right tfoot td {
    font-size: 1.5rem;
    font-weight: 700;
}

.cart-right .table-price {
    text-align: right;
}


.cart-right tfoot tr th, 
.cart-right tfoot tr td {
    border-bottom: 1px solid #79747E !important; 
     border-top: 1px solid #79747E !important; 
     padding: 1.5rem !important;
}

.cart-coupon label {
    color: #1E1E1E;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 12px;
    margin-top: 8px;
}

.cart-coupon input {
    border: none !important;
}

.cart-coupon input::placeholder {
    color: #B3B3B3;
    font-weight: 400;
}

.cart-coupon .button {
    margin-top: 8px !important
}
.cart-right .checkout-all {
    margin-top: 2rem !important;
    padding: 16px 0 !important;
}

.custom-cart-layout .button { 

    color: #1E1E1E !important;
    font-weight: 500;
}



.custom-cart-layout.empty-cart {
    display: block;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

@media (max-width: 480px) {
    /*.custom-cart-layout.empty-cart {*/
    /*    border: 2px solid red;*/
    /*    width: 300px !Important;*/
}

@media (max-width: 991px) {
    .custom-cart-layout {
        flex-direction: column;
        align-items: center;
        gap: 1.5rem
    }
    
    .cart-right, .cart-left {
        width: 80%;
    }
}

@media (max-width: 480px) {
 
    .cart-right, .cart-left, .product-image, .product-details {
        width: 100%;
    }
    
    .cart-left {
        padding: 1rem;
    }
    
    .cart-item-products {
        flex-direction: column;
    }
    
    .cart-right {
        padding: 1rem;
        
    }
    
    .cart-right thead th, .cart-right td {
    font-size: 1.25rem;
    }
    
    .cart-right tfoot tr th, 
.cart-right tfoot tr td {
padding: 0.5rem !important;
    
}
}/* End custom CSS */
/* Start custom CSS */.elementor-247, .elementor-256 {
 display: none;   
}

body.elementor-page-14781 .e-con {
    padding-left: 0 !important;
    padding-right: 0 !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Heading Pro Wide Trial';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://syllabus.ng/wp-content/uploads/2024/09/heading-pro-wide-trial.regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */