/* @import url(../css/root.css); */
 
 @import url(../css/fancybox.css);
 @import url(../css/aos.css);
 @import url(../css/animate.css);
 @import url(../css/default.css);
 @import url("https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css");
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
 :root {
     /* Colors: */
     --color-c00123: #c00123;
     --color-ffa015: #ffa015;
     --color-e68200: #e68200;
     --color-4e6668: #4e6668;
     --color-2c4247: #2c4247;
     --color-316265: #316265;
     --color-000000: #000000;
     --color-979694: #979694;
     --color-f3f3f3: #f3f3f3;
     --color-dad9d7: #dad9d7;
     --color-e2e1e0: #e2e1e0;
     --color-ffffff: #ffffff;
     /* Font/text values */
     --font-family-Poppins: 'Poppins', sans-serif;
     --font-style-normal: normal;
     --font-size-13: 13px;
     --font-size-14: 14px;
     --font-size-16: 16px;
     --font-size-18: 18px;
     --font-size-23: 23px;
     --font-size-26: 26px;
     --font-size-78: 78px;
     --font-size-52: 52px;
     --character-spacing-0: 0px;
     --line-height-26: 26px;
     --line-height-30: 30px;
     --line-height-51: 51px;
     --line-height-60: 60px;
     --line-height-30: 30px;
     --line-height-24: 24px;
     --line-height-36: 36px;
     --line-height-70: 70px;
     --line-height-78: 78px;
     --line-height-89: 89px;
     --line-height-inherit: inherit;
     --text-transform-uppercase: uppercase;
     --font-weight-Regular: 400;
     --font-weight-Medium: 500;
     --font-weight-SemiBold: 600;
     --font-weight-Bold: 700;
     --font-weight-ExtraBold: 800;
     --font-weight-black: 900;
     --font-weight-normal: normal;
 }
 
 * {
     outline: 0;
 }
 
 html {
     scroll-behavior: smooth;
 }
 
 body {
     font-family: var(--font-family-Poppins);
     font-weight: var(--font-weight-Regular);
     font-style: var(--font-style-normal);
     font-size: var(--font-size-20);
     line-height: var(--line-height-inherit);
     color: var(--color-000000);
     margin: 0;
     padding: 0;
     background: var(--color-f3f3f3);
 }
 
 .clr {
     width: 100%;
     float: left;
 }
 
 .img {
     width: 100%;
 }
 
 .btn,
 button {
     font-family: var(--font-family-Poppins);
     background: var(--color-c00123);
     color: var(--color-ffffff);
     outline: none;
     cursor: pointer;
     outline: 0;
     text-decoration: none;
     -webkit-transition: all 0.5s ease-out 0s;
     -moz-transition: all 0.5s ease-out 0s;
     -ms-transition: all 0.5s ease-out 0s;
     -o-transition: all 0.5s ease-out 0s;
     transition: all 0.5s ease-out 0s;
 }
 
 a {
     font-family: var(--font-family-Poppins);
     color: var(--color-ffffff);
     font-size: var(--font-size-15);
     outline: none;
     cursor: pointer;
     outline: 0;
     text-decoration: none;
     -webkit-transition: all 0.5s ease-out 0s;
     -moz-transition: all 0.5s ease-out 0s;
     -ms-transition: all 0.5s ease-out 0s;
     -o-transition: all 0.5s ease-out 0s;
     transition: all 0.5s ease-out 0s;
 }
 
 a:focus,
 a:hover,
 .btn:focus,
 button:focus,
 .custom-select:focus,
 .form-control:focus {
     outline: none;
     box-shadow: none;
     color: var(--color-e68200);
 }
 
 .btn:hover,
 button:hover {
     background: var(--color-ffa015);
     text-decoration: none;
     -webkit-transition: all 0.5s ease-out 0s;
     -moz-transition: all 0.5s ease-out 0s;
     -ms-transition: all 0.5s ease-out 0s;
     -o-transition: all 0.5s ease-out 0s;
     transition: all 0.5s ease-out 0s;
 }
 
 ul {
     margin: 0px;
     padding: 0px;
 }
 
 li {
     list-style: none;
 }
 
 header,
 footer,
 section {
     width: 100%;
     float: left;
 }
 
 hr {
     border-bottom: 1px solid var(--color-c78a28);
     border-top: 0 none;
     margin: 50px 0;
     padding: 0;
     opacity: 1;
 }
 
 .navbar {
     position: relative;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     padding-top: 0.5rem;
 }
 
 p {
     font-size: var(--font-size-18);
     line-height: var(--line-height-30);
     padding-top: 15px;
     padding-bottom: 15px;
 }
 
 .p-content {
     font-size: var(--font-size-15);
     line-height: var(--line-height-25);
 }
 
 .small-text {
     font-size: var(--font-size-14);
     line-height: var(--line-height-30);
     color: var(--color-ffffff);
     font-weight: 700;
 }
 
 .section-title {
     font-size: var(--font-size-52);
     line-height: var(--line-height-60);
     color: var(--color-2c4247);
     font-weight: var(--font-weight-ExtraBold);
     padding-bottom: 50px;
 }
 
 .title {
     font-size: var(--font-size-78);
     color: var(--color-ffa015);
     font-weight: 900;
 }
 
 .section-sub-title {
     font-size: var(--font-size-26);
     color: var(--color-2c4247);
     font-weight: 900;
 }
 
 .sub-title {
     font-size: var(--font-size-33);
     line-height: var(--line-height-36);
     color: var(--color-00afb7);
     font-weight: var(--font-weight-Bold);
     margin-bottom: 20px;
     margin-top: 20px;
 }
 
 .weight-Regular {
     font-weight: var(--font-weight-Regular);
 }
 
 .weight-Medium {
     font-weight: var(--font-weight-Medium);
 }
 
 .weight-Medium {
     font-weight: var(--font-weight-Medium);
 }
 
 .weight-Bold {
     font-weight: var(--font-weight-Bold);
 }
 
 .weight-ExtraBold {
     font-weight: var(--font-weight-ExtraBold);
 }
 
 .height-100 {
     height: 100vh;
 }
 
 .pr-100 {
     padding-right: 100px;
 }
 
 .pl-100 {
     padding-left: 100px;
 }
 
 .img-zoom {
     overflow: hidden;
 }
 
 .img-zoom .zoom {
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: all 2.5s ease-out 0s;
     -moz-transition: all 2.5s ease-out 0s;
     -ms-transition: all 2.5s ease-out 0s;
     -o-transition: all 2.5s ease-out 0s;
     transition: all 2.5s ease-out 0s;
 }
 
 .img-zoom:hover .zoom {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }
 /* responsive css */
 /* main-header */
 
 .swiper-slide {
     cursor: grab;
 }
 
 .swiper-button-prev:after {
     display: none;
 }
 
 .swiper-button-next:after {
     display: none;
 }
 
 .g_header {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 99;
     -webkit-transition: all 0.5s ease-out 0s;
     -moz-transition: all 0.5s ease-out 0s;
     -ms-transition: all 0.5s ease-out 0s;
     -o-transition: all 0.5s ease-out 0s;
     transition: all 0.5s ease-out 0s;
     background: transparent;
 }
 
 .main-header.g_shrink {
     position: fixed;
     background: var(--color-ffffff);
     -webkit-transition: all 0.5s ease-out 0s;
     -moz-transition: all 0.5s ease-out 0s;
     -ms-transition: all 0.5s ease-out 0s;
     -o-transition: all 0.5s ease-out 0s;
     transition: all 0.5s ease-out 0s;
     z-index: 999;
 }
 
 .mobile-navbar,
 .sidenav {
     display: none;
 }
 
 #backtotop {
     display: inline-block;
     background-color: var(--color-c00123);
     width: 50px;
     height: 50px;
     text-align: center;
     border-radius: 4px;
     position: fixed;
     bottom: 30px;
     right: 30px;
     transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
     opacity: 0;
     visibility: hidden;
     z-index: 1000;
     border-radius: 50%;
 }
 
 #backtotop::after {
     content: "\F145";
     font-family: bootstrap-icons !important;
     font-weight: normal;
     font-style: normal;
     font-size: 2em;
     line-height: 50px;
     color: #fff;
 }
 
 #backtotop:hover {
     cursor: pointer;
     background-color: var(--color-2c4247);
 }
 
 #backtotop:active {
     background-color: #555;
 }
 
 #backtotop.show {
     opacity: 1;
     visibility: visible;
 }
 
 .explore-button a {
     background: var(--color-c00123);
     padding: 14px 40px;
     border-radius: 40px;
     font-weight: 700;
     display: block;
     width: min-content;
 }
 
 .explore-button a:hover {
     background: var(--color-ffa015);
     padding: 14px 40px;
     border-radius: 40px;
     color: var(--color-c00123);
     -webkit-transition: all 0.5s ease-out 0s;
     -moz-transition: all 0.5s ease-out 0s;
     -ms-transition: all 0.5s ease-out 0s;
     -o-transition: all 0.5s ease-out 0s;
     transition: all 0.5s ease-out 0s;
 }
 /* sumenus */
 
 .main-nav .navbar-nav .dropdown .dropdown-menu.submenu {
     left: 100%;
     width: 100%;
     /* right: 0; */
 }
 
 .navbar-light .navbar-nav .nav-link {
     color: var(--color-ffffff);
     font-size: var(--font-size-14);
     font-family: var(--font-family-Poppins);
     font-weight: 400;
     letter-spacing: 5px;
     text-transform: uppercase;
 }
 
 .navbar-expand-lg .navbar-nav .nav-link {
     padding-right: 40px;
     padding-left: 40px;
 }
 
 .navbar-light .navbar-nav .nav-link:focus,
 .navbar-light .navbar-nav .nav-link:hover,
 .navbar-light .navbar-nav .nav-link.active {
     color: var(--color-c00123) !important;
     font-weight: 700;
 }
 
 .main-nav .navbar-nav .nav-item.dropdown .dropdown-item:focus,
 .main-nav .navbar-nav .nav-item.dropdown .dropdown-item:hover {
     background-color: transparent;
 }
 
 .main-nav .navbar-nav .dropdown .dropdown-menu {
     min-width: auto;
     margin: 0;
     top: 100%;
     padding: 0px;
     background-color: var(--color-ffffff);
     border: none;
     box-shadow: 0px 0px 10px -4px #0000009d;
     z-index: 9;
     left: 39px;
 }
 
 .main-nav .navbar-nav .dropdown .dropdown-menu .dropdown-item {
     width: 230px;
     float: left;
     font-size: var(--font-size-15);
     color: var(--color-000000);
     background: var(--color-ff8900);
     border-bottom: 1px solid #f1f1f1;
 }
 
 .main-nav .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover {
     color: var(--color-ffffff);
     background: var(--color-e68200);
 }
 
 .dropdown-toggle {
     white-space: nowrap;
 }
 
 .main-nav .navbar-nav .nav-item .dropdown-toggle::after {
     display: inline-block;
     margin-left: 5px;
     vertical-align: 1px;
     content: "";
     border-top: 8px solid;
     border-right: 6px solid transparent;
     border-bottom: 0;
     border-left: 6px solid transparent;
 }
 /* banner */
 
 .border-bottom {
     border-bottom: 0.5px solid #ffffff42 !important;
     margin-top: 20px;
 }
 
 .logo img {
     width: 150px;
 }
 
 .top-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
.top-header a .small-text img {
    width: 18px;
    color: #fff;
    filter: contrast(1);
    margin-right: 5px;
}
 .top-header a .small-text:hover {
     color: var(--color-e68200);
 }
 
 .banner-text {
     position: absolute;
     top: 45%;
     left: 0;
     text-align: center;
     width: 100%;
 }
 
 .banner-text p {
     width: 50%;
     margin: auto;
     font-size: var(--font-size-26);
     line-height: var(--line-height-36);
 }
 
 .swiper-pagination-bullet-active {
     background: var(--color-c00123) !important;
 }
 
 .banner-img img {
     height: 100vh;
 }
 
 .banner-slider .swiper-pagination {
     position: absolute;
     bottom: 50px;
     left: 0;
     width: 100%;
 }
 
 .banner-slider .swiper-pagination-bullet {
     width: 20px;
     height: 20px;
     display: inline-block;
     border-radius: 100%;
     background: #00000069;
     border: none;
     margin: 5px;
     position: relative;
     bottom: 0;
     left: 0;
     z-index: 1;
 }
 /* banner */
 /* curtains */
 
 .curtains-slider .swiper-pagination {
     position: absolute;
     top: 96%;
     left: 25%;
 }
 
 .curtains-slider .swiper-pagination-bullet {
     left: -100px;
     width: 20px;
     height: 20px;
     display: inline-block;
     border-radius: 100%;
     background: #00000069;
     border: none;
     margin: 5px;
     position: relative;
     bottom: 100px;
     z-index: 1;
 }
 
 .curtains-section {
     height: 100%;
 }
 
 .curtains-main-box-gallery {
     height: 100%;
 }
 
 .swiper.curtains-main-box-gallery-slider {
     height: 100%;
 }
 
 .swiper-button-prev,
 .swiper-container-rtl .swiper-button-next {
     background-image: none;
     left: 40px;
     right: auto;
 }
 
 .swiper-button-next,
 .swiper-container-rtl .swiper-button-prev {
     background-image: none;
     right: 50px;
     left: auto;
 }
 
 .swiper-button-next img {
     width: 50px;
 }
 
 .swiper-button-prev img {
     width: 50px;
 }
 
 .curtains-main-section {
     background: var(--color-2c4247);
     z-index: 0;
     height: 90vh;
 }
 
 .curtains-main-right {
     /* position: absolute; */
     height: 100%;
     content: '';
     top: 0;
     right: 0;
 
     width: 100%;
 }
 
 .curtains-main-right img {
     height:90vh;
     object-fit: cover;
 }
 .curtains-slider {
    height: 100%;
}
 .curtains-rectangle {
     width: 102px;
     height: 11px;
     background: var(--color-ffffff);
     top: 0;
     position: relative;
 }
 
 .curtains-text {
     display: flex;
     flex-direction: column;
     height: 100%;
     justify-content: center;
     position: relative;
     z-index: 1;
 }
 
 .curtains {
     position: relative;
 }
 
 .curtains-circle {
     position: absolute;
     content: '';
     width: 200px;
     top: -20%;
     left: -26%;
     background: var(--color-e68200);
     border-radius: 50%;
     height: 200px;
     z-index: -1;
 }
 
 .curtains-text .section-title {
     padding-top: 30px;
     padding-bottom: 30px;
     color: var(--color-ffffff);
     position: relative;
 }
 
 .curtains {
    /* padding: 200px; */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-left: 140px;
    padding-right: 80px;
}
 .curtains-main-bg {
     position: absolute;
     content: '';
     width: 46%;
     top: 150px;
     left: 77px;
     z-index: 1;
 }
 /* curtains */
 /* clients */
 

 .clients-img{
    width: 100%;
    height: 100%;
 }
 .clients-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
 }
 .logo-section {
     background: #ffffff;
 }
 /* clients */
 /* about-us-section */
 
 .about-us-bg {
     position: relative;
     width: 100%;
     height: 100%;
 }
 
 .about-us-bg img {
     width: 74%;
     position: absolute;
     top: 0;
     left: 28px;
     /* margin-bottom: 100px; */
 }
 
 .about-us-section .about-us {
     padding-top: 250px;
 }
 
 .about-us-section {
     height: 120vh;
     background-image: url(../images/about-us/about-us-bg.png);
     object-fit: cover;
     margin-bottom: 0;
     background-position: bottom;
     background-repeat: no-repeat;
     padding-top: 100px;
     position: relative;
     background-color:#dad9d7;
 }
 
 .about-us-main {
     position: absolute;
     top: 0;
     width: 100%;
     left: 0;
     height: 100%;
     display: flex;
     align-items: center;
 }
 
 .about-us-rectangle {
     width: 102px;
     height: 11px;
     background: var(--color-ffa015);
 }
 
 .about-us-text .section-title {
     padding-top: 30px;
     padding-bottom: 30px;
 }
 
 .about-us-text {
     display: flex;
     flex-direction: column;
 }
 
 .about-right-img-sofa {
     position: absolute;
     top: 16%;
     right: 0;
 }
 
 .about-us-sofa {
     position: absolute;
     width: 800px;
     right: 0;
     bottom: 0;
     top: 348px;
     z-index: 9;
     height: 100%;
 }
 
 .about-us-desk {
     position: absolute;
     width: 117px;
     right: 43%;
     top: 112%;
     z-index: 9;
     /* filter: drop-shadow(-0.65rem 1.35rem 0.4rem); */
 }
 
 .about-us-lamp {
     position: absolute;
     right: 0;
     top: -75px;
     width: 400px;
 }
 
 .about-us-green {
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: 1;
     /* filter: drop-shadow(-0.65rem 1.35rem 0.4rem rgba(0, 0, 0, 0.5)); */
     width: 190px;
     /* height: 100vh; */
 }
 
 .about-us-green-circle {
     position: relative;
     width: 120px;
     height: 120px;
     background: var(--color-ffa015);
     /* top: 0; */
     bottom: 80px;
     left: 22px;
     border-radius: 50%;
     z-index: -1;
     box-shadow: none;
 }
 
 .about-us-circle {
     position: absolute;
     top: 27%;
     /* left: 0; */
     right: 0;
     width: 550px;
 }
 /* about-us-section */
 /* services */
 
 .services {
     background: var(--color-f3f3f3);
     height: 100%;
     align-items: center;
     justify-content: center;
     display: flex;
     padding: 0px 100px;
     padding-top: 150px;
     padding-bottom: 150px;
 }
 
 h3 {
     color: var(--color-979694);
 }
 
 .page-title-text p {
     width: 40%;
     margin: auto;
 }
 
 .sustainable-text {
     display: flex;
     align-items: center;
 }
 
 .sustainable-text-section {
     margin-bottom: 30px;
     margin-top: 30px;
     margin-right: 30px;
 }
 
 .sustainable-icon {
     margin-right: 20px;
 }
 
 .sustainable-icon img {
     width: 50px;
 }
 
 .sustainable-left-img {
     position: relative;
     height: 100%;
     z-index: 1;
     width: 70%;
 }
 
 .sustainable {
     background: #f3f3f3;
 }
 
 .sustainable-left-rectangle {
     position: absolute;
     width: 120px;
     height: 120px;
     background: var(--color-ffa015);
     top: 56%;
     bottom: 0;
     left: 67%;
     border-radius: 50%;
     z-index: -1;
 }
 
 .refurbishing-right-img {
     position: relative;
     width: 100%;
     height: 100%;
     float: right;
     width: 500px;
     top: 30%;
     right: 0;
 }
 
 .Refurbishing-bg {
     position: absolute;
     height: 100%;
     top: 39px;
     left: 18px;
     /* right: 0; */
     width: 75%;
     overflow: hidden;
 }
 
 .refurbishing-content {
     width: 100%;
 }
 
 .Refurbishing-text .section-sub-title {
     font-size: var(--font-size-23);
 }
 
 .Refurbishing-text {
     margin-bottom: 15px;
 }
 
 .Refurbishing-icon {
     margin-right: 20px;
 }
 
 .Refurbishing-icon img {
     width: 25px;
 }
 
 .Refurbishing-circle1 {
     width: 550px;
     height: 550px;
     background: var(--color-ffa015);
     right: 8px;
     bottom: 0;
     border-radius: 50%;
     padding: 21px;
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
 }
 
 .Refurbishing-circle2 {
     width: 100px;
     height: 100px;
     background: var(--color-ffa015);
     right: 127%;
     bottom: -6%;
     border-radius: 50%;
     position: absolute;
 }
 
 .Refurbishing-rectangle {
     /* position: absolute; */
     border: 2px solid #f2c386;
     width: 440px;
     height: 440px;
     /* right: 0; */
     /* top: 150px; */
 }
 
 .refurbisihing-img {
     bottom: 0;
     left: -193px;
     width: 300px;
     position: absolute;
 }
 
 .refurbisihing3-img {
     width: 300px;
     right: -22px;
     bottom: 2px;
     position: absolute;
 }
 
 .refurbisihing2-img {
     width: 100px;
     right: 63%;
     bottom: 0;
     position: absolute;
 }
 
 .service-round {
     background: var(--color-ffffff);
     width: 95%;
     height: 100%;
     border-radius: 255px 0 0 255px;
     right: -7%;
     padding: 150px;
     overflow: hidden;
 }
 
 .Mattresses-circle1 {
     position: absolute;
     width: 700px;
     height: 700px;
     background: var(--color-316265);
     left: 178px;
     top: 76px;
     border-radius: 50%;
 }
 
 .Mattresses-rectangle {
     position: absolute;
     border: 2px solid #f2c386;
     width: 613px;
     height: 642px;
     left: 221px;
     top: 102px;
 }
 
 .Mattresses-img {
     position: absolute;
     height: 100%;
     height: 600px;
     left: 224px;
     top: 197px;
     width: 32%;
     filter: drop-shadow(-0.65rem 1.35rem 0.4rem rgba(0, 0, 0, 0.5));
 }
 /* service */
 /* clients */
 
 .clients {
     background: var(--color-f3f3f3);
 }
 
 .client-main {
     display: flex;
     flex-direction: column;
     align-items: center;
 }
 
 .client-rectangle {
     width: 100px;
     height: 8px;
     background: var(--color-ffa015);
 }
 
 .client-main .section-title {
     padding-top: 30px;
     padding-bottom: 50px;
 }
 /* clients */
 /* testomonial */
 
 .testomonial-slider .swiper-pagination {
     position: relative;
     bottom: 150px;
     left: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     margin: 0;
     margin-top: 70px;
 }
 
 .testomonial-slider .swiper-pagination-bullet {
     width: 20px;
     height: 20px;
     display: inline-block;
     border-radius: 100%;
     background: #00000069;
     border: none;
     margin: 5px;
     position: relative;
     z-index: 1;
 }
 
 .testomonial {
     background: var(--color-f3f3f3);
 }
 
 .testomonial-box1 {
     display: flex;
     flex-direction: column;
     align-items: center;
 }
 
 .testomonial-rectangle {
     width: 100px;
     height: 8px;
     background: var(--color-ffa015);
 }
 
 .testomonial-box1 .section-title {
     padding-top: 30px;
     padding-bottom: 30px;
 }
 
 .testomonial-box2 {
     padding-top: 50px;
 }
 
 .testomonial-box2 .p-content {
     padding-top: 30px;
     padding-bottom: 30px;
  text-align:center;
 }
 
 .testomonial-box2 img {
     border-radius: 50%;
     width: 100px;
     height: 100px;
     object-fit: cover;
 }
 
 .testomonial-box2 p {
     font-weight: 900;
     color: var(--color-316265);
     margin: 0;
     padding: 0;
 }
 
 .testomonial-box2 .small-text {
     color: var(--color-316265);
 }
 
 .testomonial-round {
     background: var(--color-ffffff);
     width: 90%;
     height: 100%;
     border-radius: 0 350px 350px 0;
     left: 0;
     top: 170px;
 }
 
 .testomonial-box {
     padding: 200px 0px;
 }
 
 .testomonial-Chaiselongue {
     position: absolute;
     width: 25%;
     top: 60%;
     left: 0;
     z-index: 1;
     filter: drop-shadow(-0.65rem 1.35rem 0.4rem rgba(0, 0, 0, 0.5));
 }
 
 .testomonial-lamp {
     position: absolute;
     /* height: 100%; */
     top: 18%;
     left: 0;
     width: 217px;
     filter: drop-shadow(-0.65rem 1.35rem 0.4rem rgba(0, 0, 0, 0.5));
 }
 
 .testomonial-circle {
     position: absolute;
     width: 100px;
     height: 100px;
     background: var(--color-ffa015);
     /* right: 0; */
     top: 550px;
     border-radius: 50%;
     left: 14px;
 }
 
 .testomonial-rect {
     position: absolute;
     top: 172px;
     right: 0;
     width: 11%;
 }
 
 .testomonial-plant {
     position: absolute;
     bottom: 0;
     right: 0;
     width: 13%;
     z-index: 1;
     top: 600px;
     filter: drop-shadow(-0.65rem 1.35rem 0.4rem rgba(0, 0, 0, 0.5));
 }
 
 .testomonial-circle2 {
     position: absolute;
     width: 100px;
     height: 100px;
     background: var(--color-ffa015);
     /* right: 0; */
     bottom: 0;
     border-radius: 50%;
     right: 0;
     top: 961px;
 }
 /* testomonial */
 /* contact-us */
 
 .footer {
     background: var(--color-316265);
     margin-top: 400px;
 }
 
 .contact-us-box {
     background: var(--color-ffa015);
     border-radius: 20px;
     margin-top: -19%;
 }
 
 .contact-us-text {
     padding: 100px;
 }
 
 .contact-us-text p {
     padding: 0;
     color: var(--color-ffffff);
 }
 
 .contact-us-text p span {
     padding: 0;
     color: var(--color-ffffff);
     font-weight: 700;
 }
 
 .social {
     padding-top: 80px;
 }
 
 .social ul li {
     float: left;
     padding-right: 30px;
 }
 
 .social ul li a img {
     width: 35px;
     height: 35px;
 }
 
 .contact-us-sofa {
     position: absolute;
     right: -14px;
     bottom: -39px;
     width: 50%;
 }
 
 .contact-us-lamp {
     position: absolute;
     right: 0;
     top: 0;
     width: 30%;
     filter: drop-shadow(-0.65rem 1.35rem 0.4rem rgba(0, 0, 0, 0.5));
 }
 
 .contact-us-table {
     position: absolute;
     left: -83px;
     /* top: 0; */
     bottom: -46px;
     filter: drop-shadow(-0.65rem 1.35rem 0.4rem rgba(0, 0, 0, 0.5));
 }
 
 .footer-circle {
     position: absolute;
     width: 80px;
     height: 80px;
     background: var(--color-ffa015);
     left: -51px;
     bottom: 102px;
     border-radius: 50%;
 }
 /* contact-us */
 /* page-title */
 
 .page-title {
     height: 800px;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     position: relative;
 }
 
 .page-title::before {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background-color: #00000078;
     /* opacity: 0.8; */
 }
 
 .page-title-text {
     position: absolute;
     width: 100%;
     z-index: 1;
     top: 50%;
     left: 0;
     text-align: center;
 }
 /* page-title */
 /* fabric */
 
 .curtains-main-box-gallery-img {
     height: 100%;
     width: 100%;
 }
 
 .curtains-main-box-gallery-img img {
     object-fit: cover;
     height: 100%;
     width: 100%;
    
 }
 
 .curtains-main-box-left {
     display: flex;
     flex-direction: column;
     height: 100%;
     justify-content: center;
 }
 
 .curtains-main-box {
     z-index: -1;
     height: 100%;
     padding: 95px;
     background: var(--color-ffffff);
     box-shadow: 0px 0px 10px -4px #0000009d;
 }
 
 .curtains-main-box-left-circle {
     position: absolute;
     content: '';
     top: 80px;
     bottom: 0;
     left: 28px;
     width: 150px;
     height: 150px;
     border-radius: 50%;
     background: var(--color-ffa015);
     z-index: -1;
 }
 
 .curtains-main-box-rectangle {
     width: 100px;
     height: 10px;
     background: var(--color-c00123);
 }
 
 .curtains-main-box-left .section-title {
     padding: 30px 0;
 }
 
 .section-footer {
     background: var(--color-316265);
     padding-top: 30px;
     padding-bottom: 30px;
 }
 
 .social-footer ul li {
     float: left;
     padding-right: 30px;
 }
 
 .social-footer ul li a img {
     width: 30px;
     height: 30px;
 }
 /* fabric */
 
 .count-div {
     width: 25%;
     float: left;
     margin: 0 auto;
     text-align: center;
 }
 
 .count-div .counter-value,
 .count-div .ounter-conter {
     display: inline-block;
     margin-bottom: 7px;
 }
 
 .about-us-counter .count-div .title {
     background: -webkit-linear-gradient(45deg, #2d4247, #346265 80%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }
 
 .about-us-counter .count-div .section-sub-title {
     color: var(--color-2c4247);
     font-weight: 500;
     position: relative;
     top: 0;
     margin: 0;
     line-height: var(--font-size-33);
 }
 
 .about-us-section-box-rectangle {
     width: 100px;
     height: 10px;
     background: var(--color-e68200)
 }
 
 .about-us-section-left .section-title {
     padding: 30px 0;
 }
 
 .about-us-section-left {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }
 
 .about-us-section-right-img img {
     border-radius: 20px;
     /* box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 7px 1px; */
 }
 
 .about-us-section-img {
     position: absolute;
     top: -9%;
     left: 0;
     width: 100%;
     z-index: 1;
     opacity: .3;
 }
 
 .about-us-section-circle {
     position: absolute;
     width: 600px;
     height: 600px;
     top: 9px;
     left: 8%;
     background: var(--color-e68200);
     border-radius: 50%;
     z-index: -1;
 }
 
 .about-us-section-content-box-rectangle {
     width: 100px;
     height: 10px;
     background: var(--color-ffa015)
 }
 
 .about-us-section-content-box .section-title {
     padding: 30px 0;
 }
 
 .about-us-section-content-text-section {
     padding: 50px;
     background: var(--color-ffffff);
     border-radius: 10px;
     box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 7px 1px;
 }
 /* fabric */
 /* gallery */
 
 .gallery-box:hover .gallery-title .small-text {
     color: var(--color-d19c1d);
 }
 
 .gallery-box {
     position: relative;
     margin-bottom: 30px;
 }
 
 .gallery-box a {
     display: block;
     position: relative;
 }

 .gallery-box a img{
    height: 400px;
    object-fit: cover;
 }
 
 .gallery-box a:before {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #000000bd;
     -webkit-transition: 0.4s;
     -o-transition: 0.4s;
     transition: 0.4s;
     opacity: 0;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }
 
 .gallery-box:hover a::before {
     opacity: 1;
 }
 
 .gallery-box .overlay {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     opacity: 0;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
 }
 
 .gallery-box:hover .overlay {
     opacity: 1;
 }
 
 .gallery-box .overlay img {
     width: 30px !important;
     height: 30px !important;
 }
 /* gallery */
 /* contact-us */
 
 .contact-section-circle {
     position: absolute;
     width: 200px;
     height: 200px;
     top: -45px;
     left: -29px;
     background: var(--color-2c4247);
     border-radius: 50%;
     z-index: -1;
 }
 
 .contact-left-part-rectangel {
     width: 100px;
     height: 10px;
     background: var(--color-e68200);
 }
 
 .contact-left-part .section-title {
     padding: 30px 0;
 }
 
 .form-input-wp {
     margin-bottom: 20px;
 }
 
 .form-input-wp label {
     font-size: 16px;
     text-transform: capitalize;
     font-weight: 300;
 }
 
 .form-input-wp label span,
 .contact-title p span {
     color: var(--red-color);
 }
 
 .form-input,
 select {
     width: 100%;
     height: 30px;
     border: none;
     outline: none !important;
     padding: 0;
     color: var(--dark-color);
     background: transparent;
     -webkit-appearance: none;
     border-radius: 0;
 }
 
 .ani-line {
     width: 100%;
     height: 1px;
     display: block;
     background: var(--color-2c4247);
     opacity: 0.20;
     transition: width 1.2s cubic-bezier(.215, .61, .355, 1);
 }
 
 .contact-left-part:after {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     width: 300%;
     height: 100%;
     background: var(--light-bg);
     z-index: -1;
 }
 
 .form-flex-box .form-input-wp {
     margin: 0;
     flex: 1;
 }
 
 .contact-section .explore-button {
     margin-top: 50px;
 }
 
 .contact-left-part-text p {
     padding-bottom: 10px;
     position: relative;
     padding-left: 50px;
 }
 
 .contact-left-part-text span {
     position: absolute;
     width: 100%;
     left: 0;
     top: 0;
 }
 .contact-left-part-text a{
     color:#000 !important;
 }
  .contact-left-part-text a:hover{
    color: var(--color-e68200) !important;
 }
 .contact-left-part-text p img {
     width: 30px;
 }
 /* contact-us */
 /* services */
 
 .service-section-box-rectangle {
     width: 100px;
     height: 10px;
     background: var(--color-e68200)
 }
 
 .service-section-left .section-title {
     padding: 30px 0;
 }
 
 .service-section-left {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 50px;
 }
 
 .service-section-right-img img {
     border-radius: 20px;
     box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 7px 1px;
 }
 
 .service-section-img {
     position: absolute;
     top: -82px;
     left: 0;
     width: 100%;
     z-index: 1;
     opacity: .3;
 }
 
 .service-section-circle {
     position: absolute;
     width: 300px;
     height: 300px;
     top: -50px;
     right: 133px;
     background: var(--color-e68200);
     border-radius: 50%;
     z-index: -1;
 }
 
 .whatsapp {
     position: fixed;
     bottom: 30px;
     right: 30px;
     z-index: 99;
 }
 
 .whatsapp img {
     width: 50px;
     padding-bottom: 61px;
 }
 
 .Refurbishing {
     margin-top: 200px;
     overflow: hidden;
 }
 
 .curtains-main .row {
     border-radius: 15px;
     overflow: hidden;
     margin-bottom: 80px;
     display: flex;
 }
 
 .curtains-main .container {
     margin: 100px auto;
 }
 
 .service-section .container {
     margin: 100px auto;
 }
 
 .service-section .container .row {
     margin-bottom: 80px;
 }
 .p-content {
    font-size: var(--font-size-15);
    line-height: var(--line-height-25);
    text-align: right;
}
 /* services */
 
 .container,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl {
     max-width: 1400px;
 }
 /* responsive css */
 
 @media only screen and (min-width: 1920px) {}
 
 @media (max-width: 1680px) {
     .curtains-slider .swiper-pagination-bullet {
         left: -165px;
     }
     .curtains-main-bg {
         width: 44%;
     }
     .testomonial-circle2 {
         top: 920px;
     }
     .about-us-circle {
         width: 500px;
     }
     
 }
 
 @media (max-width: 1600px) {
     .container {
         padding: 0px 30px;
     }
     .service-round {
         padding: 50px;
     }
     .curtains-slider .swiper-pagination-bullet {
         left: -200px;
     }
     .refurbisihing-img {
         right: 471px;
         width: 333px;
     }
     .refurbisihing3-img {
         right: 0;
         width: 333px;
     }
     .testomonial-circle2 {
         top: 901px;
     }
     .about-us-circle {
         width: 480px;
     }
 }
 
 @media (max-width: 1560px) {
     .testomonial-circle2 {
         top: 889px;
     }
     .about-us-circle {
         width: 450px;
     }
 }
 
 @media (max-width: 1480px) {
    .curtains-main-section {
       
        height: 80vh;
    }
    .curtains-main-right img {
       
        height:90vh;
    }
     .about-us-circle {
         width: 400px;
     }
     .contact-us-table {
         position: absolute;
         left: -53px;
         /* top: 0; */
         bottom: -46px;
         filter: drop-shadow(-0.65rem 1.35rem 0.4rem rgba(0, 0, 0, 0.5));
     }
     .footer-circle {
         bottom: 10px;
     }
 }
 
 @media (max-width: 1366px) {
     .refurbishing-right-img {
         left: 185px;
     }
     .services {
         padding: 0px 50px;
     }
     .about-us-sofa {
         width: 590px;
     }
      :root {
         --color-c00123: #c00123;
         --color-ffa015: #ffa015;
         --color-e68200: #e68200;
         --color-4e6668: #4e6668;
         --color-2c4247: #2c4247;
         --color-316265: #316265;
         --color-000000: #000000;
         --color-979694: #979694;
         --color-f3f3f3: #f3f3f3;
         --color-dad9d7: #dad9d7;
         --color-e2e1e0: #e2e1e0;
         --color-ffffff: #ffffff;
         --font-family-Poppins: 'Poppins', sans-serif;
         --font-style-normal: normal;
         --font-size-13: 13px;
         --font-size-14: 14px;
         --font-size-16: 16px;
         --font-size-18: 18px;
         --font-size-23: 21px;
         --font-size-26: 26px;
         --font-size-78: 78px;
         --font-size-52: 52px;
         --character-spacing-0: 0px;
         --line-height-26: 26px;
         --line-height-30: 30px;
         --line-height-51: 51px;
         --line-height-60: 60px;
         --line-height-30: 30px;
         --line-height-24: 24px;
         --line-height-36: 36px;
         --line-height-70: 70px;
         --line-height-78: 78px;
         --line-height-89: 89px;
         --line-height-inherit: inherit;
         --text-transform-uppercase: uppercase;
         --font-weight-Regular: 400;
         --font-weight-Medium: 500;
         --font-weight-SemiBold: 600;
         --font-weight-Bold: 700;
         --font-weight-ExtraBold: 800;
         --font-weight-black: 900;
         --font-weight-normal: normal;
     }
     .curtains-slider .swiper-pagination-bullet {
         left: -230px;
     }
     .about-us-section-main .img {
         width: 90%;
     }
     .about-us-section-circle {
         width: 500px;
         height: 500px;
         top: 47px;
         left: 35px;
     }
     .service-section-circle {
         top: -52px;
         right: 2px;
     }
     .gallery-box {
         position: relative;
         margin-bottom: 20px;
     }
     .contact-left-part-main {
         padding: 50px 20px;
     }
     .service-section-img img {
         width: 90%;
     }
     .testomonial-rect {
         top: 206px;
     }
     .testomonial-circle2 {
         top: 849px;
     }
     .about-us-circle {
         width: 380px;
     }
 }
 
 @media (max-width: 1280px) {
     .curtains {
         padding: 200px 30px 200px 100px;
     }
      :root {
         --font-size-13: 13px;
         --font-size-14: 14px;
         --font-size-16: 16px;
         --font-size-18: 18px;
         --font-size-23: 21px;
         --font-size-26: 26px;
         --font-size-78: 78px;
         --font-size-52: 45px;
         --character-spacing-0: 0px;
         --line-height-26: 26px;
         --line-height-30: 30px;
         --line-height-51: 51px;
         --line-height-60: 55px;
         --line-height-30: 30px;
         --line-height-24: 24px;
         --line-height-36: 36px;
         --line-height-70: 70px;
         --line-height-78: 78px;
         --line-height-89: 89px;
     }
     .about-us-section.about-us-text {
         padding-top: 167px;
     }
     .testomonial-circle2 {
         top: 828px;
     }
     .footer-circle {
         bottom: 14px;
     }
     .about-us-circle {
         width: 350px;
     }
     .gallery-box a img{
        height: 350px;
        object-fit: cover;
     }
 }
 
 @media (max-width: 1199.98px) {
     .Refurbishing-bg {
         position: relative;
         z-index:9;
     }
     .about-us-green {
         display: none;
     }
      :root {
         --font-size-13: 13px;
         --font-size-14: 14px;
         --font-size-16: 16px;
         --font-size-18: 18px;
         --font-size-23: 20px;
         --font-size-26: 23px;
         --font-size-78: 78px;
         --font-size-52: 45px;
         --character-spacing-0: 0px;
         --line-height-26: 26px;
         --line-height-30: 30px;
         --line-height-51: 51px;
         --line-height-60: 55px;
         --line-height-30: 30px;
         --line-height-24: 24px;
         --line-height-36: 36px;
         --line-height-70: 70px;
         --line-height-78: 78px;
         --line-height-89: 89px;
     }
     .navbar-expand-lg .navbar-nav .nav-link {
         padding-right: 30px;
         padding-left: 30px;
     }
     .about-us-section-circle {
         width: 450px;
         height: 450px;
         top: 47px;
         left: 35px;
     }
     .curtains-slider .swiper-pagination-bullet {
         left: -138px;
     }
     .curtains-main-box-left-circle {
         position: absolute;
         content: '';
         top: 40px;
         bottom: 0;
         left: 28px;
         width: 150px;
         height: 150px;
         border-radius: 50%;
         background: var(--color-ffa015);
         z-index: -1;
     }
     .about-us-section .about-us {
         padding: 0px;
         margin-top: 0;
         margin-bottom: 100px;
     }
     .about-us-text .section-title {
         padding-top: 20px;
         padding-bottom: 20px;
     }
     .about-us-bg img {
         width: 75%;
         position: absolute;
         top: 32px;
     }
     .testomonial-Chaiselongue {
         width: 30%;
     }
     .testomonial-circle {
         top: 573px;
     }
     .contact-us-text {
         padding: 75px;
     }
     .about-us-circle {
         width: 320px;
     }
     .contact-us-table {
         left: -66px;
     }
     .sustainable-right-img {
         display: none;
     }
 }
 
 @media (max-width: 1024px) {
     .refurbishing-right-img {
         left: 78%;
     }
      :root {
         --font-size-13: 13px;
         --font-size-14: 14px;
         --font-size-16: 16px;
         --font-size-18: 18px;
         --font-size-23: 20px;
         --font-size-26: 26px;
         --font-size-78: 78px;
         --font-size-52: 45px;
         --character-spacing-0: 0px;
         --line-height-26: 26px;
         --line-height-30: 30px;
         --line-height-51: 51px;
         --line-height-60: 55px;
         --line-height-30: 30px;
         --line-height-24: 24px;
         --line-height-36: 36px;
         --line-height-70: 70px;
         --line-height-78: 65px;
         --line-height-89: 89px;
     }
     .navbar-expand-lg .navbar-nav .nav-link {
         padding-right: 20px;
         padding-left: 20px;
     }
     .services {
         padding-top: 100px;
     }
     .service-section-left {
         padding: 0;
     }
     .curtains-main-box {
         padding: 83px;
     }
     .about-us-section-content-text-section {
         padding: 25px;
     }
     .curtains-main-right img {
         height: 100%;
         object-fit: cover;
     }
     .curtains-slider .swiper-pagination-bullet {
         left: -127px;
     }
     .testomonial-plant {
         width: 16%;
         top: 500px;
     }
     .testomonial-circle2 {
         top: 728px;
     }
     .testomonial-rect {
         width: 14%;
     }
     .testomonial-circle {
         top: 423px;
         left: 11px;
     }
     .about-us-circle {
         width: 300px;
         top: 100px;
     }
     .about-us-text {
         display: flex;
         flex-direction: column;
         padding-top: 0;
         padding-left: 0;
     }
     .social {
         padding-top: 35px;
     }
     .curtains-main-section {
         background: var(--color-2c4247);
         z-index: 0;
     }
     .curtains {
         padding: 100px 50px;
         text-align: center;
         height: 100vh;
     }
 }
 
 @media (max-width: 991.98px) {
    .curtains-main-section{
        height: 100%;
    }
    .title{
        font-size: var(--font-size-52);
    }
     .curtains-slider .swiper-pagination {
         display: none;
     }
     .curtains-text {
         padding: 0 40px;
     }
     .curtains-main .container {
         margin: 50px auto;
     }
     .service-section .container {
         margin: 50px auto;
     }
     .service-section .container .row {
         margin-bottom: 50px;
     }
     .curtains-main .row {
         margin-bottom: 50px;
     }
     .main-nav .navbar-nav .dropdown .dropdown-menu .dropdown-item {
         width: 100%;
         float: left;
         font-size: var(--font-size-15);
         color: #ffffff;
         background: var(--color-ff8900);
         border-bottom: transparent;
         padding: 10px;
     }
     .main-nav .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover {
         color: var(--color-e68200);
         background: transparent;
     }
     .curtains-main-box-left {
         text-align: justify;
     }
     .refurbishing-content {
         flex-direction: column-reverse;
         display: flex;
     }
     .refurbishing-right-img {
         position: relative;
         bottom: 0;
         left: 187px;
         height: 500px;
     }
     .contact-us-sofa {
        right: -2px;
        bottom: -12px;
        width: 36%;
    }
     .service-round {
         width: 100%;
     }
     .services {
         padding: 0px 30px;
     }
     .sustainable-left-img {
         width: auto;
     }
     .about-us-bg img {
         width: 52%;
     }

     .gallery-box a img{
        height: 300px;
        object-fit: cover;
     }
   
      :root {
         --font-size-13: 12px;
         --font-size-14: 13px;
         --font-size-16: 15px;
         --font-size-18: 17px;
         --font-size-23: 22px;
         --font-size-26: 23px;
         --font-size-78: 70px;
         --font-size-52: 40px;
         --character-spacing-0: 0px;
         --line-height-26: 26px;
         --line-height-30: 30px;
         --line-height-51: 51px;
         --line-height-60: 50px;
         --line-height-30: 30px;
         --line-height-24: 23px;
         --line-height-36: 34px;
         --line-height-70: 64px;
         --line-height-78: 62px;
         --line-height-89: 85px;
     }
     .header-main {
         display: none;
     }
     .mobile-navbar-menu {
         display: flex;
         justify-content: space-between;
     }
     .mobile-navbar,
     .sidenav {
         display: block;
     }
     .sidenav {
         height: 100vh;
         width: 0;
         position: fixed;
         z-index: 999;
         top: 0;
         left: unset;
         right: 0;
         background-color: var(--color-4e6668);
         overflow-x: hidden;
         transition: .6s ease-in-out;
         padding-top: 45px;
     }
     .mob-sidenav {
         padding: 50px;
     }
     .toggle {
         float: right;
         height: 100%;
         display: flex;
         align-items: center;
         cursor: pointer;
     }
     .toggle img {
         width: 40px;
         height: 40px;
         object-fit: cover;
         object-position: center
     }
     .mob-sidenav .closebtn {
         position: absolute;
         top: 36px;
         right: 59px;
         margin-left: 0;
     }
     .mob-sidenav .closebtn img {
         width: 25px;
         height: 25px;
         object-fit: cover;
         object-position: center
     }
     .main-nav {
         padding: 10px 0px;
     }
     .main-nav .navbar-nav .nav-item .nav-link {
         padding: 12px 10px;
         font-size: var(--font-size-20);
     }
     /* mob-sidenav */
     .main-nav .navbar-expand-lg .navbar-brand img,
     .main-nav .navbar-expand-lg .navbar-brand .svg {
         width: 200px;
         /* height: auto; */
         object-fit: contain;
     }
     .banner-img img {
         height: 700px;
         object-fit: cover;
     }
     .curtains-slider .swiper-pagination {
         position: absolute;
         top: 140%;
         left: 25%;
     }
     .page-title-text {
         position: absolute;
         width: 100%;
         z-index: 1;
         top: 40%;
         left: 0;
         text-align: center;
     }
     .about-us-section-img {
         top: -7%;
     }
     .about-us-section-main .img {
         width: 80%;
     }
     .about-us-section-circle {
         top: 62px;
         left: 184px;
     }
     .curtains-main-box-left-circle {
         top: 82px;
         bottom: 0;
         left: 5px;
         width: 120px;
         height: 120px;
     }
     .curtains-main-box-rectangle {
         width: 85px;
         height: 8px;
     }
     .social-footer ul li {
         padding-top: 10px;
     }
     .service-section-img img {
         width: 80%;
     }
     .curtains-main-box {
         padding: 30px;
     }
     .service-section-circle {
         top: -73px;
         right: 2px;
     }
     .pt-50 {
         padding-top: 63px;
     }
     .service-section-left .section-title {
         padding: 20px 0;
     }
     .pb-100 {
         padding-bottom: 50px;
     }
     .curtains-main-right {
         position: absolute;
         /* height: 75%; */
         content: '';
         top: 0;
         right: 0;
         /* background-size: contain; */
         width: 100%;
         height: 100vh;
         object-fit: cover;
         z-index: 0;
         opacity: 0.3;
     }
     .curtains-slider .swiper-pagination-bullet {
         left: -87px;
         top: -1442px;
     }
     .swiper-button-prev,
     .swiper-container-rtl .swiper-button-next {
         background-image: none;
         left: 40px;
         right: auto;
         top: 1153px;
         /* bottom: -500px; */
     }
     .swiper-button-next,
     .swiper-container-rtl .swiper-button-prev {
         background-image: none;
         right: 50px;
         left: auto;
         top: 1153px;
     }
     .curtains-slider .swiper-button-next,
     .curtains-slider .swiper-button-prev {
         top: 48%;
     }
     .curtains-slider .swiper-button-next {
         right: 3%;
     }
     .curtains-slider .swiper-button-prev {
         left: 3% !important;
         /* position: absolute; */
     }
     .curtains-main-bg {
         width: 83%;
         top: 0;
     }
     .testomonial-circle2 {
         top: 720px;
         width: 90px;
         height: 90px;
     }
     .contact-us-text {
         padding: 71px;
     }
     .section-title {
         padding-bottom: 30px;
     }
     .social {
         padding-top: 50px;
     }
     .contact-us-table {
         width: 116px;
         left: -60px;
     }
     .social ul li a img {
         width: 30px;
         height: 30px;
     }
     .contact-us-sofa {
         position: absolute;
         right: 0px;
         bottom: -21px;
         width: 48%;
     }
     .curtains-circle {
         left: 13%;
         top: -60%;
     }
     .curtains-rectangle {
         top: -20px;
         left: 29%;
     }
     .curtains-text .explore-button a {
         margin: auto;
     }
 }
 
 @media (max-width: 768px) {
    .about-us-section .about-us {
   
    margin-bottom: 50px;
}
     .service-section .container .row:nth-child(odd) {
         flex-direction: column-reverse;
     }
     .curtains-main .row:nth-child(odd) {
         flex-direction: column-reverse;
     }
     .curtains-main .curtains-main-box-gallery .swiper-container {
         height: 300px;
     }
     .curtains-main-box {
         padding: 30px;
     }
     .service-section .row {
         padding: 20px 10px;
         background-color: #ffffff;
         /* border: 1px solid #ccc; */
         border-radius: 20px;
         margin-bottom: 30px;
     }
     .refurbishing-right-img {
         position: relative;
         bottom: 0;
         left: 0;
         width: 400px;
         height: 400px;
     }
     .Refurbishing-rectangle {
         width: 300px;
         height: 300px;
     }
     .Refurbishing-circle1 {
         width: 400px;
         height: 400px;
     }
     .refurbisihing-img {
         width: 200px;
         left: -45px;
     }
     .refurbisihing2-img {
         width: 53px;
         right: 50%;
         bottom: -18px;
         position: absolute;
         z-index: 9;
     }
     .refurbisihing3-img {
         width: 200px;
     }
     .about-us-lamp {
         position: absolute;
         right: 0;
         top: 0;
         width: 65%;
     }
     .sustainable-text-section {
         margin: 30px 0;
     }
     .services {
         display: block;
     }
     .about-us-main {
         position: relative;
         top: 0;
         width: 100%;
         left: 0;
         height: 100%;
         display: flex;
         align-items: center;
         flex-direction: column-reverse;
         justify-content: inherit;
     }
     .about-right-img-sofa {
         position: relative;
         bottom: 0;
         right: 0;
         /* overflow: hidden; */
         width: 100%;
         height: 100vh;
         display: flex;
         top: 0;
     }
     .about-us-section {
         height: 100%;
         background-image: url(../images/about-us/about-us-bg.png);
         object-fit: cover;
         margin-bottom: 0;
         background-position: bottom;
         background-repeat: no-repeat;
         padding-top: 50px;
         position: relative;
     }
      :root {
         --font-size-13: 12px;
         --font-size-14: 13px;
         --font-size-16: 14px;
         --font-size-18: 16px;
         --font-size-23: 20px;
         --font-size-26: 20px;
         --font-size-78: 50px;
         --font-size-52: 35px;
         --character-spacing-0: 0px;
         --line-height-26: 26px;
         --line-height-30: 30px;
         --line-height-51: 51px;
         --line-height-60: 50px;
         --line-height-30: 25px;
         --line-height-24: 23px;
         --line-height-36: 34px;
         --line-height-70: 64px;
         --line-height-78: 62px;
         --line-height-89: 85px;
     }
     p {
         padding-top: 10px;
         padding-bottom: 10px;
     }
     .curtains-slider .swiper-pagination {
         position: absolute;
         top: 140%;
         left: 30%;
     }
     .about-us-section-circle {
         top: 58px;
         left: 134px;
     }
     .w-50 {
         width: 100% !important;
     }
     .curtains-main-box-left .section-title {
         padding: 15px 0;
     }
     .service-section-circle {
         top: -31px;
         right: 2px;
         width: 300px;
         height: 300px;
     }
     .services {
         background: white;
         padding-bottom: 30px;
     }
     .service-round {
         padding: 15px;
         border-radius: 50px;
         right: 0;
     }
     h3 {
         color: var(--color-979694);
         font-size: 22px;
     }
     .testomonial-plant {
         width: 16%;
         top: 500px;
         right: 0;
     }
     .testomonial-Chaiselongue {
         top: 75%;
     }
     .testomonial-circle {
         width: 85px;
         height: 85px;
         top: 527px;
         left: 1px;
     }
     .testomonial-lamp {
         position: absolute;
         top: 27%;
         width: 162px;
     }
     .testomonial-circle2 {
         top: 673px;
         width: 85px;
         height: 85px;
     }
     .contact-us-text {
         padding: 69px;
     }
     .section-title {
         padding-bottom: 20px;
     }
     .social {
         padding-top: 30px;
     }
     .contact-us-table {
         left: -30px;
         bottom: -90px;
         width: 90px;
     }
     .contact-us-sofa {
         right: -2px;
         bottom: -18px;
         width: 46%;
     }
     .about-us-section-content-text-section {
         padding: 23px;
         margin-top: 20px;
     }
     .curtains-main-box {
         padding: 50px;
     }
     .count-div {
         width: 50%;
     }
     .curtains-main-box-left-circle {
         top: 10px;
         bottom: 0;
         left: 10px;
         width: 110px;
         height: 110px;
     }
     .page-title-text {
         position: absolute;
         width: 100%;
         z-index: 1;
         top: 40%;
         left: 0;
         text-align: center;
     }
     .page-title {
         height: 600px;
     }
     section.service-section.position-relative.mt-100 {
         margin-bottom: 50px;
     }
     section.about-us-section-content.pt-100.pb-50 {
         margin-bottom: 50px;
     }
     .testomonial-round {
         width: 100%;
         border-radius: 50px;
         padding: 20px;
     }
     .service-section-left {
         padding-top: 30px;
     }
     .banner-text p {
        width: 90%;
       
    }
    .title{
        line-height: 60px;
    }
 }
 
 @media (max-width: 575.98px) {
    .p-content {
        font-size: var(--font-size-15);
        line-height: var(--line-height-25);
        text-align: center;
    }
    .clients.pb-100{
         
            padding-bottom: 0px;
        }    
     .sustainable-left-rectangle {
         width: 90px;
         height: 90px;
     }
     .client-main .section-title {
         padding-top: 15px;
         padding-bottom: 15px;
     }
     .swiper-button-next img {
         width: 30px;
     }
     .swiper-button-prev img {
         width: 30px;
     }
     .about-us-sofa {
         width: 486px;
     }
     .banner-text .title {
         line-height: 44px;
     }
     .Refurbishing {
         margin-top: 0px;
     }
     .sustainable-left-img {
         width: auto;
         margin-top: 50px;
     }
     .service-round {
         margin-top: 50px;
         width: 90%;
         margin: auto;
     }
     .testomonial-round {
         margin-top: 50px;
         width: 90%;
         margin: auto;
     }
     .footer {
         margin-top: 120px;
     }
     .banner-text p {
         width: 100%;
         margin: auto;
     }
     .gallery-box a img {
        height: 250px;
        object-fit: cover;
    }
      :root {
         --font-size-13: 12px;
         --font-size-14: 13px;
         --font-size-16: 14px;
         --font-size-18: 16px;
         --font-size-23: 20px;
         --font-size-26: 20px;
         --font-size-78: 47px;
         --font-size-52: 32px;
         --character-spacing-0: 0px;
         --line-height-26: 26px;
         --line-height-30: 30px;
         --line-height-51: 51px;
         --line-height-60: 46px;
         --line-height-30: 24px;
         --line-height-24: 23px;
         --line-height-36: 34px;
         --line-height-70: 64px;
         --line-height-78: 62px;
         --line-height-89: 85px;
     }
     .curtains {
         padding: 50px;
         width: 100%;
         height: 100vh;
     }
     .curtains-text {
         text-align: center;
     }
     .curtains-text p {
         text-align: justify;
     }
     .banner-img img {
         height: 90vh;
         object-fit: cover;
     }
     .banner-slider .swiper-pagination {
         bottom: 0;
     }
     .order-col {
         order: 1;
     }
     .pt-50 {
         padding-top: 20px;
     }
     .pb-50 {
         padding-bottom: 20px;
     }
     .page-title-text {
         position: absolute;
         width: 100%;
         z-index: 1;
         top: 43%;
         left: 0;
         text-align: center;
         padding: 0 50px;
     }
     .contact-section-circle {
         width: 150px;
         height: 150px;
     }
     .contact-section .explore-button {
         margin-top: 50px;
         margin-bottom: 50px;
     }
     .social-footer ul li a img {
         width: 25px;
         height: 25px;
     }
     .banner-slider .swiper-pagination-bullet {
         width: 15px;
         height: 15px;
         margin: 5px;
     }
     .curtains-circle {
         height: 180px;
         width: 180px;
     }
     .curtains {
         padding: 20px;
     }
     .curtains-main-box {
         padding: 60px 20px 20px 20px;
     }
     .curtains-main-box-left-circle {
         top: 25px;
         bottom: 0;
         left: 9px;
         width: 85px;
         height: 85px;
     }
     .social-footer {
         display: flex;
         justify-content: center;
         margin-bottom: 30px;
     }
     .service-section-circle {
         display: none;
     }
     .mt-100 {
         margin-top: 0;
     }
     .contact-left-part-main {
         padding: 12px 20px;
     }
     .about-us-section-circle {
         top: 18px;
         left: 71px;
         width: 300px;
         height: 300px;
     }
     .count-div {
         width: 50%;
     }
     .services {
         background: white;
         /* padding-top: 20px; */
         padding: 20px 0;
         margin: 50px 0;
         margin-top: -14px;
         z-index: -1;
         margin-bottom: 0;
     }
     h3 {
         color: var(--color-979694);
         font-size: 23px;
     }
     .testomonial-box2 {
         padding-top: 0;
     }
     .testomonial-box {
         padding: 20px;
     }
     .testomonial-rect {
         width: 15%;
         top: 119px;
     }
     .testomonial-plant {
         width: 18%;
         top: 399px;
     }
     .testomonial-circle2 {
         top: 546px;
         width: 70px;
         height: 70px;
     }
     .testomonial-Chaiselongue {
         top: 76%;
     }
     .testomonial-circle {
         width: 70px;
         height: 70px;
         top: 421px;
         left: 1px;
     }
     .testomonial-lamp {
         position: absolute;
         top: 17%;
         width: 103px;
     }
     .testomonial-box2 .p-content {
         padding-top: 20px;
         padding-bottom: 20px;
         font-size: 13px;
     }
     .contact-us-text {
         padding: 30px;
     }
     .social {
         padding-top: 20px;
         padding-bottom: 20px;
     }
     .social ul li a img {
         width: 25px;
         height: 25px;
     }
     .pt-100 {
         padding-top: 45px;
     }
     .contact-us-sofa {
         right: -2px;
         bottom: -12px;
         width: 46%;
     }
     .contact-us-table {
         left: -49px;
         bottom: -27px;
         width: 71px;
     }
     .footer-circle {
         bottom: 20px;
         width: 60px;
         height: 60px;
         left: -25px;
     }
     .page-title {
         height: 550px;
     }
     .contact-us-table {
         display: none;
     }
     .testomonial-circle {
         display: none;
     }
     .contact-us-sofa {
         display: none;
     }
     .testomonial-rect {
         display: none;
     }
     .testomonial-lamp {
         display: none;
     }
     .testomonial-Chaiselongue {
         display: none;
     }
     .testomonial-plant {
         display: none;
     }
 }
 
 @media (max-width: 480px) {
   
    .clients-img img {
       
        width: 148px;
        margin: 15px;
    }
      :root {
         --font-size-13: 12px;
         --font-size-14: 13px;
         --font-size-16: 14px;
         --font-size-18: 14px;
         --font-size-23: 19px;
         --font-size-26: 19px;
         --font-size-78: 47px;
         --font-size-52: 32px;
         --character-spacing-0: 0px;
         --line-height-26: 26px;
         --line-height-51: 51px;
         --line-height-60: 44px;
         --line-height-30: 22px;
         --line-height-24: 23px;
         --line-height-36: 34px;
         --line-height-70: 60px;
         --line-height-78: 62px;
         --line-height-89: 85px;
     }
     .curtains-slider .swiper-pagination-bullet {
         left: -40px;
         top: -1320px;
     }
     .p-content {
         font-size: var(--font-size-15);
         line-height: var(--line-height-25);
         font-size: 14px;
     }
     .section-footer {
         background: var(--color-316265);
         /* margin-top: 50px; */
         padding-top: 20px;
         padding-bottom: 20px;
     }
     .about-us-section-left {
         padding-top: 20px;
     }
     .about-us-section-main .img {
         width: 103%;
     }
     .about-us-bg img {
         width: 63%;
         position: absolute;
         top: 28px;
         left: 14px;
     }
     .about-us-text .section-title {
         padding-top: 15px;
         padding-bottom: 15px;
     }
     h3 {
         color: var(--color-979694);
         font-size: 21px;
     }
     .testomonial-box {
         padding: 25px 0;
     }
     .testomonial-box1 .section-title {
         padding-top: 15px;
         padding-bottom: 15px;
     }
     .testomonial-circle2 {
         top: 440px;
         width: 60px;
         height: 60px;
     }
     .testomonial-plant {
         width: 16%;
         top: 340px;
         /* left: 389px; */
     }
     .testomonial-rect {
         width: 15%;
         top: 119px;
     }
     .testomonial-lamp {
         position: absolute;
         top: 21%;
         width: 91px;
     }
     .testomonial-circle {
         width: 60px;
         height: 60px;
         left: 0px;
     }
     .testomonial-Chaiselongue {
         top: 75%;
     }
     .footer-circle {
         bottom: 6px;
         width: 60px;
         height: 60px;
         left: -23px;
     }
     .contact-us-sofa {
         right: -2px;
         bottom: -12px;
         width: 46%;
     }
     .contact-us-table {
         left: -49px;
         bottom: -27px;
         width: 67px;
     }
     .contact-us-text {
         padding: 25px;
     }
     .social {
         padding-top: 10px;
         padding-bottom: 20px;
     }
     .social ul li {
         float: left;
         padding-right: 22px;
     }
     .social ul li a img {
         width: 22px;
         height: 22px;
     }
     .page-title {
         height: 550px;
     }
     .curtains-circle {
         height: 150px;
         width: 150px;
     }
 }
 
 @media (max-width: 390px) {
      :root {
         --font-size-13: 12px;
         --font-size-14: 13px;
         --font-size-16: 14px;
         --font-size-18: 16px;
         --font-size-23: 18px;
         --font-size-26: 20px;
         --font-size-78: 45px;
         --font-size-52: 34px;
         --character-spacing-0: 0px;
         --line-height-26: 26px;
         --line-height-51: 51px;
         --line-height-60: 46px;
         --line-height-30: 25px;
         --line-height-24: 23px;
         --line-height-36: 34px;
         --line-height-70: 64px;
         --line-height-78: 62px;
         --line-height-89: 85px;
     }
     .curtains {
         padding: 250px 0 100px;
     }
     .curtains-slider .swiper-pagination-bullet {
         left: -68px;
         top: -1329px;
     }
     .curtains-main-bg {
         width: 77%;
         left: 59px;
     }
     .about-us-section-circle {
         top: 55px;
         left: 0;
         width: 300px;
         height: 300px;
     }
     .about-us-section-right-img {
         top: 0;
         margin-bottom: 20px;
     }
     .dd-map {
         padding-top: 50px;
     }
     .section-footer {
         margin-top: 0;
     }
     .about-us-section-main .img {
         width: 100%;
     }
     .about-us-section-left {
         padding-top: 20px;
     }
     .about-us-bg img {
         width: 63%;
         position: absolute;
         top: 9px;
         left: 8px;
     }
     .services .about-us {
         padding-top: 0;
     }
     .testomonial-circle2 {
         top: 569px;
         width: 50px;
         height: 50px;
     }
     .page-title {
         height: 550px;
     }
     .testomonial-lamp {
         position: absolute;
         top: 70px;
         width: 80px;
     }
     .testomonial-circle {
         width: 50px;
         height: 50px;
         top: 498px;
         left: 0px;
     }
     .testomonial-plant {
         width: 16%;
         top: 478px;
         /* left: 389px; */
         bottom: 0;
     }
     .testomonial-Chaiselongue {
         top: 84%;
         width: 28%;
     }
     .contact-us-lamp {
         position: absolute;
         right: 5px;
         top: 0px;
         width: 39%;
         filter: drop-shadow(-0.65rem 1.35rem 0.4rem rgba(0, 0, 0, 0.5));
     }
     .section-title {
         padding-bottom: 10px;
         padding-top: 26px;
     }
     .contact-us-table {
         left: -49px;
         bottom: -27px;
         width: 59px;
     }
     .contact-us-sofa {
         right: 7px;
         bottom: -12px;
         width: 36%;
     }
     .about-us-section-circle {
         top: 20px;
         left: 71px;
         width: 250px;
         height: 250px;
     }
     .page-title {
         height: 500px;
     }
     .footer-circle {
         bottom: 6px;
         width: 60px;
         height: 60px;
         left: -33px;
     }
     .about-us-text .section-title {
         padding-top: 10px;
         padding-bottom: 10px;
     }
 }
 
 @media (max-width: 320px) {
      :root {
         --font-size-13: 12px;
         --font-size-14: 13px;
         --font-size-16: 14px;
         --font-size-18: 15px;
         --font-size-23: 19px;
         --font-size-26: 20px;
         --font-size-78: 40px;
         --font-size-52: 27px;
         --character-spacing-0: 0px;
         --line-height-26: 26px;
         --line-height-51: 51px;
         --line-height-60: 41px;
         --line-height-30: 21px;
         --line-height-24: 23px;
         --line-height-36: 34px;
         --line-height-70: 64px;
         --line-height-78: 62px;
         --line-height-89: 85px;
     }
     .title {
         line-height: 48px;
     }
     .about-us-section-circle {
         top: 62px;
         left: 0;
         width: 300px;
         height: 300px;
     }
     .about-us-section-left {
         padding-top: 30px;
     }
     .about-us-bg img {
         width: 78%;
         position: absolute;
         top: 8px;
         left: 5px;
     }
     .testomonial-Chaiselongue {
         top: 88%;
         width: 27%;
     }
     .testomonial-circle {
         width: 30px;
         height: 30px;
         top: 546px;
         left: 0px;
     }
     .testomonial-lamp {
         position: absolute;
         top: 24%;
         width: 57px;
     }
     .testomonial-rect {
         width: 15%;
         top: 139px;
         right: 0;
     }
     .testomonial-plant {
         width: 16%;
         top: 481px;
     }
     .testomonial-circle2 {
         top: 555px;
         width: 30px;
         height: 30px;
     }
     .social ul li {
         float: left;
         padding-right: 18px;
     }
     .contact-us-text {
         padding: 19px;
     }
     .footer-circle {
         bottom: 6px;
         width: 50px;
         height: 50px;
         left: -19px;
     }
     .pt-50 {
         padding-top: 0;
     }
 }
 
#call-button {
    display: inline-block;
    background-color: #006885;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 154px;
    right: 30px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 1;
    /* visibility: hidden; */
    z-index: 1000;
    border-radius: 50%;
}
    
    #call-button img{
        padding:10px;
        width:50px;
    }