.custom-logo-link img.custom-logo{max-width:100px;}
.masthead-sentinel, .site-header{margin: 0;}
.site-header {padding: 0px 0;}
.site-header > div{display:flex;align-items:center;justify-content:space-between;}
.main-navigation ul#primary-menu{justify-content:flex-end;gap:20px;}
.main-navigation a{display:block;text-decoration:none;font-family:Nunito,sans-serif;font-size:20px;}
.main-navigation ul ul.sub-menu{display:block;background:#fff;width:max-content;}
.main-navigation ul ul a{padding:10px 20px;width:auto;font-size:16px;border-bottom:1px solid #ccc;}
.my-custom-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:50px;}
.woocommerce .product  .my-custom-wrapper  .images{width:100%;}
.woocommerce .product .my-custom-wrapper .summary.entry-summary{width:100%;}
.woocommerce .product .images.woocommerce-product-gallery{box-shadow:0 4px 6px rgba(0,0,0,0.1);}
.woocommerce .product .my-custom-wrapper .summary.entry-summary{width:100%;box-shadow:0 4px 6px rgba(0,0,0,0.1);background:#fff;padding:10px;}
.woocommerce .product .images .flex-control-thumbs li{border:1px solid #ccc;padding:10px;}
.custom-logo-link img.custom-logo {max-width: 70px;}
.main-navigation ul li a {font-size: 16px;text-transform: capitalize;color: #000;}
.main-navigation ul ul.sub-menu {top: 100%;width: auto;}
.main-navigation ul li {padding: 0;line-height: 1.1;}
.main-navigation ul.menu > li > a {padding: 22px 0;border: 0 !important;}
.main-navigation ul .children li a, .main-navigation ul .sub-menu li a {background: #fff;color: #000;}
.main-navigation ul .children li a:hover, .main-navigation ul .sub-menu li a:hover{background: #000;color: #fff;}
.heroSwiper .swiper-button-prev,.heroSwiper .swiper-button-next{display: none;}
.heroSwiper .swiper-pagination{display: none;}
.site-footer .site-info {border-top: 1px solid #ddd;}
.site-footer .site-info > div {display: flex;justify-content: space-between;align-items: center;}
.main-navigation ul li{margin: 0;}
.social-icons a {font-size: 22px;border: 1px solid #000;border-radius: 100px;padding: 10px;width: 42px;height: 42px;display: flex;justify-content: center;align-items: center;}
.social-icons {display: flex;gap: 10px;}
.social-icons a:hover {background: #000;color: #fff;border-color: #000;}

/*=== Page Banner ===*/
.hero-banner{
    position:relative;
    padding:140px 20px 100px;
    background-size:cover;
    background-position:center;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(0,0,0,0.7) 45%, rgba(0,0,0,0.2));
}

.hero-inner{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

.hero-content{
    color:#fff;
    max-width:600px;
}

.hero-content h1,.simple-page-header h1{
    font-size:48px;
    font-weight:700;
    margin-bottom:15px;
    color: #fff;

}
.simple-page-header h1{color: #000;}
.simple-page-header .breadcrumb a,.simple-page-header .breadcrumb li,.simple-page-header .breadcrumb li::before{color: #000 !important;}
.breadcrumb li:not(:first-child)::before {
    padding-right: .5rem;
    color: #fff;
    content: var(--bs-breadcrumb-divider, "/");
}

.breadcrumb{
    list-style:none;
    padding:0;
    margin:0;
}

.breadcrumb li{
    display:inline;
    color:#fff;
}

.breadcrumb a{
    color:#fff;
    text-decoration:none;
}

.hero-form{
    background:#fff;
    padding:30px;
    border-radius:12px;
    box-shadow:0 20px 60px rgba(0,0,0,0.2);
    width:420px;
}

/* CF7 styling */
.hero-form input,
.hero-form textarea,
.hero-form select{
    width:100%;
    padding:12px;
    border:1px solid #ddd;
    margin-bottom:15px;
    border-radius:6px;
}

.hero-form input[type="submit"]{
    background:#ff6b35;
    color:#fff;
    border:none;
    font-weight:600;
    cursor:pointer;
}

.hero-form input[type="submit"]:hover{
    background:#b91c1c;
}

/* MOBILE FORM HIDE */
.mobile-form-section{
    display:none;
}
.container.hero-inner {
    margin: auto;
}
.hero-form .cf7-field br {
    display: none;
}
.wpcf7-form-control-wrap {
    display: block;
}

/* RESPONSIVE */
@media(max-width:991px){

    .hero-inner{
        flex-direction:column;
        text-align:center;
    }

    .desktop-form{
        display:none;
    }

    .mobile-form-section{
        display:block;
        padding:40px 20px;
    }

    .hero-form{
        width:100%;
        max-width:500px;
        margin:auto;
    }

    .hero-banner{
        padding:100px 20px 60px;
    }

    .hero-content h1{
        font-size:32px;
    }
}

.simple-page-header {
    background: #f2f2f2;
    text-align: center;
    padding: 50px 15px;
    margin-bottom: 50px;
}
.single-content li {
    list-style: disc;
    margin-bottom: 10px;
}
.single-content ol, .single-content ul {
    padding-left: 15px;
    margin-top: 10px;
}
.single-content h2 {
    color: #000;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 700;
}
.simple-page-header .container {
    margin: auto;
}
.service-grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5rem;
}
.service-grid .service-item {
    flex: 0 0 auto;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 24px;
}
.service-grid .product-image{overflow: hidden;}
.service-grid .product-image:hover img{transform: scale(1.1);}
.service-grid .product-image img {
    width: 100%;
    height: 278px;
    object-fit: cover;
    transition: all 0.4s linear;
}
.service-grid .service-item-inner {
    background-color: #F2F2F2 !important;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
}
.service-grid .service-item-content {
    background: #F2F2F2;
    padding: 20px;
    text-align: center;
}
.service-grid .service-item-content h3 {
    font-size: 22px;
    font-family: Nunito,sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
}
#mobile-navigation ul li {font-family: Nunito,sans-serif;font-size: 14px;}
#mobile-navigation ul li a {background: #000;color: #fff;}
#mobile-navigation ul{width: 100%;}
#mobile-navigation ul li .dropdown-toggle {top: 0;padding: 0;height: 58px;width: 40px;background: #fff;color: #000 !important;}

/* ===== Hamburger animation ===== */
.meni_btn{width:35px;cursor:pointer;position:relative;z-index:1001;margin-left:auto;border:0;}
.meni_btn span{display:block;height:3px;background:#000;margin:6px 0;transition:0.3s;}



/* active */
.meni_btn.active span:nth-child(1){transform:translateY(9px) rotate(45deg);}
.meni_btn.active span:nth-child(2){opacity:0;}
.meni_btn.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg);}

/* ===== Desktop ===== */
@media (min-width:768px){
 
.footer-widget p:empty{display:none;}
.align-items-center{align-items:center!important;}
.justify-content-between{justify-content:space-between!important;}
.d-flex{display:flex;}
.me-3{margin-right:1rem!important;}
.avatar{position:relative;height:2.625rem;width:2.625rem;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:#FFF;font-weight:500;}
.avatar.avatar-lg{width:2.813rem;height:2.813rem;line-height:2.813rem;font-size:1rem;}
.bg-light{background-color:#E4EBF1!important;border:1px solid #E4EBF1!important;color:#FFF;}
.text-gray-9{color:#111827!important;}
.ms-2{margin-left:.5rem!important;}
.fw-medium{font-weight:500!important;}
.text-dark{color:#212E47!important;}


}
/* ===== Mobile ===== */
@media (min-width:576px){
  .d-sm-flex{display:flex!important;}
}




/* ===== Mobile Sticky Footer ===== */
.mobile-sticky-footer{position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top:1px solid #eee;display:flex;align-items:center;z-index:9999;padding:6px 0;box-shadow:0 -3px 12px rgba(0,0,0,0.08);}

/* Footer items */
.mobile-sticky-footer .footer-item{flex:1;text-align:center;font-size:11px;color:#666;text-decoration:none;}

/* Icons */
.mobile-sticky-footer .footer-item i{display:block;font-size:18px;margin-bottom:3px;}

/* ===== Simple icon colors ===== */

/* Home */
.mobile-sticky-footer .footer-item:nth-child(1) i{color:#007bff;}

/* Search */
.mobile-sticky-footer .footer-item:nth-child(2) i{color:#6f42c1;}

/* Quote */
.mobile-sticky-footer .footer-item:nth-child(3) i{color:#ff9800;}

/* Call */
.mobile-sticky-footer .footer-item:nth-child(4) i{color:#e53935;}

/* WhatsApp */
.mobile-sticky-footer .footer-item.whatsapp i{color:#25D366;}

/* Hover */
.mobile-sticky-footer .footer-item:hover{color:#000;}

/* ===== Responsive ===== */

/* Hide above 576px */
@media (min-width:576px){
  .mobile-sticky-footer{display:none;}
  body{padding-bottom:0;}
}

/* Mobile spacing */
@media (max-width:575.98px){
  body{padding-bottom:65px;}
}

/*modal*/

/* Buttons */
.product-inquiry-wrap{display:flex;gap:10px;margin-top:12px;}
.call-now-btn,.inquiry-btn{flex:1;padding:12px;border-radius:6px;text-align:center;font-weight:600;text-decoration:none;border:none;}
.call-now-btn{color:#fff;}
.inquiry-btn{color:#fff;}

/* Modal */
.cf7-modal{display:none;position:fixed;z-index:99999;inset:0;background:rgba(0,0,0,0.6);padding:15px;}
.cf7-modal-content{background:#fff;max-width:600px;margin:auto;padding:20px;border-radius:10px;position:relative;}
.cf7-close{position:absolute;right:15px;top:10px;font-size:22px;cursor:pointer;}

/* Grid */
.cf7-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.cf7-field{display:flex;flex-direction:column;}
.cf7-field.full{grid-column:1 / -1;}
.cf7-field label{font-size:13px;font-weight:600;margin-bottom:3px;}

/* Inputs */
.cf7-field input,.cf7-field select,.cf7-field textarea{padding:9px;border:1px solid #ddd;border-radius:5px;font-size:14px;width:100%;margin: 0;}
.cf7-field textarea{min-height:90px;height:90px;}
.hero-form .cf7-field p{margin: 0 !important;}
.post.product.type-product .content-center{text-align: left;}
/* Submit */
.cf7-field input[type=submit]{background:#16a34a;color:#fff;border:none;cursor:pointer;letter-spacing: normal;}
.grid.grid-cols-2.gap-5.w-full.md\:w-\[300px\].bg-white.border-t.border-gray-300.p-2.left-0.bottom-0.fixed.z-\[9\] {
    z-index: 9;
}
.main-navigation ul#primary-menu {display: flex;align-items: center;}

/* Mobile */
@media(max-width:576px){
  .cf7-grid{grid-template-columns:1fr;}
  .site-footer .site-info > div {flex-direction: column;gap: 10px;padding-bottom: 20px;}
}



/* Accordion */
.product-accordion{margin-top:15px;border-top:1px solid #eee;}
.acc-item{border-bottom:1px solid #eee;}
.acc-title{padding:14px;font-weight:600;cursor:pointer;position:relative;background:#fafafa;}
.acc-title::after{content:"+";position:absolute;right:15px;font-size:18px;}
.acc-item.active .acc-title::after{content:"-";}
.acc-content{display:none;padding:14px;background:#fff;font-size:14px;line-height:1.6;}



@media (max-width: 1540px){

    .service-grid .service-item {width: 33.33%;}
}


@media (max-width: 1024px){

    .service-grid .service-item{width: 50%;}
}

@media (max-width:767px){
  .meni_btn{display:block;}

  /* Sidebar */
  .menu-header-menu-container{position:fixed;top:0;left:-100%;width:280px;height:100vh;background:#fff;padding:20px;transition:0.3s;overflow-y:auto;z-index:999;}
  .menu-header-menu-container.active{left:0;}

  /* Overlay */
  .menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);opacity:0;visibility:hidden;transition:0.3s;}
  .menu-overlay.active{opacity:1;visibility:visible;}
  .main-navigation ul#primary-menu{display:flex;flex-direction:column;gap:0;}
  .main-navigation #primary-menu > li{border-bottom:1px solid #ccc;padding:10px 0;}

  /* Smooth slide submenu */


  /* Toggle button */
  .submenu-toggle{background:none;border:none;font-size:18px;cursor:pointer;float:right;transition:0.3s;position:absolute;top:10px;right:0;width:30px;}
  .menu-item-has-children.active > .submenu-toggle{transform:rotate(45deg);}

  .page-template-service-page .site-content > .container {max-width: 100%;padding: 0 15px;}
  .service-grid .service-item {width: 50%;}
  .service-grid .service-item-content .callBtn {display: none;}
  .service-grid .service-item-content .grid {display: block;}
  .page-banner .page-title {font-size: 30px;}
  .page-banner .container{padding-left: 15px;padding-right: 15px;}
  #mobile-navigation ul {width: 100%;}
}

@media (max-width: 640px){
    .single-content {padding-left: 15px;padding-right: 15px;}
    .archive.tax-product_cat .site-content {padding-left: 15px;padding-right: 15px;}
}

/* Mobile spacing */
@media(max-width:576px){
    .acc-title{ padding:12px; }
}
