@charset "utf-8";
/* CSS Document */
:root {
    --iceblue:#f7f8fb;
    --footer:#e8ecf4;
    --green1:#7bb818;
    --green2:#3a8e1a;
    --green3:#2b7307;
    --yellow:#ffc107;
    --orange1:#f78207;
    --orange2:#f95f09;
    --orange3:#e44e00;
    --red1:#dd1d29;
    --red2:#c50511;
    --black:#111;
    --ice:#fdfdfc;
}

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

@font-face {
    font-family: "rtl-title";
    font-style: normal;
    font-weight: bold;
	src: url('../webfonts/IRANYekanXFaNum-Regular.woff') format('woff');  
    -moz-font-feature-settings: "ss01";
    -webkit-font-feature-settings: "ss01";
    font-feature-settings: "ss01";
}
@font-face {
    font-family: "rtl-title-bold";
    font-style: normal;
    font-weight: bold;
	src: url('../webfonts/IRANYekanXFaNum-Bold.woff') format('woff');	
    -moz-font-feature-settings: "ss01";
    -webkit-font-feature-settings: "ss01";
    font-feature-settings: "ss01";
}

@font-face {
    font-family: "rtl-font";
    font-style: normal;
    font-weight: normal;
    src: url('../webfonts/IRANSansXFaNum-Regular.woff') format('woff');  
    -moz-font-feature-settings: "ss01";
    -webkit-font-feature-settings: "ss01";
    font-feature-settings: "ss01";
}
@font-face {
    font-family: "rtl-font-bold";
    font-style: normal;
    font-weight: normal;
    src: url('../webfonts/IRANSansXFaNum-Bold.woff') format('woff');		
    -moz-font-feature-settings: "ss01";
    -webkit-font-feature-settings: "ss01";
    font-feature-settings: "ss01";
}

body{
    font-family: "rtl-font";
    text-align: justify;
    border-top: 10px solid var(--green2);
    background-color: var(--iceblue);
}

h1,.h1,h2,.h2,h3,.h3{
    font-family: "rtl-title";
    text-align: justify;
}
h4,.h4,h5,.h5,h6,.h6{
    font-family: "rtl-title-bold";
    text-align: justify;
}

.clearfix::after,
.clearfix::before{
    display: block;
    content: "";
    clear: both;
}
a{
    text-decoration: none;
    color: #61493d;
}

img, svg {
    max-width: 100%;
    height: unset;
}

video {
    max-width: 100%;
    max-height: 100%;
}


a {
    color: var(--clr1);
    text-decoration: none;
}
a:focus, a:hover {
    color: var(--clr2);
}

[dir*="rtl"] ol:not(.pagination), 
[dir*="rtl"] ul:not(.pagination){
    /* padding: 4px 0 4px 0; */
}

[dir*="rtl"] ul:not(.mod-menu){
    padding: 4px 2em 4px 0;
}
#search-result-list{
    padding: 0;
}

[dir*="rtl"] label {
    text-align: right;
}

[dir*="rtl"] .text-start {
    text-align: right !important;
}

[dir*="rtl"] .text-end {
    text-align: left !important;
}

[dir*="rtl"] .float-end {
    float: left !important;
	margin-right: 1em;
}

[dir*="rtl"] .float-start {
    float: right !important;
	margin-left: 1em;
}

[dir*="rtl"] .ms-auto {
    margin-right: auto !important;
    margin-left: unset !important;
}
[dir*="rtl"] .me-auto {
    margin-left: auto !important;
    margin-right: unset !important;
}

[dir*="rtl"] .ms-5 {
    margin-right: 3rem !important;
    margin-left: unset !important;
}
[dir*="rtl"] .me-5 {
    margin-left: 3rem !important;
    margin-right: unset !important;
}

.awesomplete {
    display:block !important;
    flex: 1 0 auto;
    /* z-index: 600; */
}

[dir*="rtl"] .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.com-content-category-blog.blog {
    display: grid;
    row-gap: 2em;
}
.com-content-category-blog.blog .com-content-category-blog__items.blog-items.items-leading {
    display: grid;
    grid-template-columns: auto;
}
.com-content-category-blog.blog .com-content-category-blog__items.blog-items.columns-2 {
    display: grid;
    grid-template-columns: 49% 49%;
    gap: 2%;
    margin-bottom: 3em;
}
.com-content-category-blog.blog .com-content-category-blog__items.blog-items.columns-3 {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    gap: 2%;
}
.com-content-category-blog.blog .com-content-category-blog__items.blog-items.columns-3 .com-content-category-blog__item.blog-item:first-child {
    /*grid-column: 1 / 3;*/
}
.com-content-category-blog__item.blog-item {
    border: 1px solid #dac1b1;
    padding: 1em;
    border-radius: 1em;
    margin-bottom: 3em;
}

/*-------
POSITION
------*/
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--green1);
    --bs-btn-border-color: var(--green1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--green1);
    --bs-btn-hover-border-color: var(--green3);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--green3);
    --bs-btn-active-border-color: var(--green1);
    --bs-btn-active-shadow: inset 0 3px 5px #00000020;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--green1);
    --bs-btn-disabled-border-color: var(--green1);
}
.form-control:focus {
    border-color: #d1ff88;
    box-shadow: 0 0 0 .25rem #7bb81838;
}


#top{
    background-color: var(--ice);
}

.mive-canvas{
    border: 1px solid #ccc;
    border-radius: 2rem;
    background: #fff;
    padding-top: 2em;
    padding-bottom: 2em;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}

#slider .hikashop_module .hikashop_product_price_full {
    line-height: 2;
    font-size: large;
    font-weight: bolder;
    color: var(--ice);
}

#custom-1 h3 {
    background: url(../images/shegeftaneh.svg) no-repeat;
    background-position-x: right 1%;
    background-size: contain;
    padding-right: 1.5em;
}

#custom-1 .swiper-horizontal {
    touch-action: pan-y;
    width: 90%;
}
#custom-1 .hikashop_listing_img_title {
    border: 1px solid #ccc;
    border-radius: 1em;
    overflow: hidden;
}

#custom-1 .swiper-button-next, 
#custom-1 .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 5px);
    background: var(--green2);
    width: 55px;
    height: 55px;
    border-radius: 50%;
}
#custom-1 .swiper-button-prev, 
#custom-1 .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 5px);
    background: var(--green2);
    width: 55px;
    height: 55px;
    border-radius: 50%;

}
#custom-1 .swiper-button-next:after, 
#custom-1 .swiper-button-prev:after {
    color: #fff;
}

footer{
    background-color: var(--footer);
}


/*-------
CUSTON STYLE
------*/
body.about {
    background-color: #F8FAF3;
    background-image:linear-gradient(135deg, #F8FAF3 25%, #F5F4EB 75%);
}
body.contact {
    background: #FDF5F4;
    background: linear-gradient(135deg, rgba(253, 245, 244, 1) 25%, rgba(247, 247, 236, 1) 75%);
}

.hikashop_product_image_subdiv {
    background: #3a8e1a10;
}
form.hikashop_aligned_btn {
    display: flex;
    align-items: stretch;
    justify-content: space-around;
}

.hikashop_product_quantity_input_div_default_main {
    display: flex;
    float: right;
    align-items: center;
    justify-content: center;
}

.hikabtn, .hika_j2 .btn {
    color: var(--ice) !important;
    background-color: var(--green2) !important;
    margin-bottom: 1em !important;
}

#hikashop_category_information_module_ .hikashop_subcontainer {
    border-radius: 2em !important;
    overflow: hidden;
}

span.hikashop_product_name {
    line-height: 2;
    font-size: 1.5em;
}
span.hikashop_product_price_full,
.hikashop_product_price_with_options_main {
    line-height: 3;
    font-size: large;
    font-weight: bolder;
    color: var(--green2);
}
.hk-rating {
    display: flex;
    justify-content: center;
    height: 2em;
    align-items: center;
}


[id*="custom-"] .title{
    position: relative;
    text-indent: 80px;
}
[id*="custom-"] .title::before {
    content: "";
    position: absolute;
    right: -50px;
    display: block;
    width: 120px;
    height: 40px;
    background: url(../images/title.svg) no-repeat center;
    background-size: contain;
}

.btn-mive-green{
    background-color: var(--green2);
    color: var(--ice);
}
.btn-mive-red{
    background-color: var(--red1);
    color: var(--ice);
}
.btn-mive-orang{
    background-color: var(--orange2);
    color: var(--ice);
}

.txt-color-green{
    color: var(--green2);
}
.txt-bg-green {
    background: #3a8e1a10;
}

.txt-color-red{
    color: var(--red1);
}
.txt-bg-red {
    background: #dd1d2910;
}

.txt-color-orange{
    color: var(--orange1);
}
.txt-bg-orange{
    background: #f7820710;
}

.bg-orange{
    background: var(--orange2);
}
.bg-orange-gradient{
    background: var(--orange1);
    background: linear-gradient(90deg, var(--orange1) 0, #eee 80%);
}
.bg-orange em,
.bg-orange-gradient em {
    background: #eee;
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.btn-orange {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--orange2);
    --bs-btn-border-color: var(--orange3);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--orange2);
    --bs-btn-hover-border-color: var(--orange3);
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--orange2);
    --bs-btn-active-border-color: var(--orange3);
    --bs-btn-active-shadow: inset 0 3px 5px #00000020;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--orange1);
    --bs-btn-disabled-border-color: var(--orange1);
}

#more-videos {
    position: relative;
    padding: 1em 0;
    border-radius: .5em;
    text-align: left;
}
.more-videos {
    background: var(--orange1);
    padding: 1em .5em;
    border-top-left-radius: .5em;
    border-bottom-left-radius:.5em ;
}
#more-videos::before {
    content: "";
    position: absolute;
    left: -45px;
    top: 50%;
    transform: translate(50%,-50%);
    width: 30px;
    height: 30px;
    display: block;
    border-top: 15px solid transparent;
    border-right: 15px solid var(--orange1);
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}

.bg-mag {
    min-height: 330px;
    color: var(--ice);
    background-color: var(--green2);
    background-image: url(../images/bg-btn.svg), url(../images/bg-sircle.svg) , url(../images/bg-sircle.svg),linear-gradient(135deg, rgba(0, 154, 75, 1) 25%, rgba(0, 182, 89, 1) 75%);
    background-position-x: 50%, -52% , 150%,0;
    background-position-y: 100%, -34% , 110%,0;
    background-repeat: no-repeat;
    background-size: 80%, 70%,50%,100%;
    border-radius: 2rem;
}
.bg-mag .custom {
    flex: 1 0 100%;
}
.bg-mag .custom h3 {
    margin-bottom: 20%;
    text-align: center;
}

/*-------
plg price
------*/
td.key {
    width: 50px;
}
.hikashop_product_custom_item_value{
    position: relative;
}
span.hikashop_field_required {
    position: absolute;
    top: 0;
    right: -15px;
}

/*-------
com_hikashop
------*/
#hikashop_checkout_login_form h2, 
#hikashop_checkout_registration h2 {
    text-align: center;
    color: var(--orange1);
}

fieldset.hkform-horizontal{
    border: 1px solid var(--orange1);
    border-radius: 0.5em;
    padding: 0.5em;
}
#hikashop_checkout_login_form,
#hikashop_checkout_registration {
    border: 1px solid var(--yellow);
    border-radius: 0.5em;
    padding: 0.5em;
}


/*-------
mod_hikashop cart
------*/
.hikashop_cart_module {
    text-align: inherit !important;
}
/* .hikashop_cart_dropdown_container {
    position: relative;
}
.hikashop_cart_dropdown_content{
    position: absolute;
    left: 0;
    border: 1px solid var(--orange2);
    padding: 0.7em;
    border-radius: 0.7em;
    background: var(--ice);
} */
 #slider .hikashop_module .hikashop_listing_img_title {
    background: var(--green2);
    color: var(--ice);
}
#slider .hikashop_module {
    background: var(--green2);
    border: 1px solid #ccc;
    border-radius: 2rem;
    overflow: hidden;
    height: 100%;
}

/*-------
mod_dj-megamenu
------*/
.arrow,
.dj-mobile-open-icon,
.dj-offcanvas-close-icon,
.toggler {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.dj-megamenu-clean.dj-fa-0 .arrow:before, 
.dj-megamenu-clean.dj-fa-1 .arrow:before, 
.dj-megamenu-clean.dj-fa-5 .arrow:before,
.dj-mobile-open-btn.dj-fa-0 .dj-mobile-open-icon:before, 
.dj-mobile-open-btn.dj-fa-1 .dj-mobile-open-icon:before, 
.dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon:before,
.dj-fa-0 .dj-offcanvas-close-btn .dj-offcanvas-close-icon:before, 
.dj-fa-1 .dj-offcanvas-close-btn .dj-offcanvas-close-icon:before, 
.dj-fa-5 .dj-offcanvas-close-btn .dj-offcanvas-close-icon:before,
.dj-fa-0 ul.dj-mobile-dark li.dj-mobileitem.parent >a span.toggler:before, 
.dj-fa-1 ul.dj-mobile-dark li.dj-mobileitem.parent >a span.toggler:before, 
.dj-fa-5 ul.dj-mobile-dark li.dj-mobileitem.parent >a span.toggler:before,
.dj-fa-0 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before,
.dj-fa-1 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before, 
.dj-fa-5 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler:before{
    font: unset !important;
}


/*-------
mod_breadcrumb
------*/
.breadcrumb-item+.breadcrumb-item:before {
    float: right;
    padding-left: var(--bs-breadcrumb-item-padding-x);
}


/*-------
mod_dj media tools
------*/
.dj-masonry {
    margin: 0 auto;
}
.dj-slide {
    border-radius: 2rem;
    overflow: hidden;
}
.dj-slide-title {
    font-size: inherit !important;
}
.dj-slide-desc-text {
    text-align: justify !important;
}


/* Extra small devices (phones, 576px and down) */
@media only screen and (max-width: 576px) {
    
}

/* Small devices (portrait tablets and large phones, 576px and up) */
@media only screen and (min-width: 576px) {
    
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    body.about {
        background-color: #F8FAF3;
        background-image: 
            url('../images/bg-about-1-2.webp'),
            linear-gradient(135deg, #F8FAF3 25%, #F5F4EB 75%);
        background-repeat: no-repeat, no-repeat;
        background-position: top left, center center;
        background-size: 70%, cover;
    }
    [id*="custom-"] .title{
        position: relative;
        text-indent: unset;
    }
    [id*="custom-"] .title::before {
        right: -130px;
    }
    .mive-canvas{
        width: 100%;
        margin: unset;
    }
    .bg-mag .custom h3 {
        margin-bottom: 50%;
    }
    [dir*="rtl"] .text-lg-center{
        text-align: center !important;
    }
    .dj-slide {
        margin-bottom: 0 !important;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    
}

/* Extra large devices (large laptops and desktops, 1400px and up) */
@media only screen and (min-width: 1400px) {
    
}