@import url(global.css);
@import url(header.css);
@import url(footer.css);

/* Baner Style */
.banner_slider{background-color: var(--primary_black);}
.banner_block{position: relative; width: 80%; margin-right: auto;}
.banner_block .banner_media img{width:100%;}
.banner_block .banner_media video{width: 100%;}
.banner_block .banner_content{position: absolute; top:50%; transform: translateY(-50%); right:-19%; max-width: 450px; width: 100%; padding:40px 40px; box-sizing: border-box; background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(18.5px);direction: rtl;}
.banner_block .banner_content .sub_title{font-size: 24px; line-height: 32px; font-weight: 400; color: var(--primary_white);}
.banner_block .banner_content .sub_title:after{content: ''; display: block; width: 50px; height: 2px; background-color: var(--primary_white); border-radius: 2px;}
.banner_block .banner_content .banner_title{font-size: 40px; line-height: 46px; font-weight: 600; text-transform: uppercase; color: var(--primary_white); padding: 20px 0px;margin: 0px;}
.banner_block .banner_content .banner_text{font-size: 19px; line-height: 27px; color: var(--primary_white);}
.banner_block .banner_content .banner_cta{padding-top: 24px; display: flex; grid-gap: 15px;}
.banner_cta a.primary_cta {background-color: var(--primary_white); border-color: var(--primary_white); color: var(--primary_black);}
.banner_cta a.primary_cta:visited{color: var(--primary_black);}
.banner_cta a.secondary_cta{ border-color: var(--primary_white); color: var(--primary_white);}
.banner_cta a.secondary_cta:visited{ color: var(--primary_white);}
.banner_cta a.secondary_cta:hover{background-color: var(--primary_white); color: var(--primary_black);}

.banner_slider.owl-carousel .owl-dots{position: absolute; right:50%; transform: translateX(50%); bottom:8%; display: flex; justify-content: center; align-items: center; grid-gap: 10px; padding:0px}
.banner_slider.owl-carousel .owl-dots .owl-dot{min-width: 12em; display: block; height: auto; border:0px; border-radius: 0px; border-top:3px solid #9A9A9A;}
.banner_slider.owl-carousel .owl-dots .owl-dot span{display: none;}
.banner_slider.owl-carousel .owl-dots .owl-dot .dot-title{display:block; text-align: initial; border-radius: 0px; border:0px; width: auto; height: auto; font-size: 18px; line-height: 24px; font-weight: 400; text-transform: uppercase; color: #9A9A9A; padding-top:10px; background-color: transparent;}
.banner_slider.owl-carousel .owl-dots .owl-dot:hover{color: var(--primary_white);}
.banner_slider.owl-carousel .owl-dots .owl-dot:hover .dot-title{color: var(--primary_white);}
.banner_slider.owl-carousel .owl-dots .owl-dot.active{border-color: var(--primary_white);}
.banner_slider.owl-carousel .owl-dots .owl-dot.active .dot-title{color: var(--primary_white);}

.main_banner .owl-carousel .banner_block{display: none;}
.main_banner .owl-carousel .banner_block:first-child{display:block;}
.main_banner .owl-carousel.owl-loaded .banner_block{display: block;}
.main_banner .owl-carousel{display: block;}
.main_banner .vimeo{position:absolute;top:0;right:0;width:100%;height:100%;}

 .main_banner .video{padding:56.25% 0 0 0;position:relative;}
/*.main_banner .owl-carousel .banner_block:first-child .banner_media{background: url(../images/background.png);-webkit-background-size: cover;background-size: cover;background-position: center top;}*/
/*.main_banner .owl-carousel.owl-loaded .banner_block:first-child .banner_media{background:unset;}*/

/* Quick links */

.quick_link_block .quick_item{flex:1;}
.quick_link_block .quick_link{display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: -1px;
    min-height: 50px;
    padding: 10px 15px;
    box-sizing: border-box;
    border: 1px solid var(--primary_midGrey);
    transition: .3s ease-in-out;
    color: #000;
    cursor: unset;
    flex-direction: column;
    padding: 10px 0px !important;}

    .quick_link_block .quick_link span.strong {
        text-transform: uppercase;
    }
    .quick_link_block .quick_link span.content {
    font-weight: normal;
    }


/*.quick_link_block .quick_link:hover{border-color: var(--primary_yellow);}*/

/* Models Listing */

.model_listing{display: flex; flex-wrap: wrap;}
.select_model .model_tabs{display: flex;}
.select_model .tab_item{flex:1; order: -1; text-align: center; padding:15px 20px; box-sizing: border-box; border:1px solid #D9D9D6; border-collapse: collapse; cursor: pointer; transition: .3s ease-in-out;}
.select_model .tab_item svg{display: none;}
/* .select_model .tab_item:hover{background-color: var(--primary_black); color: var(--primary_white); border-color: var(--primary_black);} */
.select_model .tab_item.active{border-bottom-width: 3px; border-color: var(--primary_black); border-bottom-color: var(--primary_yellow); color: var(--primary_white); background-color: var(--primary_black);}


.home_model_tab .model_item{display: none; width: 100%;}
.model_item{width: 100%;}
.model_item.active{display: grid;}
.model{background-color: var(--primary_white); border:1px solid #D9D9D6; padding:32px 20px 20px 20px; box-sizing: border-box;}
li.model{position: relative;}
.model .model_image{display: block; margin-bottom: 15px; text-align: center;}
.model .model_image img{margin: auto;}
.model .title{font-size: 22px; line-height: 24px; text-transform:uppercase; font-weight: 600; color: var(--primary_black); display: block; padding-bottom: 15px; border-bottom: 1px solid #E6E6E6;}
.model .price_cta_block{padding:10px 0px 0px; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
.model .price_cta_block .price strong{display: block;padding: 2px 0px;font-size: 22px;line-height: 26px;color: #000;}
.model .price_cta_block .price{font-size: 13px;color: #7d7d7d;text-transform: lowercase;}
.customer-popup-login-wishlist .social_links ul li .signinwithapple{background-color: #000;padding: 14px 12px;color: #fff;}
.customer-popup-login-wishlist .form-login{margin-left: 15px;}

.model .price_cta_block .pricing{padding-top:10px; font-size: 13px; line-height: 18px; color: var(--primary_darkGrey);text-transform: lowercase;}
.model .price_cta_block .pricing .price{display:block; font-size:22px; line-height: 26px; font-weight: 600; text-transform: lowercase; color: var(--primary_black);}
.model .price_cta_block .pricing .price.discounted{text-decoration: line-through;  font-size: 16px;  color: var(--primary_midGrey);}
.model .price_cta_block .model_type{font-size: 13px; line-height: 15px; text-transform: lowercase; display: inline-block; padding:4px 6px; box-sizing: border-box; color: var(--primary_blue); border:1px solid var(--primary_blue);cursor: unset;margin-top: 5px; position: absolute; top: 10px; left: 10px;}
.cms-index-index .model .price_cta_block .model_type{display: none;}
.model .specification{padding:15px 20px; box-sizing: border-box; list-style: disc; }
.model .specification ul{list-style: disc;}
.model .specification li{ font-size: 16px; line-height: 24px; text-transform: lowercase; color: var(--primary_black);}
.model .specification .ul{list-style: disc;}
.model .specification .li{ font-size: 16px; display: list-item; line-height: 24px; text-transform: lowercase; color: var(--primary_black);}

.model .cta_block{display: flex; flex-wrap: wrap; grid-gap: 10px; align-items: center;}
.model .cta_block .half{flex:1;}


.compare_item.model_item .model{padding:35px 35px; position: relative;}
.compare_item.model_item .model.out_of_stock{opacity: 0.7;}
.model .model_top{position: absolute; top:25px; left:0px; padding:0px 35px; box-sizing: border-box; width: 100%; display: flex; align-items: center; justify-content: space-between; gap:10px; z-index: 9;}
.model_top .model_icons{display: flex; align-items: center; gap:10px;}
.model_top .model_icons .circle_icon{width:38px; height:38px; border-radius: 50px; background-color: var(--primary_lightGrey); display: flex; align-items: center; justify-content: center;}
.model_top .model_icons .circle_icon svg{width: 20px; height:auto;}
.model_top .model_icons .circle_icon svg path{transition: .3s ease-in-out;}
.model_top .model_icons .circle_icon:hover svg path{stroke: var(--primary_blue);}
.model .semi_spec{display: flex; gap:15px; padding:10px 0px 30px;}
.model .semi_spec .semi_spec_item{flex:1; border:1px solid #E6E6E6; padding:12px 12px; box-sizing: border-box;}
.model .semi_spec .semi_spec_item .secondary_title{text-transform: capitalize; text-align: center;}
.model .semi_spec .semi_spec_item .primary_text{padding-top:6px; text-transform: capitalize; text-align: center;}

/* Offer Slider */

.offer_slider .offer_block{position: relative;}
.offer_slider .offer_block .image_block img{max-width: 100%; width: 100%;}
.offer_slider .offer_block .content_block_outer{max-width: 640px; position:absolute; top:50%; right:30px; transform: translateY(-50%);}
.offer_slider .offer_block .content_block{background-color: rgba( 255, 255, 255, 90%); padding:50px 50px; box-sizing: border-box;}
.offer_slider .offer_block .content_block .offer_text{font-size: 27px; line-height: 31px; text-transform: lowercase; color: var(--primary_black); padding-top: 20px;}
.offer_slider .offer_block .content_block .icon img{width: 80%;}

.owl-carousel .owl-dots{display: flex; justify-content: center; align-items: center; grid-gap: 8px; padding-top: 30px;}
.owl-carousel .owl-dots .owl-dot{border:1px solid transparent; width:20px; height:20px; border-radius: 100%; display: flex; align-items: center; justify-content: center; transition: .3s ease-in-out;}
.owl-carousel .owl-dots .owl-dot.active{border-color:var(--primary_black);}
.owl-carousel .owl-dots .owl-dot span{display:block; border-radius: 100%; width:12px; height:12px; border:1px solid var(--primary_midGrey); transition: .3s ease-in-out;}
.owl-carousel .owl-dots .owl-dot.active span{background-color: var(--primary_black); border-color: var(--primary_black);}


/* Finance Section */

.scroll_outter{overflow: hidden; position: relative;}
.finance_scroll{display: flex; gap:20px; animation: scroll 15s linear infinite; padding:36px 0px;}
.finance_scroll li img{box-shadow:0px 0px 44px 0px rgba(0, 0, 0, 0.09); border-radius: 15px; width: 100%; min-width: 200px;}
.auto_scroll .inner_section_cta{padding-top: 0px;}



@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}

/* Why us Blocks */

.why_us_inner{background-color: var(--primary_black); display: flex; align-items: center;}
.why_us_inner .why_us_carousel{max-width: 550px; padding:30px 30px; box-sizing: border-box;}
.why_us_carousel .why_block{display: flex; align-items: center; justify-content: center; flex-direction: column; grid-gap: 10px;}
.why_us_carousel .why_block .icon{text-align: center;}
.why_us_carousel .why_block .title{font-size: 25px; line-height: 31px; font-weight: 600; text-align: center; color: var(--primary_white);text-transform: lowercase;}
.why_us_carousel .why_block .text{font-size: 25px; line-height: 31px; color: var(--primary_white); text-align: center;}

.why_us_carousel.owl-carousel .owl-dots{bottom:-160px; position: absolute; width: 100%; right: 0;}
.why_us_carousel.owl-carousel .owl-dots .owl-dot{border:1px solid transparent;}
.why_us_carousel.owl-carousel .owl-dots .owl-dot.active{border-color:var(--primary_white);}
.why_us_carousel.owl-carousel .owl-dots .owl-dot span{ border:1px solid var(--primary_white);}
.why_us_carousel.owl-carousel .owl-dots .owl-dot.active span{background-color: var(--primary_white); border-color: var(--primary_white);}

.why_us_inner .why_us_video{width: calc(100% - 550px);}
.why_us_inner .why_us_video video{width: 100%; height: 650px; object-fit: cover;}

.why_us_inner .why_us_video{padding: 38% 0 0 0;position: relative;}
.why_us_inner .why_us_video iframe{width: 100%;height: 100%;position: absolute;top: 0;}


/* News Block */

.news_card{border:1px solid var(--primary_midGrey);}
.news_card .image_block img{width: 100%;}
.news_card .card_content{padding:20px 20px; box-sizing: border-box;}
.news_card .card_content .date{font-size: 17px; line-height: 21px; color: var(--secondary_text_color);}
.news_card .card_content .title{font-size: 28px; line-height: 32px; color: var(--primary_black); font-weight: 600; display: block; padding-top:15px;}
.news_card .card_content .primary_text{padding-top:15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.news_card .card_content .inner_section_cta{padding-top:15px;}


/* Popup */

.popup{position: fixed; top:0px; right:0px; width: 100%; height: 100%; z-index: 10; display: flex; align-items: center; justify-content: center; display: none;}
.popup .overlay{z-index: 1; position: absolute; top:0px; right:0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0, 80%);}
.popup .popup_container{max-width: 600px; width:100%; z-index: 2; position: absolute; top:50%; right:50%; transform: translate(50%, -50%); width: 100%; padding:30px 25px; box-sizing: border-box;}
.popup .popup_inner{ background-color: var(--primary_white); position: relative;}
.popup .popup_block{padding:40px 40px; box-sizing: border-box;} 
.popup .close{cursor: pointer; position: absolute; top:-16px; left:-16px; width:38px; height:38px; display: flex; align-items: center; justify-content: center; border-radius: 30px; background-color: var(--primary_black); z-index: 10;}

.popup .popup_title{font-size: 24px; line-height: 32px; text-align: center; color: var(--primary_black); font-weight: 600; text-transform: uppercase; padding-bottom: 20px;}

.popup .form_field.form_btns{display: flex; flex-wrap: wrap; justify-content: center; gap:15px;}
.popup .form_field .form_cta {flex:1; }


/* Filter popup */
.popup.filter_popup .popup_main{height: 80vh; overflow-y: auto;}
.popup.filter_popup .popup_container{max-width:900px;}
.popup.filter_popup .popup_title{position: sticky; top:0px; z-index: 10; background-color: #E1E1E1; text-align: initial; padding:20px 40px; box-sizing: border-box; font-size: 26px; line-height: 32px;}

.popup_filter_option{padding: 20px 40px; box-sizing: border-box; border-bottom: 1px solid #D3D3D3;}
/* .popup_filter_option:first-child{padding-top:0px;} */
.popup_filter_option .inner_title{font-size: 22px; line-height:30px; color: var(--primary_black); font-weight: 600; text-transform: uppercase; margin-bottom: 20px;}
.popup_filter_option .inner_title span{font-weight: 400; color: var(--secondary_text_color);}
.popup_filter_option .ftr_opt_chk{display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap:20px;}



/*homepage tabs*/
.model .cta_block .secondary_cta{flex: 1;}

.page-products .ln_overlay img{top:0;}

@media (min-width:1024px) {

.model .specification ul{min-height: 120px;}
.model .specification .ul{min-height: 120px;}
/*.accountsec{min-width: 107px;}*/

}

@media (min-width:570px) and (max-width:1023px){

.model .specification ul{min-height: 100px;}
.model .specification .ul{min-height: 100px;}
}

.cms-index-index .model_listing li.model .model_image{transition: transform 0.3s ease;}
.cms-index-index .model_listing li.model:hover .model_image{transform: scale(1.2);}
.cms-index-index .model_listing li.model:hover .cta_block .secondary_cta:first-child{color: var(--primary_white);background-color: var(--primary_black);}