@font-face{font-family:Inter Regular;
 src:url(../fonts/Inter-Regular.ttf);
 }
  @font-face{font-family:Inter Medium;
 src:url(../fonts/Inter-Medium.ttf);
 }
 @font-face{font-family:Inter Semi Bold;
 src:url(../fonts/Inter-SemiBold.ttf);
 }
  @font-face{font-family:Inter Bold;
 src:url(../fonts/Inter-Bold.ttf);
 }
  @font-face{font-family:The Castle Elizah;
 src:url(../fonts/The-Castle-Elizah.ttf);
 }
 

 
/*-----------------------*/
html {scroll-behavior:smooth;}
body { padding: 0; margin: 0 auto;font-family:Inter Regular;position: relative; font-weight: 400; overflow-x: hidden; color: #000; font-size: 16px;background:#fff;}
ul { list-style: none }
a { text-decoration: none; outline: none; }
body a:hover, body a:focus { text-decoration: none; color:#202833; }
a:focus { outline: none; text-decoration: underline }
textarea:focus { outline: none }
input { outline: none !important }
button, button:focus { outline: none }
a img { border: none }
img { border: 0; max-width: 100%; width: 100%;}
p {padding: 0px; margin: 0px;}
h1, h2, h3, h4, ul, p { padding: 0px; margin: 0px;}
textarea { resize: none }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #fff }
input:-moz-placeholder, textarea:-moz-placeholder { color: #fff }
input::-moz-placeholder { opacity: 1; outline: none }
textarea::-moz-placeholder { opacity: 1; outline: none }
.clr { clear: both; height: 0 }.latest-newsbox::placeholder {color:#666666; font-size:15px;}
.form-control:focus { box-shadow: none }
ul { padding: 0; list-style: none;}
a { text-decoration: none; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s }
a:hover { text-decoration: none; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s }

.csn-ul{margin-left:20px;  text-align: justify;}
.csn-ul li {position: relative;margin-bottom:7px;}
.csn-ul li:before {position: absolute;top:9px;left:-19px;height: 8px;width: 8px;
background:#014d49;border-radius: 100%;content: '';}

/*===============header===============*/
#header-id {
    height: auto;
}
#header-id {
  background:#F3EDE6;
  height:74px;
  transition: transform .3s ease-in-out;
  width:100%;
  margin:0px auto;
  top:0px;border-bottom:1px solid #CCCCCC;
  position: relative;
}
.header-inner {
    margin: 0 auto;
    max-width:1280px;
    width:100%;
}

.headerTertiary {
  align-items: center;
  display: flex;
height: 74px;
position: relative;
z-index: 666;
background: none;
margin: auto;
max-width:90rem; width:100%;
padding: 1rem;
}
.topnav-left {
  max-width:50%;
  padding: 0px;
  width: 100%;
  display: block;
  float: left;
}
.topnav-left {
  max-width:50%;
  padding: 0px;
  width: 100%;
  display: block;
  float: left;
}
.headerTertiary .list-unstyled {
    padding-left: 0;
    list-style: none;
}

.headerTertiary .list-unstyled {
    padding-left: 0;
    list-style: none;
}
.emergency-no a{color:#e30000 !important;}
.nav-topright{  padding-top:20px;margin-right: 0px;}
.sticky .nav-topright{padding-top:10px;padding-bottom: 8px;}
.nav-topright ul {
    display: flex;
    font-size:15px; font-weight:700;
    justify-content: flex-end;
    line-height: 1.25rem;
    margin-bottom: 0;
}
.nav-topright li {
    margin-left:.3rem;position: relative; padding-left:4px
}

.nav-topright li a {
    color:#6d6e71;
}
.nav-topright li a:hover{
    color:#2278b5;
}




.headerSecondry{
  align-items: center;
  background:none;
  display: flex;
  height:60px;
  position: relative;

}
.logo-scrollup{display:block;}
.logo-scrolldown{display:none;}
.logo-d > img {
  width:100%;
  position:relative;
}
.logo-d{
  width:110px !important;
  transform:translateY(-1px);
  position:relative;
  transition: transform .3s ease-in-out; 
}
.sticky .logo-d > img {max-width:200px; transform:translateY(1px);}
.sticky .logo1-d {max-width:200px !important; transform:translateY(15px) !important; margin-left:110px;}
.logo-m > img {
  max-width: 130px;
  transform:translateY(-1px);
  position:absolute;
  display:none;
  left: 20px;
  
}
.sticky{position:fixed !important;top:0;width:100% !important;  backdrop-filter: blur(40px); z-index: 999; /*box-shadow:1px 5px 10px rgba(0,0,0,0.2);*/   background:#F3EDE6 !important; }
/*.sticky .headerTertiary{display:none;}*/
.sticky .headerSecondry{height: auto;}

.sticky .page-header {padding:0.0rem 1rem 0rem 1rem;}
.sticky .logo-scrollup{display:none;}
.sticky .logo-scrolldown{display:block;}


.navbar__buttons{display: flex;align-items: center;gap: 1.5rem;flex-grow: 1; justify-content: right;}
.navbar__buttons a {
    color: var(--text-gray-color);
    font-weight: 500;
    transition: 0.3s ease;
}

@media (min-width: 64rem){.navbar__buttons a {font-size:14px;}.page-header ul a{font-size:14px !important;}
}

@media (min-width:90rem){.navbar__buttons a {font-size:16px;}.page-header ul a{font-size:16px !important;}
}

.contact-top-button{display:flex; margin:0px; padding:0px; position:relative;}
.contact-top-button a{width:100%; background:#000; color:#ffffff; border-radius: 8px; margin:0px; padding: 10px 16px; position:relative;}.contact-top-button a:hover{background:#000; color:#ffffff;}

/*--Head END--*/
.wiki-mk{padding-left:40px; padding-right:40px;}
.midbox-inner{margin:auto;max-width:85rem;width:100%;}
  
#home-slider{background:#F3EDE6; padding:25px 0px 0px; margin:0px; position:relative;}
.home-slider{display:flex; gap:30px; margin:0px; padding:0px 0px 25px; position:relative;}
.home-slider-left{width:60%; margin:0px; padding:0px; position:relative;}
.home-slider-left h1{font-size:32px; margin:0px; padding:0px; position:relative;  font-family:The Castle Elizah;}
.home-slider-left h1 span{color:#ffffff; display: block; margin-bottom:-58px;}
.home-slider-right{width:40%; margin:0px; padding:0px; position:relative;}
.home-slider-right p{color: #505050; font-size:16px; margin-bottom:20px; padding:0px;}
.home-slider-right .explore-now{background:none; border:2px solid #0161FE; color:#0161FE; padding:8px 70px 8px 20px; border-radius:77px; position:relative; z-index:1;}
.home-slider-right .explore-now:hover{background:#0161FE; color:#ffffff; border:2px solid #ffffff; box-shadow: 1px 5px 10px rgba(0,0,0,0.1);}
.explore-now::before {position: absolute;content: "";width:45px;height: 100%;background:#0161FE;z-index: -1;bottom:0px;right:0px;border-radius: 0px 20px 20px 0;}
.home-slider-right .explore-now img {width: 38px;position: absolute;right: 5px;top:2px;padding: 8px 10px;filter: brightness(0) invert(1);} 
.home-slider-img{object-fit:cover;  height:520px;}

#home-slider-bottom{background: #F3EDE6;padding:60px 0px 60px;margin: 0px;position: relative;overflow:hidden;}
#home-slider-bottom ul {display: flex;justify-content:space-between;}
#home-slider-bottom li{flex: 0 0 32.33%;align-items: center;text-align: left;justify-content: left;padding:20px;border-radius: 12px;background:#ffffff;position:relative; transition:600ms ease transform;  overflow: hidden;}
#home-slider-bottom li:hover{box-shadow: 1px 5px 10px rgba(0,0,0,0.1); transform: scaleX(1.1) scaleY(1.1);  z-index:2;}
#home-slider-bottom li h2{width:95%; font-size:24px; font-weight:500; border-bottom:0px solid #D8D8D8; margin:0px; padding:10px 0px; position:relative;}
#home-slider-bottom li h2:before{content: ''; position:absolute; width:70%; height:1.5px; background:#D8D8D8; bottom:0px;}
#home-slider-bottom li .arrow-icon{position:absolute; right:0px; top:20px; padding:0px; margin:0px; width:18px; height:auto;}
#home-slider-bottom li p{width:60%; color:#505050; font-size:17px; margin-bottom:50px; padding:10px 0px;}
#home-slider-bottom li img{position:absolute; right:0px; bottom:0px; padding:0px; margin:0px; width:140px; height:auto;}
#home-slider-bottom li:hover{background:#0161FE;}
#home-slider-bottom li:hover h2{color:#ffffff;}#home-slider-bottom li h2:before{background:rgba(216, 216, 216, 0.57);}
#home-slider-bottom li:hover p{color:#ffffff;}
#home-slider-bottom li:hover .arrow-icon{filter: brightness(0) invert(1);}

#home-products{background:linear-gradient(to right, #202833 50%, #F3EDE6 50%);padding:0px 0px 0px;margin:0px 0px 60px;position: relative;overflow:hidden;}
.home-products-img{object-fit:cover;height:570px;}
#home-products ul {display: flex;}
#home-products li{flex: 0 0 33.33%;align-items: center;text-align: left;justify-content: left;padding:30px 20px;position:relative;}.tabcontent {width:100%;height:100%;display: none;}

.home-pro-mobe{display:none;}
#home-products li:nth-child(1n) {background:#202833}
#home-products li:nth-child(1n) h2{color:#ffffff;}#home-products li:nth-child(1n) p{color:#ffffff;}
#home-products li:nth-child(1n) a{color:#ffffff;}
#home-products li:nth-child(1n) img{filter: brightness(0) invert(1);}
#home-products li:nth-child(2n) {background:#DCC6AC;}
#home-products li:nth-child(2n) h2{color:#202833;}#home-products li:nth-child(2n) p{color:#505050 !important;}
#home-products li:nth-child(2n) a{color:#505050;}#home-products li:nth-child(2n) img{filter:initial;}
#home-products li:nth-child(3n) {background:#F3EDE6;}
#home-products li:nth-child(3n) h2{color:#202833;}#home-products li:nth-child(3n) p{color:#505050 !important;}
#home-products li:nth-child(3n) a{color:#505050;}#home-products li:nth-child(3n) img{filter:initial;}

#home-products li h2{width:90%; font-size:24px;  font-weight:500; margin:0px; padding:5px 0px; position:relative;}
#home-products li p{width:90%;  font-size:16px; margin-bottom:20px; padding:10px 0px;}
#home-products li a{position:relative; color:#202833; display: flex; align-items: center; padding:0px; margin:0px; width:auto; height:auto; justify-content:left; gap: 14px;}
#home-products li a img{padding:0px; margin:0px; width:auto; height:12px;}

#home-upvc-products{background:#ffffff;padding:40px 0px 60px;margin:0px 0px 0px;position: relative;overflow:hidden;}
#home-upvc-products h2 {width: 60%;font-size:54px;font-weight: 500;margin:0px auto;padding:0px 0px;position: relative;text-align:center; font-family:The Castle Elizah;}
#home-upvc-products p{width:60%;color: #505050;font-size: 18px;margin:0px auto; padding: 10px 0px 20px;text-align:center;}
.home-upvc-products{display:flex; gap:30px; margin:50px 0px 0px; padding:0px; position:relative;}
.home-upvc-left{width:30%; margin:0px; padding:0px; position:relative;}

.home-upvc-box{margin:0px; padding-right:15%; text-align:right; position:relative; top: 7%; z-index:1;}
.home-upvc-box::before {position: absolute;content: "";width:80px;height:50px;background: url(../images/2024/01/02/icon-1.png) no-repeat;background-size:100%;background-position:bottom right;z-index: -1;top:0px;right:-38px;}
.home-upvc-box::after {position: absolute;content: "";width:20px;height:20px;background: url(../images/2024/01/02/dotted.gif) no-repeat;background-size:100%;background-position:bottom right;z-index: -1;top:3px;right:32px;}

.home-upvc-box1{margin:0px; padding-right:15%; text-align:right; position:relative; top:30%; z-index:1;}
.home-upvc-box1::before {position: absolute;content: "";width:80px;height:20px;background: url(../images/2024/01/02/icon-2.png) no-repeat;background-size:100%;background-position:bottom right;z-index: -1;top:0px;right:-38px;}
.home-upvc-box1::after {position: absolute;content: "";width:20px;height:20px;background: url(../images/2024/01/02/dotted.gif) no-repeat;background-size:100%;background-position:bottom right;z-index: -1;top:9px;right:32px;}

.home-upvc-box2{margin:0px; padding-left:18%; text-align:left; position:relative; top:15%; z-index:1;}
.home-upvc-box2::before {position: absolute;content: "";width:80px;height:126px;background: url(../images/2024/01/02/icon-3.png) no-repeat;background-size:100%;background-position:bottom left;z-index: -1;top:0px;left:-31px;}
.home-upvc-box2::after {position: absolute;content: "";width:20px;height:20px;background: url(../images/2024/01/02/dotted.gif) no-repeat;background-size:100%;background-position:bottom left;z-index: -1;top:12px;left:38px;}

.home-upvc-box3{margin:0px; padding-left:18%; text-align:left; position:relative; top:35%; z-index:1;}
.home-upvc-box3::before {position: absolute;content: "";width:80px;height:90px;background: url(../images/2024/01/02/icon-4.png) no-repeat;background-size:100%;background-position:bottom left;z-index: -1;top:0px;left:-31px;}
.home-upvc-box3::after {position: absolute;content: "";width:20px;height:20px;background: url(../images/2024/01/02/dotted.gif) no-repeat;background-size:100%;background-position:bottom left;z-index: -1;top:12px;left:38px;}


.home-upvc-left h3 {width:100%;font-size:24px;font-weight:500;margin:0px auto;padding:0px 0px;position: relative;}
.home-upvc-left .home-upvc-text{width:100%;color: #505050;font-size:16px;margin:0px auto; padding: 10px 0px 20px; }
.home-upvc-mid{width:40%; margin:0px; padding:0px; position:relative; }
.home-upvc-right{width:30%; margin:0px; padding:0px; position:relative;}

.home-upvc-right h3 {width:100%;font-size:24px;font-weight:500;margin:0px auto;padding:0px 0px;position: relative;}
.home-upvc-right .home-upvc-text{width:100%;color: #505050;font-size:16px;margin:0px auto; padding: 10px 0px 20px; }

#home-products-quilty{
  background: #ffffff;
  padding:40px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#home-products-quilty h2 {
  width:70%;
  font-size: 54px;
  font-weight: 500;
  margin: 0px auto;
  padding:0px 0px 60px;
  position: relative;
  text-align: center;
  font-family:The Castle Elizah;
}
.home-products-quilty{display:flex; gap:20px; margin:0px; padding:0px; position:relative; z-index:1;}
.home-products-quilty-left{width:33%;display:flex; margin:0px; padding:0px; position:relative; z-index:1; transition:600ms ease transform;}.home-products-quilty-left:hover{transform: scaleX(1.1) scaleY(1.1);  z-index:2;}
.home-products-quilty-mid{width:33%;display:flex; margin:0px; padding:0px; position:relative; flex-direction: column; gap:20px;}.home-quilty-mid-item{margin:0px; padding:0px; position:relative; z-index:1;  transition:600ms ease transform;}
.home-quilty-mid-item:hover{transform: scaleX(1.1) scaleY(1.1);  z-index:2;}
.home-products-quilty-right{width:33%;display:flex; margin:0px; padding:0px; position:relative; z-index:1; transition:600ms ease transform;}.home-products-quilty-right:hover{transform: scaleX(1.1) scaleY(1.1);  z-index:2;}
.home-products-quilty .home-products-quilty-text{
    position: absolute;
    inset: auto 0px 0px;
    z-index:2;
    padding: 15px 20px;
    overflow: hidden;
}
.home-products-quilty-text::before{
  position: absolute;
  content: "";
  width:100%;
  height:100%;
  background: url(../images/2024/01/03/bg.png) no-repeat;
  background-size:auto;
  backdrop-filter: blur(10px);
  background-position:bottom center;
  z-index:1;
  top: 0px;
  left:0px;
  opacity:0.6;
}

.home-products-quilty-text::after {
    content: "";
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.8) 50%);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index:-1;
	left:0px;
}
.home-products-quilty-left .home-products-quilty-text::after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.01) 0%, rgba(0, 0, 0, 0.2) 50%);
}
.home-products-quilty-right .home-products-quilty-text::after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.01) 0%, rgba(0, 0, 0, 0.2) 50%);
}
.home-products-quilty-text h3{
  width:100%;color:#ffffff;
  font-size:24px;
  font-weight: 500;
  margin: 0px;
  padding: 5px 0px;
  position: relative;
  z-index: 2;
}
.home-products-quilty-text p {
  width:100%;color:#ffffff;
  font-size: 16px;
  margin-bottom:0px;
  padding: 10px 0px;
  position: relative;
  z-index: 2;
}



#home-products-gallery{
  background:#FFFDFA;
  padding:60px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#home-products-gallery h2 {
  width:60%;
  font-size: 54px;
  font-weight: 500;
  margin: 0px auto;
  padding:0px 0px 0px;
  position: relative;
  text-align: center;
  font-family:The Castle Elizah;
}
#home-products-gallery p {
  width: 60%;
  color: #505050;
  font-size: 18px;
  margin: 0px auto;
  padding: 10px 0px 60px;
  text-align: center;
}
#home-gallery .item{position:relative;}
#home-gallery img{border-radius:20px;}
.home-gallery-text{
  position: absolute;
  inset: auto 0px 0px;
  z-index: 2;
  padding: 15px 20px;
  overflow: hidden;
}
.home-gallery-text::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/2024/01/04/bg.png) no-repeat;
  background-size:100%;
  backdrop-filter: blur(10px);
  background-position: bottom center;
  z-index: 1;
  top: 0px;
  left: 0px;
  opacity: 0.5;
  border-radius:0px 0px 20px 20px;
}
.home-gallery-text::after {
  content: "";
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.01) 0%, rgba(0, 0, 0, 0.4) 50%);
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  left: 0px;
  border-radius:0px 0px 20px 20px;
}
.home-gallery-text h3 {
  width: 100%;
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
  margin: 0px;
  padding: 5px 0px;
  position: relative;
  z-index: 2;
  text-align:right;
}

#home-our-clients{
  background: #FFFDFA;
  padding:40px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#home-our-clients h2 {
  width:50%;
  font-size: 54px;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 60px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}
.home-our-clients-box{display:flex; gap:25px; margin:0px; padding:0px; position:relative;}
.home-clients-leftbox{width:68%;display;flex; margin:0px; padding:0px; position:relative; border-radius:24px;}
.home-clients-leftbox img{border-radius:24px;}
.home-clients-item{position:absolute; top:0px; left:0px; padding:20px; width:100%; height:100%; z-index: 1;}
.home-clients-item::after {
    content: "";
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.6) 100%);
    position: absolute;
    opacity: 0.69;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index:-1;
    border-radius:24px;
    left: 0px;
    bottom: 0px;
}
.facts-numbers{font-size:14px;  color:#fff;}
.home-clients-detail{
	position: absolute;
    inset: auto 0px 0px;
    z-index: 1;
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    -moz-box-pack: end;
    justify-content: flex-end;
}
.home-clients-detail h3{width:60%; font-family: The Castle Elizah;font-size: 48px; line-height:55px; color:#fff;}
.home-clients-detail p{width:60%; font-size:16px; padding-top:10px; color:#fff;}
.home-clients-detail img {width: 90px;position: absolute;right: 30px;bottom:30px; transition:600ms ease transform;}
.home-clients-detail img:hover{box-shadow: 1px 5px 10px rgba(0,0,0,0.1); transform: scaleX(1.1) scaleY(1.1);  z-index:2;}
.home-clients-rightbox{width:32%;display;flex; margin:0px; padding:20px; position:relative; border-radius:24px;
background: #0161FE;}
.home-clients-rightbox h3{width:100%;font-family:Inter Medium; font-size:122px; color:#fff;}
.home-clients-rightbox h3 span{font-size:60px;}
.home-clients-rightbox p{width:70%; font-size:32px; padding-top:20px; color:#fff;}

.home-our-clients-box1{display:flex; gap:25px; margin:30px 0px 0px; padding:0px; position:relative;}
.home-clients-leftbox1 {
  width: 32%;
  margin: 0px;
  padding: 20px;
  position: relative;
  border-radius: 24px;
  background:#202833;
}
.home-clients-leftbox1 h3{width:100%; margin-bottom:30px; font-size:32px;color:#fff;}
.home-clients-leftbox1 img {border-radius:20px;}
.home-clients-rightbox1 {
  width:68%;
  margin: 0px;
  padding: 20px;
  position: relative;
  border-radius: 24px;
  background:#F3EDE6;;
}
.home-clients-rightbox1 .facts-numbers{color:#CDC2B5;}
.home-clients-rightbox1 h3{width:100%; padding-top:25px; font-family: The Castle Elizah;font-size:36px; line-height:55px; color:#202833;}
.home-clients-rightbox1 h4{font-size:18px; color:#202833; position: absolute;inset: auto 0px 0px;z-index: 1; display: flex;flex-direction: column;-moz-box-pack: end;justify-content: flex-end; bottom:30px; left:30px;}


/*----product-list----*/
#product-head{
  background:#F3EDE6;
  padding: 40px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#product-head h1{
  width:70%;
  font-size: 50px;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 60px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}


#product-discover{
  background:#F3EDE6;
  padding: 40px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#product-discover h2{
  width:85%;
  font-size: 50px;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 60px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}
#product-discover ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0px;
    padding: 30px 0;
    width: 100%;
    gap:0px;
    justify-content: space-between;
}
#product-discover li {
    flex: 0 0 49%;
    align-items: center;
    text-align: left;
    justify-content: left;
    position: relative;
	background:#fff;
	padding:40px 30px;
	margin-bottom:25px;
	border-radius: 12px;
}
#product-discover li img{width:70px; height:auto;}
#product-discover li h3{
    font-size:24px;
    color: #121C42;
    text-align: left;
    padding: 20px 0;
    position: relative;
}
#product-discover li p {
    font-size:18px;height:60px;
    width:100%;
    color:#505050;
}

#product-windows-doors{
  background:#ffffff;
  padding:60px 0px 110px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#product-windows-doors h2{
  width:80%;
  font-size: 54px;
  font-weight: 500;
  margin: 0px auto;
  padding:0px 0px 60px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}
#product-windows {margin-top:20px;padding-left:90px;}
#product-door{margin-top:20px;padding-left:90px;}
.product-list-img{border-radius: 12px;}
.product-windows-item{
  position: absolute;
  inset: auto 0px 0px;
  z-index: 2;
  padding: 15px 20px;
  overflow: hidden;
  border-radius: 12px;
}
.product-windows-item::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/2024/02/bg.png) no-repeat;
  background-size: auto;
  backdrop-filter: blur(10px);
  background-position: bottom left;
  z-index: 1;
  top: 0px;
  left: 0px;
  opacity: 0.7;
}
.product-windows-item::after {
  content: "";
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 0%, rgba(0, 0, 0, 0.4) 50%);
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  left: 0px;
}
.product-windows-item h3 {
  width: 100%;
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
  margin: 0px;
  padding: 5px 0px;
  position: relative;
  z-index: 2;
}
.product-windows-item p {
  width: 100%;
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 0px;
  padding: 10px 0px;
  position: relative;
  z-index: 2;
}


#products-list-gallery {
  background: #ffffff;
  padding:0px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#products-list-gallery h2 {
  width: 60%;
  font-size: 54px;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 0px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}
#products-list-gallery p {
  width: 60%;
  color: #505050;
  font-size: 18px;
  margin: 0px auto;
  padding: 10px 0px 60px;
  text-align: center;
}

#product-list-faqs{
  background: #FFFDFA;
  padding: 40px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
.product-list-faqs{display:flex; margin:0px; padding:0px; position:relative;}
.product-list-faqsleft{width:40%; margin:0px; padding:0px; position:relative;}
.product-list-faqsleft h2 {
  width:100%;
  font-size: 54px;
  font-weight: 500;
  margin: 0px;
  padding: 0px 0px 0px;
  position: relative;
  font-family: The Castle Elizah;
}
.product-list-faqsright{width:60%; margin:0px; padding:0px; position:relative;}

.product-list-faqsright a{
  background: none;
  border: 2px solid #202833;
  color:#202833;
  margin-top:50px;margin-left:20px;
  padding: 8px 20px 8px 20px;
  border-radius: 77px;
  position: relative;
  z-index: 1;
  display: flex;align-items: center;
  width: max-content;
}
.product-list-faqsright a img{width: auto;height: 10px; margin-left:10px;}


#product-list-blog{
  background:#F3EDE6;
  padding:60px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#product-list-blog h2 {
  width: 60%;
  font-size: 54px;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 60px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}
#product-list-blog ul{display:flex; gap:25px; margin:0px; padding:0px; position:relative;}
#product-list-blog li{width:33.33%; margin:0px; padding:20px; position:relative; border-radius: 28px;background: #FFFDF9;}
#product-list-blog li span{color: #909396; font-size:13px; margin:0px; padding:0px;}
#product-list-blog li h3{color:#202833; font-size:25px; height: 160px; margin:0px; padding:20px 0px;}
#product-list-blog li p{color:#505050; font-size:16px; height: 100px; margin:0px; padding:0px 0px 20px;}
#product-list-blog li img {border-radius: 20px;}

#product-list-blog .explore-more{
  background: none;
  border: 2px solid #202833;
  color:#202833;
  margin-top:50px !important; 
  padding: 8px 30px 8px 30px;
  border-radius: 77px;
  position: relative;
  z-index: 1;
  display: flex;align-items: center;
  width: max-content;
  margin: 0px auto;
}
#product-list-blog .explore-more img{width: auto;height: 10px; margin-left:10px;}
/*----END product-list---*/

/*----product---*/
.breadcrumb{padding:0px 0px 10px;}
.breadcrumb ul {padding: 0px;display: flex;flex-wrap: wrap;}
.breadcrumb li {padding:0px 14px;list-style: none;position: relative;text-align: left;color:#0161FE;}
.breadcrumb li a {color:#000000;font-weight: 400;}
.breadcrumb li a:hover {color:#0161FE;}
.breadcrumb .fa {color:#000000;position: absolute;top:0px;right:2px;}
.breadcrumb .fa-home{color:#0161FE;position: absolute;top:4px;right:10px;}


#product-details-head{
  background: #F3EDE6;
  padding: 40px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
}
.product-details-head{display:flex; gap:60px; margin:0px; padding:0px; position:relative;}
.product-details-left{width:50%;  height: 100%;margin:0px; padding:0px; top: 100px;position: sticky;align-items: center;justify-content: center; scroll-margin-top:150px;}
.product-details-right{width:45%; margin-left:5%; margin:0px; padding:0px; position:relative;}
.product-details-right h1 {font-size:36px;margin: 0px;padding: 0px;position: relative;font-family: The Castle Elizah;}
.product-details-right p {color: #505050;font-size:16px;margin:10px 0px 15px;padding: 0px;}
.product-details-right .rating-star{color:#FFAF15; font-size:20px;}
.product-details-right .rating-star span{color:#000;}
.product-details-right .rating-star .fa-star{color: #FFAF15;}
.product-details-colorbox h3{font-size:36px;margin:25px 0px 15px;padding: 0px;position: relative;font-family: The Castle Elizah;}

.product-details-colorbox h3 a{width:max-content; font-family: Inter Regular;color: #ffffff;border-radius: 4px;background: #0161FE;border: 0px;margin:0px;font-size:16px;padding: 10px 16px;position:absolute; right:0px; top:0px; display: flex;justify-content: center; }

.scrollbar {
  scrollbar-width: thin;
  scrollbar-color:#0161FE #000000;
}
.scrollbar::-webkit-scrollbar {
  width:4px;
  height:4px;
}
.scrollbar::-webkit-scrollbar-track {
  background-clip: content-box;
  border:1px solid transparent;
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color:#000000;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color:#000000;
}
.scrollbar::-webkit-scrollbar-corner, .scrollbar::-webkit-scrollbar-track {
  background-color:#0161FE;
}
/* The below styles are for display purposes only */
[class^=scrollbar] {
  width:auto;
  overflow-y:hidden;
  overflow-x:scroll;
  padding-right:10px; margin-right:20px;
}


.product-details-colorbox ul{display:flex; flex-wrap: initial; gap:11px; margin:0px; padding:0px 0px 20px; position:relative; z-index:1; overflow-x:auto; justify-content: left;}
.product-details-colorbox li{width:47px; height:47px; flex: 0 0 47px; border-radius:100%;   background:#ddc0a4; margin:0px; padding:0px; position:relative; z-index:1; cursor:pointer;}
/*.product-details-colorbox .active:before{
  content: "";
  position: absolute;
  width:47px;
  height:47px;
  background: url(../images/2024/03/01/active.png) no-repeat;
  background-size: 100%;
  background-position:left;
  z-index:2;
  top: 0px;
  left:0px;
}*/
.product-details-colorbox li:nth-child(1n) {background:url(../images/2024/08/1.jpg) no-repeat; background-size:100%;}
.product-details-colorbox li:nth-child(2n) {background:url(../images/2024/08/2.jpg) no-repeat; background-size:100%;}
.product-details-colorbox li:nth-child(3n) {background:url(../images/2024/08/3.jpg) no-repeat; background-size:100%;}
.product-details-colorbox li:nth-child(4n) {background:url(../images/2024/08/4.jpg) no-repeat; background-size:100%;}
.product-details-colorbox li:nth-child(5n) {background:url(../images/2024/08/5.jpg) no-repeat; background-size:100%;}
.product-details-colorbox li:nth-child(6n) {background:url(../images/2024/08/6.jpg) no-repeat; background-size:100%;}
.product-details-colorbox li:nth-child(7n) {background:url(../images/2024/08/7.jpg) no-repeat; background-size:100%;}
.product-details-colorbox li:nth-child(8n) {background:url(../images/2024/08/8.jpg) no-repeat; background-size:100%;}
.product-details-colorbox li:nth-child(9n) {background:url(../images/2024/08/8.jpg) no-repeat; background-size:100%;}

.product-details-colorbox li:nth-child(10n) {background:#a8a69a;}
.product-details-colorbox li:nth-child(11n) {background:#cecfc4;}
.product-details-colorbox li:nth-child(12n) {background:#ffffff;}
.product-details-colorbox li:nth-child(13n) {background:#655e42;}
.product-details-colorbox li:nth-child(14n) {background:#393623;}
.product-details-colorbox li:nth-child(15n) {background:#a09c67;}
.product-details-colorbox li:nth-child(16n) {background:#bbbcae;}
.product-details-colorbox li:nth-child(17n) {background:#716c5c;}
.product-details-colorbox li:nth-child(18n) {background:#68633f;}
.product-details-colorbox li:nth-child(19n) {background:#7e7b60;}
.product-details-colorbox li:nth-child(20n) {background:#989265;}
.product-details-colorbox li:nth-child(21n) {background:#2b2523;}
.product-details-colorbox li:nth-child(22n) {background:#8b8661;}
.product-details-colorbox li:nth-child(23n) {background:#696347;}
.product-details-colorbox li:nth-child(24n) {background:#8f8c78;}
.product-details-colorbox li:nth-child(25n) {background:#48473f;}
.product-details-colorbox li:nth-child(26n) {background:#393322;}
.product-details-colorbox li:nth-child(27n) {background:#615832;}
.product-details-colorbox li:nth-child(28n) {background:#423e31;}
.product-details-colorbox li:nth-child(29n) {background:#3b3629;}
.product-details-colorbox li:nth-child(30n) {background:#323226;}
.product-details-colorbox li:nth-child(31n) {background:#26251e;}
.product-details-colorbox li:nth-child(32n) {background:#4F3928;}
.product-details-colorbox li:nth-child(33n) {background:#987a33;}
.product-details-colorbox li:nth-child(34n) {background:#8c8c69;}
.product-details-colorbox li:nth-child(35n) {background:#5e531e;}
.product-details-colorbox li:nth-child(36n) {background:#3f3e38;}
.product-details-colorbox li:nth-child(37n) {background:#413b2e;}


.product-details-right .pro-consultation a{width: 100%;color: #ffffff;border-radius: 4px;background: #0161FE;border:0px;margin-top:25px;font-size:22px;padding: 10px 16px;position: relative;display:flex;justify-content: center;}
.product-details-right .buy-off-product a{width: 100%;color:#202833;border-radius: 4px;border: 1px solid rgba(0, 0, 0, 0.06);background: #F1E5D7;margin-top:25px; margin-bottom:25px; font-size:22px;padding: 10px 16px;position: relative;display:flex;justify-content: center;}
.product-details-right h2{font-size:36px;margin:25px 0px 0px;padding: 0px;position: relative;font-family: The Castle Elizah;}


#color-option-section{
  background: #ffffff;
  padding: 20px 0px 40px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#color-option-section ul {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  align-items: center;
  margin: 70px 0px 0px;
  padding: 0px;
  position: relative;
}
#color-option-section li {
  width:31%;
  align-items: center;
  text-align: left;
  justify-content: left;
  padding:10px;
  border-radius: 12px;
  background: #F3EDE6;
  position: relative;
  transition: 600ms ease transform;
  overflow: hidden;
  z-index: 1;
}
#color-option-section li img{width: 100%; border-radius: 12px;}
#color-option-section li h2 {
  color: #000;
  width: 100%;
  font-size: 24px;text-align:center;
  margin: 0px;
  padding: 10px 0px;
  position: relative;
}


#product-advantages-img{
  background: #ffffff;
  padding:40px 0px 40px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#product-advantages-img h2 {
  width:55%;
  font-size: 54px;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 60px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}
#product-advantages-img  ul {
    display: flex;
    margin: 0px;
    padding:0px;
    width: 100%;
    gap:30px;
}
#product-advantages-img  li {
    width:23.33%;
    align-items: center;
    text-align:center;
    justify-content:center;
    position: relative;
  transition: 600ms ease transform;
  overflow: hidden;
  z-index:1;
}
#product-advantages-img  li:hover{transform: scaleX(1.1) scaleY(1.1);z-index: 2;}

#product-advantages-img  li img{width:100%; height:auto;}
#product-advantages-img  li h3{
    font-size:20px;font-weight: 500;
    color: #000000;
    text-align: left;
    padding:30px 0 20px;
    position: relative;
}



#product-strength-elegance{
  background: #ffffff;
  padding:60px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#product-strength-elegance h2 {
  width:55%;
  font-size: 54px;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 60px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}
#product-strength-elegance  ul {
    display: flex;
	flex-wrap:wrap;
    margin: 0px;
    padding: 30px 0;
    width: 100%;
    gap:15px;
}
#product-strength-elegance  li {
    width:23.33%;
    align-items: center;
    text-align: left;
    justify-content: left;
    position: relative;
	background:#F3EDE6;
	padding:25px;
	margin-bottom:15px;
	border-radius: 12px;
  transition: 600ms ease transform;
  overflow: hidden;
  z-index:1;
}
#product-strength-elegance  li:hover{transform: scaleX(1.1) scaleY(1.1);z-index: 2;}

#product-strength-elegance  li img{width:70px; height:auto;}
#product-strength-elegance  li h3{
    font-size:20px;font-weight: 500;
    color: #000000;
    text-align: left;
    padding:30px 0 20px;
    position: relative;
}
#product-strength-elegance  li p {
    font-size:14px;
    width:100%;
    color:#505050;
}




#product-details-specifications{
  background: #ffffff;
  padding: 40px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#product-details-specifications h2 {
  width:70%;
  font-size: 50px;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}

 

.we-help-box {
  position: relative;
  width: 100%;
  display: flex;margin-top:70px;
  gap: 10px;align-items: center;
}
.we-help-left {
  width:47%;margin-right:8%;
  padding: 0px;
}
.we-help-right {
  width:43%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
.we-help-left .button {
  display:inline-block;
  width:100%;position:relative;
  height:auto;padding:20px;border-radius:0px; 
  background-color:#fff;
  color:#fff;cursor:pointer;
  text-decoration: none;
  border-bottom: 2px solid #F1E5D7;
}
.we-help-left .button h3{font-size:20px;color:#000;}
.we-help-left .button p{display:none; color:#7C7C7C; font-size:18px; padding-top:15px;}

.we-help-left .active {background-color:#ffffff;}
.we-help-left .active p{display:block;}

.content{margin-top:0px; position:relative;}
.content img{object-fit: revert;position: relative;height: 560px;width: 100%;}

.content .home-drbox li{flex: 0 0 25%; }.content .home-drbox li h5{font-size:14px;}
.help-you-m {
  display: none;
}
div[class*="content-"] { display:none;}
div.active { display:block;}

.we-help-left .active .arrow-icon{
  background-image:url(../images/2024/03/vector-128.png);
}

.we-help-left .arrow-icon{
  background-image:url(../images/2024/03/vector-127.png);
  width:15px;
  height:15px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top:25px;
  right:20px;
}

.product-details-slider{border-radius:24px; margin:70px 0 0px;}

#product-reviews{
  background:#FFFDF9;
  padding: 40px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#product-reviews h2 {
  width:100%;
  font-size: 54px;
  font-weight: 500;
  margin: 0px 0px 30px;
  padding: 0px 0px;
  position: relative;
  font-family: The Castle Elizah;
}
.rating-details-box{display:flex; gap:30px; margin:0px; padding:0px; position:relative;}
.rating-details-box .rating-star{color:#505050;font-size:14px; display:block; width:100%;}
.rating-details-box .rating-star .fa-star{color:#FFAF15;}.star-box{margin-right:15px; display: inline-block;}
.rating-details-box .rating-star span{color:#505050;font-size:14px; margin-left:80px;}

.questions-button-box{display:flex;align-items: flex-start; margin:30px 0 0px; padding:0px; position:relative;}
.questions-button-box h3{
  width:100%;color:#0161FE;
  font-size:40px;
  font-weight: 500; 
  margin: 0px 0px 0px;
  padding: 0px 0px;
  position: relative;
  font-family: The Castle Elizah;
}
.questions-button-box h3:before{content:""; background:#0161FE; width:20%; height:1px; position:absolute; bottom:-4px; }
.questions-button-box h3 span{color:#202833; margin-left:5%;}

.questions-button-right{display:block; width:250px; margin:0px; padding:0px; position:relative;}
.questions-button-right .write-a-review{
  background: none;width:max-content;
  border:2px solid #000;
  color: #000;height:38px;
  padding:4px 60px 4px 20px;
  border-radius: 77px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}
.write-a-review::before {
  position: absolute;
  content: "";
  width: 45px;
  height: 100%;
  background:#000;
  z-index: -1;
  bottom: 0px;
  right: 0px;
  border-radius: 0px 20px 20px 0;
}
.questions-button-right .write-a-review img {
  width: 38px;
  position: absolute;
  right: 5px;
  top: 2px;
  padding: 8px 10px;
  filter: brightness(0) invert(1);
}

.most-reviews{
	width:100%; display:flex; margin-top:20px;
  border-radius: 8px; font-size:14px;
  column-count: 1;  font-weight: Bold;
  background:none;align-items: center; position: relative;
}
.reviews-dropdown {
  padding:8px 20px 8px 15px;
  font-size: 14px;
    font-weight:200;
  appearance: none;font-family:Inter Regular;
  background: transparent;
  border: none;outline:none;
  cursor: pointer;
  position: relative;
  z-index: 1;
  width:max-content;
}
.most-reviews::before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background: url(../images/2024/03/arrow.png) no-repeat;
    background-size: auto;
  background-size: 100%;
  z-index: 1;
  right: 9px;
  top: 14px;
}

.reviews-item-box{display:flex; flex-direction:column; border-bottom:1px solid #F3EDE6;  margin:10px 0px; padding:10px 0px; position:relative;}
.reviews-item-box .rating-star .fa-star{color:#FFAF15;}
.reviews-item-box h4{
  display:flex;align-items: center;
  justify-content: space-between;
  font-size:28px;
  font-weight: 500;
  margin:5px 0px 0px;
  padding: 0px 0px;
  position: relative;
  font-family: The Castle Elizah;
}
.reviews-item-box .reviews-item-date{color:#959595; padding-left:15px; font-size: 16px; font-family:Inter Regular; position:relative;}
.reviews-item-box .reviews-item-date span{ content: ""; background:#959595;width:6px;height:6px;border-radius:100%; position:absolute; left:0px; top:7px;}
.reviews-item-box p{color:#505050;font-size: 18px;padding:10px 0px; margin:0px;}
.reviews-item-box h5{color:#000000;font-size: 16px; font-family:Inter Regular; position:relative; padding:5px 0px 20px; margin:0px;}.reviews-helpful{display:flex; font-size:16px; gap:25px; color:#959595;  padding:5px 0px 20px; margin:0px;}
.reviews-helpful a{ color:#959595;  padding:0px; margin:0px;}

.reviews-show-more{
  background: none;
  width: max-content;
  border: 2px solid #000;
  color: #000;
  height: 38px;
  padding: 4px 60px 4px 20px;
  border-radius: 77px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  margin: 0px auto;
  margin-top: 55px;
  justify-content: center;
}
.reviews-show-more::before {
  position: absolute;
  content: "";
  width: 45px;
  height: 100%;
  background: #000;
  z-index: -1;
  bottom: 0px;
  right: 0px;
  border-radius: 0px 20px 20px 0;
}
.reviews-show-more img {
  width: 38px;
  position: absolute;
  right: 5px;
  top: 2px;
  padding: 8px 10px;
  filter: brightness(0) invert(1);
}

#product-link-section{
  background:#F3EDE6;
  padding: 40px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#product-link-section h2{
  width: 100%;
  font-size: 54px;
  font-weight: 500;
  margin: 0px 0px 30px;
  padding: 0px 0px;
  position: relative;
  font-family: The Castle Elizah;
}


.main-div{background-color:#202833;left: 0;right: 0;bottom: 0;z-index:999999;padding:15px 0px;width:100%; border-top:0px solid rgba(255, 255, 255, 0.21);}
.bottom-fixed-div{display:flex; justify-content: space-between; align-items: center; margin:0px; padding:0px; position:relative;}
.bottom-fixed-slidetext{margin:0px; padding:0px; position:relative; display:flex; align-items:center; gap:18px;
}
.bottom-fixed-div .product-textbox{font-family: The Castle Elizah; font-size:24px; color:#ffffff;}
.bottom-fixed-div .product-off-text{font-size:16px; color:#ffffff;}.bottom-fixed-div .product-off-text span{color:#F90;}
.bottom-fixed-enquire-button{width:max-content;color: #ffffff;border-radius: 4px;background: #0161FE;border: 0px;font-size:18px;padding:6px 16px;position: relative;display: flex;justify-content: center;}
.bottom-fixed-enquire-button a{color: #ffffff !important;}
/*----END product---*/

/*----About ---*/
#about-page-head{
  background: #F3EDE6;
  padding: 40px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
.about-page-head{display:flex; align-items: center; margin:0px; padding:0px; position:relative;}
.about-page-headleft{width:60%; padding-right:20%; margin:0px; position:relative;}
.about-page-headleft h1 {
  width:100%;color:#202833;
  font-size: 54px;
  font-weight: 500;
  margin: 0px;
  padding: 0px 0px 20px;
  position: relative;
  font-family: The Castle Elizah;
}
.about-page-headleft  p {
  font-size: 18px;
  width: 100%;
  color: #505050;
  margin-bottom:25px;
}
.about-page-headleft .explore-now {
  background: none;
  border: 2px solid #0161FE;
  color: #0161FE;
  padding: 8px 70px 8px 20px;
  border-radius: 77px;
  position: relative;
  z-index: 1;
}
.about-page-headleft .explore-now img {
  width: 38px;
  position: absolute;
  right: 5px;
  top: 2px;
  padding: 8px 10px;
  filter: brightness(0) invert(1);
}
.about-page-headleft .explore-now:hover {
  background: #0161FE;
  color: #ffffff;
  border: 2px solid #ffffff;
  box-shadow: 1px 5px 10px rgba(0,0,0,0.1);
}
.about-page-headright{width:40%; margin:0px; padding:0px; position:relative;}
.about-page-headright img{border-radius:16px;}


#our-excellence{
  background: #ffffff;
  padding:60px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#our-excellence h2 {
  width:55%;
  font-size: 54px;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 60px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}
#our-excellence  ul {
    display: flex;
    align-items: center;
    margin: 0px;
    padding: 30px 0;
    width: 100%;
    gap:20px;
    justify-content: space-between;
}
#our-excellence  li {
    width:25%;
    align-items: center;
    text-align: left;
    justify-content: left;
    position: relative;
	background:#F3EDE6;
	padding:40px 30px;
	margin-bottom:25px;
	border-radius: 12px;
  transition: 600ms ease transform;
  overflow: hidden;
  z-index:1;
}
#our-excellence  li:hover{transform: scaleX(1.1) scaleY(1.1);z-index: 2;}

#our-excellence  li img{width:70px; height:auto;}
#our-excellence  li h3{
    font-size:20px;font-weight: 500;
    color: #000000;
    text-align: left;
    padding:30px 0 20px;
    position: relative;
}
#our-excellence  li p {
    font-size:16px;
    width:100%;
    color:#505050;
}

#products-user{
  background: #ffffff;
  padding:0px 0px 20px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#products-user h2 {
  width: 55%;
  font-size: 54px;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 60px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}
#about-product {margin-top: 20px;padding-left:90px;}
#about-product .product-list-img{border-radius: 12px;}
.about-product-item{margin:0px; padding:14px; position:relative;}
.about-product-item h3 {color: #000000;font-size:24px;font-weight: 500;margin: 0px;padding: 5px 0px 0px;text-align:center;}
.about-product-item p{color:#505050;font-size:18px;margin: 0px;padding: 5px 0px 0px;text-align:center;}



.about-question-box{display:flex; gap:25px; align-items:center; justify-content: space-between;margin:70px 0px 0px; padding:0px; position:relative; }
.about-question-box li {
  flex: 0 0 50%;
  align-items: center;
  text-align: left;
  justify-content: left;
  padding:30px;
  border-radius: 12px;
  background: #ffffff;
  position: relative;
  transition: 600ms ease transform;
  overflow: hidden;
  z-index:1;
}
.about-question-box li:hover{transform: scaleX(1.1) scaleY(1.1);z-index: 2;}
.about-question-box li h2 {
  width:100%;
  font-size: 52px;font-family: The Castle Elizah;
  font-weight: 500;
  border-bottom: 0px solid #D8D8D8;
  margin: 0px;
  padding: 10px 0px;
  position: relative;
}
.about-question-box li p {
  width:100%;
  color: #505050;
  font-size: 17px;
  padding: 10px 0px;
}
.about-question-box li .arrow-icon {
  position: absolute;
  right:0px;
  top:34px;
  padding: 0px;
  margin: 0px;
  width: 18px;
  height: auto;
}

.about-question-box li:nth-child(1n) {background:#0161FE;}
.about-question-box li:nth-child(1n) h2{color:#ffffff;}#home-products li:nth-child(1n) p{color:#ffffff;}
.about-question-box li:nth-child(1n) p{color:#ffffff;}.about-question-box li:nth-child(1n) a{color:#ffffff;}
.about-question-box li:nth-child(1n) img{filter: brightness(0) invert(1);}

.about-question-box li:nth-child(2n) {background:#F3EDE6;}
.about-question-box li:nth-child(2n) h2{color:#202833;}
.about-question-box li:nth-child(2n) p{color:#505050;}
.about-question-box li:nth-child(2n) a{color:#505050;}
.about-question-box li:nth-child(2n) img{filter:initial;}
/*----END About ---*/

/*---- Contact ---*/
#contact-us-section{
  background:#F3EDE6;
  padding: 60px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#contact-us-section h1{
  width: 60%;color:#202833;
  font-size: 54px;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 20px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}
#contact-us-section p {
  width:50%;
  color:#505050;
  font-size: 18px;
  margin: 0px auto;
  padding: 10px 0px 60px;
  text-align: center;
}
.contact-us-section{display:flex; gap:30px; margin:0px; padding:0px; position:relative;}
.contact-section-left{width:65%; margin:0px; padding:40px 30px; position:relative; border-radius:12px;background: #FFFDF9;}

.contact-section-left .contact-us-form {width: 100%;gap: 15px;padding-bottom:20px;display: flex;}
.contact-us-form .contact-us-form-box {display:block;width: 100%;}
.contact-us-form ::placeholder {color:#818181; font-size:16px;}
.contact-us-form-box .iti{width: 100%; width: 100%;}.contact-us-form-box .iti__country-list{width: 390px;}
.contact-us-form input, textarea {
  border:1px solid #919396;
  height: 50px;color:#818181;
  padding-left: 15px;
  width: 100% !important;
  font-size: 16px;
  border-radius: 8px;
  background:none;
  outline: none;
  text-align: left;
}
.contact-us-form .magbox {width: 100%;border:1px solid #919396;height:170px;color:#818181;font-size: 16px;padding-top: 10px;padding-left: 16px;}
.contact-us-form .send-message{
  background: none;
  width: max-content;
  border: 2px solid #0161FE;
  color:#0161FE;
  height:45px;
  padding: 4px 60px 4px 20px;
  border-radius: 77px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}
.contact-us-form .send-message::before {
  position: absolute;
  content: "";
  width: 45px;
  height: 100%;
  background:#0161FE;
  z-index: -1;
  bottom: 0px;
  right: 0px;
  border-radius: 0px 20px 20px 0;
}
.contact-us-form .send-message img {
  width: 38px;
  position: absolute;
  right: 5px;
  top:6px;
  padding: 8px 10px;
  filter: brightness(0) invert(1);
}
.contact-us-form .send-message:hover {
  background: #0161FE;
  color: #ffffff;
  border: 2px solid #ffffff;
  box-shadow: 1px 5px 10px rgba(0,0,0,0.1);
}
.agree-box{color:#505050; font-size:12px;}.agree-box a{color:#505050; font-size:12px; text-decoration:underline;}


.contact-section-right{width:35%; margin:0px; padding:40px 30px; position:relative; border-radius:12px;background: #FFFDF9;}
.contact-section-right h3{color:#202833; font-size:22px; font-weight:500; margin-bottom:8px;}
.contact-section-right p{width:100% !important; color:#505050 !important; text-align:left !important; font-size:16px !important; margin-bottom:50px !important; padding:0px !important;}
.contact-section-right ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
	gap: 10px;
}
.contact-section-right li {
    width: 14%;
    padding:0px;
    list-style: none;
    position: relative;
    text-align: center;
}
.contact-section-right li a {
    color:#202833;border:1px solid #202833;
    display: block;background:#ffffff;
    border-radius:100%;
    width:45px;
    height:45px;
    line-height:40px;
    font-size:18px;
}
.contact-section-right li a:hover{background:#202833; color:#ffffff;}


#map-section{
  background: #ffffff;
  padding: 60px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#map-section h2 {
  width: 60%;
  font-size: 54px;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 60px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}

#map-section iframe{width:100%; height:450px; border:1px solid #CCCCCC; border-radius:12px;}
/*----END Contact ---*/


/*----Smart Sliding ---*/
#smart-sliding-slider{ width: 100%;background: #ffffff;height: 100%;overflow: hidden;padding:0px 0px 0px;position: relative;margin: 0px;}
.smart-sliding-slider{margin:0px; padding:0px; position: relative;}
.smart-sliding-slider::before {content: "";position: absolute;bottom: 0px;left: 0px;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.63) 100%);z-index: 1;}
.smart-sliding-doc{width: 100%;display: flex; gap:0px;margin: 0px;padding:50px 0px;position: absolute;bottom:0px;left: 0px;z-index:1;text-align: center;height: 100%;flex-direction: column;justify-content:center;}
.smart-sliding-doc h1{color:#fff; font-size:60px; margin:15px 0px 1px; padding:0px; position:relative; font-family: The Castle Elizah;}
.smart-sliding-doc p{width:50%; color: #fff; font-size:18px; margin: 0px auto; padding:20px 0px 40px; position:relative;}
.smart-sliding-doc a{width:max-content; color: #202833;font-size:16px; border-radius: 8px; background:#fff; margin: 0px auto; padding:7px 28px;  position:relative;}
.smart-sliding-doc a:hover{color:#000000; background:#E4E4E4;}

.smart-sliding-pro{overflow:initial !important;}
.smart-sliding-pro ul{margin-top:-50px !important; gap:0px !important; z-index:2;}
.smart-sliding-pro li:first-child{border-radius:12px 0px 0px 12px !important;}
.smart-sliding-pro li:last-child{border-radius:0px 12px 12px 0px !important;}
/*---- Smart Sliding END ---*/


/*---- Showcase ---*/
#showcase-head {
  background: #F3EDE6;
  padding: 40px 0px 0px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#showcase-head h1 {
  width: 60%;
  font-size: 54px;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 0px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}
#showcase-head p {
  width:90%;
  color: #505050;
  font-size: 18px;
  margin: 0px auto;
  padding: 10px 0px 60px;
  text-align: center;
}

#testimonials-section {
  background: #ffffff;
  padding:60px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
#testimonials-section h2{
  width: 60%;
  font-size: 54px;
  font-weight: 500;
  margin: 0px auto;
  padding: 0px 0px 60px;
  position: relative;
  text-align: center;
  font-family: The Castle Elizah;
}

.testimonials-item{border-radius: 12px;background: #F3EDE6; padding:40px 30px;}
.testimonials-item h3{color:#202833; font-size:28px; line-height:35px; font-family: The Castle Elizah;}.testimonials-item p{color:#505050; height:300px; font-size:18px; line-height:30px; padding:20px 0px 30px;}
.testimonials-item h4{color:#000000; font-size:24px;}
.showcase-fable-services{background:#ffffff !important;}
.flex-row-reverse{flex-direction: row-reverse;}
/*----Showcase END ---*/


/*---- Why Choose Us ---*/
#why-choose-head{
  background:#ffffff;
  padding:20px 0px 40px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}

#why-choose-head ul{
  display: flex;
  gap: 25px;
  align-items: center;
  margin: 70px 0px 0px;
  padding: 0px;
  position: relative;
}
#why-choose-head li {
  width:100%;
  align-items: center;
  text-align: left;
  justify-content: left;
  padding:30px;
  border-radius: 12px;
  background: #F3EDE6;
  position: relative;
  transition: 600ms ease transform;
  overflow: hidden;
  z-index:1;
}
#why-choose-head li h2 {
	color: #000;
  width:100%;
  font-size:24px; 
  border-bottom:1px solid #D8D8D8;
  margin: 0px;
  padding: 10px 0px;
  position: relative;
}
#why-choose-head li p {
  width:100%;
  color: #505050;
  font-size:16px;
  padding: 10px 0px;
}
#why-choose-head li .arrow-icon {
  position: absolute;
  right:0px;
  top:20px;
  padding: 0px;
  margin: 0px;
  width: 18px;
  height: auto;
}

#why-choose-head li:hover {background:#0161FE;}
#why-choose-head li:hover h2{color:#ffffff; border-bottom:1px solid rgba(216, 216, 216, 0.57);;}
#why-choose-head li:hover p{color: rgba(255, 255, 255, 0.60);}
#why-choose-head li:hover a{color: rgba(255, 255, 255, 0.60);}
#why-choose-head li:hover img{filter: brightness(0) invert(1);}

#why-choose-section{
  background:#ffffff;
  padding:60px 0px 60px;
  margin: 0px 0px 0px;
  position: relative;
  overflow: hidden;
}
.why-choose-section{display:flex; gap:140px; align-items: center; margin:0px; padding:0px; position:relative;}
.why-choose-section-left{width:50%; margin:0px; padding:0px; position:relative;}
.why-choose-section-left img{border-radius:16px;}

.why-choose-section-right{width:50%; margin:0px; position:relative;}
.why-choose-section-right h2{
  width:100%;color:#202833;
  font-size: 50px;
  font-weight: 500;
  margin: 0px;
  padding: 0px 0px 20px;
  position: relative;
  font-family: The Castle Elizah;
}
.why-choose-section-right p {
  font-size: 16px;
  width: 100%;
  color: #505050;
  margin-bottom:25px;
}
.why-choose-section-right .explore-now {
  background: none;
  border: 2px solid #0161FE;
  color: #0161FE;
  padding: 8px 70px 8px 20px;
  border-radius: 77px;
  position: relative;
  z-index: 1;
}
.why-choose-section-right .explore-now img {
  width: 38px;
  position: absolute;
  right: 5px;
  top: 2px;
  padding: 8px 10px;
  filter: brightness(0) invert(1);
}
.why-choose-section-right .explore-now:hover {
  background: #0161FE;
  color: #ffffff;
  border: 2px solid #ffffff;
  box-shadow: 1px 5px 10px rgba(0,0,0,0.1);
}
/*----Why Choose Us END ---*/


/*---- Blog ----*/
#blog-slider{width: 100%;background: #ffffff;height: 100%;overflow: hidden;padding: 0px;position: relative;margin:0px;}
#blog-slider .midbox-inner{position:relative;}
#blog-slider::before {position: absolute;content: "";width:100%;height: 100%;background: linear-gradient(to top, rgb(0,0,0,.66)30%, rgb(0,0,0,.32) 70%);z-index: 1;}
#blog-slider .blog-slider-img {object-fit: cover;height: 100%;}
#blog-slider .blog-slider-section {display: flex;margin: 0px;padding: 0px;position: absolute;bottom: 60px;left: 0px;z-index: 1;width:100%;height:auto;align-items: center; justify-content: space-between;}
#blog-slider .blog-section-left {width:60%; padding-left: 40px;}
.blog-section-left span{z-index:1; position:relative; border-radius: 46px;
background: rgba(255, 255, 255, 0.39); padding:10px 20px; color:#fff; margin-bottom:10px; display: flex; width:max-content;}
.blog-section-left h1{font-size:48px;color:#ffffff; padding-bottom:10px;z-index:1;width:100%;position: relative;display: block;}
.blog-section-left p{font-size:18px; line-height: 35px; width:90%; margin:0px; padding:8px 0px 50px; color:#ffffff;}

#blog-slider .blog-section-right{width:max-content; display:flex; justify-content: right; align-items: flex-start; flex-direction: column; padding-right:40px;}
.blog-od{display:flex; gap:20px; align-items:center; color:#fff; font-size:16px;}
.blog-od img{width:40px; height:40px; border-radius:100%;}
.blog-datetime{display:flex; gap:0px; margin-top:10px; align-items:center; color:#fff; font-size:14px;}.blog-datetime span{position:absolute; top:10px; left:-12px; width:7px; height:7px; background:#fff; border-radius:100%;}
.time-blog{font-size:16px; position:relative; margin-left:25px;}


#blogs-mid-list{background:#ffffff;padding:60px 0px 60px;margin: 0px 0px 0px;position: relative;overflow: hidden;}
#blogs-mid-list h2{color: #000;font-size:40px;font-family: Inter Medium; padding:0px 0px 10px; margin:0px;}
#blogs-mid-list p{color: #97979A;font-size:16px; padding:0px; margin:0px;}
.blogs-mid-beginnings{display: flex;margin:40px 0px 0px;padding: 0px;width: 100%;gap: 25px;justify-content: space-between;}
.blogs-mid-left {margin: 0px;padding: 0px;width: 70%;}
.blogs-mid-left ul{display:flex; gap:15px;  margin:0px; padding:0px; position:relative;}
.blogs-mid-left li{list-style:none; margin:0px; padding: 9px 24px; position:relative;border: 1px solid #fff;}
.blogs-mid-left li:hover{border-radius: 8px;border: 1px solid #DEE2DB;background: #ededed;}
.blogs-mid-left li.active{border-radius: 8px;border: 1px solid #DEE2DB;background: #ededed;}

.blogs-mid-right {margin-bottom: 20px;padding: 0px;width:max-content;gap: 25px;display: flex;align-items:center;justify-content: right;position: relative;}
.blogs-mid-right p{width:100px; color:#97979A; font-size:16px;}

.blog-blockquote ul{display:flex; flex-wrap:wrap; gap:15px;  margin:40px 0px 0px; padding:0px; position:relative;}
.blog-blockquote li{width:32.33%; margin:0px 0px 20px; padding:0px; position:relative;border: 1px solid #fff;}
.blog-blockquote .blog-list-img{position:relative; margin:0px; padding:0px; position:relative; border-radius: 8px;}
.blog-list-img .blog-img-text{z-index: 1;top: 15px; left:15px;position:absolute;border-radius: 46px;background: rgba(0, 0, 0, 0.39);backdrop-filter: blur(9.050000190734863px);padding: 10px 20px;color: #fff;margin-bottom: 10px;display: flex;width: max-content;}
 .blog-blockquote .blog-list-img img{border-radius: 8px;}
.blog-blockquote li h3{color:#000; font-size: 22px; font-family: Inter Medium; padding:10px 0px 0px;}
.blog-blockquote li p{color:#97979A !important; font-size:16px !important; padding:10px 0px !important;}.blog-blockquote li .blog-datetime{color:#505050 !important;}
.blog-blockquote li span{background:#505050; border-radius:100%;}
.blog-blockquote li .blog-od{color:#000 !important;}



/*---- Blog END ----*/

/*---- Blog Details  ----*/

#blog-details-slider{width:100%;background:#FFFDF9; height: 100%;overflow: hidden;padding:60px 0px;position: relative;margin:0px;}
.blog-details-slider{display:flex; gap:50px; margin:0px; padding:0px; position:relative;}
.blog-details-lefttext{width:50%; margin:0px; padding:0px; position:relative;}
.blog-details-lefttext h1 {font-size: 40px;color:#000000;padding-bottom: 10px;z-index: 1;width: 100%;position: relative;display: block;font-family: Inter Medium;}
.blog-details-lefttext p {font-size:16px;line-height:30px; font-weight: 700; width: 90%;margin: 0px;padding: 8px 0px 50px;color:#000000;}
.blog-details-lefttext .blog-section-right{flex-direction:row; display: flex; gap:30px;}
.blog-details-lefttext .blog-od{color: #000;}.blog-details-lefttext .blog-datetime{color: #505050; margin-top: 0;}
.blog-details-lefttext .blog-datetime span{background:#505050;}
.blog-details-rightimg{width:50%; margin:0px; padding:0px; position:relative;}


#blog-mid-doc{width:100%;background: #ffffff;height: 100%;overflow: hidden;padding:60px 0px;position: relative;margin:0px;}
.blog-mid-doc{display:flex; gap:60px; margin:0px; padding:0px; position:relative;}
.blog-mid-doc-left{width:70%; margin:0px; padding:0px; position:relative;}
.blog-mid-doc-left .speciality-quotation{background:#9CCDFB; padding:20px 20px 20px 50px; margin:25px 0 0px; position:relative; font-size: 16px; color:#01568C;}
.blog-mid-doc-left .speciality-quotation::before{content:'';background:#03426D;width:2px;height:78%;position: absolute;top:10px; left:20px;}

.blog-mid-doc-left h2{font-size:32px; width:100%; color:#000000; padding-bottom:0px;font-family: Inter Medium;z-index:1;position: relative;display: block;}
.blog-mid-doc-left h2 span{z-index:1; position:relative; width:max-content;}

.blog-mid-doc-left h3{font-size:25px; width:100%; color:#444; padding:14px 0px;font-family: Inter Medium;z-index:1;position: relative;display: block;}

.blog-mid-doc-left p {font-size: 16px;width: 100%;color:#000000;margin:10px 0px 20px;}.blog-mid-doc-left p a{color: #0161FE;}
.blog-mid-doc-left  ul{margin:25px 0 25px; padding:0px;}
.blog-mid-doc-left  ul li{position: relative;color: #000000;width:90%; padding-left: 20px;margin-bottom:20px;font-size: 16px;margin-left:17px;list-style:none;}
.blog-mid-doc-left  ul li::before {content: '';background:#0161FE;width: 8px;height: 8px;border-radius: 50px;position: absolute;top:12px;left: 0px;}

.blog-mid-doc-right{width:30%; margin:0px; padding:0px; position:relative;}
.blog-nav{display:flex;flex-direction: column; width:100%; padding:15px; border:0px solid rgba(0,0,0,.1); border-radius:10px; margin-bottom:25px;}
.blog-nav h3{font-size:24px;color: #090909;font-weight: 400;width: 100%; font-family: Inter Medium; margin-bottom: 14px;text-transform: capitalize;}
.blog-nav ul {display: block; margin: 0px;padding: 0px;gap: 14px;}
.blog-nav li {padding: 0px !important;list-style:none; margin: 0px !important; position: relative;}
.blog-nav li img{position:absolute; width:auto; height:15px; right:10px; top:12px;}
.blog-nav li .active {background:#ededed;color:#000 !important; }
.blog-nav li::before{background:none !important;}
.blog-nav li a {font-size: 16px;color: #7C7C7C;display: block;margin: 4px 0;padding: 8px 15px;border-bottom: 1px solid rgba(0,0,0,.1); position: relative;}
.blog-nav li a:hover{background:#ededed; color:#000 !important;  }
.blog-scroll{scroll-margin-top:100px;}
.Subscribe p{color: #97979A; font-size:16px; margin-bottom:25px;}
.Subscribe input:focus {border:1px solid #3B9D00;}
.Subscribe ::placeholder {color: #97979A; font-size:16px;}
.Subscribe input{border: 1px solid #DCDCDC;height:45px;color:#818181;padding-left: 15px;width: 100% !important;font-size: 16px; background: #ededed;outline: none;text-align: left;}
.Subscribe .send-message{background:#000000;box-shadow: -4px 4px 9.8px 0px rgba(255, 255, 255, 0.29) inset;width:100%;color:#ffffff;border:0px;height:45px;padding:15px 20px 15px 20px;position: relative;z-index: 1;margin-top:15px;display: flex;align-items: center;}
/*---- Blog Details END ----*/




/*----footer ----*/
footer{display:flex;flex-direction:column; margin:0px; padding:40px 0px 10px; position:relative; background:#202833;}
.footer-newsletter{display:flex; gap:30px; margin:0px; padding:30px 0; position:relative;}
.footer-newsletter-left{width:100%; margin:0px; padding:0px; position:relative;}
.footer-newsletter-left h2{width:100%; font-size:52px; line-height:65px;  color:#ffffff;}
.footer-newsletter-left p{width:100%; font-size:14px; padding-top:10px;  color:rgba(255, 255, 255, 0.64);}
.footer-newsletter-right{width:100%; margin:0px; padding:0px; position:relative;}
.footer-newsletter-right .footer-form-box{display:block;width: 100%; margin-bottom:10px;}
.footer-newsletter-right .footer-form-box input, textarea {
	border:0px;
    border-bottom:1px solid rgba(255, 255, 255, 0.21);
    height:45px;color:#fff;
    padding-left:4px;
    width: 100%; 
    font-size:16px;
    background:none;
    outline: none;
    text-align: left;
}
.footer-form-box input::placeholder {color:rgba(255, 255, 255, 0.69); font-size:16px;}
.footer-form-box input:focus {border-bottom:1px solid rgba(255, 255, 255, 0.21);}
.footer-form-box .submit-now {display:flex; width: max-content; margin-top:20px; float: right; background:none; border:0px;}
.footer-form-box .submit-now img{width: auto;height: 12px;margin-left: 7px;}

.footer-section {
    margin: 0px;
    padding: 0px;
    display: flex;gap:30px;
    position: relative;
	border-top:1px solid rgba(255, 255, 255, 0.21);
}
.footer-about{
    width:47%;
    margin: 0px;
    padding-right:4%;
    display: flex;
    flex-direction: column;
}
.footer-about img {
    width:100px;
    margin:20px 0 20px;
    padding: 0px;border-radius:8px;
}
.footer-about p {
  color: #ffffff;
  font-size: 12px;
  position: relative;
}

.footer-links{width:100%;margin:50px 0px 0; padding:0px;display: flex; justify-content: space-between;}
.footer-navbox{width:auto;} .footer-nav-des{display:block;}.footer-nav-mob{display:none;}
.footer-navbox h4{font-size:16px;font-weight: 400;color: #919396;padding-bottom: 10px;margin:0px;}
.footer-navbox ul{display: block;margin: 0px;padding: 0px;}
.footer-navbox li{display: block;padding: 0px;list-style: none;}
.footer-links a{display:block;font-size:14px;   margin:0px;padding:5px 0px;color:#ffffff;}
.footer-links a:hover{color:#e1e1e1;}
.but .fa-chevron-down{display:none;}
.footer-navbox .active .fa-chevron-down::before{content: "\f077";}
.footerbox a .fa{padding-right:7px;}


.footer-soc li{padding-left:25px; position:relative;}
.footer-navbox li .fa{position:absolute; left:0px; top:10px;}

.copyright {
	margin-top:20px;padding-top:20px; margin-top:50px; border-top:1px solid rgba(255, 255, 255, 0.21);
    font-size: 16px;
    display: flex;color:#6c6c6c;
    width: 100%;justify-content: space-around;
}
.footer-about .wiki {
    width:90%;margin-top:20px;
}
.footer-about .wiki ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
	gap: 10px;
}
.footer-about .wiki li {
    width: 14%;
    padding:0px;
    list-style: none;
    position: relative;
    text-align: center;
}
.footer-about .wiki li a {
    color:#202833;border:2px solid #919396;
    display: block;background:#919396;
    border-radius:100%;
    width:35px;
    height:35px;
    line-height:30px;
    font-size:18px;
}
.footer-about .wiki li a:hover{background:#ffffff; color:#202833;}
.copyright .wh{
    width:100%;
    text-align:center;
}
.copyright .wh a{color:#6c6c6c;}.copyright .wh a:hover{color:#ffffff;}

.but .fa-chevron-down{display:none;}
.footer-navbox .active .fa-chevron-down::before{content: "\f077";}
 
.footer-bottom-mob{position:fixed;bottom: 0;left: 0;right: 0;z-index: 3;background:#000000;box-shadow: 0 -1px 4px rgba(0,0,0,.08);display:none; border-radius:10px 10px 0px 0px;}
.navigation-mobile-link {height:60px;color:#ffffff !important;text-align: center !important;justify-content: center !important;flex-grow: 1 !important;flex-direction: column !important;display: flex !important;text-decoration: none;border-right:1px solid #ffffff;}
.navigation-mobile-link .mx-auto{margin-left:auto !important;width:15px;margin-right:auto !important;}
.f-12 {font-size:12px;   padding-top:5px;}

/*----END footer ----*/

/*---------END Header------- */
.get-started-m a {color:#fff;background: #000000;font-size:13px;border-radius:5px;padding:5px 7px;border: 1px solid #000000;}
.mob-head-button{display:none;}
.m-searchbox{display:flex;align-items: center;justify-content: center;width:auto;}
.mob-phone{display:flex;align-items: center;justify-content: center;width:auto;} 
.get-started-m{display:flex;align-items: center;font-family:Inter Medium;width: auto;}.get-started-m a{color:#ffffff; background: #000000;font-size: 13px; border-radius: 5px;padding:5px 7px; border: 1px solid #000000;}
.get-started-m a:hover{color:#ffffff; background:#000000;}
/*---------END Header------- */


@media screen and (max-width:880px) {
#enquiry-bottom-all{display:none;}
	
.slider-des{display:none !important;}.slider-mob{display:block !important;} .iti__country-list{width:280px; overflow-x:hidden;}
.mob-head-button{display:flex; margin:0px; gap:10px; right:15px;top:14px;position: absolute; align-items: center;justify-content: center;}
.m-searchbox img{width:30px;height:auto;}	
.mob-phone img{width:30px;height:auto;}.get-started-m{display:flex;}	

.dropdown-phone1{z-index:999; right:0px; min-width:340px; padding-top:20px;}.sticky .dropdown-phone1{padding-top:8px;}
.dropdown-phone1 ul{z-index:999;}
.dropdown-phone1 a{font-size:14px;}
/*---------END Header------- */
.page-header{display:none !important;}
.m-search-box{display:flex;display: flex;align-items: center;justify-content: center;}
.m-search-box img {width: 25px;height: 25px;}
.m-phone{display:flex;display: flex;align-items: center;justify-content: center;}
.m-phone img {width: 25px;height: 25px;}
#header-id{height:70px; width: 100%;  padding:1px 0;}.headerSecondry{height:auto;}
 .headerTertiary{display:none !important;}  
.logo-m > img{max-width:90px; display:block; padding:8px 0; transform: translateY(0px);}
 .sticky .logo-m > img{transform: translateY(-1px);}
 .sticky .logo-d > img{max-width:134px; transform: translateY(17px); z-index: 666;}
.sticky{backdrop-filter:none; height:60px !important;}
/*---------END Header------- */

.midbox-inner {margin: 0 auto;max-width:100%;width:100%; }
.wiki-mk {padding-left:20px;padding-right:20px;}

.home-slider{flex-direction: column; gap:10px; margin-bottom: 25px;}
.home-slider-left{width:100%;}.home-slider-right{width:100%;}
.home-slider-left h1{font-size:30px;}.home-slider-left h1 span{margin-bottom:0px; color: #000; display:inline-block;}
.home-slider-right p{font-size:16px;}
#home-slider-bottom{padding:20px 0px 20px;}
#home-slider-bottom ul{flex-direction: column;}#home-slider-bottom li{flex: 0 0 100%; margin-bottom:15px;}
#home-slider-bottom li h2{font-size:20px;}#home-slider-bottom li p{font-size:14px; margin-bottom:20px;}#home-slider-bottom li img{width:100px;}.home-slider-img{object-fit:cover;  height:100%;}

#home-products{margin: 0px 0px 0px;}#home-products .wiki-mk{padding-left:0px;padding-right:0px;}
#home-products ul{flex-direction: column;}#home-products li{flex: 0 0 100%; padding:0px 0px 20px;}
#home-products li h2{font-size:20px; width:100%; padding:0px 20px;}#home-products li p{font-size:14px; width:100%; margin-bottom:10px;padding:4px 20px;}
#home-products li a{padding:0px 20px; font-size:14px;}
#wiki-1{display:none;}#wiki-2{display:none;}#wiki-3{display:none;}
#home-products .tabcontent{display:none !important;}
.home-pro-mobe{display:block; padding-bottom:20px; filter:initial !important;}

#home-upvc-products h2{font-size:30px;width:100%;}#home-upvc-products p{font-size:14px;width:100%;}
.home-upvc-products{flex-direction: column; gap:0px;}.home-upvc-left{width:100%;}
.home-upvc-box::before{width:0px; height:0px;}.home-upvc-box::after{width:0px; height:0px;}
.home-upvc-box1::before{width:0px; height:0px;}.home-upvc-box1::after{width:0px; height:0px;}
.home-upvc-box{padding-right:0%; top:0%; padding-bottom:10px;}.home-upvc-box1{padding-right:0%; top:0%;}
.home-upvc-left h3{font-size:20px; text-align:left;}.home-upvc-left .home-upvc-text{font-size:14px; text-align:left;}
.home-upvc-mid{width:90%; padding:30px 0; margin: 0px auto;}
.home-upvc-right{width:100%;}.home-upvc-box2::before{width:0px; height:0px;}.home-upvc-box2::after{width:0px; height:0px;}.home-upvc-box3::before{width:0px; height:0px;}.home-upvc-box3::after{width:0px; height:0px;}
.home-upvc-box2{padding-left:0%; top:0%; padding-bottom:10px;}.home-upvc-box3{padding-left:0%; top:40%;}
.home-upvc-right h3{font-size:20px; text-align:left;}.home-upvc-right .home-upvc-text{font-size:14px; text-align:left;}
#home-products-quilty{padding:0px 0px 20px;}
#home-products-quilty h2{font-size:30px;width:100%;}.home-products-quilty{flex-direction: column; gap:0px;}.home-products-quilty-left{width:100%; margin-bottom:20px;}.home-products-quilty-mid{width:100%;}.home-products-quilty-right{width:100%; margin-top:20px;}.home-products-quilty-text h3{font-size:18px;}.home-products-quilty-text p{font-size:14px; padding:4px 0px;}
#home-our-clients{padding:0px 0px 20px;}
#home-products-gallery h2{font-size:30px;width:100%;}#home-products-gallery p{font-size:16px;width:100%;}.home-gallery-text h3{font-size:14px;}
#home-our-clients h2{font-size:30px;width:100%; padding:20px 0px 30px;}
.home-our-clients-box{flex-direction: column; gap:20px;}.home-clients-item .facts-numbers{margin-bottom:14px;}
.home-clients-leftbox{width:100%;}.home-clients-detail{position: relative; padding:14px 0px;}
.home-clients-detail h3{font-size:22px;line-height:28px;}.home-clients-detail img{width: 60px;  right:5px; bottom:25px;}
.facts-numbers{margin-bottom: 40px;}.home-clients-detail p{font-size:14px;}
.home-clients-rightbox{width:100%;}
.home-clients-rightbox h3{font-size:75px;}.home-clients-rightbox p{width:100%; font-size:22px;}
.home-our-clients-box1{flex-direction: column; gap:20px; margin:20px 0px 0px;}.home-clients-leftbox1 h3{font-size:20px;}
.home-clients-leftbox1{width:100%;}.home-clients-rightbox1{width:100%;}.home-clients-rightbox1 h3{font-size:25px;line-height:30px; padding-top:0px;}.home-clients-rightbox1 h4{position: relative; bottom:0px;left:0px; margin-top:25px; font-size:14px;}

/*----product-list---*/
#product-head h1 {width:100%;font-size:30px; padding: 0px 0px 30px;}
#product-discover{padding:0px 0px 60px;}#product-discover h2{width:100%;font-size:30px; padding: 0px 0px 30px;}
#product-discover li{flex: 0 0 100%;}#product-discover li img{width:50px;}#product-discover li h3{font-size:18px;}#product-discover li p{font-size:14px;}
#product-windows-doors h2{width:100%;font-size:30px;}
#product-windows {margin-top:20px;padding:0px 20px;}#product-door{margin-top:20px;padding:0px 20px;}
.product-windows-item h3{font-size:18px;}.product-windows-item p{font-size:14px;}
#products-list-gallery h2{width:100%;font-size:30px;}#products-list-gallery p{width:100%;font-size:14px; padding: 10px 0px 20px;}.product-list-faqsleft h2{text-align:center; width:100%;font-size:30px; padding-bottom:25px;}
.product-list-faqs{flex-direction: column;}.product-list-faqsleft{width:100%;}.product-list-faqsright{width:100%;}
.product-list-faqsright a{margin: 0px auto; margin-top:40px !important;}#product-list-blog h2{width:100%;font-size:30px;}
#product-list-blog ul{flex-direction: column;}#product-list-blog li{width:100%;}#product-list-blog li h3{font-size:20px;}
#product-list-blog li p{font-size:14px;}
/*----product-list---*/

/*----product---*/
.breadcrumb li:last-child{padding-left: 0px;}
.product-details-head{flex-direction: column; gap:20px;}.product-details-left{width:100%; position: relative; top:0px; scroll-margin-top:0px;}.product-details-right{width:100%;}
.product-details-right h1{font-size:30px;}.product-details-right p{font-size:14px;}.product-details-right .rating-star{font-size:16px;}.product-details-colorbox h3{font-size:30px;}
.product-details-colorbox ul{gap:11px;}.product-details-colorbox li{width:33px;height:33px; flex: 0 0 33px;}
.product-details-colorbox .active::before {width:33px;height:33px;}
.product-details-right .pro-consultation a{font-size:16px;}.product-details-right .buy-off-product a{font-size:14px;}
#product-details-specifications h2{width:100%;font-size:30px;}.we-help-box{flex-direction: column; margin-top:20px;}
.we-help-left .button h3{font-size: 1rem;} .we-help-left .button p{font-size:14px;}
.we-help-left{width:100%;margin-right:0%;}.we-help-left .active .help-you-m{display:block; margin-top:25px;} .we-help-right{display:none;}
#product-reviews h2{width:100%;font-size:30px;}
.rating-details-box .rating-star span{display:block; margin-left:0px; margin-top:10px;}
.questions-button-box{flex-direction: column; gap:20px;}
.questions-button-box h3{width:100%;font-size:30px;}.questions-button-box h3::before{width:50%;}
.questions-button-right{width: max-content;}.reviews-item-box h4{font-size:22px;}
.reviews-item-box p{font-size:14px;}.reviews-helpful{font-size:14px; gap:20px;}

.main-div{padding:10px 0px 10px;}
.bottom-fixed-div{flex-direction: column;}.bottom-fixed-slidetext{flex-direction: column; gap:0px;}
.bottom-fixed-div .product-textbox{font-size:16px;}.bottom-fixed-div .product-off-text{font-size:12px;}
.bottom-fixed-enquire-button{width:80%; margin-top:10px; font-size:14px;}

#product-advantages-img ul{flex-wrap: wrap; gap:20px; justify-content: space-between;}
#product-advantages-img li{width:45%;}

#product-strength-elegance ul{flex-direction: column;}
#product-strength-elegance li{width:100%;}#product-strength-elegance h2{width:100%;font-size:30px;}


/*----END product---*/

/*----About ---*/
.about-page-head{flex-direction: column;}.about-page-headleft{width:100%;padding-right:0%;}.about-page-headright{width:100%;margin-top:40px;}.about-page-headleft h1{width:100%;font-size:30px;}.about-page-headleft p{font-size:14px;}
#our-excellence h2{width:100%;font-size:30px;}#our-excellence ul{flex-direction: column;}
#our-excellence li{width:100%;}#products-user h2{width:100%;font-size:30px;}
#about-product {margin-top: 20px;padding:0 20px;}.about-question-box{flex-direction: column;}
.about-question-box li{flex: 0 0 100%;}.about-question-box li h2{width:100%;font-size:25px;}.about-question-box li p{font-size:14px;}.about-question-box li .arrow-icon{top:18px;}
/*----END About ---*/

/*---- Contact ---*/
#contact-us-section h1{width:100%;font-size:30px; padding: 0px 0px 0px;}#contact-us-section p{width:100%;font-size:14px;}
.contact-us-section{flex-direction: column;}.contact-section-left{width:100%; padding:40px 15px;}
.contact-section-left .contact-us-form{flex-direction: column;}
.contact-section-right{width:100%; padding:40px 15px;}.contact-section-right p{margin-bottom:30px !important;}
#map-section h2{width:100%;font-size:30px; padding:0px 0px 30px;}
/*----END Contact ---*/

/*----Showcase ---*/
#showcase-head h1{width: 100%;font-size:30px;}
#showcase-head p {width: 100%;font-size: 14px;padding: 10px 0px 20px;}

#testimonials-section h2{width:100%;font-size:30px;}
.testimonials-item h3{font-size:24px;}
.testimonials-item p{font-size:14px; line-height:22px;}
.testimonials-item h4{font-size:18px;}
/*----Showcase END ---*/

/*----Why Choose Us ---*/
#why-choose-head ul{flex-direction: column;}
.why-choose-section{flex-direction:column; gap:20px;}
.why-choose-section-left{width:100%;}.why-choose-section-right{width:100%;}
.why-choose-section-right h2{width: 100%;font-size:30px;}
.why-choose-section-right p{font-size:14px; line-height:22px;}
/*----Why Choose Us END ---*/


/*---- Smart Sliding---*/
#smart-sliding-slider img{object-fit: cover;height:370px;}
.smart-sliding-doc h1{font-size:30px;}
.smart-sliding-doc p{width:90%; font-size:14px; line-height:22px; padding:10px 0px 10px;}
.smart-sliding-pro ul{gap:12px !important;}
.smart-sliding-pro li:first-child{border-radius:12px !important;}
.smart-sliding-pro li:last-child{border-radius:12px !important;}
/*---- Smart Sliding END ---*/


/*---- Blog ----*/
#blog-slider{background: #505050;}
#blog-slider::before{background:none;}
#blog-slider .blog-slider-section{position:relative; flex-direction: column; bottom:0px; padding-bottom:25px;}
#blog-slider .blog-section-left{width:100%; padding:20px 0px;} 
.blog-section-left h1{font-size:30px;}.blog-section-left p{width:100%; font-size:14px; line-height:20px; padding: 8px 0px 10px;}
#blog-slider .blog-section-right{width:100%; padding:0px 0px;}

#blogs-mid-list h2{font-size:30px;}
.blogs-mid-beginnings{flex-direction: column; gap:15px;}
.blogs-mid-left{width:100%;}.blogs-mid-left ul{flex-wrap: initial;gap: 15px;justify-content: left;overflow-x: scroll;overflow-y: hidden;padding-bottom: 15px;padding-right: 15px;flex-direction: row;}
.blogs-mid-left li{width:max-content;flex:none; padding: 9px 14px;}
.blog-blockquote li{width:100%;}

/*---- Blog END ----*/

/*---- Blog Details ----*/
.blog-details-slider{flex-direction: column; gap:20px;}
.blog-details-lefttext{width:100%;}.blog-details-lefttext h1{width:100%;font-size:30px;}
.blog-details-lefttext p{width:100%;font-size:14px; line-height:20px; padding: 8px 0px 20px;}
.blog-details-lefttext .blog-section-right{flex-direction: column; gap:10px;}
.blog-details-rightimg{width:100%;}

.blog-mid-doc{flex-direction: column; gap:20px;}
.blog-mid-doc-left{width:100%;}.blog-mid-doc-left h2{font-size:24px;}.blog-mid-doc-left h3{font-size:24px;}.blog-mid-doc-left p{font-size:14px;} .blog-mid-doc-left li{font-size:14px;}
.blog-mid-doc-right{width:100%;}
/*---- Blog Details END ----*/

#color-option-section li{width: 100%;}.product-details-colorbox h3 a{font-size: 14px; padding:8px 10px;}



/*------Footer-----*/
.footer-newsletter{flex-direction: column; gap:0px;}.footer-newsletter-left h2{font-size:30px;line-height:40px;}
.footer-newsletter-right{margin-top:25px;}

.footer-section{flex-direction: column; gap:0px;}.footer-about{width:100%; padding-right:0%; padding-bottom:20px; border-bottom:1px solid #6c6c6c;}.footer-navbox h4{font-size:16px;}.footer-links{flex-direction: column; margin:0px 0px 0;}.footer-navbox{margin:12px 0 0px;}.copyright{flex-direction: column;border-top:0px;  padding-bottom:60px; margin-top:10px; font-size: 14px;}.copyright .wiki{width:100%; margin-bottom:14px;}.copyright .wiki ul{justify-content: center;}.copyright .wh{width:100%; text-align: center;}.footerbox{display:none; }  .footer-navbox ul{display:none; padding-top:10px;}.but{cursor:pointer; position:relative; border-bottom:1px solid #6c6c6c;} .but .fa-chevron-down{display: flex;position: absolute;right:8px;top:0px;}.footer-bottom-mob{display:flex;}
#button{display:none;}.footer-nav-des{display:none;}.footer-nav-mob{display:block;}
/*------END Footer-----*/
 

}