/*a {*/
/*    cursor:url(http://localhost:8000/site/images/cursor.png), auto !important;*/
/*}*/

:root {
    --text-color: #1d1d1d;
    --primary-color: #462E87;
    --secondary-color: #DBBFDD;
    --white-color: #fff;
    --shining-speed: 1.9s;
    --shining-speed2: 2.3s;
    --site-title: 25px;
    --size-title2: 15px;
    --mobile-title-font: 12px;
    --mobile-text-font: 10px;
    --mobile-line-height: 19px;
    --mobile-mini-title: 10px;
    --main-mobile-title: 13px;
    --p-size:15px;
    --mini-title: 16px;
    --detail-size: 13px;
    --blog-p: 13px;
    --blog-name: 16px;
    --answer-size: 14px;
}


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

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

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

@font-face {
    font-family: comfortaa-Bold;
    src: url("../fonts/Comfortaa-Bold.eot");
    src: url("../fonts/Comfortaa-Bold.woff") format("woff"),
    url("../fonts/Comfortaa-Bold.woff2") format("woff2"),
    url("../fonts/Comfortaa-Bold.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");
}
* {
    font-family: 'VZ';
}
.farsi-digit {
    font-family: Samim-FD;
    font-family: 'VZ' !important;
}
.farsi-digit *{
    font-family: Samim-FD !important;
    font-family: 'VZ' !important;
}

html,
body {
    font-family: 'VZ';
    font-size: 15px;
    background: #fff;
    direction: rtl;
    text-align: right;
    overflow-x: hidden;
    line-height: 28px;
    position: relative;
    /*-webkit-font-smoothing: antialiased; !* برای iOS *!*/
    /*-moz-osx-font-smoothing: grayscale; !* برای macOS *!*/
}

html{
    scroll-behavior: smooth;
}

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

a:hover {
    color: unset;
}

:focus-visible{
    outline: unset;
}

/*body::before{*/
/*    position: absolute;*/
/*    content: '';*/
/*    !*background-image: url(../images/index/background.png);*!*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-repeat: repeat-y;*/
/*    right: 0;*/
/*    background-size: inherit;*/
/*    background-position: bottom;*/
/*    opacity: 0.6;*/
/*}*/

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

/*fix stars*/

.fix-stars{
    position: relative;
    z-index: 1;
}

.stars-left{
    position: fixed;
    right: 2%;
    width: 178px;
    height: 151px;
}

.stars-left img:first-child{
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
    animation: shining var(--shining-speed2);
    animation-iteration-count: infinite;
}

.stars-left img:nth-child(2){
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .3;
    animation: shining var(--shining-speed);
    animation-iteration-count: infinite;
    animation-delay: .5s;
}

.stars-right img:first-child{
    width: 22px;
    height: 22px;
    position: fixed;
    top: 25%;
    left: 11%;
    opacity: .5;
    animation: shining var(--shining-speed2);
    animation-iteration-count: infinite;
}

.stars-right img:nth-child(2){
    width: 27px;
    height: 27px;
    position: fixed;
    bottom: 25%;
    left: 2%;
    opacity: .3;
    animation: shining var(--shining-speed);
    animation-iteration-count: infinite;
    animation-delay: .5s;
}




@keyframes shining {

    0%{
        opacity: 0;
    }
    40%{
        opacity: .3;
    }
    60%{
        opacity: 0;
    }

}


.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 25px !important;
    font-weight: 600 !important;
}
.swiper-button-next, .swiper-button-prev {
    color: var(--primary-color) !important;
}



/*header*/


.megamenu_products{
    display: none;
    top: 32px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: right;
    background: #fff;
    box-shadow: 0 0 12px -4px #b9b9b9;
    list-style: none;
    padding-block: 10px;
    border-radius: 6px;
    position: absolute;
    z-index: 5;
    width: fit-content;
    white-space: nowrap;
    padding-inline: 24px 43px;
}

.megamenu_products.show{
    display: flex !important;
}

.megamenu_products li{
    color: var(--secondary-color) !important;
    font-size: 15px;
    padding-block: 6px;
    cursor: pointer;
}

.megamenu_products li:hover{
    color: var(--primary-color) !important;
}


/*search*/

form.search{
    position: relative;
}

.search-box {
    position: absolute;
    /* z-index: -1; */
    left: 14px;
    top: 1px;
}




.search label{
    font-size: 0.75em;
    font-weight: bold;
    color: #333;
    text-indent: -9999em;
    display: block;
    float: left;
}
.search input[type="text"]{
    text-indent: 1px;
    padding: 3px 0 3px 22px;
    width: 5px;
    height: 22px;
    border: unset;
    color: #999;
    line-height: 20px;
    font-weight: bold;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 1px 1px 0rgba(0, 0, 0, 0.125);
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
    cursor: pointer;
    background: transparent;
    width: 32px;
    height: 35px;
    z-index: 2;
    position: relative;
    padding-right: 16px;
}
.search input[type="text"]:focus{
    width: 250px;
    outline: none;
    background:url(http://www.ian-thomas.net/examples/search-icon.png)2px 2px no-repeat, -webkit-linear-gradient(bottom,rgba(100,100,100,1) 0%, rgba(40,40,40,1) 2%, rgba(22,22,22,1)100%);
    -webkit-box-shadow:1px 1px 0 rgba(255,255,255,0.125);
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
    cursor:text;
    background: transparent;
    border: 2px solid var(--secondary-color);
    border-radius: 23px;
}

#search-box:focus + .search-box .head-search svg path{
    fill: red;
    stroke: red;
}

.search input[type="text"]:focus + .head-search svg path{
    fill: var(--secondary-color);
}

/*search*/

#my_header{
    z-index: 4;
    position: relative;
}


header{
    padding-block: 30px;
}

.navbar{
    /*transform: translateY(-100%);*/
    z-index: 2;
    opacity: 0;
}

.mobile-header-extra{
    display: none !important;
}


.navbar.loaded{
    /*transform: translateY(0%);*/
    animation: header_load 2s;
    opacity: 1;
}

@keyframes header_load {
    0%{
        transform: translateY(-180%);
        transition: 1s;
    }

    30%{
        transform: translateY(0%);
        transition: 1s;
    }

    70%{
        transform: translateY(-30%);
        transition: 1s;
    }

    100%{
        transform: translateY(0%);
        /*transition: 1s;*/
    }

}



.navbar-expand-lg .navbar-collapse {
    justify-content: space-between;
    padding-left: 32px;
}
header .navbar-nav .nav-item{
    border-left: 2px solid var(--primary-color);
    position: relative;
}

header .navbar-nav .nav-item:last-child{
    border-left: unset;
}

header .navbar-nav .nav-item .nav-link {
    color: var(--primary-color);
    font-size: 15px;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    /* border-left: 2px solid var(--primary-color); */
    line-height: 8px;
    margin-inline: 6px;
    padding-block: 12px;
    border-radius: 22px;
}

header .navbar-nav .nav-item .nav-link:hover{
    background: var(--secondary-color);
    border-radius: 22px;
}


.header-extra{
    display: flex;
    align-items: center;
    gap: 10px;
}

.head-search svg{
    width: 26px;
    height: 26px;
}

.navbar .container{
    position: relative;
}

.language-box{
    position: absolute;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: var(--primary-color);
    border-radius: 32px;
    padding: 5px;
    top: 8px;
}

.language-box .lang:nth-child(n+2) {
    display: none;
    transition: .5s;
}

.language-box:hover .lang:nth-child(n+2) {
    display: flex;
    transition: .5s;
}



.lang{
    width: 33px;
    height: 33px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffff;
    background: var(--primary-color);
    font-size: 15px;
    font-family: 'comfortaa';
}

.lang.was-active{
    background: var(--secondary-color);
}

.lang.disabled{
    background: var(--secondary-color);
}
.success-box {
    text-align: center;
    background: #78b72f;
    display: flex;
    gap: 10px;
    padding: 0.1rem 1.4rem;
    color: #ffffff;
    border-radius: 31px;
    margin: 11px 0rem;
    align-items: center;
    justify-content: center;
    width: auto;
}

.lang:hover{
    color: #ffff;
}
.navbar-logo{
    width: 160px;
    height: 64px;
}

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

.lang:hover{
    background: var(--primary-color);
}

.language-box .lang.active{
    background: var(--primary-color) !important;
}

.language-box.box_hover .lang:hover{
    background: var(--primary-color) !important;
}

.language-box.box_hover .lang{
    background: var(--secondary-color) !important;
}


.language-box.hover_box .lang.active.dd{
    background: var(--primary-color) !important;
}

.navbar .language-box.hover_box .lang.active{
    background: var(--primary-color) !important;
}

.language-box.box_hover .lang.dd:hover{
    background: var(--primary-color) !important;
}








/*header*/



/*zeynep*/


.zeynep-overlay {
    background-color: unset;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1010;
    filter: blur(100%);
    filter: blur(0.2rem);
    backdrop-filter: blur(0px);
}

.zeynep.opened {
    left: 0;
    display: flex !important;
}

.zeynep {
    width: 400px;
    background: var(--secondary-color);
    border-radius: 0 100px 100px 0px;
    background-repeat: no-repeat;
    height: auto;
    max-height: max-content;
    background-size: contain;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.zeynep ul li a avg{
    width: 16px;
    height: 16px;
}

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

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

.logo-zeynep {
    width: 122px;
    height: 47px;
}


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

.megamenu-body {
    height: 100%;
    padding-top: 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;

}

.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;
    font-family: 'VZ-Bold';
}

.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: 22px !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: inherit;
    right: 44px;
    top: 21px;
    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;
}

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

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

.submenu_products{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-block: 17px;
    text-align: center;
    padding-inline: 60px;
}

.megamenu li .submenu_products a{
    color: #fff;
    font-size: 13px !important;
}

.zeynep li {
    height: fit-content;
    cursor: pointer;
}



/*zeynep*/






/*ddressbar*/

.addressbar{
    position: relative;
    padding-block: 40px;
}
.addressbar .container{
    padding: 3px;
}


.address-box{
    display: flex;
    align-items: center;
    gap: 8px;
}
.address-box *{
   font-size: 13px;
}

.address-box *{
    color: #dbc9e1;
}


/* creating the breadcrumb foundation */
.address-box { list-style: none; } /* remove bullet points */

.address-box  li { display: inline; } /* show list items horizontally */

/* Put an angle bracket (>) between list items */
.address-box  li+li:before {
    content: url('data:image/svg+xml,<svg width="13" height="11" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.292969 7.29219C-0.0976562 7.68281 -0.0976562 8.31719 0.292969 8.70781L6.29297 14.7078C6.68359 15.0984 7.31797 15.0984 7.70859 14.7078C8.09922 14.3172 8.09922 13.6828 7.70859 13.2922L2.41484 7.99844L7.70547 2.70469C8.09609 2.31406 8.09609 1.67969 7.70547 1.28906C7.31484 0.898438 6.68047 0.898438 6.28984 1.28906L0.289844 7.28906L0.292969 7.29219Z" fill="%23DBC9E1"/></svg>');
    padding: 10px;
    font-weight: 900;
    top: 3px;
    position: relative;
}

.address-box  li a { text-decoration: none; } /* remove underlines from links */

.address-box  li a:hover { text-decoration: underline; } /* show underline on mouseover */

/* additional styling */
.address-box  {
    color: #dbc9e1;

    font-weight: 500 !important;
    font-family: 'VZ-Bold' !important;
}
.address-box * {
    font-weight: 500 !important;
    font-family: 'VZ-Bold' !important;
}

.address-box  li a {
    color: #dbc9e1;
    text-decoration: unset !important;
}

.address-box  li a:visited {color: #dbc9e1;}

.address-box  li+li:before { color: #dbc9e1; }



/*ddressbar*/




/*banner new*/

.thinki-banner{
    width: 100%;
    /*height: 58vh;*/
    height: 543px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    justify-content: flex-end;
    align-items: center;
    transform: translateX(-155%);
}

.thinki-banner.loaded{
    transform: translateX(0%);
    transition: 1.5s ;
}

.banner-content{
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    line-height: 43px;
    font-family: 'VZ-Bold' !important;
}

.banner-content span{
    font-family: 'VZ-Bold' !important;
}

.col-banner-image{
    padding-right: 100px !important;
}

.thinki-extra-image {
    width: 268px;
    height: 268px;
    position: absolute;
    bottom: -114px;
    right: 50%;
    opacity: 0;
}

.thinki-extra-image.loaded {
    opacity: 1;
    animation: roll 1s;
}

.thinki-extra-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.thinki-banner-extra{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.col-banner-image{
    height: fit-content;
    display: flex;
    align-items: center;
}


@media screen and (max-width: 1550px){
    .thinki-banner {
        height: 520px;
    }
}

@media screen and (max-width: 1450px){
    .thinki-banner {
        height: 469px;
    }
}


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

    .thinki-banner {
        height: 475px;
    }

    .thinki-extra-image {
        width: 205px;
        height: 205px;
        bottom: -46px;
    }

}

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

    .thinki-banner {
        height: 427px;
    }

    .banner-content {
        font-size: 23px;
        line-height: 40px;
    }

    .thinki-extra-image {
        bottom: -84px;
    }

    .thinki-banner-section{
        padding-bottom: 61px;
    }

}

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

    .header-extra{
        position: relative;
    }

    .language-box {
        padding: 5px;
        top: -1px;
        right: -50px;
        left: unset;
    }

    .lang {
        width: 17px;
        height: 17px;
    }


    .banner-content {
        font-size: 19px;
        line-height: 32px;
    }

    .thinki-extra-image {
        width: 186px;
        bottom: -92px;
        height: 186px;
    }

    .thinki-banner-section{
        padding-bottom: 31px;
    }

    .container.banner-container{
        max-width: 100%;
    }

    .banner-container {
        padding: 0;
        margin: 0;
    }

    .thinki-banner {
        /*background-size: cover;*/
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .container.banner-container {
        padding: 0;
    }

}

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

    .banner-content {
        font-size: 15px;
        line-height: 27px;
    }

    .thinki-banner-section {
        padding-bottom: 50px;
    }

    .thinki-banner {
        height: 309px;
    }

    .thinki-extra-image {
        width: 144px;
        bottom: -79px;
        height: 144px;
    }


}

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

    .success-box {
        font-size: 10px;
        line-height: 20px;
    }

    .phone_contact_error {
        font-size: 10px;
        line-height: 20px;
    }

    .thinki-banner-section {
        padding-bottom: 33px;
    }

    .thinki-banner {
        height: 235px;
    }

    .thinki-extra-image {
        width: 113px;
        bottom: -48px;
        height: 113px;
    }


    .thinki-banner {
        background-size: contain;
    }

    .thinki-banner {
        height: 191px;
    }

    .thinki-extra-image {
        width: 110px;
        height: 133px;
        bottom: -56px;
    }

    .banner-content {
        font-size: var(--mobile-text-font);
        line-height: var(--mobile-line-height);
    }

}

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

    .lang {
        width: 21px;
        height: 21px;
    }

    .thinki-banner-section {
        padding-bottom: 20px;
    }

    .col-banner-image {
        padding-right: 34px !important;
    }
    .thinki-banner {
        height: 182px;
    }

    .thinki-extra-image {
        width: 89px;
        height: 105px;
        bottom: -42px;
    }

}

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

    .thinki-banner-section {
        padding-bottom: 14px;
    }

    .thinki-extra-image {
        width: 77px;
        height: 77px;
        bottom: -25px;
    }

    .thinki-banner {
        height: 166px;
    }

}


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


    .thinki-extra-image {
        width: 65px;
        height: 65px;
        bottom: -24px;
    }

    .thinki-banner {
        height: 158px;
    }

}



/*banner new*/




























/*banner*/

.banner_section{
    position: relative;
}

.banner_section .container-fluid{
    padding: 0;
}

.banner-image .container{
    display: flex;
    justify-content: flex-end;
}

.banner-image{
    width: 100%;
    height: 749px;
}

/*.banner-image:before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    background-image: url(../images/index/banner-image2.png);*/
/*    background-repeat: no-repeat;*/
/*    width: 116%;*/
/*    height: 915px;*/
/*    background-size: contain;*/
/*    transform: translateX(-100%);*/
/*    transition: .8s;*/
/*    max-width: 3000px;*/
/*}*/

.banner-image .banner-dynamic-background{
    content: '';
    position: absolute;
    background-image: url(../images/index/banner-image2.png);
    background-repeat: no-repeat;
    width: 108%;
    height: 825px;
    background-size: contain;
    transform: translateX(-105%);
    transition: .8s;
    max-width: 3000px;
}

.banner-image.loaded .banner-dynamic-background{
    transform: translateX(-4%);
    transition: .8s;
}


/*.banner-image.loaded:before{*/
/*    transform: translateX(-4%);*/
/*    transition: .8s;*/
/*}*/

.banner-text{
    position: relative;
    width: 428px;
    color: #fff;
    font-size: 29px;
    font-weight: 500;
    align-self: center;
    line-height: 47px;
    margin-top: 125px;
    transform: translateX(-435%);
    transition: .9s;
    /*opacity: 0;*/
}

.banner-text *{
    font-family: 'VZ-Bold' !important;
}

.banner-text.loaded{
    transform: translateX(0%);
    transition: .9s;
    /*opacity: 1;*/
}

.extra-banner{
    position: absolute;
    bottom: 0;
    left: 15%;
}

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

.roll-line{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /*display: none;*/
}

.roll-image{
    width: 440px;
    height: 440px;
    transform: translateX(-99px);
    opacity: 0;
    cursor:url(../images/cursor.png), auto !important;
}

.roll-image.loaded{
    transform: translateX(-99px);
    opacity: 1;
    animation: roll 1s;
}


@keyframes roll {

    50%{
        transform: translateY(-14%) ;
        transition: .8s ;
    }

}


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

.read-more{
    position: absolute;
    bottom: 17%;
    left: 20%;
    color: #ffff;
    /*font-weight: 600;*/
    font-size: 17px;
    font-family: 'VZ-Bold';
}

.read-more:hover{
    color: #fff;
}


/*banner*/







/*faqs section*/

.faqs-section{
    position: relative;
    padding-block: 70px 70px;
}


.faqs-head{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-inline: 70px;
}

.faqs-head h3{
    color: var(--primary-color);
    font-size: var(--site-title);
    /*font-weight: 600;*/
    margin-bottom: 19px;
    font-family: 'VZ-Bold';
}

.faqs-head span{
    color: var(--text-color);
    font-size: var(--size-title2);
    /* font-weight: 600; */
    text-align: center;
    line-height: 28px;
}



/*accordion*/

.asked-questions{
    margin-top: 112px;
    margin-bottom: 45px;
}

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

.asked-title{
    position: relative;
    z-index: 2;
}

.asked-title img{
    position: absolute;
    z-index: -1;
    bottom: 24%;
    right: -37%;
}

.asked-title h2{
    font-family: LaleZar;
    font-size: 40px;
}
.asked-title span{
    position: absolute;
    bottom: -26%;
    left: -78px;
    color: #B3B3B3;
    text-align: right;
    font-size: 36px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    font-family: LaleZar;
}


.asked-questions .row{
    justify-content: space-evenly;
}

.answer-rotate{
    transform: rotate(270deg);
    color: #ff8a77;
    text-align: justify;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px;
    height: fit-content;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: flex-end;*/
}


.question-rotate{
    transform: rotate(270deg);
    color: #00B4B5;
}

.accordion {
    width: 100%;
    max-width: 1185px;
    margin: 2rem auto;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.whole-accordion{
    position: relative;
    /*padding-top: 40px;*/
}

.accordion-item {
    /*background-color: transparent;*/
    text-align: justify;
    font-style: normal;
    border: unset;
    border-bottom: 2px solid var(--secondary-color);
    padding-bottom: 13px;
    background: #fff;
    z-index: 2;
}

.accordion-item-header {
    padding: 0.3rem 0rem 0.3rem 4rem;
    min-height: 3.5rem;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    color: var(--primary-color);
    text-align: justify;
    font-size: var(--p-size);
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
}


.accordion-item-header svg{
    margin-left: 8px;
    margin-right: 20px;
}

.accordion-item-header::after {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_169_54)"><path d="M10 1.63C14.62 1.63 18.37 5.38 18.37 10H20C20 4.48 15.52 0 10 0V1.63ZM1.63 10C1.63 5.38 5.38 1.63 10 1.63V0C4.48 0 0 4.48 0 10H1.63ZM10 18.37C5.38 18.37 1.63 14.62 1.63 10H0C0 15.52 4.48 20 10 20V18.37ZM18.37 10C18.37 14.62 14.62 18.37 10 18.37V20C15.52 20 20 15.52 20 10H18.37ZM10.61 12.13L7.17 8.3L5.96 9.39L9.4 13.22L10.61 12.13ZM12.84 8.3L9.4 12.13L10.61 13.22L14.05 9.39L12.84 8.3ZM7.17 8.3C6.87 7.96 6.35 7.94 6.02 8.24C5.68 8.54 5.66 9.06 5.96 9.39L7.17 8.3ZM10.01 12.67L9.4 13.22C9.55 13.39 9.78 13.49 10.01 13.49C10.24 13.49 10.46 13.39 10.62 13.22L10.01 12.67ZM14.06 9.39C14.36 9.05 14.33 8.54 14 8.24C13.66 7.94 13.15 7.97 12.85 8.3L14.06 9.39Z" fill="%23DBBFDD"/></g><defs><clipPath id="clip0_169_54"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
    font-size: 2.5rem;
    position: absolute;
    left: 1.7rem;
    font-weight: 500;
    color: var(--primary-color);
}

.question-span{
    padding-right: 1.2rem;
    /*font-weight: 600;*/
    font-family: 'VZ-Bold';
}

.accordion-item-header.active::after {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_169_57)"><path d="M10 18.37C5.38 18.37 1.63 14.62 1.63 10H0C0 15.52 4.48 20 10 20V18.37ZM18.37 10C18.37 14.62 14.62 18.37 10 18.37V20C15.52 20 20 15.52 20 10H18.37ZM10 1.63C14.62 1.63 18.37 5.38 18.37 10H20C20 4.48 15.52 0 10 0V1.63ZM1.63 10C1.63 5.38 5.38 1.63 10 1.63V0C4.48 0 0 4.48 0 10H1.63ZM9.39 7.87L12.83 11.7L14.04 10.61L10.6 6.78L9.39 7.87ZM7.16 11.7L10.6 7.87L9.39 6.78L5.95 10.61L7.16 11.7ZM12.83 11.7C13.13 12.04 13.65 12.06 13.98 11.76C14.32 11.46 14.34 10.94 14.04 10.61L12.83 11.7ZM9.99 7.33L10.6 6.78C10.45 6.61 10.22 6.51 9.99 6.51C9.76 6.51 9.54 6.61 9.38 6.78L9.99 7.33ZM5.94 10.61C5.64 10.95 5.67 11.46 6 11.76C6.34 12.06 6.85 12.03 7.15 11.7L5.94 10.61Z" fill="%23443895"/></g><defs><clipPath id="clip0_169_57"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
}

.accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion-item-body-content {
    padding: 0;
    border-top: unset;
    border-image: unset;
    /*display: flex;*/
    flex-direction: row;
    color: #000;
    text-align: justify;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    gap: 10px;
    align-items: center;
}

.accordion-item:last-child {
    border-bottom: unset;
}


.accordion-item-body-content{
    margin: 5px 19px;
    font-size: var(--answer-size);
}

/*accordion*/

.thinki-name{
    font-family: "comfortaa";
    font-weight: 200;
    font-size: 16px;
}



/*faqs section*/







/*footer*/

.icon-up{
    display: none;
}

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

footer .container-fluid{
    padding-inline: 0;
    max-width: 100%;
}

.footer-rights{
    background: var(--primary-color);
    padding: 34px;
    color: #fff !important;
    font-size: 13px;
}

footer .container{
    padding-inline: 5px;
    position: relative;
    padding-bottom: 50px;
}

.footer-rights .container{
    padding: unset;
}

.go_up{
    position: absolute;
    left: 0;
    bottom: 50px;
}


.footer-logo {
    width: 130px;
    height: 69px;
    display: block;
    padding-bottom: 10px;
    align-self: flex-start;
}

.fix-image{
    position: fixed;
    left: 0;
    bottom: 22px;
    z-index: 10;
}

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

.footer-info p{
    color: var(--primary-color);
    font-size: 14px;
    /* font-weight: 600; */
    margin-bottom: 20px;
    font-family: 'VZ';
    margin-top: 2px;
    text-align: justify;
}

.footer-social{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    margin-top: 20px;
}

.each-footer-social{
    width: 28px;
    height: 27px;
}

.each-footer-social svg{
    width: 100%;
    height: 100%;
}

.footer-thinki{
    font-family: "comfortaa";
    font-weight: 500;
    font-size: 15px;
}

.footer-items{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    /*padding-top: 84px;*/
    gap: 0;
}

.footer-items2{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    /*padding-top: 84px;*/
}

.footer-item svg{
    width: 43px;
    height: 43px;
}

.footer-item{
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 13px;
    padding-bottom: 22px;
    line-height: 27px;
}

.col-footer2 .footer-item{
    padding-right: 33px;
    position: relative;
}

.col-footer2 .footer-item svg {
    width: 40px;
    height: 40px;
    position: absolute;
    right: -12px;
    top: -6px;
}


.footer-item span{
    width: 80%;
    text-align: right;
    direction: ltr;
    height: 21px;

}

.footer-item-en span {
    font-family: 'comfortaa';
}

.footer-title{
    color: var(--primary-color);
    font-size: 21px;
    /*font-weight: 600;*/
    margin-bottom: 20px;
    font-family: 'VZ-Bold';
    margin-top: 24px;
}


.col-footer2 .footer-title{
    margin-bottom: 21px;
}

footer .row{
    justify-content: space-between;
}

.footer-items2 a{
    font-size: 14px;
    padding-bottom: 14px;
}


.phone__footer{
    display: inline-block;
    margin: 0;
}
/*footer*/



/*additional*/


.additional_section{
    background: var(--secondary-color);
    padding: 35px 0;
}

.additional-box{
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    justify-content: center;
}

.additional-title h3{
    font-size: var(--site-title);
    /*font-weight: 600;*/
    color: var(--primary-color);
    margin-bottom: 14px;
    font-family: 'VZ-Bold';
}

.additional-text p{
    color: var(--primary-color);
    text-align: justify;
}

.additional-link{
    align-self: flex-start;
    display: flex
;
    align-items: center;
    gap: 11px;
    margin-top: 20px;
    color: var(--primary-color);
    font-size: 13px;
    /*justify-content: center;*/
    width: 100%;
    justify-content: flex-start;
}

.additional-title{
    text-align: center;
}


/*additional*/


/*subcategory*/


.products-subcategory{
    padding-block: 80px 0;
}

.col-subcategory{
    margin-bottom: 80px;
}


.each-subcat{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    cursor:url(../images/cursor.png), auto !important;
}

.subcat-image{
    width: 250px;
    height: 250px;
    transition: .6s;
}

.subcat-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    /*filter: grayscale(1);*/
    transition: .6s;
}

.subcat-info{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.subcat-info h5{
    color: var(--secondary-color);
    font-size: var(--mini-title);
    text-align: center;
}

.subcat-info span{
    color: var(--secondary-color);
    font-size: 14px;
}

.subcat-info span.type{
    /*font-weight: 600;*/
    font-family: 'VZ-Bold';
}

.each-subcat:hover .subcat-image{
    transform: scale(1.2);
    transition: .6s;
}

.each-subcat:hover .subcat-image img{
    filter: grayscale(0);
    transition: .6s;
}

.each-subcat:hover .subcat-info h5{
    color: var(--primary-color);
}

.each-subcat:hover .subcat-info span{
    color: var(--primary-color);
}




/*subcategory*/



/*form*/

.detail-title{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 16px;
}


.detail-title h4{
    color: var(--primary-color);
    font-size: var(--site-title);
    /*font-weight: 600;*/
    font-family: 'VZ-Bold';
}

.detail-features{
    padding-block: 70px 108px;
}


.detail-content-title h5{
    color: var(--primary-color);
    font-size: 17px;
}

.form-thinki{
    padding-inline: 200px;
}

.detail-content-title p{
    color: var(--text-color);
    font-size: 14px;
    padding-bottom: 20px;
    text-align: justify;
}

.detail-content{
    padding-block: 90px 0px;
}

/*.detail-content-title *{*/
/*    color: var(--primary-color);*/
/*}*/
.phone_contact_error {
    /*position: absolute;*/
    padding: 0rem 1.2rem;
    /* right: 0; */
    margin: 11px 0rem;
    top: 5rem;
    background: #dc3545;
    color: aliceblue;
    border-radius: 20px;
    font-size: 12px;
}

.thinki-input input{
    width: 100%;
    border: 2px solid var(--secondary-color);
    border-radius: 20px;
    padding: 3px 20px;
}

.thinki-input textarea{
    width: 100%;
    border: 2px solid var(--secondary-color);
    border-radius: 20px;
    padding: 10px 20px;
}

.thinki-input input::placeholder, .thinki-input textarea::placeholder{
    color: transparent;
}

.thinki-input label{
    font-size: 12px;
    color: var(--text-color);
}

.half-form{
    display: flex;
    gap: 20px;
    margin-bottom: 12px;
}

.half-form .thinki-input{
    width: 100%;
}


.detail-comment{
    padding-bottom: 150px;
}

.form-btn{
    border: unset;
    background: var(--primary-color);
    color: #fff;
    padding: 4px 27px;
    border-radius: 26px;
    transition: .3s;
    font-family: 'VZ-Bold';
    font-weight: 500;
}

.thinki-btn-form{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 3px;
}

@media screen and (min-width: 768px){
    .form-btn:hover{
        background: var(--secondary-color) ;
        color: var(--primary-color);
        transition: .3s;

    }
}



/*form*/











/*responsive*/
/*responsive*/




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


@media screen and (max-height: 953px), (min-height: 800px){
    .banner-image .banner-dynamic-background {
        width: 105%;
        height: 722px;
    }

    .roll-image {
        width: 375px;
        height: 375px;
    }

    .banner-image {
        width: 100%;
        height: 657px;
    }

    .extra-banner {
        bottom: -30px;
    }

}


@media screen and (max-height: 800px), (min-height: 700px){

    .banner-image .banner-dynamic-background {
        width: 98%;
        height: 598px;
    }

    .roll-image {
        width: 299px;
        height: 299px;
    }

    .banner-image {
        width: 100%;
        height: 570px;
    }

}


@media screen and (max-height: 700px), (min-height: 570px){

    .roll-image {
        width: 240px;
        height: 240px;
    }

    .banner-image {
        height: 468px;
    }

    .banner-image .banner-dynamic-background {
        height: 450px;
        width: 93%;
    }

}




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


@media (min-width: 2000px) {

    .banner-container.container{
        max-width: 1734px;
    }

}






@media screen and (min-width: 1500px), (min-height: 700px){

    .banner-image .banner-dynamic-background {
        width: 97%;
        height: 559px;
    }

    .banner-image {
        width: 100%;
        height: 671px;
    }

    .roll-image {
        width: 301px;
        height: 301px;
    }
}

@media screen and (min-width: 1600px), (min-height: 850px){

    .banner-image .banner-dynamic-background {
        width: 92%;
        height: 593px;
    }

    .banner-image {
        width: 100%;
        height: 555px;
    }

    .roll-image {
        width: 310px;
        height: 310px;
    }
}


@media screen and (min-width: 1700px), (min-height: 850px){

    .banner-image .banner-dynamic-background {
        width: 92%;
        height: 593px;
    }

    .banner-image {
        width: 100%;
        height: 555px;
    }

    .roll-image {
        width: 310px;
        height: 310px;
    }
}




@media screen and (min-width: 1800px), (min-height: 850px){

    .banner-image .banner-dynamic-background {
        width: 92%;
        height: 593px;
    }

    .banner-image {
        width: 100%;
        height: 555px;
    }

    .roll-image {
        width: 310px;
        height: 310px;
    }
}




@media screen and (max-width: 1977px){
    .extra-banner{
        bottom: -60px;
         }
}
@media screen and (max-width: 1647px){
    .extra-banner{

             bottom: -44px;
         }
    .banner-image {
        height: 593px;
    }

    .subcat-image {
        width: 231px;
        height: 231px;
        transition: .6s;
    }

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

    .banner-text {
        font-size: 22px;
        line-height: 44px;
    }
    .faqs-head span{
        font-size: 14px;
    }
    .accordion-item-body-content {
        font-size: 13px;
    }

}


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

    .banner-image .banner-dynamic-background {
        height: 510px;
    }

    .roll-image {
        width: 233px;
        height: 249px;
    }

    .banner-image {
        height: 631px;
    }

    .banner-image {
        height: 469px;
    }

}


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

    .roll-image {
        width: 238px;
        height: 234px;
    }

    .banner-image {
        height: 467px;
    }

}


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


    .banner-image .banner-dynamic-background {
        height: 488px;
        width: 96%;
    }

    .roll-image {
        width: 271px;
        height: 271px;
    }

    .subcat-image {
        width: 201px;
        height: 201px;
        transition: .6s;
    }

    .roll-line {
        height: 68px;
    }

    .banner-image {
        height: 492px;
    }

    .banner-text {
        /*font-size: 31px;*/
    }

    .roll-image {
        /*width: 442px;*/
        /*height: 489px;*/
        transform: translateY(-140px);
    }

    .roll-image.loaded {
        transform: translateY(-132px);
    }

}

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

    .roll-image.loaded {
        transform: translateY(-31px);
    }

    .read-more {
        bottom: 17%;
        left: 17%;
    }

    .banner-text {
        margin-top: 89px;
    }

    .roll-image {
        width: 268px;
        height: 246px;
    }

    .roll-line {
        height: 240px;
    }

    .faqs-head {
        padding-inline: 20px;
    }

    .banner-text {
        font-size: 20px;
        line-height: 40px;
        margin-top: 99px;
    }

    .banner-text.loaded {
        transform: translateX(-20%);
        transition: .9s;
    }

    .banner-image.loaded .banner-dynamic-background {
        transform: translateX(-1%);
        transition: .8s;
    }

    .footer-social {
        gap: 14px;
        margin-top: 45px;
    }

    .each-footer-social {
        width: 45px;
        height: 45px;
    }
}

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

    .footer-item span {
        height: fit-content;
    }

    .col-footer2 .footer-item svg {
        position: unset;
    }

    .col-footer2 .footer-items .footer-item {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .faqs-head h3 {
        font-size: calc(var(--site-title) - 5px);
    }

    .navbar-collapse.collapse{
        display: none;
    }

    .navbar-collapse{
        display: none;
    }

     .extra-banner{
         bottom: 5px;
      }
    .navbar-logo {
        width: 144px;
        height: 57px;
    }

    .icon-up{
        position: absolute;
        bottom: 7px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 0;
    }

    .thinki-input input::placeholder, .thinki-input textarea::placeholder{
        color: #000;
        font-size: 14px;
    }

    .thinki-input label {
        display: none;
    }

    .roll-line {
        height: 83px;
    }

    .footer-item span {
        width: 100%;
        text-align: center;
    }

    .footer-item {
        align-items: center;
    }

    .faqs-section {
        position: relative;
        padding-block: 69px 100px;
    }

    .products-subcategory {
        padding-block: 73px 18px;
    }

    .faqs-head h3 {
        margin-bottom: 15px;
    }

    .faqs-head span {
        font-size: 17px;
    }

    .footer-social {
        margin-bottom: 18px;
    }

    .col-footer2{
        /*background: var(--primary-color);*/
        /* border-radius: 40px 40px 0 0;*/
        /*clip-path: inset(3% 0 0 0 round 50% 50% 0 0);*/
        /*background-image: url(../images/index/backgroundF.svg);*/
        /*background-repeat: no-repeat;*/
        /*background-size: cover;*/
        position: relative;
        z-index: 2;
    }

    .col-footer2::before{
        content: '';
        position: absolute;
        background-image: url(../images/index/backgroundF.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
        z-index: -1;
        right: 0;
    }

    .col-footer3{
        background: var(--primary-color);
        display: none;
    }

    .footer-rights {
        background: var(--secondary-color);
    }

    footer .container {
        padding-bottom: 0px;
    }

    .go_up {
        position: absolute;
        left: 48%;
        bottom: 3px;
    }

    .go_up svg path{
        fill: #fff;
    }

    .go_up svg {
        width: 32px;
        height: 32px;
    }

    .footer-items {
        padding-block: 100px 70px;
    }

    .footer-title {
        color: #fff;
    }

    .footer-item svg path {
        fill: #fff;
    }

    .footer-item {
        font-size: 16px;
        color: #fff !important;
    }


    .mobile-header-extra{
        display: flex !important;
    }

    .navbar-toggler{
        padding: 0;
    }
    .header-extra{
        gap: 20px;
    }

    .navbar-toggler-icon{
        height: 13px;
    }

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

    .desc-header-extra{
        display: none !important;
    }

    .banner-image.loaded .banner-dynamic-background{
        transform: translateX(10%);
        transition: .8s;
    }

    .banner-image .banner-dynamic-background {
        width: 131%;
        height: 574px;
        transition: .8s;
    }

    .roll-image {
        width: 248px;
        height: 278px;
        transform: translateY(-140px);
    }

    .banner-image {
        height: 662px;
    }

    .roll-image.loaded {
        transform: translateY(-232px);
    }

    .product-category {
        padding-block: 0 0px !important;
        /*transform: translateY(-120px);*/
    }

    .category-big-image {
        width: 410px;
        height: 410px;
    }


    .footer-info p {
        text-align: center;
        padding-inline: 30px;
    }

    .footer-logo {
        width: 100%;
        height: 77px;
        padding-bottom: 18px;
    }

    .footer-social {
        justify-content: center !important;
        gap: 8px !important;
        padding-top: 2px;
    }

    .each-footer-social {
        width: 41px !important;
        height: 41px !important;
    }

    .footer-items {
        text-align: center;
        justify-content: center;
        align-items: center;
    }

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

    .footer-items {
        gap: 25px;
    }

    .footer-item svg {
        width: 37px;
        height: 37px;
    }

    .footer-title {
        text-align: center;
    }

    .form-thinki {
        padding-inline: 50px;
    }

    .lang {
        order: -1;
    }

}

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

    .stars-left {
        width: 178px;
        height: 51px;
        z-index: 0;
    }

    .subcat-info h5 {
        text-align: right;
    }

    .footer-items {
        padding-block: 47px 52px;
    }

    .subcat-info {
        width: 50%;
        text-align: right !important;
        align-items: flex-start;
    }

    .faqs-head h3 {
        /*font-size: 30px;*/
        margin-bottom: 13px;
    }

    .faqs-head span {
        font-size: 16px;
    }

    .faqs-head {
        padding-inline: 0;
    }

    .accordion-item {
        border: 3px solid var(--secondary-color);
        padding-block: 13px;
        border-radius: 31px !important;
    }

    .accordion-item:not(:first-of-type) {
        border-top: 3px solid var(--secondary-color);
    }

    .accordion {
        gap: 14px;
    }

    .accordion-item:last-child {
        border-bottom: 3px solid var(--secondary-color);
    }

    .additional-title h3 {
        /*font-size: 25px;*/
        margin-bottom: 30px;
    }

    .detail_swiper .swiper-button-next, .detail_swiper.swiper-rtl .swiper-button-prev {
        right: 0px !important;
        left: auto !important;
    }

    .detail_swiper .swiper-button-prev, .detail_swiper.swiper-rtl .swiper-button-next {
        left: 0px !important;
        right: auto !important;
    }

    .detail_swiper .swiper-slide {
        padding-inline: 0px !important;
    }

    .half-form {
        gap: 15px;
        margin-bottom: 17px;
        flex-direction: column;
    }

    .thinki-btn-form {
        margin-top: 3px;
    }

    .question-span {
        width: 100%;
        text-align: center;
        height: 88px;
        line-height: 34px;
    }

    .accordion-item-header::after {
        left: 50%;
        bottom: -10px;
    }

    .accordion-item-header {
        padding: 0;
    }

    .question-span {
        padding-right: 0;
    }

    .accordion-item-body-content {
        text-align: center;
        padding-top: 7px;
    }

    .banner-image.loaded .banner-dynamic-background{
        transform: translateX(21%);
        transition: .8s;
    }

    .banner-text {
        width: 361px;
    }

    .banner-image .banner-dynamic-background {
        width: 165%;
        height: 621px;
        transition: .8s;
    }

    .banner-text {
        font-size: 19px;
        line-height: 36px;
    }

    .roll-image.loaded {
        transform:  translateY(-231px);
    }

    .roll-image {
        width: 239px;
        height: 239px;
    }

    .address-box li {
        white-space: nowrap;
        width: fit-content;
    }

    /*.address-box span, .address-box a {*/
    /*    width: 90%;*/
    /*}*/

    .address-box {
        overflow-x: auto;
        display: flex;
    }

    .address-box::-webkit-scrollbar{
        display: none;
    }

    /*.address-box span, .address-box a {*/
    /*    width: 70%;*/
    /*}*/

    .banner-image {
        height: 654px;
    }

}

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


    .form-thinki {
        padding-inline: 20px;
    }

    .extra-banner {
        bottom: -25px;
    }

    .megamenu li .submenu_products a {
        font-size: var(--mobile-title-font) !important;
    }


    .detail-comment {
        padding-bottom: 83px;
    }


    .icon-up svg{
        width: 19px;
        height: 19px;
    }

    .form-btn {
        font-size: var(--mobile-text-font);
        line-height: var(--mobile-line-height);
    }


    .thinki-input input::placeholder, .thinki-input textarea::placeholder{
        font-size: var(--mobile-text-font);
    }

    .detail-content-title p {
        font-size: var(--mobile-text-font);
        line-height: var(--mobile-line-height);
        padding-bottom: 10px;
    }

    .addressbar .container {
        padding-block: 3px;
    }

    .container,
    .container-fluid, .container-lg,
    .container-md, .container-sm,
    .container-xl, .container-xxl {
        padding-right: var(--bs-gutter-x, 1.45rem);
        padding-left: var(--bs-gutter-x, 1.45rem);
    }


    .additional-text p{
        text-align: justify;
        font-size: var(--mobile-text-font) !important;
        line-height: var(--mobile-line-height);
    }

    .additional-text *{
        font-size: var(--mobile-text-font) !important;
        line-height: var(--mobile-line-height);
    }

    .footer-info p {
        font-size: var(--mobile-text-font) !important;
        line-height: var(--mobile-line-height);
        margin-bottom: 0;
    }

    .footer-social {
        margin-top: 24px;
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 17px !important;
        font-weight: 600 !important;
    }

    .accordion {
        margin: 1rem auto;
    }


    .banner-text {
        font-size: var(--mobile-text-font) !important;
        line-height: calc(var(--mobile-line-height) - 1px);
        margin-bottom: 0;
        margin-top: 37px;
        text-align: center;
        font-weight: 500 !important;
        font-family: 'VZ-Bold' !important;
    }

    .banner-text span{
        font-weight: 500 !important;
        font-family: 'VZ-Bold' !important;
    }

    .banner-text.loaded {
        transform: translateX(9%);
    }

    .banner-text {
        margin-top: 46px;
    }


    .detail-title {
        padding-bottom: 13px;
    }

    .roll-line {
        height: 155px;
    }

    .address-box * {
        font-size: var(--mobile-text-font);
    }

    .addressbar .container{
        padding-inline: 1.45rem;
    }

    .extra-content h5 {
        font-size: 17px;
    }

    .extra-content h5 {
        padding-bottom: 2px;
    }


    .accordion-item-header::after {
        left: 47%;
        bottom: -16px;
    }

    .accordion-item {
        padding-inline: 10px;
    }

    .faqs-section {
        position: relative;
        padding-block: 73px 81px;
    }

    .faqs-head span {
        font-size: 15px;
    }

    .additional-title h3 {
        font-size: var(--main-mobile-title);
        margin-bottom: 5px;
    }

    .additional-text{
        line-height: 28px;
    }


    .additional-text span{
        font-size: var(--mobile-text-font) !important;
        line-height: var(--mobile-line-height);
    }

    .additional-link {
        font-size: var(--mobile-text-font) ;
        line-height: var(--mobile-line-height);
        gap: 4px;
        margin-top: 5px;
    }

    .additional_section {
        padding: 25px 0;
    }

    .additional-link svg{
        width: 16px;
        height: 16px;
    }

    .navbar-logo {
        width: 99px;
        height: 31px;
    }
    .lang {
        width: 25px;
        height: 25px;
        font-size: 12px;
        line-height: 10px;
    }

    .head-search svg {
        width: 20px;
        height: 20px;
    }

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

    .header-extra {
        gap: 16px;
    }

    .banner-image .banner-dynamic-background {
        width: 100%;
        height: 274px;
        transition: .8s;
        transform: unset !important;
    }

    .banner-text {
        width: 263px;
    }

    /*.banner-text {*/
    /*    font-size: 18px;*/
    /*    line-height: 30px;*/
    /*}*/

    .roll-image {
        width: 233px;
        height: 132px;
        z-index: 2;
    }

    .roll-image {
        /*transform: translateX(-37px) translateY(5px) !important;*/
        transition: .2s;
        /*animation: roll2 1s !important;*/
    }


    .roll-image{
        transform: translateX(-5px) translateY(-26px);
    }

   .roll-image.loaded {
       transform: translateX(-5px) translateY(-26px);
       animation: roll2 1s !important;
       /*animation-iteration-count: infinite;*/
    }

    .banner-image {
        width: 100%;
        height: 692px;
    }


    @keyframes roll2 {

        50%{
            transform: translateY(-38%);
            transition: .8s ;
        }

    }



    .each-footer-social {
        width: 30px !important;
        height: 30px !important;
    }

    .footer-social {
        gap: 27px !important;
    }

    .footer-logo {
        width: 100%;
        height: 49px;
        padding-bottom: 15px;
    }

    .footer-items2 {
        padding-top: 90px;
    }

    .footer-items {
        padding-top: 31px;
    }

    .footer-title {
        font-size: var(--mobile-title-font);
        line-height: var(--mobile-line-height);
        margin-bottom: 0;
    }

    .go_up {
        left: 29px;
    }

    .footer-item {
        font-size: var(--mobile-text-font);
        line-height: var(--mobile-line-height);
        margin-bottom: 0;
    }

    .fix-image{
        width: 79px;
        height: 30px;
    }

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

    .footer-rights {
        font-size: var(--mobile-text-font);
        line-height: var(--mobile-line-height);
        margin-bottom: 0;
    }

    .footer-rights {
        padding: 10px 10px;
    }

    .fix-image {
        /*bottom: 110px;*/
        bottom: 13%;
    }

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

    footer .container {
        padding-bottom: 0px !important;
    }

    .footer-rights .container {
        padding-bottom: 0px !important;
    }

    .go_up {
        position: absolute;
        left: 48%;
        bottom: 3px;
    }

    .category-big-image {
        width: 347px;
        height: 347px;
    }

    .banner-image {
        height: 260px !important;
    }
    .roll-image.loaded {

    }

    .product-category {
        transform: translateY(0);
    }

    .footer-items {
        gap: 16px;
    }

    .footer-item svg {
        width: 31px;
        height: 31px;
    }

    .footer-item {
        gap: 11px;
    }

    .question-span {
        font-size: var(--mobile-title-font);
        line-height: var(--mobile-line-height);
        margin-bottom: 0;
        height: 54px;
    }

    .accordion-item-body-content p {
        font-size: var(--mobile-text-font);
        line-height: var(--mobile-line-height);
        margin-bottom: 0;
    }

    .addressbar {
        padding-block: 28px;
    }


}


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

    .roll-image {
        transform: translateX(-105px) translateY(-56px) ;
    }

    .roll-image.loaded {
        transform: translateX(-105px) translateY(-56px) ;
    }


    @keyframes roll2 {

        50%{
            transform: translateY(-58%);
            transition: .8s ;
        }

    }



}

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

    .extra-banner {
        bottom: 5px;
    }

    .roll-image {
        width: 229px;
        height: 113px;
    }

    header {
        padding-block: 11px;
    }

    .banner-image {
        height: 212px !important;
    }


    .product-category {
        transform: translateY(0);
    }

    .roll-line {
        height: 229px;
    }

    .footer-items {
        gap: 7px;
    }

    .zeynep {
        width: 80%;
    }

    .go_up {
        left: 46%;
    }

    .go_up svg{
        width: 30px;
        height: 30px;
    }

    .head-search svg {
        width: 22px;
        height: 22px;
    }

    .header-extra {
        gap: 14px;
    }

    /*.lang {*/
    /*    width: 30px;*/
    /*    height: 30px;*/
    /*    font-size: 14px;*/
    /*}*/

    /*.banner-image {*/
    /*    height: 441px !important;*/
    /*}*/

    .roll-image{
        transform: translateX(-63px) translateY(-12px);
    }

    .roll-image.loaded {
        transform: translateX(-63px) translateY(-12px);
    }

    @keyframes roll2 {

        50%{
            transform: translateY(-38%);
            transition: .8s ;
        }

    }



    .banner-text.loaded {
        transform: translateX(11%);
    }

    .banner-text{
        margin-top: 35px;
    }

    .roll-image {
        /*width: 232px;*/
        /*height: 200px;*/
        z-index: 2;
    }

    .each-footer-social {
        width: 30px !important;
        height: 30px !important;
    }

    .footer-social {
        gap: 21px !important;
        padding-top: 8px;
    }

    .footer-items {
        padding-top: 36px;
    }

    /*.footer-item {*/
    /*    font-size: 14px;*/
    /*}*/

    /*.banner-image {*/
    /*    height: 436px !important;*/
    /*}*/

    .roll-line {
        height: 78px;
    }

}

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

    /*.banner-text {*/
    /*    font-size: 15px;*/
    /*    line-height: 26px;*/
    /*}*/

    .banner-text {
        width: 144px;
    }
}


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

    .banner-text {
        margin-top: 23px;
    }

    .banner-image {
        height: 195px !important;
    }

    .question-span {
        height: 62px;
    }

    .col-footer2{
        background: #462E87;
        background: linear-gradient(0deg, rgba(70, 46, 135, 1) 66%, rgba(255, 255, 255, 1) 66%);
    }

    .col-footer2::before {
        background-size: cover;
    }


    .col-footer2 {
        /*border-radius: 20% 20% 0 0;*/
    }

    .submenu_products {
        padding-inline: 20px;
    }

    .category-big-image {
        width: 338px;
        height: 314px;
    }

    .footer-rights {
        font-size: 10px;
    }

    .roll-image {
        /*width: 234px;*/
        /*height: 223px;*/
    }

    .roll-image {
        transform: translateX(-85px) translateY(-62px) ;
    }

    .roll-image.loaded {
        transform: translateX(-85px) translateY(-62px) ;
    }

    @keyframes roll2 {

        50%{
            transform: translateY(-38%);
            transition: .8s ;
        }

    }



    .banner-image {
        /*height: 436px !important;*/
    }

    .roll-image {
        width: 209px;
        height: 93px;
    }

    .roll-line {
        height: 0;
    }


    .accordion-item-body-content {
        margin: 0;
    }

    .footer-info p {
        padding-inline: 12px;
    }

    .footer-item svg {
        width: 30px;
        height: 30px;
    }
    .footer-logo {
        width: 100%;
        padding-bottom: 14px;
    }
}


@media screen and (max-width: 340px){
    .col-footer2::before {
        background-size: contain;
    }
}

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

    .banner-text {
        margin-top: 23px;
    }


    .form-thinki {
        padding-inline: 20px;
    }

    .footer-rights {
        padding: 26px 3px;
    }

    /*.roll-image {*/
    /*    width: 173px;*/
    /*    height: 156px;*/
    /*}*/

    /*.banner-image {*/
    /*    height: 403px !important;*/
    /*}*/

}



/*responsive*/



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

    .extra-banner{
        bottom: -28px;
    }

}

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

    .extra-banner{
        bottom: -90px;

    }

}


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

    .extra-banner {
        position: unset;
    }
    .roll-image.loaded {
        position: absolute;
        bottom: -100px;
    }

    .banner-image {
        width: 100%;
        height: 555px;
    }

    .banner-image.loaded .banner-dynamic-background {
        transform: translateX(9%);
        transition: .8s;
    }

}


@media screen and (min-width: 2080px){
    .banner-image .banner-dynamic-background {
        max-width: 2000px;
        transform: translateX(-148%);
    }

    .banner-image.loaded .banner-dynamic-background {
        transform: translateX(9%);
        transition: .8s;
    }

}