/* Layout - Icon Display */
.icon_display_section {
    --icon-display-ink: #25211f;
    --icon-display-muted: #5c5550;
    --icon-display-rule: #d8d0ca;
    background-color: #fdfbf8;
}

.icon_display_section > .container {
    width: 100%;
    padding-right: 24px;
    padding-left: 24px;
}

.icon_display_section .home_view_special_header {
    margin: 0 0 14px;
}

.icon_display_section .title_panel {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
}

.icon_display_section .icon_display_heading {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.icon_display_section .home_view_header .title_panel .pageHeading_main {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    /* color: var(--pageheading-title-color) !important; */
    font-family: Georgia, "Times New Roman", serif;
    font-size: 32px;
    font-weight: 700 !important;
    line-height: 1.08;
    letter-spacing: .2px;
    text-transform: capitalize;
}

.icon_display_section .icon_display_heading_rule {
    flex: 0 0 56px;
    width: 56px;
    height: 1px;
    background: var(--icon-display-rule);
}

.icon_display_section .pageHeading_submain {
    flex: 0 1 auto;
    margin: 1px 0 0;
    color: var(--icon-display-muted) !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: .1px;
    white-space: nowrap;
}

.icon_display_section .pageHeading_descp {
    margin-top: 7px;
    color: var(--icon-display-muted);
    font-size: 14px;
    font-weight: 400;
}

.icon_display_section .collection_special_panel {
    position: relative;
    display: block;
    width: 100%;

    overflow: hidden;
}

.icon_display_section .icon-swiper {
    width: 100%;
    overflow: hidden;
}

.icon_display_section .icon-swiper .swiper-wrapper {
    align-items: flex-start;
}

.icon_display_section .icon_slide {
    height: auto;
    padding: 0;
}

.icon_display_section .icon_box,
.icon_display_section .icon_inner_box,
.icon_display_section .featured_category_box {
    width: 100%;
}

.icon_display_section .icon_inner_box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.icon_display_section .featured_category_box {
    position: relative;
    text-align: center;
    transition: transform .25s ease;
}

.icon_display_section .featured_category_inner_box {
    width: 94px;
    height: 94px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50% !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
}

.icon_display_section .featured_category_inner_box img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    border-radius: 50% !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
}

.icon_display_section .featured_category_box:hover .featured_category_inner_box,
.icon_display_section .featured_category_box:hover .featured_category_inner_box img {
    border-radius: 50% !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
}

.icon_display_section .featured_category_content {
    display: block;
    width: 100%;
    padding: 9px 2px 0;
    text-align: center !important;
}

.icon_display_section .featured_category_title_panel,
.icon_display_section .featured_category_content .normal_btn {
    color: var(--icon-display-ink);
}

.icon_display_section .featured_category_title_panel p {
    margin-bottom: 0;
}

.icon_display_section .featured_category_title_panel .pageBanner_title {
    color: var(--icon-display-ink);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.icon_display_section .pageHeading_banner_subtitle,
.icon_display_section .pageBanner_descp {
    margin-top: 2px;
    color: var(--icon-display-muted);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
}

.icon_display_section .featured_category_content .normal_btn,
.icon_display_section .featured_category_content .normal_btn a {
    font-size: 13px;
    font-weight: 500;
}

.icon_display_section .featured_category_content .normal_btn a,
.icon_display_section .featured_category_content .normal_btn a:hover {
    padding: 4px 0 !important;
    color: var(--icon-display-ink) !important;
    background: transparent !important;
    border: 0;
    border-bottom: 1px solid currentColor;
    border-radius: 0;
}

.icon_display_section .icon_swiper_action {
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 1;
}

.icon_display_section .icon_swiper_next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    box-shadow: 0 4px 8px 0 rgb(55 48 54 / 20%);
    margin: 0;
    padding: 0;
    color: #4c4743;
    background: #fdfbf8;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

.icon_display_section .icon_swiper_next svg {
    width: 12px;
    height: 12px;
}

.icon_display_section .icon_swiper_next:hover,
.icon_display_section .icon_swiper_next:focus-visible {
    color: #211e1c;
    background: #f4efea;
    transform: translateX(2px);
    outline: none;
}

.icon_display_section .icon_swiper_next:focus-visible {
    box-shadow: 0 0 0 2px rgba(93, 73, 62, .3);
}

.icon_display_section .icon_swiper_next.swiper-button-disabled {
    opacity: .4;
    cursor: default;
    transform: none;
}

@media (hover: hover) {
    .icon_display_section .featured_category_box:hover {
        transform: translateY(-2px);
    }
}

@media only screen and (max-width: 850px) {
    .icon_display_section > .container {
        padding-right: 20px;
        padding-left: 20px;
    }

    .icon_display_section .home_view_header .title_panel .pageHeading_main {
        font-size: 27px;
    }

    .icon_display_section .icon_display_heading_rule {
        flex-basis: 40px;
        width: 40px;
    }
}

@media only screen and (max-width: 610px) {
    .icon_display_section {
        padding: 18px 0 22px !important;
    }

    .icon_display_section .home_view_special_header {
        margin-bottom: 13px;
    }

    .icon_display_section .icon_display_heading {
        flex-wrap: wrap;
        gap: 5px 10px;
    }

    .icon_display_section .home_view_header .title_panel .pageHeading_main {
        width: 100%;
        font-size: 24px;
    }

    .icon_display_section .icon_display_heading_rule {
        flex-basis: 30px;
        width: 30px;
    }

    .icon_display_section .pageHeading_submain {
        font-size: 12px;
        white-space: normal;
    }

    .icon_display_section .featured_category_inner_box {
        width: 82px;
        height: 82px;
    }

    .icon_display_section .featured_category_title_panel .pageBanner_title {
        font-size: 13px;
    }

    .icon_display_section .icon_swiper_action {
        top: 25px;
        right: -4px;
    }

    .icon_display_section .icon_swiper_next {
        width: 32px !important;
        height: 32px !important;
        box-shadow: unset;
        background-color: transparent;
    }

    .icon_display_section .icon_swiper_next svg {
        width: 8px;
        height: 14px;
    }

    .icon_display_section .container_block {
        padding-left: 0 !important;
        padding-right: 0 !important;

    }

    .icon_display_section .container_block .collection_special_panel .icon-swiper {
        padding-left: 20px !important;
        padding-right: 20px !important;

    }

    .icon_display_section .featured_category_box a {
        text-align: center;
        display: flex;
        justify-content: center;

    }

    .icon_display_section .featured_category_content {
        padding: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .icon_display_section .featured_category_box,
    .icon_display_section .icon_swiper_next {
        transition: none;
    }

    .icon_box{
        width: 50%;
    }
}

@media only screen and (max-width: 480px) {

    .featured_category-swiper{
		padding: 0 15px !important;
	}
}
