@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    outline: none;
}

:root {
    --c1: #D900FF;
    --c2: #D9D9D9;
    --c3: #F3F3F3;
    --c4: #FFFFFF;
    --c5: #000000;
    --f1: "Oswald", sans-serif;
    --f2: "Poppins", sans-serif;
}

body {
    font-family: var(--f1);
    background-color: #0B0D0C;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--c2);
}

ul,
p {
    margin: 0px;
    padding: 0px;
}
img{
    width: 100%;
    display: block;
}
p {
    line-height: 1.6;
    font-family: var(--f2);
    color: var(--c3);
}

.spacing {
    padding: 100px 0px;
}

a {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}

li {
    list-style: none;
}
/* inner-wrapper */

.inner-header {
  height: 400px;
  background-position: center !important;
  background-attachment: fixed !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
}

.inner-header:before {
  width: 100%;
  height: 100%;
  content: "";
  background: rgb(0 0 0 / 60%);
  position: absolute;
  left: 0;
  top: 0;
}

.inner-header .container {
  position: relative;
}

.inner-header .inner-header-title h2 {
  color: #fff;
  font-size: 50px;
  font-weight: 700;
}
.web-btn a {
    background: var(--c1);
    padding: 12px 30px;
    color: var(--c4);
    border: 1px solid var(--c1);
    transition: 0.5s ease-in-out;
    font-size: 16px;
    text-transform: uppercase;
}

.web-btn a:hover {
    background: transparent;
}

.header {
    padding: 30px 0px;
}

.header-menu ul {
    display: flex;
    justify-content: end;
    gap: 34px;
    font-family: var(--f1);
}

.header ul a {
    display: flex;
    align-items: center;
    gap: 6px;
    transition: 0.5s ease-in-out;
    color: var(--c4);
    font-size: 18px;
}

.header ul a:hover {
    color: var(--c1);
}

.header ul a i {
    font-size: 10px;
}

.header ul li {
    position: relative;
}

ul.sub-menu a {
    padding: 12px 20px;
}

ul.sub-menu {
    left: 50%;
    z-index: 999;
    transform: translateX(-50%) scaleY(0);
    transform-origin: center top;
    position: absolute;
    width: 200px;
    background: rgba(0, 0, 0, 0.69);
    top: 66px;
    padding: 5px;
    transition: 0.5s ease-in-out;
    display: unset !important;
}

ul.sub-menu a:hover {
    background: var(--c4);
    color: var(--c5);
}

.header-menu li:hover .sub-menu {
    transform: translateX(-50%) scaleY(1);
}

.banner-section {
    background-size: cover;
    background-position: center center;
    position: relative;
    padding-bottom: 0px !important;
    z-index: 1;
}

.banner-section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #00000085;
    z-index: -1;
}

.banner-content h1 {
    font-size: 65px;
    padding-right: 150px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
}

.banner-content a {
    padding: 9px 40px;
    margin-top: 55px;
}
.banner-content-2 a {
    margin-top: 55px;
    color: var(--c4);
    position: relative;
    padding-bottom: 10px;
    font-size: 18px;
    overflow: hidden;
}

.banner-content-2 a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0px;
    left: 0px;
    background-color: var(--c4);
    transition: 0.5s;
}

.banner-content-2 a:hover::before {
    left: 100%;
}

.banner-content-2 a:hover {
    color: var(--c1);
}

.banner-content-2 a:hover::before,
.banner-content-2 a:hover::after {
    background-color: var(--c1);
}

.banner-bottom {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 60px;
    align-items: end;
}

.trusk-client-box {
    background: rgba(0, 0, 0, 0.51);
    width: max-content;
    height: max-content;
    padding: 20px;
    color: var(--c4);
    text-align: center;
}

.trusk-client-box i {
    font-size: 32px;
}

.trusk-client-box p {
    color: var(--c4);
    font-size: 12px;
    font-weight: 500;
    font-family: var(--f1);
}

.trusk-client-box h5 {
    color: var(--c4);
    font-size: 40px;
    margin: 4px 0px;
    font-weight: 600;
}

.banner-image-2 img {
    width: 270px;
    height: 330px;
}

.client-box {
    text-align: start;
}

.client-industrie {
    display: flex;
    gap: 20px;
    align-items: center;
}

.client-industrie h6 {
    color: var(--c4);
    width: 82%;
    font-size: 21px;
}

.client-industrie i {
    transition: 0.5s ease-in-out;
    font-size: 18px;
}

.client-box:hover i:last-child {
    transform: rotate(-45deg);
}

.client-box {
    padding: 30px 40px 30px 30px;
}

.banner-bottom .trusk-client-box:first-child {
    position: absolute;
    top: 0px;
    left: 0px;
}

.client-box p {
    margin: 5px 0px 10px;
}

.web-title span {
    margin-bottom: 10px;
    font-size: 20px;
    display: block;
    font-weight: 400;
    font-family: var(--f2);
    color: var(--c1);
}

.web-title h3 {
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
}

.web-title p {
    font-size: 15px;
    margin: 40px 0px 30px;
}

.about-img img {
    height: 600px;
    width: 500px;
}

.about-img {
    position: relative;
}

.about-img::before {
    content: "";
    position: absolute;
    left: -17px;
    bottom: -14px;
    width: 250px;
    height: 40%;
    background: var(--c1);
    z-index: -1;
}

.about-img::after {
    content: "";
    position: absolute;
    right: 123px;
    top: -14px;
    width: 250px;
    height: 40%;
    background: var(--c4);
    z-index: -1;
}
.about-section .about-img {
	z-index:999;
}
.services-section {
    background-color: rgb(20, 20, 20);
}

.web-heading {
    text-align: center;
}

.services-section .row:last-child {
    margin-top: 50px;
}

.services-box {
    height: 100%;
    background-color: rgb(29, 29, 29);
    padding: 20px;
}

.services-heading {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.services-heading a.arrow {
    background: var(--c4);
    width: 43px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    transition: 0.5s ease-in-out;
    border: 1px solid var(--c4);
}

.services-heading i {
    transition: 0.5s ease-in-out;
}

.services-box:hover a {
    background: transparent;
    color: var(--c4);
}

.services-box:hover h5 {
    color: var(--c1);
}

.services-box:hover a i {
    transform: rotate(-45deg);
}

.services-heading h5 {
    font-size: 25px;
    transition: 0.5s ease-in-out;
    width: 80%;
    color: var(--c4);
}

.services-box p {
    margin-top: 10px;
    font-size: 14.5px;
}

.services .row {
    row-gap: 25px;
}

.services-img img {
    transition: 0.7s ease-in-out;
}

.services-img img:hover {
    transform: scale(1.2);
}

.services-img {
    overflow: hidden;
}

.product-section .row:last-child {
    margin-top: 30px;
}

.product-section {
    padding-bottom: 150px;
    padding-left: 20px;
    padding-right: 20px;
}

.product-section .web-heading {
    padding: 0px 20px;
}

.product-content {
    margin-top: 12px;
    display: flex;
    color: white;
    gap: 15px;
    justify-content: space-between;
}

.product-content a {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1.3;
}

.product-content span {
    color: var(--c4);
}

.product-content span {
    line-height: 1.9;
}

.swiper-pagination-bullet {
    background-color: var(--c4) !important;
    opacity: 1 !important;
    width: 10px !important;
    height: 10px !important;
}

.swiper-pagination-bullet-active {
    background-color: var(--c1) !important;
}

.swiper-pagination {
    bottom: -15% !important;
}

.product-cart {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    bottom: 0px;
    width: 100%;
    text-align: center;
    transition: 0.5s ease-in-out;
}

.product-box:hover .product-img::before {
    opacity: 1;
}

.product-box:hover .product-cart {
    bottom: 20px;
    opacity: 1;
    visibility: visible;
}

.product-cart a {
    border: 1px solid var(--c4);
    color: var(--c4);
    padding: 9px 45px;
    font-size: 15px;
    transition: 0.5s ease-in-out;
}

.product-cart a:hover {
    background: var(--c4);
    color: var(--c5);
}

.product-img {
    position: relative;
}

.product-img::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.engineered-section {
    background-image: url("/wp-content/uploads/2026/07/97504b166451dbd8404ab66863f9dd44c06b0d96.jpg");
    background-size: cover;
    height: 620px;
    position: relative;
    background-repeat: no-repeat;
    z-index: 1;
}

.engineered-image img {
    height: 700px;
    width: 550px;
}

.engineered-image {
    top: -80px;
    position: absolute;
}

.engineered-image h3,
.engineered-image h4 {
    top: 200px;
    left: -90px;
    line-height: 1.2;
    font-size: 60px;
    width: 50%;
    color: var(--c4);
    position: absolute;
    z-index: -1;
    text-transform: uppercase;
    transform: rotate(-90deg);
}

.engineered-image h4 {
    width: 100%;
    color: transparent;
    -webkit-text-stroke: 1px var(--c4);
    /* Border color */
    /* optional */
    top: 20px;
    z-index: -1;
    left: -125px;
}
.engineered-item {
    display: flex;
    align-items: center;
}

.engineered-item p {
    padding: 0 20px 0 20px;
}

.engineered-item i {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    color: var(--c2);
    background: var(--c5);
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.engineered-call {
    padding: 0 10px 0 10px;
}

.engineered-call a {
    color: var(--c2);
    font-size: 20px;
    font-weight: 700;
}

.engineered-call h6 {
    margin: 0;
}
section.engineered-section .container,
section.engineered-section .container .row,
section.engineered-section .container .row .col-lg-6 {
    height: 100%;
}
.engineered-content {
    height: 100%;
    display: flex;
    align-items: center;
}
section.engineered-section::before {
    content: '';
    position: absolute;
    background-position: center;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #000;
    background: linear-gradient(60deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.67) 50%, rgba(0, 0, 0, 0.41) 100%);
}
.project-btn.web-btn a {
    border-radius: 50%;
    width: 50px !important;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.project-btn.web-btn {
    display: flex;
    justify-content: center;
}
.project-btn.web-btn a i {
    font-size: 18px;
}

.project-img img {
    height: 400px;
    object-fit: cover;
}
.project-img.img-2 img {
    height: 320px;
}
.project-img.img-2 {
    padding-top: 30px;
}
section.testimonial {
    background-image: url(/wp-content/uploads/2026/07/tastimonial-back.jpg);
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}
.customer-img img {
    width: 50px;
    border-radius: 40px;
}

.customer-img img {
    width: 50px;
    border-radius: 40px;
}

section.testimonial::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000a6;
    content: '';
    z-index: -1;
}
.testimonial.web-title {
    padding: 200px 0;
    z-index: 1;
}
.customer-detail p {
    margin: 0;
}
.customer-content {
    display: flex;
}
.customer-detail {
    padding-left: 10px;
}
.testimonial.web-title {
    text-transform: uppercase;
}
.testimonial.web-title p {
    text-transform: capitalize;
}
.testimonial.web-title h6 {
    text-transform: capitalize;
}
.question-list h3 {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0px 0 14px;
    padding: 20px 20px;
}

.question-list {
    background-color: #1D1D1D;
}
.question-list-content {
    padding-top: 40px;
}

.question-pera {background: #1D1D1D;padding: 20px 40px;display: flex;flex-direction: column;gap: 20px;}
.question-bottom h5 {
    font-size: 17px;
    font-weight: 500;
	text-align:center;
}
.question-pera {
    display: none;
}

.question-pera.active {
    display: block;
}
.question-bottom span {
    color: var(--c1);
}
.question-btn.web-btn.text-align-center {
    text-align: center;
    padding-top: 20px;
}
.touch-contact {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 10px 0;
    gap: 10px;
    background: #0B0D0C;
    padding: 20px 15px;
}

.touch-contact i {
    color: var(--c2);
    background: var(--c1);
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
}

.touch-number h6 {
    margin: 0;
}

.touch-number a {
    color: var(--c2);
    font-size: 18px;
    font-weight: 400;
}

.touch-number {
    padding: 0px 0 0 10px;
}
.touch-contact.location-2 {
    padding-top: 20px;
}

.touch-contact.location-2 i {
    padding: 16px;
}

.get-in-touch {
    padding-right: 49px;
}
.form-submint input {
    width: 100%;
    background-color: unset;
    border: 1px solid var(--c2);
    padding: 15px;
    color: var(--c4);
}
.form-submint textarea{
    width: 100%;
    background-color: unset;
    border: 1px solid var(--c2);
    padding: 7px;
    height: 190px;
    color: var(--c2);
}
section.touch.spacing {
    background: #141414;
}

.form-submint label {
    padding-bottom: 8px;
    color: var(--c2);
    font-size: 18px;
    font-weight: 600;
}
.web-btn button {
    width: 100%;
    background: var(--c1);
    color: var(
    --c2);
    border: none;
    padding: 15px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
::placeholder {
    color: var(--c2);
}

.about-content {
    padding: 0 30px 0 0px;
}

.question-list h3 br {
    display: none !important;
}

.question-bottom {
    margin-top: 30px;
}

.question-list{
    cursor:pointer;
    transition:.3s;
}

.question-list.active{
    color:#fff;
    background:#000; /* Change to your brand color */
}

.question-pera{
    display:none;
}

.question-pera.active{
    display:block;
}

.form-submint {
    margin: 15px 0;
}

.footer-img img {
    width: 320px;
}

.footer-img img {
    width: 320px;
}

.footer-item h4 {
    padding-top: 40px;
    font-size: 23px;
 }

.footer-content h3 {
    font-size: 20px;
    padding-top: 20px;
    font-weight: 700;
}

.footer-content p {
    font-size: 15px;
    font-weight: 400;
}
.footer-first {
    border-bottom: 1px solid;
    padding-bottom: 30px;
}
.item-2 {
    padding-left: 100px;
}
.footer-content {
    margin: 40px 0 40px 0;
}
.footer-item h6 {
    font-size: 22px;
    color: var(--c1);
    border-bottom: 1px solid var(--c4);
    padding-bottom: 17px;
    font-weight: 700;
    text-transform: uppercase;
}

.footer-item ul li {
    color: var(--c4);
    padding: 8px;
    font-size: 18px;
    font-weight: 400;
}
.footer-item.item-2 ul li a:hover {
    color: var(--c1);
}
.footer-item.item-2 ul li a{
transition: all .7s;
}
.bottom-content {
    text-align: center;
}

.footer-bottom {
    border-top: 1px solid;
    padding: 51px 0 30px 0;
}

footer.footer.spacing {
    padding-bottom: 0;
}
.bottom-content p {
    color: #757575;
    font-size: 17px;
    font-weight: 400;
}

.banner-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

.banner-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.logo a {
    display: inline-flex !important;
    align-items: center;
    justify-content: start;
    gap: 20px;
}

.logo a img {
    width: 66%;
}
.services-img img {
    height: 522px;
    object-fit: cover;
}
.inner-about-us {background-color: rgb(20, 20, 20);}

.services-heading a:first-child {
    display: block !important;
    width: 100%;
}
.quote-form-main {
    padding: 25px;
    border-radius: 5px;
    background-color: rgb(29, 29, 29);
}

.quote-form-main h2 {
   font-size: 28px;
    font-weight: 600;
    color: var(--c1);
    margin-bottom: 20px;
    text-align: center;
}

.quote-form-item input,
.quote-form-item textarea{
    background: unset;
    border: 1px solid #ffecec26;
    padding: 12px 15px;
    border-radius: 4px;
    outline: 0;
    width: 100%;
    color: var(--c2);
}
.quote-form-item {
    margin-bottom: 15px;
}
.quote-form-item input:focus,
.quote-form-item textarea:focus {
    border-color: var(--c2);
}
.quote-form-item input::placeholder,
.quote-form-item textarea::placeholder {
    color: #ffecec8c;
    font-size: 15px;
}
.quote-submit input {
    padding: 10px 20px;
    background-color: var(--c1);
    border: 0;
    outline: 0;
    color: var(--c2);
    font-weight: 600;
    border-radius: 4px;
    transition: all .7s;
    width: 100%;
}
.quote-submit input:hover {
    background-color: var(--c1);
    color: var(--primary);
}
.quote-submit {
    text-align: center;
    margin-top: 20px;
}
.side-links-main {
    margin-bottom: 30px;
}
section.single-service.spacing {
    padding: 150px 0 100px 0px;
}
.single-service .col-lg-8 .single-content-main:first-child{
    margin-top: 0 !important;
}
.single-service .col-lg-8 .single-content-main:last-child{
	margin-top: 35px;
}
.single-content h2 {
    color: var(--c2);
    font-family: var(--f1);
    font-size: 42px;
    font-weight: 600;
    padding-bottom: 20px;
}
.single-content h2 span{
    color:var(--primary);    
    font-family: var(--f1);
}
.services-gallery {
    width: 100%;
    border: 1px solid #0c71c3;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.gallery-image img {
    height: 200px;
    object-fit: cover;
}
.services-gallery-icon i{
    color: var(--c2);
    background: var(--c1);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    border-radius: 50%;
}
.services-gallery-icon a{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    background: var(--c2);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}
.services-gallery:hover .services-gallery-icon a{
    visibility: visible;
    opacity: 0.7;
}





.product-box-content {
    display: flex;
    gap: 12px;
    justify-content: space-between;
}
.product-box-content span {
    margin: 0 !important;
    padding-top: 3px !important;
    font-size: 18px !important;
    line-height: 1.5;
    color: var(--c2);
    font-weight: 500 !important;
}
.product-box-content h2 {
    padding: 0px !important;
    font-size: 20px !important;
    line-height: 1.5;
    transition:all.5s;
    max-width: 275px;
}
a.add_to_cart_button {
    visibility: hidden;
    opacity: 0;
    position: absolute !important;
    bottom: 132px;
    left: 50% !important;
    transform: translateX(-50%);
    padding: 14px 40px !important;
    background-color: unset !important;
    border: 1px solid var(--c2) !important;
    color: var(--c2) !important;
    text-transform: capitalize !important;
    transition:all.5s;
}
.product-box-main:hover a.add_to_cart_button {
    visibility: visible;
    opacity: 1;
}
.product-box-image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000099;
    visibility: hidden;
    opacity: 0;
    transition: all.5s;
}

.product-box-image {
    position: relative;
}

.product-box-main:hover .product-box-image:before {
    visibility: visible;
    opacity: 1;
}
a.add_to_cart_button:hover {
    background-color: var(--c2) !important;
    color: var(--c5) !important;
}
section.product-section ul.products li.product {
    margin-bottom: 0px !important;
    margin-right: 30px;
    width: 23.79%;
}
.product-box-content h2:hover {
    color: var(--c1);
}
section.product-section ul.products li.product:last-child {
    margin-right: 0px !important;
}




/* SHOP PAGE CSS */

.shop-page-sec-main form.woocommerce-ordering select {
  border: 1px solid #e1e1e1;
  padding: 6px 10px;
  outline: 0;
}

.shop_count_main_item p.woocommerce-result-count,
.shop-page-sec-main form.woocommerce-ordering select {
  font-size: 14px;
  font-weight: 400;
  color: var(--c3);
}

.shop-page-sec-main form.woocommerce-ordering select:focus {
  border-color: var(--c1);
}

.shop-page-sidebar h3.wp-block-heading {
  font-size: 18px;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--c3);
  margin-bottom: 10px;
  font-family: var(--f1);
  letter-spacing: 1px;
}

.shop-page-sidebar ul.wc-block-product-categories-list li a {
  font-size: 15px;
  font-weight: 400;
  color: #000000bd;
  transition: all .7s;
  display: block !important;
  margin-top: 8px;
}

.shop-page-sidebar ul.wc-block-product-categories-list li a:hover {
  color: var(--c1);
  padding-left: 10px;
}

.shop-page-sidebar ul.wc-block-product-categories-list li {
  position: relative;
  margin-bottom: 10px;
}

.shop-page-sidebar ul.wc-block-product-categories-list li span.wc-block-product-categories-list-item-count {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  background-color: var(--c1);
  width: 27px;
  height: 19px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c4);
}

.shop-page-sidebar ul.wc-block-product-categories-list li span.wc-block-product-categories-list-item-count::before,
.shop-page-sidebar ul.wc-block-product-categories-list li span.wc-block-product-categories-list-item-count::after {
  display: none;
}

.shop-page-sidebar .wc-blocks-filter-wrapper input.wc-block-formatted-money-amount {
  font-size: 12px;
  outline: 0;
  border: 1px solid #e1e1e1 !important;
}

.shop-page-sidebar .wc-blocks-filter-wrapper input.wc-block-formatted-money-amount:focus {
  border-color: var(--c1) !important;
}

.shop_count_main_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 34px;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 20px;
}

.shop_count_main_item p.woocommerce-result-count,
.shop_count_main_item form.woocommerce-ordering {
  margin: 0px;
}

.shop-page-sec-main ul.products {
  display: flex;
  flex-wrap: wrap;
  row-gap: 19px;
  column-gap: 19px;
}

.shop-page-sec-main ul.products li.product {
  width: 31.9%;
  margin: 0px;
}

.shop-page-sec-main ul.products::before,
.shop-page-sec-main ul.products::after {
  display: none;
}

.shop-page-sidebar {
  border: 1px solid #e1e1e1;
  padding: 20px 20px;
}

/* SINGLE PRODUCT CSS */

.single-pro-image-main .woocommerce-product-gallery__image a {
  display: block !important;
}

.single-pro-content-main h1.product_title {
  color: var(--c3);
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 8px;
}

.single-pro-content-main p.price {
  color: var(--c1) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
}

.single-pro-content-main .woocommerce-product-details__short-description li {
  font-size: 15px;
  color: var(--c3);
  margin-bottom: 4px;
  list-style: disc;
}

.single-pro-content-main .woocommerce-product-details__short-description ul,
.single-pro-content-main .woocommerce-product-details__short-description ol {
  margin-bottom: 10px;
  padding-left: 20px;
}

.single-pro-content-main .woocommerce-product-details__short-description p {
  margin-bottom: 10px;
  color: var(--c3);
}

.single-pro-content-main .woocommerce-product-details__short-description li:last-child {
  margin-bottom: 0px;
}

.single-pro-content-main table.variations label {
  font-weight: 600 !important;
  color: var(--c4);
}

.single-pro-content-main table.variations a.reset_variations {
  color: var(--c1);
}

.single-pro-content-main .quantity input.qty {
  width: 50px;
  height: 50px;
  border: 1px solid var(--c1);
  outline: 0;
  color: var(--c3);
  background-color: transparent !important;
}

.single-pro-content-main .quantity input.qty:focus {
  border-color: var(--c1);
}

.single-pro-content-main button.single_add_to_cart_button {
  width: 400px;
}

.single-pro-content-main button.single_add_to_cart_button,
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wc-block-cart__submit-button {
  height: 50px;
}

.single-pro-content-main button.single_add_to_cart_button,
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wc-block-cart__submit-button,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
  background-color: var(--c1) !important;
  opacity: 1 !important;
  font-weight: 500;
  transition: all .4s;
  margin-left: 10px;
  color: var(--c4);
  border: 0;
  border: 1px solid var(--c1);
  align-content: center;
}

.single-pro-content-main button.single_add_to_cart_button:hover,
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wc-block-cart__submit-button:hover,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
  background-color: var(--c2) !important;
}

.single-pro-content-main .product_meta {
  font-size: 15px;
  color: rgb(85 85 85);
}

.single-pro-content-main .product_meta a {
  color: var(--c1);
  transition: all .4s;
}

.single-pro-content-main .product_meta a:hover {
  color: var(--c4);
}

.single-data-item {
  padding-top: 50px;
}

body.single-product .woocommerce-tabs ul li:before,
body.single-product .woocommerce-tabs ul li:after,
body.single-product .woocommerce-tabs ul:before,
body.single-product .woocommerce-tabs ul:after {
  display: none !important;
}

body.single-product .woocommerce-tabs ul li {
  margin: 0px !important;
  padding: 0px !important;
  background-color: unset !important;
  border: 0 !important;
}
 .woocommerce-tabs > ul {
    padding: 0px !important;
    display: flex;
    gap: 30px;
    border-bottom: 1px solid gray;
}
.woocommerce-Tabs-panel > div > div > strong {
	color:var(--c2);
	font-size: 26px;
}
.woocommerce-Tabs-panel > div > div{
	margin-bottom:14px;
}
body.single-product .woocommerce-tabs ul li a {
  position: relative;
  overflow: hidden;
  font-size: 18px;
  font-weight: 500 !important;
  display: block !important;
  color: #999999 !important;
}

body.single-product .woocommerce-tabs ul li a:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: -100%;
  width: 100%;
  height: 1.5px;
  background-color: var(--c1);
  transition: all .5s;
}

body.single-product .woocommerce-tabs ul li a:hover:after {
  left: 0;
}

body.single-product .woocommerce-tabs ul li.active a {
  color: var(--c1) !important;
}

body.single-product .woocommerce-tabs ul li.active a::after {
  left: 0;
}

.woocommerce-Tabs-panel h2,
.related.products>h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}
.woocommerce-Tabs-panel h3{
	margin:30px 0 10px 0;
}
.woocommerce-Tabs-panel ul {
    margin-bottom: 30px;
    padding: 0px !important;
    display: flex;
    gap: 24px;
    border-bottom: 1px solid gray;
    color: var(--c2);
    flex-wrap: wrap;
    padding-bottom: 40px !important;
    font-family: 'Poppins';
    font-size: 15px;
}
.woocommerce-Tabs-panel ul li {
	width: 300px;
}
woocommerce-tabs > ul{
	padding: 0px !important;
	display: flex;
	gap: 30px;
	border-bottom: 1px solid gray;
}

.single-data-item form.variations_form.cart {
  margin-top: 20px;
}

body.single-product .woocommerce-Reviews p,
body.single-product .woocommerce-Reviews span {
  font-size: 15px;
  color: var(--c2) !important;
  margin-bottom: 0px;
}

body.single-product .woocommerce-Reviews label {
  font-weight: 500;
  color: var(--c3);
  margin-bottom: 6px;
  font-size: 15px;
}

body.single-product .woocommerce-Reviews p.comment-form-cookies-consent input[type=checkbox] {
  transform: translateY(1px);
}

body.single-product .woocommerce-Reviews input[type="text"],
body.single-product .woocommerce-Reviews input[type="email"],
body.single-product .woocommerce-Reviews textarea {
  border: 1px solid #e1e1e1;
  padding: 10px;
  height: 45px;
  transition: all .4s;
  outline: 0;
}

body.single-product .woocommerce-Reviews input[type="text"]:focus,
body.single-product .woocommerce-Reviews input[type="email"]:focus,
body.single-product .woocommerce-Reviews textarea:focus {
  border-color: var(--c1);
}

body.single-product .woocommerce-Reviews textarea {
  height: 180px !important;
  background-color: transparent;
}

body.single-product .woocommerce-Reviews input#submit,
.woocommerce-message a.button,
body.woocommerce-account .woocommerce-form-login__submit,
form.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button,
.woocommerce-MyAccount-content button.button,
.woocommerce-info a.button {
  background: unset !important;
  border: 1px solid var(--c1) !important;
  border-radius: 0px !important;
  font-weight: 500 !important;
  color: var(--c1) !important;
  padding: 15px 30px !important;
  transition: all .4s;
}

body.single-product .woocommerce-Reviews input#submit:hover,
.woocommerce-message a.button:hover,
body.woocommerce-account .woocommerce-form-login__submit:hover,
form.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button:hover,
.woocommerce-MyAccount-content button.button:hover,
.woocommerce-info a.button:hover {
  background-color: var(--c1) !important;
  color: var(--c4) !important;
}

body.single-product .woocommerce-Reviews p.stars span a {
  color: var(--c1);
  font-size: 16px;
}

.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--c1);
}

.woocommerce-message::before,
.woocommerce-info::before {
  color: var(--c1);
}

body.single-product .woocommerce-message {
  margin-top: 30px;
  margin-bottom: 0px;
}

.single-pro-image-main ol.flex-control-nav.flex-control-thumbs {
  display: flex;
  flex-wrap: wrap;
}

.single-pro-image-main ol.flex-control-nav.flex-control-thumbs li {
  width: 25% !important;
}

/*CART PAGE CSS*/

body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wc-block-cart__submit-button {
  width: 100%;
  margin: 0px;
}

body.woocommerce-cart .wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-large {
  margin-top: 50px;
}

body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block {
  border: 1px solid #343535;
  margin-bottom: 10px;
  color: var(--c2);
}

body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title {
  padding: 8px 0px 8px 0px;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 650;
  color: var(--c3);
}

form#wc-block-components-totals-coupon__form button.wc-block-components-totals-coupon__button {
  opacity: 1 !important;
  border: 1px solid var(--c1);
  background: unset;
  color: var(--c1);
  transition: all .4s;
}

form#wc-block-components-totals-coupon__form button.wc-block-components-totals-coupon__button:hover {
  background-color: var(--c1);
  color: var(--c4);
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new.wc-block-product-new.has-4-columns {
  display: none;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block hr,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block hr~h2 {
  display: none;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block {
  padding: 50px 0px;
}

body.woocommerce-cart .wc-block-cart__main table.wc-block-cart-items {
  border: 1px solid #343535;
  color: var(--c2);
}

body.woocommerce-cart .wc-block-cart__main table.wc-block-cart-items th.wc-block-cart-items__header-image {
  text-align: center;
}

body.woocommerce-cart .wc-block-cart__main table.wc-block-cart-items a.wc-block-components-product-name {
  color: var(--c3);
  font-weight: 700;
  font-size: 16px;
}

/*CHECKOUT PAGE CSS*/

body.woocommerce-checkout .wc-block-components-sidebar-layout.wc-block-checkout {
  margin-top: 30px;
  color: var(--c2);
}

body.woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button {
  color: var(--c1);
  transition: all .4s;
}

body.woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button:hover {
  color: var(--c4);
}

/* MY ACCOUNT PAGE CSS */

body.woocommerce-account form.woocommerce-form-login input.input-text,
form.woocommerce-ResetPassword.lost_reset_password input.input-text,
.woocommerce-MyAccount-content input.input-text,
.woocommerce-MyAccount-content .select2-container .select2-selection--single {
  height: 45px;
  border: 1px solid #cfc8d8;
  padding: 0px 10px;
  transition: all .4s;
  border-radius: 0px;
}

span.select2-selection.select2-selection--single span:first-child {
  height: 100%;
  line-height: 45px;
  padding: 0px;
}

span.select2-selection.select2-selection--single span:nth-child(2) {
  top: 10px;
  right: 6px;
}

body.woocommerce-account form.woocommerce-form-login label,
form.woocommerce-ResetPassword.lost_reset_password label,
.woocommerce-MyAccount-content label {
  font-weight: 600;
  color: var(--c4);
}

body.woocommerce-account form.woocommerce-form-login input.input-text:focus,
form.woocommerce-ResetPassword.lost_reset_password input.input-text:focus,
.woocommerce-MyAccount-content input.input-text:focus,
.woocommerce-MyAccount-content .select2-container .select2-selection--single:focus {
  border-color: var(--c1);
}

body.woocommerce-account form.woocommerce-form-login .lost_password a {
  color: var(--c1);
  font-weight: 500;
}

body.woocommerce-account h2 {
  text-align: start;
  font-weight: 600;
}
.woocommerce-account .addresses .title .edit:hover{
    background: var(--c1);
    border-color: var(--c1);
}
.woocommerce-account .addresses .title .edit {
    transition: all 0.5s;
    float: left;
    margin: 20px  0;
    padding: 12px 25px;
    font-size: 15px;
    border: 1px solid var(--c2);
    color: var(--c2);
}

body.woocommerce-account .main {
  margin: 50px 0px 50px 0px;
}

body.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__rememberme {
  transform: translateY(10px);
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  border: 1px solid #333;
  box-shadow: 0px 4px 15px -7px rgb(0 0 0 / 50%);
  width: 25%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid #333;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  padding: 10px 15px;
  display: block !important;
  position: relative;
  text-transform: capitalize;
  color: var(--c3);
  font-weight: 500;
  font-size: 15px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation-link.is-active a {
  background: var(--c1);
  color: var(--c4) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:after {
  content: "";
  width: 31px;
  height: 100%;
  background: var(--c1);
  position: absolute;
  right: -10px;
  clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0 50%, 0% 0%);
  top: 0;
  opacity: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:after,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:after {
  opacity: 1;
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: 75%;
  color: var(--c3);
  padding-left: 40px;
}

.woocommerce-MyAccount-content p a,
.woocommerce-Address-title a {
  color: var(--c1);
  font-weight: 500;
}

.woocommerce-MyAccount-content h3 {
  font-size: 24px;
}

.woocommerce-MyAccount-content .u-columns.woocommerce-Addresses {
  margin-top: 10px;
}

form.woocommerce-form.woocommerce-form-login.login {
  margin-bottom: 0px;
}

.woocommerce-MyAccount-content address {
  font-size: 15px;
}

.shop-page-sidebar .wc-block-product-filter-price-slider .text input[type=text] {
  font-size: 12px;
  outline: 0;
  border: 1px solid #e1e1e1 !important;
}

.shop-page-sidebar .wc-block-product-filter-price-slider__content {
  margin-bottom: 40px;
}

.shop-page-sec-main .product_image_main img {
  height: 250px !important;
  width: 100% !important;
  margin-bottom: 6px !important;
}

section.shop-page-sec h2.woocommerce-loop-product__title {
  font-size: 16px !important;
  padding-bottom: 3px !important;
}

section.shop-page-sec span.woocommerce-Price-amount.amount {
  font-size: 13px;
}

.single-pro-content-main ins span.woocommerce-Price-amount.amount {
  margin-left: 10px;
}

.single-pro-content-main ins {
  text-decoration: none;
}

.single-pro-image-main .woocommerce-product-gallery__image a img {
  height: 700px !important;
  object-fit: cover;
}

.single-data-item form.cart {
  margin-top: 30px;
}

.woocommerce-cart .wc-block-cart__main .wc-block-cart-items th {
  white-space: nowrap;
  font-size: 12px;
  font-weight: 650;
  color: var(--c3);
}



.wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper .wc-block-components-totals-coupon.wc-block-components-panel {
  font-size: 16px;
  color: var(--c3);
}

.wp-block-woocommerce-cart-order-summary-block {
  padding: 0px 16px;
}

.wp-block-woocommerce-product-categories {
  margin-top: 20px;
}

section.shop-page-sec {
    padding: 100px 0 0px;
}
.shop-page-sec a.add_to_cart_button,.related.products a.add_to_cart_button {
    padding: 13px 30px !important;
    font-size: 14px;
    bottom: 97px;
}
form.woocommerce-ordering select {
    color: var(--c5) !important;
}
.wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block .wc-block-components-text-input label {
    color: var(--c5);
}





/* RESPONSIVE MENU CSS */

.responsive-menu {
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 70%);
	z-index: 99999;
	transition: all .5s;
}

.responsive-menu-inner {
	height: 100%;
	padding: 40px;
	position: relative;
	width: 90%;
	background-color: var(--c5);
	left: -100%;
}

.responsive-logo-main {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.respon-cross a,
.respon-cross a i {
	display: block;
}

.respon-cross a {
	width: 40px;
	height: 40px;
	border: 1px solid var(--c4);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: var(--c4);
	transition: all .5s;
}

.respon-cross a:hover {
	transform: rotate(90deg);
	color: var(--c1);
	border-color: var(--c1);
}


.respon-logo {
	width: 200px;
}

.responsive-links ul li a {
	color: var(--c3);
	transition: all .5s;
	font-size: 18px;
	font-weight: 600;
	display: block;
	border-bottom: 1px solid #80808047;
	padding: 14px 0px;
}

.responsive-links {
	margin-top: 50px;
	overflow-y: auto;
	height: calc(100vh - 232px);
}

.responsive-links ul li ul {
	display: none;
}

.responsive-links ul li a:hover {
	color: var(--c1);
}

.responsive-links ul li ul li a {
	padding-left: 40px;
	font-size: 22px;
}

.responsive-links ul li:has(ul)::before {
	position: absolute;
	content: "\f067";
	top: 16px;
	right: 0;
	font-family: "Font Awesome 5 Pro";
	font-size: 22px;
	color: var(--c2);
}

.responsive-links ul li {
	position: relative;
}

.responsive-links ul li.active::before {
	content: "\f068";
	color: var(--c1);
}

.responsive-links ul li:last-child a {
	border-bottom: 0px;
}

.responsive-menu.active {
	left: 0;
}

.responsive-menu.active .responsive-menu-inner {
	left: 0;
	transition-delay: .3s !important;
	transition: all .7s;
}

body.stop-scroll {
	overflow-y: hidden;
}
.baar-menu{
	text-align:end;
}
.baar-menu a i {
    font-size: 26px;
    color: var(--c4);
}
/* RESPONSIVE MENU CSS END */
.about-content h4 {
    font-size: 38px;
    margin-bottom: 20px;
}

.about-content ul li {
    font-size: 18px;
    color: var(--c2);
    margin-bottom: 12px;
}

.about-content ul li {
    margin-bottom: 12px;
    list-style: circle !important;
    margin-left: 20px;
}
.about-content ul {
    margin-bottom: 34px;
}
.single-content ul li {
    color: #999;
    margin-bottom: 10px;
    font-size: 20px;
}
.single-content-img {
    margin-bottom: 30px;
}

.single-content-img img {
    height: 500px;
    object-fit: cover;
}
.services-gallery-section .row{
	row-gap: 25px;
}

body.woocommerce-cart .wc-block-components-totals-coupon__input label{
	color: var(--c1);
}
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.woocommerce-error::after, .woocommerce-info::after, .woocommerce-message::after{
	content: unset;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
	top: 50%;
	transform: translatey(-50%);
}
.woocommerce-EditAccountForm.edit-account .woocommerce-Button.button {
	margin-top: 20px;
}










/* Woocommerce Shop Sidebar */

.shop-page-sidebar .price_slider_wrapper .price_slider_amount button.button:hover{
    background: transparent;
    color: var(--c2);
    border-color: var(--c2);
}
.shop-page-sidebar .price_label{
    color: var(--c2);
}
.shop-page-sidebar .product-categories li{
   margin: 10px 0;
}
.shop-page-sidebar .product-categories a{
    transition: all 0.5s;
    color: var(--c3);
}
.shop-page-sidebar .product-categories a:hover{
    color: var(--c1);
}
.shop-page-sidebar .price_slider {
    background-color: #cc55008c !important;
}

.shop-page-sidebar .price_slider .ui-slider-range {
    background-color: var(--c4) !important;
}

.shop-page-sidebar .price_slider span.ui-slider-handle {
    background-color: var(--c1) !important;
}

.shop-page-sidebar .price_slider_wrapper .price_slider_amount button.button {
    background-color: var(--c1);
    color: var(--c3);
    font-weight: 500;
    text-transform: capitalize;
    transition: all 0.5s;
    letter-spacing: 0px;
    border: 1px solid var(--c1);
}

.shop-page-sidebar .price_slider_wrapper {
    margin-bottom: 25px;
}

.shop-page-sidebar span.custom-widget-title {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 14px;
    color: var(--c4);
    font-size: 20px;
}


/* Price Slider */
.shop-page-sidebar .price_slider {
    position: relative;
    height: 6px !important;
    margin: 20px 10px 30px;
    background: #ddd !important;
    border-radius: 30px;
}
.shop-page-sidebar .price_slider .ui-slider-range {
    position: absolute;
    height: 100%;
    background: #cc5500;
    border-radius: 30px;
}

.shop-page-sidebar .price_slider .ui-slider-handle {
    position: absolute;
    top: 50%;
    transition: all 0.5s;
    width: 18px;
    height: 18px;
    background: #cc5500;
    border: 3px solid #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
}
.shop-page-sidebar .price_slider .ui-slider-handle:focus{
    outline: none;
}
.shop-page-sidebar .price_slider_amount {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.shop-page-sidebar .price_slider .ui-slider-handle:hover{
    border: 0px solid;
}
.shop-page-sidebar span.custom-widget-title:last-of-type {
    margin-bottom: 10px;
}




.engineered-call p{
	padding: 0 !important;
	margin: 0 !important;
}

.project-img a {
    display: block !important;
}

.shop-page-sidebar .product-categories li.cat-parent ul.children {
    padding-left: 30px;
}

.shop-page-sidebar .product-categories li.cat-parent ul.children li {list-style: disc !important;color: #fff;}