@font-face {
  font-family: "Tangerine";
  src: url(../fonts/tangerine-regular.ttf) format("opentype");
}
@font-face {
  font-family: "Tangerine";
  src: url(../fonts/tangerine-bold.ttf) format("opentype");
}
@font-face {
  font-family: "Sarabun";
  font-weight:400;
  src: url(../fonts/Sarabun-Regular.ttf) format("opentype");
}
@font-face {
  font-family: "Sarabun";
  font-weight:700;
  src: url(../fonts/Sarabun-Bold.ttf) format("opentype");
}

body {
    background-color: #F5F5F5;
    color: #3B3B3B;
    font-family: "Sarabun";
    font-size: 16px;
    line-height: 1.2;
}
h2,h3,h4,h5,h6{color: #000;}
.sectionCvr { padding: 5em 0px; }
.sec-bg{ background: #EEEEEE; }
.title-block { position: relative; }

.title-block .title {
    text-transform: capitalize;
    position: relative;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: #000;
    font-family:'Sarabun';
    margin-bottom:0;
}
.small-heading{
    font-size: 22px;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 700;
    color: #000;
}
.title-block .text{
    position:relative;
    font-family: 'Tangerine';
   font-size:38px;
   line-height:1.2;
   padding-left: 40px;
   margin-bottom:0;
   color: #D7B56D;
}
.title-block .text:before
{
    content: '';
    background: #D7B56D;
    width: 29px;
    height: 1px;
    position: absolute;
    bottom: 20px;
    left: 8px;
}
.title-block.text-white .title, .title-block.text-white .sub-title  { color: #fff; }

.title-block.text-center .sub-title {
    justify-content: center;
    display: inline-flex;
}
.text.text-line {
    position: relative;
    padding-left: 35px;
    font-family: 'Tangerine';
    font-size: 40px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: lowercase;
    color: #D7B56D;
}

.text.text-line:before {
    content: '';
    background: #D7B56D;
    width: 30px;
    height: 1px;
    position: absolute;
    bottom: 15px;
    left: 0;
}

.title-block .sub-title {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 25px;
}
.desc{
    font-size:16px;
    line-height: 1.4;
    font-family: 'Sarabun';
    font-weight:400;

}

.theme-btn {
    display: inline-flex;
    font-size: 14px;
    line-height:1.4;
    color: #000;
    text-transform: capitalize;
    margin-top: 16px;
    position: relative;
    overflow: hidden;
    padding: 5px 7px 5px 21px;
    background:#D7B56D;
    border-radius: 30px;
    z-index: 1;
    transition: all 0.2s linear;
    text-decoration: none;
    align-items: center;
}

.theme-btn svg {
    background: #fff;
    padding:7px;
    border-radius: 20px;
    margin-left: 10px;
    height:18px;
    width:18px;
    transform: rotate(-45deg);
    transition: all 0.2s 
linear;
}
.theme-btn:hover svg {
    transform: rotate(0deg);
    transition: all 0.2s linear;
}
.sec-space{padding-top:40px;}
.img-res{width: 100%;height: 100%;object-fit: cover;}
.sec-btm-br{border-bottom: 1px solid #C4C4C4;padding-bottom: 4em;}
.is-sticky
{
    position: sticky;
    top: 85px;   
}

/*Header Css*/
header nav.navbar{
    padding: 10px 0;
}
header nav.navbar.header-nav.fixed{background: #000;}
header .navbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 11;
    padding:10px 0;
}
.logo-section .logo{width: 270px;}
header ul.navbar-nav .menu-item{ padding:0px 10px; }

header ul.navbar-nav .menu-item a {
    color: #fff;
    font-size: 14px;
    line-height:1.2;
    font-weight:500;
    text-transform: uppercase;
    padding:12px 0px;
}
header ul.navbar-nav .menu-item .sub-menu .menu-item a{color:#000;}
header ul.navbar-nav .menu-item.current-menu-item a , header ul.navbar-nav .menu-item .sub-menu .current-menu-item a{
    color: #d7b56d;
}


.header-nav .header-contact {text-align: right;}
.header-nav .header-contact .social-links {
    display: inline-flex;
    height: 36px;
    width: 36px;
    border: 1px solid #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin: 0 3px;
}
.header-contact .social-links:hover
{
    background: #D7B56D;
}
.header-contact .social-links:hover svg{color:#fff;}

/* Zoom animation */
@keyframes zoomIn {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.1); /* adjust zoom scale */
  }
}

/*Section Css*/
.home-banner .banner-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 1;
    width: 100%;
}
.home-banner .carousel-item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #000000 -8.92%, rgba(0, 0, 0, 0.5) 44.97%, rgba(0, 0, 0, 0.5) 98.86%);
    z-index: 0;
    opacity: 1;
    top: 0;
    left: 0;
}
.banner-text-wrap {
    position: relative;
    padding-right: 30px;
}
.banner-text-wrap .title {
    position:relative;
    font-size: 54px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom:0;
    text-align:end;
    
    
}
.banner-text-wrap:after
{
    content: '';
    position: absolute;
    width: 1px;
    height: 100px;
    background:#fff;
    right:0px;
    top:0;
    bottom: 0;
}

.banner-text-wrap .sub-title {
    position: relative;
    color: #D7B56D;
    font-size: 60px;
    line-height: 1.2;
    font-family: 'Tangerine';
    text-align:end;
    margin-bottom:0;
    margin-top: -30px;
    text-transform: lowercase;
}
.banner-desc-wrap .banner-desc {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 0;
    text-align: start;
    font-weight:400;
    padding-top: 15px
}

.home-banner .carousel-item img
{
    width:100%;
    height:100vh;
    transition: transform 5s ease-in-out;
    transform: scale(1);
}
.home-banner .carousel-item.active img{animation: zoomIn 5s forwards;}
.home-carousel-control {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    z-index:1;
}
.home-carousel-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #000;
    width: 100%;
    padding: 10px 20px;
    border-radius: 20px 20px 0 0

}
.home-carousel-control .home-carousel-wrap .carousel-control-next, .carousel-control-prev {
    position: relative;
    color: #fff;
    opacity: 1;
    text-transform: uppercase;
}
.home-carousel-wrap img {
    width:30px;
}
.home-carousel-control .carousel-control-prev-text,.carousel-control-next-text {
    color: #fff;
    font-size: 13px;
}

.home-carousel-control .carousel-img-wrap {
    position: relative;
}

.home-carousel-control .carousel-img-wrap:before {
    content: '';
    position: absolute;
    background: #fff;
    width: 90px;
    height: 1px;
    bottom: 10px;
    left: -100px;
    opacity:20%;
}
.home-carousel-control .carousel-img-wrap:after {
    content: '';
    position: absolute;
    background: #fff;
    width: 90px;
    height: 1px;
    bottom: 10px;
    right: -100px;
    opacity:20%;
}
.inner-page-banner-section {
    position: relative;
    padding: 8em 0;
    height: 480px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1
}
.inner-page-banner-section::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #000000 -8.92%, rgba(0, 0, 0, 0.5) 44.97%, rgba(0, 0, 0, 0.5) 98.86%);
    z-index: -1;
}

.inner-page-banner-section .inner-banner-item {
    text-align: center
}
.inner-page-banner-section .banner-text-wrap:after{top:0;}
.page-template-catalog .inner-page-banner-section .banner-text-wrap:after {
    top: -15px;
}
.inner-page-banner-section .banner-desc-wrap .banner-desc{padding-top: 0;}


.multiple-tiles {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.multiple-tiles img {
    width: 390px;
    margin: 0px -140px;
    transition: all 0.5s linear;
}
.multiple-tiles img:hover {
    transform: translateY(-20px);
    transition: all 0.5s linear;
}

.client-sec{background:#F5F5F5;}

.tile-design{
background-image: url('data:image/svg+xml,%3Csvg%20width%3D%221920%22%20height%3D%22536%22%20viewBox%3D%220%200%201920%20536%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M-1%200L1920%20410.08V536H-1V0Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
}
.tile-desc{border-bottom:1px solid #C4C4C4;}
.tile-desc,.tile-app{background:#F5F5F5;}
.tile-desc .title-block{padding-right: 50px;}
.multi-title-img img{width:100%;padding:0 30px;}
.tile-desc  .title-block .text ,.tile-cmp .title-block .text.text-line ,.catlog-sec .catlog-sec-wrap .title-block .text.text-line{margin-bottom:15px;}
.tile-app .title-block {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}


.tile-app .tile-app-wrap {
    position: relative;
    background: #fff;
    margin: 25px 0px;
    cursor: pointer;
}

.tile-app .tile-app-wrap .tiles-title-wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 20px 15px 20px 15px;
}

.tile-app .tile-app-wrap .tiles-title-wrap .tiles-title {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
}

.tile-app .tile-app-wrap .tiles-title-wrap svg {
    background: #d7b56d;
    padding:4px 6px;
    border-radius: 20px;
    color: #000;
    font-size: 10px;
}

.tile-app .tile-app-wrap .tile-img img {width: 100%;border-radius: 10px 10px 0 0;/* margin-top: -30px; */}
.tile-cmp-wrap img {
    width: 100%;
}
.tile-cmp-wrap .title-block {padding-left: 30px;}
.white-gap{background: #fff;padding: 1em 0;}
/*.about-sec{padding-bottom:3em!important;}*/
.about-sec .about-wrap .title-block ,.about-wrap .title-block {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 10px;
}
.divider-line .divider{border-bottom:1px solid #DADAE0; }
.about-details .about-title-wrap .title-block .title , .exp-sec-with-year .about-title-wrap .title-block .title {
    padding-bottom: 20px;
}
.page-template-home .about-details .about-desc-wrap{padding-right:30px;}
.page-template-home .exp-sec-with-year .about-title-wrap {
    padding:0 50px;
}
.exp-sec-with-year{position:relative; z-index: 1;}
.exp-sec-with-year .mask-bgr{
    position: absolute;
    top: 88px;
    left: 0;
    width: calc(48% + 20px);
    height: 250px;
    background:#FBFBFB;
    /*transform: translateY(50%);*/
    z-index: -1;
}
.exp-sec-with-year .year-sec-img {display: flex;transform: translateY(135px);}

.exp-sec-with-year  .year-data .left-side-part {
    /*transform: translateY(120px);*/
    margin-left: 10px;
}
.exp-sec-with-year .year-sec-img img {width: 170px;margin-left: 20px;}
.exp-sec-with-year .exp-line {position: relative;}
.exp-sec-with-year .exp-line:after {
    content: '';
    width: 80px;
    height: 0.67px;
    position: absolute;
    background: #A1A1A1;
    bottom: 0;
    transform: translateY(70px);
    right: -10px;
}
.exp-sec-with-year  .exp-desc {display: flex;align-items: center;}
.exp-sec-with-year .exp-desc .year-text {font-size:15px;margin-bottom: 0;padding-left: 10px;font-weight:bold;}
.about-details .about-img img {padding: 0px 50px 30px;width: 100%;}
.exp-sec-with-year .exp-desc .mask-digit 
{
    width: 100px;
    height: 130px;
    position: relative;
    overflow: hidden;
}

.exp-sec-with-year .exp-desc .mask-digit .slick-slide {height: 130px;}
.exp-sec-with-year .exp-desc .digit-mask {
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      -webkit-mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center;
      mask-size: contain;
      width: 100%;
      height: 100%;
      display: block;
      overflow: hidden;
    }
.about-info .about-data .digit-mask {
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      -webkit-mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center;
      mask-size: contain;
      width: 100%;
      height: 100%;
      display: block;
      overflow: hidden;
    }

.digit-3 .digit-mask {
      -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%22164%22%20height%3D%22240%22%20viewBox%3D%220%200%20164%20240%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M79.5051%20240C61.7634%20240%2046.0176%20236.769%2032.2677%20230.306C18.5179%20223.844%208.09466%20214.708%200.997973%20202.897L26.9452%20174.15C33.3766%20181.058%2041.2495%20186.741%2050.5639%20191.198C59.8783%20195.432%2068.7492%20197.549%2077.1765%20197.549C87.1562%20197.549%2095.14%20194.652%20101.128%20188.858C107.337%20182.841%20110.442%20175.042%20110.442%20165.46C110.442%20155.209%20106.894%20147.298%2099.7972%20141.727C92.7005%20136.156%2082.6099%20133.37%2069.5254%20133.37H46.9047V95.9332H69.1927C78.9506%2095.9332%2086.9344%2093.1476%2093.144%2087.5766C99.5754%2081.7827%20102.791%2074.429%20102.791%2065.5153C102.791%2057.9387%20100.352%2052.2563%2095.4726%2048.468C90.5936%2044.4568%2083.3861%2042.4513%2073.8499%2042.4513C54.7775%2042.4513%2038.3665%2050.2507%2024.6166%2065.8496L0%2036.7688C8.42732%2025.4039%2019.8485%2016.4903%2034.2637%2010.0279C48.6788%203.34262%2064.3137%200%2081.1684%200C96.0271%200%20109.112%202.56268%20120.422%207.68803C131.732%2012.5905%20140.492%2019.61%20146.702%2028.7465C152.911%2037.6602%20156.016%2048.0223%20156.016%2059.8329C156.016%2071.1978%20153.133%2081.3371%20147.367%2090.2507C141.601%2099.1644%20133.063%20106.518%20121.753%20112.312C136.168%20118.106%20146.813%20125.682%20153.688%20135.042C160.563%20144.401%20164%20155.877%20164%20169.471C164%20183.51%20160.452%20195.877%20153.355%20206.574C146.48%20217.27%20136.611%20225.515%20123.748%20231.309C111.108%20237.103%2096.3597%20240%2079.5051%20240Z%22%20fill%3D%22%23D7B56D%22%2F%3E%3C%2Fsvg%3E'); 
      mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%22164%22%20height%3D%22240%22%20viewBox%3D%220%200%20164%20240%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M79.5051%20240C61.7634%20240%2046.0176%20236.769%2032.2677%20230.306C18.5179%20223.844%208.09466%20214.708%200.997973%20202.897L26.9452%20174.15C33.3766%20181.058%2041.2495%20186.741%2050.5639%20191.198C59.8783%20195.432%2068.7492%20197.549%2077.1765%20197.549C87.1562%20197.549%2095.14%20194.652%20101.128%20188.858C107.337%20182.841%20110.442%20175.042%20110.442%20165.46C110.442%20155.209%20106.894%20147.298%2099.7972%20141.727C92.7005%20136.156%2082.6099%20133.37%2069.5254%20133.37H46.9047V95.9332H69.1927C78.9506%2095.9332%2086.9344%2093.1476%2093.144%2087.5766C99.5754%2081.7827%20102.791%2074.429%20102.791%2065.5153C102.791%2057.9387%20100.352%2052.2563%2095.4726%2048.468C90.5936%2044.4568%2083.3861%2042.4513%2073.8499%2042.4513C54.7775%2042.4513%2038.3665%2050.2507%2024.6166%2065.8496L0%2036.7688C8.42732%2025.4039%2019.8485%2016.4903%2034.2637%2010.0279C48.6788%203.34262%2064.3137%200%2081.1684%200C96.0271%200%20109.112%202.56268%20120.422%207.68803C131.732%2012.5905%20140.492%2019.61%20146.702%2028.7465C152.911%2037.6602%20156.016%2048.0223%20156.016%2059.8329C156.016%2071.1978%20153.133%2081.3371%20147.367%2090.2507C141.601%2099.1644%20133.063%20106.518%20121.753%20112.312C136.168%20118.106%20146.813%20125.682%20153.688%20135.042C160.563%20144.401%20164%20155.877%20164%20169.471C164%20183.51%20160.452%20195.877%20153.355%20206.574C146.48%20217.27%20136.611%20225.515%20123.748%20231.309C111.108%20237.103%2096.3597%20240%2079.5051%20240Z%22%20fill%3D%22%23D7B56D%22%2F%3E%3C%2Fsvg%3E');
    }

.digit-0 .digit-mask {
      -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%22176%22%20height%3D%22240%22%20viewBox%3D%220%200%20176%20240%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M88%20240C59.4474%20240%2037.5868%20229.778%2022.4182%20209.333C7.47275%20188.889%200%20159.111%200%20120C0%2080.8889%207.47275%2051.1111%2022.4182%2030.6667C37.5868%2010.2222%2059.4474%200%2088%200C116.553%200%20138.302%2010.2222%20153.247%2030.6667C168.416%2051.1111%20176%2080.8889%20176%20120C176%20159.111%20168.416%20188.889%20153.247%20209.333C138.302%20229.778%20116.553%20240%2088%20240ZM88%20201.667C99.5995%20201.667%20108.188%20195.111%20113.764%20182C119.341%20168.667%20122.129%20148%20122.129%20120C122.129%2092%20119.341%2071.4445%20113.764%2058.3333C108.188%2045%2099.5995%2038.3333%2088%2038.3333C76.4005%2038.3333%2067.8124%2045%2062.2357%2058.3333C56.6591%2071.4445%2053.8707%2092%2053.8707%20120C53.8707%20148%2056.6591%20168.667%2062.2357%20182C67.8124%20195.111%2076.4005%20201.667%2088%20201.667Z%22%20fill%3D%22%23D7B56D%22%2F%3E%3C%2Fsvg%3E'); /* Digit 0 PNG with transparent background */
      mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%22176%22%20height%3D%22240%22%20viewBox%3D%220%200%20176%20240%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M88%20240C59.4474%20240%2037.5868%20229.778%2022.4182%20209.333C7.47275%20188.889%200%20159.111%200%20120C0%2080.8889%207.47275%2051.1111%2022.4182%2030.6667C37.5868%2010.2222%2059.4474%200%2088%200C116.553%200%20138.302%2010.2222%20153.247%2030.6667C168.416%2051.1111%20176%2080.8889%20176%20120C176%20159.111%20168.416%20188.889%20153.247%20209.333C138.302%20229.778%20116.553%20240%2088%20240ZM88%20201.667C99.5995%20201.667%20108.188%20195.111%20113.764%20182C119.341%20168.667%20122.129%20148%20122.129%20120C122.129%2092%20119.341%2071.4445%20113.764%2058.3333C108.188%2045%2099.5995%2038.3333%2088%2038.3333C76.4005%2038.3333%2067.8124%2045%2062.2357%2058.3333C56.6591%2071.4445%2053.8707%2092%2053.8707%20120C53.8707%20148%2056.6591%20168.667%2062.2357%20182C67.8124%20195.111%2076.4005%20201.667%2088%20201.667Z%22%20fill%3D%22%23D7B56D%22%2F%3E%3C%2Fsvg%3E');
    }

.digit-mask .digit-slider img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

.digit-mask .digit-slider {
      width: 100%;
      height: 100%;
    }
.strength-sec .st-blck .cnt .desc{line-height: 1.4}

.certificate-sec {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 20px;
    align-items: center;
    justify-content: center;
}
.certificate-sec .cer-title {
    padding-right: 20px;
    font-size: 16px;
    line-height: 1.2;
}
.certificate-sec .cer-logo .cer-list {
   padding-left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.certificate-sec .cer-logo .cer-list .certificate {
    position: relative;
    list-style: none;
    padding: 0 15px;
}
.certificate-sec .cer-logo .cer-list .certificate::after {
    content: '';
    position: absolute;
    background: #DDDDDD;
    width: 1px;
    height: 35px;
    right: 0px;
    top: 15px;
}
.certificate-sec .cer-logo .cer-list .certificate:last-child::after{display: none;}
.certificate-sec .cer-logo .cer-list .certificate img {
    width: 60px;
    height: 60px;
}

.valuable-client{background:#EFEFEF;border-radius: 80px 80px 0 0;}
.valuable-client .title-block {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.client-logo-wrap .client-logos {
    background: #fff;
    margin-top: 70px;
    padding: 50px;
}
.client-logo-wrap .client-logos.slick-initialized .slick-slide {
    height: auto!important;
}
.client-logo-wrap .client-logos .clogo {
    padding: 0 20px;
}

.strength-sec ,.tile-size-sec {
    background: #F5F5F5;
}
.st-blck .cnt {
    padding-right: 45px;
}

.strength-sec .st-blck .cnt {
    padding-right: 0!important;
}

.st-blck .cnt .num {
    font-size: 52px;
    color: #D7B56D;
    font-weight: 700;
    margin-bottom: 10px;
}
.st-blck .cnt .title {
    font-size: 22px;
    line-height:1.2;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.tile-size-sec .tile-size-wrap {
    position:relative;
    background: linear-gradient(#FBFBFB00 0%, #FFFFFF 100%);
    z-index:1;
}
.tile-size-sec .tile-size-wrap:before{
    content: '';
    position: absolute;
    background-image: url('../images/background-img.png');
    width: 100%;
    height:100%;
    z-index:-1;
}
.tile-size-sec .tile-size-wrap .tile-sizes {
    padding: 60px;
}
.contact-info {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 20px 0;
}

.contact-info .ctn-link {
    text-decoration: none;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.contact-info  .ctn-link svg {
    margin-right: 20px;
    background: #EFEFEF;
    padding: 10px;
    border-radius: 20px;
    color: #000;
}

.contact-info  .contact-text {
    margin-bottom: 0;
    font-size: 16px;
}
.catlog-sec,.contact-sec {
    position: relative;
    background:#F5F5F5;
}

.catlog-sec .mask-catbg {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(50% + 20px);
    height: 100%;
    background: url('../images/catalog.png') no-repeat scroll center center / cover;
    }
.catlog-sec-wrap {
    background: #fff;
}

.catlog-sec .catlog-title-wrap {
    position: relative;
    padding: 100px;
}
.catlog-sec .catlog-title-wrap:after{
    content:'';
    position: absolute;
    bottom: -24px;
    right: 0;
    background-image:url('../images/cat-icon.png');
    width: 120px;
    height: 150px;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-sec .contact-wrapper .contact-details-wrap .contact-logo {margin-bottom: 20px;}

.contact-sec .contact-wrapper .contact-details-wrap .contact-logo img {width: 170px;}

.contact-sec .contact-wrapper .contact-details-wrap  .contact-details {
    display: flex;
    flex-direction: column;
}

.contact-sec .contact-wrapper .contact-details-wrap .contact-details .contact-block-side {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
}

.contact-sec .contact-wrapper .contact-details-wrap .contact-details .contact-block-side svg {
    background: #EFEFEF;
    padding:10px 12px;
    border-radius: 20px;
    margin-right: 15px;
    color: #D7B56D;
    width: 18px;
    height: 18px;
}
.contact-sec .contact-wrapper .contact-details-wrap .cnt-title {font-weight: 700;}
.contact-sec .contact-wrapper .contact-details-wrap .contact-txt{
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.4;
}
.contact-sec .contact-wrapper .contact-details-wrap .contact-txt a {
    text-decoration: none;
    color: #000;   

}
.contact-sec .contact-wrapper .contact-details-wrap {
    padding: 40px;
    /* border: 1px solid #000; */
    box-shadow: 0px 0px 2px #bebebe;
}
.contact-sec .contact-wrapper .contact-frmCvr {
    background: #000;
    padding: 50px;
    margin: 0 20px 0 50px;
}
.contact-sec .contact-wrapper .contact-frmCvr .title-block {
    padding-bottom: 20px;
}

.contact-sec .contact-wrapper .contact-frmCvr .title-block .title {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
}
.cta-frm .inputCvr input:not([type="submit"]), .cta-frm .inputCvr textarea {
    border-radius: 0px;
    border: medium none;
    border-bottom: 1px solid #fff;
    margin-top: 5px;
    padding: 10px 10px 10px 0px;
    background: transparent;
    width: 100%;
    color:  #fff;
}

.cta-frm input:not([type="submit"]):focus, .cta-frm textarea:focus { box-shadow: none; }
.cta-frm input:not([type="submit"]):focus-visible, .cta-frm textarea:focus-visible { outline: none; }

.cta-frm input::-webkit-input-placeholder, .cta-frm textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.cta-frm input::-moz-placeholder, .cta-frm textarea::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.cta-frm input:-ms-input-placeholder, .cta-frm textarea:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.cta-frm input:-moz-placeholder, .cta-frm textarea:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.cta-frm input[type="submit"]{border:none;padding:5px 15px 5px 15px}
.cta-frm .wpcf7 form .wpcf7-response-output{ color: #fff; }
.cta-frm .inputCvr textarea {
    height: 80px;
}

.cta-frm .wpcf7-submit{display: none;}
.deal-info .dealer-data {
    background: #FBFBFB;
    display: flex;
    justify-content: space-between;
    min-height: 305px;
}

.deal-info .dealer-data .dealer-title-wrap {
    padding: 30px 15px 30px 30px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.deal-info .dealer-data .dealer-title-wrap .dealer-title {
    font-size: 22px;
    font-weight: 700;
    color:#000;
    margin-bottom: 10px;
}
.deal-info .dealer-data .dealer-title-wrap .dealer-info {
    margin-bottom: 70px;
}
.deal-info  .dealer-data .dealer-img{height:100%;}
.deal-info  .dealer-data .dealer-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.deal-info .dealer-data .dealer-title-wrap .btn-icon {
    text-decoration: none;
    color: #000;
    font-size: 13px;
    display: flex;
    align-items: center;
}
.deal-info .dealer-data .dealer-title-wrap svg {
    background: #D7B56D;
    padding: 2px 5px;
    border-radius: 20px;
    width: 6px;
    margin-left: 3px;
}

/*About Page Css*/
.about-details .about-block {
    background: #fff;
    border: 1px solid #EAEAEA;
    border-radius: 24px;
    padding: 30px;
    height: 100%;
}
.about-details .about-block .about-icon {
    width: 60px;
    height: 60px;
    border: 1px solid #EAEAEA;
    background: #EAEAEA;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 50px;
}
.client-test {
    margin-top: 0;
}
.client-test .test-wrap {
    position: relative;
    background: #FFFFFF;
    padding: 80px;
}
.client-test .test-wrap::after{
    content:'';
    position: absolute;
    bottom: 0;
    right: 0;
    background-image:url('../images/cat-icon.png');
    width: 185px;
    height: 150px;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateY(65px);
}
.client-test .test-wrap .test-img-wrap {
    padding-right: 70px;
    position: relative;
    border-right: 1px solid #C4C4C4;
}

.client-test .test-wrap .test-img-wrap .test-img img {
    border-radius: 100%;
}

.client-test .test-wrap .test-img-wrap .test-img {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.client-test .test-wrap .test-img-wrap .test-info {
    text-align: center;
}

.client-test .test-wrap .test-img-wrap .test-info .test-name {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 10px;
}
.client-test .test-wrap .test-img-wrap .test-info .test-degs {
    font-size: 16px;
    line-height: 1.2;
}
.client-test .test-wrap .test-des-wrap {
    padding-left: 60px;
}
.client-test .test-wrap .test-des-wrap .test-title{color: #3B3B3B;}
.network-section .map-wrap{padding: 0 50px;}

.cities-sec .cities-text {
    font-size: 24px;
    line-height: 1.2;
    color: #000;
    padding: 15px 0;
    border-top: 1px solid #C4C4C4;
    border-bottom: 1px solid #C4C4C4;
    display: inline-flex;
    align-items: center;
}
.cities-sec .plus-sign{color: #D7B56D;margin-right: 5px;font-weight: 700;}
.cities-sec .cities-num {
    color: #D7B56D;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-left: 5px;
}

.milestone-section{position: relative;background: #fff;}
.milestone-section .milestone-text {
    padding-right: 100px;
}
.milestone-section .yearly-data {
    display: flex;
    flex-direction: row;
    align-items: center;
    /*justify-content: space-between;*/
    margin-bottom: 20px;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 10px;
}
.milestone-section .yearly-data .year {
    padding-right: 50px;
    font-size: 46px;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 700;
}
.infra-sec{background: #fff;border-radius: 80px 80px 0 0}

.about-info .about-data {
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-info .about-sec-wrap{border-bottom: 1px solid #c4c4c4;padding-bottom:70px;}
.about-info .about-data .mask-digit {width: 55px;height: 75px;}
.about-info .about-data .about-year {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
    margin-left: 20px;
    color: #000;
    margin-bottom: 0;
}
.about-info .about-data .quality-text {
    font-size: 15px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
}

.about-info .about-data .about-img {
    padding: 0 20px;
    margin: 0 20px;
    position: relative;
    border-left: 1px solid #C4C4C4;
    border-right: 1px solid #C4C4C4;
}
.about-info .about-data.about-middle {position: relative;padding: 30px 0;margin: 30px 0;}

.about-info .about-data.about-middle::before {
    content: '';
    position: absolute;
    background: #C4C4C4;
    width: 100%;
    height: 1px;
    top: 0;
}
.about-info .about-data.about-middle::after {
    content: '';
    position: absolute;
    background: #C4C4C4;
    width: 100%;
    height: 1px;
    bottom: 0;
}
.about-info .about-data .cer-list {
    display: flex;
    flex-direction: row;
    list-style: none;
    margin-bottom: 0;
    justify-content: center;
}

.about-info .about-data .cer-list .certificate {
    padding: 0 20px;
    position: relative;
}
.about-info .about-data .cer-list .certificate img {
    padding: 0 10px;
    width: 70px;
    height: 60px;
    object-fit: cover;
}
.about-info .about-data .cer-list .certificate:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 40px;
    background: #C4C4C4;
    top: 10px;
    right: 0;
}
.about-info .about-data .cer-list .certificate:last-child:after{display:none;}
.catalog-data .catalog-wrap{position:relative;background: #fff;padding: 15px 15px 0px 15px;margin-bottom:40px;}
.cnt-sec .cnt-text{padding-left:50px;}
.product-listing-wrap .product-sorting select.orderby {
    border: none;
}
.product-listing-wrap select::focus-visible ,.product-listing-wrap select::active ,.product-listing-wrap select::select {
    outline-offset:unset;
    border: none;
}

.product-list .product-data-wrap {
    position: relative;
    border: 1px solid #DADADA;
    padding: 10px 10px 0;
    margin-bottom: 25px;
    overflow: hidden;

}
.product-list .product-data-wrap .product-img {
    position: relative;
    overflow: hidden;
}
.product-list .product-data-wrap .product-img img {
    width: 100%;
    object-fit: cover;
    height: 240px;
}
.related .product-list .product-data-wrap .product-img img {
    height: 270px;
    width: 100%;
    object-fit: cover;
}
.woocommerce .product-listing-wrap .product-list .product-img .default-img {
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.woocommerce .product-listing-wrap .product-list .product-img .hover-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    /*transform: translateX(100%);*/
}

.woocommerce .product-listing-wrap .product-data-wrap:hover .default-img {
    /*transform: translateX(-100%);*/
    opacity: 0;
}

.woocommerce .product-listing-wrap .product-data-wrap:hover .hover-img {
    /*transform: translateX(0);*/
    opacity: 1;
}

.product-list .product-data-wrap .product-info .product-sku {
    position: relative;
    padding: 12px 0;
    border-bottom: 1px solid #dadada;
}

.product-list .product-data-wrap .product-info .product-title {
    font-size: 16px;
    line-height: 1.2;
    padding: 12px 0;
    font-weight: 600;
    color: #000;
    margin-bottom: 0;
}
/*.product-listing .product-listing-wrap .product-sorting
{
    background: #fff;
    padding: 10px 20px;    
    margin-bottom: 25px;
}*/
.product-listing .product-listing-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.product-listing .product-listing-wrap .product-sorting .woocommerce-result-count{
    padding-bottom: 0!important;
    margin-bottom: 0!important;
}
.product-listing .product-listing-wrap .product-sorting .woocommerce-ordering {
    padding-bottom: 0!important;
    margin-bottom: 0!important;
    padding: 0;
    margin:0;
}

.product-listing .woof_redraw_zone:last-child .woof_container {
    margin-bottom: 20px !important;
}

.product-listing .product-listing-wrap .woof_reset_button_2 {
    background: #D7B56D;
    border: none;
    color: #000;
    font-size: 13px;
    line-height: 1.3;
    padding: 8px 15px;
}
.product-listing .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    
}
.product-listing .pagination .page-numbers {
    background: #fff;
    color: #000;
    border-radius: 0px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
}
.product-listing .pagination .current {
    background: #D7B56D !important;
    color: #fff;
}

/*Footer Comman Css*/
.comman-heading-sec{padding: 4.5em 0;}
.heading-sec .heading-wrap .heading-text {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
    color: #000;
}

.heading-sec .heading-wrap .heading-text span {
    color: #D7B56D;
    font-family: 'Tangerine';
    font-weight: 700;
    font-size: 70px;
}
.heading-sec .heading-wrap .heading-text .spec-text{font-weight:400;color:#000;}
.catalog-data .catalog-wrap .catalog-btn {
    position: relative;
    bottom: -15px;
    text-align: center;
}

.catalog-data .catalog-wrap .catalog-title {
    position: relative;
    font-size: 18px;
    line-height: 1.2;
    color: #000;
    font-weight: 600;
    text-align: center;
    padding: 20px 0 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.catalog-data .catalog-wrap .catalog-title::after {
    content: '';
    position: absolute;
    background: #dadada;
    width: 20px;
    height: 1px;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.catalog-data .catalog-wrap .catalog-btn .theme-btn {
    margin-top: 0;
}
.cnt-sec .cnt-info-wrap .cnt-title {
    margin-bottom: 5px !important;
}
/*.cnt-sec .cnt-details .contact-details .contact-block-side{align-items: start!important;}*/
.cnt-sec .cnt-details .socila-info {
    position: relative;
    border-top: 1px solid #DADAE0;
    margin-top: 25px;
    padding-top: 35px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.cnt-sec .cnt-details .socila-info .cnt-social-info .cnt-socail-links {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 0;
    margin-left: 20px;}

.cnt-sec .cnt-details .socila-info .cnt-social-info .cnt-socail-links a {display: inline-flex;height: 36px;width: 36px;border: 1px solid #000;border-radius: 50%;align-items: center;justify-content: center;color: #000;margin: 0 5px;}
.cnt-sec .cnt-details .socila-info .cnt-social-info .cnt-socail-links a:hover{background: #D7B56D;}
.cnt-sec .cnt-details .socila-info .cnt-social-info .cnt-socail-links a svg {
    font-size: 16px;
}
.map-sec .gmap-data iframe{width: 100%!important;height:450px;}
.about-product-data .about-product {
    background: #fff;
    padding: 4em 0;
}
.about-product .ab-product-img {
    padding-right: 50px;
}
.blog .banner-text-wrap::after , .page-template-thank-you .banner-text-wrap::after , .page-template-tiles-calculator .banner-text-wrap::after , .single-post .banner-text-wrap::after{display: none;}
.error404 .inner-page-banner-section .banner-text-wrap:after {
    height: 80px;
}
.thank-you-page {
    border: 1px solid #C4C4C4;
}
/*Blog Page Desing*/
.bloglist-sec .bloglistCvr .blog-block-wrapper {
    border: 1px solid #DADADA;
    padding: 10px 10px 20px;
    margin-bottom: 25px;
}
.bloglist-sec .bloglistCvr .blog-block-wrapper .date-block {
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 10px;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
}
.bloglist-sec .bloglistCvr .blog-block-wrapper .blog-details .title {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 500;
    text-transform: capitalize;
}


.bloglist-sec .bloglistCvr .blog-block-wrapper .read-more {
    position: relative;
    display: flex;
    align-items: center;
}
.bloglist-sec .bloglistCvr .blog-block-wrapper .read-more svg{
background: #d7b56d;
    padding: 4px 6px;
    border-radius: 20px;
    color: #000;
    font-size: 10px;
    margin-left: 5px;
}

/*Blog Details Page*/
.blogdetail-sec .blog-detailCvr .entry-title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #000;
}
.blogdetail-sec .blog-detailCvr  .blog-infoCvr .blog-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 15px;
    margin: 20px 0;
}

.blogdetail-sec .blog-content ul
{
  padding-left: 20px;
}
.blogdetail-sec .blog-content ul li
{
  margin-bottom: 6px;
}
.blogdetail-sec .blog-content h2
{
  font-size: 24px;
  margin-bottom: 14px;
}
.blogdetail-sec .blog-content h3
{
  font-size: 22px;
}
.blogdetail-sec .blog-content h4
{
  font-size: 20px;
}
.blogdetail-sec .blog-content h5
{
  font-size: 18px;
}
.blogdetail-sec .blog-content a{text-decoration: none;color: #D7B56D;font-weight: 700;}
.blogdetail-sec .blog-content a:hover{color:#3B3B3B;}
.blog-share .blog-share-links {
    list-style: none;
    display: flex;
    padding-left: 0;
    gap: 10px;
    margin-top: 20px;
}
.blog-share .blog-share-links .social-link{ 
    height: 32px;
    width: 32px;
    border: 1px solid #000;
    color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-detailCvr article {
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 3em;
}
/*Where TO Buy Page css*/
.store-box-wrap .store-details {
    margin: 12px 0;
    background: #fff;
    border: 1px solid #E0E0E0;
}
.store-box-wrap .store-name{margin: 0;}
.store-box-wrap .store-details .store-title {
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 20px;
    align-items: center;
    padding: 20px;
    background: #000;
}
.store-box-wrap .store-name {color: #fff;}
.store-box-wrap .store-details .store-title img{
    height: 35px;
    object-fit: contain;
}
.store-box-wrap .store-details .store-data{padding: 0 16px 16px;}
.store-box-wrap .store-details .store-data .store-info .social-icon {
    width: 38px;
    height: 38px;
    border: 1px solid #D7B56D;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #D7B56D;
}
.store-box-wrap .store-details .store-data .store-info {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    align-items: center;
}
.store-box-wrap .store-details .store-data .store-info:last-child{margin-bottom:0;}
.store-box-wrap .store-details .store-data .store-info .store-img{margin-right:10px;}
.store-box-wrap .store-details .store-data .store-text {
    color: #3B3B3B;
    font-size: 15px;
    line-height: 1.3;
}
.store-box-wrap .store-not-found .not-found-text {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    color: #000;
    padding-top: 20px;
}
.product-listing .product-filter {
    background: #fff;
    padding: 25px 20px 20px;

}
.product-listing .product-filter .woof_container {margin-bottom: 1.5em !important;}

.product-listing .product-filter .woof_redraw_zone .woof_container ul li {position: relative;}

.product-listing .product-filter .woof_redraw_zone .woof_container .woof_list .woof_childs_list {
    margin: 7px 0px !important;
}

.product-listing .product-filter .woof_use_beauty_scroll::-webkit-scrollbar {
    width: 5px !important;

}
.product-listing .product-filter .woof_use_beauty_scroll::-webkit-scrollbar-thumb{
    background-color: #000;
}

.product-listing .product-filter .woof_container .woof_container_inner h4 {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px !important;
    color: #000;
    border-bottom: 1px solid #E0E0E0;
    font-weight: 700;
    padding-bottom:10px;
    text-transform: uppercase;
}
.product-listing .product-filter .woof_container .woof_checkbox_label {
    font-size: 15px;
    line-height: 1.4;
}
.product-listing .product-filter .woof_container .woof_checkbox_label_selected {
    color: #000;
}
.product-listing .sticky-column {
    position: sticky;
    top: 150px;
    z-index: 10;
    align-self: flex-start;
    height: fit-content;
}

.woof_autohide_wrapper {
    position: relative;
    background: #000;
    margin-bottom: 20px;
    padding: 7px 16px;
}

.woof_show_auto_form, .woof_hide_auto_form {
    background-image: url(../images/filter-icon.png) !important;
    background-size: contain !important;
    width: 100% !important;
    align-items: center;
    padding-left: 32px;
}
.woof_autohide_wrapper .woof_show_auto_form::after, .woof_autohide_wrapper .woof_hide_auto_form::after {
    content: "Apply Filter";
    font-size: 18px;
    padding-left: 12px;
    font-weight: bold;
    line-height: 1.2;
    color: #fff;
    top: 5px;
    position: relative;
}

.woof_auto_show_indent .woof_container_inner h4 {
    font-size: 20px;
    font-weight: 600;
}

.related{border-top: 1px solid #DADADA;}
.single-product nav.navbar.header-nav {background: #000;}
.single-product header .navbar-fixed-top {position: relative;}
.single-product .productcvr .woocommerce-breadcrumb {background: #fff;padding: 10px 0;margin-bottom: 0!important;text-align: center;color: #000;}
.single-product .productcvr .woocommerce-breadcrumb a {font-size: 14px;line-height: 1.2;color: #000;}
.single-product .productcvr .woocommerce-breadcrumb svg.fa-chevron-right{font-size: 10px;padding: 0 3px;}
.single-product .productcvr .productdetailsec .product-details-img { padding: 1em;/* background: #fff; */ }
.single-product .productcvr .productdetailsec .product-details-img .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}

.single-product .productcvr .productdetailsec .product-details-img .owl-nav button {
  background: rgba(0,0,0,0.5) !important;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff !important;
  font-size: 18px;
  pointer-events: all;
  transition: 0.3s;
}

.single-product .productcvr .productdetailsec .product-details-img .owl-nav button:hover {
  background: rgba(0,0,0,0.8) !important;
}

.single-product .productcvr .productdetailsec .product-details-img .owl-prev::before {
  content: "\f104";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.single-product .productcvr .productdetailsec .product-details-img .owl-next::before {
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.single-product .productcvr .productdetailsec .product-details-img svg{display: none;}
.single-product .productcvr .productdetailsec .product-details-img .item img {
    height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: contain;
}
.single-product .productcvr .productdetailsec {position: relative;}
.single-product .productcvr .productdetailsec .productsummary .product-sku {
    margin-bottom: 10px;
}
.single-product .productcvr .productdetailsec .productsummary .product_title {
    position: relative;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
    border-bottom: 1px solid #DADADA;
    padding-bottom: 20px !important;
    color: #000;
    margin-bottom: 20px;
}
.single-product .productcvr .productdetailsec .productsummary .product-meta {
    padding-top: 30px;
}
.single-product .productcvr .productdetailsec .productsummary {
    padding-left: 45px;
}

.single-product .productcvr .productdetailsec .productsummary .product-meta .product-attr {display: flex;flex-wrap: wrap;margin-bottom: 20px;}

.single-product .productcvr .productdetailsec .productsummary .product-meta .product-attr .product-att-text {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    color: #000;
    width: 40%;
}
.single-product .productcvr .productdetailsec .productsummary .product-meta .product-attr .psfw-social-icons{margin:0!important;}
.single-product .productcvr .productdetailsec .productsummary .product-meta .product-attr .psfw-social-icons li a {border: none;}
.single-product .productcvr .productdetailsec .productsummary .product-meta .product-attr .psfw-social-icons li a svg {
    font-size: 18px;
}
.single-product .productcvr .productdetailsec .productsummary .product-button {
    display: flex;
    align-items: center;
    gap: 15px;
}
.single-product .productcvr .productdetailsec .productsummary .product-button .theme-btn {
    cursor: pointer;
    margin: 0;
}
.single-product .productcvr .productdetailsec .productsummary .product-button .whatsapp-btn{
    background:#00D02D!important;
    color: #fff!important;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
}
.single-product .productcvr .productdetailsec .productsummary .product-button .whatsapp-btn svg
{
    background: transparent;
    color: #fff;
    transform:none;
     margin: 0;
    padding: 0;
    margin-right: 10px;
    font-size: 26px;
   
}
.buy-filter .filter-data {background: #fff;padding: 40px 40px 20px;}
.buy-filter .filter-data .store-search input,.buy-filter .filter-data .store-search select {
    background: #fff;
    border: 0;
    border-bottom: 1px solid #E0E0E0;
    padding: 20px 10px;
    width: 100%;
    color: #000;
}
.buy-filter .filter-data .store-search input::placeholder,.buy-filter .filter-data .store-search select::placeholder
{
    color: #000;
}
.buy-filter .filter-data .store-search input:focus-visible,.buy-filter .filter-data .store-search select:focus-visible
{
    outline: none;
}
.buy-filter .filter-data .store-search-btn {
    position: relative;
    bottom: -40px;
    text-align: center;
}
.buy-filter .filter-data .store-search-btn .button-search{cursor: pointer;border: 6px solid #F5F5F5;}
.tile-calculation .cal-sec {
    position: relative;
    background:url('../images/tiles-image.png') no-repeat scroll center center / cover;
    padding: 3em 4em 3em;
    border-radius: 10px;
    border: 1px solid #978d8d;
   /* margin-top: 30px; */
   z-index: 1;
}
/*
.tile-calculation .cal-sec::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000000 -39.92%, rgb(0 0 0 / 62%) 44.97%, rgba(0, 0, 0, 0.3) 98.86%);
    z-index: -1;
    top: 0;
    left: 0;
    border-radius: 10px;
}*/ 
.tile-calculation .cal-sec::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: -1;
    top: 0;
    left: 0;
    border-radius: 10px;
    opacity: 0.1;
}
.tile-calculation .cal-sec .calcfrm .inputCvr input:not(input[type="submit"]) ,.tile-calculation .cal-sec .calcfrm .inputCvr select {
    padding: 11px 8px;  
    width: 100%;
    margin-bottom: 20px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    background: transparent;
    outline: none;
    font-size: 16px;
    line-height: 1.2;
}
.tile-calculation .cal-sec .calcfrm .inputCvr input::placeholder ,.tile-calculation .cal-sec .calcfrm .inputCvr select::placeholder {
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
}
.tile-calculation .cal-sec .calcfrm .inputCvr input[type="submit"]
{
    outline: none;
}
.tile-calculation .cal-sec .calcfrm .inputCvr select option{
    color: #000;

}

.tile-calculation .cal-sec.calc-data .title {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
    color: #000;
}

.tile-calculation .calc-data {
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
    font-weight: 600;
    text-align: center;
    
}
.tile-calculation .calc-data.show{
    background: #d7b56d;
    padding: 20px;
    border-radius: 10px;
}
.tile-calculation .calc-data.error{
    color: red;
}

/*Whats App icon css*/

footer .whats-btn {
    position: fixed;
    bottom:20px;
    right: 15px;
    z-index: 2;
    background: linear-gradient(0deg, #00D02D 0%, #10D93A 25%, #3AF15D 75%, #51FE71 100%);
    padding: 7px 9px;
    border-radius: 20px;
}

footer .whats-btn svg.fa-whatsapp {
    color: #fff;
    font-size: 26px;
}

/*Footer Css*/
.footer-section{background-color: #000;padding-top: 50px;}

.footer-section .footer-title {
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 20px;
}
.footerlink .footer-page-links {padding: 0;margin-bottom:0; }

.footerlink .footer-page-links .footer-page-link  {
    /*float: left;
    width: 50%;*/
    padding: 6px 0px;
    list-style: none;
}

.footerlink .footer-page-links .footer-page-link a{font-size:15px;line-height:1.2;color: #fff;text-decoration:none;}
/*.footer-logo {padding: 30px 80px;}*/
.footer-logo img {width: 200px;}
.ftr-block-top {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-bottom: 20px;
}
.ftr-block-top .tile-cat img {margin-right: 10px;}
.ftr-block.ftr-middle {margin-top: 30px;padding: 0 30px;}
.ftr-block-top .tile-cat {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding:0 20px;
}

.footer-section .ftr-block-top .tile-cat .tiles-name {
    font-size: 22px;
    line-height: 1.2;
    color: #fff;
    margin: 0;
    font-weight: 600;
    text-transform: capitalize;

}
.footer-section .ftr-block-top .tile-cat.tiles-cat-first{padding:0px 15px;}
.footer-section .ftr-block-top .tile-cat.tiles-cat-first:after {
    content: '';
    background: #FFFFFF;
    width: 1.5px;
    height: 30px;
    margin-left: 30px;
}
.footer-section .ftr-block-top:after {
    content: '';
    background: #2A2A2A;
    
    height: 1px;
    position: absolute;
    bottom: 0;
}
.footer-section .ftr-block.ftr-middle .ftr-bottom .address-txt{padding-top: 30px;text-align: center;}
.footer-section .address-block .footer-cnt{font-weight: 600;}
.footer-section .ftr-block.ftr-middle .ftr-bottom .address-txt .tile-name {
    position: relative;
    font-size: 15px;
    line-height: 1.3;
    color: #fff;
    text-align: center;
    padding-right: 8px;
    margin-right: 6px;
}

.footer-section .ftr-block.ftr-middle .ftr-bottom .address-txt .tile-name::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 15px;
    background: #FFFFFF;
    top: 3px;
    right: 0;
}
.footer-section .ftr-block.ftr-middle .ftr-bottom .address-txt .tile-name:last-child::after{display: none;}

.footer-section .ftr-social-info .ftr-socail-links {
    display: flex;
    flex-direction: row;
    /*justify-content: center;*/
    flex-wrap: wrap;
    margin-bottom: 0;
}
.footer-section .ftr-social-info .ftr-socail-links li {
    list-style: none;
}
.footer-section .ftr-social-info .ftr-socail-links li a {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 100%;
    margin: 0 5px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-section .ftr-social-info .ftr-socail-links li:first-child a {margin-left: 0;}
.footer-section .ftr-social-info .ftr-socail-links li a:hover {
    background: #D7B56D;
}
.footer-section .ftr-social-info .ftr-socail-links li a svg {
    font-size: 16px;
}
.footer-section .contact-data .footer-title{text-align: end;}
.footer-section .contact-data .contact-info {
    display: flex;
    flex-direction: column;
    /*text-align: end;*/
    color: #fff;
}
.ftr-social-info-wrap .social-wrap .social-title{
    font-size: 16px;
    line-height: 1.2;
    padding-bottom: 10px;
    font-weight: 600;
}
.footer-section .contact-data .contact-info a , .footer-section .footer-cnt-link a  {
    font-size: 15px;
    line-height: 1.4;
    color: #fff;
    width: 100%;
    text-decoration:none;
    margin-bottom: 10px;
}
.footer-section .footer-bottom-block {
    border-top: 1px solid #2A2A2A;
    margin-top:50px;
}
.footer-section .copyright-sec .ftr-social-info-wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;}

.footer-section .copyright-sec .copyright-txt{
    position: relative;
    color:#FFFFFF;
    text-align:center;
    padding: 20px 0;
    margin-bottom:0;
    font-size: 14px;
    line-height: 1.2;
}
.footer-section .copyright-sec .copyright-txt a{color: #fff;}
.contact-sec form .wpcf7-spinner {
    float: right;
}
.contact-sec form svg.fa-spinner{display: none;}
.contact-sec form.submitting svg.fa-spinner{display: block;}
.contact-sec form.submitting svg.fa-arrow-right{display: none;}
.product-sorting .woof_autohide_wrapper { display: none; }
.bloglist-sec .bloglistCvr .blog-block-wrapper .blog-img img {
    width: 100%;
}

/* 
.calculation-box  .inputCvr {position: relative;}
.calculation-box .inputCvr input,
.calculation-box .inputCvr select {
    width: 100%;
    padding: 12px 15px;
    font-size: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fff;
    outline: none;
    transition: 0.3s ease;
}


.calculation-box .inputCvr select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}


.calculation-box .inputCvr:has(select)::after {
    content: "▼";
    position: absolute;
    right: 15px;
    top: 40%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #000;
    pointer-events: none;
}
*/
.product-modal .modal-header {
    border-bottom: 1px solid #000;
}
.product-modal .modal-header .modal-title{font-size: 22px;line-height: 1.2;font-weight: 600;color: #000;}
.product-modal .modal-body{padding:20px;}
.product-modal .modal-body form input ,.product-modal .modal-body form textarea
{
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    padding: 10px 0 10px 0;
    color: #000;
    outline: none!important;
}
.product-modal .modal-body form input::focus-visible ,.product-modal .modal-body form textarea::focus-visible{ border: none!important;
    border-bottom: 1px solid #000!important;outline: none!important;}
.product-modal .modal-body form svg.fa-spinner{display: none;}
.product-modal .modal-body form.submitting svg.fa-spinner{display: block;}
.product-modal .modal-body form.submitting svg.fa-arrow-right{display: none;}
.product-modal .modal-body form input[type="submit"] {display: none;}
.product-modal .modal-body .wpcf7-form p:has(.wpcf7-spinner){ display: none;float:right;}
.product-modal .modal-content .modal-header .btn-close{outline: none;box-shadow: none;}


.director-slider .slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 10px;             
    margin: 0;
    padding: 30px 0 0;
    list-style: none;      
}
.director-slider .slick-dots li {
    margin: 0;
}
.director-slider .slick-dots li button {
    font-size: 0;         
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ccc;       
    border: none;
    cursor: pointer;
    padding: 0;
}
.director-slider .slick-dots li.slick-active button {
    background: #000;       
    width: 12px;
    height: 12px;
}
.social-data-wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 5px;

}

.social-data-wrap .social-icon {
    display: flex;
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social-data-wrap .social-icon:hover{background: #D7B56D;}
.social-data-wrap .social-link-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.social-data-wrap .social-link-wrap .social-text {
    position: relative;
    padding-left: 30px;
    font-size: 15px;
    line-height: 1.2;
}

.social-data-wrap .social-link-wrap .social-text::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 10px;
    background: #fff;
    width: 10px;
    height: 1px;
}
    .footer-section .footer-title , .footer-section .footer-logo{margin-bottom: 20px;}


.popupmodal .modal-header {
    padding: 0px;
    border-bottom: medium none;
}

.popupmodal .modal-body {
    padding: 8px;
}

.popupmodal .modal-header button.btn-close {
    position: absolute;
    background: #ff0000;
    opacity: 9;
    right: 0;
    z-index: 99;
    border-radius: 24px;
    padding: 4px;
    line-height: 0;
    color: #ffffff;
}
.inner-page-banner-section .banner-text-wrap.no-subtext:after{display: none;}
.page-template-certificate .inner-page-banner-section .banner-text-wrap:after {
    top: -15px;
}
.woof_submit_search_form_container{ width:100% !important;  }

/***-------- Responsive CSS -----***/
@media screen and (max-width: 2200px) and (min-width: 2000px){
    .exp-sec-with-year .mask-bgr{top: 88px;}
    .exp-sec-with-year .year-sec-img img {width: 280px;}
    .exp-sec-with-year .exp-line:after {width: 250px;right: 0px;}
    .exp-sec-with-year .year-sec-img {transform: translateY(115px);}
}
@media screen and (max-width: 1999px) and (min-width: 1800px){
     .exp-sec-with-year .year-sec-img{transform: translateY(105px);}
    .exp-sec-with-year .year-sec-img img {width: 200px;}
    .exp-sec-with-year .exp-line:after {width: 200px;right: 10px;}
    .exp-sec-with-year .mask-bgr{top: 70px;}
}
@media screen and (max-width: 1799px) and (min-width: 1600px){
    .exp-sec-with-year .year-sec-img{transform: translateY(105px);}
    .exp-sec-with-year .year-sec-img img {width: 200px;}
   .exp-sec-with-year .exp-line:after {width: 130px;}
}
@media screen and (max-width: 1600px) and (min-width: 1400px)
{
    .exp-sec-with-year .year-sec-img img{margin-left: 45px;}
    .exp-sec-with-year .mask-bgr{top: 45px;}
    .exp-sec-with-year .year-sec-img{transform: translateY(105px);}
    .exp-sec-with-year .exp-line:after{width: 55px;}
}
@media screen and (max-width: 1400px) 
{
    .title-block .title {font-size: 32px;}
    .small-heading {font-size: 20px;}
    .store-box-wrap .store-name {font-size: 18px;}
    .tile-calculation .cal-sec {padding: 3em;}
    .single-product .productcvr .productdetailsec .productsummary .product_title {font-size: 24px;padding-bottom: 15px !important;margin-bottom: 15px;}
    .footer-section .footer-title , .footer-section .footer-logo{margin-bottom:15px;}
    .exp-sec-with-year .mask-bgr{top: 85px;}
} 
@media(max-width: 1350px)
{
    .exp-sec-with-year .year-sec-img {transform: translateY(135px);}
    .exp-sec-with-year .exp-line:after {width: 65px;}
}
@media screen and (max-width: 1280px) 
{
    .multiple-tiles img {width: 350px;margin: 0px -125px;}
    /* .single-product .productcvr .productdetailsec .product-details-img {padding: 3em;} */
    .bloglist-sec .bloglistCvr .blog-block-wrapper .blog-details .title {font-size: 21px;}
    .blogdetail-sec .blog-detailCvr .entry-title {font-size: 28px;}
    .milestone-section .yearly-data .year {padding-right: 40px;font-size: 44px;}
    .page-template-home .comman-heading-sec{padding:0  0 3em 0;}
    .exp-sec-with-year .exp-line:after{display: none;}
    .blog-detailCvr article {padding-bottom: 2em;}
    .comman-heading-sec {padding: 3em 0;}

}
@media screen and (max-width: 1199px) 
{
    .banner-text-wrap .title {font-size: 48px;}
    .banner-desc-wrap .banner-desc {font-size: 22px;}
    .sectionCvr {padding: 4em 0px;}
    .title-block .title {font-size: 30px;}
    .header-nav .header-contact {
        display: flex;
        flex-direction: row;
    }
    .header-nav .logo-section .logo {
        width: 210px;
    }
    header ul.navbar-nav .menu-item a {
        font-size: 13px;
    }

    .header-nav .header-contact .social-links {
        height: 38px;
        width: 38px;
    }
    .tile-desc .title-block .text, .tile-cmp .title-block .text.text-line, .catlog-sec .catlog-sec-wrap .title-block .text.text-line {
        margin-bottom: 5px;
    }
    .deal-info .dealer-data .dealer-title-wrap .dealer-title {font-size: 20px;}
    .page-template-home .exp-sec-with-year .about-title-wrap {padding:0 30px;}
    .catlog-sec .catlog-title-wrap {padding: 70px}
    .contact-sec .contact-wrapper .contact-details-wrap {padding-right: 60px;}
    .contact-sec .contact-wrapper .contact-frmCvr{ margin: 0 20px 0 20px; }
    .contact-sec .wpcf7-form p:has(.wpcf7-spinner){display: none}
    .st-blck .cnt{padding-right: 20px;}
    .tile-size-sec .tile-size-wrap .tile-sizes { padding: 50px; }
    .about-sec .about-wrap .title-block, .about-wrap .title-block{margin-bottom: 0;}
    .deal-info .dealer-data {margin-bottom: 24px;}
    .deal-info .row > [class*="col-"]:last-child .dealer-data {margin-bottom: 0;}
    .page-template-home .comman-heading-sec{padding:3em 0;}
    .deal-info.sectionCvr {padding: 5em 0 0px;}
    .ftr-block-top .tile-cat {padding: 0 10px;}
    .footer-section .ftr-block-top .tile-cat .tiles-name {font-size: 20px;}

    /*About Page*/
    .about-info .about-data .about-img {padding: 0 30px;margin: 0 30px;}
    .about-details .about-desc-wrap {padding-left: 30px;}
    .about-details .about-block {padding: 30px 20px;}
    .client-logo-wrap .client-logos {margin-top: 40px;}
    .client-test {margin-top: 0;}
    .client-test .test-wrap {padding: 40px;}
    .client-test .test-wrap .test-des-wrap {padding-left: 20px;}
    .client-test .test-wrap .test-img-wrap {padding-right: 50px;}
    .milestone-section .milestone-text {padding-right: 50px;}
    .milestone-section .yearly-data .year {padding-right: 30px;font-size: 40px;}
    .st-blck .cnt .num {font-size: 46px;}
    .st-blck .cnt .title {font-size: 18px;}
    .cnt-sec .cnt-text {padding-left: 20px;}
    .contact-sec .contact-wrapper .contact-frmCvr {margin: 0;}
    .cnt-sec .cnt-text {padding-left: 0;}
    .product-listing .product-filter .woof_container .woof_container_inner h4 {font-size: 16px!important;}
    .single-product .productcvr .productdetailsec .productsummary .product_title {font-size: 22px;}
    .single-product .productcvr .productdetailsec .productsummary {padding-left: 30px;}
    .bloglist-sec .bloglistCvr .blog-block-wrapper .blog-details .title {
        font-size: 19px;
      }
    .blogdetail-sec .blog-detailCvr .entry-title {
        font-size: 26px;
        margin-bottom: 25px;
    }
    .blogdetail-sec .blog-content h2 {font-size: 23px;}
    .exp-sec-with-year .mask-bgr {top:78px;}
    .social-data-wrap .social-icon {width: 34px;height: 34px;}
    .social-data-wrap .social-icon svg { font-size: 14px;}
    .social-data-wrap .social-link-wrap .social-text::before {left: 8px;}
    .social-data-wrap .social-link-wrap .social-text {padding-left: 25px;font-size: 14px;}
    .footerlink .footer-page-links .footer-page-link a  , .footer-section .contact-data .contact-info a, .footer-section .footer-cnt-link a{font-size: 14px;}
    .footer-section .ftr-social-info .ftr-socail-links li a{width: 34px;height: 34px;}
    .footer-section .ftr-social-info .ftr-socail-links li a svg {font-size: 14px;}
    .product-listing .sticky-column{top: 90px;}
    .deal-info.sectionCvr {padding: 2.5em 0 0px;}
}
@media(max-width: 1180px)
{
    .exp-sec-with-year .exp-line:after{display: none;}
}
@media screen and (max-width: 1024px) {
    .title-block .title {font-size: 28px;}
    .text.text-line{font-size: 36px;}
    .tile-desc .title-block {padding-right: 30px;}
    .page-template-home .exp-sec-with-year .about-title-wrap {padding:0 15px;}
    .contact-sec .contact-wrapper .contact-details-wrap {
        padding-right: 30px;
    }
    .store-box-wrap .store-details .store-title img {height: 30px;}
    .store-box-wrap .store-name {font-size: 16px;}
    .store-box-wrap .store-details .store-data .store-text{font-size: 14px;}
    .store-box-wrap .store-details .store-data .store-info .social-icon {width: 36px;height: 36px;}
    .cnt-sec .cnt-text {padding-left: 0;}
    .page-template-contact-us .banner-text-wrap:after {height: 90px;}
    /*.exp-sec-with-year .mask-bgr {top: 55px;}*/
    .sec-btm-br {padding-bottom: 2em;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) { }
@media screen and (max-width: 992px)
{
    .bloglist-sec .bloglistCvr .blog-block-wrapper .blog-details .title {
        font-size: 18px;
    }
    .blogdetail-sec .blog-detailCvr .entry-title {
        font-size: 24px;
    }
    .product-listing .sticky-column{position: unset !important;}
    .product-listing .woof_auto_show {
        left: 0;
        opacity: 1 !important;
        height: 0px !important;
    }
    .product-listing .woof_sid_auto_shortcode.woof {margin-bottom: 20px; }
}
@media screen and (max-width: 991px) 
{
    .sectionCvr {padding: 3em 0px;}
    .title-block .title { font-size: 28px;}
    .theme-btn {margin-top: 10px;}
    .small-heading {font-size: 18px;}
    .sec-space {padding-top: 30px;}
    .header-nav .navbar-toggler {border: 1px solid #fff;font-size: 16px;}
    .header-nav .navbar-toggler span {filter: invert(1);}
    .header-nav .navbar-collapse{ background: #000;margin-top: 10px;padding: 10px 20px;}
    .header-nav .header-btn-wrap {display: flex;flex-direction: row;gap: 20px;}
    .main-navigation .menu-item-has-children > a:after{display: none;}
    .banner-text-wrap .title{font-size: 48px;}
    .banner-desc-wrap .banner-desc {font-size: 22px;margin-top: 0;padding-top: 10px;}
    .header-nav .dropdown-toggle ul ul.sub-menu , .header-nav .menu-item.menu-item-has-children:hover ul.sub-menu{display: none;}
    .header-nav .menu-item.menu-item-has-children ul.sub-menu.toggled-on .menu-item{border-bottom: 1px solid #000;}
    .header-nav .menu-item.menu-item-has-children .sub-menu a {padding: 10px 0;}
    .header-nav .dropdown-toggle.toggled-on{display: block!important;}
    .main-navigation .header-nav-links .menu-item .sub-menu{width: 100%;background: #fff;margin-left:0;}
    .header-nav .dropdown-toggle:after {color: #fff;font-size: 22px;top: -5px;}
    .banner-text-wrap:after {height: 85px;}
    .multiple-tiles img {width: 320px;margin: 0px -115px;}
    .tile-desc .title-block {padding-right: 0;}
    .client-sec .title-block {display: flex;flex-direction: row;}
    .tile-desc .multi-title-img {margin-top: 30px;}
    .tile-app .about-sec {padding-bottom: 20px;}
    .tile-app .tile-app-wrap{margin: 20px 0px 10px;}
    .tile-app .row > [class*="col-"]:last-child .tile-app-wrap{margin-bottom: 0;}
    .about-details .about-desc-wrap {padding-left: 0;}
    /*.about-details { padding-top: 30px;}*/
    .about-details .about-img img {padding: 0;padding-left: 20px;}
    .exp-sec-with-year .mask-bgr {width: 50%;height: 180px;}
    .exp-sec-with-year .year-sec-img img {display: none;}
    .exp-sec-with-year .exp-desc .mask-digit {width: 70px;}
    .client-logo-wrap .client-logos {margin-top:30px;}
    .catlog-sec .catlog-title-wrap {padding: 50px;}
    .catlog-sec .mask-catbg {width: 45%;}
    .st-blck .cnt:nth-child(odd) { padding-right: 0; }
    .contact-sec .contact-wrapper .contact-frmCvr {margin: 0;margin-top: 20px;padding-bottom: 30px;}
    .deal-info{padding-top: 0;}
    .deal-info .dealer-data{min-height: 240px;}
    .deal-info .dealer-data .dealer-title-wrap .dealer-info {margin-bottom: 20px;}
    .deal-info .dealer-data .dealer-img {text-align: right;height: 291px;}
    .deal-info .dealer-data .dealer-img img {width: 100%;height: 100%;object-fit: cover;}
    .comman-heading-sec {padding: 3em 0 3em 0;}
    .client-logo-wrap .client-logos{padding: 50px 30px;}
    .contact-sec .contact-wrapper .contact-details-wrap {padding:30px;}
    
    .ftr-block.ftr-middle {margin-top: 0;padding: 0;}
    /* .footer-logo {padding:30px 0;}
    .footer-section .footer-top-sec{position: relative;order: 2;}
    .footer-section .footer-middle-sec{position: relative;order: 1;padding-bottom: 30px;}
    .footer-section .footer-bottom-sec{position: relative;order: 3;}*/
    .footer-section .ftr-block.ftr-middle .ftr-bottom .address-txt {padding-top: 10px;}
    .footer-section .contact-data .footer-title , .footer-section .contact-data .contact-info{text-align: left;}
    .footerlink .footer-page-links .footer-page-link {width: 100%;}

    .about-info .about-data.about-middle {
        padding: 20px 0;
        margin: 20px 0;
    }
    .about-info .about-sec-wrap {
        padding-bottom: 50px;
    }
    .about-details .sec-space .row > [class*="col-"]{margin-bottom: 20px;}
    .about-details .sec-space .row > [class*="col-"]:last-child{margin-bottom:0;}
    .client-test .test-wrap {padding: 30px;}
        .client-test .test-wrap .test-img-wrap {
        padding-right: 30px;
    }
    .client-test .test-wrap .test-des-wrap {
        padding-left: 10px;
    }
    .client-test .test-wrap .test-img-wrap .test-img {padding: 20px;}
    .client-test .test-wrap::after {width: 120px;height: 115px;}
    .network-section .map-wrap {padding: 0 100px;margin-top: 30px;}
    .milestone-section .milestone-text {
        padding-right: 0;
        padding-bottom: 30px;
    }
    .infra-sec {border-radius: 50px 50px 0 0;}
    .catalog-data .catalog-wrap .catalog-title {margin-bottom: 0;}
    .contact-sec .contact-wrapper .contact-frmCvr {padding: 30px;margin-top: 30px !important;}
    .page-template-where-to-buy .inner-page-banner-section .banner-text-wrap:after {
        top: 0;
    }
    .catlog-sec .catlog-title-wrap:after{bottom: -30px;}
    .cnt-sec .cnt-details .socila-info {padding-top: 20px;margin-top: 10px;}
    .sec-space.contact-wrapper {padding-top: 10px;}
    .about-product-data .about-product {padding: 3em;}
    .about-product .ab-product-img {padding: 20px 30px 0px;text-align: center;}
    .about-product-data .about-product .row [class*="col-"] > .row {
        flex-direction: column-reverse;
    }
    .tiles-cal .small-heading {font-size: 24px;}
    .single-product .productcvr .productdetailsec .productsummary {padding-left: 0;margin-top: 30px;}
    .product-sorting .woof_autohide_wrapper {
        display: block;
         filter: grayscale(100%);
    }
    .related .product-list .product-data-wrap .product-img img { height: 200px; }
    .product-listing .product-filter {
        display: none;
    }
    .product-sorting .woof_autohide_wrapper h4 {
        font-size: 17px;
        margin-bottom: 10px;
        font-weight: 600;
    }
    .product-listing .woof_redraw_zone:last-child .woof_container {
        margin-bottom: 10px !important;
    }
    .product-listing .product-listing-wrap .product-sorting .woocommerce-ordering select{width: 100%;margin-bottom:15px;}
    .product-listing .product-listing-wrap .product-sorting .woocommerce-result-count { padding-bottom: 10px !important;   margin-bottom: 10px !important;
    }
    .product-listing .product-listing-wrap .product-sorting .woocommerce-ordering {width: 100%;padding:15px 3px;}
    .exp-sec-with-year .mask-bgr {top: 85px;}
    .page-template-home .about-details .about-desc-wrap {padding-right: 10px;}
    .exp-sec-with-year.sectionCvr{padding-bottom: 30px;}
    .footer-section .row {row-gap: 20px;}
    .footer-section .footer-bottom-block .row{row-gap: 0px;}
    .footer-section {padding-top: 30px;}
    .footer-section .footer-bottom-block {margin-top: 30px;}
    .page-template-certificate .banner-text-wrap .title {text-align: center;}
    .page-template-certificate .inner-page-banner-section .banner-text-wrap:after{display: none;}
    .page-template-certificate .inner-page-banner-section .banner-desc-wrap .banner-desc {text-align: center;padding-top: 30px;}
    .thank-you-img {padding: 0 30px;}


}
@media screen and (max-width: 870px) {
.multiple-tiles img {width: 300px;}
}
@media screen and (max-width: 767px) {
.sec-space {padding-top: 30px;}

.home-banner .carousel-item img{height: 400px;}
.home-banner .banner-text-wrap {padding-right: 0;display: flex;flex-direction: row;align-items: start;justify-content: center;}
.home-banner .banner-text-wrap .title , .banner-text-wrap .sub-title {text-align: left;margin: 0;text-transform: capitalize;}
.banner-text-wrap .sub-title{padding-left: 5px;}
.home-banner .banner-text-wrap:after {display: none;}
.banner-desc-wrap .banner-desc {padding-top: 0;text-align: center;}
.home-carousel-wrap{width: 80%;margin: 0 auto;}
.home-carousel-control .carousel-img-wrap:before{width: 80px;left: -90px;}
.home-carousel-control .carousel-img-wrap:after {width: 80px;right: -90px;}
.about-sec {padding-bottom: 30px;}
.exp-sec-with-year .year-data .left-side-part {transform: none;}
.exp-sec-with-year .mask-bgr {display: none;}
.exp-sec-with-year .exp-desc {justify-content: center;}
.about-details .about-img img {padding: 0 50px;}
.exp-sec-with-year .about-img {text-align: center;padding: 0 80px;}
.valuable-client .title-block { flex-direction: column; }
.client-logo-wrap .client-logos {margin-top: 20px;padding: 40px 20px;}
.st-blck .cnt .num {font-size:35px;margin-bottom: 3px;}
.st-blck .cnt .title {font-size: 18px;}
.tile-size-sec .tile-size-wrap .tile-sizes {padding: 30px;}
.valuable-client{border-radius: 50px 50px 0 0;}
.catlog-sec {padding: 0;}
.catlog-sec .mask-catbg {display: none;}
.catlog-sec .catlog-title-wrap {padding: 30px;}
.catlog-sec .catlog-title-wrap:after {bottom: -30px;width: 85px;height: 130px;}
.contact-sec .wpcf7-form p {margin-bottom: 6px;}
.contact-sec .wpcf7-form .theme-btn {margin-top: 20px;}
.contact-sec .contact-wrapper .contact-frmCvr {padding:30px 20px 30px;}
.footer-section .footer-title {margin-bottom: 10px;}
.footer-section .ftr-block-top .tile-cat .tiles-name {font-size: 18px;}
.about-info .about-data .about-year {font-size: 18px;margin-left: 10px;}
.banner-text-wrap .title {font-size: 44px;}
.banner-text-wrap .sub-title {font-size: 52px;}
.banner-text-wrap {
    padding-right: 0;
    display: flex;
    justify-content: center;
}

.banner-text-wrap::after {
    display: none;
}

.inner-page-banner-section .banner-desc-wrap .banner-desc {
    text-align:center;
    font-size: 20px;
}
.inner-page-banner-section {
    height: 400px;
    padding: 5em 0;
}
.client-test .test-wrap .test-img-wrap {
    padding-right: 0;
    border-right: 0;
}
.client-test .test-wrap .test-img-wrap .test-img {
    padding: 0 40px 40px;
}
.client-test .test-wrap .test-des-wrap {
    padding-top: 25px;
}
.client-test .test-wrap::after {
    width: 130px;
    height: 125px;
}
.network-section .map-wrap {padding: 0 50px;}
.milestone-section .yearly-data .year {
    padding-right: 20px;
    font-size: 36px;
}
.about-certificate .cert-img-wrap {margin-bottom: 20px;}
.about-certificate .row > [class*="col-"]:last-child .cert-img-wrap {margin-bottom: 0;}
.catalog-data .catalog-wrap .catalog-title {font-size: 16px;}
.catalog-data .catalog-wrap .catalog-btn .theme-btn {padding: 5px 10px 5px 20px;}
.buy-filter .filter-data {padding: 30px 30px 20px;}
.contact-sec .contact-wrapper .contact-details-wrap .contact-txt {font-size: 15px;}
.cnt-sec .cnt-details .socila-info .cnt-social-info .cnt-socail-links a {height: 36px;width: 36px;}
.cnt-sec .cnt-details .socila-info .cnt-social-info .cnt-socail-links a svg {font-size: 16px;}
.archive .about-sec {padding-bottom: 0;}
.about-product-data .about-product {padding: 2em;}
.tile-calculation .cal-sec {padding: 2em;border-radius: 15px;margin-top: 20px;}
.tile-calculation .cal-sec .calcfrm .inputCvr input:not(input[type="submit"]), .tile-calculation .cal-sec .calcfrm .inputCvr select {
    padding: 8px 5px;margin-bottom: 15px;font-size: 14px;
}
.blog-detailCvr article {padding-bottom: 2em;}
/* .single-product .productcvr .productdetailsec .product-details-img {padding: 2em;} */
.single-product .productcvr .productdetailsec .productsummary .product_title {font-size: 18px;}
.single-product .site-main { margin-bottom: 10px; }
.related .product-list .product-data-wrap .product-img img { height: 130px; }
.product-listing .product-listing-wrap .product-sorting .woocommerce-result-count{margin-bottom: 0px !important;}
.product-listing .product-listing-wrap .product-sorting .woocommerce-ordering select {padding: 6px 5px;}
.exp-sec-with-year  .year-data .row{flex-direction: column-reverse;}
.page-template-home .about-details{padding-top: 0;}
.exp-sec-with-year.sectionCvr {padding-bottom: 15px;}
.page-template-home .exp-sec-with-year .about-title-wrap {padding: 0;}
.page-template-home .about-details .about-desc-wrap {padding-right: 0;}
.contact-sec .contact-wrapper .contact-frmCvr {margin-top: 20px !important;}
.contact-info  .contact-text {font-size: 15px;}
.comman-heading-sec {padding: 2em 0 2em 0;}
.sec-btm-br {padding-bottom: 1em;}
.page-template-certificate .inner-page-banner-section .banner-desc-wrap .banner-desc {padding-top: 0px;}
.error404  .page-content .page-title {font-size: 20px;}
 .single-product .productcvr .productdetailsec .product-details-img {
    padding: 0; }
.single-product .productcvr .productdetailsec .product-details-img .item img {
    height: 420px; }
}
@media screen and (max-width: 728px) {.tile-app .about-sec {
        padding-bottom: 0px;
    } 
.deal-info .dealer-data .dealer-img {
        height: 246px;
    }
.deal-info.sectionCvr {
        padding: 2em 0 0px;
    }
.exp-sec-with-year {
    padding-top: 20px;
}}
@media screen and (max-width: 680px) 
{
    .tile-design {padding-top: 0;}
    .tile-design .multiple-tiles {
        flex-direction: column;
        align-items: center;
    }

    .tile-design .multiple-tiles img {
        width: 85%;
        margin: -130px 0;
    }

    .tile-design .multiple-tiles img:first-child {
        margin-top: 0;
    }

    .tile-design .multiple-tiles img:last-child {
        margin-bottom: 0;
    }
    .tiles-cal .small-heading {font-size: 20px;}
    .tile-calculation .cal-sec {padding: 2em 1.5em;}
    .exp-sec-with-year .exp-desc .year-text{font-size: 14px;}
}
@media screen and (max-width: 600px) 
{
   .bloglist-sec .date-info {
        font-size: 13px;
      }
  .bloglist-sec .bloglistCvr .blog-block-wrapper .date-block {
    padding: 12px 0 8px;
  }
  .blogdetail-sec .blog-content h2 {
    font-size: 22px;
    margin-bottom: 14px;
  }
  .blogdetail-sec .blog-detailCvr .entry-title {
    font-size: 22px;
  }
.sec-space {
        padding-top: 13px;
    }
    .single-product .productcvr .productdetailsec .product-details-img .item img {
    height: 400px; }
}
@media screen and (max-width: 575px)
{
    .sectionCvr {padding: 2em 0px;}
    .home-banner .banner-desc-wrap .banner-desc {font-size: 20px;}
    .home-banner .banner-text-wrap .title {font-size: 30px;}
    .title-block .title {font-size: 24px;}
    .title-block .text {font-size: 34px;line-height: 1.4;}
    .client-sec .title-block {flex-direction: column;}
    .about-sec .about-wrap .title-block, .about-wrap .title-block { flex-direction: column; }
    .tile-design .multiple-tiles img {width: 70%;margin: -120px 0;}
    .tile-app .tile-app-wrap {margin: 20px 0px 10px;}
    .valuable-client .title-block {padding-left: 10px;}
    .strength-sec .st-blck .cnt {display: flex;flex-direction: column;align-items: center;padding-bottom:20px;}
    .strength-sec .st-blck .cnt .desc {text-align: center;margin-bottom: 0;}
    .page-template-home .exp-sec-with-year .about-title-wrap , .page-template-home .about-details .about-desc-wrap {text-align: center}
    .deal-info {padding-top: 0;}
    .deal-info .row > [class*="col-"] {width: 80%;}
    .deal-info .dealer-data .row > [class*="col-"] {width: 50%;display: flex;justify-content: end;}
    .deal-info .dealer-data .dealer-img img {object-fit: contain;}
    .exp-sec-with-year .about-img {padding: 0 30px;}
    .heading-sec .heading-wrap .heading-text {font-size: 26px;}
    .heading-sec .heading-wrap .heading-text span{font-size: 50px;}
    .footer-top .footer-logo {width: 260px;margin: 0 auto;}
    /*.footer-section .footer-top-sec { width: 45%; }
    .footer-section .footer-bottom-sec { width: 55%; }*/
    .footer-section .footer-bottom-block {margin-top: 20px;}
    
    .about-data-wrap {padding: 0 50px;}
    .about-info .about-data .digit-mask, .about-info .about-data .mask-digit {width: 43px;height: 58px;}
    .about-info .about-data .cer-list .certificate img {width: 60px;height: 50px;}
    .about-info .about-data .cer-list .certificate:after {height: 30px;}
    .client-logo-wrap .client-logos {padding: 20px;}
    .client-test .test-wrap .test-img-wrap .test-img{padding: 0 60px 40px;}
    .milestone-section .yearly-data .year {font-size: 26px;}
    .valuable-client {border-radius: 20px 20px 0 0;}
    .about-certificate .cert-img-wrap {padding: 0 50px;}
    .infra-sec {border-radius: 20px 20px 0 0;}
    .cities-sec .cities-text {font-size: 22px;}
    .about-info .about-sec-wrap {padding-bottom: 30px;}
    .network-section .map-wrap {padding: 0 20px;}
    .client-test .test-wrap {padding: 20px;}
    .catalog-card .row > [class*="col-"] {width: 80%;margin: 0 auto;}
    .catalog-data .catalog-wrap .catalog-block img {width: 100%;}
    .buy-filter .filter-data {padding: 20px 20px 20px;}
    .store-box-wrap .store-details .store-title {margin-bottom: 20px;padding: 15px;}
    .store-box-wrap .store-details .store-data {padding: 0 15px 15px;}
    .buy-sec{padding-bottom: 0;}
    .page-template-home .catlog-sec {padding-bottom: 0px;padding-top: 0;}
    .map-sec {padding-bottom: 0 !important;}
    .product-list .row > [class*="col-"] {width: 50%;}
    .page-template-tiles-calculator .catlog-sec { padding-top: 0;}
    .page-template-tiles-calculator .calculation-part .theme-btn {padding: 4px 8px 4px 16px;}
    .single-product .productcvr .productdetailsec .productsummary .product-meta .product-attr .product-att-text {font-size: 15px;}
    .single-product .site-main {margin-bottom: 0;}
    .single-product  .catlog-sec {padding-top: 0;}
    .certificate-sec .cer-logo .cer-list {margin-top: 10px;}
    .certificate-sec .cer-logo .cer-list .certificate::after {height: 35px;top:10px;}
    .exp-sec-with-year .exp-desc .mask-digit .slick-slide , .exp-sec-with-year .exp-desc .mask-digit {height: 55px;width:45px;}
    .certificate-sec .cer-logo .cer-list .certificate img {width: 50px;height: 50px;}
    .home-carousel-control .carousel-img-wrap:before { width: 60px; left: -72px; }
    .home-carousel-control .carousel-img-wrap:after { width: 60px; right: -72px; }
    .contact-sec .contact-wrapper .contact-frmCvr .title-block {padding-bottom: 10px;}
    .ftr-block-top .tile-cat img {margin-right: 4px;}
    .contact-sec .contact-wrapper .contact-frmCvr .title-block .title { font-size: 22px; }
    /*.footer-section .footer-middle-sec { padding-bottom: 15px; }
    .footer-section .ftr-social-info { margin-top: 30px; } */
    .footer-section .ftr-social-info .ftr-socail-links li a svg { font-size:14px; }
    /*.footer-section .ftr-social-info { margin-top: 25px; }*/
    .footer-section .ftr-social-info .ftr-socail-links li a { height: 32px; width: 32px; }
    .social-data-wrap .social-icon {width: 32px;height: 32px;}
    .footer-section .ftr-block-top .tile-cat .tiles-name {font-size: 16px;}
    .footer-section .contact-data .contact-info a ,.footerlink .footer-page-links .footer-page-link a {font-size: 14px;}
    .footer-section .ftr-block.ftr-middle .ftr-bottom .address-txt .tile-name {font-size: 14px;}
    .client-test .test-wrap .test-des-wrap { padding-left: 0; text-align: center; }
    .client-test .test-wrap::after { width: 100px; height: 110px; }
    .cities-sec .cities-num { font-size: 28px; margin-left: 5px; }
    .milestone-section .milestone-text { padding-bottom: 10px; }
    .product-modal .modal-header .modal-title {font-size: 20px;}
    .tile-calculation .calc-data.show {padding: 15px;}
    .footer-section .row {margin-bottom: 10px;}
    .footer-section .copyright-sec .copyright-txt {padding: 20px 0 20px;}
    .banner-text-wrap .sub-title {font-size: 35px;line-height: 1.3;}
    .client-test .test-wrap .test-des-wrap {padding-top: 25px;}
    .bloglist-sec .bloglistCvr .blog-block-wrapper:last-child{margin-bottom: 0;}
    .single-product .productcvr .productdetailsec .product-details-img .owl-nav button {
    width: 30px; height: 30px; font-size: 14px; }
}
@media screen and (max-width: 520px) 
{
    .header-nav .navbar-toggler {font-size: 18px;}
    .tile-design .multiple-tiles img {width: 85%;}
    .tile-app .about-sec .about-wrap .title-block{flex-direction: column;}
    
}
@media screen and (max-width: 480px) 
{
    .home-banner .banner-desc-wrap .banner-desc {font-size: 15px;}
    .deal-info .row > [class*="col-"] {width: 100%;}
    .client-logo-wrap .client-logos{padding: 20px;}
    .tile-size-sec .tile-size-wrap .tile-sizes {padding: 20px;}
    .banner-text-wrap .title {font-size: 34px;line-height:normal;}
    .inner-page-banner-section .banner-desc-wrap .banner-desc {font-size: 18px;}
    .about-wrap .title-block {flex-direction: column;align-items: center;}
    .product-list .row > [class*="col-"] {width: 100%;}
    .related .product-list .product-data-wrap .product-img img { height: auto; }
    .woocommerce .product-listing-wrap .product-list .product-img img{width: 100%;}
    .about-product .ab-product-img {padding: 20px 20px 0px;}
    .about-product-data .about-sec .about-wrap .title-block, .about-wrap .title-block {align-items: start;}
    .product-listing-wrap .about-wrap .title-block {padding: 0 10px !important;}
    .about-details .about-img img {padding: 0px 30px;}
    .single-product .productcvr .productdetailsec .product-details-img .item img {
        height: 340px; }
 }
@media screen and (max-width: 460px) 
{
    .header-nav .header-contact {display: none !important;}
    .tile-design .multiple-tiles img {width: 100%;margin: -110px 0;}
    .footer-section .footer-title {font-size: 16px;}

}
@media screen and (max-width: 420px) {
    /*.small-heading {font-size: 17px;}*/
    .header-nav .logo-section .logo {width: 190px;}
    .strength-sec .st-blck .cnt{padding:0; padding-bottom:20px; }
    .strength-sec .st-blck .cnt:last-child {padding-bottom: 15px;}
    .st-blck .cnt .num {margin-bottom: 0;}
    .title-block .title {font-size: 24px;}
    .deal-info .dealer-data .dealer-title-wrap {padding: 30px 10px 30px 20px;}
    .about-details .about-block .about-icon {
        margin-bottom: 15px;
    }
    .about-data-wrap {
        padding: 0 10px;
    }
    .about-info .about-data .quality-text {font-size: 14px;}
    .client-test .test-wrap .test-img-wrap .test-img {
        padding: 0 40px 40px;
    }
    .about-product .ab-product-img {padding: 20px 0px 0px;}
        .header-nav .navbar-collapse {padding: 10px 10px;}
    .single-product .productcvr .productdetailsec .product-details-img .item img {
    height: 290px; }
   

 }

@media screen and (max-width:380px)
{
    body{font-size: 14px;}
    .desc{font-size: 14px;}
    .sectionCvr {padding: 2.5em 0px;}
    .title-block .title {font-size: 22px;}
    .sec-space {padding-top: 10px;}
    .home-carousel-control .carousel-control-prev-text, .carousel-control-next-text {font-size: 11px;}
    .home-carousel-wrap {padding: 6px 14px;}
    .home-carousel-control .carousel-img-wrap:before {width: 40px;left: -60px;}
    .home-carousel-control .carousel-img-wrap:after {width: 40px;right: -60px;}
    .text.text-line {font-size: 32px;}
    .about-sec .about-wrap .title-block, .about-wrap .title-block {flex-direction: column;}
    .certificate-sec .cer-logo .cer-list {margin-top: 15px;}
    .certificate-sec .cer-logo .cer-list .certificate::after {height: 30px;top: 15px;}
    .deal-info .dealer-data .dealer-title-wrap .dealer-title {
        font-size: 16px;
    }
    .contact-sec .contact-wrapper .contact-frmCvr {padding: 30px 30px 20px;}
    .comman-heading-sec {padding: 2em 0 2em 0;}
    .heading-sec .heading-wrap .heading-text {
        font-size: 22px;
        line-height: 1;
    }
    .footer-top .footer-logo {width: 240px;}
    .footer-section .ftr-block-top .tile-cat .tiles-name{font-size: 16px;}
    .footer-section .contact-data .contact-info a {
        word-break: break-word;
    }
    .about-info .about-data .digit-mask {width: 55px;height: 55px;}
    .about-info .about-data .about-year {font-size: 16px;}
    .about-info .about-data .about-img {padding: 0 15px;margin: 0 10px;}
    .about-info .about-data .cer-list .certificate:after {height: 20px;}
    .about-info .about-data .cer-list .certificate {padding: 0 10px;}
    .client-test .test-wrap .test-img-wrap .test-img {padding: 0 20px 20px;}
    .client-test .test-wrap::after {width: 115px;height: 115px;}
    .cities-sec .cities-text {padding: 10px 0;}
    .milestone-section .yearly-data .year {
        font-size: 30px;
        padding-right: 10px;
    }
    .footerlink .footer-page-links {margin: 10px 0 0;}
    .footer-section .contact-data .contact-info {margin: 10px 0;gap: 10px;}
    .milestone-section .yearly-data {flex-direction: column;align-items: start;margin-bottom: 15px; padding:0 10px 15px;}
    .milestone-section .yearly-data .year {font-size: 22px;margin-bottom: 4px}
    .catalog-card .row > [class*="col-"] {width: 100%;}
    .title-block .text {font-size: 32px;}
    .inner-page-banner-section .banner-desc-wrap .banner-desc {font-size: 16px;}
    .buy-filter .filter-data .store-search input, .buy-filter .filter-data .store-search select {padding: 15px 10px;}
    .store-box-wrap {margin-top: 50px;}
    .catlog-sec .catlog-title-wrap {padding: 20px;}
    .contact-sec .contact-wrapper .contact-frmCvr .title-block {padding-bottom: 10px;}
    .contact-sec .contact-wrapper .contact-frmCvr .title-block .title{font-size: 22px;}
    .title-block .title{width: 100%;}
    .home-carousel-control .carousel-img-wrap:before {
        width: 30px;
        left: -45px;
    }
    .home-carousel-control .carousel-img-wrap:after {
        width: 30px;
        right: -45px;
    }
    .single-product .productcvr .productdetailsec .productsummary .product-button {flex-direction: column;}
    .footer-section .footer-top-sec { width: 100%; }
    .footer-section .footer-bottom-sec { width: 100%; }
    .about-details .about-img img {padding: 0px 10px;}
    .page-template-home .about-sec.sectionCvr {padding: 2em 0;}
    .contact-sec .contact-wrapper .contact-details-wrap .contact-details .contact-block-side{margin-bottom: 10px;}
    .deal-info.sectionCvr { padding: 2.5em 0 0px; }

}
@media screen and (max-width: 340px){
    .single-product .productcvr .productdetailsec .product-details-img .item img {
        height: 240px;
    }
}
@media screen and (max-width: 320px)
{
    .small-heading {font-size: 16px;}
    .inner-page-banner-section {height: 360px;}
    .tile-design .multiple-tiles img {margin:-90px 0; }
    .certificate-sec .cer-logo .cer-list .certificate img {width: 50px;height: 50px}
    .certificate-sec .cer-logo .cer-list .certificate {padding: 0 10px;}
    .footer-top .footer-logo {width: 220px;}
    .ftr-block-top {flex-direction: column;align-items: center;}
    .footer-section .ftr-block-top .tile-cat.tiles-cat-first{padding-bottom: 10px;}
    .footer-section .ftr-block-top .tile-cat.tiles-cat-first:after {
        width: 130px;
        height: 1px;
        bottom: 50%;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .about-data-wrap {padding: 0 10px;}
    .about-info .about-data .quality-text {font-size: 12px;}
    .about-info .about-data .mask-digit {width: 55px;height: 75px;}
    .about-info .about-data .about-year {
        font-size: 14px;
    }
    .about-info .about-data.about-middle {padding: 20px 0;margin: 0 0 10px;}
    .client-test .test-wrap .test-img-wrap .test-img {padding: 0 10px 20px;}
    .client-test .test-wrap .test-des-wrap .test-title {font-size: 16px;}
    .network-section .map-wrap {padding: 0;}
    .about-certificate .cert-img-wrap {padding: 0 20px;}
    .banner-text-wrap .title {font-size: 30px;}
    .banner-text-wrap .sub-title {font-size: 34px;}
    .inner-page-banner-section .banner-desc-wrap .banner-desc {font-size: 16px;}

    .buy-filter .filter-data {padding: 10px;}
    .contact-sec .contact-wrapper .contact-details-wrap .contact-txt {font-size: 14px;}
    .product-modal .modal-body {padding: 10px;}
    .heading-sec .heading-wrap .heading-text {font-size: 22px;}
    .heading-sec .heading-wrap .heading-text span{font-size: 44px;}
    .header-nav .navbar-toggler {font-size: 16px;}
}

/* WooCommerce Products Filter Styling Overrides */
.product-listing .product-filter {
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 20px !important;
    padding: 24px 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

/* Custom Header Wrap */
.product-filter .filter-header-wrap {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-bottom: 15px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #eaeaea !important;
}
.product-filter .filter-header-wrap .filter-main-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1A1A1A !important;
    margin: 0 !important;
}
.product-filter .filter-header-wrap .filter-clear-all {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #888888 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: color 0.2s ease !important;
}
.product-filter .filter-header-wrap .filter-clear-all:hover {
    color: #333333 !important;
}

/* Hide WooCommerce Blocks native titles/buttons and WOOF native reset buttons */
.product-filter .wc-block-product-filters > h2.wp-block-heading,
.product-filter .wc-block-product-filters > h2,
.product-filter .wc-block-product-filter-clear-button,
.product-filter .wp-block-woocommerce-product-filter-active,
.product-listing .product-filter .woof_submit_search_form_container button.woof_reset_search_form {
    display: none !important;
}

/* Filter button styling */
.product-listing .product-filter .woof_submit_search_form_container {
    margin-top: 25px !important;
    text-align: center !important;
    width: 100% !important;
}

.product-listing .product-filter .woof_submit_search_form_container button.woof_submit_search_form {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 0 20px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    height: 46px !important;
    width: 100% !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.product-listing .product-filter .woof_submit_search_form_container button.woof_submit_search_form:hover {
    background: #333333 !important;
}

/* Filter Fields Labels Styling */
.product-listing .product-filter .woof_container .woof_container_inner h4,
.product-listing .product-filter .wp-block-woocommerce-product-filter-attribute h3,
.product-listing .product-filter .wp-block-woocommerce-product-filter-taxonomy h3 {
    margin-bottom: 8px !important;
    display: block !important;
    font-size: 15px !important;
    color: #666666 !important;
    border-bottom: none !important;
    font-weight: 600 !important;
    padding-bottom: 0 !important;
    text-transform: capitalize !important;
    margin-top: 0 !important;
}

/* Dropdown Select Boxes Styling (WOOF and WooCommerce blocks select) */
.product-listing .product-filter select,
.product-listing .product-filter .woof_select {
    width: 100% !important;
    height: 46px !important;
    padding: 0 40px 0 15px !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    font-size: 15px !important;
    color: #1a1a1a !important;
    font-weight: 400 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 16px !important;
    cursor: pointer !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.product-listing .product-filter select:focus,
.product-listing .product-filter .woof_select:focus {
    border-color: #a0aec0 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(160, 174, 192, 0.15) !important;
}

/* Adjust margins between fields */
.product-listing .product-filter .woof_container,
.product-listing .product-filter .wp-block-woocommerce-product-filter-attribute,
.product-listing .product-filter .wp-block-woocommerce-product-filter-taxonomy {
    margin-bottom: 20px !important;
}

/* Search widget styling */
.product-listing .product-filter .wp-block-search {
    margin-top: 25px !important;
    border-top: 1px solid #eaeaea !important;
    padding-top: 20px !important;
}
.product-listing .product-filter .wp-block-search .wp-block-search__label {
    font-size: 15px !important;
    color: #666666 !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    text-transform: capitalize !important;
    display: block !important;
    margin-top: 0 !important;
}
.product-listing .product-filter .wp-block-search .wp-block-search__inside-wrapper {
    display: flex !important;
    gap: 10px !important;
}
.product-listing .product-filter .wp-block-search .wp-block-search__input {
    flex: 1 !important;
    height: 44px !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 8px !important;
    padding: 0 15px !important;
    font-size: 14px !important;
    background-color: #ffffff !important;
}
.product-listing .product-filter .wp-block-search .wp-block-search__button {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 0 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    height: 44px !important;
}
.product-listing .product-filter .wp-block-search .wp-block-search__button:hover {
    background: #333333 !important;
}

/* =============================================
   NEW PRODUCT CARD STYLES - Curved, No Padding
   ============================================= */

/* Reset old product-data-wrap padding when inside new card structure */
.product-list .product-data-wrap {
    border: none;
    padding: 0;
    margin-bottom: 0;
    overflow: visible;
    background: transparent;
}

/* The woocommerce li element wrapper */
.woocommerce ul.products li.product,
.product-listing-wrap .products li.product {
    padding: 0 !important;
    margin: 0 !important;
}

/* Card container - the custom-product-card div */
.custom-product-card {
    border-radius: 20px !important;
    overflow: hidden !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    position: relative !important;
}

/* The column wrapper - spacing between cards */
.product-listing-wrap .col-xxl-4,
.product-listing-wrap .col-xl-4,
.product-listing-wrap .col-lg-6,
.product-listing-wrap .col-md-6,
.product-listing-wrap .col-sm-6 {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-bottom: 20px !important;
}

/* The product-data-wrap inside the new template */
.product-data-wrap {
    border-radius: 20px;
    overflow: hidden;
}

/* The link wrapper */
.product-card-link {
    display: block;
    text-decoration: none;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

/* Image wrapper - sets the card aspect ratio */
.product-img-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 20px;
    background: #f0f0f0;
}

.product-img-wrapper .default-img,
.product-img-wrapper .hover-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    transition: opacity 0.5s ease;
}

.product-img-wrapper .default-img {
    opacity: 1;
    z-index: 1;
}

.product-img-wrapper .hover-img {
    opacity: 0;
    z-index: 2;
}

/* Hover: swap images */
.product-card-link:hover .product-img-wrapper .default-img {
    opacity: 0;
}

.product-card-link:hover .product-img-wrapper .hover-img {
    opacity: 1;
}

/* Gradient overlay at the bottom */
.product-card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 55%;
    background: linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
    border-radius: 0 0 20px 20px;
    z-index: 3;
    pointer-events: none;
}

/* Product info block - positioned over the gradient */
.product-card-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 18px 18px 20px;
    z-index: 4;
    pointer-events: none;
}

.product-card-title {
    font-size: 17px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 4px;
    line-height: 1.25;
    text-shadow: 0 1px 4px rgba(0,0,0,0.4);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.product-card-subtext {
    font-size: 13px;
    color: rgba(255,255,255,0.82);
    margin: 0;
    line-height: 1.3;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* Subtle scale on hover for premium feel */
.product-data-wrap {
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.product-data-wrap:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.14);
}

/* Responsive tweaks */
@media (max-width: 991px) {
    .product-img-wrapper {
        aspect-ratio: 1 / 1;
    }
    .product-card-title {
        font-size: 15px;
    }
}

@media (max-width: 575px) {
    .product-img-wrapper {
        aspect-ratio: 1 / 1;
    }
    .product-card-title {
        font-size: 14px;
    }
    .product-card-info {
        padding: 14px 14px 16px;
    }
}