/*!
Theme Name: jisadecor
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Jisa Decor
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jisadecor
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

@import url('https://fonts.googleapis.com/css2?family=Miranda+Sans:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&display=swap');
@charset "utf-8";
/* CSS Document */

::selection {
	background: #000; /* Safari */
	color:#fff;
	}
::-moz-selection {
	background: #000; /* Firefox */
	color:#fff;
} 

 
 /* font-family: "Miranda Sans", sans-serif; 
font-family: "Domine", serif;*/

	
* { margin:0; padding:0; outline:none;}
.container {  position:relative;}
body { margin:0; padding:0; font-family: "Miranda Sans", sans-serif; font-weight:400; line-height:normal; overflow-x: hidden; }
p { margin:0; padding:15px 0 0 0; font-family: "Miranda Sans", sans-serif; font-weight:400; font-size:16px; line-height:24px; color: #333333; }
h1, h2, h3, h4, h5, h6  { margin:0; padding:0; font-weight:700; font-family: "Domine", serif; }
ul, li { margin:0; padding:0; font-family: "Miranda Sans", sans-serif;}
a { color:#000; text-decoration:none;}
a:hover  { text-decoration:none;  }
img { width:100%;}
.form-control:focus {box-shadow:none;}

h1 { font-size:clamp(30px, 5vw, 70px); line-height: clamp(36px, 5vw, 80px);}
h2 { font-size:clamp(26px, 5vw, 40px); line-height: clamp(32px, 5vw, 50px);}
h2 span { color:#F28E16;}
h3 { font-size:clamp(18px, 5vw, 24px); line-height: clamp(24px, 5vw, 32px);} 
h4 { font-size:clamp(16px, 5vw, 20px); line-height: clamp(22px, 5vw, 26px);}
.title_border { color:#666; display: flex; align-items: center; margin-bottom:10px; padding:0;}
.title_border img { width:16px !important; height:auto !important; min-height:inherit !important; margin-right:5px;}
 
.anim_icon img { width:100%; animation: floatZoom 6s linear infinite;}
@keyframes floatZoom {  
  0%   { transform: rotate(0deg) scale(1); }
  50%  { transform: rotate(180deg) scale(1.15); }
  100% { transform: rotate(360deg) scale(1); }
}
 
.btn { background:#F28E16; border:none; font-size:16px; font-weight:700 !important; padding:12px 25px !important; border-radius:10px 0 10px 0; color:#fff !important; text-decoration:none; text-transform:uppercase;}
.btn .fa-arrow-right { float:right; font-size:12px; margin:6px 0 0 8px; transform: rotate(0); transition: .15s;}
.btn:hover { background:#333333; border-radius:0 10px 0 10px;}
.btn:hover .fa-arrow-right {transform: rotate(-45deg) !important;}
.btn:active { background:#333333 !important; border-radius:0 10px 0 10px;}
    
header { background:#ffffff;} 
.header_top_bg { background:#333333; padding:10px 0; }
.header_top_bg .container { display: flex; justify-content:space-between;}
.header_top_bg .header_icon {display: flex; align-items: center;}
.header_top_bg .header_icon a { font-size:20px; color:#fff; margin-left:15px;}
.header_top_bg .header_icon a:hover { color:#F28E16;}
.header_top_bg .header_icon span { font-size:14px; color:#fff; font-weight:300;}
.header_top_bg .header_phone { padding:0; display: flex; }
.header_top_bg .header_phone a { display: flex; align-items:center; font-size:14px; line-height:18px; font-weight:300; color:#fff; margin-right:30px;}
.header_top_bg .header_phone a i {color:#fff; font-size:16px; margin-right:6px;}
.header_top_bg .header_phone a:hover { color:#F28E16;}
 
 
nav .navbar-collapse {flex-grow: 0;} 
.navbar { padding:0; width:100%; background:#fff;}
.navbar .navbar-brand { max-width:164px; padding:15px 0;}
.navbar .navbar-nav   {align-items: center;}
.navbar .navbar-nav .nav-item { padding:0;}
.navbar .navbar-nav .nav-link { margin:0 0 0 30px; padding:5px 0; font-size:16px; color:#333; font-weight:500;}
.navbar .navbar-nav .nav-link:hover { color:#F28E16;}
.navbar .navbar-nav .nav-link.active {  color:#F28E16;}
.navbar .navbar-toggler {border:2px solid #000; background:url(images/menu-icon.png) center center no-repeat #fff; padding:4px 8px; margin:9px 0;}
.navbar .navbar-toggler:focus { box-shadow:none;}
.navbar .dropdown-toggle::after{ content: '\f107' !important; font-family: "Font Awesome 6 Free" !important; font-weight: 900; border: none !important; display: inline-block !important;  margin-left: 8px; font-size: 14px; vertical-align: middle;}
 
.f-nav { z-index:999; position:fixed; top:0; width:100%; box-shadow:0 0 5px #ccc;}
.f-nav .navbar-brand { max-width:110px; padding:15px 0; transition: all 800ms ease;} 
 
.dropdown { position:relative;}
.dropdown input{ display:none;}
.mobile_toggle{ display:none; cursor:pointer; padding:10px;}
.dropdown-menu{ display:none; position:absolute;  top:100%; left:0; min-width:200px; background:#fff; padding:0;  border:1px solid #DBDBDB; z-index:999; border-radius:0;}
.dropdown:hover > .dropdown-menu{ display:block;}
.dropdown-menu li{  list-style:none; position:relative;}
.dropdown-menu li a{  display:flex; align-items:center; justify-content:space-between; padding:10px 15px;  color:#333; text-decoration:none;}
.dropdown-menu li a:hover{ background:#F28E16; color:#fff;}

.submenu{ display:none; position:absolute; top:0; left:100%; min-width:200px; background:#fff; padding:0; border:1px solid #DBDBDB;}
.dropdown-submenu:hover > .submenu{ display:block;}


section { width:100%; background:#ffffff;}
.hero_slider_bg { position:relative;}
.main_slider .slick-track .slide:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.4); z-index:1;}
.main_slider .slide { position: relative; height:80VH}
.main_slider .slick-slide { margin:0;}
.main_slider img { width:100%;   height:100%; object-fit:cover;}
.slide_content { position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; text-align:center; z-index:2;}
.slide_content p {  font-size:clamp(18px, 5vw, 30px); color:#fff; margin-bottom:20px; padding:0;}
.slide_content .btn { margin-top:20px;}

/* THUMBNAILS */
.thumb_slider { position:absolute; bottom:-43px; left:50%; transform:translateX(-50%); width:760px;}
.thumb_slider .slick-list { padding:0 !important;}
.thumb_slider img { border-radius:10px; cursor:pointer; opacity:1; padding:5px; border:1px solid #CCCCCC;}
.thumb_slider .slick-current img { border:1px solid #F28E16; opacity: 1;} 

.trusted_customers_bg { border-bottom:1px solid #E6E6E6; padding-top:clamp(60px, 5vw, 90px); padding-bottom:clamp(30px, 5vw, 60px); text-align:center;}
.trusted_customers_bg p { font-size:clamp(16px, 5vw, 20px); font-weight:500; padding:0;}
.trusted_customers_bg p span { color:#F28E16;}   
.trusted_customers_bg .customers_logo {display:flex; flex-wrap: wrap; justify-content:center;}
.trusted_customers_bg .customers_logo img { width:auto; height:60px; padding:0 clamp(18px, 5vw, 50px); margin-top:25px;}

.about_detail_bg {padding:clamp(40px, 5vw, 80px) 0; position:relative; margin-top:40px;}
.about_detail_bg .row {align-items: center;}
.about_detail_bg .btn { margin-top:20px;}
.about_detail_bg h6 { font-family: "Miranda Sans", sans-serif; padding:15px 0 0 0;}
.about_detail_bg img { border-radius:15px; z-index: 1; position: relative;}
.about_detail_bg .box { background:#333; border-radius:15px; padding:40px 30px; margin:30px 0; text-align:center; color:#fff; z-index: 1; position: relative;}
.about_detail_bg .box.color { background:#F28E16;}
.about_detail_bg .anim_icon { position:absolute; top:-68px; right:-92px; z-index:0; width:224px; }
.about_detail_bg .anim_icon.leftimg { position:absolute; bottom:68px; left:-92px; top:auto; right:auto; }

.our_categories_bg {padding:clamp(40px, 5vw, 80px) clamp(15px, 4vw, 125px); background:#F6F7F8; text-align:center;}
.cat_grid { display:flex; gap:30px; margin-top:30px;}
.cat_card { width:20%; position:relative; background:#fff; border-radius:15px; overflow:hidden; padding:30px; text-align:center; transition: 0.4s;}
.cat_img { position: absolute; inset: 0;  z-index: 1;}
.cat_img img { width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.1); transition: 0.5s;}
.cat_img::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.6); opacity: 0; transition: 0.4s;}
.cat_icon { width:106px; margin:0 auto;}
.cat_content { position: relative; z-index: 2;}
.cat_content h3 { padding:15px 0 0 0;} 
.cat_content p { padding-bottom:15px;}
.cat_content a { color:#F28E16; text-decoration:underline; font-family: "Domine", serif; font-weight:700;}
.cat_content a:hover { text-decoration:none; color:#fff;}
.cat_card:hover .cat_img img { opacity: 1; transform: scale(1);}
.cat_card:hover .cat_img::after { opacity: 1;}
.cat_card:hover { color:#fff;}
.cat_card:hover h3,
.cat_card:hover p { color:#fff;} 

.download_catalogue_bg {padding:clamp(40px, 5vw, 80px) 0; background:url(images/download-catalogue-bg.png) right center no-repeat #efefed; object-fit: cover; background-size:contain; }
.download_catalogue_bg .text h1 span {color:#F28E16;}
.download_catalogue_bg .text p { font-size:clamp(14px, 5vw, 20px); line-height:30px;}
.download_catalogue_bg .text .btn { margin-top:20px;}
.download_catalogue_bg .img_right { position:relative; height:100%;}
.download_catalogue_bg .img_right .dot { position:absolute; width:16px; height:16px; background-color:#ff9800; border-radius:50%; cursor:pointer; z-index:10; }
.download_catalogue_bg .img_right .dot::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#ff9800; border-radius:50%; animation: pulse-animation 1.5s infinite;}
@keyframes pulse-animation {
  0% { transform: scale(1); opacity:0.8;}
  100% { transform: scale(3); opacity:0;}
}
.download_catalogue_bg .img_right .info-box { visibility:hidden; opacity:0; position:absolute; bottom:30px; left:50%; transform: translateX(-50%) translateY(10px); width:246px; background:#fff; padding:20px; border-radius:8px; box-shadow:0 4px 15px rgba(0,0,0,0.2); transition: all 0.3s ease; text-align: center; z-index: 20; text-align:left; }
.download_catalogue_bg .img_right .dot:hover .info-box { visibility: visible; opacity:1; transform: translateX(-50%) translateY(0); }
.download_catalogue_bg .img_right .dot:hover::before { animation: none; }
.download_catalogue_bg .img_right .dot.dot-1 { top:68%; right:16%;}
.download_catalogue_bg .img_right .dot.dot-2 { top:2%; right:50%;}

.home_products_bg { width:100%; padding:clamp(40px, 5vw, 80px) 0; position:relative;  }
.product_box { background:#fff; text-align:center; position:relative; margin:30px 0 0 0; padding:0 0 15px 0; border-radius:10px; border:1px solid #DBDBDB; transition: all 0.4s;}
.product_box img {width:100%; /*aspect-ratio:1/1;*/ object-fit:cover; display:block; border-radius:10px 10px 0 0;}
.product_box:hover {transition: all 0.4s; transform: translateY(-10px); }
.product_box h4 { color:#F28E16; padding:15px 10px 0 10px; text-transform:uppercase;}
.product_box p { padding:5px 0 0 0;}
.product_box .color_selection { display: flex; justify-content: center; gap:8px; margin-top:10px; }
.product_box .color_box { width:32px; height:32px; border-radius:50%; cursor: pointer; border: 1px solid #CCCCCC; padding:3px; background-clip: content-box; transition: transform 0.2s;}
.product_box .color_box.active { border-color: #e67e22; }
.product_slider.slick-slider { margin:0 -15px;}
.product_slider .slick-next { background:url(images/arrow-right.svg) right center no-repeat; width:36px; height:36px; background-size:36px; top:-20px; right:15px;}
.product_slider .slick-prev { background:url(images/arrow-left.svg) right center no-repeat; width:36px; height:36px; background-size:36px; top:-20px; left:auto; right:60px; }
.product_slider .slick-next:before { display:none;}
.product_slider .slick-prev:before { display:none;}

.product_month.slick-slider { margin:0 -15px;}
.product_month .slick-next { background:url(images/arrow-right.svg) right center no-repeat; width:36px; height:36px; background-size:36px; top:-20px; right:15px;}
.product_month .slick-prev { background:url(images/arrow-left.svg) right center no-repeat; width:36px; height:36px; background-size:36px; top:-20px; left:auto; right:60px; }
.product_month .slick-next:before { display:none;}
.product_month .slick-prev:before { display:none;} 

.whychoose_section_bg {padding:clamp(40px, 5vw, 80px) 0; background:#F6F7F8; text-align:center; }
.why_choose_box { display: flex; border-radius:15px; border:1px solid #DBDBDB; padding:30px; margin:30px 0 0 0; transition: all 0.3s; background:#fff;} 
.why_choose_box .icon { width:98px; margin-right:20px;}
.why_choose_box .icon img { width:98px;}
.why_choose_box h3 { text-align:left;}
.why_choose_box p { text-align:left; padding:10px 0 0 0;}
.why_choose_box:hover {transition: all 0.3s; transform: translateY(-10px); border:1px solid #F28E16;}

.testimonial_bg {padding:clamp(40px, 5vw, 80px) 0; text-align:center;}
.testimonial_bg p { padding:10px 0 0 0;}
.testimonial_slider { max-width:1000px; margin:0 auto;  margin-top:30px;}
.testimonial_box {border:1px solid #DBDBDB; border-radius:20px; padding:clamp(20px, 5vw, 40px) clamp(25px, 5vw, 70px);}
.testimonial_box .icon { width:68px; margin:0 auto;}
.testimonial_box .star { width:96px; margin:15px auto 0 auto;}
.testimonial_slider .slick-next { background:url(images/arrow-right.svg) right center no-repeat; width:36px; height:36px; background-size:36px; top:48%; right:0;}
.testimonial_slider .slick-prev { background:url(images/arrow-left.svg) right center no-repeat; width:36px; height:36px; background-size:36px; top:48%; left:0;}
.testimonial_slider .slick-next:before { display:none;}
.testimonial_slider .slick-prev:before { display:none;}

.blog_section_bg {padding-bottom:clamp(40px, 5vw, 80px); }
.blog_section_bg .btn { position:absolute; top:20px; right:15px;}
.blog_card { background: #fff; border-radius:10px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; margin-top:30px; display:flex; flex-direction:column; width:100%; border:1px solid #DBDBDB;}
.blog_card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);}
.blog_card img { width: 100%; object-fit: cover; border-radius:10px 10px 0 0;}
.blog_card .comment_text { padding: 20px 20px 15px 20px; font-size: 14px; color: #7E7E7E; text-transform: uppercase;}
.blog_card .comment_text i { color:#F28E16;  margin-right:5px; margin-left:25px;}
.blog_card .comment_text i:first-child { margin-left: 0;}
.blog_card h4 { padding: 0 20px 20px 20px;}
.blog_card h4 a { color:#333; text-decoration: none; font-size:clamp(16px, 5vw, 18px); }
.blog_card h4 a:hover { color:#F28E16;}
 
footer {width:100%; background:url(images/footer-bg.jpg) left top no-repeat; background-size:cover; padding:0; position:relative;}
.footer_top_bg { padding:clamp(30px, 4vw, 60px) 0; border-bottom:1px solid #494949; display:flex;  align-items:center;}
.footer_top_bg .footer_logo { width:170px; margin-right:25px;}
.footer_top_bg .left_text h3 { color:#F28E16;}
.footer_top_bg .left_text p { color:#fff; width:100%; padding:0; max-width:670px;}
  
.footer_box { width:100%; padding-top:clamp(30px, 4vw, 60px);}  
.footer_box h3 { color:#F28E16; padding-bottom:5px;}
.footer_box p {display: flex; width:100%; font-size:16px; line-height:20px; text-align:left; color:#fff; padding:15px 0 0 0;}
.footer_box p i { font-size:18px; color:#F28E16; padding:2px 5px 0 0;}
.footer_box p i.fa-location-dot{ font-size:22px; margin-bottom:22px;}
.footer_box p a {color:#fff;}
.footer_box p a:hover { color:#F28E16;}
.footer_box ul { width:100%; list-style:none; padding:7px 0 0 0; margin:0;}
.footer_box li {  width:100%; list-style:none; padding:8px 0 8px 0; margin:0;}
.footer_box li a { font-size:16px; color:#fff; padding:0 0 0 14px; background:url(images/link-arrow.svg) left 5px no-repeat;}
.footer_box li a:hover { color:#F28E16;}
.footer_box .left_icon a {  font-size:24px; color:#fff; margin:20px 15px 0 0;}
.footer_box .left_icon a:hover { color:#F28E16;}
.footer_newsletter_box { width:100%; position:relative; }
.footer_newsletter_box .newsletter_input { width:100%; margin-top:15px; padding:0 0 0 20px; background:#fff; font-size:16px; color:#000; height:48px; border:none; border-radius:5px;}
.footer_newsletter_box .btn {  margin-top:15px;}
.copyright_text_bottom {  width:100%; text-align:center; color:#fff; font-size:16px; background:#141414; padding:25px 0; margin-top:clamp(30px, 4vw, 60px);}  

.sendenquiry_popup .modal-content { background:#fff;}
.sendenquiry_popup .modal-header { padding:15px 20px;}
.sendenquiry_popup .modal-body { padding:5px 20px 20px 20px;}
.sendenquiry_popup .modal-title { color:#F28E16; text-align:left;}
.sendenquiry_popup label { margin:0 0 5px 0; padding:0; color:#666;}
.sendenquiry_popup .form-control { width:100%; font-size:16px; color:#000; background:#fff; border:1px solid #ccc; min-height:50px; padding:8px 15px; margin-top:0; border-radius:5px;} 
.sendenquiry_popup .form-select { width:100%; font-size:16px; color:#000; background-color:#fff; border:1px solid #ccc; min-height:50px; padding:8px 15px; margin-top:0; border-radius:5px;}
.sendenquiry_popup .btn { float:left; margin-top:15px; }
.iti__selected-country { border-right:none !important;}
.wpcf7-not-valid-tip { float:none; width:100%;}
.scpv-error-message { padding:22px 0 0 0;}
 
.inner_page_title_bg {width:100%; background-size:cover !important;  padding:clamp(60px, 8vw, 140px) 0; position:relative; text-align:center;}
.inner_page_title_bg::before {content: ''; position:absolute; top:0; left:0; width: 100%; height:100%; background-color: rgba(0, 0, 0, 0.6);}
.inner_page_title_bg h1 { color:#fff;}
.inner_page_title_bg .header_link { width:100%; text-align:center; font-size:16px; color:#fff; padding:10px 0 0 0;}
.inner_page_title_bg .header_link a { text-align:center; font-size:16px; color:#fff;}
.inner_page_title_bg .header_link span { text-align:center; font-size:16px; padding:0 15px; color:#fff;}
   
.split_section_bg {overflow: hidden; background:#ffffff;}
.split_section_bg .row { margin:0; align-items:center;}
.split_section_bg .col-lg-6 { padding: 0; }
.split_section_bg img {width:100%; height:100%; display:block; object-fit:cover; height:600px;}
.split_section_bg .split_content { padding: clamp(40px, 8vw, 80px) 	clamp(20px, 8vw, 80px);}   
.split_section_bg .split_content h1 span { color:#F28E16;} 
.split_section_bg .split_content p { font-size:clamp(16px, 4vw, 20px); line-height:26px;}

.meet_our_team_bg { background:#F6F7F8; padding:clamp(40px, 5vw, 80px) 0; text-align:center;}
.team_box { width:100%; margin-top:30px; background:#fff; border-radius:10px; text-align:center; border:1px solid #e7e7e7; transition: all 0.4s;}
.team_box img { border-radius:10px 10px 0 0; padding-bottom:15px; }
.team_box h6 {color:#F28E16; padding:5px 15px 15px 15px; }
.team_box:hover {transition: all 0.4s; transform: translateY(-10px); }

.contact_enquiry_bg {  width:100%; background:#F6F7F8; padding:clamp(25px, 5vw, 80px) 0;}
.contact_enquiry_bg .col-md-4 { border-right:1px solid #e3e3e3;}
.contact_enquiry_box { float:left; width:100%; text-align:center; margin:0;}
.contact_enquiry_box img { width:66px; margin:0 auto; transition: all 0.2s; scale: 1.00;}
.contact_enquiry_box h5 { padding:20px 0 0 0;}
.contact_enquiry_box p { padding:15px 0 0 0;}

.get_touch_withus { width:100%; padding:0; background:#fff; }
.get_touch_withus .row {align-items: center;}
.contact_info_right { width:100%; padding:clamp(25px, 8vw, 120px) clamp(25px, 5vw, 80px); border-radius:0; background:#1A191D; text-align:center; }
.contact_info_right h2 { text-align:center; color:#fff; padding:0;}
.contact_info_right h5 { text-align:center; color:#F38120; padding:15px 0 0 0;}
.contact_info_right p {  width:100%; font-size:16px; color:#fff; padding:10px 0 0 0;}
.contact_info_right p a { color:#fff;  }
.contact_info_right p a:hover { color:#fff;}
.contact_info_right .locations_box { width:100%; text-align:center; background:#F28E16; padding:50px 40px; margin-top:30px;}
.contact_info_right .locations_box h3 { text-align:center; color:#fff; padding:0; }
.contact_info_right .locations_box .left_icon { margin-top:0; width:100%; padding:30px 0 0 0; text-align:center;}
.contact_info_right .locations_box .left_icon a { margin:0 10px; color:#fff; font-size:30px; text-align:center; }
.contact_info_right .locations_box .left_icon a:hover { color:#fff; }
.contact_info_right .locations_box p { padding:15px 0 0 0;}

.contact_from_box { width:90%; text-align:left;}
.contact_from_box h2 { text-align:left; padding:0;}
.contact_from_box p { width:100%;  font-size:18px; line-height:26px; color:#333; padding:15px 0 10px 0;}
.contact_from_box .form-control { width:100%; margin:0; background:#fff;  border:1px solid #cccc; min-height:50px; font-size:16px; color:#000; padding:0 15px; background:#fff; margin:20px 0 0 0;}
.contact_from_box .form-select { width:100%; margin:0; border:1px solid #cccc; min-height:52px; font-size:16px; color:#000; padding:15px; background:#fff; }
.contact_from_box  .btn { margin-top:20px;}

.products_page_main { width:100%;padding:clamp(25px, 5vw, 65px) 0;}
.products_page_main .product_box { margin:15px 0;}
.product_category_box { background:#F6F7F8; margin:15px 0; padding:clamp(15px, 5vw, 30px); border-radius:15px; transition: all 0.5s; display: inline-block;}
.product_category_box .image { overflow:hidden; border-radius: 10px;}
.product_category_box .image img {width: 100%;  aspect-ratio: 1/0.7; object-fit: cover; display: block; border-radius: 10px; transform: scale(1); transition: 0.5s;}
.product_category_box .text .icon { width:90px;}
.product_category_box .text h2 { padding:15px 0 0 0;}
.product_category_box .text a.btn {margin:20px 0 0 0;}
.product_category_box:hover {transition: all 0.5s; transform: translateY(-10px); }
.product_category_box:hover .image img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.05); transition: 0.5s;}

.blogs_page_main { width:100%; padding:clamp(25px, 5vw, 65px) 0;}
.blogs_page_main .blog_card { margin:15px 0;}
.blog_left_bg {  width:100%; background:#F6F7F8; margin:15px 0; padding:0 20px; border-radius:10px; display: inline-block;}
.blog_left_bg h3 { padding:20px 0 0 0; color:#F28E16;}
.blog_left_bg ul { width:100%; list-style:none; margin:10px 0; padding:0;}
.blog_left_bg li { width:100%; list-style:none;  padding:12px 0;}
.blog_left_bg li a { font-size:16px; font-weight:600; color:#333; background:url(images/ellipse-icon.svg) left 6px no-repeat; padding:0 0 0 15px;}
.blog_left_bg li a:hover { color:#F28E16;}
.blog_left_bg .blog_img_box { display:flex; align-items:center; width:100%; border-bottom: 1px solid #D9D9D9; padding:20px 0;}
.blog_left_bg .blog_img_box:last-child { border:none;}
.blog_left_bg .blog_img_box .img img { width:115px; margin-right:20px; border-radius:5px;}
.blog_left_bg .blog_img_box .img img:hover { opacity:0.8;}
.blog_left_bg .blog_img_box .text p { color:#7E7E7E; padding:0; font-size:14px;}
.blog_left_bg .blog_img_box .text h5 { line-height:20px;}
.blog_left_bg .blog_img_box .text h5 a { color:#333; padding:0; font-size:16px; line-height:20px; font-weight:700;}
.blog_left_bg .blog_img_box .text h5 a:hover { color:#F28E16;}
.our_news_detail_text { width:100%; margin:15px 0; }
.our_news_detail_text .image { width:100%; position:relative;}
.our_news_detail_text .image img {border-radius:10px;}
.our_news_detail_text .comment_text { padding:20px 0 0 0; font-size:14px; color:#7E7E7E; text-transform:uppercase;}
.our_news_detail_text .comment_text i { color:#F28E16; margin-right:5px; margin-left:25px;}
.our_news_detail_text .comment_text i:first-child { margin-left:0;}
.our_news_detail_text h3 { padding:15px 0;}
.our_news_detail_text h5 { padding:15px 0 0 0;}
.our_news_detail_text ul { padding:8px 0 0 0; list-style:none;}
.our_news_detail_text li { background:url(images/link-arrow.svg) left 11px no-repeat; padding:7px 0 0 15px; color:#333;}

.product_gallery_left {width:100%; margin:15px 0;}
.main_image_box { background: #fff;	border:1px solid #DBDBDB; border-radius:15px; padding:10px; overflow:hidden;}
.main_image_box img {border-radius:10px;  transition: 1s;}
.main_image_box:hover img  {transform: scale(1.07);}
.thumbnail_wrapper {margin-top:20px; background: #fff;}
.thumbnail_slider .item { padding:0; border:1px solid #DBDBDB; border-radius:6px;}
.thumbnail_slider .item img {width: 100%; object-fit: cover; border-radius:6px;	cursor: pointer; border: 2px solid transparent; }
.thumbnail_slider .item img.active {border-color: #F28E16;}
.thumbnail_slider .slick-next { background:url(images/arrow-right.svg) right center no-repeat; width:36px; height:36px; background-size:36px; top:48%; right:0;}
.thumbnail_slider .slick-prev { background:url(images/arrow-left.svg) right center no-repeat; width:36px; height:36px; background-size:36px; top:48%; left:0;}
.thumbnail_slider .slick-next:before { display:none;}
.thumbnail_slider .slick-prev:before { display:none;}

.product_right_text {margin:15px 0;}
.product_right_text h3 {margin-top:15px;}
.product_right_text .reviews {display:flex; gap:10px; padding:15px 0; border-bottom:1px solid #DBDBDB; font-size:16px; color:#333;}
.product_right_text .reviews i {color:#ffba00; }
.product_right_text .specification_box {background:#F6F7F8; border-radius:10px; padding:20px; margin-top:15px; border-left:3px solid #F28E16; transition:0.5s ease;}
.product_right_text .specification_box p {padding:5px 0 0 0;}
.product_right_text .specification_box p small { font-size:13px; position:relative; top:-2px;}
.product_right_text .specification_box h4 i {color:#F28E16; margin-right:5px;}
.product_right_text .specification_box:hover {transform:translateX(8px);}
.product_right_text .product_button {display:flex; gap:15px; margin-top:15px;}
.product_right_text .product_button .btn {width:100%;}

.catalog_page_bg {padding:clamp(25px, 5vw, 65px) 0; position:relative;}
.catalog_box { border-radius:15px; border:1px solid #DBDBDB; padding:30px; margin:15px 0; transition:all 0.3s; background:#fff; text-align:center;}
.catalog_box img { width:92%; margin:20px auto;}
.catalog_box:hover {transition: all 0.3s; transform: translateY(-10px); border:1px solid #F28E16;}

.performer_card { background:#fff; text-align:center; position:relative; margin:30px 0 0 0; padding:0 0 20px 0; border-radius:10px; border:1px solid #DBDBDB; transition: all 0.4s;}
.performer_header { background:#F28E16; color:#fff; border-radius:10px 10px 0 0; text-align:center; padding:10px 15px; font-size:20px; font-weight:700;}
.performer_header i { margin-right:10px; font-size:26px;}
.performer_card .image img {width:160px; height:160px; margin:20px auto 0 auto; border-radius:50%; object-fit: cover; border:2px solid #f28e16; background: #fff;}
.performer_card:hover {transition: all 0.4s; transform: translateY(-10px); }
.performer_card h3 {  padding:15px 10px 0 10px; }
.performer_card p { padding:0;}
.performer_card h2 { padding:20px 0 0 0; color:#f28e16;}
.best_dealer_slider.slick-slider { margin:0;}
.best_dealer_slider .slick-next { background:url(images/arrow-right.svg) right center no-repeat; width:36px; height:36px; background-size:36px; top:55%; right:0;}
.best_dealer_slider .slick-prev { background:url(images/arrow-left.svg) right center no-repeat; width:36px; height:36px; background-size:36px; top:55%; left:0;  }
.best_dealer_slider .slick-next:before { display:none;}
.best_dealer_slider .slick-prev:before { display:none;}

.dealer_page_bg {padding:clamp(40px, 5vw, 80px) 0; text-align:center;}
.dealer_page_bg .nav-tabs {border: none; justify-content: center;}
.dealer_page_bg .nav-tabs .nav-link { border:none; font-size: 16px; font-weight: 700; padding: 12px 25px; border-radius:40px; background: #F28E16; color:#fff; text-transform: uppercase; margin:15px 6px 0 6px;}
.dealer_page_bg .nav-tabs .nav-link.active {background: #333333;}

.dealer_page_bg .select_box { display:flex; justify-content:center; align-items: center; margin:20px auto 0 auto; text-align:left; background: #F6F7F8; padding:10px; border-radius:10px;}
.dealer_page_bg .form-label { font-weight:600; margin:0 10px 0 0;}
.dealer_page_bg .choices {width: 30%; margin:0; }
.dealer_page_bg .choices__inner {border: 1px solid #cccc; min-height: 50px; font-size: 16px; color: #000; padding:10px 10px !important; border-radius:5px;}

.dealer_card_box { background: #fff; border-radius:10px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; margin-top:30px; display:flex; flex-direction:column; width:100%; border:1px solid #DBDBDB; text-align:left; padding:20px; }
.dealer_card_box:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);}
.dealer_card_box h5 { padding:0; font-size: clamp(15px, 5vw, 17px);}
.dealer_card_box p { padding:5px 0 0 0;}
.dealer_card_box p i { font-size:14px; width:15px; margin-right:5px; color:#333;}
.dealer_card_box p.location { border-top:1px solid #DBDBDB; padding:10px 0 0 0; margin:10px 0 0 0;}
.dealer_card_box p.location i { font-size:16px; width:15px; margin-right:5px;  color:#F28E16;}
.dealer_card_box p.location span { color:#666; font-style:italic; font-size:14px;}
   
@media (min-width:1100px) {
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width:1300px;}
}
 
@media only screen and (min-width:220px) and (max-width:1120px) { 
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1020px;} 
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-right: var(--bs-gutter-x, 15px); padding-left: var(--bs-gutter-x, 15px); --bs-gutter-x: 15px;}

}
@media only screen and (min-width:220px) and (max-width:1660px) { 
.download_catalogue_bg .img_right .dot.dot-1 {top:68%; right:60%;} 

}


@media only screen and (min-width:220px) and (max-width:1460px) { 
.about_detail_bg .anim_icon { display:none;} 
}


@media only screen and (min-width:220px) and (max-width:1240px) { 
.cat_grid { display:flex; flex-wrap: wrap; justify-content: center; gap:30px; margin-top:30px;}
.cat_card { width:30%; } 
.footer_top_bg .left_text p { max-width:540px;}
}

@media only screen and (min-width:220px) and (max-width:1040px) { 
.about_detail_bg .anim_icon { display:none;} 
}


@media only screen and (min-width:220px) and (max-width:991px) { 
.navbar .navbar-nav .nav-item {  width:100%;}
.navbar .navbar-nav .nav-link {margin: 0; padding:10px 0;}
.navbar .navbar-nav .nav-link.btn {display: inline-block;}
.about_detail_bg .btn { margin-bottom:30px;}
.download_catalogue_bg {padding-bottom:60%; background: url(images/download-catalogue-bg.png) right bottom no-repeat #efefed; background-size: contain;}
.download_catalogue_bg .img_right { position:absolute; width:100%;  }
.download_catalogue_bg .img_right .dot.dot-1 {  top: auto; right: 50%;  bottom:-170px;}
.download_catalogue_bg .img_right .dot.dot-2 {top:120px; right:50%; }
.footer_top_bg {flex-wrap: wrap;}
.footer_top_bg .left_text { width:100%; padding:10px 0 0 0;}
.footer_top_bg .left_text p { max-width:100%;}
.footer_top_bg .ms-auto { margin:15px 0 0 0 !important;}
.contact_from_box { padding:40px 0; width:100%;}
.contact_info_right .locations_box {  padding:20px 10px; margin-top:30px;}
.product_category_box .image img {aspect-ratio: 1/1.3;}

.navbar .dropdown-toggle::after{ display:none !important;}
.mobile_toggle{ display:block;}
.menu_flex,
.submenu_flex{ display:flex; align-items:center; justify-content:space-between;}
.submenu_flex i { display:none;}
.mobile_toggle i { display:block;}
.dropdown-menu{ position:static; width:100%; box-shadow:none;}
.dropdown:hover > .dropdown-menu{ display:none;}
#products-menu:checked ~ .dropdown-menu { display:block;}
.submenu{ position:static; width:100%; padding-left:15px; border:none;}
.dropdown-submenu:hover > .submenu{ display:none;}
#bedset-menu:checked ~ .submenu{ display:block;}
 
}
 
@media only screen and (min-width:220px) and (max-width:860px) {
.about_detail_bg { margin-top:10px;} 
.cat_card { width:45%; } 

}


@media only screen and (min-width:220px) and (max-width:767px) {
.navbar .navbar-brand { max-width: 124px; padding: 15px 0;} 
.thumb_slider { position: absolute; bottom:-36px; left:50%; transform: translateX(-50%);  width:530px;}
.thumb_slider .slick-slide {margin: 0 10px;} 
.main_slider .slide { height:50vh;  }
.download_catalogue_bg .img_right .dot.dot-1 {  top: auto; right: 50%;  bottom:-90px;}
.download_catalogue_bg .img_right .dot.dot-2 {top:90px; right:50%; }
.contact_enquiry_box { margin:15px 0;}
.product_category_box .image img {aspect-ratio: 1/0.8; margin-bottom:20px;}
}

@media only screen and (min-width:220px) and (max-width:640px) {
.header_top_bg .container {flex-wrap: wrap;}	
.header_top_bg .header_phone {width: 100%; justify-content: center; flex-wrap: wrap; }
.header_top_bg .header_phone a {margin:0 15px; } 
.header_top_bg .header_icon {width:100%; justify-content:center; padding: 10px 0 0 0;}
.dealer_page_bg .select_box {flex-wrap: wrap;}
.dealer_page_bg .choices { width:100%; margin:10px 0 0 0;}
}

@media only screen and (min-width:220px) and (max-width:580px) {
.thumb_slider { position: absolute; bottom:-25px; left:50%; transform: translateX(-50%); width:300px;}
.thumb_slider img { padding:2px;} 
.thumb_slider .slick-slide {margin: 0 5px;}
.main_slider img { width:100%; height:70vh; object-fit:cover;}
.about_detail_bg .box { margin:10px 0;}
.about_detail_bg img { margin:10px 0;}
.download_catalogue_bg .img_right .dot.dot-1 {  top: auto; right: 50%;  bottom:0;}
.download_catalogue_bg .img_right .dot.dot-2 {top:50px; right:50%; }
.cat_card { width:100%; } 
.why_choose_box {flex-wrap: wrap;} 
.why_choose_box .icon { margin:0 auto 15px auto;}
.why_choose_box h3 { text-align:center;}
.why_choose_box p { text-align:center;}
.split_section_bg img {  height:300px;}
}

@media only screen and (min-width:220px) and (max-width:480px) {
.header_top_bg .header_phone a.email { margin-top:9px;}
.download_catalogue_bg .img_right { height:auto;}
.download_catalogue_bg .img_right .dot.dot-1 { top: auto; right: 50%; bottom: -185px;}
.blog_section_bg .btn { position:inherit; top:auto; right:auto; margin-top:10px;}
 
}  
@media only screen and (min-width:220px) and (max-width:400px) {
.product_right_text .product_button {flex-wrap: wrap;}
}