/* ===== Inter Font ===== */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}

/* ===== BlauerNue Font ===== */
@font-face {
  font-family: 'BlauerNue';
  src: url('../fonts/BlauerNue-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'BlauerNue';
  src: url('../fonts/BlauerNue-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'BlauerNue';
  src: url('../fonts/BlauerNue-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'BlauerNue';
  src: url('../fonts/BlauerNue-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'BlauerNue';
  src: url('../fonts/BlauerNue-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'BlauerNue';
  src: url('../fonts/BlauerNue-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #5046E5;
    transition: width 0.6s ease;
}
.progress-bar#myBar {
    position: fixed;
    top: 0;
    height: 4px;
    z-index: 1041;
    background: #5046E5;
    width: 0%;
    border-radius: 10px
}

#cursor .cursor-cirle {
    position: fixed;
    top: inherit;
    left: inherit;
    pointer-events: none;
    z-index: 99999
}

#cursor .cursor_outer {
    width: 30px;
    height: 30px;
    border: 1px solid #1D174D;
    border-radius: 30px;
    margin-top: -17px;
    margin-left: -16px;
    -webkit-transition: 50ms linear;
    -o-transition: 50ms linear;
    transition: 50ms linear
}

#cursor .cursor_inner {
    width: 6px;
    height: 6px;
    background-color: #1D174D;
    border-radius: 6px;
    margin-top: -5px;
    margin-left: -4px
}


/* Typography */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
  }
  html {
	scroll-behavior: smooth;
  }
  *,
  :after,
  :before {
	   box-sizing: border-box;
	  -moz-osx-font-smoothing: grayscale;/* Firefox */
	  -webkit-font-smoothing: antialiased;  /* WebKit  */
  }
  body {
	  margin: 0;
	  padding: 0;
	  overflow-x: hidden;
  }
  a {
	  outline: 0;
	  text-decoration: none;
	  color: inherit;
	  transition: all all 0.5s ease;
	  -webkit-transition: all 0.5s ease;
	  -moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
  }
  a,
  a:hover,
  a:focus,
  a:active {
	  text-decoration: none;
	  outline: none;
	  box-shadow: none !important;
  }
  .navbar-toggler:focus {
    box-shadow:none
  }
  figure {
	  margin: 0;
	  padding: 0;
  }
  dl,
  ol,
  ul {
	  list-style: outside none none;
	  padding-left: 0px;
	  margin-bottom: 0px;
  }
  ul li {
	  padding: 0;
	  margin: 0;
	  list-style: none;
  }
  a img {
	  border: none;
	  max-width: 100%;
  }
  img {
	  width: 100%;
	  vertical-align: middle;
	  border: none;
  }
  table,
  td,
  th {
	  border-collapse: collapse;
  }
  table tbody tr td {
	  padding: 8px;
	  color: #222;
	  font-size: 16px;
  }
  th {
	  font-weight: 700;
  }
  button:focus {
	  outline: 0;
	  box-shadow: none;
	  border: 0;
  }
  input,
  textarea,
  select,
  button {
	  border: 1px solid #222;
	  outline: none;
	  box-shadow: none;
  }
  textarea {
	  resize: none;
  }
  .form-control:focus {
	  box-shadow: none;
  }
  body::-webkit-scrollbar {
	  width: 7px
  }
  body::-webkit-scrollbar-track {
	  background-color:#4F46E5;
	  border-radius: 5px
  }
 
  body::-webkit-scrollbar-thumb {
	  background-color: #1D174D;
	  border-radius: 5px
  } 
  .fw-100{font-weight: 100;}
  .fw-200{font-weight: 200}
  .fw-300{font-weight: 300}
  .fw-400{font-weight: 400}
  .fw-500{font-weight: 500}
  .fw-600{font-weight: 600}
  .fw-700{font-weight: 700}
  .fw-800{font-weight: 800}
  .fw-900{font-weight: 900}
  .theme-1{
	background-color: #1D174D;
  }
  .theme-2{
	background-color: #5046E5;
  }
  .theme-color{
	  color:#F4F4F4;
  }
  
  .head-title-left{
	         font-family: 'blauernue';
    font-weight: 400;
    line-height: 52px;
  }
  .inter{
	  font-family: 'inter';
	 }
  .nue{
	  font-family: 'blauernue';
   
  }
 
   
.fixed1 {
     padding: 10px 0px !important;
    position: fixed;
    top: -66px;
    -webkit-transform: translateY(66px);
    transform: translateY(66px);
    -webkit-transition: background-position 1s .6s, -webkit-transform .6s;
    transition: background-position 1s .6s, -webkit-transform .6s;
    transition: transform .6s, background-position 1s .6s;
    transition: transform .6s, background-position 1s .6s, -webkit-transform .6s;
    width: 100%;
    z-index: 9999 !important;
    left: 0;
    right: 0;
    border-radius: 0px !important;
}
  
  #collapsibleNavbar li a{
	 color: #F4F4F4;
	 padding: 0 12px !important;
	 font-size: 15px;
	 font-weight: 600;
	 font-family: inter;
	 }
  .start{
	  position: relative;
    bottom: -9px;
  }
  .header-section{
	  position:relative;
	  z-index:9999;
  }
      .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        flex-wrap: nowrap;
        flex-direction: column-reverse;
        align-items: stretch;
    }
  .bg-section{
	      background-image: url(../images/bg-s.png);
	      background-position: center center;
	      background-size: cover;
	      background-repeat: no-repeat;
	      z-index: 1;
	      position: relative;
	      /* height:100vh; */
	 }
    .bg-section:before{
		background: url(../images/left.png) no-repeat scroll left bottom;
		position: absolute;
		left: 0;
		content: '';
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		z-index: 1;
		bottom: 0;
	}
	
	.bg-section:after{
		background: url(../images/right.png) no-repeat scroll left bottom;
		position: absolute;
		right: 0;
		content: '';
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		z-index: 1;
		bottom: 0;
	}
  

.form-card-body button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 20px rgba(79, 70, 229, 0.35);
    background: #fff;
    color: #222;
}
  
  /* Section 4 */
  
  .head-title-left span {
    color: #4F46E5;
}
.ceo{
	    background: #5046E5;
	    display: flex;
	    font-size: 15px !important;
	    color: #fff;
	    border-radius: 11px;
	    text-align: center;
	    justify-content: center;
	    padding: 15px 0px;
	    margin: 0 14px 0 0;
}
 .clinet-logo{
	    border: 1px solid #E5E5E5;
	    padding: 19px 26px;
	}
 .clinet-logo img{
	 
width: auto;
	 
height: 53px;
	 
margin: auto;
	 
display: flex;
	 
justify-content: center;
	}
	.cta-btn{
		background:#030111;
		position:relative;
		z-index: 0;
		padding-bottom: 119px !important;
	}
	
	.cta-btn:before{
		background: url(../images/cta-circle.svg) no-repeat scroll left bottom;
		position: absolute;
		left: 50%;
		content: '';
		width: 250px;
		height: 202px;
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		z-index: -1;
		margin-left: -125px;
		bottom: -2px;
	}
	
	
	.insent{
		position:relative;
	}
	
	.insent:before{
			background: url(../images/arrow.png) no-repeat scroll left bottom;
			position: absolute;
			right: 25%;
			content: '';
			width: 145px;
			height: 120px;
			background-size: contain;
			background-position: center center;
			background-repeat: no-repeat;
			z-index: -1;
			bottom: -53px;
	}
	.insent:after{
			background: url(../images/roi.png) no-repeat scroll left bottom;
			position: absolute;
			content: '';
			width: 149px;
			height: 163px;
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
			z-index: -1;
			bottom: -135px;
			right: 20%;
	}
	.btns{
		background: #5046E5;
		font-size: 15px !important;
		color: #fff;
		border-radius: 29px;
		text-align: center;
		padding: 17px 25px;
		display: inline-block;
		z-index: 0;
		font-family: 'blauerNue';
		font-weight: 600;
	}
	.btns1{
				display:none;
			}
			
			
			
.btn-outline-secondary{
	box-shadow:none;
	border:none;
	right:0;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
    box-shadow: none !important;
    border: none !important;
}
.angled-border {
    background: linear-gradient(145deg, #7B7EEE, #FFFFFF);
    border-radius: 60px !important;
    display: inline-block;
    padding: 1px !important; /* Thin gradient outline */
  }
  .btn-outline-secondary {
    transform: translateY(-2px);
    box-shadow: none !important;
    border: none !important;
    position: absolute;
    right: 10px;
    background: transparent;
    color: #2440c4;
    top: 10px;
    font-family: 'Inter';
    position: absolute !important;
    z-index: 9999999 !important;
}
  
  .angled-card {
    background-color: #F3F3F3;
    border: none;
    border-radius: 60px;
    padding-right: 10px;
    font-size: 15px;
    padding-left: 10px;
  }
  
  .custom-card-button {
    background-color: #000033;
    color: #fff;
    width: 106px;
    height: 39px;
    border: none;
    border-radius: 43.5px;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0px 4px 12px #9e9e9e;
  }
  .cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 24px; /* spacing between cards */
    justify-content: flex-start; /* left align */
    margin-top: 20px;
  }
  
  .info-card {
    width: 365px;
    height: 116px;
    background-color: rgba(255, 255, 255, 0.5); /* semi-transparent to enable blur */
    backdrop-filter: blur(15px);               /* background blur */
    -webkit-backdrop-filter: blur(15px);       /* for Safari */
    border: 1px solid rgba(144, 151, 161, 0.2); /* light outline */
    border-radius: 15px;
    padding: 16px;
    gap: 28px;
    display: flex;
    align-items: anchor-center;
    box-shadow: 0px 6px 250px rgba(0, 0, 0, 0.15); /* drop shadow */
  }
  
  
  .card-icon {
    width: 50px;
    height: 50px;
    object-fit: none;
  }
  
  .card-title {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000033;
  }
  
  .card-description {
    margin: 4px 0 0 0;
    font-size: 14px;
    color: #555;
  }
  
  /* form */

  .form-card {
    width: 100%;
    /* height: 660px; */ /* Adjusted to fit updated input/button size */
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 6px 40px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 999;
    position: relative;
  }
  
  .form-card-header {
    background-color: #edecfc; /* 20% opacity */
    padding: 21px 20px; /* vertical padding removed, horizontal kept */
    display: flex;
    align-items: center;        /* vertical centering */
    justify-content: flex-start; /* horizontal left alignment */
    font-size: 16px;
    font-weight: 400;
    color: #000033;
    text-align: left;
    font-family: 'blauerNue';
  }

  .form-card-header p {
    margin: 0; /* Removes both top and bottom margin */
  }
  .form-card-header p span{
	      color: #4F46E5;
  }
    
  .form-card-body {
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
  }
  
  .form-card-body input {
    width: 100% !important;
    height: 52px;
    border-radius: 5px;
    border: 1.5px solid rgba(163, 173, 193, 0.5); /* 50% opacity outline */
    padding: 0 16px;
    font-size: 15px;
    outline: none;
  }
  .form-card-body .form-select:focus{
	  box-shadow:none;
  }
  .form-card-body .form-select{
	  /* width: 380px; */
	  height: 52px;
	  border-radius: 5px;
	  border: 1.5px solid rgba(163, 173, 193, 0.5); /* 50% opacity outline */
	  padding: 0 16px;
	  font-size: 15px;
	  outline: none;
	 }
  .form-card-body .books {
    width: 300px;
    border-radius: 80px;
    background-color: #5046E5;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border: none;
    margin-top: 10px;
    box-shadow: 0 9px 13px rgba(79, 70, 229, 0.25);
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 15px;
    text-align: center;
  }
  .books3 {
    width: 100%;
    border-radius: 80px;
    background-color: #5046E5;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border: none;
    margin-top: 10px;
    box-shadow: 0 9px 13px rgba(79, 70, 229, 0.25);
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 15px;
    text-align: center;
  }
  
   .bookss {
    width: 100%;
    border-radius: 12px !important;
    background-color: #5046E4;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border: none;
    margin-top: 10px;
    box-shadow: 0 9px 13px rgba(79, 70, 229, 0.25);
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 15px;
    text-align: center;
  }
  
  .form-card-body button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 20px rgba(79, 70, 229, 0.35);
  }
  
  /*section 2 */

  .feature-description {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    color: #474747;
    margin-bottom: 20px; /* optional spacing */
  }

  .comparison-table {
    
    background-color: transparent;
    border-collapse: collapse;
    font-size: 20px;
    line-height: 50px;
    text-align: left;
    width: 100%;
  }
  
  .comparison-table thead th {
    /* position: sticky; */
    /* top: 105px; */
    background-color: #fff;
    z-index: 5;
    padding: 10px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
  }
  
  .comparison-table th,
  .comparison-table td {
    padding: 10px 20px;
    vertical-align: middle;
  }
  
  .comparison-table img {
    height: 24px;
    vertical-align: middle;
    margin-right: 8px;
  }
  
  .comparison-table .highlighted-col {
    /* background-color: #F7F6FF; */
    /* box-shadow: 0 6px 250px rgba(0, 0, 0, 0.15); */
    border-radius: 8px;
  }
  
  .comparison-table tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.03);
  }
  
  .comparison-table-wrapper {
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  
  /*section 2 */

  .feature-description {
    font-size: 15px;
    line-height: 30px;
    text-align: left;
    color: #474747;
    margin-bottom: 20px; /* optional spacing */
  }

  .comparison-table {
    background-color: transparent;
    border-collapse: collapse;
    font-size: 20px;
    line-height: 50px;
    text-align: left;
    width: 100%;
    overflow-x: scroll;
    background: #fff;
  }
  
  .table-responsive thead th {
    position: sticky;
    top: 120px;
    background-color: #fff;
    z-index: 5;
    padding: 10px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    text-align: center;
  }
  
  .comparison-table th,
  .comparison-table td {
    padding: 4px 20px;
    vertical-align: middle;
    font-weight: 400;
    font-family: 'blauerNue';
    font-size: 17px;
  }
  
  .comparison-table img {
    height: 28px;
    vertical-align: middle;
    margin-right: 8px;
    width: auto;
    margin: auto;
    object-fit: scale-down;
  }
  
  .comparison-table .highlighted-col {
    /* background-color: #F7F6FF; */
    /* box-shadow: 0 6px 250px rgba(0, 0, 0, 0.15); */
    border-radius: 8px;
    text-align: center;
    border-radius: 0;
  }
  
  .comparison-table tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.03);
  }
  
  .comparison-table-wrapper {
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  
	.mainx{
		    background: linear-gradient(to bottom, #6785ff1c, #f1f2f833);
		    /* background-image: url(../images/main-bg.png); */
		    background-position: center;
		    background-size: inherit;
		    background-repeat: no-repeat;
		    z-index: 0;
		    position: relative;
		    height: 100%;
		    width: 100%;
		    border-radius: 10px;
		    padding: 22px 44px !important;
	}		
	.mainx img{
		width: 21px;
		margin-right: 11px;
	}
	.brrr{
		border-bottom: 1px solid #cec0c0;
		padding-bottom: 10px;
		display: inline-flex;
	}
	.biobox{
		background: #fff;
		padding: 20px 10px;
		text-align: center;
		border-bottom: 2px solid #5046E5;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.biobox:hover{
		border-bottom: 2px solid #15112B;
		transition:0.5s ease;
		cursor:pointer;
	}
	
	
	.biobox1{
		background: #fff;
		padding: 20px 10px;
		text-align: center;
		border-bottom: 2px solid #5046E5;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.biobox1:hover{
		border-bottom: 2px solid #15112B;
		transition:0.5s ease;
		cursor:pointer;
	}
	
	.mainx {
    padding: 20px 15px 20px;
}
		
.bookss1 {
    width: 71%;
    border-radius: 48px !important;
    background-color: #5046E4;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: none;
    margin-top: 10px;
    box-shadow: 0 9px 13px rgba(79, 70, 229, 0.25);
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 15px;
    text-align: center;
    margin: auto;
    justify-content: center;
    margin: auto;
    display: flex;
}			
.process-sec{
	background:#f7f8f9;
}			
			.process{
    text-align: center;
    position: relative;
}
			.process img{
    height: 53px;
    background: #5046E5;
    width: auto;
    padding: 14px;
    border-radius: 20px;
    z-index: 0;
    position: relative;
}
.logos{
	margin-top:20px;
	position: sticky;
	top: 10px;
}
.logos img{
    width: 133px !important;
    margin: auto;
    display: flex !important;
    height: 35px;
    object-fit: scale-down !important;
    margin-bottom: 0px;
}
.process span{
    position: absolute;
    top: -12px;
    border: 1px solid #5046E5;
    width: 25px;
    border-radius: 8px;
    left: 33%;
    background: #EFEEFF;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
}
.lins{}
.region {
    width: 250px;
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
}			
	
.region h3 {
    font-size: 18px;
    margin: 0 0 10px 0;
    color: #fff;
    border-bottom: 2px solid #00bfff;
    padding-bottom: 5px;
}
.country-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.country-list li {
    font-size: 16px;
    margin-bottom: 5px;
    color: #fff;
}
.country-list img {
    width: 20px;
    height: 14px;
    margin-right: 10px;
    border-radius: 3px;
}	
.btns2{
	background: #5046E5;
    font-size: 14px !important;
    color: #fff;
    border-radius: 29px;
    text-align: center;
    padding: 17px 25px;
    display: inline-block;

}		
.f-links{}
.f-links li{
    display: inline-block;
}
.f-links li a{
    color: #333333;
    font-size: 16px;
    margin-right: 18px;
    font-family: 'Inter';
    font-weight: 500;
}
	.address li{
    border: 0;
    padding: 0px 0 15px;
    position: relative;
    padding-left: 42px;
    margin-bottom: 10px;
    /* color: #fff; */
    font-size: 15px;
    overflow: hidden;
}
.address li img{
	
}
.address li i{
	position: absolute;
	left: 0;
	top: 11px;
	content: '';
	font-size: 20px;
	}
.qoutes{
	position:relative;
}		
.qoutes img{
	width: auto;
    height: 170px;
    position: absolute;
    top: -68px;
    left: -32px;
}		
.f-links1{}			
.f-links1 li{}		
.f-links1 li a{
    font-family: 'blauernue';
    font-weight: 600;
    padding: 15px 0px;
    display: block;
}		
.checks{
    padding: 6px 0;
}			
.checks img{
    width: 145px;
    display: flex;
    height: 37px;
    object-fit: none;
}			
	.boxsss{
    background: #fff;
    height: 100%;
    box-shadow: 1px 1px 1px #fff;
    display: table-caption;
    width: 220px;
    /* height: 500px; */
    transition:0.4s ease;
    padding: 30px 15px;
    border-radius: 20px;
    z-index: -999999;
    position: relative;
}	
.boxsss:hover{
	box-shadow: 0px 4px 17px #dddddd;
	transition:0.4s ease;
}	
  	.fixed1 img{
  	        position: relative;
    left: 15%;
  	}
  
   /* Breakpoints Device // bp = breckpoints
	  // sm = small
	  // md = medium
	  // lg = large
	  // xl = extra large
	  // xxl = extra extra large
  */
   /* No media query for `xs` since this is the default in Bootstrap */
	 /* Small devices (landscape phones, 576px and up) */
	 @media (min-width: 576px) {
		
	 
   
	 }
	 /* // Medium devices (tablets, 768px and up) */
	 @media (min-width: 768px) {
	 
	 }
	 /* // Large devices (desktops, 992px and up) */
	 @media (min-width: 992px) {
	   
	 }
	 /* // X-Large devices (large desktops, 1200px and up) */
	 @media (min-width: 1200px) {
	     
	 
	 }
	 
	 /* // X-Large devices (large desktops, less than 1400px) */
	
	
	 /* // XX-Large devices (larger desktops, 1400px and up) */
	 @media (min-width: 1400px) {
		
	 }
	 
	 
	   /* // X-Large devices (large desktops, less than 1400px) */
       @media (max-width: 1399.98px) {
	   
	 }
	   
	   /* // Large devices (desktops, less than 1200px) */
	   @media (max-width: 1199.98px) {
	      
	       
	       .pdd12{
	             padding-left: 12px !important;
    padding-right: 0;
	       }
	        .pdrl{
	             padding-left: 0px !important;
    padding-right: 0;
	       }
      #collapsibleNavbar li a {
    color: #F4F4F4;
    padding: 0 9px !important;
    font-size: 15px;
    font-weight: 600;
    font-family: inter;
}
	   }
	   
	   /* // Medium devices (tablets, less than 992px) */
	   @media (max-width: 991.98px) {
	       .mainx {
    background: linear-gradient(to bottom, #6785ff1c, #f1f2f833);
    /* background-image: url(../images/main-bg.png); */
    background-position: center;
    background-size: inherit;
    background-repeat: no-repeat;
    z-index: 0;
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    padding: 14px 15px !important;
}
.bookss {
    width: 100%;
    border-radius: 12px !important;
    background-color: #5046E4;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    border: none;
    margin-top: 10px;
    box-shadow: 0 9px 13px rgba(79, 70, 229, 0.25);
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 11px;
    text-align: center;
}
	       .comparison-table th, .comparison-table td {
    padding: 1px 11px;
    vertical-align: middle;
    font-weight: 400;
    font-family: 'blauerNue';
    font-size: 15px;
}
.comparison-table img {
    height: 18px;
    vertical-align: middle;
    margin-right: 8px;
    width: auto;
    margin: auto;
    object-fit: scale-down;
}
.comparison-table th, .comparison-table td {
    padding: 1px 11px;
    vertical-align: middle;
    font-weight: 400;
    font-family: 'blauerNue';
    font-size: 12px;
}
		   .region {
    width: auto;
    display: flex
;
    flex-direction: column;
    margin-bottom: 0px;
}
		   .navbar-brand {
    padding-top: 0;
}
.offcanvas-start {
    top: 0;
    left: 0;
    width: 300px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateX(-100%);
}
.links li a{
	color: #333333;
	font-size: 16px;
	margin-right: 18px;
	font-family: 'Inter';
	font-weight: 500;
	padding: 10px 0;
	display: block;
}
.offcanvas-foooter{
	position: absolute;
    bottom: 70px;
    width: 86%;
}
		   .head-title-left {
    font-family: 'blauernue';
    font-weight: 400;
    line-height: normal;
}
		   .process span {
    position: absolute;
    top: -9px;
    border: 1px solid #5046E5;
    width: 25px;
    border-radius: 8px;
    left: 18%;
    background: #EFEEFF;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
}
		   .fixed1 {
    padding: 20px 15px;
    position: fixed;
    top: -66px;
    -webkit-transform: translateY(66px);
    transform: translateY(66px);
    -webkit-transition: background-position 1s .6s, -webkit-transform .6s;
    transition: background-position 1s .6s, -webkit-transform .6s;
    transition: transform .6s, background-position 1s .6s;
    transition: transform .6s, background-position 1s .6s, -webkit-transform .6s;
    /* width: 84%; */
    z-index: 9999 !important;
    /* left: 7%; */
    /* right: 7%; */
}
		   .bookss1 {
    width: auto;
    border-radius: 48px !important;
    background-color: #5046E4;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: none;
    margin-top: 10px;
    box-shadow: 0 9px 13px rgba(79, 70, 229, 0.25);
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 15px 0px;
    text-align: center;
    margin: auto;
    justify-content: center;
    margin: auto;
    display: flex
;
}
		     .comparison-table thead th {
    position: static;
    top: 105px;
    background-color: #fff;
    z-index: 5;
    padding: 10px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
  }
		 .bg-section {
			background-image: url(../images/bg-s.png);
			background-position: unset !important;
			background-size: cover;
			background-repeat: no-repeat;
			z-index: 1;
			position: relative;
			/* height: 100vh; */
			}
			.pd-0{
				padding:0;
			}
			.navbar-expand-lg .navbar-collapse {
				display: none !important;
				flex-basis: auto;
				flex-wrap: nowrap;
				flex-direction: column-reverse;
				align-items: stretch;
			}
			.btns1{
			    display: block;
				background: #5046E5;
				font-size: 9px !important;
				color: #fff;
				border-radius: 29px;
				text-align: center;
				padding: 7px 13px;
				display: inline-block;
				z-index: 0;
			}
			.navbar-toggler{
				/* position: absolute; */
				/* left: 15px; */
			}
			.navbar {
			flex-wrap: revert;
		   }
		   .form-card-body {
    padding: 20px 15px;
    display: flex
;
    flex-direction: column;
    gap: 14px;
    align-items: center;
}
.form-card-body input {
    width: 100%;
}



	   }
	   
	   /* // Small devices (landscape phones, less than 768px) */
	   @media (max-width: 767.98px) {
		 .bg-section {
			background-image: url(../images/bg-s.png);
			background-position: unset !important;
			background-size: cover;
			background-repeat: no-repeat;
			z-index: 1;
			position: relative;
			/* height: 100vh; */
			}
			.form-card-body input {
    width: 100%;
}
			.pd-0{
				padding:0;
			}
			.navbar-expand-lg .navbar-collapse {
				display: none !important;
				flex-basis: auto;
				flex-wrap: nowrap;
				flex-direction: column-reverse;
				align-items: stretch;
			}
			.btns1{
			    display: block;
				background: #5046E5;
				font-size: 9px !important;
				color: #fff;
				border-radius: 29px;
				text-align: center;
				padding: 7px 13px;
				display: inline-block;
				z-index: 0;
			}
			.navbar-toggler{
				/* position: absolute; */
				/* left: 15px; */
			}
			.navbar {
			flex-wrap: revert;
		   }
		   .form-card-body {
    padding: 20px 15px;
    display: flex
;
    flex-direction: column;
    gap: 14px;
    align-items: center;
}
		.form-card-body input {
    width: 100%;
}
.header-section {
    padding-top: 15px !important;
} 


.bookss1 {
    width: 90%;
    border-radius: 48px !important;
    background-color: #5046E4;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    border: none;
    margin-top: 10px;
    box-shadow: 0 9px 13px rgba(79, 70, 229, 0.25);
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 15px;
    text-align: center;
    margin: auto;
    justify-content: center;
    margin: auto;
    display: flex;
}
.process {
    text-align: center;
    position: relative;
    margin-bottom: 40px;
}
.imgg{
	display:none;
}
.navbar-brand {
    padding-top: 0;
}
.offcanvas-start {
    top: 0;
    left: 0;
    width: 300px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateX(-100%);
}
.links{}
.links li{}
.links li a{
	color: #333333;
	font-size: 16px;
	margin-right: 18px;
	font-family: 'Inter';
	font-weight: 500;
	padding: 10px 0;
	display: block;
}
.offcanvas-foooter{
	position: absolute;
    bottom: 70px;
    width: 86%;
}
.ceo {
    background: #5046E5;
    display: flex;
    font-size: 12px !important;
    color: #fff;
    border-radius: 11px;
    text-align: center;
    justify-content: center;
    padding: 15px 6px;
    margin: 0 14px 0 0;
}
.start {
    position: relative;
    bottom: -8px;
    left: -10px;
    font-size: 14px;
}
.clinet-logo {
    border: none;
    padding: 9px 28px;
}
.mainx {
    padding: 20px 15px 20px !important;
}
  .custom-card-button {
    font-size: 11px;
}
.qoutes img {
    width: auto;
    height: 124px;
    position: absolute;
    top: -47px;
    left: -3%;
}
.insent {
    position: relative;
    /* display: none; */
}
.f-links li a {
    color: #333333;
    font-size: 14px;
    margin-right: 18px;
    font-family: 'Inter';
    font-weight: 500;
}
.head-title-left {
    font-family: 'blauernue';
    font-weight: 400;
    line-height: normal;
}
.qoutes img {
    width: auto;
    height: 124px;
    position: absolute;
    top: -47px;
    left: -3%;
}
.insent {
    position: relative;
    /* display: none; */
}
.f-links1 li a {
    font-family: 'blauernue';
    font-weight: 600;
    padding: 6px 0px;
    display: block;
    font-size: 14px;
}

 /* table */
 .table-responsive thead th {
    position: sticky !important;
    top: 0 !important;
    background-color: #fff;
    z-index: 5;
    padding: 10px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
 .comparison-table th, .comparison-table td {
    padding: 3px 17px;
    vertical-align: middle;
    font-weight: 400;
    font-family: 'blauerNue';
    font-size: 13px;
}
.checks img {
    width: 135px;
    display: flex;
    height: 28px;
    object-fit: contain;
}
.fixed1 img {
    position: relative;
    left: 0%;
}
	}
	   
	   /* // X-Small devices (portrait phones, less than 576px) */
	   @media (max-width: 575.98px) {
	       .fixed1 img {
    position: relative;
    left: 0%;
}
		   .custom-card-button {
    font-size: 11px;
}
		   .clinet-logo {
    border: none;
    padding: 9px 28px;
}
		 .bg-section {
			background-image: url(../images/bg-s.png);
			background-position: unset !important;
			background-size: cover;
			background-repeat: no-repeat;
			z-index: 1;
			position: relative;
			/* height: 100vh; */
			}
			.pd-0{
				padding:0;
			}
			.navbar-expand-lg .navbar-collapse {
				display: none !important;
				flex-basis: auto;
				flex-wrap: nowrap;
				flex-direction: column-reverse;
				align-items: stretch;
			}
			.btns1{
			    display: block;
			    background: #5046E5;
			    font-size: 12px !important;
			    color: #fff;
			    border-radius: 29px;
			    text-align: center;
			    padding: 7px 13px;
			    display: inline-block;
			    z-index: 0;
			    width: 120px;
			}
			.navbar-toggler{
				/* position: absolute; */
				/* left: 15px; */
			}
			.navbar {
			flex-wrap: revert;
		   }
		   .angled-card {
				font-size: 12px;
			}
			.form-card-body {
    padding: 20px 15px;
    display: flex
;
    flex-direction: column;
    gap: 14px;
    align-items: center;
}
		.form-card-body input {
    width: 100%;
}		
.header-section {
    padding-top: 12px !important;
} 

.info-card {
    width: 365px;
    height: 116px;
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(144, 151, 161, 0.2);
    border-radius: 15px;
    padding: 10px;
    gap: 13px;
   
}
.bookss {
    width: 85%;
    border-radius: 12px !important;
    background-color: #5046E4;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border: none;
    margin-top: 10px;
    box-shadow: 0 9px 13px rgba(79, 70, 229, 0.25);
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 15px;
    text-align: center;
    margin: auto;
    justify-content: center;
    margin: auto;
    display: flex;
}
.process span{
	display: block;
	left: -8px;
	top: -13px;
	text-align: center;
	font-size: 11px;
	height: 19px;
	width: 19px;
	border-radius: 7px !important;
	line-height: 19px;
}
.process img {
    height: 42px;
    background: #5046E5;
    width: auto;
    padding: 9px;
    border-radius: 10px;
    z-index: 9999;
    position: relative;
    margin-right: 17px;
}
.process{
    text-align: inherit;
    position: relative;
    display: flex;
    height: auto !important;
    margin-bottom: 35px !important;
    z-index: 0;
}
.region {
    width: 100%;
}
.btns2{
	display:none;
}
.imgg{
	display:none;
}
.btn-outline-secondary {
    transform: translateY(-2px);
    box-shadow: none !important;
    border: none !important;
    position: absolute;
    right: 10px;
    background: transparent;
    color: #2440c4;
    top: 10px;
    font-family: 'Inter';
    position: absolute !important;
    z-index: 9999999 !important;
    font-size: 12px;
}
.navbar-brand {
    padding-top: 0;
}
.offcanvas-start {
    top: 0;
    left: 0;
    width: 300px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateX(-100%);
}
.links li a{
	color: #333333;
	font-size: 16px;
	margin-right: 18px;
	font-family: 'Inter';
	font-weight: 500;
	padding: 10px 0;
	display: block;
}
.offcanvas-foooter{
	position: absolute;
    bottom: 70px;
    width: 86%;
}
.head-title-left {
    font-family: 'blauernue';
    line-height: initial;
}
.mainx {
    padding: 20px 15px 20px !important;
}
.qoutes img {
    width: auto;
    height: 124px;
    position: absolute;
    top: -47px;
    left: -3%;
}
.insent {
    position: relative;
    /* display: none; */
}
.f-links1 li a {
    font-family: 'blauernue';
    font-weight: 600;
    padding: 6px 0px;
    display: block;
    font-size: 14px;
}

 /* table */
 .table-responsive thead th {
    position: sticky !important;
    top: 0 !important;
    background-color: #fff;
    z-index: 5;
    padding: 10px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
 .comparison-table th, .comparison-table td {
    padding: 3px 11px;
    vertical-align: middle;
    font-weight: 400;
    font-family: 'blauerNue';
    font-size: 11px;
}
.checks img {
    width: 135px;
    display: flex;
    height: 28px;
    object-fit: contain;
}
.fixed1 {
    width: 100%;
    z-index: 9999 !important;
    left: auto;
    right: 0;
    padding-right: 15px;
}
.comparison-table img {
    min-height: 32px;
    vertical-align: middle;
    margin-right: 8px;
    width: 92px;
    margin: auto;
    object-fit: scale-down;
}
.navbar-toggler{
	    /* position: fixed; */
	    /* background: #5046e5; */
	    /* bottom: 29px; */
	    /* left: 8%; */
	    z-index: 99999;
	    padding: 6px 13px;
	    border: none;
}
 }
	
	
 .thankyou-wrapper {
    min-height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .thankyou-inner {
    text-align: center;
  }
  .tick-image {
    max-width: 120px;
    height: auto;
    margin-bottom: 20px;
  }
  .thankyou-text {
    font-size: 1.5rem;
    color: #28a745;
    font-weight: 500;
  }
  
 /* @media screen and (min-width: 1300px) and (max-width: 1600px) */
  @media screen and (max-width: 1366px){
  .info-card {
    width: 340px !important;
    height: 116px;
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(144, 151, 161, 0.2);
    border-radius: 15px;
    padding: 16px;
    gap: 28px;
    display: flex;
    align-items: center; /* Corrected from anchor-center */
    box-shadow: 0px 6px 250px rgba(0, 0, 0, 0.15);
  }
}

.bookss1 {
    width: 71%;
    border-radius: 48px !important;
    background-color: #5046E4;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border: none;
    margin-top: 10px;
    box-shadow: 0 9px 13px rgba(79, 70, 229, 0.25);
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 15px;
    text-align: center;
    margin: auto;
    justify-content: center;
    margin: auto;
    display: flex;
}	
 @media screen and (min-width: 1366px){
.row.d-flex.justify-content-between.align-items-center .col-12.col-lg-8.col-md-7.col-sm-12.mb-3 {
    position: relative;
    top: -69px;
}
}

@media screen and (max-width: 480px){
    
    .row.d-flex.justify-content-between.align-items-center .col-12.col-md-4.col-lg-4.col-md-5.col-sm-12.mb-3 {
    position: relative;
    top: -2px;
}
}