@font-face {
    font-family: "lg";
    src: url("../font/lg.eot?n1z373");
    src: url("../font/lg.eot?#iefixn1z373") format("embedded-opentype"),
    url("../font/lg.woff?n1z373") format("woff"),
    url("../font/lg.ttf?n1z373") format("truetype"),
    url("../font/lg.svg?n1z373#lg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: IRANSans;
    src: url("../fonts/IRANSansWeb.eot");
    src: url("../fonts/IRANSansWeb.woff") format("woff"),
    url("../fonts/IRANSansWeb.woff2") format("woff2"),
    url("../fonts/IRANSansWeb.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}


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

* {
    font-family: IRANSans;
}
.farsi-digit {
    font-family: Samim-FD !important;
}

html,
body {
    font-family: IRANSans;
    font-size: 16px;
    background: #fff;
    direction: rtl;
    text-align: right;
    overflow-x: hidden;
    line-height: 35px;
    position: relative;
}

html{
    scroll-behavior: smooth;
}

a {
    color: unset;
    text-decoration: unset;
}

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


a:hover {
    color: unset;
}

:focus-visible{
    outline: unset;
}

:root {
    --text-color: #232323;
    --primary-color: #eedac3;
    --secondary-color: #f9ba09;
}





@keyframes cloud1 {

    0%{
        transform: translateX(-30px);
    }
    50%{
        transform: translateX(30px) translateY(20px);
    }
    100%{
        transform: translateX(-30px);
    }

}

@keyframes cloud2 {

    0%{
        transform: translateX(-35px);
    }
    50%{
        transform: translateX(35px) ;
    }
    100%{
        transform: translateX(-35px);
    }

}

@keyframes flower {

    0%{
        transform: rotate(20deg);
    }
    50%{
        transform: rotate(-20deg);
    }
    100%{
        transform: rotate(20deg);
    }

}

@keyframes leaf {

    0%{
        transform: translateY(3px);
    }
    50%{
        transform: translateY(-3px);
    }
    100%{
        transform: translateY(3px);
    }

}


@keyframes bee {

    0%{
        transform: translateY(10px) rotate(10deg);
    }
    50%{
        transform: translateY(-10px) rotate(-10deg);
    }
    100%{
        transform: translateY(10px) rotate(10deg);
    }

}
.overlay-section {
    display: none;
    background-color: rgb(0 0 0 / 17%);
    z-index: 1000;
    position: fixed;
    top: 0;
    outline: none;
    width: 100%;
    height: 100%;
}

.overlay-section.show{
    display: block;
}

.overlay-section.show {
    display: block;
}


/*search header*/

.input-box {
    position: relative;
    width: 100%;
    max-width: 60px;
    height: 42px;
    /*margin: 0 50px;*/
    background-color: #fff;
    border-radius: 6px;
    transition: all 0.5s ease-in-out;
}

.form-inline{
    width: 187px;
}

.input-box.open {
    max-width: 187px;
}
.input-box input {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    padding: 0 15px;
    border: none;
    border-radius: 6px;
    outline: none;
    transition: all 0.5s ease-in-out;
}
.input-box.open input {
    padding: 0 15px 0 65px;
}

.input-box .search {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #dcc3a6;
    border-radius: 50%;
    cursor: pointer;
}
.input-box.open .search {
    border-radius: 50%;
    background: var(--secondary-color);
}
.search .search-icon {
    font-size: 20px;
    color: #1c1c1c;
}

.input-box.open input{
    opacity: 1;
}

.input-box input{
    opacity: 0;
}

.input-box .close-icon {
    position: absolute;
    top: 50%;
    right: -19px;
    font-size: 20px;
    color: #1c1c1c;
    padding: 5px;
    transform: translateY(-50%);
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    pointer-events: none;
    opacity: 0;
}
.input-box.open .close-icon {
    transform: translateY(-50%) rotate(180deg);
    pointer-events: auto;
    opacity: 1;
}




/*search header*/


/*zeynep*/

.zeynep.opened {
    background: #ffff;
    width: 350px;
    padding-block: 0px 26px;
}
.zeynep ul li{
    display: block;
}

.all-menu-inside{
    display: flex;
    flex-direction: column;
    height: 80%;
    overflow: auto;
    padding-inline: 20px;
}

.submenu{
    background: #ffff;
    padding: 10px 20px;
}

.header-menu-open .btn-close{
    position: absolute;
    top: 13px;
    right: 14px;
}

.zeynep-logo{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-block: 10px 20px;
}

.zeynep-logo-image{
    width: 65px;
    height: 59px;
}
.zeynep-logo-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.zeynep-search{
    position: relative;
}

.zeynep-search input{
    width: 100%;
    border: 1px solid var(--secondary-color);
    border-radius: 4px;
    padding: 3px 15px;
    padding-right: 48px;
}

.zeynep-search .zeynep-btn-search{
    position: absolute;
    background: var(--secondary-color);
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    top: 0;
    right: 0;
}

.zeynep li {
    justify-content: flex-start;
}

.zeynep ul {
    padding-inline: 0;
}

.zeynep ul li a {
    padding: 0px 0px;
}

.zeynep ul li a {
    font-size: 15px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.zeynep ul > li.has-submenu > a {
    width: 100%;
    border: 1px dashed gray;
    margin-bottom: 9px;
    border-radius: 24px;
    padding: 10px 19px;
    background: #fbf6f0;
}

.zeynep-header{
    position: relative;
    /*top: 0;*/
    /*right: 0;*/
    width: 100%;
    padding: 12px;
}

.submenu label{
    color: var(--secondary-color);
    font-weight: 600;
    padding-top: 8px;
    display: flex;
    /* align-items: baseline; */
    justify-content: space-between;
    width: 100%;
}

.submenu  ul {
    margin-top: 0;
}

.zeynep .menu-list a{
    width: 100%;
}

.zeynep .menu-list {
    padding-block: 5px;
}

.zeynep .menu-list-span {
    justify-content: flex-start;
    padding-right: 22px;
    font-size: 15px;
    font-weight: 600;
    color: #959595;
    padding-block: 12px;
}

.zeynep .menu-list-image {
    width: 50px;
    height: 50px;
}

.zeynep .menu-list-image img{
    width: 50px;
    height: 50px;
}

.zeynep .submenu-header {
    text-align: left;
    display: flex;
    align-items: center;
    margin-right: 16px;
    position: unset;
    right: 0;
    top: 15px;
}

.zeynep-ul-links{
    margin-top: 0 !important;
}

.zeynep-ul-menus{
    margin-bottom: 10px !important;
}

.zeynep-overlay {
    background-color: rgb(189 173 147 / 69%);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1010;
}
.zeynep-opened .zeynep-overlay {
    display: block;
}


/*zeynep*/


/*cart little menu*/


.little-menu-cart{
    background: #ffff;
    width: 365px;
    padding: 8px 14px;
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 5;
    box-shadow: -1px 0px 5px 0px #b4b4b4;
    border-radius: 6px;
    display: none;
    justify-content: center;
    min-height: 150px;
    right: -58px;
}

.cartEmpty{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cartEmpty img{
    width: 98px !important;
    height: 73px !important;
}

.little-menu-cart.show{
    display: flex;
}

.little-cart-inside::-webkit-scrollbar{
    width: 9px;
    border-radius: 5px;
}

.little-cart-inside::-webkit-scrollbar-track{
    background: #fff;
    border-radius: 5px;
    border: 1px solid #eae9e9;
}

.little-cart-inside::-webkit-scrollbar-thumb{
    background: #cdcdcd;
    border-radius: 5px;
}


.little-cart-inside {
    position: relative;
    overflow: auto;
    max-height: 168px;
    min-height: 150px;
}

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

.image-in{
    width: 137px;
    height: 63px;
}

.image-in img{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}
.off_cart_price{
    color: var(--additional-color);
}

.no-price{
    font-size: 17px;
}

.off_cart_price {
    font-weight: 500 !important;
}

.cart_off_btn .no-price{
    font-size: 18px;
}

.cart-in-name{
    font-size: 14px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 172px;
}

.nothing{
    font-weight: 600;
    color: #e9e9e9;
}

.cart-in-price{
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
}
.cart-in-price span{
    display: flex;
    align-items: center;
    text-align: center;
    gap: 2px;
}

.off_cart_price {
    color: #ef394e;
}
.off_cart_price span{
    font-size: 11px;
}
.left-in{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.off_cart_price .no-price{
    font-size: 14px;
}
.sum-in{
    display: flex;
    align-items: center;
    gap: 6px;
}
.each-in-cart{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #b4b4b4;
    margin-bottom: 10px;
    padding-inline: 14px;
    flex-direction: column;
    align-items: flex-start;
}

.cart_off_btn{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    margin-top: 8px;
    gap: 24px;

}

.fix-cart-in{
    position: sticky;
    bottom: 2px;
    right: 5px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    background: #fff;
    padding: 13px 14px;
    box-shadow: 0px 0px 5px 0px #b4b4b4;
    border-radius: 7px;
    width: 100%;
    align-items: center;

}

.btn-fix{
    background: var(--additional-color);
    padding: 9px 33px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    height: fit-content;

}

.image-in{
    width: 137px;
    height: 63px;
}

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

.span-products-in{
    color: var(--text-color);
    font-weight: 600;
    font-size: 15px;
    padding-inline: 14px;
}
.select-in{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 112px;
    padding: 3px 14px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    line-height: 33px;
    color: var(--additional-color);
    font-weight: 600;
    font-size: 17px;
    margin-top: 0;
}

.right-in{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
}


.right-fix-in{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}

.right-fix-in span{
    font-size: 11px;
    color: #8d8d8d;
    line-height: normal;
    font-weight: 300;
}

.sum-in span{
    font-size: 20px;
    color: #000;
    font-weight: 600;
}

.fix-cart-in .vala-btn{
    bottom: unset;
    top: unset;
}

.fix-cart-in .vala-btn span{
    bottom: 0;
}

.col-form-contact{
    position: relative;
}

.error_form{
    background: #f52232;
    color: #fff;
    padding: 0rem 0.5rem;
    border-radius: 8px;
    width: fit-content;
    /* margin-bottom: 1rem; */
    position: absolute;
    bottom: 38px;
    font-size: 12px;
}

.login_modal{
    cursor: pointer;
}
.success_form{
    background: #36c022;
    color: #fff;
    padding: 0rem 0.5rem;
    border-radius: 8px;
    position: absolute;
    bottom: 43px;
    width: fit-content;
    font-size: 12px;
}

/*cart little menu*/


/*mega menu*/

.menu-list-image {
    width: 80px;
    height: 63.1px;
}

.menu-list-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mega_menu {
    display: none;
    margin-right: 0;
    position: absolute !important;
    top: 45px !important;
    z-index: 15;
    background-color: #ffff !important;
    max-height: 470px;
    padding: 25px 17px;
    align-items: center;
    right: -79px;
    box-shadow: 0px 0px 4px 0px gray;
    border-radius: 5px;
    /* width: 700px; */
    justify-content: flex-start;
    overflow-y: auto;
    overflow-x: hidden;
    align-items: flex-start;
}

.mega_menu{
    scrollbar-color: var(--secondary-color) var(--primary-color);
    scrollbar-width: thin;
}

.mega_menu::-webkit-scrollbar{
    width: 7px;
}

.mega_menu::-webkit-scrollbar-track{
    background: var(--primary-color);
}

.mega_menu::-webkit-scrollbar-thumb{
    background: #efac00;
    border-radius:4px;
}


.mega_menu.show{
    display: flex;
}

.nav-pills{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: unset;
    /*border-left: 1px solid #e4e4e4;*/
    padding-block: 14px;
    padding-left: 14px;

}

.menu-list a{
    display: flex;
    width: 209px;
}

.menu-list-span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border: 1px solid #E4E4E4;
    width: 87%;
}

.nav-pills li{
    list-style: none;
}

.menu-list:hover .menu-list-span {
    border: 1px dashed var(--secondary-color);
    background-color: #fffdfc;
}

.tab-pane{
    display: flex;
    flex-direction: column;
    max-height: 249px;
    flex-wrap: wrap;
}

.menu-cat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    padding-bottom: 7px;
}

.menu-cat-items{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}

.menu-cat-title{
    font-weight: 600;
    color: #000000;
    font-size: 14px;
}

.each-menu-item{
    color: #555555;
    font-size: 14px;
    padding: 2px 9px;
    border-radius: 20px;
    border: 1px dashed transparent;
    cursor: pointer;
    line-height: 24px;
    font-weight: 500;
}

.each-menu-item:hover{
    border: 1px dashed #545454;
}

.nav-link{
    position: relative;
}


/*mega menu*/



/*addressbar*/

.addressbar {
    padding-block: 4px 50px;
    z-index: 1;
    position: relative;
}

.addressbar-item{
    color: #9c9c9c;
    font-size: 14px;
    /*font-weight: 600;*/
}

.addressbar .addressbar-item:last-child{
    color: var(--secondary-color);
}

.addressbar .container{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    border-top: 1px solid #dedede;
    padding-top: 15px;
}


/*navbar*/

.mobile-logo-head{
    display: none;
}

.navbar-links{
    padding-right: 0;
    flex-direction: row;
}

.nav-item {
    padding: 3px 21px;
}

.nav-link{
    color: var(--text-color);
    font-size: 13px;
}

.cart-icon a{
    position: relative;
}

.cart-counter{
    position: absolute;
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--secondary-color);
    top: -9px;
    right: -8px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 50%;
}


.nav2-item{
    min-width: 138px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-icons{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    width: 178px;
    position: relative;
}

.vala-btn{
    background: radial-gradient(50% 50% at 50% 50%, #FDA804 0%, #FFD852 100%);
    color: #ffff;
    border-radius: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 37px;
    font-size: 15px;

    width: 130px;
    height: 40px;
    color: #fffff;
    border-radius: 5px;
    padding: 10px 25px;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    /*box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),*/
    /*7px 7px 20px 0px rgba(0,0,0,.1),*/
    /*4px 4px 5px 0px rgba(0,0,0,.1);*/
    outline: none;

    position: relative;
    right: 20px;
    bottom: 20px;
    border:none;
    box-shadow: none;
    width: 130px;
    height: 40px;
    line-height: 42px;
    -webkit-perspective: 230px;
    perspective: 230px;
    right: 0;
}

.vala-btn span {
    background: rgb(0,172,238);
    /*background: radial-gradient(50% 50% at 50% 50%, #FDA804 0%, #FFD852 100%);*/
    /*background: radial-gradient(50% 50% at 50% 50%, #fbbb09 0%, #fbbb09 100%);*/
    background: radial-gradient(50% 50% at 50% 50%, #FDA804 0%, #ffcb19 100%);
    display: block;
    position: absolute;
    width: 130px;
    height: 40px;
    /*box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),*/
    /*7px 7px 20px 0px rgba(0,0,0,.1),*/
    /*4px 4px 5px 0px rgba(0,0,0,.1);*/
    border-radius: 5px;
    margin:0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    right: 0;
}

.vala-btn span:nth-child(1) {
    /*box-shadow:*/
    /*    -7px -7px 20px 0px #fff9,*/
    /*    -4px -4px 5px 0px #fff9,*/
    /*    7px 7px 20px 0px #0002,*/
    /*    4px 4px 5px 0px #0001;*/
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50% 50% -20px;
    -moz-transform-origin: 50% 50% -20px;
    transform-origin: 50% 50% -20px;
}
.vala-btn span:nth-child(2) {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: 50% 50% -20px;
    -moz-transform-origin: 50% 50% -20px;
    transform-origin: 50% 50% -20px;
}
.vala-btn:hover span:nth-child(1) {
    /*box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),*/
    /*7px 7px 20px 0px rgba(0,0,0,.1),*/
    /*4px 4px 5px 0px rgba(0,0,0,.1);*/
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.vala-btn:hover span:nth-child(2) {
    /*box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),*/
    /*7px 7px 20px 0px rgba(0,0,0,.1),*/
    /*4px 4px 5px 0px rgba(0,0,0,.1);*/
    color: transparent;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}

.social-header{
    display: flex;
    align-items: center;
    gap: 6px;
}

.call-button{
    font-size: 14px;
    top: 0px;
}

.social-btns{
    font-size: 14px;
    background: #DEC4A7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-shadow: 0px 0px 4px 0px #b1b1b1;
    transition: .3s;
    position: relative;
}

.social-btns:hover{
    background: var(--secondary-color);
    transition: .3s;
}

.social-btns:hover span{
    display: block;
}


.social-btns span{
    position: absolute;
    width: max-content;
    background: var(--secondary-color);
    font-size: 13px;
    line-height: 28px;
    padding: 0px 9px;
    border-radius: 6px;
    color: #ffff;
    bottom: -32px;
    right: 0;
    display: none;
}

.vala-btn:hover{
    color: #fff;
}

.vala-btn span{
    display: flex;
    align-items: center;
    justify-content: center;
}

.button-number{
    direction: ltr;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
}

.first-nav{
    /*padding-bottom: 0.7rem;*/
    /*padding-top: 0.7rem;*/
    border-bottom: 1px solid #dedede;
}

.form-inline{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.form-inline button{
    background: var(--primary-color);
    border: unset;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.form-control{
    width: 150px;
    padding: 8px;
    opacity: 0;
}

.second-nav{
    /*padding-top: 0.7rem;*/
    /*padding-bottom: 0.7rem; */
    padding-top: 0;
    padding-bottom: 0;
}


.navbar-toggler {
    padding-right: 0;
}

.navbar-toggler-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0;
}


.second-nav .navbar-collapse {
    justify-content: flex-end !important;
}

.form-control:focus {
    box-shadow: unset;
}

.form-control::placeholder {
    font-size: 14px;
}

.nav2-item{

}

.second-nav .navbar-nav{
    width: 961px;
    justify-content: center;
}

.navbar-logo-vala {
    width: 74px;
    height: 76px;
    display: block;
}

.navbar-logo-vala img{
    width: 100%;
    height: 100%;
}

.nav2-item.active .nav-link{
    color: var(--secondary-color) !important;
    font-weight: 600;
}

.nav2-item.active svg path{
    stroke: var(--secondary-color);
}

.nav2-item svg {
    transition: .4s;
}

/*navbar*/

/*product*/

.each-product-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    padding: 11px;
    border-radius: 12px;
    position: relative;
    z-index: 3;
    margin-bottom: 85px;
    width: 361px;
    min-height: 496px;

}

.product-price{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    font-size: 15px;
}

.product-discount{
    text-decoration: line-through;
    color: #B8B8B8;
}

.discount-color{
    color: #555555;
}

.product-final-price{
    font-weight: 600;
}


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

.each-product-box::before{
    content: "";
    position: absolute;
    width: 287px;
    height: 303px;
    top: -22px;
    left: -5px;
    border-top: 2px dashed #343434;
    border-left: 2px dashed #343434;
    transition: .6s;
    border-radius: 13px 0;
}

.each-product-box::after{
    content: "";
    position: absolute;
    width: 287px;
    height: 303px;
    right: -5px;
    bottom: 11px;
    border-bottom: 2px dashed #343434;
    border-right: 2px dashed #343434;
    transition: .6s;
    border-radius: 13px 0;
}


.product-name{
    font-weight: 600;
    color: #171717;
    font-size: 15px;
    padding-block: 8px 3px;
    z-index: 2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 81px;
}

.each-product-box .product-price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    font-size: 15px;
    z-index: 2;
}

.discount-box{
    color: #535252;
    font-size: 13px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 0px 7px;
    line-height: 20px;
    background-color: #ffe69d;
    position: unset;
    font-weight: 600;
}
.off_section{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.priceUnit {
    width: 26px;
    height: 26px;
    /*content: url("data:image/svg+xml; utf8,<svg  viewBox='0 0 6 8'  xmlns='http://www.w3.org/2000/svg'><path  d='M0.838696 6.05217C0.704203 6.05217 0.588841 6.03536 0.492609 6.00174C0.396377 5.96928 0.313478 5.91942 0.243913 5.85217C0.202174 5.81043 0.16971 5.7658 0.146522 5.71826C0.124493 5.66957 0.108261 5.62261 0.0978261 5.57739C0.0873913 5.53101 0.0810145 5.48754 0.0786957 5.44696C0.0775362 5.40522 0.0769565 5.36928 0.0769565 5.33913C0.078116 5.30203 0.0792754 5.24058 0.0804348 5.15478C0.0827536 5.06899 0.0839131 4.96522 0.0839131 4.84348C0.0839131 4.77043 0.0833333 4.69275 0.0821739 4.61043C0.0821739 4.52696 0.0815942 4.44232 0.0804348 4.35652C0.0792754 4.27072 0.0769565 4.18493 0.0734783 4.09913C0.0711594 4.01217 0.0671014 3.9287 0.0613044 3.8487C0.0566667 3.7687 0.0502899 3.69391 0.0421739 3.62435C0.0352174 3.55362 0.0265218 3.49101 0.016087 3.43652L0.452609 3.30609C0.465362 3.37333 0.476377 3.45449 0.485652 3.54957C0.494928 3.64464 0.502464 3.74609 0.508261 3.85391C0.514058 3.96058 0.518696 4.07014 0.522174 4.18261C0.525652 4.29391 0.527391 4.4 0.527391 4.50087C0.527391 4.53101 0.527391 4.5629 0.527391 4.59652C0.528551 4.63014 0.52913 4.66377 0.52913 4.69739C0.53029 4.72986 0.53087 4.76174 0.53087 4.79304C0.53087 4.82435 0.53087 4.85275 0.53087 4.87826C0.53087 4.92232 0.53029 4.96406 0.52913 5.00348C0.52913 5.04174 0.528551 5.07884 0.527391 5.11478C0.527391 5.15072 0.526812 5.18609 0.525652 5.22087C0.525652 5.25565 0.525652 5.29101 0.525652 5.32696C0.524493 5.37101 0.525652 5.41275 0.52913 5.45217C0.532609 5.49043 0.544203 5.51884 0.563913 5.53739C0.605652 5.58145 0.692029 5.60406 0.823043 5.60522H0.838696C0.868841 5.60522 0.897246 5.61159 0.923913 5.62435C0.951739 5.63594 0.975507 5.65217 0.995217 5.67304C1.01609 5.69275 1.03232 5.71652 1.04391 5.74435C1.05667 5.77101 1.06304 5.79942 1.06304 5.82957C1.06304 5.86087 1.05667 5.89043 1.04391 5.91826C1.03232 5.94493 1.01609 5.96812 0.995217 5.98783C0.975507 6.00754 0.951739 6.02319 0.923913 6.03478C0.897246 6.04638 0.868841 6.05217 0.838696 6.05217ZM0.615068 5.82957C0.615068 5.79826 0.620865 5.76986 0.632459 5.74435C0.644053 5.71768 0.659706 5.69449 0.679416 5.67478C0.699126 5.65391 0.722314 5.63768 0.748981 5.62609C0.775648 5.61449 0.804633 5.60812 0.835938 5.60696C0.920575 5.60696 0.994198 5.5913 1.05681 5.56C1.11942 5.52754 1.17449 5.4858 1.22202 5.43478C1.27072 5.38377 1.31304 5.32638 1.34898 5.26261C1.38608 5.19884 1.42087 5.13507 1.45333 5.0713C1.48347 5.00986 1.51478 4.94899 1.54724 4.8887C1.58087 4.82841 1.61681 4.77391 1.65507 4.72522C1.71188 4.65913 1.77565 4.60754 1.84637 4.57043C1.91826 4.53333 1.9942 4.51478 2.0742 4.51478C2.16927 4.51478 2.25681 4.53449 2.33681 4.57391C2.41681 4.61333 2.48811 4.67014 2.55072 4.74435C2.59942 4.80348 2.63884 4.8713 2.66898 4.94783C2.70029 5.02319 2.72058 5.10435 2.72985 5.1913V5.18783C2.73681 5.23304 2.74029 5.28174 2.74029 5.33391C2.74029 5.39304 2.73507 5.45101 2.72463 5.50783C2.71536 5.56348 2.70087 5.61681 2.68115 5.66783C2.64637 5.75594 2.59652 5.83014 2.53159 5.89043C2.46666 5.95072 2.39594 5.99246 2.31942 6.01565C2.29391 6.02261 2.2684 6.02725 2.24289 6.02957C2.21739 6.03304 2.1913 6.03478 2.16463 6.03478C2.11594 6.03478 2.06434 6.02841 2.00985 6.01565C1.95536 6.00406 1.90087 5.98783 1.84637 5.96696C1.82202 5.95652 1.79478 5.94435 1.76463 5.93043C1.73449 5.91536 1.70376 5.89913 1.67246 5.88174C1.64115 5.86435 1.60985 5.84638 1.57855 5.82783C1.5484 5.80812 1.52 5.78899 1.49333 5.77043C1.44811 5.81449 1.40115 5.85449 1.35246 5.89043C1.30376 5.92522 1.25217 5.95478 1.19768 5.97913C1.14434 6.00348 1.08753 6.02145 1.02724 6.03304C0.968111 6.0458 0.904343 6.05217 0.835938 6.05217C0.804633 6.05217 0.775648 6.04638 0.748981 6.03478C0.722314 6.02319 0.699126 6.00754 0.679416 5.98783C0.659706 5.96696 0.644053 5.94319 0.632459 5.91652C0.620865 5.88986 0.615068 5.86087 0.615068 5.82957ZM1.7542 5.40348C1.79246 5.4313 1.83536 5.45739 1.88289 5.48174C1.93159 5.50493 1.97913 5.52522 2.0255 5.54261C2.07304 5.56 2.11652 5.57391 2.15594 5.58435C2.19652 5.59362 2.22898 5.59826 2.25333 5.59826C2.2684 5.59826 2.28289 5.59652 2.29681 5.59304C2.3084 5.59072 2.32 5.58377 2.33159 5.57217C2.34434 5.55942 2.35536 5.54261 2.36463 5.52174C2.37391 5.50087 2.38144 5.47652 2.38724 5.4487C2.39304 5.42087 2.39478 5.38957 2.39246 5.35478C2.3913 5.33971 2.38666 5.31942 2.37855 5.29391C2.37159 5.26841 2.36115 5.24058 2.34724 5.21043C2.33449 5.18029 2.31826 5.14957 2.29855 5.11826C2.27884 5.08696 2.25623 5.05913 2.23072 5.03478C2.20637 5.00928 2.17855 4.98841 2.14724 4.97217C2.1171 4.95594 2.08405 4.94783 2.04811 4.94783C2.01565 4.94783 1.98318 4.97333 1.95072 5.02435C1.91942 5.07536 1.87826 5.1513 1.82724 5.25217L1.7542 5.40348ZM2.92771 6.83478C3.09815 6.80116 3.25177 6.75594 3.38858 6.69913C3.52655 6.64348 3.64597 6.58087 3.74684 6.5113C3.84771 6.44174 3.92945 6.36754 3.99206 6.2887C4.05583 6.20986 4.09815 6.13101 4.11901 6.05217C4.09003 6.05217 4.05988 6.05217 4.02858 6.05217C3.99728 6.05217 3.96597 6.05159 3.93467 6.05043C3.90336 6.04928 3.87322 6.04812 3.84423 6.04696C3.81525 6.04696 3.78974 6.0458 3.76771 6.04348C3.63901 6.0342 3.52307 6.00696 3.41988 5.96174C3.3167 5.91652 3.2338 5.85507 3.17119 5.77739C3.12713 5.72174 3.09525 5.65971 3.07554 5.5913C3.05699 5.5229 3.04771 5.45101 3.04771 5.37565C3.04771 5.31652 3.05293 5.25681 3.06336 5.19652C3.07496 5.13623 3.09061 5.07768 3.11032 5.02087C3.13119 4.9629 3.15496 4.90841 3.18162 4.85739C3.20829 4.80638 3.23728 4.76 3.26858 4.71826C3.33119 4.63826 3.40075 4.57797 3.47728 4.53739C3.5538 4.49565 3.6338 4.47478 3.71728 4.47478C3.89699 4.47478 4.06104 4.55478 4.20945 4.71478C4.25815 4.76928 4.3022 4.83014 4.34162 4.89739C4.38104 4.96464 4.41525 5.03652 4.44423 5.11304C4.47322 5.18957 4.49641 5.26957 4.5138 5.35304C4.53235 5.43536 4.54394 5.52 4.54858 5.60696H4.63032C4.66162 5.60696 4.69061 5.61275 4.71728 5.62435C4.7451 5.63594 4.76887 5.65159 4.78858 5.6713C4.80945 5.69101 4.82568 5.71478 4.83728 5.74261C4.85003 5.77043 4.85641 5.8 4.85641 5.8313C4.85641 5.86145 4.85003 5.88986 4.83728 5.91652C4.82568 5.94319 4.80945 5.96696 4.78858 5.98783C4.76887 6.00754 4.7451 6.02319 4.71728 6.03478C4.69061 6.04638 4.66162 6.05217 4.63032 6.05217H4.5138C4.47438 6.22261 4.40771 6.37681 4.3138 6.51478C4.22104 6.65275 4.10916 6.77275 3.97815 6.87478C3.84713 6.97797 3.70046 7.06261 3.53815 7.1287C3.37699 7.19478 3.20829 7.24174 3.03206 7.26957L2.92771 6.83478ZM3.71728 4.92174C3.68713 4.92174 3.65467 4.93449 3.61988 4.96C3.5851 4.98551 3.55322 5.01855 3.52423 5.05913C3.49525 5.09855 3.4709 5.14261 3.45119 5.1913C3.43264 5.24 3.42336 5.28754 3.42336 5.33391C3.42336 5.38261 3.43438 5.42319 3.45641 5.45565C3.47959 5.48696 3.50858 5.51246 3.54336 5.53217C3.5793 5.55188 3.6193 5.56696 3.66336 5.57739C3.70858 5.58667 3.75322 5.59362 3.79728 5.59826C3.82162 5.59942 3.84829 5.60058 3.87728 5.60174C3.90626 5.6029 3.93583 5.60348 3.96597 5.60348C3.99728 5.60348 4.028 5.60348 4.05815 5.60348C4.08829 5.60348 4.1167 5.60232 4.14336 5.6C4.13757 5.53507 4.12539 5.47362 4.10684 5.41565C4.08829 5.35768 4.06626 5.30377 4.04075 5.25391C4.01641 5.20406 3.98916 5.15942 3.95902 5.12C3.93003 5.07942 3.90278 5.04464 3.87728 5.01565V5.01739C3.85757 4.99652 3.83322 4.97565 3.80423 4.95478C3.77641 4.93275 3.74742 4.92174 3.71728 4.92174ZM5.33499 3.83304L5.03934 4.1287L4.74021 3.8313L5.03586 3.53391L5.33499 3.83304ZM5.99238 3.83478L5.69673 4.13217L5.3976 3.83304L5.69325 3.53739L5.99238 3.83478ZM4.34195 5.82957C4.34195 5.79826 4.34775 5.76928 4.35934 5.74261C4.37094 5.71478 4.38717 5.69101 4.40804 5.6713C4.42775 5.65159 4.45094 5.63594 4.4776 5.62435C4.50427 5.61275 4.53325 5.60696 4.56456 5.60696H4.7576H4.84108C4.89789 5.60696 4.95818 5.60522 5.02195 5.60174C5.08572 5.5971 5.14659 5.58899 5.20456 5.57739C5.26369 5.56464 5.31702 5.54783 5.36456 5.52696C5.41209 5.50493 5.44746 5.4771 5.47065 5.44348C5.48804 5.41797 5.49673 5.38377 5.49673 5.34087C5.49789 5.29797 5.49209 5.25101 5.47934 5.2C5.46775 5.14899 5.45151 5.09565 5.43065 5.04C5.41094 4.98319 5.38949 4.9287 5.3663 4.87652C5.34311 4.82319 5.31992 4.77333 5.29673 4.72696C5.2747 4.67942 5.25615 4.63942 5.24108 4.60696L5.6463 4.40696C5.6776 4.46261 5.70833 4.52986 5.73847 4.6087C5.76978 4.68638 5.79702 4.76696 5.82021 4.85043C5.8434 4.93391 5.86195 5.01623 5.87586 5.09739C5.89094 5.17855 5.89847 5.25043 5.89847 5.31304C5.89847 5.42551 5.87934 5.5258 5.84108 5.61391C5.79702 5.71594 5.73499 5.8 5.65499 5.86609C5.57499 5.93101 5.47992 5.97971 5.36978 6.01217C5.33615 6.02145 5.29383 6.02841 5.24282 6.03304C5.19296 6.03884 5.14195 6.0429 5.08978 6.04522C5.0376 6.0487 4.98775 6.05043 4.94021 6.05043C4.89383 6.05159 4.85789 6.05217 4.83238 6.05217H4.58021H4.56456C4.53325 6.05217 4.50427 6.04638 4.4776 6.03478C4.45094 6.02319 4.42775 6.00754 4.40804 5.98783C4.38717 5.96812 4.37094 5.94493 4.35934 5.91826C4.34775 5.89043 4.34195 5.86087 4.34195 5.82957Z'></path> <path d='M1.55221 3.2487C1.37714 3.24058 1.22177 3.21565 1.08612 3.17391C0.951628 3.13217 0.833367 3.06609 0.731338 2.97565C0.66873 2.92 0.614237 2.85855 0.56786 2.7913C0.522643 2.72406 0.484382 2.65275 0.453077 2.57739C0.422933 2.50203 0.400324 2.42319 0.385251 2.34087C0.371338 2.25971 0.364382 2.17623 0.364382 2.09043C0.364382 1.90725 0.391628 1.72464 0.446121 1.54261C0.500614 1.36058 0.581193 1.18899 0.68786 1.02783L1.03047 1.27652C1.0096 1.30551 0.983512 1.34841 0.952208 1.40522C0.922063 1.46203 0.892498 1.52754 0.863512 1.60174C0.835686 1.67594 0.811918 1.75594 0.792208 1.84174C0.772498 1.92754 0.762643 2.01391 0.762643 2.10087C0.762643 2.20406 0.784092 2.29797 0.82699 2.38261C0.871048 2.46725 0.930179 2.53971 1.00438 2.6C1.07858 2.66145 1.16438 2.70899 1.26177 2.74261C1.36032 2.77739 1.46409 2.79594 1.57308 2.79826C1.70293 2.80058 1.82583 2.78261 1.94177 2.74435C2.05887 2.70725 2.16032 2.65507 2.24612 2.58783C2.33192 2.52058 2.39916 2.44116 2.44786 2.34957C2.49656 2.25797 2.51858 2.15884 2.51395 2.05217C2.51163 1.99884 2.50235 1.93971 2.48612 1.87478C2.47105 1.8087 2.4525 1.74203 2.43047 1.67478C2.40844 1.60754 2.38467 1.54203 2.35916 1.47826C2.33482 1.41333 2.31163 1.35594 2.2896 1.30609C2.26757 1.25623 2.24902 1.21623 2.23395 1.18609C2.21887 1.15594 2.21076 1.14087 2.2096 1.14087L2.61829 0.913043C2.62177 0.917681 2.63105 0.936812 2.64612 0.970435C2.66119 1.00406 2.67916 1.04812 2.70003 1.10261C2.7209 1.1571 2.74351 1.21971 2.76786 1.29043C2.79221 1.36116 2.81482 1.43536 2.83569 1.51304C2.85772 1.59072 2.87627 1.67014 2.89134 1.7513C2.90757 1.8313 2.91743 1.90899 2.9209 1.98435C2.9267 2.08986 2.91916 2.19536 2.89829 2.30087C2.87743 2.40754 2.84322 2.50841 2.79569 2.60348C2.74815 2.69971 2.6867 2.78899 2.61134 2.8713C2.53714 2.95362 2.44844 3.02377 2.34525 3.08174C2.24322 3.14087 2.12612 3.18551 1.99395 3.21565C1.86177 3.2458 1.71453 3.25681 1.55221 3.2487ZM1.98699 0.885217L1.65482 1.21739L1.3209 0.883478L1.65308 0.551304L1.98699 0.885217Z' fill='black'></path> </svg>");*/
}

/*.each-price-item.off .priceUnit{*/
/*    content: url(../images/detail/toman-red.svg);*/
/*}*/

.final_product_price{
    font-size: 21px;
    color: #454546;
}

.product-final-price span{
    display: flex;
    gap: 7px;
}
.priceUnit path{
    fill: #1b1e21;
}
.product-detail-in{
    display: flex;
    flex-direction: column;
    align-items: center;
}


.product-image{
    width: 303px;
    height: 318px;
    border-radius: 11px;
    transition: .5s;
}

.product-image img{
    width: 100%;
    height: 100%;
    border-radius: 11px;
    /*object-fit: contain;*/
    object-fit: cover;
    transition: .5s;
}

.addressbar-items-list{
    display: flex;
    align-items: center;
    gap: 14px;

}
.cart-empty-title{
    font-size: 13px;
    font-weight: 600;
    color: #5e5e5e;
}
.cart-icon:hover svg{
    fill: #1b1e21;
}
/*.each-product-box::after{*/
/*    position: absolute;*/
/*    content:'';*/
/*    background-image: url("../images/dashed-after.svg");*/
/*    background-repeat: no-repeat;*/
/*    background-position: top left;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    z-index: 0;*/
/*}*/

/*.each-product-box::before{*/
/*    position: absolute;*/
/*    content:'';*/
/*    background-image: url("../images/dashed-before.svg");*/
/*    background-repeat: no-repeat;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-position: right bottom;*/
/*    z-index: 0;*/
/*}*/


/*product*/




/*title*/

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

.vala-title span{
    display: flex;
    gap: 8px;
}

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

.vala-title span h3.circle-title{
    color: var(--secondary-color);
    position: relative;
}

.vala-title span h3.circle-title::after{
    /*content: '';*/
    /*position: absolute;*/
    /*background-image: url(../images/circle-title.svg);*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-size: cover;*/
    /*width: calc(100% + 30px);*/
    /*height: calc(100% + 27px);*/
    /*z-index: 2;*/
    /*right: -8px;*/
    /*bottom: -18px;*/
}

/*title*/


/*modal address*/



.modal-name-head span{
    font-weight: 600;
}

.modal-name-head span:last-child{
    font-size: 14px;
    line-height: 30px;
}

.modal-input-item{
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 15px;
}
.update__cart{
    cursor: pointer;
}
.modal-input-item input, .modal-input-item textarea, .modal-input-item  .select2{
    /*border: unset;*/
    border-radius: 10px;
    padding: 6px 15px;
    /* background: #faf7f7; */
    border: 1px solid #cdcdcd;
    font-size: 14px;
    width: 100% !important;
}

.select2-hidden-accessible {
    width: 100% !important;
}

label.error {
    position: absolute;
    bottom: -15px;
    font-size: 12px !important;
    font-weight: 200 !important;
    color: red;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px !important;
    right: 1px !important;
    left: 7px !important;
    right: auto !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #4b4b4b !important;
    font-size: 14px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ddc3a6 !important;
    color: white;
}
.select2-container--default .select2-selection--single {
     background-color: unset !important;
     border: unset !important;
     border-radius: 4px;
}

.modal-insert-address .vala-btn{
    width: 100%;
}
.modal-insert-address .vala-btn span{
    width: 100%;
}

.back_address{
    display: none;
}

.modal-insert-address form{
    padding-block: 15px;
}

/*modal address*/


/*footer*/

.footer-text p{
    text-align: justify;
}

.footer-item-text{
    text-align: justify;
}

.col-contact-mobile{
    display: none;
}


.footer-content{
    display: flex;
    gap: 17px;
}

.footer-logo{
    width: 25%;
    height: 56px;
}

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

.footer-row{
    justify-content: space-between;
}
.each-footer-item{
    display: flex;
    gap: 9px;
    align-items: flex-start;
    margin-bottom: 27px;
}

.footer-icon{
    position: relative;
    top: -11px;
}

.each-footer-name{
    font-weight: 600;
    color: var(--text-color);
    font-size: 14px;
}

.footer-item-text{
    font-size: 13px;
}

.footer-item-text p{
    font-size: 14px;
}

.footer-text {
    font-size: 14px;
}

.footer-contact{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
    margin-top: 13px;
}

.each-footer-contact{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ddc3a6;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    box-shadow: 1px 3px 6px #8b8b8bc7;
    transition: .4s;
}

.each-footer-contact svg path{
    fill: #ffffff;
    transition: .3s;
}

.each-footer-contact svg {
    width: 24px;
    height: 24px;
    transition: .3s;
}


.footer-fallen-leaves{
    position: absolute;
    width: 100%;
    bottom: 1px;
}

.lastPart{
    height: 80px;
    position: relative;
}

.rights{
    width: 100%;
    border-top: 1px dashed #aeaeae;
}

.lalalal{
    height: 180px;
    display: flex;
    align-items: flex-end;
}

.footer-right a {
    color: var(--secondary-color);
}

.footer-right span{
    font-size: 13px;
    text-align: center;
}

.footer-right{
    font-size: 13px;
    text-align: center;
}

.footer-right a{
    color: var(--secondary-color);
}

footer{
    padding-bottom: 102px;
    position: relative;
}


/*footer extra*/

.fallen-1 {
    position: absolute;
    bottom: -26px;
    left: 27px;
}

.fallen-2 {
    position: absolute;
    bottom: 119px;
    left: 6%;
}


.fallen-3 {
    position: absolute;
    bottom: 90px;
    left: 11%;
}

.fallen-4 {
    position: absolute;
    bottom: 11px;
    left: 14%;
}

.fallen-5 {
    position: absolute;
    bottom: 87px;
    left: 21%;
}

.fallen-6 {
    position: absolute;
    bottom: 4px;
    left: 27%;
}

.fallen-7 {
    position: absolute;
    bottom: 133px;
    left: 33%;
}

.fallen-8 {
    position: absolute;
    bottom: -36px;
    left: 39%;
}

.fallen-9 {
    position: absolute;
    bottom: 78px;
    left: 45%;
}

.fallen-10 {
    position: absolute;
    bottom: 32px;
    left: 50%;
}

.fallen-11 {
    position: absolute;
    bottom: -42px;
    left: 54%;
}

.fallen-12 {
    position: absolute;
    bottom: 53px;
    left: 60%;
}

.fallen-13 {
    position: absolute;
    bottom: -20px;
    left: 66%;
}

.fallen-14 {
    position: absolute;
    bottom: 81px;
    left: 74%;
}

.fallen-15 {
    position: absolute;
    bottom: -43px;
    left: 80%;
}

.fallen-16 {
    position: absolute;
    bottom: 104px;
    left: 87%;
}

.fallen-17 {
    position: absolute;
    bottom: 75px;
    left: 92%;
}

.fallen-18 {
    position: absolute;
    bottom: 15px;
    left: 96%;
}



.fallen-19 {
    position: absolute;
    bottom: 108px;
    left: 2%;
}
.fallen-20 {
    position: absolute;
    bottom: -36px;
    left: 7%;
}
.fallen-21 {
    position: absolute;
    bottom: 108px;
    left: 29%;
}
.fallen-22 {
    position: absolute;
    bottom: 106px;
    left: 40%;
}
.fallen-23 {
    position: absolute;
    bottom: -64px;
    left: 45%;
}
.fallen-24 {
    position: absolute;
    bottom: 26px;
    left: 70%;
}
.fallen-25 {
    position: absolute;
    bottom: 93px;
    left: 81%;
}
.fallen-26 {
    position: absolute;
    bottom: -79px;
    left: 87%;
}




/*footer extra*/

/*footer*/



/*extra*/

.cloud1, .cloud2{
    position: absolute;
}

.cloud1{
    right: 38px;
    top: 30px;
    animation: cloud1 10s ease-in-out infinite;
}

.cloud2{
    right: 0px;
    top: 10px;
    animation: cloud2 10s ease-in-out infinite;
    animation-delay: .5s;
}






/*extra*/







/*Hover*/

@media screen and (min-width: 768px){


    .each-product-box:hover::before,
    .each-product-box:hover::after {
        width: calc(100% + 9px);
        height: calc(100% + 9px);
        transition: .6s;
        border-radius: 13px;
    }

    .each-product-box:hover .product-name{
        color: var(--secondary-color);
    }

    .each-product-box:hover .product-image img{
        transform: scale(1.1);
        transition: .5s;
    }

    .each-product-box .product-image {
        overflow: hidden;
    }

    .each-footer-contact:hover{
        background: var(--secondary-color);
        transition: .4s;
    }


    .form-inline button:hover{
        background: var(--secondary-color);
        transition: .3s;
    }

    .nav2-item:hover .nav-a {
        color: var(--secondary-color);
    }
    .each-nav-icon:hover svg path{
        fill: var(--text-color);
    }

    .nav2-item:hover svg {
        transform: translateY(5px);
        transition: .4s;
    }

    .nav-item:hover .nav-link{
        color: var(--text-color);

    }

    .nav2-item:hover svg path{
        stroke: var(--secondary-color);
    }



}

/*Hover*/





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


/*@media (min-width: 1400px){*/
/*    .container{*/
/*        max-width: 1455px;*/
/*    }*/
/*}*/



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


}

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


}

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

    .second-nav .navbar-nav {
        width: 783px;
        justify-content: center;
    }

}



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

    .nav2-item {
        min-width: 144px;
        padding: 3px 12px;
    }
    .product-image {
        width: 244px;
        height: 252px;
    }
    .each-product-box {
        width: 267px;
        min-height: 427px;
    }

    .each-product-box::before {
        width: 149px;
        height: 266px;
    }
    .each-product-box::after {
        width: 149px;
        height: 266px;
    }

    .each-product-box {
        margin-bottom: 65px;
    }

    .product-name {
        font-weight: 600;
        color: #171717;
        font-size: 14px;
        padding-block: 8px 3px;
        z-index: 2;
        padding-inline: 5px;
    }

    .first-nav .line-head{
        display: none;
    }

    .navbar-nav {
        padding-right: 0;
    }

    .form-inline {
        display: none;
    }
    .second-nav .navbar-nav {
        width: 100%;
    }

    .each-product-box::before {
        top: -7px;
    }

    .each-product-box::after {
        bottom: -2px;
    }

}

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


}

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

    .navbar-icons {
        width: unset;
    }

    .navbar-logo{
        display: none;
    }

    .footer-contact{
        display: none;
    }

    .col-contact-mobile{
        display: block;
    }
    .col-contact-mobile .footer-contact{
        display: flex;
    }

    .navbar-links{
        display: none;
    }

    .footer-row {
        flex-direction: column;
    }

    .mobile-logo-head{
        display: block;
        width: 61px;
        height: 56px;
    }

    .mobile-logo-head img{
        width: 100%;
        height: 100%;
    }

    .addressbar .container {
        overflow: auto;
        gap: 5px;
    }

    .addressbar .container::-webkit-scrollbar{
        display: none;
    }

    .addressbar-item {
        white-space: nowrap;
    }

    .each-product-box::after {
        bottom: -4px;
    }

    .each-product-box::before {
        top: -6px;
    }



}

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

    .social-btns:hover span {
        display: none;
    }

    .little-menu-cart.show {
        display: none;
    }

    .footer-contact {
        gap: 8px;
    }

    .product-image {
        width: 199px;
        height: 198px;
    }

    .each-product-box {
        width: 223px;
        min-height: 367px;
    }

    .fallen {
        transform: scale(.6);
    }

    .cloud1 img, .cloud2 img{
        transform: scale(.7);
    }
    .cloud1 {
        right: -35px;
    }

    .cloud2 {
        right: -80px;
    }


    .fallen-17 {
        display: none;
    }

    .fallen-18 {
        display: none;
    }
    .fallen-14 {
        display: none;
    }
    .fallen-11 {
        display: none;
    }

    .fallen-10 {
        display: none;
    }

    .fallen-7 {
        display: none;
    }

    .fallen-4 {
        display: none;
    }

    .fallen-3 {
        display: none;
    }
    .fallen-20 {
        display: none;
    }
    .fallen-21 {
        display: none;
    }

    .fallen-26 {
        display: none;
    }

    .fallen-23 {
        display: none;
    }

    .each-product-box::before {
        top: -6px;
    }






}

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



    .addressbar-items-list svg{
        width: 13px;
        height: 12px;
    }

    .footer-icon svg{
        width: 35px;
        height: 35px;
    }

    .footer-logo {
        width: 35%;
        height: 56px;
    }

    .footer-text {
        font-size: 13px;
    }

    .vala-title span h3 {
        font-size: 25px;
    }


    .lalalal {
        height: 100px;
    }

    .each-footer-contact {
        width: 36px;
        height: 36px;

    }

    .col-contact-mobile {
        margin-bottom: 24px;
    }

    .fallen {
        transform: scale(.5);
    }

    .each-product-box::before {
        display: none;
    }

    .each-product-box::after {
        display: none;
    }

    .each-product-box {
        width: 100%;
        flex-direction: row;
        border: 2px dashed #585858;
        height: 100%;
        justify-content: flex-start;
        margin-bottom: 0;
        min-height: unset;
    }

    .product-detail-in {
        height: 100%;
        justify-content: space-between;
        align-items: flex-start;
        margin-right: 10px;
        width: 70%;
    }

    .product-image {
        width: 144px;
        height: 139px;
    }

    .product-row {
        margin-bottom: 11px;
    }

    .product-name {
        padding-block: 0px 3px;
        padding-inline: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 13px;
    }

    .each-product-box .product-price {
        font-size: 14px;
        align-self: self-end;
    }


    .modal-box {
        margin-bottom: 0 !important;
        border-radius: 7px 7px 0 0 !important;
    }

    footer{
        padding-inline: 13px;
    }

}

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

    .footer-text {
        font-size: 12px;
    }

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

    .product-detail-in {
        width: 58%;
    }

    .mobile-logo-head {
        display: block;
        width: 51px;
        height: 49px;
    }

    .footer-logo {
        width: 54%;
        height: 57px;
    }

    .fallen {
        transform: scale(.4);
    }

    .footer-right{
        font-size: 11px;
        text-align: center;
    }
}

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

    .social-btns {
        width: 33px;
        height: 33px;
    }

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

    .social-btns svg{
        width: 18px;
        height: 18px;
    }

    .vala-title span h3 {
        font-size: 22px;
    }

    .fallen {
        transform: scale(.3);
    }

    .footer-logo {
        width: 65%;
        height: 57px;
    }

    .zeynep.opened{
        width: 100%;
    }
}

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

    .footer-logo {
        width: 100%;
        height: 57px;
    }
}





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




/*responsive height*/
/*responsive height*/


/*responsive height*/
/*responsive height*/
@keyframes border-dance {
    0% {
        background-position: 0px 0px, 300px 116px, 0px 150px, 216px 0px;
    }
    100% {
        background-position: 300px 0px, 0px 116px, 0px 0px, 216px 150px;
    }
}