@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 100;
	src: url('../../assets/fonts/woff/IRANSansX-Thin.woff') format('woff'),   
	url('../../assets/fonts/woff2/IRANSansX-Thin.woff2') format('woff2');		
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 200;
	src: url('../../assets/fonts/woff/IRANSansX-UltraLight.woff') format('woff'),   
	url('../../assets/fonts/woff2/IRANSansX-UltraLight.woff2') format('woff2');	
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 300;
	src: url('../../assets/fonts/woff/IRANSansX-Light.woff') format('woff'),   
	url('../../assets/fonts/woff2/IRANSansX-Light.woff2') format('woff2');		 
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 500;
	src: url('../../assets/fonts/woff/IRANSansX-Medium.woff') format('woff'),   
	url('../../assets/fonts/woff2/IRANSansX-Medium.woff2') format('woff2');		 
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 600;
	src: url('../../assets/fonts/woff/IRANSansX-DemiBold.woff') format('woff'),   
	url('../../assets/fonts/woff2/IRANSansX-DemiBold.woff2') format('woff2');	 
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 800;
	src: url('../../assets/fonts/woff/IRANSansX-ExtraBold.woff') format('woff'),   
	url('../../assets/fonts/woff2/IRANSansX-ExtraBold.woff2') format('woff2');		 
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 900;
	src: url('../../assets/fonts/woff/IRANSansX-Black.woff') format('woff'),   
	url('../../assets/fonts/woff2/IRANSansX-Black.woff2') format('woff2');		 
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 950;
	src: url('../../assets/fonts/woff/IRANSansX-ExtraBlack.woff') format('woff'),   
	url('../../assets/fonts/woff2/IRANSansX-ExtraBlack.woff2') format('woff2');		 
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: 1000;
	src: url('../../assets/fonts/woff/IRANSansX-Heavy.woff') format('woff'),   
	url('../../assets/fonts/woff2/IRANSansX-Heavy.woff2') format('woff2');		 
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: bold;
	src: url('../../assets/fonts/woff/IRANSansX-Bold.woff') format('woff'),   
	url('../../assets/fonts/woff2/IRANSansX-Bold.woff2') format('woff2');	 
}

@font-face {
	font-family: IRANSansX;
	font-style: normal;
	font-weight: normal;
	src: url('../../assets/fonts/woff/IRANSansX-Regular.woff') format('woff'),   
	url('../../assets/fonts/woff2/IRANSansX-Regular.woff2') format('woff2');	
}

body {
    font-family: 'IRANSansX', sans-serif !important;
    color: #7d7aa8;
    direction: rtl !important;
}

.bg {
    position: absolute;
    background-image: url("../../assets/img/bg.svg");
    height: 120vh;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    z-index: -1;
    top: 0;
    opacity: 0.5;
}

h1 {
    color: #00459b;
    font-size: 30px;
    font-weight: 800;
    margin: 20px 0;
}

h2 {
    /*color: #f2657f;*/
    font-size: 30px;
    font-weight: 700;
    margin: 20px 0;
}

h3 {
    color: #3f4686;
    font-size: 25px;
    font-weight: 700;
    margin: 20px 0;
    line-height: 40px;
}

p {
    color: #7d7aa8 !important;
}

.navbar-brand {
    margin-right: 0;
}

.logo {
    height: 40px;
}

a {
    transition: all 0.5s !important;
    text-decoration: none;
    color: #3f4686;
}

a:hover,
a:focus,
a:active {
    color: #e7708a;
}

.navbar {
    background-color: transparent;
    transition: 0.5s;
}

.navbar-shadow {
    background-color: #ffffff;
    box-shadow: 0 0 20px rgba(191, 191, 191, 0.3);
    transition: all 0.5s;
}

.nav-link svg {
    stroke: #7d7aa8;
    transition: all 0.3s;
}

.nav-link:hover svg {
    stroke: #e7708a;
}

.nav-link:hover .bi-chevron-down {
    stroke: #e7708a;
    transform: rotate(180deg);
}

.nav-link:hover {
    color: #e7708a !important;
    transition: all 0.3s;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #e7708a;
}

.nav-link.show .bi-chevron-down {
    stroke: #e7708a;
    transform: rotate(180deg);
}

.nav {
    padding-right: unset;
}

.nav .nav-link {
    padding-inline: 8px;
}

.dropdown-menu {
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(191, 191, 191, 0.3);
}

.dropdown-item {
    text-align: right;
    font-size: 15px;
    border-radius: 10px;
    width: auto !important;
    margin: 0 10px;
    padding: 5px;
    transition: all 0.5s !important;
}

.dropdown-item:hover {
    background-color: #7d7aa8;
    color: #ffffff;
}

.navbar-toggler {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px;
    box-shadow: none;
    padding: unset;
}

.navbar-toggler:focus {
    box-shadow: unset;
}

.icons {
    height: 60px;
}

.header-section {
    height: 500px;
    display: flex;
    align-items: center;
    margin-top: 60px;
}

.header-section .logo {
    height: 100px;
    margin: 20px;
}

.header-section p {
    font-size: 20px;
    font-weight: 500;
}

.btn {
    border-radius: 40px !important;
    transition: all 0.5s !important;
}

.btn-primary {
    background-color: #f2657f;
    border-color: #f2657f;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover {
    background-color: #ed4d6b !important;
    border-color: #ed4d6b !important;
}

.btn-outline-primary {
    border-color: #f2657f;
    color: #f2657f;
}

.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:hover {
    background-color: #ed4d6b !important;
    border-color: #ed4d6b !important;
    color: #ffffff;
}

.card {
    border-radius: 15px;
    border: none;
    margin-bottom: 20px;
    box-shadow: 0 0 20px rgba(191, 191, 191, 0.3);
}

.card-img-wrapper {
    overflow: hidden;
    border-radius: 15px 15px 0 0;
    border-bottom: 5px solid #ecf0fe;
}

.card-img {
    height: 300px;
    background-size: cover;
    background-position: center center;
    border-radius: 15px 15px 0 0;
    transform: scale(1);
    transition: all 0.5s;
}

.card:hover .card-img {
    transform: scale(1.1);
}

.card-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}

.card-text {
    margin: 16px 0;
}

.category-section .card {
    overflow: hidden;
}

.bg-card-1 {
    background-color: #ff8793;
}

.bg-card-2 {
    background-color: #f4deac;
}

.bg-card-3 {
    background-color: #9c92db;
}

.bg-card-4 {
    background-color: #a0d4d2;
}

.category-img {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.card .card-img-overlay {
    display: grid;
    align-items: center;
    height: 150px;
    border-radius: 15px;
    background-color: rgba(1, 20, 96, 0.8);
    margin: auto 20px 20px 20px;
    text-align: center;
    transform: translateY(50%);
    opacity: 0;
    transition: all 0.5s;
}

.card:hover .card-img-overlay {
    transform: translateY(0);
    opacity: 1;
}

.card .category-img {
    transform: scale(1);
    transition: all 0.5s;
}

.card:hover .category-img {
    transform: scale(1.3) rotate(10deg);
}

.card-img-overlay h5 {
    color: #ffffff;
}

.carousel-item img {
    height: 600px;
}

.carousel-caption {
    margin-top: -200px;
    background-color: rgba(1, 20, 96, 0.8);
    right: 0;
    bottom: 0;
    left: 0;
}

.carousel-caption p {
    color: #cbcae3 !important;
}

section {
    padding: 50px 0;
}

.popular {
    background-color: #f4f6fe;
}

.call-to-action {
    background-color: #ebf3f7;
}

input {
    /*min-height: 40px;*/
    border-radius: 40px !important;
}

input:focus {
    /*border: 1px solid #b3b1c9 !important;*/
    /*box-shadow: 0 0 0 0.2rem rgba(34, 1, 75, 0.05) !important;*/
}

::placeholder {
    color: #7d7aa8 !important;
}
.invalid-tooltip {
    top: unset;
    border-radius: 20px;
}
/* Swiper Slider */
.swiper-wrapper {
    margin-bottom: 20px;
}

.swiper-pagination {
    position: relative !important;
}

.mySwiper .navigation-btn .btn {
    height: 40px;
    width: 40px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.mySwiper .prev-btn {
    margin-left: 10px;
}

.btn.disabled, .btn:disabled, fieldset:disabled {
    background-color: #e4e4ed;
    border-color: #e4e4ed;
}

.btn:disabled .bi {
    fill: #1a1d20 !important;
}

.swiper-pagination-bullet {
    height: 15px !important;
    width: 15px !important;
    background: #7d7aa8 !important;
}

.swiper-pagination-bullet-active {
    width: 30px !important;
    border-radius: 10px !important;
    background: #f2657f !important;
}

.main-slider {
    height: 90vh;
    width: 100%;
}

/*.carousel-indicators {*/
/*    bottom: -20px;*/
/*}*/

.carousel-indicators [data-bs-target] {
    width: 30px;
    height: 15px;
    background-color: #b8b7ce;
    border: none !important;
    border-radius: 10px;
    top: 20px;
}

.carousel-indicators .active {
    background-color: #ed4d6b;
    opacity: 1;
}
.offcanvas-top {
    height: 150px !important;
}
footer {
    background-color: #f9f9f9;
    padding: 50px 0;
}
.footer .logo {
    height: 50px;
}
.list-unstyled {
    padding-right: 0;
}
.single {
    margin-top: 80px;
}
/*Woocomerce*/
/*comment*/
#submit {
    background-color:#37b97d;
    border-radius:10px;
    border:1px solid #37b97d;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-size:14px;
    font-weight: 400;
    padding:10px 20px;
    text-decoration:none;
    transition: 0.5s!important;
    margin-top: 10px;
}

#submit:hover {
    background-color:#01d699;
    border:1px solid #01d699;
    transition: 0.5s!important;
}
#submit:active {
    position:relative;
    top:1px;
}
#comment {
    width: 100%!important;
    font-weight: 300!important;
    border: 1px solid rgba(0,0,0,.125);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    border-radius: 10px;
    transition: 0.5s;
    padding: 10px;
}
#comment .h3, #comment h3 {
    font-size: 1rem;
    /*     padding: 20px!important; */
    border-bottom: 1px solid #eaedf3!important;
}
#comment:focus {
    background-color: white!important;
    border: 1px solid rgba(0,0,0,.125);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.2) !important;
    border-radius: 10px;
    transition: 0.5s;
}
.comment-form-comment label {
    margin-top: -100px ;
}

.comment-notes {
    font-size: 0.9rem!important;
    font-weight: 400;
}
.comment-form-cookies-consent {
    font-size: 0.9rem!important;
}
#author {
    display: inline!important;
    width: 100%!important;
    min-height: 40px;
    border: 1px solid rgba(0,0,0,.125);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    border-radius: 10px;
    font-size: 0.8rem;
    transition: 0.5s;
}
#author:focus {
    min-height: 40px;
    border: 1px solid rgba(0,0,0,.125);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.2) !important;
    border-radius: 10px;
    transition: 0.5s;
}
#email {
    width: 100%!important;
    min-height: 40px;
    border: 1px solid rgba(0,0,0,.125);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    border-radius: 10px;
    transition: 0.5s;
}
#email:focus {
    min-height: 40px;
    border: 1px solid rgba(0,0,0,.125);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.2) !important;
    border-radius: 10px;
    transition: 0.5s;
}
.comment-body {
    padding: 20px!important;
    margin-top: 10px!important;
}
.bypostauthor {
    border: 1px solid rgba(0,0,0,.125);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    border-radius: 10px;
    font-size: 0.9rem!important;
    font-weight: 300!important;
    margin: 0 0 20px 20px;
}
.fn {
    font-weight: 400;
    font-style: normal!important;
}
.says {
    display: none!important;
}
.reply {
    padding-bottom: 10px;
    border-bottom: 1px solid #eaedf3!important;
}
.comment p {
    text-align: justify;
    direction: rtl!important;
    font-size: 0.9rem!important;
    font-weight: 300!important;
    margin: 10px 0 10px 0!important;
}
.comment-author {
    height: 60px!important;
    margin: 0 0 10px 0!important;
}
.avatar  {
    margin: 0 0 10px 10px!important;
}
#comment dl, ol, ul {
    list-style: none!important;
}
.author_bio_section  {
    min-height: 130px!important;
    background-color: white!important;
    border-radius: 10px!important;
}
.author_details {
    font-size: 0.8rem!important;
    font-weight: 300!important;
}
.author_details img {
    float: right!important;
    margin: 0 0 10px 20px!important;
}
.comment-meta  {
    direction: rtl!important;
}

.author_bio_section{
    background: none repeat scroll 0 0 #F5F5F5;
    padding: 15px;
    border: 1px solid #ccc;
}

.author_name{
    font-size:16px;
    font-weight: bold;
}

.author_details img {
    border: 1px solid #D8D8D8;
    border-radius: 50%;
    float: left;
    margin: 0 10px 10px 0;
}
.lead p {
    direction: rtl!important;
    font-size: 1rem!important;
    text-align: justify!important;
}
.lead {
    direction: rtl!important;
    font-size: 1rem!important;
    text-align: justify!important;
}
/*.lead img{*/
/*  width: 100% !important;*/
/*  border-radius: 10px!important;*/
/*}*/
.onsale {
    background-color: #15427e!important;
}
.product-thumbnail img{
    height: 120px!important;
    width: 120px!important;
    border-radius: 10px!important;
    margin: 20px;
}
.woocommerce-product-gallery__trigger {
    display: none!important;
}

/*.single_add_to_cart_button {*/
/*  background-color: #15427e!important;*/
/*}*/

.input-text {
    min-height: 35px;
    background-color: white!important;
    border: 1px solid rgba(0,0,0,.125);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    padding: 5px;
    border-radius: 5px;
    transition: 0.5s;
}
.input-text:focus{
    min-height: 35px;
    background-color: white!important;
    border: 1px solid rgba(0,0,0,.125);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.2) !important;
    border-radius: 5px;
    transition: 0.5s;
}
.breadcrumb {
    background-color: none!important;
    /*border: 1px solid rgba(0,0,0,.125);*/
    /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;*/
    border-radius: 5px;
    transition: 0.5s;
    padding: 10px;
    color:white;
}
.breadcrumb a {
    padding-top: 5px;
    color: white!important;
}
.breadcrumb a:hover {
    color: #01d699!important;
}
.woocommerce ul.products li.product a img {
    border-radius: 7px!important;
}
.wp-post-image {
    border-radius:10px;
}
.woocommerce span.onsale {
    height: 3.236em !important;
    width: 3.236em !important;
    background-color: #f2657f !important;
    padding: unset !important;
}
.button {
    border-radius: 40px !important;
    transition: all 0.5s !important;
    background-color: #f2657f !important;
    border-color: #f2657f !important;
    color: #FFFFFF !important;
    font-weight: 400 !important;
}
.button:focus,
.button:active,
.button:hover {
    background-color: #ed4d6b !important;
    border-color: #ed4d6b !important;
}

.woocommerce div.product div.images img {
    border-radius: 10px !important;
}
.woocommerce ul.products li.product .price {
    color: #7d7aa8 !important;
}

.xoo-wsc-items-count {
    background-color: #ed4d6b !important;
    color: #ffffff;
}
.xoo-wsc-basket {
    color: #3f4686 !important;
}
.xoo-wsc-sm-left {
    margin-right: 10px;
}
.xoo-wsc-img-col img {
    border-radius: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 10px !important
}
.product-price {
    color: #7d7aa8;
}
.product-price del {
    color: #b8b7ce;
    display: block;
}

.xoo-wsc-btn {
    height: 35px;
    border-color: #f2657f !important;
    color: #3f4686 !important;
    background-color: unset!important;
    border-radius: 20px;
    border-width: 1px !important;
}

.xoo-wsc-btn:focus,
.xoo-wsc-btn:active,
.xoo-wsc-btn:hover {
    background-color: #ed4d6b !important;
    border-color: #ed4d6b !important;
    color: #ffffff !important;
}
.xoo-wsc-slider {
    color: #7d7aa8 !important;
}
.xoo-wsc-header {
    color: #7d7aa8 !important;
}
.xoo-wsc-body a {
    color: #3f4686 !important;
    font-weight : 400 !important;
}
.xoo-wsc-footer {
    color: #7d7aa8 !important;
    font-weight : 400 !important;
}

.woocommerce-message::before {
    content: "\e015";
    color: #ed4d6b !important;
}
.woocommerce-message {
    border-top-color: #ed4d6b !important;
}
/* ============ only desktop view ============ */
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        opacity: 0;
        visibility: hidden;
        transition: all .3s;
        margin-top: 0;
        transform: translateY(20px);
    }

    .navbar .nav-item:hover .dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: translateY(0);
        -webkit-animation-name: slideIn;
        animation-name: slideIn;
        animation-duration: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }

    .navbar .nav-item:hover .bi-chevron-down {
        stroke: #e7708a;
        transform: rotate(180deg);
    }

    .navbar .nav-item:hover .nav-link {
        color: #e7708a;
    }

    @keyframes slideIn {
        0% {
            transform: translateY(20px);
            opacity: 0;
        }

        100% {
            transform: translateY(0px);
            opacity: 1;
        }

        0% {
            transform: translateY(20px);
            opacity: 0;
        }
    }
}

@media (max-width: 992px) {
    .navbar {
        background-color: #ffffff;
        box-shadow: 0 0 20px rgba(191, 191, 191, 0.3);
    }

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

}

@media (max-width: 768px) {
    .wave {
        height: 130vh;
    }
}

@media (max-width: 576px) {
    .logo {
        height: 35px;
    }

    .wave {
        height: 100vh;
    }
    .offcanvas-top {
        height: 200px !important;
    }
}