* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: initial;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0px;
}

p {
    margin-bottom: 0px;
}

:root {
    /* color */
    --primary: #603ce9;
    --clr-light: #FAFAFA;
    --clr-btn: #5e4ca3;
    --primary-opacity: 0.1;
    /* Opacity value */
    --primary-rgb: 96, 60, 233;
    /* color */
    --font-family: "Jost", sans-serif;
    --second-family: "Rethink Sans", sans-serif;
}

/* <!-- =============================================================Top-Header-Nav====================================== -->
 <!-- =============================================================================================================== --> */

.hm1_top_bar {
    background: #37257c;
}

.hm1_top_bar_follow {
    display: flex;
    align-items: center;
}

.hm1_top_bar_follow h5 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #fff;
}

.hm1_top_bar_follow i {
    font-size: 15px;
    color: white;
    transition: 0.3s;
}

.hm1_top_bar_follow i:hover {
    font-size: 15px;
    transform: scale(1.4);
}

.hm1_top_bar_free h3 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: #fff;
}

.icon-earth i {
    color: white;
    font-size: 20px;
}

.dag {
    border: 1px solid #fff;
    width: 14px;
    height: 0px;
    transform: rotate(-90deg);
    opacity: 0.2;
}

.hm1_top_bar_click_pd {
    padding-right: 20px;
}

.hm1_top_bar_click_button {
    color: white;
    z-index: 55;
}

.hm1_top_bar_click_button select:focus {
    border: 1px solid transparent !important;
}

.hm1_header_click2_btn_des_chi {
    color: #000000;
}

/* Bydefolt nice-selector */
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    border-radius: 5px;
    box-sizing: border-box;
    clear: both;
    border: solid 1px transparent;
    cursor: pointer;
    display: block;
    float: left;
    font-family: var(--font-family);
    font-size: 15px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 6px;
    padding-right: 27px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

.nice-select .list {
    background-color: #fff;
    color: black;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: transparent;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
    border-color: transparent;
}

.nice-select:hover {
    border-color: transparent;
}

.hm1_header_click2_btn_des_chi .nice-select:after {
    border-bottom: 2px solid black;
    border-right: 2px solid black;
    height: 8px;
    width: 8px;
}

/* <!-- =============================================================Middle-Nav-Home====================================== -->
 <!-- =============================================================================================================== --> */

.hm1_header_main {
    margin-top: 27px
}

/* Form */
/* fixt-width */
.hm1_header_main_form_input {
    border-radius: 2px;
    width: 450px;
    height: 40px;
    background: #f2f2f2;
    border: 1px solid transparent;
    padding-left: 158px;
}

.hm1_header_main_click2_btn {
    margin-left: 110px;
}

.hm1_header_main_click2_btn ::placeholder {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #5a5a5a;
    opacity: 0.5;
    padding-left: 15px;
}

.hm1_header_search_icon {
    position: absolute;
    top: 8px;
    right: 10px;
}

.hm1_header_main_click2_btn_des {
    position: absolute;
    top: 0px;
    left: 10px;
}

.hm1_header_main_click2_btn_des i {
    font-size: 15px;
    color: #110a2c;
}

.hm1_header_search_icon i {
    font-size: 18px;
    color: #5a5a5a;
}

/* Bootstrap By-defolt */
.custom-btn-2 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: #110a2c;
    background-color: transparent;
    border-color: transparent;
}

.custom-btn-2:hover {
    background-color: transparent;
    color: #110a2c;
    border: 1px solid transparent;
}

.hm1_header_main_form input:focus {
    outline: none;
    border: 1px solid rgb(222, 213, 213);
}

.usd-btn-2:focus {
    background-color: transparent;
    color: black;
}

.dropdown-outline-none-two:focus {
    outline: none;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

.dropdown-outline-none-two:focus:not(:focus-visible) {
    outline: none !important;
}

.shopping-bag i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 20px;
    background: #f4f4f4;
    color: black;
    transition: 0.4s;
}

.shopping-bag i:hover {
    background: #37257c;
    color: white;
}

.cart-whitlist {
    padding-left: 10px;
    padding-right: 15px;
}

.cart-whitlist h4 a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    transition: 0.3s;
}

.cart-whitlist h4:hover a {
    color: #37257c;
    text-decoration: underline;
}

.cart-whitlist h4 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
}

.cart-whitlist h6 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #5a5a5a;
}

.cart-whitlist h6 a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #5a5a5a;
}

.horijontal-rol {
    border: 1px solid #ebebeb;
    height: 0px;
    margin: 20px 0px 0 0px;
}

/* <!-- =============================================================Last-Nav-Home====================================== -->
 <!-- =============================================================================================================== --> */

/* bootstrap */

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 0rem;
}

.nav-link {
    display: block;
    padding: .5rem 0rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

/* end-bootstrap */
.hm1_nav-one-sec-star {
    position: initial;
    top: 0px;
    width: 100%;
    z-index: 1000;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(30, 130, 95, 0.5);
}

.hm1_nav-sec {
    padding: 0 10px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
}

.hm1_nav-btn {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 0px;
}

.hm1_nav-links {
    flex: 2;
}

.log-sign {
    display: flex;
    justify-content: center;
    align-items: center;

}

.logo {
    color: var(--clr-light);
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 3rem;
}

.logo span {
    font-weight: 300;
}

.log-sign.btn-nav-on {
    display: inline-block;
    border: 1px solid #f4f2f0;
    ;
    border-radius: 2rem;
    line-height: 1;
    transition: .3s;
}

.log-sign.btn-nav-two {
    display: inline-block;
    border: 1px solid black;
    line-height: 1;
    transition: .3s;
    position: relative;
}

.btn-nav-two::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
    transform-origin: 100% 50%;
}

.btn-nav-two::before:hover {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
    transform-origin: 100% 50%;
}

.transparent {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    text-align: center;
    color: #110a2c;
    padding: .5rem 1.3rem;
    border-radius: 2rem;
    margin: 0 .6rem;
    transition: 0.4s;
}

.transparent:hover {
    color: white;
    background-color: #37257c;
}

.solid {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    padding: .5rem 1.3rem;
    line-height: 175%;
    text-align: center;
    color: #fff;
    background: #FB8F2C;
    border-radius: 2rem;
    margin: 0 0rem;
    cursor: pointer;
}

.solid:hover {
    color: white;
}

.hm1_nav-links>ul {
    padding-left: 0px;
    display: flex;
    align-items: center;
}

.nav-link {
    position: relative;
}

/* hover-effect underline */
.nav-link>a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    text-align: center;
    color: #110a2c;
    padding: 0px 0px;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .5s;
    margin-right: 18px;
    position: relative;
    padding: 2px 0px;
    margin-right: 50px;
}

.nav-link>a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background: var(--primary);
    transition: 0.3s;
}

.nav-link>a:hover:after {
    width: 100%;
}

/*end hover-effect underline */
.nav-link>a:hover i {
    transform: rotate(180deg);
}

.nav-link>a>i {
    margin-left: .2rem;
    transition: 0.3s;
}

.dropdown-sec-two-home {
    position: absolute;
    top: 100%;
    left: 0;
    width: 10rem;
    transform: translateY(10px);
    opacity: 0;
    pointer-events: none;
    transition: .5s;
    z-index: 55;
}

.dropdown-sec-two-home ul {
    position: relative;
    padding: 0px 0px;
}

.dropdown-link>a {
    display: flex;
    background: white;
    color: black;
    padding: .5rem 1rem;
    font-size: .9rem;
    align-items: center;
    border-bottom: 1px solid var(--clr-light);
    justify-content: space-between;
    transition: .3s;
    box-shadow: 0px 0px 2px 0px #a2a0a9;
}

.dropdown-link:hover>a {
    background: #3f3178;
    color: var(--clr-light);
}

/* .dropdown-link:not(:nth-last-child(2)) {
  border-bottom: 1px solid var(--clr-light);
} */
.dropdown-link i {
    transform: rotate(-90deg);
}

.dropdown-link {
    position: relative;
}

.dropdown-sec-two-home.second {
    top: 0;
    left: 100%;
    padding-left: 0rem;
    cursor: pointer;
    transform: translateX(10px);
}

.dropdown.second .arrow {
    top: 10px;
    left: -5.5px;
}

.nav-link:hover>.dropdown-sec-two-home,
.dropdown-link:hover>.dropdown-sec-two-home {
    transform: translate(0, 0);
    opacity: 1;
    pointer-events: auto;
}

.hamburger-menu-container {
    flex: 1;
    display: none;
    align-items: center;
    justify-content: flex-end;
}

.hamburger-menu {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* Form*/
.form-responsive {
    display: none;
}

/* end-Form*/

.hamburger-menu div {
    width: 1.6rem;
    height: 3px;
    border-radius: 3px;
    background-color: black;
    position: relative;
    z-index: 1001;
    transition: .5s;
}

.hamburger-menu div:before,
.hamburger-menu div:after {
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    background-color: black;
    border-radius: 3px;
    transition: .5s;
}

.hamburger-menu div:before {
    transform: translateY(-7px);
}

.hamburger-menu div:after {
    transform: translateY(7px);
}

#check {
    color: black;
    position: absolute;
    top: 50%;
    right: 0rem;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    z-index: 90000;
    cursor: pointer;
    opacity: 0;
    display: none;
}

#check:checked~.hamburger-menu-container .hamburger-menu div {
    background-color: transparent;
}

#check:checked~.hamburger-menu-container .hamburger-menu div:before {
    transform: translateY(0) rotate(-45deg);
}

#check:checked~.hamburger-menu-container .hamburger-menu div:after {
    transform: translateY(0) rotate(45deg);
}

@keyframes animation {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
    }
}


/* <!-- ============================================================Section-One-Home========================================= -->
 <!-- =============================================================================================================== --> */

.hm1_sec_on {
    margin-top: 10px;
    overflow: hidden;
}

.hm1_hero_border {
    width: 100%;
    border-radius: 6px;
}

/* bg-div-color-set */
.hm1_hero_bg {
    background: #f4f4f4;
}

.hm1_hero_bg_two {
    background: #e6efe4;
}

.hm1_hero_bg_three {
    background: #f8eeeb;
}

.hm1_hero_bg_four {
    background: #ebf0f4;
}

/* end-bg-div-color-set */

.hm1_hero_bg_three {
    position: relative;
}

.hm1_hero_pd {
    padding: 32px 32px 24px 32px;
    text-align: center;
    position: relative;
    z-index: 10;

}

.hm1_hero_bg_three:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.hm1_hero_subtitle h6 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #5a5a5a;
}

.hm1_hero_title h3 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 28px;
    line-height: 130%;
    color: #110a2c;
}

.hm1_hero_title_pd_mg {
    padding: 5px 0px 11px 0px;
}

.hm1_hero_title h3 span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    text-align: center;
    color: #5a5a5a;
}

.hm1_hero_img {
    text-align: center;
    width: 100%;
    margin: auto;
}

.hm1_hero_img img {
    max-width: 100%;
    object-fit: contain;
}

.pb_16px {
    padding-bottom: 14px;
}

/* Button-Decoretion */
.hm1_hero_btn h5 a {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    position: relative;
}

.hm1_hero_btn h5 a::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 38%;
    height: 2px;
    background: var(--primary);
    transition: 0.5S;
}

.hm1_hero_btn h5 a:hover::after {
    width: 100%;
}

.hm1_hero_btn h5 a i {
    color: #110a2c;
    font-size: 20px;
    transition: 0.3s;
}

.hm1_hero_btn h5 a:hover i {
    transform: rotate(45deg);
}

/*end-Button-Decoretion */
.One-Time-Two {
    text-align: center;
    width: 95%;
    position: absolute;
    top: 24%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.One-Time-Two h6 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
    color: #5a5a5a;
}

.One-Time-Two h5 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0.05em;
    text-align: center;
    color: #5a5a5a;
}

.One-Time-Two h3 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 28px;
    line-height: 130%;
    text-align: center;
    color: #110a2c;
    padding: 5px 0px 15px 0px;
}

/* Swiper- Design */


.swiper-one-set {
    width: 100%;
    height: 100%;
}

.swiper-slider-img-box {
    width: 100%;
    height: 100%;
}

.swiper-slider-img-box img {
    width: 100%;
    height: 100%;
}

/*  Swiper- Design-again */
.hm1_hero_swiper {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    padding: 48px 40px 40px 48px;
}

.hm1_apple_ipad_img {
    text-align: right;
}

.hm1_apple_ipad_img img {
    max-width: 100%;
    text-align: right;
    margin-top: -73px;
    margin-right: 0px;
}

/*  */

.hm1_hero_swiper_bg {
    background: #eeece4;
    height: 710px;
}

.Apple-HomePod img {
    max-width: 100%;
}

.Apple-HomePod {
    position: absolute;
    bottom: 0;
    right: 0;
}

.hm1_hero_swiper h1 {
    max-width: 582px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 56px;
    line-height: 120%;
    color: #110a2c;
    position: relative;
    z-index: 5;
}

.hm1_hero_swiper p {
    max-width: 340px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    padding-top: 30px;
    padding-bottom: 40px;
    position: relative;
    z-index: 5;
}

.hm1_hero_btn_swiper h5 a {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    padding: 16px 30px;
    background-color: white;
    border-radius: 4px;
    transition: 0.4s;
    position: relative;
    z-index: 5;
    display: inline-block;
}

.hm1_hero_btn_swiper h5 a:hover {
    background-color: #180954;
    color: white;
}

.hm1_apple_ipad_img img {
    max-width: 100%;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 1;
}

.hm1_hero_all_pd {
    padding: 4px;
}

/* Swiper pagition */
.swiper-button-next-custom {
    color: black;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 1.50px solid #110a2c5b;
    border-radius: 50px;
    transition: 0.3s;
}

.swiper-button-next-custom:hover {
    background-color: black;
    color: white;
}

.swiper-button-prev-custom {
    color: black;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    height: 40px;
    border: 1.50px solid #110a2c5b;
    border-radius: 50px;
    transition: 0.3s;
}

.swiper-button-prev-custom:hover {
    background-color: black;
    color: white;
}

.swiper-pagination-custom-on {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    /* margin-top: 250px;
  margin-left: 40px; */
    /* position: absolute;
  left: 9%;
  bottom: 50px; */
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 66px;
    height: 40px;
    border-radius: 50px;
    transition: 0.3s;
    border-radius: 20px;
    padding: 8px 20px;
    backdrop-filter: blur(4px);
    background: #fff;
}



/*
<!-- ============================================================Section-Two-Home========================================= -->
 <!-- =============================================================================================================== --> */


.hm1_sec_two {
    margin-top: 54px;
}

.stock-ticker {
    font-size: 15px;
    padding-block: 8px;
    overflow: hidden;
    user-select: none;
    --gap: 20px;
    display: flex;
    gap: var(--gap);
}

.animation_auto {
    width: 82px;
    height: 82px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f4f4f4;
    border-radius: 16px;
    object-fit: contain;
}

.stock-ticker ul {
    list-style: none;
    flex-shrink: 0;
    min-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--gap);
    animation: scroll 20s linear infinite;
}

.stock-ticker:hover ul {
    animation-play-state: paused;
}

@keyframes scroll {
    to {
        transform: translateX(calc(-100% - var(--gap)));
    }
}

.stock-ticker .company {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #110a2c;
}

.stock-ticker .price {
    margin-inline: 4px;
}

.horijontal-rol-two {
    border: 1px solid #ebebeb;
    margin: 55px 0px 0px 0px;
}

/* <!-- ============================================================Section-Three-Home========================================= -->
 <!-- =============================================================================================================== --> */
.hm1_sec_three {
    margin-top: 120px;
    overflow: hidden;
}

/* underline design  Sub-menu*/
.sub_title h4 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-skip-ink: none;
    color: var(--primary);
}

/* end-underline design  */

.home_title h3 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    color: #110a2c;
}

.title_pd_mg {
    max-width: 298px;
    margin-top: 5px;
}

.hm1_categories_sec p {
    max-width: 298px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    opacity: 0.8;
    margin-top: 24px;
}

/* Swiper-Two */
.swiper-two-sec {
    width: 104%;
    height: 100%;
    padding: 0 16px;
}

.swiper-slide-home-two {
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide-two-img {
    text-align: center;
    margin-top: 30px;
}

.slide-two-img img {
    max-width: 100%;
}



.two-slid-item-on {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    transition: 0.3s;
    box-shadow: none;
    background: #fff;
    height: 100%;
}

.two-slid-item-on:hover {
    box-shadow: rgba(17, 10, 44, 0.1) 3px 5px 20px 3px;
    background: rgb(255, 255, 255);
}

.swip-two-icon h3 {
    background: var(--primary);
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.swip-two-icon i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    font-size: 20px;
    color: white;
}

.two-slid-item-on:hover h3 {
    opacity: 1;
    visibility: visible;
}

.icon-sec-two-home {
    padding: 47px 22px 20px 22px;
}

.hm1_categories_title a {
    display: inline-block;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: #110a2c;
}

.hm1_categories_title h6 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #5a5a5a;
    text-align: left;

}

/* Icon */
.swiper-button-next-custom-two {

    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    background-color: white;
    color: black;
    border: 1.50px solid #ebebeb;
    border-radius: 28px;
    font-size: 20px;
    transition: 0.3s;
}

.swiper-button-next-custom-two:hover {
    background-color: black;
    color: white;
}

.swiper-button-prev-custom-two {
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    background-color: white;
    color: black;
    border: 1.50px solid #ebebeb;
    border-radius: 28px;
    font-size: 20px;
    transition: 0.3s;
}

.swiper-button-prev-custom-two:hover {
    background-color: black;
    color: white;
}

.position_set_arrow_on {
    position: absolute;
    top: 75%;
    left: -32%;
    display: flex;
    gap: 22px;
    z-index: 22;
}

/* <!-- ============================================================Section-Four-Home========================================= -->
 <!-- =============================================================================================================== --> */
.hm1_sec_four {
    margin-top: 100px;
    padding-top: 120px;
    padding-bottom: 120px;
    background: #f4f4f4;
    overflow: hidden;
}

.title_pd_mg_2 h3 {
    max-width: 680px;
    margin: 10px 0px 35px 0px;
}

.dron img {
    max-width: 100%;
}

.women-img {
    max-width: 100%;
}

.We-believe {
    margin-left: 60px;
}

.mb-16-set {
    margin: 16px 0px 16px 0px;
}

.pe-3-img {
    margin-right: 12px;
}

.We-believe p {
    max-width: 450px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    margin-bottom: 24px;
}

.We-believe h5 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;

}

/* Button */
.Learn-More h5 {
    margin-top: 50px;
}

.Learn-More h5 a {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #fff;
    padding: 15px 30px;
    background: var(--primary);
    border-radius: 4px;
    transition: 0.3s;
}

.Learn-More h5 a:hover {
    background-color: rgb(46, 19, 128);
    color: white;
}

/* End-Button */
/* Text-animation */
.pt_40 {
    margin-top: 0px;
}

.hm1_about_us {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    background-color: white;
    position: absolute;
    bottom: -95px;
    right: 152px;
}

.logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    background: url(../img/Home/love.svg);
    background-size: cover;
    border-radius: 100vmax;
    background-position: center;
}

.text-circle {
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    color: #110a2c;
    animation: textRotation 8s linear infinite;
}

@keyframes textRotation {
    to {
        transform: rotate(360deg);
    }
}

.hm1_about_us:hover .text-circle {
    animation-play-state: paused;
}

.text-circle span {
    position: absolute;
    top: 5%;
    left: 50%;
    transform-origin: 0 90px;
    text-transform: uppercase;
}



/* <!-- ============================================================Section-Five-Home========================================= -->
 <!-- =============================================================================================================== --> */

.hm1_sec_five {
    margin-top: 120px;
    overflow: hidden;
}

.title_pd_mg_3 {
    margin-top: 10px;
    margin-bottom: 55px;
}

.Deal-Of {
    text-align: center;
}

.hm1_deal_of_title {
    width: calc(33% - 14px);
    border: 1px solid #ebebeb;
    border-radius: 6px;
    background: #fff;
    transition: 0.4s;
    margin-bottom: 0px;
}

.hm1_deal_of_title:hover {
    box-shadow: 0 44px 80px 0 rgba(17, 10, 44, 0.1);
    background: #fff;
}

.hm1_deal_of_title .new {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    width: 47px;
    height: 26px;
    color: #110a2c;
    background: #ffd15a;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin: 8px 0px 0px 8px;
}

.hm1_deal_of_title .Sale {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: #fff;
    width: 47px;
    height: 26px;
    background: #28b057;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin: 8px 0px 0px 8px;
}

.kindpng {
    text-align: center;
    margin-bottom: 60px;
}

.Keyboard {
    text-align: center;
    margin-top: 60px;
}

.pngwing-7 {
    text-align: center;
    margin-top: 50px;
}

.pngwing-6 {
    text-align: center;
    margin-top: 20px;
}

.pngwing-8 {
    text-align: center;
    margin-top: 17px;
}

.iphone {
    text-align: center;
}

.pad_21 {
    padding-top: 110px;
}

.rice-cooker {
    text-align: center;
}

.pad_22 {
    padding-top: 46px;
}

.pad_23 {
    padding-top: 40px;
}

.pad_24 {
    padding-top: 70px;
}

.pad_25 {
    padding-top: 32px;
}

.pad_26 {
    padding-top: 35px;
}

.pad_27 {
    padding-top: 18px;
}

.hm1_deal_of_title h3 {
    max-width: 230px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    margin-bottom: 6px;
}

.hm1_deal_of_title h3 a {
    color: initial;
}

.hm1_regular_price h4 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: #110a2c;
}

.pad_10_20 {
    margin: 10px 0px 16px 0px;
}

.hm1_regular_price del {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #5a5a5a;
    opacity: 0.5;
}

.hm-price-tag {
    display: flex;
    align-items: center;
    gap: 10px;
    position: absolute;
    top: 8px;
    left: 8px;
}

.icon-set_tree h5 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: right;
    color: #5a5a5a;
}

.icon-set_tree h5 i {
    color: #ffb800;
}

.pad_20 {
    padding: 20px 19px 20px 20px;
}

.Add-To-Cart h4 {
    max-width: 230px;
    text-align: center;
    margin: 21px auto 0px auto;
}

.Add-To-Cart h4 a {
    display: block;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    padding: 13px 0px;
    transition: 0.4s;
    border-radius: 4px;
    background: #f4f4f4;
}

.five_sec {
    gap: 15px;
}

.card_2_hover {
    position: absolute;
    top: 42px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.card_2_hover a,
.allmart-product-out-of-stock {
    opacity: 0;
    visibility: hidden;
    border: 1px solid #ebebeb;
    width: 40px;
    height: 40px;
    font-size: 18px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #5a5a5a;
    background: #fff;
    transition: 0.4s;
}

.card_2_hover a:hover {
    background: var(--primary);
    color: white;
    border: 1px solid transparent;
}

.hm1_deal_of_title:hover a,
.hm1_deal_of_title:hover .allmart-product-out-of-stock {
    opacity: 1;
    visibility: visible;
}

.hm1_deal_of_title:hover .Add-To-Cart h4 a {
    background: var(--primary);
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #fff;
}

.Apple {
    text-align: center;
    margin-top: -8px;
}

.hm2_tab_prod_img {
    text-align: center;
}

.hm2_tab_prod_img img {
    max-width: 100%;
    object-fit: contain;
    width: 268px;
    height: 268px;
}

.Controller {
    text-align: center;
    margin-top: 56px;
}

.mt-14 {
    margin-top: 14px;
}

.hm1_deal_of_title .Off {
    border-radius: 4px;
    width: 76px;
    height: 26px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: #fff;
    background: #37257c;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px 0px 0px 8px;
}

.hm1_deal_of_title h6 {
    max-width: 250px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
}

/* Button */
.Load-More h4 {
    margin-top: 56px;
}

.Load-More h4 a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    padding: 16px 30px;
    width: 241px;
    margin: auto;
    height: 56px;
    background: #110a2c;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #fff;
    transition: 0.4s;
}

.Load-More h4 a:hover {
    background: #3f24ac;
}

/*  */
/*  */
/*  */
.Headset.aos-init.aos-animate.new-style {
    background: aqua;

}

.hm1_deal_of_img {
    padding: 18px 18px;
    width: 268px;
    height: 268px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.product_card_wrap .hm1_deal_of_img img {
    height: 100%;
    object-fit: contain;
}

.hm1_deal_of_pro_tag {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: #110a2c;
    z-index: 1;
    background: #ffd15a;
    padding: 4px 8px;
    border-radius: 5px;
}

.feature_banner_bg_color {
    color: #fff;
    background: #37257c;
}

.feature_banner_bg_color_3 {
    background: #28b057;
    color: #fff;
}

.product_card_wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product_card_content {
    padding: 20px;
}


/* <!-- ============================================================Section-Six-Home========================================= -->
 <!-- =============================================================================================================== --> */
/* design-1st */
.hm1_sec_six {
    margin-top: 120px;
    overflow: hidden;
}

/* fixed-width */

.hm1_arrivel {
    background: #f7e5e4;
}

.hm1_apple_smart {
    width: 350px;
    position: relative;
    padding: 32px 17px 17px 32px;
    border-radius: 6px;
}

.hm1_new_arrival h6 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    text-transform: uppercase;
    color: #110a2c;
    opacity: 0.5;
}

/* Button */
.buy_now h5 {
    padding-top: 24px;
}

.buy_now h5 a {
    display: inline-block;
    border-radius: 4px;
    padding: 10px 16px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #000e3c;
    background: #fff;
    transition: 0.5s;
}

.arrow-hover {
    position: relative;
    transition: all 0.3s;
}

.buy_now h5 a:hover .arrow-hover {
    translate: 30%;
}

/* End-Button */

.camera-2 {
    position: absolute;
    top: 71px;
    left: 187px;
}

/* end-design-1st */
/* fixed-width */
/* design-2nd */
.hm1_monitor {
    width: 678px;
    background: #f5efdf;
    border-radius: 6px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.only_at {
    padding: 32px 0px 35px 40px;
}

.only_at_sm_title h4 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    text-transform: uppercase;
    color: #110a2c;
}

.Apple_title_pd_mr_2 h4 {
    max-width: 332px;
    padding-top: 10px;
}

/* fixt-width */
.only_at h5 {
    max-width: 332px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    margin-top: 8px;
}

/* Img-shadow */
.shadow-1 {
    max-width: 100%;
    height: 270px;
    border-radius: 6px;
}

/* Button */
.Buy_Now_pd_mg_2 h5 {
    padding-top: 20px;
}

.arrow-hover {
    position: relative;
    transition: all 0.3s;
}

/* End-Button */
.laptop img {
    max-width: 100%;
    border-radius: 6px;
}

.laptop {
    position: absolute;
    top: 0;
    right: 0;
}

/* -end-design-2nd */
/* design-3rd */
/* fixed-width */
.Headset {
    background: #e9ecf9;
}

.Grand_bg h6 {
    color: var(--primary);
    opacity: 1;
}

.haedphone-2 {
    position: absolute;
    top: 88px;
    right: 30px;
}

.hm1_apple_title h4 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 28px;
    line-height: 130%;
    color: #110a2c;
}

.hm1_title_pd_mr {
    max-width: 160px;
    margin-top: 10px;
}

/* Button */
.buy_now_pd_mg h5 {
    padding-top: 24px;
}

.buy_now h5 a {
    display: inline-block;
    border-radius: 4px;
    padding: 10px 16px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #000e3c;
    background: #fff;
    transition: 0.5s;
}

.arrow-hover {
    position: relative;
    transition: all 0.3s;
}

.buy_now h5 a:hover .arrow-hover {
    translate: 30%;
}

/* End-Button */
/* end-design-3rd */
/* <!-- ============================================================Section-Seven-Home========================================= -->
 <!-- =============================================================================================================== --> */

.hm1_sec_seven {
    margin-top: 117px;
    overflow: hidden;
    padding-bottom: 120px;
}

.mb_70 {
    margin-bottom: 70px;
}

.title_pd_mg_4 h3 {
    margin-top: 10px;
}

.border_color-set {
    border: 1px solid #ebebeb;
    border-radius: 4px;
    background: #fff;
    transition: 0.3s;
}

.border_color-set:hover {
    box-shadow: 0px -1px 80px 0px rgba(17, 10, 44, 0.1);
    background: #fff;
}


.hm1_top_testimonials_pd_title h6 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #5a5a5a;
}

.hm1_top_testimonials_pd_title h4 {
    max-width: 268px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;

}

.hm1_top_testimonials img {
    max-width: 100%;
}

.pt_25 {
    margin-top: 25px;
}

.p_Butom_24 {
    margin-bottom: 24px;
    margin-top: 24px;
}

.hm1_regular_price2 h5 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
}

.hm1_regular_price2 h5 span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-decoration: line-through;
    color: #5a5a5a;
    opacity: 0.5;
}

.hm1_review h5 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: right;
    color: #5a5a5a;
}

.hm1_review h5 i {
    color: #ffb800;
    font-size: 15px;
}

/* Date-Counter */
.clockdiv {
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 30px;
    margin-top: 0px;
}

.dot_dot {
    margin-bottom: 40px;
    text-align: center;
}

.clockdiv>div {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 40px;
    line-height: 120%;
    text-align: center;
    color: #fff;
    padding-top: 10px;
    border-radius: 3px;
    background: var(--primary);
    display: inline-block;
    width: 92px;
    height: 92px;
    border-radius: 6px;
}

.clockdiv div>span {
    border-radius: 3px;
    background: transparent;
    display: inline-block;
}

.clockdiv .smalltext {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: #fff;
}

/* End-Date-Counter */

/* <!-- ============================================================Section-Eight-Home========================================= -->
<!-- =============================================================================================================== --> */


/* bydefolt-Third-Swiper */
.swiper_three {
    width: 100%;
    height: 137px;
    background: #37257c;
    border-radius: 8px;
}

.swiper-slide_three {
    text-align: center;
    font-size: 18px;
    background: #37257c;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide_three img {
    display: block;
    opacity: 0.4;
    transition: 0.3s;
}

.swiper-slide_three img:hover {
    opacity: 1;
}

/* end-bydefolt-Third-Swiper */





/* <!-- ============================================================Section-Nine-Home========================================= -->
 <!-- =============================================================================================================== --> */

.hm1_sec_nine {
    margin-top: 120px;
}

.pt-56 {
    margin-top: 56px;
}

/* underline design  */
.all-Categories_two h3 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #5a5a5a;
    text-align: center;
}

/* end-underline design  */
.hm1_browser_our {
    text-align: center;
}

.title_pd_mg_5 h2 {
    text-align: center;
    margin-top: 8px;
}

.hm1_img_swich {
    position: relative;
    padding: 76px 20px;
    background: #f4f4f4;
    text-align: center;
    border-radius: 4px;
}

/*  */
.pr_8 {
    margin-left: 8px;
}

.hm1_img_swich img {
    transition: 0.5s ease-in-out;
    width: 340px;
    height: 298px;
    max-width: 100%;
    object-fit: contain;
}

.hm1_img_swich:hover .hm1_img_swich_img1 {
    opacity: 0;
}

.hm1_img_swich:hover .hm1_img_swich_img2 img {
    opacity: 1;
}

.hm1_img_swich_img2 img {
    transition: 0.5s ease-in-out;
    opacity: 0;
}

.hm1_img_swich_img2 img:hover {
    opacity: 100%;
}

.hm1_img_swich_img2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5555;
}

.am__flash_sale_cat_list {
    margin-top: 20px;
}

.am__flash_sale_cat_list a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #5a5a5a;
}

.hm2_lookbook_title_subtitle {
    margin-top: 4px;
    margin-bottom: 10px;
}

/*  */

.laptop-c_2 img {
    transition: 0.5s ease-in-out;
    opacity: 0;
}

.laptop-c_2 img:hover {
    opacity: 100%;
}

.laptop-c_2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5555;
}

.asus-laptop {
    background: #f4f4f4;
    text-align: center;
    margin-left: 8px;
    border-radius: 4px;
    position: relative;
}

.asus-laptop img {
    padding: 98px 21px;
    transition: 0.5s ease-in-out;
}

.asus-laptop:hover .Asus-Laptop_three {
    opacity: 0;
}

/*  */
.right_side_set {
    margin-left: 72px;
}

.hm1_high_resolution h3 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 23px;
    line-height: 140%;
    color: #110a2c;
    margin-top: 9px;
}

.am__feature_product_title {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 23px;
    line-height: 140%;
    color: #110a2c;
    margin-top: 16px;
}

.am__feature_product_title del {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-decoration: line-through;
    color: #5a5a5a;
    opacity: 0.5;
    margin-left: 8px;
}

.hm1_electronics h6 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #5a5a5a;
}

.dag_one {
    border: 1px solid #ebebeb;
    width: 18px;
    height: 0px;
    transform: rotate(-90deg);
    margin-left: 12px;
    margin-right: 12px;
}

.hm1_review5 h5 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
}

.icon-set_four i {
    font-size: 15px;
    color: #ffb800;
    ;
}

/* quantity-bar */
.quantity_one {
    display: flex;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #ebebeb;
    width: 210px;
    height: 56px;
    background: white;
}

.quantity_one button {
    background-color: transparent;
    color: black;
    border: none;
    cursor: pointer;
    font-size: 16px;
    width: 50%;
    height: auto;
    text-align: center;
    transition: background-color 0.3s;
}

.quantity_one button:hover {
    background: var(--primary);
    color: white;
    border-radius: 4px;
}

.input-box {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    width: 52%;
    text-align: center;
    border: none;
    padding: 8px 10px;
    font-size: 16px;
    outline: none;
}

.input-box::-webkit-inner-spin-button,
.input-box::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* End-quantity-bar */

.hm1_add_to_cart h3 {
    margin-left: 8px;
}

/* fixed-width */
.hm1_add_to_cart h3 a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    width: 352px;
    height: 56px;
    font-family: var(--font-family);
    font-weight: 500;
    background: var(--primary);
    font-size: 17px;
    line-height: 140%;
    color: #fff;
    transition: 0.3s;
}

.hm1_add_to_cart h3 a:hover {
    background: #41239c;
}

.pt_32 {
    margin-top: 32px;
}

.hm1_add_to_cart i {
    font-size: 20px;
}

.hm1_purchase_it {
    margin-top: 8px;
}

/* fixed-width */
.hm1_purchase_it h3 a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 570px;
    height: 56px;
    background: #f4f4f4;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    transition: 0.4s;
    border: 1px solid #ebebeb;
    border-radius: 4px;
}

.hm1_purchase_it h3 a:hover {
    transform: scale(1.04);
    border-radius: 4px;
    font-weight: bolder;
}

.hm1_view_more_sec {
    margin-top: 34px;
    height: 30px;
}

#wrapper_on {
    width: 100%;
    overflow: hidden;
    display: flex;
}

.text-more__container h2 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    margin-bottom: 5px;
}

.text-more__container h2 span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
}

.text-more__container p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    line-height: 27px;
}

#wrapper_on main {
    margin: auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5rem;
}

.text-more {
    width: 100%;
}

.text-more__container {
    position: relative;
    max-height: 50px;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

.text-more__container::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3em;
    background-color: rgba(23, 23, 23, 0.7);
    background: linear-gradient(0deg, #f1eded 0%, rgba(245, 243, 243, 0.5) 50%, rgba(238, 237, 237, 0) 100%);
    display: none;
    transition: all 0.3s linear;
}

.text-more--true .text-more__container::before {
    display: block;
}

.text-more--opened .text-more__container::before {
    opacity: 0;
    visibility: hidden;
}

.text-more__container>*:last-child {
    margin-bottom: 0;
}

.text-more__btn {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    text-decoration: none;
    display: none;
    transition: color 0.3s ease-in-out;
}

.text-more__btn:hover {
    color: #110a2c;
}

.text-more--true .text-more__btn {
    display: inline-block;
    margin-top: 13px;
}

.text-more+.text-more {
    margin-top: 4rem;
}

.view-more_two {
    text-align: center;

}

.view-more_two h3 {
    display: inline-block;
}

.view-more_two h3 a {
    position: relative;
    text-align: center;
}

.view-more_two h3 a::after {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 2%;
    width: 25%;
    height: 2px;
    background: var(--primary);
    transition: 0.3s;
}

.view-more_two h3 a:hover::after {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 2%;
    width: 100%;
    height: 2px;
    background: var(--primary);
}

.view-more_two h3 i {
    font-size: 20px;
    transition: 0.3s;
    color: #110a2c;
}

.view-more_two h3:hover i {
    transform: rotate(45deg);
}

/* <!-- ============================================================Section-Ten-Home========================================= -->
 <!-- =============================================================================================================== --> */

.hm1_sec_ten {
    background: #f4f4f4;
    padding-top: 120px;
    margin-top: 120px;
    padding-bottom: 120px;
}

.title_pd_mg_6 h3 {
    margin-top: 10px;
}

/* Swiper-defolt */
.swiper_four {
    width: 100%;
    height: 100%;
    margin-top: 56px;
}

.swiper-slide_four {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.swiper-slide_four img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* end-Swiper-defolt */


/* progress */
.progress_one_sec {
    background: var(--primary);
    width: 100%;
    height: 4px;
}

.hm1_progress_one .progress {
    width: 100%;
    height: 4px;
}

.progress div {
    width: 182px;
}

/*End progress */
.dont-miss h5 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #000;
    margin-top: 16px;
    margin-bottom: 8px;
}

.icon_set-four i {
    font-size: 19px;
    color: #ffb800;
    padding-bottom: 24px;
}

.hm1_bt_testimonials {
    width: 100%;
    background-color: #fff;
    border-radius: 6px;
    padding: 40px;
    border: 1px solid #EBEBEB;
}

.hm1_bt_testimonials p {
    max-width: 370px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 160%;
    color: #5a5a5a;
}

.swiper-button-next-custom-three {
    position: absolute;
    bottom: 0;
    left: -60px;
    color: #5a5a5a;
    z-index: 22;
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1.50px solid #ebebeb;
    border-radius: 28px;
    transition: 0.3s;
    font-size: 20px;
}

.swiper-button-next-custom-three:hover {
    background: var(--primary);
    color: white;
}

.swiper-button-prev-custom-four {
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1.50px solid #ebebeb;
    border-radius: 28px;
    position: absolute;
    bottom: 0;
    left: -128px;
    color: #5a5a5a;
    z-index: 22;
    font-size: 20px;
    transition: 0.3s;
}

.swiper-button-prev-custom-four:hover {
    background: var(--primary);
    color: white;
}

.togel-sybol {
    position: absolute;
    bottom: -13px;
    left: 38px;
    width: 25px;
    height: 25px;
    background-color: #fff;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    transform: rotate(-45deg);
}

.down-img_set {
    margin-top: 34px;
    margin-left: 16px;
}

.hm1_bt_testimonials_name {
    margin-left: 16px;
}

.hm1_bt_testimonials_name h4 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 23px;
    line-height: 140%;
    color: #110a2c;
}

.hm1_bt_testimonials_name h6 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    margin-top: 4px;
}


/* <!-- ============================================================Section-Eleven-Home========================================= -->
 <!-- =============================================================================================================== --> */

.hm1_sec_eleven {
    margin-top: 120px;
    overflow: hidden;
}

.title_pd_mg_7 h3 {
    margin-bottom: 46px;
    margin-top: 5px;
}

.img-hover-effect a {
    display: block;
    border-radius: 6px;
    overflow: hidden;
}

.img-hover-effect img {
    width: 100%;
    transition: 0.3s;
}

.hm1_btn_read_all h3 a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 56px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #fff;
    border-radius: 4px;
    background: #110a2c;
    transition: 0.3s;
}

.hm1_btn_read_all h3 a:hover {
    background: #361e96;
}

/* img-hover */
.img-hover-effect {
    position: relative;
}

.img-hover-effect img:hover {
    animation: animate 3s linear infinite;
    transition: 0.3s;
}

.img-hover-effect:hover .kk {
    color: white;
}

@keyframes animate {
    50% {
        filter: hue-rotate(350deg);
    }
}

/*  */
.calender_on {
    position: absolute;
    bottom: 0;
    right: 0;
    color: red;
    transition: 0.3s;
    width: 152px;
    height: 36px;
    background: #110a2c;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px 0;
    z-index: 22;

}

.calender_on h4 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #fff;
}

.calender_on i {
    color: white;
}

.hm1_read_artical_electronics {
    margin-top: 24px;
}

.hm1_read_artical_electronics h6 a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #000;
}

.hm1_read_artical_electronics h3 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 28px;
    line-height: 140%;
    color: #000;
    margin-top: 4px;
    margin-bottom: 5px;
}

/* Button */
.hm1_btn_read_more h4 a {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #000;
    display: inline-block;
    padding: 10px 0px;
    background: #fff;
    transition: 0.5s;
}

.hm1_btn_read_more h4 a:hover .arrow-hover_two {
    translate: 30%;
}

.arrow-hover_two {
    position: relative;
    transition: all 0.3s;
}

.hm1_btn_read_more i {
    font-size: 18px;
    color: #110a2c;
}

/* End-Button */

/* <!-- ============================================================Section-Twelve-Home========================================= -->
 <!-- =============================================================================================================== --> */
.hm1_sec_twelve {
    margin-top: 121px;
    overflow: hidden;
}

.bg-last_img {
    background-image: url(../img/Home/bg-last.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #F4F4F4;
    position: relative;
    height: 452px;
    border-radius: 11px;
}

.bg-last_img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f4f4f475;
}

/* fixed width */
.hm1_subscrive {
    max-width: 100%;
    z-index: 333;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.title_pd_mg_8-Our h3 {
    text-align: center;
}

.hm1_subscrive h6 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    text-align: center;
    color: #5a5a5a;
    padding-top: 10px;
}

/* Form */
/* fixed width */
.form_one_sec-pre {
    margin-top: 32px;
}

.form_one_sec input {
    width: 450px;
    height: 56px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding-left: 52px;
    margin: auto;
}

.form_one_sec ::placeholder {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    opacity: 0.5;
}

.form_one_sec input:focus {
    outline: none;
    border: 1px solid #ebebeb;
}

.hm1_subscribe_form {
    padding-left: 40px;
}

.hm1_subscribe_form h5 {
    margin-top: 12px;
}

.hm1_subscribe_form h5 a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 450px;
    height: 56px;
    background: var(--primary);
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #fff;
    border-radius: 4px;
    transition: 0.3s;
}

.hm1_subscribe_form h5 a:hover {
    background: rgb(38, 42, 146);
}

.icon-last_sec {
    position: absolute;
    top: 20px;
    left: 20px;
}

.icon-last_sec i {
    color: #5a5a5a3e;
    font-size: 18px;
}


/* <!-- ============================================================Section-Footer-Home========================================= -->
 <!-- =============================================================================================================== --> */


.hm1_footer_sec {
    margin-top: 120px;
}

.hm1_footer_empowering .hm_footer_empowering_your {
    max-width: 330px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    margin-bottom: 25px;
}

.hm1_footer_empowering h3 {
    margin: 5px 0px;
}

.hm1_footer_empowering h3 a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: var(--primary);
}

.hm1_footer_empowering h4 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: var(--primary);
}

.hm1_footer_empowering h3 span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    margin-left: 7px;
    transition: 0.3s;
}

.hm1_footer_empowering h4 span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    margin-left: 7px;
}

.hm1_footer_empowering h3 span:hover {
    text-decoration: underline;
    color: var(--primary);
}

.hm_footer_empowering_your {
    margin-top: 38px;
}

.footer-dag {
    border: 1px solid #ebebeb;
    margin: 0px 103px;
    height: 282px;
}

.hm1_footer_quick_link h3 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 23px;
    line-height: 140%;
    color: #110a2c;
    margin-bottom: 32px;
}

.hm1_footer_quick_link h6 {
    margin-bottom: 20px;
}

.hm1_footer_quick_link h6 a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    text-underline-offset: 3px;
}

.hm1_footer_quick_link h6 a:hover {
    text-decoration: underline;
    color: var(--primary);
}

.hm1_footer_icon_zoom h6 {
    transition: 0.3s;
}

.hm1_footer_icon_zoom i {
    transition: 0.3s;
}

.hm1_footer_icon_zoom h6:hover span i {
    transform: scale(1.3);
}

.hm1_footer_quick_link i {
    font-size: 20px;
}

.pl-110 {
    margin-left: 137px;
}

.pe-12 {
    margin-right: 12px;
}

.hm1_footer_quick_link a {
    display: inline-flex;
    align-items: center;
}

.hm1_footer_quick_link span {
    display: flex;
}

.horijontal-rol_two {
    margin-top: 104px;
}

.hm1_footer_all_right h6 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    margin: 24px 0px;
}

hr {
    margin: 0px;
}

.pe-12 {
    margin-right: 12px;
}

.hm1_footer_we_accept h6 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
}

.card_roteed .pe-12 {
    transition: 1s;
}

.card_roteed .pe-12:hover {
    transform: scale(1.5);
}

/* <!-- =====================================================End----Project========================================== -->
 <!-- =========================================================================================================== --> */





/* <!-- =============================================================Top-Header-Nav-Home2nd====================================== -->
 <!-- =============================================================================================================== --> */
.hm2_top_bar_until h5 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: #fff;
    opacity: 0.9;
}

/* Date-Counter */
.clockdiv_two {
    display: flex;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
    text-align: center;
    color: #ffd15a;
    opacity: 0.9;
    width: 311px;
}

.clockdiv_two>div {
    background: transparent;
    display: flex;
    align-items: center;
    padding: 0px 5px;

}

.clockdiv_two div>span {
    background: transparent;
    display: inline-block;
    width: 35px;
}

.clockdiv_two .smalltext {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: #fff;
}

/* End-Date-Counter */
.hm2_bg_pg_2 {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 20px;
    background: #f4f4f4;
    padding: 5px 0px 5px 16px;
    border-radius: 4px;
}

.form-one_two {
    border-radius: 2px;
    width: 450px;
    height: 40px;
    background: transparent;
    border: 1px solid #ebebeb;
    padding-left: 158px;
    padding-right: 29px;
}

/* <!-- =============================================================Section-One-Home2nd====================================== -->
 <!-- =============================================================================================================== --> */
.hm2_sec_one {
    margin-top: 32px;
}

.hm2_top_bar_icon a i {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    font-size: 25px;
    width: 56px;
    height: 56px;
    background: transparent;
    color: #5a5a5a;
    border: 1px solid #ebebeb;
    transition: 0.3s;
}

.hm2_top_bar_icon a i:hover {
    background: var(--primary);
    color: #fff;
}

.w_210 {
    width: 250px;
}

.m_30 {
    padding-right: 30px;
    margin-bottom: 0px;
}

.hm2_top_bar_icon_title {
    margin-left: 12px;
}

.hm2_top_bar_icon_title h5 a {
    display: block;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    width: 142px;
}

.hm2_top_bar_icon_title h5 a:hover {
    text-decoration: underline;
    color: var(--primary);
}

.hm2_top_bar_icon_title h6 a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #5a5a5a;
}

.hover_active .hover_active_two_sec:hover .hm2_top_bar_icon a i {
    background: var(--primary);
    color: #fff;
}


/* <!-- ============================================================Section-Two-Home2nd========================================= -->
 <!-- =============================================================================================================== --> */
.hm2_sec_two {
    margin-top: 32px;
    overflow: hidden;
}

.p_8 {
    padding: 8px;
}

.hm2_hero_swiper_bg {
    background: #fbf1e9;
    border-radius: 6px;
}

.hm2_hero_title1 {
    width: 100%;
    height: 548px;
    padding: 48px 24px 26px 48px;
}

.hm2_hero_big_img {
    margin-top: 40px;
}

.hm2_hero_big_img img {
    width: 100%;
    transition: 0.5s;
}

.hm2_hero_big_img img:hover {
    transform: scale(1.1);
}

.hm2_hero_round_text {
    position: absolute;
    top: -33px;
    left: 174px;
    width: 116px;
    height: 116px;
    background: #ffd15a;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 5px solid #fbf1e9;
    z-index: 1;
}

.hm2_hero_round_text_small h3 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: #110a2c;
}

.hm2_hero_round_text_small h5 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 23px;
    line-height: 120%;
    color: #110a2c;
}

.hm2_hero_rg_sec {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #e9efdf;
    border-radius: 6px;
    padding: 24px 40px 23px 40px;
}

.hm2_hero_rg_img img {
    max-width: 100%;
    transition: 0.5s;
}

.hm2_hero_rg_img img:hover {
    transform: scale(1.1);
}

.hm2_hero_rg_pd {
    max-width: 300px;
    margin-top: 4px;
    margin-bottom: 24px;
}

.hm2_hero_rg_btn h3 a {
    display: inline-block;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: var(--primary);
    padding: 16px 30px;
    border-radius: 4px;
    background: #fff;
    transition: 0.3s;
}

.hm2_hero_rg_btn h3 a:hover {
    background: #110a2c;
    color: white;
}

.hm2_hero_rg_buttom_sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #e0edf2;
    padding: 24px 32px 24px 40px;
    border-radius: 6px;
    margin-top: 16px;
}

.hm2_hero_rg_buttom_sec_color h6 {
    color: #110a2c;
}

.hm2_hero_rg_title_pd {
    max-width: 238px;
    margin-top: 4px;
    margin-bottom: 25px;
}

.hm2_hero_rg_title_pd h3 {
    font-family: var(--font-family);
    font-size: 28px;
    font-weight: 500;
    line-height: 36.4px;
    text-align: left;
    color: #110A2C;
}

.hm2_hero_rg_buttom_img img {
    max-width: 100%;
    margin-left: 25px;
    transition: 0.5s;
}

.hm2_hero_rg_buttom_img img:hover {
    transform: scale(1.1);
}

/* <!-- ============================================================Section-Three-Home2nd========================================= -->
 <!-- =============================================================================================================== --> */
/*  */




/*  */




.hm2_sec_three {
    margin-top: 8px;
}

.hm2_hero_title1 h1 {
    max-width: 634px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    color: #110a2c;
}

.hm2_hero_title1 h6 {
    max-width: 268px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    padding-top: 32px;
}

.hm2_hero_title1 h5 a {
    display: inline-block;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #fff;
    padding: 16px 30px;
    background: #110a2c;
    border-radius: 4px;
    margin-top: 32px;
    transition: 0.3s;
}

.hm2_hero_title1 h5 a:hover {
    background: white;
    color: black;
}

/* Home2nd */
/* Swiper */
.Home2nd-next-button {
    position: absolute;
    left: 6%;
    bottom: 48px;
}

.Home2nd-prev-button {
    position: absolute;
    left: 16%;
    bottom: 50px;
}

.Home2ndpagination-custom {
    position: absolute;
    left: 7%;
    bottom: 50px;
}

.border_set_hom2nd {
    border: 1px solid #ebebeb;
    border-radius: 6px;
}

.border_right {
    border-right: 1px solid #ebebeb;
}

.p_48 {
    padding: 48px 50px 48px 48px;
}

.p_35 {
    padding: 48px 60px 48px 35px;
}

.Reasonable {
    margin-left: 16px;

}

.Reasonable h4 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 23px;
    line-height: 140%;
    color: #110a2c;
}

.Reasonable h6 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
}


/* <!-- ============================================================Section-Four-Home2nd========================================= -->
 <!-- =============================================================================================================== --> */


.hm2_sec_four {
    margin-top: 120px;
    overflow: hidden;
}

.title_pd_mg_9 h3 {
    text-align: center;
    margin-top: 8px;
}

/* bydefolt-swiper */
.swiper-home2nd {
    width: 100%;
    height: 100%;
}

.hm2_swiper_wd200px {
    width: 200px;
    height: 200px;
    background: #f4f4f4;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    border: 4px solid transparent;
    overflow: hidden;
}

.hm2_swiper_wd200px:hover {
    border: 4px solid var(--primary);
}

.hm2_swiper_img img:hover {
    transform: scale(1.1);
}

.hm2_swiper_img img {
    max-width: 100%;
    transition: 0.9s;
}

/* swiper */

.hm2_swiper_sec1 h3 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 23px;
    line-height: 140%;
    text-align: center;
    color: #110a2c;
    margin-top: 32px;
}

.hm2_swiper_sec1 h6 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: #5a5a5a;
    margin-top: 4px;
}

/*  */
/* Swiper icon */
.swiper-button-next-home2nd-custom {
    position: absolute;
    top: 344px;
    left: 812px;
    z-index: 22;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: white;
    color: black;
    border: 1.5px solid rgb(235, 235, 235);
    border-radius: 28px;
    font-size: 20px;
    transition: all 0.3s ease 0s;
}

.swiper-button-next-home2nd-custom:hover {
    background: var(--primary);
    color: white;
}

.swiper-button-prev-home2nd-custom {
    position: absolute;
    top: 344px;
    left: 560px;
    z-index: 22;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: white;
    color: black;
    border: 1.50px solid #ebebeb;
    border-radius: 28px;
    font-size: 20px;
    transition: 0.3s;
}

.swiper-button-prev-home2nd-custom:hover {
    background: var(--primary);
    color: white;
}

.swiper-pagination-home2nd {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 49px;
    height: 50px;
    gap: 10px;
}

.swiper-pagination-bullet {
    background: var(--primary);
    width: 6px;
    height: 6px;
    position: relative;
}

.swiper-pagination-mother .swiper-pagination-bullet-active::before {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50px;
    border: 1px solid black;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



/* <!-- ============================================================Section-Five-Home2nd========================================= -->
 <!-- =============================================================================================================== --> */

.mt_56px {
    margin-top: 30px;
}

.hm2_tab_sec .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--primary);
    opacity: 1;
    background-color: transparent;
}

.hm2_tab_sec ul li button {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 28px;
    line-height: 140%;
    color: #110a2c;
    opacity: 0.5;
    transition: 0.3s;
    margin-right: 40px;
}

.hm2_tab_sec ul li button:hover {
    color: black;
    opacity: 1;
}

.hm2_tab_big_sec {
    width: 528px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    margin-right: 44px;
}

.hm2_tab_img img {
    max-width: 100%;
    margin: 70px 32px;
    transition: 0.5s;
}

.hm2_tab_img img:hover {
    transform: scale(1.1);
}

.mb_6x {
    margin-top: 6px;
}

/* btn */
.hm2_tab_btn h3 a {
    display: inline-block;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #fff;
    padding: 16px 0;
    border-radius: 4px;
    background: #110a2c;
    transition: 0.3s;
    margin-top: 24px;
    margin-bottom: 40px;
    width: 100%;
    text-align: center;
}

.hm2_tab_btn h3 a:hover {
    background: #322077;
}

.pd_40 {
    margin-top: 40px;
    margin-left: 40px;
    margin-right: 40px;
}

.hm2_tab_title_subtitle h6 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #5a5a5a;
}

.hm2_tab_title_subtitle h4 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 23px;
    line-height: 140%;
    color: #110a2c;
    margin-top: 4px;
    margin-bottom: 8px;
}

.hm2_tab_wd_838px {
    width: 838px;
}

.hm2_tab_rg_sec {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.g_15 {
    gap: 14px;
    margin-top: 0px;
}

.hm2_tab_regular_price h5 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
}

.hm2_tab_regular_price h5 span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-decoration: line-through;
    color: #5a5a5a;
    opacity: 0.5;
    margin-left: 8px;
}

.hm2_tab_regular_price i {
    color: #ffb800;
    font-size: 12px;
    margin-bottom: 8px;
}

.hm2_tab_regular_price h6 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: right;
    color: #5a5a5a;
    margin-left: 2.5px;
}

.progress_bar-hom2nd .progress {
    width: 100%;
    height: 3px;
    margin-top: 24px;
    margin-bottom: 6px;
}

.progress_bar-hom2nd .progress-bar {
    width: 122px;
    height: 3px;
    background: var(--primary);
}

.hm2_tab_available h6 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
}

.hm2_tab_available h5 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    text-align: right;
    color: var(--primary);
}

.hm2_tab_title_subtitle2 h3 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #110a2c;
}

.hm2_tab_title_subtitle2 h2 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    margin-bottom: 15px;
}

.hm2_tab_title_subtitle2 h2 a {
    color: initial;
}

.progress-bar-three .progress {
    width: 100%;
    height: 3px;
}

.progress-bar-three .progress-bar {
    width: 122px;
    background: var(--primary);
}

.pt_53 {
    padding: 53px 15px 54px 15px;
}

.p_31_61 {
    padding: 31px 61px;
}

.p_38_72 {
    padding: 28px 72px;
}

.Remain h5 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #5a5a5a;
}

.Remain h6 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: right;
    color: #110a2c;
}

.m_17 {
    margin-top: 17px;
    margin-bottom: 15px;
}

.m_42 {
    margin: 40px 0px;
}

/* <!-- ============================================================Section-Six-Home2nd========================================= -->
 <!-- =============================================================================================================== --> */

.hm2_sec_six {
    margin-top: 120px;
    overflow: hidden;
}

.hm2_exclusib_sec {
    background-image: url(../img/Home_2/bg-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}

.hm2_rounded_2nd {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 160px;
    height: 160px;
    border-radius: 100%;
    background: var(--primary);
}

.hm2_exclusib_price h6 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #fff;
}

.hm2_exclusib_price h3 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 41px;
    line-height: 120%;
    color: #fff;
    margin: 3px 0px;
}

.hm2_exclusive_deal {
    margin: 65px 0px 66px 48px;
}

.hm2_exclusive_deal h5 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #110a2c;
}

.hm2_exclusive_deal h3 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 33px;
    line-height: 120%;
    color: #110a2c;
    margin-bottom: 9px;
    margin-top: 3px;
}

.hm2_exclusive_deal h6 {
    max-width: 320px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    opacity: 0.7;
}

/* btn */
.hm2_btn_exclusive h3 a {
    display: inline-block;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #000;
    border-radius: 4px;
    padding: 16px 30px;
    background: #fff;
    transition: 0.3s;
}

.pd_mg_set_btn {
    margin: 100px 0px 100px 104px;
}

.hm2_btn_exclusive h3 a:hover {
    background: black;
    color: #fff;
}

/* End-btn */
.hm2_exclusib_img img {
    max-width: 100%;
    margin: 28px 48px 28px 143px;
    transition: 0.5s;
}

.hm2_exclusib_img img:hover {
    transform: scale(1.1);
}


/* <!-- ============================================================Section-Seven-Home2nd========================================= -->
 <!-- =============================================================================================================== --> */
.hm2_sec_seven {
    margin-top: 120px;
    padding-bottom: 120px;
    overflow: hidden;
}

.hm2_lookbook_pd {
    margin-top: 56px;
}

.title_pd_mg_10 h3 {
    margin-top: 8px;
}

/* Button-Decoretion */
.mt-58 h5 {
    margin-top: 58px;
}

.hm2_tab_btn h5 a {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    text-transform: uppercase;
    color: #110a2c;
    position: relative;
}

.hm2_tab_btn h5 a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 43%;
    height: 2px;
    background: var(--primary);
    transition: 0.5S;
}

.hm2_tab_btn h5 a:hover::after {
    width: 100%;
}

.hm2_tab_btn h5 a i {
    color: #110a2c;
    font-size: 20px;
    transition: 0.3s;
}

.hm2_tab_btn h5 a:hover i {
    transform: rotate(45deg);
}

.img-set-hover {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*end-Button-Decoretion */

/* hover-img */

.hm2_lookbook_img img {
    max-width: 100%;
    transition: 0.5s ease-in-out;
}

.hm2_lookbook_img {
    width: 330px;
    height: 390px;
    display: inline-block;
    border-radius: 4px;
    position: relative;
}

.hm2_lookbook_img:hover .img_opacity {
    opacity: 0;
}

.hm2_lookbook_img:hover .hm1_img_swich_img2 img {
    opacity: 1;
}

.am__flash-sale-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*  */

/* hover-img */


.item-deal-pro-two img {
    max-width: 100%;
    transition: 0.5s ease-in-out;
}

.item-deal-pro-two {
    display: inline-block;
    width: 100%;
    background: #f5f5f5;
    padding: 24px 0px;
    border-radius: 4px;
    position: relative;
}

.item-deal-pro-two:hover .item-deal-pro-img-sec {
    opacity: 0;
}

.item-deal-pro-two:hover .hm1_img_swich_img2 img {
    opacity: 1;
}

/*  */

/* hover-img */
.item-deal-pro-three img {
    max-width: 100%;
    transition: 0.5s ease-in-out;
}

.item-deal-pro-three {
    display: inline-block;
    width: 100%;
    background: #f5f5f5;
    padding: 24px 0px;
    border-radius: 4px;
    position: relative;
}

.item-deal-pro-three:hover .item-deal-pro-img-sec {
    opacity: 0;
}

.item-deal-pro-three:hover .hm1_img_swich_img2 img {
    opacity: 1;
}

/*  */

.item-deal-pro-three {
    width: 100%;
    background: #f5f5f5;
    padding: 45px 15px;
    border-radius: 4px;
}

.hm2_lookbook_title_subtitle h6 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #5a5a5a;
    margin-top: 20px;
}

.hm2_lookbook_title_subtitle a {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    margin: 4px 0px 9px 0px;
}

.hm2_lookbook_regular_price h5 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
}

.hm2_lookbook_regular_price h5 span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-decoration: line-through;
    color: #5a5a5a;
    opacity: 0.5;
    margin-left: 8px;
}

.icon-hom2nd i {
    font-size: 12px;
    color: #ffb800;
    margin-bottom: 5px;
}

.hm2_tab_regular_price h6 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: right;
    color: #5a5a5a;
    margin-left: 5px;
}

.days_hour {
    border: 1px solid #ebebeb;
    border-radius: 4px;
    margin-top: 21.5px;
    transition: 0.3s;
}

.hm2_lookbook_date_count:hover .days_hour .date_count_dg {
    box-shadow: 0 44px 80px 0 rgba(17, 10, 44, 0.1);
    background: #fff;
    color: var(--primary);
}

/* Date-Counter */

.date_count_dg {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 23px;
    line-height: 140%;
    text-align: center;
    color: #110a2c;
    display: flex;
    align-items: center;
    opacity: 0.9;
    width: 100%;
    transition: 0.3s;
}

.date_count_dg>div {
    background: transparent;
    display: block;
    align-items: center;
    margin-left: 22px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.date_count_dg div>span {
    background: transparent;
    display: inline-block;
    width: 35px;
}

.date_count_dg .smalltext {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: #5a5a5a;

}

/* End-Date-Counter */



/* <!-- ============================================================Section-Eight-Home2nd========================================= -->
 <!-- =============================================================================================================== --> */

.hm_sec_eight {
    overflow: hidden;
}

.bg-home2nd-item-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bg-home2nd {
    background-image: url(../img/Home_2/bg-home2nd.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px;
    position: relative;
    border-radius: 6px
}

.bg-home2nd::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #110a2c57;
}

.hm2_read_article {
    max-width: 570px;
    height: auto;
    color: white;
    opacity: 1;
    z-index: 222;
}

.hm2_read_article h5 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #fff;
}

.hm2_read_article h2 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    color: #fff;
    margin-top: 8px;
    margin-bottom: 24px;
}

.hm2_read_article h6 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #fff;
    margin-bottom: 32px;
}

/* Play-btn */

.bg-home2nd-video-play-button {
    display: inline-block;
}

.bg-home2nd-video-play-button a i {
    color: var(--primary);
}

.wrapper {
    display: inline-block;
    position: relative;
    z-index: 10;
}

.popup__video-main {
    position: relative;
    display: inline-block;
}

.popup__video {
    height: 64px;
    width: 64px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    z-index: 999;
    position: relative;
}

@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }

    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

.waves {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 1px solid #fff;
    opacity: 0;
    --ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 100%;
    right: -44px;
    bottom: -44px;
    z-index: 1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
}

.wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}


/*
<!-- ============================================================Section-Nine-Home2nd========================================= -->
 <!-- =============================================================================================================== --> */

.hm2_tab_sec_two .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background: var(--primary);
    padding: 7px 20px;
    border-radius: 19px;
}

.hm2_tab_sec_two .nav-link {
    opacity: 1;
}

.hm2_trending_title_subtitle h3 {
    margin-top: 10px;
}

.hm2_tab_sec_two {
    margin-top: 50px;
}

.hm2_tab_sec_two_swiper {
    margin-top: 42px;
}

.hm2_tab_sec_two .nav-pills .nav-link {
    display: flex;
    background: #f4f4f4;
    padding: 7px 20px;
    border: 1px solid #ebebeb;
    border-radius: 19px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    text-align: center;
    color: #110a2c;
    margin-left: 8px;
    min-height: auto;
}

.hm2_tab_sec_two .nav {
    gap: 0px;
}

.hm2_tab_sec_two .nav-pills .nav-link:hover {
    background: var(--primary);
    color: #fff;
}

/* icon */
.icon-swiper-hom2nd {
    position: absolute;
    top: 216px;
    right: -29px;
    z-index: 22;
    color: black;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    background-color: white;
    color: black;
    border: 1.50px solid #ebebeb;
    border-radius: 28px;
    font-size: 20px;
    transition: 0.3s;
}

.icon-swiper-hom2nd:hover {
    background: var(--primary);
    color: #fff;
}

.icon-swiper-hom2nd-right {
    position: absolute;
    top: 216px;
    left: -29px;
    z-index: 22;
    color: black;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    background-color: white;
    color: black;
    border: 1.50px solid #ebebeb;
    border-radius: 28px;
    font-size: 20px;
    transition: 0.3s;
}

.icon-swiper-hom2nd-right:hover {
    background: var(--primary);
    color: #fff;
}

/*  */
.hm2_tab_sec_two_swiper_wd_270px {
    border: 1px solid #ebebeb;
    border-radius: 6px;
}

.hm2_tab_sec_two_swiper_wd_270px:hover .hm2_tab2_btn_add_to_cart h4 a {
    background: var(--primary);
    color: #fff;
}

.hm2_tab_sec_two_pd {
    padding: 20px 19px 20px 20px;
}

.hm2_tab_sec_two_swiper_img {
    width: 268px;
    height: 268px;
    margin: auto;
}

.hm2_tab_sec_two_swiper_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.hm2_tab_sec_two_swiper_title_subtitle h6 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #110a2c;
}

.hm2_tab_sec_two_swiper_title_subtitle h3 {
    max-width: 230px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    margin-top: 4px;
    margin-bottom: 12px;
}

.hm2_tab_sec_two_swiper_regural_price h4 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
}

.hm2_tab_sec_two_swiper_regural_price h4 span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-decoration: line-through;
    color: #5a5a5a;
    opacity: 0.5;
    margin-left: 8px;
}

.hm2_tab_sec_two_swiper_regural_price h3 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: right;
    color: #5a5a5a;
}

.hm2_tab_sec_two_swiper_regural_price i {
    font-size: 12px;
    color: #ffb800;
    margin-right: 4.17px;
}

/* btn */
.hm2_tab2_btn_add_to_cart h4 {
    max-width: 230px;
    background: #f4f4f4;
    text-align: center;
    border-radius: 4px;
    margin-top: 13px;
}

.hm2_tab2_btn_add_to_cart h4 a {
    display: block;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    padding: 13px 0px;
    transition: 0.4s;
    border-radius: 4px;
}

/* <!-- ============================================================Section-Ten-Home2nd========================================= -->
 <!-- =============================================================================================================== --> */

/* Design Up */


/* <!-- ============================================================Section-Eleven-Home2nd========================================= -->
<!-- =============================================================================================================== --> */


.hm2_sec_eleven {
    margin-top: 120px;
    padding-bottom: 120px;
    overflow: hidden;
}

.hm2_top_cat {
    width: 100%;
    background: #efe3f4;
    border-radius: 4px;
    padding: 48px 29px 48px 39px;
}

.title_pd_mg_12 h3 {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 56px;
}

.hm2_top_cat_img {
    text-align: center;
}

.hm2_top_cat_img img {
    max-width: 100%;
    transition: 0.5s;
}

.hm2_top_cat_img img:hover {
    transform: scale(1.1);
}

.hm2_top_cat_title_subtitle {
    margin-top: 45px;
}

.hm2_top_cat_title_subtitle h5 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 33px;
    line-height: 120%;
    text-align: center;
    color: #110a2c;
    margin-top: 4px;
    margin-bottom: 30px;
}

.hm2_top_cat_title_subtitle h6 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
    color: #5a5a5a;
}

.mt_mb_30 {
    margin: 30px 0px;
}

/* <!-- ============================================================Section-Twelve-Home2nd========================================= -->
 <!-- =============================================================================================================== --> */

.hm2_tab_sec_three_find_sec h3 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 33px;
    line-height: 120%;
    color: #000;
    margin-bottom: 37px;
}

.hm2_tab_sec_three .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 23px;
    line-height: 140%;
    color: #110a2c;
    background-color: transparent;
    padding-left: 62px;
    position: relative;
}

.hm2_tab_sec_three .active {
    position: relative;
}

.hm2_tab_sec_three .active::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 50px;
    height: 1px;
    background: var(--primary);
    ;
}

.hm2_tab_sec_three .nav-link {
    opacity: 1;
}

.hm2_tab_sec_three .nav-pills .nav-link {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 23px;
    line-height: 140%;
    color: #5a5a5a;
    background: 0 0;
    border-radius: 0px;
    padding: 24px 0px;
    text-align: start;
    border-bottom: 1px solid #ebebeb;
}

/* Accordion */
/* fixed width */
.accordion_hom2nd .accordion {
    width: 960px;
    padding: 0;
    list-style: none;
}

/* Thumb */
.accordion_hom2nd .accordion-thumb {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 28px;
    line-height: 130%;
    margin: 0;
    padding: .8rem 0;
    cursor: pointer;
    font-weight: normal;
    padding: 32px 40px 0px 40px;
    position: relative;

}

.accordion_hom2nd .accordion-thumb {
    display: flex;
    align-items: center;
    gap: 24px;
}

.accordion_hom2nd .accordion-thumb span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid #EBEBEB;
    border-radius: 50%;

}

.accordion-item_home2nd .accordion-thumb span svg {
    line-height: normal;
    transition: all 0.60s;
}

.accordion-item_home2nd.is-active .accordion-thumb span {
    border-color: #EBEBEB;
}

.accordion-item_home2nd.is-active .accordion-thumb span svg {
    rotate: 180deg;
}

.all_hm2_about-box {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 20px;
}



/* Panel */
.accordion_hom2nd .accordion-panel {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #fff;
    opacity: 0.8;
    max-width: 930px;
    margin: 0;
    padding-bottom: .8rem;
    padding: 20px 40px 40px 40px;
    display: none;
}

.accordion_hom2nd .accordion-item_home2nd.is-active {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 28px;
    line-height: 130%;
    color: #fff;
    background: var(--primary);
    border-radius: 6px;
    padding-bottom: 0;
}

/* Active */
.accordion_hom2nd .accordion-item_home2nd.is-active h3 {
    color: #fff;
}

.accordion_hom2nd .accordion-item_home2nd.is-active svg path {
    stroke: #fff;
}

/*  */
.accordion-item_home2nd {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 32px;
    margin-bottom: 0;
}

/* <!-- ============================================================Section-Thirteen-Home2nd========================================= -->
 <!-- =============================================================================================================== --> */

.hm2_sec_thirteen {
    margin-top: 120px;
}

.hm2_sub_sec_wd {
    width: 750px;
    margin-bottom: 0px;
}

.gap_set_12 {
    gap: 12px;
}

.w_140px {
    width: 140px;
    height: 140px;
    overflow: hidden;
    border-radius: 6px;
}

.w_140px img {
    transition: 0.5s;
}

.w_140px img:hover {
    transform: scale(1.2);
}

.hm2_sub_sec_form {
    width: 650px;
    background: #f4f4f4;
    border-radius: 6px
}

.title_pd_mg_13 h3 {
    text-align: center;
    padding-top: 56px;
    padding-bottom: 8px;
}

.hm2_sub_sec_form h5 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    text-align: center;
    color: #5a5a5a;
}

/* Form */
.email_icon {
    position: absolute;
    top: 22px;
    left: 21px;
}

/* fixd-width */
.form_home2nd .fname_home2nd {
    width: 500px;
    height: 66px;
    padding-left: 56px;
    background: #ffffff;
    margin-bottom: 0;
}

.hm2_sub_btn_sec {
    position: absolute;
    top: 11px;
    right: 73px;
}

.email_icon i {
    font-size: 20px;
    color: #5a5a5a74;
}

.hm2_sub_btn_sec h3 a {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: var(--primary);
}

.hm2_sub_sec_form_place ::placeholder {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    opacity: 0.5;
}

/* fixd-width */
.form_home2nd {
    width: 500px;
    height: 66px;
}

.hm2_sub_sec_form_place {
    padding-bottom: 56px;
    padding-top: 24px;
}

.hm2_sub_sec_form_place input {
    border: 1px solid #ebebeb;
    border-radius: 4px;
}

.hm2_sub_sec_form_place input:focus {
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.173);
}

.hm2_tab_big_sec {
    position: relative;
}

.all_hm2_tab_big_sec {
    position: sticky;
    top: 0;
    left: 0;
}

.all_row_gap_30 {
    row-gap: 30px;
}

.all_hm2_body {
    padding: 0 !important;
}


.all_hm2_mobail-nav-bar {
    font-size: 30px;
    color: #110a2c;
    width: 100%;
    height: auto;
    text-align: end;
    border: none;
    background: transparent;
}

.all_hm2_mobail-nav-area {
    overflow: hidden;
}

.all_hm2_mobail-nav-row {
    background-color: #F4F4F4;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 30px;
}

.sv_hm2_mobail-nav-offcanvas-close {
    font-size: 20px;
    background: transparent;
    border: none;
}

.all_hm2_Mobile-accordion {
    box-shadow: none;
    min-width: 100%;
}

.all_hm2_Mobile-accordion ul li:hover a {
    background-color: transparent;
}

.all_hm2_Mobile-accordion .all_hm2_mobail-nav-contain-link {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 23.8px;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: var(--white);
    display: inline-block;
    background-color: transparent;
    border: none;
}

.all_hm2_Mobile-accordion .submenu .all_hm2_mobail-nav-contain-link {
    background-color: transparent;
}


.hm2_nav_bar .hm2_bg_pg_2 {
    background-color: transparent;
}


.all_hm1_header-banner-slider-paginations-box {
    position: absolute;
    left: 48px;
    bottom: 48px;
    z-index: 1;
    display: flex;
    gap: 20px;
}



.hm1_top_bar_click_button .nice-select .list {
    left: auto;
    right: 0;
}

.all_hm1_subscribe-row {
    background: url(../img/Home/bg-last.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 104px;
    padding-bottom: 104px;
    margin: 0;
    margin-top: 120px;
}

.all_hm1_subscribe-row::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(244, 244, 244, 0.5);
    z-index: 1;
}

.all_hm1_subscribe-title-box {
    margin-bottom: 30px;
}

.all_hm1_subscribe-title-box h4 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    text-align: center;
    color: #110a2c;
    margin-bottom: 8px;
}

.all_hm1_subscribe-title-box p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    text-align: center;
    color: #5a5a5a;
}

.all_hm1_subscribe-items-box {
    position: relative;
    z-index: 5;
}

.all_hm1_subscribe-items-box .form_one_sec {
    max-width: 450px;
    height: auto;
    margin: auto;
}

.all_hm1_subscribe-form-box {
    position: relative;
    margin-bottom: 12px;
}

.all_hm1_subscribe-form-box input {
    width: 100%;
    height: 56px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
}

.all_hm1_subscribe-form-box label {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #5A5A5A;
    opacity: .5;
}

.all_hm1_subscribe-items-box .form_one_sec button {
    width: 100%;
    height: auto;
    padding: 16px 0;
    background-color: #603CE9;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #fff;
    border: none;
    outline: none;
    transition: all 0.60s;
}

.all_hm1_subscribe-items-box .form_one_sec button:hover {
    background-color: #5f3ce9ed;
}

.all_hm2_mobail-nav-row {
    border-radius: 6px;
    overflow: hidden;
}

.all_hm3_top-header-area {
    background: #241462;
    width: 100%;
    height: auto;
}

.all_hm3_top-header-items-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    row-gap: 0;
    flex-wrap: wrap;
}

.all_hm3_top-header-social-box {
    display: flex;
    align-items: center;
    justify-content: start;
}

.all_hm3_top-header-social-box h4 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: #fff;
    opacity: .8;
}

.all_hm3_top-header-social-list-items {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
}

.all_hm3_top-header-social-list-items a {
    color: #fff;
    font-size: 14px;
    transition: all 0.60s;
}

.all_hm3_top-header-social-list-items li {
    padding: 0 12px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.all_hm3_top-header-social-list-items li:last-child {
    padding-right: 0;
    border: none;
}

.all_hm3_top-header-social-list-items a:hover {
    color: rgba(255, 255, 255, 0.658);
}

.all_hm3_top-header-contain-box p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: #fff;
    opacity: .9;
}

.all_hm3_top-header-option-form-box {
    display: flex;
    align-items: center;
    gap: 30px;
}

.all_hm3_top-header-option-box-1 {
    display: flex;
    gap: 6px;
    align-items: center;
}

.all_hm3_top-header-option-box-1 label {
    font-size: 18px;
    color: #fff;
}

.all_hm3_top-header-option-box-1 .nice-select {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #fff;
    display: flex;
    align-items: center;
}

.all_hm3_top-header-option-box-1 .nice-select:after {
    margin-top: -6px;
}

.all_hm3_top-header-option-box-1 a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #fff;
    transition: all 0.60s;
}

.all_hm3_top-header-option-box-1 a:hover {
    color: rgba(255, 255, 255, 0.658);
}

.all_hm3_middle_header-area {
    background-color: #37257C;
    padding: 24px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.all_hm3_middle_header-items-box {
    width: 100%;
    height: auto;
    display: flex;
    row-gap: 20px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.all_hm3_middle_header-logo-box {
    width: 24%;
    height: auto;
}

.all_hm3_middle_header-form-box {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    width: 32%;
    height: 44px;
    padding-right: 22px;
    padding-left: 140px;
    position: relative;
}


.all_hm3_middle_header-form-box .nice-select {
    position: absolute;
    left: 7px;
    top: 50%;
    transform: translateY(-50%);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    color: #fff;
    z-index: 5;
}

.all_hm3_middle_header-form-box .nice-select::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 60%;
    background-color: #fff;
    opacity: .1;
}

.all_hm3_middle_header-form-box input {
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #fff;
}


.all_hm3_middle_header-form-box input:focus {
    outline: none;
}

.all_hm3_middle_header-form-box input:focus::placeholder {
    color: transparent;
}


.all_hm3_middle_header-form-box button {
    color: #fff;
    font-size: 20px;
    background-color: transparent;
    border: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.all_hm3_middle_header-form-box input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

.all_hm3_middle_header-cart-box {
    width: 42%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 24px;
}

.all_hm3_middle_header-cart-icon-box {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    font-size: 18px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.all_hm3_middle_header-cart-icon-box i {
    transition: all 0.60s;
}

.all_hm3_middle_header-cart-icon-box:hover i {
    transform: scale(1.3);
}

.all_hm3_middle_header-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 114px;
    height: auto;
}

.all_hm3_middle_header-cart-conain-box a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #fff;
    transition: all 0.60s;
}

.all_hm3_middle_header-cart-conain-box a:hover {
    opacity: .7;
}

.all_hm3_middle_header-cart-conain-box p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #fff;
    opacity: .7;
}

.all_hm3_middle_header-cart-conain-box p a {
    font-size: 15px;
    line-height: 140%;
}

.all_hm3_nav_header-area {
    background: #37257c;
    width: 100%;
    height: auto;
}

.all_hm3_nav_header-box {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.all_hm3_nav_header-box li {
    position: relative;
}

.all_hm3_nav_header-link-box {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    text-align: center;
    color: #fff;
    padding: 16px 20px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all 0.60s;
}

.all_hm3_nav_header-link-box span {
    font-size: 12px;
    margin-top: 4px;
    display: inline-block;
    transition: all 0.60s;
}

.all_hm3_nav_header-box li:hover .all_hm3_nav_header-link-box {
    opacity: .8;
}

.all_hm3_nav_header-box li:hover .all_hm3_nav_header-link-box span {
    transform: rotate(180deg);
    margin-top: -4px;
}

.all_hm3_nav_header-dropdown {
    opacity: 0;
    visibility: hidden;
    list-style: none;
    padding: 0;
    min-width: 200px;
    height: auto;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 110%;
    z-index: 55;
    transition: all 0.60s;
    padding: 25px 20px;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.all_hm3_nav_header-box li:hover .all_hm3_nav_header-dropdown {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.all_hm3_nav_header-dropdown li {
    margin-bottom: 10px;
    position: relative;
}

.all_hm3_nav_header-dropdown li:last-child {
    margin-bottom: 0;
}

.all_hm3_nav_header-dropdown-link {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #110a2c;
    transition: all 0.60s;
}

.all_hm3_nav_header-dropdown-link:hover {
    margin-left: 10px;
    color: #37257c;
}

.all_hm3_nav_header-dropdown-1 {
    left: 112%;
    opacity: 0;
    visibility: hidden;
    list-style: none;
    padding: 0;
    min-width: 200px;
    height: auto;
    background-color: #fff;
    position: absolute;
    top: 110%;
    transition: all 0.60s;
    padding: 25px 20px;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.all_hm3_nav_header-dropdown li:hover .all_hm3_nav_header-dropdown-1 {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.all_hm3_nav_header-link-items-box a {
    padding: 16px 30px;
    background: #ffd15a;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    text-align: center;
    color: #110a2c;
    display: inline-block;
    transition: all 0.60s;
}

.all_hm3_nav_header-link-items-box {
    text-align: end;
}

.all_hm3_nav_header-link-items-box a:hover {
    background-color: #fff;

}



/*Styling Selectbox*/

.all_hm3_nav-header-select-box {
    width: 100%;
    height: 58px;
    display: flex;
    align-items: center;

}

.all_hm3_nav-header-select-box .dropdown {
    width: 100%;
    display: inline-block;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    transition: all .5s ease;
    position: relative;
    height: 100%;
    text-align: left;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #fff;
    padding: 0 20px;
}

.all_hm3_nav-header-select-box .dropdown .select {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    padding: 10px;
    min-width: 270px;
    height: 100%;
    justify-content: space-between;
}

.all_hm3_nav-header-select-box .dropdown:focus-visible {
    border: none;
    outline: none;
}

.all_hm3_nav-header-select-box .dropdown .select>i {
    font-size: 13px;
    color: #888;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 20px
}

.all_hm3_nav-header-select-box .dropdown:active {
    background: rgba(255, 255, 255, 0.1);
}

.all_hm3_nav-header-select-box .dropdown.active:hover,
.all_hm3_nav-header-select-box .dropdown.active {

    background: rgba(255, 255, 255, 0.1);
}

.all_hm3_nav-header-select-box .dropdown.active .select>i {
    transform: rotate(-90deg)
}

.all_hm3_nav-header-select-box .dropdown .select span {
    display: flex;
    align-items: center;
}

.all_hm3_nav-header-select-box .dropdown .select span i {
    margin-right: 8px;
    font-size: 20px;
}

.all_hm3_nav-header-select-box .dropdown .dropdown-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    display: none;
    height: auto;
    z-index: 9
}

.all_hm3_nav-header-select-box .dropdown .dropdown-menu .all_hm3_dropdown-menu-list {
    padding: 14px 20px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-bottom: 1px solid #ebebeb;
    border-left: 2px solid transparent;
    position: relative;
}

.all_hm3_nav-header-select-box .dropdown .dropdown-menu .all_hm3_dropdown-menu-list:last-child {
    border: none;
}

.all_hm3_nav-header-select-box .dropdown .dropdown-menu {
    padding: 0;
    list-style: none;
    border: none;
    border-radius: 0;
}

.all_hm3_nav-header-select-box .dropdown .dropdown-menu .all_hm3_dropdown-menu-list:hover {
    border-left: 2px solid #603CE9;
    background-color: rgba(96, 60, 233, .1);
}

.all_hm3_nav-header-select-box .dropdown .dropdown-menu .all_hm3_dropdown-menu-list:active {
    background-color: #e2e2e2
}

.all_hm3_nav-header-select-widget {
    display: flex;
    align-items: center;
    gap: 12px;
}

.all_hm3_nav-header-select-widget span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 50%;
    font-size: 16px;
    color: #5a5a5a;
    background-color: #f4f4f4;
    transition: all 0.60s;
}

.all_hm3_nav-header-select-widget h4 {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    transition: all 0.60s;
}

.all_hm3_nav-header-select-box .dropdown .dropdown-menu .all_hm3_dropdown-menu-list:hover .all_hm3_nav-header-select-widget span {
    background-color: #603CE9;
    color: #fff;
}

.all_hm3_nav-header-select-box .dropdown .dropdown-menu .all_hm3_dropdown-menu-list:hover .all_hm3_nav-header-select-widget h4 {
    color: #603CE9;
}


.all_hm3_nav-header-select-widget-items {
    position: absolute;
    left: 100%;
    top: 0;
    width: auto;
    height: auto;
    background-color: #fff;
    padding: 30px 25px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    width: 800px;
    height: auto;
    opacity: 0;
    visibility: hidden;
    transition: all 0.60s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.all_hm3_nav-header-select-box .dropdown .dropdown-menu .all_hm3_dropdown-menu-list:hover .all_hm3_nav-header-select-widget-items {
    opacity: 1;
    visibility: visible;
}


.all_hm3_nav-header-select-widget-box-1 {
    border-right: 1px solid #ebebeb;
    min-width: 23%;
}

.all_hm3_nav-header-select-widget-box-1:last-child {
    border: none;
}

.all_hm3_nav-header-select-widget-box-1 h4 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 140%;
    color: #110a2c;
}

.all_hm3_nav-header-select-widget-box-1 ul {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.all_hm3_nav-header-select-widget-box-1 ul li a {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    transition: all 0.60s;
    display: inline-block;
}

.all_hm3_nav-header-select-widget-box-1 ul li a:hover {
    color: #603CE9;
}

.all_hm3_nav-header-select-widget-box-1 ul li {
    padding-bottom: 12px;
}

.all_hm3_nav-header-select-widget-box-1 ul li:last-child {
    padding-bottom: 0;
}

.all_hm3_banner-area {
    padding: 79px 0;
    background: linear-gradient(90deg, #e4dbe5 0%, #f7e4f8 55.58%, #e8e5ff 78.12%, #d6efff 100%);
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.all_hm3_button {
    padding: 12px 30px;
    display: inline-block;
    position: relative;
    z-index: 5;
    overflow: hidden;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    transition: all 0.60s;
}

.all_hm3_button span {
    position: relative;
    z-index: 10;
}

.all_hm3_button:before,
.all_hm3_button:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 80px solid #3e200a;
    z-index: 1;
    transition: all 0.60s;

}

.all_hm3_button:before {
    right: -50px;
    border-right: 50px solid transparent;
    transform: translateX(-100%);
}

.all_hm3_button:after {
    left: -50px;
    border-left: 50px solid transparent;
    transform: translateX(100%);
}


.all_hm3_button:hover:before {
    transform: translateX(-35%);
}

.all_hm3_button:hover:after {
    transform: translateX(35%);
}


.all_hm3_button-items-1 {
    padding: 16px 30px;
    color: #fff;
    background-color: var(--primary);
    border: 1px solid var(--primary);
}

.all_hm3_button-items-1:hover {
    color: var(--primary);
}

.all_hm3_button-items-1:before,
.all_hm3_button-items-1:after {
    border-bottom: 80px solid #fff;
}

.all_hm3_button-items-2 {
    color: var(--primary);
    background-color: #fff;
    border: 1px solid #fff;
}

.all_hm3_button-items-2:hover {
    color: #fff;
    border-color: var(--primary);
}

.all_hm3_button-items-2:before,
.all_hm3_button-items-2:after {
    border-bottom: 80px solid var(--primary);
}


.all_hm3_button-items-3 {
    color: #5a5a5a;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    border-radius: 4px;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.all_hm3_button-items-3:hover {
    color: #fff;
    border-color: var(--primary);
}

.all_hm3_button-items-3:before,
.all_hm3_button-items-3:after {
    border-bottom: 80px solid var(--primary);
}


.all_hm3_banner-title-box {
    padding-left: 40px;
    position: relative;
    z-index: 5;
}

.all_hm3_banner-title-box h6 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: var(--primary);
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 8px;
}

.all_hm3_banner-title-box h2 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 56px;
    line-height: 120%;
    color: #110a2c;
    margin-bottom: 20px;
}

.all_hm3_banner-title-box p {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    margin-bottom: 32px;
    max-width: 454px;
}

.all_hm3_banner-shape {
    position: absolute;
    right: 120px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 648px;
    height: auto;
    z-index: 1;
}

.all_hm3_banner-shape img {
    width: 100%;
    height: auto;
}

.all_hm3_main-box-area {
    padding-bottom: 120px;
}

.all_hm3_widget-list-box {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    background-color: #fff;
    width: 100%;
    height: auto;
}

.all_hm3_widget-titile-box h4 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 23px;
    line-height: 140%;
    color: #110a2c;
    margin-bottom: 17px;
}

.all_hm3_widget-brand-box {
    display: grid;
    grid-template-columns: auto auto;
    width: 100%;
    height: auto;
}

.all_hm3_widget-brand-items {
    border: 1px solid #ebebeb;
    padding: 23px;
    text-align: center;
}

.all_hm3_widget-brand-items img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: all 0.60s;
}

.all_hm3_widget-brand-items img:hover {
    transform: scale(1.1);
}

.all_hm3_widget-titile-border-bottom {
    border: 1px solid #ebebeb;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    display: inline-block;
}

.all_hm3_widget-customer-items-box {
    margin-bottom: 36px;
}

.all_hm3_widget-customer-slider-style .swiper-horizontal>.swiper-pagination-bullets,
.all_hm3_widget-customer-slider-style .swiper-pagination-bullets.swiper-pagination-horizontal,
.all_hm3_widget-customer-slider-style .swiper-pagination-custom,
.all_hm3_widget-customer-slider-style .swiper-pagination-fraction {
    bottom: 1px;
}

.all_hm3_widget-customer-slider-style .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    background-color: #110a2c;
    border: 1px solid #110a2c;
    border-radius: 50%;
    position: relative;
    margin: 0 10px !important;
}

.all_hm3_widget-customer-slider-style .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--primary);
    border-color: var(--primary);
}

.all_hm3_widget-customer-slider-style .swiper-pagination-bullet-active::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    border: 1px solid var(--primary);
    border-radius: 50%;
}

.all_hm3_widget-customer-img-box {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
    margin-bottom: 12px;
}


.all_hm3_widget-customer-img-box img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.all_hm3_widget-customer-rating-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-bottom: 20px;
}

.all_hm3_widget-customer-rating-box span {
    display: inline-block;
    font-size: 20px;
    color: #FFB800;
}

.all_hm3_widget-customer-contain-box {
    margin-bottom: 20px;
}

.all_hm3_widget-customer-contain-box p {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    text-align: center;
    color: #5a5a5a;
}

.all_hm3_widget-customer-personal-info-box h4 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    text-align: center;
    color: #110a2c;
    transition: all 0.60s;
}

.all_hm3_widget-customer-personal-info-box h4 a {
    transition: all 0.60s;
}

.all_hm3_widget-customer-personal-info-box h4 a:hover {
    color: var(--primary);
}

.all_hm3_widget-customer-personal-info-box p {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: #676879;
}

.all_hm3_widget-blog-items-box {
    margin-bottom: 35px;
}

.all_hm3_widget-blog-slider {
    margin-top: 3px;
}

.all_hm3_widget-blog-img-box {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
}

.all_hm3_widget-blog-img-box:hover a {
    transform: scale(1.1);
}

.all_hm3_widget-blog-img-box a {
    display: block;
    transition: all 0.60s;
}

.all_hm3_widget-blog-img-box img {
    width: 100%;
    height: 100%;
}

.all_hm3_widget-blog-user-box {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.all_hm3_widget-blog-user-box a {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    display: flex;
    gap: 8px;
    transition: all 0.60s;
}

.all_hm3_widget-blog-user-box a:hover {
    color: var(--primary);
}

.all_hm3_widget-blog-contain-box h4 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 23px;
    line-height: 140%;
    color: #110a2c;
    margin-bottom: 12px;
}

.all_hm3_primary-hover-color {
    transition: all 0.60s;
}

.all_hm3_primary-hover-color:hover {
    color: var(--primary);
}

.all_hm3_widget-blog-contain-box p {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    margin-bottom: 20px;
}

.all_hm3_widget-blog-contain-link {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
}

.all_hm3_widget-list-box-2 {
    margin-top: 20px;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    width: 100%;
    height: auto;
    background-color: #fff;
}

.all_hm3_widget-list-box-2-items {
    list-style: none;
    padding: 0;
}

.all_hm3_widget-list-box-2-items li {
    padding: 20px;
    border-bottom: 1px solid #ebebeb;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.all_hm3_widget-list-box-2-items li:last-child {
    border-bottom: none;
}

.all_hm3_widget-list-box-2-items .all_hm3_widget-blog-contain-box h4 {
    margin-bottom: 4px;
}

.all_hm3_widget-list-box-2-items .all_hm3_widget-blog-contain-box p {
    margin-bottom: 0;
}

.all_hm3_widget-list-box-2-icons {
    font-size: 44px;
    color: var(--primary);
}

.all_hm3_widget-titile-box-2 {
    margin-bottom: 20px;
}

.all_hm3_widget-titile-box-2 h6 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 4px;
}

.all_hm3_widget-titile-box-2 h4 {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 28px;
    line-height: 140%;
    color: #110a2c;
    margin-bottom: 16px;
}

.all_hm3_widget-titile-box-2 p {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
}

.all_hm3_widget-product-box {
    border-radius: 3px;
    background: #e6f3f3;
    overflow: hidden;
    padding: 37px 27px;
    margin-bottom: 20px;
}

.all_hm3_widget-product-box img {
    width: 100%;
    height: 100%;
}

.all_hm3_widget-discount-box p {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    margin-bottom: 12px;
}

.all_hm3_widget-discount-time {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
}

.all_hm3_widget-discount-time .all_hm3_widget-discount-time-box {
    background: #f4f4f4;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    padding: 14px 0;
    text-align: center;
    width: 22.6%;
    height: auto;
}

.all_hm3_widget-discount-time .all_hm3_widget-discount-time-box span {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 31px;
    line-height: 110%;
    text-align: center;
    color: #110a2c;
    margin-bottom: 10px;
}

.all_hm3_widget-discount-time .all_hm3_widget-discount-time-box .smalltext {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: #5a5a5a;
}


.all_hm3_widget-discount-button-box .all_hm3_button-items-1 {
    padding: 12px 30px;
    display: block;
    margin-top: 20px;
    text-align: center;
}

.all_hm3_widgets-Products-box {
    margin-top: 3px;
}

.all_hm3_widgets-Products-list-box {
    list-style: none;
    padding: 0;
    margin: 0;
}

.all_hm3_widgets-Products-list-box li {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ebebeb;
    padding: 16px 0;
}

.all_hm3_widgets-Products-list-box li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.all_hm3_widgets-Products-img-box {
    width: 80px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover;
}

.all_hm3_widgets-Products-contain-box {
    width: calc(100% - 96px);
}

.all_hm3_widgets-Products-contain-box h4 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    margin-bottom: 8px;
}

.all_hm3_widgets-Products-price-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.all_hm3_widgets-Products-price-box h6 {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #110a2c;
}

.all_hm3_widgets-Products-price-box p span {
    font-size: 13px;
    color: #FFB800;
}

.all_hm3_widgets-Products-price-box p a {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: right;
    color: #5a5a5a;
}

.all_hm3_left-widget-box {
    position: relative;
}

.all_hm3_widget-items-box {
    position: sticky !important;
    top: 0;
    left: 0;
    width: 100%;
}

.all_hm3_widget-list-items-box {
    width: 100%;
}

.all_hm3_section-title {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: start;
    margin-bottom: 24px;
    width: 90%;
    height: auto;
    position: relative;
    z-index: 2;
    flex-wrap: nowrap;
    overflow: hidden;
}

.all_hm3_section-title h3 {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 33px;
    line-height: 120%;
    color: #110a2c;
    position: relative;
    z-index: 5;
}



.all_hm3_section-title-border:before {
    content: '';
    background: #ebebeb;
    width: 100%;
    height: 2px;
    position: absolute;
}

.all_hm3_categories-items-box {
    border-radius: 6px;
    width: 100%;
    height: auto;
    background: #f4f4f4;
    padding: 24px;
    overflow: hidden;
    transition: all 0.60s;
    border: 1px solid transparent;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 15px;
}

.all_hm3_categories-items-box:hover {
    box-shadow: 0 44px 80px 0 rgba(17, 10, 44, 0.1);
    background: #fff;
    border-color: #ebebeb;
}

.all_hm3_categories-img-box {
    height: 140px;
    width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.all_hm3_categories-img-box img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.all_hm3_categories-title-box {
    margin-bottom: 32px;
}

.all_hm3_categories-title-box h4 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    margin-bottom: 4px;
}

.all_hm3_categories-title-box p {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #5a5a5a;
}


.all_hm3_categories-list-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

.all_hm3_categories-list-items li {
    margin-bottom: 12px;
}

.all_hm3_categories-list-items li:last-child {
    margin-bottom: 0;
}

.all_hm3_categories-list-items-link {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #5a5a5a;
    transition: all 0.60s;
    position: relative;
}

.all_hm3_categories-list-items-link:hover {
    color: var(--primary);
}

.all_hm3_categories-list-items-link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    background-color: var(--primary);
    opacity: 0;
    visibility: hidden;
    transition: all 0.60s;
}

.all_hm3_categories-list-items-link:hover::before {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.all_hm3_button-style-next,
.all_hm3_button-style-prev {
    width: 40px;
    height: 40px;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #5a5a5a;
    transition: all 0.60s;
}

.all_hm3_button-style-next:hover,
.all_hm3_button-style-prev:hover {
    border-color: var(--primary);
    background-color: var(--primary);
    color: #fff;
}

.all_hm3_section-slider-style {
    position: relative;
}

.all_hm3_button-style {
    display: flex;
    gap: 8px;
    align-items: center;
    position: absolute;
    top: -21%;
    right: 0;
}

.allmart__woo_single_related_product .all_hm3_button-style {
    top: -15%;
}

.all_hm3_product-items-area {
    padding-top: 56px;
}

.all_hm3_product-items-box {
    background-image: url(../img/Home_3/product_banner-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 32px;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}

.all_hm3_product-contain-box {
    max-width: 220px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 25px;
}

.all_hm3_product-title-box h6 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #110a2c;
    margin-bottom: 1px;
}

.all_hm3_product-title-box h4 {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 28px;
    line-height: 140%;
    color: #110a2c;
}

.all_hm3_product-button-box {
    display: flex;
    align-items: end;
}



.all_hm3_product-img-box {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 256px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: end;
    overflow: hidden;
}

.all_hm3_product-items-box-2 {
    background-image: url(../img/Home_3/product_banner-2.png);
}

.all_hm3_product-button {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    position: relative;
}

.all_hm3_product-button span i {
    transform: rotate(315deg);
    display: inline-block;
    transition: all 0.60s;
    margin-left: 4px;
}

.all_hm3_product-button:hover span i {
    transform: rotate(360deg);
}

.all_hm3_product-button:hover {
    color: var(--primary);
}

.all_hm3_product-button::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 35px;
    height: 2px;
    background-color: var(--primary);
    transition: all 0.60s;
}

.all_hm3_product-button:hover::before {
    width: 100%;
}

.all_hm3_selling-products-style .swiper-slide {
    height: auto;
}

.all_hm3_selling-products-items-box {
    border: 1px solid #ebebeb;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: all 0.60s;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.all_hm3_selling-products-items-box:hover {
    box-shadow: 0 44px 80px 0 rgba(17, 10, 44, 0.1);
    background: #fff;
}

.all_hm3_selling-products-img-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 252px;
    overflow: hidden;
}

.all_hm3_selling-products-img-box img {
    max-width: 100%;
    height: auto;
}

.all_hm3_selling-products-contain-box {
    padding: 20px 19px;
    width: 100%;
    height: auto;
}

.all_hm3_selling-products-title-box {
    margin-bottom: 16px;
}

.all_hm3_selling-products-title-box h6 a {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #110a2c;
    margin-bottom: 4px;
}

.all_hm3_selling-products-title-box a {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    transition: all 0.60s;
}

.all_hm3_selling-products-title-box a:hover {
    color: var(--primary);
}

.all_hm3_selling-products-price-box {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    margin-bottom: 16px;
}

.all_hm3_selling-products-price-items {
    display: flex;
    align-items: center;
    gap: 8px;
}


.all_hm3_selling-products-price-items h5 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
}

.all_hm3_selling-products-price-items del {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    text-decoration: line-through;
    color: #5a5a5a;
    opacity: .5;
}

.all_hm3_selling-products-review {
    display: flex;
    align-items: center;
    gap: 2px;
}

.all_hm3_selling-products-review span {
    font-size: 13px;
    color: #FFB800;
    display: inline-block;
}

.all_hm3_selling-products-review a {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: right;
    color: #5a5a5a;
    transition: all 0.60s;
}

.all_hm3_selling-products-review a:hover {
    color: var(--primary);
}

.all_hm3_selling-products-style .all_hm3_button-style {
    top: -14%;
}



.all_hm3_electrical-design-area {
    background-image: url(../img/Home_3/electrical_design_banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 24px;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    margin-top: 56px;
}

.all_hm3_electrical-design-contain-box {
    padding: 16px;
    max-width: 505px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 23px;
}

.all_hm3_electrical-design-title-box h6 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #110a2c;
}

.all_hm3_electrical-design-title-box a {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 28px;
    line-height: 140%;
    color: #110a2c;
    transition: all 0.60s;
}

.all_hm3_electrical-design-title-box a:hover {
    color: var(--primary);
}

.all_hm3_electrical-design-button-box {
    display: flex;
    align-items: end;
}

.all_hm3_electrical-design-img-box {
    padding-right: 43px;
}


.all_hm3_trending-items-box {
    background-color: rgba(244, 244, 244, 1);
    padding: 24px;
    border-radius: 6px;
    border: 1px solid rgba(244, 244, 244, 1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.all_hm3_trending-left-contain-box {
    border: 1px solid #ebebeb;
    border-radius: 6px;
    width: 45.6%;
    height: auto;
    background-color: #fff;
    padding: 8px;
}

.all_hm3_trending-left-img-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    padding: 15px;
}

.all_hm3_trending-left-img-box img {
    max-width: 100%;
    height: auto;
}

.all_hm3_trending-left-img-box:hover .all_hm3_trending-left-img-link-box {
    right: 24px;
    opacity: 1;
    visibility: visible;
}

.all_hm3_trending-left-img-link-box {
    list-style: none;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.60s;
}

.all_hm3_trending-left-img-link-box li {
    margin-bottom: 8px;
}

.all_hm3_trending-left-img-link-box li:last-child {
    margin-bottom: 0;
}

.all_hm3_trending-left-img-link-box li a {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5a5a5a;
    transition: all 0.60s;
}

.all_hm3_trending-left-img-link-box a:hover {
    background-color: var(--primary);
    color: #fff;
}

.all_hm3_trending-left-contain-items {
    padding: 16px;
}

.all_hm3_trending-left-contain-items .all_hm3_selling-products-title-box {
    margin-bottom: 8px;
}

.all_hm3_trending-left-contain-items .all_hm3_selling-products-price-box {
    margin-bottom: 0;
}

.all_hm3_trending-left-contain-items .all_hm3_selling-products-review {
    gap: 6px;
}

.all_hm3_trending-slider-items-box {
    width: 100%;
    height: auto;
    padding: 8px;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.all_hm3_trending-img-box {
    width: 139px;
    height: 139px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.all_hm3_trending-slider-style {
    width: 50%;
}


.all_hm3_trending-slider-style .swiper {
    max-height: 513px;
}

.all_hm3_trending-slider-style .all_hm3_button-style {
    top: -116px;
    right: -25px;
}

.all_hm3_trending-review-box {
    display: flex;
    align-items: center;
}

.all_hm3_trending-right-contain-items {
    padding-right: 16px;
}

.all_hm3_trending-right-contain-items .all_hm3_selling-products-title-box {
    margin-bottom: 10px;
}

.all_hm3_trending-right-contain-items .all_hm3_selling-products-price-box {
    margin-bottom: 0px;
}



.all_hm3_sale_offer-items-box .all_hm3_trending-left-img-link-box {
    top: 20px;
    transform: translateY(0);
}

.all_hm3_sale_offer-items-box:hover .all_hm3_trending-left-img-link-box {
    right: 20px;
    opacity: 1;
    visibility: visible;
}

.all_hm3_sale_offer-items-box .all_hm3_selling-products-img-box {
    padding: 8px;
}

.all_hm3_sale_offer-tag {
    display: inline-block;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    padding: 3px 8px;
    background: #28b057;
    overflow: hidden;
    position: absolute;
    top: 8px;
    left: 8px;
}

.all_hm3_sale_offer-contain-box {
    padding: 20px;
}

.all_hm3_sale_offer-contain-box .all_hm3_selling-products-price-items {
    margin-bottom: 6px;
}

.all_hm3_sale_offer-contain-box .all_hm3_selling-products-title-box {
    margin-bottom: 12px;
}

.all_hm3_sale_offer-contain-box .all_hm3_selling-products-review {
    gap: 8px;
}

.all_hm3_sale_offer-progress-bar-items-box {
    margin-bottom: 8px;
}

.all_hm3_sale_offer-progress-bar {
    background-color: var(--primary);
    height: 100%;
    border-radius: 1px;
    width: 0%;
    transition: width 1s;
}

.all_hm3_progress-bar-box {
    background: #ebebeb;
    border-radius: 1px;
    height: 6px;
    width: 100%;
    margin-bottom: 8px;
}


.all_hm3_sale_offer-progress-bar-contain p {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #5a5a5a;
    display: flex;
    align-items: center;
    gap: 3px;
}

.all_hm3_sale-offer-style .all_hm3_button-style {
    top: -14%;
}

.all_hm3_best-selling-products-area {
    position: relative;
}



.all_hm3_best-selling-products-items-box ul {
    gap: 8px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    padding-left: 16px;
    background-color: #fff;
    flex-wrap: wrap;
    justify-content: end;
    max-width: 100%;
}

.all_hm3_best-selling-products-items-box .all_hm3_best-selling-products-button {
    border: 1px solid #ebebeb;
    border-radius: 20px;
    padding: 10px 16px;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: #5a5a5a;
    transition: all 0.60s;
}

.all_hm3_best-selling-products-items-box .all_hm3_best-selling-products-button:hover {
    background: #37257c;
    color: #fff;
}

.all_hm3_best-selling-products-items-box .all_hm3_best-selling-products-button.active {
    background: #37257c;
    color: #fff;
}

.all_hm3_best-selling-products-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.all_hm3_best-selling-products-box .all_hm3_trending-slider-items-box {
    width: 48.8%;
}

.all_hm3_latest-from-blogs-area {
    margin-top: 56px;
}

.all_hm3_latest-from-blogs-items-box {
    border: 1px solid #ebebeb;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    padding: 8px;
    background-color: #fff;
}

.all_hm3_latest-from-blogs-img-box {
    width: 100%;
    height: auto;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

.all_hm3_latest-from-blogs-img-box:hover img {
    transform: scale(1.2);
}

.all_hm3_latest-from-blogs-img-box img {
    width: 100%;
    height: auto;
    transition: all 0.60s;
}

.all_hm3_latest-from-blogs-img-contain {
    position: absolute;
    top: 8px;
    left: 8px;
}

.all_hm3_latest-from-blogs-img-contain a {
    backdrop-filter: blur(20px);
    background: rgba(17, 10, 44, 0.2);
    border-radius: 2px;
    padding: 6px 12px;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.60s;
    overflow: hidden;
}

.all_hm3_latest-from-blogs-img-contain a:hover {
    background: #fff;
    color: var(--primary);
}

.all_hm3_latest-from-blogs-img-contain a i {
    font-size: 16px;
}

.all_hm3_latest-from-blogs-contain-box {
    padding: 24px 16px 16px;
}

.all_hm3_latest-from-blogs-contain {
    margin-bottom: 24px;
}

.all_hm3_latest-from-blogs-contain h6 a {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    margin-bottom: 4px;
}

.all_hm3_latest-from-blogs-contain a {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 28px;
    line-height: 130%;
    color: #110a2c;
    transition: all 0.60s;
}

.all_hm3_latest-from-blogs-contain a:hover {
    color: var(--primary);
}

.all_hm3_latest-from-blogs-contain p {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    margin-top: 16px;
}

.all_hm3_latest-from-blogs-read-more-link-box a {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #5a5a5a;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.60s;
    position: relative;
}

.all_hm3_latest-from-blogs-read-more-link-box a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    transition: all 0.60s;
    background-color: var(--primary);
}

.all_hm3_latest-from-blogs-read-more-link-box a:hover::before {
    width: 100%;
}

.all_hm3_latest-from-blogs-read-more-link-box a:hover {
    color: var(--primary);
}


.all_hm3_latest-from-blogs-style .all_hm3_button-style {
    top: -11%;
}

.all_hm3_news-area {
    margin-top: 43px;
    background-color: #37257c;
    border-radius: 6px;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    align-items: center;
    justify-content: space-between;
}

.all_hm3_news-contain-box {
    width: 45%;
}

.all_hm3_news-contain-box h4 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 28px;
    line-height: 130%;
    color: #fff;
}

.all_hm3_news-form-input-box input {
    width: 314px;
    height: 56px;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    padding-left: 50px;
    outline: none;
    border: none;
}

.all_hm3_news-form-input-box input::placeholder {
    color: #5a5a5a;
    opacity: .5;
}

.all_hm3_news-form-input-box input:focus::placeholder {
    color: transparent;
}

.all_hm3_news-form-input-box input:focus {
    outline: none;
    border: none;
}

.all_hm3_news-form-input-box {
    position: relative;
}

.all_hm3_news-form-input-box span {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    color: #5A5A5A;
    font-size: 18px;
}

.all_hm3_news-form-box {
    width: 51.5%;
    height: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}


.all_hm3_footer-area .hm1_footer_sec {
    background-color: #37257C;
    margin-top: 0;
    padding-top: 120px;
}

.all_hm3_footer-area .hm1_footer_quick_link h3 {
    font-family: var(--second-family);
    color: #fff;
}

.all_hm3_footer-area .hm1_footer_quick_link h6 a {
    font-family: var(--second-family);
    color: #fff;
    transition: all 0.60s;
}

.all_hm3_footer-area .pl-110 {
    margin-left: 107px;
}

.all_hm3_footer-area .footer-dag {
    border: 1px solid #fff;
    margin: 0px 100px;
    height: 282px;
    opacity: .1;
}

.all_hm3_footer-area .hm1_footer_quick_link h6 a:hover {
    text-decoration: underline;
    color: #fff;
    opacity: .5;
}

.all_hm3_footer-area .hm1_footer_we_accept h6 {
    font-family: var(--second-family);
    color: #fff;
}

.all_hm3_footer-area .hm1_footer_all_right h6 {
    font-family: var(--second-family);
    color: #fff;
}

.all_hm3_footer-area .hm_footer_empowering_your {
    font-family: var(--second-family);
    color: #fff;
    opacity: .8;
}

.all_hm3_footer-area .hm1_footer_empowering h4 {
    font-family: var(--second-family);
    color: #fff;
    opacity: .8;
}

.all_hm3_footer-area .hm1_footer_empowering h4 span {
    font-family: var(--second-family);
    color: #fff;
    opacity: .8;
}

.all_hm3_footer-area .hm1_footer_empowering h3 a {
    font-family: var(--second-family);
    color: #fff;
    opacity: .8;
}

.all_hm3_footer-area .hm1_footer_empowering h3 span {
    font-family: var(--second-family);
    color: #fff;
    opacity: .8;
}


.all_hm3_mobail-nav-area {
    background-color: #37257C;
    padding: 20px 0;
}


.all_hm3_mobail-nav-area .all_hm2_mobail-nav-bar {
    color: #fff;
}

.hm1__hero_info {
    margin-bottom: 10px;
}

.testimonial__nav {
    position: absolute;
    right: 0;
    top: 0;
}

.down-img_set img {
    width: 72px;
    height: 72px !important;
    border-radius: 50px !important;
}

.am__btn_wrap a {
    display: inline-block;
    border-radius: 4px;
    padding: 10px 16px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #000e3c;
    background: #fff;
    transition: 0.5s;
}

.am__btn_wrap a:hover .arrow-hover {
    translate: 30%;
}

.am__product_style_two {
    gap: 20px;
    padding: 20px;
}

.hm1_top_testimonials_pd_title {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.hm1_top_testimonials {
    width: 114px;
    height: 114px;
}

.am__grid_style_two_cat {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #5a5a5a;
}

.am__grid_style_two_cat {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #5a5a5a;
}

.hm1_regular_price2 {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #110a2c;
}

.hm1_regular_price2 del {
    font-weight: 400;
    font-size: 14px;
    color: #5a5a5a;
    opacity: 0.5;
}

.quantity_one .input-box {
    border: 0;
    color: initial;
}

.am__product-grid-one-item {
    border: 1px solid #ebebeb;
    border-radius: 6px;
    background: #fff;
    transition: 0.4s;
    margin-bottom: 0px;
    height: fit-content;
    width: initial;
}

@media(min-width:1500px) {
    .am__product-grid-one-item {
        width: calc(20% - 12px);
    }

    .woo__related_product_slider .am__product-grid-one-item {
        width: 100%;
    }

    .allmart-shop-product-grid .am__product-grid-one-item {
        width: initial;
    }
}

@media (max-width: 1201px) {
    .hm1_deal_of_title.am__product-grid-one-item {
        width: initial;
    }
}

@media (max-width: 992px) {
    .hm1_deal_of_title.am__product-grid-one-item {
        width: initial;
    }
}

.am__product-price {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: #110a2c;
    display: flex;
    gap: 6px;
}

.am__product-price del {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #5a5a5a;
    opacity: 0.5;
}

.am__feature-progress {
    margin: 24px 0 6px;
}

.am__without-rating-star i {
    color: #5a5a5a;
    opacity: 0.5;
    margin-bottom: 10px;
}

.am__flash_countdown {
    transition: all 0.3s;
}

.hm2_lookbook_date_count:hover .am__flash_countdown {
    box-shadow: 0 44px 80px 0 rgba(17, 10, 44, 0.1);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 80px 0px;
}

.am__product-review-count {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: right;
    color: #5a5a5a;
}

/*
* Product list
*/
.am__plist-section {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.am__product-list {
    border: 1px solid #ebebeb;
    border-radius: 4px;
    background: #fff;
    transition: 0.3s;
    display: flex;
    align-items: center;
    padding: 24px;
    gap: 22px;
}

.am_plist-cat {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #5a5a5a;
}

.am__plist-title {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
    color: #110a2c;
    margin-top: 4px;
    margin-bottom: 10px;
}

.am__plist-price-review {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.am__plist-price {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #110a2c;
}

.am__plist-price del {
    opacity: 0.5;
    font-size: 14px;
}

.am__plist-review h5 {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
}

.am__plist-review i {
    color: #FFB800;
    font-size: 14px;
}

.am__plist-review h5 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: right;
    color: #5a5a5a;
}

.am__plist-info {
    width: 100%;
}

.am__plist-thumbnail {
    flex-shrink: 0;
}

@media(max-width:767px) {
    .am__product-list {
        padding: 10px;
        gap: 14px;
    }
}

.all_hm3_trending-left-img-link-box li a i {
    font-size: 18px;
}

.all_hm3_trending-img-box {
    flex-shrink: 0;
}

.all_hm3_trending-right-contain-items {
    width: 100%;
}

.am__home3-rate i {
    font-size: 12px;
    margin-bottom: 0;
}

.am__home3-rate {
    display: flex;
    gap: 2px;
    align-items: center;
}

.all_hm3_progress-bar-box .progress-bar-three .progress,
.all_hm3_progress-bar-box .progress-bar-three .progress-bar {
    height: 6px !important;
    border-radius: 0;
}

.all_hm3_widget-customer-rating-box i {
    font-size: 20px;
    color: #FFB800;
}

.am__sidebar-flash-countdown-box .xpsc-product-coutdown-wrapper-alt .countdown {
    border: 0;
}

.am__sidebar-flash-countdown-box span.separator {
    display: none;
}

.am__sidebar-flash-countdown-box p.allmart-count-value-ct {
    background: #F4F4F4;
    width: 100%;
    border: 1px solid #EBEBEB;
    margin: 0;
    padding: 12px;
    border-radius: 2px;
}

.am__sidebar-flash-countdown-box time.countdown {
    gap: 10px;
    padding: 0;
}

.am__sidebar-flash-countdown-box .xpsc-product-coutdown-wrapper-alt .allmart-count-value {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 31px;
    line-height: 110%;
    text-align: center;
    color: #110a2c;
}

.all_hm3_widgets-Products-price-box-2 del {
    color: #5a5a5a;
    opacity: 0.5;
}

/*Flash Coundown Timer*/
.am__flash-countdown-timer .countdown {
    display: inline-flex;
    gap: 14px;
    align-items: center;
}

.am__flash-countdown-timer .allmart-count-value-ct {
    background: #603CE9;
    border-radius: 6px;
    padding: 12px 20px;
    color: #fff;
    font-family: var(--font-family);
}

.am__flash-countdown-timer p.allmart-count-value-ct .item {
    font-weight: 500;
    font-size: 40px;
    line-height: 120%;
    text-align: center;
    color: #fff;
}

.am__flash-countdown-timer .allmart-count-value-ct .label {
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: #fff;
}

.am__flash-countdown-timer .allmart-count-value-ct {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.am__flash-countdown-timer .separator {
    font-size: 24px;
    font-weight: 900;
    color: #a09dab !important;
}

@media(max-width: 767px) {
    .am__flash-countdown-timer .countdown {
        gap: 10px;
    }

    .am__flash-countdown-timer p.allmart-count-value-ct .item {
        font-size: 26px;
    }

    .am__flash-countdown-timer .allmart-count-value-ct .label {
        font-size: 14px;
    }
}

/* Marquee-Section */

.all_marquee_brand-slider-icon {
    width: 82px;
    aspect-ratio: 1 / 1;
    background: #f4f4f4;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.all_marquee_brand-slider-icon img {
    max-width: 100%;
    object-fit: contain;
    transition: all 0.5s ease;
}

.all_marquee_brand-box-custom ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.all_marquee_brand-text-box {
    gap: 32px;
}

.all_marquee_brand-ul-style {
    display: flex;
    gap: 32px;
}

.all_marquee_brand-ul-style li {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
}

.all_marquee_brand-ul-style span {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #110a2c;
}

.all_marquee_brand-box-custom ul li {
    position: relative;
}

.all_marquee_brand-box {
    overflow: hidden;
    padding: 76px 0px;
}

.all_marquee_brand-box:last-child {
    margin-bottom: 0px;
}

.all_marquee_brand-box[data-direction="right"] {
    --_animation-direction: reverse;
}

.all_marquee_brand-box[data-direction="left"] {
    --_animation-direction: forwards;
}

.all_marquee_brand-box[data-speed="faster"] {
    --_animation-duration: 10s;
}

.all_marquee_brand-box[data-speed="fast"] {
    --_animation-duration: 30s;
}

.all_marquee_brand-box[data-speed="medium"] {
    --_animation-duration: 90s;
}

.all_marquee_brand-box[data-speed="slow"] {
    --_animation-duration: 120s;
}

.all_marquee_brand-box[data-speed="extraslow"] {
    --_animation-duration: 150s;
}

.all_marquee_brand-box[data-speed="slower"] {
    --_animation-duration: 20s;
}

.all_marquee_brand-ul-style {
    width: -moz-max-content;
    width: max-content;
    flex-wrap: nowrap;
    animation: scroll-body var(--_animation-duration, 120s) var(--_animation-direction, forwards) linear infinite;
}

.all_marquee_brand-ul-style:hover {
    animation-play-state: paused;
}

@keyframes scroll-body {
    to {
        transform: translate(calc(-50% - 1rem));
    }

}

@keyframes scrollY {
    to {
        transform: translateY(calc(-50% - 0.5rem));
    }
}

@keyframes leftToRight {
    0% {
        inset-inline-start: 0;
    }

    50% {
        inset-inline-start: 100%;
    }

    100% {
        inset-inline-start: 0;
    }
}

@keyframes topToBottom {
    0% {
        inset-block-start: 0;
    }

    50% {
        inset-block-start: 100%;
        transform: translateY(-100%);
    }

    100% {
        inset-block-start: 0;
    }
}


/* Responsive-Style */

@media (max-width: 767px) {

    .all_marquee_brand-ul-style span {
        font-size: 22px;
    }

    .all_marquee_brand-slider-icon {
        width: 56px;
    }

    .all_marquee_brand-slider-icon img {
        max-width: 45%;
    }

    .all_marquee_brand-text-box {
        gap: 16px;
    }

    .all_marquee_brand-ul-style {
        gap: 16px;
    }
}

@media (min-width: 768px) {

    .all_marquee_brand-ul-style span {
        font-size: 42px;
    }

    .all_marquee_brand-slider-icon {
        width: 66px;
    }

    .all_marquee_brand-slider-icon img {
        max-width: 50%;
    }

    .all_marquee_brand-text-box {
        gap: 16px;
    }

    .all_marquee_brand-ul-style {
        gap: 16px;
    }
}

@media (min-width: 992px) {

    .all_marquee_brand-ul-style span {
        font-size: 44px;
    }

    .all_marquee_brand-slider-icon {
        width: 76px;
    }

    .all_marquee_brand-slider-icon img {
        max-width: 60%;
    }

    .all_marquee_brand-text-box {
        gap: 24px;
    }

    .all_marquee_brand-ul-style {
        gap: 24px;
    }

}

@media (min-width: 1400px) {

    .all_marquee_brand-ul-style span {
        font-size: 48px;
    }

    .all_marquee_brand-slider-icon {
        width: 82px;
    }

    .all_marquee_brand-slider-icon img {
        max-width: 100%;
    }

    .all_marquee_brand-text-box {
        gap: 32px;
    }

    .all_marquee_brand-ul-style {
        gap: 32px;
    }

}

.yith-wcwl-add-to-wishlist-button__label {
    font-size: 0;
}

.yith-wcwl-add-to-wishlist-button svg {
    height: 20px;
    margin-left: 7px;
}

.all_hm3_trending-left-img-link-box a:hover svg path {
    stroke: #fff;
}

.card_2_hover a:hover svg path {
    stroke: #fff;
}

.card_2_hover a.yith-wcwl-add-to-wishlist-button--added:hover svg path {
    stroke: #000;
}

.form_one_sec input[type="submit"] {
    background: #603CE9;
}

.form_one_sec input[type="submit"]:hover {
    background: #5f3ce9ed;
}

.newsletter_form_two_wrap {
    position: relative;
    min-width: 500px;
}

.newsletter__form_two_mail .newsletter_form_two_input_mail {
    background: #fff;
    position: relative;
    margin-bottom: 0;
    padding: 20px;
    padding-left: 56px;
    box-sizing: border-box;
    padding-right: 125px;
}

.newsletter_form_two_email_icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: rgb(90 90 90 / 50%);
    padding-left: 24px;
}

.newsletter_form_two_submit input[type="submit"] {
    position: absolute;
    background: transparent;
    color: #603CE9;
    width: max-content;
    padding: 0;
    min-height: initial;
    border: 0;
    font-weight: 500;
}

.newsletter__form_two_mail {
    max-height: 66px;
    position: relative;
    border-radius: 4px;
}

.newsletter_form_two_submit {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0;
}

/*
* Contact Form Start
*/
.rs_cn-form-box {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    row-gap: 50px;
    align-items: center;
    justify-content: space-between;
}

.rs_cn-form-contain-box {
    position: relative;
    width: 47%;
    height: auto;
}

.rs_cn-form-contain-box input {
    width: 100%;
    height: 50px;
    padding: 13px 0;
    padding-left: 36px;
    line-height: 1.5em;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--font-poppins);
    border: none;
    color: var(--ab-black);
    border-bottom: 1.5px solid #dfdfdf;
    margin-bottom: 0;
    background: transparent;
    border-radius: 0;
}

.rs_cn-form-contain-box::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1.5px;
    background-color: #0a0a0a;
    opacity: 0;
    visibility: hidden;
    transition: all 0.60s;
    z-index: 5;
}

.rs_cn-form-contain-box:hover::before {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.rs_cn-form-contain-box input:focus {
    border-color: var(--ab-black);
}

.rs_cn-form-contain-box input:focus::placeholder {
    color: transparent;
}

.rs_cn-form-contain-box label {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    color: #919191;
    z-index: 10;
    font-size: 20px;
}

.rs_cn-form-contain-box-2 {
    position: relative;
    width: 100%;
    height: auto;
}

.rs_cn-form-contain-box-2::before {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #0a0a0a;
    opacity: 0;
    visibility: hidden;
    transition: all 0.60s;
}

.rs_cn-form-contain-box-2:hover::before {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.rs_cn-form-contain-box-2 textarea {
    width: 100%;
    max-height: 120px;
    min-height: 120px;
    padding: 13px 0;
    padding-left: 36px;
    line-height: 1.5em;
    border: none;
    border-bottom: 1px solid #dfdfdf;
    resize: none;
    color: var(--ab-black);
    margin-bottom: 0;
    background: transparent;
    border-radius: 0;
}

.rs_cn-form-contain-box-2 textarea:focus {
    border-color: var(--ab-black);
}

.rs_cn-form-contain-box-2 textarea:focus::placeholder {
    color: transparent;
}

.rs_cn-form-contain-box-2 label {
    position: absolute;
    left: 5px;
    top: 15px;
    color: #919191;
    z-index: 10;
    font-size: 20px;
}


.rs_cn-form-button-items-box {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    flex-wrap: wrap;
}

.rs_cn-form-button-box button {
    min-width: 187px;
    height: 55px;
    font-family: var(--font-poppins);
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 21px;
    border: 2px solid #603CE9;
    background-color: #603CE9;
    color: var(--white);
    transition: all 0.60s;
}

.rs_cn-form-button-box button:hover {
    background-color: transparent;
    color: #603CE9;
}

.rs_cn-form-button-box button i {
    margin-right: 10px;
}

.rs_cn-form-check-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rs_cn-form-check-box label {
    color: #6b6b6b;
    font-size: 14px;
    font-family: var(--font-poppins);
    font-weight: 400;
    line-height: 20px;
}

.rs_cn-form-check-box label a {
    text-decoration: underline;
    transition: all 0.60s;
}

.rs_cn-form-check-box label a:hover {
    color: var(--ab-black);
}

.rs_cn-contact-row {
    justify-content: center;
    row-gap: 50px;
}

.rs_cn-map-area iframe {
    width: 100%;
    height: 590px;
}

@media(max-width:575px) {
    .rs_cn-form-contain-box {
        width: 100%;
    }
}

/*
* Contact Form End
*/
.al_hm2_product-list-box {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.hm2_tab_sec ul {
    margin: 0;
    display: flex;
    column-gap: 48px;
}

.hm2_tab_sec ul li {
    margin-bottom: 0;
}

.hm2_tab_sec ul li button {
    padding: 0 !important;
    margin: 0;
}

.allmart-ajax-s-offcanvas .offcanvas-body {
    padding: 12vh 4% 5vh !important;
}

button.allmart-ajax-search-btn {
    padding-top: 8px;
}

.allmart__header_list_icon ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-inline: -8px;
}

.allmart__header_list_icon ul li {
    padding: 0;
    margin: 0;
    margin-inline: 8px;
    font-size: 14px;

}

.allmart__header_list_icon ul li a {
    padding: 0 7px;
}

.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after {
    border-width: 0;
    border-inline-start-width: 1px;
    border-style: solid;
    height: 100%;
    inset-inline-end: -8px;
    inset-inline-start: auto;
    position: relative;
    width: auto;
}

.elementor-61 .elementor-element.elementor-element-caa444a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after {
    border-inline-start-style: solid;
}

.elementor-61 .elementor-element.elementor-element-caa444a .elementor-icon-list-item:not(:last-child):after {
    content: "";
    border-color: #FFFFFF33;
}

/* Sidebar Category Dropdown */
.widget_product_categories ul.product-categories ul.children {
    display: none;
    padding-left: 15px;
    margin-top: 5px;
}

.widget_product_categories ul.product-categories li.cat-parent {
    position: relative;
}

.widget_product_categories ul.product-categories li.cat-parent>.cat-toggle {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    transition: transform 0.3s ease;
    z-index: 2;
}

.widget_product_categories ul.product-categories li.cat-parent>.cat-toggle:before {
    content: "\ea4e";
    /* ri-arrow-down-s-line */
    font-family: 'remixicon' !important;
    font-size: 18px;
}

.widget_product_categories ul.product-categories li.cat-parent.cat-open>ul.children {
    display: block;
}

.widget_product_categories ul.product-categories li.cat-parent.cat-open>.cat-toggle {
    transform: rotate(180deg);
}

.widget_product_categories ul.product-categories li a {
    display: inline-block;
    padding: 5px 0;
    width: 100%;
}

.widget_product_categories ul.product-categories li.cat-parent>a {
    width: calc(100% - 35px);
}

.widget_product_categories ul.product-categories li.current-cat>a,
.widget_product_categories ul.product-categories li.current-cat-parent>a {
    color: var(--primary) !important;
    font-weight: 600;
}

/* Breadcrumb with Background Polishing */
.allmart-common-breadcrumbs[style*="background-image"] {
    padding: 80px 0;
    position: relative;
    background-size: cover;
    background-position: center;
}

.allmart-common-breadcrumbs[style*="background-image"]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.allmart-common-breadcrumbs[style*="background-image"] .container {
    position: relative;
    z-index: 2;
    text-align: center;
}

.allmart-common-breadcrumbs[style*="background-image"] h1,
.allmart-common-breadcrumbs[style*="background-image"] .woocommerce-breadcrumb,
.allmart-common-breadcrumbs[style*="background-image"] .woocommerce-breadcrumb a {
    color: #fff !important;
}

.allmart-common-breadcrumbs[style*="background-image"] .allmart-breadcrumb {
    justify-content: center;
}

.elementor-61 .elementor-element.elementor-element-caa444a .elementor-icon-list-item:not(:last-child):after {
    content: "";
    border-color: #FFFFFF33;
}


/* Targeted Single Product Page Buttons Responsiveness */
@media (max-width: 767px) {

    .allmart-woo-single-add-to-cart form.cart,
    .allmart__woo_single-cart-style-two form.cart,
    .allmart__woo_single-cart-style-three form.cart,
    .allmart__woo_single-cart-style-four form.cart {
        flex-direction: column !important;
        gap: 10px !important;
    }

    .allmart-woo-single-add-to-cart .single_add_to_cart_button,
    .allmart__woo_single-cart-style-two .single_add_to_cart_button,
    .allmart__woo_single-cart-style-three .single_add_to_cart_button,
    .allmart__woo_single-cart-style-four .single_add_to_cart_button,
    #allmart-buy-now {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 5px !important;
    }

    .allmart-woo-single-add-to-cart .quantity,
    .allmart__woo_single-cart-style-two .quantity,
    .allmart__woo_single-cart-style-three .quantity,
    .allmart__woo_single-cart-style-four .quantity {
        width: 100% !important;
        justify-content: center !important;
    }
}