/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

@media (min-width: 992px) {
    .navbar-nav .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

.dropdown-menu {
    margin-top: 0;
}


/* ========== PHOTO GALLERY SECTION ========== */
.photo-gallery {
    background-color: #fff;
}
.whatsapp-btn{
   background: #171A1F;
   border: 1px solid #000000;
   border-radius:12px;
   
}
.masonry-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}
.quote-action-btn {
    background-color: #0074FF;
    color: #FFFFFF;
    padding: 0.75rem 2rem;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    margin-top: 1em;
    cursor: pointer;
    transition: all 0.3s 
ease;
    box-shadow: 0 4px 10px rgba(0, 116, 255, 0.2);
    margin-inline: auto;
}
.quote-action-btn:hover {
    background-color: #005ce6;
    color: #FFFFFF;
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 8px 20px rgba(0, 116, 255, 0.4);
}


/* Image card base */
.image-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.image-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
}

.image-card img.galleryimg {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Profile footer (avatar + name area) */
.profile-footer {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    background: #fff;
    border-top: 1px solid #eee;
}

/* Avatar base (supports both text or image) */
.profile-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #007bff; /* Default fallback background */
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    overflow: hidden;
    flex-shrink: 0;
}

/* Avatar image inside */
.profile-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}

/* Profile name next to avatar */
.profile-name {
    margin-left: 12px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    flex-grow: 1;
    word-break: break-word;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .masonry-grid {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: 15px;
    }
    .profile-avatar {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }
    .profile-name {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .profile-footer {
        padding: 10px;
    }
    .profile-avatar {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }
    .profile-name {
        font-size: 14px;
        margin-left: 10px;
    }
}

.footer  .footer-ul{
    margin: 0 !important;
}



h1.fw-bold.p-5.mx-5 {
    text-align: center;
    font-family: 'Trustindex Poppins';
}

.heroimg {
    padding-left: 150px;
}


.shipzycart-hding .w-25 {
    width: 34% !important;
}

.shipzycart-hding p.text-secondary.small.px-3.dscr{color:#171A1FCC !important;}

.shipzycart-hding p.text-dark-emphasis.mb-3.text-nowrap {margin-top: 10px !important;}

.shipzycart-hding .btn{font-weight: 700 !important;}

.shipzycart-hding span {
    padding: 10px !important;
}








/* USA Page  */

    /* Section Wrapper */
    .usa-hero-wrapper {
        background-color: white;
        padding: 4rem 1rem;
        font-family: "Inter", sans-serif;
        max-width: 1200px;
        margin: 0 auto; /* Center the content */
    }

    /* Container for the content, ensuring max width and padding */
    .usa-hero-container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        text-align: left;
    }

    /* Left Content Column Styles */
    .usa-hero-content {
        flex: 1 1 50%; /* Takes up half the space on large screens */
        padding-right: 2rem;
    }
    
    /* Main Heading */
    .usa-hero-title {
        font-size: 60px;
        line-height: 60px;
        font-weight: 700;
        color: #171A1F;
        margin-bottom: 1rem;
        /*font-family: 'Inter';*/
    }

    /* Description Paragraph */
    .usa-hero-description {
        font-size: 18px;
        color: #565D6D;
        font-weight: 400;
        line-height: 28px;
        margin-bottom: 2rem;
        font-family: 'Roboto';
    }

    /* Action Button */
    .usa-hero-button {
        background-color: #2E69FF; /* Bright blue color */
        color: white;
        padding: 0.75rem 2rem;
        border: none;
        border-radius: 6px;
        font-size: 18px;
        font-weight: 500;
        cursor: pointer;
        transition: background-color 0.3s;
        text-decoration: none; 
        display: inline-block;
        font-family: 'Roboto';
        line-height: 22px;
    }

    

    /* Right Illustration Column Styles */
    .usa-hero-illustration-area {
        flex: 1 1 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .usa-hero-image {
        max-width: 100%;
        height: auto;
        display: block;
    }

    /* Responsive Adjustments */
    @media (max-width: 991.98px) {
        .usa-hero-container {
            padding:0;
            flex-direction: column;
            text-align: center;
        }
        
        .usa-hero-content {
            flex: 1 1 100%;
            padding: 0;
            margin-bottom: 2rem;
        }
        
        .usa-hero-title {
            font-size: 2.5rem;
            line-height:2.7rem;
        }

        .usa-hero-illustration-area {
            flex: 1 1 100%;
        }
        
        /* Reduce the image size on smaller screens to prevent overflow */
        .usa-hero-image {
            max-width: 80%;
        }
    }



    /* Section Wrapper */
    .us-feature-section {
        background-color: white;
        padding: 4rem 1rem 6rem;
        max-width: 1200px;
        margin: 0 auto;
        font-family: "Inter", sans-serif;
        text-align: center;
    }

    /* Header Styles */
    .us-feature-title {
        font-size: 30px;
        font-weight: 700;
        color: #171A1F;
        margin-bottom: 3rem;
        line-height: 36px;
        /*font-family: 'Inter';*/
    }

    /* Feature Grid Container (Pure CSS Grid) */
    .us-feature-grid {
        display: grid;
        /* Create 3 equal columns for large screens */
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 1.5rem;
        margin-bottom: 2rem;
    }

    /* Individual Feature Card */
    .us-feature-card {
        background-color: #FFFFFF; /* Very light gray background */
        border-radius: 10px;
            /*width: 320px;*/
        margin-inline:auto;
        /*height: 180px;*/
        padding: 1.5rem;
        text-align: left;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        border: 1px solid #e9ecef;
    }


    /* Icon Styles */
    .us-feature-icon {
        /* width: 24px; */
        height: 24px;
        margin-bottom: 0.75rem;
    }

    /* Feature Heading */
    .us-feature-heading {
        font-size: 19px;
        font-weight: 500;
        color: #171A1F;
        line-height: 28px;
        margin-top: 0;
        /* margin-bottom: 0.5rem; */
        /*font-family: 'Inter';*/
    }

    /* Feature Description */
    .us-feature-description {
        color: #565D6D ;
        /*font-family: 'Roboto';*/
        font-weight: 400;
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 0;
    }

    /* Button Styles */
    .us-feature-button {
        background-color:#2E69FF;
        color: white;
        padding: 0.75rem 2rem;
        font-family: 'Roboto';
        border: none;
        border-radius: 6px;
        font-size: 19px;
        line-height: 22px;
        font-weight: 500;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
        margin-top: 40px;
    }


    /* Responsive adjustments for smaller screens */
    @media (max-width: 768px) {
        .us-feature-grid {
            /* On smaller screens, stack them in 1 or 2 columns */
            grid-template-columns: 1fr;
        }
    }

.whoweare-section .container{
    background :#FAFAFB;
    padding:50px 0;
}

    /* Section Wrapper */
    .occasion-section-wrapper {
        background-color: white;
        padding: 4rem 1rem 6rem;
        max-width: 1200px;
        margin: 0 auto;
        font-family: "Inter", sans-serif;
        text-align: center;
    }

    /* Main Title */
    .occasion-main-title {
        font-size: 30px;
        /*font-family: 'Roboto';*/
        font-weight: 700;
        color: #171A1F;
        margin-bottom: 3rem;
        line-height: 36px;
    }

    /* Cards Grid (Pure CSS Grid) */
    .occasion-cards-grid {
        display: grid;
        /* Default to 2 columns on medium, 4 on large, 1 on small */
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 1.5rem;
        justify-content: center; /* Center items if they don't fill the row */
        max-width: 1000px; /* Max width for the grid itself */
        margin: 0 auto; /* Center the grid */
    }

    /* Individual Card Styles */
    .occasion-card {
        background-color: #ffffff;
        /* width: 262px; */
        height: 201px;
        border-radius: 8px;
        padding: 1.5rem;
        text-align: center;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        border: 1px solid #e9ecef;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* min-height: 220px;  */
    }


    /* Image/Icon Placeholder */
    .occasion-card-image {
        width: 80px; /* Standard size for the illustrations */
        height: 80px;
        object-fit: contain;
        margin-bottom: 1rem;
        display: block;
    }

    /* Card Title/Description */
    .occasion-card-title {
        font-size: 16px;
        font-weight: 700;
        font-family: 'Montserrat';
        color: #171A1F;
        line-height: 22px;
        margin-bottom: 0;
    }

    .usacourier{
      background-color: #FAFAFB !important;
    }
    /* Responsive adjustments */
    @media (max-width: 991.98px) {
        .occasion-cards-grid {
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1rem;
        }
    }

    @media (max-width: 575.98px) {
        .occasion-cards-grid {
            grid-template-columns: 1fr; /* Stack on very small screens */
            max-width: 300px;
        }
        .occasion-main-title {
            font-size: 1.75rem;
        }
    }



  /* Global Styles & Container */
    .mode-section-wrapper {
        background-color: white;
        padding: 4rem 1rem 6rem;
        max-width: 1200px;
        margin: 0 auto;
        font-family: "Inter", sans-serif;
        text-align: center;
    }

    .mode-main-title {
      /*font-family: 'Inter';*/
        font-size: 33px;
        font-weight: 700;
        color: #212529;
        margin-bottom: 3rem;
        line-height: 36px;
    }

    /* Cards Layout (Flexbox for side-by-side) */
    .mode-cards-container {
        display: flex;
        gap: 2rem;
        flex-wrap: wrap; /* Allows stacking on smaller screens */
        justify-content: center;
    }

    /* Individual Card Styles */
    .mode-card {
        flex: 1 1 calc(50% - 1rem); /* Takes half the width minus the gap */
        min-width: 300px; /* Minimum size before wrapping */
        background-color: #ffffff;
        border-radius: 10px;
        overflow: hidden; /* Ensures image corners are rounded */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        text-align: left;
    }
.cus-padding{
    padding:0px;
}
    .mode-card:hover {
        transform: translateY(-5px);
    }

    /* Image and Label Container */
    .mode-image-container {
        position: relative;
        height: 200px; /* Fixed height for image area */
        overflow: hidden;
    }

    .mode-card-image {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Ensures image covers the area without distortion */
        transition: transform 0.5s;
    }

    .mode-card:hover .mode-card-image {
        transform: scale(1.05);
    }

    /* Small Pill Label on Image */
    .mode-label {
        position: absolute;
        bottom: 1rem;
        left: 1rem;
        padding: 0.3rem 0.75rem;
        border-radius: 9999px; /* Pill shape */
        font-size: 0.75rem;
        font-weight: 600;
        color: white;
    }

    /* Specific Label Colors */
    .mode-label.economy {
        background-color: #5A6A7C; /* Darker blue/gray pill */
    }

    .mode-label.express {
        background-color: #4B77BE; /* Primary blue pill */
    }

    /* Card Text Content */
    .mode-content {
        padding: 1.5rem;
    }

    .mode-content-title {
        font-size: 20px;
        line-height: 28px;
        font-family: 'Inter';
        font-weight: 700;
        color: #171A1F;
        margin-top: 0;
        margin-bottom: 0.75rem;
    }

    .mode-content-description {
        font-size: 15px;
        color: #565D6D;
        font-family: 'Roboto';
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 0;
    }

    /* Responsive adjustments: Stack cards on smaller screens */
    @media (max-width: 768px) {
        .mode-cards-container {
            flex-direction: column;
            gap: 1.5rem;
        }
        .mode-card {
            min-width: 90%;
            flex: 1 1 100%;
        }
    }
.intshipping-section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 20px;
    background: #fff;
}
.intshipping-title {
/*font-family: Inter;*/
font-weight: 700;
font-style: Bold;
font-size: 30px;
/*leading-trim: NONE;*/
line-height: 36px;
letter-spacing: 0px;
text-align: center;
margin-bottom:100px;
}
.intshipping-cards-wrap {
    display: flex;
    gap: 32px;
    justify-content: center;
    flex-wrap: wrap;
}
.intshipping-card {
    background: #f9f9f9;
    border-radius: 16px;
    box-shadow: 0 1px 14px 0 rgba(60,72,90,.10);
    max-width: 410px;
    min-width: 320px;
    flex: 1 0 350px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    transition: box-shadow .2s;
    padding: 0;
}
.intshipping-card:hover {
    box-shadow: 0 6px 32px 0 rgba(60,72,90,0.18);
}
.intshipping-card-imgbox {
    position: relative;
    width: 100%;
    height: 170px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow: hidden;
    background: #e7effb;
}
.intshipping-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.intshipping-badge {
    /*position: absolute;*/
    /*top: 16px;*/
    /*left: 16px;*/
    background: #ecf2fd;
    color: #19191F;
    font-weight: 600;
    border-radius: 8px;
    font-size: 12px;
    width:130px;
    margin-bottom:1rem;
    padding: 5px 16px;
    /*z-index: 2;*/
    box-shadow: 0 2px 6px rgba(60,72,90,.08);
}
.intshipping-badge:hover{
    color: #ffffff;
    background:#2E69FF;
}
.intshipping-card-content {
    padding: 28px 23px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.intshipping-card-title {
    font-size: 1.18rem;
    font-weight: 700;
    margin-bottom: 8px;
}
.intshipping-card-desc {
    font-size: 1rem;
    color: #454545;
    margin: 0;
    line-height: 1.6;
}

@media (max-width: 900px) {
    .intshipping-cards-wrap {
        flex-direction: column;
        gap: 24px;
        align-items: center;
    }
    .intshipping-card {
        max-width: 98vw;
        min-width: unset;
    }
}



    /* Global Styles and Container */
    .service-section-wrapper {
       
      
        text-align: center;
    }

    .service-content-container {
        max-width: 1200px;
         background-color: #FAFAFB; /* Light gray background */
           padding: 6rem 6rem;
        margin: 0 auto;
    }

    .service-main-titles {
        font-size: 35px;
        font-weight: 700;
        color: #212529;
        margin-bottom: 3rem;
        line-height: 36px;
        /*font-family: 'Inter';*/
    }

    /* Two-Column Layout (using Flexbox) */
    .service-flex-layout {
        display: flex;
        align-items: center; /* Vertically align items */
        gap: 3rem;
        text-align: left;
    }

    /* Image Column */
    .service-image-col {
        flex: 1 1 50%; /* Takes half the space */
        max-width: 50%;
    }

    .service-city-image {
        width: 448px;
        height: 314px;
        object-fit: cover;
        border-radius: 8px;
        /* min-height: 350px; */
    }

    /* Text Column */
    .service-text-col {
        flex: 1 1 50%; /* Takes half the space */
        max-width: 50%;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .service-intro-text {
/*font-family: Roboto;*/
font-weight: 400;
font-style: Regular;
font-size: 18px;
leading-trim: NONE;
line-height: 28px;
letter-spacing: 0px;
color:#565D6D;
    }

    .service-sub-heading {
/*font-family: Inter;*/
font-weight: 500;
font-style: Medium;
font-size: 20px;
/*leading-trim: NONE;*/
line-height: 28px;
letter-spacing: 0px;
color:#171A1F;
    }

    /* City List Layout (CSS Grid for 2 columns) */
    .service-city-list {
        display: grid;
        grid-template-columns: 1fr 1fr; /* Two equal columns */
        gap: 0.5rem;
        margin-bottom: 2rem;
        font-size: 0.95rem;
        color: #495057;
    }

    .service-city-item {
/*font-family: Roboto;*/
font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 0px;
color:#171A1F;
    }

    /* Disclaimer/Footer Text */
    .service-disclaimer {
        font-size: 16px;
        color: #565D6D;
        margin-bottom: 1.5rem;
        font-family: 'Roboto';
        font-weight: 400;
        line-height: 20px;
    }

    /* Button Styles */
    .service-button {
        background-color: #2E69FF;
        color: white;
        padding: 0.75rem 2rem;
        border: none;
        border-radius: 6px;
        font-size: 17px;
        font-weight: 500;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
        font-family: 'Roboto';
    }

    /* Responsive adjustments */
    @media (max-width: 991.98px) {
        .service-flex-layout {
            flex-direction: column;
            gap: 2rem;
        }
        .service-image-col, .service-text-col {
            max-width: 100%;
            flex: 1 1 100%;
        }
        .service-city-image {
            max-height: 300px;
            width: 100%;
        }
    }

    @media (max-width: 575.98px) {
        .service-city-list {
            grid-template-columns: 1fr; /* Stack cities on very small screens */
        }
        .service-content-container {
    padding: 4rem 1rem;
    margin: 0 auto;
}
    }

    .usa{
      background-color: white !important;
    }

  /* Section Wrapper */
    .calc-section-wrapper {
       /* Light blue/gray background for contrast */
       
        font-family: "Inter", sans-serif;
        text-align: center;
    }

    .calc-content-container {
          /*background-color: #f8f9fa;*/
           /*padding: 6rem 6rem;*/
        max-width: 1200px;
        margin: 0 auto;
        padding: 6rem;
        background-color: white;
        border-radius: 12px;
    }

    .calc-main-title {
    /*font-family: Inter;*/
font-weight: 700;
font-style: Bold;
font-size: 30px;
leading-trim: NONE;
line-height: 36px;
letter-spacing: 0px;
text-align: center;
margin-bottom:70px;
    }

    /* Two-Column Layout (Flexbox) */
    .calc-flex-layout {
        display: flex;
        gap: 3rem;
        align-items: flex-start; /* Align text items to the top */
        text-align: left;
    }

    /* Left Column: Text and Steps */
    .calc-text-col {
       width:100%;
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    /* Right Column: Charged Weight Card */
    .calc-image-col {
        width:100%;
        flex-shrink: 0; /* Prevents card from shrinking */
        max-width: 450px; /* Fixed width for the card */
        display: flex;
        justify-content: center;
        align-items: center;
        /*padding-top: 1rem;*/
        background:#f6f5f0;
    }

    /* Step Item Styles */
    .calc-step {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
    }

    .calc-step-icon {
        color: #4B77BE; /* Primary blue color */
        font-size: 1.5rem;
        flex-shrink: 0;
        padding-top: 0.2rem;
    }

    .calc-step-icon svg {
        width: 20px;
        height: 20px;
        fill: currentColor;
    }

    .calc-step-title {
      /*font-family: Inter;*/
font-weight: 500;
font-style: Medium;
font-size: 18px;
leading-trim: NONE;
line-height: 28px;
letter-spacing: 0px;
color:#171A1F;
    }

    .calc-step-text {
        /*font-family: Roboto;*/
font-weight: 400;
font-style: Regular;
font-size: 14px;
leading-trim: NONE;
line-height: 20px;
letter-spacing: 0px;
color:#565D6D;

    }

    /* Charged Weight Card Styles */
    .calc-charged-card {
         background-color: #f6f5f0;  
        border-radius: 8px;
        padding: 2rem 1.5rem;
        text-align: center;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        border: 1px solid #e9ecef;
        width: 100%;
        /* max-width: 250px; */
        background: url(assets/img/bg.png);
    }

    .calc-charged-icon {
        color: #4B77BE;
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }

    .calc-charged-title {
        font-size: 1.25rem;
        font-weight: 700;
        color: #34495e;
        margin-bottom: 1rem;
    }

    .calc-charged-rule {
        font-size: 0.9rem;
        color: #495057;
        line-height: 1.6;
        margin-bottom: 0.5rem;
    }

    /* Responsive Adjustments */
    @media (max-width: 800px) {
        .calc-flex-layout {
            flex-direction: column;
            align-items: center;
            gap: 2rem;
        }
        .calc-image-col {
            width: 100%;
            max-width: 300px;
            order: -1; /* Move card to the top on mobile */
        }
        .calc-text-col {
            width: 100%;
        }
        .calc-charged-card{
          width: 100%;
        }
        .calc-charged-icon{
          width: 100%;
        }
    }

 @media (max-width: 800px) {
     .calc-content-container{
            padding: 4rem 1rem;
     }
 }
    /* Section Wrapper */
    .rules-section-wrapper {
       
        text-align: center;
    }

    .rules-content-container {
         background-color: #FAFAFB;
        padding: 6rem;
        max-width: 1200px;
        margin: 0 auto;
    }

    .rules-main-title {
        font-size: 30px;
        font-weight: 700;
        color: #171A1F;
        margin-bottom: 3rem;
        line-height: 36px;
        /*font-family: 'Inter';*/
    }

    /* Two-Column Layout (Flexbox) */
    .rules-flex-layout {
        display: flex;
        gap: 3rem;
        align-items: center; /* Vertically align items */
        text-align: left;
    }

    /* Left Column: Image */
    .rules-image-col {
        flex: 1 1 50%;
        max-width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .rules-illustration {
        width: 100%;
        max-width: 450px;
        height: auto;
        border-radius: 8px;
    }

    /* Right Column: Text and Rules List */
    .rules-text-col {
        flex: 1 1 50%;
        max-width: 50%;
        padding: 1rem 0;
    }

    .rules-intro-text {
/*font-family: Roboto;*/
font-weight: 400;
font-style: Regular;
font-size: 18px;
leading-trim: NONE;
line-height: 28px;
letter-spacing: 0px;
color:#565D6D;
    }

    /* Rules List Styles */
    .rules-list {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        margin-bottom: 2.5rem;
    }

    .rules-item {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
    }

    .rules-icon {
        color: #4B77BE; /* Primary blue color */
        font-size: 1.25rem;
        flex-shrink: 0;
        padding-top: 0.1rem;
    }

    .rules-icon svg {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .rules-detail-title {
        font-size: 18px;
        line-height: 24px;
        font-weight: 600;
        color: #171A1F;
        margin: 0;
        font-family: 'Roboto';
    }

    .rules-detail-text {
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
        color: #171A1F;
        margin: 0;
        font-family: 'Roboto';
    }

    /* Button Styles */
    .rules-button {
        background-color:#2E69FF;
        color: white;
        padding: 0.75rem 2rem;
        border: none;
        border-radius: 6px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
        font-family: 'Roboto';
        line-height: 22px;
    }

    .rules-button:hover {
        background-color: #3f609e;
    }

    /* Responsive adjustments */
    @media (max-width: 991.98px) {
        .rules-flex-layout {
            flex-direction: column;
            gap: 2rem;
        }
        .rules-image-col, .rules-text-col {
            max-width: 100%;
            flex: 1 1 100%;
        }
        .rules-image-col {
            order: -1; /* Move image to the top on mobile */
        }
        .rules-illustration {
            max-width: 100%;
        }
    }
 @media (max-width: 800px) {
     .rules-content-container{
            padding: 4rem 1rem;
     }
 }

  


    /* Section Wrapper */
    .duty-section-wrapper {
        background-color: white;
        padding: 6rem 1rem;
        font-family: "Inter", sans-serif;
        text-align: center;
    }

    .duty-content-container {
        max-width: 100px;
        margin: 0 auto;
        background-color: white;
    }

    .duty-main-titles {
       /*font-family: Inter;*/
font-weight: 700;
font-style: Bold;
font-size: 30px;
/*leading-trim: NONE;*/
line-height: 36px;
letter-spacing: 0px;
text-align: center;
color:#171A1F;
        margin-bottom: 3rem;
        /*font-family: 'Inter   ';*/
    }

    /* Two-Column Layout (Flexbox) */
    .duty-flex-layout {
        display: flex;
        gap: 3rem;
        align-items: center; /* Vertically align items */
        text-align: left;
    }

    /* Left Column: Text and Rules List */
    .duty-text-col {
        flex: 1 1 50%;
        max-width: 50%;
        padding: 1rem 0;
    }

    .duty-intro-texts {
        /*font-size: 20px;*/
        color: #565D6D;
       /*font-family: Roboto;*/
font-weight: 400;
font-style: Regular;
font-size: 18px;
/*leading-trim: NONE;*/
line-height: 28px;
letter-spacing: 0px;
color:#565D6D;
    }

    /* Rules List Styles */
    .duty-list {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        margin-bottom: 2.5rem;
    }

    .duty-item {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
    }

    .duty-icon {
        color: #4B77BE; /* Primary blue color */
        font-size: 1.25rem;
        flex-shrink: 0;
        padding-top: 0.1rem;
    }

    .duty-icon svg {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .duty-detail-title {
      font-family: Roboto;
font-weight: 600;
font-style: SemiBold;
font-size: 16px;
leading-trim: NONE;
line-height: 24px;
letter-spacing: 0px;
color:#171A1F;
    }

    .duty-detail-text {
     /*font-family: Roboto;*/
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 24px;
letter-spacing: 0px;
color:#171A1F;
    }

    /* Right Column: Image */
    .duty-image-col {
        flex: 1 1 50%;
        max-width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .duty-illustration {
        width: 100%;
        max-width: 500px;
        height: auto;
    }

    /* Button Styles */
    .duty-buttons {
        background-color:#2E69FF;
        font-family: 'Roboto';
        color: white;
        padding: 0.75rem 2rem;
        border: none;
        border-radius: 6px;
        font-size: 18px;
        font-weight: 500;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
        line-height: 22px;
    }


    /* Responsive adjustments */
    @media (max-width: 991.98px) {
        .duty-flex-layout {
            flex-direction: column;
            gap: 2rem;
        }
        .duty-image-col, .duty-text-col {
            max-width: 100%;
            flex: 1 1 100%;
        }
        .duty-image-col {
            order: -1; /* Move image to the top on mobile */
        }
        .duty-illustration {
            max-width: 100%;
        }
    }


    /* Section Wrapper */
    .duty-section-wrapper {
        background-color: white;
        padding: 6rem 1rem;
        font-family: "Inter", sans-serif;
        text-align: center;
    }

    .duty-content-container {
        max-width: 1200px;
        margin: 0 auto;
        padding:0 6rem;
        background-color: white;
    }

 

    /* Two-Column Layout (Flexbox) */
    .duty-flex-layout {
        display: flex;
        gap: 3rem;
        align-items: center; /* Vertically align items */
        text-align: left;
    }

    /* Left Column: Text and Rules List */
    .duty-text-col {
        flex: 1 1 50%;
        max-width: 50%;
        padding: 1rem 0;
    }


    /* Rules List Styles */
    .duty-list {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        margin-bottom: 2.5rem;
    }

    .duty-item {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
    }

    .duty-icon {
        color: #4B77BE; /* Primary blue color */
        font-size: 1.25rem;
        flex-shrink: 0;
        padding-top: 0.1rem;
    }

    .duty-icon svg {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    /* Styles for the shopping cart and globe icons */
    .duty-icon.shopping-cart svg path,
    .duty-icon.package svg path,
    .duty-icon.globe svg path {
        stroke-width: 2.5;
    }
/* 
    .duty-detail-title {
        font-size: 1rem;
        font-weight: 700;
        color: #343a40;
        margin: 0;
    } */

    /* .duty-detail-text {
        font-size: 0.95rem;
        color: #6c757d;
        line-height: 1.5;
    } */

    /* Right Column: Image */
    .duty-image-col {
        flex: 1 1 50%;
        max-width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .duty-illustration {
        width: 100%;
        max-width: 500px;
        height: auto;
    }

    /* Button Styles */
    /* .duty-button {
        background-color: #4B77BE;
        color: white;
        padding: 0.75rem 2rem;
        border: none;
        border-radius: 6px;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
        transition: background-color 0.3s;
        text-decoration: none;
        display: inline-block;
    } */

   

    /* Responsive adjustments */
    @media (max-width: 991.98px) {
        .duty-flex-layout {
            flex-direction: column;
            gap: 2rem;
        }
        .duty-image-col, .duty-text-col {
            max-width: 100%;
            flex: 1 1 100%;
        }
        .duty-image-col {
            order: -1; /* Move image to the top on mobile */
        }
        .duty-illustration {
            max-width: 100%;
        }
        
        /* Reverse order for Buy for You section on mobile to put text first */
        .buy-for-you-section .duty-flex-layout {
            flex-direction: column-reverse;
        }
    }
 @media (max-width: 800px) {
     .duty-content-container{
            padding: 0rem 1rem ;
     }
      .center-btn{
            display:flex;
            align-items:center;
            
        }
     .duty-section-wrapper
     {
     padding-bottom:0px;
 }
   
    .buy-for-you-illustration {
        width: 100%;
        max-width: 500px;
        height: auto;
    }

    /* Adjust the icon color for the Buy for You section for variety */
    .buy-for-you-section .duty-icon {
        color: #30C755; /* Green color */
    }


      .testimonial-section-w {
        background-color: #f7f8fa; /* Light background for the whole section */
        padding: 6rem 1rem;
        font-family: 'Inter', sans-serif;
        text-align: center;
    }

    .testimonial-container-c {
        max-width: 1200px;
        margin: 0 auto;
    }

    /* ------------------------------------------------------------------- */
    /* HEADINGS */
    /* ------------------------------------------------------------------- */
    
    .testimonial-main-title-h1 {
        font-size: 2.25rem; /* H1 size */
        font-weight: 700;
        color: #1a202c;
        margin-bottom: 0.5rem;
    }

    .testimonial-subtitle-p {
        font-size: 1rem;
        color: #4a5568;
        margin-bottom: 4rem;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    /* ------------------------------------------------------------------- */
    /* GRID AND CARDS */
    /* ------------------------------------------------------------------- */
    
    /* Grid layout for the cards (Mobile first: Single column) */
    .testimonial-grid-g {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }

    /* Testimonial Card */
    .testimonial-card-d {
        background-color: white;
        padding: 2rem;
        border-radius: 0.75rem; /* Rounded corners */
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* Soft shadow */
        display: flex;
        flex-direction: column;
        align-items: flex-start; /* Align text to the left */
        position: relative;
        transition: transform 0.3s ease-in-out;
        min-height: 400px; /* Ensure cards have similar height */
    }

    .testimonial-card-d:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }

    /* Quotation Marks */
    .quote-icon-span {
        color: #a0aec0; /* Light grey */
        font-size: 3rem;
        line-height: 1;
        position: absolute;
        top: 0.5rem;
        left: 1.5rem;
        opacity: 0.4;
        font-family: Georgia, serif;
    }

    /* Testimonial Text */
    .testimonial-text-p {
        font-size: 0.95rem;
        color: #2d3748;
        line-height: 1.6;
        margin-bottom: 1.5rem;
        padding-top: 2rem; /* Make space for the quote icon */
        text-align: left;
    }

    /* ------------------------------------------------------------------- */
    /* FOOTER (AUTHOR/AVATAR) */
    /* ------------------------------------------------------------------- */

    .testimonial-footer-div {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: auto; /* Push to bottom */
        width: 100%; /* Important for centering the avatar/name horizontally */
    }

    .avatar-img-round {
        width: 120px;
        height: 120px;
        border-radius: 9999px; /* Full circle */
        object-fit: cover;
        margin-bottom: 1rem;
        border: 4px solid white;
        box-shadow: 0 0 0 5px #f687b3; /* Default: Pink ring */
        position: relative;
        z-index: 10;
        
    }
    
    /* Specific ring colors based on the image */
    .testimonial-card-d:nth-child(1) .avatar-img-round {
        box-shadow: 0 0 0 5px #ff8c42; /* Orange for Athulya */
    }

    .testimonial-card-d:nth-child(2) .avatar-img-round {
        box-shadow: 0 0 0 5px #63b3ed; /* Blue for Anuradha */
    }
    
    .testimonial-card-d:nth-child(3) .avatar-img-round {
        box-shadow: 0 0 0 5px #38b2ac; /* Teal for Anuj */
    }

    /* Name and Title */
    .author-name-h3 {
        font-size: 1.125rem;
        font-weight: 600;
        color: #2d3748;
        text-align: center;
    }

    /* ------------------------------------------------------------------- */
    /* RESPONSIVENESS */
    /* ------------------------------------------------------------------- */

    @media (min-width: 768px) {
        .testimonial-grid-g {
            grid-template-columns: repeat(2, 1fr);
        }
       
    }

    @media (min-width: 1024px) {
        .testimonial-grid-g {
            grid-template-columns: repeat(3, 1fr);
        }
    }