@import url('https://fonts.googleapis.com/css2?family=Bayon&display=swap');

/* 300 - Light */
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/open-sauce-one-latin-300-normal.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/open-sauce-one-latin-300-italic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

/* 400 - Regular */
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/open-sauce-one-latin-400-normal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/open-sauce-one-latin-400-italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

/* 500 - Medium */
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/open-sauce-one-latin-500-normal.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/open-sauce-one-latin-500-italic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

/* 600 - Semi Bold */
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/open-sauce-one-latin-600-normal.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/open-sauce-one-latin-600-italic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

/* 700 - Bold */
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/open-sauce-one-latin-700-normal.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/open-sauce-one-latin-700-italic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

/* 800 - Extra Bold */
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/open-sauce-one-latin-800-normal.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/open-sauce-one-latin-800-italic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

/* 900 - Black */
@font-face {
  font-family: 'Open Sauce One';
  src: url('../fonts/open-sauce-one-latin-900-normal.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}



 html {
     scroll-behavior: smooth;
     overflow-x: hidden;
}
 :root {
     --heading-color: #333333;
     --body-color: #585858;
     --blue-color: #211750;
     --sblue-color:#211750;
     --hblue-color: #243872;
     --black-color: #000000;
     --grey-color: #f6f6f6;
     --dgrey-color: #ececec;
     --link-color: #ff0202;
     --link-hover-color: #000000;
  
}

body{
     font-family: 'Open Sauce One', sans-serif;
     font-size: 16px;
     line-height: 1.65;
     scroll-behavior: smooth;
     color: #222B40;
}
 p {
     margin-bottom: 10px;
}
 p:last-child {
     margin-bottom: 0px;
}
 a {
     color: var(--link-color);
     text-decoration: none;
}
 a:hover {
     color: var(--link-hover-color);
}
 ul,
 ol{
     list-style: none;
     padding: 0px;
     margin: 0px;
}
 h1, h2, h3, h4, h5, h6 {

     color:#222B40;
     font-weight: 800;
     line-height: 1.2;
     text-transform: unset;
     margin: 0px;
}
 h1 {
     font-size: 48px;
}
 h2 {
     font-size: 48px;
}
 h3 {
     font-size: 32px;
}
 h4 {
     font-size: 24px;
}
 h5 {
     font-size: 22px;
}
 h6 {
     font-size: 20px;
}
 .fs-20 {
     font-size: 20px;
}
 .fs-24 {
     font-size: 24px;
}
 .fw-500 {
    font-weight:500;
}
 .br-20{
     border-radius:20px;
}
 
	
/* Sitewide Code Begins */

.bg-blue{
	background:#222B40;
}
.bg-dark-blue{
	background:#101828;
}
.bg-light-pink{
background:#FEF7F5;
}
.bg-gray{
	background:#F2F4F7;
}
.bg-indigo{
	background:#583BAC;
}
.text-white *{
	color:#ffffff;
}
.text-red{
	color:#EE4266;
}
.container{
max-width:1240px;

}	
.section-padding{
	padding:100px 0px;
}
.section-padding.section-padding-80{
	padding:80px 0px;
}
.page-block{
	display:flex;
	flex-direction:column;
	gap:64px;
}
.heading-block{
	display:flex;
	flex-direction:column;
	gap:24px;
	text-align: center;
}
.heading-block p{
	font-size:18px;
}
.sitewide-cta{
	    display: inline-block;
    padding: 14px 25px;
	font-weight:800;
    background: #583BAC;
    color: #ffffff;
    line-height: 1.2;
}
.sitewide-cta.white-cta{
	background:#ffffff;
color:#222B40;
}
.gap-8{
	gap:8px;
}
.gap-32{
gap:32px;
}
.gap-48{
gap:48px;	
}
.mt-50{
	margin-top:50px;
}
.fw-500{
	font-weight:500;
}
.purple-text{
	color:#583BAC;
}
	
/* Sitewide Code Ends */
	
	
	
	.navbar-nav li a{
	    
	    font-size: 18px;
	    font-weight: 600;
	    color:#ffffff;
	}
	


			
/* Hero Wrapper Begins */
.hero-info{
	width:56%;
	gap:24px;
}
.hero-info-block{
	gap:24px;
}
.hero-info-block p{
	font-size:20px;
}

.hero-info-block p.fw-600{
	font-weight:600;
}
.hero-image{
	width:44%;
}
.hero-badge{
	gap:16px;
}
/* Hero Wrapper Ends */	


.partners-logos-container{
	    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 32px;
	    text-align: center;
}
.partners-logos-container.six-columns{
display:flex;
justify-content:space-between;

}

.why-partner-block.pad-l{
		padding-left: 50px;
}
.why-partner-block.pad-r{
		padding-right:50px;
}
.why-partner-block.pad-lr{
		padding: 0px 50px;
		
    border: 2px solid;
    border-width: 0px 1px 0px 1px;
    border-color: #333C51;
}

/* Icon Wrapper Begins */
.icon-block-container{
	    display: flex;
    flex-direction: column;
    gap: 24px;
	
}
.icon-block-3-columns{
	    display: grid;
    gap: 24px;
	  grid-template-columns: repeat(3, 1fr); /* 3 equal-width columns */
}
.icon-block-2-columns{
	    display: grid;
    gap: 24px;
	  grid-template-columns: repeat(2, 1fr); /* 3 equal-width columns */
}
.icon-block{
	display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 24px;
    background: #ffffff;
	color:#101828;
	
}
.icon-block-info{
	    display: flex;
    flex-direction: column;
    gap: 16px;
}
.icon-block-info p{
	font-size:16px;
}
/* Icon Wrapper Ends */


.comparison-container{
	gap:24px;

}
.comparison-badge{
    font-family: "Bayon", sans-serif;
    padding: 20px;
    gap: 8px;
    color: #ffffff;
    font-size: 28px;
    text-transform: uppercase;
    line-height: 1.2;
    /* display: inline-block; */
    display: flex;
    position: absolute;
    top: -40px;
    /* width: auto; */
    align-items: center;
}

.comparison-badge img{
	    width: 30px;
    height: 30px;
}
.comparison-badge.dark-red{
	    background: #6F3737;
		transform: rotateZ(-2deg);
}
.comparison-badge.dark-green{
	    background:#16766B;
			transform: rotateZ(2deg);
}
.comparison-block{
  padding: 80px 40px 64px 40px;
    width: 100%;
    gap: 64px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
.bg-l-pink{
	background:#FCDFD84D;
}
.bg-l-grey{
	background:#F9FAFB;
}

.comparison-block ul{
	    display: flex;
    flex-direction: column;
	gap:32px;
}
.comparison-block ul li{
    display: flex;
    gap: 16px;
    align-items: flex-start;
    font-size: 20px;
    font-weight: 700;
}
.comparison-block ul li img{
	width:23px;
height:23px;
margin-top: 5px;
}

.text-purple-bg{
    display: inline-block;
    background: #583BAC;
    color: #ffffff;
    padding: 5px 15px;
    transform: rotateZ(-1deg);
}
.text-green-bg{
	display: inline-block;
    background: #05C291;
    color: #ffffff;
    padding: 5px 15px;
    transform: rotateZ(1deg);
}

.faq .accordion{
	gap:16px;
}

.faq .accordion-item{
	box-shadow: none;
    border: 0;
}
.faq .accordion-button{
	font-size:24px;
	font-weight:600;
	color:#101828;
}

.faq .accordion-button:not(.collapsed){
	background:#ffffff;
	    border: 0px;
    box-shadow: none;
}
.faq .accordion .accordion-body{
	background:#F2F4F7;
	color:#344054;
	font-size:18px;
}
.testimonials{
    overflow: hidden;
}
.testimonial-marquee-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
      transform: rotate(-1.5deg);
}

.testimonial-marquee-track {
  display: flex;
  width: max-content;
  animation: testimonialMarquee 60s linear infinite;
  gap:50px;
  
}

.testimonial-slide {
  flex: 0 0 auto;
  width: 540px;
 padding: 6px;
    background: #b5bfd5;
}

.testimonial-card {
  background-color: #f6f6f6;
  display: flex;
  flex-direction: column;
  padding: 30px;
  position: relative;
  height: 100%;
  border-radius: 0px;

}

.testimonial-logo {
  max-height: 28px;
  margin-bottom: 15px;
}

.testimonial-text {
  color: #222b40;
  margin-bottom: 20px;
      font-weight: 600;
    max-width: 80%;
}

.testimonial-author {
  background-color: #eaecf0;
  padding: 20px;
  margin-top: auto;
}

.testimonial-name {
  font-size: 20px;
  font-weight: 800;
  color: #222b40;
}

.testimonial-role {
  font-size: 12px;
  font-weight: 600;
  color: #222b40;
}

.testimonial-image {
  max-width: 220px;
  position: absolute;
  bottom: 0;
  right: 0;
  pointer-events: none;
}

@keyframes testimonialMarquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.site-footer{
background:#222B40;
padding:60px 0px;
}
.footer-container{
gap:48px;
}
.footer-top {
justify-content:space-between;
gap:40px;
}
.footer-nav{
gap:64px;
}
.footer-title{
color:#98A2B3;
font-weight:600;
margin-bottom:16px;
}
.footer-menu{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footer-subscribe{
max-width:300px;
font-size:14px;
}
.footer-subscribe-title{
margin-bottom:12px;
}
.footer-subscribe input{
font-size: 14px;
    color: #ffffff;
    border-radius: 2px;
    background: #344054;
    font-weight: 500;
}
.footer-subscribe input::placeholder{
color:#ffffff;
}
.footer-subscribe button{
    background: #583BAC;
    border-color: #583BAC;
    border-radius: 2px;
    font-size: 14px;
}
.text-yellow{
color:#F8B940;
}
.footer-bottom{
gap:40px;
}
.footer-bottom-right{
gap:40px;
}