@font-face {
    font-family: DanaBold;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/eot/dana-bold.eot') format('eot'),
    url('../fonts/woff/dana-bold.woff') format('woff'),
    url('../fonts/woff2/dana-bold.woff2') format('woff2');
}

@font-face {
    font-family: Danabolditalic;
    src: url('../fonts/eot/dana-bolditalic.eot') format('eot'),
    url('../fonts/woff/dana-bolditalic.woff') format('woff'),
    url('../fonts/woff2/dana-bolditalic.woff2') format('woff2');
}

@font-face {
    font-family: Danaregular;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/eot/dana-regular.eot') format('eot'),
    url('../fonts/woff/dana-regular.woff') format('woff'),
    url('../fonts/woff2/dana-regular.woff2') format('woff2');
}


@font-face {
    font-family: Danaregularitalic;
    /*font-style: normal;*/
    /*font-weight: 300;*/
    src: url('../fonts/eot/dana-regularitalic.eot') format('eot'),
    url('../fonts/woff/dana-regularitalic.woff') format('woff'),
    url('../fonts/woff2/dana-regularitalic.woff2') format('woff2');
}

* {
    font-family: Danaregular;
}

html {
    overflow-x: hidden;
}

body {
    padding: 0;
    margin: 0;
    color: #333;
    font-size: 14px;
    overflow-x: hidden;
    direction: rtl;
    background-color: #f6f7f9;
}

a:hover {
    text-decoration: unset;
}

ul {
    list-style: none;
}

ul > li {
    list-style: none;
}

.text-align-last-center {
    text-align-last: center;
}

/***header****/
.top_header {
    background-color: #eaebed;
    height: 30px;
    display: flex;
}

.header_language {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.content_header {
    background-color: white;
    height: auto;
}

.header_contact {
    display: flex;
    margin-right: auto;
}

.container_header {
    width: 100%;
    /*margin-top: 30px;*/
    padding-left: 60px;
    padding-right: 60px;
    height: 100%;
    display: flex;
}

.container_product_header {
    width: 100%;
    margin-top: -149px;
    /*padding-left: 120px;*/
    padding-left: 5%;
    /*padding-right: 120px;*/
    padding-right: 5%;
    height: 100%;
    display: flex;
    position: relative;
}

.container_header_header {
    width: 100%;
    padding: 0px 20px 0px 20px;
    height: 100%;
    display: flex;
}

.header_mobile {
    /*padding-left: 120px;*/
    /*padding-right: 120px;*/
}

.header_lang_item:first-child {
    margin-left: 5px;
    color: #5b5a5a;
}

.header_lang_item:last-child {
    margin-right: 5px;
    color: #5b5a5a;
}

.header_lang_item:hover {
    color: #253d98;
    text-decoration: unset;
}

.header_lang_item.active {
    color: #253d98;
}

.header_item_contact {
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.header_item_contact img {
    margin-right: 5px;
}

.header_item_contact > a > i {
    margin-right: 5px;
    font-size: 20px;
}

.header_item_contact > a > i.fa-paper-plane {
    font-size: 15px;
}

.header_item_contact > a {
    color: #5b5a5a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_item_contact > a:hover {
    color: #253d98;
    text-decoration: unset;
}

.footer_icon_media a .fa-paper-plane {
    font-size: 25px;
}

.header_bottom {
    width: 100%;
    position: relative;
    height: 135px;
}

.header_content_top {
    display: flex;
    /*margin-top: 20px;*/
    /*margin-bottom: 20px;*/
    align-items: center;
    border-bottom: 2px solid #eaebed;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
}

.header_icon_search {
    background-color: #253d98;
    margin: 5px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.header_box_search {
    display: flex;
    height: 35px;
    background-color: #eaebed;
    border-radius: 5px;
    width: 100%;
}

.header_box_search input {
    display: flex;
    height: 35px;
    background-color: transparent;
    border: 0;
    width: calc(100% - 35px);
}

.header_box_search input:focus {
    outline: unset;
}

.header_box_logo {
    display: flex;
    justify-content: center;
}

.header_count {
    position: absolute;
    bottom: 8px;
    right: -8px;
    background-color: #253d98;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    border-radius: 10px;
    color: white;
    padding-top: 2px;
}

.free-cart-header {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.free-cart-header img {
    width: 70px;
}

.header_cart > a {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.header_cart {
    margin-left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

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

.header_box_profile_cart {
    display: flex;
    justify-content: end;
    height: 100%;
    width: fit-content;
    width: -moz-fit-content;
    margin-right: auto;
}

.parent_ul {
    /*position: relative;*/
    display: flex;
    margin-bottom: 0;
    height: 100%;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.header_content_bottom > .parent_ul > ul {
    /*position: relative;*/
    padding-right: 0;
    list-style: none;
    display: flex;
    margin-bottom: 0;
    height: 100%;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
}

.header_content_bottom.fixed-header > .parent_ul > ul {
    margin-right: 0;
    justify-content: center;
}

.header_content_bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}

.header_mobile {
    display: none;
}

.menu_item {
    padding: 10px 18px;
    height: 100%;
    display: flex;
    align-items: center;
}

.menu_item a.menu_item_child {
    color: black;
    font-weight: bold;
}

.menu_item a.menu_item_child:hover {
    text-decoration: unset;
    color: #253d98;
}

.section2_ajil {
    background-color: #ffedcd;
    padding: 50px 30px;
    text-align: right;
    height: 530px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.section2_ajil_new {
    padding: 0;
    height: 100%;
    display: flex;
    align-items: start;
}

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

.btn-page-slid {
    position: relative;
    width: 100%;
    height: 30px;
    bottom: 60px;
    display: flex;
    justify-content: center;
}

.swiper_slider_one {
    /*direction: ltr;*/
    position: relative;
    height: 100%;
}

.swiper_slider_one .swiper-wrapper {
    /*direction: rtl;*/
}

.btn-page-slid .swiper-pagination1 {
    width: fit-content;
    width: -moz-fit-content;
    /*bottom: 30px;*/
    position: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-page-slid .swiper-pagination1 > span {
    margin-left: 5px;
    margin-right: 5px;
}

.swiper-pagination-bullet-active {
    background-color: white !important;
}

.swiper-pagination-bullet {
    background-color: unset;
    border: 2px solid white;
}

.section2_category {
    width: 100%;
}

.h1_main{
    margin-top: 3rem;
    font-size: 32px;
    font-weight: 900;
    color: #253D98;
}

.section2 {
    background-color: #f6f7f9;
    padding-top: 50px;
    padding-bottom: 100px;
    /*margin-top: -30px;*/
}

.section4_text_about article {
    text-align: justify;
    text-align-last: right;
}

.section2_top_text {
    font-size: 20px;
}

.section2_title {
    font-size: 30px;
    font-weight: bold;
}

.section2_see_more {
    color: #8c877e;
    margin-top: 10px;
    border-bottom: 1px solid #8c877e;
    width: fit-content;
    width: -moz-fit-content;
    cursor: pointer;
}

.section2_see_more a {
    color: #8c877e;
}

.section2_see_more a:hover {
    color: #8c877e;
    text-decoration: unset;
}

.section2_adviye {
    background-color: #daf3ed;
    padding: 30px;
    height: 100%;
    text-align: right;
    position: relative;
    overflow: hidden;
    display: flex;
}

.section2_adviye_new {
    padding: 0px;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.section2_taze {
    background-color: #f9d9da;
    height: 100%;
    padding: 30px;
    text-align: right;
    display: flex;
    justify-content: space-between;
}

.section2_taze_new {
    height: 100%;
    padding: 0px;
    border-radius: 4px;
}

.section2_zaferan {
    background-color: #d8dbec;
    height: 100%;
    position: relative;
    padding: 20px;
    text-align: right;
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.section2_zaferan_new {
    height: 100%;
    position: relative;
    padding: 0px;
    border-radius: 4px;
}

.section2_zaferan img {
    object-fit: contain;
    margin-left: 25px;
    margin-top: 45px;
}

.section2_zaferan_new img {
    /*object-fit: contain;*/
    width: 100%;
    height: 100%;
}

.section2_kado {
    background-color: #e2f0df;
    height: 100%;
    padding: 20px;
    text-align: right;
    position: relative;
    display: flex;
    /*align-items: start;*/
    overflow: hidden;
}

.section2_kado_new {
    height: 100%;
    padding: 0px;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.section2_kado img {
    margin-top: 113px;
    /* margin-left: 65px; */
    margin-right: -18px;
}

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

.section2_col_right {
    padding-right: 0px;
    margin-left: 10px;
    padding-left: 0px;
    width: 28%;
    /*width: 310px;*/
    position: relative;
}

.section2_col_left {
    /* padding-right: 10px; */
    padding-left: 0px;
    width: 69%;
    /*width: calc(100% - 330px);*/
    display: flex;
    margin-right: 10px;
    flex-direction: column;
    justify-content: space-between;
}

.section2_col_one, .section2_col_three {
    padding-right: 0;
    /*padding-left: 10px;*/
    margin-left: 10px;
    height: auto;
    position: relative;
}

.section2_col_two, .section2_col_four {
    height: auto;
    padding-left: 0;
    /*padding-right: 10px;*/
    margin-right: 10px;
    position: relative;
}

.section2_col_one {
    /*width: 270px;*/
    width: 36%;
}

.section2_col_two {
    width: 64%;
    /*width: 475px;*/
}

.section2_col_three {
    width: 55%;
    /*width: 415px;*/
}

.section2_col_four {
    width: 45%;
    /*width: 330px;*/
}

.section2_adviye img {
    object-fit: contain;
    margin-bottom: -113px;
    margin-left: -47px;
}

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

.section2_taze img {
    width: 175px;
    object-fit: contain;
}

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

.section2_adviye .section2_top_text {
    color: #80cbb7;
}

.section2_ajil .section2_top_text {
    color: #fcbb52;
}

.section2_zaferan .section2_top_text {
    color: #7680bf;
}

.section2_kado .section2_top_text {
    color: #6eb864;
}

.section2_taze .section2_top_text {
    color: #fd888a;
}

.section2_top, .section2_bottom {
    width: 100%;
    display: flex;
}

.section2_bottom {
    margin-top: 15px;
}

.section3 {
    background-color: #f6f7f9;
    /*padding-top: 50px;*/
    padding-bottom: 100px;
    position: relative;
}

.section3_order_empty {
    background-color: #ffffff;
    position: relative;
    padding: 50px 0px 100px 0px;
}

.section3_title {
    font-size: 30px;
    font-weight: bold;
    color: black;
}

.section3_parent_title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

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

.section3_see_more a {
    color: black;
}

.section3_see_more a:hover {
    text-decoration: unset;
}

.section3_child {
    width: 100%;
    /*background-color: #fff;*/
    /*padding: 10px;*/
}

.product_image {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    height: 220px;
    align-items: center;
    /*border-bottom: 2px solid #d2d2d2;*/
}

.product_image > img {
    width: 100%;
    top: -50px;
    object-fit: contain;
    height: 100%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.product_image picture {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    height: 220px;
    align-items: center;
}

.product_image picture img {

    width: 100%;
    top: -50px;
    object-fit: contain;
    height: 100%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.product h3,.product h2{
    font-size: unset;
    font-weight: unset;
    margin-bottom: unset;
}

.product {
    background-color: white;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.product:hover .product_image > img {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.product_off {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #403c90;
    color: white;
    /* padding: 5px 10px; */
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    width: 45px;
    height: 25px;
    padding-top: 3px;
    z-index: 99;
}
.product:hover {
    border: 1px solid #adbab2;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .10196078431372549);
    transition: transform .6s ease-in-out;
}

.product_name {
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 5px;
    margin-top: 10px;
    color: #252827;
    height: 50px;
    overflow: hidden;
}

.product_name:hover {
    color: #253d98;
}

.product_bottom {
    width: 100%;
    position: relative;
    height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.section3_content {
    flex-wrap: wrap;
}

.product_price_off {
    text-decoration: line-through;
    font-size: 12px;
    margin-left: 20px;
    text-align: center;
    display: flex;
    align-items: center;
}

.product_price {
    font-weight: bold;
    font-size: 18px;
    /*margin-bottom: 5px;*/
    text-align: left;
    display: flex;
    align-items: center;
    color: #000;
}

.product_add {
    /* position: absolute; */
    /* right: -10px; */
    /* bottom: -10px; */
    background-color: #253d98;
    width: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 14px;
    height: 37px;
    font-weight: unset;
    border-radius: 30px;
    margin-left: auto;
    margin-right: auto;
    display: none;
}

.product_add > a {
    color: white;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section4 {
    /*padding-top: 50px;*/
    /*padding-bottom: 50px;*/
    background-color: white;
}

.section4_text_about.is-open .section4_text_none {
    display: block;
}

.section4_text_none:not(:first-child) {
    display: none;
}

.section4_text_about div {
    text-align: justify;
    font-weight: bold;
    font-size: 15px;
    line-height: 2;
    position: relative;
    overflow: hidden;
}

.section4_text_about {
    padding-top: 30px;
    /*-webkit-animation: 2s infinite heightAnim;*/
    /*-o-animation: 2s infinite heightAnim;*/
    /*animation: 2s infinite heightAnim;*/
    /*-moz-transition: height 5s ease;*/
    /*-webkit-transition: height 5s ease;*/
    /*-o-transition: height 5s ease;*/
    /*transition: height 5s ease;*/
}

.section4_text_about.is-open {
    /*height: auto;*/
}

@keyframes heightAnim {
    0% {
        max-height: 0px;
    }
    100% {
        max-height: 500000px;
    }
}

.section4_child {
    padding-right: 100px;
    padding-left: 100px;
}

.section4_col_left {
    display: flex;
    /*justify-content: flex-end;*/
    /*margin-top: -95px;*/
}

.section4_blue .section4_img span {
    position: absolute;
    top: 170px;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 35px;
    color: white;
}

.section4_img {
    position: relative;
}

.section4_span {
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
    font-size: 16px;
}

.section4_yellow .section4_img span {
    position: absolute;
    top: 200px;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 32px;
    color: white;
}

.section4_blue {
    margin-left: 35px;
}

.section4_more span {
    font-size: 16px;
    font-weight: bold;
}

.section4_more {
    margin-right: auto;
    width: fit-content;
    width: -moz-fit-content;
    cursor: pointer;
}

.footer_image {

    width: 100%;
}

.footer {
    margin-top: -150px;
    background-color: white;
}

.footer_child {
    width: 100%;
}

.footer_content {
    padding-bottom: 20px;
    /*padding-top: 30px;*/
    background-color: #f6f7f9;
}

.footer_bottom {
    background-color: #f6f7f9;
}

.footer_bottom a {
    color: #333;
}

.footer_bottom a:hover {
    color: #253d98;
}

.footer_title {
    font-size: 1.1rem;
    font-weight: bold;
    text-align: right;
    color: black;
    font-family: 'DanaBold';
}

.footer_col li {
    list-style: none;
    text-align: right;
    margin-bottom: 7px;
}

.footer_col {
    /*margin-left: 30px;*/
    margin-bottom: 10px;
}

.footer_col li a {
    color: black;
    font-weight: 600;
}

.footer_image_namad {
    display: flex;
    justify-content: start;
}

.footer_icon_media {
    display: flex;
    justify-content: space-between;
}

.footer_namad {
    margin-bottom: 20px;
}

.footer_icon_media a {
    font-size: 30px;
    color: #5a5a5a;
    margin-top: 10px;
}

.footer_bottom {
    border-top: 1px solid #a4a4a4;
    padding: 15px 0px;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}

.swiper-button-next1, .swiper-button-prev1 {
    top: unset;
    height: unset;
    margin-top: unset;
    position: unset;
}

.swiper-button-next1 i, .swiper-button-prev1 i {
    color: white;
}

.section1_text_title {
    position: absolute;
    color: white;
    font-size: 42px;
    /* font-weight: bold; */
    top: 188px;
}

.section4_image_bottom {
    width: 100%;
}

.swiper_slider_one .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mega_menu {
    position: absolute;
    top: 100%;
    z-index: -10;
    width: 100%;
    left: 0;
    display: none;
    opacity: 0;
    visibility: hidden;
    margin-top: -40px;
}

.mega_menu_special {
    position: absolute;
    top: 100%;
    z-index: -10;
    width: 100%;
    left: 0;
    display: none;
    opacity: 0;
    visibility: hidden;
    margin-top: -40px;
}

.sub-nav {
    position: absolute;
    top: 100%;
    z-index: -10;
    width: 300px;
    left: 0;
    display: none;
    opacity: 0;
    visibility: hidden;
    margin-top: -40px;
    background-color: #fff;
    box-shadow: 0px 0px 10px 3px #dbdbdb;
    padding: 15px;
}

.child_item_dropdown {
    position: relative;
}

.child_item:hover .mega_menu {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 999999;
    transition-delay: 0.1s;
    transition-duration: 0.1s;
    /*transition: opacity 300ms ease-in-out;*/
    margin-top: 0;
    /*z-index: 1;*/
}

#heart {
    position: absolute;
    top: 0;
    z-index: 999;
    color: #9c1817;
    font-size: 18px;
    font-weight: 600;
}

.child_item_special:hover .mega_menu_special {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 999999;
    transition-delay: 0.1s;
    transition-duration: 0.1s;
    /*transition: opacity 300ms ease-in-out;*/
    margin-top: 0;
    /*z-index: 1;*/
}

.child_item_dropdown:hover .sub-nav {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 999999;
    transition-delay: 0.1s;
    transition-duration: 0.1s;
    /*transition: opacity 300ms ease-in-out;*/
    margin-top: 0;
}

.menu-item-type-post_type {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: end;
}

.menu-item-type-post_type a {
    color: #000;
}

.top_mega_menu {
    background-color: #253d98;
    border-bottom: 2px solid #e1bc7a;
    border-top: 2px solid #e1bc7a;
    position: relative;
}

/*.menu_item_child:before {*/
/*        content: '';*/
/*        width: 20px;*/
/*        height: 20px;*/
/*        -webkit-transform: rotate(45deg);*/
/*        -moz-transform: rotate(45deg);*/
/*        -ms-transform: rotate(45deg);*/
/*        -o-transform: rotate(45deg);*/
/*        transform: rotate(45deg);*/
/*        background-color: #253d98;*/
/*        position: absolute;*/
/*        !*right: calc((100% - 570px) / 2);*!*/
/*        right: 0px;*/
/*        top: 31px;*/
/*        border-top: 2px solid #e1bc7a;*/
/*        border-left: 2px solid #e1bc7a;*/
/*        z-index: 999999999;*/
/*        opacity: 0;*/
/*    }*/
/*header mobile*/
.parent_header_responsive {
    position: fixed;
    width: 100%;
    bottom: 20px;
    left: 0;
    z-index: 999999;
    display: none;
}

.header_mobile1 {
    width: 100%;
    background: #ffffff;
    display: flex;
    height: 60px;
    box-shadow: 0px 0px 5px 1px #00000029;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    bottom: 0;

}

.header_mobile1 li {
    list-style: none;
    display: inline-flex;
    height: 100%;
    align-items: center;
    width: 100px;
    justify-content: center;
}

.header_mobile1 li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #5a5a5a !important;
    font-weight: bold;
}

.header_mobile1 li a i {
    height: 20px;
    margin-bottom: 3px;
    font-size: 16px;
}

.header_mobile1 li a svg {
    height: 20px;
    margin-bottom: 3px;
    width: 17px;
    filter: contrast(0.25);
}

.header_mobile1 li a img {
    height: 20px;
    margin-bottom: 3px;
    filter: contrast(0.5);
}

/*.box_img_menu {*/
/*    display: none;*/
/*}*/

#ModalCart .modal-header {
    justify-content: flex-start;
}

#ModalCart .modal-header span {
    margin-right: 10px;
    font-size: 15px;
}

#ModalAccount .modal-header {
    justify-content: flex-start;
}

#ModalAccount .modal-header span {
    margin-right: 10px;
    font-size: 15px;
}

#ModalAccount .header-profile-dropdown-action-container {
    background-color: whitesmoke;
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    border-radius: 7px;
}

#ModalAccount .header-profile-dropdown-action-container img {
    width: 15px;
    margin-left: 5px;
}

.clickOpencartModal, .clickOpencartModalOption {
    position: relative;
}

.clickOpencartModal span, .clickOpencartModalOption span {
    position: absolute;
    top: -8px;
    left: 0px;
    width: 20px;
    height: 20px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #d2d7d7;
}

/*end header mobile*/
.child_item:before {
    content: '';
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #253d98;
    position: absolute;
    /*right: calc((100% - 570px) / 2);*/
    /*right: 500px;*/
    top: 127px;
    /*border-top: 2px solid #e1bc7a;*/
    /*border-left: 2px solid #e1bc7a;*/
    z-index: 999999999;
    opacity: 0;
    /*border-bottom: 16px solid #253d98;*/
    /*border-right: 16px solid #253d98;*/
}

.child_item_special:before {
    content: '';
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #253d98;
    position: absolute;
    /*right: calc((100% - 570px) / 2);*/
    /*right: 605px;*/
    top: 143px;
    border-top: 2px solid #e1bc7a;
    border-left: 2px solid #e1bc7a;
    z-index: 999999999;
    opacity: 0;
}

.menu_item_child:hover:before {
    opacity: 1;
}

.fixed-header .child_item:before {
    top: 51px;
    /*right: 470px;*/
}

.fixed-header .child_item_special:before {
    top: 51px;
    /*right: 600px;*/
}

.child_item:hover:before {
    opacity: 1;
}

.child_item_special:hover:before {
    opacity: 1;
}

.child_item > a {
    position: relative;
}

.child_item_special > a {
    position: relative;
}

.mega_menu_list_ul {
    padding-top: 20px;
    padding-right: 0;
    list-style: none;
    display: flex;
    margin-bottom: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-around;
    position: relative;
}

.mega_menu_list_ul_s {
    padding-top: 20px;
    padding-right: 0;
    list-style: none;
    display: flex;
    margin-bottom: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-around;
    position: relative;
}

.mega_menu_image {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    border: 2px solid #e1bc7a;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #253d98;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.mega_menu_list_ul > li > a {
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mega_menu_list_ul_s > li > a {
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mega_menu_list_ul > li > a:hover {
    color: white;
    text-decoration: unset;
}

.mega_menu_list_ul_s > li > a:hover {
    color: white;
    text-decoration: unset;
}

.mega_menu_image > img {
    filter: brightness(100) grayscale(1);
}

.mega_menu_list_ul > li {
    margin-bottom: -40px;
}

.mega_menu_list_ul_s > li {
    margin-bottom: -40px;
}

.mega_menu_text {
    margin-bottom: 10px;
    text-align: center;
}

.mega_menu_list_ul > li.active .mega_menu_image {
    background-color: white;
}

.mega_menu_list_ul_s > li.active .mega_menu_image {
    background-color: white;
}

.mega_menu_list_ul > li.active .mega_menu_image img {
    filter: unset;
}

.mega_menu_list_ul_s > li.active .mega_menu_image img {
    filter: unset;
}

.mega_menu_small {
    position: absolute;
    width: 100%;
    background-color: white;
    top: 100%;
    left: 0;
    padding: 100px 30px 30px 30px;
    z-index: -1;
    min-height: 450px;
    border-bottom: 2px solid #e1bc7a;
    height: auto;
    overflow-y: auto;
    max-height: calc(100vh - 190px);
}

.mega_menu_small_s {
    position: absolute;
    width: 100%;
    background-color: white;
    top: 100%;
    left: 0;
    padding: 100px 30px 30px 30px;
    z-index: -1;
    min-height: 450px;
    border-bottom: 2px solid #e1bc7a;
    height: 450px;
}

.mega_menu_key {
    padding-right: 0;
    list-style: none;
    text-align: right;
    color: black;
}

.mega_menu_key > li {
    background-color: #f6f7f9;
    margin-bottom: 5px;
    /*padding: 3px 20px;*/
    cursor: pointer;
}

.mega_menu_key > li > a:hover {
    text-decoration: unset;
}

.mega_menu_list_ul > li {
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}

.mega_menu_list_ul_s > li {
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}

.mega_menu_key > li > a {
    color: black;
    font-weight: 500;
    display: block;
    padding: 3px 10px;
}

.mega_menu_key > li.active {
    color: white;
    background-color: #253d98;
    position: relative;

}

.mega_menu_key > li.active > a {
    color: white;
}

.mega_menu_key > li.active:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: -5px;
    top: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #253d98;

}

.mega_menu_right {
    width: 18%;
}
#li3 .mega_menu_right {
    width: 22%;
}

.mega_menu_center {
    width: 82%;
    height: 100%;
    padding: 0px 30px 0px 20px;
    display: flex;
}
#li3 .mega_menu_center{
    width: 78%;
}
.mega_menu_left {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-right: auto;
    flex-direction: column;
    height: 350px;
}

.mega_menu_left > p {
    font-size: 18px;
    font-weight: 600;
}

.mega_menu_center > ul {
    padding-right: 0;
    list-style: none;
    text-align: right;
    height: 100%;
    display: flex;
    /*flex-direction: column;*/
    /*flex-wrap: wrap;*/
    width: 100%;
}

.mega_menu_center a {
    color: black;
}

.mega_menu_small > div.row {
    height: 100%;
}

.mega_menu_small_s > div.row {
    height: 100%;
}

.title_nav_item {
    margin-top: 10px;
    border-bottom: 1px solid #534cb44f;
    direction: rtl;
    text-align: right;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /*width: 25%;*/
    font-size: 14px;
    font-size: 1rem;
    line-height: 27px;
    font-weight: 700;
    height: auto;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    /*display: block;*/
    width: 100%;
}

.nav_item {
    direction: rtl;
    text-align: right;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 25%;
    height: auto;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    font-size: 12px;
    font-size: .857rem;
    line-height: 2.27;
    font-weight: 400;
    display: block;
    width: 100%;
}

.title_nav_item:before {
    /*top: 0;*/
    /*right: 0;*/
    /*width: 2px;*/
    /*height: 15px;*/
    /*content: " ";*/
    /*margin-left: 8px;*/
    /*border-radius: 50px;*/
    /*background-color: #253d98;*/
}

.mega_menu_center > ul > li > a:hover {
    text-decoration: unset;
}

/*.mega_menu_center{*/
/*    width: 100%;*/
/*}*/

.title_nav_item:hover > a, .nav_item:hover > a {
    color: #253d98;
}

.main-image, .parent_unavailable {
    max-width: 400px !important;
    max-height: 480px !important;
    width: 100% !important;
    height: 100% !important;
}

/*********************************view****************************/
.view_section1 {
    background-color: #f6f7f9;
}

.rote_section1 > a {
    color: black;
}

.rote_section1 > a:hover {
    color: #253d98;
    text-decoration: unset;
}

.rote_section1 {
    margin: 20px 0px;
    text-align: right;
    width: 100%;
}

.view_section1_child {
    width: 100%;
}

.view_box_image {
    /* background-color: #eae8f4; */
    /* margin-top: 100px; */
    /* margin-right: -135px; */
    /* padding-right: 120px; */
    display: flex;
    /* justify-content: center; */
    /* flex-direction: column; */
    align-items: center;
    /* border-top-left-radius: 100px; */
    height: 100%;
}

.view_image {
    /*margin-top: -100px;*/
    width: 100%;
    height: 100%;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
}

.view_slide {
    width: 65px;
    height: 65px;
    background-color: #f6f7f9;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 10px;
    padding: 10px;
}

.view_slide > img {
    width: 50px;
    object-fit: contain;
}

.view_image_slider {
    display: flex;
    margin-top: 10px;
    margin-bottom: 70px;
    width: 300px;
    overflow-y: auto;
}

.view_slide.active {
    border: 1px solid #253d98;
}

.view_image_slider::-webkit-scrollbar {
    height: 5px;
}

/* Track */
.view_image_slider::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.view_image_slider::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.view_image_slider::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.view_title_product {
    /*margin-bottom: 0;*/
    margin: 0 0 0 40px;
    text-align: right;
    font-weight: bold;
    font-size: 20px;
    color: black;

    padding-bottom: 10px;
    /*width: 100%;*/
    /*padding-top: 30px;*/
}

.customizs {
    gap: 50px;
}

.border_bottom_title {
    /*border-bottom: 1px solid #eaebed;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.view_weight {
    display: flex;
    margin-top: 15px;
    align-items: flex-start;
}

.view_weight > label {
    /*margin-left: auto;*/
    margin-bottom: 0;
    font-weight: bold;
    font-size: 17px;
}

.view_option {
    margin-right: 20px;
    background-color: white;
    width: 120px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    border: 2px solid transparent;
    margin-bottom: 10px;
}

.view_option.active {
    border: 2px solid #253d98;
}

.view_price_number {
    /*background-color: white;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*padding: 0px 30px;*/
    margin: 20px 0;
    /*margin-bottom: 25px;*/
}

.view_number {
    /*display: flex;*/
    /*width: 110px;*/
    /*border: 2px solid #f1f2f3;*/
    height: 50px;
    display: flex;
    width: max-content;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 25px;
    background-color: #edebf0;

}

.button_plus, .button_mines {
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.button_plus > i, .button_mines > i {
    font-size: 15px;
    color: #8d8e92;
}

.input_number {
    /*width: calc(100% - 60px);*/
    background-color: transparent;
    width: 20px;
    border: unset;
    text-align: center;
    font-weight: bold;
}

.input_number:focus {
    outline: unset;
}

.discount {
    background-color: #403c90;
    border-radius: 50px;
    width: 40px;
    color: white;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    height: 25px;
    padding-top: 3px;
    text-align: center;
}

.view_price_off, .view_cart_price_off {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
}


.view_price_off > strike {
    color: #969696;
    font-size: 16px;
    margin-left: auto;
}

.view_cart_price_off > strike {
    color: #969696;
    font-size: 14px;
    margin-left: auto;
}

.view_price_total {
    margin: 25px 0px;
}

.view_price {
    font-size: 22px;
    margin-top: 7px;
    color: #253d98;
    display: flex !important;
}

.view_price .tmn {
    display: flex;
    transform: rotate(270deg);
    color: black;
    font-weight: 100;
    font-size: 14px;
}

.view_cart_price {
    font-size: 15px;
    margin-top: 7px;
}

.button_add_to_cart {
    color: white;
    background-color: #d7b71d;
    height: 50px;
    border: unset;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 20px;
    text-wrap: nowrap;
}

.button_add_to_cart .button_plus > i {
    color: white;
}

.button_add_to_cart:focus {
    outline: unset;
}

.button_unavailable {
    color: white;
    background-color: #9a9797;
    height: 50px;
    border: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    font-size: 18px;
    margin-bottom: 50px;
}

.button_unavailable2 {

    background-color: white;
    height: 50px;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 18px;
    margin-bottom: 50px;
    box-shadow: inset 0 0 20px 0px #585757;
    border-radius: 2px;
    border: none;
    color: #253d98;
}

.view_section2_title:before {
    top: 0;
    right: 0;
    width: 3px;
    height: 30px;
    content: " ";
    margin-left: 8px;
    background-color: #253d98;
}

.pishnahad {
    box-shadow: 0 0 5px 0 #0000001f;
    padding: 20px;
    border-radius: 5px;
    position: relative;
}
.pishnahad .im-pish{
    width: 50px;
    height: 50px;
    object-fit: contain;
}
.pishnahad::before{
    content: '';
    position: absolute;
    right: 0;
    width: 50px;
    top: 105px;
    bottom: 0;
    background-color: #273e9624;
    height:50px;
    border-radius: 50%;
}
.t-pish{
    line-height: 30px;
    font-size: 18px;
    text-align: justify;
}
img.w-100.img-box {
    height: 140px;
    object-fit: contain;
}
.pishnahad .sefaresh {
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #273e96;
}

/**/
.mega-menu-testi .menu-content ul {
    padding: 15px 0;
}
.mega-test:hover .submenu{
    display: block;
    transition: right .3s ease-in;
}
.m-mega:hover .submenu1{
    display: block;
    transition: right .3s ease-in;
}

.mega-menu-testi {
    display: none;
    position: fixed;
    top: 135px;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    position: absolute;
}
.mnu_testi.menu_item {
    position: relative;
}

.mega-menu-testi.active {
    display: block;
}


.menu-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    background-color: white;
    box-shadow: -4px 0 10px rgba(0, 0, 0, 0.1);
}

.menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: #233c98;
    color: white;
}

.menu-header .close-menu {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: white;
}

/* استایل محتوا */
.menu-content ul {
    list-style: none;
    padding: 20px;
}

.menu-content ul li {

    padding: 10px 15px;

    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    justify-content: space-between;
}
.menu-content ul li a:hover {

    font-weight: 600;
}
.menu-content ul li:hover i {
color: #233c98;
}


.menu-content ul li a{

    padding: 10px 15px;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex
;
    justify-content: space-between;
    width: 100%;
    color: black;
    font-size: 16px;
    font-weight: 500;
}

.mega-menu-testi .submenu {
    display: none;
    position: absolute;
    right: 100%;
    top: 0px;
    background-color: white;
    padding: 10px 0px;
    border-radius: 0;
    width: 300px;
    box-shadow: inset #dfdfdf -10px 0px 45px -12px;
    height: 100vh;
    transition: all .3s;
}
.mega-menu-testi .submenu1 {
    display: none;
    position: absolute;
    right: 100%;
    top: 0px;
    background-color: white;
    padding: 10px;
    border-radius: 0;
    width: 300px;
    box-shadow: inset #dfdfdf -10px 0px 45px -12px;
    height: 100vh;
    transition: all .3s;
}
.mega-menu-testi .submenu-m-mega{
    display: none;
    position: absolute;
    right: 100%;
    top: 0px;
    background-color: white;
    padding: 10px;
    border-radius: 0;
    width: 300px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    height: 100vh;
}
.mega-menu-testi .submenu-m-mega.active {
    display: block;
}
.mega-menu-testi .submenu.active {
    display: block;
}

.mega-menu-testi .submenu ul {
    list-style: none;
    padding: 0;
    margin-top: 10px;
}
.mega-menu-testi button.close-menu {
    position: fixed;
    left: 50%;
    background-color: transparent;
    border: unset;
    color: white;
    font-size: 50px;
    font-weight: 300;
}

.mega-menu-testi .submenu ul li {
    margin-bottom: 10px;
    padding: 8px 12px;

    border-radius: 5px;
}
.mega-menu-testi .submenu ul li a{
    color: black;
    display: flex
;
    justify-content: space-between;
    width: 100%;
}



.menu-content ul li i {
    margin-left: 10px;
    font-size: 18px;
}
.mega-menu-testi .m-mega .submenu {
    display: none;
    position: absolute;
    right: 100%;
    top: 0px;
    background-color: white;
    padding: 10px;
    border-radius: 0;
    width: 300px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    height: 100vh;
    overflow-y: auto; /* افزودن قابلیت اسکرول برای طولانی بودن محتوا */
}

.mega-menu-testi .submenu.active {
    display: block;
}

/* استایل برای نمایش زیرمنوهای بیشتر */
.mega-menu-testi .submenu ul li {
    margin-bottom: 10px;
    padding: 8px 12px;
    border-radius: 5px;
}

.mega-menu-testi .submenu ul li a {
    color: black;
}
.menu-content ul li:hover {
    background-color: #253d9826;
    transition: background-color 0.3s ease; /* برای افکت نرم تغییر رنگ */
}
.mega-menu-testi .submenu ul li:hover {
    background-color: #253d9826;
    transition: background-color 0.3s ease;
}

/* برای زیرمنوهای سطح دوم */
.mega-menu-testi .submenu1 ul li:hover {
    background-color: #253d9826;
    transition: background-color 0.3s ease;
}

/**/
div#exampleModalCenter .modal-dialog {
    max-width: 50%;
}

.pishnahad li {
    padding: 10px;
    margin: 5px 25px;
    background-color: #f9f9f9;
    border-radius: 8px;
    position: relative;
    font-size: 15px;
    color: #333;
    transition: all 0.3s ease;
    font-weight: bold;
    line-height: 30px;
    text-align: right;
}

.btn-banafsh{
    background-color: #253d98;
    color: white;
}
.btn-banafsh:hover{
    color: white;
}
.btn-back{
    background-color: #d7b71d;
}

@keyframes colorChange {
    0% {
        color: black;
    }

    50% {
        color: #8a2be2;
    }

    100% {
        color: black;
    }
}

/**/
.testi {
    position: relative;

}

.mega-menu-testi {

}

/**/
.selected {
    animation: colorChange 2s ease-in-out infinite;
}


.pishnahad li.selected {
    background-color: #5b6db217;

}

div#exampleModalCenter .pishnahad {
    box-shadow: unset;
}

.pishnahad li::before {
    content: "";
    position: absolute;
    right: -29px;
    top: 47%;
    transform: translateY(-50%);
    font-size: 13px;
    background-color: white;
    color: white;
    width: 25px;
    height: 25px;
    display: flex
;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #253d98;
}

.red {
    color: red;
}

.pishnahad li.active::before {
    content: '✔' !important;
    color: #253d98;
    display: flex
;
    align-items: center;
    justify-content: center;
    line-height: initial;

}

.view_section2_title {
    direction: rtl;
    text-align: right;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /*width: 25%;*/
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    height: 30px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    color: black;
}

.view_content_section2 {
    width: 100%;
    text-align: justify;
}

.view_content_section2 h2 {
    font-size: 18px;
    font-weight: 600;
}

.view_content_section2 h3 {
    font-size: 18px;
    font-weight: 500;
}

.view_content_section2 h4 {
    font-size: 17px;

}

.view_content_section2 p {
    line-height: 35px;
}

.view_parent_description {
    padding: 0px 0px 30px 0px;
}

.view_parent_description > div:first-child {
    padding-right: 0;
}

.view_description {
    height: 120px;
    overflow: hidden;
}

.btn_see_more {
    text-align: left;
    margin-top: 25px;
    display: table;
    margin-right: auto;
    position: relative;
    margin-left: auto;
    cursor: pointer;
}

.btn_see_more > img {
    margin-left: 5px;
}

.view_description.is-open {
    height: auto;
}

.view_description > p {
    text-align: justify;
    line-height: 2;
    font-size: 15px;
}

.view_description > p > span {
    font-size: 13px;
    color: #000 !important;
}

.view_image_content {
    display: flex;
    justify-content: flex-end;
}

.view_section2_title {
    margin: 40px 0px 30px 0px;
}

.view_section3 {
    background-color: #f6f7f9;
}

.view_product_related {
    text-align: right;
    width: 100%;
}

.view_related_parent {
    margin-bottom: 50px;
}

.about_product {
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #eaebed;
}

/*.Comments-items:not(:last-child) {*/
/*    border-bottom: 2px solid #e0e0e0;*/
/*}*/

.Comments-items {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #e0e0e0;
}

.Comments-top {
    display: flex;
    direction: rtl;
}

.user-post-Comments {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f4f4f4;
    /*border-radius: 10px;*/
}

.preview_image_profile {
    overflow: hidden;
}

.name-user {
    display: flex;
    align-items: center;
    margin-right: 15px;
    font-weight: bold;
    justify-content: center;
}

.tarikh {
    display: flex;
}

.date-time-post {
    display: flex;
    margin-right: 60px;
    color: #8a8a8a;
    align-items: center;
    justify-content: center;
}

.Response {
    color: red;
    font-weight: bold;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.d-none-comment {
    display: none;
}

.tab-content.content_comment_send {
    direction: rtl;
}

.tab-content > .active {
    display: block !important;
}

.tab-content > .tab-pane {
    display: none;
}

.text-danger {
    color: #de546c !important;
}

.text_erorr {
    font-size: 12px;
    font-weight: 700;
}

.text_erorr {
    text-align: right;
}

#alert-form-comment, #alert-form-sponsor {
    background: #f2f2f2;
    border-radius: 4px;
    color: #f00;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 5px;
}

.dis-none {
    display: none;
}

.Comments-bottom {
    margin-top: 20px;
    text-align: right;
}

.Comments-bottom p {
    margin-bottom: 0;
}

.response-items {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    /* background-color: #f7f7f7; */
    margin-top: 20px;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    z-index: 100;
    text-align: right;
}

.date-post {
    padding-left: 10px;
    border-left: 2px solid #8a8a8a;
}

.date-post {
    text-align: right;
    direction: rtl;
}

.time-post {
    margin-right: 10px;
}

.date-post-icon {
    margin-left: 10px;
}

.view_box_comments {
    width: 100%;
    text-align: right;
}

.comment_send_user_1 {
    padding-top: 30px;
}

.btn_send_comment {
    width: 200px;
    color: white;
    background-color: #253d98;
    border-radius: 5px;
    border: unset;
    height: 40px;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn_send_comment:focus {
    outline: unset;
}

#textmessage-, #email {
    background-color: #f6f7f9;
    border: unset;
}

a:hover {
    /*color: #253d98 !important;*/
}

.more_comments {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #253d98;
    cursor: pointer;
}

.more_comments > i {
    margin-right: 5px;
}

.view_title_product_mobile {
    display: none;
    text-align: right;
    font-weight: bold;
    font-size: 20px;
    color: black;
    border-bottom: 1px solid #eaebed;
    /*padding-bottom: 20px;*/
    padding: 0;
    /*margin-top: 10px;*/
    margin: 10px 0 20px;
}

.view_title_product_mobile > h1 {
    margin: 0 0 0 40px;
    text-align: right;
    font-weight: bold;
    font-size: 20px;
    color: black;
    padding-bottom: 10px;
}

.button_slider {
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button_next, .button_prev {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eaebed;
    color: black;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
}

.button_next:hover, .button_prev:hover {
    color: white;
    background-color: #253d98;
}

.view_section2, .view_section4, .view_section5 {
    background-color: white;
}


/*****************search****************/

.search_section_bottom {
    width: 80%;
    background-color: white;
    padding: 20px 30px 30px 30px;
    margin: -149px auto 0px auto;
    position: relative;
}

.search_categories {
    margin: 30px 0 0 0;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}

.search_section2_title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.box_category {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 0px;
}

.box_category > a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.box_category > a > img {
    height: 160px;
}

/*.borderLeft {*/
/*    border-left: 2px solid #bfbfbf;*/
/*}*/

.category_name {
    margin-top: 15px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: black;
}

.box_category:hover .category_name {
    color: #253d98;
}

.search_product_title {
    margin-bottom: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 34px;
    /*line-height: 27px;*/
    font-weight: 700;
    height: 40px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    color: #f19282;
    margin-left: auto;
}

.search_product_subtitle {
    color: #f19282;
    font-size: 30px;
    font-weight: 600;
}

.container_header .search_product_title{
    color: #253D98;
}

.search_product_parent {
    width: 100%;
    /*background-color: #fff;*/
    margin-bottom: 20px;
}

.search_product {
    margin-right: 15px;
    /*background-color: #fff;*/
}

.search_product .product {
    padding: 10px 10px 50px 10px !important;
}

.search_section2_top {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 10px 0px 20px 0px;
    justify-content: space-between;
}

.search_section2_top_ {
    background-color: #fff;
    margin: 0;
    padding-top: 15px;
}

.search_filter_button {
    /*background-color: #f8f8f8;*/
    background-color: transparent;
    padding: 0px 5px 10px 10px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3px;
}

.search_filter_button > label {
    margin-bottom: 0;
    font-size: 13px;
    margin-left: 10px;
}

.search_filter_button > select {
    border: unset;
    background-color: white !important;
    padding: 1px 5px;
    height: 35px;
}

.box_pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

.number_page {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    margin: 0px 5px;
    position: relative;
    cursor: pointer;
}

.number_prev > a, .number_next > a {
    color: white !important;
}

.number_next.dis-page-link {
    opacity: 0.5;
}

.number_prev.dis-page-link {
    opacity: 0.5;
}

.page-item span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.number_page.active {
    color: #253d98;
    /*text-decoration: underline;*/
    /*border-bottom: 1px solid #253d98;*/
}

.page-item.active a:before {
    bottom: 5px;
    right: 0;
    height: 2px;
    width: 100%;
    content: " ";
    /* margin-left: 8px; */
    background-color: #253d98;
    /* margin-bottom: -6px; */
    position: absolute;
}

.page-item a {
    color: #333
}

.number_next a {
    color: #fff;
}

.number_page.active:before {
    bottom: 5px;
    right: 0;
    height: 2px;
    width: 20px;
    content: " ";
    /* margin-left: 8px; */
    background-color: #253d98;
    /* margin-bottom: -6px; */
    position: absolute;
}

.number_next, .number_prev {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    /*font-weight: 600;*/
    color: white;
    background-color: #253d98;
    border-radius: 5px;
}

.search_pagination {
    margin-bottom: 100px;
    margin-top: 30px;
}

.search_title_section4 {
    font-weight: bold;
    text-align: right;
    margin-bottom: 0.8rem;
    font-size: 1.3rem;
}

.image_banner_search {
    width: 100%;
    height: 100%;
    /*position: relative;*/
    /*background-image: url(../images/search/banner.jpg);*/
    /*background-image: url(../images/search/banner1.png);*/
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #253d98;
}

.parent_image_banner_search {
    background-color: #253d98;
    width: 100%;
    height: 230px;
    position: relative;
}

.image_banner_search > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search_text_banner {
    position: absolute;
    top: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.search_text_banner > span {
    font-size: 40px;
    font-weight: bold;
    /*background: rgba(255, 255, 255, 0.5);*/
    /*backdrop-filter: blur(5px);*/
    /*width: fit-content;*/
    padding: 10px;
    /*text-align: right;*/
    /*direction: rtl;*/
    /*height: auto;*/
    /*border-radius: 5px;*/
    /*border: 2px solid white;*/
    /*margin-left: auto;*/
    color: #f09282;
}

.image_banner_search {

}

.search_section4_img {
    position: relative;
    width: 100%;
}

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

.search_mobile.border_icon_ {
    cursor: pointer;
}

.col-custom {
    width: calc(100% / 5);
    padding-right: 15px;
    padding-left: 15px;
}


/****************profile***************/
.profile_child_total {
    width: 100%;
}

.profile_sidebar {
    background-color: white;
    padding: 30px 40px;
}

.profile_content {
    background-color: white;
    padding: 30px 40px;
    text-align: right;
}

.profile_item_sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #c79a46;
    padding-bottom: 10px;
}

.profile_icon_option {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50px;
    border: 2px solid #c79a46;
}

.profile_icon_option > img {
    filter: unset;
}

.profile_icon_option > i {
    font-size: 19px;
    font-weight: bold;
    color: #253d98
}

.profile_section1 {
    margin: 50px 0px;
}

.profile_label_sidebar {
    margin-top: 10px;
    text-align: center;
}

.profile_item_logout {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.profile_item_logout img {
    margin-left: 5px;
}

.profile_item_sidebar > a {
    color: black;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.profile_item_sidebar.active > a {
    color: #253d98;
}

.profile_item_sidebar.active .profile_icon_option {
    background-color: #253d98;
}

.profile_item_sidebar.active .profile_icon_option > img {
    filter: brightness(100) grayscale(1);
}

.profile_item_sidebar.active .profile_icon_option > i {
    filter: brightness(100) grayscale(1);
}

.profile-edit-picture {
    position: relative;
    width: 65px;
    height: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lable-image {
    cursor: pointer;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}

.profile-box-image1 {
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: 1px solid #d8d8d7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.profile-image5 {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#file2-image {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: +99999;
    opacity: 0;
    cursor: pointer;
    height: 100%;
}

.profile-upload {
    position: absolute;
    background-color: #253d98;
    width: 20px;
    height: 20px;
    border-radius: 0px;
    color: #f4f4f3;
    right: -7px;
    bottom: -7px;
    cursor: pointer;
}

.profile_form_edit {
    /*padding: 40px 0px;*/
    /*border-bottom: 2px solid #ffe8bd;*/
}

.profile_box_input label {
    text-align: right;
    color: rgb(126, 126, 126);
}

.profile_box_input {
    display: flex;
    flex-direction: column;
}

.parent_input {
    /*height: 40px;*/
    /*border: 1px solid #e7e8eb;*/
    /*border: 1px solid #f6f7f9;*/
    display: flex;
    align-items: center;
}

.parent_input div {
    width: 100%;
    margin-bottom: 0;
}

.parent_input input {
    width: 100%;
    /*border: unset;*/
    /*height: 100%;*/
}

.parent_input input {
    outline: unset;
}

.profile_change_password {
    margin: 30px 10px 0px 10px;
}

.profile_change_password > a {
    color: black;
}

.profile_item_logout > a {
    color: black;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.margin_bottom_input {
    margin-bottom: 20px;
}


/*******************searchnew***********/
.searchnew_section1 {
    background-color: #0d4738;
    height: 200px;
}

.swiper-home-next1 {
    background-color: white;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    opacity: 0.5;
    position: absolute;
    top: calc((100% - 30px) / 2);
    left: 10%;
    cursor: pointer;
    z-index: 10;
}

.swiper-home-prev1 {
    background-color: white;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    opacity: 0.5;
    position: absolute;
    top: calc((100% - 30px) / 2);
    right: 10%;
    cursor: pointer;
    z-index: 10;
}

.swiper_slider_search {
    position: relative;
    height: 100%;
}

.category_product {
    background-color: white;
    padding: 30px 20px 1px 20px;
}

.title_option_sidebar_search {
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    color: black;
}

.search_content_category > ul {
    padding-right: 0;
    list-style: none;
    direction: ltr;
    text-align: right;
    padding-left: 0;
}

.search_content_category > ul > li {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.category_item i {
    position: absolute;
    left: 0;
    /* top: 10px; */
    height: 100%;
    width: 34px;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    padding-top: 10px;
    font-size: 14px;
}

.dropdown_ul {
    display: none;
    padding-right: 20px;
    list-style: none;
    /*position: absolute;*/
    width: 100%;
    top: 100%;
    /*background-color: white;*/
    text-align: right;
    padding-top: 20px;
    padding-left: 0;
}

.category_item > a {
    width: 100%;
    display: flex;
    align-items: center;
    color: black;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    background-color: #f6f7f9;
    height: 45px;
}

.category_item {
    margin-bottom: 30px;
    position: relative;
}

.category_item > a > i {
    position: absolute;
    left: 10px;
}

.category_item_image {
    position: absolute;
    right: 10px;
    top: -13px;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.category_item img {
    position: absolute;
    right: 10px;
    top: -9px;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.category_item > label {
    background-color: #f6f7f9 !important;
    text-align: right;
    width: 100%;
    padding-right: 10px;
    font-weight: bold !important;
    font-size: 14px;
    height: 45px;
    display: flex;
    align-items: center;
    /*justify-content: flex-end;*/
    margin-bottom: 0;
    flex-direction: row-reverse;
}

.category_item.active .category_item_image {
    border: 4px solid #253d98;
}

.category_item.active img {
    border: 4px solid #253d98;
}

.category_item.active {
    color: #253d98;
}

.category_item.active > label {
    color: #253d98 !important;
}

.category_item > a > img {
    object-fit: cover;
}

.category_item > a > span {
    padding-right: 90px;
}

.search_content_category {
    margin: 40px 0px;
}

.sidebar_searchNew {
    width: 23%;
}

.content_searchNew {
    /*width: 77%;*/
    width: calc(100% - 23%);;
}

.dropdown_ul > li > a {
    color: black;
}

.dropdown_ul > li > a > input {
    margin-left: 5px;
}

.dropdown_ul > li {
    margin-bottom: 10px;
    display: flex;
    direction: rtl;
    align-items: center;
}

.dropdown_ul > li > label {
    margin-bottom: 0;
    font-size: 14px;
}

.dropdown_ul > li > input {
    margin-left: 5px !important;
}

.category_sort {
    background-color: white;
    margin-top: 15px;
    padding: 30px 20px 1px 20px;
}

.search_content_category_sort > ul {
    padding-right: 20px;
    list-style: none;
    text-align: right;
}

.search_content_category_sort {
    margin: 10px 0px;
}

.search_content_category_sort > ul > li > a {
    color: black;
    display: flex;
    align-items: center;
}

.search_content_category_sort > ul > li > a > input {
    margin-left: 5px;
}

.search_content_category_sort > ul > li {
    margin-bottom: 10px;
}

.item_sort.active {
    background-color: #f6f7f9;
}

.category_price {
    background-color: white;
    margin-top: 15px;
    padding: 30px 20px 30px 20px;
}


.noUi-horizontal {
    height: 4px !important;
    border: unset !important;
}

.min_input, .max_input {
    width: calc(50% - 2px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-top: 2px solid #eaebed;
    padding-top: 10px;
}

.box_search_filter {
    display: flex;
    justify-content: flex-end;
}

.min_input > input, .max_input > input {
    width: 90%;
    /*margin-top: 20px;*/
    text-align: center;
    border: unset;
}

.min_input > input:focus, .max_input > input:focus {
    outline: unset;
}

.input_price {
    /*display: flex;*/
    /*margin-top: 30px;*/
    /*justify-content: space-between;*/
    /*border-top: 1px solid #eaebed;*/
}

.noUi-horizontal .noUi-handle {
    width: 15px !important;
    height: 15px !important;
    border-radius: 50px !important;
    left: 0 !important;
    border: 1px solid #253d98;
    background: #eaebed !important;
    box-shadow: unset !important;
}

.noUi-handle:after, .noUi-handle:before {
    content: unset !important;
}

.noUi-tooltip {
    display: none !important;
}

.noUi-pips-horizontal {
    display: none !important;
}

.noUi-background {
    background: #eaebed !important;
}

.noUi-connect {
    background: #253d98 !important;
}

.search_content_price {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 30px 20px 0px 20px;
}

.border_input_price {
    width: 2px;
    height: auto;
    background-color: #eaebed;
}

.apply_change {
    width: 150px;
    /*height: 35px;*/
    border-radius: 5px;
    border: 1px solid #d7b71d;
    color: #d7b71d;
    background-color: #e5c51d47;
    font-size: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.apply_change:focus {
    outline: none;
}

.filter_sidebar {
    display: none;
}

.close_sidebar_search {
    display: none;
}

.swiper_slider_search .swiper-slide > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.main-aside {
    position: fixed;
    bottom: 60px;
    left: 0;
    right: 0;
    z-index: 99999;
    justify-content: center;
    margin: 0px auto;
    height: auto;
    background-color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 0px 0;
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px 1px #00000029;
    display: none;

}

.main-aside1 {
    position: fixed;
    bottom: 60px;
    left: 0;
    right: 0;
    z-index: 99999;
    justify-content: center;
    margin: 0px auto;
    height: auto;
    background-color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 20px 0;
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(0px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px 1px #00000029;
    display: none;
    animation: slideIn 0.5s ease;
}

@keyframes slideIn {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}

.main-aside2 {
    max-height: 470px;
    height: 100%;
    position: fixed;
    bottom: 60px;
    left: 0;
    right: 0;
    z-index: 99999;
    justify-content: center;
    margin: 0px auto;
    height: 500px;
    background-color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 20px 0;
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(0px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px 1px #00000029;
    display: none;
    animation: slideIn 0.5s ease;
}

@keyframes slideIn {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}

.aside_ul1 {
    padding-bottom: 35px !important;
}

.main-aside.open {
    /*-webkit-transform: translateX(-300px);*/
    /*-ms-transform: translateX(-300px);*/
    /*transform: translateX(-300px);*/
    -webkit-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    transform: translateY(-300px);
}

.main-aside1.open {
    /*-webkit-transform: translateX(-300px);*/
    /*-ms-transform: translateX(-300px);*/
    /*transform: translateX(-300px);*/
    -webkit-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    transform: translateY(-300px);
}

.main-aside .aside-title {
    padding: 0 15px;
}

.main-aside1 .aside-title {
    padding: 0 15px;
}

.main-aside2 .aside-title {
    padding: 0 15px;
}

_
.main-aside1 .aside-scroll {
    position: relative;
    overflow-y: auto;
    width: 100%;
}

.main-aside2 .aside-scroll {
    position: relative;
    overflow-y: auto;
    width: 100%;
}

.main-aside .aside-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*padding-bottom: 20px;*/
    /*border-bottom: 1px solid #e1bc7a;*/
}

.main-aside1 .aside-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    /*border-bottom: 1px solid #e1bc7a;*/
}

.main-aside2 .aside-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    /*border-bottom: 1px solid #e1bc7a;*/
}

.close-btn {
    left: 10px;
    position: absolute;
    border: 0;
    background-color: transparent;
    padding: 0;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
}

.main-aside ul {
    margin: 0;
    width: 100%;
    list-style: none;
    padding: 0;

}

.main-aside1 ul {
    margin: 0;
    width: 100%;
    list-style: none;
    padding: 0;
}

.main-aside2 ul {
    margin: 0;
    width: 100%;
    list-style: none;
    padding: 0;
}

.main-aside .menu-section-title {
    font-weight: 700;
    text-transform: uppercase;
    /* font-family: 'Roboto', serif; */
    color: #253d98;
    /*margin: 10px 15px 0px;*/
    /* height: 28px; */
    /* width: 100%; */
    position: relative;

}

.main-aside1 .menu-section-title {
    font-weight: 700;
    text-transform: uppercase;
    /* font-family: 'Roboto', serif; */
    color: #253d98;
    /*margin: 10px 15px 0px;*/
    /* height: 28px; */
    /* width: 100%; */
    position: relative;

}

.main-aside2 .menu-section-title {
    font-weight: 700;
    text-transform: uppercase;
    /* font-family: 'Roboto', serif; */
    color: #253d98;
    /*margin: 10px 15px 0px;*/
    /* height: 28px; */
    /* width: 100%; */
    position: relative;

}

.main-aside .menu-section-title:hover {

    box-shadow: 0 0 10px 0;


}

.main-aside1 .menu-section-title:hover {

    box-shadow: 0 0 10px 0;


}

.main-aside2 .menu-section-title:hover {

    box-shadow: 0 0 10px 0;


}


.main-aside .menu-section-title > i {
    /*margin-left: 20px;*/
    position: absolute;
    left: 20px;
    /*top: 15px;*/
    top: 0px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    /*display: none;*/
    cursor: pointer;
    border-radius: 5px;
}

.main-aside1 .menu-section-title > i {
    /*margin-left: 20px;*/
    position: absolute;
    left: 20px;
    top: 0px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    /*display: none;*/
    cursor: pointer;
    border-radius: 5px;
}

.main-aside2 .menu-section-title > i {
    /*margin-left: 20px;*/
    position: absolute;
    left: 20px;
    top: 0px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    /*display: none;*/
    cursor: pointer;
    border-radius: 5px;
}

/*.main-aside .menu-section-title .menu-item-part- > i:hover {*/
/*    background-color: #253d98;*/
/*    color: white;*/
/*    width: max-content;*/
/*    padding: 10px;*/

/*}*/
.main-aside1 .menu-section-title > i:hover {
    background-color: #253d98;
    color: white;
}

.main-aside2 .menu-section-title > i:hover {
    background-color: #253d98;
    color: white;
}

.main-aside .menu-section-title > ul > li > i {
    position: absolute;
    left: 20px;
    top: 10px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 2px;
}

.main-aside1 .menu-section-title > ul > li > i {
    position: absolute;
    left: 20px;
    top: 10px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 2px;
}

.main-aside2 .menu-section-title > ul > li > i {
    position: absolute;
    left: 20px;
    top: 10px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 2px;
}

.main-aside .menu-section-title > ul > li > i:hover {
    background-color: #253d98;
    color: white;
}

.main-aside1 .menu-section-title > ul > li > i:hover {
    background-color: #253d98;
    color: white;
}

.menu-item-has-children {
    position: relative;
}

.main-aside ul .menu-item a {
    padding: 5px 15px 5px;
    /*padding: 10px 15px 5px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    color: #000;
    /* font-weight: 400; */
    transition: 0s;
}

.main-aside1 ul .menu-item a {
    padding: 5px 15px 5px;;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    color: #000;
    /* font-weight: 400; */
    transition: 0s;
}

.main-aside2 ul .menu-item a {
    padding: 5px 15px 5px;;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    color: #000;
    /* font-weight: 400; */
    transition: 0s;
}

.menu-item.menu-item-has-children a {
    position: relative !important;
}

.menu-section-title a {
    width: max-content;
    height: 100%;
}

/*.main-aside ul .menu-item.menu-item-has-children > a::after {*/
/*    font-family: "Font Awesome 5 Free";*/
/*    content: "\f078";*/
/*    -webkit-font-smoothing: antialiased;*/
/*    font-style: normal;*/
/*    font-variant: normal;*/
/*    font-weight: 900;*/
/*    text-rendering: auto;*/
/*    line-height: 28px;*/
/*    margin-right: auto;*/
/*    font-size: 10px;*/
/*}*/


.main-aside ul .menu-item .submenu {
    display: none;
}

.main-aside1 ul .menu-item .submenu {
    display: none;
}

.main-aside2 ul .menu-item .submenu {
    display: none;
}

.main-aside ul .menu-item .submenu a {
    text-align: right;
    /*padding-right: 30px;*/
}

.main-aside1 ul .menu-item .submenu a {
    text-align: right;
    /*padding-right: 30px;*/
}

.main-aside2 ul .menu-item .submenu a {
    text-align: right;
    /*padding-right: 30px;*/
}

.box_img_menu {
    width: 45px;
    height: 45px;
    border-radius: 50px;
    border: 2px solid #e1bc7a;
    margin-left: 5px;
    padding: 7px;
    background-color: #253d98;
}

.header_mobile1 li:hover {
    border-bottom: 2px solid #253d98;
}


.box_img_menu > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(100) grayscale(1);
}

.menu-section-title.menu-item.menu-item-has-children.active > a > .box_img_menu > img {
    filter: unset;
}

.menu-section-title.menu-item.menu-item-has-children.active > a > .box_img_menu {
    background-color: white;
}

.menu-section-title.menu-item.menu-item-has-children.active > a {
    color: #253d98;
}

.menu-section-title.menu-item.menu-item-has-children.active > a::after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.submenu {
    background-color: #f6f7f9;
}

.logo_menu_mobile {
    margin-right: auto;
    margin-left: auto;
    width: 100px;
}

.close-btn.close-dark span {
    background-color: #000;
}

.close-btn span {
    position: absolute;
    width: 2px;
    height: 15px;
    display: block;
    background-color: #fff;
    opacity: 0.6;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(
            45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(
            45deg);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.close-btn span:nth-child(2) {
    -webkit-transform: rotate(
            -45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(
            -45deg);
}

.menu_fixed ul {
    text-align: right;
}

.menu_fixed > ul > li {
    margin-bottom: 10px;
    font-weight: 600;
    border-bottom: 0.25px solid;
    color: #e1bc7a6e;
    padding: 5px;
}

.menu_fixed > ul > li > a {
    color: black;
}

.menu_fixed > ul > li > a > span {
    margin-right: 5px;
}

.menu_fixed {
    margin: 20px 0px 10px 0px;

    padding-bottom: 20px;
}

.aside-scroll .mobile_category {
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 5px;
    padding: 15px;
}

.section1 {
    /*height: 545px;*/
}

.image_barg {
    position: absolute;
    top: -75px;
    right: 80px;
}

.help-error {
    color: red;
    /*height: 20px;*/
    font-size: 12px;
    /* width: 200px; */
    /*position: absolute;*/
    /*bottom: 1px;*/
}


.border_slide {
    -webkit-box-shadow: 0px 0px 3px 0px rgb(74 169 210);
    -moz-box-shadow: 0px 0px 3px 0px rgba(74, 169, 210, 1);
    box-shadow: 0px 0px 3px 0px rgb(74 169 210);
    border: 1px solid #4aaad2;
    background-color: transparent;
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 999;
}

.header_content_bottom.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999 !important;
    background: #fff;
    animation: smoothScroll 1s forwards;
    box-shadow: 0px 0px 5px 1px #a7a7a7;
    /*margin-top: 0;*/
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }
    100% {
        transform: translateY(0px);
    }
}

.header_content_bottom.fixed_header_top .logo_sticky {
    animation-delay: 1s;
    animation: logoSticky 1s forwards;
    display: block;
    opacity: 1;
}


@keyframes logoSticky {
    0% {
        transform: translateY(-100px);
    }
    100% {
        transform: translateY(0);
    }
}

.logo_sticky {
    width: 125px;
    height: 80px;
    opacity: 0;
    display: none;
    transform: translateY(-100px);
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.logo_sticky_blog {
    width: 125px;
    height: 60px;
    opacity: 0;
    display: none;
    transform: translateY(-100px);
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    position: relative;
}

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

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

.header_content_bottom.fixed_header_top .move_right {
    animation: moveRight 1s forwards;
}

@keyframes moveRight {
    0% {
        padding-left: 20px;
    }
    100% {
        padding-left: 40px;
    }
}

.header_content_bottom.fixed_header_top .move_left {
    animation: moveLeft 1s forwards;
}

@keyframes moveLeft {
    0% {
        padding-right: 20px;
    }
    100% {
        padding-right: 40px;
    }
}


.section2_col_one:hover .hover-box, .section2_col_three:hover .hover-box, .section2_col_two:hover .hover-box, .section2_col_four:hover .hover-box, .section2_col_right:hover .hover-box {
    display: block;
    cursor: pointer;
}

.hover-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    display: none;
    background-color: rgba(7, 73, 92, .7);
    /* opacity: 0.5; */
    z-index: 99;
}


.child1-hover-box {
    border: 1px solid transparent;
    margin: 0 auto;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    width: 100%;
    height: 100%;
}

.child1-hover-box:after, .child1-hover-box:before {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: #7efcfc;
}

.child2-hover-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: white;
}

.child1-hover-box:hover {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.child1-hover-box:hover:after, .child1-hover-box:hover:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    width: 100%;
}

.child1-hover-box:hover:after, .child1-hover-box:hover:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    width: 100%;
}


.child1-hover-box:before {
    right: 0;
    top: 0;
}

.child1-hover-box:after {
    left: 0;
    bottom: 0;
}

.child1-hover-box:hover > div:after, .child1-hover-box:hover > div:before {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    height: 100%;
}

.child1-hover-box:hover > div:after, .child1-hover-box:hover > div:before {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    height: 100%;
}

.child1-hover-box > div:after, .child1-hover-box > div:before {
    content: "";
    width: 1px;
    height: 0;
    position: absolute;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: #7efcfc;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.child1-hover-box > div:after, .child1-hover-box > div:before {
    content: "";
    width: 1px;
    height: 0;
    position: absolute;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: #7efcfc;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.child1-hover-box > div:before {
    left: 0;
    top: 0;
}

.child1-hover-box > div:after {
    right: 0;
    bottom: 0;
}


.child2-hover-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: white;
}

.style-input {
    background-color: #f6f7f9;
    border: unset;
    border-radius: 0;
}

/**********zoom *******/
.slider_slick_image .item {
    width: 100%;
}

.xzoom-gallery5 {
    -webkit-transition: transform 2s;
    -moz-transition: transform 2s;
    -ms-transition: transform 2s;
    -o-transition: transform 2s;
    transition: transform 2s;
    /*width: 100%;*/
}

.xzoom2, .xzoom3, .xzoom4, .xzoom5 {
    box-shadow: unset !important;
    width: 300px !important;
    height: 300px;
}

.xzoom-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.xzoom-thumbs {
    width: 300px;
    /*overflow-x: auto;*/
    white-space: nowrap;
}


/******************comments********************/

textarea {
    resize: none;
}

.help-block {
    color: red;
    font-size: 12px;
    height: 20px;
    margin-top: 2px;
    position: unset;
}

.help-block > ul {
    list-style: none;
    padding-right: 0;
}

.comments-list ul {
    margin: 0;
    padding-right: 0;
    list-style: none;
}

.comment.even.thread-even.depth-1.single-comment._item._person {
    position: relative;
    padding: 10px;
}

.children > li {
    border: unset !important;
}

.comments-list li {
    margin-bottom: 30px;
    border-radius: 0;
}

.comments-list {
    text-align: right;
}

.Comments-top > aside.meta {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Comments-top > aside.meta > time {
    display: flex;
    margin-right: 60px;
    padding-bottom: 0;
    align-items: center;
    justify-content: center;
    color: #8a8a8a;
}

.Comments-top ._item__user--like-reply {
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#respond {
    text-align: right;
}

.commentlist .comment-respond {
    padding: 10px !important;
    background-color: white !important;
    border: 2px solid #f6f6f6 !important;
}

.posation-i {
    color: #253d98;
}

#cancel-comment-reply-link {
    color: #253d98;
}

.comment-text {
    margin: 0 !important;
    padding-right: 0 !important;
}


.hover_effect1::before {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    -moz-transform: translate(105%, 0%);
    -webkit-transform: translate(105%, 0%);
    transform: translate(105%, 0%);
}

.hover_effect1::after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    -moz-transform: translate(-105%, 0%);
    -webkit-transform: translate(-105%, 0%);
    transform: translate(-105%, 0%);
}

.hover_effect1::before, .hover_effect1::after {
    background-color: rgba(255, 255, 255, 0.6);
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: all 0.9s ease 0s;
    width: 100%;
    z-index: 1;
}


.hover_effect1:hover:before, .hover_effect1:hover:after {
    opacity: 0;
    -moz-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}


.hover_effect1 {
    /*display: block;*/
    overflow: hidden;
    /*height: 100%;*/
    cursor: pointer;
    /*-webkit-box-shadow: 0 0px 4px 0 rgb(0 0 0 / 23%) !important;*/
    /*box-shadow: 0 0px 4px 0 rgb(0 0 0 / 23%) !important;*/
    /*border-radius: 16px;*/
    z-index: 3;
    position: relative;
    /*margin-top: 10px;*/
    color: #000;
}

.section2_text {
    color: #000000;
}

.cart-items-box {
    /* max-height: 350px !important; */
    overflow: hidden !important;
    align-items: center;
    justify-content: center;
    display: block;
    overflow-y: auto;
    /* max-height: 305px; */
    padding-right: 0;
    list-style: none;
    margin-bottom: 0;
}

.product-cart-head- {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

/* width */
.product-cart-head-::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.product-cart-head-::-webkit-scrollbar-track {
    background: #d8d8d8;
}

/* Handle */
.product-cart-head-::-webkit-scrollbar-thumb {
    background: #253d98;
}

/* Handle on hover */
.product-cart-head-::-webkit-scrollbar-thumb:hover {
    background: #19095c;
}


.product-cart-head- li {
    border-bottom: 1px solid #DAE1E7;
}

.cart-modal-header- {
    padding: 10px;
}

.basket-img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.cart-modal-header- .title-modal-cart {
    font-size: 15px;
    text-align: right;
    line-height: 20px;
}

.border-top-gray- {
    /*border-top: 1px solid #ddd;*/
    padding: 10px;
}

.header-modal_cart-total-price {
    min-height: 50px;
    line-height: 25px;
    text-align: center;
}

.link-btn- {
    color: #fff !important;
    height: 39px;
    padding: 0px 10px !important;
    line-height: 39px;
    border-radius: 5px;
    background: #d7b71d;
    display: inline-block;
    text-align: center;
    margin-top: 9px;
    cursor: pointer;
    /*margin-left: 10px;*/
    /*border: 1px solid #66a262 !important;*/
}

.dropdown_cart {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 999;
    width: 350px;
    left: 0;
    background-color: white;
    border: 2px solid #eaebed;
}

.dropdown_profile {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 999;
    width: 150px;
    left: 0;
    background-color: white;
    border: 2px solid #eaebed;
}

.dropdown_profile > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dropdown_profile > ul > li {
    padding: 10px;
    text-align: center;

}

.dropdown_profile > ul > li > a {
    color: black;
    width: 100%;
    display: block;
}

.dropdown_profile > ul > li:hover > a {
    color: #253d98;
}

.dropdown_profile > ul > li:not(:last-child) {
    border-bottom: 1px solid #DAE1E7;
}

.header_profile > a {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    font-weight: 600;
    font-size: 15px;
}

.border_icon_ i {
    /*border: 1px solid #253d98;*/
    /*padding: 5px;*/
    /*border-radius: 50px;*/
    /*margin-left: 3px;*/
    font-size: 21px;
    color: #253d98;
}

#header_cart i {
    font-size: 19px;
}

.icon_see_product span {
    color: black;
}

.border_icon_ {
    border: 1px solid #253d98;
    padding: 5px 10px;
    border-radius: 50px;
    margin-left: 5px;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.display_flex_ {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    height: 100%;
}

.icon_see_product {
    border-radius: 5px;
}

.amount-c-t-p {
    margin-bottom: 0;
}

.media-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.dropdown_mobile_profile {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 999;
    width: 150px;
    left: 0;
    background-color: white;
    border: 2px solid #eaebed;
}

.dropdown_mobile_profile > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dropdown_mobile_profile > ul > li {
    padding: 10px;
    text-align: center;

}

.dropdown_mobile_profile > ul > li > a {
    color: black;
}

.dropdown_mobile_profile > ul > li:hover > a {
    color: #253d98;
}

.dropdown_mobile_profile > ul > li:not(:last-child) {
    border-bottom: 1px solid #DAE1E7;
}

.header_mobile_profile > a {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    font-weight: 600;
    font-size: 15px;
}

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

/******slider**************/

.acr-cs-bg-slider1 .slick-active .banner1 {
    /*-webkit-animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp;*/
    /*animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp;*/
}

.acr-cs-bg-slider1 .slick-active .banner1-p {
    /*-webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;*/
    /*animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;*/
}

.acr-cs-bg-slider1 .slick-active .banner2 {
    -webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 1600ms ease-in-out 0s normal none 1 running zoomInRight;
}

.acr-cs-bg-slider1 .slick-active .banner2-p {
    -webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 1600ms ease-in-out 0s normal none 1 running zoomInRight;
}

.acr-cs-bg-slider1 .slick-active .banner3 {
    -webkit-animation: 1400ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 1400ms ease-in-out 0s normal none 1 running zoomInUp;
}

.acr-cs-bg-slider1 .slick-active .banner3-p {
    -webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;
}

.acr-cs-bg-slider1 .slick-active .banner4 {
    -webkit-animation: 1800ms ease-in-out 0s normal none 1 running zoomInLeft;
    animation: 1800ms ease-in-out 0s normal none 1 running zoomInLeft;
}

.acr-cs-bg-slider1 .slick-active .banner4-p {
    -webkit-animation: 1800ms ease-in-out 0s normal none 1 running zoomInLeft;
    animation: 1800ms ease-in-out 0s normal none 1 running zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

.banner-inner {
    position: absolute;
    width: 100%;
}

.banner-item {
    position: relative;
}

.slider-banner i.fa-angle-right {
    position: absolute;
    right: 20px;
    top: calc(50% - 55px);
    border-radius: 50px;
    background-color: rgb(255, 255, 255, 0.5) !important;
    color: #0d072d !important;
    border: unset !important;
}

.slider-banner i.fa-angle-left {
    position: absolute;
    left: 20px;
    top: calc(50% - 55px);
    border-radius: 50px;
    background-color: rgb(255, 255, 255, 0.5) !important;
    color: #0d072d !important;
    border: unset !important;
}


.banner-home img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.banner-home {
    border-radius: 5px;
    overflow: hidden;
}

@media (max-width: 765px) {
    .slider-home-page- .banner {
        /*min-height: 300px;*/
        /*height: 300px !important; */
        min-height: auto;
        height: auto !important;
    }

    .title.banner1 p, .title.banner1 p span, .title.banner1 span, .title.banner1,
    .title.banner1 div, .title.banner1 ul, .title.banner1 li, .title.banner1 a {
        font-size: 22px !important;
        text-align: right !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .subtitle.banner1-text, .subtitle.banner1-text .subtitle p, .subtitle.banner1-text .subtitle span, .subtitle.banner1-text .subtitle a, .subtitle.banner1-text p, .subtitle.banner1-text p span {
        font-size: 15px !important;
        text-align: right !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

.slider-home-page- .banner {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.title.banner1 {
    direction: rtl !important;
}

.slick-slider {
    direction: ltr;
}

.acr-auth-bg-slider, .acr-auth-bg-item, .acr-auth-bg-slider div {
    height: 100%;
}

.acr-cs-bg-slider1 .slick-dots {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 0;
    align-items: center;
    position: relative;
    top: -20px;
    margin-bottom: 0;
}

.acr-cs-bg-slider1 .slick-dots li.slick-active .pager__item {
    background-color: white;
}


.acr-cs-bg-slider1 .slick-dots li {
    margin: 0 0.25rem;
}

.acr-cs-bg-slider1 .slick-dots li button {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    padding: 0;

    border: 2px solid white;
    border-radius: 100%;
    background-color: transparent;

    /*text-indent: -9999px;*/
}

.pager__item {
    display: block;
    width: 0.5rem !important;
    height: 0.5rem !important;
    padding: 0;

    border: 2px solid white;
    border-radius: 100%;
    background-color: transparent;
}


.acr-cs-bg-slider1 .slick-dots li.slick-active button {
    background-color: white;
}

.slider1-prev {
    position: absolute;
    bottom: 10px;
    color: white;
    z-index: 999;
    right: calc(50% - 100px);
}

.slider1-next {
    position: absolute;
    bottom: 10px;
    color: white;
    z-index: 999;
    left: calc(50% - 100px);
}

.parent_arrow {
    width: 30px !important;
    height: 30px !important;
    border-radius: 5px;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.parent_arrow:hover {
    background-color: #253d98;
}

.banner {
    position: relative;
    /*padding: 100px 0 40px;*/
}

.banner img {
    width: 100%;
}

/*.product:before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    width: 100%;*/
/*    height: 0px;*/
/*    !*border-radius: 30px;*!*/
/*    background-color: transparent;*/
/*    !*box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 4%);*!*/
/*    border: 3px solid rgba(58, 205, 219, 0);*/
/*    z-index: 111;*/
/*    transition: all 0.5s;*/
/*}*/

/*.product:hover:before {*/
/*    border:3px solid rgb(64 60 143 / 65%);*/
/*    height: 100%;*/
/*}*/

.product:hover {
    /*box-shadow: 0px 0px 8px 2px #b9b9b9;*/
}

.product > a {
    width: 100%;
}

.style_price {
    color: #253d98;
    font-size: 15px;
}

.header-c-t-p {
    font-size: 15px;
}

.delete_order {
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #95938e;
    cursor: pointer;
}

/*.delete_order:hover{*/
/*    color: #253d98;*/
/*    -webkit-transition: all 0.3s;*/
/*    -moz-transition: all 0.3s;*/
/*    -ms-transition: all 0.3s;*/
/*    -o-transition: all 0.3s;*/
/*    transition: all 0.3s;*/
/*}*/

.aside_ul3 {
    padding-right: 20px !important;
}

.aside_ul2 {
    /*padding-right: 30px !important;*/
    margin-top: 5px !important;
}

ul.submenu.submenu1.aside_ul2 li.menu-item a {
    padding-right: 30px !important;

}

ul.submenu.submenu1.aside_ul2 li.menu-item a:hover {
    color: #253d98;
}

ul.submenu.submenu1.aside_ul2 li.menu-item a {
    width: 100%;
}

.aside_ul2 li.menu-item.menu-item-has-children.active a {

    width: max-content !important;
}

ul.submenu.submenu1.aside_ul2 li.menu-item:hover {
    box-shadow: 0 0 3px 0;
    color: #253d98;
}

ul.submenu.submenu1.aside_ul3 li.menu-item:hover {
    box-shadow: 0 0 0px;

}

ul.submenu.submenu1.aside_ul3 li.menu-item a:hover {
    box-shadow: 0 0 0px;
    color: #253d98;
}

li.menu-item.menu-item-has-children.active ul .submenu.submenu1.aside_ul3 a {
    width: 100% !important;
}


.header_content_bottom.fixed-header.fixed_header_top .top_mega_menu:before {
    /*right: calc((100% - 450px) / 2);*/
    right: 42%;
}

.img-user {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    margin-left: 5px;
    object-fit: cover;
    border: 1px solid #253d98;
}

.user-name {
    font-size: 15px;
    /*max-width: 50px;*/
    display: flex;
    overflow-x: hidden;
    white-space: nowrap;
    justify-content: flex-end;
    /*text-align: right;*/
    color: #000000;
}


.select2 {
    width: 100% !important;
    font-family: 'FontAwesome';
}

#SearchSelect2 .select2-selection--single {
    height: 40px !important;
    background: #fff !important;
    display: block;
}

.select2 {
    width: 100% !important;
    font-family: 'FontAwesome';
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.search-shopping-cart {
    /*width: 100%;*/
    width: unset;
    height: 35px;
}

.search-shopping-cart .select2-container {
    height: 100%;
}

.search-shopping-cart .select2-container .select2-selection.select2-selection--single {
    height: 100%;
    background-color: #eaebed;
    border: unset;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.search-shopping-cart .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
    width: 100%;
    padding: 0px 5px;
    display: flex;
}

.search-shopping-cart .select2-container .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    width: 100%;
    display: flex;
    direction: rtl;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    flex-direction: row-reverse;
    text-align: right;
}

.search-shopping-cart .select2-container .select2-selection.select2-selection--single .select2-selection__rendered .fa.fa-search {
    width: 28px;
    background-color: #253d98;
    padding: 6px 5px 5px 5px;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 4px;
    color: white;
    height: 28px;
    margin-left: 5px;
}

.search-shopping-cart .select2-container .select2-selection.select2-selection--single .select2-selection__rendered .icon-search-head {
    width: 28px;
    background-color: #253d98;
    padding: 6px 5px 5px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 4px;
    color: white;
    height: 28px;
    margin-left: 5px;
}

.select2-search__field:focus {
    outline: none;
}

.select2-results__option {
    display: block;
    /*margin-bottom: 10px;*/
}

.select2-result-repository .select2-result-repository__avatar {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 4px !important;
    /* line-height: 65px; */
    overflow: hidden;
    text-align: center;
    border-radius: 4px;
    vertical-align: middle;
}

.select2-result-repository .select2-result-repository__avatar img {
    width: 100%;
    height: 100%;
    margin: auto;
}

.select2-result-repository .select2-result-repository__title {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.select2-results__option .select2-result-repository {
    border-bottom: 1px solid #f2f2f6;
    padding: 5px;
}

.select2-results__option {
    /*padding: 0px!important;*/
}

.view_option input {
    visibility: hidden;
    position: absolute;
}

.parent_option_view {
    display: flex;
    padding-right: 0;
    margin-bottom: 0;
    flex-wrap: wrap;
}

.view_option label {
    width: 100%;
    margin-bottom: 0;
    height: 100%;
}

.weight_product {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider_slick_image .swiper-wrapper {
    z-index: 0 !important;
}

.select2-results {
    text-align: right;
}

.select2-search__field {
    direction: rtl;
    text-align: right;
}

.alert-success {
    top: unset !important;
    bottom: 20px !important;
}

.item_adjective {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.item_adjective i {
    margin-left: 5px;
    font-size: 10px;
    color: #253d98;
}

.adjective_key {
    /*width: auto;*/
    /*!*width: 150px;*!*/
    /*font-weight: 600;*/
    /*white-space: nowrap;*/
    width: 100%;

    text-align: justify;
}

.span-adjective_key {
    font-weight: 600;
}

.notBold {
    font-weight: 100;
}

.adjective_value {
    padding-right: 10px;
    text-align: justify;
    text-align-last: right;
}

.view_adjective {
    margin-top: 30px;
}


/**********cart***********/

.cart-table thead th {
    padding: 30px;
    text-align: center;
    border-width: 1px !important;
    vertical-align: middle;
    color: #0d2c13;
    font-size: 18px;
    font-weight: 500;
}

.cart-table td {
    padding: 20px;
    text-align: center;
    vertical-align: middle;
    color: #0d2c13;
}

.product-name {
    font-size: 16px;
    color: #0d2c13;
}

.product-name a {
    font-size: 16px;
    color: #0d2c13;
}

.btn-product {
    background: #e4fcfa;
    color: #0d2c13;
    border: 1px solid #e1e1e1;
    height: 40px;
    width: auto;
    padding: 0 10px;
    font-size: 13px;
    cursor: pointer;
}

input.form-product {
    -moz-appearance: textfield;
    height: 40px;
    border: none;
    background: #ffffff;
    text-align: center;
    width: 70px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    color: #0d2c13;
    vertical-align: middle;
}

.btn-delet {
    border: none;
    background: #0049d0;
    color: #ffffff;
}

.text-black {
    color: #0d2c13;
}

.white-bg {
    background-color: #ffffff;
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.text-muted {
    color: #6c757d !important;
}

.text-dark {
    color: #343a40 !important;
}

.cart_table_orders {
    margin-top: 50px;
}

/******************/
.order-section2 table th {
    font-weight: 600;
    background-color: #253d98;
    color: white;
}

.order-section2 table th, table td {
    padding: 10px;
    vertical-align: middle !important;
    font-size: 14px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    text-align: center;
}

.order-section2 table {
    width: 100%;
}

.checkout-sec .checkout-table table th, .checkout-sec .checkout-table table tr, .checkout-sec .checkout-table table td {
    border: 1px solid rgba(0, 0, 0, .1);
}
.shipping-cart label {
    display: flex;
    margin: 0 20px;
    gap: 5px;
}
.cart-sec td.remove {
    width: 30px;
}

.cart-sec .product-box {
    display: flex;
    align-items: center;
}

.cart-sec .product-box img {
    margin-left: 15px;
}

.order-section2 table img {
    width: 60px;
    border-radius: 8px;
    height: 60px;
    overflow: hidden;
    object-fit: contain;
}

.checkout-table td .product-name {
    flex: 1;
}

.checkout-table td .product-name h6 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    text-align: right;
}

.checkout-table td .product-name a {
    color: #0d072d;
    font-weight: 600;
}

.close-btn_cart {
    border: 0;
    background-color: transparent;
    padding: 0;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
}

.cart-sec .close-btn_cart.close-dark span {
    background-color: red;
}

.close-btn_cart span {
    position: absolute;
    width: 2px;
    height: 15px;
    display: block;
    background-color: #fff;
    opacity: 0.6;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.close-btn_cart span:nth-child(2) {
    -webkit-transform: rotate(
            -45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(
            -45deg);
}

.close-btn_cart:hover span {
    -webkit-transform: rotate(
            90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(
            90deg);
}

.close-btn_cart:hover span:nth-child(2) {
    -webkit-transform: rotate(
            -90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(
            -90deg);
}

.order-section2 table td {
    background-color: #fff;
}

.section.checkout-sec.cart-sec {
    margin-top: 50px;
}

.qty-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.address-cart {
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 8px;
    margin: 40px 0;
    background-color: #f6f7f9;
}

.vs-checkbox-con {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0.25rem 0;
}

.vs-checkbox-con input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 200;
    cursor: pointer;
    top: 0;
}

.vs-checkbox-con .vs-checkbox {
    cursor: pointer;
    position: relative;
    width: 20px;
    height: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: #B8C2CC;
    border-radius: 2px;
    -webkit-transform: rotate(
            90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(
            90deg);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    overflow: hidden;
    margin-left: 0.5rem;
}

.border-radius-50 {
    border-radius: 50px !important;
}

.vs-checkbox-con .vs-checkbox .vs-checkbox--check {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.border-radius-50 .vs-checkbox--check i {
    color: #253d98 !important;
}

.add-address {
    cursor: pointer;
    background: #d7b71d;
    color: white;
    padding: 7px;
    border-radius: 4px;
}

/*.vs-checkbox-con {*/
/*    position: relative;*/
/*    display: -webkit-box;*/
/*    display: -webkit-flex;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-align: center;*/
/*    -webkit-align-items: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    -webkit-box-pack: start;*/
/*    -webkit-justify-content: flex-start;*/
/*    -ms-flex-pack: start;*/
/*    justify-content: flex-start;*/
/*    margin: 0.25rem 0;*/
/*}*/

.padding_right_code {
    padding-right: 0;
}

.padding_left_code {
    padding-left: 0;
}

.error-address {
    font-size: 13px;
    color: darkred;
    font-weight: 700;
    width: fit-content;
    width: -moz-fit-content;
    margin-top: 5px;
    text-align: right;
}

.margin992px {
    text-align: right;
}

.margin992px:last-child {
    height: calc(100% - 60px);
    /*height: calc(100% - 14px);*/
}

#address {
    height: 100%;
}

.parent-box-address {
    margin-top: 20px;
    display: none;
}

#map {
    /* margin-top: 10px; */
    z-index: 1;
    height: 200px;
    position: relative;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

.cart-sec .coupen-code-wrapper {
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 8px;
    /* margin: 40px 0; */
    background-color: #f6f7f9;
    text-align: right;
}

.coupen-code-wrapper .form-group {
    position: relative;
}

.msgCod {
    text-align: right;
    margin-top: 4px;
}

.cart-total.checkout-table {
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 8px;
    /* margin: 40px 0; */
    background-color: #f6f7f9;
}

.cart-total.checkout-table table {
    background-color: white;
}

.cart-total.checkout-table th {
    color: #0d072d;
    background-color: transparent;
}

.background_color_section2 {
    background-color: white;
}

.section.checkout-sec.cart-sec h4 {
    font-size: 20px;
    line-height: 32px;
    text-align: right;
    font-weight: bold;
}

.section.checkout-sec.cart-sec h2 {
    font-size: 20px;
    line-height: 32px;
    text-align: right;
    font-weight: bold;
}

.btn_default {
    cursor: pointer;
    background: #d7b71d;
    color: white;
    padding: 10px;
    border-radius: 4px;
    border: unset;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    position: relative;
    line-height: 24px;
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 1;
    min-width: 100px;
}

.btn_default:focus, .order-submit:focus {
    outline: unset;
}

.order-submit {
    cursor: pointer;
    background: #253d98;
    color: white;
    padding: 10px;
    border-radius: 4px;
    border: unset;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    position: relative;
    line-height: 24px;
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 1;
}

/*html:not([dir=rtl]) .noUi-horizontal .noUi-handle {*/
/*    right: -8px !important;*/
/*}*/

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: -9px !important;
}

.input-with-keypress-0, .input-with-keypress-1 {
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border: 0;
    text-align: center;
}

.noUi-origin .noUi-handle {
    border-color: #253d98 !important;
}

.noUi-horizontal .noUi-handle {
    width: 15px !important;
    height: 15px !important;
}

.noUi-connects .noUi-connect {
    background: #253d98 !important;
}

.noUi-horizontal {
    padding-left: 0 !important;
}

.input_category1 {
    /*position: absolute;*/
    right: 10px;
    /* width: 100%; */
    /* height: 100%; */
    border-radius: 50px;
    background-color: transparent;
    z-index: 0;
    margin-left: 5px !important;
}

.empty-product {
    margin: 50px auto 50px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.empty-product img {
    width: 100px;
    margin-right: auto;
    margin-left: auto;
}

.empty-product p {
    font-size: 20px;
    margin-top: 1rem;
}

.vs-checkbox-con input:checked ~ .vs-checkbox {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    border-color: #253d98;
    border: unset;
}

.vs-checkbox-con .vs-checkbox {
    cursor: pointer;
    position: relative;
    width: 20px;
    height: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: #B8C2CC;
    border-radius: 2px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    overflow: hidden;
    margin-left: 0.5rem;
}

.vs-checkbox-con input:checked ~ .vs-checkbox .vs-checkbox--check {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    background-color: #253d98;
}

.vs-checkbox-primary input:checked ~ .vs-checkbox .vs-checkbox--check {
    background-color: #253d98 !important;
}

.vs-checkbox-con .vs-checkbox .vs-checkbox--check {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.row-sabad-kharid {
    /*box-shadow: 0 0px 12px 0 hsla(0, 0%, 71%, 0.21);*/
    /*background-color: white;*/
    /*border-radius: 4px;*/
    padding: 15px;
    /*border: 1px solid rgba(0, 0, 0, .1);*/
}

.dashboard {
    background: unset;
}

.head-sabad {
    font-size: 20px;
    color: #000000;
    border-bottom-style: solid;
    /* border-width: thin; */
    margin: 5px 0px 20px 0px;
    padding-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    font-weight: 600;
}

.empty-sabad .empty-img {
    margin: 36px 0px 0px 0px;
    /*border-bottom-style: solid;*/
    /*border-width: 1px;*/
    /*padding-bottom: 20px;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.empty-sabad .address_empty {
    margin: 0;
}

.address_empty img {
    width: 60px;
}

.order_2_mobile {
    margin-right: auto;
}

.empty-sabad h4 {
    /*color: red;*/
    font-size: 16px;
    text-align: center;
}

.productIndexEmpty .product {
    background-color: #f6f7f9;
}

.profile-section6 {
    background-color: white;
    padding: 30px 40px;
}

.profile-table1 th {
    /*border-top: unset;*/
    text-align: center;
}

.profile-table1 {
    /*border: 1px solid #dee2e6;*/
}

.profile-table1 th, .profile-table1 td {
    border: 1px solid #cdd2dd !important;
}

.profile-section7 {
    display: none;
    text-align: right;
}

.title_tab_profile {
    text-align: right;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 25px;
    /* color: #000; */
}

.profile_form_edit input {
    border-radius: 0 !important;
}

.profile_child_total > div:first-child {
    padding-right: 0;
}

.profile_child_total > div:last-child {
    padding-left: 0;
}

.profile-table1 > thead > tr {
    background-color: #253d98;
    color: white;
}

.table_background tbody tr:nth-child(even) {
    background-color: #f8f8f9;
}

.item_background1 {
    background-color: #f8f8f9;
}

.action-edit {
    color: #253d98;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.action-edit > a > i {
    color: #253d98;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 18px;
}

.action-edit > a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.action_pay {
    border: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #d7b71d;
    background-color: unset;
    cursor: pointer;
}

.alert-address, .alert-province, .alert-city {
    color: red;
    font-size: 13px;
}


.msgCod {
    text-align: right;
    margin-top: 4px;
}

.borderRed {
    border: 1px solid red !important;
}

.borderGreen {
    border: 1px solid #28a745 !important;
}

.colorGreen {
    color: #28a745 !important;
}

.colorRed {
    color: red !important;
}

.removeAff {
    position: absolute;
    left: 10px;
    top: 10px;
}

.coupen-code-wrapper .form-group {
    position: relative;
}

.btn-cart- {
    display: inline-block;
    padding: 5px 10px;
    justify-content: center;
}

.footer_cms {
    margin-top: 0;
}

.hideData {
    display: none !important;
}

.showData {
    display: inline-block;
}

.font_green {
    color: #05a305;
    font-weight: 600;
}

.font_blue {
    color: #0fa5bd;
    font-weight: 600;
}

.font_yellow {
    color: #d39e00;
    font-weight: 600;
}

.acr-cs-bg-slider1 .slick-active .banner1-text.banner-text {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
    width: fit-content;
    width: -moz-fit-content;
    /*padding: 10px;*/
    padding: 10px 25px;
    text-align: right;
    direction: rtl;
    height: auto;
    border-radius: 5px;
    border: 2px solid white;
    margin-left: auto;
    /*-webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;*/
    /*animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;*/
}

.profile_element {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header_width {
    width: 100%;
}

.new_logo {
    object-fit: contain;
    height: 100%;
    margin: auto 0px auto 5px;
    width: 155px;
}

.margin_right_header {
    margin-right: 50px;
}

.login_register {
    /*border: 2px solid #a9a6a6;*/
    /*padding: 3px 5px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 100;
}

.title_box_address_contact {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 2px solid #e9e9e9;
    margin-bottom: 10px;
}

.content_address_section1 {
    text-align: right;
    width: calc(100% - 10px);
}

.contact_section1 {
    text-align: right;
    background-color: white;
    padding: 20px 30px;
    justify-content: space-between;
}

.contact_section2 {
    text-align: right;
    background-color: white;
    padding: 30px;
    margin-bottom: 50px;
}

.contact_section1 > div {
    /*padding: 0px 25px;*/
}

.item_address_contact > a {
    color: #000000;
    line-height: 2;
}

.item_address_contact {
    margin-bottom: 15px;
}

.item_address_contact a {
    color: #333;
}

.box_address_contact {
    display: flex;
    height: 100%;
}

.line {
    width: 2px;
    background-image: linear-gradient(#f9e5af, #c09643);
    height: 100%;
    margin-left: 20px;
}

.contact_about_para {
    line-height: 2;
    font-size: 15px;
    text-align: justify;
    margin-left: 25px;
}

.form_contact input {
    width: 100%;
    height: 40px;
    border: 1px solid #ebebeb;
    padding-right: 15px;
}

.form_contact input:focus {
    outline: unset;
}

.form_contact select {
    width: 100%;
    height: 40px;
    border: 1px solid #ebebeb;
    padding-right: 15px;
}

.form_contact select:focus {
    outline: unset;
}

.form_contact textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #ebebeb;
    padding-right: 15px;
}

.form_contact textarea:focus {
    outline: unset;
}

.send_form_contact {
    margin-right: auto;
    width: 150px;
}

.title_contact_page {
    text-align: right;
    margin: 20px 0px;
    font-size: 28px;
    font-weight: 600;
    color: #253d98;
}

.progress {
    height: 5px !important;
    margin-top: 8px;
}

.search_filter_button #sort:focus-visible {
    outline: unset;
}

.search_filter_button #sortdata:focus-visible {
    outline: unset;
}

.contact-map {
    width: 100%;
    height: 500px;
    border: 0;
    z-index: -1;
}

.item_address_contact i {
    font-size: 25px;
}

.search_mobile, .search_box_mobile_slide {
    display: none;
}

.header_content_bottom.fixed-header .header_mobile_logo {
    position: unset;
    width: 125px;
}

.item_address_net a {
    font-size: 20px;
    color: #253d98;
}

.contact_title_net {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}

/*.search_mobile i {*/
/*padding: 7px;*/
/*border: 2px solid #afa2db85;*/
/*border-radius: 50%;*/
/*color: #253d98;*/
/*font-size: 15px;*/
/*}*/


.border_icon_net {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #e1bc7a;
    border-radius: 50px;
    font-size: 25px;
    background-color: #253d98;
    color: white;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.border_icon_net:hover {
    background-color: white;
    color: #253d98;
}

.border_icon_net i.fa-paper-plane {
    font-size: 22px;
}

.search_mobile1 {
    display: none;
}

.product_parent_price {
    display: flex;
    margin-bottom: 5px;
    justify-content: center;
    /*margin-top: 10px;*/
    height: 50px;
}

.aside-scroll li {
    list-style: none;
}

.scroll_min_img {
    width: 100%;
    display: flex;
    align-items: center;
    overflow-x: auto;
    /*justify-content: flex-end;*/
}

/* width */
.scroll_min_img::-webkit-scrollbar {
    height: 3px;
}

/* Track */
.scroll_min_img::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.scroll_min_img::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.scroll_min_img::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.notice-header-top {
    position: relative;
    z-index: 999;
}

.notice-holder {
    background: #253d98;
}

.notice-inner {
    padding: 10px 20px 10px 10px;
    /*background: rgba(255,255,255,.9);*/
    border-radius: 3px;
    position: relative;
}

.container1 .notice-inner {
    padding: 0;
}

.container1 .notice-inner .notice-text {
    padding: 0;
}

.top-banner-ads-mobile {
    width: 100%;
    display: none;
}

.container1 .notice-inner .notice-text img {
    width: 100%;
}

.container1 .notice-close {
    right: 50px;
}

.notice-close {
    position: absolute;
    font-size: 24px;
    height: 1em;
    width: 1em;
    color: #fff;
    top: 0;
    bottom: 0;
    right: -0.3em;
    line-height: 1em;
    cursor: pointer;
    text-align: center;
    margin: auto 0
}

.notice-text {
    /* float: right; */
    text-align: center;
    direction: rtl;
    line-height: 25px;
    color: #c09643;
    font-size: 16px;
    margin: auto;
    padding: 6px 0 4px;
    font-weight: 600;
}

.notice-text span {
    color: #fda120 !important;
}

.notice-text p {
    margin-bottom: 0;
}

.notice-text a {
    color: #7aba40;
    text-decoration: none;
}

.notice-inner .button {
    float: left;
    font-weight: 500;
    padding: 9px 20px;
    font-size: 15px;
    background: #f4931db8;
}

.notice_center {
    position: fixed;
    z-index: 999999999;
    width: 100%;
    height: 100%;
    background-color: #000000c4;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.notice_center_cart {
    position: fixed;
    z-index: 999999999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.29);
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box_images_notice {
    position: relative;
    /*width: 640px;*/
    /*height: 360px;*/
    width: 1024px;
    height: 450px;
}

.notice-center-close-cart, .notice-center-close {
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    border: 2px solid white;
    z-index: 1000;
    right: 10px;
    top: 10px;
    cursor: pointer;
    opacity: .75;
    transition: opacity .3s ease-in-out;
    background: rgba(0, 0, 0, .25);
    box-sizing: content-box !important;
}

.notice-center-close:before, .notice-center-close:after {
    content: '';
    width: 20px;
    height: 2px;
    position: absolute;
    top: 13px;
    left: 4px;
    background: white;
    border-radius: 10px;
    transition: transform .2s ease-in-out;
}

.notice-center-close:before {
    transform: rotate(
            45deg);
    -ms-transform: rotate(45deg);
}

.notice-center-close:after {
    transform: rotate(
            -45deg);
    -ms-transform: rotate(-45deg);
}

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

}

.imd {
    position: relative;
}

.p-img {
    position: absolute;
    bottom: -41px;
    background-color: white;
    color: #cd041b;
    font-size: 18px;
    font-weight: bold;
    animation-name: example;
    animation-duration: 7s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    padding: 7px 39px;
    border-radius: 3px;
    width: max-content;
    max-width: 100%;
    text-align: center;

}

@keyframes example {
    0% {
        background-color: red;
        box-shadow: 0 0 5px #ca6ddf;
        color: white;
    }
    25% {
        background-color: white;
        box-shadow: 0 0 5px #ca6ddf;
        color: red;
    }
    50% {
        background-color: red;
        box-shadow: 0 0 5px #ca6ddf;
        color: white;
    }
    75% {
        background-color: white;
        box-shadow: 0 0 5px #ca6ddf;
        color: red;
    }
    100% {
        background-color: red;
        box-shadow: 0 0 5px #ca6ddf;
        color: white;
    }
}

.parent_image_notice {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-pagination1 {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 0;
    align-items: center;
    position: relative;
    top: -20px;
    margin-bottom: 0;
    z-index: 1;
}

.swiper-button-next1 {
    position: absolute;
    bottom: 10px;
    color: white;
    z-index: 999;
    right: calc(50% - 100px);
    margin-right: 0;
    background-color: transparent;
}

.swiper-button-prev1 {
    position: absolute;
    bottom: 10px;
    color: white;
    z-index: 999;
    left: calc(50% - 100px);
    margin-right: 0;
    background-color: transparent;
}

.code_product {
    white-space: nowrap;
    font-size: 16px;
    margin: 0 0 0 40px;
}

.code_product_mobile {
    color: #333;
    white-space: nowrap;
    font-size: 16px;
}

.hearts i {
    font-size: 18px;
    color: #c23a4d;
    font-weight: bold;
}

.hearts {
    /*margin: 0 0 0 40px;*/
}

.custmaiz {
    /*margin: 0 0 0 40px;*/
}

.custmaiz a {
    background-color: white !important;
    color: #253d98 !important;
    border: 1px solid #253d98 !important;
    margin-bottom: 10px !important;
    border-radius: 5px !important;
    width: 100% !important;
    padding: 10px 5px !important;
    font-size: 13px;
}

.hearts a {
    width: 100% !important;
    background-color: white !important;
    color: #253d98 !important;
    border: 1px solid #253d98 !important;
    font-size: 13px;
    margin-bottom: 10px !important;
    border-radius: 5px !important;
    padding: 10px 5px !important;
    display: flex !important;
    align-items: center !important;
    height: 40px !important;
    justify-content: center !important;
    gap: 3px !important;
}

.custmaiz a:hover {

    background-color: #253d98 !important;
    color: #ffffff !important;
    border: 1px solid #253d98 !important;


}

.hearts a:hover {

    background-color: #253d98 !important;
    color: #ffffff !important;
    border: 1px solid #253d98 !important;


}

a.col-4.media-left img {
    object-fit: contain;
}

.unavailable_product {
    position: absolute;
    width: 140px !important;
    left: calc((100% - 140px) / 2);
    opacity: 0.9;
    top: unset !important;
}

.footer_image_namad a.enamad {
    width: 100px;
    height: 100px;
}

.footer_image_namad a.enamad img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/*custom*/
.custom_section_page {
    background-color: #ffffff;
    padding: 40px 0px;
}

.acr-infographic-item {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
    /*display: flex;*/
    /*border-radius: 8px;*/
    /*transition: .3s;*/
}

.icon_custom {
    width: 100px;
    object-fit: contain;
    margin-bottom: 20px;
}

.acr-infographic-item h5 {
    font-weight: bold;
}

.acr-infographic-item p {
    font-size: 16px;
}

.acr-infographic-item .btn-custom.secondary.btn-sm {
    width: 120px;
    height: 40px;
    background: #543cb4;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}

/*
  Home 3 : Content Section Two
---------------------------------*/
.content-section--l3-2 {
    padding-top: 50px;
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    .content-section--l3-2 {
        padding-top: 72px;
        padding-bottom: 32px;
    }
}

@media (min-width: 992px) {
    .content-section--l3-2 {
        padding-top: 115px;
        padding-bottom: 90px;
    }
}

.content-section--l3-2 .section-title {
    padding-bottom: 20px;
}

@media (min-width: 768px) {
    .content-section--l3-2 .section-title {
        padding-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .content-section--l3-2 .section-title {
        padding-bottom: 50px;
    }
}

.content-section--l3-2 .section-title__sub-heading {
    margin-bottom: 20px;
}

@media (max-width: 991.98px) {
    .widgets-content--l3 .single-widget:nth-child(2) > div::before {
        opacity: 0;
    }
}

.widgets-content--l3 .single-widget:last-child > div::before {
    opacity: 0;
}


.widget--feature-2 {
    flex-direction: column;
}

@media (min-width: 480px) {
    .widget--feature-2 {
        flex-direction: row;
        align-items: center;
    }
}

.widget--feature-2__icon {
    min-width: 69px;
    max-width: 69px;
    min-height: 69px;
    max-height: 69px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

@media (min-width: 480px) {
    .widget--feature-2__icon {
        margin-left: 30px;
        margin-bottom: 0;
    }
}

.widget--feature-2__title {
    font-size: 21px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.619;
}

.widget--feature-2__content {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.75;
}

.widgets--l3 {
    padding-top: 40px;
}

@media (min-width: 992px) {
    .widgets--l3 {
        padding-top: 75px;
    }
}

.widget--content-l3 {
    position: relative;
    flex-direction: column;
    text-align: center;
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .widget--content-l3 {
        padding: 0 60px;
    }
}

@media (min-width: 992px) {
    .widget--content-l3 {
        padding: 0 30px;
    }
}

@media (min-width: 1200px) {
    .widget--content-l3 {
        padding: 0 60px;
    }
}

@media (min-width: 1600px) {
    .widget--content-l3 {
        padding: 0 90px;
    }
}

.widget--content-l3:before {
    position: absolute;
    left: 0;
    top: 15%;
    transform: translateX(-50%);
    width: 200px;
    height: 1px;
    background-color: #262729;
    opacity: 0.1;
}

@media (min-width: 768px) {
    .widget--content-l3:before {
        content: "";
    }
}

@media (min-width: 1200px) {
    .widget--content-l3:before {
        width: 250px;
    }
}

.widget--content-l3__circle-content {
    min-width: 65px;
    max-width: 65px;
    min-height: 65px;
    max-height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 45px;
    font-size: 21px;
    font-weight: 500;
    line-height: 30px;
    color: #ffffff;
}

.widget--content-l3__title {
    font-size: 21px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.42857;
    margin-bottom: 25px;
}

.widget--content-l3__text {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.875;
    margin-bottom: 0;
}

.widget--service {
    margin-bottom: 30px;
    flex-direction: column;
}

@media (min-width: 992px) {
    .widget--service {
        margin-bottom: 0;
    }
}

.widget--service .widget__icon {
    min-width: 65px;
    min-height: 65px;
    max-width: 65px;
    max-height: 65px;
    border-radius: 50%;
    position: relative;
    margin-bottom: 65px;
}

.widget--service .widget__icon img {
    position: absolute;
    bottom: -18%;
    left: -22%;
}

.widget--service .widget__icon--golden-tainoi {
    background-color: #ffd166;
}

.widget--service .widget__icon--ice-cold {
    background-color: #96f7d2;
}

.widget--service .widget__icon--anakiwaap {
    background-color: #a9d2ff;
}

.widget--service .widget__heading {
    font-size: 21px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 34px;
    margin-bottom: 16px;
}

.widget--service .widget__description {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 28px;
}

.shadow--electric-violet-2 {
    box-shadow: 12px 12px 50px rgba(96, 1, 211, 0.3);
}

.shadow--flamingo {
    box-shadow: -4px 4px 50px rgba(239, 67, 57, 0.45);
}

.shadow--egg-blue {
    box-shadow: 0 4px 45px rgba(10, 191, 188, 0.45);
}

.bg-egg-blue {
    background-color: #0abfbc !important;
}

.bg-flamingo {
    background-color: #ef4339 !important;
}

.bg-electric-violet-2 {
    background-color: #5034fc !important;
}


/*multi upload*/
.MultiFile-list {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.MultiFile-label.box_file {
    width: 100px;
    height: 120px;
    border: 1px solid #dbd8d8;
    border-radius: 5px;
    position: relative;
    padding: 3px;
    margin: 5px;
}

.MultiFile-remove {
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px solid #000; */
    border-radius: 50px;
    background-color: #ffffffbf;
    color: #000;
    font-size: 20px;
}

.MultiFile-label > span, .MultiFile-label.intenal {
    width: 100%;
    height: 100%;
    display: block;
}

/*.MultiFile-label > span > span{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    display: block;*/
/*}*/

.MultiFile-title {
    display: none !important;
}

.MultiFile-preview {
    width: 100% !important;
    height: 100% !important;
    max-width: unset !important;
    object-fit: cover;
    max-height: unset !important;
}

.highlight1 {
    color: red !important;
}

.select2-dropdown {
    z-index: 9999999999999999 !important;
}

.alert_customization {
    position: fixed;
    left: 30px;
    height: 40px;
    display: flex;
    align-items: center;
    bottom: 30px;
    z-index: 9;
    color: #d4edda !important;
    background-color: #155724 !important;
}

/*section2 index hilda en*/

.box_custom_service {
    background-color: #ffffff !important;
    padding: 20px;
    height: 100%;
}

.box_service_icon {
    font-size: 35px;
    text-align: center;
    color: #253d98;
    margin-bottom: 15px;
}

.box_service_title {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
}

.box_service_text {
    text-align: justify;
    text-align-last: center;
    direction: ltr;
    font-size: 15px;
}

/*end section2 index hilda en*/


/*image index hilda en*/

.back_ground_image {
    padding: 40px 25px !important;
    /*background-image: url(https://persatrading.com/wp-content/uploads/2020/04/banner-2-1024x448-compressed.jpg?id=1070) !important;*/
    /*background-position: center !important;*/
    /*background-repeat: no-repeat !important;*/
    /*background-size: cover !important;*/
    position: relative;
    height: 300px;
    background-color: #253d98;
    overflow: hidden;
}

.countdown2-section {
    background: #003f89;

    position: relative;
    padding-top: 115px;
    padding-bottom: 60px;
}

.countdown2-section .coun2-shapes img {
    width: inherit;
}

.countdown2-section .coun2-shapes .coun1 {
    position: absolute;
    right: -2%;
    top: -62%;
}

@media (max-width: 767.99px) {
    .countdown2-section .coun2-shapes .coun1 {
        right: -73%;
        top: -22%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .countdown2-section .coun2-shapes .coun1 {
        right: -14%;
        top: -36%;
    }
}

.countdown2-section .coun2-shapes .coun2 {
    position: absolute;
    left: 0%;
    top: -30%;
}

@media (max-width: 767.99px) {
    .countdown2-section .coun2-shapes .coun2 {
        display: none;
    }
}

.countdown2-section .coun2-shapes .coun3 {
    position: absolute;
    right: 0%;
    top: 0%;
}

@media (max-width: 767.99px) {
    .countdown2-section .coun2-shapes .coun3 {
        display: none;
    }
}

.countdown2-section .coun2-shapes .coun4 {
    position: absolute;
    bottom: 38%;
    left: 8%;
}

.single-cont2 {
    color: #ffffff;
    text-align: center;
    /*margin-bottom: 60px;*/
    width: 100%;
}

.single-cont2 .icon {
    display: block;
    margin-bottom: 10px;
    font-size: 30px;
}

.single-cont2 h2 {
    display: inline-block;
    color: #ffffff;
    font-size: 50px;
}

.single-cont2 .counter-tag {
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 5px;
}

.single-cont2 p {
    color: #ffffff;
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 0;
}

/*end image index hilda en*/


/*section process index hilda en*/
.process-wrapper {
    text-align: center;
    padding: 50px 0px 160px;
}

.process-wrapper .process-inner {
    background: url(../images/index/process-line.png) no-repeat scroll center -45px;
}

.process-wrapper .process-inner .process {
    display: inline-block;
    text-align: center;
}

.process-wrapper .process-inner .process p.process-title {
    font-size: 18px;
    font-weight: 700;
    color: #454545;
    font-family: 'Roboto', sans-serif;
}

.process-wrapper .process-inner .process .process-circle {
    padding: 15px;
    border-radius: 100%;
    margin-bottom: 20px;
    width: 180px;
    height: 180px;
    background-color: #fff;
    border: 2px dashed #cecece;
    transition: all 300ms ease-in-out 0s;
}

.process-wrapper .process-inner .process .process-circle .process-circle-icon {
    width: 165px;
    height: 165px;
    line-height: 175px;
    border-radius: 50%;
    background: #f4f6f7;
    margin: -10px;
    position: relative;
}

.process-wrapper .process-inner .process .process-circle .process-circle-icon .process-description {
    position: absolute;
    font-size: 14px;
    line-height: 24px;
    color: #454545;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    transition: all 300ms ease-in-out 0s;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.process-wrapper .process-inner .process .process-circle .process-circle-icon img {
    margin-top: -10px;
    display: inline-block;
    border-radius: 50%;
    transition: all 300ms ease-in-out 0s;
}

.process-wrapper .process-inner .process:hover .process-circle .process-circle-icon img {
    opacity: 0.07;
}

.process-wrapper .process-inner .process:hover .process-circle .process-circle-icon .process-description {
    opacity: 1;
}

.width-100 {
    width: 100%;
}


@media (max-width: 991px) {
    .process-wrapper .process-inner {
        background: none;
    }

    .parent_header_responsive {
        display: block;
    }

    #arcontactus {
        bottom: 80px !important;
        z-index: 9999 !important;
    }
}

@media (max-width: 768px) {
    .p-img {
        bottom: -43px;
        font-size: 14px;
        text-align: center;
        width: 100%;
    }
}

@media (max-width: 576px) {
    .p-img {
        bottom:-15;
    }
    #arcontactus {
        bottom: 80px !important;
        z-index: 9999 !important;
    }

    .p-img {
        padding: 10px;
        font-size: 12px;
    }
}

@media (max-width: 375px) {
    .p-img {
        bottom:0;
    }
    .p-img {
        padding: 3px;
        font-size: 10px;
    }
}


/*end section process index hilda en*/

/* ===================================
                About Us
  ==================================== */

.about-sec {
    padding-top: 50px;
}

.heading-area .title {
    font-size: 24px;
    margin-bottom: 25px;
    font-family: 'Poppins', sans-serif;
    direction: ltr;
    font-weight: bold;
}

.heading-area .sub-title {
    margin-bottom: 15px;
    font-weight: 400;
    color: #6479bf;
}

.about-list {
    padding: 0;
    padding-top: 10px;
    margin: 0;
    list-style: none;
}

.about-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.about-list li .a-icon {
    font-size: 25px;
    margin-right: 15px;
    color: #6479bf;
}

.about-sec .quote {
    font-weight: 400;
}

.about-sec .about-img-area .about-img {
    padding-right: 30px;
    padding-bottom: 30px;
    background-size: cover;
    /* background-color: #6479bf; */
    background-image: url(../images/index/img3.jpg);
    position: relative;
    height: 350px;
    width: 350px;
}

.about-sec .about-img-area-left {
    display: flex;
    justify-content: end;
}

.about-sec .about-img-area-left .about-img {
    padding-left: 30px;
    padding-bottom: 30px;
    background-size: cover;
    /* background-color: #6479bf; */
    background-image: url(../images/index/img3.jpg);
    position: relative;
    height: 350px;
    width: 350px;
}

.about-sec .about-img-area .about-img img {
    /*width: 100%;*/
    /* margin-top: 30px; */
    margin-top: 25px;
    margin-bottom: 30px;
    margin-left: -45px;
    position: relative;
    z-index: 1;
    box-shadow: 11px 11px 25px #594242;
    height: 300px;
    width: 300px;
    object-fit: cover;
}

.about-sec .about-img-area-left .about-img img {
    /* width: 100%; */
    /* margin-top: 30px; */
    margin-top: 25px;
    margin-bottom: 30px;
    margin-right: -75px;
    position: relative;
    z-index: 1;
    box-shadow: 11px 11px 25px #594242;
    height: 300px;
    width: 300px;
    object-fit: cover;
    display: block;
}

.overlay-white {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.48);
    height: 350px;
}

.overlay-dark {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.58);
}

.about-sec p {
    font-size: 16px;
    direction: ltr;
}

/*end*/


.section {
    position: relative;
    padding: 30px 0;
}

.section.section-padding {
    padding: 50px 0 50px;
}

.home-page .section.section-padding {
    padding: 40px 0 50px !important;
}

.section-light {
    background-color: #f8f9fa;
}

.title {
    font-size: 25px;
    line-height: 50px;
    margin-bottom: 20px;
}

.section-title-wrap.section-header .title {
    margin-bottom: 0;
}

.section-title-wrap.section-header {
    padding-bottom: 50px;
}

.section-title-wrap p {
    max-width: 600px;
    margin: 20px 0;
    font-size: 16px;
    text-align: justify;
}

.section-title-wrap.text-center p {
    margin: 0 auto 20px;
}

.section-title-wrap h5 {
    margin-bottom: 10px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mr-lg-30 {
    margin-left: 30px;
}

.section-title-wrap.flex-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-title-wrap.flex-header .acr-arrows .slick-arrow {
    margin-right: 10px;
}

.products-slider .slick-list {
    padding-top: 10px;
}

.spacer.spacer-lg.spacer-bottom.dark-bg.border-bottom-primary {
    top: 0;
    bottom: auto;
}

.spacer.spacer-bottom {
    top: auto;
    bottom: 0;
}

.spacer.spacer-lg {
    height: 190px;
}

.spacer {
    height: 140px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
}

.dark-bg {
    background-color: #253d98;
}

.border-bottom-primary {
    border-bottom: 10px solid #bc9041;
}

.border-top-primary {
    border-top: 10px solid #bc9041;
}

.question_image {
    font-size: 35px;
    font-weight: bold;
    direction: ltr;
    text-align: center;
}

.number_image {
    direction: ltr;
    font-size: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.sub_title_question {
    text-align: center;
    color: #fff;
    margin-bottom: 0;
}

.customizationButton {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gift_menu_right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 20px;
}

.customizationButton:hover {
    color: white;
}

.title_customization {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-right: 40px;
}

.number_list {
    background-color: #253d98;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    margin-left: 5px;
}

.title_list {
    font-weight: bold;
    width: calc(100% - 35px);
}

.content_list {
    padding-right: 35px;
}

.ul_list_customization li {
    margin-bottom: 20px;
}

/*box search*/
.icon_search_header {
    width: 28px;
    background-color: #253d98;
    padding: 6px 5px 5px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 4px;
    color: white;
    height: 28px;
    margin-left: 5px;
    margin-right: 5px;
}

#input_search_header, #input_search_header_mobile {
    border: unset;
    height: 100%;
    background-color: transparent;
    width: calc(100% - 30px);
}

#input_search_header:focus, #input_search_header_mobile:focus {
    outline: none;
}

.box_search_header {
    background-color: #eaebed;
    border: unset;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 35px;
    border-radius: 4px;
    position: relative;
}

#result_search, #result_search_mobile {
    position: absolute;
    width: 100%;
    max-height: 0px;
    height: 0px;
    top: 100%;
    z-index: 9999999999;
    border: 1px solid transparent;
    border-radius: 4px;
    overflow: hidden;
    padding: 0px 10px;
    -webkit-transition: min-height 0.5s ease;
    -moz-transition: min-height 0.5s ease;
    -ms-transition: min-height 0.5s ease;
    -o-transition: min-height 0.5s ease;
    transition: min-height 0.5s ease;
}

#result_search.active, #result_search_mobile.active {
    max-height: 350px;
    height: auto;
    overflow-y: auto;
    border-color: #b3b3b3;
    background-color: #fff;
}

/* width */
#result_search.active::-webkit-scrollbar, #result_search_mobile.active::-webkit-scrollbar {
    width: 5px;
}

/* Track */
#result_search.active::-webkit-scrollbar-track, #result_search_mobile.active::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
#result_search.active::-webkit-scrollbar-thumb, #result_search_mobile.active::-webkit-scrollbar-thumb {
    background: #253d98;
}

/* Handle on hover */
#result_search.active::-webkit-scrollbar-thumb:hover, #result_search_mobile.active::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.item_list_search {
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 14px;
    /*border-bottom: 1px solid #dfdfdf;*/
    justify-content: space-between;

}

.item_list_search a {
    color: #000;
    width: 100%;
}
.item_list_search img {
    height: 100%;
    object-fit: contain;
    display: flex
;
    justify-content: left;
    padding: 4px;
}

/*end box search*/

/*category box en*/
.product_en {
    width: 100%;
    background-color: #fff;
    padding: 20px;
    height: 100%;
}

.image_product_en {
    width: 100%;
    height: calc(100% - 40px);
}

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

.title_product_en {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
    height: 30px;
    overflow: hidden;
}

/*end category en*/

.title_about_index {
    padding-bottom: 60px;
    text-align: center;
    padding-top: 50px;
}

.uvc-heading-spacer {
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    height: 5px;
}

.uvc-headings-line {
    border-color: #253d98 !important;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-style: solid;
    border-bottom-width: 5px;
    width: 200px;
    margin: 0px auto;
    display: block;
}

.title_about_index h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 15px;
}

.contact-info {
    padding: 0;
}

.contact-info li {
    /*color: #aaaaaa;*/
}

.contact-info li span {
    color: #000;
    font-weight: 600;
}


/*view page en*/
#main_view_en {
    background-color: #fff;
    padding: 80px 0 0px 0;
}

#main_view_en > .wf-wrap {
    padding: 0 80px 0 80px;
}

.wpb_single_image.vc_align_center {
    text-align: center;
    margin-bottom: 35px;
}

.wpb_single_image .vc_figure {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    max-width: 100%;
}

.whatsapp-btn {
    background-color: #2db742 !important;
    border-radius: 4px;
    color: #fff;
    padding: 12px 18px 12px 18px;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

.whatsapp-btn:hover {
    color: #fff;
}

.whatsapp-btn i {
    margin-right: 8px;
    font-size: 16px;
}

.btn-align-center {
    text-align: center;
    display: flex;
    justify-content: center;
}

.wpb_content_element {
    margin-bottom: 35px;
    direction: ltr;
}

.page-title .wf-wrap {
    min-height: 120px;
    padding: 20px 80px 20px 80px;
    display: flex;
    align-items: center;
    justify-content: end;
}

.page-title-head h1 {
    font: normal 700 26px / 36px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
}

/*end view page en*/


/*box product en*/
.wpb_column {
    padding: 15px;
}

.vc_column-inner {
    padding: 20px !important;
    background-color: #ffffff !important;
    height: 100%;
}

.wpb_wrapper {
    height: 100%;
}

.shortcode-single-image-wrap {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 20px !important;
    width: 100%;
    height: 190px;
}

.shortcode-single-image-wrap a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.shortcode-single-image-wrap a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.uvc-main-heading {
    height: 56px;
    overflow: hidden;
}

.preload-me {

}

.uvc-main-heading h3 {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}


.uvc-sub-heading {
    font-weight: normal;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 26px;
    height: 182px;
    text-align: justify;
    overflow: hidden;
}

.default-btn-shortcode {
    font-size: 14px;
    text-transform: none;
    padding: 8px 14px 8px 14px;
    background-color: #253d98;
    color: #fff;
}

.default-btn-shortcode:hover {
    color: #fff;
}

.shortcode-single-image-wrap i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 450ms ease;
    -moz-transition: all 450ms ease;
    -ms-transition: all 450ms ease;
    -o-transition: all 450ms ease;
    transition: all 450ms ease;
}

.shortcode-single-image-wrap a:hover i {
    background: rgb(83 60 180 / 50%);
    opacity: 1;
}

/*end box product en*/

.box_description_height .description_order {
    height: 100%;
    width: 100%;
    border: unset;
    padding: 5px 10px;
    resize: none;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.discount-box- button {
    /* margin: 10px; */
    width: 100px;
    padding: 7px 0px;
    border: unset;
    outline: unset;
    /* height: 30px; */
    font-size: 12px;
}

.discount-box- {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 4px;
}


.items_steps .item_step .icon {
    /*font-size: 60px;*/
    color: #fff;
    width: 80px;
    height: 80px;
    /*line-height: 80px;*/
    border-radius: 50%;
    background: rgb(83 60 180 / 50%);
    position: relative;
    margin-bottom: 40px;
    margin-top: 40px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.items_steps .item_step .icon i {
    margin-top: 3px;
}

.items_steps .item_step.active .icon i {
    color: #00d300;
}

.items_steps .item_step.active .icon {
    background: #253d98;
}

.items_steps .item_step.doing .icon {
    -webkit-animation: ripple-white- 1s linear infinite;
    -o-animation: ripple-white- 1s linear infinite;
    animation: ripple-white- 1s linear infinite;
}

@keyframes ripple-white- {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(83, 60, 180, .3), 0 0 0 11px rgba(83, 60, 180, .3), 0 0 0 20px rgba(83, 60, 180, .3);
        box-shadow: 0 0 0 0 rgba(83, 60, 180, .3), 0 0 0 11px rgba(83, 60, 180, .3), 0 0 0 20px rgba(83, 60, 180, .3);
    }
    100% {
        -webkit-box-shadow: 0 0 0 11px rgba(83, 60, 180, .3), 0 0 0 20px rgba(83, 60, 180, .3), 0 0 0 30px rgba(83, 60, 180, 0);
        box-shadow: 0 0 0 11px rgba(83, 60, 180, .3), 0 0 0 20px rgba(83, 60, 180, .3), 0 0 0 30px rgba(83, 60, 180, 0);
    }
}

.items_steps {
    padding: 0px 25px;
}

.items_steps .item_step .icon::after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #253d98;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: scale(1.4, 1.4);
    transform: scale(1.4, 1.4);
    opacity: .05;
    z-index: -1;
}

.items_steps .item_step {
    position: relative;
}

.p-kala p {

    font-size: 13px;
    display: flex;
    justify-content: flex-start;
    color: #333;
    margin: 0px;
}

.a-p-kala {
    color: black;
}

.p-kala {
    border-bottom: 1px solid #e0e1e5 !important;
    display: flex;
    align-items: center;
    column-gap: 0.4rem !important;
    font-weight: 400;
    padding: 20px 10px 20px 5px;
    text-align: right;
}

.p-kala i {
    font-size: 20px;
    display: flex;
    justify-content: flex-start;
    filter: contrast(0.5);
}

.p-kala i:hover {
    filter: contrast(0.5) !important;
}

.tobotm {
    position: absolute;
    width: 90%;
    left: 100%;
    top: 30%;
    z-index: 4;
}

.box-kala-2 {
    border: 1px solid gainsboro;

    border-radius: 10px;
    background-color: white;
}

.border_bottom_title {

    align-items: flex-start;
}

.rights {
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #eaebed;
    width: 100%;
    padding: 10px 0;
}

.lefts {
    gap: unset !important;
    flex-direction: column !important;
    justify-content: left !important;

}

.view-1 {

    gap: 10px;
}
/**/
button.sort-btn {
    background-color: white;
    border: unset;
    padding: 10px;
    border-radius: 5px;
    margin: 5px;

}
button.sort-btn.active {
    background-color: #253d98;
    color: white;
    font-weight: 500;
}
/**/
.section4_col_left_loc {
    height: 100%;
    display: flex;
    align-items: center;
}

/**/
.baner-main img{
    border-radius: 15px;
    height: 450px;
    object-fit: cover;
}
#section2 .shadow_icon h3 {
    margin-bottom: 0;
}
#section2 .box-swiper {
    display: flex
;
    flex-direction: column;
    gap: 20px;
}
#section2{
    overflow: hidden;
}
#section2 .text_parent {
    text-align: center;
    line-height: 1.7;
}
#section2 .parent_icon_section2 {
    width: 100%;
    height: 100%;
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 9;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
    box-shadow: 0 0 5px 0;
    border-radius: 15px;
    border-top: 4px solid;
    color: #273e96;
    border-bottom: 4px solid;
}
#section2 .shadow_icon {
    width: 100%;
    height: 100%;
    display: flex
;
    flex-direction: column;
    align-items: center;
}
#section2 .image_parent {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 15px 15px 0 0;
    padding-bottom: 10px;

}
#section2 .image_parent img {
    height: 130px;
    width: 180px;
    object-fit: contain;
    margin: 0 auto;
    display: block;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    padding: 10px;
}

#section2 .shadow_icon h3 {
    font-size: 16px;
    color: #0c0c0c;
    font-weight: 700;
    line-height: 2.17;
    padding: 10px 0;
    background-color: #293f940f;
    width: 100%;
}
.swiper_slider_section2 {
    padding: 20px 6px;
    width: 100%;
}
.swiper-section2-next1, .swiper-section2-prev1 {
    width: 30px;
    height: 30px;
    display: flex
;
    justify-content: center;
    align-items: center;
    background-color: #eaebed;
    color: black;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
}

.app{
    display: none;
}
/**/
@media (min-width: 768px) {
    .section4_blue_loc {
        width: 100%;
        margin-left: 0px;
        margin-right: 20px;
    }

}

.section4_img_loc img {
    width: 100%;
    padding: 50px;
}

@media (max-width: 1200px) {
    .section4_child_down {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 990px) {
    .contact_over_title_net {
        align-items: end;
        justify-content: center;
        display: flex;
        padding: 0;
    }

    .contact_over_title_net img {
        max-width: 100%;
        width: 48px;

    }
}

@media (max-width: 991px) {

    div#exampleModalCenter .modal-dialog {
        max-width: 80%;
    }
    ul.aside_ul1.submenu1 {
        height: 400px;
        overflow: auto;
    }

    .item_adjective {
        align-items: center;
    }

    .view_title_product_mobile {
        margin: 0px 0 20px;
    }

    .button_add_to_cart {
        font-size: 15px;
    }

    ul.submenu.submenu1.aside_ul2 {

        height: auto;
    }

    ul.submenu.submenu1.aside_ul2::-webkit-scrollbar {
        width: 5px;

        background-color: #c1c1c1;
    }

    .hearts a {
        gap: 10px;
        font-size: 12px;
        font-weight: 100;
    }

    .dic {
        display: flex;
        gap: 10px;
        margin: 10px 0;
    }

    .custmaiz a {
        font-size: 12px;
    }

    .aside-controls {
        display: flex !important;
        justify-content: space-between !important;
        margin-bottom: 0px !important;
        align-items: start !important;
        position: relative !important;
        box-shadow: 0 0 5px 0 !important;
        color: #e1bc7a !important;
        align-items: center !important;
        border-radius: 10px 10px 0 0 !important;
        padding: 5px 15px !important;
    }

    .aside-scroll .mobile_category {
        font-size: 16px;
        font-weight: bold;
        text-align: right;
        margin-bottom: 5px;
        padding: 15px;

        color: #e1bc7a;
    }
}

@media (max-width: 768px) {
.swiper_slider_section2{
    overflow: hidden;
}
    .desc {
        display: none;
    }
    .app{
        display: flex;
    }
    .baner-main img {
        height: 145px;
    }
    .section3{
        padding-bottom: 30px;
    }
    #section2 .image_parent img{
        height: 60px;
        width: 100px;
        padding: 3px;
    }
    #section2 .shadow_icon h3{
        line-height: 20px;
        font-size: 14px;
    }
    .p-img-free{
        width: 90% !important;
    }

    .product-images-slide {
        align-items: center;
    }

    .section4_col_left_loc {
        justify-content: center;
        margin-bottom: 0px !important;
        margin-top: 10px !important;
    }

    .section4_img_loc img {
        width: 250px;
        padding: 0px;
    }

    .section4_child_down {
        flex-direction: column-reverse;
    }

    .main-aside1 .menu-section-title > i {
        font-size: 20px;
    }

}

@media (max-width: 576px) {
    .swiper_slider_one .swiper-slide img{
        width: 100%;
        height: 160px;
        object-fit: cover;
    }
    button.sort-btn {
        font-size: 12px;
        margin: 0 !important;
    }
    .search_section2_top{
        flex-direction: column;
        align-items: self-start;
        gap:10px;
    }
    #sortdata{
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .col-custom{
        margin: 0 !important;
        padding: 5px !important;
    }
    .product_name {
        font-size: 16px;
    }
    .product_price {
        font-size: 15px;
    }
    .search_product .product{
        padding: 10px !important;
    }
    div#exampleModalCenter .modal-dialog {
        max-width: 100%;
    }
    ul.aside_ul1.submenu1 {
        max-height: 350px;
        height: 100%;

    }

    .main-aside2 {
        max-height: 40%;
        height: 100%;
    }

    .view_weight > label {
        margin-left: auto;
        padding: 0 20px;
    }

    .view_weight {
        flex-direction: column;
    }

    .dic {
        margin: 0px 0px 10px;
        gap: 0px;
    }

    .view_title_product_mobile > h1 {
        font-size: 17px;
        margin: 0;

    }

    .custmaiz {
        margin: 0 0 0 15px;
    }

    .customizs {
        flex-direction: column;
        align-items: center;
        gap: 1px;

    }

    .title_contact_page {
        font-size: 18px;
    }

    .box_img_menu {
        width: 30px;
        height: 30px;
        border-radius: 50px;
        border: 2px solid #e1bc7a;
        margin-left: 5px;
        padding: 5px;
        background-color: #253d98;
    }
    .h1_main{
        margin-top: 1rem;
        font-size: 20px;
    }
}

@media (max-width: 430px) {

    .view_weight > label {
        margin-left: auto;
        padding: 0 10px;
    }

    .header_mobile1 li a {
        font-size: 11px;
    }

    .view_price_number {
        flex-direction: column-reverse;
        width: 100%;
        align-items: baseline;
    }

    .view_price {
        font-size: 20px !important;
    }

    .view-1 {
        flex-direction: column;
        width: 100%;
    }

    .view_number {
        width: 100% !important;
    }

    .view_option {
        margin-bottom: 10px;
    }



}

@media (min-width: 768px) {
    .view_title_product_mobile {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .view_details_total .border_bottom_title .dic {
        display: none;
    }
}

@media (max-width: 992px) {
    .view_details_total .border_bottom_title {
        flex-direction: column;
    }

    .view_details_total .border_bottom_title .rights {
        order: 2;
    }

    .view_details_total .border_bottom_title .dic {
        order: 1;
    }
    .mobile-fl-di-column {
        flex-direction: column;
    }
    .parent_image_banner_search{
        height: 145px;
    }
    .search_text_banner{
        top: 6px;
    }
}

.p-img-free {
    gap: 50px;
    border-radius: 7px;
    position: fixed;
    inset: 0px;
    width: 50%;
    height: fit-content;
    max-width: 100vw;
    max-height: 100dvh;
    margin: auto;
    background: white;
    padding: 30px;
    line-height: 30px;
}

.notice-center-free-close {
    position: fixed;
    /*z-index: 999999999;*/
    width: 100%;
    height: 100%;
    /*background-color: #0000004f;*/
    top: 0;
}

.line-height-unset {
    line-height: unset !important;
}

#product_add_more {
    width: 100% !important;
}

.gift-button {
    text-shadow: -1px 2px black;
    border-radius: 15px;
    filter: drop-shadow(2px 1px 2px black);
    background-color: #253d98;
    color: #ffffff;
}