/* Updated 22-05-2024 */ 
.delivery_info{ display:flex; flex-wrap:wrap; margin:0 -15px; flex-direction: inherit;}
.delivery_info .left{ width:45%; padding:0 15px; }
.delivery_info .right{ width:55%; padding:0 15px;}
.delivery_title{ font-size:15px; font-weight:bold; margin-bottom:10px; }
.delivery_para{ font-size:11px; color:#666; }
.delivery_info .left input[type="text"]{ padding: 0 10px; height:44px; border:1px solid #ededf2; width:100%; border-radius: 0px; transition: 0.4s;}
.delivery_info .left input[type="text"]:focus{ box-shadow:none; border-color: #999; border-width: 1px !important;}
.delivery_datetime{ border:1px solid #ededf2; padding:20px 15px; margin-top: 15px;}
.delivery_datetime #datepicker{ margin-bottom:15px;}
.delivery_datetime .ui-datepicker{ width:100%; padding-bottom: 10px !important; border: 0 !important; background: none; border-radius: 0px;}

.delivery_datetime .ui-datepicker .ui-datepicker-header{ background: #fff; border: 0; color: #333; padding: 10px 0; font-size: 16px; font-weight: bold; }
.delivery_datetime .ui-widget-header .ui-icon{ display:none !important; }
.delivery_datetime .ui-datepicker .ui-datepicker-prev, .delivery_datetime .ui-datepicker .ui-datepicker-next{ color:#000; text-align: center; top: 8px; cursor: pointer;}
.delivery_datetime .ui-datepicker .ui-datepicker-prev:hover, .delivery_datetime .ui-datepicker .ui-datepicker-next:hover{ border: 0 !important; background:none !important }
.delivery_datetime .ui-datepicker .ui-datepicker-prev:before{ content:"\f104"; font-family:FontAwesome; display:inline-block; font-size: 20px;}
.delivery_datetime .ui-datepicker .ui-datepicker-next:before{ content:"\f105"; font-family:FontAwesome; display:inline-block; font-size: 20px;}
.delivery_datetime .ui-datepicker th{ background: #fffaf2; padding: 12px 3px;}
.delivery_datetime .ui-datepicker td{ padding: 5px 0;}
.delivery_datetime .ui-datepicker td span, .delivery_datetime .ui-datepicker td a{ border-radius: 2px; color: #000; font-weight: normal; padding:12px 3px; text-align:center; background: #fbfbfb; border: 0;}
.delivery_datetime .ui-datepicker .ui-state-active{ background:#f5af38; color:#fff; }

.time_slot{ display:flex; flex-wrap:wrap; margin: 0 -5px; border-top:1px solid #ededf2; padding-top: 30px;}
.time_slot .delivery_title{ width:100%; padding: 0 5px;}
.time_slot .item{ width:33.33%; padding:0 5px; }
.time_slot .item input[type="radio"]{ position:absolute; opacity:0; visibility:hidden; }
.time_slot .item label{ width:100%; font-size: 12px; padding:7px 5px; text-align:center; border:1px solid #ccc; color:#666; cursor:pointer; margin:0; }
.time_slot .item input[type="radio"]:checked + label{ border-color:#f5af38; color:#f5af38; }
.delivery_checkbox{ margin-top:25px; }
.delivery_checkbox .aiz-checkbox{ padding-left:25px; font-size: 13px; color: #666;}
.delivery_checkbox .aiz-square-check{ border-color:#999; border-radius:0px; }
.delivery_checkbox .aiz-square-check:after{ border-color:#666; }
.delivery_checkbox .aiz-checkbox a{ color: #666; font-weight: normal; text-decoration: underline;}
.delivery_info .right .aiz-megabox .aiz-rounded-check{ display:none; }
.delivery_info .aiz-megabox-elem{ flex-wrap:wrap; }
.delivery_info .aiz-megabox-elem .icon{ width: 60px;}
.delivery_info .aiz-megabox-elem .textwarper{ width:calc(100% - 60px); padding-left:15px; }
.delivery_info .aiz-megabox-elem .price{ width: 100%; color:#f5af38; font-size:16px; font-weight:bold; text-align:right; }
.delivery_info .aiz-megabox-elem .textwarper h4{ font-size:14px; font-weight:bold; margin-bottom:5px; }
.delivery_info .aiz-megabox-elem .textwarper p{ font-size:11px; color:#666; margin-bottom:5px; }
.aiz-megabox > input:checked ~ .aiz-megabox-elem{ background:#f5f5f5; }

/* Multiple Videos*/
.video-product  { margin: 50px auto; position: relative;
display: block;}
.video-product {
  border-bottom: 8px solid transparent;
  box-shadow: 0px 36px 36px -30px #757575;
  border-image: linear-gradient(to right, #faa917 20%, #faa917 20%, #faa917 40%, #faa917 40%, #faa917 60%, #faa917 60%, #faa917 80%, #faa917 80%, #faa917 100%);
  border-image-slice: 1;
}

/* Multiple Pdf */
.fs-3rem {
	font-size: 3rem !important;
}

@media(max-width:767px){
	.delivery_info .left{ width:100%; padding: 0 5px;}
	.delivery_info .right{ width:100%; padding: 0 5px; margin-top: 20px;}
	.delivery_info .aiz-megabox-elem .textwarper{ padding-left:10px; }
}
@media(max-width:480px){
	.time_slot .item{ width:50%; }
}
@media (max-width: 576px) {
	.fs-xs-24 {
	  font-size: 24px!important;
	}
	.fs-xs-32 {
	  font-size: 32px!important;
	}
	.fs-xs-36 {
	  font-size: 36px!important;
	}
  }
/*---------------------list page custom style-----------------------*/
.check_to_radio{ position:relative; padding-left: 15px; margin: 0;}
.check_to_radio input[type=checkbox] { opacity: 0; visibility: hidden; position: absolute;}
.check_to_radio input[type=checkbox] + span.checked { width: 14px; height: 14px; border-radius: 50%; border: 1px solid #727272; position: absolute; left: 0; top: 5px; display: flex; justify-content: center; align-items: center;}
.check_to_radio input[type=checkbox]:checked + span.checked{ border: 1px solid #0075ff; }
.check_to_radio input[type=checkbox]:checked + span.checked:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #0075ff; display: inline-block;}

.product_price_qty .product-quantity .btn-icon{ background-color: transparent; border: 0; width: 30px; height: 30px; color: #000; font-size: 12px;}
.product_price_qty .product-quantity input[type="number"]{ border: 1px solid #ccc !important; font-size: 12px !important; height: 30px; width: 50px;}
.product_btn_sec{ margin-top:10px; display:flex;}
.product_btn_sec .btn{ width:50%; font-size:13px; padding:10px; border: 0;}
.product_btn_sec .btn.btn-primary{ background-color:#17171f; color:#fff;}
.aiz-card-box:hover .product_btn_sec .btn.btn-primary{ background-color:#f9a819; color:#fff;}
.product_btn_sec .btn.btn-secondary{ background-color:#e2e2e2; color:#000; }
.product_btn_sec .btn.btn-secondary.out-of-stock{ background-color:#69727a; color:#fff; opacity: 1;}
.brand_logo{ height:48px;}
.brand_logo img{ height:48px;}
.aiz-card-box .aiz-p-hov-icon a{ transform: translateX(calc(100% + 25px));}

.quote_details_table .aiz-plus-minus-quote{ display: flex; flex-direction: column;}
.quote_details_table .aiz-plus-minus-quote .btn-icon{ width:30px; height:30px;}
.quote_details_table .aiz-plus-minus-quote .input-number{ width:30px; height:30px; padding:0;}
.quote_details_table .quote_product img{ width:70px; height:70px; }

.post_sales_last select{ background: #f0f0f0; border: 0; color: #666; padding: 5px;}
.post_sales_last select option { background: #fff;}
.post_sales_last label{ margin: 0 0 0 15px; display: inline-block; cursor:pointer; }
.post_sales_last label input[type="checkbox"]{ position:absolute; visibility: hidden; opacity: 0;}
.post_sales_last label span{ width:16px; height:16px; border:1px solid #ccc; display: inline-block; text-align: center;}
.post_sales_last label input[type="checkbox"]:checked + span:before{ content: '\2713'; font-size: 12px; font-weight: 600; display: inline-block; line-height: 14px; vertical-align: top;}
.post_sales_btns{ margin-top:30px; text-align:right; }
.post_sales_btns button { font-size: 16px; border: 0; font-weight: normal; padding: 0 30px; line-height: 48px; border-radius: 30px; color: #fff;}
.post_sales_btns button.download{ background:#878b91; }
.post_sales_btns button.payment{ background:#faa917; margin-left: 15px;}
.post_sales_btns button span{ margin-right:5px; font-size: 18px; }

@media(max-width:767px){
    .product_btn_sec .btn{ padding:10px 5px; font-size:11px; }
}
@media(max-width:575px){
    .product_price{ justify-content:center !important; margin-top: 5px;}
    .product_price_qty .product-quantity{ justify-content:center; }
}

.aiz-carousel .carousel-box:hover{ z-index: 2 !important; box-shadow: 0px -40px 40px rgb(0 0 0 / 16%) !important;}
.carousel-box .aiz-card-box{ margin-top:0; margin-bottom:0; }
.carousel-box .aiz-card-box .aiz-p-hov-icon{ z-index:2; }
.aiz-card-box .img-fit > a{ padding:0 16px;}

/*---------------------Make payment modal custom style-----------------------*/
#confirmButtonContainer {
	display: flex;
	justify-content: flex-end; /* Align the button to the right */
}
 /************************quick checkout **********************/
.quick_qty{border-left: 1.5px solid #8f8f8f !important;}

.quick_sku{border-left: 1.5px solid #8f8f8f;}
/* .custom-cursor-add { position: relative}
.custom-cursor-add:hover::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px; 
    height: 48px; 
    background-image: url('https://www.solenenergy.com/public/uploads/all/arAyENLlNP4SoL7hOcshhihfUpvqSBKpJIwC6HHK.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.3s ease-in-out;
}
.custom-cursor-add:hover::after {
    transform: translate(-50%, -50%) scale(1);
}
*/
.custom-cursor-add {
    cursor: none
}
#custom-cursor {
    position: absolute;
    width: 48px;
    height: 48px;
    background-image: url('https://www.solenenergy.com/public/uploads/all/arAyENLlNP4SoL7hOcshhihfUpvqSBKpJIwC6HHK.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none; 
    display: none; 
    transform: translate(-50%, -50%);
    z-index: 999999;
}

@media (max-width: 767.98px) {
    .home-slider .mobile-img-auto-height img {
        height: auto;
        min-height: 290px;
    }
}

@media (max-width: 542px) {
    .home-slider .mobile-img-auto-height img {
        height: auto;
        min-height: 290px;
    }
}
@media only screen and (max-width: 431px) {
    .home-slider .carousel-box img {
        height: 220px!important; 
    }
    .home-slider .mobile-img-auto-height img {
        height: auto;
        min-height: 200px!important;
    }
}
@media only screen and (max-width: 416px) {
    .home-slider .carousel-box img {
        height: 200px!important; 
    }
    .home-slider .mobile-img-auto-height img {
        height: auto;
        min-height: 200px!important;
    }
}

.artical {
  background-image: url('https://www.solenenergy.com/public/uploads/all/8c8cPMHYhjZe5TnSIaBkswzbYsF1HvtN1zSKpv8u.jpg');
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  }

.artical div {
    font-size: 1.01rem;
    line-height: 1.67;
    letter-spacing: 0.01rem;
    color: #6d6d75
}

.artical h3 {
    font-size: 1.3rem;
    margin-bottom: 0.8rem;
    margin-top: 1em;
}

.artical p {
    font-size: 1.01rem;
    line-height: 1.67;
    letter-spacing: .01rem;
    opacity: 0.8 !important;
}

.artical blockquote {
    margin-bottom: 1rem;
    background-color: #fffbf2;
    font-size: 1.05rem;
    padding: 1em;
    line-height: 1.5;
}

.fs-md-32 {
    font-size: 32px !important;
}

.btn-trade {
    background-color: var(--dark);
    color: white;
    transition: background-color 0.3s ease-in-out; 
    text-decoration: none; 
}

.btn-trade:hover {
    background-color: var(--primary);
    color: white;
    border-color: var(--primary);
}
@media(max-width:767px){
.list_cart_item .product_name{ padding-right:36px !important; }
.list_cart_item .remove_btn{ position: absolute; right: 0; top: 0; }
}

.aiz-carousel.slick-slider.ban-sec .carousel-box{ padding:15px !important;}
.aiz-carousel.slick-slider.ban-sec .carousel-box:hover{ box-shadow:none !important;}
.aiz-carousel.slick-slider.ban-sec .carousel-box > a:hover{ box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.29);}

/*******************************Registration page******************************************/

.registration_form_section .aiz-checkbox{ padding-left:35px; margin-bottom:15px; }
.registration_form_section .aiz-square-check{ width:24px !important; height:24px !important; }
.registration_form_section .aiz-square-check:after{ margin-left: -4px; margin-top: -9px; width: 8px; height: 14px;}

.registration_form_section input.form-control,
.registration_form_section textarea.form-control {
    padding: 14px 16px;
    font-size: 14px;
    color: #D4D4D8;
    font-weight: 300;
}

/* Uniform icon sizing */
.solen_feature_item img.solen-register-icon {
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.solen_feature_item img.solen-register-icon-large {
    width: 110px;
    height: 80px;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

/* Align all items top to bottom consistently */
.solen_feature_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    text-align: center;
}

.solen_feature_item h3 {
    margin-top: 0px;
}

.solen_feature_item p {
    margin-bottom: 0;
}

.page-header {
    padding: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: 50%;
}
.min-vh-85 {
    min-height: 85vh !important;
}
.ms-auto {
    margin-left: auto !important;
}
.z-index-0 {
    z-index: 0 !important;
}
.blur {
    box-shadow: inset 0px 0px 2px rgba(254, 254, 254, 0.8196078431);
    -webkit-backdrop-filter: saturate(200%) blur(30px);
    backdrop-filter: saturate(200%) blur(30px);
    background-color: rgba(255, 255, 255, 0.8) !important;
}

@media(max-width:768px){
.registration_form_section{ padding:40px 0; }
.registration_form_section .registration_left h1{ font-size:24px !important; }
.registration_form_section .aiz-checkbox{ font-size:12px; }
.solen_feature_section{ padding:30px 0 !important; }
.solen_feature_section .title h2{ font-size:18px !important; }
.solen_feature_section .title p{ font-size:14px !important; }
.solen_feature_item img{ max-height:60px;}
.solen_feature_item h3{ font-size:16px !important; }
.solen_feature_item p{ font-size:14px !important; }
.customer_dashboard_section{ padding:40px 0 !important; }
.customer_dashboard_section h2{ font-size:18px !important; }
.customer_dashboard_section ul, .customer_dashboard_section p{ font-size:14px !important; }
.flexible_credit_section{ padding:40px 0 !important; }
.flexible_credit_section h2{ font-size:18px !important; }
.flexible_credit_section p{ font-size:14px !important; }
}
/*******************************Registration page end******************************************/


