@charset "UTF-8";
/*====================================================== 
@Template Name: Chordata Digital
@Author: Iweb Advisor & Trader
@Developed By: KaranPreet Sethi
@Author URL: http://iwebadvisor.com/ 

====================Table Of Contents===================

01. General CSS
    a. Header Section
    b. Preloader
    c. Footer Section
02. Homepage CSS
    a. Banner Section

========================================================*/

/*==================== 01. General CSS ====================*/
html {
  scroll-behavior: smooth;
}
body {
    font-family: 'Inter';
    color:#243e63;
}
.overflow-hidden {
    overflow:hidden;
}
a, .btn, button, a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
}
h3, h4, h5, h6, p {
    line-height: 31px;
	font-family: 'Inter';
}
h5{
	font-size:17px;
}
p {
    font-size: 14px;
}
.ms-font-size-18 {
    font-size: 18px;
    font-weight: 600;
}
.ms-font-size-20 {
    font-size: 20px;
    font-weight: 600;
}
.ms-font-size-32 {
    font-size: 32px;
    font-weight: 700;
}
.ms-font-size-22 {
    font-size: 22px;
    font-weight: 600;
}
.ms-font-size-42 {
    font-size: 42px;
    font-weight: 600;
}
.ms-heading-text {
    font-size:64px;
}
.ms-font-weight-600 {
    font-weight: 600;
}
.ms-font-weight-700 {
    font-weight: 700;
}
.ms-font-weight-300 {
    font-weight: 300;
}
.ms-font-weight-500 {
    font-weight: 500;
}
.ms-spacer-30, .ms-spacer-60, .ms-spacer-90, .ms-spacer-10 {
    display: block;
    clear: both;
    overflow: hidden;
}
.ms-spacer-10 {
    height: 10px;
}
.ms-spacer-30 {
    height: 30px;
}
.ms-spacer-60 {
    height: 60px;
}
.ms-spacer-90 {
    height: 90px;
}
.ms-primary-btn1, .ms-primary-btn, .ms-secondary-btn {
    border: 1px solid #4d61c4;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    transition: all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    padding:15px 30px;
    border-radius: 35px;
    background: #4d61c4;
    box-shadow: 0px 10px 36.8px 3.2px rgba(77, 97, 196, 0.4);
    letter-spacing: 3px;
}
.ms-primary-btn:hover {
    color: #243e63;
    background: #fff;
    border: 1px solid #4d61c4;
}
.ms-secondary-btn {
    color: #243e63;
    background: #fff;
    border: 1px solid #4d61c4;
    box-shadow: none;
}
.ms-secondary-btn:hover {
    color: #fff;
    background: #4d61c4;
    border: 1px solid #4d61c4;
    box-shadow: 0px 10px 36.8px 3.2px rgba(77, 97, 196, 0.4);
}
.ms-sec-padding {
    padding: 80px 0;
}
.ms-font-red {
    color:#4d61c4;
}
.small-text-1{
	color:#4D5389 !important;
	font-weight:700;
}
.small-text-2{
	color:#FFC003 !important;
	font-weight:700;
}
.small-text-3{
	color:#4685E4 !important;
	font-weight:700;
}
.circle-get-started{
	margin-top:-70px;
}

/*========== Header Section CSS ==========*/
header {
    left: 0;
    right: 0;
    z-index: 99;
}
header nav ul .nav-item {
    margin: 0 20px;
    padding: 4px 0;
}
header nav ul .nav-item:last-child {
    margin: 0 0 0 20px;
}
header nav ul li a, header nav ul li .dropdown-menu a {
    color: #99a5b5;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 3px;
    transition: all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
}
header.approach nav ul li a,  header.approach nav ul li .dropdown-menu a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 3px;
    transition: all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
}
header nav ul li a:hover {
    color: #243e63;
}
header .navbar-nav li.dropdown .dropdown-menu .dropdown-item {
    padding: 10px 20px;
}
header .navbar-nav li.dropdown .dropdown-menu {
    border: 0;
    border-radius: 0;
    box-shadow: 1px 0px 7px 0px rgba(22, 43, 70, 0.1);
    transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transform: rotateX(-90deg);
    transform-origin: top;
    padding: 0;
}
header nav ul li.dropdown {
    backface-visibility: hidden;
}
header .navbar-nav li:hover.dropdown .dropdown-menu {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
}

/*---------- hamburger menu css ----------*/
.navbar-toggler:focus {
    outline: none;
}
.menu_toggle {
    width: 22px;
    height: 22px;
    position: relative;
    cursor: pointer;
    display: block;
}  
.menu_toggle .hamburger {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
}
.menu_toggle .hamburger span {
    width: 0%;
    height: 2px;
    position: relative;
    top: 0;
    left: 0;
    margin: 4px 0;
    display: block;
    background: #4d61c4;
    border-radius: 3px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
header.approach .menu_toggle .hamburger span {
	background:#fff;
}

header.approach .menu_toggle .hamburger-cross span {
	background:#fff;
}
.menu_toggle .hamburger span:nth-child(1) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.menu_toggle .hamburger span:nth-child(2) {
    -webkit-transition-delay: .125s;
    -o-transition-delay: .125s;
    transition-delay: .125s;
}
.menu_toggle .hamburger span:nth-child(3) {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}
.menu_toggle .hamburger-cross {
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
}
.menu_toggle .hamburger-cross span {
    display: block;
    background: #4d61c4;
    border-radius: 3px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.menu_toggle .hamburger-cross span:nth-child(1) {
    height: 100%;
    width: 2px;
    position: absolute;
    top: 0;
    left: 10px;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}
.menu_toggle .hamburger-cross span:nth-child(2) {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    top: 10px;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}
.collapsed .menu_toggle .hamburger span {
    width: 100%;
}
.collapsed .menu_toggle .hamburger span:nth-child(1) {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}
.collapsed .menu_toggle .hamburger span:nth-child(2) {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}
.collapsed .menu_toggle .hamburger span:nth-child(3) {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}
.collapsed .menu_toggle .hamburger-cross span:nth-child(1) {
    height: 0%;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.collapsed .menu_toggle .hamburger-cross span:nth-child(2) {
    width: 0%;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}


/*========== Footer Section CSS ==========*/
footer {
    background: #192e4c;
}
footer .footer-top .news-box {
    background: #fff;
    box-shadow: 0px 10px 36.8px 3.2px rgba(25, 46, 76, 0.2);
    border-radius: 20px;
    padding: 70px 50px;
    position: relative;
    margin-top: -170px;
    margin-bottom: 40px;
}
footer .footer-top form input {
    background: #eef5ff;
    padding: 15px 25px;
    border-color: #95b0d6;
}
footer .footer-top form .form-control:focus {
    box-shadow: none;
    background: #eef5ff;
}
footer .footer-top form .ms-news-btn {
    border: 1px solid #192e4c;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
    padding:15px 30px;
    border-radius: 5px;
    letter-spacing: 3px;
    background: #192e4c;
    color:#fff;
    border: 1px solid #192e4c;
}
footer .footer-top form .ms-news-btn:hover {
    background: #fff;
    color: #192e4c;
    box-shadow: 0px 10px 36.8px 3.2px rgba(25, 46, 76, 0.2);
}
footer .footer-top .padding-right {
    padding-right: 50px;
}
footer .footer-top .padding-left {
    padding-left: 50px;
}
footer .footer-top .vertical-seperator {
    position: absolute;
    top: 110px;
    right: 300px;
    transform: rotate(90deg);
    width: 220px;
    height: 1px;
    background: #e8eaed;
}
footer h6 {
    font-size: 18px;
}
footer h6, footer h6 a {
    color:#848ab8;
    transition: all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
}
footer h6 a:hover {
    color:#fff;
}
footer h4 {
    font-size:22px;
}
footer .footer-main {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}
footer .footer-main .vertical-seperator {
    position: absolute;
    top: 120px;
    right: 260px;
    transform: rotate(90deg);
    width: 150px;
    height: 1px;
    background: #30425e;
}
footer .social-icons .ms-icon {
    background: #30435e;
    color: #fff;
    width: 45px;
    height: 45px;
    padding: 12px;
    border-radius: 50%;
    margin-right:10px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
footer .social-icons .ms-icon:hover {
    background: #fff;
    color:#30435e;
}
footer .ms-seperator {
    background: #30425e;
    height: 1px;
    margin-top:30px;
    margin-bottom: 20px;
}
footer .footer-bottom {
    padding-bottom: 20px;
}
footer .footer-bottom a {
    color:#848ab8;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
footer .footer-bottom a:hover {
    color: #fff;
}
footer .footer-bottom p {
    color:#848ab8;
    font-weight: 600;
}


/*==================== 2. Homepage CSS ====================*/

/*---------- Banner Section ----------*/
#ms-bnr-sec .ms-home-bnr {
   background:url('../images/mesh.svg') right; 
    background-repeat: no-repeat;
	background-blend-mode: soft-light;
    height: 100vh;
    /* background-position-x: 650px; */
}
.hero-mb{
	
}
.ms-home-bnr .hero-text {
    font-size: 64px;
    color: #1D293F;
	line-height: 116.5%;
	letter-spacing: -0.03em;
	margin-top:80px;
}
.ul1{
	background: url("../images/ul1.svg") no-repeat bottom;
}
.ul2{
	background: url("../images/ul2.svg") no-repeat bottom;
}

.ms-home-bnr .hero-text .text-bg-hero {
   background: url('../images/hero-bg.svg') no-repeat;
   color:#fff;
	background-position-y:25px;
	padding-top:80px;
	padding-bottom:10px;
	overflow-x: visible;
	overflow-y: visible;
    

}
.hero-our-approach{
	width:150%;
	max-width:150%;
}


#ms-bnr-sec h5 {
    color:rgba(36, 62, 99, 0.9);
}
/* Mobile Banner */
#ms-bnr-sec.d-md-none {
    padding-top: 80px;
}

/* ---------- Our Approach Banner Section ----------*/

/*---------- Banner Section ----------*/
#ms-bnr-app .ms-home-app {
    background:url('../images/bg-hero-our-approach.png') center center;
    background-repeat: no-repeat;
	background-size:cover;
    height: 100vh;
    /* background-position-x: 650px; */
}
.ms-home-app .hero-text {
    font-size: 64px;
    color: #fff;
	line-height: 84.75px;
	letter-spacing: -0.03em;
	margin-top:50px;
	text-align: right;
}

.ms-home-app .hero-text .text-bg-hero {
   background: url('../images/hero-bg2.png') no-repeat;
   color:blue;
	background-position-y:1px;
	padding-top:40px;
	padding-bottom:20px;
	overflow-x: visible;
	overflow-y: visible;
    

}


#ms-bnr-app h5 {
    color:rgba(36, 62, 99, 0.9);
}
/* Mobile Banner */
#ms-bnr-app .d-md-none {
    padding-top: 80px;
}
.right-seal{
	margin-top:80px;
}


ol.pts {
   list-style: none;
   counter-reset: item;
 }
 li.ptss {
   counter-increment: item;
   margin-bottom: 5px;
 }
li.ptss:before {
   margin-right: 10px;
   content: counter(item);
   background: #4D61C4;
   border-radius: 100%;
   color: white;
	line-height:1.5;
   width: 1.5em;
   text-align: center;
   display: inline-block;
 }

/*----------- Service 1 Our Approach ------ */

#ms-service1-sec {
    background:#F2F5FF;
    background-repeat: no-repeat;
	margin-top:-80px;
}
#ms-service1-sec p.ms-font-red, #ms-case-sec p.ms-font-red, #ms-abt-sec p.ms-font-red, #ms-awards-sec p.ms-font-red, #ms-service-bnr-sec p.ms-font-red, #ms-join-sec p.ms-font-red {
    letter-spacing: 4.5px;
}
.pointer-our-approach{
	position:absolute;
	margin-top:-80px;
	margin-left:-10%;
}
.dotted-pattern-approach{
	position:absolute;
	margin-top:-8%;
	right:5%;
}
#ms-service1-sec .ms-img-box {
    
}
#ms-service1-sec .ms-img-box .ms-content, #ms-service-bnr-sec .ms-img-box .ms-content {
    font-size: 18px;
} 
.periarrow-approach{
	position:absolute;
	margin-top:-50px;
	right:10%;
	
}

#ms-service1-sec h1{
	color:#4D5389;	
	font-size:52px;

}
.ul-cap{
	background: url("../images/ul-cap.svg") no-repeat bottom;
}

.pointer-media{
	position:absolute;
	margin-top:-50px;
	margin-left:-12%;
}
#ms-service1-sec h2.media{
	color:#FB999F;
	font-size:40px;
}
p.sub-grey{
	color:#6e6e6e !important;
	font-size:19px;
}
.font-grey{
	color:#6e6e6e !important;
}
.social-bound{
	background:#fff;
	box-shadow:5px 5px 5px 5px rgba(214, 214, 214, 0.1);
	border-radius:12px;
	height:75px;
	width: 75px;
	border:0px;
}
.social-icon{
	width:100%; height:auto;
}

#ms-service1-sec .ms-primary-btn {
	background:#267EE3;
	box-shadow: 0px 0px 0px 0px;
	border:0px;
	
	letter-spacing: 0.8px;
}
.button-pointer{
	margin-top:-50px;
}


/* ---------- Sevices Main Page Section ----------*/

#serv  h5 {
    color:#fff !important;
}
#serv .small-text-1{
	color:#C3F7C5 !important;
	font-weight:700;
}
#serv .small-text-2{
	color:#FFC003 !important;
	font-weight:700;
}
#serv .small-text-3{
	color:#F883C6 !important;
	font-weight:700;
}
#serv .hero-next{
	text-align: right;
}
#servm .hero-our-approach{
	width:100% !important;
	vertical-align: middle;
}
.ms-sec-padding-serv {
    padding: 160px 0;

}
h2.channel{
	color:#4D61C4;
	font-size:40px;
}

h2.mediaa{
	color: #F34E10 !important;
	font-size:40px;
}
h2.mediaaa{
	color: #FFC003 !important;
	font-size:40px;
}

/*------------Service 2 Rapid --------*/

#ms-service2-sec {
    
   padding-top:80px;
	
}
#ms-service2-sec p.ms-font-red, #ms-case-sec p.ms-font-red, #ms-abt-sec p.ms-font-red, #ms-awards-sec p.ms-font-red, #ms-service-bnr-sec p.ms-font-red, #ms-join-sec p.ms-font-red {
    letter-spacing: 4.5px;
}
.pointer-our-approach{
	position:absolute;
	margin-top:-80px;
	margin-left:-10%;
}
.dotted-pattern-approach{
	position:absolute;
	margin-top:-8%;
	right:5%;
}
#ms-service2-sec .ms-img-box {
    
}
#ms-service2-sec .ms-img-box .ms-content, #ms-service-bnr-sec .ms-img-box .ms-content {
    font-size: 18px;
} 

#ms-service2-sec h1{
	color:#4D5389;	
	font-size:52px;

}
.yellow-line{
	position:absolute;
	margin-top:-120px;
	
}
.yellow-line2{
	position:absolute;
	margin-top:-120px;
	margin-left:-10%;
	
}

.pointer-rapid{
	position:absolute;
	margin-top:-50px;
	margin-right:40px;
}
#ms-service2-sec h2.rapid{
	color:#FB999F;
	font-size:40px;
}

#ms-service2-sec h2.channel{
	color:#4D61C4;
	font-size:40px;
}

#ms-service2-sec .ms-primary-btn {
	background:#267EE3;
	box-shadow: 0px 0px 0px 0px;
	border:0px;
	
	letter-spacing: 0.8px;
}
.w100{
	width:100%;
}



/*---------- Choose Us ----------*/
.ul3{
	background: url("../images/ul3.svg") no-repeat bottom;
}
.choose .ms-heading-text{
	font-size:47px;
} 
.choose h5{
	color:#4D61C4;
}
.choose{
	background:url("../images/mesh-background-choose.png") center center no-repeat , #F2F5FF ;
}
.peristar{
	position:absolute;
	margin-top:50px;
	margin-left:10%;
	
}
.periarrow{
	position:absolute;
	margin-top:50px;
	right:10%;
	
}
.circle-growth {
    background:#CACEF1;
    width: 128px;
    height: 128px;
    border-radius: 50%;
	box-shadow:  0px 10px 36.8px 3.2px rgba(193, 193, 193, 0.6);
  
}

.circle-growth2 {
    background:#FFD54F;
    width: 128px;
    height: 128px;
    border-radius: 50%;
	box-shadow:  0px 10px 36.8px 3.2px rgba(193, 193, 193, 0.6);
  
}

.circle-growth3 {
    background:#B2EFDB;
    width: 128px;
    height: 128px;
    border-radius: 50%;
	box-shadow:  0px 10px 36.8px 3.2px rgba(193, 193, 193, 0.6);
  
}

.circle-growth4 {
    background:#FC9398;
    width: 128px;
    height: 128px;
    border-radius: 50%;
	box-shadow:  0px 10px 36.8px 3.2px rgba(193, 193, 193, 0.6);
  
}
.mtp1{
	margin-top:20%;
}
/*---------- Choose Us ----------*/
/* -------------Contact home -----------*/
.contact-home{
	background:url("../images/send-arrow.svg")left 30px bottom 30px no-repeat, #313D6F;
}
.contact-home h1{
	color:#fff;
}
.contact-home form input, .contact-home form textarea {
    font-size:16px;
    color:#fff !important;
    font-weight: 300 !important;
}
.contact-home form input, .contact-home form textarea {
    border: none;
    border-bottom: 1px solid #fff;
    padding: 10px 0;
    margin-bottom: 30px;
	background-color:#313D6F !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white !important;
  opacity: 0.5; /* Firefox */
  font-weight:100 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white !important;
	opacity: 0.5;
	font-weight:100 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: white !important;
	opacity: 0.5; 
	font-weight:100 !important;
}
@-webkit-keyframes float {
  0% {
   
    transform: translatey(0px);
  }
  50% {
  
    transform: translatey(-30px);
  }
  100% {
   
    transform: translatey(0px);
  }
}

@keyframes float {
  0% {
    
    transform: translatey(0px);
  }
  50% {
    
    transform: translatey(-30px);
  }
  100% {
    
    transform: translatey(0px);
  }
}

.fy {
transform: translatey(0px);
  -webkit-animation: float 5s ease-in-out infinite;
          animation: float 5s ease-in-out infinite;
}
.fy1 {
transform: translatey(0px);
  -webkit-animation: float 4s ease-in-out infinite;
          animation: float 4s ease-in-out infinite;
}
.fy2 {
transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}
.fy3 {
transform: translatey(0px);
  -webkit-animation: float 6s ease-in-out infinite;
          animation: float 6s ease-in-out infinite;
}

.z-button{
	z-index:1000;
	position: relative;
}
button {
  animation: wiggle 2s linear infinite;
}

/* Keyframes */
@keyframes wiggle {
  0%, 7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-15deg);
  }
  20% {
    transform: rotateZ(10deg);
  }
  25% {
    transform: rotateZ(-10deg);
  }
  30% {
    transform: rotateZ(6deg);
  }
  35% {
    transform: rotateZ(-4deg);
  }
  40%, 100% {
    transform: rotateZ(0);
  }
}

/*---------- Service Section ----------*/
#ms-service-sec {
    
}
#ms-service-sec p.ms-font-red, #ms-case-sec p.ms-font-red, #ms-abt-sec p.ms-font-red, #ms-awards-sec p.ms-font-red, #ms-service-bnr-sec p.ms-font-red, #ms-join-sec p.ms-font-red {
    letter-spacing: 4.5px;
}
.pointer-our-approach{
	position:absolute;
	margin-top:-80px;
	margin-left:-10%;
}
.dotted-pattern-approach{
	position:absolute;
	margin-top:-8%;
	right:5%;
}
#ms-service-sec .ms-img-box {
    
}
#ms-service-sec .ms-img-box .ms-content, #ms-service-bnr-sec .ms-img-box .ms-content {
    font-size: 18px;
} 
.bg-blue{
	background: #3890F7;
	padding:60px 20px 30px 60px;
	margin-top:100px;
	
}
.bg-blue h2{
	color:#fff;
}
.bg-blue h5{
	color:#fff;
	opacity:0.6 !important;
}
.three-shapes-image{
	margin-top:-30px;
	width:90%;
	
}
.bg-blue .ms-primary-btn, .ms-secondary-btn {
	background:#267EE3;
	box-shadow: 0px 0px 0px 0px;
	border:0px;
	font-weight:300;
	letter-spacing: 0.5px;
}
.peri1{
	position:absolute;
	margin-top:50px;
	margin-left:70px;
}
.peri2{
	position:absolute;
	right:-20px;
	top:80px;
}
.peri3{
	position:absolute;
	right:-20px;
	bottom:30%;
	
}
.list1 {
	padding-right:30px;
}

.bg-purple{
	background: #1D293F;
	padding:80px 30px 60px 60px;
}
.bg-purple h2{
	color:#fff;
}
.bg-purple h5{
	color:#fff;
	opacity:0.6 !important;
}
.three-shapes-purple{
	
	width:80%;
	
}
.bg-purple h2{
	margin-top:-40px;
}

.bg-purple .ms-primary-btn, .ms-secondary-btn {
	background:#293462;
	box-shadow: 0px 0px 0px 0px;
	border:0px;
	font-weight:300;
	letter-spacing: 0.5px;
}
.ms-primary-btn1 {
	background:#fff;
	box-shadow: 0px 0px 0px 0px;
	border:0px;
	font-weight:300;
	letter-spacing: 0.5px;
	color:#293462;
}
.dotted-bottom{
	background:url("../images/dotted-bottom.svg") right bottom no-repeat;
}
.align-middle{
	margin-top:35%;

}

/*---------- Growth Section ----------*/
#growth{
	background:#313D6F;
}
#growth h4 ,#growth h5,#growth h1{
	color:#fff;
}
.ul4{
	background: url("../images/ul4.svg") no-repeat bottom;
}
#growth .ms-heading-text{
	font-size:47px;
} 

#growth a img {
    
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

#growth  a:hover img {
    transform: translate(10px,0px);
}
#growth a.btn {
	color:#fff;
	font-size:17px;
}

#growth .ms-secondary-btn:hover {
	
    color: #293462;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: none;

}
.right-mesh-bg{
	position:absolute;
	margin-top:-20%;
	right:0;
	
}
.left-mesh-bg{
	position:absolute;
	margin-top:-40%;
  
}
.right-mesh-bg-case{
	position:absolute;
	margin-top:-6%;
	margin-left:3%;
  
}


/*---------- Growth Section ----------*/
.cta-call{
	display:inline-block;
}
.cta-call-icon{
	 height:50px;
}
.call-table td.first{
	padding:20px;
}
.call{
	font-size:20px;
	letter-spacing: 2px;
	
}

/*----------- Home Below---------*/

#ms-home-bottom{
	
}

.colorful{
	font-size: 35px;
	line-height: 64px;
}
.colorful .col1{
	color:#4D5389;
}
.colorful .col2{
	color:#699DED;
}
.colorful .col3{
	color:#FFC107;
}
.colorful .col4{
	color:#162184;
}
#ms-service2-sec .align-middle{
	margin-top:3%;
}

/*---------- Case Studies Section ----------*/
#ms-case-sec {
   /* background:url('../images/izotope-bg.png') left; */
    background-repeat: no-repeat;
    background-position: -15% 100%;
}
#ms-case-sec .owl-carousel a.font-weight-bold {
    letter-spacing: 3px;
    color: #243e63;
    font-size: 14px;    
}
#ms-case-sec .owl-carousel .owl-item img {
    display: inline-block;
    width: 4%;
    position: relative;
    top: -2px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}
#ms-case-sec h1{
	color:#2A364B;
}
#ms-case-sec .owl-carousel a:hover img {
    transform: translate(10px,0px);
}
#ms-case-sec .owl-carousel button {
    width: 55px;
    height: 55px;
    background: #e9ebef;
    color: #243e63;
    font-size: 45px;
    border-radius: 35px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
#ms-case-sec .owl-carousel button:hover {
    background: #243e63;
    color: #fff;
}
#ms-case-sec .owl-carousel .owl-nav {
    position: relative;
    
    
}
#ms-case-sec .owl-carousel button span {
    position: relative;
    bottom: 9px;
}
.double-quote{
	width:100px !important;
	padding-bottom: 30px;
}
.owl-carousel .owl-stage-outer{
	box-shadow: 10px 10px 36.5px 10px rgba(193, 193, 193, 0.2);
	
	border-radius:20px;
}

.owl-carousel .item-set{
	
	padding:50px;
	
	
}
.bottom-client{
	padding:20px;
	min-height:55px;
	background:#F2F5FF;
}

#ms-case-sec{
	background-image: url("../images/left-logo-bg.svg"), url("../images/right-logo-bg.svg");
	background-repeat: no-repeat;
  background-position:
	  bottom 10px left -10%,
      top 10px right -10%;
      
}

/*---------- Awards Section ----------*/
#ms-awards-sec {
    background:url('../images/award-background.png');
    background-size: cover;
    padding-top: 480px;
    padding-bottom: 300px;
    margin-top: -200px;
    background-repeat: no-repeat;
}
#ms-awards-sec .ms-padding {
    padding: 0 6%;
}
#ms-awards-sec img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: all 0.3s linear;
    -webkit-transition:  all 0.3s linear;
}
#ms-awards-sec img:hover {
    filter: none;
    -webkit-filter: none;
}

/* ----------- CTA Section ------------*/

#ms-abt-sec{
	padding-top:150px;
	padding-bottom:150px;
	background: url("../images/abt1.svg") , url("../images/abt2.svg");
	background-position: left top 80px , right bottom 120px;
	background-repeat: no-repeat;
	
}

/*==================== 03. Contact Page CSS ====================*/

/*---------- Form Section ----------*/
#ms-form-sec, #ms-service-bnr-sec {
    padding: 100px 0px 100px;
	margin-top:100px;

}
.form-control:focus {
    box-shadow: none;
}
#ms-form-sec form input, #ms-form-sec form textarea {
    font-size:16px;
    color:#3a426d;
    font-weight: 600;
}
#ms-form-sec form input, #ms-form-sec form textarea {
    border: none;
    border-bottom: 1px solid #192e4c;
    padding: 10px 0;
    margin-bottom: 30px;
}
.form-row>.col, .form-row>[class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
}

/*---------- Maps Section ----------*/
#ms-map-sec {
    padding-bottom: 120px;
}
#ms-map-sec .ms-seperator {
    background: #d3d8e0;
    height: 1px;
    margin: 30px 0;
}
#ms-map-sec a.ms-font-red {
    letter-spacing:3px;
}
#ms-map-sec img {
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    position: relative;
    bottom: 1px;
}
#ms-map-sec a:hover {
    color: #4d61c4;
}
#ms-map-sec a:hover img {
    transform: translate(10px,0px);
}

/*---------- Footer Section ----------*/
#contact-page footer, #service-page footer {
    padding-top: 50px;
}

/*==================== 04. Services Page CSS ====================*/
#ms-service-bnr-sec .ms-img-box {
    
    min-height: 370px;
    
}
#ms-service-bnr-sec .ms-pad {
    padding: 0 13%;
}
.ms-bullets-img {
    list-style-image: url('../images/bullet-rectangle.png');
    padding-left:25px;
}
.ms-bullets-img li {
    font-size: 20px;
    color: #243e63;
    padding-left: 10px;
}
#ms-join-sec {
    padding: 50px 0 140px 0px;
}
 #sent, #fail {display:none;}
.dsps{
	background-color:#F2F5FF !important;
}

.blog-preview {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.text-no{
	text-decoration:none !important;
	cursor:url(hand.cur), pointer; 
}
.clr1{
	color:#243e63;
}
.cclr{
	color:#243e63;
}