@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:wght@400;500;600;700;900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* background-color: var(--bg_color); */
  scroll-behavior: smooth;

}
:root {
  --main_color: #C70D3A;
  --text_color: #FFFF;
  --second_color: #F96C07F2;
  --bg_card: #F96C07F2;
  --border_color: #F96C07F2;
  --food_bg_color: #f97316;
}
html {
  scroll-behavior: smooth;
  font-size: 62.5%;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  html {
    font-size: 50%;
    /* Adjust font size for mobile screens */
  }
}
@media (max-width: 768px) {
  html {
    font-size: 45%;
    /* Adjust font size for mobile screens */
  }
}
h1 {
  font-size: 3.4rem;
  width: 100%;
  /* height: 200vh; */
}/* Full Navbar Wrapper (Logo + Links) */
._nav_9pial_3 {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #ffff;
    position: sticky;
    top: 0;
    z-index: 1000;
    /* Dark blue background */
    /* border-bottom: 2px solid #ff8000; */
    /* Orange bottom border */
}

._navWrapper_9pial_29 {
    margin: auto;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffff;
    /* Dark blue background */
    padding: 1rem;
    /* border-bottom: 2px solid #ff8000; */
    position: sticky;
    top: 0;
    z-index: 1000;
    height: 120px;
    /* Matches the logo height */
}

/* Logo Container (outside the link section) */
._logoContainer_9pial_65 {
    padding: 1rem 0rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    /* Taller space for the logo */
    /* min-width: 220px; */
    /* Reserves space so nav links don't overlap */
}

._logoImage_9pial_87 {
    padding: 0.2rem;
    max-height: 100px;
    /* max-height: 200px; */
    /* Keeps the logo big but contained */
    width: auto;
    object-fit: contain;
}

/* Navbar Links Section */
._navbar_9pial_107 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
}

/* Navigation Links List */
._navlist_9pial_123 {
    list-style: none;
    display: flex;
    gap: 3rem;
    margin: 0;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: 18px;
    align-items: center;
}

._navlist_9pial_123 li {
    margin: 0;
}

._navlist_9pial_123 a {
    text-decoration: none;
    color: #0066b1;
    /* White text for links */
    transition: color 0.3s ease;
}

._navlist_9pial_123 a:hover {
    color: #ff8000;
    /* Orange hover */
}

/* Active Page Link */
._active_9pial_179 {
    font-weight: bold;
    color: #ff8000;
}

/* Contact Us Button */
._contactusWrapper_9pial_191 {
    background-color: transparent;
    border: 2px solid #ff8000;
    border-radius: 50px;
    min-width: 140px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease, color 0.3s ease;
}

._contactus_9pial_191 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #00104d;
    text-decoration: none;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: color 0.3s ease;
}

._contactusWrapper_9pial_191:hover {
    background-color: #ff8000;
    border-color: #ff8000;
}

._contactusWrapper_9pial_191:hover ._contactus_9pial_191 {
    color: #ffffff;
}

/* Hamburger Menu (Hidden by default) */
._hamburger_9pial_261 {
    display: none;
    font-size: 3rem;
    background: none;
    border: none;
    color: #00104d;
    cursor: pointer;
}

@media (max-width: 1440px) {
    ._navWrapper_9pial_29 {
        width: 100%;
    }

}

@media (max-width: 1080px) {
    ._navWrapper_9pial_29 {
        width: 100%;
    }

}

/* Responsive Styles */
@media (max-width: 768px) {
    ._navWrapper_9pial_29 {
        height: auto;
        /* flex-direction: column; */
        padding: 0rem 1rem;
    }

    ._logoContainer_9pial_65 {
        padding: 0;
        height: 80px;
    }

    ._logoImage_9pial_87 {
        max-height: 50px;
    }

    ._hamburger_9pial_261 {
        display: block;
    }

    ._navlist_9pial_123 {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 100%;
        right: 0;
        width: 240px;
        background-color: #fff;
        border-left: 2px solid #ff8000;
        padding: 1rem 0;
        border-bottom-left-radius: 10px;
        z-index: 999;
        gap: 1.5rem;
        box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.2);
    }

    ._navlist_9pial_123._show_9pial_381 {
        display: flex;
    }

    ._contactusWrapper_9pial_191 {
        min-width: 120px;
        height: 40px;
    }

    ._contactus_9pial_191 {
        padding: 0 16px;
    }
}

/* Import Poppins font */
* {
    font-family: 'Poppins', sans-serif;
}
._footer_60jgo_15 {
    width: 100%;
    background-color: #054e83;
    ;
    padding: 20px 0;
    color: var(--text_color);
}
._container_60jgo_31 {
    margin: 10px auto;
    width: 80%;
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    margin: 0 auto;
    /* gap: 21px; */
    padding: 1rem;
}
._infoSections_60jgo_53 {
    flex: 1;
    display: flex;
    justify-content: space-around;
}
._logoContainer_60jgo_65 {
    padding: 0rem 1rem 1rem 1rem;
    width: 20%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
._logoContainer_60jgo_65 img {
    padding: 0rem 1rem 1rem 1rem;
    width: 180px;
    height: 150px;
    border-radius: 10%;
}
._logo_60jgo_65 {
    font-size: 24px;
    font-weight: bold;
}
._footerimg_60jgo_105 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
}
._title_60jgo_119 {
    font-size: 2rem;
    margin-bottom: 10px;
    font-family: poppins;
    font-weight: 600;
    white-space: nowrap;
}
ul {
    list-style: none;
    padding: 0;
    gap: 10px;
}
ul li {
    margin-bottom: 5px;
    white-space: nowrap;
    font-size: 1.6rem;
    gap: 5px;
  
}
ul li:hover {
    cursor: pointer;
    color: #ff8000cb;
}
._categoryWrapper_60jgo_173 {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    flex-wrap: wrap;
}
._categoryColumn_60jgo_187 {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 1.4rem;
    flex: 1;
}
._categoryColumn_60jgo_187 li {
    margin-bottom: 6px;
    white-space: nowrap;
    font-size: 1.6rem;
}
._socialIcons_60jgo_217 {
    display: flex;
    gap: 15px;
    justify-content: center;
    font-size: 32px;
    margin-bottom: 1rem;
}
._socialIcons_60jgo_217 svg {
    border-radius: 50%;
    padding: 5px;
    width: 30px;
    height: 30px;
    background-color: #1767b3;
}
._socialIcons_60jgo_217>* {
    /* background-color: white; */
    border-radius: 50%;
    color: white;
    background-color: #1767b3;
    transition: color 0.3s ease;
    border: 2px solid #ff8000;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* color: black; */

}
._Facebook_60jgo_279:hover {
    color: white;
    background: linear-gradient(135deg, #1877f2, #1c6de0, #1a5fd9);

}
._linkend_60jgo_291:hover {
    color: white;
    background: linear-gradient(135deg, #1877f2, #1c6de0, #1a5fd9);

}
._instagram_60jgo_303:hover {
    color: white;
    background: linear-gradient(45deg,
            #405de6,
            #5851db,
            #833ab4,
            #c13584,
            #e1306c,
            #fd1d1d)
}
._footerBottom_60jgo_325 {
    text-align: center;
    padding: 10px 0;
    margin-top: 20px;
}
a {
    color: white;
    text-decoration: none;
    transition: color 0.3s ease;
    font-size: 1.6rem;
    font-family: poppins;
    gap: 5px;
}
a:hover {
    color: #ffccbc;
    cursor: pointer;
}
._seeMoreBtn_60jgo_365 {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 500;
    transition: background-color 0.3s ease;
}
._seeMoreBtn_60jgo_365:hover {
    background-color: #1767b3;
    color: #fff;
}
._copyright_60jgo_393 {
    text-align: center;
    margin-top: 1rem;
    border-top: 1px solid #ff8000;
    padding-top: 1rem;
    font-size: 1.6rem;
    font-family: poppins;
}
._developer_60jgo_411 {
    color: #ff8000;
    /* Primary brand color */
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;
}
._developer_60jgo_411:hover {
    color: #ff8000;
    /* Highlight color on hover */
    transform: scale(1.05);
    cursor: pointer;
    /* Slight zoom effect */
}
/* Media Queries for Responsive Design */
@media (max-width: 1440px) {
    ._container_60jgo_31 {
        width: 100%;
        /* flex-direction: column;
        align-items: center; */
    }

}
@media (max-width: 1080px) {

    ._logoContainer_60jgo_65 {
        margin: 0;
    }

    ._container_60jgo_31 {
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    ._infoSections_60jgo_53 {
        /* flex-direction: column; */
        /* align-items: center; */
        gap: 20px;
    }

    ._logoContainer_60jgo_65 {
        margin-right: 0;
        margin-bottom: 20px;
    }
}
@media (max-width: 868px) {
    ._categoryWrapper_60jgo_173 {
        flex-direction: column;
    }

    ._categoryColumn_60jgo_187 {
        width: 100%;
    }

    ._container_60jgo_31 {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 0 auto;
        gap: 10px;
        padding: 0;
        align-items: flex-start;
        padding-left: 20px;
        /* Ensure all items are aligned to the left */
    }

    ._logoContainer_60jgo_65 {
        width: auto;
    }

    ._footerimg_60jgo_105 {
        width: 150px;

    }

    ._infoSections_60jgo_53 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
        /* Ensure all items are aligned to the left */
    }


    ._socialIcons_60jgo_217 {
        font-size: 24px;
    }

    ._productCategories_60jgo_601 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        /* Ensure all items are aligned to the left */
    }

    ._productCategoriesSection_60jgo_619 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        /* Ensure all items are aligned to the left */
    }

    ._contactInfoSection_60jgo_635 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        /* Ensure all items are aligned to the left */
    }

    ._socialMediaSection_60jgo_651 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        /* Ensure all items are aligned to the left */
    }

    ._quickLinksSection_60jgo_667 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        /* Ensure all items are aligned to the left */
    }

    ._logoContainer_60jgo_65 {
        padding: 0rem;
        width: 20%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    ._logoContainer_60jgo_65 img {
        padding: 0rem;
        width: 80px;
        height: 80px;
        border-radius: 10%;
    }
}
@media (max-width: 750px) {
    ._logoContainer_60jgo_65 {
        /* margin: 10px auto; */
        padding: 0rem;
        width: 20%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    ._logoContainer_60jgo_65 img {
        padding: 0rem;
        width: 60px;
        height: 60px;
        border-radius: 10%;
    }

    ul {
        gap: 0;
    }

    ._socialIcons_60jgo_217 svg {
        border-radius: 50%;
        padding: 2px;
        width: 20px;
        height: 20px;
        /* background-color: #000; */
    }

    ._socialIcons_60jgo_217 {
        margin: 0;

    }

    ._footer_60jgo_15 {
        padding: 10px 10px;
    }

    ._footerimg_60jgo_105 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 120px;
    }

    ._container_60jgo_31 {
        gap: 0;
        padding: 1rem;
        display: flex;
        justify-content: flex-start;
    }

    ._infoSections_60jgo_53 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 10px;
    }

    ._logoContainer_60jgo_65 {
        display: flex;
        justify-content: center;
    }

    ._socialIcons_60jgo_217 {
        font-size: 26px;
    }
}._wrapper_1by6h_1 {
    width: 80%;
    margin: 20px auto;
    padding: 1rem;
    background: #fff;
}

._whyChoose_1by6h_15 {
    text-align: center;
    margin-bottom: 10px;
    padding: 20px 20px;
    margin-bottom: 10px;
    /* border-top: 2px solid var(--border_color);
    border-bottom: 2px solid var(--border_color); */
    /* Orange border */
}

._heading_1by6h_35 {
    margin-bottom: 10px;
    font-size: 3.2rem;
    font-weight: 700;
    color: #ff8000;
}

._description_1by6h_49 {
    font-size: 1.6rem;
    font-family: poppins;
    font-weight: 400;
    color: black;
    padding: 1% 10%;
    margin: 0 auto;
    line-height: 1.6;
}

._container_1by6h_69 {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

._card_1by6h_85 {
    border-left: 2px solid var(--border_color);
    text-align: center;
    padding: 15px 20px;
    transition: transform 0.3s ease-in-out;
}

._card_1by6h_85:hover {
    transform: scale(1.05);
}

._icon_1by6h_107 {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

._title_1by6h_119 {
    font-size: 2rem;
    font-weight: 400;
    color: #0066b1;
}

/* Media Queries for Responsive Design */
@media (max-width: 1440px) {
    ._wrapper_1by6h_1 {
        width: 100%;
        margin: 10px auto;
    }


    ._description_1by6h_49 {
        padding: 1% 8%;
    }

}

@media (max-width: 1080px) {
    ._wrapper_1by6h_1 {
        width: 100%;
        margin: 10px auto;
    }


    ._description_1by6h_49 {
        padding: 1% 6%;
    }



    ._card_1by6h_85 {
        padding: 10px 15px;
    }
}

@media (max-width: 768px) {

    ._description_1by6h_49 {
        padding: 1% 4%;
    }


    ._card_1by6h_85 {
        padding: 8px 10px;
    }

    ._icon_1by6h_107 {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 576px) {
    ._whyChoose_1by6h_15 {
        padding: 0;
        margin-bottom: 20px;

    }

    ._wrapper_1by6h_1 {

        padding: 0;
        margin-bottom: 5px;
    }

    ._heading_1by6h_35 {
        margin-top: 0;
        width: 100%;
    }

    ._description_1by6h_49 {
        padding: 1rem;
    }



    ._card_1by6h_85 {
        border: none;
        padding: 5px 8px;
    }

    ._icon_1by6h_107 {
        width: 30px;
        height: 30px;
    }

    ._container_1by6h_69 {
        display: flex;
        flex: 1;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
    }
}._container_1fffc_1 {
    width: 80%;
    margin: 80px auto;
}

._flexContainer_1fffc_11 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 10px;
    padding: 1rem;
    margin: 20px auto;
}

._ceoimg_1fffc_29 {
    width: 40%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

._ceoimg_1fffc_29  img{
    padding: 1rem;
    border-radius: 50px;
    width: 90%;
    height: auto;
}
._message_1fffc_55 {
    padding: 10px 0px;
    width: 40%;
    height: auto;
}

._title_1fffc_67 {
    text-align: center;
    font-size: 3.2rem;
    padding: 10px;
    font-family: poppins;
    font-weight: 600;
    background-color: #ff8000;
    color: #0066b1;
    margin-bottom: 20px;
}

._content_1fffc_89 {
    align-items: justify;
    font-size: 1.8rem;
    line-height: 1.6;
    font-family: poppins;
    color: black;
}

._content_1fffc_89 p {
    text-align: justify;
    align-items: justify;
    margin-bottom: 20px;
}

._signature_1fffc_117 {
    font-size: 2rem;
    font-weight: 700;
    text-align: right;
    font-style: italic;
    color: #0066b1;
}

/* Media Queries for Responsive Design */
@media (max-width: 1440px) {
    ._container_1fffc_1 {
        width: 100%;
        margin: 0 auto;
    }

    ._flexContainer_1fffc_11 {
        gap: 50px;
    }

    ._ceoimg_1fffc_29, ._message_1fffc_55 {
        width: 80%;
    }
}

@media (max-width: 1024px) {
    ._container_1fffc_1 {
        width: 100%;
        margin: 0 auto;
    }

    ._flexContainer_1fffc_11 {
        flex-direction: column;
        gap: 10px;
    }

    ._ceoimg_1fffc_29 {
        display: flex;
        justify-content: center;
        width: 50%;


    }

    ._message_1fffc_55 {
        width: 100%;

    }
}


@media (max-width: 480px) {
    ._flexContainer_1fffc_11 {
        margin: 10px auto;
        display: flex;
        gap: 20px;
        padding-bottom: 2px;
        /* flex-direction: column-reverse; */

    }

    ._content_1fffc_89 {
        font-size: 12px;
    }

    ._content_1fffc_89 p {
        font-size: 12px;
        text-align: justify;
        align-items: justify;
        margin-bottom: 10px;
    }

    ._message_1fffc_55 {
        padding: 10px;
        width: 80%;
    }

    ._ceoimg_1fffc_29 {
        padding: 0;
        display: flex;
        justify-content: center;


    }

    ._ceoimg_1fffc_29 img {
        border-radius: 50%;
        display: flex;
        width: 50%;
        justify-content: center;
        padding: 0;
        margin: 0;
    }

    ._title_1fffc_67 {
        margin-bottom: 10px;
        order: 1;
        /* Ensure title is before ceoimg */
    }

    ._ceoimg_1fffc_29, ._message_1fffc_55 {
        width: 100%;
    }
}._heroContainer_hjp2c_1 {
    position: relative;
    width: 100%;
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: url("https://images.unsplash.com/photo-1567787609897-5da32f4b75d3?auto=format&fit=crop&w=1600&q=80") center/cover no-repeat;
    color: #fff;
    font-family: "Poppins", sans-serif;
    overflow: hidden;
}

/* Gradient Overlay */
._overlay_hjp2c_31 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 102, 177, 0.65), rgba(255, 128, 0, 0.45));
    z-index: 1;
}

/* Hero Content */
._heroContent_hjp2c_53 {
    position: relative;
    z-index: 2;
    width: 80%;
    padding: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    animation: _fadeIn_hjp2c_1 1.5s ease-in-out;
}

/* Text Content */
._textContent_hjp2c_79 {
    flex: 1;
    max-width: 600px;
    text-align: left;
}

/* Hero Image */
._heroImageContainer_hjp2c_93 {
    flex: 1;
    /* max-width: 400px; */
    display: flex;
    justify-content: center;
    align-items: center;
}

._heroImage_hjp2c_93 {
    max-width: 100%;
    height: auto;
    border-radius: 15px;
    animation: _zoomIn_hjp2c_1 1.8s ease-in-out;
}

/* Animations */
@keyframes _fadeIn_hjp2c_1 {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes _zoomIn_hjp2c_1 {
    from {
        opacity: 0;
        transform: scale(0.85);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes _pulseGlow_hjp2c_1 {
    0%, 100% {
        text-shadow: 0 0 15px rgba(255, 128, 0, 0.8);
    }

    50% {
        text-shadow: 0 0 35px rgba(0, 102, 177, 0.7);
    }
}

/* Subheading (Typing) */
._subHeading_hjp2c_195 {
    min-height: 45px;
    font-size: 2.8rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 1rem;
    color: #ffe9d6;
    animation: _fadeIn_hjp2c_1 1.2s ease-in-out;
}

/* Blinking Cursor */
._cursor_hjp2c_217 {
    display: inline-block;
    width: 2px;
    background-color: #ffe9d6;
    margin-left: 2px;
    animation: _blink_hjp2c_1 0.8s infinite;
}

@keyframes _blink_hjp2c_1 {
    0%, 50% {
        opacity: 1;
    }

    50%, 100% {
        opacity: 0;
    }
}

/* Main Heading */
._heroHeading_hjp2c_255 {
    font-size: 6rem;
    font-weight: 800;
    line-height: 1.3;
    margin: 1rem 0;
    background: linear-gradient(90deg, #ff8000, #0066b1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* text-shadow: 0 0 30px rgba(255, 128, 0, 0.4); */
    animation: _zoomIn_hjp2c_1 1.8s ease-in-out;
}

._glowText_hjp2c_279 {
    color: #ff8000;
    text-shadow: 0 0 20px rgba(255, 128, 0, 0.891), 0 0 30px rgba(0, 103, 177, 0.024);
    animation: _pulseGlow_hjp2c_1 3.5s infinite;
}

/* Moto & Short Description */
._heroMoto_hjp2c_293 {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #0066b1;
}

._heroDescription_hjp2c_307 {
    font-size: 1.8rem;
    line-height: 1.6;
    color: #f0f0f0;
    margin-bottom: 2rem;
}

/* Icon Row */
._iconsRow_hjp2c_323 {
    display: flex;
    justify-content: flex-start;
    gap: 1.5rem;
    margin-bottom: 2.5rem;
    flex-wrap: wrap;
}

._iconCard_hjp2c_339 {
    color: #0066b1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: rgba(255, 255, 255, 0.1);
    padding: 1rem;
    border-radius: 10px;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    width: 160px;
}

._iconCard_hjp2c_339 img {
    max-width: 50px;
    margin-bottom: 0.8rem;
}

._iconCard_hjp2c_339 span {
    font-size: 1.4rem;
    font-weight: 500;
}

._iconCard_hjp2c_339:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 6px 25px rgba(255, 128, 0, 0.4);
}

/* CTA Button */
._ctaButton_hjp2c_397 {
    background: linear-gradient(135deg, #ff8000, #0066b1);
    color: #fff;
    padding: 0.8rem 2rem;
    border: none;
    border-radius: 50px;
    font-size: 1.6rem;
    font-weight: bold;
    cursor: pointer;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

._ctaButton_hjp2c_397:hover {
    transform: scale(1.08);
    box-shadow: 0 10px 35px rgba(255, 128, 0, 0.5);
}

@media (max-width: 1440px) {
    ._heroContent_hjp2c_53 {
        width: 100%;
        gap: 0;
        padding: 2rem;
        justify-content: space-between;
    }
}

@media (max-width: 1080px) {
    ._heroContent_hjp2c_53 {
        padding: 1rem;
    }
}

/* Responsive */
@media (max-width: 768px) {
    ._heroImageContainer_hjp2c_93 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-bottom: 1.5rem;
    }

    ._heroImage_hjp2c_93 {
        max-width: 250px;
        width: 100%;
        height: auto;
    }

    ._subHeading_hjp2c_195 {
        min-height: 30px;
    }


    ._heroContainer_hjp2c_1 {
        height: 65vh;
    }

    ._heroContent_hjp2c_53 {
        flex-direction: column-reverse;
        text-align: center;
    }

    ._heroDescription_hjp2c_307 {
        margin-bottom: 0rem;
    }

    ._textContent_hjp2c_79 {
        text-align: center;
        max-width: 100%;
    }

    ._iconsRow_hjp2c_323 {
        justify-content: center;
        gap: 1rem;
    }

    ._iconCard_hjp2c_339 {
        display: none;
        width: 140px;
    }

    ._ctaButton_hjp2c_397 {
        padding: 0.7rem 1.8rem;
    }
}

@media (max-width: 580px) {
    ._subHeading_hjp2c_195 {
        min-height: 30px;
        font-size: 18px
    }

    ._heroHeading_hjp2c_255 {
        font-size: 24px;
    }

    ._heroMoto_hjp2c_293 {
        font-size: 12px;
    }

    ._ctaButton_hjp2c_397 {
        font-size: 12px;
    }

    ._heroImage_hjp2c_93 {
        max-width: 250px;
    }
}._container_175ar_1 {
    width: 85%;
    margin: 20px auto;
    padding: 1rem;
    font-family: "Segoe UI", sans-serif;
    line-height: 1.6;
    color: #222;
}

/* Hero Section */
._hero_175ar_21 {
    background: linear-gradient(120deg, #ff8000, #0066b1);
    text-align: center;
    padding: 5rem 2rem;
    color: #fff;
    border-radius: 14px;
    box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

._gradientText_175ar_41 {
    font-size: 3rem;
    font-weight: bold;
    background: linear-gradient(90deg, #fff, #ffe6cc, #fff);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: _gradientMove_175ar_1 4s ease infinite;
    transition: transform 0.4s ease, text-shadow 0.4s ease;
}

._justifyText_175ar_63 {
        text-align: center;
        word-break: break-word;
        white-space: normal;
        width: 100%;
        margin: 0 auto;
}

@media (max-width: 580px) {
    ._gradientText_175ar_41 {
        font-size: 3rem;
        line-height: 1.2;
        word-break: break-word;
        white-space: normal;
        width: 100%;
        margin: 0 auto;
    }
    ._justifyText_175ar_63 {
        font-weight: bold;
        font-size: 1.6rem;
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }
}

._gradientText_175ar_41:hover {
    transform: scale(1.05);
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.7);
}

@keyframes _gradientMove_175ar_1 {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

._hero_175ar_21 p {
    font-size: 1.8rem;
    max-width: 850px;
    margin: 1rem auto 0;
    color: #f1f1f1;
}

/* About Us Section */
._aboutusbelow_175ar_169 {
    margin: 10px auto;
    text-align: center;
    padding: 2.5rem 1rem;
    /* margin-top: 0; */
    background: #fdfdfd;
    border-radius: 12px;
    box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.05);
}

._aboutusbelow_175ar_169 h2 {
    font-size: 3.2rem;
    color: #ff8000;
    margin-bottom: 1rem;
}

._aboutContent_175ar_201 {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: space-between;
    gap: 3rem;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    text-align: left;
}

._aboutImage_175ar_225 {
    padding: 1rem;
    max-width: 620px;
    width: 30%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.15);
    object-fit: cover;
    flex-shrink: 0;
}

._aboutText_175ar_247 {
    padding: 1rem;
    text-align: justify;
    flex: 1;
    min-width: 300px;
}

._aboutText_175ar_247 p {
    color: #0066b1;
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

/* Products Section */
._products_175ar_275 {
    text-align: center;
    padding: 3rem 1rem;
}

._products_175ar_275 h2 {
    font-size: 2.8rem;
    color: #ff8000;
    margin-bottom: 2rem;
}

._products_175ar_275 ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

._products_175ar_275 li {
    background: #ffffff;
    color: #0066b1;
    padding: 1.5rem;
    border-radius: 12px;
    border: 1px solid #ff8000;
    font-size: 1.3rem;
    box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

._products_175ar_275 li:hover {
    transform: translateY(-6px);
    box-shadow: 0px 8px 20px rgba(255, 128, 0, 0.4);
    background: #fff8f0;
    cursor: pointer;
}

/* Responsive */
@media (max-width: 1440px) {
    ._container_175ar_1 {
        width: 100%;
    }
}

@media (max-width: 768px) {
    ._aboutImage_175ar_225 {
        width: 80%;
    }

    ._aboutusbelow_175ar_169 {
        margin: 0;
        padding: 1rem;
    }

    ._container_175ar_1 {
        width: 100%;
        margin: 0;
        padding: 1rem;
    }

    ._hero_175ar_21 {
        padding: 1rem;
    }

    ._products_175ar_275 {
        padding: 1rem;
        margin-bottom: 1rem;
    }

    ._products_175ar_275 ul {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }

    ._aboutContent_175ar_201 {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    ._aboutText_175ar_247 {
        padding: 0 1rem;
    }
}._container_qsil2_1 {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 3rem 1.5rem;
    background: linear-gradient(135deg, #001f33 0%, #0a0a0a 100%);
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    box-shadow: 0 0 30px rgba(0, 102, 177, 0.4), 0 0 50px rgba(255, 128, 0, 0.3);
    margin: 3rem auto 0rem;
    animation: _float_qsil2_1 6s ease-in-out infinite;
    color: #fdfdfd;
}

._title_qsil2_35 {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 1rem;
    line-height: 1.4;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
}

._description_qsil2_51 {
    font-size: 1.6rem;
    line-height: 1.8;
    color: #e0e0e0;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.1);
}

/* Highlighted glowing words */
._highlightOrange_qsil2_67 {
    color: #ff8000;
    font-weight: 700;
    text-shadow: 0 0 15px #ff8000, 0 0 25px #ffb84d;
    animation: _pulseOrange_qsil2_1 2.5s infinite;
}

._highlightBlue_qsil2_81 {
    color: #33aaff;
    font-weight: 700;
    text-shadow: 0 0 15px #33aaff, 0 0 25px #0099ff;
    animation: _pulseBlue_qsil2_1 2.5s infinite;
}

/* Floating container animation */
@keyframes _float_qsil2_1 {
    0%, 100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }
}

/* Pulsing text animations */
@keyframes _pulseOrange_qsil2_1 {
    0%, 100% {
        text-shadow: 0 0 15px #ff8000, 0 0 30px #ffb84d;
    }

    50% {
        text-shadow: 0 0 25px #ffb84d, 0 0 45px #ffcc80;
    }
}

@keyframes _pulseBlue_qsil2_1 {
    0%, 100% {
        text-shadow: 0 0 15px #33aaff, 0 0 30px #0099ff;
    }

    50% {
        text-shadow: 0 0 25px #66ccff, 0 0 45px #00e5ff;
    }
}

/* Responsiveness */
@media (max-width: 1440px) {
    ._container_qsil2_1 {
        width: 95%;
        padding: 2rem 1rem;
        margin-bottom: 10px;
    }
}

@media (max-width: 1080px) {
    ._container_qsil2_1 {
        width: 95%;
        padding: 1rem;
        margin: 10px auto;
    }

}._services1Container_1x8ex_1 {
    width: 80%;
    margin: 20px auto;
    padding: 3rem;
    overflow: hidden;
}

/* NEW: Flex container for image + text */
._flexWrapper_1x8ex_17 {
    padding: 1rem;
    display: flex;
    align-items: flex-start;

    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    width: 100%;
}

._imageContainer_1x8ex_39 {
    flex: 1;
    width: 100%;
    padding: 1rem;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

._serviceImage_1x8ex_57 {
    max-width: 90%;
    border-radius: 14px;
    /* box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15); */
}

._textContainer_1x8ex_69 {
    flex: 2;
    min-width: 350px;
}

._heading_1x8ex_79 {
    font-size: 3.2rem;
    font-weight: bold;
    color: #ff8000;
    margin-bottom: 20px;
    /* text-align: center; */
}

._subheading_1x8ex_95 {
    font-size: 1.8rem;
    color: #0066b1;
    margin: 30px 0 18px;
    font-weight: 600;
}

._paragraph_1x8ex_109 {
    text-align: justify;
    color: #333;
    line-height: 1.7;
    margin-bottom: 16px;
    font-size: 1.6rem;
}

/* Animated List */
._styledList_1x8ex_127 {
    list-style: none;
    padding: 0;
    margin: 0;
}

._styledList_1x8ex_127 li {
    font-size: 1.6rem;
    position: relative;
    padding-left: 36px;
    margin-bottom: 14px;
    font-weight: 500;
    color: #0066b1;
    line-height: 1.6;
    cursor: pointer;
}

._styledList_1x8ex_127 li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
}


/* Responsive Design */
@media (max-width: 1440px) {
    ._services1Container_1x8ex_1 {
        width: 100%;
        padding: 1rem;
    }

    ._flexWrapper_1x8ex_17 {
        gap: 20px;
    }

    ._paragraph_1x8ex_109 {
        text-align: justify;
        padding: 0.2rem 0.5rem;
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
    ._serviceImage_1x8ex_57 {
        max-width: 50%;
    }

        ._services1Container_1x8ex_1 {
            margin: 10px auto 0px auto;
            padding: 1rem;
            gap: 10px;
        }

        ._flexWrapper_1x8ex_17 {
            flex-direction: column;
            gap: 10px;
        }

        ._heading_1x8ex_79 {
            margin-bottom: 10px;
        }

        ._subheading_1x8ex_95 {
            margin: 10px 0 8px;
        }
    }

._container_89gca_5 {
    width: 50%;
    padding: 1rem;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
    gap: 20px;
}

._title_89gca_21 {
    display: flex;
    justify-content: flex-start;
    font-size: 3.2rem;
    font-weight: 700;
    color: #ff8000;
    /* Orange */
    margin-bottom: 20px;
}

._subtitle_89gca_41 {
    display: flex;
    flex-direction: column;
    font-size: 2.8rem;
    color: #0066b1;
    /* Blue */
}

._highlight_89gca_57 {
    color: #ff8000;
    /* Orange highlight */
    font-weight: bold;
}

._description_89gca_69 {
    font-size: 1.6rem;
    color: #555;
    margin-top: 10px;
}

._contactInfo_89gca_81 {
    margin-top: 20px;
}

._contactItem_89gca_89 {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 10px;
}

._icon_89gca_103 {
    font-size: 1.6rem;
    color: white;
    background-color: #0066b1;
    /* Blue icons */
    border: 2px solid #0066b1;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    padding: 10px;
    justify-content: center;
}

._contactTitle_89gca_133 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #ff8000;
    /* Orange title */
    margin-bottom: 5px;
}

._contactDetail_89gca_149 {
    font-size: 1.6rem;
    color: #0066b1;
    /* Blue details */
}

._separator_89gca_161 {
    margin: 20px 0;
    border: 0;
    height: 1px;
    background: #ff8000;
    /* Orange line */
}

._socialTitle_89gca_177 {
    font-size: 1.6rem;
    font-weight: bold;
    color: #ff8000;
    /* Orange heading */
    margin-bottom: 10px;
}

._socialIcons_89gca_193 {
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    font-size: 32px;
    margin-bottom: 1rem;
}

._socialIcons_89gca_193 svg {
    border-radius: 50%;
    padding: 5px;
    width: 40px;
    height: 40px;
    background-color: #0066b1;
    /* Blue background */
}

._socialIcons_89gca_193>* {
    border-radius: 50%;
    color: white;
    transition: color 0.3s ease, background 0.3s ease;
    border: 2px solid white;
    padding: 5px;
    display: flex;
}

/* Hover Effects with Gradient Accents */

._Facebook_89gca_247:hover {
    color: white;
    background: linear-gradient(135deg, #1877f2, #1c6de0, #1a5fd9);
}

._linkend_89gca_257:hover {
    color: white;
    background: linear-gradient(135deg, #ff8000, #f45b00);
}

._instagram_89gca_267:hover {
    color: white;
    background: linear-gradient(45deg,
            #405de6,
            #5851db,
            #833ab4,
            #c13584,
            #e1306c,
            #fd1d1d);
}

/* Responsive Media Queries */

@media (max-width: 1440px) {
    ._container_89gca_5 {
        width: 100%;
    }

}

@media (max-width: 992px) {
    ._container_89gca_5 {
        width: 80%;
    }

}

@media (max-width: 768px) {
    ._title_89gca_21 {
        margin-bottom: 0;
    }

    ._container_89gca_5 {
        width: 80%;
        gap: 10px;
    }

    ._separator_89gca_161 {
        margin: 10px 0;
    }

    ._socialIcons_89gca_193 svg {
        border-radius: 50%;
        padding: 3px;
        width: 30px;
        height: 30px;
        background-color: #0066b1;
    }

    ._contactItem_89gca_89 {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    ._container_89gca_5 {
        width: 100%;
        padding: 2% 2%;
    }

    ._socialTitle_89gca_177 {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 0;
    }

    ._socialIcons_89gca_193 {
        flex-direction: row;
        gap: 0;
        justify-content: center;
        align-items: center;
        margin-bottom: 0;
    }

    ._icon_89gca_103 {
        width: 40px;
        height: 40px;
    }

    ._socialLink_89gca_433 {
        width: 36px;
        height: 36px;
    }
}._container_15ykt_1 {
    height: 85vh;
    display: flex;
    justify-content: space-around;
    /* Space out the components */
    align-items: center;
    /* Align items at the top */
    gap: 20px;
    /* Add some space between the components */
    padding: 1rem;
    width: 80%;
    /* Adjust based on your design */
    margin: 0 auto;

    /* Center the container */
}

/* Responsive Design */
@media (max-width: 1440px) {
    ._container_15ykt_1 {
        height: 85vh;
        width: 100%;
        padding: 1rem;
        /* Adjust padding for medium screens */
    }
}

@media (max-width: 768px) {
    ._container_15ykt_1 {
        height: 105vh;
        margin: 10px auto;
        flex-direction: column;
        /* Stack components vertically on smaller screens */
        align-items: center;
        /* Center the components */
        padding: 1rem;
        gap: 0;
        /* Adjust padding for small screens */
    }
}

@media (max-width: 480px) {
    ._container_15ykt_1 {
        height: 115vh;
        margin: 0;
        gap: 0;
        padding: 1rem;
        /* Adjust padding for extra small screens */
    }
}

/* Import Poppins font */
._mapContainer_52efx_7 {
    width: 60%;
    /* max-width: 1200px; */
    /* Limits width on large screens */
    /* min-height: 50vh; */
    /* Adjusted for better flexibility */
    margin: 0 auto;
    padding: 1.5rem;
    border-radius: 12px;
    font-family: 'Poppins', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 1.25rem;
    box-sizing: border-box;
    /* background-color: #f9f9f9; */
    /* Subtle background for contrast */
}
._branchWrapper_52efx_47 {
    width: 100%;
}
._mapContainer_52efx_7 h2 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #ff8000;
    font-weight: 700;
    font-size: 2.4rem;
    /* Responsive font size */
    width: 100%;
    margin: 0;
    text-align: left;
}
/* Location Icon Style */
._locationIcon_52efx_83 {
    font-size: 1.8rem;
    color: #fff;
    background-color: #0066b1;
    border-radius: 50%;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
._locationIcon_52efx_83:hover {
    background-color: #ff8000;
    transform: scale(1.1);
    box-shadow: 0 0 8px rgba(255, 128, 0, 0.5);
    cursor: pointer;
}
/* Map link and frame styling */
._mapLink_52efx_123 {
    width: 100%;
    /* height: clamp(200px, 45vh, 400px); */
    /* Flexible height */
    display: block;
    border: 2px solid #ff8000;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
._mapLink_52efx_123:hover {
    transform: scale(1.015);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
._mapWrapper_52efx_155 {
    width: 100%;
    margin: 0 auto;
    padding: 0.5rem;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
._mapFrame_52efx_173 {
    width: 80%;
    border: none;
    border-radius: 10px;
}
._mapFrame_52efx_173 {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 10px;
    /* Slightly less than parent to prevent overflow */
}
/* Responsive Design */
@media (max-width: 1024px) {
    ._mapContainer_52efx_7 {
        width: 100%;
        padding: 1.25rem;
    }

}
@media (max-width: 768px) {
    ._mapContainer_52efx_7 {
        width: 100%;
        padding: 1rem;
        gap: 1rem;
    }


    ._locationIcon_52efx_83 {
        /* font-size: 1.5rem; */
        padding: 0.4rem;
    }
}
@media (max-width: 480px) {
    ._mapLink_52efx_123 {
        width: 100%;

        /* Flexible height */
        display: block;
        border: 2px solid #ff8000;
        border-radius: 12px;
        overflow: hidden;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    ._mapContainer_52efx_7 {
        width: 100%;
        padding: 0.75rem;
        /* Allows content-driven height */
    }

    ._mapContainer_52efx_7 h2 {
        /* font-size: clamp(1rem, 3.5vw, 1.5rem); */
        gap: 0.5rem;
    }

    ._locationIcon_52efx_83 {
        /* font-size: 1.25rem; */
        padding: 0.3rem;
    }
}

._container_13sx9_5 {
    width: 100%;
    font-family: 'Poppins', sans-serif;
    padding: 1rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    /* flex-direction: column; */
    color: #333;
}

._office_13sx9_27, ._branches_13sx9_27 {
    /* background-color: #f7f9fc; */
    border-radius: 10px;
    padding: 1.5rem 2rem;
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
}

._title_13sx9_41 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #ff8000;
    /* Orange */
    margin-bottom: 1rem;
    /* border-bottom: 1px solid #ff8000; */
    padding-bottom: 0.3rem;
}

._address_13sx9_61, ._branchName_13sx9_61 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #0066bb;
    /* Blue */
    margin-bottom: 0.5rem;
}

._contactPerson_13sx9_77 {
    font-size: 1.6rem;
    margin-bottom: 0.3rem;
}

._designation_13sx9_87 {
    font-style: italic;
    color: #555;
}

._cell_13sx9_97 {
    font-weight: 600;
    color: #333;
    font-size: 1.4rem;
}

/* Branch list flex */

._branches_13sx9_27 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

._branch_13sx9_27 {
    background-color: white;
    border-radius: 8px;
    /* padding: 1rem 1.5rem; */
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07);
    transition: box-shadow 0.3s ease;
}

._branch_13sx9_27:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}

/* Responsive for smaller screens */

@media (max-width: 600px) {
    ._container_13sx9_5 {
        padding: 0rem;
        margin: 0rem;
    }

    ._office_13sx9_27, ._branches_13sx9_27 {
        padding: 1rem;
    }
}._container_2r2r5_1 {
    width: 80%;
    min-height: 88vh;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    font-family: "Poppins", sans-serif;
}

._heading_2r2r5_25 {
    font-size: 3.2rem;
    font-weight: 700;
    margin-bottom: 5rem;
    background: linear-gradient(90deg, #ff7b00, #ff5500);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    animation: _fadeInScale_2r2r5_1 1.2s ease;
}

._wrapper_2r2r5_47 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

._grid_2r2r5_61 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 5rem;
    justify-items: center;
    width: 100%;
    animation: _slideInUp_2r2r5_1 1s ease forwards;
}

._cardWrapper_2r2r5_79 {
    width: 100%;
    max-width: 280px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    transition: all 0.4s ease;
    position: relative;
    z-index: 1;
    box-shadow: 0 10px 20px rgba(255, 123, 0, 0.08);
    border-radius: 15px;
}

/* Dim non-active cards when hovering */
._grid_2r2r5_61:hover ._cardWrapper_2r2r5_79:not(._activeCard_2r2r5_107) {
    filter: brightness(0.8);
    transform: scale(0.95);
    opacity: 0.6;
    transition: all 0.4s ease-in-out;
}

/* Active card focus */
._activeCard_2r2r5_107 ._card_2r2r5_79 {
    background: #fff9f4;
    box-shadow: 0 25px 50px rgba(255, 123, 0, 0.4),
        0 0 30px rgba(255, 85, 0, 0.4);
    border: 2px solid #ff5500;
    transform: scale(1.12);
    z-index: 10;
}

._card_2r2r5_79 {
    width: 100%;
    border: 2px solid #ff7b00;
    border-radius: 15px;
    color: #004080;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: 500;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    cursor: pointer;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    --collapsed-height: 150px;
    --expanded-height: 300px;
    height: var(--collapsed-height);
}

._expandedCard_2r2r5_181 {
    flex-direction: column;
    justify-content: flex-start;
    padding: 1rem;
}

._focusedImage_2r2r5_193 {
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 1rem;
}

._caption_2r2r5_207 {
    color: #004080;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
}

._title_2r2r5_221 {
    color: #004080;
    font-size: 1.6rem;
    font-weight: 500;
}

/* Animations */
@keyframes _fadeInScale_2r2r5_1 {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes _slideInUp_2r2r5_1 {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsiveness */
@media (max-width: 1440px) {
    ._container_2r2r5_1 {
        width: 95%;
        padding: 1rem;
    }
}

@media (max-width: 768px) {
    ._focusedImage_2r2r5_193 {
        width: 60%;
        object-fit: cover;
        border-radius: 12px;
        margin-bottom: 0.5rem;
        box-shadow: none;
    }

    ._grid_2r2r5_61 {
        gap: 3rem;
        width: 100%;
    }

    ._card_2r2r5_79 {
        --collapsed-height: 120px;
        --expanded-height: 220px;
    }
}

@media (max-width: 480px) {
    ._focusedImage_2r2r5_193 {
        width: 50%;
        object-fit: cover;
        border-radius: 12px;
        margin-bottom: 0.5rem;
        box-shadow: none;
    }

    ._card_2r2r5_79 {
        width: 90%;
        --collapsed-height: 80px;
        --expanded-height: 150px;
    }
}._topSection_1qybe_1 {
    width: 80%;
    margin: 10px auto;
    display: flex;
    justify-content: space-evenly;
    /* gap: 2rem; */
    padding: 1rem;
    flex-wrap: wrap;
}

._imgTitleWrapper_1qybe_21 {
    width: 100%;
    height: 100%;
    border-left: 2px solid var(--border_color);
    transition: transform 0.3s ease-in-out;
}

._imgTitleWrapper_1qybe_21:hover {
    transform: scale(1.05);
}

._item_1qybe_43 {
    text-align: center;
    max-width: 20rem;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

._img_1qybe_21 {
    margin: 0 auto;
    width: 4rem;
    height: 4rem;
}

._title_1qybe_75 {
    font-size: 2.4rem;
    font-family: poppins;
    font-weight: 500;
    margin-top: 1rem;
    color: #0066b1;
}

._description_1qybe_91 {
    font-size: 1.6rem;
    font-family: poppins;
    padding: 1rem;
    color: black;
    margin-top: 0.5rem;
}

/* Media Queries for Responsive Design */
@media (max-width: 1440px) {
    ._topSection_1qybe_1 {
        width: 100%;
    }
}

@media (max-width: 1080px) {
    ._topSection_1qybe_1 {
        width: 100%;
        padding: 1rem;
        gap: 1rem;
    }

    ._item_1qybe_43 {
        width: 100%;
    }

}

@media (max-width: 480px) {
    ._topSection_1qybe_1 {
        padding: 0%;
        gap: 2rem;
    }

    ._imgTitleWrapper_1qybe_21 {
        width: 50%;
        height: 100%;
        border: none;
        /* border-bottom: 2px solid var(--border_color); */
        transition: transform 0.3s ease-in-out;
    }

    ._item_1qybe_43 {
        width: 100%;
    }

    ._description_1qybe_91 {
        padding: 5px 0px;

    }
}

._qualitySection_h0myo_5 {
    width: 80%;
    margin: 20px auto;
    padding: 2rem 2rem;
    font-family: "Poppins", sans-serif;
    color: #333;
    /* background: linear-gradient(135deg, #ffffff, #f2f9ff); */
    border-radius: 12px;
}

._heading_h0myo_25 {
    font-size: 3.2rem;
    color: #ff8000;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1rem;
    position: relative;
}

._description_h0myo_43 {
    padding: 1rem;
    font-size: 1.6rem;
    line-height: 1.8;
    text-align: center;
    color: #333;
    margin-bottom: 3rem;
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
}

._subheading_h0myo_67 {
    font-size: 2rem;
    font-weight: 600;
    color: #0066b0;
    margin-bottom: 1rem;
}

._paragraph_h0myo_81 {
    font-size: 1.4rem;
    line-height: 1.8;
    color: #333;
}

._card_h0myo_93 {
    /* background: linear-gradient(to right, #ffffff, #fff2e6); */
    padding: 2rem;
    border-radius: 16px;
    /* box-shadow: 0 8px 24px rgba(255, 128, 0, 0.2); */
    margin-bottom: 2.5rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

._card_h0myo_93:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(255, 128, 0, 0.25);
}

._cardAlt_h0myo_121 {
    background: linear-gradient(to right, #e6f4ff, #ffffff);
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 102, 176, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

._cardAlt_h0myo_121:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0, 102, 176, 0.25);
}

._list_h0myo_147 {
    padding-left: 1.2rem;
    font-size: 1.6rem;
    line-height: 2;
    color: #444;
}

@media (max-width: 1440px) {
    ._qualitySection_h0myo_5 {
        width: 100%;
        margin: 20px auto;
        padding: 2rem 2rem;
    }

}

@media (max-width: 768px) {
    ._heading_h0myo_25 {
        margin-bottom: 1rem;
    }

    ._description_h0myo_43 {
        margin-bottom: 1rem;
    }

    ._card_h0myo_93 {
        margin-bottom: 1rem;
        padding: 1rem;
    }

    ._qualitySection_h0myo_5 {
        width: 100%;
        margin: 10px auto;
        padding: 1rem;
    }

}._whywrapper_14g4w_1{
    display: flex;
    flex-direction: column;
    padding: 0;
    /* border-top: 2px solid var(--border_color);
    border-bottom: 2px solid var(--border_color); */
}

._teamSection_1pie6_5 {
    width: 80%;
    margin: 20px auto;
    padding: 2rem;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

._title_1pie6_21 {
    font-size: 3rem;
    color: #ff8000;
    font-weight: 700;
    margin-bottom: 0px;
    position: relative;
    display: inline-block;
}

._title_1pie6_21::before,
._title_1pie6_21::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 50px;
    height: 2px;
    background-color: #ff8000;
}

._title_1pie6_21::before {
    left: -60px;
}

._title_1pie6_21::after {
    right: -60px;
}

._subtitle_1pie6_75 {
    font-size: 1.6rem;
    color: #0066b1;
    margin: 20px auto 40px;
    max-width: 800px;
}

/* Grid Layout */

._teamGrid_1pie6_91 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* 4 columns total */
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

/* General card style */

._teamCard_1pie6_111 {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    padding: 20px;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* CEO Card (double width and height) */

._founderCard_1pie6_139 {
    grid-column: span 2;
    grid-row: span 2;
    min-height: 400px;
}

/* Regular team member cards (half size) */

._memberCard_1pie6_153 {
    min-height: 250px;
}

/* Images */

._memberImage_1pie6_163 {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #ff8000;
    margin-bottom: 15px;
}

/* Bigger image for CEO */

._founderImage_1pie6_183 {
    width: 420px;
    height: 420px;
}

._memberName_1pie6_193 {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 10px 0 5px;
}

._memberRole_1pie6_205 {
    font-size: 1.4rem;
    color: #0066b1;
    margin: 0 0 10px;
}

._description_1pie6_217 {
    font-size: 1.2rem;
    color: #333;
    text-align: center;
    margin-top: 10px;
    padding: 0 10px;
}

/* Responsive for mobile */

@media (max-width: 1080px) {
    ._teamSection_1pie6_5 {
        width: 100%;
    }

    ._teamGrid_1pie6_91 {
        grid-template-columns: repeat(2, 1fr);
    }

    ._founderCard_1pie6_139 {
        grid-column: span 2;
        grid-row: auto;
        min-height: 400px;
    }
}

@media (max-width: 576px) {
    ._memberImage_1pie6_163 {
        width: 120px;
        height: 120px;
    }

        ._founderImage_1pie6_183 {
            width: 420px;
            height: 420px;
        }

        ._founderImage_1pie6_183 {
            width: 120px;
            height: 120px;
        }

        ._teamSection_1pie6_5 {
            margin: 0;
            padding: 1rem;
        }

        ._title_1pie6_21::before,
        ._title_1pie6_21::after {
            content: '';
            position: absolute;
            top: 50%;
            width: 20px;
            height: 2px;
            background-color: #ff8000;
        }

        ._subtitle_1pie6_75 {
            font-size: 1.6rem;
            color: #0066b1;
            margin: 10px auto 10px;
            max-width: 800px;
        }

        ._title_1pie6_21::before {
            left: -30px;
        }

        ._title_1pie6_21::after {
            right: -30px;
        }

        ._teamGrid_1pie6_91 {
            grid-template-columns: 1fr;
        }

        ._founderCard_1pie6_139 {
            grid-column: span 1;
            min-height: 150px;
        }
    }

._teamSection_vwarp_5 {
    width: 80%;
    margin: 20px auto;
    padding: 2rem;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

._title_vwarp_21 {
    font-size: 3rem;
    color: #ff8000;
    font-weight: 700;
    margin-bottom: 0px;
    position: relative;
    display: inline-block;
}

._title_vwarp_21::before,
._title_vwarp_21::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 50px;
    height: 2px;
    background-color: #ff8000;
}

._title_vwarp_21::before {
    left: -60px;
}

._title_vwarp_21::after {
    right: -60px;
}

._subtitle_vwarp_75 {
    font-size: 1.6rem;
    color: #0066b1;
    margin: 20px auto 40px;
    max-width: 800px;
}

/* Grid Layout */

._teamGrid_vwarp_91 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

/* General card style */

._teamCard_vwarp_109 {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    padding: 20px;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 250px;
}

/* Images */

._memberImage_vwarp_139 {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #ff8000;
    margin-bottom: 15px;
}

._memberName_vwarp_157 {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 10px 0 5px;
}

._memberRole_vwarp_169 {
    font-size: 1.4rem;
    color: #0066b1;
    margin: 0 0 10px;
}

._description_vwarp_181 {
    font-size: 1.2rem;
    color: #333;
    text-align: center;
    margin-top: 10px;
    padding: 0 10px;
}

/* Responsive for tablet */

@media (max-width: 1080px) {
    ._teamSection_vwarp_5 {
        width: 100%;
    }

    ._teamGrid_vwarp_91 {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Responsive for mobile */

@media (max-width: 576px) {
    ._teamCard_vwarp_109{
        padding: 10px;
    } 
    ._memberImage_vwarp_139 {
        width: 120px;
        height: 120px;
    }

    ._teamSection_vwarp_5 {
        margin: 0;
        padding: 1rem;
    }

    ._title_vwarp_21::before,
    ._title_vwarp_21::after {
        content: '';
        position: absolute;
        top: 50%;
        width: 20px;
        height: 2px;
        background-color: #ff8000;
    }

    ._title_vwarp_21::before {
        left: -30px;
    }

    ._title_vwarp_21::after {
        right: -30px;
    }

    ._subtitle_vwarp_75 {
        font-size: 1.6rem;
        color: #0066b1;
        margin: 10px auto 10px;
        max-width: 800px;
    }

    ._teamGrid_vwarp_91 {
        grid-template-columns: 1fr;
    }
}._container_rv00j_1 {
    width: 80%;
    margin: 0 auto;
    /* height: 100vh; */
    padding: 20px;
    font-family: poppins;
    line-height: 1.6;
    box-sizing: border-box;
}

._button_rv00j_21 {
    background-color: var(--food_bg_color);
    color: #010123c6;
    border: none;
    font-family: poppins;
    padding: 15px 25px;
    font-size: 2.4rem;
    font-weight: 700;
    cursor: pointer;
    border-radius: 300px;
    display: block;
    margin: 2% auto 2% auto;
}

._description_rv00j_49 {
    padding: 10px 20px;
    text-align: justify;
    font-family: poppins;
    font-weight: 400;
    font-size: 2rem;
    color: black;
    margin-bottom: 20px;
    white-space: wrap;
}

._policyContainer_rv00j_71 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 4%;
    margin-left: 10%;

}

._policySection_rv00j_89 {
    margin-bottom: 20px;
}

._policySection_rv00j_89 h3 {
    font-size: 2rem;
    font-weight: 500;
    color: black;
    margin-bottom: 10px;
}

._policySection_rv00j_89 ul {
    list-style-type: disc;
    margin-left: 16px;
    font-weight: 400;
    color: black;
}

/* Responsive Styling */
@media (max-width: 600px) {
    ._container_rv00j_1 {
        width: 100%;
        padding: 15px;

    }

    ._description_rv00j_49 {
        width: 100%;
        padding: 10px 5px;
        font-family: poppins;
        font-weight: 400;
        color: black;
        margin-bottom: 20px;
    }

    ._button_rv00j_21 {
        padding: 8px 15px;
    }


    ._policySection_rv00j_89 ul li {
        white-space: wrap;
    }

    ul li {
        white-space: wrap;
    }
}._container_rv00j_1 {
    width: 80%;
    margin: 0 auto;
    /* height: 100vh; */
    padding: 20px;
    font-family: poppins;
    line-height: 1.6;
    box-sizing: border-box;
}

._button_rv00j_21 {
    background-color: var(--food_bg_color);
    color: #010123c6;
    border: none;
    font-family: poppins;
    padding: 15px 25px;
    font-size: 2.4rem;
    font-weight: 700;
    cursor: pointer;
    border-radius: 300px;
    display: block;
    margin: 2% auto 2% auto;
}

._description_rv00j_49 {
    padding: 10px 20px;
    text-align: justify;
    font-family: poppins;
    font-weight: 400;
    font-size: 2rem;
    color: black;
    margin-bottom: 20px;
    white-space: wrap;
}

._policyContainer_rv00j_71 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 4%;
    margin-left: 10%;

}

._policySection_rv00j_89 {
    margin-bottom: 20px;
}

._policySection_rv00j_89 h3 {
    font-size: 2rem;
    font-weight: 500;
    color: black;
    margin-bottom: 10px;
}

._policySection_rv00j_89 ul {
    list-style-type: disc;
    margin-left: 16px;
    font-weight: 400;
    color: black;
}

/* Responsive Styling */
@media (max-width: 600px) {
    ._container_rv00j_1 {
        width: 100%;
        padding: 15px;

    }

    ._description_rv00j_49 {
        width: 100%;
        padding: 10px 5px;
        font-family: poppins;
        font-weight: 400;
        color: black;
        margin-bottom: 20px;
    }

    ._button_rv00j_21 {
        padding: 8px 15px;
    }


    ._policySection_rv00j_89 ul li {
        white-space: wrap;
    }

    ul li {
        white-space: wrap;
    }
}._servicesSection_1vqqn_1 {
    width: 80%;
    padding: 2remgit a;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

._contentWrapper_1vqqn_19 {
    /* max-width: 1000px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 20px 0px;
}

/* Heading in blue */
._heading_1vqqn_39 {
    font-size: 3.2rem;
    font-weight: bold;
    color: #ff8000;
    margin-bottom: 25px;
}

/* Paragraph text in orange */
._paragraph_1vqqn_55 {
    text-align: justify;
    font-size: 1.8rem;
    color: #0066b1;
    line-height: 1.8;
    margin-bottom: 20px;
    /* max-width: 850px; */
}

/* Images row */
._imageRow_1vqqn_75 {
    display: flex;
    justify-content: center;
    gap: 40px;
    /* flex-wrap: wrap; */
    margin-top: 40px;
}

._image_1vqqn_75 {
    width: 100%;
    max-width: 450px;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
}

._image_1vqqn_75:hover {
    transform: scale(1.08);
}

/* Responsive behavior */
@media (max-width: 1440px) {
    ._servicesSection_1vqqn_1 {
        width: 100%;
        padding: 1rem;
    }

    ._imageRow_1vqqn_75 {
        flex-wrap: wrap;
        gap: 20px;
    }
}

@media (max-width: 480px) {
    ._contentWrapper_1vqqn_19 {
        margin: 0;
    }

    ._heading_1vqqn_39 {
        margin-bottom: 10px;
    }

    ._paragraph_1vqqn_55 {
        margin-bottom: 10px;
        padding: 0.5rem;
    }

    ._imageRow_1vqqn_75 {
        margin-top: 10px;
    }

    ._image_1vqqn_75 {
        max-width: 200px;
    }
}._container_1mu6f_1 {
    width: 80%;
    margin: 20px auto;
    padding: 3rem 2rem;
    font-family: "Segoe UI", sans-serif;
    /* background-color: #f9f9f9; */
}

._title_1mu6f_17 {
    font-size: 3.2rem;
    font-weight: bold;
    color: #ff8000;
    margin-bottom: 2rem;
}

._content_1mu6f_31 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    gap: 5rem;
    /* align-items: flex-start; */
    flex-wrap: wrap;
}

._image_1mu6f_53 {
    align-items: center;
    /* margin-left: 5rem; */
    margin: auto;
    padding: 1rem;
    flex: 1 1 400px;
    max-width: 600px;
    max-height: 450px;
    width: 100%;
    border-radius: 12px;
}

._description_1mu6f_77 {
    flex: 2 1 500px;
    color: #0066b1;
    line-height: 1.7;
    font-size: 1.8rem;
    text-align: justify;
    padding: 1rem;
}

._description_1mu6f_77 p {
    margin-bottom: 1rem;
}

/* ------------------ MEDIA QUERIES ------------------ */

/* Medium devices (tablets, 768px and up) */
@media (max-width: 1440px) {
    ._container_1mu6f_1 {
        width: 100%;
        padding: 1rem;
    }

    ._content_1mu6f_31 {
        gap: 2rem;
        /* flex-direction: column; */
        align-items: center;
    }

    ._image_1mu6f_53 {
        max-width: 50%;
        padding: 0.5rem;
    }
}

/* Small devices (phones, under 768px) */
@media (max-width: 768px) {
    ._container_1mu6f_1{
        margin: 0 auto;
    } 
    ._description_1mu6f_77 {
        text-align: justify;
        padding: 0.5rem;
    }

    ._image_1mu6f_53 {
        max-width: 80%;
        padding: 0.5rem;
    }

    ._container_1mu6f_1 {
        /* width: 95%; */
        padding: 1rem;
    }
}._navTop_jy4un_1 {
    width: 80%;
    margin: auto;
    background-color: white;
    display: flex;
    justify-content: space-between;
    /* Space between email & phone */
    align-items: center;
    padding: 1rem 2rem;
    flex-wrap: wrap;
}

._navItem_jy4un_25 {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 500;
    transition: transform 0.3s ease;
}

._text_jy4un_43 {
    color: #ff8000;
    /* Orange text */
}

._icon_jy4un_53 {
    margin-right: 0.5rem;
    font-size: 1.6rem;
    color: #1968b3;
    /* Blue icons */
}



/* 📱 Mobile responsiveness */
@media (max-width: 1440px) {
    ._navTop_jy4un_1 {
        width: 100%;
        padding: 1rem;

    }
}

@media (max-width: 768px) {
    ._navTop_jy4un_1 {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

}

@media (max-width: 480px) {
    ._navTop_jy4un_1{
        padding: 0.5rem 1rem;
    } text {
        display: none;
    }
}