:root {
	--landing-main-color: #2A65F6
}
html body.customize-support {
	background-color: #FAFAFA !important;
}
body p {
	font-size: 16px !important;
	font-weight: 500;
	margin-bottom: 30px !important;
	display: block;
	color: #545454;
}
.text_center {
	text-align: center !important;
}
.landing_header {
	background: #fff;
	padding: 25px 0;
}
.landing_coffee_image_wrap {
	width: fit-content !important;
	margin: auto !important;
	position: relative;
}

.move_item {
	position: absolute;
	background: #ff832c;
	width: 14px;
	height: 14px;
	display: block;
	border-radius: 25px;
	top: 28%;
	right: 11%;

}
.move_item_1{animation:moving_item_1 15s infinite linear;}
.move_item_2{animation:moving_item_2 15s infinite linear;}
.move_item_3{animation:moving_item_3 15s infinite linear;}
.logo_center {
  position: absolute;
  top: 51%;
  right: 34%;
  animation: logo_pulse 3s infinite linear;
}
.logo_center svg {
  width: 70%;
  transform: rotate(-30deg) skew(22deg);
}
.been_image {
	position: absolute;
	max-width: 10%;
	top: 78%;
	right: 2%;
	animation:shake_1 15s infinite linear;
}
.coffee_clark_image {
	position: absolute;
	max-width: 13%;
	top: 67%;
	right: 61%;
	animation:shake_2 15s infinite linear;
}
.coffee_mechine_image {
	position: absolute;
	max-width: 14%;
	top: 6%;
	right: 5%;
	animation:shake_main 2s infinite linear;
}
.coffee_mechine2_image {
	position: absolute;
	max-width: 11%;
	top: 17%;
	right: 87%;
	animation:shake_3 15s infinite linear;
}
@keyframes logo_pulse{
	0%{transform:scale(1)}
	50%{transform:scale(1.1)}
}
@keyframes moving_item_1{
	0%{
		top: 28%;
		right: 11%;
	}
	6%{
		top: 40.5%;
		right: 28.5%;
	}
	12%{
		top: 43.5%;
		right: 25.5%;
	}
	18%{
		top: 55.5%;
		right: 41.5%;
	}
	24%{
		top: 64%;
		right: 29.5%;
	}
	30%{
		top: 66%;
		right: 33%;
	}
	36%{
		top: 80%;
		right: 12.5%;
		visibility:visible;
		opacity:1;
	}
	40%{
		top: 80%;
		right: 12.5%;
		visibility:hidden;
		opacity:0;
	}
	100%{
		top: 80%;
		right: 12.5%;
		visibility:hidden;
		opacity:0;
	}
}
@keyframes moving_item_2{
	0%{
		top: 28%;
		right: 11%;
	}
	36%{
		top: 28%;
		right: 11%;
	}
	37%{
		top: 40.5%;
		right: 28.5%;
	}
	42%{
		top: 38%;
		right: 33%;
	}
	48%{
		top: 60%;
		right: 65%;
	}
	54%{
		top: 64%;
		right: 61%;
	}
	60%{
		top: 66%;
		right: 63%;
	}
	66%{
		top: 71%;
		right: 55%;
	}
	72%{
		top: 74.5%;
		right: 59.5%;
		visibility:visible;
		opacity:1;
	}
	76%{
		top: 74.5%;
		right: 59.5%;
		visibility:hidden;
		opacity:0;
	}
	100%{
		top: 74.5%;
		right: 59.5%;
		visibility:hidden;
		opacity:0;
	}
}
@keyframes moving_item_3{
	0%{
		top: 28%;
		right: 11%;
	}
	77%{
		top: 28%;
		right: 11%;
	}
	82%{
		top: 40.5%;
		right: 28.5%;
	}
	87%{
		top: 38%;
		right: 33%;
	}
	92%{
		top: 49.5%;
		right: 51%;
		visibility:visible;
		opacity:1;
	}
	97%{
		top: 31%;
		right: 77%;
		visibility:visible;
		opacity:1;
	}
	100%{
		top: 35.5%;
		right: 84%;
		visibility:hidden;
		opacity:0;
	}
}
@keyframes shake_1{
	0%{transform:translatex(0px)}
	36%{transform:translatex(5px)}
	38%{transform:translatex(0px)}
	40%{transform:translatex(5px)}
	42%{transform:translatex(0px)}
	44%{transform:translatex(5px)}
	44%{transform:translatex(0px)}
	100%{transform:translatex(0px)}
}
@keyframes shake_2{
	0%{transform:translatex(0px)}
	72%{transform:translatex(5px)}
	74%{transform:translatex(0px)}
	76%{transform:translatex(5px)}
	78%{transform:translatex(0px)}
	80%{transform:translatex(5px)}
	82%{transform:translatex(0px)}
	100%{transform:translatex(0px)}
}
@keyframes shake_3{
	0%{transform:translatex(0px)}
	97%{transform:translatex(5px)}
	98%{transform:translatex(0px)}
	99%{transform:translatex(5px)}
	100%{transform:translatex(0px)}
}
@keyframes shake_main{
	0%{transform:translatex(0px)}
	10%{transform:translatex(5px)}
	20%{transform:translatex(0px)}
	30%{transform:translatex(5px)}
	40%{transform:translatex(0px)}
	50%{transform:translatex(5px)}
	60%{transform:translatex(0px)}
	70%{transform:translatex(5px)}
	80%{transform:translatex(0px)}
	90%{transform:translatex(5px)}
	100%{transform:translatex(5px)}
}
.rb_flex_center_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
	margin: 10px auto;
}
.header_navbar ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
.landing_center_title {
	font-size: 38px;
	font-weight: 800;
	color: #000;
	text-align: center;
	display: block;
	margin: 15px auto 25px;
}
.landing_center_title b{color: var(--landing-main-color);}
.landing_center_title span{color: #FF852D;}
.offercoffee_title{
	position: relative;
	color: var(--main-color);
	font-size: 16px;
	padding-right: 50px;
	font-weight: 700;
}
.offercoffee_title:before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 44px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg width='45' height='24' viewBox='0 0 45 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_95_1849)'%3E%3Cpath d='M11.928 2.35446e-06C14.4181 2.35446e-06 16.7638 0.780879 18.9653 2.34264C19.201 2.79114 19.3158 3.13533 19.3158 3.38566V3.51187C19.3158 4.48605 18.7463 5.03364 17.6031 5.14837H17.3945L15.2073 4.02191C13.8618 3.59566 12.7673 3.38219 11.9239 3.38149C9.19392 3.38149 6.84121 4.62721 4.86572 7.11865C3.87589 8.78749 3.37732 10.4188 3.37732 12C3.37732 15.1896 4.87232 17.7193 7.86233 19.589C9.18349 20.2733 10.4984 20.6161 11.807 20.6175H11.9823C13.6629 20.6175 15.4103 20.0504 17.2245 18.9163H17.7888C18.8005 19.1406 19.3095 19.6662 19.3095 20.4923V20.6686C19.3095 21.7575 17.8392 22.7404 14.8986 23.6172C13.9932 23.8766 13.0555 24.0058 12.1137 24.001H11.807C7.8519 24.001 4.54516 22.1716 1.88684 18.5126C0.626863 16.3835 -0.00208088 14.2126 5.17202e-06 12C5.17202e-06 7.84112 1.89136 4.4558 5.67406 1.84407C7.70518 0.6133 9.79123 -0.00138835 11.9322 2.35446e-06H11.928Z' fill='%23914E19'/%3E%3Cpath d='M29.835 0.0332031C33.8736 0.0332031 37.2496 1.90265 39.9628 5.64155C41.195 7.77001 41.8097 9.91308 41.8069 12.0708C41.8069 16.0711 40.0014 19.3963 36.3905 22.0462C34.3378 23.3493 32.1891 24.0005 29.9446 23.9998H29.7036C25.5774 23.9998 22.2157 22.0876 19.6186 18.2632C18.7553 16.8665 18.191 15.306 17.9612 13.6801H13.6848C13.2455 13.6777 12.8248 13.502 12.5142 13.1914C12.2035 12.8807 12.0279 12.46 12.0254 12.0207C12.0279 11.5813 12.2035 11.1607 12.5142 10.85C12.8248 10.5393 13.2455 10.3637 13.6848 10.3612H17.9446C18.3562 7.23216 20 4.5495 22.876 2.31325C25.0642 0.797391 27.3843 0.0387668 29.8361 0.0373761L29.835 0.0332031ZM21.156 12.1323C21.156 14.9012 22.3854 17.2375 24.8442 19.1414C26.3656 20.165 27.9854 20.6778 29.7036 20.6799H30.0103C32.7131 20.6799 35.0057 19.4724 36.888 17.0575C37.9354 15.5813 38.4962 13.8151 38.4921 12.005C38.4921 8.87597 37.0549 6.39739 34.1803 4.56932C32.7701 3.75367 31.3217 3.34863 29.835 3.35419C26.9674 3.35419 24.5872 4.60582 22.6945 7.10908C21.6716 8.58114 21.1588 10.259 21.156 12.1427V12.1323Z' fill='%23D2AA77'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.1603 12.0992C29.8404 10.0737 30.5381 7.99595 29.2594 5.85254C27.7705 5.99154 26.3821 6.66454 25.3507 7.74729C24.3192 8.83004 23.7144 10.2494 23.6478 11.7433C23.5811 13.2372 24.0573 14.7048 24.9883 15.8751C25.9193 17.0453 27.2422 17.8392 28.7128 18.1102C27.8357 16.0439 28.4907 14.0924 29.1603 12.0992ZM30.8458 5.90782C31.8993 8.28174 31.1765 10.4335 30.4693 12.5383C29.8195 14.4731 29.1853 16.3621 30.3118 18.1936C31.8212 18.0773 33.2357 17.4122 34.2881 16.324C35.3405 15.2358 35.9579 13.7998 36.0237 12.2874C36.0894 10.775 35.599 9.29081 34.6449 8.11538C33.6909 6.93995 32.3394 6.15464 30.8458 5.90782Z' fill='%23914E19'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_95_1849'%3E%3Crect width='44.8083' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.header_navbar ul a{  color: #000;font-size: 14px; white-space: nowrap;}
.header_navbar ul a:hover{  color: var(--main-color);}
.landing_top_box {
	background: url('/K4a87SMrlI1kY7YzaXb3/uploads/2024/10/top_landing_bg.webp');
	background-size: contain;
	background-repeat: no-repeat;
}
.landing_main_btn {
	background: var(--landing-main-color);
	color: #fff;
	font-size: 13px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	border-radius: var(--border-radius);
	cursor: pointer;
	padding: 16px 20px;
	width: fit-content;
	min-width: 150px;
}
.landing_main_btn:hover {box-shadow: inset 0 0 100px #0003;color: #fff !important;}
.landing_outline_btn {
	border: 1px solid var(--landing-main-color);
	color: var(--landing-main-color);
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	background: #fff;
	transition: 0.2s all;
	padding: 16px 20px;
	border-radius: var(--border-radius);
	width: fit-content;
}
.landing_outline_btn:hover {background: var(--landing-main-color);color: #fff;}
.landing_outline_btn:hover :is(svg, path) {fill: #fff;}
.center_image{
	width: 800px !important;
	margin: 30px auto !important;
	max-width: 95% !important;
}
.landing_services_wrap {
	padding: 0 0 10px;
	background: linear-gradient(#fafafa, #fff);
}
.landing_services {
	width: 800px;
	max-width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px auto;
	gap: 100px;
}
.service_item {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
	color: #000;
}
.service_item strong{
	color: var(--landing-main-color);
	font-weight: 800;
	font-size: 40px;
	direction: ltr;
}
.landing_faq_item {
	position: relative;
	line-height: 24px;
	margin-bottom: 10px;
	transition: 1s all;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: var(--border-radius);
	padding: 10px;
	font-size: 15px;
	color: var(--text-color);
}
.landing_faq_item .faq_question {
	padding: 10px;
	font-weight: 500;
	position: relative;
	cursor: pointer;
	font-size: 15px;
}
.landing_faq_item .faq_question:before {
	content: '';
	position: absolute;
	left: 15px;
	top: 13px;
	width: 18px;
	height: 18px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" x="0" y="0" viewBox="0 0 64 64" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M48.5 20.8C43.4 25.9 38.4 31 33.3 36.1l-.8.8L18.6 23l-2.2-2.2c-1.8-1.8-4.7 1-2.8 2.8l15.3 15.3 2.2 2.2c.8.8 2.1.8 2.8 0C39 36 44.1 31 49.2 25.9l2.2-2.2c1.8-1.8-1-4.7-2.9-2.9z" fill="%23333" opacity="1" data-original="%23000000" class=""></path></g></svg>');
}
.landing_faq_item.active .faq_question:before {
	transform: rotate(180deg);
}
.landing_faq_item .faq_answer {
	padding: 15px;
	color: #333;
	font-weight: 400;
	text-align: justify;
	display: none;
}
.landing_footer_box{
	background: url(/K4a87SMrlI1kY7YzaXb3/uploads/2024/10/landing_footer_image.webp);
	min-height: 630px;
	width: 100%;
	margin: 30px 0;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 50px;
	position: relative;
}
.landing_footer_box_text {
	position: absolute;
	right: 10%;
	top: 30%;
}








.rb_footer {
	background: transparent;
	padding: 20px;
	margin-top: 50px;
}
.footer_menu_wrap {
	border-top: 2px solid var(--landing-main-color);
	padding: 30px 0 25px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
.footer_navbar ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 25px;
}
.footer_about_desc_title {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 0;
	color: var(--text-color);
}
.rb_footer_about_desc {
	position: relative;
	color: #616161;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px !important;
	display: block;
	font-weight: 400;
	max-height: 100px;
	overflow: hidden;
	text-align: right;
	transition: .3s all;
}
.rb_footer_about_desc::before {
	content: '';
	width: 100%;
	height: 60px;
	background: linear-gradient(transparent,#f7f7f7);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.rb_footer_about_desc::after {
	content: 'بیشتر بـخوانید';
	font-size: 14px;
	color: var(--main-color);
	font-weight: 600;
	position: absolute;
	background: #f7f7f7;
	left: 0;
	bottom: 0;
	padding: 0 10px;
	cursor: pointer;
}
.rb_footer_about_desc.active {max-height: 2000px;}
.rb_footer_about_desc.active:before{display: none;}
.rb_footer_about_desc.active:after{content: 'جمع کردن';}
.footer_namad_wrap {
	margin-top: 15px;
	color: #777;
	text-align: center;
	background: #fff8;
	padding: 14px 20px;
	border-radius: var(--border-radius);
	font-size: 13px !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.rb_footer_social_wrap {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 30px;
}
.logos_wrap {
	margin: 30px auto;
	max-width: 90% !important;
}
.rb_footer_social_wrap a:hover svg {fill: var(--main-color);}
.rb_footer_social_wrap svg {fill: #616161a3;}
.rb_footer_social_wrap svg {width: 23px;height: 23px;fill: #666;}
#footer .rb_footer_social_wrap a:hover {
	color: var(--main-color) !important;
}
.footer_namad_box {
	text-align: center;
	flex: 0 0 100%;
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}
.footer_items_wrap{max-width: 90%;margin: auto !important;}
.rb_footer .menu li a {color: var(--text-color) !important;}
.rb_footer .menu li a:hover {color: var(--main-color) !important;}
.footer_address_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	font-size: 15px;
	color: #000;
	margin-bottom: 15px;
}
.footer_address_box a {
	color: #000;
	font-weight: 700;
	font-size: 16px;
}
.footer_download_box {
	width: 100%;
	border-radius: 10px 10px 50px 10px;
	background: var(--landing-main-color);
	padding: 20px 40px;
	color: #fff;
	width: 95%;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
}
.footer_download_box_images{
	width: 70%;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
}
.footer_download_box_title {
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
}
.footer_download_box_title strong{font-size: 18px;}
.footer_download_box_images img{transition: 0.2s ease-out;}
.footer_download_box_images img:hover{transform: scale(0.9);}
.footer_box_title {
	font-weight: 700;
	margin-bottom: 10px;
	display: inline-block;
}
.footer_about_box {
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
	position: relative;
}
.copyright p {
	font-size: 13px;
	color: #555;
}
.landing_sitcky_btn{
	position: fixed;
	right: 30px;
	bottom: 30px;
	background: var(--landing-main-color);
	border-radius: 50px;
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: 0.2s all;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.footer_download_box_images img {
	width: 170px;
}
.landing_sitcky_btn:hover{transform: translatey(-5px);}

@media (max-width: 991px) {
	:root {
		--border-radius: 12px !important
	}
	.rb_flex_row{flex-direction: row !important;}
	body .offcanvas_menu_wrap .header_navbar a { padding: 10px 0;}
	.header_navbar li {width: 100%;}
	body .offcanvass_menu_btn { transform: translateY(0px);}
	.mobile_logo svg{width: 60px;}
	.landing_header {padding: 10px 0;}
	.header_navbar ul {gap: 0px;flex-direction: column;align-items: flex-start;}
	.landing_center_title {font-size: 20px;margin: 5px auto 15px;}
	.rb_flex_center_wrap{flex-direction: column;justify-content: center;align-items: center;}
	h3 {font-size: 16px !important;}
	.landing_outline_btn, .landing_main_btn {font-size: 13px;gap: 6px; padding: 10px 15px;}
	.landing_top_box {background-size: cover;}
	.landing_services{gap: 0;justify-content: space-between;}
	.service_item {gap: 5px;font-size: 11px;white-space: nowrap;}
	.service_item svg{width: 30px;}
	.service_item strong {font-size: 18px;}
	body p {font-size: 13px !important;margin-bottom: 15px !important;	}
	.center_image {margin: 10px auto !important;}
	.landing_faq_item {padding: 0;}
	.landing_faq_item .faq_question {font-size: 12px;padding-left: 35px;}
	.landing_faq_item .faq_answer {padding: 0 15px 10px;font-size: 13px;}
	.rb_flex_center_wrap {gap: 10px;}	
	.logos_wrap {margin: 0px auto;max-width: 100% !important;}
	.landing_footer_box {min-height: 180px;margin: 10px 0;margin-top: 20px;}
	.landing_footer_box_text .landing_center_title { font-size: 14px;margin-bottom: 5px;}	
	.landing_footer_box_text .landing_main_btn{min-width: fit-content;padding: 8px 12px;}
	.landing_footer_box_text .landing_outline_btn{padding: 8px 12px;}
	.landing_footer_box_text .rb_flex_center_wrap{flex-direction: row;}
	.landing_footer_box_text {right: 10%;top: 20%;}
	.landing_sitcky_btn {right: 10px;bottom: 10px;width: 45px;height: 45px;}
	.landing_sitcky_btn svg{width: 30px;}

	.rb_footer {margin-top: 30px;padding: 0px 0 10px;}
	.footer_box_title {margin-top: 0px;margin-bottom: 5px;}
	.footer_items_wrap{max-width: 100%;}
	.footer_namad_wrap{margin-top: 10px;  padding: 10px 10px;}
	.footer_namad_wrap p{font-size: 11px !important;}
	.footer_namad_box {justify-content: center;gap: 15px;margin-top: 10px;}
	.footer_navbar ul {overflow-x: auto;gap: 15px;}
	.footer_address_box {margin-bottom: 10px;}
	.footer_download_box{flex-direction: column;padding: 15px;margin: 5px 0; width: 100%;gap: 15px;}
	.rb_footer_social_wrap {gap: 20px; margin-top: 15px;}
	.sevice_pre_footer_box {min-height: auto;}
	.sevice_pre_footer_box_icon svg {width: 45px;height: 45px;margin-bottom: 0px;}
	.footer_about_box::after {
		content: 'بیشتر بـخوانید';
		font-size: 12px;
		color: var(--second-color);
		font-weight: 600;
		position: absolute;
		background: #f7f7f7;
		left: 0;
		bottom: -8px;
		padding: 3px 10px;
		cursor: pointer;
		background: #fff;
		border: 1px solid #ddd;
		border-radius: 50px;
	}
	.footer_download_box_images img{width: 130px;}
	.footer_about_box.active::after {content: 'نمایش کمتر';}
	.footer_about_box.active {max-height: 2000px;}
	.footer_download_box_title strong {font-size: 15px;}
	.footer_download_box_images {width: 100%;justify-content: center;}
	.footer_about_box {margin-bottom: 10px;}
	body .copyright p {font-size: 10px !important;margin-top: 10px;text-align: center;width: 100%;}
	.footer_menu a {font-size: 12px !important;}
	.footer_namad_box img {width: 70px;}
	.rb_sticky_footer_menu {
		background: #fff;
		padding: 10px 15px 5px;
		display: flex;
		justify-content: space-between;
		align-items: center;

		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		border-top: 1px solid #ddd;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		z-index: 999;
	}
	.rb_sticky_footer_menu a {
		display: flex;
		flex-direction: column;
		gap: 8px;
		justify-content: center;
		align-items: center;
		position: relative;
		font-size: 11px;
		color: #000;
		font-weight: 500;
	}
	.rb_sticky_footer_menu a.active:before {
		content: '';
		position: absolute;
		top: -13px;
		left: 50%;
		transform: translatex(-50%);
		height: 3px;
		width: 50px;
		background: var(--main-color);
		border-radius: 20px;
	}
	.cart_count_badge {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 18px;
		height: 18px;
		background: red;
		color: #fff;
		font-size: 12px;
		border-radius: 50px;
		top: -8px;
		right: -4px;
		position: absolute;
	}
}