.logo-wrap {
    display: flex;
    align-items: center;
    padding: 10px 20px;

    img {
        max-height: 60px;
        height: auto;
        width: auto;
     }
     }


 /* For header right side navigation items for serach ,whishlist ,cart,menu bar */

.nav-right-item.style-one ul li:not(:last-child)::after {
  content: none !important;
  display: none !important;
}

.nav-right-item.style-one ul li {
  margin-right: 20px; /* Adjust spacing as needed */
}

.nav-right-item.style-one ul li:last-child {
  margin-right: 0;
}

.pesco-nav-main::before,
.pesco-nav-main::after {
  display: none !important;
  content: none !important;
}


.header-navigation.style-one {
    background: linear-gradient(to right, #fff8e1, var(--secondary-light-color));
}

  .main-menu ul > li > a {
        font-family: 'Source Sans 3', sans-serif !important;
    }

.hero-section {
    padding: 80px 0;
    background: #fff;
}
.hero-content h1 {
    font-size: 2.5rem;
    font-weight: 700;
    font-family: 'Source Sans 3', sans-serif;
}
.hero-content p {
    margin: 15px 0;
    font-family: 'Source Sans 3', sans-serif;
}
.button-group a {
    margin-right: 15px;
}
.hero-visual {
    position: relative;
    text-align: center;
}
.hero-visual .category-icons {
    position: absolute;
    right: -103px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.hero-visual .category-icons .icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #fff0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s;
}
.hero-visual .category-icons .icon:hover {
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .row {
        flex-direction: column-reverse;
    }
    .hero-visual .category-icons {
        position: static;
        flex-direction: row;
        justify-content: center;
        margin-top: 50px;

    }
}
.responsive-img-wrapper img {
    width: 100%;
    max-width: 330px;
    height: auto;
}


.sub-headings {
   display: inline-flex;
    align-items: center;
    font-family: 'Source Sans 3', sans-serif;
    font-size: 16px;
    color: #333;
    position: relative;
    padding-left: 60px;
}

.sub-headings::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 50px;  /* Adjust length as needed */
    height: 2px;   /* Thickness of the line */
    background-color: red;  /* Solid red line */
    transform: translateY(-50%);
}

#hero-title {
      font-family: 'Times New Roman', Times, serif;
    font-size: 42px;
    font-weight: bold;
    line-height: 1.2;
    color: #111;
    word-break: break-word;        /* Break long words if needed */
    white-space: normal;           /* Allow wrapping */
    max-width: 100%;
}


.button-group {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.custom-btn {
  padding: 2px 28px;
  font-size: 20px;
  color: #e5380c;
  font-family: 'Source Sans 3', sans-serif;
  text-decoration: none;
  border-radius: 12px;

  background:
    linear-gradient(to bottom, #fffbe6, #ffd9c7) padding-box,
    linear-gradient(to bottom, #ffe58f, #ff9e80) border-box;

  border: 2px solid transparent;
  display: inline-block;
  transition: all 0.3s ease;
}
.custom-btn:hover {
  background:
    linear-gradient(to bottom, #fff1cc, #ffcdb9) padding-box,
    linear-gradient(to bottom, #ffe58f, #ff9e80) border-box;
}


/* for that vectior  */

.curved-arrow {
    position: absolute;
    top: 45px; /* adjust as needed */
    left: 535px; /* adjust as needed */
    z-index: 2;
    width: 180px; /* or whatever fits */
    pointer-events: none;
}
.hero-section {
    position: relative; /* Required for absolute children */
}


@media (max-width: 768px) {
  .curved-arrow {
    display: none;
  }
}


.hero-image {
    position: relative;
}
.quote-bubble {
    position: absolute;
    bottom: 10px; /* adjust dynamically in JS if needed */
    right: -40px;
    width: 200px;
    z-index: 3;
    transition: opacity 0.3s ease;
}

@media (max-width: 768px) {
  .category-icons .icon img {
    width: 60px;
    height: 60px;
  }
}


@media (max-width: 768px) {
    .category-icons .icon[data-slide="0"] {
        margin-right: 0 !important;
    }
}

@media (max-width: 768px) {
    .hero-image .quote-bubble {
        left: -8px !important;
        height: 48px !important;
        width: 186px !important;
        bottom: 357px !important;
        top: auto !important;
        right: auto !important;
    }
}

 /* End Hero Section */


 /* Start Category Section */

    .category-tabs .nav-link {
            font-weight: 500;
            color: #333;
            position: relative;
            margin: 0 15px;
            padding-bottom: 8px;
            transition: all 0.3s;
            font-size: 16px;
            }

            .category-tabs .nav-link.active {
            color: #e5380c;
            font-weight: 700;
            font-size: 18px;
            }

            .category-tabs .nav-link.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 25%;
            width: 50%;
            height: 2px;
            background-color: #e5380c;
            border-radius: 1px;
            }


            .category-items {
                row-gap: 1rem;
                column-gap: 0.5rem;
            }

            .item-box {
                padding: 10px;
                text-align: center;
                transition: all 0.3s ease;
                cursor: pointer;
            }

           /* Container wrapping image and base */
                .img-wrap {
                    position: relative;
                    display: inline-block;
                }

                .img-wrap img {
                    max-height: 100px;
                    position: relative;
                    z-index: 2;
                    display: block;
                    margin: 0 auto;
                    transition: transform 0.15s ease; /* Faster zoom */
                }

            /* Yellow base below image */
              .yellow-base {
                position: absolute;
                bottom: 38px;
                left: 50%;
                transform: translateX(-50%);
                width: 60%;
                height: 12px;
                background-color: rgba(255, 204, 0, 0); /* Fully transparent initially */
                border: 1px solid rgba(255, 204, 0, 0);  /* Invisible thin yellow border */
                z-index: 1;
                transition: all 0.3s ease;
            }


                /* Text below image */
                .item-title {
                    margin-top: 18px;
                    font-weight: 600;
                    color: #000;
                    transition: color 0.3s ease;
                }

                /* Hover effects */
                .item-box:hover .item-title {
                    color: #e5380c;
                    font-weight: bold;
                }

                .item-box:hover .img-wrap img {
                        transform: scale(1.1); /* Slight zoom */
                    }

                .subcategory-box:hover .yellow-base {
                    background-color: rgba(255, 204, 0, 0.1);  /* Very light transparent yellow */
                    border-color: rgba(255, 204, 0, 0.4);       /* Thin, light yellow border */
                    height: 32px;                               /* Slight base lift effect */
                    width: 85%;
                }
                .item-box:hover .yellow-base {
                    background-color: rgba(255, 204, 0, 0.1);  /* Very light transparent yellow */
                    border-color: rgba(255, 204, 0, 0.4);       /* Thin, light yellow border */
                    height: 32px;                               /* Slight base lift effect */
                    width: 85%;
                }

                /* Responsive tweaks */
                @media (max-width: 576px) {
                    .item-box {
                        padding: 5px;
                    }
                    .category-tabs .nav-link {
                        font-size: 14px;
                        margin: 0 5px;
                    }
                }

                @media (max-width: 768px) {
                .category-items {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                }

                .category-items .item-box {
                    width: 45%; /* 2 per row with margin */
                    margin: 5px;
                    padding: 8px;
                }

                .item-title {
                    font-size: 14px;
                }

                .img-wrap img {
                    max-height: 80px;
                }
            }

            @media (max-width: 480px) {
                .category-items .item-box {
                    width: 100%; /* 1 per row for very small screens */
                    margin: 5px 0;
                }
            }


                /* Default: 3 per row */
                @media (max-width: 768px) {
                    .category-items {
                        display: flex ;
                        flex-wrap: wrap;
                        justify-content: center;
                    }

                   
    .category-items .subcategory-box {
        width: 30%; /* 3 per row */
        margin: 1.5%;
    }
                }

                /* Smaller screens: 2 per row */
                @media (max-width: 576px) {
                  .category-items .subcategory-box {
        width: 45%; /* 2 per row */
        margin: 2.5%;
    }
     .top-pick-product {
        display: flex !important;
        justify-content: center;
        width: 100%;
    }
                }

                /* Very small: 1 per row */
                @media (max-width: 400px) {
                   .category-items .subcategory-box {
        width: 90%;
        margin: 5% auto;
    }
                }



  /* End Category Section */



  /* Start Animated-headline Section */

   .marquee-wrap {
                overflow: hidden;
                position: relative;
            }

            .marquee-inner.left {
                display: flex;
                animation: marquee-left 30s linear infinite;
            }

            .logo-item {
                flex: 0 0 auto;
                padding: 0 20px;
            }

            .logo-item img {
                width: 102px;
                height: 41px;
                object-fit: contain;
                display: block;
            }
  /* End Animated-headline Section */


  /* start Trophy Section */
                    .card.trophy-card {
                        position: relative;
                        overflow: hidden;
                        border-radius: 12px;
                        transition: all 0.3s ease-in-out;
                        border: 2px solid #f7e1dc; /* Yellow border initially */
                    }

                    /* for zoom cards when hovers */


                    /* End */

                    /* Pseudo-elements for half-height side borders */
                    .card.trophy-card::before,
                    .card.trophy-card::after {
                        content: '';
                        position: absolute;
                        width: 2px;
                        height: 50%; /* Top half only */
                        background-color: #e63946; /* Red */
                        top: 0;
                        opacity: 0;
                        transition: opacity 0.3s ease-in-out;
                    }

                    .card.trophy-card::before {
                        left: 0;
                        border-top-left-radius: 12px;
                    }
                    .card.trophy-card::after {
                        right: 0;
                        border-top-right-radius: 12px;
                    }
                    /* for border  when hovers*/

                    .card.trophy-card {
                    position: relative;
                    border-radius: 0.5rem;
                    overflow: hidden;
                    transition: border 0.3s ease-in-out;
                    }
                    .card.trophy-card:hover {
                    border-top: 2px solid #e63946;
                    }

                    /* Left and right top-half vertical red bars */
                    .card.trophy-card::before,
                    .card.trophy-card::after {
                    content: "";
                    position: absolute;
                    width: 2px;
                    height: 50%; /* Only top half of the card */
                    background-color: #e63946;
                    opacity: 0;
                    transition: opacity 0.3s ease-in-out;
                    z-index: 1;
                    }

                    /* Left bar */
                    .card.trophy-card::before {
                    top: 0;
                    left: 0;
                    border-top-left-radius: 0.5rem;
                    }

                    /* Right bar */
                    .card.trophy-card::after {
                    top: 0;
                    right: 0;
                    border-top-right-radius: 0.5rem;
                    }

                    /* Show bars on hover */
                    .card.trophy-card:hover::before,
                    .card.trophy-card:hover::after {
                    opacity: 5;
                    }



                    /* for border end */



                    /* Trophy hover bar */
                    .trophy-hover-bar {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    background-color: #e63946;
                    color: white;
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                    padding: 6px 0;
                    opacity: 0;
                    transition: opacity 0.3s ease-in-out;
                    z-index: 5;
                    }

                    .card.trophy-card:hover .trophy-hover-bar {
                    opacity: 1;
                    }

                    .trophy-hover-bar button {
                    background-color: #facc15;
                    border: none;
                    padding: 4px 10px;
                    border-radius: 4px;
                    font-weight: bold;
                    color: #b91c1c;
                    font-size: 14px;
                    }

                    .trophy-hover-bar button:hover {
                        font-weight: 700; /* bold */
                        background-color: #ffc107;
                        color: #000;
                    }

                    .trophy-hover-bar i {
                    font-size: 18px;
                    cursor: pointer;
                    }

                    /* Default: outlined yellow look */
                        .icon-toggle {
                            font-size: 18px;
                            color: transparent;
                            -webkit-text-stroke: 1px #ffc107;
                            /* yellow border */
                            cursor: pointer;
                            transition: all 0.3s ease;
                        }

                        /* Only when that specific icon is hovered */
                        .icon-toggle:hover {
                            color: #ffc107;
                            -webkit-text-stroke: 0;
                        }

                    .product-id {
                    font-size: 16px;
                    font-weight: bold;
                    color: #333;
                    }

                     .product-card {
                    position: relative;
                    overflow: hidden;
                    border-radius: 12px;
                    border: 1px solid #f1f1f1;
                    transition: all 0.3s ease-in-out;
                    font-family: 'Times New Roman', serif;
                    background-color: #fff;
                }

                .product-card img {
                    width: 100%;
                    max-height: 180px;
                    object-fit: contain;
                    padding: 20px;
                }

                .product-footer {
                    padding: 10px;
                    text-align: center;
                    background: #fff;
                }

                .product-footer p {
                    margin: 0;
                }

                .product-footer .price {
                    color: red;
                    font-weight: bold;
                }

                .hover-actions {
                    position: absolute;
                    top: -100%;
                    left: 0;
                    width: 100%;
                    background: #dc2626;
                    color: white;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding: 6px 10px;
                    transition: all 0.3s ease-in-out;
                    z-index: 10;
                }

                .hover-actions button {
                    background-color: #facc15;
                    border: none;
                    padding: 4px 10px;
                    border-radius: 4px;
                    font-weight: bold;
                    color: #b91c1c;
                    font-size: 14px;
                }

                .product-card:hover .hover-actions {
                    top: 0;
                }

                @media (max-width: 576px) {
              .card.trophy-card {
                /* left: 48px; */
                height:296px;
                width:305px;
              }
            }



            .trophy-card-wrapper {
              position: relative;
              overflow: hidden; /* Prevent background overflow */
              width: 100%;
              padding-bottom: 20px; /* Space below for see more */
              background: transparent;
              z-index: 1;
            }

            .hover-yellow-bg {
              position: absolute;
              bottom: 40px;
              left: 0;
              width: 100%;
              height: 62%; /* Covers bottom 65% */
              background-color: #fff8dc; /* Light yellow by default */
              border-top: 2px solid #f59e0b; /* Dark yellow top border */
              border-bottom: 2px solid #f59e0b; /* Dark yellow bottom border */
              z-index: 0;
              opacity: 1;
              transition: background-color 0.3s ease;
              border-radius: 0; /* No rounded corners for straight plate */
            }

            /* On hover, change background to solid yellow */
            .trophy-card-wrapper:hover .hover-yellow-bg {
              background-color: #facc15;
            }

            /* Card container to ensure content is above the yellow bg */
            .row.justify-content-center.text-center.position-relative {
              position: relative;
              z-index: 2;
            }

            /* Redesigned See More button with red border, red text, and white background */
            .see-more-btn {
              display: inline-block;
              margin-top: 20px;
              padding: 4px 19px;
              font-weight: 600;
              font-size: 16px;
              color: #dc2626; /* Red text */
              border: 2px solid #dc2626; /* Red border */
              border-radius: 20px; /* More rounded corners */
              background: white; /* White background */
              text-decoration: none;
              transition: all 0.3s ease;
              cursor: pointer;
              bottom: 43px;
                position: relative;
            }


  /* End Trophy Section */



/* Start Celebrate the momentss Sections  */

            .custom-card {
            border: 2px solid #ffc1bd;
            border-radius: 10px;
            transition: 0.3s ease-in-out;
            box-shadow: 0 2px 6px rgba(216, 52, 52, 0.1);
            background: #fff;
            }

            .custom-card:hover {
            transform: scale(1.02);
            border-color: #FFDE57;
            }

            /* Remove spacing from list group inside card */
            .list-group {
            margin: 0;
            border-radius: 0;
            }
            .list-group-item {
            border: none;
            padding: 14px 16px;
            }

            /* Alternate background colors */
            .bg-light-yellow {
            background-color: #fff3cc;
            }
            .bg-light-red {
            background-color: #ffc1bd;
            }

            /* Flex layout for list items */
            .custom-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 500;
            font-size: 14px;
            transition: all 0.3s ease;
            cursor: pointer;
            }
            /* Hover behavior */
            .hover-yellow:hover {
            background-color: #FFDE57 !important;
            color: red !important;
            }
            .hover-yellow:hover span {
            color: red !important;
            }

            .hover-red:hover {
            background-color: #e03131 !important;
            color: yellow !important;
            }
            .hover-red:hover span {
            color: yellow !important;
            }
            /* for right side  */
            .large-card {
                width: 200px;
                height: 218px;
                border: 1px solid #f8dcdc;
                border-radius: 12px;
                transition: 0.3s ease-in-out;
            }

            .large-card:hover {
                transform: translateY(-5px);
                box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
            }

/* End Celebrate the momentss Sections  */



/* Start Things You Should Know */


            .info-section {
                padding: 60px 15px;
                }

                .info-title {
                color: #e63900;
                font-size: 28px;
                font-weight: bold;
                text-align: center;
                margin-bottom: 40px;
                }

                .info-item {
                transition: background-color 0.3s ease;
                padding: 35px;
                text-align: center;
                }

                .info-item:hover {
                background-color: #FBCB07;
                }


                .info-item:hover .info-icon img {
                    filter: brightness(0) invert(1); /* This turns the image white */
                    }

                    .info-item:hover .info-heading {
                    color: white;
                    }

                .info-icon svg {
                width: 50px;
                height: 50px;
                fill: #e63900;
                margin-bottom: 15px;
                }

                .info-heading {
                font-weight: bold;
                color: #e63900;
                margin-bottom: 10px;
                }

                .info-desc {
                color: #333;
                font-size: 15px;
                }


            /* Horizontal divider below headings */
            .info-divider-horizontal {
            height: 1px;
            width: 100%;
            background-color: #ccc;
            margin: 10px auto 20px;
            }

            /* Vertical divider for large screens */
            .vertical-divider {
            position: absolute;
            top: 0;
            right: 0;
            width: 0.5px;
            height: 100%;
            background-color: #ccc;
            }


            .how-it-works-section {
                width: 100%;
                padding: 50px 15px;
                background-color: #fff;
            }

            .how-it-works-section .section-title {
                text-align: center;
                font-size: 2.5rem;
                color: #e63946;
                margin-bottom: 30px;
                font-weight: bold;
            }

            .how-it-works-image {
                display: flex;
                justify-content: center;
                align-items: center;
                overflow-x: auto;
            }

            .how-it-works-image img {
                max-width: 100%;
                height: auto;
                border-radius: 12px;
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            }

            @media (max-width: 768px) {
                .how-it-works-section .section-title {
                font-size: 2rem;
                }
            }



/* End Things You Should Know */

/* for about us section  */
            .about-us-section {
            background-color: #fff9e6;
            padding: 40px 0;
            }

            .about-title {
            color: #e63946;
            font-weight: bold;
            }

            /* Paragraph Styling */
            .about-description {
            position: relative;
            padding: 40px;
            z-index: 1;
            }

            .about-description p {
            color: #333;
            font-size: 1rem;
            font-family: 'Times New Roman', serif;
            line-height: 1.8;
            text-align: justify;
            position: relative;
            z-index: 2;
            }

            /* Background image under paragraph */
            .bg-pattern {
            position: absolute;
            top: 10%;
            left: 5%;
            width: 90%;
            opacity: 0.1;
            z-index: 1;
            pointer-events: none;
            }

            /* Cards Section */
            .about-card {
            background: #fff;
            border-radius: 0 999px 999px 0;
            margin: 40px 0 20px 30px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.08);
            display: flex;
            align-items: center;
            padding: 20px 30px 20px 60px;
            position: relative;
            overflow: visible;
            }

            .icon-box {
            position: absolute;
            left: -30px;
            top: 50%;
            transform: translateY(-50%);
            width: 60px;
            height: 60px;
            background: #fff;
            border: 2px solid #ffd89b;
            border-radius: 50%;
            box-shadow: 0 4px 8px rgba(0,0,0,0.06);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 2;
            }

            .icon-box img {
            width: 30px;
            height: 30px;
            }

            .text-box {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-grow: 1;
            padding-left: 30px;
            font-weight: 600;
            color: #333;
            font-size: 1rem;
            }

            .arrow-circle {
            width: 34px;
            height: 34px;
            background: linear-gradient(to right, #ffd89b, #f88b2d);
            color: white;
            font-size: 1.2rem;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            }

            /* Responsive */
            @media (max-width: 768px) {
            .about-card {
                flex-direction: column;
                border-radius: 20px;
                padding: 60px 20px 20px 20px;
                margin-left: 0;
                text-align: center;
            }

            .icon-box {
                position: static;
                transform: none;
                margin-bottom: 15px;
            }

            .text-box {
                flex-direction: column;
                padding-left: 0;
                gap: 10px;
            }

            .about-description {
                padding: 20px;
            }

            .bg-pattern {
                top: 0;
                left: 0;
                width: 100%;
            }
            }

                .aboutus-detail-card {
            background-color: #fff8e9;
            border: 1px solid #fbd6b0;
            border-radius: 20px;
            padding: 30px;
            box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
            font-family: 'Segoe UI', sans-serif;
            margin-top: 30px;
            }

            .aboutus-icon-circle {
            width: 65px;
            height: 65px;
            background-color: #fff;
            border-radius: 50%;
            border: 2px solid #fca311;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            }

            .aboutus-desc p {
            margin-bottom: 10px;
            font-size: 16px;
            color: #333;
            }

            @media (max-width: 768px) {
            .aboutus-detail-card {
                padding: 20px;
            }

            .aboutus-icon-circle {
                width: 50px;
                height: 50px;
            }

            .aboutus-desc p {
                font-size: 15px;
            }
            }

            .aboutus-section {
            animation: fadeIn 0.3s ease-in-out;
            }
            @keyframes fadeIn {
            from {opacity: 0;}
            to {opacity: 1;}
            }



            /* 16-6-2025 */
            .custom-card-wrappers {
  position: relative;
  margin-top: 2rem;
}

.custom-cards {
  background: #ffffff;
  border: 1px solid #f9cfa9;
  border-left: 1px solid #fbb034;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  padding: 2rem;
  padding-left: 3.5rem;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
  font-family: "Segoe UI", sans-serif;
  position: relative;
  z-index: 1;
  top: -27px;
}

.icon-boxs {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border: 3px solid #ffe4c2;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.icon-boxs img {
  width: 35px;
  height: 35px;
}

.card-titles {
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: 0.4rem;
  color: #333;
}

.card-subtitles {
  font-size: 0.95rem;
  font-weight: 600;
  color: #444;
  margin-bottom: 1rem;
}

.card-texts {
  font-size: 0.92rem;
  line-height: 1.6;
  color: #555;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .custom-card-wrappers {
    padding-top: 2rem;
  }

  .icon-boxs {
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
  }

  .icon-boxs img {
    width: 28px;
    height: 28px;
  }

  .custom-cards {
    border-radius: 20px;
    padding: 2rem 1.5rem 2rem 2.5rem;
  }
}


/* for arrow */

.back-to-list-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 2;
}

.back-to-list-btn img {
  width: 30px;
  height: 30px;
  transition: transform 0.3s ease;
}

.back-to-list-btn:hover img {
  transform: scale(1.1) rotate(-10deg);
}



/* for bottom trophy imaged show on abouts us  */

/* .about-bottom-decor-img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  opacity: 0.3;
  max-width: 100%;
  height: auto;
  pointer-events: none;
} */

/* Hide on screens smaller than 768px (Bootstrap's md breakpoint) */
@media (max-width: 767.98px) {
  .about-bottom-decor-img {
    display: none;
  }
}


/* End ABout us sections */


/*
for testimonials section */


 .swiper {
        padding: 20px 88px;
        }

        .swiper-wrapper-container {
        overflow: hidden;
        width: 85%;
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
        }

        .swiper {
        padding-left: 0;
        padding-right: 0;
        }

        .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: stretch;
            /* padding-top: 94px; */
        }

        .testimonial-card {
        border: 2px solid #ffc107;
        padding: 20px 15px;
        background: white;
        position: relative;
        width: 400px;
        margin: auto;
        transition: all 0.3s ease-in-out;
        transform: scale(1);
        }

        .testimonial-card.active-center {
        background-color: #e63946;
        border: none;
        transform: scale(1.08);
        z-index: 2;
        padding: 30px 20px;
        transition: all 0.3s ease-in-out;
        margin-top: -28px;
        padding-bottom : 5px;
        }

         /* .testimonial-card.active-center for this class i want to increses the height and width*/
                 .testimonial-card.active-center .testimonial-quote-box {
                            height: 200px;
                            width: 100%;
                            padding: 54px 14px 20px;
                            bottom:16px;
                            }

        .testimonial-card.active-center .quote-img {
        filter: brightness(0) saturate(100%) invert(92%) sepia(13%) saturate(402%) hue-rotate(354deg) brightness(104%) contrast(100%);
        }

        .testimonial-img {
        position: absolute;
        top: -40px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        }

        .testimonial-img img {
        width: 91px;
        height: 91px;
        border: 5px solid white;
        position: relative;
        top: 58px;
        }

        .testimonial-quote-box {
        margin-top: 50px;
        padding: 40px 20px 20px;
        background-color: #ffc107;
        position: relative;
        }

        .quote-img-wrapper {
        position: absolute;
        top: -20px;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        }

        .quote-img {
        width: 40px;
        height: 40px;
        position: absolute;
        }

        .start-quote {
        top: 6px;
        left: 64px;
        }

        .end-quote {
        top: 7px;
        right: 63px;
        }

        .swiper-button-prev, .swiper-button-next {
        color: #e63946;
        }

        .swiper-button-prev,
        .swiper-button-next {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 40px;
        height: 40px;
        color: transparent;
        }


         /* for background plate */
        .testimonials-section {
        position: relative;
        overflow: hidden;
        }

        .testimonials-bg-plate {
        position: absolute;
        bottom: -40px;
        left: 0;
        width: 100%;
        height: 50%;
        background-color: #FFF5DA;
        z-index: 0;
        overflow: hidden;
        }






/* End testimoanials section */