/*
Theme Name: banta
Theme URI: https://www.rtl-theme.com/author/shahoo_Ghaderi/products/
Author: شاهو قادری
Author URI: https://www.rtl-theme.com/author/shahoo_ghaderi/products/
Description: پوسته چندمنظوره بانتا یک محصول 100% ایرانی است که برای راه اندازی انواع سایت های شرکتی و فروشگاهی مناسب است. با قالب بانتا به راحتی میتوانید یک سایت چند زبانه نیز داشته باشید.
Version: 2.7
Requires PHP: 7.4
*/

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

@font-face {
	font-family: IRANSansXFaNum;
	font-style: normal;
	font-weight: Bold;
	src: url(../../../../../../themes/banta/fonts/iransans_fanum/woff/IRANSansXFaNum-Bold.woff) format('woff'),   
	url(../../../../../../themes/banta/fonts/iransans_fanum/woff2/IRANSansXFaNum-Bold.woff2) format('woff2');	 
}

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




@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 100;
    src: url(../../../../../../themes/banta/fonts/yekanbakh/woff/YekanBakh-thin.woff) format('woff'),
    url(../../../../../../themes/banta/fonts/yekanbakh/woff2/YekanBakh-thin.woff2) format('woff2');
}

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

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

@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 600;
    src: url(../../../../../../themes/banta/fonts/yekanbakh/woff/YekanBakh-SemiBold.woff) format('woff'),
    url(../../../../../../themes/banta/fonts/yekanbakh/woff2/YekanBakh-SemiBold.woff2) format('woff2');
}

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

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

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

@font-face {
    font-family: YekanBakh;
    font-style: normal;
    font-weight: 950;
    src: url(../../../../../../themes/banta/fonts/yekanbakh/woff/YekanBakh-ExtraBlack.woff) format('woff'),
    url(../../../../../../themes/banta/fonts/yekanbakh/woff2/YekanBakh-ExtraBlack.woff2) format('woff2');
}
@font-face {
	font-family: YekanBakhFaNum;
	font-style: normal;
	font-weight: 100;
	src: url(../../../../../../themes/banta/fonts/yekanbakh_fanum/woff/YekanBakhFaNum-Thin.woff) format('woff'),   
	url(../../../../../../themes/banta/fonts/yekanbakh_fanum/woff2/YekanBakhFaNum-Thin.woff2) format('woff2');		
}

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

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

@font-face {
	font-family: YekanBakhFaNum;
	font-style: normal;
	font-weight: 600;
	src: url(../../../../../../themes/banta/fonts/yekanbakh_fanum/woff/YekanBakhFaNum-SemiBold.woff) format('woff'),   
	url(../../../../../../themes/banta/fonts/yekanbakh_fanum/woff2/YekanBakhFaNum-SemiBold.woff2) format('woff2');		 
}

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

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

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

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

@font-face {
	font-family: PeydaWebFaNum;
	font-style: normal;
	font-weight: 100;
	src: url(../../../../../../themes/banta/fonts/peyda_fanum/woff2/PeydaWebFaNum-Thin.woff2) format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url(../../../../../../themes/banta/fonts/peyda_fanum/woff/PeydaWebFaNum-Thin.woff) format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWebFaNum;
	font-style: normal;
	font-weight: 200;
	src: url(../../../../../../themes/banta/fonts/peyda_fanum/woff2/PeydaWebFaNum-ExtraLight.woff2) format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url(../../../../../../themes/banta/fonts/peyda_fanum/woff/PeydaWebFaNum-ExtraLight.woff) format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWebFaNum;
	font-style: normal;
	font-weight: 300;
	src: url(../../../../../../themes/banta/fonts/peyda_fanum/woff2/PeydaWebFaNum-Light.woff2) format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url(../../../../../../themes/banta/fonts/peyda_fanum/woff/PeydaWebFaNum-Light.woff) format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWebFaNum;
	font-style: normal;
	font-weight: 500;
	src: url(../../../../../../themes/banta/fonts/peyda_fanum/woff2/PeydaWebFaNum-Medium.woff2) format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url(../../../../../../themes/banta/fonts/peyda_fanum/woff/PeydaWebFaNum-Medium.woff) format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWebFaNum;
	font-style: normal;
	font-weight: 600;
	src: url(../../../../../../themes/banta/fonts/peyda_fanum/woff2/PeydaWebFaNum-SemiBold.woff2) format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url(../../../../../../themes/banta/fonts/peyda_fanum/woff/PeydaWebFaNum-SemiBold.woff) format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: PeydaWebFaNum;
	font-style: normal;
	font-weight: 800;
	src: url(../../../../../../themes/banta/fonts/peyda_fanum/woff2/PeydaWebFaNum-ExtraBold.woff2) format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url(../../../../../../themes/banta/fonts/peyda_fanum/woff/PeydaWebFaNum-ExtraBold.woff) format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWebFaNum;
	font-style: normal;
	font-weight: 900;
	src: url(../../../../../../themes/banta/fonts/peyda_fanum/woff2/PeydaWebFaNum-Black.woff2) format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url(../../../../../../themes/banta/fonts/peyda_fanum/woff/PeydaWebFaNum-Black.woff) format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWebFaNum;
	font-style: normal;
	font-weight: bold;
	src: url(../../../../../../themes/banta/fonts/peyda_fanum/woff2/PeydaWebFaNum-Bold.woff2) format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url(../../../../../../themes/banta/fonts/peyda_fanum/woff/PeydaWebFaNum-Bold.woff) format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWebFaNum;
	font-style: normal;
	font-weight: normal;
	src: url(../../../../../../themes/banta/fonts/peyda_fanum/woff2/PeydaWebFaNum-Regular.woff2) format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url(../../../../../../themes/banta/fonts/peyda_fanum/woff/PeydaWebFaNum-Regular.woff) format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWeb;
	font-style: normal;
	font-weight: 100;
	src: url(../../../../../../themes/banta/fonts/peyda/woff2/PeydaWeb-Thin.woff2) format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url(../../../../../../themes/banta/fonts/peyda/woff/PeydaWeb-Thin.woff) format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWeb;
	font-style: normal;
	font-weight: 200;
	src: url(../../../../../../themes/banta/fonts/peyda/woff2/PeydaWeb-ExtraLight.woff2) format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url(../../../../../../themes/banta/fonts/peyda/woff/PeydaWeb-ExtraLight.woff) format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWeb;
	font-style: normal;
	font-weight: 300;
	src: url(../../../../../../themes/banta/fonts/peyda/woff2/PeydaWeb-Light.woff2) format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url(../../../../../../themes/banta/fonts/peyda/woff/PeydaWeb-Light.woff) format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWeb;
	font-style: normal;
	font-weight: 500;
	src: url(../../../../../../themes/banta/fonts/peyda/woff2/PeydaWeb-Medium.woff2) format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url(../../../../../../themes/banta/fonts/peyda/woff/PeydaWeb-Medium.woff) format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWeb;
	font-style: normal;
	font-weight: 600;
	src: url(../../../../../../themes/banta/fonts/peyda/woff2/PeydaWeb-Semibold.woff2) format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url(../../../../../../themes/banta/fonts/peyda/woff/PeydaWeb-Semibold.woff) format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: PeydaWeb;
	font-style: normal;
	font-weight: 800;
	src: url(../../../../../../themes/banta/fonts/peyda/woff2/PeydaWeb-ExtraBold.woff2) format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url(../../../../../../themes/banta/fonts/peyda/woff/PeydaWeb-ExtraBold.woff) format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWeb;
	font-style: normal;
	font-weight: 900;
	src: url(../../../../../../themes/banta/fonts/peyda/woff2/PeydaWeb-Black.woff2) format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url(../../../../../../themes/banta/fonts/peyda/woff/PeydaWeb-Black.woff) format('woff')  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWeb;
	font-style: normal;
	font-weight: bold;
	src: url(../../../../../../themes/banta/fonts/peyda/woff2/PeydaWeb-Bold.woff2) format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url(../../../../../../themes/banta/fonts/peyda/woff/PeydaWeb-Bold.woff) format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: PeydaWeb;
	font-style: normal;
	font-weight: normal;
	src: url(../../../../../../themes/banta/fonts/peyda/woff2/PeydaWeb-Regular.woff2) format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url(../../../../../../themes/banta/fonts/peyda/woff/PeydaWeb-Regular.woff) format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: 'icomoon';
    src:  url(../../../../../../themes/banta/fonts/icomoon.eot?gonglm);
    src:  url('../../../../../../themes/banta/fonts/icomoon.eot?gonglm#iefix') format('embedded-opentype'),
    url(../../../../../../themes/banta/fonts/icomoon.ttf?gonglm) format('truetype'),
    url(../../../../../../themes/banta/fonts/icomoon.woff?gonglm) format('woff'),
    url('../../../../../../themes/banta/fonts/icomoon.svg?gonglm#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-chevron-right:before {
    content: "\e911";
}
.icon-chevron-left:before {
    content: "\e912";
}
.icon-chevron-down:before {
    content: "\e913";
}
.icon-chevron-up:before {
    content: "\e914";
}
.icon-book-open:before {
    content: "\e910";
}
.icon-user:before {
    content: "\e90d";
}
.icon-shopping-bag:before {
    content: "\e90e";
}
.icon-shopping-cart:before {
    content: "\e90f";
}
.icon-message-square:before {
    content: "\e90c";
}
.icon-eye:before {
    content: "\e90b";
}
.icon-arrow-right:before {
    content: "\e90a";
}
.icon-arrow-left:before {
    content: "\e908";
}
.icon-menu:before {
    content: "\e907";
}
.icon-arrow-up:before {
    content: "\e905";
}
.icon-phone:before {
    content: "\e909";
}
.icon-map-pin:before {
    content: "\e900";
}
.icon-clock:before {
    content: "\e901";
}
.icon-mail:before {
    content: "\e902";
}
.icon-phone-call:before {
    content: "\e903";
}
.icon-smartphone:before {
    content: "\e904";
}
.icon-search:before {
    content: "\e906";
}
.icon-mobile:before {
    content: "\e958";
}
.icon-instagram:before {
    content: "\ea92";
}
.icon-whatsapp:before {
    content: "\ea93";
}
.icon-telegram:before {
    content: "\ea95";
}
.icon-twitter:before {
    content: "\ea96";
}
.icon-linkedin:before {
    content: "\eac9";
}

.woocommerce{
    color: #222;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
    border: none!important;
    background: none!important;
    border-radius: 0!important;
    width: 100%!important;
    text-align: center!important;
    transition: 300ms;
    margin: 0!important;
}
.woocommerce-review__published-date{
    display: inline-block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{
    width: 0!important;
    height: 4px!important;
    border-radius: 0!important;
    background: var(--colorMain)!important;
    left: 0;
    right: 0!important;
    bottom: -10px!important;
    margin: auto;
    border: none!important;
    box-shadow: none!important;
    opacity: 0;
    transition: 300ms;
    visibility: hidden;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    border-bottom-color: var(--colorMain)!important;
    color:  var(--colorMain)!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before{
    opacity: 1!important;
    visibility: visible;
    width: 100%!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs::before{
    content: none!important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
    background: #f5f5f5;
    display: flex;
    padding: 10px 0!important;
    border-radius: 8px;
}

.woocommerce-p-content{
    line-height: 28px;
    font-size: 15px;
}
.woocommerce-p-content img{
    max-width: 100%;
}

.woocommerce table.shop_attributes td{
    font-style: normal!important;
    font-size: 14px;
}

.woocommerce div.product p.price, .woocommerce div.product span.price{
    /*font-weight: 700!important;*/
    /*font-size: 24px!important;*/
    /*color: #13ab5b!important;*/
}
span.woocommerce-Price-currencySymbol {
    font-size: 14px!important;
    font-weight: 400!important;
    margin: 0 4px;
}
.woocommerce span.price-label{
    color: #222!important;
    font-size: 18px;
    font-weight: 600;
}
.woocommerce .price{
    margin-bottom: 15px;
}

.woocommerce-product-details__short-description{
    margin-bottom: 15px;
    line-height: 28px;
    font-size: 15px;
}

.woocommerce select {
    border: 1px solid #d1d1d1;
    background-color: #ebebeb;
    padding: 3px 15px;
    border-radius: 50px;
    transition: 300ms;
    /** for the dropdown indicator */
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left 1rem center;
    background-size: 1em;
}
.woocommerce select:hover{
    background-color: #fff;
}
.woocommerce select:focus{
    border-color: var(--colorMain)!important;
    background-color: #fff;
}


.woocommerce-variation-price{
    margin-bottom: 10px;
}


.woocommerce input[type=text],
.woocommerce input[type=password],
.woocommerce input[type=number],
.woocommerce input[type=email],
.woocommerce textarea
{
    border: 1px solid #d1d1d1;
    background-color: transparent;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    transition: 300ms;
}
.select2-container--default .select2-selection--single{
    border-color: #d1d1d1!important;
    height: 34px!important;
}
.woocommerce textarea{
    padding: 10px;
}
.woocommerce input[type=text]:hover,
.woocommerce input[type=password]:hover,
.woocommerce input[type=number]:hover,.woocommerce input[type=email]:hover,.woocommerce input[type=search]:hover,
.woocommerce textarea:hover
{
    border-color: #8f8f8f;
}
.woocommerce input[type=text]:focus,
.woocommerce input[type=number]:focus,
.woocommerce input[type=email]:focus,
.woocommerce input[type=search]:focus,
.woocommerce input[type=password]:focus,
.woocommerce textarea:focus
{
    border-color: var(--colorMain)!important;
    background: #fff;
}

.woocommerce div.product form.cart .variations label{
    margin-top: 3px;
}

.woocommerce div.product form.cart .reset_variations {
    visibility: hidden;
    background: #f35d5d!important;
    color: #fff!important;
    font-size: 12px!important;
    padding: 2px 8px 3px;
    border-radius: 50px;
}
.woocommerce div.product form.cart .reset_variations:hover{
    background: #f32323 !important;
}

.woocommerce #respond input#submit{
    background-color: var(--colorMain)!important;
    color: #fff!important;
}
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.added{
    background-color: #13ab5b!important;
}
.woocommerce a.added_to_cart{
    color: var(--colorMain);
    font-size: 14px;
}

.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{
    float: left!important;
}
.sort-by a.list-inline-item {
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 14px;
    color: #222;
    margin: 0 5px!important;
}
.sort-by a.list-inline-item:hover{
    background: #ddd;
}
.sort-by a.list-inline-item.active{
    background: var(--colorMain)!important;
    color: #fff!important;
}
.sort-by{
    margin-bottom: 50px;
}
.sort-by .sort-by-label{
    font-weight: 400;
}
.sort-by .sort-by-label i{
    color: var(--colorMain);
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text{
    width: 150px!important;
}


.cart_totals > h2,.cross-sells > h2{
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 15px;
}

.product_meta{
    display: flex;
    flex-direction: column;
}
.product_meta > span{
    display: block;
    margin-bottom: 10px;
}
.product_meta .sku{
    font-weight: 500;
}
.product_meta a{
    color: var(--colorMain);
    border: 1px solid transparent;
    padding: 2px 3px 2px 5px;
    border-radius: 4px;
    font-weight: 400;
    display: inline-block;
}
.product_meta a:hover{
    background: #f3f3f3;
}

.single-section-title,.woocommerce-order-details__title,.woocommerce-column__title,.woocommerce-order-downloads__title {
    font-size: 20px;
    font-weight: 700;
    display: block;
    margin: 20px 0 15px;
    background: linear-gradient(270deg, #f3f3f3, transparent);
    padding: 20px;
    border-radius: 0 10px 10px 0;
}
.single-section-title:before,.woocommerce-order-details__title:before,.woocommerce-column__title:before,.woocommerce-order-downloads__title:before{
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: var(--colorMain);
    margin-left: 12px;
    transform: rotate(45deg);
}
.woocommerce-Address-title.title{
    margin: 15px 0 10px;
}
.woocommerce-Address-title.title h3{
    font-size: 24px;
}
.woocommerce-Address address{
    background: #f3f3f3;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.woocommerce-MyAccount-content fieldset{
    margin-top: 25px;
}


/** account **/
.woocommerce-MyAccount-navigation{
    width: 240px!important;
    float: right;
    background: #fff;
    box-shadow: -4px 4px 10px rgba(0,0,0,0.1);
    border-radius: 16px;
    padding: 20px;
}
.woocommerce-MyAccount-navigation-link{
    display: block;
    position: relative;
    margin-bottom: 8px;
}
.woocommerce-MyAccount-navigation-link a{
    display: block;
    padding: 8px 15px 8px 0;
    color: #222;
    font-weight: 500;
    font-size: 16px;
    position: relative;
    z-index: 1;
    transition: 350ms;
}
html[dir=ltr] .woocommerce-MyAccount-navigation-link a{
    text-align: left;
    padding: 8px 0 8px 15px;
}
.woocommerce-MyAccount-navigation-link:after{
    content: '';
    display: block;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 5px;
    z-index: 0;
    transition: 350ms;
    border-radius: 20px 0 0 50px;
}
html[dir=ltr] .woocommerce-MyAccount-navigation-link:after{
    border-radius: 0 20px 50px 0;
    right: auto;
    left: 0;
}
.woocommerce-MyAccount-navigation-link:hover:after{
    width: 100%;
    background: var(--colorMain);
}
.woocommerce-MyAccount-navigation-link:hover a{
    color: #fff;
}
.woocommerce-MyAccount-navigation-link.is-active:after{
    width: 100%!important;
    background: var(--colorMain)!important;
}
.woocommerce-MyAccount-navigation-link.is-active a{
    color: #fff!important;
}


.woocommerce-MyAccount-content{
    padding: 20px;
    width: calc(100% - 265px)!important;
    float: left;
    background: #fff;
    box-shadow: -4px 4px 10px rgba(0,0,0,0.1);
    border-radius: 16px;
}

.dashboard-box{
    border-radius: 12px;
    padding: 20px;
    color: #fff;
    display: flex;
    position: relative;
    transition: 200ms;
}
.dashboard-box img{
    width: 50px;
    height: 50px!important;
    position: absolute;
    left: 15px;
    top: calc(50% - 25px);
    transform: rotate(13deg);
    opacity: 0.3;
    transition: 500ms;
}
html[dir=ltr] .dashboard-box img{
    left: auto;
    right: 15px;
}
.dashboard-box:hover{
    transform: translate(0,3px);
    box-shadow: none!important;
}
.dashboard-box:hover img{
    transform: rotate(0);
}
.dashboard-box.c-orders{
    background: #8bc34a;
    background: linear-gradient(45deg, #8bc34a, #4caf50);
    box-shadow: -4px 4px 20px rgba(139, 195, 74, 0.7);
}
.dashboard-box.p-orders{
    background: #d7580a;
    background: linear-gradient(45deg, #ffa21b, #d7580a);
    box-shadow: -4px 4px 20px rgba(215, 88, 10, 0.61);
}
.dashboard-box.o-orders{
    background: #673ab7;
    background: linear-gradient(45deg, #9c27b0, #673ab7);
    box-shadow: -4px 4px 20px rgba(103, 58, 183, 0.5);
}
.dashboard-box.shopping-cart{
    background: #0f78e5;
    background: linear-gradient(45deg, #00bcd4, #0f78e5);
    box-shadow: -4px 4px 20px rgba(15, 120, 229, 0.6);
}
.woocommerce a,
.woocommerce b,
.woocommerce legend,
.woocommerce td{
}
.dashboard-box span{
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
    font-weight: 400;
}
.dashboard-box b{
    font-size: 25px;
    font-weight: 900;
}

.col-1, .col-2{
    max-width:none;
}

.checkout-form{

}
.woocommerce form .form-row{
    display: block!important;
}
.woocommerce form .form-row label {
    line-height: 2;
    font-weight: 500;
    margin: 10px 0 5px;
    font-size: 15px;
}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{
    background: #d9ffd9;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    font-weight: 500;
    color: #036007;
}

.woocommerce-MyAccount-content{
    font-weight: 400;
    line-height: 28px;
}
.woocommerce-MyAccount-content a{
    color: var(--colorMain);
}

.wo-navigation-username{
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.wo-navigation-username img{
    width: 100px;
    height: 100px;
    border-radius: 50%!important;
    margin-bottom: 15px;
}
.wo-navigation-username h1{
    font-weight: 900;
    color: var(--colorMain);
    font-size: 17px;
    display: block;
    margin-bottom: 10px;
}
.wo-navigation-username span{
    display: block;
    font-size: 14px;
    color: #777;
    font-weight: 400;
}


/************ login / register **********/
.login-pills{
    justify-content: center;
}

.login-pills .nav-link {
    border: none!important;
    background: none!important;
    border-bottom: 2px solid transparent!important;
    border-radius: 0!important;
    color: #222!important;
    font-size: 20px!important;
    padding: 8px 0!important;
    transition: 300ms;
}
.login-pills .nav-link:hover{
    color: var(--colorMain)!important;
}

.login-pills .nav-link.active, .nav-pills .show>.nav-link{
    border-bottom-color: var(--colorMain)!important;
    color: var(--colorMain)!important;
}

.woocommerce form.login, .woocommerce form.register{
    width: 600px!important;
    border-radius: 25px!important;
    background: #fff!important;
    border: none!important;
    margin: 40px auto!important;
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.1)!important;
}


.lost_password a{
    font-weight: 500;
    font-size: 14px;
    display: block;
    margin-top: 20px;
}

.woocommerce-form-login .woocommerce-button ,
.woocommerce-form-register .woocommerce-button
{
    min-width: 100px!important;
    margin-top: 5px!important;
    border-radius: 50px!important;
    background: var(--colorMain)!important;
    color: #fff!important;
}

.woocommerce span.onsale{
    background-color: var(--colorMain)!important;
}
.woocommerce div.product .product_title{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}
.page-content .page-title{
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 700;
}


/* Reviews
------------------------------------------*/
.woocommerce-Reviews-title{
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}
.comment-reply-title{
    margin-bottom: 15px;
    display: block;
}
.comment-form{
    border: 1px solid #ebebeb;
    padding: 20px;
    border-radius: 5px;
    background: #fbfbfb;
}
.comment-form-rating label{
    font-weight: 500;
}

.woocommerce p.stars a{
    color: #d68e04;
}
.woocommerce .star-rating span::before{
    color: #d68e04;
}

.woocommerce-review-link{
    color: #222!important;
    font-size: 14px;
}

.comment-form label{
    display: block;
}
.comment-form-author,.comment-form-email{
    width: calc(50% - 10px);
    float: right;
    margin-bottom: 25px!important;
}
.comment-form-email{
    float: left!important;
}
.comment-form-author input,.comment-form-email input{
    width: 100%;
}
.comment-form-cookies-consent{
    display: flex;
    overflow: hidden;
    width: 100%;
    align-items: center;
}
#wp-comment-cookies-consent{
    margin: 0 0 8px 8px!important;
}
.woocommerce-message {
    border: 1px solid var(--colorMain)!important;
    border-right-width: 6px!important;
    margin: 0!important;
    background: #fff!important;
}

.woocommerce-message::before{
    color: var(--colorMain)!important;
}
html[dir=ltr] .woocommerce-message{
    border-left-width: 6px!important;
    border-right-width: 1px!important;
}

/*.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{*/
/*    background: var(--colorMain)!important;*/
/*    color: #fff!important;*/
/*}*/

.checkout-button.button.wc-forward,button[name=woocommerce_checkout_place_order]{
    background: var(--colorMain)!important;
    color: #fff!important;
}
.woocommerce div.product div.images .flex-control-thumbs li{
    width: 80px!important;
}


html[dir=ltr] .woocommerce-Tabs-panel,
html[dir=ltr] p.price,
html[dir=ltr] .product_meta,
html[dir=ltr] form.cart,
html[dir=ltr] .woocommerce-message,
html[dir=ltr] .woocommerce-product-gallery
{
    direction: ltr!important;
    text-align: left!important;
}
html[dir=ltr] .woocommerce-Tabs-panel{
    overflow: hidden!important;
}
html[dir=ltr] .woocommerce-product-gallery{
    overflow: hidden!important;
}
html[dir=ltr] .elementor-add-to-cart form{
    justify-content: start!important;
}
html[dir=ltr]  .woocommerce div.product form.cart div.quantity{
    margin-right: 10px!important;
}
html[dir=ltr] .woocommerce span.onsale{
    direction: ltr!important;
}

html[dir=ltr] .woocommerce-account .woocommerce-MyAccount-content{
    direction: ltr!important;
    text-align: left!important;
}
@media (max-width: 576px) {
    .woocommerce div.product .woocommerce-tabs ul.tabs li{
        font-size: 14px;
        padding: 0 5px!important;
    }
    .comment-form-author,.comment-form-email{
        float: none!important;
        width: 100%!important;
    }
    .woocommerce-Reviews-title{
        font-size: 20px;
    }
}
@media (max-width: 768px) {
    .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{
        float: none!important;
    }
    .sort-by a.list-inline-item{
        margin: 4px!important;
        border: 1px solid #ddd;
    }
    .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
        width: 100%!important;
    }
}
@media (max-width: 992px) {
    .dashboard-box{
        margin-bottom: 20px;
    }
    .woocommerce-MyAccount-content,.woocommerce-MyAccount-navigation{
        width: 100%!important;
        float: none!important;
    }
    .woocommerce-MyAccount-navigation{
        margin-bottom: 20px;
    }
}
.font-10 {
    font-size: 10px !important;
}
.font-11 {
    font-size: 11px !important;
}
.font-12 {
    font-size: 12px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-16 {
    font-size: 16px !important;
}
.font-17 {
    font-size: 17px !important;
}
.font-18 {
    font-size: 18px !important;
}
.font-19 {
    font-size: 19px !important;
}
.font-20 {
    font-size: 20px !important;
}
.font-21 {
    font-size: 21px !important;
}
.font-22 {
    font-size: 22px !important;
}
.font-23 {
    font-size: 23px !important;
}
.font-24 {
    font-size: 24px !important;
}
.font-25 {
    font-size: 25px !important;
}
.font-26 {
    font-size: 26px !important;
}
.font-27 {
    font-size: 27px !important;
}
.font-28 {
    font-size: 28px !important;
}
.font-29 {
    font-size: 29px !important;
}
.font-30 {
    font-size: 30px !important;
}
.fw-100{
    font-weight: 100!important;
}
.fw-300{
    font-weight: 300!important;
}
.fw-800{
    font-weight: 800!important;
}
.fw-900{
    font-weight: 900!important;
}
.fw-990{
    font-weight: 990!important;
}

.fw-normal{
    font-weight: normal!important;
}

.lh-24{
    line-height: 24px!important;
}
.lh-26{
    line-height: 26px!important;
}
.lh-28{
    line-height: 28px!important;
}
.lh-30{
    line-height: 30px!important;
}
.lh-32{
    line-height: 32px!important;
}
.lh-34{
    line-height: 34px!important;
}
.lh-36{
    line-height: 36px!important;
}
.lh-38{
    line-height: 38px!important;
}
.lh-44{
    line-height: 44px!important;
}
.lh-52{
    line-height: 52px!important;
}
.dir-ltr {
    direction: ltr !important;
}

.dir-rtl {
    direction: rtl !important;
}

@media (max-width:992px) {
    .font-sm-20{
        font-size: 20px!important;
    }
    .font-sm-16{
        font-size: 16px!important;
    }
    .lh-sm-28{
        line-height: 28px!important;
    }
}
@font-face {
    font-family: 'bcp-icons';
    src:  url(../../../../../../themes/banta/fonts/cards/bcp-icons.eot?rz538l);
    src:  url('../../../../../../themes/banta/fonts/cards/bcp-icons.eot?rz538l#iefix') format('embedded-opentype'),
    url(../../../../../../themes/banta/fonts/cards/bcp-icons.ttf?rz538l) format('truetype'),
    url(../../../../../../themes/banta/fonts/cards/bcp-icons.woff?rz538l) format('woff'),
    url('../../../../../../themes/banta/fonts/cards/bcp-icons.svg?rz538l#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="bcp-icon-"], [class*=" bcp-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'bcp-icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

.bcp-icon-activity:before {
    content: "\e900";
}
.bcp-icon-airplay:before {
    content: "\e901";
}
.bcp-icon-alert-circle:before {
    content: "\e902";
}
.bcp-icon-alert-octagon:before {
    content: "\e903";
}
.bcp-icon-alert-triangle:before {
    content: "\e904";
}
.bcp-icon-align-center:before {
    content: "\e905";
}
.bcp-icon-align-justify:before {
    content: "\e906";
}
.bcp-icon-align-left:before {
    content: "\e907";
}
.bcp-icon-align-right:before {
    content: "\e908";
}
.bcp-icon-anchor:before {
    content: "\e909";
}
.bcp-icon-aperture:before {
    content: "\e90a";
}
.bcp-icon-archive:before {
    content: "\e90b";
}
.bcp-icon-arrow-down:before {
    content: "\e90c";
}
.bcp-icon-arrow-down-circle:before {
    content: "\e90d";
}
.bcp-icon-arrow-down-left:before {
    content: "\e90e";
}
.bcp-icon-arrow-down-right:before {
    content: "\e90f";
}
.bcp-icon-arrow-left:before {
    content: "\e910";
}
.bcp-icon-arrow-left-circle:before {
    content: "\e911";
}
.bcp-icon-arrow-right:before {
    content: "\e912";
}
.bcp-icon-arrow-right-circle:before {
    content: "\e913";
}
.bcp-icon-arrow-up:before {
    content: "\e914";
}
.bcp-icon-arrow-up-circle:before {
    content: "\e915";
}
.bcp-icon-arrow-up-left:before {
    content: "\e916";
}
.bcp-icon-arrow-up-right:before {
    content: "\e917";
}
.bcp-icon-at-sign:before {
    content: "\e918";
}
.bcp-icon-award:before {
    content: "\e919";
}
.bcp-icon-bar-chart:before {
    content: "\e91a";
}
.bcp-icon-bar-chart-2:before {
    content: "\e91b";
}
.bcp-icon-battery:before {
    content: "\e91c";
}
.bcp-icon-battery-charging:before {
    content: "\e91d";
}
.bcp-icon-bell:before {
    content: "\e91e";
}
.bcp-icon-bell-off:before {
    content: "\e91f";
}
.bcp-icon-bluetooth:before {
    content: "\e920";
}
.bcp-icon-bold:before {
    content: "\e921";
}
.bcp-icon-book:before {
    content: "\e922";
}
.bcp-icon-book-open:before {
    content: "\e923";
}
.bcp-icon-bookmark:before {
    content: "\e924";
}
.bcp-icon-box:before {
    content: "\e925";
}
.bcp-icon-briefcase:before {
    content: "\e926";
}
.bcp-icon-calendar:before {
    content: "\e927";
}
.bcp-icon-camera:before {
    content: "\e928";
}
.bcp-icon-camera-off:before {
    content: "\e929";
}
.bcp-icon-cast:before {
    content: "\e92a";
}
.bcp-icon-check:before {
    content: "\e92b";
}
.bcp-icon-check-circle:before {
    content: "\e92c";
}
.bcp-icon-check-square:before {
    content: "\e92d";
}
.bcp-icon-chevron-down:before {
    content: "\e92e";
}
.bcp-icon-chevron-left:before {
    content: "\e92f";
}
.bcp-icon-chevron-right:before {
    content: "\e930";
}
.bcp-icon-chevron-up:before {
    content: "\e931";
}
.bcp-icon-chevrons-down:before {
    content: "\e932";
}
.bcp-icon-chevrons-left:before {
    content: "\e933";
}
.bcp-icon-chevrons-right:before {
    content: "\e934";
}
.bcp-icon-chevrons-up:before {
    content: "\e935";
}
.bcp-icon-chrome:before {
    content: "\e936";
}
.bcp-icon-circle:before {
    content: "\e937";
}
.bcp-icon-clipboard:before {
    content: "\e938";
}
.bcp-icon-clock:before {
    content: "\e939";
}
.bcp-icon-cloud:before {
    content: "\e93a";
}
.bcp-icon-cloud-drizzle:before {
    content: "\e93b";
}
.bcp-icon-cloud-lightning:before {
    content: "\e93c";
}
.bcp-icon-cloud-off:before {
    content: "\e93d";
}
.bcp-icon-cloud-rain:before {
    content: "\e93e";
}
.bcp-icon-cloud-snow:before {
    content: "\e93f";
}
.bcp-icon-code:before {
    content: "\e940";
}
.bcp-icon-codepen:before {
    content: "\e941";
}
.bcp-icon-codesandbox:before {
    content: "\e942";
}
.bcp-icon-coffee:before {
    content: "\e943";
}
.bcp-icon-columns:before {
    content: "\e944";
}
.bcp-icon-command:before {
    content: "\e945";
}
.bcp-icon-compass:before {
    content: "\e946";
}
.bcp-icon-copy:before {
    content: "\e947";
}
.bcp-icon-corner-down-left:before {
    content: "\e948";
}
.bcp-icon-corner-down-right:before {
    content: "\e949";
}
.bcp-icon-corner-left-down:before {
    content: "\e94a";
}
.bcp-icon-corner-left-up:before {
    content: "\e94b";
}
.bcp-icon-corner-right-down:before {
    content: "\e94c";
}
.bcp-icon-corner-right-up:before {
    content: "\e94d";
}
.bcp-icon-corner-up-left:before {
    content: "\e94e";
}
.bcp-icon-corner-up-right:before {
    content: "\e94f";
}
.bcp-icon-cpu:before {
    content: "\e950";
}
.bcp-icon-credit-card:before {
    content: "\e951";
}
.bcp-icon-crop:before {
    content: "\e952";
}
.bcp-icon-crosshair:before {
    content: "\e953";
}
.bcp-icon-database:before {
    content: "\e954";
}
.bcp-icon-delete:before {
    content: "\e955";
}
.bcp-icon-disc:before {
    content: "\e956";
}
.bcp-icon-dollar-sign:before {
    content: "\e957";
}
.bcp-icon-download:before {
    content: "\e958";
}
.bcp-icon-download-cloud:before {
    content: "\e959";
}
.bcp-icon-droplet:before {
    content: "\e95a";
}
.bcp-icon-edit:before {
    content: "\e95b";
}
.bcp-icon-edit-2:before {
    content: "\e95c";
}
.bcp-icon-edit-3:before {
    content: "\e95d";
}
.bcp-icon-external-link:before {
    content: "\e95e";
}
.bcp-icon-eye:before {
    content: "\e95f";
}
.bcp-icon-eye-off:before {
    content: "\e960";
}
.bcp-icon-facebook:before {
    content: "\e961";
}
.bcp-icon-fast-forward:before {
    content: "\e962";
}
.bcp-icon-feather:before {
    content: "\e963";
}
.bcp-icon-figma:before {
    content: "\e964";
}
.bcp-icon-file:before {
    content: "\e965";
}
.bcp-icon-file-minus:before {
    content: "\e966";
}
.bcp-icon-file-plus:before {
    content: "\e967";
}
.bcp-icon-file-text:before {
    content: "\e968";
}
.bcp-icon-film:before {
    content: "\e969";
}
.bcp-icon-filter:before {
    content: "\e96a";
}
.bcp-icon-flag:before {
    content: "\e96b";
}
.bcp-icon-folder:before {
    content: "\e96c";
}
.bcp-icon-folder-minus:before {
    content: "\e96d";
}
.bcp-icon-folder-plus:before {
    content: "\e96e";
}
.bcp-icon-framer:before {
    content: "\e96f";
}
.bcp-icon-frown:before {
    content: "\e970";
}
.bcp-icon-gift:before {
    content: "\e971";
}
.bcp-icon-git-branch:before {
    content: "\e972";
}
.bcp-icon-git-commit:before {
    content: "\e973";
}
.bcp-icon-git-merge:before {
    content: "\e974";
}
.bcp-icon-git-pull-request:before {
    content: "\e975";
}
.bcp-icon-github:before {
    content: "\e976";
}
.bcp-icon-gitlab:before {
    content: "\e977";
}
.bcp-icon-globe:before {
    content: "\e978";
}
.bcp-icon-grid:before {
    content: "\e979";
}
.bcp-icon-hard-drive:before {
    content: "\e97a";
}
.bcp-icon-hash:before {
    content: "\e97b";
}
.bcp-icon-headphones:before {
    content: "\e97c";
}
.bcp-icon-heart:before {
    content: "\e97d";
}
.bcp-icon-help-circle:before {
    content: "\e97e";
}
.bcp-icon-hexagon:before {
    content: "\e97f";
}
.bcp-icon-home:before {
    content: "\e980";
}
.bcp-icon-image:before {
    content: "\e981";
}
.bcp-icon-inbox:before {
    content: "\e982";
}
.bcp-icon-info:before {
    content: "\e983";
}
.bcp-icon-instagram:before {
    content: "\e984";
}
.bcp-icon-italic:before {
    content: "\e985";
}
.bcp-icon-key:before {
    content: "\e986";
}
.bcp-icon-layers:before {
    content: "\e987";
}
.bcp-icon-layout:before {
    content: "\e988";
}
.bcp-icon-life-buoy:before {
    content: "\e989";
}
.bcp-icon-link:before {
    content: "\e98a";
}
.bcp-icon-link-2:before {
    content: "\e98b";
}
.bcp-icon-linkedin:before {
    content: "\e98c";
}
.bcp-icon-list:before {
    content: "\e98d";
}
.bcp-icon-loader:before {
    content: "\e98e";
}
.bcp-icon-lock:before {
    content: "\e98f";
}
.bcp-icon-log-in:before {
    content: "\e990";
}
.bcp-icon-log-out:before {
    content: "\e991";
}
.bcp-icon-mail:before {
    content: "\e992";
}
.bcp-icon-map:before {
    content: "\e993";
}
.bcp-icon-map-pin:before {
    content: "\e994";
}
.bcp-icon-maximize:before {
    content: "\e995";
}
.bcp-icon-maximize-2:before {
    content: "\e996";
}
.bcp-icon-meh:before {
    content: "\e997";
}
.bcp-icon-menu:before {
    content: "\e998";
}
.bcp-icon-message-circle:before {
    content: "\e999";
}
.bcp-icon-message-square:before {
    content: "\e99a";
}
.bcp-icon-mic:before {
    content: "\e99b";
}
.bcp-icon-mic-off:before {
    content: "\e99c";
}
.bcp-icon-minimize:before {
    content: "\e99d";
}
.bcp-icon-minimize-2:before {
    content: "\e99e";
}
.bcp-icon-minus:before {
    content: "\e99f";
}
.bcp-icon-minus-circle:before {
    content: "\e9a0";
}
.bcp-icon-minus-square:before {
    content: "\e9a1";
}
.bcp-icon-monitor:before {
    content: "\e9a2";
}
.bcp-icon-moon:before {
    content: "\e9a3";
}
.bcp-icon-more-horizontal:before {
    content: "\e9a4";
}
.bcp-icon-more-vertical:before {
    content: "\e9a5";
}
.bcp-icon-mouse-pointer:before {
    content: "\e9a6";
}
.bcp-icon-move:before {
    content: "\e9a7";
}
.bcp-icon-music:before {
    content: "\e9a8";
}
.bcp-icon-navigation:before {
    content: "\e9a9";
}
.bcp-icon-navigation-2:before {
    content: "\e9aa";
}
.bcp-icon-octagon:before {
    content: "\e9ab";
}
.bcp-icon-package:before {
    content: "\e9ac";
}
.bcp-icon-paperclip:before {
    content: "\e9ad";
}
.bcp-icon-pause:before {
    content: "\e9ae";
}
.bcp-icon-pause-circle:before {
    content: "\e9af";
}
.bcp-icon-pen-tool:before {
    content: "\e9b0";
}
.bcp-icon-percent:before {
    content: "\e9b1";
}
.bcp-icon-phone:before {
    content: "\e9b2";
}
.bcp-icon-phone-call:before {
    content: "\e9b3";
}
.bcp-icon-phone-forwarded:before {
    content: "\e9b4";
}
.bcp-icon-phone-incoming:before {
    content: "\e9b5";
}
.bcp-icon-phone-missed:before {
    content: "\e9b6";
}
.bcp-icon-phone-off:before {
    content: "\e9b7";
}
.bcp-icon-phone-outgoing:before {
    content: "\e9b8";
}
.bcp-icon-pie-chart:before {
    content: "\e9b9";
}
.bcp-icon-play:before {
    content: "\e9ba";
}
.bcp-icon-play-circle:before {
    content: "\e9bb";
}
.bcp-icon-plus:before {
    content: "\e9bc";
}
.bcp-icon-plus-circle:before {
    content: "\e9bd";
}
.bcp-icon-plus-square:before {
    content: "\e9be";
}
.bcp-icon-pocket:before {
    content: "\e9bf";
}
.bcp-icon-power:before {
    content: "\e9c0";
}
.bcp-icon-printer:before {
    content: "\e9c1";
}
.bcp-icon-radio:before {
    content: "\e9c2";
}
.bcp-icon-refresh-ccw:before {
    content: "\e9c3";
}
.bcp-icon-refresh-cw:before {
    content: "\e9c4";
}
.bcp-icon-repeat:before {
    content: "\e9c5";
}
.bcp-icon-rewind:before {
    content: "\e9c6";
}
.bcp-icon-rotate-ccw:before {
    content: "\e9c7";
}
.bcp-icon-rotate-cw:before {
    content: "\e9c8";
}
.bcp-icon-rss:before {
    content: "\e9c9";
}
.bcp-icon-save:before {
    content: "\e9ca";
}
.bcp-icon-scissors:before {
    content: "\e9cb";
}
.bcp-icon-search:before {
    content: "\e9cc";
}
.bcp-icon-send:before {
    content: "\e9cd";
}
.bcp-icon-server:before {
    content: "\e9ce";
}
.bcp-icon-settings:before {
    content: "\e9cf";
}
.bcp-icon-share:before {
    content: "\e9d0";
}
.bcp-icon-share-2:before {
    content: "\e9d1";
}
.bcp-icon-shield:before {
    content: "\e9d2";
}
.bcp-icon-shield-off:before {
    content: "\e9d3";
}
.bcp-icon-shopping-bag:before {
    content: "\e9d4";
}
.bcp-icon-shopping-cart:before {
    content: "\e9d5";
}
.bcp-icon-shuffle:before {
    content: "\e9d6";
}
.bcp-icon-sidebar:before {
    content: "\e9d7";
}
.bcp-icon-skip-back:before {
    content: "\e9d8";
}
.bcp-icon-skip-forward:before {
    content: "\e9d9";
}
.bcp-icon-slack:before {
    content: "\e9da";
}
.bcp-icon-slash:before {
    content: "\e9db";
}
.bcp-icon-sliders:before {
    content: "\e9dc";
}
.bcp-icon-smartphone:before {
    content: "\e9dd";
}
.bcp-icon-smile:before {
    content: "\e9de";
}
.bcp-icon-speaker:before {
    content: "\e9df";
}
.bcp-icon-square:before {
    content: "\e9e0";
}
.bcp-icon-star:before {
    content: "\e9e1";
}
.bcp-icon-stop-circle:before {
    content: "\e9e2";
}
.bcp-icon-sun:before {
    content: "\e9e3";
}
.bcp-icon-sunrise:before {
    content: "\e9e4";
}
.bcp-icon-sunset:before {
    content: "\e9e5";
}
.bcp-icon-tablet:before {
    content: "\e9e6";
}
.bcp-icon-tag:before {
    content: "\e9e7";
}
.bcp-icon-target:before {
    content: "\e9e8";
}
.bcp-icon-terminal:before {
    content: "\e9e9";
}
.bcp-icon-thermometer:before {
    content: "\e9ea";
}
.bcp-icon-thumbs-down:before {
    content: "\e9eb";
}
.bcp-icon-thumbs-up:before {
    content: "\e9ec";
}
.bcp-icon-toggle-left:before {
    content: "\e9ed";
}
.bcp-icon-toggle-right:before {
    content: "\e9ee";
}
.bcp-icon-tool:before {
    content: "\e9ef";
}
.bcp-icon-trash:before {
    content: "\e9f0";
}
.bcp-icon-trash-2:before {
    content: "\e9f1";
}
.bcp-icon-trello:before {
    content: "\e9f2";
}
.bcp-icon-trending-down:before {
    content: "\e9f3";
}
.bcp-icon-trending-up:before {
    content: "\e9f4";
}
.bcp-icon-triangle:before {
    content: "\e9f5";
}
.bcp-icon-truck:before {
    content: "\e9f6";
}
.bcp-icon-tv:before {
    content: "\e9f7";
}
.bcp-icon-twitch:before {
    content: "\e9f8";
}
.bcp-icon-twitter:before {
    content: "\e9f9";
}
.bcp-icon-type:before {
    content: "\e9fa";
}
.bcp-icon-umbrella:before {
    content: "\e9fb";
}
.bcp-icon-underline:before {
    content: "\e9fc";
}
.bcp-icon-unlock:before {
    content: "\e9fd";
}
.bcp-icon-upload:before {
    content: "\e9fe";
}
.bcp-icon-upload-cloud:before {
    content: "\e9ff";
}
.bcp-icon-user:before {
    content: "\ea00";
}
.bcp-icon-user-check:before {
    content: "\ea01";
}
.bcp-icon-user-minus:before {
    content: "\ea02";
}
.bcp-icon-user-plus:before {
    content: "\ea03";
}
.bcp-icon-user-x:before {
    content: "\ea04";
}
.bcp-icon-users:before {
    content: "\ea05";
}
.bcp-icon-video:before {
    content: "\ea06";
}
.bcp-icon-video-off:before {
    content: "\ea07";
}
.bcp-icon-voicemail:before {
    content: "\ea08";
}
.bcp-icon-volume:before {
    content: "\ea09";
}
.bcp-icon-volume-1:before {
    content: "\ea0a";
}
.bcp-icon-volume-2:before {
    content: "\ea0b";
}
.bcp-icon-volume-x:before {
    content: "\ea0c";
}
.bcp-icon-watch:before {
    content: "\ea0d";
}
.bcp-icon-wifi:before {
    content: "\ea0e";
}
.bcp-icon-wifi-off:before {
    content: "\ea0f";
}
.bcp-icon-wind:before {
    content: "\ea10";
}
.bcp-icon-x:before {
    content: "\ea11";
}
.bcp-icon-x-circle:before {
    content: "\ea12";
}
.bcp-icon-x-octagon:before {
    content: "\ea13";
}
.bcp-icon-x-square:before {
    content: "\ea14";
}
.bcp-icon-youtube:before {
    content: "\ea15";
}
.bcp-icon-zap:before {
    content: "\ea16";
}
.bcp-icon-zap-off:before {
    content: "\ea17";
}
.bcp-icon-zoom-in:before {
    content: "\ea18";
}
.bcp-icon-zoom-out:before {
    content: "\ea19";
}


.bcp-row{
    width: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto;
    grid-gap: 20px;
}
.bcp-row-2{
    grid-template-columns: 1fr 1fr;
}
.bcp-row-3{
    grid-template-columns: 1fr 1fr 1fr;
}
.bcp-row-4{
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.bcp-row-5{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.bcp-row-6{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.bcp-align-start{
    align-items: start!important;
}
.bcp-card,.bcp-modal,.bcp-section,.bcp-tabs,.bcp-instant-offer{
    direction: rtl!important;
    text-align: right!important;
}
html[dir=ltr] .bcp-card,
html[dir=ltr] .bcp-modal,
html[dir=ltr] .bcp-section,
html[dir=ltr] .bcp-tabs,
html[dir=ltr] .bcp-instant-offer{
    direction: ltr!important;
    text-align: left!important;
}
.bcp-card a{
    text-decoration: none!important;
}
.bcp-card,.bcp-card *,
.bcp-modal,.bcp-modal *,.bcp-tabs,.bcp-tabs * ,.bcp-instant-offer,.bcp-instant-offer *{
    box-sizing: border-box!important;
}

/*********************************************
******************** Card 1 ******************
*********************************************/
.bcp-card-1{
    width: auto;
    min-height: 330px;
    background: #fff;
    border-radius: 10px;
    display: flex;
    overflow: hidden;
    transition: 500ms;
    position: relative;
}
.bcp-card-1:hover{
    box-shadow: -1px 3px 20px rgba(0,0,0,0.25);
}
.bcp-card-1-image{
    width: 50%;
    flex-shrink: 0;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
}
.bcp-card-1-image.with-separator{
    border-left: 1px solid #ddd;
}

.bcp-card-1-image.fill img{
    height: 100%!important;
    object-fit: cover;
    width: 100%!important;
}
.bcp-card-1-image > a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bcp-card-1-image img{
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
.bcp-card-1-image img:hover{
}
.bcp-card-1-content{
    padding: 20px;
    width: 50%;
    margin-right: 50%;
    display: flex;
    flex-direction: column;
}

.bcp-card-1 .bcp-card-1-title{
    display: block;
    margin: 0 0 15px 0;
    font-weight: bold;
    color: #222;
    font-size: 20px;
    line-height: 28px;
}

.bcp-card-1-description{
    font-weight: 300;
    color: #666;
    font-size: 14px;
    line-height: 27px;
    display: block;
    margin: 0 0 15px 0;
}
.bcp-card-1-price{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: auto 0 20px 0;
}
/* WooCommerce Price (Default) */

.bcp-card-1-price > span.woocommerce-Price-amount.amount,
.bcp-card-1-price ins .woocommerce-Price-amount.amount,
.bcp-modal-price > span.woocommerce-Price-amount.amount,
.bcp-modal-price ins .woocommerce-Price-amount.amount
{
    font-weight: 700;
    color: #111;
    font-size: 16px;
}
.bcp-card-1-price ins,
.bcp-modal-price ins
{
    text-decoration: none;
}
/* WooCommerce Price (Main Price) */
.bcp-card-1-price > del .woocommerce-Price-amount.amount,
.bcp-modal-price > del .woocommerce-Price-amount.amount
{
    font-weight: 700;
    font-size: 16px;
    color: #777;
}




.bcp-card-1-buttons{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bcp-card-1-add-btn{
    display: block;
    min-height: 40px;
    line-height: 40px;
    background: #333;
    color: #fff;
    border-radius: 100px;
    padding: 0 12px;
    text-align: center;
    font-size: 12px;
    transition: 500ms;
}
.bcp-card-1-add-btn:visited{
    color: #fff;
}
.bcp-card-1-add-btn:hover{
    color: #fff;
}
.bcp-card-1-more-btn{
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 42px;
    border-radius: 50%;
    color: #222;
    transition: 500ms;
    flex-shrink: 0;
}
.bcp-card-1-more-btn:visited{
    color: #222;
}
.bcp-circle-scale-hover{
    position: relative;
}
.bcp-circle-scale-hover:before{
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    background: #222;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: 500ms;
}
.bcp-card-1-more-btn i{
    position: relative;
}

.bcp-card-1:hover .bcp-card-1-more-btn{
    background: #eee;
}
.bcp-card-1 .bcp-card-1-more-btn:hover{
    color: #fff;
}
.bcp-circle-scale-hover:hover:before{
    opacity: 1;
    visibility: visible;
    height: 100%;
    width: 100%;
}
.bcp-transform-hover:hover{
    transform: translate(0,-2px);
    box-shadow: 0 3px 15px rgba(0,0,0,0.3);
}






/*********************************************
***************** pagination *****************
*********************************************/
.bcp-pagination{
    display: flex;
    padding: 15px 0;
    text-align: center;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.bcp-pagination .page-numbers{
    text-decoration: none!important;
    display: inline-block;
    background: #bbb;
    color: #222;
    font-weight: 400;
    width: 40px;
    height: 40px;
    line-height: 43px;
    font-size: 16px;
    border-radius: 5px;
    transition: 400ms;
    margin: 3px;
    box-sizing: content-box;
}
.bcp-pagination a.page-numbers:hover{
    background: #222;
    color: #fff;
}
.bcp-pagination .page-numbers.next,.bcp-pagination .page-numbers.next{
    line-height: 40px;
}


.bcp-add-to-cart.loading {
    pointer-events: none !important;
    overflow: hidden;
}
.bcp-add-to-cart{
    position: relative;
}
.bcp-add-to-cart.loading i{
    display: none !important;
}

.bcp-add-to-cart.loading:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.73);
    background: linear-gradient(90deg, #000000cf, #000000b8,#00000054);
    z-index: 1;
}
.bcp-add-to-cart.loading:after{
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #fff;
    border-right-color: transparent;
    animation: spin linear 1s infinite;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
    z-index: 2;
}
.bcp-card-1 a.added_to_cart.wc-forward {
    position: absolute;
    top: 0;
    right: 0;
    background: #13ab5b;
    color: #fff;
    border-radius: 6px;
    padding: 3px 8px;
    font-size: 14px;
    z-index: 3;
}
.bcp-card-1 a.added_to_cart.wc-forward:hover{
    background: #0e8044;
}
.bcp-card-1 a.added_to_cart.wc-forward:before{
    content: "\e92b";
    font-family: 'bcp-icons' !important;
    display: inline-block;
    margin-left: 5px;
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.p-top-right{
    position: absolute!important;
    top: 0!important;
    right: 0!important;
}
.p-top-left{
    position: absolute!important;
    top: 0!important;
    left: 0!important;
}
.p-bottom-right{
    position: absolute!important;
    bottom: 0!important;
    right: 0!important;
}
.p-bottom-left{
    position: absolute!important;
    bottom: 0!important;
    left: 0!important;
}


.bcp-card-1-badge{
    z-index: 2;
}
.bcp-card-1-badge .onsale{
    direction: ltr;
    display: inline-block;
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #c3392c;
    font-weight: normal;
    padding: 0 10px;
}
.bcp-card-1-badge-percentage{
    display: inline-block;
}
.bcp-card-1-out-of-stock{
    display: inline-block;
    font-weight: 600;
    color: #c3392c;
    font-size: 15px;
}
.bcp-card-1-out-of-stock:before{
    content: '';
    width: 30px;
    display: inline-block;
    background: #c3392c;
    height: 3px;
    margin-left: 4px;
    vertical-align: middle;
}
.bcp-card-1-rating .star-rating,
.bcp-card-2-rating .star-rating,
.bcp-card-3-rating .star-rating,
.bcp-single-card-rating .star-rating,
.bcp-modal .star-rating {
    float: none!important;
    margin-bottom: 10px;
}
.bcp-card-2-rating .star-rating{
    font-size: 13px!important;
    margin: 0 16px 16px!important;
}
.bcp-card-3-rating .star-rating{
    margin: 0 auto 16px auto!important;
    font-size: 14px!important;
}
.bcp-single-card-rating .star-rating{
    margin: 0 0 16px auto!important;
    font-size: 14px!important;
}

.bcp-carousel-nav{
    height: 0;
}
.bcp-carousel-nav.disabled{
    display: none!important;
}
.owl-next.disabled,
.owl-prev.disabled {
    display: none!important;
}
.bcp-owl-chevron{
    z-index: 2;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: rgba(0, 0, 0, 0.25);
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 5px;
    font-size: 20px;
    transition: 200ms;
}
.bcp-owl-chevron.right{
    right: 10px;
}
.bcp-owl-chevron.left{
    left: 10px;
}
.bcp-owl-chevron:hover{
    background: #111;
}
.bcp-carousel-nav .owl-next,
.bcp-carousel-nav .owl-prev,
.bcp-carousel-dot{
    border: none!important;
    background: transparent!important;
    outline: none!important;
    padding: 0!important;
}
.owl-carousel.owl-carousel-outside-arrows{
    padding-right: 60px;
    padding-left: 60px;
}
.owl-carousel-outside-arrows .bcp-owl-chevron.right{
    right: 0;
}
.owl-carousel-outside-arrows .bcp-owl-chevron.left{
    left: 0;
}
.owl-carousel-hide-arrows .bcp-owl-chevron{
    display: none!important;
}
.bcp-carousel-dots{
    text-align: center;
    margin-top: 15px;
    position: relative;
    z-index: 1;
}
.bcp-carousel-dots.disabled{
    display: none!important;
    height: 0!important;
}
.bcp-carousel-dot span{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #8a8a8a;
    transition: 200ms;
    margin-left: 8px;
    cursor: pointer;
}
.bcp-carousel-dot.active span{
    background: #111;
}

.bcp-card-1-overly{
    position: absolute;
    bottom: 0;
    left: 100%;
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    transition: 400ms;
    z-index: 4;
}
.bcp-card-1-compare .compare-button .compare{
    display: inline-block;
    text-align: center;
    border-radius: 100px;
    color: #303030!important;
    background: #fff;
    box-shadow: -3px 3px 15px rgba(0, 0, 0, 0.16);
    transition: 350ms;
    font-size: 18px;
    padding: 0!important;
    width: 40px;
    height: 40px;
    margin-left: 8px;
    line-height: 38px;
    overflow: hidden;
}
.bcp-card-1-compare .compare-button .compare:hover{
    background: #ddd;
}
.bcp-card-1-compare .compare-button .compare.added{
    background: #fff;
    color: #fff!important;
    overflow: hidden;
}
.bcp-card-1-compare .compare-button .compare.added:after{
    color: #0e8044;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.bcp-card-1:hover .bcp-card-1-overly {
    left: 0;
}
.bcp-card-1-overly .yith-wcwl-add-to-wishlist,
.bcp-card-digistyle-overly .yith-wcwl-add-to-wishlist,
.bcp-card-2-footer-overly .yith-wcwl-add-to-wishlist,
.bcp-card-3-footer-overly .yith-wcwl-add-to-wishlist
{
    margin-top: 0;
}
.bcp-card-1-overly .yith-wcwl-add-button i:before,
.bcp-card-digistyle-overly .yith-wcwl-add-button i:before
{
    font-family: 'bcp-icons' !important;
    content: "\e97d"!important;
}

.bcp-card-1-overly .yith-wcwl-add-button a.add_to_wishlist,
.bcp-card-1-overly .delete_item,
.bcp-card-1-overly .quick-look-button
{
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    line-height: 45px;
    padding: 0!important;
    background: #fff;
    text-align: center;
    border-radius: 100px;
    color: #303030;
    box-shadow: -3px 3px 15px rgba(0, 0, 0, 0.16);
    transition: 350ms;
    font-size: 18px;
    margin-left: 8px;
    cursor: pointer;
}
.bcp-card-1-overly .quick-look-button{
    float: right;
    line-height: 40px!important;
}
.bcp-card-1-overly .delete_item
{
    color: #c3392c!important;
}
.bcp-card-1-overly .yith-wcwl-add-button,
.bcp-card-1-overly .bcp-card-1-favorite,
.bcp-card-1-overly .bcp-card-1-compare,
.bcp-card-1-overly .bcp-card-1-quick-look {
    height: 40px;
}
.bcp-card-1-overly .yith-wcwl-add-button a.add_to_wishlist:hover,
.bcp-card-1-overly .delete_item:hover,
.bcp-card-1-overly .quick-look-button:hover
{
    background: #ddd;
}
.bcp-row .add_to_wishlist span,
.bcp-row .delete_item span
{
    display: none!important;
}
.bcp-card-1-overly .add_to_wishlist i,
.bcp-card-digistyle-overly .add_to_wishlist i,
.bcp-card-1-overly .delete_item i,
.bcp-card-digistyle-overly .delete_item i
{
    margin: 0!important;
}
.bcp-card-1-overly .yith-wcwl-wishlistexistsbrowse,
.bcp-card-1-overly .yith-wcwl-wishlistaddedbrowse{
    width: 40px;
    height: 40px;
    background: #fff;
    color: #c3392c!important;
    box-shadow: -3px 3px 15px rgba(0, 0, 0, 0.16);
    border-radius: 50%;
    text-align: center;
    padding: 0;
    line-height: 43px;
    overflow: hidden;
}
.bcp-card-1-overly .yith-wcwl-wishlistexistsbrowse i,
.bcp-card-1-overly .yith-wcwl-wishlistaddedbrowse i{
    margin: 0!important;
}
.bcp-row .yith-wcwl-wishlistexistsbrowse a,
.bcp-row .yith-wcwl-wishlistaddedbrowse a {
    display: none;
}



/*********************** modal ****************/
.bcp-backdrop{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(79, 79, 79, 0.5);
    top: 0;
    right: 0;
    z-index: 15;
    display: none;
}

/* Modal Content */
.bcp-modal {
    overflow: hidden;
    position: fixed;
    z-index: 16;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-height: 480px;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 992px;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    transform: translate(0 , -30px);
    transition: 500ms;
    display: flex;
    flex-wrap: wrap;
    visibility: hidden;
    opacity: 0;
}
.bcp-modal.show{
    visibility: visible!important;
    opacity: 1!important;
    transform: translate(0,0)!important;
}
.bcp-modal-image{
    width: 480px!important;
    height: 480px;
    flex-shrink: 0;
    border-left: 1px solid #ddd;
}
.bcp-modal-image .bcp-owl-chevron{
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    width: 40px!important;
    height: 40px!important;
    line-height: 39px!important;
    color: #222!important;
    background: #fff!important;
    border-radius: 50%!important;
}
.bcp-modal-image .owl-item{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 480px;
}
.bcp-modal-image .owl-item img{
    height: 480px;
    width: 100%!important;
    margin: auto;
    object-fit: contain;
}
.bcp-modal-body {
    width: calc(100% - 480px);
    padding: 15px 15px 100px 15px;
    height: 100%;
    position: relative;
    overflow-x: auto;
    display: flex;
    flex-direction: column;
}
/* width */
.bcp-modal-body::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.bcp-modal-body::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.bcp-modal-body::-webkit-scrollbar-thumb {
    background: #d3d3d3;
    border-radius: 10px;
}

/* Handle on hover */
.bcp-modal-body::-webkit-scrollbar-thumb:hover {
    background: #9d9d9d;
}

.bcp-modal-close {
    z-index: 2;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    color: black;
    font-size: 20px;
    opacity: 0.7;
    cursor: pointer;
    transition: 200ms;
}
.bcp-modal-close:hover,
.bcp-modal-close:focus {
    opacity: 1;
}
.bcp-modal-title{
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    color: black;
    display: block;
    margin: 15px 0;
}
.bcp-modal-rating{
    margin-bottom: 15px;
}
.bcp-modal-stock {
    padding-bottom: 10px;
    border-bottom: 1px solid #9dccb5;
    margin-bottom: 10px;
    color: #6da58a;
    font-weight: 400;
    font-size: 14px;
}
.bcp-modal-stock.outofstock{
    border-color: #ab4141;
    color: #ab4141;
    font-size: 18px;
    border-bottom: none;
    padding: 0;
}
.bcp-modal-description{
    font-size: 15px;
    color: #555;
    margin-bottom: 15px;
    line-height: 27px;
}
.bcp-modal-description ul,
.bcp-modal-description ol {
    list-style: inside;
}
.bcp-modal-footer{
    margin-top: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 480px);
    display: flex;
    flex-direction: column;
    background: #fff;
    border-top: 1px solid #ddd;
    padding: 0 15px;
    height: 100px;
    justify-content: center;
    z-index: 1;
}
html[dir=ltr] .bcp-modal-footer{
    left: auto;
    right: 0!important;
}
.bcp-modal-more{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-radius: 8px;
    padding: 10px 10px 10px 20px;
    font-size: 15px;
    font-weight: 500;
    background: var(--colorMain);
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    transition: 300ms;
    margin-top: 8px;
}
.bcp-modal-more:hover{
    background: #333;
    color: #fff;
    padding-left: 10px;
}
html[dir=ltr] .bcp-modal-more i{
    transform: rotate(180deg);
}

.bcp-attributes-list{
    margin: 15px 0 0;
    padding: 0;
}
.bcp-attributes-list li{
    display: none;
    padding: 5px;
    font-size: 13px;
    border-top: 1px solid #ddd;
    background: #fff;
}
.bcp-attributes-list li:nth-of-type(odd){
    background: #f9f9f9;
}
.bcp-attributes-list li:nth-child(1),
.bcp-attributes-list li:nth-child(2),
.bcp-attributes-list li:nth-child(3)
{
    display: block;
}
.bcp-attributes-list.open li {
    display: block!important;
}
.bcp-see-more-attr {
    margin-top: 5px;
    display: inline-block;
    color: #2488ff;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    user-select: none;
}
.bcp-see-more-attr i {
    margin-left: 4px;
}


/********************* digistyle card *********************/
.bcp-card-digistyle{
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: column;
}
.bcp-card-digistyle-image{
    position: relative;
    padding: 25px 25px 10px 25px;
}
.bcp-card-digistyle-image img{
    width: 100%;
    height: auto;
}
.bcp-card-digistyle-cat{
    position: absolute;
    display: inline-block;
    padding: 5px 12px;
    border-radius: 5px;
    background: #e3e3e3;
    color: #111!important;
    text-decoration: none;
    z-index: 1;
    top: 0;
    right: 0;
    margin: 12px 12px 0 0;
    font-size: 13px;
}
.bcp-card-digistyle-cat:hover{
    background: #ddd;
}
.bcp-card-digistyle-content{
    margin-top: auto;
    padding: 0 25px 25px;
}
.bcp-card-digistyle .bcp-card-digistyle-title{
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin: 10px 0;
    line-height: 27px;
    color: #111;
    min-height: 60px;
    height: 7px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
.bcp-card-digistyle-price-container{
    display: flex;
    justify-content: end;
    width: 100%;
    min-height: 50px;
    align-items: center;
}
.bcp-card-digistyle-percent{
    display: inline-block;
    flex-shrink: 0;
    border-radius: 5px;
    color: #fff;
    background: #111;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 44px;
    margin-right: 10px;
    font-weight: 300;
    font-size: 15px;
}
html[dir=ltr] .bcp-card-digistyle-percent{
    margin: 0 0 0 10px!important;
}
html[dir=ltr] .bcp-card-digistyle-price{
    align-items: start!important;
}
.bcp-card-digistyle-price{
    display: flex;
    flex-direction: column;
    align-items: end;
    width: 100%;
}
/** main price ***/
.bcp-card-digistyle-price > del .woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol{
    display: none!important;
}
.bcp-card-digistyle-price > del{
    line-height: normal!important;
}
.bcp-card-digistyle-price > del .woocommerce-Price-amount.amount{
    color: #777;
    font-size: 13px;
    font-weight: 300;
    display: block;
}

/*** sale price **/
.bcp-card-digistyle-price > ins{
    line-height: normal!important;
    text-decoration: none !important;
}
.bcp-card-digistyle-price > ins .woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol,
.bcp-card-digistyle-price > span.woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol
{
    margin-right: 3px;
}
.bcp-card-digistyle-price > ins .woocommerce-Price-amount.amount,
.bcp-card-digistyle-price > span.woocommerce-Price-amount.amount{
    font-size: 14px;
    color: #111;
    font-weight: 500;
    display: block;
}

/** variable price **/
.bcp-card-digistyle-price span.bcp-variable-price-text {
    display: inline-block;
    font-size: 13px;
    color: #777;
    font-weight: 300;
}
.bcp-card-digistyle-price .woocommerce-Price-amount.amount.variable{
    display: flex!important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%!important;
}
.bcp-card-digistyle-price span.woocommerce-Price-currencySymbol{
    margin-left: 0!important;
}


.bcp-card-digistyle-overly {
    background: #fff;
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    margin: auto;
    width: 120px;
    height: 38px;
    padding: 0 10px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -2px 2px 7px rgba(0, 0, 0, 0.2);
}
.bcp-card-digistyle:hover .bcp-card-digistyle-overly{
    transition: 400ms;
    top: calc(50% - 19px);
}



.bcp-card-digistyle-quick-look,
.bcp-card-digistyle-compare,
.bcp-card-digistyle-favorite {
    width: 100%;
}

.bcp-card-digistyle a.compare.button,
.bcp-card-digistyle .quick-look-button,
.bcp-card-digistyle .yith-wcwl-add-button a.add_to_wishlist,
.bcp-card-digistyle .delete_item
{
    display: inline-block;
    width: 100%;
    padding: 0;
    height: 44px;
    line-height: 45px;
    font-size: 17px;
    text-align: center;
    background: transparent!important;
    color: #111!important;
    margin: 0;
    border-radius: 0;
    cursor: pointer;
}
.bcp-card-digistyle a.compare.button:hover,
.bcp-card-digistyle .quick-look-button:hover,
.bcp-card-digistyle .yith-wcwl-add-button a.add_to_wishlist:hover,
.bcp-card-digistyle .delete_item:hover{
    opacity: 0.7;
}
.bcp-card-digistyle .delete_item
{
    color: #c3392c!important;
}

.bcp-card-digistyle .yith-wcwl-add-button a.add_to_wishlist,
.bcp-card-digistyle .delete_item,
.bcp-card-digistyle .quick-look-button
{
    display: inline-block;
    height: 44px;
    overflow: hidden;
    line-height: 45px;
    padding: 0!important;
}
.bcp-card-digistyle .yith-wcwl-add-button a.add_to_wishlist,
.bcp-card-digistyle .delete_item{
    line-height: 49px!important;
}
i.yith-wcwl-icon {
    vertical-align: middle!important;
}
.bcp-card-digistyle .yith-wcwl-add-button{
    height: 44px;
    overflow: hidden;
}
.bcp-card-digistyle-quick-look,
.bcp-card-digistyle-favorite,
.bcp-card-digistyle-compare
{
    height: 44px;
    overflow: hidden;
    line-height: 48px;
    text-align: center;
}
.yith-wcwl-icon{
    margin: 0!important;
}
.yith-wcwl-wishlistexistsbrowse .yith-wcwl-icon.fa-heart,
.yith-wcwl-wishlistaddedbrowse .yith-wcwl-icon.fa-heart
{
    color: #c3392c!important;
}

.bcp-card-digistyle .compare-button .compare.added{
    background: #fff;
    color: #fff!important;
    overflow: hidden;
}
.bcp-card-digistyle .compare-button .compare.added:after{
    color: #0e8044;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.bcp-modern-owl .bcp-owl-chevron{
    width: 34px;
    height: 60px;
    line-height: 59px;
    background: #fff;
    color: #555;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}
.bcp-modern-owl .bcp-owl-chevron.right{
    right: -10px;
}
.bcp-modern-owl .bcp-owl-chevron.left{
    left: -10px;
}

.bcp-modern-owl .bcp-carousel-dot span{
    border: 1px solid #111;
    background: transparent;
}

.bcp-modern-owl .bcp-carousel-dot.active span {
    background: #111;
}

/********************* horizontal card *********************/
.bcp-card-horizontal{
    display: flex;
    align-items: center;
    background: #fff;
    padding: 10px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    border: 1px solid #eee;
    transition: 300ms;
}
.bcp-card-horizontal:hover{
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}
.bcp-card-horizontal-image{
    width: 100px;
    height: 100px;
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
}
.bcp-card-horizontal-image img{
    width: 100%;
    height: auto;
}
.bcp-card-horizontal-content{
    width: 100%;
    border-right: 1px solid #ddd;
    padding-right: 15px;
    margin-right: 15px;
    display: flex;
    flex-direction: column;
    align-items: start;
    height: 70px;
    overflow: hidden;
}
html[dir=ltr] .bcp-card-horizontal-content{
    padding: 0 0 0 15px!important;
    margin: 0 0 0 15px!important;
    border-right: none;
    border-left: 1px solid #ddd;
}
.bcp-card-horizontal-content > a{
    display: block;
    width: 100%;
}

.bcp-card-horizontal-content .bcp-card-horizontal-title{
    margin: 0 0 7px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 10px;
    font-size: 13px;
    font-weight: normal;
    color: #111;
}
.bcp-card-horizontal-price-container{
    display: flex;
}
.bcp-card-horizontal-percent{
    display: inline-block;
    flex-shrink: 0;
    border-radius: 5px;
    color: #fff;
    background: #111;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 34px;
    margin-left: 10px;
    font-weight: 300;
    font-size: 13px;
}
.bcp-card-horizontal-price{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.bcp-card-horizontal-price-regular{
    font-size: 13px;
    text-decoration: line-through;
    color: #777;
    margin-left: 5px;
    font-weight: 400;
}
.bcp-card-horizontal-price-off{
    font-size: 13px;
    color: #111;
    font-weight: 400;
}
.bcp-card-horizontal-quick-look .quick-look-button {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
    background: #dcdcdc;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
    z-index: 1;
}

/********************* bestselling card *********************/
.bcp-card-bestselling{
    display: flex;
    align-items: stretch;
    text-decoration: none!important;
    outline: none!important;
}
.bcp-card-bestselling-image{
    width: 90px;
    min-height: 90px;
    flex-shrink: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bcp-card-bestselling-image img{
    width: auto;
    height: 100%;
    max-width: 100%;
}
.bcp-card-bestselling-count{
    font-size: 35px;
    font-weight: 800;
    color: #1ac2d7;
    margin: 0 10px;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.bcp-card-bestselling-content{
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #eee;
}
.bcp-card-bestselling .bcp-card-bestselling-title{
    font-size: 13px;
    font-weight: 400;
    color: #111;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    text-decoration: none;
    margin: 0;
}

/********************* selected card *********************/
.bcp-row-selected{
    grid-gap: 1px;
    background: #eee;
}
.bcp-card-selected{
    display: flex;
    flex-direction: column;
    text-decoration: none!important;
    background: #fff;
    padding: 10px;
}
.bcp-card-selected:hover{
    position: relative;
}
.bcp-card-selected-image{
    width: 100%;
    padding: 15px;
}
.bcp-card-selected-image img{
    width: 100%;
    height: auto;
}
.bcp-card-selected-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: rtl!important;
}
.bcp-card-selected-price{
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 100%;
}
.bcp-card-selected-price-regular{
    text-decoration: line-through;
    color: #777;
    font-size: 13px;
}
.bcp-card-selected-price-sale{
    color: #111;
    font-weight: 600;
    font-size: 15px;
}
.bcp-card-selected-percent{
    display: inline-block;
    padding: 4px 10px;
    color: #fff;
    background: #ef394e;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 400;
    flex-shrink: 0;
}

/********************* onsale card *********************/
.bcp-card-onsale{
    display: flex;
    flex-direction: column;
    padding: 12px;
    background: #fff;
    border: 1px solid #ddd;
    width: 100%;
    transition: 300ms;
    border-radius: 4px;
}
.bcp-card-onsale:hover{
    border-color: #bbb;
}
.bcp-card-onsale-image{
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}
.bcp-card-onsale-image img{
    width: 100%;
    height: auto;
}
.bcp-card-onsale-badge{
    line-height: normal;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    user-select: none;
    background: var(--colorMain);
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    border-radius: 17px 15px 24px 21px;
    padding: 7px;
    z-index: 1;
}
.bcp-card-onsale-content{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.bcp-card-onsale .bcp-card-onsale-title{
    color: #111;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    margin: 0 0 15px 0;
}
.bcp-card-onsale-price{
    margin-top: auto;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: self-end;
    direction: rtl!important;
}
.bcp-card-onsale-price-regular{
    color: #777;
    text-decoration: line-through;
    font-size: 13px;
    margin-left: 16px;
    display: inline-block;
}
.bcp-card-onsale-price-sale{
    background: var(--colorMain);
    position: relative;
    padding: 3px 15px;
    border-radius: 0 4px 4px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    min-width: 100px;
}
.bcp-card-onsale-price-sale:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 100%;
    left: 0;
    border-right: 16px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 12px solid var(--colorMain);
}

/********************* onsale card *********************/
.bcp-section{
    width: 100%;
    border-radius: 10px;
    background: #3f51b5;
    display: flex;
    flex-direction: column;
    min-height: 200px;
}
.bcp-section-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}
.bcp-section-holder{
    display: flex;
    flex-direction: column;
    align-items: start;
}
.bcp-section .bcp-section-title{
    display: block;
    font-weight: bold;
    font-size: 17px;
    color: #fff;
    line-height: normal;
    margin: 0;
}
.bcp-section-title:before{
    content: '';
    display: inline-block;
    width: 12px;
    height: 6px;
    background: var(--colorMain);
    margin-left: 6px;
    border-radius: 3px;
}
.bcp-section-subtitle{
    display: block;
    font-size: 13px;
    color: #fff;
    margin: 7px 0 0 0;
    font-weight: 300;
}
a.bcp-section-more,a.bcp-section-more:not([href]):not([tabindex]){
    flex-shrink: 0;
    display: block;
    padding: 4px 12px;
    border-radius: 100px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    font-size: 13px;
    text-decoration: none!important;
    transition: 300ms;
}
.bcp-section-more i{
    margin-right: 4px;
}
.bcp-section-more span{
    display: inline-block;
}
html[dir=ltr] .bcp-section-more i{
    transform: rotate(180deg);
    display: inline-block;
    margin: 0 0 0 5px;
}
html[dir=ltr] .bcp-custom-owl-navs.bcp-mr-auto{
    margin-right: 0!important;
    margin-left: auto!important;
}
html[dir=ltr] .bcp-custom-owl-navs{
    direction: rtl!important;
}
html[dir=ltr] .bcp-section-title:before{
    margin: 0 6px 0 0!important;
}
html[dir=ltr] .bcp-section-image{
    margin: 0 40px 0 0!important;
}
html[dir=ltr] .bcp-card-2-footer-overly,
html[dir=ltr] .bcp-card-3-footer-overly{
    left: 60px;
    right: auto;
    padding: 0 8px 0 0;
}
html[dir=ltr] .bcp-card-2-price-sale{
    direction: ltr!important;
}

html[dir=ltr] .bcp-card-3-cart{
    direction: rtl!important;
}
html[dir=ltr] .bcp-card-3-cart span{
    display: inline-block;
}

a.bcp-section-more:hover,a.bcp-section-more:not([href]):not([tabindex]):hover{
    background: #fff;
    color: var(--colorMain);
}
.bcp-section-content{
    padding: 30px;
    display: flex;
    align-items: center;
}
.bcp-section-image{
    width: 170px;
    margin-left: 40px;
    float: right;
}
.bcp-section-content.left{
    flex-direction: row-reverse!important;
}
.bcp-section-content.left .bcp-section-image{
    margin: 0 40px 0 0;
}
.bcp-section-image img{
    width: 100%;
    height: auto;
}
.bcp-section .bcp-row{
    float: left;
    width: calc(100% - 210px)!important;
}

.bcp-custom-owl-navs{
    display: flex;
    align-items: center;
    padding: 0 20px;
    cursor: default;
}
.bcp-custom-owl-nav{
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 29px;
    font-size: 15px;
    color: #111;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    transition: 100ms;
}
.bcp-custom-owl-nav:hover{
    background: #111;
    color: #fff;
}
.bcp-custom-owl-nav.left{
    margin-right: 5px;
}
.bcp-mr-auto{
    margin-right: auto!important;
}


/********************* tabs *********************/
.bcp-tabs{
    display: block;
    width: 100%;
}
.bcp-tabs-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.bcp-tabs-head-title {
    font-size: 18px;
    font-weight: 400;
    color: #111;
    border-bottom: 3px solid var(--colorMain);
}
.bcp-tabs-nav{
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
}
.bcp-tabs-nav-item{
    display: inline-block;
    color: #666;
    cursor: pointer;
    text-decoration: none!important;
    margin-left: 10px;
    padding: 3px 10px;
    line-height: 30px;
    position: relative;
    transition: 300ms;
    font-size: 16px;
    font-weight: 500;
    flex-shrink: 0;
    z-index: 1;
}
.bcp-tabs-nav .bcp-tabs-nav-item:last-of-type{
    margin-left: 0!important;
}
.bcp-tabs-nav-item:before{
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: 300ms;
    z-index: -1;
    border-radius: 6px;
}
.bcp-tabs-nav-item.active:before{
    width: 100%!important;
    height: 100%;
    background: var(--colorMain);
}
.bcp-tabs-nav-item:hover:before{
    background: var(--colorMain);
}
.bcp-tabs-nav-item:hover{
    color: var(--colorMain);
}
.bcp-tabs-nav-item.active{
    color: #fff!important;
}
.bcp-tabs-content{
    position: relative;
}
.bcp-tab-content{
    width: 100%;
}
.bcp-tab-content:not(.active){
    display: none;
}


/********************* instant offer *********************/
.bcp-instant-offer{
    width: 100%;
    position: relative;
}
.bcp-instant-offer-timeline{
    height: 5px;
    position: absolute;
    background: rgba(23,206,162,0.31);
    border-radius: 5px;
    margin-bottom: 4px;
    overflow: hidden;
    z-index: 2;
    right: 0;
    top: -8px;
    width: 100%;
}
.bcp-instant-offer-timeline-filled{
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background: var(--colorMain);
    animation: linear bcptimeline 5000ms infinite;
}
@keyframes bcptimeline {
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}


/********************* banta card 2 *********************/
.bcp-card-2{
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.16);
    overflow: hidden;
    transition: 400ms;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.bcp-card-2:hover{
    transform: translate(0,-2px);
    box-shadow: 0 8px 10px rgba(0,0,0,0.16);
}
.bcp-section .bcp-card-2,
.bcp-section .bcp-card-3 {
    transform: none!important;
}

.bcp-instant-offer .bcp-card-2,
.bcp-instant-offer .bcp-card-3
{
    transform: none!important;
    box-shadow: none;
}

.bcp-card-2-image{
    height: 200px;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
.bcp-card-2-image.fill img{
    height: 100%!important;
    object-fit: cover;
    width: 100%!important;
}
.bcp-card-2-image img{
    width: auto!important;
    max-width: 100%!important;
    height: auto!important;
    max-height: 100%!important;
}
.bcp-card-2-badge{
    position: absolute;
    margin: 10px;
    display: inline-block;
    padding: 6px 10px;
    background: var(--colorMain);
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    user-select: none;
}
.bcp-card-2-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.bcp-card-2 .bcp-card-2-title{
    font-size: 14px;
    color: #111;
    font-weight: normal;
    display: block;
    margin: 0 16px 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bcp-card-2-footer{
    background: #eee;
    padding: 0 10px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    margin-top: auto;
}
.bcp-card-2-footer-overly{
    height: 100%;
    width: calc(100% - 60px);
    position: absolute;
    bottom: 100%;
    right: 60px;
    transition: 400ms;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: end;
    z-index: 1;
    padding-left: 8px;
}
.bcp-card-2:hover .bcp-card-2-price{
    opacity: 0!important;
}
.bcp-card-2:hover .bcp-card-2-footer-overly{
    opacity: 1;
    bottom: 0;
}
.bcp-card-2-cart{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    background: #ddd;
    color: #777;
    border-radius: 5px;
    transition: 400ms;
}
.bcp-card-2:hover .bcp-card-2-cart{
    background: var(--colorMain);
    color: #fff;
}
.bcp-card-2-price{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    opacity: 1;
    transition: 400ms;
}
.bcp-card-2-price-sale{
    font-size: 14px;
    color: #111;
    direction: rtl;
    font-weight: normal;
}
.bcp-card-2-price-regular{
    font-size: 12px;
    color: #777;
    font-weight: normal;
    text-decoration: line-through;
}

.bcp-card-2-quick-look,
.bcp-card-2-compare,
.bcp-card-2-favorite {
    min-width: 40px;
}
.bcp-card-2 a.compare.button,
.bcp-card-2 .quick-look-button,
.bcp-card-2 .yith-wcwl-add-button a.add_to_wishlist,
.bcp-card-2 .delete_item
{
    display: inline-block;
    width: 100%;
    padding: 0;
    height: 44px;
    line-height: 45px;
    font-size: 17px;
    text-align: center;
    background: transparent!important;
    color: #111!important;
    margin: 0;
    border-radius: 0;
    cursor: pointer;
}
.bcp-card-2 a.compare.button:hover,
.bcp-card-2 .quick-look-button:hover,
.bcp-card-2 .yith-wcwl-add-button a.add_to_wishlist:hover,
.bcp-card-2 .delete_item:hover{
    opacity: 0.7;
}
.bcp-card-2 .delete_item {
    color: #c3392c!important;
}
.bcp-card-2 .yith-wcwl-add-button a.add_to_wishlist,
.bcp-card-2 .delete_item,
.bcp-card-2 .quick-look-button
{
    display: inline-block;
    height: 44px;
    overflow: hidden;
    line-height: 47px;
    padding: 0!important;
}
.bcp-card-2 .yith-wcwl-add-button a.add_to_wishlist,
.bcp-card-2 .delete_item{
    line-height: 49px!important;
}
i.yith-wcwl-icon {
    vertical-align: middle!important;
}
.bcp-card-2 .yith-wcwl-add-button{
    height: 44px;
    overflow: hidden;
}
.bcp-card-2-quick-look,
.bcp-card-2-favorite,
.bcp-card-2-compare
{
    width: 44px;
    height: 44px;
    overflow: hidden;
    line-height: 44px;
    text-align: center;
}
.yith-wcwl-icon{
    margin: 0!important;
}
.yith-wcwl-wishlistexistsbrowse .yith-wcwl-icon.fa-heart,
.yith-wcwl-wishlistaddedbrowse .yith-wcwl-icon.fa-heart
{
    color: #c3392c!important;
}
.bcp-card-2 .bcp-card-2-footer-overly .compare-button > a.compare.added{
    background: #fff;
    color: transparent!important;
    overflow: hidden;
}
.bcp-card-2 .compare-button .compare.added:after{
    color: #0e8044;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

/********************* banta card 3 *********************/
.bcp-card-3{
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.16);
    overflow: hidden;
    transition: 400ms;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.bcp-card-3:hover{
    transform: translate(0,-2px);
    box-shadow: 0 8px 10px rgba(0,0,0,0.16);
}
.bcp-card-3-image{
    height: 200px;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
.bcp-card-3-image.fill img{
    height: 100%!important;
    object-fit: cover;
    width: 100%!important;
}
.bcp-card-3-image img{
    width: auto!important;
    max-width: 100%!important;
    height: auto!important;
    max-height: 100%!important;
}
.bcp-card-3-badge{
    position: absolute;
    margin: 10px;
    display: inline-block;
    padding: 6px 10px;
    background: var(--colorMain);
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    user-select: none;
}
.bcp-card-3-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.bcp-card-3 .bcp-card-3-title{
    font-size: 14px;
    color: #111;
    font-weight: normal;
    display: block;
    margin: 0 16px 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
.bcp-card-3-footer{
    padding: 0 10px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    margin-top: auto;
}
.bcp-card-3-footer-overly{
    height: 100%;
    width: calc(100% - 60px);
    position: absolute;
    bottom: 0;
    right: 100%;
    transition: 400ms;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: end;
    z-index: 1;
    padding-left: 10px;
}
.bcp-card-3:hover .bcp-card-3-footer-overly{
    opacity: 1;
    right: 60px;
}
.bcp-card-3-cart{
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    background: #ececec;
    color: #777;
    border-radius: 50px;
    transition: 400ms;
    padding: 1px 2px 0 0;
}
.bcp-card-3-cart span{
    font-size: 13px;
    font-weight: normal;
    margin-right: 8px;
}
.bcp-card-3:hover .bcp-card-3-cart{
    width: 40px;
}
.bcp-card-3:hover .bcp-card-3-cart span{
    display: none;
}
.bcp-card-3:hover .bcp-card-3-cart{
    background: var(--colorMain);
    color: #fff;
}
.bcp-card-3-price{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    gap: 10px;
    margin-bottom: 8px;
}
.bcp-card-3-price-sale{
    font-size: 15px;
    color: var(--colorMain);
    font-weight: 600;
}
.bcp-card-3-price-regular{
    font-size: 12px;
    color: #777;
    font-weight: normal;
    text-decoration: line-through;
}

.bcp-card-3-quick-look,
.bcp-card-3-compare,
.bcp-card-3-favorite {
    min-width: 42px;
}
.bcp-card-3 a.compare.button,
.bcp-card-3 .quick-look-button,
.bcp-card-3 .yith-wcwl-add-button a.add_to_wishlist,
.bcp-card-3 .delete_item
{
    display: inline-block;
    width: 100%;
    padding: 0;
    height: 44px;
    line-height: 45px;
    font-size: 17px;
    text-align: center;
    background: transparent!important;
    color: #111!important;
    margin: 0;
    border-radius: 0;
    cursor: pointer;
}
.bcp-card-3 a.compare.button:hover,
.bcp-card-3 .quick-look-button:hover,
.bcp-card-3 .yith-wcwl-add-button a.add_to_wishlist:hover,
.bcp-card-3 .delete_item:hover{
    opacity: 0.7;
}
.bcp-card-3 .delete_item {
    color: #c3392c!important;
}
.bcp-card-3 .yith-wcwl-add-button a.add_to_wishlist,
.bcp-card-3 .delete_item,
.bcp-card-3 .quick-look-button
{
    display: inline-block;
    height: 44px;
    overflow: hidden;
    line-height: 47px;
    padding: 0!important;
}
.bcp-card-3 .yith-wcwl-add-button a.add_to_wishlist,
.bcp-card-3 .delete_item{
    line-height: 49px!important;
}
i.yith-wcwl-icon {
    vertical-align: middle!important;
}
.bcp-card-3 .yith-wcwl-add-button{
    height: 44px;
    overflow: hidden;
}
.bcp-card-3-quick-look,
.bcp-card-3-favorite,
.bcp-card-3-compare
{
    width: 44px;
    height: 44px;
    overflow: hidden;
    line-height: 44px;
    text-align: center;
}
.yith-wcwl-icon{
    margin: 0!important;
}
.yith-wcwl-wishlistexistsbrowse .yith-wcwl-icon.fa-heart,
.yith-wcwl-wishlistaddedbrowse .yith-wcwl-icon.fa-heart
{
    color: #c3392c!important;
}
.bcp-card-3 .bcp-card-3-footer-overly .compare-button > a.compare.added{
    background: #fff;
    color: transparent!important;
    overflow: hidden;
}
.bcp-card-3 .compare-button .compare.added:after{
    color: #0e8044;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

/********************* banta single card *********************/
.bcp-single-card{
    position: relative;
    width: 100%;
    height: 400px;
}
.bcp-single-card-image{
    top: 0;
    left: 0;
    position: absolute;
    width: calc(60% - 70px);
    height: 100%;
    background: #fff;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 400ms;
    border-radius: 20px;
    overflow: hidden;
}
.bcp-single-card .bcp-single-card-image > a{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bcp-single-card .bcp-single-card-image img{
    width: auto!important;
    max-width: 100%;
    height: auto!important;
    max-height: 100%;
}
.bcp-single-card-image.fill img{
    height: 100%!important;
    object-fit: cover;
    width: 100%!important;
}
.bcp-single-card-content{
    width: calc(50% - 70px);
    flex-shrink: 0;
    background: #ffffff;
    height: 200px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 170px;
    margin: auto;
    z-index: 1;
    border-radius: 20px;
    padding: 20px;
    transition: 500ms;
    box-shadow: -2px 3px 10px rgb(0 0 0 / 15%);
    display: flex;
    flex-direction: column;
    align-items: start;
}
.bcp-single-card-badge{
    line-height: normal;
    position: absolute;
    display: inline-block;
    user-select: none;
    background: var(--colorMain);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 50px;
    padding: 15px 25px;
    margin: 20px;
    z-index: 1;
}
.owl-item.active .bcp-single-card-content{
    right: 70px;
}
.bcp-single-card-content .bcp-single-card-title-link{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bcp-single-card .bcp-single-card-title{
    font-size: 18px;
    font-weight: bold;
    color: #111;
    display: block;
    margin: 0 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bcp-single-card-footer{
    width: 100%;
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    direction: rtl!important;
}

.bcp-single-card-cart{
    display: block;
    cursor: pointer;
    padding: 10px;
    border-radius: 8px;
    background: var(--colorMain);
    background: linear-gradient(45deg, var(--colorMain), #673ab7);
    color: #fff;
    font-size: 14px;
    min-width: 180px;
    text-align: center;
    transition: 300ms;
    font-weight: 400;
}
.bcp-single-card-cart span{
    margin-right: 5px;
}
html[dir=ltr] .bcp-single-card-cart span{
    margin: 0 0 0 5px!important;
}
.bcp-single-card-cart:hover{
    color: #fff;
    box-shadow: -2px 2px 8px rgba(23, 206, 162, 0.5);
}
.bcp-single-card-price{
    display: flex;
    flex-direction: column;
    align-items: end;
    margin-right: auto;
}
.bcp-single-card-price-regular{
    font-size: 14px;
    color: #777;
    text-decoration: line-through;
    display: block;
    margin-bottom: 4px;
}
.bcp-single-card-price-sale{
    font-size: 17px;
    font-weight: bold;
    display: block;
    color: #111;
}

.owl-single-card-navs .bcp-owl-chevron{
    width: 50px!important;
    height: 50px!important;
    line-height: 50px!important;
}
.owl-single-card-navs .bcp-owl-chevron.left{
    right: 0!important;
    left: auto!important;
    top: -60px!important;
}
.owl-single-card-navs .bcp-owl-chevron.right{
    right: 0!important;
    top: 60px!important;
}


/********************* banta slide item *********************/
.bcp-slide-item{
    position: relative;
    min-height: 100px;
}
.bcp-slide-item img{
    width: 100%;
    height: auto;
    display: block;
}
.bcp-slide-item .bcp-slide-item-title{
    position: absolute;
    margin: 20px;
    background-color: var(--colorMain);
    color: #111;
    padding: 20px;
    border-radius: 8px 0 0 8px;
    border-right: 4px solid black;
    box-shadow: -4px 4px 15px rgba(0, 0, 0, 0.15);
    font-size: 20px;
    font-weight: bold;
}
.bcp-slide-item .bcp-slide-item-title:after{
    content: '';
    display: block;
    position: absolute;
    right: calc(100% + 4px);
    top: 0;
    bottom: 0;
    margin: auto;
    width: 5px;
    height: 80%;
    background: var(--colorMain);
    border-radius: 50px;
}
.bcp-slide-item .bcp-slide-item-title:before{
    content: '';
    display: block;
    position: absolute;
    right: calc(100% + 13px);
    top: 0;
    bottom: 0;
    margin: auto;
    width: 5px;
    height: 50%;
    background: var(--colorMain);
    border-radius: 50px;
}



.bcp-owl-full-height .owl-stage{
    display: flex!important;
}
.bcp-owl-full-height .owl-item{
    flex-shrink: 0;
}
.bcp-owl-full-height .owl-item > .bcp-card{
    height: 100%!important;
}


@media (max-width: 992px) {
    .bcp-section-head{
        padding: 15px;
    }
    .bcp-single-card{
        height: auto;
    }
    .bcp-single-card-image{
        position: static;
        margin: 0 auto 0 0;
        height: 240px;
        width: calc(100% - 50px)!important;
        border-radius: 20px 20px 0 0;
    }
    .bcp-single-card-image img{
        padding: 20px;
    }
    .bcp-single-card-content{
        position: static;
        width: 100%;
        height: auto;
        border-radius: 0 20px 20px 20px;
        box-shadow: none;
        border: none;
    }
    .owl-single-card-navs .bcp-owl-chevron.left{
        bottom: auto!important;
        top: 0!important;
        width: 30px!important;
        border-radius: 20px;
    }
    .owl-single-card-navs .bcp-owl-chevron.right{
        bottom: auto!important;
        width: 30px!important;
        border-radius: 20px;
    }

    .bcp-tabs-head{
        flex-direction: column;
        align-items: start;
    }
    .bcp-tabs-head-title{
        margin-bottom: 25px;
    }
    .bcp-hide-992{
        display: none!important;
    }
    .hide-in-tablet{
        display: none;
    }
    .bcp-row-tablet-1{
        grid-template-columns: auto!important;
    }
    .bcp-row-tablet-2{
        grid-template-columns: 1fr 1fr!important;
    }
    .bcp-row-tablet-3{
        grid-template-columns: 1fr 1fr 1fr!important;
    }
    .bcp-row-tablet-4{
        grid-template-columns: 1fr 1fr 1fr 1fr!important;
    }

    .bcp-card-1-overly{
        flex-direction: column;
        align-items: start;
        padding: 10px;
        width: auto;
        height: auto;
        left: auto;
        right: 0;
        bottom: 0;
    }
    .bcp-card-1-overly .bcp-card-1-compare,
    .bcp-card-1-overly .bcp-card-1-quick-look,
    .bcp-card-1-overly .bcp-card-1-favorite{
        margin: 5px 0 0 0!important;
    }
    .bcp-card-1-overly .yith-wcwl-add-button,
    .bcp-card-1-overly .bcp-card-1-favorite,
    .bcp-card-1-overly .bcp-card-1-compare,
    .bcp-card-1-overly .bcp-card-1-quick-look {
        height: 30px;
    }
    .bcp-card-1-overly .quick-look-button{
        line-height: 30px!important;
    }
    .bcp-card-1-overly .add_to_wishlist,
    .bcp-card-1-overly .delete_item,
    .bcp-card-1-overly .quick-look-button
    {
        height: 30px;
        width: 30px;
        line-height: 32px;
        font-size: 15px;
    }
    .bcp-card-1-overly .yith-wcwl-wishlistexistsbrowse,
    .bcp-card-1-overly .yith-wcwl-wishlistaddedbrowse{
        width: 30px!important;
        height: 30px!important;
        line-height: 32px!important;
    }

    .bcp-card-1-compare .compare-button .compare{
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 15px;
    }
    .bcp-card-1-overly .add_to_wishlist.single_add_to_wishlist{
        width: 30px !important;
        height: 30px !important;
        line-height: 34px !important;
    }

    .bcp-modal-image{
        width: 100%!important;
        height: auto!important;
        border-left: none;
    }
    .bcp-modal-image .owl-item{
        height: auto!important;
    }
    .bcp-modal-image .owl-item img{
        height: auto;
        max-height: 330px;
    }
    .bcp-modal{
        max-height: calc(100% - 100px);
        display: block;
        top: 50px;
        width: calc(100% - 20px);
        bottom: auto;
        overflow-y: auto;
    }

    .bcp-modal-body{
        width: 100%;
        padding: 15px;
    }
    .bcp-modal-close{
        background: #fff;
        border-radius: 0 0 12px 0;
    }
    .bcp-modal-footer{
        position: sticky;
        width: 100%;
    }
    .bcp-modal-more{
        margin-top: 10px;
        padding: 10px;
        border-radius: 6px;
        font-weight: 500;
        font-size: 14px;
    }
    .bcp-card-horizontal-image{
        width: 60px;
        height: 60px;
    }

    .bcp-section-content{
        padding: 15px;
        margin-left: 15px;
        margin-bottom: 5px;
        overflow-x: auto;
    }
    .bcp-section-image{
        width: 120px!important;
        margin: 0 0 0 20px!important;
        float: right!important;
    }

    .bcp-section .bcp-row{
        float: left!important;
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        width: calc(100% - 140px)!important;
    }
    .bcp-section .bcp-row .bcp-card{
        flex-shrink: 0;
        width: 190px;
    }
    .bcp-section-more{
        font-size: 12px;
    }
    .bcp-section-subtitle{
        font-size: 11px;
    }
    /* width */
    .bcp-section-content::-webkit-scrollbar {
        height: 4px;
    }

    /* Track */
    .bcp-section-content::-webkit-scrollbar-track {
        background: transparent;
    }

    /* Handle */
    .bcp-section-content::-webkit-scrollbar-thumb {
        background: rgba(255,255,255,0.35);
        border-radius: 10px;
    }

    /* Handle on hover */
    .bcp-section-content::-webkit-scrollbar-thumb:hover {
        background: #fff;
    }
}

@media (max-width: 768px) {
    .bcp-card-1-image{
        width: 40%;
    }
    .bcp-card-1-content{
        width: 60%;
        margin-right: 40%;
        padding: 15px 10px;
    }
    .bcp-card-1-add-btn{
        min-height: 34px;
        line-height: 34px;
    }
    .bcp-card-1-more-btn{
        width: 34px;
        height: 34px;
        line-height: 34px;
    }
    .bcp-tabs-nav-item{
        font-size: 14px;
        margin-left: 5px;
    }

}

@media (max-width: 576px) {
    .bcp-single-card-image{
        height: 200px;

    }
    .bcp-single-card-cart{
        min-width: auto;
        padding: 10px 14px;
        font-size: 12px;
    }


    .hide-in-tablet{
        display: block;
    }
    .hide-in-mobile{
        display: none!important;
    }
    .bcp-row-mobile-1{
        grid-template-columns: auto!important;
    }
    .bcp-row-mobile-2{
        grid-template-columns: 1fr 1fr!important;
    }
    .bcp-row-mobile-3{
        grid-template-columns: 1fr 1fr 1fr!important;
    }
    .bcp-row-mobile-4{
        grid-template-columns: 1fr 1fr 1fr 1fr!important;
    }

    .bcp-card-1.bcp-card-1-mobile-vertical{
        flex-direction: column;
    }

    .bcp-card-1-mobile-vertical .bcp-card-1-image.with-separator{
        border-left: none;
        border-bottom: 1px solid #ddd;
    }

    .bcp-card-1.bcp-card-1-mobile-vertical .bcp-card-1-image{
        position: relative;
        width: 100%;
        height: auto;
        max-height: 220px;
    }
    .bcp-card-1.bcp-card-1-mobile-vertical .bcp-card-1-content{
        width: 100%;
        margin-right: 0;
    }
    .bcp-card-1.bcp-card-1-mobile-vertical .bcp-card-1-image > a{
        height: auto;
    }
}

.banta-elementor-menu{
    position: relative;
    z-index: 51;
}
.banta-elementor-menu li{
    display: inline-block;
    position: relative;
}

.banta-elementor-menu li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333;
    font-weight: 400;
    font-size: 15px;
    position: relative;
    padding: 7px 12px;
    transition: 350ms;
    z-index: 1;
    border-radius: 8px;
}
.banta-elementor-menu li a img{
    margin-bottom: 5px;
}
.banta-elementor-menu li a:before{
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    background: var(--colorMain);
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    transition: 350ms;
    opacity: 0.2;
    z-index: -1;
    border-radius: 8px;
}
.banta-elementor-menu li:hover > a{
    color: var(--colorMain);
}
.banta-elementor-menu li.menu-item-has-children > a:after{
    content: "\e913";
    font-family: 'icomoon' !important;
    display: inline-block;
    margin-right: 4px;
    vertical-align: bottom;
}

.banta-elementor-menu li.menu-item-has-children:hover > a:after{
    content: "\e914";
}

.banta-elementor-menu li:hover > a:before{
    width: 100%;
}
.banta-elementor-menu li ul{
    position: absolute;
    width: 200px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.12);
    top: calc(100% + 10px);
    right: 0;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    transition: 300ms;
    border-radius: 10px;
}
.banta-elementor-menu .menu > li:hover > ul{
    visibility: visible;
    opacity: 1;
    top: 100%;
}
.banta-elementor-menu li ul li{
    display: block;
}
.banta-elementor-menu li ul li a{
    font-size: 14px;
}
.banta-elementor-menu li ul li.menu-item-has-children > a:after{
    content: "\e912"!important;
    color: var(--colorMain);
}

.banta-menu-backdrop{
    display: none;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 50;
    background: rgba(0,0,0,.4);
    -webkit-backdrop-filter: blur(2em);
    backdrop-filter: blur(2em);
}
nav.navigation.posts-navigation {
    display: none;
}
@media (min-width: 992px) {
    .banta-menu-backdrop{
        display: none!important;
    }
}
.banta-el-menu-item-toggle{
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 1;
    background: #eee;
    width: 44px;
    height: 44px;
    border-radius: 10px;
}

.banta-elementor-menu li ul li a,
.banta-elementor-menu li:hover ul li a{
}

.banta-elementor-menu li ul li a:before {
    background: var(--colorMain);
    left: auto;
}
.banta-elementor-menu li ul ul{
    top: 0;
    border: 0;
    right: calc(100% - 20px);
    z-index: 1;
}

.banta-elementor-menu .menu > li > ul li:hover > ul{
    opacity: 1;
    visibility: visible;
    right: calc(100% - 10px);
}





.banta-elementor-toggle,
.banta-elementor-cart-button,
.banta-elementor-account-button{
    color: #333;
    background: #f1f1f1;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
    border-radius: 4px;
}
.banta-elementor-cart-button,
.banta-elementor-account-button{
    display: inline-flex;
    transition: 300ms;
    position: relative;
}
.banta-elementor-account-button {
    width: auto;
    padding: 0 12px;
}
.banta-elementor-account-button.signin{
    font-size: 14px;
}
.banta-elementor-account-button.signin:after{
    content: none!important;
}
.banta-elementor-cart-button:hover,
.banta-elementor-account-button:hover{
    color: var(--colorMain);
}
.banta-elementor-account-button:after{
    content: "\e913";
    font-family: 'icomoon' !important;
    display: inline-block;
    margin-right: 7px;
    font-size: 14px;
}

.banta-btn-cart-count{
    position: absolute;
    display: inline-flex;
    width: 16px;
    height: 16px;
    font-size: 10px;
    color: #fff;
    background: var(--colorMain);
    align-items: center;
    justify-content: center;
    top: -4px;
    right: -4px;
    border-radius: 50%;
    transition: 100ms;
}
.banta-elementor-cart-button:hover .banta-btn-cart-count{
    transform: translate(2px,-2px);
}
.banta-account-dropdown {
    position: absolute;
    top: calc(100% - 15px);
    z-index: 61;
    background: #fff;
    width: 180px;
    left: 0;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 0 10px #00000026;
    transition: 300ms;
    opacity: 0;
    visibility: hidden;
}
html[dir=ltr] .banta-account-dropdown{
    left: auto;
    right: 0!important;
}

.banta-account-dropdown li{
    display: block;
}
.banta-account-dropdown li a{
    text-align: right;
    display: block;
    font-size: 14px;
    padding: 5px 0;
    color: #333;
    transition: 200ms;
}
html[dir=ltr] .banta-account-dropdown li a{
    direction: ltr;
    text-align: left;
}
.banta-account-dropdown li a i{
    margin-left: 5px;
    color: #b7b7b7;
    transition: 200ms;
}
html[dir=ltr] .banta-account-dropdown li a i{
    margin:0 5px 0 0;
}
.banta-account-dropdown li a:hover{
    color: var(--colorMain);
}
.banta-account-dropdown li a:hover i{
    color: var(--colorMain);
}
.banta-elementor-account-button:hover .banta-account-dropdown{
    visibility: visible;
    opacity: 1;
    top: calc(100% - 5px);
}
.banta-elementor-account-button.hide-chevron:after{
    content: none!important;
}


.banta-elementor-toggle{
    display: none;
}
.banta-menu-heading{
    padding: 0 15px;
    height: 56px;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.banta-menu-heading-back{
    display: flex;
    width: 56px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #eee;
    color: #333;
    cursor: pointer;
}
html[dir=ltr] .banta-menu-heading-back{
    transform: rotate(-180deg);
}
.banta-menu-heading-name{
    font-weight: bold;
    font-size: 14px;
    color: var(--colorMain);
}


/************ yith filter ********/
.yith-wcan-filters{
    background: transparent!important;
}
.filter-item label{
    display: flex;
    align-items: center;
    font-size: 13px;
}
.filter-item label input{
    margin-left: 5px;
}
.yith-wcan-filter .filter-title {
    font-size: 16px;
    margin-bottom: 15px;
}
.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown:after{
    right: auto!important;
    left: 15px;
}
:root {
    --yith-wcan-filters_colors_accent: var(--colorMain)!important;
    --yith-wcan-labels_style_background_hover: var(--colorMain)!important;;
    --yith-wcan-labels_style_background_active: var(--colorMain)!important;;
    --yith-wcan-anchors_style_text_hover: var(--colorMain)!important;;
    --yith-wcan-anchors_style_text_active: var(--colorMain)!important;;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    background-color: var(--colorMain) !important;
}
.woocommerce .widget_price_filter .ui-slider-horizontal{
    height: 0.3em!important;
}
.woocommerce .widget_price_filter .price_slider_amount .button{
    font-size: 14px!important;
    font-weight: 400;
    border-radius: 8px;
    width: 100%;
    margin-bottom: 10px;
}
.widget-title{
    font-size: 16px;
    margin:20px 0 10px;
    font-weight: 700;
}
html[dir=ltr] .widget-title{
    text-align: left!important;
    direction: ltr!important;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
    background-color: #dedede!important;
}
.rtl.woocommerce .price_label, .rtl.woocommerce .price_label span {
    direction: rtl!important;
    text-align: right!important;
    font-size: 13px;
    font-weight: 600;
}
.woocommerce-ordering select{
    padding: 3px 15px 3px 40px!important;
    border-radius: 7px!important;
    font-size: 14px!important;
}
.woocommerce .woocommerce-ordering{
    margin: 0!important;
}
.woocommerce-breadcrumb {
    margin: 0!important;
}

li.cat-item {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: var(--colorMain);
    border-bottom: 1px solid #eee;
    padding: 6px 0 5px;
}
.cat-item .count {
    font-weight: 700;
    margin-right: 5px;
    float: left;
}
li.cat-item a{
    color: #333;
    display: inline-block;
}
li.cat-item:last-of-type{
    border-bottom: none;
}
li.cat-item a:hover{
    color: var(--colorMain);
}
html[dir=ltr] li.cat-item{
    text-align: left!important;
}
html[dir=ltr] .cat-item .count {
    float: right!important;
}



.banta-image-slider.arrow-top-right .bcp-carousel-nav{
    top: 0;
    right: 0;
}

.banta-image-slider.arrow-top-left .bcp-carousel-nav{
    top: 0;
    left: 0;
}
.banta-image-slider.arrow-bottom-right .bcp-carousel-nav{
    bottom: 0;
    right: 0;
}
.banta-image-slider.arrow-bottom-left .bcp-carousel-nav{
    bottom: 0;
    left: 0;
}

.banta-image-slider.arrow-top-right .bcp-carousel-nav,
.banta-image-slider.arrow-top-left .bcp-carousel-nav,
.banta-image-slider.arrow-bottom-right .bcp-carousel-nav,
.banta-image-slider.arrow-bottom-left .bcp-carousel-nav{
    height: auto;
    direction: ltr;
    margin: 20px;
    z-index: 2;
    position: absolute;
}

.banta-image-slider.arrow-top-right .owl-prev,
.banta-image-slider.arrow-top-left .owl-prev,
.banta-image-slider.arrow-bottom-right .owl-prev,
.banta-image-slider.arrow-bottom-left .owl-prev{
    margin-right: 10px;
}
.banta-image-slider.arrow-top-right .bcp-owl-chevron,
.banta-image-slider.arrow-top-left .bcp-owl-chevron,
.banta-image-slider.arrow-bottom-right .bcp-owl-chevron,
.banta-image-slider.arrow-bottom-left .bcp-owl-chevron{
    position: static!important;
}
.banta-image-slider .bcp-carousel-dots{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: center;
    padding: 15px;
}
.banta-image-slider.dots-text-left .bcp-carousel-dots{
    text-align: left!important;
}
.banta-image-slider.dots-text-center .bcp-carousel-dots{
    text-align: center!important;
}
.banta-image-slider.dots-text-right .bcp-carousel-dots{
    text-align: right!important;
}

html[dir=ltr] .banta-elementor-menu li ul{
    right: auto;
    left: 0;
}

html[dir=ltr] .banta-elementor-menu .menu > li > ul li:hover > ul{
    right: auto;
    left: calc(100% - 10px);
}
html[dir=ltr] .banta-elementor-menu .menu > li > ul ul{
    left: calc(100% - 20px);
}
html[dir=ltr] .banta-elementor-menu li.menu-item-has-children > a:after{
    margin: 0 0 0 4px!important;
}
html[dir=ltr] .banta-elementor-menu li ul li.menu-item-has-children > a:after{
    content: "\e911"!important;
}
html[dir=ltr] .banta-elementor-menu li ul li a:before{
    left: 0!important;
    right: auto!important;
}



@media (max-width: 992px) {
    .banta-el-menu-item-toggle{
        display: flex;
    }
    html[dir=ltr] .banta-el-menu-item-toggle{
        left: auto;
        right: 0;
        transform: rotate(180deg);
    }
    .banta-elementor-toggle{
        display: inline-flex;
    }
    .banta-elementor-menu li.menu-item-has-children a:after,
    .banta-elementor-menu li ul li.menu-item-has-children > a:after{
        content: none!important;
        display: none!important;
    }
    .banta-elementor-menu li ul{
        width: 270px;
        top: 10px!important;
        right: 10px!important;
        left: auto;
        position: fixed;
        border-radius: 15px;
        z-index: 2;
        padding: 56px 10px 10px 10px!important;
        height: calc(100% - 20px);
        visibility: hidden!important;
        opacity: 0!important;
        overflow-x: auto;
        background: #fff!important;
    }
    html[dir=ltr] .banta-elementor-menu li ul{
        right: auto!important;
        left: 10px!important;
    }
    .banta-elementor-menu li ul.open{
        visibility: visible!important;
        opacity: 1!important;
    }
    .banta-elementor-menu li ul ul{
        z-index: 2;
    }
    .banta-elementor-menu li a{
        color: #333!important;
        justify-content: start!important;
    }
    .banta-elementor-menu li:hover a{
        color: #333;
    }
    .banta-elementor-menu li a:before{
        content: none;
    }
    .banta-elementor-menu{
        position: fixed;
        width: 270px;
        background: #fff;
        top: 10px;
        right: -250px;
        height: calc(100% - 20px);
        border-radius: 15px;
        padding: 10px;
        overflow-x: auto;
        visibility: hidden;
        opacity: 1;
        transition: 350ms;
    }
    html[dir=ltr] .banta-elementor-menu{
        right: auto!important;
        left: -250px;
    }
    .banta-elementor-menu.open{
        opacity: 1;
        visibility: visible;
        right: 10px;
    }
    html[dir=ltr] .banta-elementor-menu.open{
        left: 10px;
    }
    .banta-elementor-menu li{
        display: block;
        border-bottom: 1px solid #e2e2e2;
        height: 50px;
        margin-bottom: 5px;
    }
    .banta-elementor-menu ul > li:last-of-type{
        border-bottom: none;
    }
    .banta-elementor-menu li a{
        padding: 12px;
    }
    .banta-elementor-menu li a:focus,
    .banta-elementor-menu li a:active{
        color: var(--colorMain);
    }
}

@media (max-width: 576px){
    .banta-account-dropdown{
        left: 0;
        right: auto;
    }
}

@media (max-width: 768px) {
    .banta-elementor-account-button.signin > span{
        display: none;
    }
    .banta-elementor-account-button.signin > i{
        margin: 0!important;
        font-size: 15px;
    }
}

:root{
    --colorMain: #20B995;
    --colorSecondary: #4cf3c5;
    --menuColor: #20B995;
    --colorHeader: #fff;
    --colorAboutBox1: #d70a96;
    --colorAboutBox1Text: #ffffff;
    --colorAboutBox2: #0a7bd7;
    --colorAboutBox2Text: #ffffff;
    --colorAboutBox3: #6dd70a;
    --colorAboutBox3Text: #ffffff;
    --headerImage: url(../../../../../../themes/banta/images/header_bg.jpg);
}
body{
    direction: rtl;
    text-align: right;
    color: #555;
    background: #efefef var(--wpr-bg-346c37af-c295-4e78-955d-974666a3b1ce) repeat;
    background-size: 100px;
    font-size: 16px;
    font-weight: 300;
    padding: 0;
    margin: 0;
}

.resetPadding{
    padding: 0!important;
}
.resetMargin{
    margin: 0!important;
}
.fSize12{
    font-size: 12px!important;
}
.fSize13{
    font-size: 13px!important;
}
.fSize14{
    font-size: 14px!important;
}
.font-18{
    font-size: 18px!important;
}

h1,h2,h3,h4,h5,h6,ul{
    margin: 0;
    padding: 0;
}
p{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none!important;
}
/**** header ****/
.header-container{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.header-container.dir-ltr{
    direction: ltr!important;
}
.header-container.dir-ltr .header-logo{
    margin: 0 50px 0 0;
}

.header-container.dark{
    color: #fff!important;
}

.header-container.dark .icon-squar{
    border-color: rgba(255,255,255,0.5)!important;
}
.header-container.image{
    background-image: var(--headerImage);
}
.header-container.color{
    background: var(--colorHeader);
}
.main-header{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

.header-logo{
    width: auto;
    height: 80px!important;
    margin-left: 50px;
    max-width: none!important;
}

.header-links{
    text-align: left;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: end;
    margin-right: 50px;
}
.header-links .social-icons li a{
    border-width: 2px;
}
.btn-blue-outline{
    flex-shrink: 0;
    max-width: 170px;
    display: inline-block;
    color: var(--colorMain);
    margin: 0 2px;
    border: 2px solid var(--colorMain);
    font-weight: bold;
    font-size: 16px;
    border-radius: 50px;
    height: 40px;
    line-height: 34px;
    text-align: center;
    padding: 0 20px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}
.btn-blue-outline:hover,
.btn-blue-outline:focus {
    background: var(--colorMain);
    color: #fff;
}

.btn-lang a{
    display: inline-block;
    color: #555;
    background: #ddd;
    margin: 0 2px;
    font-size: 14px;
    border-radius: 50px;
    height: 35px;
    line-height: 40px;
    text-align: center;
    padding: 0 12px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}
.btn-lang a:hover,
.btn-lang a:focus {
    background: #777;
    color: #fff;
}




.circle-icon{
    width: 40px;
    padding: 0 10px;
}
.circle-icon svg{
    width: 100%!important;
    height: 100%!important;
}
#whatsappBtn{
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #25D366;
    position: fixed;
    bottom: 40px;
    left: 40px;
    z-index: 2;
    font-size: 40px;
    color: #fff;
    border-radius: 50%;
    box-shadow: -4px 4px 15px #25d366a8;
}
/** main menu **/
.main-menu{
    width: 100%;
    height:50px;
    background: var(--menuColor);
    position: relative;
    z-index: 8;
    top: -100%;
    transition: 500ms;
}

.main-menu.dir-ltr{
    direction: ltr!important;
}
.main-menu.dir-ltr .phone-number{
    float: right!important;
}
.main-menu.dir-ltr .main-menu-items ul:first-child > li{
    float: left!important;
    text-align: left;
}
.main-menu.dir-ltr .menu-toggle{
    float: left!important;
}

.main-menu.dir-ltr .menu-item-toggle{
    left: auto;
    right: 10px;
}

.main-menu.dir-ltr .main-menu-items ul:first-child > li.menu-item-has-children > a:before{
    float: right;
    margin: 22px 0 0 5px!important;
}
.main-menu.dir-ltr .search-input-container,.main-menu.dir-ltr .circle-icon,
.main-menu.dir-ltr .social-icons{
    float: right!important;
}

.main-menu.light{
    color: black!important;
}
.main-menu .social-icons{
    float: left;
    margin: 5px 0 0 0!important;
}
.main-menu.sticky-menu{
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
}
.main-menu.style-2{
    display: flex;
    align-items: center;
    height: 80px;
    padding-bottom: 5px;
}
.main-menu.make-sticky{
    position: sticky!important;
    top: 0;
    z-index: 15;
}

.phone-number{
    float: left;
    display: inline-block;
    direction: ltr;
    color: #fff;
    height: 30px;
    line-height: 35px;
    margin-top: 10px;
}
.phone-number a{
    color: #fff!important;
}
.main-menu.light .phone-number a{
    color: black!important;
}
.phone-number i{
    margin-right: 4px;
    font-size: 18px;
    margin-top: -5px;
    display: inline-block;
}

.menu-cart-link{
    float: left;
    color: #222;
    font-weight: 500;
    font-size: 15px;
    margin-top: 8px;
    line-height: 34px;
    padding: 0 7px;
    border-radius: 5px;
    transition: 300ms;
}
.main-menu.dark .menu-cart-link{
    color: #fff!important;
}
.menu-cart-link:hover{
    background: var(--colorMain);
    color: #fff!important;
}

.menu-toggle{
    display: none;
    color: #fff;
    float: right;
    height: 36px!important;
    line-height: 0;
    margin-top: 7px;
    font-size: 34px;
    cursor: pointer;
}
.menu-toggle.menu-toggle-elementor{
    color: black;
}
.main-menu.light .menu-toggle{
    color: black!important;
}

.main-menu-items ul:first-child > li{
    display: inline-block;
    position: relative;
    float: right;
}
.main-menu-items ul:first-of-type > li:last-of-type{
    border-left: none;
}

.main-menu-items ul:first-child > li > a{
    color: #fff;
    display: block;
    line-height: 50px;
    padding: 0 15px;
    height: 50px;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.main-menu.light .main-menu-items ul:first-child > li > a{
    color: black;
}
/** style 2 **/
.main-menu.style-2 .main-menu-items ul:first-child > li > a{
    height: 36px;
    line-height: 35px;
    margin-top: 7px;
    vertical-align: middle;
    border-radius: 38px;
}
.main-menu.style-2 .main-menu-items ul:first-child > li.menu-item-has-children > a:before{
    margin-top: 15px!important;
}
.main-menu.style-2 .main-menu-items ul:first-of-type > li:hover > a:before{
    border-top-color: var(--colorMain)!important;
}
.main-menu.style-2 .main-menu-items ul:first-child > li:after{
    content: none!important;
}
.main-menu.light.style-2 .main-menu-items ul:first-of-type > li:hover > a{
    background: black!important;
    color: var(--colorMain)!important;
}
.main-menu.dark.style-2 .main-menu-items ul:first-of-type > li:hover > a{
    background: #fff!important;
    color: var(--colorMain)!important;
}


.main-menu.light.style-2 .main-menu-items ul:first-of-type > li:hover > a{
    color: black;
}

.main-menu.style-2 .main-menu-items ul:first-child > li.menu-item-has-children:hover > a{
    border-radius: 25px 25px 0 0;
    position: relative;
    z-index: 3;
}
.main-menu.style-2 .main-menu-items ul > li > ul{
    border-radius: 25px 0 25px 25px!important;
    right: 0;
    top: calc(100% + 10px);
}
.main-menu.style-2 .main-menu-items ul:first-of-type > li.menu-item-has-children:hover > ul{
    top: 100%!important;
}


.main-menu .main-menu-items ul:first-child > li:after{
    content: '';
    height: 3px;
    background: #fff;
    position: absolute;
    width: 0;
    bottom: 0;
    right: 0;
    transition: 500ms;
}
.main-menu.light .main-menu-items ul:first-child > li:after{
    background: black;
}
.main-menu .main-menu-items ul:first-child > li.menu-item-has-children > a:before{
    content: '';
    width: 5px;
    height: 5px;
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: inline-block;
    float: left;
    margin: 22px 5px 0 0;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.main-menu.light .main-menu-items ul:first-child > li.menu-item-has-children > a:before{
    border-top: 5px solid black;
}

.main-menu .main-menu-items ul:first-of-type > li:hover:after{
    width: 100%;
}
.main-menu .main-menu-items ul:first-of-type > li:hover > a:before{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.main-menu .main-menu-items ul > li > ul {
    position: absolute;
    top: 100%;
    right: -20px;
    width: 200px;
    background: #fff;
    padding: 10px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: 500ms;
    box-shadow: -2px 2px 10px #0000001a;
    border-radius: 0 0 4px 4px;
}
.main-menu.light .main-menu-items ul > li > ul{
    background: black;
}

.main-menu .main-menu-items ul:first-child > li > ul > li{
    display: block;
    float: none;
    border-bottom: 1px solid #eee;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}
.main-menu.light .main-menu-items ul:first-child > li > ul > li{
    border-bottom: 1px solid black;
}

.main-menu .main-menu-items ul:first-child > li > ul > li:last-of-type{
    border-bottom: none;
}
.main-menu .main-menu-items ul:first-child > li > ul > li > a{
    display: block;
    font-size: 14px;
    padding: 8px 5px 8px;
    font-weight: 400;
    color: #333;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}
.main-menu.light .main-menu-items ul:first-child > li > ul > li > a{
    color: #fff;
}
.main-menu .main-menu-items ul:first-child > li > ul > li:hover a{
    color: var(--colorMain);
    background: #eee;
}
.main-menu.light .main-menu-items ul:first-child > li > ul > li:hover a{
    background: black;
}
/** hide level 3 ul **/

.main-menu .main-menu-items ul li ul ul{
    display: none!important;
}
.main-menu .main-menu-items ul li ul li a:before{
    border: none!important;
}
.main-menu .main-menu-items ul:first-of-type > li.menu-item-has-children:hover > ul{
    visibility: visible;
    opacity: 1;
    right: 0;
}

/******* style 3 *******/
.main-menu.style-3{}
.main-menu.style-3 .main-menu-items ul:first-child > li{
    border-left: 1px solid #ffffff40;
}
.main-menu.style-3 .main-menu-items ul:first-child > li:last-of-type{
    border-left: none!important;
}
.main-menu.style-3.light .main-menu-items ul:first-child > li{
    border-left-color: rgba(0,0,0,0.15);
}

.main-menu.style-3 .main-menu-items ul:first-child > li:after{
    width: 100%!important;
    height: 0!important;
    z-index: 0;
}
.main-menu.style-3 .main-menu-items ul:first-child > li:hover:after{
    height: 100%!important;
}
.main-menu.style-3 .main-menu-items ul:first-child > li > a{
    position: relative;
    z-index: 1;
}
.main-menu.style-3 .main-menu-items ul:first-child > li:hover > a{
    color: var(--colorMain)!important;
}
.main-menu.style-3 .main-menu-items ul:first-child > li.menu-item-has-children:hover > a:before{
    border-top-color: var(--colorMain)!important;
}

.main-menu.style-3 .main-menu-items ul:first-of-type > li.menu-item-has-children > ul{
    top: calc(100% + 20px);
    right: 0!important;
}
.main-menu.style-3 .main-menu-items ul:first-of-type > li.menu-item-has-children:hover > ul{
    top: 100%!important;
}










/** info row **/
.info-bg{
    padding: 15px;
    background: #fff;
    overflow: hidden;
    box-shadow: -0px 2px 15px rgba(0,0,0,0.13);
    position: relative;
}
.icon-squar{
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    display: inline-block;
    border: 1px solid #d2d2d2;
    text-align: center;
    align-self: start;
    padding: 7px;
    font-size: 24px;
    color: var(--colorMain);
}
.icon-squar svg{
    width: 100%!important;
    height: 100%;
    color: var(--colorMain);
    vertical-align: unset!important;
}
.icon-squar img{
    width: 100%;
    height: auto;
}
.info-box h5{
    font-size: 16px;
    margin-bottom: 6px;
}
.info-box p{
    font-size: 14px;
}

.info-box{
    padding: 10px 0;
    text-align: right;
    display: flex;
    align-items: start;
}
.info-box.column{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.info-box.column .icon-squar{
    align-self: center;
    margin: 0 0 20px 0!important;
}

.info-box .info-box-text{
    font-size: 14px;
    margin-top: 3px;
    font-weight: normal;
    line-height: normal;
}
.info-box .info-box-title{
    font-size: 17px;
    font-weight: bold;
    line-height: normal;
}

.info-box a{
    color: #333!important;
    margin-top: 3px;
    display: inline-block;
    font-size: 16px;
}
.header-container.dark .info-box a{
    color: #fff!important;
}

/***** slider **/
.slider{
    width: 100%;
    background: no-repeat center;
    background-size: 3000px!important;
    background-position: right!important;
    animation-name: slider;
    animation-duration: 35s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    overflow: hidden;
    position: relative;
}

@keyframes slider {
    0%{
        background-position: right;

    }
    100%{
        background-position:left;
    }
}
@-webkit-keyframes slider {
    0%{
        background-position: right;

    }
    100%{
        background-position:left;
    }
}
.slider-highlight{
    background: black;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
}
.gradient-layer{
    display: flex;
    align-content: center;
    align-items: center;
    padding: 120px 0;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.slider-content{
    width: 650px;
    border-radius: 20px;
    margin: auto;
    text-align: center;
    padding: 20px;
    cursor: default;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}
.slider-content.video{
    width: 100%!important;
    background: transparent!important;
    text-align: right!important;
    padding: 0!important;
}
.slider-content.video h1,
.slider-content.video p {
    text-align: right!important;
}
.slider-content.video p{
    font-size: 16px!important;
    margin-bottom: 0!important;
}
.video-container{
}
.video-container video{
    width: 100%;
    margin: 0;
    border-radius: 8px;
    border: 2px solid rgba(255, 255, 255, 0.16);
}
.slider-content:hover{
    background: rgba(0, 0, 0, 0.25);
}
.slider-content h1 {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    display: block;
    text-align: center;
    margin: 15px 0;
    text-shadow: -1px 2px 0 #00000059;
}
.slider-content p{
    color: #eee;
    font-size: 18px;
    text-align: center;
    line-height: 32px;
    font-weight: normal;
    margin: 25px 0 15px;
}

.btn-white-round{
    display: inline-block;
    direction: ltr;
    color: #fff;
    margin: 0 2px;
    border: 2px solid #fff;
    font-weight: bold;
    font-size: 16px;
    border-radius: 50px;
    text-align: center;
    padding: 4px 12px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    -ms-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
}
.btn-white-round svg{
    font-size: 25px;
    vertical-align: middle;
    margin-right: 10px;
}
.btn-white-round:hover,
.btn-white-round:focus {
    background: #fff;
    color: var(--colorMain);
}
.btn-white-round:hover svg,
.btn-white-round:focus svg{
    margin-right: 15px;
}



/**** boxes ***/
.btn{
    direction: ltr;
}
.btn svg{
    vertical-align: middle;
    margin-right: 10px;
}
.box{
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    overflow: hidden;
    height: 200px;
    -webkit-box-shadow: 0 0 7px #ddd;
    -moz-box-shadow: 0 0 7px #ddd;
    box-shadow: 0 0 7px #ddd;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -ms-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
}
.box:hover{
    -webkit-box-shadow: 0 0 15px #ccc;
    -moz-box-shadow: 0 0 15px #ccc;
    box-shadow: 0 0 15px #ccc;
}
.box-img{
    width: 100px;
    height: auto;
    display: inline-block;
    float: right;
}
.box p{
    display: block;
    width: calc(100% - 110px);
    font-size: 15px;
    float: left;
    color: #555;
}
.box .box-widget{
    width: calc(100% - 120px);
    float: left;
}
.box .box-widget span.widget-title{
    font-size: 16px;
    color: #555;
    margin-bottom: 15px;
    display: block;
}
.box .box-widget h4{
    display: none!important;
}

.box table{
    font-weight: 400;
}
.box table:last-of-type{
    display: none!important;
}
.weather-box p{
    font-size: 13px;
    font-weight: 400;
}


/*** about us ***/
.about-container{
    padding: 50px 15px;
    background: #fff;
    overflow: hidden;
}

.round-line.fliped{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.about{
    width: 100%;
    text-align: left;
    position: relative;
}
.about img.about-image{
    width: 65%;
    border-radius: 20px;
    -webkit-box-shadow: -4px 4px 12px  rgba(0, 0, 0, 0.1);
    -moz-box-shadow:-4px 4px 12px  rgba(0, 0, 0, 0.1);
    box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.1);
}
.about-box{
    background: #fff;
    border-radius: 20px;
    width: 50%;
    position: absolute;
    right: 0;
    top: 50px;
    bottom: 50px;
    height: fit-content;
    margin: auto;
    z-index: 1;
    padding: 35px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    text-align: right;
}
html[dir=ltr] .about-box{
    direction: ltr!important;
    text-align: left!important;
}
.about-box .about-box-title{
    font-size: 22px;
    margin:0 0 20px 0;
    font-weight: bold;
    line-height: normal;
    display: block;
}
.about-box .about-box-text{
    font-size: 15px;
    line-height: 27px;
    font-weight: normal;
    margin: 0;
    display: block;
}

html[dir=ltr] .about-box .about-box-text{
    text-align: left!important;
}
.bg-brown{
    background: #866e4f!important;
}

.box1 .about-box{
    background: var(--colorAboutBox1)!important;
    color: var(--colorAboutBox1Text)!important;
}
.box2 .about-box{
    background: var(--colorAboutBox2)!important;
    color: var(--colorAboutBox2Text)!important;
}
.box3 .about-box{
    background: var(--colorAboutBox3)!important;
    color: var(--colorAboutBox3Text)!important;
}

.about.text-right {
    text-align: right!important;
}
.about.text-right .about-box{
    left: 0;
    right: auto;
}
.bg-purple{
    background: #864867!important;
}


.bg-yellow{
    background: #cdc174!important;
}

.news-bg{
    padding: 40px 15px;
}
.row-title{
    display: inline-block!important;
    font-size: 25px;
    margin: 0 auto;
    font-weight: 700;
    color: #000;
    position: relative;
    z-index: 1;
    padding: 25px;
}

.row-title:before{
    content: '';
    width: 40px;
    height: 2px;
    background: #ccc;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    margin: auto;
    z-index: -1;
}
.row-title:after{
    content: '';
    width: 40px;
    height: 2px;
    background: #ccc;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    margin: auto;
    z-index: -1;
}
.hide-lines .row-title:before,
.hide-lines .row-title:after{
    content: none!important;
}
.box-news{
    border-radius: 5px 5px 50px 5px;
    position: relative;
    overflow: visible;
    height: auto;
    z-index: 1;
    background: rgba(255, 255, 255, 0.3);
    padding: 25px 5px 15px 25px;
    -webkit-box-shadow:-5px -5px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:-5px -5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: -5px -5px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
}
.box-news:before{
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 5px 5px 50px 5px;
    background: #fff;
    position: absolute;
    top: 10px;
    right: -10px;
    transition: 500ms;
    z-index: -1;
}
.box-news:hover{
    box-shadow: none!important;
}
.box-news-title{
    display: block;
    min-height: 130px;
}

.news-image{
    width: 100%;
    height: 240px;
    overflow: hidden;
}
.news-image img{
    width: 100%;
    height: 100%!important;
    object-fit: cover;
    float: none;
}
.box-news .box-news-tlt{
    color: #1f1f1f;
    font-size: 16px;
    display: block;
    line-height: 27px;
    margin-top: 15px;
    font-weight: bold;
}
html[dir=ltr] .box-news .box-news-tlt{
    direction: ltr!important;
}


.box-news span{
    display: block;
    font-size: 14px;
    color: #777;
}
.box-news span i{
    display: inline-block;
    margin-left: 5px;
    color: #bbb;
}
.box-news a.more-news{
    display: inline-block;
    color: #fff;
    min-width: 120px;
    padding: 0 10px;
    line-height: 34px;
    text-align: center;
    border-radius: 5px 5px 30px 5px;
    background: var(--colorMain);
    transition: 300ms;
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
}
.box-news a.more-news:hover{
    background: var(--colorSecondary);
    transform: translate(0,2px);
}
.box-news a.more-news i{
    margin-right: 5px;
    font-size: 14px;
    vertical-align: middle;
}



/**** gallery **/
.gallery-bg{
    /*background: var(--colorMain);*/
    /*background: linear-gradient(45deg, var(--colorMain), var(--colorSecondary));*/
    /*background: -webkit-linear-gradient(45deg, var(--colorMain), var(--colorSecondary));*/
    padding: 40px 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
.gallery-bg .row-title{
    color: #fff;
    border-color: rgba(255, 255, 255, 0.4);
}
.gallery-bg .row-title:before,
.gallery-bg .row-title:after {
    background: rgba(255, 255, 255, 0.4);
}
.contact-bg{
    padding: 40px 15px;
    background: #fff;
}

/********** form *************/
.wpcf7-form{
    width: 100%;
}

.wpcf7-form input[type=text],
.wpcf7-form input[type=number],
.wpcf7-form input[type=search],
.wpcf7-form input[type=email],
.wpcf7-form textarea{
    border: 1px solid #ddd;
    width: 100%;
    border-radius: 4px;
    padding: 7px;
    outline: none!important;
    margin: 5px 0 20px 0;
    transition: 400ms;
}

.wpcf7-form input[type=text]:focus,
.wpcf7-form input[type=number]:focus,
.wpcf7-form input[type=search]:focus,
.wpcf7-form input[type=email]:focus,
.wpcf7-form textarea:focus{
    border-color: var(--colorMain);
}
.wpcf7-form label{
    font-weight: bold;
    color: #333;
    font-size: 14px;
    margin: 0;
    width: 100%;
}

.wpcf7-form input[type=submit]{
    border: none;
    background: var(--colorMain);
    padding: 8px 40px;
    color: #fff;
    transition: 400ms;
    border-radius: 4px;
    width: 100%;
    text-align: center;
}
.wpcf7-form input[type=submit]:hover{
    background: var(--colorSecondary);
}

.form-title{
    font-weight: 900;
    font-size: 26px;
    text-align: center;
    display: block;
    margin: 0;
    color: #333;
}






.dir-ltr{
    direction: ltr!important;
}
.dir-rtl{
    direction: rtl!important;
}

/******* footer ********/
.footer {
    padding-top: 40px;
    background: no-repeat bottom fixed;
    background-size: cover;
    min-height: 600px;
    position: relative;
}
.footer.dir-ltr{
    direction: ltr!important;
}
.footer.dir-ltr .fBox{
    text-align: left!important;
    list-style: inside;
}

.footer-gradient {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.6));
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.map-container iframe{
    width: 100%;
    height: 250px;
    border-radius: 5px;
}
.map-container{
    overflow: hidden;
}

.fBox {
    width: 100%;
    text-align: right;
    padding: 15px;
    overflow: hidden;
}

.fBox h4 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
}

.fBox p {
    font-size: 15px;
    color: #fff;
    line-height: 27px;
}

.fBox a {
    color: #fff;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -ms-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
}
.fBox ul{
    margin-right: 15px;
}

.fBox li {
    margin-bottom: 10px;
    color: #fff;
}

.fBox li a {
    font-size: 14px;
}


.fBox li a:hover {
    color: #bbb;
}
.fBox iframe{
    max-width: 100%;
}


.social-icons li {
    display: inline-block;
    margin-left: 5px;
}

.social-icons li a {
    display: block;
    border: 1px solid var(--colorMain);
    color: #fff!important;
    width: 40px;
    height: 40px;
    line-height: 39px;
    background: var(--colorMain);
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    padding: 2px;
    font-size: 20px;
}
.social-icons li a i{
    vertical-align: middle;
    width: 100% !important;
    height: 100%!important;
}
.social-icons li:hover a {
    background: #fff;
    color: var(--colorMain)!important;
}
#wpdcom *:not(i) {
    /*font-family: IRANSans,sans-serif!important;*/
}
#wpdcom .wpd-thread-head .wpd-thread-info,#wpdcom .ql-editor::before,#wpdcom .wpd-second-button, #wpdcom .wpd-prim-button{
    letter-spacing: 0!important;
}
html[dir=ltr] #comments{
    direction: ltr!important;
}
html[dir=ltr] .wpd-thread-info,
html[dir=ltr] .wpd-rating-title {
    display: none!important;
}
/******** pages *************/
.page-container{
    min-height: 250px;
    padding: 40px 15px;
    background: #fff;
    width: 100%;
    overflow: hidden;
}
html[dir=ltr] .page-content{
    direction: ltr;
    text-align: left;
}
.page-content .page-image{
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 5px;
    display: block;
    margin: 0 auto 40px;
}
.page-content .page-image img{
    width: 100%;
    height: auto;
}
.page-content-title{
    width: 100%;
    margin: 40px 0 ;
    text-align: right;
}
.page-content-title h1{
    font-size: 30px;
    font-weight: bold;
    color: #333;
    display: block;
}
html[dir=ltr] .page-content-title h1{
    direction: ltr;
    text-align: left;
}
.page-content-title span{
    font-size: 14px;
    color: #777;
    display: block;
    margin-top: 10px;
}
.page-content-title span svg{
    margin-left: 5px;
}


.page-content img{
    max-width: 100%;
}
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6
{
    margin: 25px 0 15px;
}
.page-content p{
    line-height: 27px;
}
/********** Navigation Boxes ***/
.nav-box-bg{
    padding: 40px 15px;
}

.box.nav-box{
    padding: 0!important;
    position: relative;
    height: auto!important;
    border-radius: 10px;
}
.nav-box-image{
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.box.nav-box img{
    width: 100%;
    transition: 1s;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    height: 100%;
}

.nav-box-inner{
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    left: 0;
    right: 0;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: auto;
    text-align: center;
    padding: 20px;
    transition: 500ms;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.nav-box-inner .nav-box-title{
    color: #111;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 30px;
    text-align: center;
    line-height: 28px;
    transition: 500ms;
    opacity: 0;
    display: block;
}
.box.nav-box:hover .nav-box-inner{
    background: rgba(255, 255, 255, 0.9);
}
.box.nav-box:hover .nav-box-inner .nav-box-title{
    margin-bottom: 10px;
    opacity: 1;
}
.box.nav-box:hover img{
    transform: scale(1.2);
}

.btn-brown{
    display: inline-block;
    color: #fff!important;
    background: var(--colorMain);
    margin: 30px 0 0 0;
    font-size: 15px;
    border-radius: 50px;
    text-align: center;
    padding: 8px 12px;
    overflow: hidden;
    cursor: pointer;
    transition: 500ms;
    opacity: 0;
}
.box.nav-box:hover .btn-brown{
    margin-top: 10px;
    opacity: 1;
}
.btn-brown:hover{
    background: var(--colorSecondary);
}

/*** action boxes ***/
.boxes-bg{
    padding: 40px 15px;
    background: #fff;
}
.action-box{
    background: #eee;
    border: 1px solid #ddd;
}



/**** archive ***/
.archive-page li{
    display: block;
    margin-bottom: 15px;
    position: relative;
}
.archive-page li:before{
    content: '';
    width: 15px;
    height: 3px;
    border-radius: 10px;
    display: inline-block;
    top: 0;
    bottom: 0;
    right: 0;
    background: #146ac0;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.archive-page li a{
    color: #333;
    font-size: 17px;
    margin-right: 5px;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.archive-page li:hover:before{
    width: 25px;
}
.archive-page li:hover a{
    color: #146ac0;
}


/******** Page Numbers **********/
.myNavigation {
    width: 100%;
    text-align: center;
    margin: 20px 0 60px 0;
}

.myNavigation li {
    display: inline-block;
    margin: 3px;
}

.myNavigation a {
    color: #333;
    background: transparent;
    padding: 0 5px;
    min-width: 36px;
    display: inline-block;
    height: 36px;
    line-height: 35px;
    border: 1px solid #ddd;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    border-radius: 10px;
}

.myNavigation a:hover {
    background: var(--colorSecondary);
    border-color: var(--colorSecondary);
    color: #fff;
}

li.activePage a,.myNavigation .current {
    pointer-events: none;
    background: var(--colorMain);
    border-color: var(--colorMain) !important;;
    color: #fff !important;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
}
.search-input-container{
    background: #ffffff ;
    border: 1px solid #ddd;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-menu .search-input-container{
    float: left;
    border: none;
    background: rgba(255,255,255,0.16);
    height: 34px;
    margin-top: 8px;
    border-radius: 4px;
}
.main-menu.light .search-input-container{
    background: rgba(0, 0, 0, 0.16);
}
.main-menu .circle-icon{
    float: left;
    margin: 4px 0 0 0;
}
.main-menu .menu-widget{
    float: left;
}
.main-menu.dir-ltr .menu-widget{
    float: right;
}





.main-menu.style-1 .circle-icon{
    width: 34px;
    height: 34px;
    padding: 0 8px;
    margin-top: 8px;
}
.search-input{
    background: transparent;
    outline: none!important;
    border: none!important;
    line-height: 42px;
    font-size: 15px;
    padding-left: 20px;
    width: 100%;
}

.main-menu .search-input{
    color: #fff;
    line-height: 36px;
}
.main-menu.light .search-input{
    color: black;
}
.main-menu .search-input::placeholder{
    color: #fff;
    opacity: 1;
    font-size: 14px;
}
.main-menu .search-input:-ms-input-placeholder {
    color: #fff;
    font-size: 14px;
}
.main-menu .search-input::-ms-input-placeholder {
    color: #fff;
    font-size: 14px;
}
.main-menu.light .search-input::placeholder{
    color: black;
}
.main-menu.light .search-input:-ms-input-placeholder {
    color: black;
}
.main-menu.light .search-input::-ms-input-placeholder {
    color: black;
}

.btn-input-search{
    background: transparent;
    border: none;
    line-height: 46px;
    height: 40px;
    text-align: center;
    padding: 0 13px;
    color: #bbb;
    outline: none!important;
}
.main-menu .btn-input-search{
    color: rgba(255, 255, 255, 0.68);
    line-height: 42px;
}
.main-menu.light .btn-input-search{
    color: rgba(0, 0, 0, 0.68);
}

.btn-input-search:hover{
    color: var(--colorMain);
}
.btn-input-search svg{
    font-size: 14px;
}
.main-menu .btn-input-search:hover{
    color: #fff;
}

.slider-item{
    width: 100%;
    background: #bbb;
}
.slider-item img{
    width: 100%;
    height: auto;
}

.owl-nav {
    height: 0;
}
*{
    outline: none!important;
}

.owl-chevron {
    color: #fff;
    border-radius: 3px;
    display: block;
    width: 50px!important;
    padding: 15px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.owl-chevron:hover {
    background: #fff;
    background: rgba(255, 255, 255, 0.7);
    color: #333;
}

.owl-chevron.left {
    left: 50px;
}

.owl-chevron.right {
    right: 50px;
}

.owl-dots {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    padding: 0 40px 20px !important;
}

.owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 4px;
    background: #fff !important;
    opacity: .5;
    margin: 0 5px;
    transition: 300ms;
}

.owl-dot.active {
    width: 20px;
    opacity: 1 !important;
}

#wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrv{
    text-align: center;
}

.sidebar-container{
    background: #f5f5f5;
    padding: 20px;
    border-radius: 4px;
    position: -webkit-sticky;
    position: sticky;
    top: 15px;
}
.sidebar .sidebar-title{
    font-weight: bold;
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #333;
    display: inline-block;
    padding-bottom: 3px;
}
html[dir=ltr] .sidebar{
    direction: ltr;
    text-align: left;
}

.post-item-h{
    display: flex;
    padding:10px;
    border: 1px solid #ddd;
    border-bottom: none;
}
.post-item-h.borderless{
    border: none;
    border-bottom: 1px solid #eee;
}
.post-item-h.borderless:last-of-type{
    border-bottom: none;
}

.post-item-h:last-of-type{
    border-bottom: 1px solid #ddd;
}
.post-item-h-rotitr{
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}
.post-item-h-lead{
    font-size: 14px;
}

.post-item-h:hover{
    background: #eee;
}
.post-item-h img{
    width: 80px;
    height: 80px;
    border-radius: 4px;
    margin-left: 10px;
    transition: 400ms;
}
html[dir=ltr] .post-item-h img{
    margin: 0 10px 0 0!important;
}
.post-item-h .image{
    flex-shrink: 0;
}
.post-item-h .title{
    font-size: 15px;
    line-height: 27px;
    color: #333;
    font-weight: 800;
}
html[dir=ltr] .post-item-h .title{
    line-height: 22px;
    font-weight: 700;
}
.post-item-h .title:hover{
    color: var(--colorMain);
}
.post-item-h img:hover{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.post-item-h.no-image{
    background: transparent!important;
    padding: 0 0 0 5px!important;
    border: none;
    position: relative;
    border-bottom: 1px solid #eee;
}

.post-item-h.no-image:last-of-type{
    border-bottom: none;
}
.post-item-h.no-image .title{
    margin: 0;
    padding: 8px;
    font-size: 14px;
    font-weight: 400;
    position: relative;
}
.post-item-h.no-image:before{
    content: '';
    position: absolute;
    width:0;
    height: 100%;
    background: #f1f1f1;
    z-index: 0;
    bottom: 0;
    right: 0;
    transition: 300ms;
}
.post-item-h.no-image:hover:before{
    width: 100%;
}

.post-item-h.no-image:hover .title{
    color: var(--colorMain);

}

.post-item-h.no-image .date{
    color: #777;
    margin-right: auto;
    font-size: 13px;
    position: relative;

}

.color-main{
    color: var(--colorMain)!important;
}
.portfolio-bg{
    padding: 60px 15px 80px 15px;
    background: #fff;
}
.portfolio-col{
    padding: 0 5px!important;
}
.portfolio-box{
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
    height: 300px;
}
html[dir=ltr] .portfolio-box{
    direction: ltr!important;
}

.portfolio-box img{
    transition: 2s;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    height: 100%;
    width: auto;
    object-fit: cover;
}
.portfolio-overly{
    text-align: center;
    position: absolute;
    width: calc(100% - 30px);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: 450ms;
    height: calc(100% - 30px);
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 20px;
    opacity: 0;
}

.portfolio-overly .portfolio-title{
    font-size: 19px;
    color: #111;
    margin-bottom: 25px;
    line-height: 26px;
    opacity: 0;
    transition: 300ms;
}
.portfolio-box:hover .portfolio-overly{
    opacity: 1;
}
.portfolio-box:hover img{
    transform: scale(1.2);
}
.portfolio-overly .portfolio-text{
    color: #111;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 24px;
    opacity: 0;
    transition: 300ms;
}
.portfolio-overly a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid #111;
    border-radius: 50px;
    text-align: center;
    padding: 5px 15px;
    color: #111;
    transition: 300ms;
    opacity: 0;
}
.portfolio-overly a:hover{
    background: #111;
    color: #fff;
}
.portfolio-overly a i{
    margin-right: 6px;
}
html[dir=ltr] .portfolio-overly a i{
    transform: rotate(180deg);
    margin: 0 0 0 6px!important;
}

.portfolio-box:hover .portfolio-overly .portfolio-title,
.portfolio-box:hover .portfolio-overly .portfolio-text,
.portfolio-box:hover .portfolio-overly a{
    opacity: 1;
}

.blockquote{
    background: #f6f6f6 !important;
    padding: 15px;
    border-radius: 4px;
}
.blockquote:before{
    content: ';';
    font-size: 24px;
    display: inline-block;
    font-weight: 900;
    background: #ececec;
    color: #777;
    width: 32px;
    height: 32px;
    line-height: 29px;
    text-align: center;
    border-radius: 50%;
    margin: 0 0 5px 5px;
}

#btnBackToTop{
    position: fixed;
    right: 40px;
    bottom: 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    text-align: center;
    background: var(--colorMain);
    box-shadow: -4px 4px 10px rgb(0 0 0 / 16%);
    border: 2px solid #fff;
    color: #fff!important;
    transition: 500ms;
    cursor: pointer;
    z-index: 99;
}
#btnBackToTop:hover{
    background: #fff;
    color: var(--colorMain)!important;
}

.coworkers-bg{
    padding: 40px 15px;
    background: whitesmoke;
}
.coworker-item{
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #fff;
    box-shadow: -3px 3px 10px rgba(0,0,0,0.10);
    margin: 10px 0;
}
.coworker-item img{
    max-width: 100%;
    transition: 300ms;
}
.coworker-item img:hover{
    opacity: 0.8;
}

/*************** reviews ************/
.reviews-bg{
    padding: 40px 15px;
    background: whitesmoke;
}
.reviews-carousel .owl-chevron,
.coworkers-carousel .owl-chevron
{
    color: #111;
    width: 36px!important;
    height: 36px!important;
    padding: 10px!important;
    border-radius: 50%;
    font-size: 16px;
}
.reviews-carousel .owl-chevron.right,
.coworkers-carousel .owl-chevron.right
{
    right: -36px!important;
}
.reviews-carousel .owl-chevron.left,
.coworkers-carousel .owl-chevron.left
{
    left: -36px!important;
}
.reviews-carousel .owl-chevron:hover,
.coworkers-carousel .owl-chevron:hover
{
    background: #111;
    color: #fff;
}
.review-item .quote-icon svg{
    opacity: 0.3;
    width: 50px;
    position: absolute;
    right: 20px;
    top: 20px;
    transition: 400ms;
}
.review-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    border-radius: 30px;
    transition: 200ms;
    position: relative;
}
html[dir=ltr] .review-item{
    direction: ltr!important;
}
.review-item.style-2{
    flex-direction: row;
    align-items: start;
}
.review-item.style-2 .quote-icon svg{
    top: auto!important;
    right: auto!important;
    left: 20px!important;
    bottom: 20px!important;
}
.review-item-head{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 150px;
    flex-shrink: 0;
    text-align: center;
}
.review-item.style-2 .review-text{
    text-align: center;
    background: #fff;
    margin: 0 20px 0 0;
    padding: 15px;
    border-radius: 30px;
}
.review-item.style-2 .review-image{
    width: 100%!important;
    margin-bottom: 10px!important;
}



.review-item .review-image{
    width: 140px!important;
    border-radius: 50%;
    display: block;
    margin-bottom: 20px;
    border: 5px solid #f1f1f1;
    transition: 400ms;
}
.review-customer-name{
    display: block;
    margin: 0 0 8px;
    font-weight: 700;
    color: #111;
    font-size: 18px;
}
.review-customer-title{
    display: block;
    margin: 0;
    color: #777;
    font-size: 14px;
    font-weight: 400;
}
.review-text{
    font-size: 17px;
    line-height: 34px;
    font-weight: 300;
    color: #111;
    margin-top: 30px;
    text-align: center;
    transition: 200ms;
}


.review-item:hover {
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.review-item:hover .review-image{
    transform: translate(0,-4px);
}
.review-item:hover .quote-icon svg{
    opacity: 1!important;
}


/************** team ************/
.team-bg{
    padding: 40px 15px;
    background: whitesmoke;
}
.team-carousel .owl-dots,
.coworkers-carousel .owl-dots,
.reviews-carousel .owl-dots
{
    text-align: center;
    position: static;
    padding-bottom: 0!important;
}
.team-carousel .owl-dot,
.coworkers-carousel .owl-dot,
.reviews-carousel .owl-dot
{
    background: var(--colorMain)!important;
    opacity: .2;
    height: 8px;
    border-radius: 3px;
}
.member-item{
    border-radius: 10px;
    margin: 0;
}
.member-item .review-image{
    width: 100%!important;
    border-radius: 10px;
    border: none;
    transform: none!important;
}
.member-item .review-item-head{
    width: 100%!important;
}
.team-social{
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.team-social a{
    display: inline-block;
    font-size: 25px;
    color: var(--colorMain);
    margin: 0 5px;
    border: 2px solid transparent;
    width: 40px;
    height: 40px;
    line-height: 43px;
    border-radius: 5px;
    transition: 200ms;
}
.team-social-icomoon a{
    line-height: 36px;
}
.team-social a:hover{
    border-color: var(--colorMain);
}
.download-cv{
    display: block;
    width: 100%;
    text-align: center;
    border: 2px solid var(--colorMain);
    color: var(--colorMain);
    padding: 5px 0 6px;
    border-radius: 5px;
    margin-top: 20px;
    transition: 200ms;
}
.download-cv:hover{
    background: var(--colorMain);
    color: #fff;
}

.modal-title{
    color: #222;
}

.banta-login-button{
    display: inline-block;
    float: left;
    color: var(--colorMain);
    height: 36px;
    line-height: 35px;
    padding: 0 15px;
    margin-top: 7px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    transition: 300ms;
}
.banta-login-button:hover{
    background: var(--colorMain);
    color: #fff;
    transform: translate(2px,0);
}
.main-menu.dark .banta-login-button{
    color: #fff!important;
}
.main-menu.dir-ltr .banta-login-button{
    float: right!important;
}

.banta-profile-button-container{
    float: left;
    position: relative;
}


.main-menu.dir-ltr .banta-profile-button-container{
    float: right!important;
    direction: rtl!important;
}

.banta-profile-button{
    display: flex;
    align-items: center;
    height: 34px;
    margin-top: 9px;
    padding: 0 15px;
    border-radius: 4px;
    color: #222!important;
    transition: 300ms;
    cursor: pointer;
    font-weight: 500;
}

.banta-profile-button:before {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 5px solid #222;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: inline-block;
    margin-left: 7px;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.main-menu.dark .banta-profile-button{
    color: #fff!important;
}

.main-menu.dark .banta-profile-button:before{
    border-top-color: #fff!important;
}
.banta-profile-button-container:hover .banta-profile-button{
    background: var(--colorMain);
    color: #fff!important;
}

.banta-profile-button-container:hover .banta-profile-button:before{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    border-top-color: #fff!important;
}
.banta-profile-button-dropdown{
    position: absolute;
    top: calc(100% + 20px);
    left: 0;
    background: #fff;
    padding: 10px;
    width: 170px;
    border-radius: 4px;
    box-shadow: -4px 4px 10px rgba(0,0,0,0.13);
    transition: 300ms;
    opacity: 0;
    visibility: hidden;
}
.main-menu.light .banta-profile-button-dropdown{
    background: black!important;
}
.banta-profile-button-container:hover .banta-profile-button-dropdown{
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.banta-profile-button-dropdown a{
    display: block;
    padding:10px 5px;
    color: #222;
    transition: 300ms;
    font-size: 15px;
    font-weight: 400;
    border-radius: 4px;
}
.main-menu.light .banta-profile-button-dropdown a{
    color: #fff!important;
}

.banta-profile-button-dropdown a i{
    color: var(--colorMain);
    margin-left: 6px;
    font-size: 18px;
}
.banta-profile-button-dropdown a:hover{
    background: #f6f6f6;
    color: var(--colorMain);
}

.main-menu.light .banta-profile-button-dropdown a:hover{
    background: #2f2f2f !important;.
}

.post-tags{
    background: #f5f5f5;
    border-radius: 4px;
    padding: 10px;
    margin: 20px 0;
    cursor: default;
    font-size: 13px;
}
.post-tags a{
    display: inline-block;
    margin-right: 3px;
    color: var(--colorMain);
    font-size: 13px;
    transition: 200ms;
}
.post-tags a:before{
    content: '#';
    display: inline-block;
}
.post-tags a:hover{
    color: var(--colorSecondary);
}




@media (max-width: 992px) {
    .banta-profile-button-dropdown{
        display: none!important;
    }
    .banta-profile-button:before{
        content: none!important;
    }
    .sidebar-container{
        margin-top: 50px;
    }
    .reviews-carousel .owl-chevron.right{
        right: 10px!important;
    }
    .reviews-carousel .owl-chevron.left{
        left: 10px!important;
    }
    .slider-content.video{
        margin-top: 30px!important;
    }
    .header-container.style-2 #headerInfo{
    }
    .main-menu .main-menu-items ul:first-child{
        display: none;
        width: 100%;
        float: right;
        margin: 20px 0;
    }
    .main-menu .main-menu-items ul:first-child > li{
        display: block;
        float: none!important;
        border-left: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .main-menu.dir-ltr .main-menu-items ul:first-child > li{
        float: none!important;
    }
    .main-menu .main-menu-items ul:first-child > li:last-of-type{
        border-bottom: none;
    }
    .main-menu .main-menu-items ul:first-child > li:after{
        content: none;
        display: none;
    }
    .main-menu .main-menu-items ul:first-of-type > li > ul{
        visibility: hidden!important;
        opacity: 0!important;
    }

    .main-menu.style-2 .main-menu-items ul:first-child > li > a{
        height: 50px!important;
        line-height: 50px!important;
        margin-top: 0!important;
    }
    .main-menu.style-2 .main-menu-items ul:first-of-type > li:hover > a{
        background: transparent!important;
        color: #fff!important;
    }

    .main-menu .main-menu-items ul:first-of-type > li.menu-item-has-children.open > ul{
        box-shadow: none!important;
        border-radius: 0!important;
    }
    .main-menu .main-menu-items ul:first-child > li > ul > li > a{
        padding: 12px 5px!important;
    }

    .menu-item-toggle{
        position: absolute;
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        line-height: 30px;
        text-align: center;
        left: 10px;
        top: 10px;
        background: var(--colorMain);
        color: #fff;
        transition: 300ms;
        cursor: pointer;
        z-index: 4;
        font-size: 21px;
    }
    .main-menu .main-menu-items ul:first-child > li.menu-item-has-children > a:before{
        content: '';
        display: none;
    }
    .main-menu .main-menu-items ul:first-of-type > li.menu-item-has-children.open .menu-item-toggle{
        -webkit-transform: rotate(180deg)!important;
        -moz-transform: rotate(180deg)!important;
        -ms-transform: rotate(180deg)!important;
        -o-transform: rotate(180deg)!important;
        transform: rotate(180deg)!important;
        color: var(--colorMain);
        background: #fff;
    }
    .main-menu .main-menu-items ul:first-of-type > li.menu-item-has-children.open > ul{
        visibility: visible!important;
        opacity: 1!important;
        right: 0!important;
        position: static!important;
        width: 100%;
        transition: 0ms;
    }
    .menu-toggle{
        display: inline-block;
    }
    .main-menu{
        height: auto!important;
        overflow: hidden;
        min-height: 50px!important;
        display: block!important;
    }

    .about{
        margin-bottom: 0!important;
    }
    .about-box{
        position: static!important;
        width: 100%;
        margin-top: 20px;
    }
    .about-image{
        width: 100%!important;
    }
    .round-line{
        display: none!important;
    }

    .portfolio-box img{
        width: 100%;
        height: auto;
    }
    .portfolio-box{
        height: 200px;
    }
    .main-menu.style-3 .main-menu-items ul:first-child > li{
        border-left: none!important;
    }
}

@media (max-width: 768px) {
    .header-container.style-3 .social-icons{
        flex-shrink: 0;
    }
    .header-container.style-3 .search-input-container{
        margin-right: 30px;
    }
    .header-container.dir-ltr.style-3 .search-input-container{
        margin-right: 0!important;
        margin-left: 30px;
    }
    .header-container.style-3 .social-icons li a{
        width: 31px;
        padding: 5px;
    }

    .portfolio-overly .portfolio-title{
        margin-top: 25px;
    }
    .portfolio-overly .portfolio-text{
        display: none;
    }
    .nav-box-image.full-width{
        height: 180px!important;
    }
    .review-item.style-2{
        flex-direction: column;
        padding: 15px 0 0 0;
        align-items: center;
    }
    .review-item.style-2 .review-text{
        width: 100%;
        margin: 20px 0 0 0!important;
    }
    .review-item.style-2 .quote-icon svg{
        bottom: auto!important;
        top: 20px!important;
    }

    .row-title:after,
    .row-title:before{
        width: 100%!important;
    }

    #whatsappBtn{
        width: 50px;
        height: 50px;
        line-height: 50px;
        bottom: 20px;
        left: 20px;
        font-size: 30px;
    }
    .nav-box-image{
        height: 180px;
    }

    .portfolio-col{
        padding: 0 15px!important;
    }
    .header-logo{
        width: 130px;
        height: auto!important;
        margin-left: 0!important;
        margin-right: 0!important;
    }

    .slider-content{
        background: transparent!important;
    }

    .slider-content{
        width: 100%!important;
        border: none;
        background: transparent;
    }
    .slider-content h1{
        margin-bottom: 30px;
        font-size: 25px;
    }
    .footer{
        height: auto;
    }


    .box-news{
        height: auto;
    }

    .news-image{
        height: auto;
        max-height: none;
    }


}

@media (max-width: 576px) {
    .btn-blue-outline{
        font-weight: normal;
        font-size: 14px;
        border-width: 1px;
        line-height: 38px;
        padding: 0 10px;
    }
    .header-links{
        margin-right: 0!important;
    }
    .page-content-title h1{
        font-size: 25px;
        line-height: 40px;
    }
    .header-links .search-input-container{
        margin-right: 25px!important;
    }

    #btnBackToTop{
        bottom: 20px;
        right: 20px;
    }
    .gradient-layer{
        padding: 50px 0;
    }
    .header-container.style-2 .main-header{
        flex-direction: column;
    }
    .header-container.style-2 .header-logo{
        margin: 0 0 20px 0!important;
        width: 220px!important;
    }
    .header-container.style-2 .main-header .info-box{
        text-align: right!important;
        align-items: center;
    }
    .header-container.style-2 .main-header .header-links{
        justify-content: start!important;
    }

    .header-links .social-icons{
        display: none;
    }
    .header-container{
        max-height:none;
    }
    .main-header{
        height: auto;
        text-align: center;
    }
    .main-header .logo{
        position: static!important;
        width: 100%;
        height: auto;
        text-align: center;
    }
    .main-header .logo img{
        margin-top: 20px;
        width: 250px;
        position: static!important;
    }

    .modal-body #search-btn{
        margin-top: 20px;
    }
    .box{
        height: auto;
    }


}