

.features-box{background-color: transparent;box-shadow: none;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding:10px 15px 10px 40px;text-align: left;border-right: 1px solid rgba(255,255,255,.15);}
.features-box:first-child{padding-left:15px;}
.features-box:last-child{border:0;}
.features-box .content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.features-box .content .title{margin-bottom:12px;color:#fff;line-height:1.4}
.features-box .content .title span{display:block;}
.features-box .icon{height:80px;width:80px;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:32px;margin:0 auto 28px;-webkit-transition:var(--transition);transition:var(--transition);margin:0 15px 0 0;background-color: rgba(255,255,255,.1);color: var(--color-white);}
@media(max-width:767px){
.features-box{flex-flow:column;text-align: center;padding:10px;}
.features-box .title{font-size:18px;}
}

.certii{height:380px;overflow:hidden;}
.reasonblock{background:url(images/logo-shape-10.png) no-repeat right center;background-size:contain;min-height:150px;}
.parda::after{position:absolute;background: #222;background: url(images/righty.jpg);background-position-x: 0%;background-position-y: 0%;background-repeat: repeat;background-size: auto;background-position: center;background-repeat: no-repeat;background-size: cover;width: 68%;height: 100%;right: 0;top:0;border-radius: 5px;content: "";z-index:-1;}
.imgblo{width:80px;height:80px;max-width: 100%;text-align:center;line-height:74px;transition:var(--transition);border:1px solid transparent;}


.img-box1 {position: relative;display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
.img-box1 .vs-circle { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.vs-circle {width: 315px;height: 315px;border: 60px solid var(--main-color);border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}
.mega-hover {position: relative;overflow: hidden;}
.img-box1 .img-1 { border-radius:119px 50px 0 50px; -webkit-border-radius:119px 50px 0 50px; -moz-border-radius:119px 50px 0 50px; -ms-border-radius:119px 50px 0 50px; -o-border-radius:119px 50px 0 50px; }
.mega-hover:before {top: -10%;right: 51%;bottom: -10%;left: 50%;background: rgba(255, 255, 255, 0.3);}
.mega-hover:after {top: 50%;right: -10%;bottom: 50%;left: -10%;background: rgba(255, 255, 255, 0.6);}
.mega-hover:after, .mega-hover:before {content: "";position: absolute;pointer-events: none;opacity: 1;z-index: 3;transform: rotate(5deg);}
.img-box1 .img-2 {border-radius:  50px 119px 50px 0;-webkit-border-radius:  50px 119px 50px 0;-moz-border-radius:  50px 119px 50px 0;-ms-border-radius:  50px 119px 50px 0;-o-border-radius:  50px 119px 50px 0;}
.img-box1 .img-3 {border-radius:  50px 0 50px 119px;-webkit-border-radius:  50px 0 50px 119px;-moz-border-radius:  50px 0 50px 119px;-ms-border-radius:  50px 0 50px 119px;-o-border-radius:  50px 0 50px 119px;}
.img-box1 .img-4 {border-radius: 0  50px 119px 50px;-webkit-border-radius: 0  50px 119px 50px;-moz-border-radius: 0  50px 119px 50px;-ms-border-radius: 0  50px 119px 50px;-o-border-radius: 0  50px 119px 50px;}
.mega-hover:hover:before { left: 0; right: 0; opacity: 0; transition: all 900ms linear; -webkit-transition: all 900ms linear; -moz-transition: all 900ms linear; -ms-transition: all 900ms linear; -o-transition: all 900ms linear; }
.mega-hover:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.mega-hover img { transition: all 2s ease; transform: scale(1.001); -webkit-transform: scale(1.001); -moz-transform: scale(1.001); -ms-transform: scale(1.001); -o-transform: scale(1.001); }
.mega-hover:hover:after { top: 0; bottom: 0; opacity: 0; transition: all 900ms linear; -webkit-transition: all 900ms linear; -moz-transition: all 900ms linear; -ms-transition: all 900ms linear; -o-transition: all 900ms linear; }