html {scroll-behavior: smooth;}
body{margin:0;padding:0;font-size:16px;font-family:var(--ffLato);line-height:normal;position:relative;background:var(--bgcolor);top:0!important}
*{box-sizing:border-box;outline:none;margin:0;padding:0} ul,ol{list-style:none;margin:0}input,textarea, button{font-family:Arial, Helvetica, sans-serif;} button {cursor: pointer;}
a,a:hover{text-decoration:none;color:initial}.row{display:flex;-webkit-box-flex:0;flex:0 1 auto;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.d-none{display: none;} .d-inline-block{display:inline-block;}.d-block{display:block;}.d-flex{display:flex}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.w-100{width:100%}.w-50{width:50%}.align-items-center{align-items:center}.flex-nowrap{flex-wrap:nowrap}.p15{padding:15px}.bg-gray{background:#f2f2fa}.mb-0{margin-bottom:0!important}.mt-0{margin-top:0!important}.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.justify-content-center{justify-content:center}body.active{overflow:hidden}body.active:before{position:fixed!important;background:rgba(0,0,0,0.6);content:'';width:100%;height:100%;z-index:100}.h-100{height:100%}[class*=col-],.col{padding:0 15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-12{max-width:100%;flex-basis:100%}.col-11{max-width:91.666667%;flex-basis:91.666667%}.col-10{max-width:83.333333%;flex-basis:83.333333%}.col-9{max-width:75%;flex-basis:75%}.col-8{max-width:66.666667%;flex-basis:66.666667%}.col-7{max-width:58.333333%;flex-basis:58.333333%}.col-6{max-width:50%;flex-basis:50%}.col-5{max-width:41.666667%;flex-basis:41.666667%}.col-4{max-width:33.3%;flex-basis:33.3%}.col-3{max-width:25%;flex-basis:25%}.col-2{max-width:20%;flex-basis:20%}.col-1{max-width:16.66%;flex-basis:16.66%}.no-gutters{margin-left:0;margin-right:0}.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.bg-white{background:#fff}.w-100 {width: 100%} .container{max-width:1400px;margin:0 auto;padding-left:15px;padding-right:15px}.overflow-hidden{overflow:hidden}@media(max-width: 1440px){.container{max-width:1350px}}@media(max-width: 1366px){.container{max-width:1290px}.box-inner{font-size:14px}} 
.mw-100 {max-width: 100%;}
:root{--bgprimary:#004899; --primarycolor:#069fdd; --primarycolorhover:#15b4f3; --diffcolor:#ffc72c; --secondarycolor:#004899; --secondarycolorhover:#0558b8; --bgcolor:#fff; --ffMontserrat:'Montserrat', sans-serif; --ffLato:'Lato', sans-serif;}
a > * {vertical-align: middle;}
.bg-primary {background: var(--bgprimary)}

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

.offer-strip {background: var(--secondarycolor); color: #fff; padding: 7px 15px; text-align: center; font-size: 13px;}
.offer-strip a {color: #fff; text-decoration: underline;}
.offer-strip a:hover {text-decoration: none;}
.btn {font-size: 17px; font-weight: 700; padding: 13px 25px; vertical-align: middle; border-radius:5px; display: inline-block; white-space: nowrap;}
.btn-primary{background:var(--primarycolor);color:#fff; border:1px solid var(--primarycolor)}
.btn-primary:hover{background:var(--primarycolorhover); color:#fff}
.btn-outline-primary{background:#fff;color:var(--primarycolor); border:1px solid var(--primarycolor)}
.btn-outline-primary:hover {background:var(--primarycolor);color:#fff;}
.btn-secondary{background:var(--secondarycolor);color:#fff; border:1px solid var(--secondarycolor)}
.btn-secondary:hover{background:var(--secondarycolorhover); color:#fff}
.btn-light {background: #fff; color: #000;}
.text-primary {color: var(--primarycolor);}

.header {padding: 17px 0; background: #f2f2fa;}
.header-row {display: flex; align-items: center; justify-content: space-between;}
.header-row .center {flex:1; text-align: right;}
.header-row .right {text-align: right;}
.header .logo {padding-right:35px; line-height: 1px;}
.header .logo img {transition:0.2s ease-in-out;}
.tgl {display: flex; align-items: center;}
.tgl li:not(:last-child) {margin-right:12px;}

.header-fixed{background:#fff; padding:12px 0; position:fixed;top:0;left:0;width:100%;z-index:999; transition:0.2s ease-in-out; box-shadow: 1px 2px 30px rgba(0,0,0,0.1);}
/* @keyframes menu_sticky {0%{margin-top:-100px} 50%{margin-top:-74px} 100%{margin-top:0} } */
.header-fixed .logo img {height:35px;}
.nav-icon, .menu-head {display: none;}
.header-fixed .dropdown-menu {top:calc(100% + 23px)}

.main-menu {display: flex; align-items: center; justify-content: flex-end; font-size: 16px; color: #fff;}
.main-menu li {padding: 0 18px;}
.main-menu a {color: #0f254e; font-weight:700}
.main-menu a:hover {color: var(--primarycolor);}
.main-menu .btn-wrap {display: none;}

.dropdown {position: relative;}
.dropdown .dropdown-toggle {position: relative; padding-right: 23px;}
.dropdown .dropdown-toggle:after {position:absolute; content:''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z'%3E%3C/path%3E%3C/svg%3E"); width:18px; height:18px; top: 50%; right: 0; transform: translateY(-50%);}

.dropdown-menu {position: absolute; padding: 10px 0; top:calc(100% + 29px); left: 0; background: #fff; border-radius: 0 0 7px 7px; font-weight: 400; font-family: var(--ffLato); width: 250px; box-shadow: 0px 3px 7px rgba(0,0,0,0.2); z-index: 10; display: none;}
.dropdown-menu li {padding: 0}
.dropdown-menu li:not(:last-child) {border-bottom: 1px solid #eee;}
.dropdown-menu .dropdown-item {padding:10px 15px; display: block;}
.dropdown-menu .dropdown-item:hover {background: #eee;}

.slider {background:#f2f2fa; padding: 80px 0 350px; position: relative;}
.bcontent {color: #000;}
.bcontent .title {font-size: 48px; line-height:62px; margin-bottom:30px; font-weight: 700; color: #0f254e;}
.bcontent .title span {display: block; font-size: 43px; font-weight: 400;}
.bcontent .title b {color:var(--primarycolor)}
.bcontent .desc {font-size: 17px; line-height: 25px; max-width: 580px; padding: 17px 0 22px; color: #666;}
.slider .action-btn a:not(:last-child) {margin-right: 10px;}
.slider .btn-outline-primary {background: #fff;}
.slider .btn-outline-primary:hover {background:var(--primarycolorhover);}
.slider-img {position: absolute; top: 50%; left: 50%; transform: translateX(-50%); width: 75%;}


.client-sect {background:var(--primarycolor); color: #fff; padding:260px 0 90px;}
.client-sect .title {margin-bottom: 17px; font-size: 27px; margin-bottom: 50px;}
.client-row .item {padding: 0 40px;}
.client-row img {max-width: 100%;}

.section-title {margin-bottom: 30px;}
.section-title .title {font-size: 34px; line-height: 42px; position: relative; z-index: 1; display: inline-block; margin-bottom:30px;}
.section-title .title2 {font-size: 48px;}
.section-title .title2 span {font-size: 27px; display: block;}
.section-title .desc {font-size: 17px; line-height: 28px; color: #666; max-width: 710px; margin: 0 auto;}
.bdr-top {border-top: 1px solid #000; padding-top: 40px; padding-right: 60px;}
.bdr-top .title, .bdr-right .title {background:var(--bgcolor); padding-right:50px;}
.bdr-right {position: relative;}
.bdr-right:after {width: 100%; height: 1px; background: #000; position: absolute; content: ''; top:10px; right: 0;}

.section {padding: 90px 0;}

.overview-wrap {background: #f2f2fa; padding: 60px 50px; border-radius: 20px;}
.overview-row {padding-top: 60px;}
.overview-row > * {margin-bottom: 30px;}
.overview-row .right {padding-left: 40px;}
.overview-box {padding: 35px 25px; display: flex; background:rgb(91 105 126 / 10%); border-radius: 10px; color: #0f254e; height: 100%;}
.overview-box figure {width: 70px; height: 70px; margin-right: 22px;} 
.overview-box .content {flex: 1;} 
.overview-box .title {font-size: 25px; font-weight: 700;}
.overview-box .desc {font-size: 16px; line-height: 23px; margin-top: 7px;}
.overview-box:hover {background: var(--secondarycolor); color: #fff;}

.box2-row {padding-top: 35px; margin: 0 auto;}
.box2-row > .item {margin-bottom: 35px; padding:0 35px;}
.box2 {display: flex;}
.box2 figure {width: 70px; height: 70px; margin-right: 22px;} 
.box2 figure img {max-width: 100%; text-align: center;}
.box2 .content {flex: 1;} 
.box2 .title {font-size: 22px; font-weight: 500;}
.box2 .desc {font-size: 17px; line-height: 25px; color: #666; margin-top: 7px;}

.column-5 > * {max-width: 20%;flex-basis: 20%;}
.box3-row {padding-top: 35px; margin: 0 auto;}
.box3-row > .item {margin-bottom: 35px; padding:0 15px;}
.box3 {text-align: center; background: #fff; border:2px solid #e4e5e9; padding: 35px 25px; border-radius: 20px 20px 0 20px; height: 100%;}
.box3 figure {width:80px; height:80px; margin: 0 auto 10px; background: #fff; border-radius: 50%; overflow: hidden;} 
.box3 figure img {width:80px; height:80px; object-fit: scale-down; transform: scale(0.8); transform-origin: center;}
.box3 .content {flex: 1;} 
.box3 .title {font-size: 22px; font-weight: 500;}
.box3 .desc {font-size: 17px; line-height: 25px; color: #666; margin-top: 7px;}
.box3:hover {background: #f2f2fa;}

.feature-row {padding-top: 20px;}
.feature-row > * {margin-bottom: 30px;}
.feature-box {background: #f2f2fa; padding:45px 45px 0; position: relative; border-radius: 20px; height: 100%;}
.feature-box .title {font-size: 27px; font-weight: 700; color: #000; margin-bottom: 17px;}
.feature-box .desc {font-size: 17px; line-height: 25px; color: #666; margin-bottom: 17px;}
.feature-box .img {position: relative; margin-right: -45px; text-align: right; line-height: 1px;}
.feature-box .img img {max-width: 100%; border-radius: 10px 0 0 0px;}

.pricing-sect {position: relative;}
.pricing-sect:after {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 300px; background: #f2f2fa; z-index: -2;}
.pricing-sect > * {position: relative; z-index: 2;}
.price-row {padding-bottom: 12px;}
.price-box {background: #fff; border-radius:7px; padding:22px 22px; height: 100%; box-shadow:2px 3px 9px 3px rgba(0,0,0,0.1); position: relative;}
.price-box.active {border: 1px solid var(--primarycolor);}
.price-box .mname {font-size: 18px; color: #616161; margin-bottom: 10px;}
.price-box .price {font-size: 18px; color: #616161; margin-bottom: 10px;}
.price-box .price .mprice {font-size:45px; color: #000; font-weight: 700;}
.price-box .price .ricon {font-size:25px;}
.price-box .price .mduration {font-size:14px;}

.price-box .mfeature {font-size: 15px; color: #333; margin-bottom:17px;}
.price-box .mfeature li {position: relative; padding-left: 23px;}
.price-box .mfeature li:not(:last-child) {margin-bottom:7px;}
.price-box .mfeature li:after {position: absolute; left: 0; top: 0px; content: ''; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.0007 15.1709L19.1931 5.97852L20.6073 7.39273L10.0007 17.9993L3.63672 11.6354L5.05093 10.2212L10.0007 15.1709Z' fill='rgba(24,164,88,1)'%3E%3C/path%3E%3C/svg%3E");}
.price-box .mbottom {font-size: 14px; margin-top: 10px;}
.price-box .popular {position: absolute; top:10px; right:0px; font-size: 10px;color: #000; background: #f8d192; border-radius: 10px 0 0 10px; padding:4px 10px;}
.price-box .btn {text-transform: uppercase;}

.testimonial-row {max-width: 1200px; margin: 0 auto; padding-top:90px;}
.testimonial-row .heading {font-size: 45px; color: #000; font-weight: 700;}
.testm-slider {background:var(--secondarycolor); color: #fff; border-radius: 20px; padding:40px;}
.testm-slider .content {font-size: 18px; line-height: 28px; font-weight: 400; min-height: 150px;}
.testm-bottom {display: flex; align-items: center;}
.testm-bottom figure {border-radius:50px; width: 65px; height: 65px; overflow: hidden;}
.testm-bottom figure img {object-fit:scale-down; width: 65px; height: 65px;}
.testm-bottom .right {padding-left: 17px; font-size:16px}
.testm-bottom .title {font-weight: 700; margin-bottom:5px; text-transform: uppercase;}
.testm-bottom .desc {color:#8b9dc0}
.arrow1.owl-theme .owl-nav {margin: 0; position: absolute; bottom:40px; right:30px;}
.arrow1.owl-theme .owl-nav [class*=owl-] {width:45px; height:45px; line-height: 55px; border-radius: 50%; border:1px solid #fff !important; border-radius: 50%;}
.arrow1.owl-theme .owl-nav svg {width: 22px;}

.faq {max-width: 1000px; margin: 0 auto;}
.faq .item {border-bottom: 1px solid rgba(0,0,0,0.2); padding:17px 0;}
.faq .title {position: relative; cursor: pointer; padding-right: 35px; font-size: 19px;}
.faq .title:after {position: absolute; content: ''; border:1px solid #000; border-radius: 50%; top: 50%; right: 0; transform: translateY(-50%); width:25px; height:25px; transition: 0.3s ease-in-out; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E");}
.faq .desc {display: none; font-size: 16px; line-height: 22px; padding:17px 35px 0 0; color: #333;}
.faq .title.active:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 11H5V13H19V11Z'%3E%3C/path%3E%3C/svg%3E");}

.appdownload {padding: 60px 0 0;}
.appdownload-row {max-width: 1000px; margin: 0 auto;}
.appdownload .left {padding-bottom: 30px;}
.appdownload .right {line-height: 1px;}
.appdownload .right img {max-width: 100%;}
.appdownload .title {font-size: 40px; font-weight: 700; margin-bottom: 17px;}
.appdownload .desc {font-size: 17px; line-height: 28px; margin-bottom: 22px;}
.appdownload .action a {margin-right: 5px;}


.footer {padding: 50px 0 0; background: #000; color: #fff; font-size: 16px;}
.footer .title {font-size: 19px; color: #fff; font-weight: 600; margin-bottom:20px;}
.footer .f-links {list-style: none; margin: 0px; padding: 0px;}
.footer .f-links > *:not(:last-child) {margin-bottom: 10px;}
.f-links a {color:#bababa}
.f-links a:hover {color:#fff}
.social-row {padding-top: 27px; font-size: 20px;}
.social-row > *:first-child {padding-right: 17px;}
.social-icon {width: 38px; height: 38px; line-height: 38px; border-radius: 50%; display: inline-block; text-align: center; font-size: 15px; position: relative;}
.social-icon svg {transition: all 0.3s ease-in-out; fill: #fff; width: 20px; height: 20px; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.social-icon.facebook {background: #3b5998; color: #fff}
.social-icon.twitter {background: #333; color: #fff}
.social-icon.linkedin {background: #3074bc; color: #fff}
.social-icon.youtube {background: #dc4f43; color: #fff}
.social-icon:hover svg {transform:translate(-50%, -50%) rotate(25deg)}
.copyright {border-top:1px solid rgba(255,255,255,0.2); color: #bababa; margin-top: 35px; padding:20px 0; text-align: center;}
.copyright a {color:var(--primarycolor)}


.oh {overflow: hidden;}
.modal {display: none; position: fixed; z-index: 8888; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6)}
.modal-wrap {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; position: relative; padding: 15px}
.modal-content-wrap {min-width: 320px; max-width: 800px; background-color: #fff; position: relative; border-radius: 7px}
.modal .close {position: absolute!important; top: -12px!important; right: -12px!important; cursor: pointer; font-size: 25px!important; display: inline-block!important; width: 30px!important; height: 30px!important; line-height: 28px!important; background: #dbdbdb!important; color: #666!important; text-align: center; border-radius: 50%}
.modal .close span,.modal .close2 span {transform: rotate(0) translate(0px,-1px)!important; background: none!important; width: auto!important; height: auto!important; padding: 0!important}
.modal .close:hover {color: #000}
.modal-content {padding: 25px}
.modal-title {text-align: center; font-size: 26px; font-weight: 600; color: #000; position: relative; margin-bottom:20px;}
.modal-title:after {position: absolute; content: ''; width: 60px; height: 2px; background: var(--primarycolor); left: 50%; transform: translateX(-50%); bottom: -10px;}
.modal-head {margin-bottom: 7px;}
.modal-head .desc {text-align: center; font-size: 16px; line-height: 20px; color: #666;}

.feild-list {list-style:none; padding: 0px; margin: 0px; padding-top: 22px;}
.feild-list > *:not(:last-child) {margin-bottom:20px;}
.feild-list .input{border:1px solid #95bbeb;border-radius:5px;height:47px;width:300px;color:#000;font-size:14px;padding-left:14px;box-shadow:none; width: 100%; background: #fff}
.feild-list input:focus + .form-label,.feild-list input:valid + .form-label{font-size:12px;color:#afbdcf;top:-5px;left:10px;background:#fff;padding:0 5px}
.input_wrap{width:auto;height:auto;position:relative}
.input_wrap label{font-family:arial;font-size:16px;color:#afbdcf;padding:14px;position:absolute;top:0;left:0;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all;pointer-events:none}
.feild-list .input:focus{outline:none}
.link {color: var(--primarycolor);} 
.feild-list .btn {font-weight: 600; text-transform: uppercase;}
.feild-list .input:-webkit-autofill, .feild-list .input:-webkit-autofill:hover, .feild-list .input:-webkit-autofill:focus {border-bottom: 1px solid #0088cc; -webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px #fff inset; font-size:16px !important}
.feild-list .input:-webkit-autofill ~ .form-label, .feild-list .input:-webkit-autofill:hover ~ .form-label, .feild-list .input:-webkit-autofill:focus ~ .form-label {font-size:12px;color:#afbdcf;top:-5px;left:10px;background:#fff;padding:0 5px}
label.error, .error {color: #f00; font-size: 12px; padding-top: 3px;}
.text-danger {color: #f00;}
.text-success {color: var(--secondarycolor);}


.bg-primary {color: #fff;}
.bg-primary .bdr-top .title, .bg-primary .bdr-right .title {background: var(--bgprimary); color: #fff;}
.bg-primary .bdr-right:after {background: #fff;}

.scrollTop {width: 25px; height: 25px; position:fixed;bottom:0;right:25px;border-radius:50%;width:50px;height:50px;text-align:center;cursor:pointer;z-index:9;opacity:0;transition:all .3s;cursor:pointer; background: rgba(0,0,0,0.4); color: #fff; transition: 0.2s ease-in-out;}
.scrollTop:hover {background: rgba(0,0,0,0.8);}
.scrollTop svg {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s; fill:#fff; width: 25px; height: 25px;}
.scrollTop:hover svg {top:40%}
.scrollTop.active{opacity:1; bottom: 25px;}

.animated {visibility: hidden;}
.visible {visibility: visible;}

@media(max-width:1440px){
}

@media(max-width:1366px){
   
}

@media(max-width:1280px){
    .slider-img img {width: 100%;}
    .client-sect {padding-top: 180px;}
}

@media(max-width:1199px){
    .client-sect {padding-top: 140px;}
}

@media(max-width:991px){
    .header-row .right .btn {display: none;}
    .nav-icon {display: inline-block; width: 30px; height: 30px; cursor: pointer;}
    .nav-icon svg {fill: #000;}
    .header-fixed .nav-icon svg {fill: #333;}
    .header {padding: 12px 0;}
    .header-row {justify-content: space-between;}
    .header .logo img {height: 35px;}
    .header-fixed {padding: 12px 0;}

    .menu-wrap {width: 280px; background: #fff; position: absolute; top: 0; right: 0; height: 100vh; z-index: 10; display: none;}
    .menu-wrap.active {display: block;}
    .main-menu, .main-menu a {color: #000; font-size:16px;}
    .main-menu a {display: block;}
    .main-menu-box {height:calc(100vh - 65px); overflow-y: auto;}
    .main-menu {flex-wrap: wrap; line-height: 22px; text-align: left;}

    .main-menu li {max-width: 100%; flex-basis: 100%; padding:10px 18px !important;}
    .main-menu span {display: block;}
    .main-menu .btn-wrap {display:block;}
    .main-menu .btn {text-align: center;}
    .main-menu .btn-primary {color: #fff !important; text-align: center;}
    .main-menu .btn-primary:hover {color: #fff;}
    .main-menu .btn-outline-primary {color: var(--primarycolor) !important; text-align: center;}
    .main-menu .btn-outline-primary:hover {color: #fff !important;}
    .menu-head {display: flex; justify-content: space-between; align-items: center; padding:13px 13px 13px 18px; text-transform: uppercase; font-size: 16px; font-weight: 600;}
    .menu-head svg {fill: #000; width: 35px; height: 35px;}

    .dropdown-menu {position: relative; box-shadow: none;}
    .dropdown-menu li {padding: 5px 5px !important;}
    .dropdown-menu .dropdown-item {padding: 5px 2px;}
    

    .oh {overflow: hidden; position: relative;}
    .oh:after {background:rgba(0,0,0,0.3); position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
    .oh .header-fixed:after {background:rgba(0,0,0,0.3); position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%;}

    .slider {padding: 40px 0 270px;}
    .client-sect {padding-top:16%;}
    .slider .row > * {max-width: 100%; flex-basis: 100%;}
    .bcontent {margin-bottom: 20px;}
    .bcontent .title {font-size: 30px; line-height: 41px; margin-bottom: 17px;}
    .bcontent .title span {font-size: 28px;}
    .brand-logo {padding: 30px 0px 20px; text-align: left;}
    .brand-logo-row {white-space: nowrap; overflow: auto; justify-content: flex-start;}
    .brand-logo img {height: 25px; max-width: inherit !important;}
    .brand-logo .item:not(:last-child) {margin-right:50px;}
    .choose-row {white-space: nowrap; overflow: auto; display: block;}
    .choose-row .item {width:350px; max-width:350px; display: inline-block; padding: 25px 17px;}
    .client-sect .title {font-size: 19px; line-height: 28px;}

    .section {padding: 40px 0;}
    .section-title {margin-bottom: 15px;}
    .section-title .title {font-size: 22px; line-height: 30px; margin-bottom:15px;}
    .section-title .desc {font-size: 15px; line-height: 25px;}
    .section-title .title2 {font-size: 28px;}
    .section-title .title2 span {font-size: 20px;}
    .bdr-top .title, .bdr-right .title {padding-right: 30px;}
    .overview-wrap {padding: 20px 15px; border-radius: 7px;}
    .overview-row {padding-top:25px;}
    .overview-row > * {max-width: 100%; flex-basis:100%; margin-bottom: 17px;}
    .overview-row .right {padding-top:40px;}
    .overview-box {padding: 20px 15px;}
    .overview-box figure {width: 45px; height: 45px;}
    .overview-box figure img {width: 100%;}
    .overview-box .title {font-size: 18px;}
    .overview-box .desc {font-size: 15px;}
    
    .price-row {flex-wrap: wrap; padding-bottom: 0px;}
    .price-row > * {max-width: 50%; flex-basis: 50%; margin-bottom: 20px;}

    .faq .title {font-size: 16px;}

    .appdownload {padding-top: 40px;}
    .appdownload-row {margin-left: -15px; margin-right: -15px;}
    .appdownload .title {font-size:28px; font-weight: 700; margin-bottom: 13px;}
    .appdownload .desc {font-size: 15px; line-height: 28px; margin-bottom:15px;}
    .appdownload .left img {height: 35px;}

    .box2-row > .item {max-width: 50%; flex-basis: 50%;}
    .column-5 > * {max-width: 33.33%; flex-basis: 33.33%;}

    .box3 {padding: 20px 15px;}
    .box3-row {margin-left: -10px; margin-right: -10px;}
    .box3-row > .item {padding: 0 10px;}
    .box3 .title {font-size: 17px;}
    .box2 .title {font-size: 17px;}
    .box2 .desc {font-size: 15px;}
    .box2 figure {width: 40px; height: 40px;}
    
   
    .footer {font-size: 15px; padding: 40px 0;}
    .foot-row {flex-wrap: wrap;}
    .foot-row > * {width: 100%; flex-basis: 100%; max-width: 100%;}
    .foot-row > *:not(:last-child) {margin-bottom: 20px;}
    .footer .f-links > *:not(:last-child) {margin-bottom: 6px;}
    .footer .title {margin-bottom: 10px; font-size: 16px;}
}

@media(max-width:800px){
    .testm-slider {padding: 20px 15px 55px; border-radius:7px}
    .testm-slider .content {font-size: 15px;}
    .testimonial-row {flex-wrap: wrap; margin-left: -15px; margin-right: -15px; padding-top: 40px;}
    .testimonial-row > * {width: 100%; flex-basis: 100%; max-width: 100%;}
    .testimonial-row .heading br {display: none;}
    .testimonial-row .heading {font-size:24px; margin-bottom: 17px;}
    .testm-slider.owl-theme .owl-dots {bottom: 10px;}
    .column-5 > * {max-width: 50%; flex-basis: 50%;}
}

@media(max-width:767px){
    .client-sect {padding-top:10%;}
    .client-sect .title {margin-bottom: 30px;}
    .client-row {display: block; overflow: auto; white-space: nowrap;}
    .client-row .item {width: 100px; flex-basis: 100px; max-width: 100px; padding:10px 20px; display: inline-block; vertical-align: middle;}
    .feature-row {flex-wrap: wrap; padding-top: 10px;}
    .feature-row > * {width: 100%; flex-basis: 100%; max-width: 100%; margin-bottom: 20px;}
    .feature-box {padding: 20px 15px 0; border-radius: 7px;}
    .feature-box .img {margin-right: -15px;}
    .feature-box .title {font-size: 18px; margin-bottom: 10px;}
    .feature-box .title br {display: none;}
    .feature-box .desc {font-size: 15px;}
    .feature-row .row {flex-wrap: wrap;}
    .feature-row .row > * {width: 100%; flex-basis: 100%; max-width: 100%;}
    .btn {padding: 10px 17px;}
    .price-row {margin-left: -7px; margin-right: -7px;}
    .price-row > * {padding: 0 7px;}
    .price-box {padding: 30px 15px;}
    .price-box .mname {font-size: 17px;}
    .price-box .price {font-size: 16px;}
    .price-box .price .mprice {font-size: 30px;}
    .price-box .mfeature {font-size: 14px;}
    .scrollTop, .scrollTop.active {right: 15px; bottom: 15px;}
}

@media(max-width:640px){
    .slider {padding-bottom: 250px;}
    .slider-img {width: 90%;}
    .client-sect {padding-top:14%;}
    .bcontent .title {font-size: 27px; line-height: 35px;}
    .bcontent .title span {font-size: 24px;}
    .slider .action-btn a:not(:last-child) {margin-right: 6px;}
    .box2-row > .item {max-width:100%; flex-basis:100%;}
    .box2-row > .item {padding: 0 15px;}
}

@media(max-width:575px){
    .slider {padding-bottom: 220px;}
    .client-sect {padding-top:14%;}
    .price-row > * {max-width:100%; flex-basis:100%;}
    .appdownload-row {flex-wrap: wrap;}
    .appdownload-row > * {max-width:100%; flex-basis:100%;}
}

@media(max-width:480px){
    .slider {padding-bottom: 30px;}
    .slider-img {position: relative; transform: none; left: auto; top: auto; padding-top:30px; text-align: center; margin: 0 auto;}
    .client-sect {padding: 35px 0;}
}