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

@font-face {

    font-family: 'Vistol Sans';

    src: url('../fonts/VistolSans-SemiBold.eot');

    src: local('../fonts/Vistol Sans SemiBold'), local('VistolSans-SemiBold'),

        url('../fonts/VistolSans-SemiBold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/VistolSans-SemiBold.woff2') format('woff2'),

        url('../fonts/VistolSans-SemiBold.woff') format('woff'),

        url('../fonts/VistolSans-SemiBold.ttf') format('truetype');

    font-weight: 600;

    font-style: normal;

}



@font-face {

    font-family: 'Vistol Sans';

    src: url('../fonts/VistolSans-Bold.eot');

    src: local('../fonts/Vistol Sans Bold'), local('VistolSans-Bold'),

        url('../fonts/VistolSans-Bold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/VistolSans-Bold.woff2') format('woff2'),

        url('../fonts/VistolSans-Bold.woff') format('woff'),

        url('../fonts/VistolSans-Bold.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: 'Vistol Sans';

    src: url('../fonts/VistolSans-Black.eot');

    src: local('../fonts/Vistol Sans Black'), local('VistolSans-Black'),

        url('../fonts/VistolSans-Black.eot?#iefix') format('embedded-opentype'),

        url('../fonts/VistolSans-Black.woff2') format('woff2'),

        url('../fonts/VistolSans-Black.woff') format('woff'),

        url('../fonts/VistolSans-Black.ttf') format('truetype');

    font-weight: 900;

    font-style: normal;

}



@font-face {

    font-family: 'Vistol Sans';

    src: url('../fonts/VistolSans-Light.eot');

    src: local('../fonts/Vistol Sans Light'), local('VistolSans-Light'),

        url('../fonts/VistolSans-Light.eot?#iefix') format('embedded-opentype'),

        url('../fonts/VistolSans-Light.woff2') format('woff2'),

        url('../fonts/VistolSans-Light.woff') format('woff'),

        url('../fonts/VistolSans-Light.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

}



@font-face {

    font-family: 'Vistol Sans';

    src: url('../fonts/VistolSans-ExtraBold.eot');

    src: local('../fonts/Vistol Sans ExtraBold'), local('VistolSans-ExtraBold'),

        url('../fonts/VistolSans-ExtraBold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/VistolSans-ExtraBold.woff2') format('woff2'),

        url('../fonts/VistolSans-ExtraBold.woff') format('woff'),

        url('../fonts/VistolSans-ExtraBold.ttf') format('truetype');

    font-weight: 800;

    font-style: normal;

}





body {

	margin: 0 !important;

	padding: 0px !important;

	font-family: "Poppins", sans-serif;

	display: flex;

	flex-direction: column;

	background: #F8FCFF;

	scroll-behavior: smooth;

}





a,

button {

	transition: all ease 0.5s;

}



html,

body,

p,

h1,

h2,

h3,

h4,

h5,

h6,

img,

form,

input,

select,

textarea,

ul,

li {

	margin: 0;

	padding: 0;

	font-family: 'Vistol Sans', sans-serif;



}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: 'Vistol Sans', sans-serif;

}



ul li {

	list-style: none;

}



img {

	border: none;

	 width: 100%; 

}



.paragraph {

    color: #49545F;

    font-family: 'Vistol Sans', sans-serif;

    font-size: 19px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px !important;

    line-height: normal;

    /*text-transform: capitalize;*/

}



a {

	text-decoration: none;

}



.clear {

	height: 0;

	margin: 0;

	padding: 0;

	clear: both;

	font-size: 0;

	line-height: 0;

}



:root {

	--primary-color: #4A50BB;

	--secondary-color: #49545F;

	--white-color: #fff;



}



.banner-img {

	text-align: center;

}



.navbar-collapse {

	flex-basis: inherit;

	flex-grow: inherit;

	align-items: center;

}



a.nav-link {

	font-size: 18px;

    font-family: 'Vistol Sans', sans-serif;

	color: #474747;

	font-weight: 400;

}



header {

	background: #fff;

	height: 100px;

	display: flex;

	align-items: center;

	transition: .4s;
	
	margin-top: -35px;

}



a.nav-link.active {

	color: #4950BA !important;

	font-weight: 700;

}



a.contact-btn {

	padding: 7px 24px;

	border: 2px solid #4951BD;

	border-radius: 100px;

	display: flex;

	color: #4951BD;

	font-weight: 800;

}



li.nav-item {

	margin-right: 20px;

}



.banner-content {

	display: flex;

	flex-direction: column;

	/* align-items: center; */

	justify-content: center;

}



button.main-btn {

	width: fit-content;

	padding: 10px 30px;

	background: #4950ba;

	border: 0;

	border-radius: 5px;

	color: #fff;

	font-size: 17px;

	font-weight: 300;

}



.banner-img img {
    /*width: 480px;*/
    text-align: center;
    margin: o auto;
    padding: 5px;
}



section.home_banner {
	background:#4950BA;
	/*padding-top: 6%;*/
/*    background: linear-gradient(180deg, rgba(73,80,186,1) 0%, rgba(56,62,153,1) 95%);*/

}

.banner-content h1 {
	font-size: 65px;
	font-weight: 800;
	text-transform: uppercase;
	/*color: var(--primary-color);*/
	color:#f2f9ff;
   /* text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);*/
}

.banner-content h2 {
	font-size: 48px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 25px;
	/*color: var(--primary-color);*/
	color:#f2f9ff;
    /*text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);*/
}

.banner-content .paragraph {
	margin-bottom: 25px;
	color: #fc8660;
	/*color: #49545F;*/
}

button.banner-btn {
    width: fit-content;
    padding: 15px 50px;
    background: #fc8660;
    border: 0;
    border-radius: 215px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
}

button.banner-btn:hover {
    /*background: #FFC107;*/
	background: #fb9878;
}

section.about_banner {
	background:#f8fcff;
	/*padding-top: 6%;*/

}

.about-banner-content h1 {
	font-size: 48px;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--primary-color);
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}

.about-banner-content h2 {
	font-size: 48px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 25px;
	color: var(--primary-color);
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}

.about-banner-content .paragraph {
	margin-bottom: 25px;
	color: #49545F;
}


.analytics-banner-content h1 {
	font-size: 65px;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--primary-color);
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}

.analytics-banner-content h2 {
	font-size: 48px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 25px;
	color: var(--primary-color);
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}

.analytics-banner-content .paragraph {
	margin-bottom: 25px;
	color: #49545F;
}

/*button.banner-btn {
    width: fit-content;
    padding: 10px 30px;
    background: #f16a66;
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-size: 17px;
    font-weight: 300;
}

button.banner-btn:hover {
    background: #ce5a56;
}*/

h2.main-heading {

	color: var(--secondary-color);

	text-align: center;

	font-family: 'Vistol Sans', sans-serif;

	font-size: 44px;

	margin-bottom: 25px;

	font-style: normal;

	font-weight: 700 !important;

	line-height: normal;

}



.common-section-padding {

	padding: 80px 0px;

}



div#partners img {

	width: 110px;

}



div#partners {

	padding: 10px 60px;

	margin-top: 42px;

}



div#partners .item {

	display: flex;

	align-items: center;

	justify-content: center;

}



.owl-prev {

	position: absolute;

	top: 10%;

	left: 0;

}



.owl-next {

	position: absolute;

	top: 10%;

	right: 0;

}



.owl-nav button span {

	font-size: 67px !important;

	color: #9B9B9B;

}



section.how-we-do-it {

	background: #F2F9FF;

}




.mtop-50 {

	margin-top: 100px;

}



.hw-content {

	display: flex;

	flex-direction: column;

	justify-content: center;

	margin-left: 70px;

}



.hw-content h6 {

	font-size: 29px;

	color: var(--secondary-color);

	margin-bottom: 24px;

}



.hw-content .paragraph {

	margin-bottom: 24px;

}



.ach-wrpper {

	display: flex;

	justify-content: center;

}



.ach-itm {

	/* padding: 80px; */

	min-width: 200px;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

}



span.ach-name {

	text-transform: uppercase;

	font-size: 20px;

	color: #0F4889;

	font-weight: 400;
    
    text-align: center;

}



.hw-content.abt {

	margin-left: 30px;

}



.ach-itm h2 {

	margin-bottom: 40px;

}



.hw-content.abt h4 {

	font-size: 24px;

	text-transform: uppercase;

	margin-bottom: 22px;

	color: var(--secondary-color);

}



.abt-img {

	padding: 20px;

}



section.connect.common-section-padding {

	background: #4950BA;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}



.col-lg-6.reach iframe {

	width: 100%;

	height: 255px;

	border-radius: 5px;

}



h1.connect-heading {

	font-size: 68px;

	font-weight: bold;

	color: #fff;

	margin-bottom: 20px;

    text-shadow: 0px 5.064px 5.064px rgba(0, 0, 0, 0.25);

}



h3.reach-us {

	color: #fff;

	font-size: 26px;

	text-transform: uppercase;

	margin-bottom: 22px;

    text-shadow: 0px 5.064px 5.064px rgba(0, 0, 0, 0.25);

}



.let-s-connect h2 {

	font-size: 44px;

	font-weight: bold;

	margin-bottom: 22px;

	color: #fff;

	text-transform: uppercase;

    text-shadow: 0px 5.064px 5.064px rgba(0, 0, 0, 0.25);

}



.let-s-connect {

	width: 75%;

}



.let-s-connect form {

	background: #fff;

	padding: 35px;

	border-radius: 10px;

}



.form-group {

	margin-bottom: 30px;

}



textarea.form-control {

	height: 108px;

}



button.btn-primary.connect-btn {

	background: #4FA2FC;

	border: 0;

	color: #fff;

	padding: 10px 20px;

	border-radius: 5px;

	height: 48px;

}



footer {

	background: #192132;

}



ul.socialmedia li a img {

	width: 25px;

}



span.follow {

	color: #fff;

}



ul.socialmedia li:nth-child(3) a img {

	width: 23px;

}



ul.socialmedia {

	display: flex;

	align-items: center;

	margin-right: 10px;

}



ul.socialmedia li {

	margin-right: 20px;

}



.d-flex.wrp {

	justify-content: space-between;

}



footer {

	display: flex;

	align-items: center;

	height: 100px;

}



footer .logo-footer img {

	filter: brightness(0) invert(1);

}



button.go-to-top {

	position: absolute;

	right: 40px;

	border: 0;

	border-radius: 100px;

	width: 40px;

	height: 40px;

	display: flex;

	align-items: center;

	justify-content: center;

}



i.bi.bi-arrow-up-short {

	font-size: 29px;

	font-weight: 900;

}



.sticky {

	position: fixed;

	width: 100%;

	background: #F2F9FF;

	z-index: 9;

}



a.contact-btn:hover {

	background: #4951BD;

	color: #fff;

}



button.main-btn:hover {

	background: #072b54 !important;

}



/* .Leadership .row {

	padding-top: 60px;

	padding-bottom: 60px;

} */





.Leadership .paragraph {

	max-width: 600px;

	text-align: center;

	margin: 0 auto;

}



.Leadership .card-holder-leaders {

	border-radius: 100px 100px 30px 30px;

	background: #DAEDFE;

	padding-bottom: 20px;

	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);

}



.Leadership .card-holder-leaders h4 {

	color: #2A5177;

    font-family: 'Vistol Sans', sans-serif;

	font-size: 23px;

	font-style: normal;

	font-weight: 300;

	line-height: normal;

	margin-top: 20px;

	margin-left: 20px;

	margin-bottom: 20px;

}





.Leadership .card-holder-leaders h2 {

	color: #202225;

    font-family: 'Vistol Sans', sans-serif;

	font-size: 26px;

	font-style: normal;

	margin-top: 20px;

	margin-left: 20px;

	margin-bottom: 20px;

	font-weight: 400;

	line-height: normal;

}



.Leadership .card-holder-leaders {

	margin-bottom: 20px;

}



.Timeline-plugin {

	/* margin-bottom: 40px; */

}



.mission-vision {

    /* background-color: #4950BA; */

    position: relative;

    /* background: url(../img/About/vision-bg.svg); */

	background-color: var(--primary-color);

    /* height: 770px; */

    background-size: cover;

    display: flex;

    align-items: center;

}





.mission-vision .top-left {

	position: absolute;

	top: -100px;

	right: 0;

	z-index: -999;

}





.card-holder-leaders img {

	width: 100%;

	height: auto;

	max-width: 100%;

}









.mission-vision .bottom-right {

	position: absolute;

	bottom: -195px;

	z-index: -999;

	right: 0;

}



.mission-vision-separation {

	margin-top: 100px;

	margin-bottom: 40px;

}



.mission-vision h2,

.mission-vision p,

.mission-vision svg {

	margin-bottom: 20px;



}



.mission-vision h2 {

	color: #FFF;

    font-family: 'Vistol Sans', sans-serif;

	font-size: 44px;

	font-style: normal;

	font-weight: 700;

	line-height: normal;

}



.mission-vision p {

	color: #FFF;

    font-family: 'Vistol Sans', sans-serif;

	font-size: 17px;

	font-style: normal;

	font-weight: 300;

	line-height: normal;

	text-transform: capitalize;

}



.mission-vision .right {

	text-align: right;

}



.mission-vision .right h2 {

	margin-top: 104px;

}



.center-btn {

	margin-left: auto ;

	margin-right: auto ;

	display: block;

	text-align: center;

}





.quote .center-btn {

	margin-bottom: 20px;

	max-width: 304px;

}



.footer-contact {

	background: url(../../assets/img/About/footercontactbg.png) no-repeat top left;

	min-height: 200px;

	background-size: cover;

}



.footer-contact h4 {

	margin-bottom: 15px;

	color: #FFF;

    font-family: 'Vistol Sans', sans-serif;

	font-size: 22px;

	font-style: normal;

	font-weight: 400;

	line-height: normal;

	text-transform: uppercase;

}



.footer-contact h2 {

	color: #FFF;

    font-family: 'Vistol Sans', sans-serif;

	margin-bottom: 20px;

	font-size: 40px;

	font-style: normal;

	font-weight: 500;

	line-height: normal;

}



.footer-contact h3 {

	color: #FFF;

    font-family: 'Vistol Sans', sans-serif;

	font-size: 23px;

	font-style: normal;

	font-weight: 300;

	line-height: normal;

}



.footer-contact form {

	margin-top: 20px;

}



.footer-contact form select,

.footer-contact form input[type="tel"] {

 font-size: 17px;

 padding: 10px;

}



.footer-contact form input[type="tel"] {

	margin-bottom: 20px !important;

}



.footer-contact form select {

	width: 85px;

}

.formfooter {

	display: flex;

}



.onboard {

    display: flex;

    padding: 50px;

/*    background: url(../img/solutions/onboard-bg.svg);*/

    margin-top: 13%;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;
    align-items: center;

}

section.inner_banner::after {

    content: "";

    

    background: url(../img/solutions/inner-bnr.svg);

    height: 188px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: absolute;

    width: 100%;

    top: 0;

}

section.inner_banner {

    position: relative;

}

.onboardnow h4 {

    color: #4A50BB;

    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);

    font-family: 'Vistol Sans', sans-serif;

    font-size: 30px;

    font-style: normal;

    font-weight: 800;

    line-height: normal;

    text-transform: uppercase;

     margin-bottom: 30px;

}

.onboardnow h6 {

    color: #4A50BB;

    font-family: 'Vistol Sans', sans-serif;

    font-size: 20px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

        margin-bottom: 20px;

    

}

.onboardnow h5 {

    color: #406EC6;

    font-family: 'Vistol Sans', sans-serif;

    font-size: 26px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

        margin-bottom: 18px;

}

.onboard-choose h6{

	color: #49545F;

	font-family: 'Vistol Sans', sans-serif;

	font-size: 17px;

	font-style: normal;

	font-weight: 400;

	line-height: normal;  

}

.onboard-choose h6 a{

 color: #2A77DF;

font-weight: 700; 

}

.onboardnow p {

    margin-bottom: 40px;

}

button.onboard-btn {

    border-radius: 9px;

    background: #0F4889;

    display: flex;

    height: 68px;

    padding: 10px 50px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    color: #F4F4F4;

    border: 0;

    font-size: 20px;

}

.onboardreports h6 {

    color: #3C407A;

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 22px;

}

.onboardnow, .onboard-img {
    width: 50%;
    padding-left: 20px;
}



.onboardreports {

    flex: 1;

}

.onboardreports ul li a {

    border-radius: 5.684px;

    border: 1px solid #9EC9F3;

    background: linear-gradient(90deg, #E1F0FF 0%, #E1F0FF 69.35%, #E1F0FF 100%);

    padding: 12px;

    color: #2A77DF;

    font-family: 'Vistol Sans', sans-serif;

    font-size: 18.19px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    

}

.onboardreports ul {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

}

.onboardreports ul li {

    height: 50px;

}

.onboardreports {

    flex: 1;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.shopping a.icon-dwnld {

    border-radius: 4.791px;

    border: 0.684px solid #BFDCFB;

    background: #FFF;

    display: flex;

    padding: 4.593px 11.464px;

}

.shopping {

    display: flex;

    gap: 12px;

}

.onboardreports .icon-dwnld {

    padding: 0;

    border: 0;

    background: none;

}

.details-gd h6 {

    color: #49545F;

    font-family: 'Vistol Sans', sans-serif;

    font-size: 24px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    margin-bottom: 35px;

}

.details-gd{

    margin-bottom: 33px;

}

.details-gd .paragraph {

    margin-bottom: 33px;

}

h3.features-details {

    color: #4A50BB;

    font-family: 'Vistol Sans', sans-serif;

    font-size: 30px;

    font-style: normal;

    font-weight: 700;

    line-height: 139.8%;

}

h2.main-heading.text-start.lw-heading {

    color: #49545F;

    font-family: 'Vistol Sans', sans-serif;

    font-size: 40px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

}

.f-itm h4 {

    color: #494A57;

    font-family: 'Vistol Sans', sans-serif;

    font-size: 24.764px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-transform: capitalize;

    /*min-height: 100px;*/
	min-height: 50px;

}

.f-itm {

    /*margin-bottom: 32px;*/

        padding: 20px;

}

.f-itm img {

    width: 32px;

    margin-bottom: 22px;

}

.d-flex.b-fitm h4 {

    min-height: inherit;

}

.d-flex.b-fitm img {

    margin-right: 20px;

}

.bts h6 {

    color: #494A57;

    font-family: 'Vistol Sans', sans-serif;

    font-size: 24.764px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-transform: capitalize;

    margin-bottom: 22px;

}



/* Custom styles for nested dropdown */

.dropdown-submenu {

    position: relative;

}



.dropdown-submenu .dropdown-menu {

    top: 0;

    left: 100%;

    margin-top: -1px;

}



/* Ensure the nested dropdown displays correctly on hover */

.dropdown-submenu:hover>.dropdown-menu {

    display: block;

}



.dropdown-item.dropdown-toggle::after {

    border-top: .3em solid transparent;

    border-right: 0;

    border-bottom: .3em solid transparent;

    border-left: .3em solid;

    content: "";

    vertical-align: 0;

    display: inline-block;

    margin-left: .255em;

}

h6.med-head {

    font-size: 29px;

}

.med-font{

    color: #49545F;

font-size: 21px;

font-weight: 400;

text-transform: capitalize;

}

section.sd-banner {

    background: url(../img/software-dev/banner_sw.png) #4866ea right center;
    background-color: #4866ea;
    /*height: 845px;
    background-size: cover;
    */
	height: 546px;
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: cover;
    display: flex;
    align-items: center;

}

.sd-banner-content h1{

    color: #FFF;

    font-size: 57px;

    font-style: normal;

    font-weight: 700;

    line-height: 145.1%; /* 82.707px */

    margin-bottom: 22px;

}

.sd-banner-content h3{

   color: #FFF;

font-size: 44px;

font-style: normal;

font-weight: 700;

line-height: 145.1%;

    margin-bottom: 22px;

        padding-right: 29%;

}

.sd-banner-content ul li{

	color: #FFF;

	font-family: 'Vistol Sans', sans-serif;

	font-size: 29px;

	font-style: normal;

	font-weight: 400; 

}

.sd-banner-content button{

	color: #0F4889;

	text-align: center;

    font-family: 'Vistol Sans', sans-serif;

	font-size: 19px;

	font-weight: 400;

	line-height: normal;

	text-transform: capitalize; 

	border-radius: 8px;

	padding: 13px 15px;

}

.sd-banner-content ul{

  margin-bottom: 62px;

}

section.expertise {

    background: #F6F1EE;

}

.exp-grid {

    border-radius: 10px;

    background: #4866EA;

    padding: 30px;

    display: flex;

    flex-direction: column;

    height: 100%;

        justify-content: space-around;

}



.exp-grid img {

    width: 100px;

}

.exp-grid .paragraph {

    font-size: 19px;

font-style: normal;

font-weight: 400;

line-height: 28px; /* 147.368% 

text-transform: capitalize;*/

    color: #fff;

    margin-bottom: 37px;

    overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 4;

-webkit-box-orient: vertical;

}



.exp-grid h4{

   margin: 37px 0px;

   font-size: 29px;

font-style: normal;

font-weight: 400;

     color: #fff;

}



.exp-grid a {

     color: #fff;

    font-size: 19px;

font-weight: 400;

line-height: 28px; /* 147.368% */

text-decoration-line: underline;

}

section.expertise-area.p-5 .row .col-lg-4:nth-child(2) .exp-grid {

    background: #5A75EC;

}

section.expertise-area.p-5 .row .col-lg-4:nth-child(3) .exp-grid {

    background: #7D93F0;

}

li.nav-item:last-child {

    margin-right: 0px;

}

nav.navbar.navbar-expand-lg .container-fluid {

    padding: 0;

}

.paragraph.xl-font {

	color: #0F4889;

	font-family: 'Vistol Sans', sans-serif;

	font-size: 28px;

	font-weight: 500;

	line-height: 140% !important;

	margin-bottom: 37px;

	text-transform: inherit !important;

}

section.expertise-area.p-5 h6{

    margin-bottom: 37px;

    font-weight: 700;

}

 section.expertise {

    background: #F6F1EE;

} 

section.da-banner {
    background: #dde4f7;
    height: 520px;
    /*height: 655px;*/
    display: flex;
    align-items: center;
}

.col-lg-6.da-img {

    display: flex;

    align-items: center;

    justify-content: center;

}

section.expertise-area h2.main-heading {

    margin-bottom: 37px;

}

section.Benefits-sec ul li {

    list-style: disc;

    margin-bottom: 10px;

}

section.Benefits-sec ul {

    margin-left: 45px;

    margin: 32px 0px 60px 45px;

}

.paragraph.mb-2.power-data {

    color: #49545F;

    font-family: 'Vistol Sans', sans-serif;

    font-size: 16px !important;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-transform: capitalize;

}



section.Benefits-sec .col-lg-5 img {

    /* width: 100%; */

}



section.quote h2 {

	color: #4A51BB;

	text-align: center;

	font-family: 'Vistol Sans', sans-serif;

	font-size: 25px;

	font-weight: 700;

	text-transform: capitalize;

	text-align: center;

	margin-bottom: 22px;

}

section.quote p {

	color: #49545F;

	font-family: 'Vistol Sans', sans-serif;

	font-size: 19px;

	font-weight: 400;

	text-align: center;

	/*    margin-bottom: 10px;*/

}

section.quote button{

    margin-top: 30px;

}

a.dropdown-item {

    color: #000;

    font-family: 'Vistol Sans', sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

    text-transform: capitalize;

    margin-right: 20px;

}



.dropdown-item.dropdown-toggle::after{

    display: none;

}

.dropdown-item.dropdown-toggle{

    position: relative;

}

.dropdown-item.dropdown-toggle::before {

    position: absolute;

    content: "\F285";

    width: 10px;

    height: 10px;

    right: 10px;

    top: 4px;

    font-family: bootstrap-icons !important;

    font-size: 11px;

}

ul.dropdown-menu {

    border-radius: 4px;

    border-top: 5px solid #4FA2FC;

    background: #FFF;

}



#pageloader {

  position: fixed;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  z-index: 9999;

  /* background: url('../img/loader.gif') 50% 50% no-repeat rgb(249, 249, 249); */

  opacity: .8;

}



.spinner {

	width: 56px;

	height: 56px;

	border-radius: 50%;

	padding: 3.4px;

	background: radial-gradient(farthest-side,#474bff 95%,#0000) 50% 0/13.4px 13.4px no-repeat,

		   radial-gradient(farthest-side,#0000 calc(100% - 5.6px),#474bff calc(100% - 4.5px)) content-box;

	animation: spinner-x3enp9 1.5s infinite;

	position: absolute;

	margin-left: auto;

	margin-right: auto;

	left: 0;

	right: 0;

	top: 45%;

 }



 @keyframes spinner-x3enp9 {

	to {

	   transform: rotate(1turn);

	}

 }
section.home_banner .col-lg-6.d-flex {
    order: 1;
}
section.home_banner .col-lg-6 {
    order: 2;
}
div#particles-js {
    position: absolute;
    pointer-events: none;
    bottom: 0;
    top: 0;
}





/*-------------media css start---------------*/



@media (max-width: 992px) {

	.mission-vision .top-left {

		top:-90px;

	}

	.mission-vision .bottom-right {

		bottom: -147px

	}



	.offcanvas-body {

		background: #212a33;

		color: #fff;

	}



	ul.mobile-menu li a {

		color: #fff;

		font-size: 15px;

		font-weight: 200;

		display: flex;

		padding: 10px 0px;

	}



	ul.mobile-menu.sub li a {

		color: #49545f;

		font-weight: 400;

	}

	

}



@media (max-width: 767px) {

.onboardnow, .onboard-img {
    padding-left: 0px;
    width: 100%;
}
.onboard-img {
    margin-top: 20px;
}
	.banner-img img {

		width: 100%;

	}



	.banner-content h1 {

		font-size: 40px;

		margin-top: 20px;

	}



	.banner-content h2 {

		font-size: 28px;

		margin-top: 10px;

	}



	.ach-wrpper {

		flex-wrap: wrap;

	}



	.ach-itm {

		min-width: inherit;

		width: 50%;

	}



	.ach-itm h2 {

		margin-bottom: 20px;

	}



	.ach-itm {

/*		border: 1px solid #ccc;*/

		padding: 20px;

	}



	.common-section-padding {

		padding: 40px 0px;

	}



	.hw-content.abt {

		margin-left: 0px;

	}



	h2.main-heading {

		font-size: 26px !important;

		margin-bottom: 25px;

	}



	.hw-content h6 {

		font-size: 22px;

	}



	h1.connect-heading {

		font-size: 28px;

	}



	.let-s-connect {

		width: 100%;

	}



	.let-s-connect h2 {

		font-size: 24px;

		margin-top: 20px;

	}



	button.btn-primary.connect-btn {

		width: 100%;

	}



	.let-s-connect form {

		padding-bottom: 5px;

	}



	button.main-btn {

		width: 100%;

	}



	.hw-content {

		margin-left: 0px;

	}



	.mtop-50 {

		margin-top: 40px;

	}



	.owl-pre {

		position: absolute !important;

		top: 30%;

		right: 30px !important;

	}



	.owl-next {

		position: absolute !important;

		top: 30%;

		right: 30px !important;

	}



	.hw-img {

		margin-bottom: 20px;

	}



	.offcanvas-body {

		background: #212a33;

		color: #fff;

	}



	ul.mobile-menu li a {

		color: #fff;

		font-size: 15px;

		font-weight: 200;

		display: flex;

		padding: 10px 0px;

	}



	button.navbar-toggler {

		border: 0;

	}



	.navbar-toggler:focus {

		text-decoration: none;

		outline: 0;

		box-shadow: none;

	}



	header {

		height: 70px;

	}



	.owl-nav button {

		width: 40px;

		height: 40px;

		display: flex;

		align-items: center;

		justify-content: center;

		top: 30%;

	}



	button.owl-prev {

		left: 30px !important;

	}



	ul.mobile-menu.sub li a {

		color: #49545f;

		font-weight: 400;

	}



	a.drp::after {

		font-family: bootstrap-icons !important;

		content: "\F282";

		position: absolute;

		width: 20px;

		height: 20px;

		right: 0;

		top: 12px;

		/* background: #fff; */

		color: #fff;

	}



	a.drp {

		position: relative;

	}



	footer .logo-footer img {

		filter: brightness(0) invert(1);

		width: 100px;

	}



	.d-flex.wrp {

		justify-content: flex-start;

	}



	ul.socialmedia {

		margin-left: 30px;

	}



	button.go-to-top {

		right: 20px;

	}



	h3.reach-us {

		font-size: 18px;

	}



	button.navbar-toggler {

		padding: 0;

	}

    .onboard {

    flex-direction: column;

}

    

    .shopping {

    flex-wrap: wrap;

}

 section.inner_banner::after {

    display: none;

}   

.onboard {

    display: flex;

    padding: 20px;

    background: url(../img/solutions/onboard-bg.svg);

    margin-top: 0;

}    

 .onboardnow {

    width: 100%;

}   

    

 button.onboard-btn {

    width: 100%;

    padding: 10px !important;

    height: 56px;

}   

 .onboardreports {

    margin-top: 30px;

}   

    

  .shopping a.icon-dwnld {

    width: 48%;

}  

 section.p-5 {

    padding: 20px !important;

}   

  .f-itm h4 {

    min-height: inherit;

    margin-bottom: 10px;

}  

 .f-itm {

    margin-bottom: 10px;

    padding: 10px;

}   

 .d-flex.b-fitm {

    flex-direction: column;

}   

 .sd-banner-content h1 {

    font-size: 30px;

}   

 .sd-banner-content h3 {

    font-size: 25px;

    padding-right: 0;

}   

.sd-banner-content ul li {

    font-size: 20px;

}

    

    section.sd-banner {

        background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(../img/software-dev/banner.svg);

        height: 80vh;

        background-position: center;

        background-size: cover;

    }  

   .expertise h6.med-head {

    font-size: 29px;

    margin-bottom: 10px;

}

  .exp-grid .paragraph {

    -webkit-line-clamp: 6;

}  

  .paragraph.xl-font {

    font-size: 22px;

}

    

 .expertise .details-gd .paragraph {

    margin-bottom: 0px !important;

     font-size: 18px !important;

}  

 .expertise .details-gd {

    margin-bottom: 11px;

}   

    section.da-banner {

        background: #fff0;

        height: 100%;

    } 

.col-lg-6.da-img {

   z-index: -1;

}    

  section.Benefits-sec ul {

    margin-left: 45px;

    margin: 0px 0px 20px 20px;

}  

 section.Benefits-sec .col-lg-4 img {

    width: 100%;

}   

  .paragraph {

    font-size: 18px !important;

}  

 .exp-grid h4 {

    margin: 22px 0px;

    font-size: 25px;

} 

  section.expertise-area.p-5 h6 {

    margin-bottom: 22px;

}  

 .details-gd {

    margin-bottom: 22px;

}   

 .exp-grid {

    padding: 20px;

}   

 .exp-grid img {

    width: 50px;

}   

 section.expertise-area {

    padding: 10px !important;

}   

    

 .col-lg-6.da-img img {

    width: 100%;

}   

 section.Benefits-sec .col-lg-7 {

    order: 2;

}

section.Benefits-sec .col-lg-5 {

    order: 1;

}   

  .mission-vision {

     background-color: #4950BA; 

    height: 100%;

}  
section.home_banner {
    height: 100vh;
}
a.navbar-brand img, span.navbar-toggler-icon {
    filter: brightness(0) invert(1);
}    
span.navbar-toggler-icon {
}
 .sticky a.navbar-brand img,  .sticky span.navbar-toggler-icon {
    filter: inherit;
}    
section.associates.common-section-padding.reveal, section.how-we-do-it.common-section-padding.reveal {
    padding-bottom: 0px;
}
 header {

	background: #4950ba;

}   
section.home_banner .col-lg-6.d-flex {
    order: 2;
}
section.home_banner .col-lg-6 {
    order: 1;
}

    

}
/*767 end*/


 /* X-Small devices (portrait phones, less than 576px)

 No media query for `xs` since this is the default in Bootstrap





 Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) { 



}



/* // Large devices (desktops, 992px and up) */

@media (min-width: 992px) { 





 }



/* // X-Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) { 

	



 }



/* // XX-Large devices (larger desktops, 1400px and up) */

@media (min-width: 1400px) {



}

/*media css end*/





/* Responsive timeline styles  */





/*===== Vertical Timeline =====*/

#conference-timeline {

	position: relative;

	max-width: 920px;

	width: 100%;

	margin: 0 auto;

  }

  #conference-timeline .timeline-start,

  #conference-timeline .timeline-end {

	/* display: flex; */

	font-size: 18px;

	font-weight: 900;

	/* background: #00b0bd; */

	color: #FFF;

	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

    font-family: 'Vistol Sans', sans-serif;

	font-size: 29px;

	font-style: normal;

	font-weight: 500;

	line-height: normal;

	border-radius: 9px;

	background: #4A51BB;

	padding: 10px 15px;

	color: #fff;

	max-width: 5%;

	width: 100%;

	text-align: center;

	margin: 0 auto;

  }



  #conference-timeline .timeline-end {

	max-width: 37%;

	text-align: center;

  }



  #conference-timeline .timeline-start {

	text-align: center;

	max-width: 30%;



  }



  .Leadership .paragraph {

	margin-bottom: 40px;

  }



  .timeline-start {

  }

  #conference-timeline .conference-center-line {

	position: absolute;

	width: 3px;

	height: 100%;

	top: 0;

	left: 50%;

	margin-left: -2px;

	background: #4A51BB;

	z-index: -1;

  }

  #conference-timeline .conference-timeline-content {

	padding-top: 67px;

	padding-bottom: 67px;

  }

  .timeline-article {

	width: 100%;

	height: 100%;

	position: relative;

	overflow: hidden;

	margin: 20px 0;

  }

  .timeline-article .content-left-container,

  .timeline-article .content-right-container {

	max-width: 44%;

	width: 100%;

  }

  .timeline-article .timeline-author {

	display: block;

	font-weight: 400;

	font-size: 14px;

	line-height: 24px;

	color: #242424;

	text-align: right;

  }

  .timeline-article .content-left,

  .timeline-article .content-right {

	position: relative;

	width: auto;

	/* border: 1px solid #ddd; */

	background-color: #fff;

	/* box-shadow: 0 1px 3px rgba(0,0,0,.03); */

	padding: 27px 25px;

	border-radius: 5px;

	background: #FFF;

	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);

  }



  .timeline-article .content-left b,

  .timeline-article .content-right b {

	color: #49545F;

    font-family: 'Vistol Sans', sans-serif;

	font-size: 15px;

	font-style: normal;

	font-weight: 700;

	line-height: normal;

	text-transform: capitalize;

   }

  .timeline-article p {

	margin: 0 0 0 0px;

	padding: 0;

	font-weight: 300;

	color: #242424;

	font-size: 14px;

	line-height: 24px;

	position: relative;

  }

  .timeline-article p span.article-number {

	position: absolute;

	font-weight: 300;

	font-size: 44px;

	top: 10px;

	left: -60px;

	color: #00b0bd;

	display: none;

  }

  .timeline-article .content-left-container {

	float: left;

  }

  .timeline-article .content-right-container {

	float: right;

  }

  .timeline-article .content-left:before,

  .timeline-article .content-right:before{

	position: absolute;

	top: 20px;

	font-size: 23px;

	font-family: "FontAwesome";

	color: #fff;

  }

  .timeline-article .content-left:before {

	content: "\f0da";

	right: -8px;

  }

  .timeline-article .content-right:before {

	content: "\f0d9";

	left: -8px;

  }

  .timeline-article .meta-date {

	position: absolute;

	top: 0;

	left: 50%;

	width: 62px;

	height: 62px;

	margin-left: -31px;

	color: #fff;

	border-radius: 100%;

	background: #4A51BB;

	display: flex;

    justify-content: center;

    align-items: center;

  }



  .timeline-article .meta-date img {

	width: 38px;

	height: 38px;

  }

  .timeline-article .meta-date .date,

  .timeline-article .meta-date .month {

	display: block;

	text-align: center;

	font-weight: 900;

  }

  .timeline-article .meta-date .date {

	font-size: 30px;

	line-height: 40px;

  }

  .timeline-article .meta-date .month {

	font-size: 18px;

	line-height: 10px;

  }

  /*===== // Vertical Timeline =====*/

  

  /*===== Resonsive Vertical Timeline =====*/

  @media only screen and (max-width: 830px) {

	#conference-timeline .timeline-start,

	#conference-timeline .timeline-end {

	  margin: 0;

	}

	#conference-timeline .conference-center-line {

	  margin-left: 0;

	  left: 50px;

	}

	.timeline-article .meta-date {

	  margin-left: 0;

	  left: 20px;

	}

	.timeline-article .content-left-container,

	.timeline-article .content-right-container {

	  max-width: 100%;

	  width: auto;

	  float: none;

	  margin-left: 110px;

	  min-height: 53px;

	}

	.timeline-article .content-left-container {

	  margin-bottom: 20px;

	}

	.timeline-article .content-left,

	.timeline-article .content-right {

	  padding: 10px 25px;

	  min-height: 65px;

	}

	.timeline-article .content-left:before {

	  content: "\f0d9";

	  right: auto;

	  left: -8px;

	}

	.timeline-article .content-right:before {

	  display: none;

	}

  }

  @media only screen and (max-width: 400px) {

	.timeline-article p {

	  margin: 0;

	}

	.timeline-article p span.article-number {

	  display: none;

	}

	

  }

  /*===== // Resonsive Vertical Timeline =====*/





  /* Style 2 */



  .co-BusinessTransformation {

	margin-bottom: 20px;

}



.co-havquestions {

/*	background: url(../img/contact/getintouch_2.png) left center no-repeat;*/

	padding-top: 80px;

	padding-bottom: 80px;

	background-size: 54%; /*cover;*/

	min-height: 445px; /*500px;*/

	margin-top: 20px;

	margin-bottom: 40px;

}





.co-flex {

	display: flex;

	justify-content: flex-start;

}



.co-flex h2 {

	color: #FFF;

	text-shadow: 0px 1.727px 3.454px rgba(0, 0, 0, 0.25);

    font-family: 'Vistol Sans', sans-serif;

	font-size: 57.859px;

	font-style: normal;

	font-weight: 700;

	line-height: 145.1%; /* 83.954px */

	margin-top: 40px;

}



.co-flex .paragraph {

	color: #FFF;

    font-family: 'Vistol Sans', sans-serif;

	font-size: 28.498px;

	font-style: normal;

	font-weight: 600;

	line-height: 145.1%;

	margin-bottom: 20px;

}



@media (min-width: 767px) {

	/* Your styles for mobile devices here */

	.contactboxes .card {

		min-height: 350px;

	}

  }



.co-contactform {

	border-radius: 5px;

	background: #F2F9FF;

	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

	padding: 30px 40px;

}



.co-contactform p {

	margin-bottom: 20px;

}



.co-git {

	color: #000;

    font-family: 'Vistol Sans', sans-serif;

	font-size: 25px;

	font-style: normal;

	font-weight: 400;

	line-height: normal;

}



.contactboxes {

	margin-bottom: 40px;

}



.contactboxes .card {

	padding: 60px 40px;

	min-height: 350px;

	margin-bottom: 20px;

        background-color: #E1F0FF;

}



.contactboxes .card svg {

	margin-bottom: 40px;

}



.contactboxes .card h4 {

	color: #003467;

    font-family: 'Vistol Sans', sans-serif;

	font-size: 22.1px;

	font-style: normal;

	font-weight: 700;

	line-height: 145.1%; /* 32.067px */

}



.contactboxes .card p {

	color: #003467;

    font-family: 'Vistol Sans', sans-serif;

	font-size: 18.1px;

	font-style: normal;

	font-weight: 400;

	line-height: 145.1%;

}



.contactboxes {

   color: #0F4889;



}



.social_handles span {

	color: #003467;

}



.social_handles {

	margin-bottom: 30px;

}





.social_handles svg {

	color: ; #003467;

}





.bu-trusted {

	/*margin-top: 200px;*/
	margin-top: 135px;
	color: #49545F;

	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);

    font-family: 'Vistol Sans', sans-serif;

	font-size: 44px;

	font-style: normal;

	font-weight: 700;

	line-height: 145.1%; /* 63.844px */

}



.bu-BusinessTransformation {

	color: #49545F;

    font-family: 'Vistol Sans', sans-serif;

	font-size: 39px;

	font-style: normal;

	font-weight: 600;

	line-height: 145.1%;

	/*margin-bottom: 40px;*/

}



.bu-empower {

	color: #49545F;

    font-family: 'Vistol Sans', sans-serif;

	font-size: 43px;

	font-style: normal;

	font-weight: 700;

	line-height: normal;

	margin-top: 40px;

	margin-bottom: 40px;

}



.bu-font {

	color: #49545F;

    font-family: 'Vistol Sans', sans-serif;

	font-size: 29px;

	font-style: normal;

	font-weight: 600;

	line-height: normal;

	margin-top: 40px;

	margin-bottom: 40px;

}





.bu-Strategy {

	background: #4A50BB;

	margin-top: 80px;

	margin-bottom: 80px;

	padding-top: 40px;

	padding-bottom: 40px;

}



.bu-Strategy .col-lg-8 {

	display: flex;

    align-content: space-around;

    align-items: center;

}



.bu-Strategy .paragraph {

	color: #FFF;

    font-family: 'Vistol Sans', sans-serif;

	font-size: 27px;

	font-style: normal;

	font-weight: 400;

	line-height: 139.8%; /* 37.746px */

}



.bu-services {

	margin-bottom: 20px;

}



.bu-services-row img {

 margin-bottom: 20px;

 width: 100%;

 height: auto;

}



.bu-services-row .col-lg-4 {

	margin-bottom: 20px;

}



.bu-services-row h3 {

	margin-bottom: 20px;

	color: #494A57;

    font-family: 'Vistol Sans', sans-serif;

	font-size: 24.764px;

	font-style: normal;

	font-weight: 400;

	line-height: normal;

	text-transform: capitalize;

   }



   .bu-services-row .paragraph{

	font-weight: 400;

   }



   .cu-row .paragraph {

	margin-bottom: 20px;

   }



   .cu-row-quote img {

	margin-bottom: 20px;

   }



   .cu-row-quote form {

	margin-top: 20px;

   }



   .su-trusted {

		color: #49545F;

		margin-top: 200px;

		text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);

		font-family: 'Vistol Sans', sans-serif;

		font-size: 41px;

		font-style: normal;

		font-weight: 700;

		line-height: 145.1%; /* 59.491px */

   }



   .su-trusted-too {

		margin-bottom: 40px;

		color: #49545F;

		font-family: 'Vistol Sans', sans-serif;

		font-size: 34px;

		font-style: normal;

		font-weight: 600;

		line-height: 145.1%;

		margin-bottom: 40px;

   }



   .cu-row-quote {

	margin-top: 40px;

   }



   .cu-row-quote h2.gin {

	margin-top: 50px;

   }



   .cu-row-quote form p {

	color: #000;

    font-family: 'Vistol Sans', sans-serif;

	font-size: 15px;

	font-style: normal;

	font-weight: 400;

	line-height: normal;

   }





   .cu-row-quote .main-btn {

	margin-bottom: 20px;

   }



   .responsive-map{

	overflow: hidden;

	padding-bottom:56.25%;

	position:relative;

	height:0;

	}

	.responsive-map iframe{

	left:0;

	top:0;

	height:100%;

	width:100%;

	position:absolute;

	}











 /* X-Small devices (portrait phones, less than 576px)

 No media query for `xs` since this is the default in Bootstrap





 Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) { 



}



/* // Large devices (desktops, 992px and up) */



@media (min-width: 992px) { 

	.mission-vision p {

		text-align: justify;

	}

	.offcanvas {

		display: none;

		border: 1px solid red;

	}

	.offcanvas-backdrop {

		display: none;

	}

}



/* Special Media */

@media (max-width: 992px) { 

	.main-btn {

		border: 1px solid red;

	}

	#conference-timeline .timeline-end {

		max-width:69%;

	}



	.let-s-connect {

		margin-top: 40px;

		width: 100%;

	}

	.bu-trusted {

		margin-top: 100px;

	}



	.co-flex h2 span {

		font-size: 51px;

	}

	.mission-vision .right {

		text-align: center;

	}

	.mission-vision .right span {

		display: flex;

		flex-direction: column;

		align-items: center;

		margin-top: 40px;

	}



	.mission-vision .right span svg {

		order: -1;



	}



	.mission-vision .right h2 {

		margin-top: 10px;

	}



	.mission-vision {

		text-align: center;

		

	}





 }



/* // X-Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) { 

	



 }



/* // XX-Large devices (larger desktops, 1400px and up) */

@media (min-width: 1400px) {



}

/*media css end*/



.form-control-plaintext {

	overflow: hidden;

	height: 5px;

}