/*********************************************************************************

   

	Note: This is custom css. All custom styles (user styles) declare here.

**********************************************************************************/

/* How_it_Work */
.process_box {
	border: 1px solid #00AC1F;
	text-align: center;
	padding: 0px 30px 30px 30px;
	margin-top:90px;
}

.triangle_box {
	position: relative;
	top: -50px;
	color: #fff;
	width: 100px;
	height: 100px;
	line-height: 100px;
	background: #00AC1F;
	margin: 0 auto;
	font-size: 45px;
	transform: rotate(45deg);
}
.triangle_box img {
	transform: rotate(-45deg);
}
.process_detail h3 {
	margin: 0px;
}
.process_detail p {
	margin: 20px 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.process_detail h3 {
		font-size: 16px;
	}
}
/* How_it_Work */



.three_line {
	width: 40px;
	height: 2px;
	background: #00AC1F;
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
}
.three_line:before {
	content: "";
	position: absolute;
	height: 2px;
	width: 80px;
	bottom: -7px;
	left: 50%;
	transform: translateX(-50%);
	background: #00AC1F;
}
.three_line:after {
	content: "";
	position: absolute;
	height: 2px;
	width: 80px;
	bottom: 7px;
	left: 50%;
	transform: translateX(-50%);
	background: #00AC1F;
}
@media (max-width: 767px) {
	.three_line {
    width: 30px;
   }
   .three_line:before, .three_line:after{
   	width: 60px;
   }
}





.text_ulta {
	
	
}

.text_ulta h1 {
	transform: rotate(-90deg) !important; color:#CCC; font-size:70px; font-weight:200; font-family:Algerian; 
	padding:0px; margin:0px;
}

@media (max-width: 767px) {
	.text_ulta h1 {
    transform: rotate(-0deg); font-size:0px;
   }
   
}













/* About_section */
.section_tit{
	width: 100%;
}
.clean_top {
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
	border-radius: 0px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.feature-box {
	overflow: hidden;
	position: relative;
	text-align: center;
	margin-top:10px;
}

.feature-box h6{
	font-size:14px;
	padding-top:3px;
	 
}

.feature-box:before {
	position: absolute;
	top: 0px;
	left: 100%;
	width: 100%;
	height: 2px;
	background: #00AC1F;
	content: "";
	transition: all 0.3s;
}
.feature-box:after {
	position: absolute;
	bottom: 0px;
	left: 100%;
	width: 100%;
	height: 2px;
	background: #00AC1F;
	content: "";
	transition: all 0.3s;
}
.feature-box:hover:before, .feature-box:hover:after {
	left: 0px;
}
.content {
	position: relative;
	overflow: hidden;
	padding: 30px 20px;
}
.content:before {
	position: absolute;
	top: 100%;
	left: 0px;
	width: 2px;
	height: 100%;
	background: #00AC1F;
	content: "";
	transition: all 0.3s;
}
.content:after {
	position: absolute;
	top: 100%;
	right: 0px;
	width: 2px;
	height: 100%;
	background: #00AC1F;
	content: "";
	transition: all 0.3s;
}
.feature-box:hover .content:after, .feature-box:hover .content:before {
	top: 0px;
}
@media (max-width: 767px) {
	.sm-l-center{
		margin: 0 auto;
	}
	.section_tit{
	width: 100%;
	text-align: center;
}
}












/********************************************
      Why Choosing Us Section CSS
 ********************************************/
.whychooseus-area {
}
.whychooseus-area .section-title {
    margin-bottom: 30px;
}

.whychooseus-single-item {
    position: relative;
	z-index: 1;
    margin-top: 45px;
}

.whychooseus-icon-box {
    position: absolute;
    left: 0;
    top: 0;
}
.whychooseus-icon-box .whychooseus-icon-number {
    background: url(../images/circle4.png) 0 0 no-repeat;
    font-size: 18px;
    color: #fff;
    width: 64px;
    height: 64px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.whychooseus-info {
    padding-left: 85px;
    padding-top: 20px;
}

.whychooseus-info h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.whychooseus-number-bg {
    position: absolute;
    top: -45px;
    left: 10px;
    width: 20px;
    z-index: -1;
    text-align: right;
}

.whychooseus-number-bg span {
    font-size: 195px;
    color: rgba(0,0,0, 3%);
    font-weight: 700;
    line-height: 1;
}

.hrshort {
	margin-bottom: 15px;
	display:inline-block;
	width: 70px;
	border-bottom: 2px #F00 solid;
}

.hrlong {
	margin-bottom: 15px;
	display:inline-block;
	width: 150px;
	border-bottom: 2px #F00 solid;
}

.bsm {
    box-shadow: 0 0 30px rgb(214 215 216 / 40%); margin:5px;
}

.r45 {
    transform: rotate(-45deg);
}

h1.smh1 {
    font-size: 25px;
}