.banner-area{z-index:1;position:relative;min-height:78vh;background-position:center;background-size:cover;}
.banner-content h1{font-size:54px;margin-bottom:20px;line-height:1.2;font-weight:600;text-transform:uppercase;}
.banner-content p{margin-bottom:10px;max-width:700px;color:var(--whiteColor);opacity:.9}
@media only screen and (min-width:1300px) and (max-width:1350px) {
.banner-content h1{font-size:44px}
}
@media only screen and (min-width:1200px) and (max-width:1299px) {
.banner-content h1{font-size:40px}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.banner-content h1{font-size:36px}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.banner-area{overflow:hidden;min-height:60vh;}
.banner-content{margin-bottom:30px}
.banner-content h1{font-size:28px;margin-bottom:15px}
.banner-content p{margin-bottom:20px}
}
@media only screen and (max-width:767px) {
/* .banner-area{min-height:auto;background-size:100% auto;;background-repeat: no-repeat;background-position:top right;padding-top:50%;} */
.banner-area{overflow:hidden;min-height:50vh;padding:60px 0 0;background-position: right;}
.banner-content{margin-bottom:10px;text-align:center;background:rgba(255,255,255,.8);padding:15px 0 0;}
.banner-content h1{font-size:28px;margin-bottom:15px}
.banner-content p{margin-bottom:20px}
.banner-content .banner-counter h3{font-size:20px}
}
@media only screen and (max-width:575px) {
.banner-content h1{font-size:26px;margin-bottom:15px}
.banner-content p{margin-bottom:10px}   
}

.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, .card .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(225,178,98,.8);color: var(--color-white);}
@media(max-width:767px){
    .features-box{flex-flow:column;text-align: center;padding:10px;}
}
.card{width: 18rem;}
.card .icon{margin-top: -13%;z-index: 1;margin-left: 5%; border-radius: 50%; text-align: center;}
.banner-wrapper{
    padding: 1rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-wrapper .corner{position: absolute; z-index: 1;width: 200px;}
.banner-wrapper .corner.top-left{top: 0.8rem;left: -0.75rem;}
.banner-wrapper .corner.top-right{bottom: 0.8rem;right: -0.75rem; rotate: 180deg;}
.banner-wrapper>div{
    width: 90%;
}

@media (max-width: 1200px) {
    .banner-wrapper .corner{width: 150px;}
}

@media (max-width: 768px) {
    .banner-wrapper .corner{width: 100px;}
}

.banner-wrapper .dotta .owl-dots{bottom: -35px;}