:root {
    --text-color: #222222;
    --primary-color: #6f5745;
    --secondary-color: #0e2550;
    --white-color: #fff;
    --additional-color: #b9c9e5;
    --extra-color: #f5f1ed;
    --icon-color: #b68044;
}


@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;
}

html{
    scroll-behavior: smooth;
}

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

a:hover {
    color: unset;
}

:focus-visible{
    outline: unset;
}


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

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



/*addressbar*/

.addressbar {
    position: relative;
    padding-block: 3px 6px;
    border-bottom: 1px solid #e7e7e7;
}

.address-box {
    color: var(--primary-color);
    font-weight: 500 !important;
    font-family: 'VZ-Bold' !important;
}

.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 {
    list-style: none;
}

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

.address-box li {
    display: inline;
}

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

.address-box * {
    color: var(--primary-color);
}

.address-box * {
    font-size: 13px;
}

.address-box li a {
    color: var(--primary-color);
    text-decoration: unset !important;
}
.address-box * {
    font-weight: 500 !important;
    font-family: 'VZ-Bold' !important;
}
.address-box li {
    display: inline;
}

.address-box  li a:visited {
    color:  var(--primary-color);
}

.address-box  li+li:before {
    color:  var(--primary-color);
}


/*addressbar*/



/*header*/

.nav-logo a{
    width: 140px;
    height: 70px;
    display: block;
}

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

.nav-left .navbar-collapse{
    gap: 10px;
}

.navbar-nav{
    background-color: var(--primary-color);
    border-radius: 30px;
    padding: 2px 30px;
    gap: 29px;
}

.nav-item .nav-link{
    color: #fff;
}

.each-nav-extra{
    background-color: var(--primary-color);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.profile-box{
    background-color: var(--primary-color);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
}


/*modal enter*/


.overlay-section{
    background-color: rgba(0, 0, 0, .42);
    bottom: 0;
     display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1010;
    backdrop-filter: blur(3px);
    background-color: hsl(218.77deg 61.11% 15.15% / 45%) !important;
}

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


.modal-dialog{
    position: fixed;
    inset: 0;
    max-width: 555px;
    height: max-content;
    max-height: 100%;
    z-index: 1100;
    margin: auto;
    border-radius: 20px;
    background-color: #fff;
    width: 100%;
    /*box-shadow: 0px -1px 42px 0px #0000001A;*/
    /*padding: 25px 28px;*/
    display: none;
    z-index: 10000000000;
    z-index: 1072;
}
.back__register_arrow{
    display: flex;
    align-items: start;
    justify-content: start;

    width: 100%;
}
.toman_unit{
    font-size: 12px;
    margin-bottom: 2px;
}

.modal-dialog.show{
    z-index: 1072;
    display: block;
    position: fixed;
}

.zeynep-overlay.show{
    display: flex;
}

#exampleModal input{

    padding: 1.3rem;
    border-radius: 14px;
}
#exampleModal .modal-body {

    padding-bottom: 0;

}
.phone__show{
    font-weight: 600;
    font-size: 14px;
}
.modal-footer{
    border-top:unset !important;
}
.modal-footer button{
    width: 100% !important;
    background: #A16E30FF;
    background: linear-gradient(0deg, rgba(161, 110, 48, 1) 0%, rgba(203, 155, 90, 1) 100%);
    font-size: 16px;
    padding: 0.8rem;
    border-radius: 10px;
    transition: .5s;
    color: #fff;
}


.modal-footer button:hover{
    transition: .5s;
    color: #fff !important;
    background: #CB9B5AFF;
    background: linear-gradient(0deg,rgba(203, 155, 90, 1) 0%, rgba(161, 110, 48, 1) 100%);
}

.modal-dialog {
    max-width: 425px;
}

.modal-content {
    padding: 1.2rem 1.5rem;
    border-radius: 17px;
}
.modal-header{
    justify-content: center !important;
    border-bottom: unset !important;
    flex-direction: column;
    position: relative;
}

.modal-header div{
    display: flex;
    width: 100%;
}

.modal-header div img{
    width: 90px;
    margin-bottom: 0.5rem;
    /*filter: invert(1);*/
}

.modal__register_logo{
    justify-content: center !important;

}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #041831;
    background-clip: padding-box;
    border: 1px solid rgb(160, 131, 103);
    border-radius: 15px;
    outline: 0;
    padding: 80px 39px;
}

.modal-circle{
    position: absolute;
    width: 340px;
    height: 340px;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-circle img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.modal-extra01{
    position: absolute;
    width: 40px;
    height: 153px;
    bottom: -31px;
    right: 0;
}

.modal-extra01 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.modal-extra02{
    position: absolute;
    width: 40px;
    height: 153px;
    transform: rotate(190deg);
    top: -31px;
    left: 0;
}

.modal-extra02 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}



.modal-welcome{
    display: flex;
    flex-direction: column;
    gap:10px;
    text-align: center;
    margin-block: 10px;
}

.modal-welcome strong{
    font-size: 22px;
    color: #fff;
    font-family: "VZ-Bold";
}

.modal-welcome strong:last-child{
    color: rgb(226 191 97);
}

.zaan-hint small{
    font-size: 11px;
    line-height: 18px;
    color: var(--additional-color);
    margin-top: 10px;
    text-align: center;
}

.zaan-hint{
    padding-top: 15px;
    position: relative;
}

.zaan-hint::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 30px;
    background-repeat: no-repeat;
    top: 0;
    background-size: contain;
    background-image:url('data:image/svg+xml,<svg width="989" height="37" viewBox="0 0 989 37" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect width="989" height="37" fill="url(%23pattern0_255_6)"/><defs><pattern id="pattern0_255_6" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_255_6" transform="matrix(0.00101112 0 0 0.027027 -0.0434783 -2.18919)"/></pattern><image id="image0_255_6" width="1080" height="200" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAADICAYAAAANzVGFAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFymlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgMTE2LmE2YmZiODQsIDIwMjMvMDcvMTctMTU6NTE6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC43IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjYtMDgtMDVUMTA6NTI6NDcrMDM6MzAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjYtMDgtMDVUMTA6NTI6NDcrMDM6MzAiIHhtcDpNb2RpZnlEYXRlPSIyMDI2LTA4LTA1VDEwOjUyOjQ3KzAzOjMwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI2MGRhYmQ5LTg1MmMtYTM0NC04YmUzLWViMzg1YjQ3YmQ0MiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjFmNGFjODI1LTI2ZDAtMTk0MC1iNmZi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"/></defs></svg>') ;
}


.col-form-label {
    color: #fff;
    font-size: 12px;
}


.modal-dialog input{
    padding: 14px 14px;
    background-color: #04162c;
    border: 1px solid rgb(96 93 83);
    border-radius: 8px;
    position: relative;
    padding-left: 28px;
}

.modal-dialog .form-control:focus {
    color: #eaeaea;
    background-color: #04162c;
    border: 1px solid rgb(210, 169, 110);
    outline: 0;
    box-shadow: unset;
}

.modal-dialog .form-control{
    color: #fff !important;
}

.login_input{
    position: relative;
}

.login_input svg{
    position: absolute;
    left: 12px;
    top: 16px;
    z-index: 2;
}

.modal-dialog input::placeholder{
    font-size: 12px;
    color: var(--additional-color);
    text-align: center;
}

.back__register_arrow svg path{
    fill: #fff;
}





/*modal enter*/





/*fix menu bottom*/


.each-item-bottom.active .header-icon{
    background: #036faf26;
}


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

}

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

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

.each-item-bottom{
    width: fit-content;
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    text-decoration: unset !important;
}

.each-item-bottom span{
    font-size: 14px;
    color: var(--primary-color);
    font-weight: 600;
    z-index: 1;
}

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

.header-icon {
    /*width: 28px;*/
    /*height: 35px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: .5px solid #FC0DA9; */
    border-radius: 50%;
    /* padding: 8px; */
    position: relative;
    /*padding-top: 10px;*/
    width: 30px;
    height: 30px;
}
.header-icon svg{
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0.8;
}

.cart-icon-count{
    position: absolute;
    width: 10px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #49526f;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    top: 2px;
    right: -1px;
}

.notif-icon-count{
    position: absolute;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--extra-color2);
    border-radius: 50%;
    color: var(--additional-color2);
    font-size: 14px;
    top: 2px;
    right: -8px;
}


.header-icons-box {
    justify-content: flex-start !important;
    flex-direction: row-reverse;
}
.header-profile-icon span{
    display: block;
}

.header-profile-icon svg.svg-enter{
    display: none;
}

/*.header-profile-icon{*/
/*    height: unset;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    border-radius: 29px;*/
/*    width: 80px;*/
/*    justify-content: space-between;*/
/*    gap: 4px;*/
/*    font-size: 12px;*/
/*    width: fit-content;*/
/*    height: 41px;*/
/*    color: var(--primary-color) !important;*/
/*    font-weight: 600;*/
/*}*/


/*fix menu bottom*/

/*profile menu*/

.sit-profile{
    position: relative;
}
.profile-menu{
    position: absolute;
    background: #fff;
    /*padding: 20px;*/
    border-radius: 10px;
    width: 270px;
    left: -15px;
    top: 42px;
    box-shadow: 0 0 7px 0px #dddddd;
    display: none;
    z-index: 4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .3);
    padding: 0.4rem 0px;
}

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

.sit-btn.profile-btn .sit-link:before{
    display: none;
}
.notify_icon_alert{
    position: absolute;
    left: 0;
    top: -7px;
}
.notify_icon_alert svg{
    animation: pulse-animation 2s infinite;
    border-radius: 50%;
}
.sit-btn.profile-btn{
    overflow: unset !important;
}

.sit-btn.profile-btn .sit-link{
    overflow: unset !important;
}

.sit-btn.profile-btn .sit-link .btn-icon{
    display: none !important;
}

.profile-btn{
    width: 154px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header_menu_items{
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 0.9rem;
    color: #45546c;
}

.profile-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*padding-bottom: 10px;*/
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 1rem;
    padding: 1rem;
}

.profile-id{
    color: #45546c;
    text-decoration: none;
}
.profile-id:hover{
    text-decoration: none;
}
.profile-info{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
}

.profile-image{
    width: 34px;
    height: 33px;
    border-radius: 50%;
}
.course-remove{
    padding: 0 1rem;
}

.course-remove:hover svg {
    fill: #960c0c;
}


.profile-image img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    filter: opacity(0.5);
}

.myprofile-menu{
    display: flex;
    flex-direction: column;
    /*padding-right: 18px;*/
    /*padding-top: 10px;*/
}

.each-profile-item {
    /*padding-block: 10px;*/
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: unset !important;
    padding-right: 1rem;
}
.each-profile-item:hover{
    background: #eeeeee;
}
.each-profile-item svg{
    width: 19px;
    height: 19px;
}
.course-price del{
    color: #62809f;
    padding-left: 4px;
}
.each-profile-item span{
    font-size: 14px;
    color: #7e7e7e;
    color: rgba(119, 132, 157, .90);
}

.each-profile-item svg path{
    /*fill: #c9c9c9;*/
    /*fill: rgba(119, 132, 157, .90);*/
}


.each-profile-item:hover span{
    color: var(--primary-color);
}

.each-profile-item:hover svg path{
    /*stroke: var(--primary-color);*/
}



.exist_icon:hover span{
    color: var(--secondary-color) !important;
}

.exist_icon:hover svg path{
    fill: var(--secondary-color) !important;
}



/*profile menu*/

/*header*/



/*swiper-nav*/

.swiper-nav-box{
    display: flex;
    align-items: center;
    gap: 10px;
    position: absolute;
    top: -42px;
    left: 19px;
}

.myswiper-nav-p, .myswiper-nav-n {
    position: unset !important;
    color: rgb(101, 101, 101);
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #b8c8e3;
    border-radius: 50%;
}

.myswiper-nav-n:after, .swiper-rtl .myswiper-nav-p:after {
    content: 'next';
    font-size: 13px;
    color: rgb(101, 101, 101);
}

.myswiper-nav-p:after, .swiper-rtl .myswiper-nav-n:after {
    content: 'prev';
    font-size: 13px;
    color: rgb(101, 101, 101);
}

.course_swiper{
    position: unset !important;
}

.course_swiper .swiper-wrapper{
    position: unset !important;
}

.course-row{
    position: relative;
}

.video-row{
    position: relative;
}

.swiper_videos, .swiper_videos .swiper-wrapper{
    position: unset !important;
}


.swiper_blog, .swiper_blog .swiper-wrapper{
    position: unset !important;
}

.all-blogs{
    position: relative;
}

.blog-prev, .blog-next {
    background-color: #f3e6d0;
}


/*swiper-nav*/



/*title*/



.zaan-title{
    margin-bottom: 40px;
}

.zaan-title .main-title *{
    font-size: 20px;
    font-family: "VZ-Bold";
}


.zaan-title .sub-ttile *{
    font-size: 15px;
    color: #595959;
}




/*title*/




/*courses*/


.zaan-courses{
    padding-bottom: 100px;
}


.each-product{
    border: 1px solid #c7c7c7;
    padding: 23px;
    border-radius: 33px;
    display: block;
    transition: .5s;
}

.course-image{
    width: 100%;
    height: 250px;
    margin-bottom: 20px;
    overflow: hidden;
}

.course-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: .5s;
}

.course-name *{
    font-size: 17px;
}

.course-p p{
    font-size: 15px;
    color: #797979;
}


.off-box{
    display: flex;
    gap: 10px;
}

.discount{
    background-color: #720000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 21px;
    font-weight: 600;
}

.off-price span {
    font-size: 14px;
    text-decoration: line-through;
    color: #505050;
}


.price-course{
    min-height: 56px;
}

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

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

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

    .each-product:hover{
        box-shadow: 0 0 11px 2px #e3e3e3;
        transition: .5s;
    }


}

.course_swiper .swiper-slide{
    padding: 6px;
}







/*courses*/










/*video*/


.zaan-videos{
    padding-block: 90px;
    background-color: var(--secondary-color);
}


.zaan-videos .zaan-title .main-title * {
    color: #fff;
}


.zaan-videos .zaan-title .sub-ttile * {
    color: #f5f5f5;
}


.video-box{
    background-color: var(--additional-color);
    padding: 25px;
    position: relative;
    border-radius: 30px;
}

.video-box::before{
    background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><style type="text/css">.st0{fill:url(%23SVGID_1_);}.st1{fill:url(%23SVGID_2_);stroke:url(%23SVGID_3_);stroke-miterlimit:10;}.st2{fill:none;stroke:url(%23SVGID_4_);stroke-width:3;}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="24.5319" y1="130.5912" x2="293.4604" y2="130.5912"><stop offset="4.741732e-07" style="stop-color:%230E2550"/><stop offset="0.2821" style="stop-color:%230E2550"/><stop offset="1" style="stop-color:%230E2550"/></linearGradient><path class="st0" d="M293.2,10.7c0,0-203,0.8-260.9,0.8c-2.8,0-5.4,0-7.7-0.1c29.5,3.8,90.6,19.7,88.2,75.6c-4.1,92,57.5,90.3,57.5,90.3h51.7c0,0,67.3-3.3,69.8,63.2C294.3,307.2,293.2,10.7,293.2,10.7z M24.5,11.5h0.1C24.6,11.5,24.6,11.5,24.5,11.5L24.5,11.5z"/><g><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="204.7128" y1="78.8211" x2="249.2283" y2="78.8211"><stop offset="0" style="stop-color:%23BACAE7"/><stop offset="1" style="stop-color:%23BACAE7"/></linearGradient><linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="204.2128" y1="78.8211" x2="249.7283" y2="78.8211"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0"/><stop offset="1" style="stop-color:%23BACAE7;stop-opacity:0"/></linearGradient><path class="st1" d="M247,75.2l-35.9-20.5c-2.9-1.6-6.5,0.4-6.5,3.8v40.8c0,3.3,3.6,5.4,6.5,3.8L247,82.7C250,81,250,76.8,247,75.2z"/><linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="161.9701" y1="78.8211" x2="287.4352" y2="78.8211"><stop offset="0" style="stop-color:%23BACAE7"/><stop offset="1" style="stop-color:%23BACAE7"/></linearGradient><circle class="st2" cx="224.7" cy="78.8" r="61.2"/></g></svg>');
    position: absolute;
    content: "";
    right: -3px;
    top: -5px;
    width: 109px;
    height: 111px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 3;
}

.video-box::after{
    width: 100%;
    height: 100%;
    background-color: rgba(52, 58, 66, 0.35);
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    border-radius: 30px;
    opacity: 0;
    transition: .5s;
}



.video-image{
    width: 100%;
    height: 310px;
}

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

.video-name{
    padding-right: 60px;
    margin-bottom: 30px;
}

.video-name *{
    color: var(--secondary-color);
    font-weight: 600;
    font-size: 16px;
}

.video-detail{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 18px;
    padding-top: 10px;
}

.video-off-span span{
    color: #e5e5e5;
    text-decoration: line-through;
}

.final-video-price span{
    color: #e5e5e5;
    font-weight: 600;
}

.video-off-price{
    display: flex;
    align-items: center;
    gap: 5px;
}


.v-discount{
    background-color: #ffffff;
    color: #1b1d2c;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 21px;
    font-weight: 600;
}



.purchase-video{
    background-color: var(--additional-color);
    padding: 6px 31px;
    border-radius: 25px;
}

.purchase-video span{
    color: var(--secondary-color);
}

.video-box:hover::after{
    opacity: 1;
    transition: .5s;
}

/*video*/













/*blogs*/



.blogs{
    padding-block: 100px;
}



.each-blog{
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 0 9px 0px #e1e1e1;
    display: block;
}

.swiper_blog .swiper-slide{
    padding: 8px;
}

.blog-image{
    width: 100%;
    height: 210px;
    margin-bottom: 20px;
}

.blog-date{
    margin-bottom: 20px;
}

.blog-date span{
    color: var(--primary-color);
}

.blog-image{
    overflow: hidden;
    border-radius: 20px;
}


.blog-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    transition: .5s;
}

.blog-name h2{
    font-size: 17px;
}

.blog-text p{
    font-size: 14px;
    line-height: 22px;
    color: #525252;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.blog-show{
    background-color: var(--primary-color);
    width: 33px;
    height: 33px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 7px;
}


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

    .each-blog:hover{
        background-color: #fffefc;
    }
    .each-blog:hover .blog-image img{
        transform: scale(1.1);
        transition: .5s;
    }


}




/*blogs*/





/*footer*/

.fluid1{
    background-color: var(--extra-color);
    padding-block: 30px 50px;
}

.footer-top{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.footer-logo{
    width: 180px;
    height: 100px;
    display: block;
}

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

.footer-text p{
    text-align: center;
    color: var(--primary-color);
}

.footer-mid{
    position: relative;
    border-top: 1px solid var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block: 57px 30px;
}

.social-media-box{
    width: fit-content;
    padding: 10px 30px;
    border: 1px solid #6f5745;
    border-radius: 30px;
    background: var(--extra-color);
    transform: translateY(-25px);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}


.footer-title{
    margin-bottom: 10px;
}

.footer-title *{
    font-weight: 600;
    color: var(--primary-color);
    font-size: 14px;
}

.footer-items{
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.footer-item .footer-link{
    color: var(--primary-color);
    font-size: 13px;
}

.footer-bottom{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block: 0px 30px;
}

.footer-cat{
    transform: translateY(-25px);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
}

.each-footer-cat{
    border: 1px solid var(--primary-color);
    padding: 7px 29px;
    border-radius: 30px;
    background-color: #fff;
}

.each-footer-cat span{
    color: var(--primary-color);
}

.footer-right {
    padding-block: 10px;
    border-top: 1px solid #fdfdfd;
    text-align: center;
}

.footer-right span {
    font-size: 12px;
    width: 100%;
    display: flex;
    color: #ececec;
    gap: 2px;
    justify-content: center;
    text-align: center;
}

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

.footer-right span a {
    width: fit-content;
    text-align: center;
    color: #dacfcf;
    font-size: 13px;
    text-align: center;
}

.each-contact-info{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}


.contact-detail{
    display: flex;
    align-items: center;
}

.each-co-detail{
    padding-inline: 7px;
    border-left: 1px solid var(--primary-color);
    line-height: 15px;
    font-size: 13px;
    color: var(--primary-color);
    direction: ltr;
}

.each-co-detail:last-child{
    border-left: unset;
}


.footer-namads{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}


.each-footer-namad{
    width: 110px;
    height: 110px;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    padding: 10px;
}

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

.footer-namads{
    padding-bottom: 60px;
}



/*footer*/









/*responsive*/
/*responsive*/


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

}

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


    .navbar-nav {
        gap: 22px;
    }


    .contact-detail {
        flex-direction: column;
        gap: 7px;
    }
    .each-co-detail {
        border-left: unset;
    }


    .course-image {
        height: 178px;
    }

    .course-name * {
        font-size: 16px;
    }
    .course-p p {
        font-size: 14px;
    }

    .course-image {
        height: 152px;
    }

    .video-image {
        height: 253px;
    }

}

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

    .blogs {
        padding-block: 50px;
    }

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

    .footer{
        margin-bottom: 75px;
    }



}

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

    .contact-info{
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .each-footer-cat span {
        font-size: 13px;
    }

    .footer-text p {
        font-size: 13px;
        line-height: 22px;
    }

    .footer-cat {
        justify-content: space-around;
        gap: unset;
        width: 100%;
    }

    .footer-namads {
        gap: 13px;
    }


    .each-footer-cat {
        padding: 6px 20px;
        border-radius: 27px;
    }

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

    .each-contact-info {
        justify-content: center;
    }

    .contact-svg{
        display: none;
    }

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

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

    .video-image {
        height: 200px;
    }

    .video-name * {
        font-size: 14px;
        line-height: 23px;
    }
    .video-box {
        padding: 20px;
        border-radius: 20px;
    }


}

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

    .zaan-title .sub-ttile * {
        font-size: 13px;
    }

    .zaan-title .main-title * {
        font-size: 18px;
        font-family: "VZ-Bold";
    }

    .myswiper-nav-p, .myswiper-nav-n {
        width: 32px;
        height: 32px;
    }

    .swiper_videos, .course_swiper, .swiper_blog{
        margin-top: 10px;
    }

    .swiper-nav-box {
        top: -10px;
        left: 10px;
    }

    .blog-text p {
        -webkit-line-clamp: 1;
    }

    .blog-date {
        margin-bottom: 9px;
    }

    .blog-name h2 {
        font-size: 15px;
    }

    .blog-text p {
        font-size: 13px;
    }

    .blog-date span {
        font-size: 12px;
    }

    .blog-image {
        height: 160px;
    }

    .zaan-courses {
        padding-bottom: 50px;
    }

    .zaan-videos {
        padding-block: 60px;
    }

    .footer-namads {
        padding-bottom: 30px;
    }

    .footer-bottom {
        margin-block: 0px 0px;
    }

    .each-footer-cat{
        width: 48%;
        margin-bottom: 10px;
    }

    .each-footer-cat {
        text-align: center;
    }

    .footer-cat {
        flex-wrap: wrap;
    }

    .course-name * {
        font-size: 15px;
    }

    .course-p p {
        font-size: 13px;
        margin-bottom: 10px;
    }
    .course-image {
        height: 133px;
        margin-bottom: 12px;
    }

    .discount {
        padding: 0 3px;
        font-size: 10px;
    }

    .final-price span {
        font-size: 15px;
    }


}

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

    .each-footer-namad {
        width: 85px;
        height: 85px;
    }

    .blog-image {
        height: 163px;
        margin-bottom: 10px;
    }

    .each-blog {
        padding: 15px;
    }

    .footer-namads {
        flex-wrap: wrap;
    }

    .footer-right span {
        flex-direction: column;
        align-items: center;
    }

    .footer-right span {
        gap: 0px;
    }

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

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

    .each-item-bottom span {
        font-size: 12px;
    }

    .header-icon {
        width: 28px;
        height: 28px;
    }
    .each-item-bottom span {
        line-height: 22px;
    }


}

@media screen and (max-width: 370px){
    .course-image {
        height: 123px;
    }

    .modal-circle {
        width: 300px;
        height: 300px;
    }

    .modal-welcome strong {
        font-size: 19px;
    }
}

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

    .blog-image {
        height: 119px;
        margin-bottom: 10px;
    }

}


/*responsive*/
/*responsive*/