@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arvo:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');

/** Generated by FG **/
@font-face {
	font-family: 'Conv_Segoe UI';
	src: url('../fonts/Segoe UI.eot');
	src: local('../fonts/Segoe UI.eot'), url('../fonts/Segoe UI.woff') format('woff'), url('../fonts/Segoe UI.ttf') format('truetype'), url('../fonts/Segoe UI.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*--common-css-*/
img {max-width:100%;}
.container{width: calc(100% - 5%);}
body{font-size: 16px;line-height: 27px;font-family: 'Montserrat', sans-serif;color: #000;}
.arvo{font-family: 'Arvo', sans-serif;}
ul{list-style:none;margin:0;padding:0}
.btn{text-decoration:none;transition:all .5s ease-in-out}
a{transition:all .5s ease-in-out;text-decoration: none;}
a:hover{color: #01a2b1 !important;}
h1, h2, h3, h4, h5, h6{color: #3e3d3d;font-weight: 700;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline: none;}
h2{font-family: 'Arvo', serif;font-size: 33px;line-height: 1.24;color: #3e3d3d;position: relative;margin-bottom: 60px;}
h2:after{position: absolute;content:"";bottom: -25px;left: 0;right:0;width: 130px;height: 5px;background: #4cb6c2;margin: 0 auto;}
p.red-border{position: relative}
p.red-border:after{position: absolute;content:"";bottom: -15px;left: 0;right:0;width: 130px;height: 5px;background: #FF1718;margin: 0 auto;}
h2.left, .console-content h2.left{text-align: left;justify-content: flex-start;}
*.none:after{display: none;}
a.link, p a{font-weight: 500;color: #006dff;text-decoration: underline;}
div{position: relative;}
.flexed,.shield .shield-sect,.footer .foot-sect, .d-flex{display: flex;}
.flexed-cols, .flex-between{display:flex;justify-content:space-between}
.workplace .ourworkplace,.our .oursect,.console-content h2,.console-content .row,.flex-center,.future-sect{display:flex;align-items:center}
.workplace .flex-sect,.solution .console .curve-sect,.contact .flexed, .flex-between-center{display:flex;justify-content:space-between;align-items:center;}
.console-content .console-main{display: flex;align-items: center;justify-content: space-around;}
.marbnone{margin-bottom: 0px;}
h4 a{color: #01a2b1;}
.green-text{color: #01a2b1 !important}
img.full-width{width: 100%;}
ul.disc li{padding-left: 25px;margin-bottom: 8px;position: relative;color: #3e3d3d;}
ul.none{padding-left: 0px;margin-bottom: 8px}
ul.none li:before{display: none;}
ul.disc.black li{color: #3e3d3d;}
ul.disc.green-text li{color: #01a2b1;}
ul.disc.green-text li:before{background: #01a2b1;}
ul.disc.black li:before{background: #3e3d3d;}
ul.disc li:before{position: absolute;content:"";background:#3e3d3d80;height: 8px;width: 8px;border-radius: 50%;top: 9px;left: 0;}
ul.disc li.active{color: #000;font-weight: 600;}
ul.disc li.active:before{background: #000;}
ul.tick li{position: relative;padding-left: 30px;margin-bottom: 5px;}
ul.tick li:before{position: absolute;content: "";background: url(../images/tick.png) no-repeat left;height: 25px;width: 25px;top: 0;left: 0;}
.blue-bg{background: #f2f9fa;padding: 50px 0px;}
.red-text{color: #b61d2a;}
.yellow-text{color: #d2c125;}
.mb40{margin-bottom: 40px;}
.ml40{margin-left: 40px;}

/*--scroll to top--*/
#scrollTop {display: inline-block;background-color: #01a2b1;width: 40px;height: 40px;text-align: center;border-radius: 50%;position: fixed;bottom: 20px;right: 20px;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;color: #fff;cursor: pointer;font-size: 20px;padding: 6px 0px;}
#scrollTop:hover {background-color: #121a55;color: #fff;}
#scrollTop.show {opacity: 1;visibility: visible;}

/*--header--*/
.header{padding-bottom: 55px;box-shadow: 0px 0px 10px #d7d7d7;}
.header .flexed{padding: 0px 6%;background: #fbfbfb;position: fixed;width: 100%;z-index: 999;justify-content: space-between;align-items: center;}
.header .logo img{width: 115px;}
.header.inner .flexed{border-bottom: 1px solid #7070702b;}
.navbar-inverse{background: transparent;border: none;margin: 0;}
.navbar-inverse ul li a{font-size: 12px;text-align: center;color: #292929 !important;background: transparent !important;border-radius: 8px;padding:5px 14px !important;margin: 12px 3px;border: 1px solid transparent;font-weight: 600;}
.navbar-inverse ul li a:hover{background: #efefef !important;color: #000 !important;border-radius: 8px;}
.navbar-inverse ul li .dropdown-menu.large a:hover{border: 1px solid transparent;}
.navbar-inverse ul li .dropdown-menu a{margin: 0;}
.navbar-inverse ul li.active a,.navbar-inverse ul li.active .dropdown-menu a:hover{color: #000 !important;background: #efefef !important;}
.navbar-inverse ul li.active .dropdown-menu a{color: #383838 !important;background: transparent !important;}
.navbar-inverse ul li:last-child a{color: #000 !important;border: 1px solid #ff1718;padding: 5px 10px !important;}
.navbar-inverse ul li:last-child a:hover,.navbar-inverse ul li.active:last-child a{background: #ff1718 !important;border: 1px solid #ff1718;color: #fff !important;background: transparent;}
.navbar-inverse ul li i.fa{margin-left: 5px;font-size: 14px;}
.navbar-inverse ul li.dropdown{position: relative;}
.navbar-inverse ul li a.nav-link{padding-right: 25px !important;}
.navbar-inverse ul li.dropdown a.dropdown-toggle{padding: 0 !important;position: absolute;top: 5px;right: 7px;z-index: 999;width: 20px;}
.navbar-inverse ul li.dropdown a.dropdown-toggle:hover{background: transparent !important;}
.navbar-inverse ul li .dropdown-menu{min-width: 230px;padding: 0;box-shadow: 0px 0px 10px #ddd;border: transparent;border-radius: 8px;border-bottom: none;z-index: 9999;}
.navbar-inverse ul li .dropdown-menu a{display: block;width: 100%;padding: 8px 15px !important;border-bottom: 1px solid #ccc;text-align: left;border-radius: 0px;}
.navbar-collapse{padding: 0;}
.navbar-inverse .navbar-toggle,.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{border: none;background: transparent;margin: 20px 0;padding: 0;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #4cb6cf;}
.header-clear-space{padding: 27px 0px;}
.navbar-inverse ul li a[aria-expanded="true"] i.fa.fa-angle-up,.navbar-inverse ul li:hover i.fa.fa-angle-up {transform: rotate(180deg);}

@media(min-width:768px) {
    .navbar-inverse ul li:hover .dropdown-menu{display: block;}
}

/*-banner--*/
.banner{background: url(../images/bg.png) no-repeat center;background-size: cover;padding: 100px 5%;}
.banner img.triangle{position: absolute;top: 20%;left: 53%;}
.banner img.circle{position: absolute;bottom: 6%;left: 25%;}
.banner img.wave1{position: absolute;top: -20px;left: 37%;width: 160px;}
.banner img.wave{position: absolute;bottom: 4%;left: 30%;width: 120px;}
.banner h1{font-size: 84px;font-weight: 700;line-height: 102px;color: #FF1718;}
.banner h2{font-family: Lexend;font-size: 24px;font-weight: 700;line-height: 30px;}
.banner p{font-size: 23px;font-weight: 500;color: #000;}
.banner p a{font-size: 13px;font-weight: 500;color: #ff1718;border: 1px solid #ff1718;border-radius: 30px;padding:15px 24px;margin-left: 15px;text-decoration: none;}
.banner p a:hover{background-color: #ff1718;color: #fff !important;text-decoration: none;}

/*--workplace--*/
.workplace{padding: 50px 2%;font-size: 16px;line-height:27px;text-align: center;}
.workplace h2{margin-bottom: 50px;margin-top: 0;}
.workplace p a{font-size: 14px;font-weight: 500;}
.workplace .ourworkplace{display: flex;align-items: center;}
.workplace .right-sect img{margin: 45px 0px 30px 0px;}
.workplace .mid-sect{margin-top: 15%;}
.workplace p.arrow{position: relative;font-size: 13px;}
.workplace p.arrow:before{position: absolute;content: "";height: 10px;width: 10px;border-top: 3px solid #000;border-left: 3px solid #000;left: 23px;top: 17.7px;transform: rotate(-45deg);}
.workplace p.arrow:after{position: absolute;content: "";height: 10px;width: 10px;border-top: 3px solid #000;border-left: 3px solid #000;right: 23px;top: 17.7px;transform: rotate(130deg);}
.workplace .line{font-size: 11px;font-weight: 500;margin-bottom: 30px;}
.workplace .line span{position: relative;background: #fcfcfc;padding: 0px 15px;z-index: 12;}
.workplace .line:after{position: absolute;content:"";background: #000;width: 90%;height: 2px;top: 12px;left: 0;right: 0;margin: 0 auto;}
.workplace p span.super {display: initial;font-size: 12px;position: relative;top: -6px;}

/*--contact--*/
.contact{background: #4cb6c2;padding: 25px 10%;font-size: 22px;font-weight: 800;color: #fff;}
.contact .flexed a{background: #fff;font-size: 16px;font-weight: 500;text-align: center;color: #0a0a0a;padding: 10px 45px;border-radius: 30px;}
.contact .flexed span{flex-basis: calc(100% - 190px);}

/*--ice-bg--*/
.ice-bg{background: url(../images/ice-bg.png) no-repeat center center;background-size: cover;padding: 40px 0px;text-align: center;}
.ice-bg h2 span{display: block;font-size: 24px;font-weight: 400;}
.ice-bg h3.f25{font-size: 25px;margin-top: 120px;}
.ice-bg h3.f20{font-size: 20px;margin-top: 90px;}
.ice-bg p.top{font-size: 20px;color: #0f0f0f;text-align: center;margin-top: 70px;text-transform: initial;font-weight: 500;}
.ice-bg p.top span, .ice-bg h3.f25 span, .ice-bg h3.f20 span{display: block;}
.ice-bg h3.f25 span, .ice-bg h3.f20 span{font-weight: 400;}
.ice-bg .green-bg{width: 400px;background: #0097a7;font-size: 20px;color: #fff;margin: 20px auto;padding: 35px;position: relative;border-radius: 20px;}
.ice-bg .green-bg span{font-size: 24px;display:block;font-weight: 700;}
.ice-bg h4{font-size: 28px;color: #fff;margin-bottom: 30px;}
.ice-bg p.white{font-size: 20px;font-weight: 400;color: #fff;}
.ice-bg p.white.f25{font-size: 30px;line-height: 35px;}
.ice-bg p.white span{font-size: 26px;font-weight: 700}
.ice-bg ul{width: 320px;margin: 0 auto 80px;font-weight: 500;text-align: left;}
.ice-bg ul li{position: relative;padding-left: 30px;padding-bottom: 5px;}
.ice-bg ul li:before{position: absolute;background: url(../images/black_tick.png) no-repeat;content:"";top:6px;left: 0;height: 30px;width: 30px;}

/*--approach--*/
.approach{text-align: center;padding: 50px 0px;font-size: 19px;}
.approach h2{font-weight: 500;margin-bottom: 100px;}
.approach h4{margin-bottom: 50px;}
.approach p.orange{font-weight: 700;line-height: 23px;color: #880000;margin-top: 50px;}
.approach.unlock h2{margin-bottom: 55px;}
.approach.unlock .images{justify-content: space-evenly;margin-top: 40px;}
.approach.left-align{text-align: left;color: #3e3d3d;}
.approach.left-align ul li{margin-bottom: 15px;}
.approach.left-align .pleft{padding-left: 7%;}

/*--existing--*/
.existing{padding: 50px 0px 0px;font-size: 21px;line-height: 26px;color: #3e3d3d;font-weight: 500;}
.existing p span.red{font-weight: 500;line-height: 26px;color: #FF0000;font-weight: 700;}
.existing .bordered-text{font-size: 20px;color: #3E3D3D;border-radius: 100px;padding: 30px;margin-top: 30px;border: 1px solid #B0B0B0;box-shadow: 0px 4px 25px rgb(0 0 0 / 11%);text-align: center;line-height: 30px;}
.existing .bordered-text.small{font-size: 18px;padding: 15px;}
.existing p.img-text{font-size: 18px;margin-top: 20px;}
.existing p small{font-size: 15px;}
.existing p a{font-size: 14px;}
.existing .row{margin-bottom: 30px;}
.existing .bordered-text p{font-family: 'Montserrat', sans-serif;font-size: 20px;margin-top: 5px;}
.existing .img-section{margin-top: 40px;}
.existing .brain-img{width: 400px;margin: 40px auto;position: relative;font-size: 15px;font-weight: 600;}
.existing .brain-img .left{position: absolute;bottom: 64px;left: 0;}
.existing .brain-img .right{position: absolute;bottom: 64px;;right: 0;}

/*--powerful--*/
.powerful{padding: 50px 0px;}
.powerful.width-90{width: 90%;margin: 0 auto;}
.powerful h3.f25{font-size: 25px;font-weight: 500;}
.powerful h3{margin-bottom: 40px;}
.powerful p img{margin-left: 200px;}
.powerful .powerful-flex{font-size: 19px;line-height: 23px;font-weight: 700;justify-content: space-evenly;margin-top: 30px;}
.powerful .powerful-flex .left,.powerful .powerful-flex .right{padding-top: 18px;}
.powerful .bordered-text{font-size: 20px;border-radius: 100px;padding: 20px;margin: 20px 0px 20px;border: 1px solid #B0B0B0;box-shadow: 0px 4px 25px rgb(0 0 0 / 11%);text-align: center;line-height: 30px;color: #0097a7;font-weight: 700;}

/*--footer--*/
.footer{padding: 40px 0px;background: #fcfcfc;}
.footer .foot-sect{align-items:baseline}
.footer .foot-sect .logo{margin-bottom: 30px;}
.footer .foot-sect .foot-col{width: 33.33%;}
.footer .foot-sect .foot-col:nth-child(1) ul li{padding-bottom: 5px;}
.footer .foot-sect .foot-col:nth-child(1) ul li img{margin: 0px 8px 5px 0px;}
.footer h4{font-size: 15px;font-weight: 300;color: #2a2a2a;position: relative;margin-bottom: 25px;}
.footer h4.none:after{display: none;}
.footer h4:after{position: absolute;content:"";bottom: -10px;left: 0;width: 50px;height: 2px;background: #4cb6c2;}
.footer h5{font-weight: 700;color: #2a2a2a;margin: 20px 0px;}
.footer h5 a{color: #2a2a2a;}
.footer ul li{line-height: 1;padding-bottom: 22px;font-size: 14px;}
.footer ul li a{color: #2a2a2a;}
.bottom-footer{padding: 20px 0px;text-align: center;border-top: 1px solid rgba(0,0,0,0.2);position: relative;background: #fcfcfc;}
.bottom-footer ul{width: calc(100% - 400px);margin: 0 auto;}
.bottom-footer ul li{display: inline-block;margin-right: 8px;}
.bottom-footer ul li a i.fa{background: #9d9d9d;height: 38px;width: 38px;text-align: center;color: #fff;padding: 10px 0px;border-radius: 50%;font-size: 19px;}
.bottom-footer p{font-size: 16px;color: #2a2a2a;opacity: .5;position: absolute;right: 5%;top: 3px;}
.bottom-footer p a{font-size: 16px;opacity: 1;color: #000;}


/*--inner-content(contact)--*/
.inner-content{padding: 40px 5%;}
.inner-content h2{font-size: 37px;margin:  0 0 10px;}
.inner-content h2.border:after{display: block;}
.inner-content h2:after{display: none}
.inner-content p.f500{font-weight: 500;margin-bottom: 15px;}
.inner-content ul.contact-details{margin: 40px 0px 0px;}
.inner-content ul.contact-details li{margin-bottom: 30px;}
.inner-content ul.contact-details li img{margin-right: 5px;}
.inner-content ul.contact-details li a{color: #2a2a2a;}
.inner-content ul.contact-details li p a{font-weight: 600;color: #2a2a2a;}
.inner-content ul.contact-details li .border{position: relative;}
.inner-content ul.contact-details li .border:after{position: absolute;content: "";bottom: -2px;left: 30px;width: 34px;height: 1px;background: #4cb6c2;}
.inner-content .form-group{margin-bottom: 5px;}
.inner-content label{font-size: 16px;font-weight: 600;color: #1b1b1b;}
.inner-content .form-control{height: 40px;border-radius: 30px;border: 1px solid #7070704f;box-shadow: none;}
.inner-content textarea.form-control{height: 130px;border-radius: 8px;}
.inner-content .btn.btn-submit{background: #121a55;font-size: 21px;font-weight: 500;color: #fff;min-width: 180px;min-height: 55px;border-radius: 8px;margin-top: 40px;}

/*--pricing--*/
img.wavepricing{position: absolute;top: -10px;left: 5%;width: 120px;}
.card-pricing{border-radius: 20px;box-shadow: 0 3px 22px 0 rgba(0, 0, 0, 0.16);background-color: #fff;margin: 100px 0px 50px;min-height: 1132px;}
.card-pricing .card-title{background-color: #121a55;font-size: 27px;font-weight: bold;text-align: center;color: #fff;padding: 40px 0px;border-radius: 20px 20px 0px 0px;}
.card-pricing.hr .card-title{background: #4cb6c2;}
.card-pricing .card-header{text-align: center;}
.card-pricing .card-header h3{font-size: 33px;font-weight: bold;margin-bottom: 30px;}
.card-pricing .card-header img{max-height: 240px;}
.card-pricing .card-tabs{margin-top: 30px;}
.card-pricing .card-tabs ul{border-bottom: solid 3px #121a55;border-top: solid 2px #121a55}
.card-pricing .card-tabs ul li{text-align: center;float: none;margin-bottom: -2px;border: none;}
.card-pricing.hr .card-tabs ul{border-bottom: solid 3px #4cb6c2;border-top: solid 3px #4cb6c2;}
.card-pricing.hr .card-tabs ul li{float: left;width: 33.33%; font-size: 16px;font-weight: 500;}
.card-pricing.hr .card-tabs ul li.active a{background: #fff;color: #000 !important;}
.card-pricing.hr .card-tabs ul li a{color: #525252;pointer-events:none}
.card-pricing.hr .card-tabs ul li a strong{display: block;font-size: 17px;margin-bottom: 15px;}
.card-pricing.hr .card-tabs ul li:nth-child(2){border-left: solid 3px #4cb6c2;border-right: solid 3px #4cb6c2;}
.card-pricing .card-tabs ul li a{padding: 40px 0px;text-align: center;border-radius: 0px;margin-right: 0px;min-height: 165px;}
.card-pricing.employee-pricing .card-tabs ul li a{padding: 63px 0px;}
.card-pricing .card-body{padding: 40px;}
.card-pricing.employee-pricing .card-tabs ul li a{font-size: 27px;font-weight: bold;text-align: center;color: #575757;}
.card-pricing .nav-tabs>li.active>a,.card-pricing .nav-tabs>li.active>a:focus,.card-pricing .nav-tabs>li.active>a:hover{border: none;}

/*--future-project---*/
.banner-inner{background: url(../images/bg.png) no-repeat center;background-size: cover;padding: 50px 10%;}
.banner-inner h2{font-size: 33px;color: #000;margin-bottom: 10px;}
.banner-inner h3{font-size: 33px;font-weight: 500;color: #000;}
.banner-inner h4{font-size: 33px;color: #767676;line-height: 36px;}
.banner-inner .brick{position: absolute;left: 10px;}
.future-text{text-align: center;margin: 60px 0px 40px;color:#3e3d3d;}
.future-text h3{font-size: 36px;font-weight: 500;}
.future-text h4{font-size: 58px;font-weight: 800;margin: 30px 0px;}
.future-text h5{ font-size: 35px;font-weight: bold;margin-bottom: 30px;}
.future-sect{justify-content: center;}
.future-sect h3{font-size: 24px;font-weight: bold;margin-bottom: 15px;}
.future-sect .future-col{margin-left: 30px;}
.future-sect .future-col .main:not(:last-child) ul{margin-bottom: 105px;}
.future-sect .future-col .main:first-child{position: relative;left: -100px;}
.future-sect .future-col .main:last-child{position: relative;left: -100px;}

/*--faq--*/
.faq-bg{background: url(../images/bg.png) no-repeat center center;max-height: 100px;margin-bottom: 9%;}
.faq-tabs{border-bottom: none;display: flex;justify-content: space-between;}
.faq-tabs li{ border-radius: 10px;box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.16);background-color: #fff;text-align: center;width: 200px;height: 200px;padding: 35px 0px;}
.faq-tabs li.active{border: solid 3px #5fbbc6;}
.faq-tabs li a{border: none;}
.faq-tabs li a span{font-size: 13px;font-weight: bold;color: #72758c;display: block;text-transform: uppercase;margin-top: 20px;}
.faq-tabs li.active a img.active,.faq-tabs li a img.not-active{opacity: 1;display: block;margin: 0 auto;}
.faq-tabs li.active a img.not-active,.faq-tabs li a img.active{opacity: 0;display: none;}
.nav-tabs.faq-tabs>li.active>a, .nav-tabs.faq-tabs>li.active>a:focus, .nav-tabs.faq-tabs>li.active>a:hover{border: none;background: transparent;}
.accordion{clear: both;}
.accordion .card{border-bottom: solid 1px #70707029;}
.accordion .card-header button{ font-size: 18px;font-weight: bold;color: #4d4d4d;background: transparent;width: 100%;text-align: left;padding: 20px 15px 20px 30px;position: relative;word-break: break-word;white-space: normal;}
.accordion .card-header button:before{/*--position: absolute;content:"";background:#4d4d4d;height: 8px;width: 8px;border-radius: 50%;top: 27px;left: 5px;--*/ top: 19px;left: 5px;position: absolute;content: "";background: url(../images/tick.png) no-repeat left;height: 25px;width: 25px;}
.accordion .card-body{padding: 0px 15px 20px 30px;}
.accordion .card-header button:after {content: "";position: relative;top: 1px;display: inline-block;font-family: 'FontAwesome';font-size: 26px;font-weight: 600;float: right;transition: transform .25s linear;}
.accordion .card-header button[aria-expanded="true"]:after {content: "\2212";transform: rotate(180deg)}
.accordion .card-header button[aria-expanded="false"]:after {content: "\002b";transform: rotate(90deg);}
.expand-btns{float: right;margin-bottom: 20px;}
.expand-btns .btn-expand{border-radius:30px;border: 2px solid #121a55;color: #121a55;;font-family: 'Montserrat', sans-serif;padding: 12px 30px;font-weight: 600;background: transparent;margin-right: 10px;}
.expand-btns .btn-collapse{background: #121a55;color: #fff;border-radius:30px;font-family: 'Montserrat', sans-serif;padding: 12px 30px;font-weight: 600;}
.expand-btns.absolute{position: absolute;top: 0;right: 0;}
h2.faqhead{width: calc(100% - 300px);margin: 0 auto;}
.accordion .collapse.in{display: initial;}

/*--why--*/
.inner-progress{margin: 30px auto;width: 50%;}
.inner-progress .line{text-align: center;}
.new-progress{width: 60%;margin: 40px auto;}
.new-progress .head{font-size: 11px;font-weight: 800;color: #4d4d4d;background: #f1f1f1;padding: 4px 10px;border-radius: 5px;text-transform: uppercase;margin-bottom: 5px;}
.new-progress .flexed.bars{font-size: 11px;color: #4d4d4d;border-bottom:1px solid #eee;padding-bottom: 5px;margin-bottom: 5px;align-items: center;}
.new-progress .flexed.bars span.count{font-weight: 600;flex-basis: 50px;}
.new-progress .flexed.bars span{flex-basis: 50%;}
.new-progress .flexed.bars .progress{flex-basis: 50%;}
.new-progress .progress{height: 16px;margin-bottom: 0px;background: transparent;box-shadow: none;border-radius: 0px;}
.progress-bar-danger{background: #ec1d2f;}
.progress-bar-darkblue{background: #005c9c ;}
.progress-bar-bluefaded{background: #5275ad;}
.progress-bar-lightblue{background: #00e0ff;}
.progress-bar-bluehigh{background: #15b0ff;}
.card-list{border: 1px solid #7070702b;padding: 40px;border-radius: 35px;width: 60%;margin: 30px auto;}
.card-list li{font-size: 11px;color: #4d4d4d;border-bottom:1px solid #eee;padding-bottom: 5px;margin-bottom: 5px;}
.card-list li span{font-weight: 600;margin-right: 20px;}
.card-list li:last-child{border-bottom:none}
.inner-progress .prog-bars{box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);background: #fff;padding: 8px 15px;border-radius: 0px 30px 30px 0px;margin-bottom: 10px;}
.inner-progress .prog-bars p{font-size: 9px;font-weight: bold;color: #000;text-align: left;margin-bottom: 5px;line-height: 1;}
.inner-progress .prog-bars .progress{height: 26px;background: transparent;box-shadow: none;margin-bottom: 0px;display: flex;}
.inner-progress .prog-bars .progress-bar{background-color: #4CB6CF;border-radius: 0px 30px 30px 0px;}
.inner-progress .prog-bars .text{font-size: 25px;font-weight: bold;text-align: left;color: #000;margin-left: 20px;}
.inner-progress .prog-bars .text.danger{color: #ff1718;}
.inner-progress p.arrow{position: relative;font-size: 13px;}
.inner-progress p.arrow:before{position: absolute;content: "";height: 10px;width: 10px;border-top: 3px solid #000;border-left: 3px solid #000;left: 0;top: 8px;transform: rotate(-45deg);}
.inner-progress p.arrow:after{position: absolute;content: "";height: 10px;width: 10px;border-top: 3px solid #000;border-left: 3px solid #000;right: 0;top: 8px;transform: rotate(130deg);}
.inner-progress .line span{position: relative;background: #fcfcfc;padding: 0px 15px;z-index: 12;}
.inner-progress .line:after{position: absolute;content:"";background: #000;width: 100%;height: 2px;top: 12px;left: 0;}

/*--case--*/
.grey-sect{background: #f9f9f9;border-radius: 25px;padding: 25px;font-size: 17px;font-weight: 500;color: #3e3d3d;}
.grey-sect .title{ font-size: 20px;font-weight: bold;text-align: center;margin-bottom: 5px;}
.title.success{color: #8fbbaf;}
.title.danger{color: #ff1718;}
.grey-sect li{display: flex;justify-content: space-between;align-items: center;margin-top: 15px;}
.grey-sect li span{font-weight: 600;font-size: 17px;}
.grey-sect ul.square-graph li{justify-content: start;align-items: baseline;}
.grey-sect ul.square-graph li span.graph-text{font-weight: 500;flex-basis: calc(100% - 30px);}
.grey-sect li span.square{background: #ccc;height: 16px;width: 16px;margin-right: 15px;}
.grey-sect li span.square.green{background: #9ab5c1;}
.grey-sect li span.square.orange{background: #c1867b;}
.grey-sect li span.square.purple{background: #74698c;}
.grey-sect li span.square.red{background: #c06c84;}

/*--thank you--*/
.modal-dialog{width: 550px;transform: translateY(-50%) !important;position: relative;top: 50%;}
.modal-content{box-shadow: none;min-height: 480px;border-radius: 25px;padding: 95px 70px;}
.modal-body{text-align: center;}
.modal-body h2{margin-bottom: 20px;}
.modal-body p{font-size: 21px;color: #000;margin-bottom: 30px;}
.modal-body a.btn.btn-submit{background: #121a55;color: #fff;padding: 8px 30px;border-radius: 8px;font-size: 20px;}

/*--team--*/
.team{padding: 50px 0px;}
.team h3{font-size: 36px;color: #72758c;margin-bottom: 30px;}
.team h3 span{color: #4cb6c2;}
.team h4{font-size: 29px;color: #1e1e1e;margin: 20px 0px;}
.team h4.inner{padding:30px 0px;clear: both;}
.console-content .team .row{display: initial;}
.team .card{min-height:820px;border-radius: 10px;box-shadow: 0 3px 18px 0 rgba(0, 0, 0, 0.16);background-color: #fff;padding: 20px 15px;border: 5px solid transparent;transition: all .5s ease-in-out;margin: 30px 0px;font-weight: 500;}
.team .card.inline-card{display: inline-block;min-height: 410px;width: 100%;}
.team .card.inline-card .card-header{width: 240px;margin: 25px 0 0;float: left;}
.team .card.inline-card .card-desc{padding-left: 15px;font-size: 12px;float: right;width: calc(100% - 245px);}
.team .card:hover{border: 5px solid #01a2b1;}
.team .card-header{text-align: center;margin: 50px 10px 0px 10px;}
.team .card-header img{border-radius: 10px;}
.team p.post{font-size: 13px;color: #01a2b1;font-weight: 600;margin-bottom: 0;text-align: left;}
.team p.name{font-size: 24px;font-weight: 700;;margin: 0px 0px 15px;text-align: left;}
.team p.data{margin-bottom: 10px;line-height: 24px;}

table.bullying{width:90%;font-size: 13px;font-weight: bold;color: #4d4d4d;border: 1px solid #000;margin: 30px auto 10px;border-collapse: inherit;}
table.bullying tr th{background-color: #040b39;color: #fff;}
table.bullying tr th, table.bullying tr td{padding: 10px;border-bottom: 1px solid #000;}
table.bullying tr:last-child td{border-bottom: none;}
table.bullying tr td:not(:last-child){border-right: 1px solid #000;}
table.bullying tr.negative td{background: #accaf9;}

.about-text{padding-bottom: 40px;}
.about-text h3{margin-bottom: 50px;}
.about-text p{margin-bottom: 25px;}

.banner2 img{width: 100%;}

.security-blue{padding: 40px;border-radius: 25px;}
.security-blue h2{text-align: left;}
.console-content{padding: 40px 0px;}
.console-content h2{text-align: center;justify-content: center;}
.console-content .text-sect,.console-content .text-sect img{margin: 30px 0px;text-align: center;}
.console-content .text-sect.text-left{text-align: left;}
.console-content .m45 .row{margin: 45px 0px;}
.console-content .text-sect h2:after{bottom: 20px;}
.console-content .text-sect h2.two:after{bottom: -7px;}
.console-content .text-sect h2.three:after, .console-content .text-sect h2.nospan:after{bottom: -10px;}
.console-content .text-sect h2.none{display: block;text-align: left;}
.console-content .text-sect img{width: 100%;}
.console-content .text-sect img.auto{width: auto;}
.console-content .black{color: #000;}
.console-content .console-main{padding-right: 5%;}
.console-content .console-main h3 a{font-size: 24px;font-weight: bold;color: #000;display: block;width: 330px;}
.console-content .console-main ul li a{font-size: 16px;font-weight: 500;color: #888;line-height: 35px;}
.console-content .console-main ul li a span{font-weight: bold;color: #01a2b1;}
.console-content h2 span{font-size: 89px;font-weight: 800;color: #96d4db;font-family: 'Montserrat', sans-serif;margin-right: 30px;position: relative;}
.console-content h2 span:before{position: absolute;content: "";top: 50%;left: -25px;background: #4cb6c2;width: 50px;height: 5px;}
.console-content .custom-width{width: 650px;margin: 0 auto;}
.console-content .height30{line-height: 40px;}


ul.tick.hr-resolution li{margin-bottom: 30px;}
ul.tick.hr-resolution li strong{color: #7a7a7a;}
ul.tick.hr-resolution li p{margin: 0px 0px 0px 20px}
.stretch-sect{width: 700px;position: relative;margin: 0 auto;padding-top: 30px;}
.stretch-sect ul{position: absolute;top: 0;left: 55%;text-align: left;}
.stretch-sect ul li{margin-bottom: 3px;}

/*--MEDIA-CSS---*/
@media(min-width:991px){
    .md-hidden{display: none;}
}

@media(max-width:1367px){
	.team .card.inline-card{min-height: 410px;}
	.team .card.inline-card.less-height{min-height: 360px;}
}

@media(max-width:1280px){
h2{font-size: 24px;margin-bottom: 40px;}
.productivity .path-sect {font-size: 15px;margin: 50px 0px 20px;}
.approach.left-align .pleft{padding-left: 15px;}
.banner{padding-top: 70px !important;}
.banner,.workplace,.contact{padding: 30px 2%;}
}

@media(max-width:1200px){
.approach.unlock .images{display: block;}
.employee, .steps h4,.steps h3.f25,.powerful h3.f25,.existing .bordered-text{font-size: 20px;}
.approach,.powerful .powerful-flex,.existing{font-size: 15px;}
.workplace .col-md-6{padding-right: 15px;}
.inner-content{padding: 100px 0% 20px;}
}

@media(max-width:992px){
.container{width:calc(100% - 2%)}
body{font-size: 13px;}
.header .flexed,.faq-tabs{display: block;padding: 10px 2%;}
.header .logo{position: absolute;top: 17px;z-index: 999;}
.xs-hidden,.footer h4.none,.banner img.wave1,.banner img.triangle,.banner img.wave,.ice-bg h2:after{display: none;}
.banner{padding: 50px 2%;}
.banner h1 {font-size: 40px;line-height: 40px;}
.banner .row,.workplace .ourworkplace,.flex-between-center{display: flex;flex-direction: column;}
.banner .row .col-md-6:last-child{order: 1;margin-bottom: 50px;}
.banner .row .col-md-6:first-child{order: 2;}
.approach,.mild,.workplace, .existing,.powerful,.inner-content {padding: 30px 0px;}
.approach h2{margin-bottom: 50px;}
.approach .container, .powerful .container, .ice-bg .container,.inner-progress{width: 100%}
.powerful{text-align: center;}
.powerful .container,.ice-bg .container{padding: 0;}
.grey-sect{background: #f0f0f0;border: 35px solid #fff;box-shadow: 0px 0px 20px #ccc;text-align: center;padding: 15px;margin: 30px 0px;}
.grey-sect img{margin: 15px 0px;}
.powerful .powerful-flex,.productivity .path-sect, .flex-center,.steps .flexed,.links{display: block;}
.approach.unlock ul.tick {padding-left: 0%;font-size: 13px;}
.toxicity-sect{margin:30px 0px;color: #363131;font-size: 15px;text-align: center;font-family: 'Inter', sans-serif;font-weight: 700;line-height: 17px;}
.toxicity-sect table{width: 100%;color: #000;margin-top: 30px;}
.toxicity-sect table tr td{padding: 15px 10px 15px 40px;width: 50%;text-align: left;border-top: 1px solid #707070;}
.toxicity-sect table tr:last-child td{border-bottom: 1px solid #707070;}
.toxicity-sect .sections{font-size: 12px;margin: 22px 0px;border-bottom: 1px solid rgba(0, 0, 0, 0.17);padding: 22px 0px;}
.toxicity-sect .sections:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.shield-imgs,.team p.post,.team p.name{display: block;text-align: center;}
.footer{padding: 20px 0px;text-align: center;}
.foot-sect{display: block !important;}
.bottom-footer p {font-size: 12px;position: relative;right: 0;}
.bottom-footer p a,.existing .bordered-text p{font-size: 14px;}
.bottom-footer{padding: 10px 0px;}
.footer h4:after{right: 0;margin: 0 auto !important;}
.footer .foot-col{padding: 0px !important;}
.footer ul li{display: inline-flex;padding-bottom: 10px;}
.footer ul li:not(:last-child):after{content:"::";margin: 0px 10px;}
.footer .foot-sect .foot-col{width: 100%;}
.productivity .graph-sectimg{min-height: auto;}
.productivity .graph-label{font-weight: 700;margin-bottom: 15px;}
.workplace .mid-sect{margin: 20px 0px;}
.existing ul.disc {margin-top: 80px;}
.employee .bordered-text.custom-green,.team .card.inline-card .card-header,.card-pricing.hr .card-tabs ul li,.new-progress,.card-list{width: 100%;}
.card-pricing{min-height: auto;}
.card-pricing.hr .card-tabs ul li:nth-child(2){border: none;}
.card-pricing .card-tabs ul li a {padding: 20px 0px;min-height: auto;}
.team .card.inline-card{display: block;}
.team .card.inline-card .card-desc {float: none;text-align: center;width: 100%;}
.faq-tabs li {width: 140px;height: 140px;padding: 5px 0px;}
.faq-tabs li a span {font-size: 10px;margin-top: 15px;}
.faq-tabs li{width: 100%;margin-bottom: 15px;}
.expand-btns.absolute {position: relative;margin: 10px 0px;}
.text-left-xs{text-align: left;}
.existing .bordered-text{padding: 15px;margin: 20px 0px;}
}

@media(max-width:768px){
.banner h2,.powerful .powerful-flex,.approach{font-size: 14px;}
.grey-sect{border: 20px solid #fff;}
.contact {padding: 25px 0%;font-size: 15px;}
.contact .flexed a {font-size: 15px;padding: 10px 30px;}
.powerful-flex p{padding: 0 15px;}
.ice-bg p.white.f25 {font-size: 20px;line-height: 25px;}
.h3, h3{font-size: 18px;}
.powerful p img{margin-left: 100px;}
.stretch-sect { width: 440px;}
.stretch-sect ul li {margin-bottom: 0px;line-height: 20px;}

}

@media(max-width:500px){
.ice-bg .green-bg{width: 90%;margin: 20px auto;padding: 20px;}
.ice-bg h4{padding-top: 20px;}
.ice-bg h2, .ice-bg-h3, .ice-bg p{padding: 0px 15px;word-wrap: break-word;}
.banner p{line-height: 45px;}
.existing .brain-img{width: 290px;}
.existing .bordered-text {padding: 10px;margin: 30px 0px 15px;border-radius: 20px;line-height: 25px;font-size: 14px;}
.powerful h3{margin-bottom: 20px;}
.stretch-sect {width: 300px;padding-top: 50px;}
.stretch-sect ul{left: 38%;}
}

@media(max-width:360px){
.banner p{font-size: 16px;}
.banner p a{font-size: 12px;}
}

@media(max-width:320px){
.stretch-sect {width: 260px;padding-top: 60px;}
.existing .brain-img {width: 190px;}
.existing .brain-img .left,.existing .brain-img .right{bottom: 25px;}
.ice-bg ul{width: 200px;}
.banner p a {font-size: 12px;display: inherit;padding: 0px 25px;width: fit-content;margin: 0 auto;}
}