@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root{--primary-color:#e87301;--secondary-color:#00baf2}
.container{max-width:1170px;margin:auto;}
.default-para,.default_btn{font-size:18px}
*,body,html{margin:0;padding:0}
body{overflow-x:hidden;padding:0!important;font-family:'Inter',sans-serif;}
figure,h1,h2,h3,h4,h5,h6,img,li,p,span,ul{margin:0;padding:0;list-style:none}
.fw_300{font-weight:300}
.fw_400{font-weight:400}
.fw_500{font-weight:500}
.fw_600{font-weight:600}
.fw_700{font-weight:700}
.fw_800{font-weight:800}
.fw_900{font-weight:900}section{padding:60px 0}img{width:100%;max-width:100%}
.fs_10{font-size:10px !important;}
.fs_11{font-size:11px !important;}
.fs_12{font-size:12px !important;}
.fs_13{font-size:13px !important;}
.fs_14{font-size:14px !important;}
.fs_15{font-size:15px !important;}
.fs_16{font-size:16px !important;}
.fs_17{font-size:17px !important;}
.fs_18{font-size:18px !important;}
.text_default{color:var(--primary-color)!important}
.text_secondary{color:var(--secondary-color)!important}
.default_link{color:var(--primary-color) !important;}
.bg_default,.default_btn{background-color:var(--primary-color)}
.default_btn,.secondary_btn,.whatsapp_btn{color:#fff;padding:.5rem 1.5rem;text-decoration:none;display:flex;justify-content:center;align-items:center;width:fit-content;font-size: 18px;font-weight: 500;}
.secondary_btn{background-color:var(--secondary-color)}
.whatsapp_btn{background-color:#25d366}
.default_btn:hover,.secondary_btn:hover{opacity:.9}
.border_line{position: relative;width: fit-content;margin: auto;}
.border_line::after{position:absolute;width: 35%;margin: auto;bottom: -10px;left: 0;right: 0;content: "";background-color: var(--primary-color);height: 1px;}

body::-webkit-scrollbar {width: 5px;}
body::-webkit-scrollbar-track {border-radius: 0px;background: #fff;}
body::-webkit-scrollbar-thumb {background: gray;border-radius: 4px;}
body::-webkit-scrollbar-thumb:hover{background:var(--primary-color);cursor: grabbing; cursor: -webkit-grabbing;}

/* header */
.navbar-toggler{border: none; display: flex;flex-direction: column;height: fit-content;background-color: var(--primary-color);border-radius: 0;padding: 8px;}
.navbar-toggler:focus{box-shadow: none;}
.navbar-toggler span{width: 20px;height: 2px;background-color: #fff; display: block;margin-bottom: 6px;}
.navbar-toggler span:nth-child(2){width: 10px;}
.navbar-toggler span:nth-child(3){margin-bottom: 0;}


.whatsapp {width: 38px;height: 38px;background-color: #25d366;color: white;justify-content: center;align-items: center;border-radius: 50%; text-decoration: none;}
.whatsapp i{font-size: 24px;}
.call_btn{min-width:44px;max-width: 44px;min-height: 44px;max-height: 44px;padding: 0;display: flex;justify-content: center;align-items: center;}

.navbar{padding:15px 0;box-shadow:0 2px 5px rgba(0,0,0,.1);background:#fff;position:sticky;z-index:999;top:0;min-height:72px}
.navbar-brand{padding: 0;}
.navbar img{max-height:35px}
.navbar li.nav-item a.nav-link{line-height: 28px;}
/* .navbar .nav-link{font-size: 18px;color:gray;font-weight: 500;padding:8px 15px!important;}
.navbar li.nav-item a.nav-link:hover{color:#000;background-color:#f6f6f6} */
.navbar .nav-link {
    font-size: 18px;
    color: gray;
    font-weight: 500;
    padding: 8px 15px !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.navbar li.nav-item:hover > a.nav-link,
.navbar li.nav-item:has(.open_menu:hover) > a.nav-link { 
    color: #000;
    background-color: #f6f6f6;
}

.navbar .mega_menu{position:static}
.navbar .nav-item span.fa{font-size: 12px;margin-left: .3rem; transition: all .3s ease;}
.navbar .nav-item:hover span.fa{transform: rotate(180deg);}

.navbar .open_menu {width: 100%;display: block;position: absolute;top: 100%;left: 0;right: 0;margin: auto;opacity: 0;transition: all 0.5s ease-in-out;max-height: 0;visibility: hidden;overflow: hidden;max-width: 1000px;box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);background: #eeeeee;z-index: 999;}
.navbar .offcanvas-body button{color: gray;}
.navbar .offcanvas-body button:hover, .navbar .offcanvas-body button.active{color:black;}
.navbar .offcanvas-body a.default_btn, .navbar .offcanvas-body a.whatsapp_btn{padding: .7rem 1.5rem !important;}

.mega_menu:hover .open_menu,
.mega_menu .open_menu:hover {visibility: visible;opacity: 1;max-height: 500px;}


.navbar .text_menu{width: fit-content;left: inherit;right: inherit; padding:1rem .5rem !important;}
.navbar .text_menu li a{margin-top: 0;color: rgb(77, 76, 76);transition: all .5s ease;}
.navbar .text_menu li a:hover, .navbar .text_menu li a.active{color:#000;transform:translateX(10px);}
/* .open_menu.open{visibility:visible;opacity:1;height:auto;padding:1.5rem .5rem;background: #eeeeee;} */
.open_menu .tab-content{background: #ffffff;border-radius: 5px;border: solid 1px #e0d9d9;overflow: hidden;padding: 1.5rem;}
.open_menu button.nav-link{position: relative;background:none;margin-bottom:.5rem;border-radius:0;padding: .7rem 1.5rem .7rem 1rem !important;width: fit-content;text-align:left;font-size: 16px;opacity: .9;font-weight: 400;display: -webkit-box;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;white-space: nowrap;line-height: 14px;}
.open_menu button.nav-link::after {content: "";position: absolute;z-index:1;right: 0;top: 0;width: 0;height: 0;border-top: 16px solid #eeeeee;border-bottom: 22px solid #eeeeee;border-left: 14px solid transparent;}
.open_menu button.nav-link.active{background-color: #dadada;color: #000000;opacity: 1;}
.open_menu img {aspect-ratio: 1/1;object-fit: contain;min-height: 200px;width: 100%;max-width: 100%;min-width: 200px;}
.open_menu a {color:#978a8a;text-decoration: none;display: block;font-size: 16px;margin-top: 1rem;line-height: 20px;transition: all .3s ease;font-weight:400;}
.open_menu a:hover{color: var(--primary-color);}
/* .open_menu a:hover{color:#fff;background:var(--primary-color);} */
.dropdown-menu{border-radius:0;border: none;height: 0; transition: all .5s ease;}
.dropdown-menu.show{height: fit-content;width: fit-content;}

.navbar a.default_btn {background-color: #000000;color: #ffffff;border: solid 1px black;transition: all .3s ease;}
.navbar a.default_btn:hover{background-color: white;color:black;}
.navbar a.default_btn i, .navbar a.whatsapp_btn svg{font-size: 16px;}
.navbar a.default_btn, .navbar a.whatsapp_btn{font-size: 16px;line-height: 18px;font-weight: 500;}

.navbar .dropdown-item{font-size: 18px;padding: 0.8rem 1rem;}
.navbar .dropdown-item.active, .navbar .dropdown-item:active{background-color:none;color: white;}

/* banner */
.hero h1{font-size:45px;font-weight:700}
.hero p{font-size:1.2rem;margin:1rem 0 2rem}
.hero a.default_btn{padding: .7rem 1.7rem;}
.banner{background-color:var(--secondary-color);position:relative;margin-top:10rem}
.banner .bond_img{transform:translateY(-55%);position:absolute; max-height: 550px;object-fit: contain;}


/* showcase */
.showcase h2{font-size:2.3rem;font-weight:600; text-transform: capitalize;}


/* footer */
.main-footer{background-color: #fff;padding:70px 0 0;color:#000000}
.main-footer h4{font-size:18px;margin-bottom:35px;font-weight:500;position:relative}
.main-footer h4::before{content:'';position:absolute;left:0;bottom:-10px;background-color: var(--primary-color);height:2px;width:50px}
.main-footer ul{list-style:none;padding:0}
.main-footer ul li:not(:last-child){margin-bottom:10px}
.main-footer ul li a{color:#2d2c2c;text-decoration:none;font-weight:300;display:block;transition:all .3s ease; font-size: 14px;}
.main-footer ul li a:hover{color: var(--primary-color);padding-left:8px}
/* .main-footer .social-links{display: flex;justify-content: end;} */
.main-footer .social-links a{display:inline-block;height:30px;width:30px;background-color:#686868;margin:0 10px 0 0;text-align:center;line-height:30px;border-radius:50%;color:#fff;transition:all .5s ease}
.main-footer .social-links a:last-child{margin-right:0}
.main-footer .social-links a:hover{color:#ffffff;background-color:var(--primary-color)}
.footer-bottom{background-color: white; text-align:center;margin-top:20px;border-top:1px solid rgba(255,255,255,.1); font-size: 14px; padding: 10px 0;border-top: 7px solid var(--primary-color);}
.footer-bottom a.link{color: var(--primary-color);text-decoration: none;}
footer .descript{font-size: 14px;color: rgb(61, 60, 60);font-weight: 300;}
footer .descript .footerdata-p, footer .descript .footerdata-head{margin-bottom: .5rem;}
footer .descript a{color:#000;}
footer b, footer strong{font-weight: 500;}


.owl-nav button {background: var(--primary-color);color: #fff;border: none;border-radius: 50%;width: 50px;height: 50px;font-size: 1.2rem;display: flex;align-items: center;justify-content: center;margin: 0;transition: background 0.3s ease, transform 0.2s ease;pointer-events: all;}
.owl-nav button:hover {background: var(--primary-color);transform: scale(1.1);}
.owl-dots {text-align: center;margin-top: 20px;}
.owl-dot {width: 12px;height: 12px;background: #ddd;border-radius: 50%;display: inline-block;margin: 0 5px;transition: background 0.3s ease;}
.owl-dot.active {background: var(--primary-color);}
  


.chair_list .chair_card {padding:1rem;border-radius: 10px; background-color: white;box-shadow: 0 2px 12px #b2b2b2;;}
.chair_list .chair_card img {border-radius: 5px;}

.chair_list .chair_box{color: black;text-decoration: none;transition: all .5s ease;border: solid 1px #fff;display: block;height: 100%;padding: .5rem 1rem 1.5rem 1rem;overflow: hidden;}
.chair_list .chair_box:hover{transform: translateY(-15px);box-shadow:0 5px 60px  rgb(225, 225, 225);}
.chair_list .chair_box .content{display: flex;padding: 0 .5rem;flex-direction: column; align-items: start;}
.chair_list .chair_box span{color: gray;margin-bottom: .5rem;border: dashed 1.5px lightgray;padding: 0 .3rem;font-size: 12px;}
.chair_list .chair_box h3.title{font-size: 20px;}
.chair_list a.whatsapp_btn{font-size: 14px;padding: .4rem 1.5rem;}
.chair_list a.whatsapp_btn i{font-size: 16px !important;}
.chair_list .chair_box img{width: 100%;max-width: 100%;object-fit: contain;margin-bottom: 1rem;transition: all .5s ease;}
.chair_list .chair_box:hover img{transform: scale(1.1);}
.btns{display: flex;align-items: center;margin-top: 1rem;flex-wrap: wrap;border-top: solid 1px rgb(206, 206, 206); padding: 1rem .5rem 0 .5rem;}
.btns a{border-radius: 0; padding: .5rem 1.5rem !important;font-size: 16px;}
.chair_list .content{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.price .step{width: fit-content;}
.price .step input{width:80px;border-radius: 0;}
/* .price .step span.first-child{margin-bottom: .3rem;} */

.chair_list p{font-size: 24px;margin-bottom: .5rem;font-weight: bolder;}
.chair_list .link_price{font-size: 20px;font-weight: 400;color: rgb(47, 47, 47);text-decoration: none;}
.chair_list .link_price del{color:#bcbaba;margin-left: .2rem;font-size: 16px;}
/* .chair_list .chair_box:hover p.title{color: black;} */


.menu_chairs .owl-nav{position: absolute;left: 0;right: 0;margin: auto;top: 50%;transform: translateY(-50%); display: flex;justify-content: space-between;}
.menu_chairs .owl-nav button{width: 30px;height: 30px;background: lightgray !important;}
.menu_chairs .owl-nav button:hover, .menu_chairs .owl-nav button.active{background:var(--primary-color) !important;color: white;}
/* .menu_chairs .owl-nav button.owl-next{right: 0;} */


.projets_banner{background-image:url(https://officefurnitureindia.co.in/assets/images/projects_banner.jpg);position:relative;background-size: cover;height: 70vh;display: flex;justify-content: center;align-items: center;}
.projets_banner::before{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: radial-gradient( black, transparent); content: "";}
.projets_banner .container{position: relative;}
.projets_banner h1{font-size: 3rem;color: white;font-weight: 600;}
.projets_banner p{font-size: 1.6rem;color: white;}


.chair_list .nav-tabs{display: flex;justify-content: space-between;border: none;}
.chair_list button.nav-link{background:none;margin-bottom:.5rem;border-radius:0;padding:.5rem!important;text-align:left;font-size:20px; opacity: .6;border: none; border-bottom: solid 1px rgba(0, 0, 0, 0);color: gray;}
.chair_list button.nav-link.active{opacity:1;border-bottom: solid 1px black;}

.locations_banner{background-image: url(https://officefurnitureindia.co.in/assets/images/locations_banner.jpg);}
.team_banner{background-image: url(https://officefurnitureindia.co.in/assets/images/team_banner.jpg);}
.locations_list .chair_box img{aspect-ratio: 4/3;object-fit: cover;}

.team_list .team_card{text-decoration: none;color: black;}
.team_list .team_card img{aspect-ratio: 1/1;object-fit: cover; margin-bottom: 1rem;}
.team_list .team_card .content{padding-left: .5rem;}
.team_list .team_card span{color: gray;}


.choose ul{margin: 1rem 0; padding-left: 1.5rem;}
.choose ul li{list-style-type: disc;font-size: 18px; margin-bottom: 0.5rem;}
.choose p{font-size: 18px;}


.certi_card{background-color: #fff; display: block;text-decoration: none; padding: 1.5rem; text-align: center;box-shadow: 0 0 10px .3px rgb(237, 237, 237); transition: all .3s ease;}
.certi_card img{object-fit: contain; width:auto;height: 150px;}
.certi_name{font-size: 18px; border-top: solid 1px lightgray;padding-top: 1rem;color: black;transition: all .3s ease;}
.certi_card:hover{box-shadow: 0 0 10px .3px rgb(225, 225, 225);border-radius: 12px;}
.certi_card:hover .certi_name{color: var(--primary-color);}


.contact_list .form-group{display: flex;flex-direction: column;margin-bottom: 2rem;}
.contact_list .form-group label{margin-bottom: 1rem;color: #504e4e;}
.contact_list input, .contact_list textarea, .contact_list select{padding: .7rem 1.5rem !important;border: solid 1px lightgray;resize: none;color: gray;}
.contact_list button{border: none;border-radius: 0; padding: .5rem 1.5rem;font-size: 18px; margin-right: 2rem;}
.contact_list button:last-child{margin-right: 0;}

/* .contact_info{display: flex;justify-content: space-between;flex-wrap: wrap;} */
.contact_info img{width: 40px;height:30px; display: block;margin-bottom: .7rem;object-fit: contain;}
/* .contact_info img:nth-last-child(2){width: 30px;height:25px;} */
.contact_info a, .contact_info p{font-size: 18px;text-decoration: none;color: gray;}


.dropdown-menu{width: 100%;}



.navbar .accordion-item{border: none;}
.navbar .accordion-item button{font-weight: 500;padding: 8px 15px !important;font-size: 18px;background: none;box-shadow: none;}
.navbar .accordion-item button::after{width: 15px;height: 15px;background-size: contain;background-image: url(https://officefurnitureindia.co.in/assets/images/chevron-down-icon.svg);}
.navbar .accordion-item .accordion-body{padding: .7rem;border: none;}
.navbar .accordion-item .accordion-body ul{padding: 0 .5rem;}
.navbar .accordion-item .accordion-body ul li{margin-bottom: .7rem;}
.navbar .accordion-item .accordion-body ul li:last-child{margin-bottom: 0;}
.navbar .accordion-item .accordion-body ul li a{color: gray;text-decoration: none;}


.storage_solutions img{object-fit: contain;}
.gallery img{aspect-ratio: 1/1;object-fit: cover;}




.suite{background:linear-gradient(180deg, rgb(255 255 255), rgb(239 239 239));}
.suite .box{background-color: white;border-radius: 12px;padding: 2.5rem;height: 100%;display: flex;flex-direction: column;justify-content: start;}
.suite .box h3{font-size: 26px;line-height: 32px;font-weight: 600;}
.suite .box img{width: 40px;height: 40px;object-fit: contain;margin-right: 1rem;display: none;}
.suite .box ul{margin-top: 1.5rem;padding: 0;}
.suite .box ul li{margin-bottom: 1.5rem;}
.suite .box ul li:last-child{margin-bottom:0;}
.suite .box ul li a{color: gray;font-size: 18px;text-decoration: none;font-weight:500;transition: all .5s ease;}
.suite .box ul li a i{font-size: 12px;margin-left: .3rem;transition: all .5s ease;}
.suite .box ul li a:hover{color: var(--primary-color);}
.suite .box ul li a:hover i{transform: translateX(5px);}

p.list {font-size: 20px;font-weight: 600;position: relative;padding-left: 56px;margin-bottom: 27px;color: white;}
p.list:last-child{margin-bottom: 0;}
p.list::before{background-image: url(https://officefurnitureindia.co.in/assets/images/icon/check.svg);min-width: 36px;height: 36px;content: "";background-size: contain;position:absolute ;left: 0;}


.item_card {border-radius: 15px;padding: 44px 0 0 48px;overflow: hidden;background: #fafafa;border: 1px solid #f6f6f6;box-shadow: inset 0 0 30px rgba(217,217,217,0.2);}
.item_card .logo img{width: 100px;height: fit-content;object-fit: contain;}
.item_card .left{display: flex;height: 100%;justify-content: center;align-items: center;}
.item_card .left .logo{min-height: 62px;margin-bottom: 48px;display: none;}
.item_card h4 {font-size: 26px;line-height: 32px;font-weight: 700;/* margin-bottom: .3rem; */}
.item_card p{margin:1rem 0;color: rgb(28, 28, 28);font-size: 18px;font-weight: 500;line-height: 25px;}
a.arrow_btn{color: black;text-decoration: none;display: block;font-weight: 600;transition: all .3s ease;}
a.arrow_btn i{font-size: 12px; transition: all .3s ease;}
a.arrow_btn:hover i{transform: translateX(5px);}
a.arrow_btn:hover {color: var(--primary-color);}
.item_card img{border-radius: 0;height: 265px;object-fit: contain;}


.brands{position: relative;}
.brands::before{position: absolute;top: 0;bottom: 0;left: 0;width: 100px;background:linear-gradient(90deg,#00baf2 48.44%,rgba(0,186,242,0) 100%);content: "";z-index: 1;}
.brands::after{position: absolute;top: 0;bottom: 0;right: 0;width: 100px;background:linear-gradient(-90deg,#00baf2 48.44%,rgba(0,186,242,0) 100%);content: "";}
.brands .item img{aspect-ratio: 4/2;object-fit: contain;background-color: white;height: 90px;border-radius: 8px;}


.secure {background-color: #f0fcff;}
.secure .icon img{max-height: 60px;width: auto;object-fit: contain; margin-bottom: 1.5rem;}


.chair_details .container{position: relative;}
.chair_details p, .chair_details ul li{font-size: 14px;color: rgb(40, 40, 40);}
.chair_details ul li{margin-bottom: .3rem;}
.chair_details ul li:last-child{margin-bottom: 0;}
.chair_details strong{font-weight: 600;}
/* .chair_details ul li{font-size: 14px;color: rgb(40, 40, 40);} */

.chair_details .carousel-indicators{position: absolute;left: 0;top: 0;width: 100px;height: 400px;overflow-y:hidden;display: flex;flex-direction: column; margin:0;justify-content: flex-start;}
.chair_details .carousel-indicators button, .chair_details .carousel-indicators button img{width: 40px;width: 50px;aspect-ratio: 1/1;object-fit: contain;min-width: 40px;min-height: 50px;background: none;opacity: .7;}
.chair_details .carousel-indicators button.active, .chair_details .carousel-indicators button.active img{opacity: 1;}
.chair_details .carousel-inner img{aspect-ratio: 3/4;object-fit:cover;}
.chair_details .carousel-inner a.carousel-item{cursor: crosshair;}
.chair_details .price_q{font-size: 24px;font-weight: 600;color: var(--primary-color);}
.chair_details .price_q del{font-size: 20px;font-weight: 600;color:gray;}


.sidebox{border: solid 1px lightgray; padding: .7rem; text-align: left;}
.sidebox h4{font-size: 20px;font-weight: normal;position: relative;width: fit-content;margin: auto;margin-bottom: 2rem;}
.sidebox p{padding:0 1rem;color: rgb(57, 57, 57);}
.sidebox h4::after{position: absolute; width: 55px;left: 0;right: 0;margin: auto;background-color:lightgray;bottom: -15px;content: "";height: 1px;}
.sidebox:hover{border-color: black;}

.img_contain_img .carousel-item img{object-fit: contain;}

.shower_case .item img{aspect-ratio: 4/2.5;object-fit: cover;opacity: .7;}
.shower_case .center img{opacity: 1;}
.shower_case .owl-nav {display: flex !important;justify-content: space-between;position: absolute;top: 50%;width: 100%;transform: translateY(-50%);}
.shower_case .owl-prev, .shower_case .owl-next {background-color: white;color: black;width: 90px;height: 40px;display: flex;align-items: center;justify-content: center;cursor: pointer;position: absolute;font-size: 14px; transition: all .5s ease;}
.shower_case .owl-prev{left: 11.75%;}
.shower_case .owl-next{right: 11.75%;}

.shower_case .owl-prev:hover, .shower_case .owl-next:hover{transform: scale(1);background-color: var(--primary-color);color: white;}


.clint img{max-width: 140px;height: 80px;object-fit: contain;}
.clint {position: relative;text-align: center;padding: 1rem;display: flex;justify-content: center;align-items: center;height: 180px;margin: auto;border: 3px solid transparent;border-radius: 10px;z-index: 1;}
.clint::before {content: "";position: absolute;inset: 0;border-radius: 10px;padding: 3px;background: linear-gradient(270deg, #ff0000, #00ff00, #0000ff, #ff0000);background-size: 600% 600%;animation: animatedBorder 4s linear infinite;-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;z-index: -1;opacity: 0;transition: opacity 0.3s ease;}
.clint:hover::before {opacity: 1;}
@keyframes animatedBorder {
    0% {background-position: 0% 50%;}
    100% {background-position: 100% 50%;}
}

.clint:hover{background-color:#f1f4f7;}