.inner-banner figure::before{content: '';position: absolute;inset: 0;background: rgb(0 0 0 / 30%)}
.inner-banner video{height: 28.125rem;object-fit: cover;}
.bg-group-section-two video{height: 27.125rem;object-fit: cover;}
.sec-shade::before{content: '';background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);position: absolute;top: 0;left: 0;right: 0;height: 13.938rem;z-index: -1}
.page-template-tpl-bg-group .sec-backgorunds{background-image: url(../images/bg-group-bg.png) !important;}
.page-template-tpl-about .sec-backgorunds{background-image: url(../images/abt-bg.png) !important;}
.page-template-tpl-service .sec-backgorunds{background-image: url(../images/serv-bg.png) !important;}
.page-template-tpl-project .sec-backgorunds{background-image: url(../images/project-bg.png) !important;}
.single-projects .sec-backgorunds{background-image: url(../images/project-det.png) !important;}
.page-template-tpl-blog .sec-backgorunds{background-image: url(../images/blog-bg.png) !important;}
.single-blog .sec-backgorunds{background-image: url(../images/blog-det.png) !important;}
.page-template-tpl-contact .sec-backgorunds{background-image: url(../images/contact-bg.png) !important;}
.tax-product_cat .sec-backgorunds{background-image: url(../images/pro-bg.png) !important;}
.single-products .sec-backgorunds{background-image: url(../images/pro-det.png) !important;}
.bg-group-section-one{padding-bottom: 5rem}
.abt-wrap{margin: 6.25rem 3.75rem 0}
.awards-slider{margin: 3.75rem -23.8rem 0 0}
.awards-slider .slick-track{margin: 0}
.awards-slider figure{margin-right: 1.25rem}
.awards-slider figure img{height: 25rem}
.project-section-one figure{margin-bottom: 6.25rem}
.project-section-one figure:last-child{margin-bottom: 3.75rem}
.structure1 .col-md-12:last-child figure{margin: 0}
.para-bottom p{margin-bottom: 1.5rem}
.para-bottom p:last-child{margin-bottom: 0}
.pro-det-wrap{margin-top: 6.25rem}
.pro-det-wrap strong{font-size: 1.25rem;font-weight: normal;font-family: 'Creato Display Regular',sans-serif;display: block;margin-top: 1.5rem;text-transform: uppercase;}
.pro-det-wrap li{list-style: disc;margin: 0.5rem 0 0 1rem;font-weight: 300}
.materials ul{display: flex;flex-wrap:wrap;gap: 5.5rem}
.gallerySliderNav{margin: 1.25rem -0.375rem 0 -0.5rem}
.gallerySliderNav figure {margin: 0 0.5rem}
.gallerySlider img{height: 37.5rem}
.gallerySliderNav img{height: 3.75rem}
.gallerySlider .slick-arrow{top: -3.75rem;left: auto;right: 2.5rem}
.gallerySlider .slick-next{right: 0;}
.patners-slider{margin-right: -9rem}
.patners-slider .slick-arrow{top: -4.75rem;left: auto;right: 11.5rem}
.patners-slider .slick-next{right: 9rem;}
.patners-slider .slick-track{display: flex;align-items: center;}
.contact-section-one figcaption{position: absolute;inset: 0;background: rgb(23 23 23 / 75%);backdrop-filter: blur(5px);padding: 2.5rem;display: flex;flex-direction: column;justify-content: center;margin: 5rem;}
.contact-section-one figcaption h6{font-family: 'Creato Display Bold',sans-serif;font-size: 0.75rem}
.contact-section-one figcaption a{font-size: 1.125rem;color: #fff;}
.contact-section-one .form-control{font-size: 0.75rem}
textarea{min-height: initial;}
.contact-section-two li:first-child{font-size: 1.25rem;font-family: 'Creato Display Regular',sans-serif;line-height: 1.3}
.contact-section-two li:last-child{font-size: 1.125rem;font-family: 'Creato Display Light',sans-serif}
.wpcf7-spinner{position: absolute;margin-bottom: 0}
body .wpcf7-not-valid-tip{color: red;font-size: var(--base-font-size);font-family: var(--base-font-family);text-transform: none;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{border-color: #fff}
.blogWrap{border-top: 1px solid rgb(242 242 242 / 80%);padding-block: 5rem}
.blogWrap:last-child{border-bottom: 1px solid rgb(242 242 242 / 80%)}
.privacy-section-one .wrap{border-bottom: 1px solid rgb(242 242 242 / 80%);padding-bottom: 3rem;margin-bottom: 3rem}
.privacy-section-one .wrap:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0}
.privacy-section-one h3{margin: 3rem 0 1rem}
.privacy-section-one h3:first-child{margin-top: 0}
.privacy-section-one table{margin-bottom: 1.5rem}
.privacy-section-one table th{border: 1px solid #fff;padding: 0.5rem;font-weight: 200;text-transform: uppercase;font-family: var(--primary-font-family);color: #fff;font-size: 1.125rem}
.privacy-section-one table td{border: 1px solid #fff;padding: 0.5rem;font-weight: 200;color: #fff;font-family: var(--base-font-family);font-size: var(--base-font-size)}
.read li{font-weight: 300}
.read li {position: relative;padding-right: 1.25rem;margin-right: 1.25rem;}
.read li::before {content: '';position: absolute;inset: 0 0 0 auto;width: 1px;height: 0.938rem;background: #fff;margin: auto;}
.read li:last-child {padding: 0;margin: 0}
.read li:last-child::before {display: none;}
.blogWrap strong{position: absolute;top: 0;left: 0;background: #222222;padding: 0.86rem;text-align: center;min-width: 10.75rem;font-weight: 300;display: inline-block;}
.product-wrap{margin-top: 3.75rem;padding-bottom: 3.75rem;border-bottom: 1px solid rgb(255 255 255 / 80%)}
.product-wrap a{font-size: 1.125rem}
.detail-product-section-one li{font-weight: 200;margin-top: 0.5rem;text-transform: uppercase;list-style: disc;margin-left: 1.15rem;}
.detail-product-section-one h4{margin-bottom: 1rem}
.modal{z-index: 99999}
.modal-content{background: #141313;border-radius: 0}
.modal .btn-close{width: auto;height: auto;padding: 0;box-shadow: none !important;background: transparent;}
.service-section-one .row:nth-child(odd) .main-img{margin-right: 2.05rem}
.service-section-one .row:nth-child(even) .main-img, .service-section-one article{margin-left: 2.05rem}
.service-section-one .row:nth-child(even){margin-block: 3.75rem}
.service-section-one article img{width: 3.125rem;height: auto;}
.service-section-one h3{font-size: 2.25rem;margin: 1.25rem 0 1.5rem}
.service-section-one .service-text{transform: rotate(-90deg) translateX(0.5rem)}
.service-section-one .service-text h2{color: rgb(255 255 255 / 10%);bottom: -6.75rem}
.service-section-two{background: #000;padding: 6.5rem 2rem}
.service-section-two img{width: 2.5rem;height: auto;}
.service-section-two article::before, .sitemap-section article::before{content: '';position: absolute;inset: 0;background: url(../images/serv-shade.png) no-repeat;background-size: cover;width: 22.125rem;height: 22.125rem;margin: auto;z-index: -1}
.service-section-two h3{font-size: 2.25rem;margin: 6.5rem 0 2.5rem}
.service-section-two p{max-width: 78%;text-transform: capitalize;} 
.service-section-two .service-text{transform: rotate(-90deg) translateX(4.2rem)}
.service-section-two .service-text h2{color: rgb(255 255 255 / 10%);bottom: -4.75rem}
.project-section-one .structure2 figure::before{display: none;}
.project-section-one .structure2 figure h3{font-family: 'Creato Display Thin',sans-serif;font-size: 2rem}
.project-section-one .structure2 .wrap{margin-bottom: 3.125rem}
.project-section-one .structure2 .wrap:hover img{transform: scale(1.1);}
.detail-product-section-three img{height: 30.625rem}
.blog-deail-section-one .bottom-text h3{font-size: 1.875rem}
.blog-deail-section-three .main-heading h2{font-size: 2.188rem}
.blog-deail-section-three .blogWrap{padding-block: 4rem}
.blog-deail-section-three .main-heading .btn{font-size: 1.125rem}
.sitemap-section article{background: #000;padding: 2rem;position: relative;height: 100%;overflow: hidden;z-index: 1}
.sitemap-section article li{position:relative;padding-left: 1rem}
.blog-deail-section-one li, .privacy-section-one li{position:relative;padding-left: 1rem;margin-top: 1rem;font-weight: 200}
.sitemap-section article li::before, .blog-deail-section-one li::before, .privacy-section-one li::before{content: '';position: absolute;top: 1rem;left: 0;border-radius: 50%;width: 0.25rem;height: 0.25rem;background: #fff}
.blog-deail-section-one li::before, .privacy-section-one li::before{top: 0.65rem}
.privacy-section-one ul{margin-bottom: 1.5rem}
.privacy-section-one ul li a{color: #fff;}
.blog-deail-section-one ul{margin-bottom: 1rem}
.blog-deail-section-two h4, .blog-deail-section-two p + h3{margin-top: 3rem}
.wpcf7 form .wpcf7-response-output{margin: 1rem 0 0}
.productGallerySlider img{height: 30rem}
.fancybox__slide.f-zoomable * {transition: 0s;}
html.with-fancybox body.hide-scrollbar{margin: 0 !important}
.product-taxonomy-section li{list-style: disc;margin: 0 0 0.5rem 1.15rem;font-weight: 200}
@media (min-width: 992px) {
  :root { --left-to-right-nil: polygon(0 0, 0 0, 0 100%, 0 100%); --left-to-right-fil: polygon(0 0, 100% 0, 100% 100%, 0 100%); --right-to-left-nil: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); --right-to-left-fil: polygon(100% 0, 0 0, 0 100%, 100% 100%); --top-to-bottom-nil: polygon(100% 0, 0 0, 0 0, 100% 0); --top-to-bottom-fil: polygon(100% 0, 0 0, 0 100%, 100% 100%); --bottom-to-top-nil: polygon(0 88%, 100% 88%, 100% 100%, 0% 100%); --bottom-to-top-fil: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
  img.wow, .service-text h2.wow { clip-path: var(--bottom-to-top-nil); transition: all 2s ease 0.25s;  opacity: 0; }
  img.animated, .service-text h2.animated { clip-path: var(--bottom-to-top-fil);  opacity: 1; }
  .trans-anim li {transform: translateY(20%);opacity: 0;transition: 1s;}
  .trans-anim.animated li {transform: none;opacity: 1;}
  .trans-anim li:nth-child(1){transition-delay: 0.2s;}
  .trans-anim li:nth-child(2){transition-delay: 0.4s;}
  .trans-anim li:nth-child(3){transition-delay: 0.6s;}
  .trans-anim li:nth-child(4){transition-delay: 0.8s;}
  .trans-anim li:nth-child(5){transition-delay: 1s;}
  .trans-anim li:nth-child(6){transition-delay: 1.2s;}
  .trans-anim li:nth-child(7){transition-delay: 1.4s;}
  .offcanvas .menu-wrap li, .offcanvas .information {transform: translateX(-100%);transition: 0.75s;opacity: 0;transition-delay: 0s}
  .offcanvas .information {transform: translateX(100%);}
  .offcanvas.show .menu-wrap li, .offcanvas.show .information{transform: none;opacity: 1}
  .offcanvas.show .menu-wrap li:nth-child(2){transition-delay: 0.2s}
  .offcanvas.show .menu-wrap li:nth-child(3){transition-delay: 0.4s}
  .offcanvas.show .menu-wrap li:nth-child(4){transition-delay: 0.6s}
  .offcanvas.show .menu-wrap li:nth-child(5){transition-delay: 0.8s}
  .offcanvas.show .menu-wrap li:nth-child(6){transition-delay: 1s}
  .offcanvas.show .menu-wrap li:nth-child(7){transition-delay: 1.2s}
  .dropArr{display: none}
}
@media only screen and (min-width: 1200px) {.container {max-width: 88.57979502196193vw;padding: 0}}
@media only screen and (min-width: 1600px) {html {font-size: 120%;-webkit-text-size-adjust: 100%;}}
@media only screen and (min-width: 1825px) {html {font-size: 130%;-webkit-text-size-adjust: 100%;}}
@media only screen and (min-width: 2030px) {html {font-size: 160%;-webkit-text-size-adjust: 100%}}
@media only screen and (min-width: 2700px) {html {font-size: 200%;-webkit-text-size-adjust: 100%;}}