@import url('https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp');



@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');



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







* {margin: 0; padding: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none;}



body {font-size: 15px; line-height: normal; color: #1E1E1E; font-family: "Montserrat", serif; background: #fff; height: 100%;}



a {outline: none; text-decoration: none; color: #0071BD; -webkit-transition: ease-in-out .3s; -moz-transition: ease-in-out .3s; -ms-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s;}



a:hover {text-decoration: none;}



input, textarea, select {font-size: 14px; color: #1E1E1E; vertical-align: middle; font-family: "Montserrat", serif; outline: none; resize: none;}



input[type="button"], input[type="submit"], button {-webkit-transition: ease-in-out .3s; -moz-transition: ease-in-out .3s; -ms-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; cursor: pointer; font-family: "Montserrat", serif;}



select {appearance: none; -ms-appearance: none; -webkit-appearance: none;}



select::-ms-expand {display: none;}



.transition {-webkit-transition: ease-in-out .5s; -moz-transition: ease-in-out .5s; -ms-transition: ease-in-out .5s; -o-transition: ease-in-out .5s; transition: ease-in-out .5s;}



img {border: none; vertical-align: top; max-width: 100%;}







.flexBox {display: flex; flex-wrap: wrap;}



.flexBox.nowrap {flex-wrap: nowrap;}



.itemCenter {align-items: center;}



.itemBottom {align-items: flex-end;}



.justifyContentBetween {justify-content: space-between;}



.justifyContentCenter {justify-content: center;}



.justifyContentEnd {justify-content: flex-end;}



.tac {text-align: center !important;}



.tar {text-align: right !important;}



.container {width: 100%; margin: auto; max-width: 1400px; padding: 0 40px;}



.pr {position: relative;}







.pt60 {padding-top: 60px;}



.pb60 {padding-bottom: 60px;}



.slick-slider {-webkit-user-select: text !important; -khtml-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important;}











header {height:100px; position:absolute !important; left:0; top:1px; width:100%; z-index:1; background:none !important;}



.logo {padding:30px 0 0 0;}



.logo img {width:250px;}



.flgs {width:468px; text-align:center; padding:2px 0 0 0;}





.bannerCon {background-size: cover !important; padding: 135px 0 40px 0; position:relative;}



.bannerCon:before {content:''; width:100%; height:100%; background:rgba(0,0,0,.25); position:absolute; left:0; top:0;}



.bannerCon .home-container {position:relative;}



.bannerDet {max-width:960px; padding-right: 30px; width: 65%;}

.bannerDet p {
  font-weight: 400;

}


.bannerLogo {padding-bottom: 20px;}





.bannerHd {color: #fff; font-size: 16px; font-weight: 600; line-height: 28px; padding: 0 0 20px 0;}



.bannerHd span {display: block; font-size: 40px; padding: 0 0 20px 0; line-height: 50px; font-weight:700;}



.bannerBtn a {display: inline-block; position: relative; background: #e84325; color: #fff; font-size: 15px; font-weight: 600; text-transform: uppercase;}



.bannerBtn a img {position: absolute; right: 20px; top: 50%; margin-top: -11px;}



.bannerBtn a:before {content: ''; width: 0%; height: 100%; background: #1a448a; position: absolute; left: 0%; top: 0; transition: all .5s ease;}



.bannerBtn a:after {content: ''; width: 0%; height: 100%; background: #1a448a; position: absolute; right: 0%; top: 0; transition: all .5s ease;}



.bannerBtn a:hover:before {width: 51%;}



.bannerBtn a:hover:after {width: 51%;}



.bannerBtn a .inner {position: relative; z-index: 2; display: inline-block; padding: 12px 15px;}



.bannerBtn a .inner .icon {margin-left:5px; vertical-align:middle;}











.topRight {width: 35%; max-width:468px;}



/* .topRight .reqForm {margin-bottom:-116px;} */



.reqForm {background: linear-gradient(180deg, rgba(224, 74, 37, 0.87) 0%, #324F8D 79.75%); padding:30px 35px;}



.reqForm .inner {width: 100%; margin: auto;}



.reqForm .hd {font-size: 18px; font-weight: 400; color: #fff;}



.reqForm .hd span {font-size: 20px; display: block; font-weight: 600; padding-bottom: 10px; text-align: center !important;}



.form {margin: -8px;}



.form li {padding: 8px 8px 0px 8px;}



.formInput {width: 100%; border: 1px solid #BDBDBD; height: 44px; background: #fff; padding: 0 10px; font-family: "Poppins", serif; font-size: 14px; color: #333;}



.formSelect {width: 100%; border: 1px solid #BDBDBD; height: 44px; background: #fff url(../images/select-arrow.png) no-repeat right 15px center; padding: 0 10px; font-family: "Poppins", serif; font-size: 14px; color: #333;}



.formInput::placeholder {color: #333; opacity: 1;}



.formInput::-ms-input-placeholder {color: #333;}



textarea.formInput {height: 110px; padding: 10px;}



.iti {display: block !important;}



.checkText {position: relative; display: block; color: #fff; font-size: 13px; font-family: "Poppins", serif; margin-top: 10px;}



.checkWrapper {position:relative; width:20px; height:20px; display:inline-block; vertical-align:middle; margin:0 5px 4px 0;}



.checkInpt {opacity:0; height:20px; width:20px; position:absolute; top:0; left:0; z-index:2; margin:0;}



.checkInpt + .bg {height:20px; width:20px; display:inline-block; position:absolute; top:0; left:0; z-index:1; background:#D9D9D9; border-radius: 4px;}



.checkInpt:checked + .bg {background:#E04A25 url(../images/check_icon.png) no-repeat center;}



.formBtn {border: 1px solid #BDBDBD; background: #E04A25; height: 50px; position: relative; width: 100%; font-size: 19px; font-weight: 700; text-transform: uppercase; color: #fff;  overflow: hidden;}



.formBtn span {position: relative;}



.formBtn::before {content: ''; width: 100%; height: 100%; background: #0071BD; transition: ease-in-out .4s; position: absolute; bottom: -100%; left: 0;}



.formBtn:hover::before {bottom: 0;}



.errorMessage {position:absolute; right:0; bottom:100%; white-space:nowrap;}



.errorMessage span {background:#950606; padding:8px 10px; color: #fff; font-size:11px; border-radius:4px; margin-bototm:2px; position:relative; display:block;}



.errorMessage span:after {content:''; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #950606; position:absolute; left:50%; top:100%;}



.formBotText {text-align:center; font-size:15px; line-height:22px; color:#fff;}



.formBotText a {color:#fff; text-decoration:underline;}







.midCon {background-size: cover !important; overflow: hidden;}



.geayBg {background: #F0F0F1;}



.mainHd {font-size: 40px; font-weight: 600; padding-bottom: 10px; color: #E04A25;}











.pb40 {padding-bottom:40px;}



.mt30 {margin-top: 30px;}



a.btn {border: 1px solid #BDBDBD; display: inline-flex; align-items: center; background: #E04A25; height: 60px; padding: 0 35px; position: relative; font-size: 16px; font-weight: 700; color: #fff; margin-top: 10px; overflow: hidden; text-align: center;}



a.btn span {position: relative;}



a.btn::before {content: ''; width: 100%; height: 100%; background: #0071BD; transition: ease-in-out .4s; position: absolute; bottom: -100%; left: 0;}



a.btn:hover::before {bottom: 0;}







a.btn.schedule {border-radius:12px; font-size:18px;}







.statsBox {width:52%; backdrop-filter: blur(92.38972473144531px); box-shadow: 0px 0px 20px 0px #0000002B; background:#fff; border-radius:30px; padding:50px 25px; margin-top:40px; display:flex; align-items:center;}



.statsBox ul li {width:33.33%; border-top:1px solid #C3C3C3; border-right:1px solid #C3C3C3; text-align:center; color:#324F8D; font-size:13px; text-transform:uppercase; font-weight:500; padding:25px 5px;}



.statsBox ul li .number {display:block; font-size:25px; padding-bottom:5px; font-weight:700; background: linear-gradient(180deg, #E04A25 0%, #2D5DC4 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}



.statsBox ul li:nth-child(3n) {border-right:none;}



.statsBox ul li:nth-child(-n+3) {border-top:none; padding-top:0;}



.statsBox ul li:nth-last-child(-n+3) {padding-bottom:0;}







.testimonialBox {background:#324f8d; border-radius:30px; position:relative; width:calc(48% - 20px); margin-top:40px; position:relative; overflow:hidden; padding:30px 50px;}



.testimonialBox:before {content:''; background:#FABC41; width:100px; height:100%; border-radius:30px; position:absolute; bottom:-30%; left:-50px;}



.testimonialBox:after {content:''; background:#FABC41; width:100px; height:100%; border-radius:30px; position:absolute; top:-30%; right:-50px;}



.testimoniaSlider {width:100%; max-width:465px; margin:auto; padding-bottom:36px;}



.testimoniaSlider .item .text {font-size:17px; line-height:24px; color:#fff; position:relative; padding:5px 30px;}



.testimoniaSlider .item .text:before {content:''; background:url(../images/start-quote.png); width:23px; height:14px; position:absolute; left:0; top:0;}



.testimoniaSlider .item .text:after {content:''; background:url(../images/start-quote.png); width:23px; height:14px; position:absolute; right:0; bottom:0;}



.testimoniaSlider .item .info {margin:10px 0 0 30px;}



.testimoniaSlider .item .info .img {width:52px; min-width:52px;}



.testimoniaSlider .item .info .img img {width:52px; height:52px; border-radius:100%;}



.testimoniaSlider .item .info .det {width:calc(100% - 52px); padding-left:15px; color:#fff; font-size:15px; font-weight:600;}



.testimoniaSlider .item .info .det span {display:block; padding-bottom:4px;}



.testimoniaSlider .item .info .det span.name {color:#FABC41; font-size:17px; font-weight:700;}







.videoOut {width:100%; padding:0 2px;}



.videoOut .videoBox{position:relative;padding-bottom:56.25%;}



.videoOut .videoBox .videoFile{position:absolute;top:0;left:0;width:100%;height:100%;border:0;vertical-align:bottom}







.testimoniaSlider .slick-arrow {background: #FFFFFF; width:26px; height:26px; border-radius:100%; position:absolute; bottom:0; margin:0; overflow:hidden; text-indent:0px; font-size:0px; color:#fff; border:none;}



.testimoniaSlider .slick-arrow:before {font-family: 'Material Icons'; color:#000; font-size:18px; position:absolute; left:0; top:0; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center;}



.testimoniaSlider .slick-arrow:hover {background:#eee;}



.testimoniaSlider .slick-prev {right:50%; margin-right:5px;}



.testimoniaSlider .slick-prev:before {content:'west';}



.testimoniaSlider .slick-next {left:50%; margin-left:5px;}



.testimoniaSlider .slick-next:before {content:'east';}







.solutionsList {margin: -10px; padding-top:40px;}



.solutionsList li {width: 33.33%; padding: 10px;}



.solutionsList li .outer {height: 100%; transition: ease-in-out .4s; background:#D9D9D9; padding:1px; border-radius:18px;}



.solutionsList li .outer:hover {transform:scale(1.05); box-shadow:0 0 10px rgba(0,0,0,.1); background: linear-gradient(180deg, rgba(224, 74, 37, 0.87) 0%, #324F8D 79.75%);}



.solutionsList li .inner {border-radius: 18px; padding: 20px; height: 100%; background:#fff;}



.solutionsList li .inner .top {align-items: center; flex-wrap: nowrap; min-height:56px;}



.solutionsList li .inner .top .icon {background:#FFF7E8; margin-right: 15px; width:55px; height:55px; border-radius:100%; display:flex; align-items:center; justify-content:center;}





.solutionsList li .inner h3 {font-size: 20px; font-weight: 700; color:#324F8D; display:inline-block; border-bottom:1px solid #E04A25; padding-bottom:4px;}



.solutionsList li .inner .bot {padding:15px 0 0 0;}



.solutionsList li .inner .bot h4 {font-size:18px; font-weight:700; line-height:24px;}



.solutionsList li .inner .bot p {color: #000; font-size: 15px; line-height: 22px; padding-top: 10px; font-weight: 500;}



.solutionsList li .inner .bot span {display:flex; align-items:center; margin-top:15px; background:#FFEDED; border-radius:10px; padding:10px; color:#324F8D; font-size:13px; line-height:18px; min-height:56px;}







.freeConsultaion {background: #324F8D; background-size:cover !important; border-radius: 10px; padding: 20px 40px;}

.freeConsultaion .left {width:calc(100% - 300px); color: #fff; font-size: 26px; font-weight: 500;}

.freeConsultaion .left span {display: block; font-weight: 700; padding-top: 10px; color:#FABC41; font-size:24px;}

.freeConsultaion .left span  strong {font-weight:700; color:#fff;}

.freeConsultaion a.btn {border-radius:8px; font-size:13px; padding:0 15px; height:42px;}



.deBox .box {transition: ease-in-out .4s; background: linear-gradient(112.48deg, #DB4A28 1.52%, #344F8B 71.07%); padding:1px; border-radius:18px; width:calc(50% - 20px); margin-top:40px; border:1px solid #fff;}

.deBox .box:hover {transform:scale(1.02); box-shadow:0 0 10px rgba(0,0,0,.1); border:1px solid;}

.deBox .box .inner {border-radius: 18px; padding: 30px; height: 100%; background:#fff;}

.deBox .box .hd {font-size:24px; font-weight:700; color:#E04A25; padding-bottom:20px;}

.deBox .box .hd span {display:inline-block; border-bottom:1px solid #324F8D; padding-bottom:2px;}

.deBox .box .list {width:48%;}

.deBox .box .list li {position:relative; padding-left:25px; font-size:14px; font-weight:500;}

.deBox .box .list li:before {font-family: 'Material Icons'; content:'check'; font-size: 16px; position: absolute; left: 0; top: 8px; font-weight: 600; color: #000;}

.deBox .box .list li span {display:inline-block; padding:8px 0; border-bottom:1px solid #C6C6C6;  transition: ease-in-out .4s;}

.deBox .box .list li:hover:before {color:#E04A25;}

.deBox .box .list li:hover span {border-color:#E04A25; color:#E04A25; transform:scale(0.99);}





.techTab {margin:-5px; padding:20px 0 10px 0;}

.techTab li {padding:5px; width:25%;}

.techTab li a {cursor:pointer; display:flex; align-items:center; font-size:19px; line-height:28px; font-weight:700; color:#324F8D; border: 1px solid #C2C2C2; background:#fff; height:100px;}

.techTab li a .icon {width:35%; position:relative; text-align:center;}

.techTab li a .icon .over {opacity:0; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}

.techTab li a:hover, .techTab li.active a {background:#324F8D; color:#fff;}

.techTab li a:hover .icon .front, .techTab li.active a .icon .front {opacity:0;}

.techTab li a:hover .icon .over, .techTab li.active a .icon .over {opacity:1;}

.techTab li:first-child a {border-radius:12px 0 0 0;}

.techTab li:last-child a {border-radius:0 12px 0 0;}



.techBox {justify-content:space-between;}

.techBox .inner {width:33%; border:1px solid #C2C2C2; border-top:none; background:#fff;}

.techBox .inner:first-child {border-radius:0 0 0 12px;}

.techBox .inner:last-child {border-radius:0 0 12px 0;}

.techBox .inner .hd {background:#FABC41; text-align:center; padding:5px 15px; color:#324F8D; font-size:20px; font-weight:600; height:56px; display:flex; align-items:center; justify-content:center;}

.techBox .inner .list {padding:30px;}

.techBox .inner .list li {border-bottom: 1px solid #324F8D5E; padding:15px 0; display:flex;}

.techBox .inner .list .left {width:150px; color:#E04A25; font-size:15px; font-weight:600;}

.techBox .inner .list .right {width:calc(100% - 150px); color:#000; font-size:14px; font-weight:500;}



.applicationList {margin: -10px;}

.applicationList li {width: 33.33%; padding: 10px;}

.applicationList li .inner {border-radius: 12px; padding: 15px; height: 100%; background:#fff; border:1px solid #324F8D;}

.applicationList li .inner .icon {width:50px; position:relative;}

.applicationList li .inner .icon .in {position:absolute; right:0; top:0; bottom:0; margin:auto; width:100%; height:130px;}

.applicationList li .inner .icon .in img {position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}

.applicationList li .inner .icon img.over {opacity:0;}

.applicationList li .inner .det {width:calc(100% - 50px); padding-left:20px; color:#191919; font-size:16px; line-height:24px;}

.applicationList li .inner .det .hd {color:#324F8D; font-size:20px; font-weight:700; line-height:normal; padding-bottom:10px;}



.applicationList li .inner:hover {background:#324F8D;}

.applicationList li .inner:hover .det {color:#fff;}

.applicationList li .inner:hover .det .hd {color:#fff;}

.applicationList li .inner:hover .icon img.over {opacity:1;}

.applicationList li .inner:hover .icon img.front {opacity:0;}

.applicationList li .inner:hover .icon .in {background:#E04A25; border-radius:10px; padding:10px; width:75px;}





.hdText {color: #4E4E4E; font-size: 18px; line-height: 26px; font-weight:500; max-width: 1190px; margin: auto;}

.faqCon {padding:40px 0 0 0;}

.faqCon .img {width: 40%;}

.faqCon .det {width: 60%; padding: 0 0 0 40px;}

.faqList > li {width: 100%; counter-increment: ol-counter; position: relative;}

.faqList > li:before {content: counter(ol-counter) " . "; font-size: 18px; font-weight: 600; position: absolute; left: 0; top: 26px; z-index: 1;}

.faqList li .qBox {border-bottom: 1px solid #D9D9D9; position: relative; transition: ease-in-out .4s; padding-left: 35px;}

.faqList li .qBox:hover, .faqList li .qBox.active {border-color: #E04A25;}

.faqList li .qBox .q {font-size: 18px; font-weight: 600; position: relative; cursor: pointer; padding: 25px 25px 25px 0;}

.faqList li .qBox .q:before {content: ''; width: 16px; height: 2px; background: #000; position: absolute; right: 0; top: 35px;}

.faqList li .qBox .q:after {content: ''; width: 2px; height: 16px; background: #000; position: absolute; right: 7px; top: 28px;}

.faqList li .qBox.active .q:after {display: none;}

.faqList li .qBox .ans {font-size: 16px; line-height: 24px; padding:0 25px 25px 0; color: #686868;}

.faqList li .qBox .ans ul {padding:10px 0 0 0;}

.faqList li .qBox .ans ul.pt-0 {padding-top:0;}

.faqList li .qBox .ans ul li {padding:4px 0 4px 15px; position:relative;}

.faqList li .qBox .ans ul li:before {content:''; width:5px; height:5px; border-radius:100%; background:#555; position:absolute; left:0; top:13px;}





a.loadMore {border: 1px solid #324F8D; display: inline-flex; align-items: center; background: #fff; height: 52px; padding: 0 35px; position: relative; font-size: 16px; font-weight: 500; text-transform: uppercase; color: #fff; margin-top: 10px; overflow: hidden; text-align: center; color: #324F8D;}



a.loadMore span {position: relative;}



a.loadMore::before {content: ''; width: 100%; height: 100%; background: #0071BD; transition: ease-in-out .4s; position: absolute; bottom: -100%; left: 0;}



a.loadMore:hover {color: #fff;}



a.loadMore:hover::before {bottom: 0;}











.connectBox .left {width: calc(100% - 515px); padding-right: 60px;}



.connectTab {border-bottom: 1px solid #e1e1e1;}



.connectTab li {margin-right: 100px;}



.connectTab li:last-child {margin-right: 0;}



.connectTab li a {position: relative; color: #BCBCBC; font-size: 24px; font-weight: 700; padding: 20px; display: flex;}



.connectTab li a:hover, .connectTab li.active a {color: #000;}



.connectTab li.active a:after {content: ''; width: 100%; height: 2px; background: #000; position: absolute; left: 0; bottom: -2px;}



.contactInfo {padding: 35px 0;}



.contactInfo li {font-size: 20px; line-height: 28px; color: #535353; font-weight: 500; margin-bottom: 20px; display: flex; align-items: center;}



.contactInfo li:last-child {margin-bottom: 0;}



.contactInfo li img {min-width: 25px; margin-right: 20px;}



.connectBox .map {width:50%;}



.connectBox .img {background-size:cover !important; width:50%;}



.connectBox .right {width: 515px;}



.connectBox textarea.formInput {height:156px;}



.letsTalk {display:none;}