.mainBenefits {}
.mainBenefits__title {}
.mainBenefits__title._a {}
.mainBenefits__items {}
.mainBenefits__item{position: relative; top: 0; transition: 0.5s; }
.mainBenefits__itemBody{transition: 0.5s; height: 100%; display: flex; flex-direction: column;}

.mainBenefits__item {display: block; position: relative; padding-top: 2rem; color: #fff !important; text-decoration: none !important;}
.mainBenefits__item._a {}

.mainBenefits__item:before,
.mainBenefits__itemImg {display: block; height: 4.875rem; width:5.625rem; border:1px solid #5badc3; border-radius:0.5rem; background-size: 3.125rem 3.125rem; background-position: center; background-repeat: no-repeat; background-color: #fff; position: absolute; bottom: 78%; left: 0; z-index: 2; transition: .5s;}
.mainBenefits__item:before {content: '';left: 0.75rem; margin-bottom: 0.75rem; z-index: -1; background: #d9ecf1; border-color: #d9ecf1;} 

.mainBenefits__itemName {display: block; font-size: 1rem; font-weight: 500; position: relative; letter-spacing: 0.05em; line-height: 1.2; text-transform: uppercase; color: #fff; display: block; padding: 0.5rem 0 0.5rem 1rem; border-left: 1px solid #fff;}


.mainBenefits__lbg {background: #2ca3a1; padding: 2rem 1rem 2rem 2rem ; color:#fff;
	-ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
	font-size: 0.875rem; 
	
}

.mainBenefits__rbg {position: relative;}
.mainBenefits__rbg:before {content: ''; position: absolute; left: 0; top: 0; right: 15px; bottom: 0; border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; background: url(images/bg.jpg) center center no-repeat; background-size: cover;}
.mainBenefits__items {position: relative; padding-left: 2rem;}

/*desktops*/
@media (max-width: 1200px) { 

}

/*tablets*/
@media (max-width: 991px) {
	.mainBenefits__title {text-align: center;}
	.mainBenefits__lbg {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-bottom: 4rem; text-align: center; border-top-right-radius: 0.75rem;}
	.mainBenefits__rbg:before {border-top-right-radius: 0; right: 0;}
	.mainBenefits__items {padding-left: 0rem;}
	.mainBenefits__item {padding-bottom: 1rem;}
	.mainBenefits__itemName {font-size: 0.875rem;}
}

/*phones*/
@media (max-width: 767px) { 
	.mainBenefits__items {padding-top: 1rem;}
	.mainBenefits__item:before {display: none;}
	.mainBenefits__itemImg {position: relative;}
	.mainBenefits__item {padding-top: 0;}
	.mainBenefits__lbg {padding: 1rem;}
	
}