/* ===== Distribution Routes Section - Desktop ===== */
.distribution_routes_section {
    padding: 130px 0;
}

.distribution-routes-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* LEFT COLUMN - Oval Image */
.distribution-routes-left-col {
    width: 54.1%;
}

.distribution-routes-img-wrap {
    width: 100%;
    position: relative;
    border-radius: 370px;
    padding: 19px 25px 19px 25px;
    margin: 37px 0 0 0px;
}

.distribution-routes-img-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px dashed var(--color-secondary);
    pointer-events: none;
    border-radius: 370px;
}

.distribution-routes-img {
    border-radius: 370px;
    overflow: hidden;
    position: relative;
    padding-top: 66.97%;
}

.distribution-routes-img img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.stat-number .sub_title {
	font-size: 20px;
}

/* RIGHT COLUMN */
.distribution-routes-right-col {
    width: 41.9%;
}

.distribution-routes-title {
    margin-bottom: 100px;
    padding-left: 47px;
}

.distribution-routes-title::before {
    left: 0;

}

/* Cream Card */
.distribution-routes-card {
    background-color: var(--color-cream);
    border-radius: 20px;
    padding: 54px 40px 49px 35px;
    border: 1px dashed var(--color-secondary);
    box-shadow: 0 31px 50.4px -21px rgba(147, 121, 68, 0.25);
    max-width: 606px;
}

/* Stats Counters Layout */
.stats-counters {
    gap: 47px;
    margin-bottom: 35px;
}

.stat-item {
    flex: 1;
    text-align: center;
}

/* Stat Label */
.stat-label-wrap {
    margin-bottom: 66px;
}

.stat-label {
    font-size: var(--font-size-40);
    text-transform: uppercase;
    color: var(--color-black);
    line-height: 1;
    margin: 0 0 54px 0;
}

/* Stat Number */
.stat-number {
	font-family: var(--font-gold-Stamp);
	color: var(--color-black);
	line-height: 1;
	width: 238px;
	height: 238px;
	font-size: var(--font-size-70);
	position: relative;
	flex-direction: column;
}

.stat-number::before {
    content: "";
    position: absolute;
    background-image: url('../../../assets/images/stats-border.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

/* Button */
.distribution-routes-btn-wrap {
    margin-top: 46px;
    text-align: center;
}

@media (max-width: 1800px) {
    .distribution_routes_section {
        padding: 100px 0;
    }
}

@media (max-width: 1600px) {
    .distribution_routes_section {
        padding: 80px 0;
    }

    .stat-number {
        width: 215px;
        height: 215px;
    }

    .stat-label {
        margin: 0 0 34px 0;
    }

    .stat-label-wrap {
        margin-bottom: 50px;
    }

    .distribution-routes-title {
        margin-bottom: 60px;
    }
}

/* ===== Liquid Responsive - 1440px ===== */
@media (max-width: 1440px) {
    .distribution_routes_section {
        padding: 60px 0;
    }

    .distribution-routes-wrap {
        gap: 50px;
    }

    .distribution-routes-card {
        padding: 40px 35px 35px;
    }

    .stat-number {
        width: 190px;
        height: 190px;
        margin: 0 auto;
    }
    .distribution-routes-left-col {
	width: 53.1%;
}
}

/* ===== Liquid Responsive - 1280px ===== */
@media (max-width: 1280px) {
    .distribution_routes_section {
        padding: 50px 0;
    }

    .distribution-routes-wrap {
        gap: 40px;
    }

    .distribution-routes-card {
        padding: 35px 30px 30px;
    }

    .stats-counters {
        gap: 10px;
        margin-bottom: 30px;
    }

 .stat-number {
	width: 160px;
	height: 160px;
}



    .stat-label-wrap {
        margin-bottom: 15px;
    }

    .distribution-routes-btn-wrap {
        margin-top: 30px;
    }
}

/* ===== Liquid Responsive - 1100px ===== */
@media (max-width: 1100px) {
    .distribution-routes-wrap {
        gap: 40px;
    }

    .distribution-routes-img-wrap {
        padding: 19px 20px 19px 20px;
        margin: 0px;
    }

    .distribution-routes-left-col {
        width: 52%;
    }

    .distribution-routes-card {
        padding: 30px 25px 28px;
    }

 .stat-number {
	width: 140px;
	height: 140px;
}

    .stats-counters {
        gap: 30px;
    }

    .distribution-routes-title {
        margin-bottom: 25px;
    }
    .stat-number .sub_title {
	font-size: 18px;
}
}

/* ===== Liquid Responsive - 991px (Tablet) ===== */
@media (max-width: 991px) {
    .distribution_routes_section {
        padding: 50px 0;
    }

    .distribution-routes-left-col {
        width: 50%;
    }

    .distribution-routes-right-col {
        width: 43.9%;
    }

    .distribution-routes-img-wrap {
        padding: 15px 15px 15px 15px;
        margin: 0px;
    }

    .distribution-routes-title {
        margin-bottom: 25px;
    }

    .distribution-routes-card {
        padding: 35px 30px 30px;
        max-width: 520px;
        margin: 0 auto;
    }

    .stats-counters {
        gap: 20px;
    }

    .distribution_routes_section {
        padding: 50px 0;
    }
.stat-number {
	width: 110px;
	height: 110px;
	font-size: 36px;
}
}

/* ===== Liquid Responsive - 767px ===== */
@media (max-width: 767px) {
    .distribution_routes_section {
        padding: 40px 0;
    }

    .distribution-routes-wrap {
        gap: 35px;
    }


    .distribution-routes-card {
        padding: 30px 25px 25px;
    }

    .stat-number {
        width: 160px;
        height: 160px;
    }

    .stats-counters {
        gap: 30px;
        margin-bottom: 25px;
    }


    .stat-label-wrap {
        margin-bottom: 12px;
    }

    .distribution-routes-btn-wrap {
        margin-top: 25px;
    }

    .distribution-routes-right-col {
        width: 100%;
    }

    .distribution-routes-left-col {
        width: 100%;
        order: 1;
    }

    .stat-label {
        margin: 0 0 30px 0;
    }

    .distribution-routes-title {
        margin-bottom: 45px;
        padding-left: 30px;
    }

}

/* ===== Liquid Responsive - 575px (Mobile) ===== */
@media (max-width: 575px) {
    .distribution_routes_section {
        padding: 40px 0;
    }

    .distribution-routes-wrap {
        gap: 30px;
    }
}

/* ===== Liquid Responsive - 400px (Small Mobile) ===== */
@media (max-width: 400px) {
    .distribution_routes_section {
        padding: 30px 0;
    }


.stat-number {
	width: 120px;
	height: 120px;
	outline-offset: 3px;
}

    .stat-label-wrap {
        margin-bottom: 10px;
    }

}