/***

====================================================================
	Resources / Css Files
====================================================================

 ***/

 @import url('animate.css');
 @import url('fontawesome.css');
 @import url('flaticon.css');
 
 
 :root {
     --color-1: #5A5A7E;
     --color-2: #434347;
     /*--color-1-darker: #e78300;*/
     --form-control-color: rebeccapurple;
 }
 /* pinar font */
 @font-face{
     font-family: "peyda";
     src: url('../fonts/Peyda/Peyda-Regular.ttf') format('truetype');
     font-weight: normal;
 }
 @font-face{
     font-family: "peyda";
     src: url('../fonts/Peyda/peyda-light.ttf') format('truetype');
     font-weight: 400;
 }
 @font-face{
     font-family: "peyda";
     src: url('../fonts/Peyda/Peyda-Medium.ttf') format('truetype');
     font-weight: 600;
 }
 @font-face{
     font-family: "pinar";
     src: url('../fonts/Peyda/Peyda-Bold.ttf') format('truetype');
     font-weight: bold;
 }
 @font-face{
     font-family: "peyda";
     src: url('../fonts/Peyda/Peyda-ExtraBold.ttf') format('truetype');
     font-weight: 900;
 }
@font-face {
    font-family: "YekanPersianNum";
    src: url('../fonts/Yekan/Yekan Bakh FaNum 06 Bold.ttf') format('truetype');
    font-weight: 800;
}

 * {
     margin: 0;
     padding: 0;
     border: none;
     outline: none;
 }
 body {
     direction: rtl !important;
     text-align: right;
     font-family: peyda  !important;
     color: #7B7B98;
     background-color: #f7f8f8;
     font-size: 14px;
     font-weight: normal;
     line-height: 23px;
     overflow-x: hidden;
 }
 body a {
 }
 h1, h2, h3, h4, h5, h6 {
     font-family: peyda !important;
     color: #7B7B98;
 }
 h1 {
     font-weight: bold;
 }
 p {
 }
 a {
     color: #132447;
     text-decoration: none;
     cursor: pointer;
 }

 .persian_number {
 }
 a:hover,
 a:focus,
 a:visited {
     text-decoration: none;
     outline: none;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     position: relative;
     font-weight: bold;
     margin: 0;
     background: none;
     line-height: 1.4em;
 }
 input,
 button,
 select,
 textarea {}
 
 button:focus {
     outline: none;
 }
 p {
     margin-bottom: 0;
 }
 ul,
 li {
     list-style: none;
     padding: 0;
     margin: 0;
 }

@media (min-width: 1200px) {
    .container {
         padding: 0;
     }
 }
 .auto-container{
     position:static;
     max-width:1300px;
     padding:0 15px;
     margin:0 auto;
     text-align: right;
 }
 img {
     display: inline-block;
     max-width: 100%;
 }
 .ltr {
     direction: ltr;
 }
 .rtl {
     direction: rtl;
 }
 a {
     -webkit-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     transition: all 300ms ease;
 
 }
 button {
     cursor: pointer;
 }
.fa-num {
    font-family: "YekanPersianNum";
}
 .ltr-div {
     direction: ltr;
 }
 .img-responsive {
     width: 100%;
 }
 .main-header {
     background-color: #FFFFFF;
     position: relative;
     /*z-index: 1;*/
 }
 .menu-back-drop.active {
     display: block;
 }
 .menu-bar {
    background-color: #5a5a7e;
 }
 .main-menu{
    position:static;
}

.main-menu .navbar-header{
    display: none;
}

.main-menu .navbar-collapse{
    padding:0px;
    display: block !important;
}

.main-menu .navigation{
    position:static;
    display: flex;
    flex-direction:row;
    justify-content: space-between;
}

.main-menu .navigation > li{
    position:relative;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
    flex: 0 0 auto;
}

.main-menu .navigation > li > a {
    position:relative;
    display:block;
    text-align:center;
    opacity:1;
    font-size: 17px;
    line-height: 25px;
    color: #FFFFFF;
    font-weight: 600;
    padding: 12px 10px;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
}
.main-menu .navigation > li > a:before {
    content: '';
    width: 0;
    height: 4px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #D9C9E3;
    border-radius: 5px 5px 0 0;
    transition: all 300ms ease;
}
.main-menu .navigation > li > a:hover:before {
    width: 100%;
}
.main-menu .navigation > li:first-child  a {
}
.main-menu .navigation > li.dropdown > a:after{
    position: absolute;
    left: 2px;
    top: 50%;
    margin-top: -12px;
    font-family: 'Flaticon';
    content: "\f210";
    display: block;
    line-height: 20px;
    font-size: 8px;
    color: #FFFFFF;
    /*z-index: 5;*/
}

/*.main-menu .navigation > li > a:before{*/
/*    position: absolute;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    height: 3px;*/
/*    width: 0%;*/
/*    background: #FFFFFF;*/
/*    content: "";*/
/*    opacity: 0;*/
/*    visibility: hidden;*/
/*    transition: all 300ms ease;*/
/*}*/

/*.main-menu .navigation > li:hover > a:before,*/
/*.main-menu .navigation > li.current > a:before{*/
/*    width: 100%;*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*}*/

.main-menu .navigation > li > a > span{
    position: relative;
    display: block;
}

.main-menu .navigation > li > ul{
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    border-radius:0;
    padding: 17px 30px;
    z-index: 1;
    min-width: 220px;
    margin-top: 8px;
    display: none;
    -webkit-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
}

.main-menu .navigation > li > ul:before{
    display: table;
    content: "";
    position: absolute;
    top: -10px;
    right: 0;
    width: 100%;
    height: 10px;
}

.main-menu .navigation > li > ul > li{
    position:relative;
    display: block;
    z-index: 1;
    border-bottom: 1px solid #E1E1E1;
}

.main-menu .navigation > li > ul > li:last-child{
    border-bottom:none;
}

.main-menu .navigation > li > ul > li > a{
    position:relative;
    display:block;
    z-index: 1;
    font-weight:500;
    font-size: 15px;
    line-height: 28px;
    color:rgba(0,0,0,0.74);
    padding: 10px 0;
    white-space: nowrap;
    text-transform:capitalize;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.main-menu .navigation > li > ul > li.current.dropdown > a:before,
.main-menu .navigation > li li.current li.current > a,
.main-menu .navigation > li > ul > li.current > a{
    color: #9a1915;
}

.main-menu .navigation > li > ul > li > ul{
    position: absolute;
    top: 0;
    right: 100%;
    background-color: #fff;
    border-radius:0;
    padding: 17px 30px;
    z-index: 1;
    min-width: 150px;
    margin-top: -10px;
    margin-right: 30px;
    display: none;
    -webkit-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
    box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
}

.main-menu .navigation > li > ul > li > ul:before{
    position: absolute;
    right: -30px;
    top: 0;
    height: 100%;
    width: 30px;
    content: "";
}

.main-menu .navigation > li > ul > li > ul > li{
    position:relative;
    width:100%;
    border-bottom: 1px solid #E1E1E1;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
    border-bottom:none;
}

.main-menu .navigation > li > ul > li  > ul > li > a{
    position:relative;
    display:block;
    padding: 10px 0;
    z-index: 1;
    font-weight:500;
    font-size: 15px;
    line-height: 28px;
    color:rgba(0,0,0,0.74);
    white-space: nowrap;
    text-transform:capitalize;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.main-menu .navigation > li > ul > li.dropdown > a:before{
    position: absolute;
    left: -5px;
    top: 50%;
    margin-top: -10px;
    font-family: 'Font Awesome 5 Free';
    content: "\f104";
    display: block;
    line-height: 20px;
    font-size: 14px;
    font-weight: 900;
    color: #1d1d1b;
    z-index: 5;
    opacity: .75;
}

.main-menu .navigation > li.dropdown.active > ul{
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.main-menu .navigation li.dropdown .dropdown-btn{
    position:absolute;
    left:10px;
    top:8px;
    width:34px;
    height:30px;
    border:1px solid #ffffff;
    text-align:center;
    font-size:16px;
    line-height:26px;
    color:#ffffff;
    cursor:pointer;
    z-index:5;
    display:none;
}

.main-header .outer-box{
    position: relative;
    margin-right: -140px;
}

.main-header .outer-box{
    position: relative;
    display: flex;
    align-items: center;
}

.main-header .service_wrapper{
    position: relative;
    padding-right: 50px;
    margin-left: 75px;
}

.main-header .service_wrapper .icon{
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 30px;
    line-height: 30px;
    margin-top: -15px;
    color: #9a1915;
}

.main-header .service_wrapper p{
    font-size: 12px;
    line-height: 26px;
    color: #000;
    font-weight: 500;
}

.main-header .service_wrapper h4{
    font-size: 15px;
    line-height: 27px;
    color: #000;
}
.header-style-two .main-menu .navigation > li > a:hover {
}
/************************ Mega Menu ***************************/

.main-menu .navigation > li.has-mega-menu > a > span {
    padding-left: 10px;
}

.main-menu .navigation > li > .mega-menu{
    position: absolute;
    z-index: 10;
    top: 100%;
    right: 0;
    max-width: 150px !important;
    padding: 15px;
    border-radius: 12px;
    background-color: #ffffff;
    transform: translateX(0);
    margin-top: 8px;
    display: none;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation > li:hover > .mega-menu{
    opacity: 1;
    visibility: visible;
    transform: translateX(0) scaleY(1);
}

.main-menu .navigation > li > .mega-menu:before{
    display: table;
    content: "";
    position: absolute;
    top: -10px;
    right: 0;
    width: 100%;
    height: 10px;
}

.main-menu .navigation > li > .mega-menu .mega-menu-bar{
    position: relative;
    margin: 0;
}
.main-menu .navigation > li > .mega-menu .mega-menu-bar li {
    padding: 10px;
    line-height: 20px;
}
.main-menu .navigation > li > .mega-menu .mega-menu-bar li a {
    color: rgba(67, 15, 105, 0.7);
    font-weight: 600;
}
.main-menu .navigation > li > .mega-menu .mega-menu-bar li:hover {
    background-color: #e5e5e5;
}
.main-menu .navigation > li > .mega-menu .mega-menu-bar li:hover a {
    color: #000;
}
.main-menu .navigation > li .mega-menu-bar h3{
    position:relative;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 15px;
    margin-bottom: 9px;
}

.main-menu .navigation > li .mega-menu-bar h3:before{
    content: '';
    width: 30px;
    height: 2px;
    bottom: 0;
    right: 0;
    position: absolute;
    background-color: #3B7EFF;
}

.main-menu .navigation > li .mega-menu-bar > ul{
    position:relative;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li{
    position:relative;
    display: block;
    z-index: 1;
    border-bottom: 1px solid #E1E1E1;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child{
    border:none;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
    position:relative;
    display:block;
    z-index: 1;
    font-weight:500;
    font-size: 15px;
    line-height: 28px;
    color:rgba(0,0,0,0.74);
    padding: 10px 0;
    white-space: nowrap;
    text-transform:capitalize;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li.current > a{
    color: #9a1915;
}
 /***
 
 ====================================================================
         Sticky Header
 ====================================================================
 
 ***/
 
 .sticky-header {
     position: fixed;
     visibility: hidden;
     opacity: 0;
     right: 0px;
     top: 0px;
     width: 100%;
     padding: 0px 0px;
     z-index: 99;
     background: rgba( 255, 255, 255, 1);
     -webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,0.07);
     -moz-box-shadow: 0 0 35px 0 rgba(0,0,0,0.07);
     box-shadow: 0 0 35px 0 rgba(0,0,0,0.07);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }
 
 .fixed-header .sticky-header{
     opacity:1;
     z-index: 99;
     visibility:visible;
 }
 
 .sticky-header .search-box .search-btn,
 .sticky-header .service_wrapper h4,
 .sticky-header .service_wrapper p,
 .sticky-header .main-menu .navigation > li.dropdown > a:after,
 .sticky-header .main-menu .navigation > li > a{
     color: #1d1d1b;
 }
 
 .sticky-logo{
     display: none;
 }
 
 .sticky-header .main-logo{
     display: none;
 }
 
 .sticky-header .sticky-logo{
     display: block;
 }
 
 /***
 
 ====================================================================
         Mobile Header
 ====================================================================
 
 ***/
 
 .mobile-header{
     position: relative;
     margin: 0 20px;
     padding: 20px 0;
     display: none;
 }
 
 .mobile-header:after{
     display: table;
     clear: both;
     content: "";
 }
 
 .mobile-header .logo{
     position: relative;
     float: right;
     margin: 0;
     padding: 0;
     right: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     vertical-align: middle;
 }
 
 .mobile-header .nav-outer{
     position: relative;
     float: left;
     display: flex;
 }
 
 .mobile-header .outer-box{
     position: relative;
     float: left;
 }
 
 .mobile-sticky-header{
     position: fixed;
     right: 0;
     top: 0;
     width: 100%;
     padding: 20px 15px;
     opacity: 0;
     visibility: hidden;
     background-color: #ffffff;
     z-index: 999;
     -webkit-box-shadow: 0 0 15px 5px rgba(16,1,148, 0.05);
     -moz-box-shadow: 0 0 15px 5px rgba(16,1,148, 0.05);
     box-shadow: 0 0 15px 5px rgba(16,1,148, 0.05);
 }
 
 .mobile-sticky-header:after{
     display: table;
     clear: both;
     content: "";
 }
 
 .mobile-sticky-header .logo{
     position: relative;
     float: right;
     margin: 0;
     padding: 0;
     right: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     vertical-align: middle;
     height: 38px;
 }
 
 .mobile-sticky-header .nav-outer{
     position: relative;
     float: left;
 }
 
 .mobile-sticky-header .outer-box{
     position: relative;
     float: left;
 }
 
 /***
 
 ====================================================================
             Mobile Menu
 ====================================================================
 
 ***/
 
 .nav-outer .mobile-nav-toggler{
     position: relative;
     float: left;
     font-size: 24px;
     line-height: 30px;
     cursor: pointer;
     margin-right: 20px;
     color: #5A5A7E;
     order: 3;
     display: none;
     transition: all 300ms ease;
 }
 
 .mobile-menu-back-drop{
     position: fixed;
     right: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: rgba(0,0,0,0.5);
     transition: all 200ms ease;
 }
 
 .mobile-menu{
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     max-width:100%;
     height: 100%;
     margin: 0 auto;
     overflow-y: auto;
     opacity: 0;
     visibility: hidden;
     z-index: 9999;
     transition: all 300ms ease;
 }
 
 .mobile-menu .nav-logo{
     position:relative;
     padding:20px 25px;
     text-align:right;
     border-bottom: 1px solid #e5e5e5;
 }
 
 .mobile-menu .nav-logo img{
     height: 52px;
 }
 
 .mobile-menu-visible{
     overflow: hidden;
 }
 
 .mobile-menu-visible .mobile-menu{
     opacity: 1;
     visibility: visible;
 }
 
 .mobile-menu .menu-outer{
     position: fixed;
     right: 0px;
     top: 0;
     bottom: 0;
     width: 300px;
     height: 100%;
     overflow-y: auto;
     padding: 0px 0px;
     z-index: 5;
     text-align: right;
     display: block;
     background-color: #ffffff;
     transform: translateX(100%);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }
 
 .mobile-menu-visible .mobile-menu .menu-outer{
     transform: translateX(0%);
 }
 
 .mobile-menu .menu-box{
     position: relative;
     right: 0px;
     top: 0;
     bottom: 0;
     width: 100%;
     height: auto;
     padding: 0px;
     z-index: 5;
     display: block;
     background-color: #ffffff;
 }
 
 .mobile-menu .navigation{
     position: relative;
     display: block;
     padding: 20px 0;
     border-bottom: 1px solid #e5e5e5;
 }
 
 .mobile-menu .navigation > li{
     position: relative;
     display: block;
 }
 
 .mobile-menu .navigation li > a{
     position: relative;
     display: block;
     font-size: 17px;
     line-height: 20px;
     color: #AC8FBD;
     font-weight: 600;
     padding: 10px 25px;
     border-bottom: 1px dashed #e5e5e5;
     border-top: 1px solid transparent;
 }
 
 .mobile-menu .navigation li:last-child > a{
     border-bottom: 0;
 }
 
 .mobile-menu .navigation li.current > a{
     color: var(--color-1);
 }
 
 .mobile-menu .navigation li li > a{
     padding: 10px 0px;
     font-size: 14px;
 }
 
 .mobile-menu .navigation li.dropdown .dropdown-btn{
     position:absolute;
     left:5px;
     top:0px;
     width:42px;
     height:42px;
     text-align:center;
     line-height:42px;
     font-size: 10px;
     color: #FFFFFF;
     background-color: var(--color-1);
     -webkit-transition: transform 0.4s ease-in-out;
     transition: transform 0.4s ease-in-out;
     cursor:pointer;
     z-index:5;
 }
 
 .mobile-menu .navigation li.current.dropdown .dropdown-btn{
     color: #363636;
 }
 
 .mobile-menu .navigation li.dropdown .dropdown-btn.active{
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
     transform: rotate(-90deg);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }
 
 .mobile-menu .navigation li > ul{
     display: none;
     padding-right: 40px;
 }
 
 .mobile-menu .navigation li > ul > li > ul{
     display: none;
     padding: 0 25px;
 }
 
 .mobile-menu .mega-menu-bar h3{
     position:relative;
     text-transform: uppercase;
     font-size: 15px;
     font-weight: 500;
     padding-bottom: 15px;
     margin-bottom: 9px;
     margin-right: 40px;
 }
 
 .mobile-menu .mega-menu-bar h3:before{
     content: '';
     width: 30px;
     height: 2px;
     bottom: 0;
     right: 0;
     position: absolute;
     background-color: #3B7EFF;
 }
 
 .mobile-menu .mega-menu-bar .column{
     width: 100%;
     flex: 0 0 100%;
     max-width: 100%;
     margin-bottom: 20px;
     margin-top: 20px;
 }
 
 .mobile-menu .navigation > li > .mega-menu{
     width: 100% !important;
     display: none;
 }
 
 .mobile-menu .navigation > li.has-mega-menu ul {
     padding-right: 40px;
 }
 
 .mobile-menu .header-post-widget{
     padding-right: 40px;
 }
 
 .menu-search{
     position: relative;
     padding: 25px 25px;
 }
 
 .menu-search .form-group{
     position: relative;
 }
 
 .menu-search .form-group .input{
     position: relative;
     width: 100%;
     padding: 10px 10px 10px 50px;
     outline: none;
     border: 1px solid #e5e5e5;
     font-size: 15px;
     color: #333;
     font-weight: 400;
     line-height: 23px;
     height: 45px;
 }
 .menu-search .form-group button{
     position: absolute;
     left: 0;
     top: 0;
     height: 45px;
     line-height: 45px;
     width: 45px;
     text-align: center;
     color: #FFFFFF;
     background-color: var(--color-1);
 }
 
 .sidebar-cart{
     position: fixed;
     right: 0;
     top: 0;
     height: 100%;
     width: 100%;
     z-index: 999;
     opacity: 0;
     visibility: hidden;
     -webkit-transition:all 300ms ease;
     -moz-transition:all 300ms ease;
     -ms-transition:all 300ms ease;
     -o-transition:all 300ms ease;
     transition:all 300ms ease;
 }
 
 .sidebar-cart-active{
     overflow: hidden;
 }
 .shopping-cart .cart-item {
     position: relative;
     width: 100%;
     padding-right: 75px;
     min-height: 60px;
     margin-bottom: 20px;
 }
 .shopping-cart .item-name {
     display: block;
     color: #333333;
     font-weight: 500;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }
 .shopping-cart .item-quantity {
     position: relative;
     display: block;
     font-size: 15px;
     color: #4C4C4D;
 }
 .shopping-cart .item-quantity .item-amount {
     font-weight: 600;
 }
 .shopping-cart .remove {
     position: relative;
     font-size: 13px;
     line-height: 17px;
     text-decoration: underline;
     color: #f10000;
     background: transparent;
 }
 .sidebar-cart-active .sidebar-cart{
     opacity: 1;
     visibility: visible;
 }
 
 .sidebar-cart .cart-back-drop{
     position: fixed;
     right: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: rgba(0,0,0,0.5);
 }
 
 .sidebar-cart .shopping-cart{
     position: fixed;
     left: 0;
     top: 0;
     height: 100%;
     width: 300px;
     background-color: #ffffff;
     padding: 20px 20px 50px;
     overflow-y: auto;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     transform: translateX(-50%);
     -webkit-transition:all 300ms ease;
     -moz-transition:all 300ms ease;
     -ms-transition:all 300ms ease;
     -o-transition:all 300ms ease;
     transition:all 300ms ease;
 }
 
 .sidebar-cart-active .sidebar-cart .shopping-cart{
     -webkit-transform: translateX(0%);
     -moz-transform: translateX(0%);
     -ms-transform: translateX(0%);
     -o-transform: translateX(0%);
     transform: translateX(0%);
 }
 
 .shopping-cart .cart-header{
     position: relative;
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 15px;
 }
 
 .shopping-cart .cart-header .title{
     text-align: right;
     font-size: 15px;
     line-height: 21px;
 }
 
 .shopping-cart .cart-header .close-cart{
     font-size: 12px;
 }
 
 .sidebar-cart .cart-item{
     padding-right: 100px;
     padding-bottom: 20px;
     border-bottom: 1px dashed #e5e5e5;
     margin-bottom: 20px;
 }
 .shopping-cart .cart-item .thumb {
     position: absolute;
     right: 0;
     top: 0;
     width: 60px;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }
 .sidebar-cart .shopping-cart .cart-item .thumb{
     width: 75px;
 }
 
 .sidebar-cart .shopping-cart .theme-btn{
     margin: 0 0 15px;
     display: block;
     width: 100%;
 }
 .shopping-cart .cart-footer {
     position: relative;
     margin-top: 16px;
 }
 .shopping-cart .shopping-cart-total {
     width: 100%;
     font-weight: bold;
     margin: 0 0 20px;
     padding-top: 15px;
     border-top: 1px solid #e5e5e5;
     font-size: 17px;
     display: inline-flex;
     -webkit-justify-content: space-between;
     -moz-justify-content: space-between;
     -ms-justify-content: space-between;
     justify-content: space-between;
 }
 .shopping-cart .theme-btn {
     height: 45px;
     line-height: 45px;
     text-align: center;
     font-size: 15px;
     font-weight: 600;
     background-color: var(--color-1);
     border-radius: 0;
     color: #ffffff;
     padding: 0 15px;
     min-width: auto;
     margin: 0 0 15px;
     display: block;
     width: 100%;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
 }
 .shopping-cart .theme-btn:hover {
     background-color: var(--color-2);
 }
 .shopping-cart .cart-header {
     position: relative;
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 15px;
 }
 .shopping-cart .cart-header .close-cart {
     font-size: 12px;
     background: transparent;
 }
 .align-middle {
     display: flex;
     align-items: center;
 }
 .justify-content-left {
     justify-content: left;
 }
.logo {
    text-align: center;
    margin: 10px 0;
}
 /* Footer */
 .footer-wrap {
     font-size: 14px;
     font-weight: 600;
 }
 .main-footer {
     color: rgba(255, 255, 255, 0.7);
     padding: 45px 0 0 0;
     line-height: 30px;
     font-size: 14px;
     font-weight: 600;
 }
 footer .logo-holder {
 }
 footer .logo {
 }
 footer .logo img {
 }
 footer .widgets-section {
     background-color: #5A5A7E;
     padding: 30px 0;
 }
 .main-footer a {
     color: #f2f2f2;
 }
 .main-footer a:hover, .footer-bottom a:hover {
     /*color: var(--color-1);*/
 }
 .footer-wrapper {
 }
 .footer-column {
     padding-bottom: 20px;
 }
.main-footer .ft-col-header, .subs-box h4 {
     color: #FFFFFF;
     font-size: 20px;
     margin-bottom: 10px;
     position: relative;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
 }
 .footer-column ul {
     line-height: 36px;
 }
 .footer-column ul li {}
 .footer-column ul li a:hover {
     color: #FFFFFF;
 }
 .footer-column ul li {
 }
 .footer-bottom {
     color: #C1C1C1;
     text-align: center;
     padding: 10px 0;
 }
 .footer-bottom a {
     color: #FFFFFF;
 }
 .copyright {
     margin: 0;
     font-size: 13px;
     text-align: center;
 }
 .copyright p a {
     position: relative;
 }
 .copyright p a:hover {
     color: #FFAA00;
 }
 .footer-menu ul {
     direction: rtl;
     display: flex;
     justify-content: flex-end;
 }
 .footer-menu li {
     display: flex;
     flex-direction: column;
     justify-content: center;
 }
 .footer-menu li a {
     padding: 20px 15px;
 }
 .footer-menu li a:hover {
     background-color: #FFFFFF;
     color: var(--color-1);
 }
 .footer-column .info-row {
     margin-bottom: 15px;
     display: inline-block;
     width: 100%;
 }
 .footer-column .info-row .icon-box {
     float: right;
     color: #411569;
     background-color: #c97ff92e;
     padding: 8px 12px 4px 13px;
     font-size: 18px;
     border-radius: 5px;
     margin-left: 15px;
     margin-bottom: 3px;
 }
.align-middle {
    display: flex;
    align-items: center;
}
.menu-bar .search-box {
    background-color: #464667;
    padding: 8px 10px;
    border-radius: 4px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.menu-bar .search-box input, .menu-bar .search-box button {
    background-color: transparent;
}
.menu-bar .search-box input {
    color: #FFFFFF;
}
.menu-bar .search-box button {
    font-size: 15px;
}
.menu-bar .search-box button, .menu-bar .search-box input::placeholder {
    color: #fff;
    opacity:1 !important;
}
.footer-column.col-first {
    padding-left: 50px;
}
.subs-box {
    margin-top: 20px;
}
.sub-form {
    background-color: #FFF;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 35px;
}
.sub-form input {
    padding: 0 10px;
    width: 90%;
}
.sub-form button {
    background-color: #AC8FBD;
    color: #FFF;
    padding: 0 12px;
    font-size: 22px;
    line-height: 42px;
}
.sub-form button:hover {
    background-color: #956abb;
}
.social-medias {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.social-medias li {
    margin: 10px;
}
.social-medias .icon-box {
    background-color: #AC8FBD;
    color: #FFFFFF;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 58px;
    margin: auto;
}
footer .social-medias li:hover .icon-box {
    background-color: #FFFFFF;
    color: #AC8FBD;
}
.tls-top {
    margin-top: -50px;
    float: left;
    position: relative;
    z-index: 1;
}
.tls-top ul {
    display: flex;
    justify-content: end;
}
.tls-item {
    margin-right: 10px;
    position: relative;
}
.tls-item > a {
    display: flex;
    align-items: center;
    color: #5A5A7E;
}
.tls-item .icon-box {
    background-color: #5A5A7E;
    color: #FFFFFF;
    width: 32px;
    height: 32px;
    font-size: 18px;
    text-align: center;
    line-height: 35px;
    border-radius: 9px;
}
.tls-item:hover .icon-box {
    background-color: #8271A8;
}
.tls-item .item-title {
    border: 1px solid #8271A8;
    border-left: none;
    padding: 0 10px 0 15px;
    height: 26px;
    margin-left: -7px;
    border-radius: 0 7px 7px 0;
    transition: all 300ms ease;
}
.tls-item:hover .item-title {
}
.tooltip {
    position: absolute;
    left: 120%; /* Position the tooltip to the right of the icon */
    top: 50%;
    transform: translateY(-50%);
    background-color: #FFFFFF;
    white-space: nowrap;
    opacity: 0;
    z-index: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s ease-in-out;
}
.tls-item:hover .tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0); /* Slight movement to the right */
}
.modal-backdrop {
    z-index: 0 !important;
}

/***

==================================================================
		Login Pop Form
==================================================================

***/

.form-group label {
    font-size: 13px;
    font-weight: bold;
    color: #18304a;
}
.modal .pass-rem {
    color: #7f7f7f;
    font-size: 14px;
}
.modal .pass-rem:hover {
    color: #00314a;
}
.btn-style-A {
    background: var(--color-1) !important;
}
.btn-style-B {
    background: #CCA351 !important;
}
.searchModal .btn-style-B {
    float: left;
}
.btn-style-B:before {
    background-color: #6d582e !important;
}
.btn-style-A:before {
    background-color: #021a25 !important;
}


/***

==================================================================
		Login & Sign Up Modal
==================================================================

***/
.loginPopUp .modal-content, .loginPopUp .modal-body {
    padding: 0;
}
.popup-image img {
    width: 100%;
    height: 100%;
}

.langBox {
}
.langBox .form-control {
    border: none;
    color: #00314a;
    font-weight: bold;
}
.langBox .form-control-sm {
    padding: 0;
    font-size: 16px;
}
.log-wrapper {
    padding: 50px 40px 20px 55px;
    display: block;
    width: 95%;
}
.loginPopUp .form-group label {
    font-size: 14px;
    font-weight: 600;
    color: #666666;
}
.loginPopUp .form-group label .req {
    color: #cca351;
}
.loginPopUp .form-group a {
    font-size: 14px !important;
    font-weight: normal !important;
}
.loginPopUp .form-group a:hover {
    color: var(--color-2) !important;
}
.loginPopUp .contact-form .theme-btn {
    width: 100%;
}
.signup-txt {
    color: #666666;
}
.signup-txt a {
    color: var(--color-1) !important;
}
.row.advSearch-holder {
    margin: 0;
}
.advSearch-holder {
    display: none;
}
.advShow {
    background-color: #CCA351;
    color: #FFF !important;
    font-size: 14px !important;
    padding: 3px 10px;
    float: left;
    margin-bottom: 10px;
}
.mobile-items {
    width: 100%;
    display: flex;
    justify-content: end;
}
.mobile-items .tls-top {
    margin-top: 0;
}
.box-top {
    margin: 0;
    margin-bottom: 40px;
}
.box-top .tb-box {
    padding: 0;
}
.pgt-wrap {
    position: relative;
    display: flex;
    align-items: center;
    background: rgb(246,238,245);
    background: linear-gradient(90deg, rgba(246,238,245,1) 0%, rgba(0,212,255,0) 100%);
}
.pageTitle_box {
    padding-right: 100px;
    padding-left: 15px;
}
.pageTitle_box h1 {
    color: #5A5A7E;
    font-size: 32px;
    margin-bottom: 25px;
}
.pageTitle_box p {
    color: #7B7B98;
    font-size: 18px;
}
.pgt-wrap .fl {
    position: absolute;
    z-index: -1;
    right: -150px;
    bottom: -130px;
}
.pr-nwm {
    display: flex;
    flex-direction:row;
    justify-content: space-between;
    border-bottom: 1px solid #D9C9E4;
    padding-bottom: 10px;
    align-items: center;
    color: #5A5A7E;
}
.drop-select {
    position: relative;
    display: flex;
    align-items: center;
    color: #5A5A7E;
}
.drop-select i {
    font-size: 17px;
}
.drop-select select {
    display: none; /*hide original SELECT element:*/
}
.select-selected {
}
/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    left: 3px;
    width: 0;
    height: 0;
    border: solid #5A5A7E;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);

}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
    color: #5A5A7E;
    padding: 8px 16px 8px 20px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
}
/*style items (options):*/
.select-items {
    position: absolute;
    background-color: white;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: -1px 1px 2px 0px #0000002e;
}
/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}
.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

/* rating stars */
.rating {
    font-size: 0;
    gap: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.rating__button {width:16px;height:16px;display:inline-block;margin:2px;}
.rating__star {width:100%;height:100%;fill:#fff}
.rating:hover .rating__star,
    /*preserve state after rating the first time*/
.rating.has--rating .rating__star {fill:#5A5A7E}
.rating__button:hover ~ .rating__button .rating__star,
.rating__button.is--active ~ .rating__button .rating__star {fill:#fff}

.rating.has--rating:hover .rating__button:hover ~ .rating__button .rating__star {fill:lightgray}
.rating.has--rating:hover .rating__button.is--active ~ .rating__button .rating__star {fill:#5A5A7E}

.rating.has--rating:hover .rating__button:hover ~ .rating__button.is--active ~ .rating__button .rating__star,
.rating.has--rating:hover .rating__button.is--active:hover ~ .rating__button .rating__star,
.rating.has--rating:hover .rating__button.is--active ~ .rating__button:hover ~ .rating__button .rating__star {fill:#fff}

.products-list {
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
}

.pro-box {
    background-color: #FFFFFF;
    border-radius: 9px 9px 0 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 15px 0;
}
.pro-box .img-box {
}
.pro-box .cap-box {
}
.pro-box .cap-box .pro-cp {
    padding: 10px 20px;
}
.pro-box .cap-box .pro-price {
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0;
    font-family:YekanPersianNum
}
.pro-box .cap-box .pro-price .currency {
    font-size: 14px;
    font-weight: 600;
}
.rate-pro {
    direction: ltr;
    margin-top: 10px;
}
.pro-box .pro-bts {
    display: flex;
    flex-direction:row;
    justify-content: space-between;
}
.pro-box .pro-bts .bts-item {
    background-color: #5A5A7E;
    color: #FFFFFF;
    padding: 8px;
    position: relative;
    z-index: 1;
}
.pro-box .pro-bts .bts-item.addToBasket {
    width: 78%;
    border-left: 2px solid #FFF;
}
.pro-box .pro-bts .bts-item.addToBasket i {
    padding-left: 10px;
    color: #D9C9E3;
}
.pro-box .pro-bts .bts-item:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    right: 0;
    top: 0;
    background-color: #AC8FBD;
    z-index: -1;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.pro-box .pro-bts .bts-item:hover:before {
    height: 100%;
}
.pro-box .pro-bts .bts-item.fav-pro {
    width: 22%;
}
.radial-shadow {
    z-index: -1;
    width: 380px;
    height: 380px;
    position: absolute;
    background: rgb(232,223,238);
    background: radial-gradient(circle, rgba(232,223,238,1) 0%, rgba(247,248,248,0) 60%);
}
.radial-shadow.rs-1 {
    left: -170px;
    top: -50px;
}
.radial-shadow.rs-2 {
    right: -170px;
    top: 220px;
}
.content-box {
    position: relative;
    overflow: hidden;
}
.pro-suggest {
    padding: 40px 0;
    position: relative;
    overflow-x: hidden;
}
.pro-suggest .title-box {
    font-size: 32px;
    color: #AC8FBD;
    margin-bottom: 20px;
}
.sg-slider {

}
.owl-dots {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 10px;
}
.owl-dots .owl-dot {
    position: relative;
    width: 8px;
    height: 8px;
    background-color: #E6E6E6;
    margin: 0px 4px;
    border-radius: 100%;
    display: inline-block;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.owl-dots .owl-dot:hover,
.owl-dots .owl-dot.active{
    width: 10px;
    height: 10px;
    background-color: #5A5A7E;
}
.product-slider .owl-nav {
    display: none;
}
.radial-shadow.rs-3 {
    right: -170px;
    top: 150px;
}
.fl-2 {
    position: absolute;
    right: -190px;
    top: -30px;
}
.company-features {
    position: relative;
}
.ft-item {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.7);
    line-height: 55px;
    padding: 35px 0;
}
.radial-shadow.rs-4 {
    left: -170px;
    top: -180px;
}

.pro-filter-bt {
    display: none;
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 2px 3px 15px #00000014;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
}
.pro-filter-bt .fa-chevron-down {
    padding-right: 10px;
    float: left;
    padding-top: 5px;
}
.pro-filter-bt i {
    color: #5A5A7E;
    padding-left: 10px;
}

/* Product Single Slider */
.product-slider {
    padding: 0;
    margin-bottom: 30px;
}
.product-slider .gallery-title {
    font-size: 18px;
    text-align: center;
    font-weight: normal;
    padding-top: 15px;
}
.news-gallery .gallery-top {
    cursor: grab;
}
.news-gallery.gallery-wrap {
    padding: 0;
    margin: 0 -15px;
}
.news-gallery .author-thumb {
    position: relative;
    cursor: pointer;
    padding: 0px;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
    transition: .5s ease;
    overflow: hidden;
    border-radius: 12px;
}
.news-gallery .author-thumb img {
    /*opacity: 0.6;*/
}
.swiper-slide-thumb-active .author-thumb img {
    /*opacity: 1;*/
}
.news-gallery .author-thumb .border-anim-right {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.news-gallery .author-thumb.border-anim-left:before {
    position: absolute;
    content: '';
    background: #CCA351;
    height: 3px;
    width: 0%;
    left: 0px;
    top: 0px;
    transition: .9s ease;
}

.news-gallery .swiper-slide-thumb-active .author-thumb.border-anim-left:before {
    width: 100%;
}

.news-gallery .author-thumb.border-anim-left:after {
    position: absolute;
    content: '';
    background: #CCA351;
    height: 0%;
    width: 3px;
    left: 0px;
    top: 0px;
    transition: .9s ease;
}

.news-gallery .swiper-slide-thumb-active .author-thumb.border-anim-left:after {
    height: 100%;
}

.news-gallery .author-thumb .border-anim-right:before {
    position: absolute;
    content: '';
    background: #CCA351;
    height: 3px;
    width: 0%;
    right: 0px;
    bottom: 0px;
    transition: .9s ease;
}

.news-gallery .swiper-slide-thumb-active .author-thumb.border-anim-left .border-anim-right:before {
    width: 100%;
}

.news-gallery .author-thumb .border-anim-right:after {
    position: absolute;
    content: '';
    background: #CCA351;
    height: 0%;
    width: 3px;
    right: 0px;
    bottom: 0px;
    transition: .9s ease;
}

.news-gallery .swiper-slide-thumb-active .author-thumb.border-anim-left .border-anim-right:after {
    height: 100%;
}

.news-gallery .swiper-slide-thumb-active .author-thumb img {
    border-color: #f57f4b;
}
.news-gallery .gallery-thumbs {
    /* max-width: 420px; */
    margin: 0 5px;
    /* transform: translateY(-40%); */
    cursor: pointer;
    display: flex;
    align-items: center;
}

.news-gallery .swiper-nav-button {
    /*opacity: 0;*/
    transition: all 300ms ease;
}
.news-gallery:hover .swiper-nav-button {
    /*opacity: 1;*/
}
.news-gallery .swiper-container-rtl .swiper-button-next {
    left: auto !important;
    right: 15px !important;
}
.news-gallery .swiper-container-rtl .swiper-button-prev {
    right: auto !important;
    left: 15px !important;
}
.news-gallery .swiper-button-next,
.news-gallery .swiper-button-prev {
    text-indent: 0;
    background-image: none;
    color: #5A5A7E;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 14px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0;
    top: 55% !important;
    position: static !important;
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.news-gallery .swiper-button-next:hover,
.news-gallery .swiper-button-prev:hover {
    background: #5A5A7E;
    color: #FFF;
}
.news-gallery .large-image {
    overflow: hidden;
}
.gallery-thumbs .swiper-wrapper {
    width: 74% !important;
}
.news-gallery .swiper-nav-button {
    width: 12% !important;
}
.swiper-wrapper, .news-gallery .swiper-nav-button {
    display: flex !important;
    align-items: center;
}
.thumbs-wrap {
    display: flex;
}
.thumbs-wrap .swiper-slide {
    padding: 20px;
}
/* accordion */
.accordion {
    margin: 30px 0;
}
.accordion-item {
    margin-bottom: 15px;
}
.accordion-item hr{
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.accordion-link{
    font-size: 1.6rem;
    color: #AC8FBD;
    text-decoration: none;
    background-color: #FFFFFF;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
    border-radius: 12px;
    margin-bottom: 15px;
}
.accordion-link h3{
    font-weight:500;
    font-size: 20px;
}
.accordion-link i{
    color: #e7d5ff;
    padding: .5rem;
}
.accordion-link ul{
    display:flex;
    align-items: flex-end;
    list-style-type: none;
    margin-left: 25px;
}
.accordion-link li{
    font-size: 10px;
    color: rgba(255, 255, 255, 0.4);
    padding: 0 0 1px 5px;
}
.accordion-link div{
    display: flex;
}
.accordion-link div h3 {
    padding-right: 20px;
    color: #AC8FBD;
    font-size: 25px;
    font-weight: 600;
}
.accordion-link .arrow.up {
    display: none;
}
.accordion-item .cap-text {
    max-height: 0;
    overflow: hidden;
    position: relative;
    background-color: transparent;
    transition: max-height 650ms;
    font-size: 17px;
    padding: 0 15px;
    color: #7B7B98;
    line-height: 30px;
}
.accordion-item:target .cap-text{
    max-height: 40rem;
}
.accordion-item:target .accordion-link .arrow.down {
    display: none
}
.accordion-item:target .accordion-link .arrow.up {
    display: block;
}
.accordion .arrow {
    border: solid #5A5A7E;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    margin-left: 20px;
}
.accordion .arrow.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.accordion .arrow.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.bg-shape {
    text-align: center;
    margin-bottom: -70px;
    margin-top: -50px;
}
.single-pro-box {
    margin-top: 50px;
    margin-bottom: 15px;
}
.swiper-wrapper, .swiper-container, .swiper-button-next, .swiper-button-prev {
    z-index: 0 !important;
}

.singleBox-details {

}
.singleBox-details .product-title {
    font-size: 32px;
    margin-bottom: 15px;
}
.singleBox-details .short-caption {
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 20px;
}
.fl-3 {
    position: absolute;
    left: -170px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    top: 160px;
    z-index: -1;
}
.fav-number {
    border: 1px solid #D9C9E3;
    border-radius: 8px;
    float: right;
    padding: 7px;
    margin-bottom: 30px;
}
.pr-dt {
    width: 100%;
    display: flex;
    margin: 10px 0;
}
.pr-dt .product-detals {
    padding-left: 15px;
    width: 43%;
}
.pr-dt .product-detals h3 {
    font-size: 32px;
    margin-bottom: 15px;
    color: #AC8FBD;
}
.pr-dt .product-mr {
    width: 57%;
}
.pr-dt .col-dt {
}
.pro-dt-list {

}
.pro-dt-item {
    background-color: #FFFFFF;
    font-size: 18px;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 10px;
}
.pr-btns {
    display: flex;
    color: #D9C9E3;
    width: 100%;
    align-items: center;
    justify-content: left;
    margin-bottom: 15px;
}
.pr-btns .bt-item {
    color: #D9C9E3;
    font-size: 20px;
    padding-right: 15px;
}
.pr-btns .bt-item.faved {
    color: #5A5A7E;
}
.infoPro-box {
    background-color: #FFFFFF;
    border: 1px solid #D9C9E3;
    border-radius: 12px;
    padding: 15px;
}
.pro-guarantee {
    margin-bottom: 15px;
}
.pro-guarantee .guarantee-item {
    display: flex;
    color: #AC8FBD;
    align-items: center;
    padding: 5px 0px;
    line-height: 26px;
}
.pro-guarantee .guarantee-item i {
    padding-left: 15px;
    font-size: 18px;
}
.infoPro-box .product-price {
    color: #000000;
    font-size: 28px;
    font-weight: bold;
    margin-top: 45px;
    margin-bottom: 20px;
}
.infoPro-box .product-price .currency {
    font-weight: 600;
    color: #5A5A7E;
    font-size: 20px;
    float: left;
}
.addToBasket-single {
    background-color: #5A5A7E;
    border-radius: 8px;
    color: #FFFFFF;
    width: 100%;
    display: flex;
    text-align: center;
    padding: 10px;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.addToBasket-single i {
    padding-left: 20px;
    color: #D9C9E3;
    font-size: 16px;
}
.addToBasket-single:before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    right: 0;
    top: 0;
    border-radius: 8px;
    background-color: #AC8FBD;
    z-index: -1;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.addToBasket-single:hover:before {
    width: 100%;
}
.addToBasket-single:hover {
    color: #FFFFFF;
}
/* main slider */
.main-slider-wrapper {
    position: relative;
    background-color: #FFFFFF;
    z-index: 0;
}
.shadow-white {
    width: 30%;
    height: 100%;
    top: 0;
    z-index: 2;
    position: absolute;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(0, 212, 255, 0) 100%);
}
.shadow-left {
    left: 0;
}
.shadow-right {
    right: 0;
    background: rgb(0,212,255);
    background: linear-gradient(90deg, rgba(0,212,255,0) 0%, rgba(255,255,255,1) 100%);
}
.main-slider {
    padding: 30px 0;
    position: relative;
}
.main-slider .owl-nav {
    display: none;
}
.about-box {
    padding: 70px 0;
    background-color: #FFFFFF;
    position: relative;
}
.about-box .inner-box {
    background-color: rgba(247, 216, 240, 0.3);
    text-align: center;
    position: relative;
    width: 88%;
    margin: auto;
    padding: 50px 200px;
    border-radius: 4px;
    font-size: 18px;
    color: #7B7B98;
    line-height: 33px;
}
.about-box .inner-box h3 {
    color: #5A5A7E;
    font-size: 18px;
    margin-bottom: 15px;
}
.about-box .inner-box .leaf {
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translate(-50%, 0);
}
.fourCol {
    padding: 80px 0;
}
.fourCol .item-col {
    display: flex;
    align-items: center;
    line-height: 35px;
    /*border-left: 1px solid #CECECE;*/
}
.fourCol .item-col:after {
    content: "";
    width: 1px;
    height: 70%;
    background-color: #CECECE;
    position: absolute;
    left: 15px;
}
.fourCol .auto-container .row .col:last-child .item-col:after {
    content: none;
}
.fourCol .item-col .infoBox {
    padding-right: 15px;
}
.fourCol .item-col .infoBox h4 {
    color: #5A5A7E;
    font-size: 18px;
    padding-bottom: 5px;
}
.fourCol .item-col .infoBox p {
    color: #7B7B98;
    font-size: 16px;
    font-weight: 600;
}
.gf-box {
    padding: 100px 0;
    position: relative;
}
.gf-box .inner-gf {
    max-height: 290px;
    padding: 0 40px;
    border-radius: 55px;
    background: rgb(164,145,190);
    background: linear-gradient(90deg, rgba(164,145,190,1) 0%, rgba(222,210,238,1) 100%);
}
.form-wrap {
    display: flex;
    height: 100%;
    align-items: center;
    flex-wrap: wrap;
}
.form-wrap * {
    flex: 0 0 100%;
}
.gift-form {
}
.gift-form p {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 15px;
}
.pic-box {
    margin-top: -90px;
    margin-right: 50px;
}
.title-en {
    /*font-family: Arial !important;*/
    font-family: 'DM Sans', sans-serif !important;
    font-weight: bold;
    font-size: 50px;
    color: #5A5A7E;
    position: absolute;
    left: 40px;
    top: -54px;
}
.gift-form .sub-form {
    display: block;
    height: 40px;
}
.gift-form .sub-form input {
    padding: 9px 10px;
    width: 88%;
    float: right;
}
.gift-form .sub-form button {
    line-height: 45px;
    float: left;
    width: 12%;
    background-color: #5A5A7E;
}
.essences-section {
    padding: 70px 0;
    position: relative;
}
.title-s1 {
    font-size: 30px;
    color: #814EAB;
}
.essences-section .inner-section {
    width: 90%;
    margin: auto;
    direction: ltr;
}
.tablinks-wr {
    margin: auto;
    display: table;
    z-index:99999999;
    background: rgb(243,243,243);
    background: linear-gradient(90deg, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 100%);
}
.tablinks-wr .pro-tablink {
    font-size: 18px;
    font-weight: bold;
    color: #9C9CB2;
    border-radius: 8px;
    padding: 5px 40px;
    margin: 3px;
    background-color: transparent;
}
.tablinks-wr .pro-tablink.active-tab {
    background-color: #AC8FBD;
    color: #FFFFFF;
}
.tablinks-wr {
    position: relative;
    box-sizing: border-box;
    background-clip: padding-box;
    border: solid 3px transparent;
    border-radius: 8px;
}
.tablinks-wr:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -3px;
    /* !importanté */
    border-radius: inherit;
    /* !importanté */
    background: linear-gradient(to right, white, #E4E4E4);
}
.tabs-details .inner-tab {
    padding: 50px 0;
}
.part-sm {
    border-bottom: 1px solid #CECECE;
    padding: 20px;
    color: #814EAB;
    font-size: 18px;
    line-height: 28px;
    display: flex;
}
.row .part-sm:last-child {
    border-bottom: none;
}
.title-s2 {
    color: #5A5A7E;
    font-size: 18px;
    padding-bottom: 10px;
}
.selected-ess {
    transform: rotate(45deg);
    -webkit-transform: rotate(60deg);
    color: #7D4EA0;
    margin-top: -7px;
}
.wheel-title {
    font-size: 28px;
    color: #5A5A7E;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.fl-4 {
    position: absolute;
    left: -110px;
    top: -30px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    z-index: 2;
}
.radial-shadow.rs-5 {
    right: -200px;
    top: -20px;
    z-index: 0;
}
.fl-5 {
    position: absolute;
    right: -50px;
    bottom: -70px;
}
.radial-shadow.rs-6 {
    right: -200px;
    top: -20px;
}
.radial-shadow.rs-7 {
    left: -150px;
    bottom: 0;
}
.fl-6 {
    position: absolute;
    right: -130px;
    top: -70px;
}
.fl-7 {
    position: absolute;
    left: -110px;
    bottom: -20px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.radial-shadow.rs-8 {
    right: -110px;
    bottom: 0;
}
.features {
    column-count: 6;
    padding: 15px 20px;
}
.features .features-item {
    padding: 0 15px;
    /*margin: 10px 0;*/
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    position: relative;
    border-left: 1px solid #CECECE;
}
.features .features-item:after {
}
.features .features-item:last-child{
    border-left: none;
}
.features .features-item img {
    margin-left: 10px;
    margin-bottom: 10px;
}

[class*="__animate__"] {
    opacity: 0;
}


/* MAIN MENU */

.menu-main{box-sizing:border-box;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.menu-main>li>h1,.menu-main>li>h2,.menu-main>li>h3,.menu-main>li>h4,.menu-main>li>h5,.menu-main>li>h6{margin:0;padding:0;}
.menu-main ul{display:none;}
.menu-main a{display:block;}
.menu-main::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.menu-main *,.menu-main *::before,.menu-main *::after{box-sizing:inherit;}
.menu-main {
    position: static;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.menu-main ul {
    background-color: #FFFFFF;
}
.menu-main > li{
    position:relative;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
    flex: 0 0 auto;
}

.menu-main > li > a {
    display:block;
    text-align:center;
    opacity:1;
    font-size: 17px;
    line-height: 25px;
    color: #FFFFFF;
    font-weight: 600;
    padding: 12px 10px;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
}
.menu-main > li > a:before {
    content: '';
    width: 0;
    height: 4px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #D9C9E3;
    border-radius: 5px 5px 0 0;
    transition: all 300ms ease;
}
.menu-main > li > a:hover:before {
    width: 100%;
}
.menu-main > li > .has-submenu:after {
    position: absolute;
    left: -5px;
    top: 50%;
    margin-top: -12px;
    font-family: 'Flaticon';
    content: "\f210";
    display: block;
    line-height: 20px;
    font-size: 8px;
    color: #FFFFFF;
}
.menu-main > li > ul li {
    padding: 10px;
    line-height: 20px;
    position: relative;
}
.menu-main > li > ul li a {
    color: rgba(67, 15, 105, 0.7);
    font-weight: 600;
    font-size: 14px;
}
.menu-main > li > ul li:hover {
    background-color: #e5e5e5;
}
.menu-main > li > ul li:hover > a {
    color: #000000;
}
.menu-main li ul {
    padding: 15px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
}
.menu-main ul ul {
    background: #fff;
}
.menu-main ul a .sub-arrow {
    position: absolute;
    overflow: hidden;
    rotate: 180deg;
    font: bold 16px / 34px monospace !important;
    text-align: center;
    text-shadow: none;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-width: 5px;
    background: transparent;
    border-radius: 0;
    top: 55%;
    margin-top: -5px;
    bottom: auto;
    right: auto;
    margin-right: 0;
    left: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #5A5A7E;
}
.sm-blue a .sub-arrow::before {
    content: '+';
}
.sm-blue a.highlighted .sub-arrow::before {
    content: '-';
}
@media (min-width: 768px) {

    .menu-main ul {
        position: absolute;
        width: 12em;
    }

    .menu-main a {
        white-space: nowrap;
    }

    .menu-main ul a, .menu-main.sm-vertical a {
        white-space: normal;
    }

    .menu-main .sm-nowrap > li > a, .menu-main .sm-nowrap > li > :not(ul) a {
        white-space: nowrap;
    }

    .menu-main a .sub-arrow::before {
        display: none;
    }
    .menu-main ul ul {
        border-radius: 4px !important;
        background: #fff;
    }

    .menu-main ul li {
        border: 0;
    }
    .menu-main .scroll-up,
    .menu-main .scroll-down {
        position: absolute;
        display: none;
        visibility: hidden;
        overflow: hidden;
        background: #fff;
        height: 20px;
    }
    .menu-main .scroll-up-arrow,
    .menu-main .scroll-down-arrow {
        position: absolute;
        top: -2px;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        overflow: hidden;
    }
    .menu-main .scroll-down-arrow {
        top: 6px;
    }
    .menu-main.sm-rtl.sm-vertical a .sub-arrow {
        right: auto;
        left: 10px;
    }
    .menu-main.sm-rtl > li:last-child {
        border-left: 0;
    }
    .menu-main.sm-rtl ul a .sub-arrow {
        right: auto;
        left: 10px;
    }

    .menu-main.sm-vertical a .sub-arrow {
        top: 50%;
        margin-top: -5px;
        bottom: auto;
        left: auto;
        margin-left: 0;
        right: 10px;
    }
    .menu-main.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {
        border-radius: 8px 8px 0 0;
    }
    .menu-main.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {
        border-radius: 0 0 8px 8px !important;
    }
    .menu-main.sm-vertical > li {
        border-left: 0 !important;
    }
    .menu-main.sm-vertical ul {
        border-radius: 4px !important;
    }
    .menu-main.sm-vertical ul a {
        padding: 9px 23px;
    }
}

.form-group input {
    width: 100% !important;
    background-color: #f7f7f7 !important;
    border: 1px solid #ccc !important;
    padding: 15px 10px 10px 10px !important;
    border-radius: 5px !important;
    margin-bottom: 15px !important;
    margin-top: 5px !important;
}
.tel-fot {
    font-size:16px;
}
.fav-icon {
    cursor:pointer;
}
.color-1 {
    color: #5A5A7E;
}
.hide{
    display:none
}
.modal-header {
    direction:ltr
}
    .modal-header .close {
        margin: -18px !important;
    }
.modal-body{
    padding:10px 30px;
}
.modal-footer input, .modal-footer button {
    min-width: 100px;
    border-radius: 6px;
    margin: 0px 10px;
    padding: 7px;
}
.btn-link {
    color: #5a5a7e !important;
}

.wrp-ico-dash i{
    opacity:0.6
}
.wrp-ico-dash i:hover {
    opacity: 1
}

@media (min-width: 1200px) {
    .fs-2 {
        font-size: 1.5rem !important;
    }
}

.widget-box {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 2px 3px 15px #00000014;
    position: relative;
    margin-bottom: 15px;
    padding:10px 5px;
    display: flex;
    align-items: center;
}
.onoffswitch {
    position: relative;
    width: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-right: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: right;
        width: 50%;
        height: 21px;
        padding: 0;
        line-height: 30px;
        font-size: 14px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "";
        padding-right: 10px;
        background-color: #5C0A92;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "";
        padding-left: 10px;
        background-color: #FFFFFF;
        color: #999999;
        text-align: left;
    }

.onoffswitch-switch {
    display: block;
    width: 13px;
    height: 13px;
    margin: 6px;
    background: #CACACA;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 11px;
    /*border: 2px solid #999999;*/
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-right: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    left: 0;
    background-color: #FFFFFF !important;
}

.title-switch {
    font-size: 16px;
    padding-right: 10px;
    color: #130F26;
}

.tel-fot, .pr-percent, .yekan, del, .product-price, .discount-prc {
    font-family: YekanPersianNum !important
}

del {
    font-size: 16px;
}
.btn-info.focus, .btn-info:focus {
    box-shadow: 0 0 0 .2rem rgb(222 204 228) !important;
}

.txt-st1 {
    color: #f2f2f2 !important;
}
.txt-st2 {
    color: #222 !important;
}


.rating__button, .rate-pro {
    pointer-events: none;
    cursor: default; /* Prevents hover effect */
}