*{
    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;
}
.e-con {
    --container-max-width: 1410px !important;
   
}
/* <!-- =============================================================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;
    height: fit-content;
}
.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;
}


.top_header_csd{
    max-height:42px;
}