@font-face {
    font-family: 'shabnam';
    src: url('/fonts/shabnam/Shabnam-FD.woff2') format('woff2'),
        url('/fonts/shabnam/Shabnam-FD.woff') format('woff');
}

@font-face {
    font-family: 'shabnam-light';
    src: url('/fonts/shabnam/Shabnam-Light-FD.woff2') format('woff2'),
        url('/fonts/shabnam/Shabnam-Light-FD.woff') format('woff');
}

@font-face {
    font-family: 'shabnam-bold';
    src: url('/fonts/shabnam/Shabnam-Bold-FD.woff2') format('woff2'),
        url('/fonts/shabnam/Shabnam-Bold-FD.woff') format('woff');
}

body,
html {
    font-family: 'shabnam' !important;
    font-size: 11pt;

}

.footer {
    font-family: 'shabnam';

}

.widget-title {
    font-family: 'shabnam' !important;
    font-size: 13pt !important;
}

.absolute-footer {
    color: #FFF !important;
}

.dark,
.dark span.amount {
    color: #FFF;
    font-weight: normal !important;
}



.nav>li>a,
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
    font-family: 'shabnam' !important;
    font-weight: normal !important;
    font-style: normal !important;
}


.ltr {
    direction: ltr;
}


ul.links {
    font-size: .85em;
    margin: 5px 0;
    direction: ltr;
}

ul.links li:first-child {
    margin-right: .4em !important;
}

ul.links li:last-child {
    margin-left: 0;
}



.nav-dropdown {
    padding: 10px !important;
    font-family: 'shabnam' !important;
}

.nav-dropdown>li.image-column,
.nav-dropdown>li.nav-dropdown-col {
    font-size: 11pt !important;
}

.nav-column li>a,
.nav-dropdown>li>a {
    line-height: 18px !important;
    padding: 5px 15px !important;
}

.nav-dropdown .menu-item-has-children>a,
.nav-dropdown .nav-dropdown-col>a,
.nav-dropdown .title>a {
    font-size: 11pt !important;
    font-weight: bolder;
}

.blogClass .post-title .plain {
    color: #2C5A4A !important;
    font-size: 11pt !important;
}

.image-container {
    display: inline-block;
}

.hover-image {
    transition: transform 0.4s linear;
    display: block;
    cursor: pointer;
}

.image-container:hover .hover-image {
    transform: translateY(-15px);
}

.form-flat {
    direction: rtl;
    text-align: right;
}

.form-flat input[type="email"] {
    text-align: right;
}


.footer .form-flat input[type="submit"] {
    background-color: transparent;
    border: 1px solid #FFF;
    color: #FFF;
    transition: all 0.3s ease;
}

.footer .form-flat input[type="submit"]:hover {
    background-color: #08C24A;
    color: #fff;
}

.footer .button.is-outline {
    line-height: 30px !important;
    height: 20px !important;
}

.address-cs {}

.phone-cs {
    margin: 0;
}

.email-cs {
    margin: 0;
}


/*bounce*/
.multicolor .image-fade_in_back {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.multicolor .image-fade_in_back img {
    transition: transform 0.4s ease;
}

.multicolor .image-fade_in_back:hover img {
    transform: translateY(-15px);
}


.multicolor .show-on-hover {
    transition: opacity 0.4s ease, transform 0.4s ease;
    opacity: 0;
    transform: translateY(15px);
}

.multicolor .image-fade_in_back:hover .show-on-hover {
    opacity: 1;
    transform: translateY(0);
}

/*part 2*/
.box-image img {
    transition: transform 0.4s ease;
}

.box-image:hover img {
    transform: translateY(-15px);
    opacity: 0;
}

.flickity-viewport .box-image:hover img {
    transform: translateY(-15px);
    opacity: 1;
}

.nav-dropdown li {

    border-bottom: 1px solid #e6e6e6;
    padding: 2px 0;
}

.woocommerce-product-gallery__image a:has(> img, > picture) {
    display: block;
}

.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
    height: 300px;
    width: 100%;
    object-fit: contain;
    object-position: center;
}




/* نمایش یک محصول در موبایل */
@media only screen and (max-width: 768px) {
    .row-slider .col {
      /*  flex: 0 0 100% !important;
        max-width: 100% !important;*/
    }
}

#cart-popup .product-name {
    font-size: 9pt;
}

#cart-popup .elementor-menu-cart__product.woocommerce-cart-form__cart-item.cart_item {
    margin-bottom: 10px;
    background: #FFF;
    padding: 10px;
    border: 1px solid #A4C9BC;
}

#cart-popup .size-woocommerce_thumbnail {
    width: 90px;
    height: 90px;
    margin-left: 20px;
    display: inline-block;
    float: right;
}

#cart-popup .elementor-button.elementor-button--checkout.elementor-size-md,
#cart-popup .elementor-button.elementor-button--view-cart.elementor-size-md {
    background: #0D704E;
    border-radius: 35px;
    padding: 5px 10px;
    color: #FFF;
    margin: 10px 0 5px 10px;
}

#cart-popup .elementor-menu-cart__footer-buttons {

    position: relative;
    display: block;
    width: 100%;
    margin: 20px 0;
}


/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.multicolor .flickity-viewport {
    padding-top: 20px;
}

.multicolor .flickity-viewport .box-image {

    overflow: inherit !important;
}

.bg-color-1 img,
.bg-color-2 img,
.bg-color-3 img,
.bg-color-4 img,
.bg-color-5 img {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 10px;

}

.bg-color-1 img {
    background: rgb(245, 75, 1);
    background: -moz-linear-gradient(60deg, rgba(245, 75, 1, 1) 0%, rgba(255, 126, 45, 1) 100%);
    background: -webkit-linear-gradient(60deg, rgba(245, 75, 1, 1) 0%, rgba(255, 126, 45, 1) 100%);
    background: linear-gradient(60deg, rgba(245, 75, 1, 1) 0%, rgba(255, 126, 45, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f54b01", endColorstr="#ff7e2d", GradientType=1);

}

/* نارنجی */
.bg-color-2 img {
    background: rgb(57, 11, 59);
    background: -moz-linear-gradient(60deg, rgba(57, 11, 59, 1) 0%, rgba(197, 29, 213, 1) 100%);
    background: -webkit-linear-gradient(60deg, rgba(57, 11, 59, 1) 0%, rgba(197, 29, 213, 1) 100%);
    background: linear-gradient(60deg, rgba(57, 11, 59, 1) 0%, rgba(197, 29, 213, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#390b3b", endColorstr="#c51dd5", GradientType=1);

}

/* بنفش */

.bg-color-3 img {
    background: rgb(203, 18, 37);
    background: -moz-linear-gradient(60deg, rgba(203, 18, 37, 1) 0%, rgba(222, 104, 98, 1) 100%);
    background: -webkit-linear-gradient(60deg, rgba(203, 18, 37, 1) 0%, rgba(222, 104, 98, 1) 100%);
    background: linear-gradient(60deg, rgba(203, 18, 37, 1) 0%, rgba(222, 104, 98, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cb1225", endColorstr="#de6862", GradientType=1);

}

/* قرمز */


.bg-color-4 img {
    background: rgb(17, 48, 108);
    background: -moz-linear-gradient(60deg, rgba(17, 48, 108, 1) 0%, rgba(16, 121, 174, 1) 100%);
    background: -webkit-linear-gradient(60deg, rgba(17, 48, 108, 1) 0%, rgba(16, 121, 174, 1) 100%);
    background: linear-gradient(60deg, rgba(17, 48, 108, 1) 0%, rgba(16, 121, 174, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#11306c", endColorstr="#1079ae", GradientType=1);

}

/* آبی */

.bg-color-5 img {
    background: rgb(13, 60, 37);
    background: -moz-linear-gradient(60deg, rgba(13, 60, 37, 1) 0%, rgba(150, 204, 110, 1) 100%);
    background: -webkit-linear-gradient(60deg, rgba(13, 60, 37, 1) 0%, rgba(150, 204, 110, 1) 100%);
    background: linear-gradient(60deg, rgba(13, 60, 37, 1) 0%, rgba(150, 204, 110, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d3c25", endColorstr="#96cc6e", GradientType=1);

}

/* سبز */


 
.has-equal-box-heights .box-image img, .has-format img, .image-cover img, .video-fit iframe, .video-fit video, img.back-image {
	object-fit: contain !important;  
 
}

.absolute-footer {
    position: relative;   
    padding-top: 10px;  
}

.absolute-footer::before {
    content: ''; 
    position: absolute;
    top: 0;  
    left: 10%;  
    right: 10%; 
    height: 1px; 
    background-color: #2D8365; 
}

#main  {
 
	min-height: 400px;
}
.search_categories option {
    color: #3B3B3B !important;  
}


 

 .icon-angle-right::before {
	content: "";
}

.icon-angle-left::before {
	content: "";
}


 


.vertical-thumbnails .row-slider:not(.flickity-enabled) {
  opacity: 1;  
}