/* Start Header */
.top-ribbon{font-weight: 600; text-align: center; padding: 7px 0; background: #083764; color: #fff;}
.top-ribbon span{background: url("../images/icon/radio.png") 0 0 no-repeat; width: 18px; height: 22px; margin-right: 8px; display: inline-block;}
.top-ribbon a{text-decoration: underline; color: #fff;}
.top-ribbon a:hover{text-decoration: none;}
.top-ribbon a, .top-ribbon label{vertical-align: bottom;}
.header{padding: 30px 0 10px;}
.logo-mobile{display: none;}
.menu{}
.menu li{margin:  6px 10px 0; text-align:  center; float: left;}
.menu li a{display: block; background: rgba(18, 115, 208, 0.0); padding: 0 5px 6px; color: #2E2F30; -moz-transition:background, 0.5s; -webkit-transition:background, 0.5s; transition:background, 0.5s;}
.menu li a:hover, .box-hover .dropdown-toggle{background: rgba(18, 115, 208, 0.2);}

.menu li.lets-btn{margin: 0 0 0 10px;}
.menu li.lets-btn a{display: block; color: #fff; margin-top: 1px; padding: 4px 10px 3px;}
.menu li.lets-btn a:hover{margin-top: -3px;}
.menu li.header-phone{padding-left: 4vw;}
.menu li.header-phone a{background: transparent !important}
.menu li.header-phone a span{margin-right: 8px; display: inline-block;}
.menu li.header-phone a:hover{opacity: 0.8;}

.header-bg{ border: 12px solid #fff; border-bottom: 0;}
.header-bg .header-wrap{padding: 0 36px;}
.header-bg .header{ padding-top: 18px;}
.header-white .fill-white, .header-white .fill-white-2{fill: #fff !important;}
.header-white .menu li a{ color: #fff;}
.header-white .menu li a:hover, .header-white .box-hover .dropdown-toggle{background: rgba(255, 255, 255, 0.2);}
.header-white .header-phone svg path{stroke: #fff !important;}
.menu li.active a, .header-white .header-white .menu li.active a {background: #F2BD42;}

.menu .dropdown-toggle::after{display: none;}
.menu li.dropdown{ margin-right: 9px; width: 99px;}
.menu li.dropdown a{padding-right: 8px; text-align: left;}
.menu-arrow{display: inline-block; background: url(../images/icon/down-arrow.svg) 0 0 no-repeat; height: 16px; width: 16px; position: absolute; right:2px; top: 2px; cursor: pointer;}
.header-white .menu-arrow{ background-image: url(../images/icon/down-arrow-white.svg);}
.navbar-nav li.dropdown > a{padding-right: 19px;}
.menu .dropdown-menu{width: 313px; background: transparent; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; left: -110px !important; top: 20px !important; margin: 0; padding: 0; border: 0; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important;}
.menu .dropdown-menu ul{background: #fff; margin-top: 10px; position: relative; padding: 0 0 24px;}
.menu .dropdown-menu ul:before{content: ''; position: absolute; left: 50%; top: -9px; background: url(../images/icon/dropdown-menu-arrow.png) 0 0 no-repeat; height: 12px; width: 12px; display: inline-block;}
.menu .dropdown-menu li{float: none; margin: 0; padding: 22px 24px 0; width: auto; text-align: left;}
.menu .dropdown-menu li a{color: #083764; padding: 0; line-height: 24px;}
.menu .dropdown-menu li a:hover{opacity: 0.8; background: transparent;}
.menu .dropdown-menu li img{height: 24px; max-width: 30px;}
.menu .dropdown-menu span{display: inline-block; width: 30px; margin-right: 15px; text-align: center;}
.menu li.active .dropdown-menu li a{ background: transparent;}

.smolNav {display: none; position:absolute; right: 0px; top: 16px; width:36px; height:36px; padding:8px 6px; z-index: 10; float: right; }
.smolNav span { background-color: transparent; height: 3px; display: block; float: left; width: 100%; background: #010509; }
.smolNav span { -webkit-transition: 0.3s ease; transition: 0.3s ease; }
.smolNav span:nth-child(2), .closeNav span:nth-child(2) { margin: 5px 0; }
.closeNav span:first-child { -webkit-transform: translateY(4px) rotate(-45deg); -moz-transform: translateY(4px) rotate(-45deg); transform: translateY(4px) rotate(-45deg);}
.closeNav span:nth-child(2) { opacity: 0;}
.closeNav .lastChild { -webkit-transform: translateY(-12px) rotate(45deg); -moz-transform: translateY(-12px) rotate(45deg); transform: translateY(-12px) rotate(45deg); }

.header_social{}
.headerSocial{}
.headerSocial a{display: inline-block; margin-left: 10px;}
.headerSocial a:first-child{margin-left: 0;}
.headerSocial a:hover{opacity: 0.8;}
.heroForm{display: flex; justify-content: space-between; padding: 67px 0; min-height: calc(100vh - 180px); align-items: center;}
.heroFormCenter{display: flex; justify-content: space-between; width: 100%;}
.heroFormText{width: calc(100% - 600px); max-width: 1020px; padding-right: 48px;}
.heroForm {position: relative; z-index: 1;}
.heroForm .font-100{font-size: 105px;}
.header_client{padding-top: 140px;}
.header_client h2{letter-spacing: 1px; color: #4554E7; margin-bottom: 22px; font-family: 'IBM Plex Mono', monospace;}
.header_client ul {height:76px;}
/*.header_client li {position:absolute; top:0px; left:0px; overflow:hidden; white-space: nowrap; animation: imgscroll 30s linear infinite;}*/
@keyframes imgscroll {
  0% {transform: translate(0, 0);}
  100% {transform: translate(-50%, 0);}
}
/* End Header */

/* Start Footer */
.footer{padding: 40px 0 10px; color: #2E2F30; }
.footer a, .footer .caption{color: #2E2F30;}
.footer a:hover{opacity: 0.7;}
.footer li{display: block;}
.footer-top{padding-bottom: 40px;}
.footer-top h2{margin-bottom: 32px; color: #4554E7;}
.footer-mail{font-size: 24px; font-weight: 500;}
.footer-mail svg{margin-right: 11px; vertical-align: middle;}
.footer-bottom{ border-top: 1px solid #2E2F30; padding-top: 40px;}
.copy{text-align: center; margin-top: 33px;}
.social_follow{margin-top: 32px;}
.social_follow a{display: inline-block; margin: 0 10px;}
/* End Footer */

/* Start Home */
.home-header-bg{min-height: 832px;}
.home-hero{text-align: center; padding: 70px 0 0;}
.home-hero h1{color: #2E2F30; max-width: 930px; margin: 0 auto;}
.home-hero img{max-width: 100%;}
.home-hero-img{position: relative; z-index: 1; padding-top: 40px; display: flex; justify-content: center}
.HYPE_scene{background-color: transparent !important;}
.our-client{margin: 80px auto 160px; max-width: 1120px;}
.our-client h2{margin-bottom: 40px;}
.our-client img{max-width: 100%;}
.home-what{ margin-bottom: 148px; position: relative;}
.home-what h2{margin-bottom: 32px; text-align: center;}
.home-what ul{flex-wrap: wrap; margin: 0 -12px; width: calc(100% + 24px); position: relative; z-index: 2;}
.home-what li{ padding: 12px; width: 33.33%;}
.home-what .gray-bg{padding: 19px 15px 18px 30px; display: flex; width: 100%; flex-direction: column; height: 100%;}
.home-what .gray-bg h4{margin-bottom: 11px;}
.home-what .what-icon{flex: 1 0 auto; margin-bottom: 32px;}
.home-what-link{}
.home-what-link a, .home-what-link span{display: inline-block; height: 36px; width: 36px; background: url("../images/icon/right-arrow.png") 0 0 no-repeat;}
.home-what-link a:hover, .home-what .gray-bg:hover .home-what-link span{margin-left: 4px; background: url("../images/icon/right-arrow-hover.png") 0 0 no-repeat;}
.home-what-bg{position: absolute; left: 750px; bottom: -25px; background: url("../images/bg/yellow-bg-1.png") 0 0 no-repeat; width: 1130px; height: 158px;}
.home-project{ margin-bottom: 160px;}
.home-project h2{padding-bottom: 24px; text-align: center;}
.home-project .subheading{margin-bottom: 40px; text-align: center;}
.home-project-main{margin: 0 -24px; width: calc(100% + 48px); position: relative;}
.home-project-right, .home-project-left{padding: 0 24px;}
.home-project-main .column-2{margin: 0 0 48px; position: relative; z-index: 1;}
.home-project-right{margin-top: 180px;}
.home-project .gray-bg{padding: 24px 16px 16px 32px;}
.home-project-main img{width: 100%;}
.home-project-main h3{margin-bottom: 15px;}
.home-project-main p{padding-bottom: 24px;}
.home-project-main p:after{display: block; background: #7F8285; height: 1px; width: 64px; content: ''; margin-top: 24px}
.project-tag.caption{margin-left: -12px;}
.home-project-main span, .project-tag a{display: inline-block; padding: 3px 3px 5px; background: rgba(18, 115, 208, 0.2); margin: 0 0 8px 12px;}
.project-tag a:hover{background: rgba(18, 115, 208, 0.5); color: #2E2F30;}
.home-project a.btn{width: 190px;}
.home-project-top-bg{position: absolute; right: 500px; top: 185px; background: url("../images/bg/green-bg-1.png") 0 0 no-repeat; width: 900px; height: 136px;}
.home-project-btm-bg{position: absolute; left: 250px; bottom: 310px; background: url("../images/bg/yellow-bg-1.png") 0 0 no-repeat; width: 1130px; height: 158px;}
/*.testimonial{margin-bottom: 40px;}*/
.testimonial h2{text-align: center; margin-bottom: 40px;}
.testimonial-text{background: #fff; border: 2px solid #1273D0; padding: 32px 32px 24px 32px;}
.testimonial-quote{ width: 33px; height: 23px; background: url("../images/icon/quote.svg") 0 0 no-repeat; margin-bottom: 32px;}
.testimonial-text p{padding-bottom: 26px;}
.testimonial-img img{ height: 48px; width: 48px !important; object-fit: cover; margin-right: 16px;}
.testimonial-name .subheading{margin-bottom: 2px;}
.testimonial-name .caption{font-style: italic; font-weight: 400;}
.testimonial .owl-theme .owl-nav{margin-right: 19px;}
.testimonial .owl-carousel .owl-stage { display: flex;}
.testimonial .item{display: flex; padding: 0 24px;}
.testimonial .owl-carousel .owl-item { display: flex; flex: 1 0 auto;}
.testimonial-text { width: 100%; display: flex; flex: 1 0 auto; flex-direction: column;}
.testimonial-text p { flex-grow: 1;}
.testimonial .owl-carousel{margin: 0 -24px; width: calc(100% + 48px);}
.testimonial .owl-theme .owl-dots{position: absolute; left: 16px;}

.hero-pr{position: relative; height: 430px;}
.hero-animation{position:absolute;width:100%;max-width: 1060px;height:100% !important;top: 0 !important;overflow: visible !important;}
.home-hero .btn{margin-bottom: 16px; margin-top: 64px;}
.hero-btn{display: flex; align-items: center; justify-content: center;}
.hero-btn a{margin-left: 12px; margin-right: 12px;}
.home-hero-img img{max-width: 100%;}
.home-hero-img-left{position: absolute; left: -75px; bottom: 0; width: 108px; -webkit-animation: linear; -moz-animation: linear; -o-animation: linear; -animation: linear; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; -webkit-animation-name: run; -moz-animation-name: run; -o-animation-name: run; animation-name: run;}
.home-hero-img-right{position: absolute; bottom: 0; right: -130px; width: 200px; -webkit-animation: linear; -moz-animation: linear; -o-animation: linear; -animation: linear; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; -webkit-animation-name: run-right; -moz-animation-name: run-right; -o-animation-name: run-right; animation-name: run-right;}
.home-hero-center{width: 484px; margin-top: 0; -webkit-animation: linear; -moz-animation: linear; -o-animation: linear; -animation: linear; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; -webkit-animation-name: run-center; -moz-animation-name: run-center; -o-animation-name: run-center; animation-name: run-center;}

@-webkit-keyframes run {
  0% {left: -170px; bottom: 80px; width: 74px;}
}

@-webkit-keyframes run-right {
  0% {right: -180px; bottom: 80px; width: 74px;}
}

@-webkit-keyframes run-center {
  0% {margin-top: 24px; width: 348px;}
}
.modal-open .modal{background: linear-gradient(59deg, rgba(143,232,189,0.8) 0%, rgba(18,115,208,0.8) 100%);}
.offerModal{max-width: 930px; width: 96%; height: 100%; margin: 0 auto;}
/*.offerModal .modal-content{background-color: transparent; background: url("../images/offer-popup-bg.png") center center no-repeat; background-size: contain; height: 100%; max-height: 968px; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; justify-content: center;}
.offerModal .modal-body{flex: 0;}*/
.offerModal .modal-content{background-color: transparent; height: 100%; max-height: 968px; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; justify-content: center;}
.modal-offer-img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.modal-offer-img img{object-fit: contain; height: 100%; width: 100%;}
.offerModal .modal-body{display: flex; align-items: center;}
.offerModal .close{background: url("../images/icon/close.svg") 0 0 no-repeat; width: 44px; height: 44px; position: absolute; right: 0; top: 120px; animation: cssAnimation 0s 5s forwards; opacity: 1; visibility: hidden; }
@keyframes cssAnimation {
  to   { visibility: visible; }
}
.offerModal .close:hover{opacity: 0.7;}
.offerModalText{max-width: 460px; margin: 0 auto; color: #fff; position: relative;}
.offerTimer{display: flex; justify-content: center; align-items: center;}
.offerTimer, .offerTimer h1, .offerTimer span{color: #F2BD42;}
.offerTimer h1{text-align: center;}
.offerTimer li{padding: 0 8px;}
.offerTimer span{margin-top: 4px; display: block; text-align: center;}
.offer-exclusive{margin-top: 40px; color: #fff; text-align: center;}
.offer-exclusive .textLink a, .offer-exclusive .textLink{color: #fff; vertical-align: baseline;}
.offer-exclusive .textLink a:hover{text-decoration: underline;}
.offer-exclusive h2, .offer-exclusive .subheading{color: #fff;}
.offer-exclusive ul{display: inline-flex; flex-direction: column; align-items: self-start;}
.offer-exclusive ul li{width: auto; list-style: inside;}
.offer-exclusive .btn{padding: 9px 17px; font-size: 16px; line-height: 18px; font-weight: 700; letter-spacing: 0.5px; margin: 0;}
.offer-bottom-box{position: fixed; z-index: 100; left: 32px; bottom: 32px; width: 160px; height: 160px; color: #fff;}
.offer-bottom{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #fff; background: url("../images/offer-small.png") 0 0 no-repeat; width: 100%; height: 100%; position: relative;}
.offer-bottom-timer{display: flex; justify-content: center; margin-top: 4px;}
.offer-bottom-timer li{padding: 0 1px;}
.offer-bottom:hover{color: #F2BD42;}
.hero-bottom-bg{background: url("../images/home-hero-bg.png") center bottom no-repeat; position: absolute; left: 0; right: 0; bottom: 0; height: 194px}

.zoom-in-out-box {
  width: 100%;
  height: 100%; background-size: cover; position: absolute;
  background: url("../images/offer-small-border.png") 0 0 no-repeat; background-size: cover;
  animation: zoom-in-zoom-out 2s ease infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(0.95, 0.95);
    opacity: 1;
  }
  50% {
    transform: scale(1.2, 1.2);
    opacity: 0.5;
  }
  100% {
    transform: scale(0.95, 0.95);
    opacity: 1;
  }
}
/* End Home */

/* Start Contact */
.contact-bg-1{background: url("../images/bg/contact-bg-1.png") 0 0 no-repeat; width: 401px; height: 338px; position: absolute; left: -305px; top: 15px;}
.contact-bg-2{background: url("../images/bg/contact-bg-2.png") 0 0 no-repeat; width: 270px; height: 371px; position: absolute; right: 0; bottom: 40px;}
.contact-box{padding: 100px 0 135px; margin: 0 auto;}
.contact-box h1{margin-bottom: 24px;}
.contact-box p.pb-4{padding-bottom: 48px !important;}
.thank-you-text p{padding-bottom: 16px !important;}
.contact-box p{padding-bottom: 100px;}
.contact-box .form-group{margin-bottom: 24px;}
.contact-box .btn{width: 166px;}
.contact_bg{background: url("../images/bg/contact-bg.png") center 140px no-repeat; width: 100%;}
.contact-border-box{background: #F2F5F7; border-top: 16px solid #4554E7; padding: 48px 32px 48px; border-bottom: 16px solid #4554E7; -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;}

.contact_process .our-process{margin-bottom: 0; padding-top: 50px; position: relative;}
.contact_process .our-process ul, .contact_process .our-process .font-100{padding-top: 90px;}
.processLine{height: 1px; background: #1273D0; position: relative; margin-left: 45px; width: 54.3vw; max-width: 840px;}
.processLine:before, .processLine:after{content: ''; border-left: 2px solid #1273D0; position: absolute;}
.processLine:before{ height: 325px; left: 0; top:0;}
.processLine:after{ height: 600px; right: 0; bottom:0;}
.testimonial.slider_new{padding: 100px 0 120px; overflow: hidden; margin-bottom: 0;}
.testimonial.slider_new .testimonial-slider{}
.testimonial.slider_new h2{font-family: 'IBM Plex Mono', monospace; letter-spacing: 1px; font-weight: 700; margin-bottom: 48px; text-align: left;}
.testimonial.slider_new .item{margin: 0 0 20px; padding: 0;}
.slider_new .testimonial-text{border: none; padding: 30px 30px 24px; -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;}
.slider_new .testimonial-text p{font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 140%; margin-top: 10px;}
.testimonial.slider_new .item .caption{font-style: italic; margin-top: 10px; font-size: 14px; line-height: 18px; font-weight: 400;}
.testimonial.slider_new .owl-theme .owl-dots{position: static; text-align: left; margin: 0 0 0 6px;}
.testimonial.slider_new .owl-carousel .owl-stage{padding-left: 0 !important; display: block; height: 100%;}
.testimonial.slider_new .owl-carousel{margin: 0 !important; width: 100% !important;}
.testimonial.slider_new .owl-carousel.owl-drag .owl-item{min-height: 100%; height: 100%;}
.testimonial.slider_new .owl-carousel .owl-stage-outer{overflow: unset;}
.contactFormBox{ padding: 160px 0 120px;}
.contactFormBox .font-100{font-family: 'IBM Plex Sans', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 64px; color: #2E2F30; font-weight: 700; letter-spacing: 0;}
.contactFormMap{width: calc(100% - 390px); padding-right: 80px;}
.contactFormMap iframe{width: 100%; height: 440px;}
.contactForm{max-width: 574px; width: 100%; text-align: center; background: #F2F5F7; border-top: 16px solid #4554E7; padding: 20px 32px 16px; -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;}
.contactForm .mb-22{margin-bottom: 16px;}
.contactForm div.form textarea.form-control{height: 120px; margin-top: 16px;}
.contactForm h4{font-size: 32px; line-height: 133%; font-weight: 700; letter-spacing: 0;}
.contactForm h4 span{vertical-align: bottom;}
.contactForm div.form{text-align: left;}
.contactForm div.form .form-control{background: #DADFE3; border: none !important; -moz-border-radius: 22px; -webkit-border-radius: 22px; border-radius: 22px;}
.contactForm div.form .form-control.mt-10{margin-top: 16px;}
.contactForm div.form .btn-sm{width: 100%; background: #4554E7; border: 1px solid #4554E7; padding: 8px;  -moz-border-radius: 22px; -webkit-border-radius: 22px; border-radius: 22px;}
.contactForm-16{font-size: 16px; line-height: 140%; font-family: 'IBM Plex Mono', monospace;}
.heroForm .contactForm{display: flex; flex-direction: column; align-self: start; align-items: center;}
.heroForm .contactForm .step{width: 100%;}
.contactForm ul{margin-bottom: 16px;}
.contactForm ul li{margin-top: 8px; font-size: 18px; line-height: 22px;}
.contactFormBox .contactForm{padding-bottom: 40px; }
.contactFormBox .contactForm img{max-height:36px; }
.contact-box .contactFormBox{padding: 0;}
.contact-box .contactFormBox .font-100{margin-bottom: 100px;}

.contact-form-bg{padding: 120px 0; margin-top: 160px; background: #083764;}
.contact-form-bg .wrap-middle{max-width: 1540px;}
.contact-form .contactFormMap{max-width: 712px; padding-right: 24px;}
.contact-form .contactFormMap iframe{height: 652px}
.contact-form-box{max-width: 662px; width: 100%; color: #fff;}
.contact-form-box h2 span{display: block}
.contact-form-box h2, .contact-form-phone li a{color: #fff;}
.contact-form-phone{display: flex;}
.contact-form-phone li{padding-left: 40px; margin-left: 40px; border-left: 1px solid #fff; font-size: 20px; line-height: 26px; font-weight: 600;}
.contact-form-phone li:first-child{padding-left: 0; margin-left: 0; border: none;}
.contact-form-phone li a:hover{opacity: 0.8;}
.contact-form-phone li span{display: inline-block; margin-right: 8px;}
.contact-form-box .form-group{margin-bottom: 22px}
.contact-form-box .form-control, .contact-form-box .form-control:focus{background: #F2F5F7; border: none;}
.contact-form-box textarea.form-control{height: 126px;}
.thank-icon{background: url("../images/icon/true.svg") 0 0 no-repeat; height: 60px; width: 60px;}
.contact-page{margin: 120px auto;}
.contact-page .contact-form-box, .contact-page .contact-form-box h1, .contact-page .contact-form-box h2, .contact-page .contact-form-phone li a, .contact-page .gray-text{color: #2E2F30;}
.dark-gray-text{color: #7F8285;}
.contact-page .contact-phone svg path{stroke: #2E2F30 !important;}
.contact-page .contact-email svg path{fill: #2E2F30 !important;}
.contact-page .contact-form-phone li{border-left-color: #2E2F30;}
.confirmation-email-span{vertical-align: baseline;}
/* End Contact */

/* Start About */
.about-box{padding: 80px 0 0;}
.about-top{margin-bottom: 110px;}
.about-top h1{ max-width: 931px; margin: 0 auto 110px; text-align: center;}
.about-top-img{float: left; position: relative; max-width: 560px; padding-right: 12px; width: 50%;}
.about-top-img img{width: 100%; }
.about-top-who{position: absolute; left: 0; bottom: -8px; font-size: 72px; line-height: 64px; font-weight: 700; color: #fff;}
.about-top-text{float: right; max-width: 465px; padding-left: 12px; width: 50%;}
.about-top-text p:last-child{padding-bottom: 0;}
.our-process{padding: 57px 0 64px; max-width: 940px; margin: 0 auto 76px;}
.our-process h2{margin-bottom: 24px; text-align: center;}
.our-process h4{text-align: center; margin-bottom: 90px;}
.our-process ul{max-width: 850px; margin: 0 auto;}
.our-process li{border-top: 2px solid #1273D0; position: relative; border-left: 2px solid #1273D0; }
.number{position: absolute; height: 91px; width: 91px; background: linear-gradient(90deg, #1273D0 0%, #4554E7 100%); text-align: center; color: #fff; font-size: 40px; line-height: 91px; font-weight: 700; top: 70px; left: -45px;}
.our-process li:first-child{border-top: 0;}
.our-process li:first-child .number{top: 0;}
.our-process li:nth-child(even){ border-left: 0; border-right: 2px solid #1273D0;}
.our-process li:last-child{border-left: 0; border-right: 0;}
.our-process li:last-child .number:before{position: absolute; content: ''; left: 50%; margin-left: -1px; width: 2px; background: #1273D0; height: 71px; top: -71px;}
.our-process li:nth-child(even) .number{ left: auto; right: -45px;}
.process-box{padding: 50px 0; display: flex;}
.process-text{width: 503px; padding-left: 90px;}
.process-text h3{margin-bottom: 24px;}
.process-text p:last-child{padding-bottom: 0;}
.our-process li:nth-child(even) .process-text{ padding-left: 0; padding-right: 90px; order: 2;}
.our-process li:first-child .process-box{padding-top: 0;}
.join-team{margin: 0 auto 130px; max-width: 740px;}
.join-team h2{margin-bottom: 24px; text-align: center;}
.join-team h4{margin-bottom: 36px; text-align: center;}
.join-team li{padding-top: 16px;}
.join-team li .gray-bg{padding: 20px 17px 21px 23px;}
.join-team li h4{margin-bottom: 0; text-align: left;}
.full-time {text-align: right; min-width: 170px;}
.about-service{margin: 0 -12px; width: calc(100% + 24px);}
.about-service li{padding: 24px 24px 0; width: 50%; float: left;}
.about-service-1{border: 2px solid #1273D0; padding: 32px 16px 29px 32px; background: #fff;}
.about-service-1 img{margin-bottom: 20px; height: 68px;}
.about-service-1 h3{margin-bottom: 6px;}
.about-service-1 a{color: #7F8285;}
.about-service-1 span{display: inline-block; background: url("../images/icon/right-arrow.png") 0 0 no-repeat; height: 36px; width: 36px; margin-left: 4px;}
.about-service-1 a:hover span{margin-left: 10px; background: url("../images/icon/right-arrow-hover.png") 0 0 no-repeat;}
.about-service-1 a:hover{ color: #2E2F30;}

.about-title-top{padding: 120px 0; max-width: 1100px; margin: 0 auto; text-align: center;}
.about-title-top a.btn{margin-top: 64px;}
.about-story{max-width: 1120px; margin: 0 auto;}
.about-story h1, .about-story h2{margin-bottom: 40px;}
.about-story ul{width: calc(100% + 36px); margin: 0 -18px; display: flex;}
.about-story li{width: 50%; padding: 0 18px; font-size: 24px; line-height: 31px; font-weight: 500;}
.about-story li .gray-bg{padding: 140px 50px 60px 50px; height: 100%; background: #F2F5F7 url("../images/bg/about-story-bg.png") right 0 no-repeat; background-size: 92% auto;}
.about-story li h3{margin-bottom: 32px;}
.about-video{position: relative;}
.about-video-child{max-width: 834px;}
.about-video video{width: 100%;}
.about-video-text{position: absolute; bottom: 70px; right: -16px; background: #1273D0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; max-width: 357px; color: #fff; padding: 24px;}
.about-team{margin-top: 160px;}
.about-team h2{text-align: center; margin-bottom: 40px;}
.about-team ul{display: flex; flex-wrap: wrap; max-width: 1000px; margin: 0 auto; justify-content: center;}
.about-team li{padding: 0 25px 24px; width: 33.33%; max-width: 325px; min-width: 325px; text-align: center;}
.about-team li img{position: relative; z-index: 1; width: 100%; object-fit: cover; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;}
.about-team-img{position: relative; max-width: 200px; margin: 0 auto 16px;}
.about-team-img:after{content: ''; position: absolute; bottom: 8px; right: 2px; background: url("../images/about-team-bg.png") right 0 no-repeat; width: 184px; height: 139px;}
.about-team-text h4{margin-bottom: 8px;}
.about-our-service{padding-top: 70px;}
.about-our-service h2{text-align: center;}
.about-box .our-client{margin: 0 auto 136px;}
.footerMap .contactFormMap iframe{height: 410px;}
/* End About */

/* Start Services */
.service-top{padding: 120px 0 0;}
.service-top h1{margin-bottom: 78px; text-align: center;}
.service-top ul{width: calc(100% + 24px); margin: 0 -12px 20px; text-align: center;}
.service-top li{margin: 0 12px; width: 202px; font-size: 16px; line-height: 18px; font-weight: 700; letter-spacing: 0.5px;}
.service-top li a{background: rgba(18, 115, 208, 0.2); color: #2E2F30; display: block; padding: 24px 0 22px;}
.service-top li a:hover{background: #1273D0; color: #fff;}
.services-box{padding-bottom: 76px;}
.service-bg{position: absolute; background: linear-gradient(89.95deg, #F2F5F7 0.05%, rgba(242, 245, 247, 0) 99.96%);; width: 77%; right: 0; top: 232px; bottom: 0;}
.service-row{padding-top: 100px;}
.service-row .wrap{max-width: 1384px; padding-bottom: 24px;}
.service-img{width: 477px; position: relative; float: left;}
.service-img img{max-width: 100%;}
.service-text{padding-top: 48px; width: calc(100% - 563px); padding-left: 86px; float: left; position: relative;}
.service-icon{margin-bottom: 24px;}
.service-text h1{margin-bottom: 8px;}
.service-row .service-text p{padding-bottom: 48px;}
.service-text ul{margin: -4px -10px;}
.service-text li{float: left; width: 50%; padding: 8px 10px 0; position: relative;}
.service-text li:before{content: '- '; font-size: 18px; line-height: 22px; font-weight: 400;}
.service-text li li:before{display: none;}
.service-text li ol{list-style: decimal; margin-left: 40px; margin-bottom: 8px;}
.service-text li ol li{padding-left: 0; float: none; width: 100%;}
.service-row:nth-child(even) .service-text, .service-row.service_right .service-text{float: left; padding-left: 0; padding-right: 86px;}
.service-row:nth-child(even) .service-img, .service-row.service_right .service-img{float: right;}
.service-row:nth-child(even) .service-bg, .service-row.service_right .service-bg{left: 0; right: auto; background: linear-gradient(89.95deg, #F2F5F7 0.05%, rgba(242, 245, 247, 0) 99.96%); -moz-transform: matrix(-1, 0, 0, 1, 0, 0); -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0);}
.service-text ul.full-width li{width: 100%;}
.service-text ul.width-360 li:nth-child(odd){ width: 360px;}
.service-text ul.width-350 li:nth-child(odd){width: calc(100% - 400px);}
.service-text ul.width-350 li:nth-child(even){ width: 350px;}
.service-text ul.width-360 li:nth-child(even){width: calc(100% - 360px);}

.service_box{padding-top: 120px; max-width: 1152px;}
.service_box h1{text-align: center; padding-bottom: 24px; max-width: 790px; margin: 0 auto;}
.service_box ul li{text-align: center; padding: 16px 12px;}
.service_box .what-icon{margin-bottom: 28px;}
.service_box .gray-bg{padding: 36px 15px;}
.sevicesBack{margin: 40px 0 0;}
.sevicesBack a{background: url("../images/icon/back-arrow.svg") 0 0 no-repeat; height: 36px; padding-left: 42px; display: inline-block;}
.sevicesBack span{display: inline-block; margin-top: 5px;}
.service-top-bg{position: absolute; right: 0; top: 0; background-repeat: no-repeat; background-position: right 0; height: 138px; width: 1438px;}
.service-top-yellow-bg{background-image: url("../images/bg/service-top-yellow.png");}
.service-top-teal-bg{background-image: url("../images/bg/service-top-teal.png");}
.service-bottom-bg{position: absolute; right: -1180px; top: 670px; background-repeat: no-repeat; background-position: right 0; height: 157px; width: 1130px;}
.service-bottom-yellow-bg{background-image: url("../images/bg/service-bottom-yellow.png");}
.service-bottom-teal-bg{background-image: url("../images/bg/service-bottom-teal.png");}
/* End Services */

/* Start Project */
.project-box{padding: 120px 0;}
.project-box h1{text-align: center; margin-bottom: 24px;}
.project-row{position: relative; padding-top: 118px;}
.project-row:first-child{padding-top: 0;}
.project-img {width: 544px; position: relative; text-align: left; padding-right: 24px;}
.project-img img{max-width: 100%; position: relative; z-index: 2;}
.project-row:nth-child(odd) .project-img{ order: 2; text-align: right; padding: 0 0 0 24px;}
.project-text{width: 453px;}
.project-text h3{margin-bottom: 24px;}
.project-text h3 span{display: block;}
.project-text h4{margin-bottom: 24px; color: #7F8285;}
.project-text a{min-width: 180px;}
.project-bg{position: absolute; background-position: 0 0; background-repeat: no-repeat;}
.broadbeam-bg-1{background-image: url("../images/bg/broadbeam-bg.png"); left: -155px; top: -105px; width: 544px; height: 458px;}
.ppl-bg-1{background-image: url("../images/bg/ppl-bg.png"); right: -63px; top: -82px; width: 385px; height: 385px;}
.alex-bg-1{background-image: url("../images/bg/alex-bg.png"); left: -152px; top: -45px; width: 467px; height: 468px;}
.hippo-bg-1{background-image: url("../images/bg/hippo-bg.png"); right: -80px; top: -70px; width: 481px; height: 465px;}
.sponsability-bg-1{background-image: url("../images/bg/sponsability-bg.png"); left: -80px; top: -45px; width: 269px; height: 380px;}
.grace-bg-1{background-image: url("../images/bg/grace-bg.png"); right: -76px; top: -72px; width: 467px; height: 546px;}
.afisco-bg-1{background-image: url("../images/bg/afisco-bg.png"); left: -186px; top: -65px; width: 635px; height: 530px;}
.cscca-bg-1{background-image: url("../images/bg/cscca-bg.png"); right: -22px; top: 0; width: 475px; height: 475px;}

.project-line-bg{position: absolute; right: 450px; top: 110px; background-position: 0 0; background-repeat: no-repeat; width: 900px; height: 136px;}
.broadbeam-line-bg{background-image: url("../images/bg/green-bg-1.png");}
.alex-line-bg{background-image: url("../images/bg/alex-line-bg.png"); top: 192px;}
.sponsability-line-bg{background-image: url("../images/bg/sponsability-line-bg.png"); top: 136px;}
.afisco-line-bg{background-image: url("../images/bg/afisco-line-bg.png"); top: 167px;}
.project-row:nth-child(odd) .project-line-bg{position: absolute; left: 400px; top: 145px; background-position: 0 0; background-repeat: no-repeat; width: 900px; height: 201px;}
.ppl-line-bg{background-image: url("../images/bg/ppl-line-bg.png");}
.hippo-line-bg{background-image: url("../images/bg/hippo-line-bg.png");}
.grace-line-bg{background-image: url("../images/bg/grace-line-bg.png");}
.cscca-line-bg{background-image: url("../images/bg/cscca-line-bg.png"); top: 186px; left: 490px;}
/* End Project */

/* Start Project Details */
.project-hero{padding: 120px 0 60px; text-align: center; margin-bottom: 40px;}
.project-hero h1{margin-bottom: 12px; color: #fff;}
.project-hero h4{margin-bottom: 64px; color: #fff;}
.project-hero img{max-width: 100%;}
.project-client{margin-bottom: 20px;}
.project-client h4{margin-bottom: 16px;}
.project-client-left{width: 360px;}
.project-client-left .subheading{margin-bottom: 32px;}
.project-client-left a.btn{width: 168px;}
.project-client-right{ width: 645px;}
.project-overview{margin: 0 12px 44px; padding: 48px 0;}
.project-overview-left{width: 520px; padding-right: 50px;}
.project-overview-right{ width: calc(100% - 520px); text-align: right;}
.project-overview-right img{max-width: 100%;}
.project-testimonial{margin-bottom: 76px;}
.project-testimonial .testimonial-text{margin: 0 auto; max-width: 738px;}
.ppl-bg .project-hero{padding-bottom: 0;}
.project-slider .owl-theme .owl-nav{margin-top: 16px;}
/* End Project Details */

.privacy_policy{max-width: 980px; margin: 0 auto 24px; line-height: 132%;}
.privacy_policy h1{margin-bottom: 24px;}
.privacy_policy h4{margin-bottom: 8px;}
.privacy_policy  a{color: #60C6C9;}
.privacy_policy  a:hover{color: #2E2F30;}

.budgetSlider{margin-bottom: 52px;}
.slider-container{width: 100% !important;}
.theme-green .back-bar{background: #8D8D8D !important; height: 4px !important; margin-top: 32px;}
.theme-green .back-bar .pointer{height: 32px !important; width: 32px !important; border: none !important; background:#9747FF !important; top: -14px !important; -moz-border-radius: 100% !important; -webkit-border-radius: 100% !important; border-radius: 100% !important;}
.theme-green .back-bar .selected-bar{background:#9747FF !important; }
.slider-container .scale{margin-top: 10px; }
.theme-green .scale span{border: none !important;}
.slider-container .back-bar .pointer-label{background: transparent !important; top: -28px !important; font-size: 14px !important; font-family: 'IBM Plex Mono', monospace !important; color: #9747FF !important;}
.slider-container .scale ins{position: relative; font-size: 18px !important; line-height: 140% !important; font-family: 'IBM Plex Mono', monospace !important; color: #9747FF !important;}
.slider-container .scale ins:before{content: '$'; display: inline;}
.theme-green .scale span:nth-child(1){left: 12% !important;}
.theme-green .scale span:nth-child(2){left: 36% !important;}
.theme-green .scale span:nth-child(3){left: 62% !important;}
.theme-green .scale span:last-child{left: 90% !important;}

.our-process-top-bg{padding-bottom: 240px; background: url("../images/bg/our-process-top-bg.png") center bottom 67px repeat-x;}
.process-box-top{display: flex; justify-content: space-between;}
.process-box-top h1{font-size: 72px; line-height: 72px; color: #4554E7; width: 48%;}
.process-box-top-right{width: 52%; padding-left: 20px;}
.process-box-top-right p{padding-bottom: 30px;}
.our-process-box .our-process-title{position: relative; max-width: 850px; margin: 0 auto 24px; height: 58px;}
.our-process-box .our-process-title:before{content: ''; position: absolute; left: 0; top: 30px; background: #1273D0; height: 180px; width: 2px;}
.our-process-box .our-process-title h2:before{content: ''; position: absolute; left: 0; top: calc(50% - 1px); background: #1273D0; height: 2.5px; width: 100%;}
.our-process-box .our-process-title h2 span{background: #F2F5F7; display: inline-block; position: relative; padding: 0 30px;}
.our-process-title-bg{position: absolute; right: 0; bottom: 28px; background: #1273D0; height: 126px; width: 2px;}
.our-process-title-bg:before, .our-process-title-bg:after{content: ''; position: absolute; display: block; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
.our-process-title-bg:after{height: 46px; width: 46px; background: #1273D0; left: -22px; top: -59px;}
.our-process-title-bg:before{border: 2px solid #1273D0; height: 74px; width: 74px; background: #fff; left: -36px; top: -74px;}