@font-face {
    font-family: kalame_light;
    src: url('../fonts/KALAMEH-LIGHT.eot');
    src: url('../fonts/KALAMEH-LIGHT.woff') format("woff"),
    url('../fonts/KALAMEH-LIGHT.woff2') format("woff"),
    url('../fonts/KALAMEH-LIGHT.ttf') format("truetype");
}

@font-face {
    font-family: kalame_bold;
    src: url('../fonts/KALAMEH-BOLD.eot');
    src: url('../fonts/KALAMEH-BOLD.woff') format("woff"),
    url('../fonts/KALAMEH-BOLD.woff2') format("woff"),
    url('../fonts/KALAMEH-BOLD.ttf') format("truetype");
}

@font-face {
    font-family: kalame_black;
    src: url('../fonts/KALAMEH-BLACK.eot');
    src: url('../fonts/KALAMEH-BLACK.woff') format("woff"),
    url('../fonts/KALAMEH-BLACK.woff2') format("woff"),
    url('../fonts/KALAMEH-BLACK.ttf') format("truetype");
}

@font-face {
    font-family: Beirut;
    src: url('../fonts/Beirut.eot');
    src: url('../fonts/Beirut.woff') format("woff"),
    url('../fonts/Beirut.woff2') format("woff"),
    url('../fonts/Beirut.ttf') format("truetype");
}

@font-face {
    font-family: Tufan;
    src: url('../fonts/Tufan.eot');
    src: url('../fonts/Tufan.woff') format("woff"),
    url('../fonts/Tufan.woff2') format("woff"),
    url('../fonts/Tufan.ttf') format("truetype");
}

@font-face {
    font-family: Bahman;
    src: url('../fonts/Bahman.eot');
    src: url('../fonts/Bahman.woff') format("woff"),
    url('../fonts/Bahman.woff2') format("woff"),
    url('../fonts/Bahman.ttf') format("truetype");
}

@font-face {
    font-family: Sina;
    src: url('../fonts/Sina.eot');
    src: url('../fonts/Sina.woff') format("woff"),
    url('../fonts/Sina.woff2') format("woff"),
    url('../fonts/Sina.ttf') format("truetype");
}

@font-face {
    font-family: Samim-FD;
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Samim-FD.eot');
    src: url('../fonts/Samim-FD.eot') format("embedded-opentype"),
    url('../fonts/Samim-FD.woff2') format("woff2"),
    url('../fonts/Samim-FD.woff') format("woff"),
    url('../fonts/Samim-FD.ttf') format("truetype");
}



:root {
    --primary-color: #ED1B24;
    --secondary-color: #707070;
    --text-color: #000000;
    --black: #000000;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
    max-width: 100%;
}

html.overlay {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

body {
    margin: auto;
    overflow: hidden;
    width: 100%;
    padding: 0;
    direction: rtl;
    font-family: 'kalame_light';
    overflow-x: hidden;
    max-width: 100%;
    background-color: var(--back-gray);
}
*{
    text-align: right;
}

p{
    text-align: justify;
    line-height: 33px;
}
.farsi-digit {
    font-family: Samim-FD;
}

body::-webkit-scrollbar {
    width: 8px;
    height: 5px;
}

body::-webkit-scrollbar-thumb {
    background: var(--text-color);
    /* / border-radius: 10px; / */
}
body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #a09ea4;
    /* / border-radius: 10px; / */
}
* {
    /*scrollbar-width: thin;*/
    /*scrollbar-color: #a7a7a7 #e8e8e8;*/
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* / z-index: 0; / */
}

button:focus {
    outline: unset !important;
}

button:focus-visible {
    outline: unset !important;
}

.form-control:focus {
    border-color: darkred;
    outline: 0;
    box-shadow: unset;
}

.container-fluid{
    max-width: 2000px;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1500px;
    }
}


/*nav*/

.pamchal-nav{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 27px;
    width: 121px;
    position: absolute;
    top: 2px;
    left: 0;
}

.swiper-button-next:after, .swiper-button-prev:after {
    height: 26px;
}

.swiper-button-next, .swiper-button-prev {
    position: unset;;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: url('data:image/svg+xml,<svg width="38" height="31" viewBox="0 0 38 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.2805 0.23925C16.3573 0.315012 16.4182 0.40498 16.4598 0.504011C16.5014 0.603043 16.5228 0.709198 16.5228 0.816401C16.5228 0.923605 16.5014 1.02976 16.4598 1.12879C16.4182 1.22782 16.3573 1.31779 16.2805 1.39355L2.82169 14.6843L37.1739 14.6843C37.393 14.6843 37.6031 14.7703 37.758 14.9233C37.913 15.0762 38 15.2837 38 15.5001C38 15.7164 37.913 15.9239 37.758 16.0769C37.6031 16.2299 37.393 16.3159 37.1739 16.3159L2.82169 16.3159L16.2805 29.6066C16.3572 29.6824 16.4181 29.7724 16.4597 29.8714C16.5012 29.9705 16.5226 30.0766 16.5226 30.1838C16.5226 30.291 16.5012 30.3971 16.4597 30.4961C16.4181 30.5952 16.3572 30.6851 16.2805 30.7609C16.2037 30.8367 16.1126 30.8969 16.0123 30.9379C15.9121 30.9789 15.8046 31 15.696 31C15.5875 31 15.48 30.9789 15.3797 30.9379C15.2795 30.8969 15.1883 30.8367 15.1116 30.7609L0.242276 16.0772C0.165471 16.0015 0.104541 15.9115 0.0629694 15.8125C0.0213979 15.7135 1.83556e-07 15.6073 1.84835e-07 15.5001C1.86113e-07 15.3929 0.0213979 15.2867 0.0629694 15.1877C0.104541 15.0887 0.165471 14.9987 0.242276 14.9229L15.1116 0.23925C15.1883 0.163403 15.2794 0.103234 15.3797 0.0621817C15.48 0.0211279 15.5875 1.85879e-07 15.696 1.87173e-07C15.8046 1.88468e-07 15.9121 0.0211279 16.0124 0.0621817C16.1127 0.103234 16.2038 0.163403 16.2805 0.23925Z" fill="%23707070"/></svg>') !important;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: url('data:image/svg+xml,<svg width="38" height="31" viewBox="0 0 38 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.7195 30.7607C21.6427 30.685 21.5818 30.595 21.5402 30.496C21.4986 30.397 21.4772 30.2908 21.4772 30.1836C21.4772 30.0764 21.4986 29.9702 21.5402 29.8712C21.5818 29.7722 21.6427 29.6822 21.7195 29.6064L35.1783 16.3157L0.826072 16.3157C0.606982 16.3157 0.396869 16.2297 0.24195 16.0767C0.0870316 15.9238 -6.8698e-07 15.7163 -6.77522e-07 15.4999C-6.68065e-07 15.2836 0.0870317 15.0761 0.24195 14.9231C0.396869 14.7701 0.606983 14.6841 0.826072 14.6841L35.1783 14.6841L21.7195 1.39336C21.6428 1.31757 21.5819 1.22759 21.5403 1.12857C21.4988 1.02954 21.4774 0.9234 21.4774 0.816213C21.4774 0.709027 21.4988 0.602889 21.5403 0.503862C21.5819 0.404834 21.6428 0.314855 21.7195 0.239062C21.7963 0.16327 21.8874 0.103148 21.9877 0.0621295C22.0879 0.0211109 22.1954 -6.9084e-07 22.304 -6.86095e-07C22.4125 -6.81351e-07 22.52 0.021111 22.6203 0.0621296C22.7205 0.103148 22.8117 0.16327 22.8884 0.239063L37.7577 14.9228C37.8345 14.9985 37.8955 15.0885 37.937 15.1875C37.9786 15.2865 38 15.3927 38 15.4999C38 15.6071 37.9786 15.7133 37.937 15.8123C37.8955 15.9113 37.8345 16.0013 37.7577 16.0771L22.8884 30.7607C22.8117 30.8366 22.7206 30.8968 22.6203 30.9378C22.52 30.9789 22.4125 31 22.304 31C22.1954 31 22.0879 30.9789 21.9876 30.9378C21.8873 30.8968 21.7962 30.8366 21.7195 30.7607Z" fill="%23707070"/></svg>') !important;
}

/*nav*/


/*title*/

.pamchal-title{
    position: relative;
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    align-items: flex-start;
}

.title-line{
    width: 2px;
    height: 50px;
    background: var(--primary-color);
}

.pamchal-title h3{
    font-size: 30px;
    font-weight: 600;
}

/*title*/




/*header*/

header{
    position: absolute;
    width: 100%;
    z-index: 2;
}

.header-navbar{
    position: relative;
    z-index: 2;
}

.header-navbar .container{
    position: relative;
}

.head-logo{
    position: absolute;
    bottom: -57px;
    left: 38%;
    width: 221px;
    height: 132px;
}

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

.search-svg{
    display: none;
}

.header-navbar .container-fluid{
    padding-inline: 0;
}

.first-navbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 8px 8px;
    border-bottom: 1px solid #c0c0c0;
    height: 63px;
}

.first-navbar.style{
    background: rgb(255 255 255 / 62%);
}

.navbar-toggler-icon svg{
    width: 32px;
    height: 32px;
}


.social-medias{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0px;
}

.each-social{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.each-social svg{
    width: 25px;
    height: 25px;
}

.head-form{
    width: 570px;
    position: relative;
}

.head-form input{
    padding: 10px 20px;
    border: 1px solid #a19f9f;
    border-radius: 5px;
    background: transparent;
}
.head-form input::placeholder{
    font-size: 15px;
    color: #161616;
}

.head-form button{
    position: absolute;
    left: 0;
    border: unset;
    background: unset;
    top: -2px;
}

.head-form button svg{
    width: 30px;
    height: 37px;
}

.head-form button svg path{
    stroke: #7e7e7e;
}

.navbar-login-register{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    text-decoration: unset;
    border-left: 1px solid #d8d8d8;
    padding-left: 0.5rem;
    margin-left: 0.6rem;
}

.navbar-login-register span{
    text-decoration: unset;
    color: var(--text-color);
    font-size: 16px;
}


.nav-item .nav-link{
    color: var(--text-color);
    font-size: 16px;
    font-weight: 600;
}

.nav-item.active{
    border-bottom: 2px solid var(--primary-color);
}

.navbar-nav {
    gap: 25px;
}

.navbar-brand{
    width: 167px;
    height: 53px;
    position: relative;
    opacity: 0;
}

.navbar-brand img{
    width: 100%;
    height: 120%;
    object-fit: contain;
    position: absolute;
    transform: translateY(-11px);
    filter: drop-shadow(2px 0px 3px #fff);
}


/*header*/







/*zeynep*/


.zeynep-overlay {
    background-color: rgba(82, 82, 82, 0.69);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1010;
}

.zeynep {
    width: 400px;
    background: #E7E7E7;
    background-image: url(../images/snow-cover.png);
    background-repeat: no-repeat;
    height: 100%;
    background-size: contain;
}

.zeynep .submenu {
    left: 400px;
    background: #E7E7E7;

    background-image: url(../images/snow-cover2.png);
    background-repeat: no-repeat;
    height: 100%;
    background-size: contain;
}

.zeynep.opened {
    padding: 15px 13px;
    overflow: hidden;
}

.submenu.opened {
    overflow: hidden;
    padding: 15px 13px;
    left: 0 !important;
}

.megamenu-body {
    height: 100%;
    padding-top: 13px;
    /* margin-top: 125px; */
}

.submenu.opened .megamenu {
    position: unset;
    top: -10px;
    padding-top: 0 !important;
    height: 100%;
    overflow: auto;
}

.zeynep-label {
    color: var(--primary-color);
    font-weight: 600;
    display: block;
    padding: 0 18px;
    padding-block: 14px;
}

.submenu.opened .megamenu {
    position: unset;
    top: -10px;
    padding-top: 0 !important;
    height: 100%;
    overflow: auto;
}

.megamenu {
    border: unset;
    border-radius: 7px;
    height: 100%;
    position: relative;
    padding-top: 49px !important;
}

.submenu.opened .megamenu {
    position: unset;
    top: -10px;
    padding-top: 0 !important;
    height: 100% !important;
    overflow: auto;
}

.megamenu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    width: 100%;
    right: 0;
    z-index: 13;
}

.zeynep-close {
    position: absolute;
    right: 24px;
    top: 16px;
    z-index: 1000;
    padding: 10px;
    width: fit-content;
}

.megamenu-logo {
    width: 90px;
    height: 115px;
    display: none;
}

.megamenu-logo img {
    width: 100%;
    height: 100% !important;
    object-fit: contain;
}

.megamenu::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    z-index: -1;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-position: top left;
    background-size: 130px;
    top: -6px;
    left: 8px;
}

.submenu-opened .megamenu::before{
    display: none;
}

.zeynep .submenu-header > a {
    position: unset;
    padding: 15px 19px;
    text-decoration: unset;
}



/*zeynep*/





/*megamenu sort*/

.nav-parent{
    position: relative;
}

.body-tab-pane{
    flex-wrap: wrap;
    height: 400px;
}

.megamenu-sort{
    display: none;
    justify-content: center;
    margin-right: 0;
    position: absolute !important;
    top: 35px !important;
    z-index: 15;
    background-color: #e5e5e5;
    background-image: url("../images/snow-megamenu.png");
    background-repeat: no-repeat;
    background-size: cover;
    /*max-height: 485px;*/
    max-height: unset;
    color: #444;
    box-shadow: 0 9px 10px 0 rgb(84 84 84 / 4%);
    border-radius: 19px;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
    right: 0;
    overflow: hidden;
}

.megamenu-sort.show{
    display: flex;
}

.menu-list{
    border-bottom: 1px solid #cecece;
}

.menu-list:last-child{
    border-bottom: unset;
}

.my-nav-pills{
    /*background: #f5f5f5;*/
    border-radius: 0 0 5px 0;
    width: 326px;
    flex-direction: column;
    text-align: right;
    margin-top: 3.1rem;
    padding-inline: 1.7rem;
    margin-bottom: 1.3rem;
}

.tab-pane{
    display: none;
    flex-direction: column;
    width: max-content;
    align-items: flex-start;
    gap: 5px;
    padding-block: 40px 100px;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {

    text-align: justify;
}
.your-address{
    text-align: justify;
}
.icon__box{
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon__box img{
    width: 26px;
    object-fit: contain;
}
.select2-container--default .select2-selection--single{
    border: 0 !important;
}
.tab-pane.active{
    display: flex;
}

.body-tab-pane{
    display: flex;
    text-align: start;
}

.each-tab-col{
    min-width: 220px;
    display: flex;
    flex-direction: column;
}

.body-tab-pane{
    /*max-height: 740px;*/
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.body-tab-auto{
    /*max-height: 260px;*/
    overflow: hidden;
    /*max-height: 321px;*/
    width: 730px;
}

.my-tab-content{
    padding: 0 14px;
    border-radius: 0;
    margin: 0;
    border-right: 1px solid #cdcdcd;
}

.head-tab-pane{
    padding-block: 10px 20px;
}

.category-list a{
    padding: 12px 8px;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #00162a;
    justify-content: space-between;
    text-decoration: unset;
}

.category-list a span{
    color: #00162a;
    font-size: 16px;
    font-weight: 600;
}

.category-list svg{
    width: 15px !important;
    height: 15px !important;
}

.category-list:hover a span{
    color: var(--primary-color);
}

.category-list:hover a svg path{
    stroke: var(--primary-color);
}

.tab-pane .head-tab-pane a{
    color: #2ca4cf !important;
}
.tab-pane .head-tab-pane svg{
    width: 10px;
    height: 10px;
}


.megamenu-sort a.each-tab-title {
    text-decoration: unset;
}

.megamenu-sort a.each-tab-title span{
    font-weight: 600;
    font-size: 16px;
    color: #00162a;
    position: relative;
    padding-right: 5px;
}

.each-tab-title span svg{
    width: 10px;
    height: 10px;
}

.each-tab-title{
    padding: 12px 8px;
}

.each-tab-list li {
    padding: 8px 8px;
    list-style: none;
}


ul.each-tab-list li a{
    margin-right: 0;
    color: #4d4d4d !important;
    font-weight: 400;
    font-size: 16px;
    text-decoration: unset;
}
.each-tab-list li a:hover {
    color: #F44336 !important;
}
.each-tab-title:hover span{
    color: #F44336 !important;
}
.empty-mega-image{
    width: 300px;
    height: 300px;
}

.empty-mega-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.empty-megamenu{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.empty-megamenu span{
    font-size: 12px;
    font-weight: 500;
    color: #00223e;
}

.megamenu-sort a.each-tab-title {
    margin-right: 0 !important;
}



.tab-image{
    /*width: 200px;*/
    position: relative;
    z-index: 1;
    justify-content: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.megamenu-sort::before{
    position: absolute;
    content: '';
    width: 100px;
    height: 100%;
    background: var(--primary-color);
    left: 42px;
    z-index: -1;
}

.each-image-pane{
    width: 122px;
    height: 276px;
}

.each-image-pane img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.each-tab-title:hover a{
    color: var(--primary-color);
}

/*megamenu sort*/




/*menu bottom*/


.mobile-navbar-icons {
    display: none;
    position: fixed;
    bottom: 0;
    justify-content: center;
    z-index: 100;
    padding: unset;

}

.mobile-navbar-icons .row{
    width: 100%;
}

.menu-bottom-mobile{
    background: #ffffff;
    padding: 7px 12px;
    /* border-radius: 30px 30px 0px 0px; */
    width: 100%;
    box-shadow: 0px -1px 8px #dbdbdb;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 17px 17px 0 0;
}

.each-item-bottom{
    width: fit-content;
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    position: relative;
}

.each-item-bottom::before{
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-radius: 50%;
    right: -8px;
    bottom: 19px;
}

.each-item-bottom.active::before{
    background-color: #cbe3f5;
}

.each-item-bottom span{
    font-size: 12px;
    color: #595959;
    font-weight: 600;
    z-index: 1;
}

.each-item-bottom .header-cart-link, .each-item-bottom .header-profile-link{
    order: -1;
}

.header-icon {
    width: 30px;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
}

.header-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0.6;
}



/*menu bottom*/


/*cart menu*/

.cart-btn{
    position: relative;
    padding: 0.2rem;
}


.cart-menu{
    position: absolute;
    width: 290px;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    /*left: -22px;*/
    z-index: 10;
    top: 30px;
    box-shadow: 0 0 7px 0px #dddddd;
    display: none;
}

.empty-cart-image{
    width: 100%;
    height: 120px;
}

.empty-cart-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.cart-empty span{
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    display: block;
    margin-top: 20px;
}
.cart-empty{
    margin-bottom: 20px;
    margin-block: 40px 60px;
}
.show_all{
    display: flex;
    /* position: absolute; */
    left: 0;
    align-items: normal;
    justify-content: end;
    width: 100%;
    padding-left: 1rem;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
    color: #236eaa;
}
.show_all:hover{
    color: #F44336;
}


.cart-menu.show{
    display: block !important;
}

.all-cart-items{
    display: flex;
    flex-direction: column;
    max-height: 300px;
    overflow: auto;
}

/*.all-cart-items{*/
/*    scrollbar-color: gray #000;*/
/*    scrollbar-width: thin;*/
/*}*/

.all-cart-items::-webkit-scrollbar{
    width: 3px;
}
.all-cart-items::-webkit-scrollbar-track{
    background: #d0d0d0;
}
.all-cart-items::-webkit-scrollbar-thumb{
    background: #3d3d3d;
}


.each-cart-course{
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-decoration: unset !important;
    padding: 10px;
    border-bottom: 1px solid #e1e1e1;
    height: 126px;
}

.course-price{
    font-size: 15px;
    color: #14395e;
    font-weight: 600;
}

.cart-menu-bottom{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sum-price{
    font-weight: 600;
    font-size: 18px;
    width: 100%;
}

.cart-menu-bottom a{
    background: var(--primary-color);
    border-radius: 10px;
    padding: 10px 20px;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    text-align: center;
}


.each-course-detail{
    display: flex;
    align-items: center;
    gap: 10px;
}


.cart-image{
    width: 120px;
    height: 70px;
}


.cart-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 6px;
}

.cart-course-content{
    width: 70%;
}

.cart-course-content span{
    font-size: 15px;
    font-weight: 600;
    color: #484747;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.each-course-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}








/*products*/

.products_swiper{
    position: relative;
}

.products_swiper .swiper-wrapper{
    padding-top: 55px;
    position: unset;
    padding-bottom: 10px;
}

.each-product{
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 1px solid #C3C3C3;
    border-radius: 28px;
    padding: 40px 25px;
    background-color:#ffffff;
    transition: .5s;
    /*position: relative;*/
    overflow: hidden;
    position: relative;
}

.add_to_cart{
    background: var(--primary-color);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff !important;
    position: absolute;
    left: 20px;
    bottom: 25%;
    transform: translateX(-140%);
    transition: .5s;
    text-decoration: unset;
    font-weight: 600;
    z-index: 2;
}

.each-product:hover .add_to_cart{
    transform: translateX(0%);
    transition: .5s;
}

.col-product{
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
    height: fit-content;
}

.col-product .line{
    left: 9px;
    transition: .5s;
}

.col-product:hover .line{
    background-color: var(--primary-color);
    transition: .5s;
}


/*.each-product::after {*/
/*    position: absolute;*/
/*    content: '';*/
/*    background: silver;*/
/*    width: 3px;*/
/*    height: 100px;*/
/*    top: 35px;*/
/*    border-radius: 0 10px 10px 0;*/
/*    left: 0px;*/
/*}*/

.all-category .each-product::after {
    left: 13px;
}

.products_swiper .each-product::after {
    left: 0px;
}
.index-product-colorBox{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.variety_sec{
    position: absolute;
}

.product-image{
    width: 251px;
    height: 283px;
    align-self: center;
    overflow: hidden;
    transition: .5s;
}

.each-product:hover .product-image  {
    transform: scale(1.1);
}

.product-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: .5s;
    border-radius: 13px;
}
.index-product-size-item{
    /* padding: 0.1rem 0.8rem; */
font-size: 12px;
    /* border: 1px solid #ccc; */
    border-radius: 6px;
    font-weight: 600;
    color: #585858;
    text-align: right;
}
.index-product-color-item{
    width: 10px;
    height: 10px;
    border-radius: 50px;
}
.pro-name{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pro-name a{
    color: var(--text-color);
    text-decoration: none;
}

.pro-name span{
    font-size: 15px;
}


.pro-name h4{
    font-size: 18px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    height: 59px;
}

.each-product:hover{
    box-shadow: 0px 3px 3px 1px #a7a7a7;
    transition: .5s;
}

/*.each-product:hover::after {*/
/*    background: var(--primary-color);*/
/*    transition: .4s;*/
/*}*/

.products_swiper .swiper-slide{
    position: relative;
}

.line{
    position: absolute;
    height: 100px;
    background-color: #bfbfbf;
    width: 3px;
    left: -3px;
    top: 35px;
    z-index: 2;
    border-radius: 10px 0 0 10px;
    transition: .4s;
}

.products_swiper .swiper-slide:hover .line{
    background-color: var(--primary-color);
    transition: .4s;
}




/*products*/




/*footer*/

.footer{
    background: #1f1f1f;
}

.footer .container{
    padding-block: 100px;
}

.footer-logo{
    width: 170px;
    height: 73px;
    margin-bottom: 15px;
}

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

.footer-info{
    padding-left: 40px;
}

.footer-info p{
    color: #B4B1B1;
    text-align: justify;
}

.footer-items{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-items span, .footer-head{
    color: #aeaeae;
    font-size: 17px;
    font-weight: 500;
}

.footer-head{
    margin-bottom: 20px;
    display: block;
}

.footer-items a{
    text-decoration: unset;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
}

.footer-links{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-links span{
    color: #888888;
}

.footer-links a{
    text-decoration: unset;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.each-footer-socials{
    display: flex;
    align-self: end;
    gap: 10px;
    padding-top: 18px;
}

.each-footer-socials a{
    width: 42px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #878787;
    border-radius: 50%;
}
.each-footer-socials a:hover{
    border: 2px solid var(--primary-color);

}
.each-footer-socials a:hover svg path{
    fill: var(--primary-color);

}
.each-footer-socials a svg{
    width: 21px;
    height: 21px;
}
.footer-links a:hover{
    color: var(--primary-color);
}
.footer-items a:hover{
    color: var(--primary-color);
}



.pamchal-footer-rights {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #181818;
    height: 30px;
    width: 100%;
}

.pamchal-footer-rights span{
    font-size: 13px;
    color: gray;
    text-align: center;
}

.pamchal-footer-rights a{
    font-size: 13px;
    color: #9d0606;
    text-decoration: unset;
    font-weight: 600;
}


/*footer*/
















/*responsive*/
/*responsive*/
/*responsive*/

@media screen and (max-width: 1399px){
    .body-tab-auto {
        width: 574px !important;
    }
    .tab-image {
        width: 163px !important;
    }

    .megamenu-sort::before {
        width: 74px !important;
    }

    .my-nav-pills {
        width: 275px !important;
    }
}

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

    .megamenu-sort {
        right: -120px;
    }

    .body-tab-auto {
        width: 522px !important;
    }

    .my-nav-pills {
        width: 260px !important;
    }

    .head-logo {
        width: 177px;
        height: 96px;
    }

}

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

    .head-form {
        width: 551px;
    }

    .footer {
        padding-bottom: 82px;
    }

    .mobile-navbar-icons {
        display: flex;
    }

    .head-logo{
        display: none;
    }

    .pamchal-title h3 {
        font-size: 24px;
        font-weight: 600;
    }
    .title-line {
        height: 41px;
    }


    .navbar-toggler {
        padding: 0;
    }

    .navbar-login-register span{
        display: none;
    }

    .social-medias {
        display: none;
    }

    .footer-info {
        padding-left: 0;
    }

    .col-footer{
        margin-bottom: 22px;
    }

    .col-footer-items{
        margin-bottom: 42px;
    }

    .navbar-brand {
        opacity: 1;
    }

}

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

    .banner-category .container::before {
        display: none;
    }


    .head-form {
        width: 300px;
        position: relative;
    }

    .each-product {
        flex-direction: row;
        align-items: center;
    }

    .product-image {
        width: 200px;
        height: 172px;
    }

    .each-product {
        padding: 25px 25px;
    }

    .add_to_cart {
        left: 24px;
        bottom: 9%;
        transform: translateX(0) !important;
    }

    .add_to_cart {
        width: 45px;
        height: 45px;
    }

    .product-detail .container {
        padding-block: 5px 80px;
    }

}

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

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        transform: scale(0.7);
    }

    .pamchal-nav svg {
        width: 1px;
        height: 26px;
        position: relative;
        top: -5px;
    }

    .pamchal-nav {
        gap: 10px;
    }

    .cart-btn span{
        display: none;
    }


    .head-form {
        width: 224px;
        position: relative;
    }

    .footer {
        padding-bottom: 77px;
    }

    .header-icon {
        width: 25px;
        height: 25px;
    }
    .each-item-bottom::before {
        width: 27px;
        height: 27px;
    }

    .banner-category .container {
        padding-block: 155px 0px !important;
    }

    .addressbar * {
        font-size: 15px;
    }

    .first-navbar {
        padding-block: 9px 8px;
    }

    .title-line {
        height: 34px;
    }

    .pamchal-title h3 {
        font-size: 21px;
    }

    .banner_section::after {
        display: none;
    }

    .pro-name h4 {
        font-size: 16px;
        font-weight: 600;
    }

    .footer .container {
        padding-block: 72px 50px;
    }

    .head-form button svg {
        width: 24px;
        height: 30px;
    }

    .head-form input {
        padding: 6px 21px;
    }
}

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

    .footer {
        padding-bottom: 70px;
    }

    .pamchal-footer-rights {
        height: 50px;
    }

    .addressbar * {
        font-size: 15px !important;
    }

    .addressbar {
        gap: 7px;
    }

    .addressbar .spacer {
        width: 17px;
    }

    .navbar-brand {
        width: 142px;
        height: 45px;
    }

    .each-product {
        padding: 16px 19px;
    }

    .zeynep {
        width: 100%;
    }

    .zeynep .submenu {
        left: 100%;
    }

    .pamchal-footer-rights span {
        text-align: center;
    }

    .pamchal-footer-rights span {
        font-size: 11px;
    }

    .pamchal-footer-rights {
        height: 47px;
    }

}

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

    .header-icon {
        width: 24px;
        height: 24px;
    }

    .head-form {
        width: 155px;
        position: relative;
    }
}

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

    .head-form {
        width: 126px;
        position: relative;
    }

}


/*responsive*/
/*responsive*/
/*responsive*/