*{

  padding: 0px;

  margin: 0px;

}

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/Helvetica-Compressed.eot');
    src: url('fonts/Helvetica-Compressed.eot?#iefix') format('embedded-opentype'),
        url('fonts/Helvetica-Compressed.woff2') format('woff2'),
        url('fonts/Helvetica-Compressed.woff') format('woff'),
        url('fonts/Helvetica-Compressed.ttf') format('truetype'),
        url('fonts/Helvetica-Compressed.svg#Helvetica-Compressed') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/Helvetica-Bold.eot');
    src: url('fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Helvetica-Bold.woff2') format('woff2'),
        url('fonts/Helvetica-Bold.woff') format('woff'),
        url('fonts/Helvetica-Bold.ttf') format('truetype'),
        url('fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/Helvetica-Light.eot');
    src: url('fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Helvetica-Light.woff2') format('woff2'),
        url('fonts/Helvetica-Light.woff') format('woff'),
        url('fonts/Helvetica-Light.ttf') format('truetype'),
        url('fonts/Helvetica-Light.svg#Helvetica-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/Helvetica-BoldOblique.eot');
    src: url('fonts/Helvetica-BoldOblique.eot?#iefix') format('embedded-opentype'),
        url('fonts/Helvetica-BoldOblique.woff2') format('woff2'),
        url('fonts/Helvetica-BoldOblique.woff') format('woff'),
        url('fonts/Helvetica-BoldOblique.ttf') format('truetype'),
        url('fonts/Helvetica-BoldOblique.svg#Helvetica-BoldOblique') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/Helvetica-Oblique.eot');
    src: url('fonts/Helvetica-Oblique.eot?#iefix') format('embedded-opentype'),
        url('fonts/Helvetica-Oblique.woff2') format('woff2'),
        url('fonts/Helvetica-Oblique.woff') format('woff'),
        url('fonts/Helvetica-Oblique.ttf') format('truetype'),
        url('fonts/Helvetica-Oblique.svg#Helvetica-Oblique') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/HelveticaRounded-Bold.eot');
    src: url('fonts/HelveticaRounded-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaRounded-Bold.woff2') format('woff2'),
        url('fonts/HelveticaRounded-Bold.woff') format('woff'),
        url('fonts/HelveticaRounded-Bold.ttf') format('truetype'),
        url('fonts/HelveticaRounded-Bold.svg#HelveticaRounded-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/Helvetica.eot');
    src: url('fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('fonts/Helvetica.woff2') format('woff2'),
        url('fonts/Helvetica.woff') format('woff'),
        url('fonts/Helvetica.ttf') format('truetype'),
        url('fonts/Helvetica.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



:root {

  --white: #ffffff;

  --header-bg: #202020;

  --purple: #78158D;

  --pink: #C27CD1;

  --black: #000;

  --heading: #212529;

}





html{

    font-size: 100%;

}



body {

    margin: 0;

    font-family: "Manrope", serif;

}



/* header css */



.navbar-brand img {

    max-width: 270px;

}

.header-section{

	background-color: var(--header-bg);

	padding: 10px 0px;

}

.nav-padding-0{

	padding: 0px;

}



.header-right a {

    background-color: var(--white);

    color: var(--purple);

    font-size: 16px;

    font-family: "Manrope", serif;

    padding: 8px 16px;

    border-radius: 30px;

    display: flex;

    align-items: center;

    line-height: normal;

    gap: 10px;

    font-weight: 600;

}



.header-right a:hover{

	text-decoration: none;

}



.header-right a span {

    position: relative;

    top: 2px;

}



.header-section .navbar-nav{

	width: 80%;

    text-align: center;

    justify-content: center;

}



.justify-spacebetween {

    justify-content: space-between;

}



.header-section .navbar-nav .nav-link{

	font-family: "Manrope", serif;

	color: var(--white);

	padding-right: 1rem;

    padding-left: 1rem;

	font-size: 16px;

}



.header-section .navbar-nav .nav-link:hover{

	color: var(--pink);

}



.header-section .navbar-nav .nav-link.dropdown-toggle:hover::after{

	border-top: 2px solid var(--pink);

    border-left: 2px solid var(--pink);

}



.header-section .navbar-nav .nav-link.dropdown-toggle::after{

	border-top: .0em solid;

    border-right: 0em solid transparent;

    border-bottom: 0;

    border-top: 2px solid #ffffff;

    border-left: 2px solid #ffffff;

    width: 8px;

    height: 8px;

    transform: rotate(224deg);

}



.section-content .container{

	   max-width: 88vw;

}



.banner-section{

	position: relative;

	background-image: url(../images/banner.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	/*min-height: 900px;*/

	padding: 2% 0px;

}



.banner-heading{

	font-family: "Manrope", serif;

	font-size: 4rem;

	color: var(--white);

	font-weight: 700;

	

}



.banner-heading span{

	color: var(--pink);

}



.banner-sub-heading {

    font-family: "Manrope", serif;

    color: var(--white);

    font-weight: 400;

    font-size: 2.25rem;

    margin-top: 18px;

}



.banner-button {

	padding-top: 30px;

}



.banner-button a {

    background-color: var(--purple);

    color: #fff;

    font-family: "Manrope", serif;

    font-size: 16px;

    padding: 8px 16px;

    text-decoration: none;

    border-radius: 32px;

    width: 240px;

    height: 48px;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

	border: 1px solid transparent;

}



.banner-button a:hover{

	text-decoration: none;

	 background-color: var(--black);

	 border: 1px solid var(--purple);

}



.banner-form-section{

	background-color: var(--white);

	border-radius: 10px;

	position: relative;

}



.banner-form-heading{

	background-color: var(--purple);

	padding: 10px;

	border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}



.form-title {

    color: var(--white);

    font-size: 1.875rem;

    text-align: center;

    font-family: "Manrope", serif;

    font-weight: 400;

    margin-bottom: 0px;

}



.banner-form-inner {

    padding: 16px 16px 24px;

    position: relative;

}



.form-item {

	position: relative;

}



.form-item .form-item-field {

    background-color: #F4F4F4;

    width: 100%;

    height: 54px;

    padding: 10px;

    border: 0px;

	font-family: "Manrope", serif;

	font-size: 16px;

    margin-top: 12px;

    border-radius: 10px;

}



.form-item .form-item-field:focus{

	outline: none;

}



.form-item-field.message-filed{

	height: 176px;

}



.form-submit-btn {

    background-color: var(--purple);

    color: #fff;

    font-family: "Manrope", serif;

    width: 182px;

    height: 54px;

    font-size: 18px;

    border-radius: 40px;

    border: 0px;

    margin-top: 16px;

	cursor: pointer;

}



.form-submit-btn:hover{

	background-color: var(--black);

}



.sevice-section {

    position: relative;

    background-image: url(../images/pink-gradient-bg.svg);

}



.space-T-80{

	padding-top: 80px;

}

.space-T-40{
  padding-top: 40px;
}

.space-T-30{
  padding-top: 30px;
}

.space-T-20{
  padding-top: 20px;
}




.space-B-80{

	padding-bottom: 80px;

}



.service-item {

    background: var(--white);

    padding: 0 10px 10px 10px;

    box-shadow: 1px 1px 4px 1px rgba(32, 33, 36, 12%);

    position: relative;

    height: 100%;

}



.service-icon {

    background-color: var(--purple);

    width: 115px;

    height: 115px;

    border-radius: 50%;

    text-align: center;

    padding-top: 14px;

    position: relative;

    margin: 0px auto;

    top: -50px;

}



.service-content {

    position: relative;

    margin-top: -16px;

}



.service-content .service-sub-title {

    color: #15161A;

    text-align: center;

    font-family: "Manrope", serif;

    font-size: 1.5rem;

    margin-top: 20px;

    margin-bottom: 20px;

}



.service-content ul {

    padding-left: 42px;

}



.service-content ul li {

    font-family: "Manrope", serif;

    font-size: 1.25rem;

    margin: 8px 0;

	color: #626262;

}



.page-heading{

	font-family: "Manrope", serif;

	font-size: 3.75rem;

	color: var(--heading);

	font-weight: 500;

}



.page-heading span{

	color: var(--purple);

	font-weight: 700;

}



.page-heading span.pink{

	color: var(--pink);

	font-weight: 700;

}



.service-block{

	padding-top: 80px;

}



.our-winning-section{

	position: relative;

	padding-top: 60px;

	padding-bottom: 60px;

	background-color: #212529;

}



.prcess-items {

    display: flex;

    position: relative;

    align-items: center;

	margin-top: 15px;

}



.process-icon{

	width: 200px;

	position: relative;

}



.prcess-item-content {

    width: calc(94% - 200px);

    padding-left: 25px;

	position: relative;

}



.process-step-title {

    font-size: 1.75rem;

    color: var(--white);

}



.info-text{

	font-family: "Manrope", serif;

    font-size: 20px;

	line-height: 1.5;

	font-weight: normal;

}



.book-cover-thumb img{

	width: 100%;

}



.core-value-blocks{

	display: block;

}



.core-value-mobile-view{

	display: none;

}









.core-value-inner{

	background-image: url(../images/core-value-bg.svg);

	background-size: cover;

	

}



.sm-text-color{

	color: #6D6D6D;

}

.core-value-item {

    box-shadow: 1px 2px 4px 1px rgba(32, 33, 36, 12%);

    position: relative;

    padding: 22px;

    border-radius: 36px;

    background-image: url(../images/core-value-block-bg.svg);

    background-size: cover;

    background-position: top center;

    width: 100%;

    overflow: hidden;

	margin-top: 56px;

}



.core-value-title{

	display: flex;

    justify-content: space-between;

    align-items: center;

}



.core-value-sub-title{

	font-family: "Manrope", serif;

	font-size: 1.75rem;

	color: #9446A5;

	font-weight: 600;

	width: calc(100% - 57px);

}



.core-value-arrow {

    background-color: var(--purple);

    width: 57px;

    height: 57px;

    border-radius: 50%;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

}



.core-value-thumb img{

	width: 100%;

}



.core-value-thumb{

	margin-top: 24px;

	position: relative;

}



.core-value-item-hover {

    background-image: url(../images/core-value-hover-bg.svg);

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-size: cover;

    background-color: #ffffff;

    padding: 40px;

    left: 0;

	transform: translate(100%, 0px);

	transition-duration: 0.8s;

}



.core-value-item:hover .core-value-item-hover{

	transform: translate(0%, 0px);

}



.core-value-item-hover .info-text {

    font-size: 18px;

    margin-top: 30px;

}



.discussion-banner {

	margin-top: 50px;

}



.discussion-banner img{

	width: 100%;

}



.holostice-section{

	position: relative;

}



.holostice-inner{

	background-color: #212529;

	padding-top: 60px;

	padding-bottom: 60px;

	position: relative;

}



.holistic-reporting-icons img {

    width: 80%;

    max-width: 524px;

}



.holostice-row{

	 margin-top: 80px;

}



.holistic-list{

	padding-left: 20px;

}



.holistic-list li {

    color: #fff;

    font-family: "Manrope", serif;

    font-size: 20px;

    line-height: 1.3;

    font-weight: normal;

    margin: 0px 0;

    margin-bottom: 28px;

}



.holistic-text {

    max-width: 540px;

    margin: 0px auto;

    margin-top: 20px;

}



.holistic-text{

	margin-top: 20px;

}



.ada-compliance-section{

	position: relative;

	background-image: url(../images/ada-sec-bg.svg);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: 0 80%;

}



.ada-compliance-inner {

    position: relative;

    padding-top: 22px;

    padding-bottom: 40px;

	

}



.ada-list {

    background-image: url(../images/ada-list-bg.svg);

    max-width: 600px;

    padding: 20px;

    background-size: cover;

    background-repeat: no-repeat;

	margin-top: 36px;

}



.ada-compliance-inner{

	position: relative;

	z-index: 10;

}







.lets-connected-btn{

	margin-top: 40px;

	position: relative;

	    z-index: 10;

}



.lets-connected-btn a {

    background-color: #66116E;

    color: #fff;

    font-family: "Manrope", serif;

    width: 240px;

    height: 65px;

    font-size: 18px;

    border-radius: 40px;

    border: 0px;

    margin-top: 16px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.lets-connected-btn a:hover{

	background-color: #000;

	text-decoration: none;

}



.ada-compliance-inner:after {

    content: "";

    width: 50%;

    height: 100%;

    background-image: url(../images/ada-bg-arc.svg);

    position: absolute;

    right: 0;

    top: -12px;

}



.ada-infographic{

	position: relative;

    z-index: 1;

    right: -8%;

}



.ada-infographic img{

	width: 100%;

}



.ada-list .info-text span {

    color: var(--purple);

    font-weight: 600;

}



.ada-stats-inner{

	position: relative;

}



.ada-stats-section{

	position: relative;

}



.ada-complaint-website{

	font-family: "Manrope", serif;

    font-size: 2.5rem;

    color: var(--heading);

    font-weight: 500;

}



.ada-complaint-website span{

	color: var(--purple);

}



.ada-stat-block {

    position: relative;

    background-image: url(../images/stat-bg.png);

    padding: 16px;

    display: flex;

    background-size: cover;

    align-items: center;

    background-repeat: no-repeat;

	margin-top: 34px;

}



.ada-stat-block:hover{

	box-shadow: 1px 2px 4px 1px rgba(32, 33, 36, 12%);

}



.stat-num{

	width: 100px;

}

.stat-content {

    width: calc(100% - 100px);

    position: relative;

}



.stat-num h2 {

    color: #66116ec7;

    font-size: 5.25rem;

    font-weight: 700;

}



.stat-content p {

    font-size: 1.5rem;

    color: #000;

    font-family: "Manrope", serif;

    text-align: center;

    padding: 0 40px;

    line-height: normal;

    margin-bottom: 0px;

}



.why-choose-section{

	position: relative;

}



.why-choose-inner{

	position: relative;

	background-image: url(../images/why-choose-bg.jpg);

	background-size: cover;

	background-position: top center;

    padding: 80px 0px;

}



.faq-block {

    border: 1px solid #0000002e;

    padding: 4.2%;

    border-radius: 14px;

}



.faq-form-section .banner-form-section{

	    box-shadow: 1px 2px 10px 1px rgba(32, 33, 36, 12%);

}



.faq-item {

    border-top: 1px solid #cdcdcd;

    position: relative;

}



.question {

  font-size: 1.5rem;

  font-weight: 600;

  padding: 20px 80px 20px 20px;

  position: relative;

  display: flex;

  align-items: center;

  cursor: pointer;

  font-family: "Manrope", serif;

  color: #212529;

}



.question::after {

    content: "\002B";

    font-size: 28px;

    position: absolute;

    right: 20px;

    transition: 0.2s;

    font-weight: 300;

	color: #77158c;

}



.question.active::after {

  transform: rotate(45deg);

}



.answercont {

  max-height: 0;

  overflow: hidden;

  transition: 0.3s;

}



.answer {

  padding: 0 20px 20px;

  line-height: 1.5rem;

}



.question.active + .answercont {

}



.faq-all-items{

	padding-top: 40px;

}



.digital-solution-section{

	position: relative;

}



.digital-solution {

    position: relative;

    background-image: url(../images/digital-solution-bg.jpg);

    padding: 14% 0px;

    background-size: cover;

}



.insite-solution-title{

	color: var(--white);

	font-size: 3.75rem;

	font-family: "Manrope", serif;

}



.digital-solution .lets-connected-btn a{

	width: 257px;

    height: 60px;

	border: 1px solid transparent;

}



.digital-solution .lets-connected-btn a:hover{

	border: 1px solid var(--pink);

}



.footer-section{

   position: relative;

   background-size: cover;

   background-image: url(../images/footer-bg.jpg);

   padding: 50px 0px;

   background-position: top center;

   

}



.about-footer-info {

    max-width: 511px;

}



.footer-title{

  color: var(--white);

  font-size: 24px;

  font-weight: 700;

  font-family: "Manrope", serif;

  padding-bottom: 10px;

}



.footer-links li{

   list-style: none;

   margin: 10px 0px;

 }



.footer-links li a{

  color: var(--white);

  font-family: "Manrope", serif;

  font-size: 18px;

  font-weight: normal;

}



.footer-links li a:hover{

   color: var(--pink);

   text-decoration: none;

}



.footer-bottom {

    position: relative;

    padding: 26px 0 0px;

    border-top: 1px solid #fff;

    margin-top: 40px;

}



.copyright-text {

    color: var(--white);

    font-size: 20px;

    margin-bottom: 0px;

}



/* toggle icon css */



.navbar-toggler:focus{

	outline: none;

}



.burger {

    display: block;

    width: 28px;

    height: 28px;

    margin-top: 8px;

}

.burger span:after,

.burger span:before {

  content: "";

  position: absolute;

  left: 0;

  top: 9px;

}

.burger span:after {

  top: 18px;

}

.burger span {

  position: relative;

  display: block;

}

.burger span,

.burger span:after,

.burger span:before {

  width: 100%;

  height: 2px;

  background-color: #ffffff;

  transition: all 0.3s;

  backface-visibility: hidden;

  border-radius: 2px;

}

.burger.--open span {

  background-color: transparent;

}

.burger.--open span:before {

  transform: rotate(45deg) translate(-1px, 0px);

}

.burger.--open span:after {

  transform: rotate(-45deg) translate(6px, -7px);

}



/* toggle icon css */





/* Blog page css  */



.blog-banner-section {

    position: relative;

    background-image: url(../images/blog-banner-bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

       padding: 18% 0px 14%;

}



.blog-item {

    position: relative;

    margin: 24px 0px;

}



.popular-post-siderbar{

	padding-left: 20px;

}



.blog-item-thumbnail {

    width: 100%;

    height: 212px;

    background-size: cover;

    border-radius: 10px;

}



.blog-item-content{

	padding-top: 14px;

    padding-bottom: 10px;

	position: relative;

}



.blog-title {

    font-size: 1.675rem;

    font-family: "Manrope", serif;

    color: #000;

    font-weight: 600;

	margin-top: 10px;

    margin-bottom: 10px;

}



.arrow-icon {

    display: inline-block;

    width: 36px;

    height: 36px;

    background-color: #ffffff;

    text-align: center;

    line-height: 36px;

    border-radius: 50%;

	margin-left: 10px;

}



.arrow-icon svg{

	position: relative;

    top: 3px;

}



.blog-readmore-btn a{

   font-family: "Manrope", serif;

   font-size: 16px;

   font-weight: 800;

   color: #66116E;

}



.blog-readmore-btn a:hover{

	text-decoration: none;

	

}



.blog-readmore-btn a:hover .arrow-icon{

	background-color: #66116E;

}



.blog-readmore-btn a:hover .arrow-icon svg path{

	fill: #fff;

}



.blog-readmore-btn a:hover .arrow-icon svg{

	    transform: rotate(42deg);

		 top: 1px;

}



.blog-heading {

    font-family: "Manrope", serif;

    font-size: 2.5rem;

    color: var(--black);

    font-weight: 500;

	padding-bottom: 14px;

}



.popular-post-thumb {

    width: 100px;

    height: 108px;

    border-radius: 10px;

    background-size: cover;

}



.popular-post-content a{

	color: var(--black);

	font-size: 1.325rem;

	font-family: "Manrope", serif;

	

}



.popular-post-content a h2{

	font-size: 1.325rem;

}



.popular-post-content a:hover{

	color: #78158D;

	text-decoration: none;

}



.popular-post-item {

    display: flex;

    margin-top: 24px;

    margin-bottom: 10px;

}



.popular-post-content {

    width: calc(100% - 100px);

    padding-left: 22px;

	position: relative;

}



.post-date{

	font-family: "Manrope", serif;

	color: #919191;

	font-size: 16px;

	margin-top: 4px;

}



/*End Blog page css  */



/*our strory page css  */



.our-story-banner {

    position: relative;

    background-image: url(../images/blog-banner-bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 20% 0px 18%;

}



.our-sotory-section {

    position: relative;

    margin-top: -100px;

}



.our-sotory-block {

    position: relative;

    padding: 40px 40px 0px 40px;

    border-radius: 26px;

    background: #F7F7FA;

   

}



.pb-60{

	padding-bottom: 60px;

}



.heading-50 {

    font-family: "Manrope", serif;

    font-size: 3.125rem;

    color: var(--heading);

    font-weight: 500;

}



.heading-50 span{

  color: var(--purple);

   

}



.mb-24{

	margin-bottom: 24px;

}



.jim-thumb {

    width: 100%;

    max-width: 480px;

}



.core-value-story-thumb{

	width: 100%;

}





.performance-section {

    background-image: url(../images/performace-bg.svg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: 0px -130px;

	 padding-top: 50px;

    padding-bottom: 110px;

}



.core-valueopen-thumb{

	width: 100%;

	position: relative;

}



.gery-list-items {

	padding-left: 20px;

}



.gery-list-items li{

	font-family: "Manrope", serif;

    font-size: 20px;

    line-height: 1.5;

    font-weight: normal;

	color: #6D6D6D;

    margin-top: 12px;

}



.core-value-open-section.space-T-80 {

    padding-top: 100px;

}





.content-mx-1000{

	width: 100%;

	max-width: 1000px;

	position: relative;

	margin: 0px auto;

}



.gowth-with-customer {

    width: 100%;

    padding: 40px;

    border: 1px solid #79178e;

    margin-top: 0px;

	border-radius: 54px;

}



.grow-customer{

	width: 100%;

}



/*End our strory page css  */



/*Banking fedral page css  */



.bannking-banner {

    position: relative;

    padding: 70px 0px;

}



.bannking-banner .row {

    margin: 0px;

    align-items: center;

}



.banking-banner-right {

    text-align: right;

    margin-right: -15px;

	width: 100%;

}



.banking-banner-right img {

    width: 94%;

    margin-right: -15px;

}



.banking-banner-info{

	    padding-left: 13%;

		position: relative;

}



.benking-banner-heading{

	font-family: "Manrope", serif;

    font-size: 3.75rem;

    color: var(--black);

    font-weight: normal;

}



.benking-banner-heading span{

	    color: var(--pink);

		font-weight: 700;

}



.innerpage-banner-text {

    font-family: "Manrope", serif;

    font-size: 20px;

    margin-top: 30px;

}



.innerpage-banner-btn{

	margin-top: 30px;

}



.innerpage-banner-btn a {

    background-color: #66116E;

    color: #fff;

    font-family: "Manrope", serif;

    width: 181px;

    height: 54px;

    font-size: 18px;

    border-radius: 40px;

    border: 0px;

    margin-top: 16px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.innerpage-banner-btn a:hover{

	text-decoration: none;

	background-color: #000;

}



.financial-sevice-section{

	background-color: #F7F7FA;

}



.financial-page-heading{

	font-family: "Manrope", serif;

    font-size: 3.125rem;

    color: #212529;

    font-weight: normal;

}



.financial-page-heading span{

	color: var(--purple);

	font-weight: 700;

}



.financial-sevice-list{

	padding-left: 0px;

}



.financial-sevice-list li {

    position: relative;

    padding-left: 40px;

    list-style: none;

    margin-top: 16px;

}



.financial-sevice-list li:before{

	content: "";

	width: 23px;

	height: 22px;

	background-image: url(../images/check.png);

	position: absolute;

   left: 0;

   top: 2px;

}



.how-wedid-this{

	font-size: 2rem;

	font-family: "Manrope", serif;

	font-weight: 500;

	color: var(--purple);

	margin-top: 24px;

    margin-bottom: 24px;

}



.financial-sevice-ol-list {

    padding-left: 18px;

}



.financial-sevice-ol-list li{

	margin-top: 14px;

}



.financial-sevice-thumb img{

	width: 100%;

}



.f-advertising-section{

	position: relative;

}



.f-advertising-section-inner{

	padding-top: 64px;

	    padding-bottom: 86px;

	position: relative;

	background-color: #212529;

}



.f-advertising-blocks{

	margin-top: 30px;

}



.f-advertising-block {

    background-color: #fff;

    position: relative;

    border-radius: 15px;

    margin-top: 44px;

}



.f-advertising-block-heading {

    background-color: #C27CD1;

    padding: 14px 24px;

    border-top-right-radius: 10px;

    border-top-left-radius: 10px;

}



.f-advertising-block-heading .f-a-title{

	font-family: "Manrope", serif;

    font-size: 1.75rem;

	color: var(--white);

	margin-bottom: 0px;

}



.f-advertising-info {

    padding: 14px 24px;

    position: relative;

    min-height: 206px;

}



.f-advertising-info p{

	font-family: "Manrope", serif;

	color: #78158D;

	font-size: 24px;

}



.creadit-union {

    position: relative;

    background-image: url(../images/creadit-bg.svg);

    background-size: cover;

    background-position: 0 -140px;

}



.financial-sevice-list.author-list li {

			font-weight: 500;

			color: #3E3E3E;

			font-size: 28px;

			margin-top: 36px;

		}

.financial-sevice-list.author-list li:before{

	    top: 7px;

}

/*End Banking fedral page css  */


.innerpage-banner-btn-website-hosting a {
        background-color: #66116E;
    color: #fff !important;
    font-family: "Helvetica", serif;
    width: 233px;
    height: 54px;
    padding: 10px 17px;
    font-size: 18px;
    border-radius: 40px;
    border: 0px;
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.innerpage-banner-btn-website-hosting a:hover {
        background-color: #000;
        text-decoration: none;
    color: #fff !important;
    font-family: "Helvetica", serif;
    width: 233px;
    height: 54px;
    padding: 10px 17px;
    font-size: 18px;
    border-radius: 40px;
    border: 0px;
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.core-value-sub-title-hevel {
    font-family: "Helvetica", serif;
    font-size: 2rem;
    color: #9446A5 !important;
    font-weight: 600;
    
}
.did-you {
    font-size: 20px;
}
.did-you span {
    font-weight: 700;
}
.web-hosting-list h4 {
    color: #78158D !important;
    font-weight: 700;

}
.sm-text-color-hosting {
    color: #585858;
}
.font-18 {
    font-size: 18px !important;
}
.did-subheading {
    font-size: 30px;
}
.font-16 {
    font-size: 16px !important;
}

/* paid page css */
#paid-page .innerpage-banner-btn a{
			width: 300px;
        }
		#paid-page .key-insight-list li {
			margin-top: 8px;
			margin-bottom: 30px;
			line-height: 30px;
		}
			#paid-page .home-service-banner {
			width: 100%;
			background-color: #fff;
			}
			#paid-page .banner-text {
			padding-left: 15%;
			}
			#paid-page .banner-image img {
			width: 100%;
			border-top-left-radius: 100px;
			}
			#paid-page .banner-images-container {
			position: relative;
			margin: 0;
			padding: 0;
			}
			#paid-page .home-service-banner .row {
			margin: 0 !important;
			padding: 0 !important;
			}
			#paid-page .per-text {
			font-weight: 800;
			font-size: 40px;
			line-height: normal;
			}
			#paid-page .highlight {
			font-weight: bold;
			color: #78158D;
			}
			#paid-page .card-custom {
			background-color: #2A2A2A;
			color: white;
			padding: 32px 32px 5px 32px;
			border-radius: 10px;
			text-align: left;
			height: 100%;
			}
			#paid-page .card-custom h3 {
			color: #C27CD1;
			font-size: 2rem;
			font-weight: normal;
			}        
			#paid-page .card-custom p {
			font-family: "Roboto", serif;
			font-size: 1.375rem;
			font-weight: 300;
			line-height: normal;
			margin-bottom: 0px;
			}
			#paid-page .success-devider{
			border-top: 1px solid rgb(0 0 0);
			}
			#paid-page .card-custom img {
			width: 50px;
			height: 50px;
			margin-bottom: 10px;
			}
			#paid-page .font{
			font-size: 30px;
			font-style: italic;
			}
			#paid-page .process-container {
			max-width: 1000px;
			margin: auto;
			}
			#paid-page .process-step {
			text-align: center;
			position: relative;
			margin-bottom: 20px;
			}
			#paid-page .step-circle {
			width: 15px;
			height: 15px;
			background-color: #78158D;
			border-radius: 50%;
			display: inline-block;
			margin-bottom: 10px;
			}
			#paid-page .process-title {
			font-size: 1.25rem;
			font-weight: bold;
			color: #212529;
			font-family: "Manrope", serif;
			}
			#paid-page .key-insights {
			color: #78158D;
			font-weight: 700;
			font-size: 2.25rem;
			margin-top: 38px;
			}
			#paid-page .key-insight-list {
			padding-left: 20px;
			margin-top: 20px;
			}
			#paid-page .key-insight-list li {
			margin-top: 8px;
			}
			#paid-page .highlight-img{
			width: 94%;
			}
			#paid-page .key-insight-icon-list {
			margin-top: 48px;
			}
			#paid-page .icon-text span svg{
			width: 20px;
			}
			#paid-page .icon-text {
			display: flex;
			align-items: center;
			gap: 4px;
			font-size: 1.275rem;
			color: #585858;
			font-weight: 700;
			}
			#paid-page .icon-text span {
			font-weight: bold;
			line-height: 0px;
			margin-right: 6px;
			padding-left: 16px;
			}
			#paid-page .highlight-box {
			background: #2A2A2A;
			color: white;
			padding: 20px;
			border-radius: 8px;
			font-size: 20px;
			position: absolute;
			bottom: -10px;
			right: 20px;
			box-shadow: -1px 3px 10px 1px rgba(32, 33, 36, 12%);
			left: 120px;
			}
			#paid-page .ppc-heading{
			font-size: 2rem;
			}
			#paid-page .img-text {
				font-family: "Manrope", serif;
				font-size: 22px;
				color: #000;
				font-weight: 500;
				line-height: 1.2;
				margin-bottom: 0px;
			}
			
			#paid-page .process-outer{
				position: relative;
				}
			#paid-page .process-outer::before {
				content: "";
				width: 87.2%;
				height: 0px;
				position: absolute;
				top: 6px;
				border: 1px dashed #dadada;
				margin: 0px auto;
				left: -1%;
				right: 0;
				}
			#paid-page .highlight-box span {
			color: #a246c7;
			font-weight: bold;
			font-size: 46px;
			}
			#paid-page .highlight-box1 {
					background: rgb(255, 255, 255);
					padding: 20px 30px;
					border-radius: 8px;
					font-size: 20px;
					font-family: "Manrope", serif;
					position: absolute;
					bottom: -24px;
					right: 0;
					max-width: 590px;
					color: #000;
					box-shadow: -1px 3px 10px 1px rgb(32 33 36 / 32%);
					width: 84%;
					line-height: normal;
				}
				
				#paid-page .highlight-box1 br{
					display: none;
				}
			#paid-page .highlight-box1 span {
			color: #78158D;
			font-weight: bold;
			font-size: 40px;
			}
			#paid-page .content-container {
			position: relative;
			}
			#paid-page .pad{
			padding-left: 8%;
			}
			#paid-page .bg-clr2{
			background-color: white;
			}
			#paid-page .bg-clr{
			background-color: rgb(241, 241, 241);
			}
			#paid-page .pad-top{
			padding-top: 70px;
			}
			#paid-page .success-per-box {
			background-color: rgb(250, 250, 250);
			padding: 32px;
			height: 100%;
			border-radius: 16px;
			width: 90%;
			margin-left: auto;
			}
			#paid-page .transform-section {
			background-color: #2d2d2d; /* Dark background */
			color: #ffffff;
			text-align: center;
			padding: 50px 0;
			}
			#paid-page .transform-heading {
			font-size: 28px;
			font-weight: 700;
			}
			#paid-page .transform-subtext {
			font-size: 24px;
			color: #d1d1d1;
			margin-bottom: 20px;
			font-family: "Manrope", serif;
			margin-top: 16px;
			}
			#paid-page .transform-btn {
			background: linear-gradient(90deg, #c084fc, #9b59b6);
			color: #fff;
			border: none;
			padding: 10px 40px;
			font-size: 16px;
			font-weight: bold;
			border-radius: 40px;
			text-transform: uppercase;
			cursor: pointer;
			}
			#paid-page .transform-btn:focus{
			outline: none;
			}
			#paid-page .success-left-content{
			padding-right: 7%;
			}
			#paid-page .transform-btn:hover {
			background: linear-gradient(90deg, #9b59b6, #c084fc);
			}
/* End paid page css */

/*loacal ad service page css */
.local-banner-heading {
    font-family: 'Helvetica';
    font-size: 3.75rem;
    color: var(--black);
    font-weight: 700;
}

.local-banner-btn a {
    background-color: #66116E;
    color: #fff;
    font-family: "Manrope", serif;
    width: 300px;
    height: 54px;
    font-size: 18px;
    border-radius: 40px;
    border: 0px;
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.local-banner-btn a:hover{
      text-decoration: none;
    background-color: #000;
}

.gloobal-local-ads{
  padding-right: 10%;
  position: relative;
}

.gloobal-local-ads-highlight-box {
    background: #2A2A2A;
    color: white;
    padding: 20px;
    border-radius: 8px;
    font-size: 20px;
    position: absolute;
    bottom: -16px;
    right: 20px;
    left: 40%;
    box-shadow: 9px 9px 9px -6px #000000;
    width: 60%;
}
.gloobal-local-ads-highlight-box p{
  font-family: 'Helvetica';
}

.gloobal-local-ads-highlight-box p span{
      color: #C27CD1 !important;
      font-size: 24px;
      font-weight: 600;
}

.bg-grey-sec{
   background-color: #F7F7FA;
}

.financial-page-heading.local-service-heading{
  font-weight: 600;
}

.account-set-heading {
    font-size: 1.55rem;
    color: #3E3E3E;
    font-family: "Manrope", serif;
    font-weight: 500;
}

.account-set-heading span{
  margin-right: 10px;
}

.local-service-text {
    padding-left: 38px;
    padding-top: 6px;
}
.loc-service-block {
    padding-right: 6%;
    position: relative;
    margin-top: 48px;
}

/*End loacal ad service page css */

.sponssor-slide {
    overflow: hidden;
    padding-left: 8%;
}

.sponssor-slide .swiper-slide{
	height: auto;
}

#paid-page .advertise-avg {
    width: 70%;
    left: 30%;
    padding: 20px 62px;
}

#paid-page .spon-prd {
    font-family: 'Helvetica';
    line-height: normal;
    margin-bottom: 0;
	font-size: 20px;
	font-weight: 400;
}

#paid-page .spon-prd span {
    color: #C27CD1 !important;
	font-size: 32px !important;
}

#paid-page .sponsord-product-1 {
    padding-right: 12%;
}

#paid-page .do-know-font {
    font-size: 30px;
   color: #15161A;
}

#paid-page .do-know-font span{
	font-weight: 600;
}

.yelp-heading {
    font-family: "Manrope", serif;
    font-size: 4.5rem;
    color: #78158D;
    font-weight: 700;
}

/* executive page css */

 #paid-page #executive-icon.card-custom img {
    width: 80px;
    height: auto;
}

#paid-page .Commercial-space {
    padding-left: 8%;
}

.competitive-anylisis.space-T-80{
	padding-top: 20px;
}

.bg-light-grey{
	background-color: #FAFAFA;
}

.socail_media_conetnt{
	border-top: 1px solid #d2d2d2;
    padding-top: 50px;
	position: relative;
}

.text-drk-pink{
	color: #78158D;
}

.socail-media-thumbnail{
	width: 90%;
}

#paid-page .highlight-box1.paid-target{
	    right: -40px;
}

/* End executive page css */


/* margketing graphic css */

.marketing-sub-title {
    font-size: 30px;
    
}

.marketing-sub-title .per-text {
    font-size: 34px;
}
#paid-page .spon-prd.lg-branding{
	font-size: 18px;
}

.gh-design-list {
    margin-top: 26px !important;
}

#paid-page .key-insight-list.color-list li {
	    color: #78158d;
}
#paid-page .key-insight-list.color-list li span{
	color: #6D6D6D;
}

#paid-page .stratergic-content .advertise-avg {
    padding: 20px 30px;
}

.multi-Channel-section{
	position: relative;
}

#paid-page .highlight-box1.content-mkt{
	    margin-left: 28px;
}

.tm-space{
	display: none;
}

#paid-page .content-mkt-info {
    padding-left: 16%;
}
/* End margketing graphic css */



#navbar-list-3 .nav-link {
	    padding: 0rem 0rem;
}

#navbar-list-3 .nav-item{
	 padding: .5rem 1rem;
}

#navbar-list-3 .navbar-nav .dropdown-menu{
	border: 0px;
}


.dropdown-menu.mega-menu {
    min-width: 960px;
    left: -300px;
    padding-top: 0;
	 padding-bottom: 0;
}

.dropdown-menu.mega-menu .mega-menu-inner {
    display: flex;
    gap: 0px;
}

.mega-list {
    padding: 10px 7px;
    width: 25%;
}

.mega-dropdown-cloumn {
    width: 100%;
}

.nav-item.dropdown ul li a{
	color: #000;
    font-family: "Manrope", serif;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    
}

.nav-item.dropdown ul li a:hover{
	background-color: #7d1b85;
	color: #fff;
    
}

.mega-dropdown-cloumn .fa-angle-down{
	display: none;
}

.mega-dropdown-cloumn li {
    list-style: none;
    text-align: center;
	font-size: 15px;
	color: #78158d;
	font-family: "Manrope", serif;
	padding: 6px 0;
    
}



.rt-border {
    border-right: 1px solid #d7d7d7;
}

.dropdown-menu.mega-menu .mega-dropdown-cloumn ul li{
	list-style: none;
	text-align: left;
}

.dropdown-menu.mega-menu .mega-dropdown-cloumn  ul li a {
    color: #000;
    font-family: "Manrope", serif;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: flex;
    white-space: unset;
}

.dropdown-menu.mega-menu .mega-dropdown-cloumn  ul li a:hover {
    background-color: #7d1b85;
	color: #fff;
}



@media (min-width: 992px) { /* Apply hover only on large screens */
    .nav-item.dropdown:hover .dropdown-menu {
        display: block;
    }
}


/* Blog detail page */
.blog-detail-banner-heading {
    font-family: "Manrope", serif;
    font-size: 22px;
    color: var(--pink);
    font-weight: 700;
}

.blog-detail-banner-sub-heading {
    font-family: "Manrope", serif;
    color: #fff;
    font-size: 3.125rem;
    font-weight: 700;
    width: 72%;
    text-align: center;
    margin: 0px auto;
}

.admin-postby {
    text-align: center;
    color: #fff;
    margin-top: 20px;
    font-family: "Manrope", serif;
    margin-bottom: 0px;
    font-size: 18px;
}

.blog-detail-banner-section {
    position: relative;
    background-image: url(../images/blog-detail-banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 17% 0px 14%;
}

.blog-detail-banner-block {
    position: relative;
    margin-top: -200px;
}

.blog_detail_banner_img {
    position: relative;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    height: 560px;
    border-radius: 20px;
}

.blog_detail_heading {
    font-family: "Manrope", serif;
    font-size: 4.25rem;
    color: #78158D;
    font-weight: 500;
    padding-bottom: 5px;
}

.blog-detail-content p{
	font-family: "Manrope", serif;
    font-size: 20px;
    line-height: 1.5;
	color: #6D6D6D;
    font-weight: normal;
}

.blog-detail-content p a{
	color: #C27CD1;
	text-decoration: none;
}

.blog-detail-content ul {
    padding-left: 22px;
    margin-bottom: 8px;
}

.blog-detail-content ul li{
	font-family: "Manrope", serif;
    font-size: 20px;
    line-height: 1.5;
	color: #6D6D6D;
    font-weight: normal;
	margin-top: 8px;
}

.blog-detail-content ul li a{
    color: #C27CD1;
	text-decoration: none;
}

.blog-detail-content ol {
    padding-left: 22px;
    margin-bottom: 8px;
}

.blog-detail-content ol li{
	font-family: "Manrope", serif;
    font-size: 20px;
    line-height: 1.5;
	color: #6D6D6D;
    font-weight: normal;
	margin-top: 8px;
}

.blog-detail-content ol li a{
	color: #C27CD1;
	text-decoration: none;
}

.blog-detail-content h3 {
    font-family: "Manrope", serif;
   color: #212529;
    font-size: 1.8rem;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog-detail-content img {
    max-width: 1000px;
    margin-top: 20px;
    margin-bottom: 20px;
	width: 100%;
}

.blog-detail-popular-post {
    background-color: #F7F7F7;
    border-radius: 15px;
    padding: 26px;
}

.blog-detail-popular-post .popular-post-item {
    display: flex;
    margin-top: 16px;
    margin-bottom: 10px;
    padding-bottom: 19px;
    border-bottom: 1px solid #d9d9d9;
}

.blog-detail-popular-post .popular-post-item:last-child{
	border-bottom: 0px solid #d9d9d9;
}

.blog-categories-block {
    background-color: #F7F7F7;
    border-radius: 15px;
    padding: 26px;
    margin-top: 36px;
}

.blog-categories-block ul {
	padding-left: 10px;
}

.blog-categories-block ul li {
    list-style: none;
    margin: 3px 0;
    padding: 10px 0;
    border-bottom: 1px solid #dadada;
}

.blog-categories-block ul li:last-child{
	border-bottom: 0px solid #dadada;
}


.blog-categories-block ul li a{
	color: #212529;
	font-size: 22px;
	font-weight: 500;
}

.blog-categories-block ul li a:hover{
	text-decoration: none;
	color: #78158D;
}

.blog-detailform-block {
    position: relative;
    margin-top: 30px;
    box-shadow: -1px 3px 10px 1px rgb(32 33 36 / 12%);
}

.blog-detail-sidebar {
    border-left: 1px solid #e1e1e1;
    padding-left: 30px;
    padding-bottom: 20px;
    position: relative;
}

.blog-detail-sidebar:before {
    content: "";
    width: 6px;
    height: 18px;
    background-color: #C27CD1;
    position: absolute;
    left: -4px;
	top: 0;
}

.blog-detail-sidebar:after{
    content: "";
    width: 6px;
    height: 18px;
    background-color: #C27CD1;
    position: absolute;
    left: -4px;
	bottom: 0;
}

.blog-detail-social-share{
	margin-top: 26px;
    padding-top: 46px;
    border-top: 1px solid #783dbd;
	position: relative;
}

.share-post-subheading {
	font-family: "Manrope", serif;
    font-size: 18px;
	color: #78158D;
	font-weight: 600;
}

.share-post-subheading span{
	    margin-left: 8px;
}

.blog-dtail-social-links {
    padding-left: 0 !important;
    margin-bottom: 0px;
    display: flex;
    gap: 12px;
	align-items: center;
}

.blog-dtail-social-links li{
	list-style: none;
	list-style: none;
}
.blog-dtail-social-links li .path-link:hover svg path{
	fill: #78158D;
}

.blog-dtail-social-links li .stroke-link:hover svg path{
	stroke: #78158D;
}

.blog-dtail-social-links li .stroke-link svg {
    position: relative;
    top: 2px;
}

.blog-detail-social-share .row{
	align-items: center;
}

.blog-post-next-prev-btns {
    text-align: right;
    display: flex;
    justify-content: end;
    gap: 30px;
}

.blog-post-next-prev-btns a {
    background-color: #F1F1F1;
    padding: 6px 8px;
    font-family: "Manrope", serif;
    width: 170px;
    height: 54px;
    text-align: center;
    color: #78158D;
    font-size: 18px;
    font-weight: 600;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-post-next-prev-btns a:hover{
	text-decoration: none;
	background-color:#78158D;
	color: #fff;
}
.blog_detail_banner_img[style*="1784624159-image1.png"] {
    background-position: center center !important;
    background-size: cover !important;
}





/* End Blog detail page */