body{box-sizing: border-box; font-family: 'Poppins', sans-serif; color: #131720;}
figure{margin: 0;}
a{text-decoration: none; transition: all 0.3s ease-in-out; color: #000000;}
ul{margin: 0; list-style: none; padding: 0;}
img{max-width: 100%;}
.btn{font-size: 16px; font-weight: 400; color: #fff; background-color: #46387b; padding: 9px 22px; border-radius: 4px; overflow: hidden; transition: all 0.3s ease-in-out; position: relative;
z-index: 0;}
.btn-fill{font-size: 16px; font-weight: 400; color: #fff; background-color: #46387b; padding: 9px 22px; border-radius: 4px; overflow: hidden; transition: all 0.3s ease-in-out;
position: relative; z-index: 0; border: 1px solid #46387b;}
.btn-fill:hover{background-color: #fff; color: #46387b; border-color: #46387b;}
.btn-fill::before{position: absolute; content: ""; border-radius: 4px; right: 0; top: 0; width: 0; height: 100%; background-color: #fff; transition: all 0.3s ease-in-out; z-index: -1;}
.btn-fill:hover::before{width: 100%;}
.btn-fill:hover:active , .btn-fill:hover:active{outline: none; color: #46387b;}
.btn.btn-fill:focus-visible{border: 1px solid #46387b;}
.btn-outline{font-size: 16px; font-weight: 400; color: #46387b; background-color: #fff; padding: 9px 22px; border-radius: 4px; overflow: hidden; transition: all 0.3s ease-in-out; position: relative; border: 1px solid #46387b; z-index: 0;}
.btn-outline:hover{color: #fff;}
.btn-outline::before{position: absolute; border-radius: 4px; content: ""; right: 0; top: 0; width: 0; height: 100%; background-color: #46387b; transition: all 0.3s ease-in-out; z-index: -1;}
.btn-outline:hover::before{width: 100%;}
.btn-outline:hover:active{outline: none; color: #fff;}

.header .logo img{max-width: 120px;}
header.headerfixed, header.whiteheader{background-color: #fff; position: fixed; left: 0; top: 0; width: 100%; z-index: 3; -webkit-animation: slideDown 0.5s ease-out; animation: slideDown 0.5s ease-out; -webkit-box-shadow:0px 2px 2px #00000029; box-shadow: 0px 2px 2px #00000029;}

@-webkit-keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
header{position: relative; z-index: 2;}
.top-header{background-color: #47387b; padding: 5px 0;}
.top-header .container{display: flex; align-items:center; justify-content: space-between;}
.top-header .headcall{display: flex; align-items:center; color: #fff; position: relative; padding-left: 30px;}
.top-header .headcall figure{position: absolute; left: 0px; -webkit-transform: translate(0 , -50%); -moz-transform: translate(0 , -50%); -ms-transform: translate(0 , -50%); top: 50%; transform: translate(0 , -50%);}
.top-header .social-icon{display: flex; flex-wrap: wrap;}
.top-header .social-icon li{font-size: 14px; margin-left: 20px;}
.top-header .social-icon li a{color:#fff; text-decoration: none; font-weight: 400; font-size: 15px; transition: 0.4s; -webkit-transition: 0.4s; -ms-transition: 0.4s; -moz-transition: 0.4s;}
.top-header .social-icon li a:hover{color: #f57921;}
.header{padding: 15px 0px; display: flex; align-items: center; justify-content: space-between;}

.heading{position: relative; margin: 0 0 20px;}
.heading h2{font-size: 30px; font-weight: 700; color: #000000; margin:0 0 15px;}
.heading h3{font-size: 24px; font-weight: 700; color: #000000; margin:0;}
.heading p{font-size: 16px; font-weight: 400; color: rgba(19,23,32,0.8); margin: 0;} 



.banner-section{position: relative; z-index: 1; padding: 50px 0; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)) , url("../images/banner-img.jpg") no-repeat; min-height: 600px; background-size: cover; display: flex; align-items: center;}
.businesses-banner{background:linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)) , url("../images/businesses-banner.jpg") no-repeat; min-height: 350px;}
.accounting-banner{background:linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)) , url("../images/accounting-banner.jpg") no-repeat; min-height: 350px;}
.banner-section .banner-content{max-width: 55%; position: relative; z-index: 1;}
.banner-section .banner-content h1{font-size: 44px; font-weight: 700; margin:0 0 20px; color:#fff;}
.banner-section .banner-content p{font-size: 16px; color:#fff; margin: 0 0 20px;}
.banner-section .banner-content p:last-child{margin-bottom: 0;}

.form-secton-home{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: flex-end;} 
.form-section{display:flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; flex-wrap: wrap;}
.form-left{width: 39%; padding:45px 30px; margin-left: auto; background-color: #ecf4fe; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06); border: 1px solid #d2d3d5; border-radius: 15px; overflow: hidden;}
.form-left.show{position: relative; z-index:1;}
.form-left h2{margin: 0 0 20px; font-size: 22px;}
.form-left .form-group{margin: 0 0 20px;}
.form-left .form-group span{font-size: 15px;}
.form-left .form-control{height: 50px; color: #797a7d; padding: 10px 15px; border-radius: 4px; box-shadow: none; font-size: 15px;}
.form-left textarea.form-control{height: 50px; resize: none;}
.form-left .btn-fill{font-size: 16px; padding: 10px 20px; min-width: 180px;}

.expertise-section{padding: 80px 0;}
.expertise-row{display: flex; align-items: center; justify-content: space-between;}
.expertise-conent{padding: 0px 50px 0px 0px; width: 50%;}
.expertise-img{width: 50%;}
.expertise-img figure{display: inline-block; overflow: hidden; position: relative; border-radius: 15px;}
.expertise-img figure::before {bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; background: #efefef; opacity: 0.2;}
.expertise-img:hover figure::before{left: 0; right: 0; opacity: 0; -webkit-transition: all 900ms ease-in; transition: all 900ms ease-in;}


.serve-section{padding: 80px 0; background-color: #ecf4fe;}
.serve-section .nav-tabs{border: none; justify-content: center; margin:30px 0 30px;}
.serve-section .nav-tabs .nav-item{margin: 0 10px;}
.serve-section .nav-tabs .nav-link{border: 1px solid #46387b; font-size: 16px; font-weight: 400; color: #46387b;padding: 10px 30px; border-radius: 4px; min-width: 300px;}
.serve-section .nav-tabs .nav-link.active{color: #fff; background-color: #46387b;}
.serve-row{display: flex; justify-content: space-between; background-color: #fff; align-items: center; border: 1px solid #d2d3d5;  border-radius: 20px; padding: 30px;}
.serve-content{width:50%; padding: 0 50px 0 0;}
.serve-content .service-list{margin: 0 0 15px;}
.serve-img{width:50%; text-align: right;}
.serve-img figure{display: inline-block; overflow: hidden; position: relative; border-radius: 15px;}
.serve-img figure::before {bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; background: #efefef; opacity: 0.2;}
.serve-img:hover figure::before{left: 0; right: 0; opacity: 0; -webkit-transition: all 900ms ease-in; transition: all 900ms ease-in;}

.serve-content h4{font-size: 22px; font-weight: 700; color: #000000;  margin: 0 0 15px;}
.service-list{margin:0;}
.service-list li{font-size: 16px; font-weight: 400; color: rgba(19,23,32,0.8); padding: 0 0 8px 22px; position: relative;} 
.service-list li::before{position: absolute; left: 0px; content: ""; top:3px; background-repeat: no-repeat; width: 8px; height: 15px; border: solid #ffffff; border-width: 0 2.5px 2.5px 0; border-color: rgba(19,23,32,0.8); -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.connect-section{padding: 80px 0;}
.connect-section ul{display: flex; flex-wrap: wrap; justify-content: center;}
.connect-section ul li{width: 33.33%; padding: 0 15px; text-align: center;}
.connectbox{background-color: #fff; border: 1px solid #d2d3d5; border-radius: 5px; padding: 35px 30px; height: 100%; position: relative;}
.connectbox figure{margin: 0 auto 15px; height: 60px; width: 60px; background-color:#47387b; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 10px;}
.connectbox figure img{max-width:30px;}
.connectbox strong{display: block; color: #47387b; font-size: 18px;}
.connectbox a{color: #000000;}
.connectbox a:hover{color:#47387b;}
.connectbox::after, .connectbox::before {position: absolute; content: ''; bottom: 0; height: 4px; width: 0; background-color: #47387b; transition: all .5s ease; -moz-transition: .5s; -webkit-transition: .5s; -ms-transition: .5s; -o-transition: .5s;}
.connectbox::before{left: 0;}
.connectbox::after{right: 0;}
.connectbox::before, .connectbox::after{z-index: 1; bottom: auto; top: 0;}
.connectbox:hover::after, .connectbox:hover::before{width: 50%;}

.whychoose-section{padding:80px 0 70px; background-color:#46387b;}
.whychoose-section .heading h2{color: #fff;}
.whychoose-section ul{display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -10px;}
.whychoose-section ul li{width: 33.33%; padding:10px;}
.whychoosebox{background-color: #ffffff; border-radius: 5px; padding: 30px; height: 100%; position: relative; min-height: 190px; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.whychoosebox h4{font-size: 20px; font-weight: 700; margin: 0 0 10px; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.whychoosebox p{font-size: 16px; color: rgba(19,23,32,0.8); margin: 0; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.whychoosebox span{font-size: 80px; line-height: 80px; font-weight: 700; position: absolute; bottom: 10px; right: 10px; color: #46387b; opacity: 1; z-index: 2; background: -webkit-gradient(linear,left top,left bottom,from(rgba(70,56,123,0.2)),to(rgba(70,56,123,0))); background: linear-gradient(180deg,rgba(70,56,123,0.2) 0%,rgba(70,56,123,0) 100%); background-clip: border-box; background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.whychoosebox:hover{background-color: #f57921;}
.whychoosebox:hover h4, .whychoosebox:hover p{color: #ffffff;}
.whychoosebox:hover span{background:  -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.3)),to(rgba(255,255,255,0))); background: linear-gradient(180deg,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%); background-clip: border-box; background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.whychoose-section .btn-outline:hover{border: 1px solid #fff;}

.software-section{padding:80px 0;}
.software-slide figure img {height: auto; width: auto; margin: auto; }
.software-slide figure {height: 70px; overflow: hidden; margin: 0; display: flex; flex-wrap: wrap; align-items: center;}
.software-slide figure img {-moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -webkit-transition: .5s; transition: all .5s ease 0s; max-width: 180px; margin: 0 auto;}
.industries-section{padding:80px 0; background-color: #ecf4fe;}
.software-section .heading, .industries-section .heading{margin: 0 0 50px;}
.service-slider .service-slide figure{margin: 0 0 15px;}
.service-slider .service-slide img{margin: auto; }
.service-slider .service-slide strong{display: block; text-align: center; color: #000; font-size: 18px; font-weight: 700;}


.review-section{padding: 80px 0;}
.review-section .heading{margin: 0 0 30px;}
.review-section .owl-carousel .owl-stage{display: flex;}
.review-section .owl-carousel .owl-stage .owl-item .item{height: 100%; padding: 0px 5px;}
.reviewbox{height: 100%; border: 1px solid #d2d3d5; border-radius: 4px; padding:25px 20px;}
.review-profile{padding: 0 0px 0 90px; position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 80px; margin: 0 0 20px;}
.review-profile figure{position:absolute; left: 0; top: 0; height: 80px; width: 80px; border-radius: 50%; overflow: hidden; margin:0; background-color:#d2d3d5; display: flex; align-items: center; justify-content: center; border: 1px solid #d2d3d5;}
.rating{max-width: 80px;}
.review-profile h4{font-size:20px; font-weight: 600; margin:0;}
.review-profile span{display: block; font-size: 14px; color: rgba(19,23,32,0.8); margin: 0 0 3px;}
.reviewbox p{font-size: 16px; color: rgba(19,23,32,0.8); margin: 0;}
.owl-dots{display: flex; align-items: center; justify-content: center; margin: 30px 0 0;}
.owl-dots .owl-dot span{display: block; height: 7px; width: 28px; border-radius:0; margin: 0 5px; background-color: #000; opacity: 0.4;}
.owl-dots .owl-dot.active span{opacity: 1;}


.consultation-section{background-color:#46387b; padding: 30px 0;}
.consultation-section .heading{display: flex; align-items: center; justify-content: space-between;}
.consultation-section .heading > div{padding-right: 20px; width: 70%;}
.consultation-section .heading h2{color: #ffffff; margin: 0; font-size: 24px;}
.consultation-section .heading p{color: #ffffff; margin: 0; font-size: 16px;}
.consultation-section .heading .btn-outline{padding: 15px 20px; font-size: 18px; background-color: #EA7704; color: #fff; border: none;}
.consultation-section .heading .btn-outline::before{background-color: #000000;}


footer {background-color: #000;}
.copyright_content{ background-color: #1c1c1c; }
.footer-content {display: flex;	padding: 35px 0px 35px;	flex-wrap: wrap;}
.about-footer.footer-address {	width: 80%;}
.footer-content h4 {font-size: 18px; font-weight: 600;	color: #fff;	margin-bottom: 18px;}
.footer-content .footer_menu::after {	content: "";	position: absolute;	top: 5px;	right: 8px;	background-image: url(../images/minus.svg);
background-repeat: no-repeat;	width: 15px;	height: 15px;	background-size: 100%;}
.footer-content .footer_menu.collapsed::after {	content: "";	position: absolute;	top: 5px;	right: 8px;	background-image: url(../images/plus.svg);
background-repeat: no-repeat;	width: 15px;	height: 15px;	background-size: 100%;}
.footer-content .footer_menu {	font-size: 16px;	font-weight: 600;	color: #fff;	border: none;	background-color: transparent;	outline: none;	padding: 0px;	display: none;
position: relative;}
.copyright_content p {	font-size: 14px; font-weight: 400;	color: #c3c3c3;	margin-bottom: 0px;	text-align: center;	padding: 18px 0 17px;}

.footer-content p { color: rgba(195, 195 , 195, 0.7); font-size: 14px;  }
.footer-content .footer-address p span{ font-weight:700; font-size: 15px;  }
.footer-content .footer-address p{ margin-bottom: 0px; }
.footer-content .footer-address .footer-address-left p a{ color: #f57921; text-decoration: none; }
.footer-address-left,.footer-address-right{ width: 50%; vertical-align: top; }
.address_box{display: flex;	flex-wrap: wrap;}
.contact_footer ul li a{ color: rgba(195, 195 , 195, 0.7); text-decoration: none; font-weight: 400; font-size: 15px; transition: 0.4s; -webkit-transition: 0.4s; -ms-transition: 0.4s; -moz-transition: 0.4s;;} 
.contact_footer ul li a:hover{ color: #f57921;}
.contact_footer ul{ display: flex; flex-wrap: wrap; } 
.contact_footer ul li{ width: 50%;}
.contact_footer{ width: 20%;}
.contact_footer ul li{ position: relative; padding-left: 10px; margin-bottom: 6px; padding-right: 10px; }
.contact_footer ul li::after {		position: absolute;	left: 0; background-color:rgba(195, 195 , 195, 0.7); 
top:50%;	content: "";	width: 5px;	height: 1px;	background-size: 100%;	background-repeat: no-repeat;}
footer .social-icon {	padding: 0px;	margin: 0px;	font-size: 0;	text-align: right;}
footer .social-icon li {	display: inline-block;	font-size: 14px;	margin-right: 20px; width: auto; padding: 0px; margin-bottom: 0px; }
footer .social-icon li:last-child{ margin-right: 0px; }
footer .social-icon li a .fa {	color: #d0d2d1;	font-size: 24px;}
footer .social-icon li a .fa:hover {color: #f57921;}
footer .social-icon li:after{ display: none; }

/* loader start */
.loading-cntant{position:fixed;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.4);top:0;bottom:0;text-align:center;display:table;background:url(images/logo.png) no-repeat center center / 140px 21px rgba(0, 0, 0, 0.8);z-index:99999;}
.loader{margin:auto;font-size:10px;position:absolute;text-indent:-9999em;border-top:8px solid #fff ;border-right:8px solid #e65821 ;
border-bottom:8px solid #fff;border-left:8px solid #e65821;-webkit-transform:translateZ(0);	-ms-transform:translateZ(0);transform:translateZ(0);	-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear;display:table-cell;vertical-align:middle;top:0;right:0;bottom:0;left:0;}
.loader, .loader:after {border-radius: 50%; width: 20em; height: 20em;}
 
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
 
/* loader end */


.ourkey-section{padding:50px 0;}
.ourkey-section-row{display: flex; flex-wrap: wrap; align-items: flex-start;}
.left-key-section{width: 65%; padding: 0 50px 0 0;}
.right-key-section{width: 35%; background-color:#46387b; border-radius: 10px; padding:30px 25px;}
.right-key-section .heading h2{font-size:24px; color: #fff;}
.right-key-section .connectbox{padding: 20px 0 20px 75px; border: none; background-color: transparent;}
.right-key-section .connectbox:after, .right-key-section .connectbox:before{display:none;}
.right-key-section .connectbox figure {position: absolute; left: 0; top: 0; bottom: 0; margin: auto; border: 1px solid #fff;}
.right-key-section .connectbox a, .right-key-section .connectbox strong{color: #ffffff;}

.keyservice-slider.owl-carousel .owl-stage{display: flex;}
.keyservice-slider.owl-carousel .owl-stage .item{height: 100%; padding: 10px 10px;}
.keyservicelist{display: flex; justify-content: space-between; margin:0; padding: 20px 0 0; flex-wrap: wrap;}
.keyservicelist > li{padding: 0 0 30px;}
/*.keyservicebox{height: 100%; background-color: #ffffff; border: 1px solid #d2d3d5; border-radius: 4px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06); padding: 30px 25px;}*/
.keyservicebox h4{font-size: 20px; font-weight: 700; margin: 0 0 20px;}
.keyservicebox .service-list li{padding: 0 0 10px 15px;}
.keyservicebox .service-list li::before {top: 8px; width: 6px; height: 6px; transform: inherit; border: none; background-color: rgba(19,23,32,0.8); border-radius: 50%;}

.banner-section .banner-content.w-100{max-width: 100%; text-align: center;}

.thankyou-section{padding: 80px 0; min-height: 47.5vh;}
.thankyou-content{display: flex; justify-content: space-between; background-color: #fff; align-items: center; border-radius: 20px; padding:57px 30px; flex-direction: column; margin: 0 auto; max-width: 800px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15); box-shadow: 0 0 10px rgba(0,0,0,.15); text-align: center;}
.thankyou-content h1{font-size: 30px; font-weight: 700;color: #000000; margin: 0 0 10px;}
.thankyou-content p{font-size: 16px; font-weight: 400; color: rgba(19,23,32,0.8); margin: 0 0 20px;}
.thankyou-content figure{margin: 0 0 20px;}
.thankyou-content figure img{max-width: 50px;}


@media (min-width: 768px) {
footer .collapse:not(.show){display: block;}
.stopscroll{position: fixed; left: 0; top: 0; height: 100%; width: 100%;}
.freequote-overlay{position: fixed; z-index:1; left: 0; top: 0; height: 100%; width: 100%; background-color:rgba(30, 34, 45, 0.9); opacity: 0; visibility: hidden; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.freequote-overlay.show{opacity:1; visibility: visible;}
}
@media (min-width: 1280px) {
.container{max-width: 1260px;}
}

@media (max-width:1309px){
.banner-section .banner-content h1{font-size: 44px;}
.form-left{width: 41%;}
.form-left .btn-fill{padding: 10px 10px;}
.consultation-section .heading > div{width:65%;}
}
@media (max-width:1199px){
.heading h2 br{display: none;}
.form-left{width: 40%;}
.banner-section .banner-content h1{font-size: 34px;}
.form-left h2{font-size: 20px; line-height:30px;}
.consultation-section .heading > div{width:100%; padding: 0;}
.consultation-section .heading{flex-direction: column; text-align: center; gap: 15px;}
.consultation-section .heading .btn-outline{padding: 12px 15px; font-size: 16px;}

.expertise-section, .serve-section, .whychoose-section, .software-section, .industries-section, .connect-section{padding: 50px 0;}
.heading h2{font-size: 24px;}
.heading p{font-size: 15px;}
.service-list li{font-size: 15px;}
.expertise-row{align-items: flex-start;}
.serve-row{align-items: flex-start;}
.connect-section ul{margin: 0px -10px;}
.connect-section ul li{padding: 0 10px;}
.connect-section ul li .connectbox{padding: 35px 20px;}
.connect-section ul li .connectbox a{font-size: 15px;}
.industries-section .heading{margin: 0 0 30px;}
.keyservicelist{margin: 0;}
.keyservicelist > li{padding: 0 0px 20px; width: 100%;}
.ourkey-section{padding:50px 0;}

.left-key-section{width: 60%; padding: 0 30px 0 0;}
.right-key-section{width: 40%; padding: 30px 15px;}
.right-key-section .connectbox a{font-size: 15px;}
.thankyou-section{min-height: 30vh; padding:20px 0 50px;}
}
@media (max-width:991px){
.banner-section .banner-content h1{font-size: 28px;}
.steplist{margin: 30px 0 0;}
.steplist li{width: 100%; padding: 0px 0 25px;}
.steplist li:last-child{padding-bottom: 0;}
.banner-section{display: block;}
.banner-section .banner-content{max-width: 100%; margin: 0 0 40px;}
.form-secton-home{position: relative; left: auto; right: auto; top: auto; bottom: auto; display: block;}
.form-left{width: 100%;}

.expertise-row{flex-direction: column;}
.expertise-conent{padding: 0px 0 30px 0px; width: 100%;}
.expertise-img{width: 100%; text-align: center;}
.serve-row{flex-wrap: wrap;}
.serve-content{width: 100%; padding: 0 0 30px 0;}
.serve-img{width: 100%; text-align: center;}
.whychoose-section ul li{width: 50%; padding: 10px;}
.whychoosebox{padding: 20px;}
.service-slider .service-slide figure img{margin: auto; max-width: 150px;}
.connect-section ul li .connectbox{padding: 25px 20px;}
.connect-section ul li .connectbox a{white-space: normal; word-wrap: break-word;}

.banner-section.businesses-banner{display: flex; min-height: 180px; background-size: cover;}
.left-key-section{width:100%; padding:0 0 30px 0;}
.right-key-section{width:100%; padding:30px 15px;}
.thankyou-section{min-height: 55vh; padding:50px 0 50px;}
}
@media (max-width:767px){
.container, .container-sm{max-width: 100%;}
.navigation-row{flex-direction: row-reverse; gap:15px;}
.top-header .headcall{font-size: 14px;}	
.header .logo img{max-width: 80px;}
.header .btn-fill{font-size: 13px; padding: 8px 10px;}
.banner-section .banner-content h1{font-size: 22px; margin: 0;}
.banner-section .banner-content p{font-size: 15px;}
.heading h2{font-size: 24px; line-height: 30px;}
.heading p{font-size: 15px;}
.banner-section{padding: 30px 0;}
.banner-section .banner-content{margin: 0;}
.form-left{padding: 25px 15px;}
.form-left h2{font-size: 20px; line-height: 30px;}
.step-section{padding: 40px 0;}
.steplist{margin: 20px 0 0;}
.stepbox{padding: 20px 15px;}
.stepbox h3{font-size: 20px;}
.stepbox p{font-size: 15px;}
.build-section{padding: 40px 0;}
.review-section{padding: 40px 0;}
.reviewbox{padding: 20px 15px;}
.reviewbox p{font-size: 15px;}
.consultation-section{padding: 20px 0;}
.consultation-section .heading{flex-direction: column; gap: 20px;}
.consultation-section .heading .btn-outline{padding: 10px 15px; font-size: 14px;}
.form-secton-home{padding: 40px 0 0;}
.footer-content{padding: 20px 0px 20px;}
.about-footer.footer-address{width: 100%; margin-bottom: 20px;}
.contact_footer{width: 100%;}
.footer-content h4{display: none;}
.footer-content h4.heading-view{display: block; font-size: 16px; margin-bottom: 5px;}
.footer-content .footer_menu::after {	content: "";	position: absolute;	top: 5px;	right: 8px;	background-image: url(../images/minus.svg);
background-repeat: no-repeat;	width: 15px;	height: 15px;	background-size: 100%;}
.footer-content .footer_menu.collapsed::after {	content: "";	position: absolute;	top: 5px;	right: 8px;	background-image: url(../images/plus.svg);
background-repeat: no-repeat;	width: 15px;	height: 15px;	background-size: 100%;}
.footer-content .footer_menu {display: block; width: 100%; text-align: left; padding-right: 30px;}
.address_box{padding-top: 8px;}
.footer-address-left, .footer-address-right{width: 100%;}
.footer-address-left{margin-bottom: 10px;}
.form-left .btn-fill{font-size: 14px;}
.solutionlist{margin: 0;}
.solutionlist li{width:100%; padding: 20px 0 0;}

.transform-section{padding: 30px 0px 50px;}
.transform-section .heading{margin: 0 0 20px;}
.serve-section .nav-tabs .nav-item{margin: 5px;}
.connect-section ul li{padding: 10px; width: 100%;}
.software-slide figure img{max-width: 100px;}

.right-key-section .heading{margin: 0 0 10px;}
.right-key-section .heading h2{font-size: 20px; line-height: 20px;}
.right-key-section .connectbox figure{height: 40px; width: 40px;}
.connectbox figure img{max-width: 20px;}
.right-key-section .connectbox{padding:10px 0 10px 50px;}
.consultation-section .heading h2.f16{font-size: 16px;}

.thankyou-section{min-height: inherit; padding:20px 0 50px;}
.thankyou-content{padding: 37px 15px;}
}
@media (max-width:566px){
.whychoose-section ul li{width: 100%; padding: 10px;}
}
@media (max-width:359px){
.right-key-section{padding: 20px 10px;}
.connectbox strong{font-size: 16px;}
.right-key-section .connectbox a{font-size: 13px;}
}