:root {
  --black: #101010;
  --blue: #3dbdec;
  --dark-blue: #1F2B5B;
  --white: #fff;
  --mlf-primary: #0DA3D4;
  --body-font: "TikTok Sans", sans-serif;
}

.primary-btn{ font-family:inherit; font-size:18px; line-height:1.7; font-weight:400; color:#1F2B5B; margin:0; letter-spacing:0.00em; margin:0; padding:13px 32px 12px 32px; background:#fff; border-radius:6px; display:inline-block; box-shadow:0px 9px 18px 0px rgba(17, 17, 17, 0.17); transition: 0.3s ease-in-out;}
.primary-btn.bg-blue{ background-color: var(--blue); color:var(--white) ;}
.primary-btn:hover{ background-color: var(--dark-blue); box-shadow: none; color: var(--white); transition: 0.3s ease-in-out;}

.img-fluid-cover{ height: 100%; width: 100%; object-fit: cover; object-position: center;} 

/*h1,h2,h3,h4,h5,h6,p{ margin: 0; padding: 0; font-size: unset;}*/

.title{font-size: clamp(1.875rem, 1.5278rem + 1.8519vw, 3.75rem); font-weight: 700;}

.section-head{ text-align: center; padding-bottom: 55px; max-width: 650px; margin: 0 auto;}
.section-head h3{ padding-bottom: 43px;}

.product-box-container .row{ --bs-gutter-y: 30px; align-items: stretch;}
.product-box-container .product-box{ background-color: #F7F7F7; border-radius: 10px; overflow: hidden; position: relative; color: var(--black);}
.product-box-container .product-box .sale{ font-size: 13px; padding: 5px 10px; background-color: #FED43F; position: absolute; top: 22px; left: 18px; text-transform: uppercase; border-radius: 3px; line-height: 1; text-wrap: nowrap;}
.product-box-container .product-box .img-wrapper{ height: 230px; }
.product-box-container .product-box .button-block-2{ background-color: #F7F7F7;}
.product-box-container .product-box .button-block-2 button:nth-child(1){ background-color: var(--blue);}
.product-box-container .product-box .button-block-2 button:nth-child(2){ background-color: var(--dark-blue);}
.product-box-container .product-box .button-block-2 button{ padding: 16px 0; font-size: 16px; color: var(--white); text-align: center; flex: 1; border: none; line-height: 1;}
.product-box-container .product-box .content-wrapper{ padding: 27px 10px 25px; text-align: center; background-color: #F7F7F7; position: relative;}
.product-box-container .product-box .content-wrapper::after{ content: ''; width: 32px; aspect-ratio: 1/1; background: url('../images/touch-icon.png') center; position: absolute; top: 50%; right: 20px; background-size: contain; transform: translateY(-50%); opacity: 0; transition: 0.3s ease-in-out;}
.product-box-container .product-box .content-wrapper h4{ padding-bottom: 17px; font-weight: 700; line-height: 1; font-size: 18px;}
.product-box-container .product-box .content-wrapper h5{ font-size: 24px; color: var(--blue); padding-bottom: 20px; line-height: 1;}
.product-box-container .product-box .content-wrapper .reviews{ display: flex; align-items: center; gap: 14px;}
.product-box-container .product-box .content-wrapper .reviews ul{ display: flex; gap: 4px;}
.product-box-container .product-box .content-wrapper .reviews ul li i{ color: #FCE340;}
.product-box-container .product-box .content-wrapper .reviews h6{ line-height: 1; font-size: 16px;}
.product-box-container .product-box .button-block-2 button{ transition: 0.3s ease-in-out; width: 100%; opacity: 0;}
.product-box-container .product-box:hover .button-block-2 button{ opacity: 1; transition: 0.3s ease-in-out;} 
.product-box-container .product-box:hover .content-wrapper::after{ opacity: 1; transition: 0.3s ease-in-out;}






/*All Css*/



/* ___________________ odd even section start_______________________*/
.add_even_content_section{ padding-block: 105px;}
.add_even_content_section .box:nth-child(even) > .row{ flex-direction: row-reverse;}
.add_even_content_section .box + .box{ margin-top: 30px;}
.add_even_content_section .box .odd{ padding: 50px 35px; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 8px; overflow: hidden;}
.add_even_content_section .box .odd [class^="col-"]:has(.img-block){ display: none;}
.add_even_content_section .box .odd .content-block h3{ font-size: clamp(1.25rem, 1.1111rem + 0.7407vw, 2rem); line-height: 1.2; padding-bottom: 40px; font-weight: 700;}
.add_even_content_section .box .odd .content-block p{ padding-bottom: 40px;}
.add_even_content_section .box .even{ background-color: var(--dark-blue); color: var(--white); height: 100%; padding: 0 30px; border-radius: 8px; display: flex; align-items: center;}
.add_even_content_section .box .even h3{ font-size: clamp(2.1875rem, 2.1296rem + 0.3086vw, 2.5rem); padding-bottom: 40px; font-weight: 400;}
.add_even_content_section .box .even h3 span{ font-size: clamp(2.8125rem, 2.7546rem + 0.3086vw, 3.125rem); font-weight: 700; }
.add_even_content_section .box .even p:has( + *){ padding-bottom: 30px;}
.add_even_content_section .box .even ul{ padding-left: 12px;}
.add_even_content_section .box .even ul li{ list-style: disc; font-size: 18px;}
.add_even_content_section .box .even ul li + li{ margin-top: 5px;}
/* ___________________ odd even section end_______________________*/



/* ___________________ destination-section start_______________________*/
.destination-section{ padding-block: 82px; text-align: center; background: center no-repeat; background-size: cover; color: var(--white);}
.destination-section h3{font-size: clamp(1.875rem, 1.5856rem + 1.5432vw, 3.4375rem); padding-bottom: 50px; font-weight: 700;}
.destination-section p{ padding-bottom: 50px;}
.destination-section .content-block{ max-width: 705px; margin: 0 auto;}
/* ___________________ destination-section end_______________________*/



/* ___________________ prodcut tab section start_______________________*/
.shop-by-category{ padding-block: 100px;}
.shop-by-category #pills-tab{ margin-bottom: 73px; display: flex; justify-content: center;}
.nav-link.active{ background-color: var(--blue) !important; color: var(--white) !important;}
.nav-link { background-color: var(--white); box-shadow: 0px 9px 18px 0px rgba(17, 17, 17, 0.17); color: var(--black) !important; padding: 17px 35px; font-size: 18px; font-weight: 500; transition: 0.3s ease-in-out;}
.nav-pills{ gap: 20px; }
.nav-link:hover{ background-color: var(--blue); color: var(--white) !important; transition: 0.3s ease-in-out;}
/* ___________________ prodcut tab section end_______________________*/



/* ___________________ hurry up section start_______________________*/
.hurry-up-section{ background-color: #F7F7F7; padding-block: 55px 70px;}
.hurry-up-section .content-wrapper h3{ font-size: clamp(1.5625rem, 1.4468rem + 0.6173vw, 2.1875rem); font-weight: 700;  padding-bottom: 60px;}
.hurry-up-section .content-wrapper h3 span{ font-size: clamp(2.5rem, 2.2685rem + 1.2346vw, 3.75rem); display: block; color: var(--dark-blue);}
.hurry-up-section .content-wrapper p{ padding-bottom: 88px;}
/* ___________________ hurry up section end_______________________*/


/* ___________________ new-arrivals-section start_______________________*/
.new-arrivals-section{ padding-block: 105px;}
/* ___________________ new-arrivals-section end_______________________*/



/* ___________________ rental and support section start_______________________*/
.rental-and-support-section .box-container .box{ background-color: var(--blue); padding: 37px 27px; border-radius: 10px; color: var(--white);}
.rental-and-support-section .box-container .row [class^="col-"]:last-child .box{ background-color: var(--dark-blue);}
.rental-and-support-section .box-container .box .box-content h3{ font-size: clamp(1.875rem, 1.6435rem + 1.2346vw, 3.125rem); font-weight: 700; line-height: 1; padding-bottom: 35px;}
/* ___________________ rental and support section end_______________________*/


/* ___________________ Testimonials section start_______________________*/
.testimonials-section{ padding-block: 105px; }
.testimonials-section .container{ padding-inline: 0; }
.testimonials-section .slider-box-container .slider-box{ box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.08); background-color: #F7F7F7; margin-inline: 15px; border-radius: 10px; padding: 37px 30px 35px; text-align: center;}
.testimonials-section .slider-box-container .slider-box .img-wrapper{ width: 98px; aspect-ratio: 1/1; margin: 0 auto; border-radius: 50%; overflow: hidden; margin-bottom: 38px;}
.testimonials-section .slider-box-container .slider-box p{ padding-bottom: 38px;}
.testimonials-section .slider-box-container .slider-box h4{ font-size: 18px; font-weight: 700;}
.testimonials-section .slider-box-container .slider-box h5{ font-size: 16px; color: var(--dark-blue);}
.testimonials-section .slider-box-container .slick-dots{ display: flex; justify-content: center; gap: 15px; margin-top: 52px;}
.testimonials-section .slider-box-container .slick-dots li button{ font-size: 0; height: 15px; width: 15px; border-radius: 50%; border: none; background-color: var(--dark-blue);}
.testimonials-section .slider-box-container .slick-dots li.slick-active button{ background-color: var(--blue);}
/* ___________________ Testimonials section end_______________________*/


/* ___________________ newsletter section start_______________________*/
.newsletter-section{ background-color: var(--blue); padding-block: 67px;}
.newsletter-section h3{ font-size: clamp(1.875rem, 1.6435rem + 1.2346vw, 3.125rem); color: var(--white); padding-bottom: 35px; font-weight: 700;}
.newsletter-section p{ color: var(--dark-blue);}
.newsletter-section .form-control{ padding: 30px; font-size: 18px;}
.newsletter-section .form-control::placeholder{ color: #7E7E7E;}
.newsletter-section .Subscribe-btn{ background-color: var(--dark-blue); border: none; color: var(--white); padding: 30px 50px; font-size: 18px; border-bottom-right-radius: 10px; border-top-right-radius: 10px;}
/* ___________________ newsletter section end_______________________*/



/* ___________________ footer section start_______________________*/
footer{ background-color: var(--dark-blue); color: var(--white);}
footer .main-block{ padding-block: 72px 37px; border-bottom: 1px solid #162049;}
footer .logo-block { max-width: 146px; margin-bottom: 50px;}
footer .list h3{ font-size: 20px; font-weight: 700; padding-bottom: 30px}
footer .list ul li + li{ margin-top: 10px; }
footer .list ul li a{ color: var(--white);}
footer .content-box .instagram{ font-size: 16px; display: flex; align-items: center; line-height: 1; gap: 17px;}
footer .content-box .instagram a i{ color: var(--blue); font-size: 30px;}
footer .copyright{  border-top: 1px solid #263368; padding-block: 38px; text-align: center;}
footer .copyright p span{ font-weight: 700; font-size: 16px; }
/* ___________________ footer section end_______________________*/

#wpcf7-f7-p875-o1 p .wpcf7-form-control.wpcf7-submit{ margin-top:10px; }

.cv-footer .cv-news-box{ display:none; }
.cv-footer::before{ background:#1F2B5B; }

.cv_header_wrapper .menu-menu-1-container .menu li a{ color:#101010; text-transform:uppercase; font-family:"TikTok Sans", sans-serif; font-size:18px; font-size:20px; font-weight:700; }
.cv_header_wrapper a{ color:#101010; }
.header-four-style .cv_cart_holder { background:#1F2B5B; }
.header-four-style .cv_cart_holder .cv_cart_count span{ background:#35C7DF; }


.single-product .cv-shop .col-lg-8.col-md-12{ max-width:100%; flex: 0 0 100%; }
.single-product .cv-shop .col-lg-4.col-md-12{ display:none; }

.wp-block-button__link:hover, a:not([href]):hover {
  background-color: #162b4d;
  color: #ffffff;
  padding: 5px 16px;
}
.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--single.yith-wcwl-add-to-wishlist-button--anchor{ padding: 5px 16px; }

.cv-footer .widget.widget_nav_menu .menu li{ padding-left: 0; }
.cv-footer .widget.widget_nav_menu .menu li a{ color:#fff; }


.cv-blog-page .cv-blog-data .wc-block-components-sidebar-layout .wc-block-cart__submit .wc-block-cart__submit-container a.wc-block-components-button{ height:50px; line-height:50px; background:#0DA3D4; color:#fff; text-transform:capitalize; padding:0 20px; cursor:pointer; font-size:16px; text-align:center; transition:all 0.3s ease-in-out; }
.cv-blog-page .cv-blog-data .wc-block-components-sidebar-layout .wc-block-cart__submit .wc-block-cart__submit-container a.wc-block-components-button:hover{ background:#162B4D; }


.woocommerce-cart .cv-blog-page .col-lg-8.col-md-12{ max-width:100%; flex:0 0 100%; }
.woocommerce-cart .cv-blog-page p, 
.woocommerce-cart .cv-blog-page a{ color:#111111; }

.woocommerce-cart .cv-blog-page .wc-block-components-formatted-money-amount, 
.woocommerce-cart .cv-blog-page .wc-block-components-product-price ins{ color:#111111; font-weight:600; }

.how-it-work-about-page .cv-features-wrapper{ padding-bottom:0; }

.cv-product-icon{ display:none; }

.yith_ywraq_add_item_browse-list.yith_ywraq_add_item_browse_message a{ background-color:#35C7DF; color:#ffffff; padding:10px 17px; border-radius:6px; display:inline-block; margin-top:7px; }
.yith_ywraq_add_item_browse-list-1707.yith_ywraq_add_item_browse_message a{ background-color:#35C7DF; color:#ffffff; padding:10px 17px; border-radius:6px; display:inline-block; margin-top:7px; }



.yith-request-a-quote-page .site-main .cv-blog-page .col-lg-8.col-md-12{ flex:0 0 100%; max-width:100%; }











































/*____________________________________________
                Media Quaries 
______________________________________________*/

@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}

@media screen and (max-width: 1199px){
  .home-sliders,
  .add_even_content_section{ padding-block: 80px;}
  .shop-by-category,
  .destination-section{ padding-block: 50px;}
  .add_even_content_section .box .even{ padding: 20px;}
  .add_even_content_section .box .odd .content-block h3{ padding-bottom: 20px;}
  .home-sliders .text-block p{ padding-block: 20px;}
  .add_even_content_section .box .odd .content-block p{ padding-bottom: 30px;}
  .add_even_content_section .box .odd{ padding: 35px;}
  .add_even_content_section .box .even p:has(+ *),
  .add_even_content_section .box .even h3{ padding-bottom: 15px;}
  .section-head{ padding-bottom: 35px;}
  .section-head h3{ padding-bottom: 30px;}
  .shop-by-category #pills-tab{ margin-bottom: 50px;}
  .product-box-container .product-box .content-wrapper h4{ font-size: 17px;}
  .product-box-container .product-box .content-wrapper h5{ font-size: 20px;}
  .product-box-container .product-box .content-wrapper{ padding: 20px 10px;}
  .new-arrivals-section,
  .testimonials-section,
  .newsletter-section,
  .hurry-up-section{ padding-block: 50px;}
  .hurry-up-section .content-wrapper p{ padding-bottom: 50px;}
  .hurry-up-section .content-wrapper h3{ padding-bottom: 40px;}
  .testimonials-section .slider-box-container .slider-box p{padding-bottom: 20px;}
    .testimonials-section .slider-box-container .slider-box .img-wrapper{ margin-bottom: 20px;}
  .testimonials-section .slider-box-container .slick-dots{ margin-top: 30px;}

  
  
}
@media screen and (max-width: 991px){
  .top-header .big-block .rt-block ul li a{ font-size: 15px;}
  .navbar .menu-block .stellarnav ul li a{ font-size: 14px;}
  .navbar .menu-block .stellarnav ul li{ padding: 0 14px 0 0;}
  .navbar-default{ padding: 15px 0;}
  .add_even_content_section .box .even{ height: unset; margin-top: 30px;}
  .home-sliders, .add_even_content_section{ padding-block: 50px;}
  .destination-section h3,
  .destination-section p{padding-bottom: 30px;}
  .hurry-up-section .content-wrapper h3{ padding-bottom: 30px;}
  .hurry-up-section .content-wrapper p{ padding-bottom: 40px;}
  .hurry-up-section .img-wrapper{ max-width: 50%; margin: 0 auto; margin-top: 30px;}
  .rental-and-support-section .box-container > .row > [class^="col-"] + [class^="col-"] .box{ margin-top: 30px;}
  .newsletter-section p,
  .newsletter-section h3{ padding-bottom: 20px;}
  .newsletter-section .Subscribe-btn{ padding: 20px 40px;}
  .newsletter-section .form-control{ padding: 20px;}
  footer .main-block > .container > .row{ --bs-gutter-y:30px;}
  footer .logo-block{ margin-bottom: 30px;}
  footer .main-block{ padding: 30px;}
  footer .copyright{ padding-block: 20px;}
}



/*NEW GRID SYSTEM*/
@media screen and (max-width:767px){
  .top-header .big-block{ flex-direction: column; gap: 15px;}
  .top-header .big-block .rt-block ul li a{ font-size: 13px;}
  .top-header .big-block .rt-block ul{ gap: 20px; flex-wrap: wrap; justify-content: center;}
  .stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu{ padding: 0;}
  .stellarnav.mobile ul{ position: absolute; left: 0; width: 100%;}
  .navbar .menu-block .stellarnav ul li a{ padding: 15px; border-color:  rgba(0, 0, 0, 0.048);}
  .home-sliders .text-block .button-block{ margin-bottom: 30px;}
  .home-sliders .right-img{ max-width: 70%; margin: 0 auto;}
  .home-sliders, .add_even_content_section{ padding-block: 50px;}
  .add_even_content_section .box .odd [class^="col-"]:has(.img-block){ display: flex; justify-content: center;}
  .add_even_content_section .box .odd{ background-color: #F5F5F5; background-image:unset !important;}
  .add_even_content_section .box .odd .img-block{  margin-top: 20px;}
  .new-arrivals-section, .testimonials-section, .newsletter-section, .hurry-up-section,
  .shop-by-category, .destination-section{ padding-block: 30px;}
  .hurry-up-section .content-wrapper p{ padding-bottom: 30px;}
  .shop-by-category #pills-tab{ margin-bottom: 40px;}
  .nav-link{ padding: 17px;}
  .rental-and-support-section .box-container .box .box-content h3{ padding-bottom: 20px;}
  .product-box-container .product-box .button-block-2 button{ opacity: 1;}
  
}

@media screen and (max-width:575px){
  .top-header .big-block .rt-block ul{ gap: 15px; row-gap: 10px;}
  .primary-btn{ font-size: 16px; line-height: 1.2;}
  .destination-section h3,
  .destination-section p{padding-bottom: 20px;}
  .hurry-up-section .content-wrapper h3{ padding-bottom: 20px;}

}

@media screen and (max-width:500px){
  .home-sliders, .add_even_content_section{ padding-block: 30px;}
  .product-box-container .product-box .content-wrapper .reviews{ flex-direction: column; gap: 5px;}
  .product-box-container .product-box .button-block-2 button{ font-size: 13px;}
  .newsletter-section .Subscribe-btn{ padding: 10px 20px;}
  .newsletter-section .form-control{ padding: 15px;}
  footer .main-block > .container > .row {--bs-gutter-y: 25px;}
  footer .list ul li + li{ margin-top: 2px;}
  footer .list h3{ padding-bottom: 10px;}
  .newsletter-section .form-control::placeholder{ font-size: 14px;}
}

@media screen and (max-width:400px){
  [class^="col-"]:has(.product-box){ width: 100% !important;}
  .product-box-container .product-box .img-wrapper{ padding: 20px; background-color: #F7F7F7;}
  .product-box-container .product-box .img-wrapper .img-fluid-cover{ object-fit: contain; }
  .testimonials-section .slider-box-container .slider-box{ padding: 20px 15px 35px;}
  .rental-and-support-section .box-container .box > .row{ flex-direction: column; justify-content: center; gap: 15px;}
  .rental-and-support-section .box-container .box > .row > [class^="col-"]{ width: 100%;}
  .product-box-container .product-box .content-wrapper .reviews{ flex-direction: row; gap: 10px;}
}

@media screen and (max-width:350px){

}