@media screen and ( min-width:761px){ .rhs-cont { width: 67% !important; } .lhs-tree { width: 28% !important; } } 
.swiper-slide {text-align:center;}
.swiper-slide > img {max-width:100%;margin:0 auto;}
.swiper-button-next, .swiper-button-prev {filter:grayscale(1)}
.heading-menu, #scroll {display:none !important;}
.banner {background:#F5FAFF;position:relative;
background-attachment: fixed;
background-size: cover;
padding: 70px 0px;
}

.banner-row, .row1, .row2-col {display: -ms-flexbox;display: -webkit-flex; display: flex;align-items:center;justify-content: center;}
.banner-row > .col {padding: 10px 0px;position:relative;width:100%;}
.banner-row > .col:nth-child(1){width:55%;}
.banner-row > .col:nth-child(2){width:45%;}
.row2-col > .col:nth-child(1){width:55%;}
.row2-col > .col:nth-child(2){width:45%; margin-left: 25px;}
.m1 {margin:16px 0}
.bg1 {background:#f5f5f5;}
.banner-contents {position:relative;text-align:left;}
.banner-contents > h1, .banner-contents > p {color:#000;margin:0;}
.banner-contents > h1 {font-size:46px;padding-bottom:20px;font-weight:600;line-height:1;}
.banner-contents > p {font-size:18px;margin-bottom:30px;}
.btn1:link, .btn1:visited {display:inline-block;background:#EA142C;color:#fff;padding:8px 24px;border-radius:0px;transition:all .3s ease-in-out;font-weight:300;font-size:16px}
.btn1:hover {background:#d6061c;text-decoration:none;}
.main-wrapper img {border:1px solid #ddd; box-shadow: 0px 3px 8px #e4e4e4;}
.sec-row p {text-align:justify;font-size:15px;line-height:28px;    color: #444;display: inline-block;}
.sec-row ul{line-height:32px}
.sec-row  ul > li {padding-bottom:12px;position:relative;padding-left: 8px;font-size:15px; font-weight: 300;} .box > ul > li:nth-last-child(1) {padding-bottom:0;}
.sec-row ul > li:before {content: " ";display: block;border: solid 11px #e7e7e7;border-radius: 100%;height: 0;width: 0;position: absolute;left: -24px;top: 12px;margin-top: -0.5em;}
.sec-row ul > li:after {content: " ";display: block;width: 0.3em;height: 0.6em;border: solid #3a3a3a;border-width: 0 0.2em 0.2em 0;position: absolute;left: -16px;top: 12px;margin-top: -0.2em;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
img {width:100%;}
.img-wrapper {padding:8px;position:relative;z-index:0;} 
/* .img-wrapper > img {-webkit-box-shadow:10px 40px 40px #d9e3f6;box-shadow:10px 40px 40px #d9e3f6;}  */
.img-wrapper:before {content:"";position:absolute;width:100%;height:100%;background: transparent;border-radius: 8px;z-index: -1;top: 24px;left: -24px;/* box-shadow: 20px 50px 50px #d9e3f6; */}
.sec-title > h2 {font-size:30px;font-weight:500;line-height:34px;color:#444;margin: 20px 0 16px;}
.title-eff {position:relative;}
.title-eff > h2 {position:relative;z-index:0;}
.title-eff > h2:before {content:"";position:absolute;width: 124px;height: 5px;background: #ffb618;bottom: -8px;z-index:-1;}
.eff2 {-webkit-box-shadow:5px 40px 540px #ebeaea;box-shadow:5px 40px 540px #ebeaea;border-radius:16px;}
.content {/*padding:8px 16px;*/}
.sec-row {padding:40px 0;}
.row1 {align-items:flex-start;margin:0}
.row1 > .col {flex:1;margin:0;padding-top:24px;}

.col-45{width: 45% !important;}
.col-55{width: 55% !important;}

p {
    margin: 12px 0;
    font-weight: 300;
}

.img-con,  .count{padding: 0 16px;}
.row1 > .col > .img-con {margin:0 auto;}
.row1 > .col > .img-con > img {width:55px;border:0; filter: grayscale(1);}
.row1 > .col > .count {position:relative;margin:0 auto;margin-top: 16px;}
.row1 > .col > .count:before {content:"";position:absolute;width:100%;height:2px;background:#0064e1;left:0;top: 19px;z-index: -1;}
.row1 > .col > .count > .number {display:inline-block;background:#0064e1;padding:8px;border-radius:100%;width:24px;height:24px;color:#fff;text-align:center;}
.row1 > .col > .desc {padding:16px;} .desc p {text-align:left;}

.row1 > .col > .desc > h3{    margin:10px 0px;font-weight: 500; }
.main-wrapper ul {margin:0 52px;list-style:disc;line-height:32px}

.process-sec .row1{    display: flex;
    flex-wrap: wrap;
    align-items: normal;
    width: 100%;
    justify-content: center;}
.process-sec .row1 > .col {background: #f5f5f5; margin: 10px;}

.main-section .content ul, .main-section .row2-col ul, .main-wrapper ul {margin: 0px 0px 0px 20px !important; }

.bt{border-top: 1px solid #ddd;}
.pb0{padding-bottom: 10px !important;}
.pt0{padding-top: 0px !important;}



.row3-col.row2-col > .col:nth-child(2){width: 60%;}

/* use case css */

.usecase-wrapper {
    position: relative;
}

.usecase-wrapper:before{position: absolute; height: 100%; top: 0; left: 50px; content: ''; width: 4px; background: #f5b845;}

.usecase-wrapper div{   background: #FDFDFD;
    padding: 16px 20px 16px 90px;
    border: 1px solid #f6f6f6;
    margin-bottom: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;}

.usecase-wrapper div p{  margin: 0px; }    

.usecase-wrapper div span{    position: absolute;
    left: 20px;
    height: 60px;
    width: 60px;
    background: #F6F6F6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    font-size: 24px;
    justify-content: center;
    color: #444;top: 50%;
    margin-top: -30px;}

.b-btm {border-bottom: 1px solid #f5f5f5;}


@media screen and (max-width: 768px) {
.row1 {flex-wrap:wrap;}
.row1 > .col {flex:none;width:50%;}
}

@media screen and (max-width: 600px) {
.row1, .row2-col {flex-wrap:wrap;}
.row1 > .col, .row2-col > .col {flex:none;width:98% !important;}
}