:root {
	--theme-color: #e73918;
	--content-font: 'Heebo', sans-serif;
	--title-font: 'Playfair Display', sans-serif;
	--sub-title-font: 'Cairo', cursive;
	--other: 'Heebo', sans-serif;
	--font-black: #222222;
}

.home.cont-slider .owl-carousel .owl-item img { width: auto !important; margin: 0 auto; }
.line-scale { top: 40% !important; }
.recipe-details { display: flex; align-items: center; }
.recipe-details .recipe-icon { margin-right: 5px; margin-bottom: 5px !important; }
.recipe-details .recipe-icon img { margin-bottom: 0 !important; }
.mt-74 { margin-top: 74px; }
.recipe-icon { display: inline-block; }
.recipe .gallery_item { overflow: inherit !important; }
.cont-slider .owl-dots { position: absolute; bottom: 0; right: 45%; }
.recipe .gallery_item:hover img { transform: scale(1); }
/*.cont-slider { padding: 0 !important; }*/
.prl-20 { padding-right: 20px !important; padding-left: 20px !important; }
.error_txt.background_bg { font-family: var(--sub-title-font); }
.nav-item a { font-family: var(--sub-title-font); }
.product { border: none !important; border-radius: 0 !important; }
.product_info_abs a { font-family: 'Poppins', sans-serif; }
.product_info_abs a.own-button { padding: 10px 0px 10px; }
.product_info_abs {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  bottom: 0;
  background: #fff;
  z-index: 1000;
  transform: translate(0px, 70px);
  transition: all 0.8s ease;
  opacity: 0;
  box-shadow: 0 5px 5px rgba(0,0,0,0.2);
  text-align: center;
  padding: 20px;  
}
.nav-link.active .icons img { filter: grayscale(0); }
.nav-link .icons img { filter: grayscale(1); }
.icons { display: block; width: 45px; height: auto; }
.parent-border { overflow: visible; }
.border-style { border: 25px solid #fff; box-shadow: 0 0 10px #e8e8e8 , 0 0 10px #e8e8e8 inset; }
footer .widget_title2, .gallery_content h5 { font-family: var(--sub-title-font); }
.product_action_box { left: 15px; top: 15px; }
.overlay { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.7);
	z-index: 1000000000 !important; display: none; }
.overlay .container { width: 100%; height: 100%; }
.overlay .overlay-content { display: flex; align-items: center; justify-content: center;
	width: 100%; height: 100%; }
/*.overlay .overlay-content .close { background: #fff; }*/
/*.overlay .overlay-content .mfp-close { color: #000; right: 25px; top: 25px; }*/
.product:hover .product_info_abs { transform: translate(0px, 90px); box-shadow: 0 5px 5px rgba(0,0,0,0.2);
	opacity: 1; transition: all 0.5s ease; }
.product:hover { box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); }
.btn-center { text-align: center; }
.mfp-bg, .mfp-wrap { z-index: 100000; }
.btn.own-button { border-radius: 9999px; min-width: 197px; padding: 17px 10px 16px; }
.heading_s3 h2 { color: var(--theme-color); font-style: italic; }
.recipe-list-style input[type="checkbox"] { margin-right: 10px; }
.product-image .pr_flash { background: transparent !important; }
.recipe-list-style li { list-style: none; display: flex; align-content: center; justify-content: left; }
.recipe-list-style li svg { margin-right: 10px; }
.shop-rating-content li { list-style: none; display: inline-block; margin-right: 10px; }
.common-style { color: #fff !important; text-transform: capitalize; }
.pr_categories.common-style { background-color: var(--theme-color); float: left; border-radius: 50px;
	padding: 0 10px; font-size: 14px; line-height: normal; margin-right: 4px; }
.black_sub_heading { font-family: var(--sub-title-font); color: #222222; font-weight: normal !important; }
.pt-0 { padding-top: 0 !important; }
.justify { text-align: justify; text-justify: distribute; }
.header_wrap.nav-fixed { z-index: 10000; }
.contact-details i, .contact-details h4, .contact-details p, .contact-details a { 
	text-align: center; display: block; }
.contact-details .row { border: 1px solid #ebebeb; }
.contact-details .row .col-sm-3 { border-right: 1px solid #EBEBEB; display: flex;
	align-items: center; justify-content: center; cursor: pointer; }
.contact-details .row .col-sm-3:hover i { transform: translate(0px, -5px); }
.iframe { border: 25px solid #fff !important; box-shadow: rgba(0,0,0,0.3) 0px -2px 10px; }
.contact-details .row .col-sm-3:last-child { border-right: none; }
.contact-details .row .col-sm-3 .content { padding: 25px 0; }
.contact-details .content i { font-size: 50px; color: var(--theme-color); margin-bottom: 20px;
	transition: all 0.7s ease; transform: translate(0px, 0px); }
.contact-details .content h4 { margin-bottom: 20px; }
.img-responsive { width: 100%; }
.line-scale .line, .cart_count, .btn-default, .navbar-toggler, 
	.btn-outline-default:hover, .icon_box_style1 .box_icon, .pr_action_btn li a, 
	.mfp-wrap button.mfp-close, .quantity .minus:hover, .quantity .plus:hover, 
	.border_social .social_icons li a:hover, .border_social.social_icons li a:hover, 
	.cart_btn .add_wishlist:hover, .owl-theme .owl-nav [class*="owl-"], .blog_date, 
	.scrollup:hover, .icon_box_style3 .box_icon, .testimonial_style2 .owl-item.center .testimonial_box, 
	.list_style_1 li::before, .shorting_icon.active, .filter_price .ui-slider .ui-slider-range, 
	.filter_price .ui-slider .ui-slider-handle, .tags a:hover, .page-item.active .page-link, 
	.page-item .page-link:hover, .custome-radio input[type="radio"] + .form-check-label::after, 
	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, 
	.post_navigation a:hover, .pr_categories a, .grid_filter li a.current, .pricing_ribbon, 
	.progress_content .progress-bar, .contact_info.contact_info_style2 li span {
	background-color: var(--theme-color);
}
.fancy_border:before { border-color: var(--theme-color); opacity: 0.2;  }
.sub_heading { font-family: var(--title-font); font-style: italic; }
.title-section .sub-title h6 { font-family: var(--sub-title-font) !important; }
section.breadcrumb_section { padding: 0 0 45px 0 !important; }
section.breadcrumb_section .container { position: absolute; z-index: 100; left: 0%; top: 0%;
	width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
	max-width: 100%;  }
.breadcrumb_section.background_bg.bg_fixed.bg_size_contain { position: relative;
	z-index: 1000; }
.breadcrumb_section.background_bg.bg_fixed.bg_size_contain img { position: relative; z-index: -1;
	left: 0; top: 0; width: 100%; height: 100%; }
.page-title h1, .breadcrumb li a, .breadcrumb li.breadcrumb-item.active, 
	.breadcrumb-item + .breadcrumb-item:before { color: #fff !important; }
.error_txt { font-size: 60px; line-height: 2; }
body { font-family: var(--sub-title-font); }
.home .intro_desc { margin-top: 30px; }
.intro_desc h6 { font-family: var(--other); font-weight: bold !important; }
.heading_s2 h2 { font-family: var(--sub-title-font); font-weight: normal !important; }
.page-title h1, h2, h3, h4, h5, h6, .heading_s2 h1, .heading_s2 h3, .heading_s2 h4, .heading_s2 h5, 
	.heading_s2 h6, .heading_s3 h1, .heading_s3 h2, .heading_s3 h3, .heading_s3 h4, 
	.heading_s3 h5, .heading_s3 h6 { 
		font-family: var(--sub-title-font); font-weight: normal !important; }
.font_style1 { font-family: var(--sub-title-font); font-weight: normal !important; }
.biolife-banner__promotion2 .text-content .second-line { font-family: var(--title-font); 
	font-weight: normal !important; }
footer a { color: #fff; }
.banner_box { padding: 50px; }
/*.navbar .navbar-nav li { padding: 0 10px; }*/
.navbar .navbar-nav li.active a { color: var(--theme-color); }
.navbar .navbar-nav li a { position: relative; }
.navbar .navbar-nav li a span { position: absolute; width: 4px; height: 4px; border-radius: 100%;
	background: var(--theme-color); left: 45%; bottom: 25px;  opacity: 0;
	transition: all 0.7s ease; }
.navbar .navbar-nav li a:after { position: absolute; content: ""; left: 45%; bottom: 25px; width: 4px;
	height: 4px; border-radius: 100%; background: var(--theme-color); transform: translate(0,0);
	transition: all 0.7s ease; opacity: 0; }
.navbar .navbar-nav li a:before { position: absolute; content: ""; left: 45%; bottom: 25px; width: 4px;
	height: 4px; border-radius: 100%; background: var(--theme-color); transform: translate(0,0);
	transition: all 0.7s ease; opacity: 0; }
.navbar .navbar-nav li.active a span, .navbar .navbar-nav li:hover a span { opacity: 1; }
.navbar .navbar-nav li.active a:after, .navbar .navbar-nav li:hover a:after { transform: translate(-8px,0); 
	opacity: 1; }
.navbar .navbar-nav li.active a:before, .navbar .navbar-nav li:hover a:before { transform: translate(8px,0); 
	opacity: 1; }
.icon_box_style3 .box_icon { background: var(--theme-color); }
.icon_box_style3 .box_icon:before, .icon_box_style1:hover, 
	.icon_box_style1 .box_icon:before, .icon_box_style3 .box_icon:before { border-color: var(--theme-color); }
a:hover, .header_list > li .dropdown-item:hover, 
	.custome_dropdown .ddChild li:hover, .contact_detail > li a:hover, 
	.navbar .navbar-nav > li > a.active, .navbar .navbar-nav > li:hover > a, 
	.navbar .navbar-nav .dropdown-menu li a.active, .navbar .navbar-nav .dropdown-menu li a:hover, 
	.navbar .navbar-nav .dropdown-menu > ul > li:hover > a, 
	.navbar .navbar-nav .dropdown-menu > ul > .mega-menu-col ul > li:hover > a, 
	.dark_skin .navbar .navbar-nav .dropdown-menu li a.active, 
	.dark_skin .navbar .navbar-nav .dropdown-menu li a:hover, 
	.dark_skin .navbar .navbar-nav .dropdown-menu > ul > li:hover > a, 
	.dark_skin .navbar .navbar-nav .dropdown-menu > ul > .mega-menu-col ul > li:hover > a, 
	.cart_total .cart_amount, .banner_text a, .nav-tabs .nav-link:hover, 
	.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, 
	.price, .blog_meta li a:hover, .testi_user span, .author_intro span, 
	.contact_info li span, .footer_link li a:hover, .widget_links li a:hover, 
	.contact_info li a:hover, .icon_box_style2 .box_icon i, 
	.sub_heading, .footer_dark .widget_links li a:hover, .footer_dark .footer_link li a:hover, 
	.footer_dark .post_content h6 a:hover, .footer_dark .contact_info a:hover, .ripple, 
	.team_title span, .widget_categories a:hover, .login_footer a:hover, .link_container a, 
	.list_style_2 li::before {
	color: var(--theme-color);
}
.nav-tabs .nav-link:hover .pr_icon1, 
	.nav-tabs .nav-link.active .pr_icon1, .nav-tabs .nav-link.active:hover .pr_icon1 {
	background-position: 0px -210px;
}
.nav-tabs .nav-link:hover .pr_icon2, 
	.nav-tabs .nav-link.active .pr_icon2, .nav-tabs .nav-link.active:hover .pr_icon2 {
	background-position: -41px -210px;
}
.nav-tabs .nav-link:hover .pr_icon3, .nav-tabs .nav-link.active .pr_icon3, 
	.nav-tabs .nav-link.active:hover .pr_icon3 {
	background-position: -85px -210px;
}
.nav-tabs .nav-link:hover .pr_icon4, .nav-tabs .nav-link.active .pr_icon4, 
	.nav-tabs .nav-link.active:hover .pr_icon4 {
	background-position: -118px -210px;
}
.nav-tabs .nav-link:hover .pr_icon5, .nav-tabs .nav-link.active .pr_icon5, 
	.nav-tabs .nav-link.active:hover .pr_icon5 {
		background-position: -153px -210px;
}
/*Recipe*/
.title-section { padding-bottom: 40px; display: block; width: 100%; }
.title-section .sub-title { background: url("../images/small-heading-bg-shape.png");
	min-width: 170px; min-height: 35px; display: flex; align-items: center; justify-content: center;
	background-repeat: no-repeat; background-position: center center; background-size: 22% 100%; }
.title-section .sub-title h6 { color: #fff; font-size: 20px; margin: 10px 0;
	font-weight: 500; }
.title-section .main-title { text-align: center; }
.title-section .main-title h1 { font-family: var(--other); }
.mt-50 { margin-top: 50px; }
.recipe .inner-recipe:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 26px !important;
	transition: all 0.7s ease; }
.box-shadow { box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 20px; }
.recipe .inner-recipe { margin-bottom: 25px; position: relative;
	padding: 60px 30px; transition: all 0.7s ease; }

.recipe .inner-recipe .chef { position: absolute !important; top: 0; left: 50%; width: auto; height: auto;
	display: block; transform: translate(-50%, -50%); }
.recipe h3, .recipe p, .recipe a { display: block; text-align: center; margin-bottom: 25px; }
.recipe a { color: #FF0000; font-size: 16px; display: flex; align-content: center; justify-content: center; }
.recipe a span.recipe-icon { margin-right: 6px; }
.recipe img { width: auto; margin: 0 auto; display: block; }
.recipe .separator { width: 200px; margin: 50px auto; background: #ebebeb; height: 1px; 
	position: relative; }
.recipe .separator:after { position: absolute; left: 95px; top: -5px; width: 10px; height: 10px;
	transform: rotate(45deg); background: #ff0000; content: ""; }
@media screen and (max-width: 1030px) {
	.recipe .col-sm-4 { max-width: 50%; width: 100%; display: block !important; flex: auto;
		margin: 0 auto; }
	.recipe .inner-recipe { width: auto; margin: 0 auto; display: block; }
	.title-section .sub-title { background-size: 60% 100%; }
}
@media screen and (max-width: 840px) {
	.recipe .col-sm-4 { max-width: 100%; width: 100%; }
	.title-section .sub-title { background-size: 40% 100%; }
}
@media screen and (max-width: 500px) {
	.title-section .sub-title { background-size: 65% 100%; }
}

/*Offer*/
.offer .offer-animate { display: table; width: 220px; height: 220px; background: #FF0000;
	border-radius: 100%; text-align: center; margin: 0 auto; position: relative; }
.offer .offer-animate:after { position: absolute; content: ""; left: 0; top: 0; width: 100%;
	height: 100%; border: 1px dashed #ff0000; transform: scale(1.1) rotate(0deg); border-radius: 100%;
	animation: rotate 52s linear infinite; }
.offer .offer-animate p { color: #fff; display: table-cell; vertical-align: middle; font-size: 50px;
	font-weight: bold; }
.offer .offer-animate span { display: block; font-weight: normal; margin-top: 30px; }
.bg_light_black { background: #222222 !important; }
.bg_light_black p, .bg_light_black h2 { color: #fff; text-align: center; }
.mb-54 { margin-bottom: 54px; }
.mb-70 { margin-bottom: 70px; }
.bg_light_black a { width: 160px; display: block; margin: 0 auto; text-align: center;
	background: #FF0000; border-radius: 25px; }
@keyframes rotate {
	form {
		transform: scale(1.1) rotate(0deg);
	}
	to {
		transform: scale(1.1) rotate(360deg);
	}
}


/*block section*/

.banner-promotion-01 { line-height: 0; font-size: 0; display: inline-block; width: 100%; }
.biolife-banner__promotion { display: inline-block; width: 100%; height: 710px;
	background-image: url("../images/home/bg_banner_pomotion_org.png"); background-repeat: no-repeat;
	background-size: auto; background-position: center top; position: relative; overflow: hidden;
	font-size: 0; line-height: 0; }
.biolife-banner__promotion .media .position-1 { top: 137px !important; left: 50% !important; margin-left: -21px; }
.biolife-banner__promotion .media .img-moving { display: inline-block; position: absolute;
	z-index: 5; top: 0; left: 0; }
.biolife-banner__promotion { font-size: 0; line-height: 0; }
.biolife-banner__promotion .media .position-2 { left: auto; right: -21px; top: auto; bottom: 135px; }
.biolife-banner__promotion .media .position-3 { top: auto; bottom: 0; left: 42px; }
.biolife-banner__promotion .media .position-4 { top: 93px; left: -9px; }
.biolife-banner__promotion4 .position-2 img, .biolife-banner__promotion .media .position-1 img {
	animation: bounceIn 9s linear infinite; }
.biolife-banner__promotion .media .position-2 img {
	animation: movebounce 3.9s linear 0.4s infinite; }
.biolife-banner__promotion .media .position-3 img {
	animation: movebounce-x 3.9s linear 0.2s infinite; }
.biolife-banner__promotion .media .position-4 img {
  animation: movebounce 3.9s linear infinite; }
img { max-width: 100%; height: auto; outline: none; }
.biolife-banner__promotion .text-content { position: absolute; top: 0; left: 0; right: 0; line-height: 1;
	display: inline-block; padding-top: 217px; }
.biolife-banner__promotion .text-content .text-wrap { padding-left: 70px; }
.biolife-banner__promotion .text-content .first-line { font-size: 30px; line-height: 35px;
	font-family: 'Playfair Display', sans-serif; color: #ffffff; display: block; margin: 0; max-width: 370px; }
.biolife-banner__promotion .text-content .second-line { display: block; margin: 6px 0 0; font-size: 60px;
	line-height: 55px; color: #ffffff; font-weight: 700; max-width: 370px; }
.biolife-banner__promotion .text-content .third-line { font-size: 16px; line-height: 24px; display: block;
	margin: 22px 0 0; color: #ffffff; max-width: 370px; }
.biolife-banner__promotion .product-detail { display: block; margin-top: 32px; max-width: 370px; }
.biolife-banner__promotion .product-detail .txt-price { font-size: 40px; line-height: 1; font-weight: 700;
	color: #ffffff; display: inline-block; margin: 0 30px 0 0; }
.biolife-banner__promotion .product-detail .add-to-cart-btn { display: inline-block; font-size: 14px;
	color: #ffffff; font-weight: 700; text-transform: uppercase; text-align: center; border: none;
  	border-radius: 999px; vertical-align: top; background: #87be00; min-width: 168px; padding: 13px; }
.biolife-banner__promotion2 { display: block; background-color: #ffffff; position: relative; font-size: 0;
	line-height: 0; border-bottom: 1px solid #e6e6e6; }
.biolife-banner__promotion2 .container { position: relative; }
.biolife-banner__promotion2 .media { display: inline-block; position: absolute; left: 0; bottom: 0;
	z-index: 2; width: 670px; height: 535px; background-image: url(../images/home/slomotion_02_bg.png);
	background-position: center center; background-repeat: no-repeat; }
.biolife-banner__promotion2 .text-content { display: inline-block; line-height: 1; float: right;
	max-width: 500px; margin-top: 117px; margin-bottom: 102px;
	padding-left: 55px; }
.biolife-banner__promotion2 .text-content .second-line, .biolife-banner__promotion2 .text-content .first-line {
	display: block; margin: 0; font-size: 35px; line-height: 1; color: #333333; font-weight: 600; }
.biolife-banner__promotion2 .text-content .buttons { margin: 28px 0 0; }
.biolife-banner__promotion2 .text-content .third-line { font-size: 15px; line-height: 24px; color: #666666;
	display: block; margin: 9px 0 0; }
.biolife-banner__promotion2 .text-content .buttons { margin: 28px 0 0; }
.btn.btn-bold:not(:hover) { background-color: #e73918; }
.biolife-banner__promotion2 .text-content .btn-thin { min-width: 177px; border-color: #ededed;
	padding: 12px 12px 11px; margin-left: 19px; vertical-align: top; }
.biolife-banner__promotion2 .text-content .btn { min-width: 147px; padding: 14px 14px 13px; }
.btn.btn-bold { font-size: 14px; color: #ffffff; text-transform: uppercase; border: none;
	border-radius: 9999px; text-align: center; font-weight: 700; padding: 12px; }
.btn.btn-bold:hover { background-color: #444444; }
.btn.btn-thin { font-size: 14px; color: #333333; text-transform: uppercase;
	border-radius: 9999px; text-align: center; font-weight: 700; padding: 10px;
	border: 2px solid #ffffff; border-top-color: rgb(255, 255, 255);
    border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255);
    border-left-color: rgb(255, 255, 255); }
.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle;
	-ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none;
	border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px;
	line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none;
	-ms-user-select: none; user-select: none; }
.z-index-20 { z-index: 20; position: relative; }
.container:before, .container:after { content: " "; display: table;  }
.container:after { clear: both; }
.media:first-child { margin-top: 0; }
.media, .media-body { zoom: 1; overflow: hidden; }


@media screen and (max-width: 1200px) {
	.biolife-banner__promotion2 .text-content { background: rgba(255,255,255,0.5); 
		box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 20px; padding: 50px; position: relative; z-index: 10000; }
}
@media screen and (max-width: 1000px) {
	.recipe-list-style li { display: block; }
}
@media screen and (max-width: 990px) {
	.biolife-banner__promotion2 .text-content { float: none; width: 100%; min-width: 100%; }
	.biolife-banner__promotion2 .media { width: 100% !important; }
	.biolife-banner__promotion .media .img-moving { display: none; }
}

@keyframes movebounce{
    0% { transform: translateY(0); }
    50% { transform: translateY(20px);}
    100% { transform: translateY(0); }
}
@keyframes movebounce-x{
    0% { transform: translateX(0); }
    50% { transform: translateX(20px); }
    100% { transform: translateX(0); }
}

/*box Area*/
/*
Box Area Style
================================*/
.box-area {
  position: relative;
}

.box-area .shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 200px;
  z-index: -1;
}

.box-area .shape-2 {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 200px;
  z-index: -1;
}

.single-box {
  padding: 30px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  text-align: center;
  margin-bottom: 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
}

.single-box .box-icon {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto 10px;
  top: 8px;
}

.single-box .box-icon i {
  color: #8dc446;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: inline-block;
  text-align: center;
  line-height: 60px;
  background: #f9f9f9;
  z-index: 1;
  font-size: 35px;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-box .box-icon i::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: -7px;
  border: 2px dotted #8dc446;
  border-radius: 50%;
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-animation: rotation 50s infinite linear;
          animation: rotation 50s infinite linear;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-box h3 {
  margin-bottom: 15px;
}

.single-box p {
  margin-bottom: 20px;
}

.single-box:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.single-box:hover .read-more {
  color: #3a8d00;
}

.single-box:hover i {
  background-color: #3a8d00;
  color: #ffffff;
}

.single-box:hover i::after {
  border: 2px dotted #3a8d00;
  -webkit-animation: rotation 10s infinite linear;
          animation: rotation 10s infinite linear;
}

.single-box:hover .read-more i {
  background-color: transparent !important;
}

.single-box:hover .shape-3 {
  opacity: 0.1;
}

.single-box:hover .shape-4 {
  opacity: 0.1;
}

.single-box .shape-3 {
  position: absolute;
  left: 20px;
  top: 20px;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-box .shape-4 {
  position: absolute;
  right: 20px;
  bottom: 20px;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.icon-color:nth-child(2) .single-box .box-icon i {
  color: #f0b912;
}

.icon-color:nth-child(2) .single-box .box-icon i::after {
  border: 2px dotted #f0b912;
}

.icon-color:nth-child(2) .single-box:hover .box-icon i {
  color: #ffffff;
}

.icon-color:nth-child(2) .single-box:hover .box-icon i::after {
  border: 2px dotted #3a8d00;
}

.icon-color:nth-child(3) .single-box .box-icon i {
  color: #f17d28;
}

.icon-color:nth-child(3) .single-box .box-icon i::after {
  border: 2px dotted #f0b912;
}

.icon-color:nth-child(3) .single-box:hover .box-icon i {
  color: #ffffff;
}

.icon-color:nth-child(3) .single-box:hover .box-icon i::after {
  border: 2px dotted #3a8d00;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

.line-scale svg path {stroke-dasharray: 0; stroke-dashoffset: 200; 
	animation: loader 4s linear alternate infinite;}
@keyframes loader {
	0% {
		stroke-dasharray: 0;
		
	}
	100% {
		stroke-dasharray: 910;
		
	}
}