:root {
    --thm-color:#B22222 !important;
}
.elementor-611 .elementor-element.elementor-element-89d6800,
.elementor-611 .elementor-element.elementor-element-5687a82 

{
    align-items: center;
    justify-content: center;
}

.elementor-611 .elementor-element.elementor-element-c0349a0 {
    --padding-top: 100px !important;
    --padding-bottom: 0px !important;
}

.elementor-611 .elementor-element.elementor-element-77aaa2d,
.elementor-element-ca0df47
{
    margin-bottom: 100px !important;
}
.elementor-611  .merida-section-title {
    font-size: 60px;
    text-transform: capitalize;
    margin: 0px 0px 25px 0px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}

.elementor-element.elementor-element-b8c3f6b:not(.elementor-motion-effects-element-type-background), .elementor-element.elementor-element-b8c3f6b>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color: #000000;
}
.elementor-element.elementor-element-3574cef:not(.elementor-motion-effects-element-type-background), .elementor-element.elementor-element-3574cef>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-image:url(/uploads/bg-contact.jpg);
}
.elementor-element.elementor-element-b8c3f6b {
        padding: 50px;
}
.elementor-1571 .elementor-element.elementor-element-64f36cf .merida-icon-box-item {
    align-items: flex-start;
}
.elementor-1571 .elementor-element.elementor-element-9a965e8 {
 --padding-top: 100px;
}
.elementor-element.elementor-element-3574cef {
     --padding-top: 100px;
    --padding-bottom: 100px;
}
.elementor-element-cf8a788.e-con-full{
    padding: 0px 70px;
}

.elementor-element-3574cef .e-con-inner {
    flex-direction: row !important;
    .contact-card {
        height: 260px;
        color: #fff;
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        margin-top: 20px;
    }

    .contact-card .bg-image {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background-size: cover;
      background-position: center;
      z-index: 1;
      transition: transform 0.4s ease;
    }
    .contact-card:hover .bg-image {
      transform: scale(1.05);
    }
    .contact-card .overlay {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.5);
      z-index: 2;
    }
    .contact-card .content {
      position: relative;
      z-index: 3;
      padding: 25px;
      h4,strong{
        color: white;
      }
      p{
        font-size: 20px;
      }
    }
    .icon-box {
        display: inline-flex;
        align-items: center;
        justify-content: center;
         background-color: white;
        color:var(--thm-color);
        /* background-color: var(--thm-color); */
        width: 70px;
        height: 70px;
        border-radius: 5px;
        font-size: 35px;
        margin-bottom: 1rem;
    }
    .icon-box:hover {
       background-color: white;
         color: black;
    }
}

.header-one-content-area .contact-num {
    font-size: 20px;
    color: black;
    font-weight: 600;

}

.elementor-element.elementor-element-c5e2ec8:not(.elementor-motion-effects-element-type-background), .elementor-element.elementor-element-c5e2ec8>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background:url(/uploads/who_we_are.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
     z-index: 1
}
.elementor-element.elementor-element-c5e2ec8:not(.elementor-motion-effects-element-type-background)::before {
    content: "";
    position: absolute;
    inset: 0; /* shorthand for top:0; right:0; bottom:0; left:0 */
    background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    z-index: -1; /* keep it behind content */
}
@media (min-width: 768px) {
    .elementor-element.elementor-element-f7a7304 {
        --width: 100%;
    }
}
.elementor-611 .elementor-element.elementor-element-c0349a0 {
        --margin-top: 0px !important;
}

.elementor-element.elementor-element-a4312d2>.elementor-widget-container {
    margin: 0px 0px 15px 0px;
}

.elementor-element-c5e2ec8 .e-con-inner{
    display: flex !important;
    align-items: end !important;
}

.elementor-611 .elementor-element.elementor-element-c9646b2 {
        --padding-left: 0px !important;
        h4{
                /* color: var(--thm-color) !important; */
                font-weight: bold;
        }
        .product-menu-list-line {
            display: none !important;
        }
        .product-menu-img {
            padding: 10px;
        }
        .product-menu-list-des {
            color: #ffffffe0 !important;
        }
}
.elementor-element-d49acb8{

            --widgets-spacing: 20px 20px;
            --widgets-spacing-row: 0px !important;

        h4{
                margin-top: 15px;
                color: var(--thm-color) !important;
                font-weight: bold;
        }
        .red-btn{
            padding: 12px;
            background: var(--thm-color) !important;
            color: white;
            font-weight: 700;   
        }
}
.wpcf7 .theme-btns.one:hover {
    color: #000000 !important;
}
.elementor-element-c45ae4a-fofo .elementor-element.elementor-element-d49acb8 {
        --padding-top: 0px !important;
        
}
.elementor-element-c45ae4a-foco
{
    background-color: #000000ed !important;
    .elementor-element.elementor-element-8db6278 {
        text-align: right !important;
    }

    .elementor-element.elementor-element-4556414 {
        
         background-color: #000000 !important;
    }
    .merida-section-title{
        color: white !important;
    }
        .merida-section-description{
        color: #ffffffe0 !important;
        }
}
.elementor-element-c45ae4a-foco .elementor-element.elementor-element-d49acb8 {
  --padding-top: 0px !important;
}
.elementor-element-c45ae4a-fopo .elementor-element.elementor-element-d49acb8 {
      --padding-bottom: 0px !important;
}
.elementor-element-c5e2ec8-info{
    background-image: url(https://img.freepik.com/free-photo/japanese-man-woman-working-using-laptop-restaurant_23-2149319374.jpg?t=st=1758050753~exp=1758054353~hmac=9a039cb128eb3eaa682cc55986650c2ebc9e65de399c59b5600aafb75c96e62b&w=2000) !important;
    /* text-align: center !important;
     .merida-section-title,
     .merida-section-small-title,
     h4,.merida-section-description
     {
        text-align: center !important ;
        padding: 0px 10%  !important;
     }
     element.elementor-element-15c2117 .merida-section-title-content {
            width: 100% !important;
     }
     .merida-section-title-wrapper {
        justify-content: center;
    }
    .elementor-element-15c2117 .merida-section-title-content {
        text-align: center;
        width: 100%; 
    }*/
    

}

.e-text-primary{
    color: var(--thm-color);
    font-weight: 700;
}

.list-group-item::before {
  content: "";
  position: absolute;
    left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--thm-color);
}

.elementor-element.elementor-element-3a5f417 {
        --padding-top: 120px !important;
}
.elementor-element.elementor-element-1dea16a {
    display: block !important;
        h4 {
        margin-top: 15px;
        color: var(--thm-color) !important;
        font-weight: bold;
    }
}

    section.how-it-works {
      text-align: center;
      padding: 80px 20px;
      background: linear-gradient(135deg, #fff 0%, #f9f9f9 100%);
    }

    section.how-it-works h2 {
      /* font-size: 2.5rem;
      margin-bottom: 40px;
      font-weight: 700;
      color: #222;
      position: relative; */
    }

    section.how-it-works h2::after {
      content: "";
      display: block;
      width: 60px;
      height: 4px;
      background: #ff4d4d;
      margin: 12px auto 0;
      border-radius: 2px;
    }

section.how-it-works{

    .steps {
      display: flex;
      justify-content: center;
      gap: 40px;
      flex-wrap: wrap;
      max-width: 1100px;
      margin: 0 auto 50px;
    }

    .step {
      position: relative;
      border-radius: 16px;
      overflow: hidden;
      width: 320px;
      height: 220px;
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 20px;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      background-size: cover;
      background-position: center;
    }

    .step::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.45);
      z-index: 1;
    }

    .step h3, .step p {
      position: relative;
      z-index: 2;
      text-align: left;
    }

    .step h3 {
      font-size: 1.4rem;
      margin: 0 0 8px;
      color: #ffebeb;
    }

    .step p {
      font-size: 1rem;
      margin: 0;
      color: #f1f1f1;
    }

    .step:hover {
      transform: translateY(-8px);
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
    }

    .cta-btn {
      display: inline-block;
      background: #ff4d4d;
      color: #fff;
      font-size: 1.2rem;
      font-weight: 600;
      padding: 14px 40px;
      border-radius: 50px;
      text-decoration: none;
      transition: background 0.3s ease, transform 0.2s ease;
      box-shadow: 0 6px 15px rgba(255, 77, 77, 0.4);
    }

    .cta-btn:hover {
      background: #e63939;
      transform: scale(1.05);
    }

    @media (max-width: 768px) {
      .steps {
        flex-direction: column;
        align-items: center;
      }
    }
}

.elementor-element.elementor-element-61930e6 .merida-button .theme-btns:hover {
    color: black !important;
}
.elementor-element.elementor-element-ead804a img {
    width: 100%;
}

.elementor-element.elementor-element-ead804a {
    position: relative;
    z-index: 1;
}
.elementor-element.elementor-element-ead804a::after {
    content: "";
    position: absolute;
    top: 0; left: 49%;
     height: 100%;
     width: 10px;
    background-color: #fff;
    z-index: 2; /* keep it behind content */
}
.breadcroumn-contnt .breadcumb-title {
    text-align: center;
}



/* .breadcroumb-area {
    position: relative;
    background-image: url(/uploads/bg/vintage-old-rustic-cutlery-dark_1220-4886.jpg);
} */

.features-container-main{
    background-image: url(/uploads/bg/vintage-old-rustic-cutlery-dark_1220-4886.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    .merida-section-title{
        color: white !important;
    }
    .merida-icon-list-title-normal{
        padding: 0px 15% !important;
        text-align: center !important;
        color: white;
    }
}
          

     .features-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
            padding: 20px;
      

        .feature-item {
            text-align: center;
            background-color: #fff;
            padding: 30px 20px;
            border-radius: 15px;
            box-shadow: 0 6px 12px rgb(44 28 28 / 25%);
            transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
            width: 220px;
        }

            h4 {
                margin-top: 15px;
                color: var(--thm-color) !important;
                font-weight: bold;
            }

        .feature-item:hover {
            transform: translateY(-12px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        }

        .icon {
            font-size: 58px;
            color: #d9534f; /* A vibrant red color */
            margin-bottom: 15px;
            transition: transform 0.5s ease-in-out;
        }

        .feature-item:hover .icon {
            transform: scale(1.1);
            color: #c9302c; /* A slightly darker red for hover effect */
            animation: pulse 1s infinite;
        }

        p {
            font-size: 20px;
            color: #333;
            font-weight: 600;
        }

        /* Keyframe Animation */
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.1); }
            100% { transform: scale(1); }
        }

    }
    .more-info-section{
            --bs-secondary-dark: #1a1a1a;


        .bg-secondary-dark {
            background-color: var(--bs-secondary-dark);
        }

        /* Hero Section */
        .hero-section {
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/uploads/bg/9824651.jpg') no-repeat center center;
            background-size: cover;
            min-height: 80vh;
        }

        /* .hero-content {
            background: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(5px);
            border-radius: 15px;
        } */
        
        /* Placeholder Images */
        .placeholder-image {
            width: 100%;
            height: 400px;
            background: url('https://img.freepik.com/free-vector/hand-drawn-pattern-background_23-2150905255.jpg?uid=R172978830&ga=GA1.1.1491666443.1734151309&semt=ais_incoming&w=740&q=80') no-repeat center center;
            background-size: cover;
            border-radius: 10px;
        }
        .silder-hero-title-box{
            color: var(--white-color);
            font-family: var(--heading-font);
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            margin-bottom: 14px;
        }
    }

    .elementor-element-bec4e96 .title-f{
            position: relative;
            color: var(--white-color) !important;
            font-family: var(--body-font) !important;
            font-size: 24px !important;
            font-style: normal !important;
            font-weight: 600;
            line-height: normal;
    }

    @media (max-width: 1024px) {
        .elementor-734 .elementor-element.elementor-element-8db6278,
        .elementor-734 .elementor-element.elementor-element-4556414 
        {
            text-align: center !important;
            --padding-right: 0px !important;
        }
        .elementor-734 .elementor-element.elementor-element-4556414 .e-con-inner.foco-model{
            display: flex;
            flex-direction: column-reverse !important;
        }
        .more-info-section {
            .hero-section {
                background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/uploads/bg/9824651.jpg) no-repeat center center;
                background-size: cover;
                min-height: 50vh;
            }
        }
        .center-md,.elementor-element.elementor-element-d145912 .merida-button{
            text-align: center;
        }
            .elementor-734 .elementor-element.elementor-element-52fb887 {
                --padding-right: 0px !important;
            }
            .merida-mobile-menu {
                padding-top: 0px !important;
            }

}

    @media (max-width: 1024px) and (min-width: 768px) {
        .elementor-element.elementor-element-b8c3f6b {
            --width: 60% !important;
        }
            .elementor-element.elementor-element-3574cef .e-con-inner{
                gap: 10px;
            }
            .elementor-element-cf8a788.e-con-full {
                padding: 0px 10px;
            }

            .services-box{
                row-gap:15px;
            }

    }

    @media (max-width: 767px) {
        .elementor-element.elementor-element-b8c3f6b {
            padding: 5px !important;
            input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] {
                margin-bottom: 2px !important;
                padding: 6px 2px !important;
                font-size: 16px !important;
            }
        }
        .elementor-element-cf8a788.e-con-full {
            padding: 0px 0px !important;
            padding-top: 30px !important;
        }

        .elementor-element.elementor-element-8f03158>.elementor-widget-container {
            margin: 20px 0px 0px 0px;
        }
        .needs-validation .theme-btns.one{
            margin-bottom: 20px;
        }
        .merida-button-wrapper{
            text-align: center !important;
        }
        .elementor-element.elementor-element-c5e2ec8:not(.elementor-motion-effects-element-type-background)::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgb(0 0 0 / 62%) 100%);
            z-index: -1;
        }
        .product-menu-img {
            width: auto !important;
            height: auto !important;
        }
        .product-menu-list-wrapper .product-menu-img img {
            height: 50px !important;
            width: 50px !important;
        }
        .mt-sms{
            margin-top: 20px;
        }
        .elementor-734 .elementor-element.elementor-element-4556414{
            --padding-top: 0px !important;
        }
        .merida-section-title {
            text-align: center !important;
        }

        .elementor-734 .elementor-element.elementor-element-d49acb8 {
            --padding-bottom:0px !important;
        }
        .elementor-611 .merida-section-title {
            font-size: 45px;
        }
        .features-container {
            display: block !important;
            .feature-item {
                width:100% !important;
                margin-top: 20px;
            }
        }
        .services-box{
            row-gap: 10px;
        }
        .elementor-185 .elementor-element.elementor-element-e97ccfd,
        .elementor-611 .elementor-element.elementor-element-8838368 
        {
            background-size: 50300% !important; 
        }
        .elementor-element.elementor-element-f229e78 .merida-button-wrapper{
                display: none;
        }

        .elementor-element-058552d .elementor-social-icons-wrapper.elementor-grid,
        .breadcroumb-area
        {
            display: none !important;
        }
        .elementor-element.elementor-element-3574cef {
            --padding-top: 20px;
        }

    }