/* reset css */
    *,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none;  font-family: "Nunito Sans", sans-serif;}
    img{max-width: 100%;}
    ul,li{list-style: none;margin: 0;letter-spacing: 1px; }
    a{text-decoration: none !important;display: inline-block;color: #383838;font-size: 16px;cursor: pointer;}
    a { text-decoration: none !important; display: inline-block; color: #383838; font-size: 18px; cursor: pointer;}
    select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;cursor: pointer;font-size: 16px;}
    input::placeholder, textarea::placeholder {opacity: 1;color: #626262;}  
    textarea{resize: none;}
    p {color: var(--p-color);font-size: 18px;margin: 15px 0;text-align: justify;line-height: 1.6;color: #303030;letter-spacing: 1px;}
    .textl{text-align: left;}
    .textc{text-align: center;}
    .textr{text-align: right;}
    iframe{width: 100%;height: 350px;border: none;}
    h2{font-size:40px;  margin: 15px 0;  color: #2f2b25;}
    h3{font-size:38px;margin:15px 0; font-weight: 300;  color: #2f2b25;}
    h4{font-size:30px;margin:15px 0; font-weight: 300;  color: #2f2b25;}
    h5{font-size:25px;margin:15px 0; font-weight: 300;  color: #2f2b25;}
    h6{font-size:22px;margin:15px 0; font-weight: 300;  color: #2f2b25;}
    :root{scrollbar-width: none !important;}
    .fancybox-button--thumbs {display: none !important;}
/* reset css */

/* Dropdown css */
    .dropdown-wrapper-li{position: relative;}
    li.dropdown-wrapper-li .dropdown-wrapper { pointer-events: none; opacity: 0; position: absolute; width: 900px; top: 100px; visibility: hidden; transition: all .2s ease-in-out; z-index: 1; display: flex; justify-content: center; align-items: stretch;  left: -330px;gap: 50px;}
    .products-images, .products-images img { width: 100%; max-width: 250px; display: flex; justify-content: center; align-items: center;}
    .dropdown-wrapper-li.act-link span, .dropdown-wrapper-li:hover span {color: #ffd49b;}
    .products-images img {object-fit: cover;height: 100%;}
    .first-route-products ul li a:hover, .first-route-products ul li a.act-link {color: #ffd49b !important;}
    li.dropdown-wrapper-li:hover .dropdown-wrapper{visibility: visible;opacity: 1;top: 60px;pointer-events: visible; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;  background: #639589eb;}
    .dropdown-wrapper ul{ position:relative ; z-index: 2;}
    .dropdown-wrapper li a{width: 100%; max-width: 350px; padding: 10px 5px !important;color: #4c6444;}
    header.scrolled-header li.dropdown-wrapper-li:hover .dropdown-wrapper{top: 56px;}
    .first-route-products h3 {font-size: 30px;display: inline-block;border-bottom: 2px solid #fefffe;color: #fff;}
    .first-route-products.act-link .first-route-products ul li img {display: none;}
/* Dropdown css */

/* Header css */

/*  Resp menu css  */
    .desk-resp-ham {display: none;}
    .desk-resp-ham ul.toggle-desk {position: absolute;cursor: pointer;line-height: 12px;min-height: 34px;display: block !important;width: 34px;text-align: center;right: 5px;bottom: 32px;margin: 0 20px;}
    .desk-resp-ham ul.toggle-desk li {transform: translateY(-50%);list-style: none;display: block;position: absolute;left: 0;height: 2px;right: 0;margin: 0 auto;width: 30px;opacity: 1;background: #fff ;transition: all .25s ease;}
    .desk-resp-ham ul.toggle-desk li:nth-of-type(1) {top: 20%;}
    .desk-resp-ham ul.toggle-desk li:nth-of-type(2) {top: 50%;}
    .desk-resp-ham ul.toggle-desk li:nth-of-type(3) {top: 80%;}
    .desk-resp-ham ul.toggle-desk.active li:nth-of-type(1) {top: 50%;transform: translateY(-50%) rotate(45deg);}
    .desk-resp-ham ul.toggle-desk.active li:nth-of-type(2) {transform: translateY(-50%) rotate(45deg);opacity: 0;}
    .desk-resp-ham ul.toggle-desk.active li:nth-of-type(3) {top: 50%;transform: translateY(-50%) rotate(-45deg);}
    .desk-resp-ham .sidebar {position: fixed;top: 0;left: -350px;background: #f9f9f9;width: 270px;height: 100vh;box-sizing: border-box;text-align: center;transition: .9s;z-index: 9;overflow: scroll;overflow-x: hidden;}
    .desk-resp-ham .sidebar::-webkit-scrollbar {display: none;}
    .desk-resp-ham .sidebar.active {left: 0;box-shadow: 1px 0 8px rgba(0, 0, 0, 0.637);}
    .desk-resp-ham .sidebar.active > a{width: 100%;background: #dcd1bf;display: flex;justify-content: center;align-items: center;padding: 20px 10px;}
    .desk-resp-ham .sidebar img {width: 50%;}
    .desk-resp-ham .sidebar ul.menu {position: relative;text-align: center;width: 100%;display: flex;flex-direction: column;gap: 0;margin: 0;}
    .desk-resp-ham .sidebar ul.menu li {list-style: none;width: 100%;cursor: pointer;}
    .desk-resp-ham .sidebar ul.menu li a {position: relative;text-transform: capitalize;color: #b3823d;width: 100%;width: 100%;justify-content: space-between;display: flex;padding: 15px 20px 15px 20px;font-size: 17px;text-align: left;}
    .desk-resp-ham .sidebar ul.menu li a.act-link{color: #dcd1bf;}
    .nav-dropdown li a {padding: 10px 0 10px 30px !important;}
    .nav-dropdown li a::before {content: '';position: absolute;left: 2px;width: 6px;height: 6px;border-right: 2px solid #e2e2e2;border-bottom: 2px solid #e2e2e2;transform: rotate(-45deg);top: 0;bottom: 0;margin: auto;left: 15px;}
    .desk-resp-ham .sidebar ul.menu > li > a:hover, .desk-resp-ham .sidebar ul.menu > li > a.act-link {background: #629489;color: #fff !important;}
    .desk-resp-ham .sidebar ul.menu>li>a {display: flex;gap: 5px;align-items: center;border-bottom: 1px dotted #30302e;}
    .desk-ham-menu li a.act-link ~ .nav-dropdown > li > a.act-link{left: 0;}
    .nav-dropdown-1 { background: #718d67; border-top: 3px solid #dcd1bf;}
    .desk-resp-ham .sidebar ul.menu > li > span { display: flex; gap: 5px; align-items: center; border-bottom: 1px dotted #c9c9c9;}
    .desk-resp-ham .sidebar ul.menu li span { position: relative; text-transform: capitalize; color: #b3823d; width: 100%; width: 100%; justify-content: space-between; display: flex; padding: 15px 20px 15px 20px; font-size: 17px; text-align: left;}
    .desk-resp-ham .sidebar ul.menu > li:hover > span, .desk-resp-ham .sidebar ul.menu > li > span.act-link {background: #58847a;color: #fff !important;}
    .nav-dropdown li.act-link a,.nav-dropdown li:hover a,.desk-resp-ham .sidebar ul.menu>li>a.act-link a{color: #dcd1bf !important;}
    .nav-dropdown li a.act-link::before,.nav-dropdown li a:hover::before,.desk-resp-ham .sidebar ul.menu>li>a.act-link a::before {border-right: 2px solid #ffd49b;border-bottom: 2px solid #ffd49b;}
    .nav-dropdown li a.act-link,.nav-dropdown li a:hover,.desk-resp-ham .sidebar ul.menu>li>a.act-link a {color: #ffd49b !important;}
    .desk-resp-ham .sidebar ul.menu li a i {position: relative;bottom: -2px;font-size: 16px;}
    .desk-resp-ham .sidebar ul.social-icon {position: relative;margin-top: 10%;width: 100%;height: 55px;display: flex;justify-content: center;}
    .desk-resp-ham .sidebar ul.social-icon li a {text-decoration: none;display: flex;justify-content: center;gap: 0;width: 100%;height: 100%;position: relative;color: #111b30;border-radius: 50%;font-size: 25px;}
    .nav-dropdown {display: flex;flex-direction: column;gap: 5px !important;padding: 10px 0;border-bottom: 1px dotted #c9c9c9;background: #58847a; border-top: 3px solid #dcd1bf;}
    .nav-dropdown li a {font-size: 15px !important;color: #fff !important;}
    .desk-resp-ham .sidebar ul.social-icon li:hover a {color: #dcd1bf;}
    .desk-resp-ham .sidebar ul.social-icon a .fa {line-height: 55px;}
    .desk-ham-menu li a.act-link ~ ul{display: block !important;}
    .scrolled-header .desk-resp-ham ul.toggle-desk {bottom:27px;}
    .header-logo a{padding:20px 0;}
/*  Resp menu css  */

/* common css */
    .wrapper{width: 100%;overflow: hidden;  background: #ffffff;}
    .fluid-container{width: 100%;max-width: 1280px;margin: 0 auto;padding: 0 20px;}
    .common-button {margin:15px  auto;display: flex;justify-content: center;align-items: center;}
    .common-button a:hover{background:#b1813f;color:#fff;font-weight:700;}
    .common-button a {background: #639589;padding: 10px 35px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border: 1px solid #B49E77;color: #f9f9f9;font-weight: 600;position: relative;}
    .common-button a::after {content: '';position: absolute;left: -2px;top: -2px;background: linear-gradient(45deg, #b49e77, #695234, #262523,#5a673a, #be8941, #bb842f, #d5a02c, #2d2d2b,#a0d056, #627727);background-size: 400%;width: calc(100% + 6px);height: calc(100% + 4px);z-index: -1;animation: steam 20s linear infinite;}
    .common-button a::before, .common-button a::after {content: '';position: absolute;left: -2px;top: -2px;background: linear-gradient(45deg, #b49e77, #695234, #262523,#5a673a, #be8941, #bb842f, #d5a02c, #2d2d2b,#a0d056, #627727);background-size: 200%;width: calc(100% + 2px);height: calc(100% + 1px);z-index: -1;animation: steam 20s linear infinite;}
    .common-button a:after {filter: blur(50px);}
    .inner-h2{color:#2f2b25; font-weight:500;  line-height: 1.2;}
    .inner-h3{color:#364f42;}
    .common-head{border-left:2px solid #865f45;  padding-left: 20px;}
    .inner-span{font-size:35px;color:#ae9973;font-weight:500; margin-left: 80px;position: relative;}
    .inner-span::before{position: absolute; content: ""; top: 0; bottom: 0; left: -80px; width: 70px; height: 2px; background: #ae9973; margin: auto;animation: lineH 5s 0.9s infinite linear;}
/* common css */

/* go to top */
    #to-top {cursor: pointer;position: fixed;bottom: 50px;right: 10px;width: 70px;height: 70px;z-index: 9;padding: 6px;border-radius: 50%;}
/* go to top */

/* header */
    .inner-header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:5px; margin:60px 0 0;  /* border-bottom: 2px solid #ffffff6b; */}
    .right-header > ul{display:flex;justify-content:space-between;align-items:center;gap:20px;}
    .left-header { display: flex; width: 100%; max-width: 120px; background: #f9f1e6; justify-content: center; align-items: center; position: relative;}
    .header-wrapper{position:fixed;z-index: 9999;right:0;left:0;}
    .right-header ul li a, .right-header ul li span {  color: #f7f6f2;font-weight:600;  padding: 36px 15px;  font-size: 18px; cursor: pointer;}
    .left-header img{display:flex;width:100%;max-width:100%;}
    .scrolled-header .header-wrapper{background:#3b564bf7;}
    .scrolled-header .inner-header-wrapper {background: none;}
    .scrolled-header .header-wrapper .inner-header-wrapper{margin:0;border-bottom:none}
    .left-header a { padding: 10px 0; width: 100%; max-width: 100px;}
    .first-route-products ul li a {border-bottom: 1px dashed #ffffff4a;}
    .first-route-products ul li:last-child a {border-bottom: none;}
    header.scrolled-header .left-header a {padding: 6px 0;}
    header.scrolled-header .right-header ul li a, header.scrolled-header .right-header ul li span { padding: 25px 15px; font-size: 16px;}
    .left-header::before { content: ''; position: absolute; background: #f9f1e6; clip-path: polygon(51% 100%, 0 0, 100% 0); width: 100%; height: 35%; top: 100%; left: -1px;}
    .inner-wrapper .left-header::before {display: none;}
    .inner-wrapper .left-header {background: none;}
/* header */

/* owl-carousel css  */
    .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
    .owl-carousel{width:100%;z-index:1}
    .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden;}
    .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
    .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
    .owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
    .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
    .owl-carousel .owl-item img{display:block;width:100%;}
    .owl-carousel .owl-dots ,.owl-carousel .owl-nav{display:none;font-size:55px}
    .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
    .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
    .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:#354c42;color:inherit;border:none;padding:0!important;font:inherit}
    .owl-carousel.owl-loading{opacity:0;display:block}
    .owl-carousel.owl-hidden{opacity:0}
    .owl-carousel.owl-refresh .owl-item{visibility:hidden}
    .owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display: flex;justify-content: center;align-items: stretch;}
    .owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}
    .owl-carousel.owl-rtl .owl-item{float:right}
    .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
    .owl-carousel .owl-animated-in{z-index:0}
    .owl-carousel .owl-animated-out{z-index:1}
    .owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
    .owl-height{transition:height .5s ease-in-out}
    .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
    .owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
    .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
    .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
    .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
    .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
    .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
    .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
    .owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}
    .owl-theme .owl-nav [class*=owl-]{color:#b4b4b4;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}
    .owl-theme .owl-nav [class*=owl-]:hover{color:#d0630e;text-decoration:none}
    .owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
    .owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}
    .owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}
    .owl-theme .owl-dots .owl-dot{display:inline-block;}
    .owl-theme .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease}
    .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
    .owl-theme .owl-dots .owl-dot.active span{background:#b4b4b4}
    .owl-dots{text-align-last: center;padding:0;}
    .owl-carousel button.owl-dot {width:10px;height:10px;display: inline-block;margin:15px;background: #c6bca8;  border-radius: 0;transform: rotate(45deg);position: relative;}
    .owl-dots{display:none !important;position: relative;}
    .owl-dots .owl-dot.active{background:#639589 !important;}
    .owl-dots .owl-dot.active::before{position:absolute;content:"";width:25px;height:25px;border:1px solid#c9c9c9;border-radius:50%;top:0;bottom:0;margin:auto;right:0;left:-7px;}
/* owl-carousel css  */

/* home-banner */
    .slider {display:flex; width: 100%;   height:100vh;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center center;z-index: 0;position:relative;}
    .slider::before { content: ""; position: absolute; width: 100%; height: 100%; border: 30px solid #000000ba; opacity: 0.4;}
    .slider::after { content: ""; position: absolute; background: #00000087; opacity: .6; top: 0; bottom: 0; left: 0; right: 0; margin: 60px;}
    .home-sliders{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position: relative;}
    .slider h2{color:#fff;text-shadow:1px 2px #000;}
    .home-sliders h2{text-align: center;display: flex;flex-direction: column;align-items: center;justify-content:center;  font-weight: 400;}
    .home-sliders h3{text-align:center;}
    .home-banner-wrapper {height: 100vh;}
    .inner-home-wrapper{ width:100%;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;text-align: center;position: relative; z-index: 1;}
    .owl-dots {display: block !important;position: absolute;bottom: 100px;right: 0;left: 0;margin: auto;}
    .inner-home-wrapper span {font-family: "Oooh Baby", cursive;font-size: 35px;color: #fff;  font-weight: 700;}
/* home-banner */

/* footer */
    .footer-wrapper{background:url(../images/banner/footer-banner.jpg)no-repeat center center/cover;position: relative;}
    .footer-wrapper::before{position:absolute;content:"";height:100%;width:100%;background:#000;opacity:0.8;}
    .inner-footer-logo{width:100%;max-width:100px;}
    .inner-footer-wrapper{padding:30px 0;position: relative;z-index:1;}
    .inner-footer-logo img{width:100%;max-width:100px;margin:auto;display:flex;}
    .footer-content{width:100%;max-width:1000px;margin:auto;text-align:center;}
    .footer-content p{color:#fff;}
    .footer-contact-links{display:flex;justify-content:space-between;align-items:flex-start;  padding: 50px 0 20px; gap: 35px;}
    .footer-links-main{width:100%;max-width:400px;}
    .sub-footer-links li{margin:15px 0;}
    .sub-footer-main li{margin:22px 0;}
    .sub-footer-main li a{display:flex;justify-content:flex-start;align-items:baseline;gap:10px;line-height:1.5}
    .sub-footer-main li a span i{font-size:25px;}
    .sub-footer-links , .sub-footer-main{padding:2px 0;}
    .footer-address {width:100%; max-width: 400px;}
    .footer-2 {border-top: 2px solid #ffffff14;background: #885e45;position: relative;}
    .copyrights {color: #fff;display: flex;align-items: center;justify-content: space-between;padding: 5px 0;position: relative;flex-wrap: wrap;gap: 20px;}
    .copyrights p {font-size: 14px;margin: 0;}
    .copyrights span a img {display: flex;justify-content: center;align-items: center;}
    .footer-logo{  border-bottom: 1px solid #d6cec3;  padding: 0 0 30px;}
    .footer-headings h6{color:#d6cec3;position: relative;}
    .sub-footer-links >li>a, .sub-footer-main>li>a, .footer-links-main p{color:#d6d6d6;}
    .copyrights p a, .copyrights p {color:#fff;font-size:13px !important;}
    .copyrights span a {width: 100%;max-width: 90px;filter: invert(95%) sepia(18%) saturate(0%) hue-rotate(12deg) brightness(119%) contrast(100%);}
    .footer-contact-links .footer-links-main:nth-child(2){max-width:fit-content;}
    .footer-contact-links .footer-links-main:nth-child(3){max-width:400px;}
    .inner-footer-logo a{position: relative;}
    .footer-headings h6::before{position:absolute;content:"";bottom:-5px;background:#af946f;width:115px;height:1px;}
    .inner-footer-logo a::before{position:absolute;content:"";bottom:-5px;background:#af946f;width:112px;height:1px;}
/* footer */

/* about */
    .about-wrapper{  padding: 100px 0;}
    .inner-about-wrapper{display:flex;justify-content: space-between;align-items:stretch;gap: 20px;}
    .main-top-about{width:100%;max-width:570px;position: relative;}
    .inner-about-wrapper .about-main:nth-child(2){flex-direction:column-reverse;display:flex;}
    .about-main { width:100%; max-width: 46%;}
    .about-content .common-button{justify-content:flex-start;margin: 0;}
    .main-top-about::before {content: "";position: absolute;border: 5px solid #395446;width: 100%;height: 100%;right: -20px;top: 20px;}
    .main-top-about img {position: relative;display: flex;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;object-fit: cover;max-width: 100%;height: 400px;width: 100%;object-position: top;}
    .about-content{padding:30px 0;}
    .about-main:first-child .about-content {padding: 30px 0 0;}
    .inner-about-wrapper .about-main:nth-child(2) .main-top-about::before{display:none;}
/* about */

/* design */
    .design-wrapper{padding:100px 0;}
    .sub-inner-wrapper-design{display:flex;justify-content:space-evenly;align-items:stretch;gap:10px;position: relative;}
    .inner-design-wrapper{background:#3b564b ;padding:40px 0;border:1px solid #B49E77C2;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
    .design-img{width:100%;max-width:70px;margin:auto;}
    .desgin-cards h5{color: #ae9973;font-weight: 500;margin:25px 0 15px;}
    .design-img img{display:flex;filter: invert(93%) sepia(3%) saturate(863%) hue-rotate(331deg) brightness(106%) contrast(88%);}
    .desgin-cards{position: relative;background: #3b564b;padding:20px;}
    .desgin-cards::before {position: absolute;content: "";width:6px;height: 6px;left: -5px;top: 0;bottom: 0;margin: auto;background: #ae9973;border-radius: 50%;}
    .desgin-cards::after {position: absolute;content: "";width: 6px;height: 6px;right:  -5px;top: 0;bottom: 0;margin: auto;background: #ae9973;border-radius: 50%;}
    .sub-inner-wrapper-design .desgin-cards:nth-child(1)::before{display:none;}
    .sub-inner-wrapper-design .desgin-cards:nth-child(3)::after{display:none;}
    .inner-design-wrapper .common-button{padding:25px 0 0;}
    .inner-design-wrapper .common-button a{background:#f0ece6;color:#3b564b;}
    .sub-inner-wrapper-design::before{content:'';width: 70%;position:absolute;right:0;left:0;margin:auto;top:0;bottom:0;height:1px;background: #ae9973;}
/*design */

/* products */
    .tab-container {display: flex;}
    .tab-buttons {width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: stretch;gap: 20px;  padding: 30px 0;}
    .tab-button { display: flex; justify-content: flex-start; align-items: center; padding: 20px; border: none; border: 1px solid #679e94; cursor: pointer; text-align: left; width: 100%; border-radius: 5px; gap: 20px; font-size: 20px; position: relative;}
    .icon-products { position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; display: flex; justify-content: center; align-items: center; font-size: 16px !important;}
    .tab-button.active, .tab-button:hover {background: #639589;color: #f0ece6 !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .tab-button.active p, .tab-button:hover p{color: #f0ece6 !important;}
    .tab-buttons button:hover{background:#bd873f;}
    .tab-buttons button.active:hover {background: #639589;}
    .tab-button.active .img-products img, .tab-button:hover .img-products img {filter: invert(97%) sepia(13%) saturate(388%) hue-rotate(325deg) brightness(106%) contrast(88%);}
    .tab-content {flex: 1;padding: 20px;}
    .tab-pane {display: none;}
    .tab-pane.active {display:flex;flex-wrap:wrap;justify-content:center;gap:40px;}
    .inner-product-wrapper{display:flex;justify-content:space-between;align-items:stretch;gap:10px;  position: relative;}
    .products-left{width:100%;max-width:38%;}
    .products-right{width:100%;max-width:62%;}
    .img-products{width:100%;max-width:50px;display:flex;}
    .product-wrapper{padding:100px 0;position:relative;}
    .product-wrapper::before {position: absolute;content: "";width: 1200px;height: 100%;background: url(../images/banner/tabination-banner.png)no-repeat right center/cover;right: 0;filter: invert(97%) sepia(13%) saturate(388%) hue-rotate(325deg) brightness(106%) contrast(88%);opacity: 0.2;}
    .card-icons{width: 100%;max-width:80px;margin:auto;display:flex;}
    .card-icons img{filter: invert(69%) sepia(6%) saturate(1610%) hue-rotate(0deg) brightness(88%) contrast(90%);}
    .card-product{width:100%;max-width:270px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-bottom:2px solid #364f42;  padding: 15px;  background: #f9f9f9;height:270px;}
    .content-products .common-button a{background:none !important;border:1px solid #364f42;color:#364f42;}
    .content-products .common-button a::before{display:none;}
    .content-products .common-button a::after{display:none;}
    .content-products h6 {text-align:center;transition: 2s ease;}
    .tab-pane.active .card-product:nth-child(2n+1){transform: translateY(40px);}
    .card-product:hover h6 {color: #fff;position: relative;}
    .card-product:hover .card-icons{display:none;}
    .card-product:hover .content-products {display: flex;justify-content: flex-end;align-items: center;height: 100%;width: 100%;flex-direction: column;}
    .card-product:hover .content-products>.common-button a {color: #ffffff;font-weight: 700;border: 1px solid #b78641;text-shadow: 2px 2px #000;}
    .tab-pane .card-product:nth-child(1):hover{background:url(../images/modular-kitchen.jpg)no-repeat center center/cover;position: relative;opacity: 0.7;}
    .tab-pane .card-product:nth-child(2):hover{background:url(../images/products/modular-wardrobes/customized-built-in-wardrobe-1.webp)no-repeat center center/cover;position: relative;opacity: 0.7;}
    .tab-pane .card-product:nth-child(3):hover{background:url(../images/products/storage-units/crockery-unit-3.webp)no-repeat center center/cover;position: relative;opacity: 0.7;}
    .tab-pane .card-product:nth-child(4):hover{background:url(../images/wall-cladding.webp)no-repeat center center/cover;position: relative;opacity: 0.7;}
    .product-wrapper::after {content: "";position: absolute;background: url(../images/bottom-banner.png)no-repeat center center/contain;width: 300px;left: 0;bottom: -110px;height: 100%;}
    .cards-product-2 .card-product:nth-child(1):hover{background:url(../images/modular-sofa.jpg)no-repeat center center/cover;position: relative;opacity: 0.7;}
    .cards-product-2 .card-product:nth-child(2):hover{background:url(../images/modular-chairs.jpg)no-repeat center center/cover;position: relative;opacity: 0.7;}
    .cards-product-2 .card-product:nth-child(3):hover{background:url(../images/modular-cot.jpg)no-repeat center center/cover;position: relative;opacity: 0.7;}
    .cards-product-2 .card-product:nth-child(4):hover{background:url(../images/dining-table.webp)no-repeat center center/cover;position: relative;opacity: 0.7;}
    .card-product:hover::before {content: '';position: absolute;background: #000000a6;width: 100%;height: 100%;top: 0;left: 0;}
/* products */

/* how-we-work */
    .how-we-work-wrapper{background:#f9f9f9;position: relative;padding:100px 0;}
    .inner-how-wrapper{display:flex;justify-content:space-between;align-items:center;gap:20px;}
    .how-left-wrapper{width:100%;max-width:30%;}
    .how-center-wrapper{width:100%;max-width:30%;}
    .how-right-wrapper{width:100%;max-width:40%;}
    .how-work-center{width:100%;max-width:400px;  border: 1px solid #ae9973;padding:6px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .how-work-center img{width:100%;max-width:100%;display:flex;object-fit:cover;height:100%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .how-left-wrapper p {margin: 25px 0 25px 0;text-align: left;}
    .how-left-wrapper .common-button {margin: 30px 0 30px 0;display: flex;justify-content: flex-start;align-items: center;}
    .work-sub{display:flex;justify-content:flex-start;align-items:center;gap:40px;  padding: 20px 0 20px 20px;position:relative;}
    .work-number span {font-size: 20px;color: #fff;background: #515a49;border-radius: 50%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;animation: pulse-animation 2s infinite;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;}
    @keyframes pulse-animation {0% {box-shadow: 0 0 0 0px #b4813f2a;}100% {box-shadow: 0 0 0 10px #b4813f2c;}}
    .work-content h4{color: #ac9469;font-weight:500;font-size: 20px;}
    .work-sub::before {position: absolute;background: #ac9469;content: "";width: 2px;height: 100px;left: 38px;top: 78px;animation: linev 3s 1.5s infinite linear;}
    @keyframes linev {0% { height: 0%; }100% { height : 35%; opacity: 0.6; }}
    .how-work-right .work-sub:last-child::before{display:none;}
    .how-left-wrapper .common-button a{  background: #b1813f;}
    .how-left-wrapper .common-button a:hover{  background: #639589;}
/* how-we-work */

/* end */
    .end-wrapper{padding: 60px 0; position: relative;}
    .end-wrapper::before{position:absolute;content:"";right:0;top:0;width:190px;height:290px;background:url(../images/end-right.png)no-repeat center center/cover;}
    .end-card {display: flex; justify-content:space-between; align-items: stretch;gap:50px;  padding: 60px 0;position: relative;}
    .end-wrapper.ip-abt-us .end-card {display: flex;justify-content:space-between;align-items:stretch;gap:50px;  padding: 60px 0;position: relative;}
    .inner-end-main{display:flex;}
    .inner-end-main{display:flex;justify-content:flex-end;align-items:center;gap:20px;}
    .inner-end-main h2{text-align: right;padding-right: 20px;border-right: 2px solid #af946f;}
    .inner-end-main span{font-size: 40px;color:#364f42;font-weight:700}
    .end-left p{text-align:right;}
    .end-left{width:100%;max-width:50%; }
    .end-right{width:100%; max-width:50%; position: relative;}
    .inner-end-wrapper .end-card:nth-child(2){flex-direction:row-reverse;}
    .inner-end-wrapper .end-card:nth-child(2) .end-left .inner-end-main{ flex-direction: row-reverse;}
    .inner-end-wrapper .end-card:nth-child(2) .end-left P{ text-align: left;}
    .inner-end-wrapper .end-card:nth-child(2) .end-left .inner-end-main h2{  text-align: left;padding-left: 20px;border-left: 2px solid #af946f;padding-right:0;border-right: none;}
    .end-card .common-button{justify-content:flex-end;  padding: 15px 0;}
    .inner-end-wrapper .end-card:nth-child(2) .common-button{justify-content:flex-start;}
    .inner-end-img{width:100%;max-width:600px;position: relative;  height: 100%;}
    .inner-end-img img{width:100%;max-width:600px;object-fit:cover;display:flex;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;  height: 100%;}
    .inner-end-wrapper.index .inner-end-img img {height: 370px;}
    .right-end-icon {position: absolute;width: 150px;bottom: 0;height: 150px;background: #af946fd1;}
    .right-end-icon img {width: 80px;height: 80px;margin: auto;top: 0;bottom: 0;position: absolute;right: 0;left: 0;filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(4572%) hue-rotate(305deg) brightness(111%) contrast(87%);}
    .inner-end-wrapper .end-card:nth-child(2) .right-end-icon{top:0;right:0;}
    .inner-end-img::before{position:absolute;width:200px;height:5px;background:#3b5248;content:"";right:0;top:-4px;}
    .inner-end-img::after{position:absolute;width:5px;height:200px;background:#3b5248;content:"";right:-4px;top:-4px;}
    .inner-end-wrapper .end-card:nth-child(2) .end-right .inner-end-img::before{position:absolute;width:200px;height:5px;background:#3b5248;content:"";left:0;bottom:-4px;  top: unset;}
    .inner-end-wrapper .end-card:nth-child(2) .end-right .inner-end-img::after{position:absolute;width:5px;height:200px;background:#3b5248;content:"";left:-4px;bottom:-4px;  top: unset;}
/* end */

/* testimonal */
    .testimonial-cards{width:100%;max-width:400px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;background: #f9f9f9;border-bottom: 2px solid #3a5449;}
    .testimonal-content{padding: 20px;}
    .testimonal-content h6{color:#b07e3b;font-weight:600;text-align: left;}
    .owl-testimonal-wrapper{display:flex;justify-content:space-between;align-items:stretch;gap:15px;padding:20px 0;}
    .inner-testimonial-wrapper{text-align: center;  padding: 60px 0;position: relative;}
    .owl-testimonal-wrapper .owl-dots{display:none !important;}
    .owl-testimonal-wrapper .owl-nav{display: flex !important;justify-content: space-between;align-items: center;position: absolute;top: 0;bottom: 0;margin: auto;width: 100%; height: 0px; z-index: 0;}
    .owl-testimonal-wrapper .owl-nav .owl-prev{box-shadow: rgba(247, 241, 231, 0.54) 0px 3px 8px;display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; border-radius: 50%; background: #394e45;left: -90px;position: relative;}
    .owl-testimonal-wrapper .owl-nav .owl-next{box-shadow: rgba(247, 241, 231, 0.54) 0px 3px 8px;display: flex; width: 50px; height: 50px; justify-content: center !important; align-items: center; border-radius: 50%; background:#394e45; justify-content: flex-end;right: -90px;position: relative;}
    .owl-testimonal-wrapper .owl-nav .owl-prev span{display: flex;justify-content:center;align-items: center;  color: #f9f9f9;  font-size: 40px;}
    .owl-testimonal-wrapper .owl-nav .owl-next span{display: flex;justify-content:center;align-items: center;  color: #f9f9f9;  font-size: 40px;}
    .inner-testimonial-wrapper h2{color:#f9f9f9;}
    .inner-testimonial-wrapper h4{color:#f9f9f9;  font-weight: 600;}
    .testimonials-wrapper::before{position:absolute;content:"";background:url(../images/banner/testimonial-banner.jpg)no-repeat center center/cover; width:100%;height: 100%;  padding: 60px 0 0;}
    .testimonials-wrapper{position: relative;}
    .testimonials-wrapper::after{position:absolute;content:"";background:url(../images/top-header.png)no-repeat center center/contain;width:250px;height:300px;left:0;top:0;}
    .img-testimonal {display: none;}
    .owl-testimonal-wrapper.owl-carousel .owl-stage {display: flex; justify-content: center; align-items: stretch;} 
    .testimonal-content p {font-size: 16px;}
/* testimonal */

/* contact */
    .contact-wrapper{padding: 100px 0;position: relative;}
    .contact-wrapper::before{position:absolute;content:"";background:url(../images/contactus-2.png)no-repeat center center/contain; width:320px;height:700px;right:0;bottom:0;}
    .inner-contact-wrapper{display:flex;justify-content:center;align-items:stretch;  background: #f9f9f9;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;  gap:20px;}
    .right-contact-wrapper{width:100%;max-width:60%;  padding: 40px;}
    .left-contact-wrapper{width:100%;max-width:40%;}
    .left-contact-wrapper{width:100%;}
    .input-wrapper {display: flex;justify-content: flex-start;align-items: center;border: 2px solid #cfc3ad;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;border-radius: 5px;margin: 0 0 30px;width: 100%;max-width: 600px;position: relative;}
    .left-contact-wrapper img{  height: 100%;width:100%;object-fit:cover;display:flex;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .common-button-form{background: #639589;padding: 15px 30px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border: 1px solid #d6cec3b0;color: #fff;font-weight: 600;width:100%;max-width:170px;margin:0;}
    .input-wrapper label{font-size:20px;}
    label span{color:#db1818;}
    form{padding:40px 0 0;}.error {color: red;font-size: 14px;margin-top: 5px;}
    .input-wrapper input, .input-wrapper textarea {padding: 20px;position: relative; z-index: 3;}
    /* Default label styling */
    .input-wrapper label {position: absolute;top: -10px;bottom: auto;left: 12px;text-align: left;display: inline-block;padding: 0 10px;height: 14px;line-height: 14px;font-size: 14px;font-weight: 400;background: #fff;color: #000;margin: auto;cursor: text;transition: all .15s ease-in-out;}
    .contact-wrapper .input-wrapper label {background: #f9f9f9;}
/* contact */

/* hover */
    .right-header ul li a:hover, .right-header ul li a.act-link {color:#ffd49b;}
    .sub-footer-links li a:hover, .sub-footer-links li a.act-link {color:#ffd49b;}
    .sub-footer-main li a:hover{color:#ffd49b;}
/* hover */

/* animation */
.desgin-cards:hover .design-img:before{position:absolute; width:110px;height:110px;border-radius:50%;content: "";box-shadow: #98834e 0px 13px 27px -12px, #98834e 0px 8px 16px -8px;top: 0;margin:auto;right:0;left:0;  background: #f0ece6;}
.desgin-cards:hover .design-img img{filter: invert(29%) sepia(13%) saturate(890%) hue-rotate(104deg) brightness(96%) contrast(86%);}

@keyframes steam {0% {background-position: 0 0;}50% {background-position: 400% 0;}100% {background-position: 0 0;}}
@keyframes lineH {0%{width: 0%;}100%{width: 35%;opacity: 0.6;}}

/* animation */


/* INNER BANNER */
    .inner-main-page-banner-wrapper{position: relative;height: 550px;z-index: 1;}
    .inner-main-page-banner {display: flex;justify-content: flex-end;align-items: flex-start;flex-direction: column;position: absolute;top: 0;bottom: 0;padding: 20px 20px 50px;}
    .inner-main-page-banner h1{font-size: 50px;color: #f6f1eb;}
    .breadcrumbs{display: flex;justify-content: flex-start;align-items: center;gap: 5px;}
    .breadcrumbs a{color: #f6f1eb;text-decoration: underline;font-size: 14px;font-weight: 600;line-height: 1.4;text-align: left;padding: 5px 0;}
    .breadcrumbs span{color: #f6f1eb;font-size: 14px;line-height: 1.4;text-align: left;padding: 5px 0;}
    .breadcrumbs span.current-page{color: #f6f1eb;font-weight: 600;}
    .breadcrumbs em{position: relative;}
    .breadcrumbs em::before{content: "-";font-size: 15px;color: #f6f1eb;font-style: initial;font-weight: 600;}
    .inner-main-page-banner-wrapper.faq-bnr{width:100%;height:550px;position: relative;}
    .wrapper.inner-wrapper .inner-header-wrapper { margin: 0; border: none;}
    .wrapper.inner-wrapper .header-wrapper { background: #efece5e0;}
    .wrapper.inner-wrapper .left-header a {padding: 0;}
    .wrapper.inner-wrapper .left-header {max-width: 100px;}
    .wrapper.inner-wrapper .right-header > ul > li > a, .wrapper.inner-wrapper .right-header > ul > li > span {color: #3b564b;}
    .products-links ul li a {color: #fff !important;}
    .wrapper.inner-wrapper header.scrolled-header .header-wrapper {background: #000000d9;}
    .wrapper.inner-wrapper header.scrolled-header .left-header a {padding: 5px 0;}
    .wrapper.inner-wrapper  header.scrolled-header .right-header ul li a, .wrapper.inner-wrapper header.scrolled-header .right-header ul li span {color: #fff;}
    .wrapper.inner-wrapper .right-header ul li.act-link > a, .wrapper.inner-wrapper .right-header ul li.act-link > span {color: #ae7525;}
    .wrapper.inner-wrapper .right-header ul li:hover > a, .wrapper.inner-wrapper .right-header ul li:hover > span {color: #ae7525;}
    .wrapper.inner-wrapper  header.scrolled-header .right-header ul li.act-link > a, .wrapper.inner-wrapper header.scrolled-header .right-header ul li.act-link > span {color: #ffd49b !important;}
    .wrapper.inner-wrapper  header.scrolled-header .right-header ul li a, .wrapper.inner-wrapper  header.scrolled-header .right-header ul li span {padding: 34px 15px;}
    .wrapper header.scrolled-header .right-header ul li a, .wrapper header.scrolled-header .right-header ul li span {padding: 34px 15px;}

/* How we work */
    .ip-how-we-work-wrapper {padding: 100px 0;}
    .ip-how-we-work-inner-wrapper {display: flex;justify-content: center;align-items: center;gap: 60px;}
    .ip-how-we-work-inner-wrapper > span {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 40%;position: relative;z-index: 1;}
    .ip-how-we-work-inner-wrapper > span::before {content: '';position: absolute;background: #65998d;width: 50%;height: 50%;right: -10px;bottom: -10px;z-index: -1;}
    .ip-how-we-work-inner-wrapper > span img {width: 100%;max-width: 500px;height: 450px;object-fit: cover;}
    .ip-how-we-work-content {width: 100%;max-width: 60%;}
    .ip-our-process-wrapper .fluid-container > h2 {text-align: center;}
    .ip-our-process-wrapper {padding: 60px 0;  background: #F7F6F2;}
    .ip-our-process-wrapper .fluid-container > p { padding: 20px 0; text-align: center; width: 100%; max-width: 1100px; margin: auto;}
    .ip-our-process-inner-wrapper {padding: 40px 0 0;}
    .ip-our-process-card {display: flex;justify-content: center;align-items: center;gap: 50px;}
    .ip-our-process-card:nth-child(2n) {flex-direction: row-reverse;margin: 60px 0;}
    .ip-our-process-card > span {display: flex;justify-content: center;align-items: stretch;width: 100%;max-width: 500px;}
    .ip-our-process-card > span img {width: 100%;max-width: 500px;height: 300px;object-fit: cover;  border-radius: 10px;}
    .ip-our-process-card-content {width: 100%;max-width: 800px;}
    .ip-process-no {display: flex;justify-content: flex-start;align-items: center;gap: 20px;}
    .ip-our-process-card:nth-child(2n) .ip-our-process-card-content .ip-process-no {justify-content: flex-start;flex-direction: row-reverse;}
    .ip-our-process-card .ip-our-process-card-content .ip-process-no h3 {font-size: 32px;color: #b0813d;font-weight: 400;}
    .ip-our-process-card-content p {text-align: left;}
    .ip-our-process-card:nth-child(2n) .ip-our-process-card-content p {text-align: right;}
    .ip-our-process-card:nth-child(2n) .ip-our-process-card-content .ip-process-no h3 {text-align: right;}
    .ip-process-no > span {background: #65998d;width: 100%;max-width: 60px; height: 60px;border-radius: 50%;color: #fff;display: flex;justify-content: center;align-items: center;font-size: 25px;}
/* How we work */

/* About Us */
    .ip-about-us-inner-wrapper {display: flex;justify-content: center;align-items: stretch;gap: 60px;  padding: 0 0 40px;}
    .ip-about-us-wrapper {padding: 60px 0;}
    .ip-about-us-left {width: 100%;max-width: 500px;}
    .ip-about-content {width: 100%;max-width: 700px;}
    .ip-about-content h2 span {font-weight: 600;}
    .ip-about-content h2 {font-weight: 100;}
    .ip-about-us-left > span {display: flex;justify-content: center;align-items: center;border: 4px solid #bd8a40;position: relative;}
    .ip-about-us-left span img {width: 100%;padding: 5px;}
    .ip-about-us-left > span::before {content: '';position: absolute;background: #bd8a405e;width: 98%;height: 98%;top: 0;left: 0;bottom: 0;right: 0;margin: auto;}
    .ip-about-us-left > span::after {content: '';position: absolute;background: url(../images/about-us-1.png) no-repeat center center/contain;width: 200px;height: 200px;bottom: -10%;right: -10%;margin: auto;}
    .end-wrapper.ip-abt-us {padding: 60px 0;position: relative;background: #F7F6F2;}
    .common-ul li { line-height: 1.6; padding: 5px 0; position: relative; padding-left: 12px;}
    .common-ul li::before { content: ''; position: absolute; background: #408274; width: 6px; height: 6px; transform: rotate(45deg); left: 0; top: 15px;}
    .common-ul li b {color: #408274; font-size: 18px;}
/* About Us */

/* error */
    .heart{ width: 22px; height: 210px; background: red; margin: auto;}
    .label-img {transform-origin: top;-webkit-transform-origin: top;-webkit-animation: wifi-shake 1s infinite ease-in-out alternate;animation: wifi-shake 1s infinite ease-in-out alternate;position:relative;top:-100px;}
    @-webkit-keyframes wifi-shake {0% {-webkit-transform: rotate(5deg);transform: rotate(5deg);}100% {-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}}@keyframes wifi-shake {0% {-webkit-transform: rotate(5deg);transform: rotate(5deg);}100% {-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}}
    *, *:before, *:after {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
    #lamp {position:relative;width:300px;height:260px;overflow:hidden;}
    input[name="switch"], input[name="switch"] + label {position:absolute;bottom:3rem;width:4rem;height:4rem;}
    input[name="switch"] + label {right:3rem;}
    input[name="switch"] {opacity:0;z-index:9;cursor:pointer;}
    input[value="on"] {right:3rem;}
    input[value="off"] {right:-4rem;}
    input[name="switch"] + label {text-align:center;}[class*="entypo-"]:before {line-height:4rem;font-size:2.5rem;color:rgba(255,255,255,0.4);font-family:'entypo', sans-serif;}
    input[value="on"]:checked {right:-4rem;}
    input[value="on"]:checked + input[value="off"] {right:3rem;}
    .lamp {position:relative;margin:0 auto;width:.7rem;height:10rem;background-image:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7));background-repeat:no-repeat;background-size:.15rem 8rem, .4rem .8rem, .7rem 2rem;background-position:50% 0, .19rem 8rem, 0 8.8rem;}
    .lamp:before, .lamp:after {content:'';position:absolute;}
    .lamp:before {left:-1.65rem;bottom:-4rem;width:4rem;height:4rem;border-radius:50%;box-shadow: 5px -2px 43px rgba(255, 246, 143, 0.5);transition:all .15s;background: rgba(255, 246, 143, 0.5);}
    .gonna-give-light, 
    .gonna-give-light:before{position:absolute;background: rgba(255, 246, 143, 0.15);}
    .gonna-give-light {top:10.05rem;left:.25rem;width:0;height:1.5rem;border-right:.2rem solid rgba(255,255,255,0.05);}
    .gonna-give-light:before {content:'';top:1.5rem;left:-.35rem;width:.9rem;height:.9rem;border-radius:50%;border:.2rem solid rgba(255,255,255,0.05);box-shadow:0px 0px 50px rgba(255,255,255,0);}
    input[value="on"]:checked ~ .lamp:before {background:rgba(255,255,255,1);box-shadow:0px 2px 10px rgba(255,255,255,0.8),0px 5px 50px rgba(255,255,255,0.8),0px 8px 80px rgba(255,255,255,0.6),0px 8px 120px rgba(255,255,255,0.6);}
    .error-wrapper{padding:100px 0;}
    .error-inner{flex-direction:row-reverse;display:flex;justify-content:center;align-items:center;}
/* error */

/* Contact */
    .bell{display:block;width: 40px;height: 40px;font-size: 40px;color: #89e8d3;-webkit-animation: ring 4s .7s ease-in-out infinite;-webkit-transform-origin: 50% 4px;-moz-animation: ring 4s .7s ease-in-out infinite;-moz-transform-origin: 50% 4px;animation: ring 4s .7s ease-in-out infinite;transform-origin: 50% 4px;}
    @-webkit-keyframes ring {0% { -webkit-transform: rotateZ(0); }1% { -webkit-transform: rotateZ(30deg); }3% { -webkit-transform: rotateZ(-28deg); }5% { -webkit-transform: rotateZ(34deg); }7% { -webkit-transform: rotateZ(-32deg); }9% { -webkit-transform: rotateZ(30deg); }11% { -webkit-transform: rotateZ(-28deg); }13% { -webkit-transform: rotateZ(26deg); }15% { -webkit-transform: rotateZ(-24deg); }17% { -webkit-transform: rotateZ(22deg); }19% { -webkit-transform: rotateZ(-20deg); }21% { -webkit-transform: rotateZ(18deg); }23% { -webkit-transform: rotateZ(-16deg); }25% { -webkit-transform: rotateZ(14deg); }27% { -webkit-transform: rotateZ(-12deg); }29% { -webkit-transform: rotateZ(10deg); }31% { -webkit-transform: rotateZ(-8deg); }33% { -webkit-transform: rotateZ(6deg); }35% { -webkit-transform: rotateZ(-4deg); }37% { -webkit-transform: rotateZ(2deg); }39% { -webkit-transform: rotateZ(-1deg); }41% { -webkit-transform: rotateZ(1deg); }43% { -webkit-transform: rotateZ(0); }100% { -webkit-transform: rotateZ(0); }}
    @-moz-keyframes ring {0% { -moz-transform: rotate(0); }1% { -moz-transform: rotate(30deg); }3% { -moz-transform: rotate(-28deg); }5% { -moz-transform: rotate(34deg); }7% { -moz-transform: rotate(-32deg); }9% { -moz-transform: rotate(30deg); }11% { -moz-transform: rotate(-28deg); }13% { -moz-transform: rotate(26deg); }15% { -moz-transform: rotate(-24deg); }17% { -moz-transform: rotate(22deg); }19% { -moz-transform: rotate(-20deg); }21% { -moz-transform: rotate(18deg); }23% { -moz-transform: rotate(-16deg); }25% { -moz-transform: rotate(14deg); }27% { -moz-transform: rotate(-12deg); }29% { -moz-transform: rotate(10deg); }31% { -moz-transform: rotate(-8deg); }33% { -moz-transform: rotate(6deg); }35% { -moz-transform: rotate(-4deg); }37% { -moz-transform: rotate(2deg); }39% { -moz-transform: rotate(-1deg); }41% { -moz-transform: rotate(1deg); }43% { -moz-transform: rotate(0); }100% { -moz-transform: rotate(0); }}
    @keyframes ring {0% { transform: rotate(0); }1% { transform: rotate(30deg); }3% { transform: rotate(-28deg); }5% { transform: rotate(34deg); }7% { transform: rotate(-32deg); }9% { transform: rotate(30deg); }11% { transform: rotate(-28deg); }13% { transform: rotate(26deg); }15% { transform: rotate(-24deg); }17% { transform: rotate(22deg); }19% { transform: rotate(-20deg); }21% { transform: rotate(18deg); }23% { transform: rotate(-16deg); }25% { transform: rotate(14deg); }27% { transform: rotate(-12deg); }29% { transform: rotate(10deg); }31% { transform: rotate(-8deg); }33% { transform: rotate(6deg); }35% { transform: rotate(-4deg); }37% { transform: rotate(2deg); }39% { transform: rotate(-1deg); }41% { transform: rotate(1deg); }43% { transform: rotate(0); }100% { transform: rotate(0); }}
    .contact-main-wrapper{padding:100px 0;}
    .common-span {font-family: "Oooh Baby", cursive;font-size: 35px;color: #bb873e;font-weight:800;display:flex;justify-content:center;align-items:center;}
    .inner-sub-contact{display:flex;justify-content:space-between;align-items:flex-start;gap:50px;  padding: 80px 0 0;}
    .contact-content{width:100%;max-width:350px;display:flex;justify-content:center;align-items:center;  flex-direction: column;position: relative;}
    .contact-bottom a{display:flex;justify-content:center;align-items:center;  flex-direction: column;}
    .contact-bottom h6{text-align:center;}
    .inner-sub-contact .contact-content::before{position:absolute;content:"";width:2px; height:130px;right:0;background-image: linear-gradient(to bottom, #c0ddd666, #c0ddd6, #c0ddd6, #89e8d3, #89e8d3, #89e8d3, #89e8d3, #89e8d3, #89e8d3, #c0ddd6, #c0ddd6, #c0ddd666);top:0;bottom:0;margin:auto;}
    .inner-sub-contact .contact-content:nth-child(3)::before{display:none;}
    .inner-sub-contact .contact-content:nth-child(2)::before{right:-80px;}
    .contact-top span svg{font-size:40px;  color: #bd8b44;}
    .inner-form-wrapper {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 700px;margin: auto;}
    .form-wrapper{padding:0 0 80px;}
    .inner-form-wrapper form{width:100%;max-width:600px;}
    .inner-form-wrapper .footer-form .common-button-form{display:flex;justify-content:center;align-items:center;margin:auto;}
    .inner-form-wrapper form {padding: 40px 0 40px;}
    .connect-links{display:flex;justify-content:center;align-items:center;gap:40px;padding:30px 0;}
    .connect-links span a{font-size:30px;display:flex;justify-content:center;align-items:center;height:100%;color:#ffffff;}
    .connect-links span{width:70px;height:70px;border-radius:50%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;  background: #515a49;}
    .connect-wrapper iframe{display:flex;}
    .contact-bottom a span{text-align:center;}
/* Contact */

/* Products */
    .products-wrapper {background: #EFECE5;}
    .other-products-links {display: flex;justify-content: center;align-items: center;gap: 20px;}
    .other-products-links a, .other-products-links > span {display: flex;justify-content: center;align-items: center;padding: 10px 20px;background: #fff0;border-radius: 5px;gap: 15px;  font-size: 18px;}
    .other-products-links a img, .other-products-links > span img {width: 100%;max-width: 45px;filter: invert(29%) sepia(34%) saturate(327%) hue-rotate(103deg) brightness(88%) contrast(89%);}
    .other-products-links a:hover, .other-products-links > span {background: #395348;color: #fff;}
    .other-products-links a:hover img, .other-products-links > span img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);}
    .design-wrapper.products-cta h2 {color: #fff;font-weight: 100;text-align: center;width: 65%;margin: auto;}
    .products-inner-wrapper {padding: 100px 0 0;}
    .products-inner-wrapper > h2 {text-align: center;padding: 0 0 40px;}
    .products-inner-wrapper .inner-span {font-size: 35px;color: #ae9973;font-weight: 500;position: relative;margin: auto;width: 100%;max-width: fit-content;display: flex;}
    .products-wrapper .ip-how-we-work-inner-wrapper {padding: 60px 0 100px;}
    .different-types-of-products {padding: 100px 0 0; background: #efece5;}
    .different-types-of-products h2 {text-align: center;  margin: 0;  padding: 0 20px;}
    .design-wrapper.products-cta  {  padding: 50px 0;  border-bottom: 10px solid #b2833f;}
    .design-wrapper.products-cta .inner-design-wrapper {position: relative;}
    .design-wrapper.products-cta .inner-design-wrapper::before {content: '';position: absolute;background: url(../images/products-cta.png) no-repeat center center/contain;width: 356px;max-width: 250px;height: 548px;left: -10%;top: 0;bottom: 0;margin: auto;}
    .types-of-products {width: 100%;max-width: 600px;position: relative;overflow: hidden;  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .types-of-products img { width: 100%; max-width: 600px; display: flex; height: 400px; object-fit: cover;}
    .types-of-products p { background: #3b564bb5; padding: 20px 0; border: 1px solid #B49E77C2; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; color: #fff; text-align: center; position: absolute; bottom: 0; transform: translateY(-30px); visibility: visible; transition: .5s ease-in-out; width: 80%; margin: auto; left: 0; right: 0;}
    .types-of-products:hover p {transform: translateY(-30px);visibility: visible;transition: 1s ease-in-out;}
    .types-of-products p span { position: absolute; font-size: 12px; bottom: 20px; left: 0; right: 0; margin: auto; border-bottom: 1px solid #ffffff8a; width: 100%; max-width: fit-content;}
    .different-types-of-products-content { display: flex; justify-content: center; align-items: center; gap: 40px; width: 100%; padding: 60px 20px;}
    .types-of-products-content { width: 100%; max-width: 600px;}
    .different-types-of-products-content:nth-child(2n) { flex-direction: row-reverse; background: #f6f1eb;}
    .different-types-of-products-content:last-child {padding: 60px 20px 100px;}
    .ip-gallery-wrapper p {  padding: 10px 0 0;}
    .ip-gallery-wrapper {background: #fff;padding: 60px 0;}
    .ip-gallery-wrapper h2, .ip-gallery-wrapper h3, .ip-gallery-wrapper p { margin: 5px 0; text-align: center;}
    .ip-gallery.owl-carousel {padding: 40px 0;}
    .ip-gallery.owl-carousel .owl-dots { position: absolute !important; bottom: -20px !important; display: none !important;}
    .ip-gallery-card {width: 100%;max-width: 400px;position: relative;}
    .ip-gallery-card p {text-align: center;margin: 0;padding: 10px 0 20px;}
    .ip-gallery-card span {display: flex;justify-content: center;align-items: center;}
    .ip-gallery-card span img {width: 100%;max-width: 400px;object-fit: cover;}
    .ip-gallery-card .magnific-img {width: 100%;max-width: 400px;height: 320px;position: relative;transition: all .3s ease-in-out;background: no-repeat center center/cover;}
    .ip-gallery-card .magnific-img > a {display: block;height: 100%;width: 100%;background: no-repeat center center/cover;position: relative;}
    .ip-gallery-card .magnific-img > a em {position: absolute;top: 0;left: 0;width: 96%;height: 94%;background: #000;opacity: 0;display: flex;justify-content: center;align-items: center;transition: all .4s ease-in-out;bottom: 0;right: 0;margin: auto;}
    .ip-gallery-card .magnific-img > a:hover em {opacity: .6;}
    .ip-gallery-card .magnific-img > a em img {width: 32px;filter: invert(99%) sepia(22%) saturate(313%) hue-rotate(161deg) brightness(118%) contrast(100%);margin-top: 60px;opacity: 0;transition: all .4s ease-in-out;transition-delay: .2s;}
    .ip-gallery-card .magnific-img > a:hover em img {margin-top: 0;opacity: 1;}
/* Products */

/* Services */
    .services-wrapper {padding: 100px 0;   background: #efece5;}
    .services-wrapper .inner-end-main h2 { text-align: left; padding-left: 20px; border-left: 2px solid #af946f;border-right: none;  margin-right: auto;}
    .services-wrapper .right-end-icon { bottom: 10px; right: 10px;}
    .services-wrapper .end-left p { text-align: justify;}
    .materials-used, .materials-used .fluid-container {position: relative;}
    .materials-used::before {content: ''; position: absolute;background: #000; width: 100%; height: 100%; top: 0; left: 0; opacity: .8;}
    .materials-used-wrapper { display: flex; justify-content: space-evenly; align-items: center; gap: 40px 20px; padding: 40px 0 0; flex-wrap: wrap;}
    .materials-used-card span { display: flex; justify-content: center; align-items: center;}
    .materials-used-card span img { width: 100%; max-width: 80px;  filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(4572%) hue-rotate(305deg) brightness(111%) contrast(87%);}
    .materials-used-card p { margin: 10px 0; color: #ffd49b;  font-size: 22px;}
    .ip-gallery-card span { display: flex; justify-content: center; align-items: center;}
    .ip-gallery-card span img { width: 100%; max-width: 80px;  filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(4572%) hue-rotate(305deg) brightness(111%) contrast(87%);}
    .ip-gallery-card p { margin: 10px 0; color: #ffd49b;  font-size: 22px;}
    .our-services-include-wrapper { padding: 100px 0; background: #efece5;}
    .our-services-include-wrapper h2 { text-align: center;}
    .our-services-include-inner-wrapper { display: flex; justify-content: center; align-items: center; gap: 40px; flex-wrap: wrap;  padding: 40px 0 0;}
    .our-services-include { width: 100%; max-width: 600px;}
    .our-services-include span { display: flex; justify-content: center; align-items: center;  border: 1px solid #9AA59D; overflow: hidden;transition: 1s ease-in-out;}
    .our-services-include:hover span img {transform: scale(1.1); transition: 1s ease-in-out;}
    .our-services-include span img { width: 100%; max-width: 600px;transition: 1s ease-in-out;}
    .our-services-include p { border: 1px solid #9AA59D; margin: 5px 0; padding: 10px; text-align: center;background: #F7F6F2;  font-size: 22px;}
    .ip-services-include-wrapper { display: flex; justify-content: center; align-items: stretch; gap: 20px; flex-wrap: wrap;  padding: 40px 0 0;}
    .ip-services-include { width: 100%; max-width: 500px; display: flex; justify-content: flex-start; align-items: center; gap: 20px; background: #E3DFD3; padding: 20px; border: 1px solid #97735DA3; border-radius: 15px;}
    .ip-services-include span { display: flex; justify-content: center; align-items: center;width: 100%; max-width: 60px;}
    .ip-services-include span img { width: 100%; max-width: 60px; filter: invert(32%) sepia(16%) saturate(601%) hue-rotate(104deg) brightness(92%) contrast(95%);}
    .ip-services-include p { font-size: 18px; color: #141e1a; text-transform: uppercase; font-weight: 600; text-align: left; display: flex; justify-content: center; align-items: center;}
    .our-services-include-wrapper .fluid-container > p { text-align: center; width: 100%; max-width: 900px; margin: auto; padding: 10px 0 0;}
    .ip-service-right-content p { font-size: 18px; color: var(--p-color); text-transform: initial; font-weight: normal; text-align: left; display: flex; justify-content: center; align-items: center; margin: 10px 0 0;}
    .maintenance-and-repair .ip-services-include {max-width: 600px; align-items: flex-start;}
    .ip-service-right-content h3 { margin: 0; font-size: 28px; color: #3c5b50; font-weight: 400;}
    .maintenance-and-repair .ip-services-include span img { width: 100%; max-width: 60px; filter: invert(32%) sepia(16%) saturate(601%) hue-rotate(104deg) brightness(92%) contrast(95%);}
/* Services */

/* video */
    .video-bnr {position: relative;}
    .video-bnr::before {content: ''; position: absolute; background: #000; width: 100%; height: 100%; left: 0; top: 0; opacity: .5;}
    .video-bnr .youtube-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;display: flex;justify-content: center;align-items: center;transition: all 0.2s;}
    .grtyoutube-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999}.grtyoutube-popup-content{margin-top:40px;width:95%;max-width:850px;margin-left:auto;margin-right:auto;position:relative}.grtyoutube-popup-close{position:absolute;top:-30px;right:0;color:#fff;font-size:25px;width:17px;background:#fff;height:17px;cursor:pointer}.grtyoutube-iframe{width:100%;height:480px}@media (max-width:767px){.grtyoutube-iframe{width:100%;height:350px}}.grtyoutube-dark-theme{background:rgba(0,0,0,.85)}.grtyoutube-dark-theme .grtyoutube-popup-close{background:url(../images/icons/close.png) no-repeat;    background-color: #fff; height:20px;width:20px;background-size:contain;position: absolute;top: 0;}.grtyoutube-light-theme{background:rgba(255,255,255,.85)}.grtyoutube-light-theme .grtyoutube-popup-content{-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.4);-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.4);box-shadow:0 0 8px 0 rgba(0,0,0,.4)}.grtyoutube-light-theme .grtyoutube-popup-close{background:url(icon-close-black.png) no-repeat}
    .video-bnr span {display: flex; justify-content: center; align-items: center;background: #fff; border-radius: 50%;}
    .video-bnr span img {width: 100%; max-width: 60px; height: 100%;filter: invert(69%) sepia(6%) saturate(1610%) hue-rotate(0deg) brightness(88%) contrast(90%);}
    .video-bnr span:hover img {filter: invert(31%) sepia(10%) saturate(742%) hue-rotate(49deg) brightness(98%) contrast(85%);  }
    .video-bnr span::before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; box-shadow: 0 0 #ffffffa3, 0 0 32px #ffffff82; animation: ripples 2s linear infinite; animation-play-state: running; transition: 0.5s; opacity: 1; visibility: visible; transform: scale(1); width: 100%; max-width: 15px; height: 15px; margin: auto; z-index: 0;}
    @keyframes ripples {to {box-shadow: 0 0 0 32px #ffffff25, 0 0 0 64px #ffffff25;}}
/* video */

.mattress-wrapper {padding: 40px 0;background: #f6f1eb;}
.mattress-inner-wrapper > h2 { margin: 0; border-bottom: 1px solid #ad7d3a; width: 100%; max-width: fit-content; color: #ad7d3a;}
.mattress-div { padding: 20px 0 10px;}
.mattress-div h3 { font-size: 28px;}
.mattress-div p, .mattress-div h3 { margin: 0 0 5px;}
.common-div {margin: 40px 0;}
.inner-h3 { color: #bd8a40; margin: 0; font-size: 30px; border-bottom: 1px solid #bd8a40; width: 100%; max-width: fit-content;}

.sitemap-wrapper {padding: 60px 0;}
.common-ul li ul li a {font-size: 16px;}
.common-ul li > a, .common-ul li > span {font-size: 20px; font-weight: 600;}
.products-sitemap span {font-size: 18px; font-weight: 600; }
.products-sitemap  {padding: 10px 0;}
/* Responsive */

@media only screen and (max-width:1800px) {
    .contact-wrapper::before {width: 200px;height: 700px;right: 0;bottom: -60px;}
    .product-wrapper::after {width: 250px;}
}

@media only screen and (max-width:1700px) {
    .product-wrapper::after {width: 170px;  }
    .end-wrapper::before {width: 130px;height: 230px;background: url(../images/end-right.png)no-repeat center center/contain;}
    .testimonials-wrapper::after { width: 220px; height: 230px;}
    .contact-wrapper::before { width: 150px; height: 700px; right: 8px; bottom: -100px;}    
}

@media only screen and (max-width:1500px) {
    .product-wrapper::after {width: 122px;bottom: -161px;}
    .contact-wrapper::before { width: 100px; height: 700px; right: 0px; bottom: -152px;}
    .end-wrapper::before {width: 100px;}
    .design-wrapper.products-cta .inner-design-wrapper {width: 100%; max-width: 80%; margin: auto;}
}

@media only screen and (max-width:1450px) {
    .end-wrapper::before, .contact-wrapper::before , .product-wrapper::after  {display:none;}
    .owl-testimonal-wrapper .owl-nav .owl-prev {left: -50px;}
    .owl-testimonal-wrapper .owl-nav .owl-next {right:  -50px;}
    .inner-header-wrapper { max-width: calc(100% - 6%); margin: 60px auto 0;}
}

@media only screen and (max-width: 1360px) {
    .owl-testimonal-wrapper .owl-nav { justify-content: space-between; top: 0; bottom: 0; height: 55px; display: none !important;}
    .owl-testimonal-wrapper.owl-carousel:hover  .owl-nav { display: flex !important;}
    .owl-testimonal-wrapper .owl-nav .owl-prev {left: 0px;}
    .owl-testimonal-wrapper .owl-nav .owl-next {right:  0px;}
    .different-types-of-products { padding: 60px 0 0;}

}

@media only screen and (max-width: 1280px) {
    .work-sub::before{top:192px;}
    .our-services-include { max-width: 550px;}
    .inner-main-page-banner h1 { font-size: 30px;}
    .home-sliders { align-items: flex-end;padding: 0 0 50px;}
    .owl-dots { bottom: 10px;}

    
}
@media only screen and (max-width:1240px) {
    .inner-how-wrapper{flex-wrap:wrap;justify-content: center;gap: 20px 10px;}
    .how-left-wrapper {max-width: 100%;}
    .work-sub::before {top: 78px;height:40px;left: 38px;}
}

@media only screen and (max-width: 1200px) {
    .inner-sub-contact .contact-content::before {  right: 35px;}
    .inner-sub-contact .contact-content:nth-child(2)::before {right: -50px;}
    .contact-bottom span a{text-align:center;}
    .our-services-include { max-width: 400px;}
    .contact-wrapper { padding: 60px 0;}
    .end-wrapper {padding: 0;}
}

@media only screen and (max-width:1080px) {
    .card-product{max-width:250px;}
    .ip-our-process-card-content {max-width: 100%;}
    .ip-our-process-card {gap: 10px;flex-direction: column-reverse;}
    .ip-our-process-card:nth-child(2n) {flex-direction: column-reverse;}
    .ip-our-process-card:nth-child(2n) .ip-our-process-card-content p {text-align: left;}
    .ip-our-process-card:nth-child(2n) .ip-our-process-card-content .ip-process-no {flex-direction: row;}
    .ip-about-us-inner-wrapper {padding: 0;flex-direction: column;}
    .ip-about-content {max-width: 100%;}
    .design-wrapper.products-cta .inner-design-wrapper::before {max-width: 200px;height: 300px;left: -15%;}
    .inner-testimonial-wrapper h4 {z-index: 1;position: relative;}
    .testimonials-wrapper::after {opacity: .5;}
    .ip-our-process-card:nth-child(2n) .ip-our-process-card-content .ip-process-no h3 {text-align: left;}
}

@media only screen and (max-width:992px) {
    .desk-resp-ham{display:block;}
    .right-header{display:none;}
    .scrolled-header .left-header img { width: 100%; max-width: 80%; padding: 5px 0;}
    .inner-wrapper .scrolled-header  .inner-header-wrapper {padding: 5px 0;}
    .inner-header-wrapper { width: 80%; margin: 60px auto 0;    padding: 0 0 10px;}
    .slider::after { margin: 40px;}
    .desk-resp-ham ul.toggle-desk { position: absolute; cursor: pointer; line-height: 12px; min-height: 25px; display: block !important; width: 34px; text-align: center; right: 98px; bottom: 32px;  margin: 0 20px;}
    header.scrolled-header .desk-resp-ham ul.toggle-desk {right: 0;}
    .inner-about-wrapper {gap:50px;}
    .inner-product-wrapper{flex-direction:column;}
    .products-left{max-width:100%;}
    .tab-buttons{flex-direction:row;}
    .products-right {max-width: 100%;margin: auto;}
    .card-product {max-width: 300px;}
    .left-header a{padding:0;}
    .main-top-about::before {top:10px;right:-12px;}
    .desgin-cards {  padding: 20px 5px 0;}
    .inner-design-wrapper .common-button{margin:0 auto;}
    .ip-how-we-work-inner-wrapper {flex-direction: column-reverse;gap: 20px;}
    .ip-how-we-work-wrapper {padding: 60px 0;}
    .ip-how-we-work-content {max-width: 100%;}
    .ip-how-we-work-inner-wrapper > span {max-width: 500px;}
    .other-products-links a, .other-products-links span {width: 230px;}
    .other-products-links {justify-content: flex-start;overflow: scroll;}
    .other-products-links a img, .other-products-links span img {width:  45px;}
    .our-services-include p {font-size: 20px;}
    .section-new {width: 100%;background: #000;opacity: 0;pointer-events: none;transition: all .9s ease;}
    .section-new.act-section {transition: all 1s ease;opacity: .6;position: fixed;pointer-events: visible;top: 0; z-index: 2;height: 100%;}
    .inner-sub-contact { flex-direction: column;}
    .inner-sub-contact .contact-content::before { width: 100%; height: 2px; background-image: linear-gradient(to left, #c0ddd666, #c0ddd6, #c0ddd6, #89e8d3, #89e8d3, #89e8d3, #89e8d3, #89e8d3, #89e8d3, #c0ddd6, #c0ddd6, #c0ddd666); top: auto; bottom: -25px;}
    .inner-sub-contact .contact-content::before,  .inner-sub-contact .contact-content:nth-child(2)::before {right: 0;}
    .inner-end-wrapper.index .inner-end-img img { height: 100%;}
    .inner-end-wrapper .end-card:nth-child(2), .end-wrapper.ip-abt-us .end-card, .end-card { flex-direction: column;}
    .end-wrapper.ip-abt-us { padding: 0;}
    .end-left { width: 100%; max-width: 100%;}
    .end-left p { text-align: left;}
    .inner-end-main { justify-content: flex-start;}
    .inner-end-main h2,.inner-end-wrapper .end-card:nth-child(2) .end-left .inner-end-main h2 { text-align: left; padding-left: 20px; padding-right: 0px; border-right: none; border-left: 2px solid #af946f;}
    .inner-end-wrapper .end-card:nth-child(2) .end-left .inner-end-main { flex-direction: row;}
    .inner-end-main span {display: none;}
    .end-card .common-button { justify-content: flex-start;}
    .end-card { gap: 0; margin: 60px 0;padding: 0 !important;}
    .end-wrapper {padding: 0;}
    .end-wrapper.ip-abt-us .end-card { gap: 0; padding: 40px 0 !important;margin: 0 !important;}
    .inner-sub-contact { align-items: center;}
    .slider::before {display: none;}
    .slider::after { margin: 0;}
    .inner-header-wrapper { width: 100%; max-width: 100%; margin: 0; padding: 0 0 10px;}
    .desk-resp-ham ul.toggle-desk { right: 0;}
    .index-wrapper header.scrolled-header .left-header {max-width: 88px;}
    .index-wrapper header.scrolled-header .left-header a { padding: 0; display: flex; justify-content: center; align-items: center;}
    .index-wrapper header.scrolled-header .inner-header-wrapper { padding: 0;}
    .index-wrapper .scrolled-header .desk-resp-ham ul.toggle-desk { bottom: 20px;}
    .inner-wrapper .desk-resp-ham ul.toggle-desk li {  background: #303030;}
    .inner-wrapper header.scrolled-header .desk-resp-ham ul.toggle-desk li {  background: #fff;}
    
}

@media only screen and (max-width:920px) {
    .how-work-center {max-width: 300px;}
    .how-work-right {max-width: 400px;}
    .our-services-include { max-width: 340px;}
    .copyrights { justify-content: center; gap: 10px 20px;}
    .different-types-of-products-content:nth-child(2n), .different-types-of-products-content { flex-direction: column-reverse;}
    .types-of-products-content { max-width: 100%;}
    .different-types-of-products-content { padding: 25px 20px 60px;}
}

@media only screen and (max-width:888px) {
    .how-left-wrapper{max-width:100%;}
    h5{font-size:20px;}
    h2{font-size:33px;}
    .inner-about-wrapper {align-items:flex-start;}
    .about-wrapper {padding: 100px 0 60px;}
    .sub-inner-wrapper-design {  justify-content: space-between;  gap: 10px;  position: relative;  padding: 0 10px;}
    .footer-contact-links {flex-wrap:wrap;}
    .how-left-wrapper h2 br, .products-left h2 br{display:none;}
}

@media only screen and (max-width:776px) {
    .inner-about-wrapper{flex-direction:column-reverse;    gap: 10px;}
    .inner-about-wrapper .about-main:nth-child(2) .main-top-about{display:none;}
    .about-wrapper {padding: 50px 0 50px;}
    .about-content h2 br{display:none;}
    .about-main{max-width:100%;}
    .main-top-about{margin:auto;}
    .main-top-about::before {top: 15px;right: -4px;}
    .how-we-work-wrapper{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .tab-content { flex: 1; padding: 0;}
    .how-work-center {max-width: 250px;}
    .work-content h4 {font-size: 18px;}
    .work-sub {padding: 10px 0 10px 15px;  gap: 20px;}
    .work-sub::before {top: 60px;height: 50px;left: 33px;}
    .design-wrapper.products-cta .inner-design-wrapper::before { display: none;}
    .design-wrapper.products-cta .inner-design-wrapper { max-width: 95%;}
    .inner-design-wrapper h2 { font-size: 26px;}
    .our-services-include p { font-size: 18px;padding: 5px 10px;}
    .our-services-include {max-width: 248px;}
    .inner-main-page-banner h1 { font-size: 26px;}
    .desk-resp-ham ul.toggle-desk {right: 75px !important;}
    .desk-resp-ham ul.toggle-desk {right: 0px !important;}
    .inner-form-wrapper {box-shadow: none;}
    .input-wrapper {border: 1px solid #cfc3ad4f;}
    .contact-main-wrapper {padding: 60px 0 40px;}
    .form-wrapper {padding: 0 0 40px;}
    .connect-links {gap: 10px;}
    .connect-links span {width: 50px;height: 50px;}
    .inner-end-main span{font-size: 25px;}
    .ip-services-include p { font-size: 16px; text-transform: initial;}
}
@media only screen and (max-width:680px) {
    .card-product {max-width: 260px;}
    .end-card{flex-direction:column;}
    .inner-end-wrapper .end-card:nth-child(2) {flex-direction: column;}
    .end-left{max-width:100%;}
    .end-right{max-width:500px;}
    .inner-contact-wrapper{flex-direction:column;    gap: 0;}
    .left-contact-wrapper{max-width:350px;    margin: 0 auto;}
    .right-contact-wrapper{max-width:100%;}
    .how-work-center {max-width: 400px;}
    .how-work-right {max-width: 100%;}
    .how-work-right {max-width: 100%;width: 100%;}
    .inner-how-wrapper .how-work-center:nth-child(2) {order: 3;}
    .end-card { gap: 0; padding: 0; margin: 60px 0;}
    .end-left p { text-align: left;}
    .end-card .common-button { justify-content: flex-start;}
    .inner-end-main h2 { text-align: left; padding-left: 20px; padding-right: 0px; border-left: 2px solid #af946f; border-right: none;}
    .inner-end-wrapper.index .end-card:first-child .inner-end-main {flex-direction: row-reverse;}
}

@media only screen and (max-width:630px) {
    .sub-inner-wrapper-design::before {display:none;}
    .desgin-cards::after{display:none;}
    .desgin-cards::before{display:none;}
    .sub-inner-wrapper-design{flex-wrap:wrap;justify-content:center;}
    .desgin-cards{width:100%;max-width:250px;}
    .desgin-cards h5{text-align:center;}
    .testimonials-wrapper::after {width: 140px;height: 120px;}
}

@media only screen and (max-width:576px) {
    h3 { font-size: 26px;}
    p {font-size: 16px;}
    .inner-h3 {font-size: 26px;}
    .tab-pane.active .card-product:nth-child(2n+1) {transform: translateY(0);}
    .card-product:hover{height:250px;}
    .tab-buttons {flex-direction: column;}
    .owl-testimonal-wrapper .owl-nav{top:-65px;display: none !important;}
    .owl-testimonal-wrapper.owl-carousel:hover .owl-nav {display: flex !important;}
    .ip-our-process-card .ip-our-process-card-content .ip-process-no h3 {font-size: 24px;    margin: 0;}
    .ip-process-no > span {max-width: 30px;height: 30px;font-size: 16px;}
    .ip-process-no {gap: 10px;}
    .ip-our-process-card > span img {border-radius: none;}
    .ip-about-us-left > span::after {display: none;}
    .products-wrapper .ip-how-we-work-inner-wrapper {padding: 15px 0 100px;}
    .different-types-of-products {padding: 60px 0;}
    .our-services-include { max-width: 400px;}
    .inner-main-page-banner h1 { font-size: 20px;}
    .breadcrumbs span {font-size: 13px;    padding: 0;}
    .breadcrumbs a {font-size: 12px;    padding: 0;}
    .breadcrumbs { gap: 0 5px; flex-wrap: wrap;    padding: 5px 0 0;}
    .ip-services-include span, .ip-services-include span img { max-width: 40px;}
    .our-services-include-wrapper { padding: 40px 0;}
    .footer-contact-links { padding: 20px 0 0px;}
    .end-card { padding: 30px 0;}
    .services-wrapper { padding: 60px 0 40px;}
}


@media only screen and (max-width:480px) {
    .main-top-about::before {top: 13px;right: -13px;}
    .copyrights {justify-content:center;}
    .copyrights p a, .copyrights p {color: #d6cec3;font-size: 12px !important;text-align: center;}
    h4{font-size:26px;}
    h2{font-size:30px;}
    .inner-span {font-size: 32px}
    .common-span { font-size: 27px; gap: 10px;}
    .sub-footer-links > li > a, .sub-footer-main > li > a, .footer-links-main p { font-size: 14px;}
    .footer-contact-links { gap: 5px;}
    .sub-footer-links li { margin: 5px 0;}
    .sub-footer-main li { margin: 10px 0;}
}

@media only screen and (max-width:420px) {
    .work-number span {font-size: 18px;padding: 10px 12px;}
    .testimonials-wrapper::after {  width: 120px;  height: 100px;  left: -33px;}
    .right-contact-wrapper {  padding: 20px 10px;}
    .input-wrapper label {font-size: 16px;}
    .end-wrapper {padding:0 ;}
    .how-we-work-wrapper, .product-wrapper{padding:60px 0;}
    .work-number span {position: relative;z-index: 0;}
}