@font-face {
    font-family: Muli-Regular;
    src: url(../fonts/muli/Muli-Regular.ttf)
  }
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Basic typography */
body {
  font-family: "Montserrat", sans-serif;
  line-height: 1.6;
  color: #1b1b1b;
  letter-spacing: 0.5px;
  
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Container */

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  margin: 0;
}

a {
  text-decoration: none;
  color: #0a044b;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.logo_part {
  padding: 15px;
  /* background: rgba(255, 255, 255, 0.48); */
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-header.scrolled {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
	position: fixed;
	z-index: 999;
}

.main-header.scrolled .logo_part {
  background: rgb(255, 255, 255);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}


.banner-section {
  /* background-color: #000; */
  background-color: #0d006a;
  background:#0d006a url("../images/banner.jpg") no-repeat center right -300px/cover;
  color: #fff;
  padding: 100px 0;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  align-items: center;
  z-index: 2;
}
.banner-section:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.logo_two {
  display: none; /* by default hide */
}

/* .banner-bottom-shape {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background: #fff;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
} */
.banner-bottom-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: #fff;
  clip-path: polygon(0 100%, 100% 100%, 100% 0); /* Default */
  transition: clip-path 0.8s ease-in-out; /* Smooth animation */
}

.banner-bottom-shape.scrolled {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%); /* Flatten (0 height) */
}

.banner-content-box h1 {
	font-size: 47px;
	line-height: 1.2;
}
.banner-content-box h1 span {
  display: block;
  font-size: 25px;
  margin: 15px 0 0 0;
}
.banner-content-box h6 {
  font-size: 21px;
  margin: 0 0 20px 0;
}
.banner-card-body-form .form-control {
  padding: 10px 12px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  border: none;
  background: #ffffff63;
}

.banner-card-body-form .form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.185);
}
.banner-card-body-form .form-control::placeholder {
  color: #fff;
}

.banner-content-box .btn-primary {
  padding: 0.8rem 2rem;
  font-weight: 500;
}

header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 111;
}

.banner-card-body-form {
	width: 100%;
	max-width: 908px;
	margin: 0 auto;
	background: #170c6a;
	border-radius: 15px;
}
.banner-card-body-form h2 {
	font-size: 35px;
	line-height: 1.2;
	font-weight: 600;
	text-align: center;
	color: #fff;
}
.banner-card-body-form .flex_form .mb-3 {
	width: 100%;
}
.marketing-item .icon-box img {
	height: 65px;
  position: relative;
  z-index: 1;
}
.marketing-item p {
  position: relative;
  z-index: 1;
}
.banner-card-body-form button {
	padding: 12px 30px;
	font-size: 15px;
	color: #000 !important;
	background: #ffc107 !important;
	border: none;
	outline: none;
	width: fit-content !important;
	display: block;
	margin: 0 auto;
  font-weight: 500;
}
.banner-content-box ul {
  padding-left: 15px;
}
.banner-content-box ul li {
  margin: 10px 0;
  list-style: disc;
}
.decision-makers-section {
  background-color: #fff;
  position: relative;
}
.title-box {
  position: relative;
  padding-left: 35px;
}
.yellow-bar {
  width: 4px;
  height: 100%;
  background-color: #ffd93d;
  margin-bottom: 20px;
  position: absolute;
  left: 0;
}
.banner-content-box img {
  height: 74px;
/*  padding: 10px;
  background: #ffffffeb;*/
/*  border-radius: 10px;*/
margin: 0 0 20px 0;
}
.section-title {
  font-size: 42px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 30px;
}

.content-box {
  padding-left: 30px;
}

.content-box p {
  color: #666;
  font-size: 16px;
  line-height: 1.6;
}
.content-box ul {
  padding: 0 0 0 15px;
}
.content-box ul li {
  list-style: disc;
  margin: 10px 0;
  color: #666;
  font-size: 16px;
  line-height: 1.6;
}
.trusted-companies-section {
  background: #130098;
}

/* marquee */

.marquee-wrapper {
  display: flex;
  gap: 2rem;
  overflow: hidden;
  height: 450px;
}

.marquee {
  flex: 1;
  overflow: hidden;
  position: relative;
}

.marquee__inner {
  display: flex;
  flex-direction: column;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.marquee--vertical .marquee__inner {
  animation-name: scroll-up;
}

.marquee--reverse .marquee__inner {
  animation-name: scroll-down;
}

@keyframes scroll-up {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}

@keyframes scroll-down {
  from {
    transform: translateY(-50%);
  }
  to {
    transform: translateY(0);
  }
}

.marquee__group {
  display: flex;
  flex-direction: column;
}

.marquee__group img {
  max-height: 60px;
  object-fit: contain;
  margin: 30px 0;
}

.marquee:hover .marquee__inner {
  animation-play-state: paused;
}

/* marquee */
.bg-blue {
  --bg-opacity: 1;
  background-color: #0d193b;
  background-color: rgb(13, 25, 59);
}

@media (max-width: 991px) {
  .content-box {
    padding-left: 0;
    margin-top: 30px;
  }
  .section-title {
    font-size: 32px;
  }
}


.marketing-item {
  background: #fff;
  min-height: 265px;
  margin: 10px 0;
  border-radius: 15px;
  box-shadow:rgba(149, 157, 165, 0.15) 0px 8px 24px;
  position: relative;
  overflow: hidden;
  transition:all 0.3s ease-in-out;
  -webkit-transition:all 0.3s ease-in-out ;
  -moz-transition:all 0.3s ease-in-out ;
  -ms-transition:all 0.3s ease-in-out ;
  -o-transition:all 0.3s ease-in-out ;
}
.marketing-item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 61%;
  background: #fff;
  display: block;
  clip-path: circle(50% at 50% 181.40%);
  z-index: 0;
  transition: all 0.3s ease-in-out;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.marketing-item:hover{
  background: hsla(247, 100%, 21%, 0.262);
}
.marketing-item:hover::after {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}


.solution-section {
	background: #0d006a url("../images/grid.svg") no-repeat center/cover;
	color: #fff;
}
.solution-section p {
	font-size: 20px;
}
.How-We-Help-box figure{
  margin: 0;
   border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  

}
.How-We-Help-box figure img{
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.How-We-Help-box:hover figure img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);

}

/* .How-We-Help-box figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 25px;
} */
 .How-We-Help-box figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 25px;
  background: hsla(0, 0%, 0%, 0.77);
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(66, 66, 66, 0.84) 53%, rgba(255, 255, 255, 0.15) 100%);
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(66, 66, 66, 0.84) 53%, rgba(255, 255, 255, 0.15) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(66, 66, 66, 0.84) 53%, rgba(255, 255, 255, 0.15) 100%);

}
.How-We-Help-box figcaption::after {
  content: '';
  background: hsla(0, 0%, 0%, 0.77);
  /*background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(66, 66, 66, 0.84) 53%, rgba(255, 255, 255, 0.15) 100%);
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(66, 66, 66, 0.84) 53%, rgba(255, 255, 255, 0.15) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(66, 66, 66, 0.84) 53%, rgba(255, 255, 255, 0.15) 100%);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#FFFFFF", GradientType=0);
  */position: absolute;
  width: 100%;
  height: 0%;
  bottom: 0;
  z-index: 0;
  left: 0;
  transition:all 0.4s ease-in-out ;
  -webkit-transition:all 0.4s ease-in-out ;
  -moz-transition:all 0.4s ease-in-out ;
  -ms-transition:all 0.4s ease-in-out ;
  -o-transition:all 0.4s ease-in-out ;
}
.How-We-Help-box:hover figcaption::after {
height: 100%;
}

.How-We-Help-box{
  margin: 10px 0;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  overflow: hidden;
  height: 100%;
}
.How-We-Help-box figcaption h6 {
	color: #fff;
	font-size: 22px;
	margin: 0 0 17px 0;
  position: relative;
  z-index: 2;
}
.How-We-Help-box figcaption p {
	color: #fff;
	font-size: 15px;
	margin: 0;
  position: relative;
  z-index: 2;
}
#accordionDistribution .accordion-item {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #cfcfcf;
    padding: 9px 0;
    background: transparent;
}

#accordionDistribution .accordion-item .accordion-button.collapsed {
	background: transparent;
	padding: 12px 0;
	font-size: 18px;
	color: #6D6D6D;
	border: none;
	box-shadow: none;
	outline: none;
	font-weight: 500;
}

#accordionDistribution .accordion-item .accordion-button {
    background: transparent;
    padding: 12px 0;
    font-size: 18px;
    color: #0d006a;
    border: none;
    box-shadow: none;
    outline: none;
}

#accordionDistribution .accordion-body {
    padding: 10px 0;
}

#accordionDistribution .accordion-body p {
    color: #626E70;
}
.what-we-offer-Section .col-lg-5 {
	background: #ffffff;
}

.what-we-offer-Section::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 450px;
	height: 450px;
	background: #170c6a;
	display: block;
	z-index: -1;
}
.leverraging-strategic-Section {
	background: #170c6a;
}
.partnership-logos{
  flex-wrap: wrap !important;
}
.partnership-logos figure {
	width: 50%;
	margin: 0;
	padding: 20px;
	display: flex;
	align-items: flex-end;
	height: 235px;
   position: relative;
    overflow: hidden;
}
.partnership-logos figure::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 1.2s ease;
    z-index: 0;
}

.partnership-logos figure img {
    position: relative;
    z-index: 1; /* keep image above */
	margin: 0 !important;
	height: 85px;
	width: auto;
}

/* Different background colors */
.partnership-logos figure:nth-child(1)::before { background: #fff; transform-origin: left; }     /* Left → Right */
.partnership-logos figure:nth-child(2)::before { background: #425daa; transform-origin: right; } /* Right → Left */
.partnership-logos figure:nth-child(3)::before { background: #ed1c24; transform-origin: top; transform: scaleY(0);} /* Top → Bottom */
.partnership-logos figure:nth-child(4)::before { background: #0a27c2; transform-origin: bottom; transform: scaleY(0);} /* Bottom → Top */

/* Active States */
.partnership-logos figure.active:nth-child(1)::before,
.partnership-logos figure.active:nth-child(2)::before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
}

.partnership-logos figure.active:nth-child(3)::before,
.partnership-logos figure.active:nth-child(4)::before {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
}

.video_box{
  /* border-radius: 15px; */
  overflow: hidden;
  /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
}
.ftr_box {
	background: #170c6a;
	padding: 35px;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
}
.ftr_right_content {
	width: 45%;
	min-width: 45%;
	max-width: 45%;
}
.ftr_right {
	display: flex;
  gap: 15px;
}
.ftr_right_box h6 {
  color: #fff;
  font-size: 18px;
}
.ftr_right_box {
  flex: 1;
}
.ftr_right_content h3 {
	font-size: 30px;
	color: #fff;
	margin: 0 0 30px 0;
}
.ftr_right_box ul li{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
}
.ftr_right_box ul li a{
  color: #fff;
}
.ftr_right_box ul li img {
	width: 22px;
	min-width:22px;
	max-width: 22px;
}
.ftr_right_box p {
	color: #fff;
	font-size: 16px;
	margin: 10px 0;
}
.ftr_logo img {
	height: 52px;
}
.ftr_end {
	padding: 15px 0;
}
.ftr_end a {
	background: #ffc107;
	display: block;
	width: fit-content;
	padding: 10px 20px;
	font-size: 14px;
	color: #000;
	border-radius: 40px;
	font-weight: 500;
}
.section-title-2 {
	font-weight: 700;
	font-size: 45px;
	line-height: 1.3;
	color: #000;
}
.btn.btn-warning {
	border-radius: 40px;
	font-size: 14px;
	font-weight: 500;
}
.How-We-Help-Section .btn.btn-warning {
	padding: 15px 55px !important;
}
.marketing-item h3 {
	font-size: 21px;
	font-weight: 500;
  position: relative;
  z-index: 1;
}
.why_choose-Section ul{
  padding: 0 0 0 15px;
}
.why_choose-Section ul li {
	list-style: disc;
	margin: 10px 0;
}

/*thank you*/
.thank_sec_a h1 {
  font-size: 35px;
  text-align: center;
}
.thank_sec_a p {
  text-align: center;
  margin: 15px auto 0;
  max-width: 702px;
  font-size: 15px;
  color: #000;
}
.thank_sec_a p a {
  color: #e60809;
}
.thank_sec_b {
  background: #e7e7e7;
}
.thank_sec_b h2 {
  text-align: center;
  font-size: 35px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 30px;
}
.thank_sec_b h3 a {
  display: block;
  text-align: center;
  font-size: 17px;
  margin: 25px 0 0 0;
  color: #000;
  font-weight: 600;
  line-height: 1.5;
}
.thank_sec_c h3 {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}
.thank_sec_c h3 span {
  color: #e60809;
}
.thank_sec_c h3 a {
  color: #0283fe;
}
/*thank you*/


.client_logo_inr {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  min-height: 93px;
}

.client_logo_inr img {
  max-height: 45px;
  width: 100%;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.client_logo_inr img:hover {
  transform: scale(1.1);
}
.client_swiper {
  display: flex;
  justify-content: center;
  margin: 25px 0 0 0;
}
.btn_client {
  position: unset;
  margin: 0 5px;
  width: 35px;
  height: 35px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.btn_client::after {
  font-size: 20px;
  color: #130098;
}




.gradent_view {
    background: linear-gradient(-45deg, #201c86, #2a34f8, #3b277e, #030f50);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.gradent_text {
    width: 100%;
    max-width: 950px;
    font-size: 38px;
    color: #fff;
    text-align: center;
    margin: auto;
    padding: 80px 0;
    font-weight: 600;
}

#background {
    background-position: center;
    background-size: cover;
    position: relative;
}

.background-panel {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: opacity 0.75s;
}

.what-we-do .container {
    position: relative;
    z-index: 2;
}

a.box_panel {
    display: flex;
    width: 19%;
    border-right: 1px solid #7d3fd8;
    text-align: left;
    min-height: 350px;
    padding-left: 5px;
    flex-direction: column;
    max-width: 20%;
    justify-content: end;
    padding-bottom: 15px;
    overflow: hidden;
    -webkit-transition: all .3s linear .2s;
    transition: all .3s linear .2s;
}

.hover_content {
    min-height: 161px;
}
.gradent_text p {
  font-size: 15px;
  font-weight: 400;
}
a.box_panel span.nmb {
    font-size: 40px;
    color: #4ddbff;
    font-weight: 600;
}

a.box_panel span.header_text {
    font-size: 21px;
    font-weight: 600;
    color: #fff;
    line-height: 1.2;
}

a.box_panel p {
    color: rgb(231, 231, 231);
    font-size: 16px;
    height: 0;
    overflow: hidden;
    margin: 0;
    opacity: 0;
    -webkit-transition: all .2s linear .2s;
    transition: all .2s linear .2s;
}
a.box_panel ul li{
  color: rgb(231, 231, 231);
    font-size: 16px;
    height: 0;
    overflow: hidden;
    margin: 0;
    opacity: 0;
    -webkit-transition: all .2s linear .2s;
    transition: all .2s linear .2s;
}
a.box_panel p.active_text, a.box_panel:hover ul li,
a.box_panel p.active_text, a.box_panel:hover p {
    height: inherit;
    overflow: visible;
    margin-top: 0px;
    opacity: 1;
}

.mobile_accoradian {
    display: none;
}

.mobile_accoradian {
    background-color: #272cb4;
    padding: 45px 0;
}

.mobile_accoradian .accordion .accordion-header {
    background-color: #7c80ff;
    border: 0;
    margin-bottom: 10px;
}

.mobile_accoradian .accordion .accordion-item {
    background-color: transparent !important;
    border: 0;
}

button.accordion-button.bg-transparent.text-white.collapsed {
    border-bottom: 0px solid #fff;
    border-radius: 0;
}

.mobile_accoradian .accordion .accordion-header button.accordion-button.text-white span {
    font-size: 40px;
    font-weight: 600;
    margin-right: 10px;
}

.mobile_accoradian .accordion .accordion-header button.accordion-button.text-white {
    font-size: 24px;
}

.page_section {
  overflow: hidden;
  width: 100%;
}

.sce_img_outer {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.top_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.sec_img {
  max-width: 70%;
  border-radius: 12px;
  overflow: hidden;
}
.sce_img_outer img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.local_sme_community_sec {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.local_sme_community_sec li {
  margin: 12px 10px;
  border-radius: 10px;
  background-color: #fff;
  padding: 5px 10px;
  width: 200px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  box-shadow: rgba(100, 100, 111, 0.13) 0px 7px 29px 0px;
}
.local_sme_community_sec li img {
  max-height: 58px;
}

.ready-to-use-Section ul {
  padding: 0 0 0 15px;
}
.ready-to-use-Section ul li {
  list-style: disc;
  margin: 10px 0;
}
footer {
  padding: 15px 0;
  background: #11185a;
}
.footer-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-copy p {
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  /* border-top: 1px solid #6b6b6b; */
  /* padding: 15px 0 0 0; */
  /* margin: 15px 0 0 0; */
}
.portfolio_link {
  background: #393f76;
  color: #fff;
  padding: 6px 11px;
  border-radius: 5px;
  font-weight: 300;
  font-size: 15px;
}
.footer-social {
  margin-left: 15%;
}
.footer-social ul {
  display: flex;
  align-items: center;
  gap: 2px;
}
#particle-canvas {
  width: 100%;
  height: 100%;
}
.casestudies canvas {
  width: 100%;
  height: 100%;
  position: absolute !important;
  top: 0;
  z-index: 1 !important;
}

.client_text {
  position: absolute;
  top: 0;
  padding: 65px;
}
.client_text p {
  color: #011b4f;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
}
.client_text h3 {
  color: #011b4f;
  font-size: 32px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 30px;
}
div#counters_1 {
  display: flex;
}
a.download-now {
  background-color: #ffa800;
  padding: 10px 15px;
  display: inline-block;
  border-radius: 5px;
  font-weight: 600;
  margin-top: 10px;
  transition: all 0.3s ease-in-out 0s;
}
.case_inner img {
  width: 100%;
}


/* cases tudies */
.cs_inner { display: flex; align-items: center; width: 100%;flex-wrap: wrap;padding: 0 30px 30px 0;}
.cs_img { display: block; width: 47%; min-width: 47%; margin: 0;}
.cs_img img { width: 100%;}
.cs_info {width: 55%;padding: 30px;box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.1);margin-left: -30px;position: relative;z-index: 2;background: #fff;}
.cs_info ul li h3 { display: inline-block;}
.casestudies .swiper-button-next:after, .casestudies .swiper-button-prev:after { display: none;}
.casestudies .swiper-button-next, .casestudies .swiper-button-prev {width: 46px;height: 46px;border: 1px solid #000;border-radius: 50%;position: absolute;right: 0;top: 10px;transform: none;margin: 0;}
.casestudies .swiper-button-prev { left: inherit; right: 70px;}
#particle-canvas {
    width: 100%;
    height: 100%;
}
.gap-block {
    padding: 60px 0;
}
.casestudies canvas {
    width: 100%;
    height: 100%;
    position: absolute !important;
    top: 0;
    z-index: 1 !important;
}
h2.header_text {
    font-size: 42px;
    font-weight: 600;
    margin-top: 24px;
    margin-bottom: 70px;
}
.case_study_slider .swiper-pagination { position: static;transform: none;padding-top: 15px;}
.case_study_slider .swiper-pagination-bullet {width: 10px;height: 10px;margin: 5px 7px;background: #D6D6D6;}
.case_study_slider .swiper-pagination-bullet-active {background: #fff;}
.client_text { max-width: 40%;}
.client_text h3 {
    color: #011b4f;
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.client_text p {
    color: #011b4f;
    font-size: 16px;
    font-weight: 600;
    font-family: Muli-Regular;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.client_text .counter, div#counters_1 span {
    font-size: 100px;
    font-weight: 600;
    color: #011b4f;
    line-height: 1;
    font-family: Muli-Regular;
}
.m_img { display: none;}
.decision-makers-section.py-5 .section-title span {
  display: block;
  font-size: 19px;
  margin: 15px 0 0 0;
  font-weight: 400;
  line-height: 1.5;
}
.small_note {
  font-size: 14px;
/*  max-width: 315px;*/
  width: 100%;
  display: block;
  margin: 15px 0;
}
.section-eight-box p {
  font-size: 15px;
  margin: 10px 0;
  line-height: 1.5;
}
.seo_ranking {
  font-weight: 500;
}
.content-box ul.small_note li {
  padding: 0;
  margin: 7px 0;
  font-style: italic;
  font-size: 14px;
}
.page_section.pt-5.pb-5 .btn.btn-warning {
  padding: 14px 35px !important;
}
.wwd_cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -3px;
}
.wwd_box_outer {
  width: 50%;
  padding: 3px;
}
.wwd_box {
  padding: 20px;
  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  height: 100%;
}
.wwd_icon {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
}
/*.wwd_icon img {
  filter: invert(100%) brightness(0%) saturate(1000%);
  -webkit-filter: invert(100%) brightness(9000%) saturate(1000%);
  width: 50px;
}*/
.wwd_box p {
  font-size: 16px;
}

.section-eight-content {
  position: relative;
}

.title_paragraph {
  color: #46476C;
  font-size: 15px;
}
.section-eight-box {
  max-width: 510px;
  padding: 25px;
  border: 1px solid #0018221f;
  border-radius: 12px;
  margin: 25px 0;
}


.section-eight-content::after {
  content: "";
  background: url(../images/man_img.svg) 0 0 no-repeat;
  width: 170px;
  height: 425px;
  display: block;
  position: absolute;
  right: -52px;
  bottom: 0;
  background-size: cover;
}
.section-eight-box h3 {
  font-size: 20px;
  font-weight: 500;
}
.section-eight-box ul li {
  font-size: 14px;
  font-weight: 300;
  margin: 20px 0;
  padding-left: 30px;
  position: relative;
}
.section-eight-box ul li::before {
  content: '';
  position: absolute;
  left: 0;
  background: url(../images/check_red.svg) 0 0 no-repeat;
  width: 25px;
  height: 25px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background-size: 100%;
}

.form-box {
  max-width: 420px;
  margin-left: auto;
  padding: 25px 35px;
  background: #fff;
  border-radius: 13px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
}
.section-eight-form {
  max-width: 517px;
  padding: 45px 45px;
}
.form-box .form-group .form-control {
  color: #001822;
  border: none;
  border-bottom: 1px solid #00182233;
  border-radius: 0;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 400;
  color: #46476C;
  outline: none;
  box-shadow: none;
  font-size: 15px;
  font-weight: 300;
}
.section-eight-form.form-box .form-group .form-control {
  margin: 10px 0;
}
.form-box .form-group .btn.btn-primary {
  background-color: #FF3968;
  color: #fff;
  font-size: 17px;
  padding: 12px 26px;
  border-radius: 6px;
  border: 1px solid #FF3968;
  cursor: pointer;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  width: 100%;
  margin: 20px 0 0 0;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.form_note {
  font-size: 14px;
  margin: 20px 0 0 0;
}
.ready-to-use-Section.py-5 h6 {
  font-size: 22px;
  font-weight: 600;
  margin: 20px 0 15px 0;
}

/*media*/
@media only screen and (max-width:1440px) {
.banner-content-box h1 {
  font-size: 38px;
}
.client_text {max-width: 45%; padding: 30px;}
.client_text h3 {margin-bottom: 30px;}
.client_text .counter, div#counters_1 span {font-size: 60px;}
}
@media only screen and (max-width:1366px) {
.banner-content-box h1 {
  font-size: 38px;
}
.section-title-2, .section-title {
  font-size: 35px;
}
.solution-section p {
  font-size: 17px;
}
.banner-card-body-form h2 {
  font-size: 30px;
}
.ftr_right_content h3 {
  font-size: 26px;
}
.marketing-item h3 {
  font-size: 19px;
  font-weight: 600;
}
.marketing-item::after {
  height: 53%;
}
}

@media only screen and (max-width:1199px) {
.banner-section {
  min-height: 70vh;
}
.content-box p {
  font-size: 15px;
}
.section-title-2, .section-title {
  font-size: 28px;
}
.marketing-item h3 {
  font-size: 18px;
  min-height: 45px;
}
.marketing-item {
  min-height: 303px;
}
.marketing-item::after {
  height: 32%;
}
.what-we-offer-Section::after {
  width: 350px;
  height: 350px;
}
.client_text p {font-size: 14px;}
a.download-now { margin-top: 0;}
}
@media only screen and (max-width:991px) {
.cs_inner { display: block;}
.cs_img { width: 100%; min-width: 100%;}
.cs_inner {padding: 0;}
.cs_info {width: 100%;margin: 0;box-shadow: none;border: 1px solid rgba(0,0,0,0.1);}
.mobile_accoradian {display: block;}
#background { display: none;}
.mobile_accoradian .accordion .accordion-header button.accordion-button.text-white {font-size: 18px;}
.mobile_accoradian .accordion .accordion-header button.accordion-button.text-white span {font-size: 34px;}
.m_img { display: block;}
.client_text {max-width: 100%; width: 100%;padding: 0;position: static;transform: none;}
.client_text_inn { background-color: #fff; padding: 30px 20px;}
.case_inner picture { display: none;}
 .what-we-offer-Section::after { display: none;}
}

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

.banner-content-box h1 {
  font-size: 30px;
}
.banner-content-box h1 br{
  display: none;
}
.banner-content-box ul li {
  font-size: 14px;
}
.section-title-2, .section-title {
  font-size: 24px;
  margin: 0;
}
.content-box p {
  font-size: 14px;
}
.marquee-wrapper.marquee-wrapper--vertical.w-full {
  margin: 30px 0 0 0;
}
.why-most-fintech-marketing p {
  font-size: 14px;
}
.why-most-fintech-marketing .row.mt-5 {
  margin: 0 !important;
}
.marketing-item {
  min-height: auto;
}
.marketing-item::after {
  display: none;
}
.marketing-item h3 {
  min-height: auto;
}
.solution-section p {
  font-size: 15px;
}
.section-title-2 br, .section-title br, .How-We-Help-Section p br{
  display: none;
}
.How-We-Help-Section p {
  font-size: 14px;
}
.How-We-Help-box figcaption p {
  font-size: 14px;
}
.How-We-Help-box figcaption h6 {
  font-size: 21px;
  font-weight: 600;
}
.banner-card-body-form h2 {
  font-size: 20px;
  line-height: 1.4;
}
.flex_form {
  display: block !important;
}
.banner-card-body-form button {
  width: 100% !important;
}
#accordionDistribution .accordion-item .accordion-button.collapsed {
  font-size: 17px;
}
#accordionDistribution .accordion-body p,
#accordionDistribution .accordion-body ul li {
  font-size: 14px;
}
.what-we-offer-Section::after {
  display: none;
}
.what-we-offer-Section {
  padding-bottom: 0 !important;
}
p{
  font-size: 14px !important;
  line-height: 1.5;
}
.why_choose-Section ul li {
  font-size: 14px;
}
.partnership-logos {
  flex-wrap: wrap !important;
  margin: 22px 0 0 0;
}
.video_box {
  margin: 30px 0 0 0;
}
.ready-to-use-Section p.mb-5 {
  margin: 0 0 20px 0 !important;
}
.ftr_box {
  display: block;
}
.ftr_right_content {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.ftr_right_content h3 {
  font-size: 21px;
  margin: 20px 0;
}
.ftr_right {
  display: block;
}
.ftr_box {
  padding: 25px;
}
.ftr_right_box h6 {
  font-size: 17px;
  margin: 20px 0 0 0;
}
.ftr_right_box ul li a {
  font-size: 14px;
}
.ftr_end {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.ftr_end p {
  width: 100%;
  margin: 0 0 13px 0 !important;
}
.ftr_end a {
  margin: 0 auto;
}
.thank_sec_a h1 {
  font-size: 23px;
}
.thank_sec_b h2 {
  font-size: 22px;
}
.thank_sec_b h3 a {
  margin: 25px 0;
}
.thank_sec_c h3 {
  font-size: 18px;
}
.banner-section {
  min-height: 90vh;
}
.btn.btn-warning {
  font-size: 12px;
}
.logo_part img {
  height: 38px;
}
.casestudies .swiper-button-next, .casestudies .swiper-button-prev {width: 40px;height: 40px;top: 0px;right: 15px;}
.casestudies .swiper-button-prev { left: inherit; right: 60px;}
.cs_info {padding: 20px 15px;}
h2.header_text {font-size: 28px;font-weight: 600;margin-top: 0;margin-bottom: 30px;}
.client_text h3 {font-size: 24px;}
.client_text .counter, div#counters_1 span {font-size: 44px;}
#accordionExample p {
  color: #fff;
  margin: 10px 0;
}
#accordionExample .accordion-body {
  padding-left: 0;
  padding-right: 0;
}
.section-eight-content::after {
 display: none;
}
.section-eight-form {
  padding: 25px 25px;
}
.banner-content-box h1 span {
  font-size: 18px;
}
#step_one_form_b h3 {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
}
.section-eight.pt-5.pb-5, .ready-to-use-Section.py-5 {
  padding-top: 0 !important;
}
.footer-right {
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}
.footer-social {
  margin-left: 0;
  order: 2;
}
.footer-copy {
  order: 3;
}
}

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

.partnership-logos figure img {
  height: auto;
  width: 100%;
}
.container-fluid.px-5 {
  padding: 0 15px !important;
}
.wwd_box_outer {
  width: 100%;
}
.wwd_icon {
  justify-content: flex-start;
}
.gradent_text {
  padding: 3rem 0;
}
}

.tab_sec { background: #170c6a;}
.tab_img {border-radius: 20px; overflow: hidden;}
.tab_img img { max-width: 100%;}
.nav-pills { display: flex; justify-content: center; flex-wrap: wrap;gap: 5px;}
.t_cont .nav-link {color: #1b1b1b;background-color: #ffc107; border-radius: 60px; border: 1px solid #ffc107;}
.t_cont .nav-pills .nav-link.active,.t_cont .nav-pills .nav-link:hover {background-color: #fff; color: #000; border-color: #fff;}
.t_cont nav { margin-bottom: 30px; }
.tab_right h3 { margin-bottom: 20px; color: #fff;}
.tab_right p { color: #fff;}
.z_animate {animation: zoomInOut 2s infinite ease-in-out;}
 @keyframes zoomInOut {
    0%   { color: #666; font-weight: normal; }
    50%  {  color: #000; font-weight: bold; }
    100% { color: #666; font-weight: normal; }
  }
section, header { overflow: hidden;}
.tab_sec h2.section-title-2 {color: #fff;}