@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Onest:wght@100..900&display=swap');

body {
   font-family: "Instrument Sans", sans-serif;
    margin: 0px;
    font-size: 18px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Instrument Sans", sans-serif;
}

html {
	overflow-x: hidden
}

* {
	box-sizing: border-box
}

.container,
.container-lg,
.container-md,
.container-sm {
	max-width: 1320px
}

.container-xl,
.container-xxl {
	width: 1580px;
	max-width: 95%;
}

.mw-100 {
	max-width: 100%
}

.mw-95 {
	max-width: 95%
}

.mw-90 {
	max-width: 90%
}

.mw-80 {
	max-width: 80%
}

.mw-70 {
	max-width: 75%
}

.mw-70 {
	max-width: 70%
}

.mw-65 {
	max-width: 65%
}

.mw-60 {
	max-width: 60%
}

.mw-50 {
	max-width: 50%
}

.mw-40 {
	max-width: 40%
}

.mw-35 {
	max-width: 35%
}

.mw-30 {
	max-width: 30%
}

.mw-25 {
	max-width: 25%
}

.mw-20 {
	max-width: 20%
}

.mw-10 {
	max-width: 10%
}

header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background: transparent;
  transition: background 0.3s ease;
}
 

header.scrolled {
  background: rgba(18,2,93,.8);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.logo {
    max-width: 170px;
    margin-left: 0px;
    }
.hero .logo img {
    float: none;
}
#navbarNav {
    text-align: center;
}

.navbar-expand-lg .navbar-collapse {
      flex-direction: column;
  justify-content: center; /* Vertical center */
  align-items: center;     /* Horizontal center */
}

#navbarNav .active a {
    color: #FAB330;
} 

#navbarNav a {
    color: #fff;
    padding: 0px 50px;
    font-size: 20px;
     font-family: "Instrument Sans", sans-serif;
     font-weight: 600;
}

.book-demo {
    background: #FAB330;
    border-radius: 8px;
    width: 180px;
    height: 60px;
    border: none;
    float: right;
    font-size: 18px;
    font-weight: 600;
}

.hero {
 padding-bottom: 1%;
 background: url(../img/PNG/hero_bg.png) #12025D no-repeat center center;
 background-size: cover;
}

.hero img {
    float: right;
}

#hero {
    padding: 100px 0 0;
}

.hero .hero-content {
margin-top: 85%;
color: #fff;
margin-left:-10%;
}

.hero .hero-content h1 {
    font-weight: 700;
    font-size: 50px;
}

.hero .hero-content p {
    font-size: 20px;
    text-align: left;
}



.hero .hero-content .explore {
    color: #333333;
    background: #00FFE5;
    width: 180px;
    height: 50px;
    border: none;
    font-size: 16px;
    border-radius: 8px;
    margin-top: 20px;
    font-weight: 600;
}

.encollect_sections {
background: #050213;
background: linear-gradient(0deg, rgba(5, 2, 19, 1) 0%, rgba(29, 18, 65, 1) 70%, rgba(29, 18, 65, 1) 100%);
    padding: 5% 2%;
}

.box-pro {
  background: rgba(255, 255, 255, 0.1);
  background-image: url(../img/PNG/green_pattern.png);
  background-repeat: no-repeat;
  background-position: left bottom;
    backdrop-filter: blur(25px) brightness(90%);
    -webkit-backdrop-filter: blur(25px) brightness(90%);
    border-radius: 36px;
    padding: 10% 30px;
    height: 480px;
}

.box-pro .content-pro {
    color: #fff;
    margin-left:35%;
    margin-top: 10%;
}

.box-pro .content-pro h2 {
    font-size: 44px;
    font-weight: 700;
}

.box-pro .content-pro h2 img {
    margin-top: -40px;
    margin-left: 5px;
}

.box-pro .content-pro ul li {
    font-size: 18px;
    line-height: 1.5;
    padding-right: 40px;
    margin: 0px 0px;
    padding: 0px 0px 5px;
}

.box-pro .content-pro p {
    font-size: 18px;
    line-height: 1.5;
    padding-right: 40px;
    margin: 20px 0px;
}
.box-pro .content-pro p a {
    text-decoration: none;
    color: #FAB330;
}

.box-pro .content-pro p a:hover, .box-edge .content-edge p a:hover {
    text-decoration: underline;
    font-weight: 500;
}


.box-edge {
  background: rgba(255, 255, 255, 0.1);
  background-image: url(../img/PNG/yellow_pattern.png);
  background-repeat: no-repeat;
  background-position: right top;
    backdrop-filter: blur(25    px) brightness(90%);
    -webkit-backdrop-filter: blur(25px) brightness(90%);
    border-radius: 36px;
    padding: 10% 30px;
    height: 480px;
}

.box-edge .content-edge {
    color: #fff;
    margin-left:5%;
    margin-top: 10%;
}

.box-edge .content-edge h2 {
    font-size: 44px;
    font-weight: 700;
}

.box-edge .content-edge h2 img {
    margin-top: -40px;
    margin-left: 5px;
}

.box-edge .content-edge ul li {
    font-size: 18px;
    line-height: 1.5;
    padding-right: 40px;
    margin: 0px 0px;
    padding: 0px 0px 5px;
}

.box-edge .content-edge p {
    font-size: 18px;
    line-height: 1.5;
    padding-right: 40px;
    margin: 20px 0px;
    width: 70%;
}
.box-edge .content-edge p a {
    text-decoration: none;
    color: #FAB330;
}

.feature-bg {
    background: url(../img/PNG/features_bg.png) no-repeat center top;
    padding: 3% 0 5%;
    background-size: cover;
}

.feature-bg .heading {
    padding-left: 8%;
}

.feature-bg .accordion {
    padding-left: 13%;
    width: 93%;
}

.feature-bg h5 {
    font-family: "Onest", sans-serif;
    font-size: 15px;
    line-height: 1.4;
    padding: 7px 5px;
    text-align: center;
    width: 143px;
    color: #fff;
    background: url(../img/SVG/border-all-in-one-app.svg) left top no-repeat;
}
.feature-bg h3 {
    color: #fff;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 700;
    margin: 20px 0px;
}

.feature-bg .accordion-item {
	background-color: transparent;
	border: 0px solid rgba(0,0,0,.125);
    color: #fff;
}
.feature-bg .accordion-button img {
    margin-right: 20px;
}

.accordion-body {
    padding: 0rem 0.25rem 0.50rem;
}

.accordion-body p {
    font-size: 20px;
     line-height: 1.5;
}
.accordion-body p strong {
    font-weight: 700;
}
.accordion-header {
    margin-bottom: 0;
    font-size: 30px;
    color: #BFBFBF;
}

.accordion-button {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 1rem 0rem 1.25rem;
	font-size: 30px;
    font-weight: 700;
	 color: #BFBFBF;
	text-align: left;
	background-color: transparent;
	border-bottom: solid 1px #707070;
	border-radius: 0;
	overflow-anchor: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    margin-bottom: 20px;
}

.feature-bg .accordion-button:not(.collapsed) {
	color: #fff;
	background-color: transparent;
	box-shadow: none;
    font-size: 30px;
    font-weight: 700;
}

.accordion-button:not(.collapsed)::after {
	background:url(../img/SVG/down_arr.svg) no-repeat right top;
	transform: rotate(-180deg);
     opacity: 0.99;
}

.accordion-button::after {
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	margin-left: auto;
	content: "";
	background:url(../img/SVG/down_arr.svg) no-repeat right top;
	background-repeat: no-repeat;
	background-size: 1.25rem;
	transition: transform .2s ease-in-out;
    opacity: 0.4;
}

.accordion-button:focus {
	z-index: 3;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.image-1, .image-2, .image-3, .image-4 {
    display: none;
    margin-top: -22%;
    margin-left: 0px;
}

.image-1 img, .image-2 img, .image-3 img, .image-4 img {
    max-width: 100%;
}

.image-1 {
    display: block;
}

.mobile-app-features {
    background: url(../img/PNG/mobile_app_features_bg.png) no-repeat center top;
    background-size: cover;
    padding: 3% 0px 5%;
    text-align: center;
    color: #fff;
    margin: auto;
}

.mobile-app-features h5 {
    font-family: "Onest", sans-serif;
    font-size: 15px;
    line-height: 1.4;
    padding: 7px 5px;
    text-align: center;
    width: 143px;
    color: #fff;
    background: url(../img/SVG/border-mobile-app-future.svg) center center no-repeat;
    display: block;
    margin: auto;
}
.mobile-app-features h3 {
    color: #fff;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 700;
    margin: 25px auto;
}
.mobile-app-features p {
    font-size: 20px;
    line-height: 1.5;
    padding-right: 40px;
    margin: 20px auto 30px;
    width: 90%;
}

.mobile-feature img {
    max-width: 80%;
}

.left-points {
    position: relative;
    top: 21%;
    left: 42%;
    font-size: 19px;
    line-height: 1.5;

}

.right-points {
    position: relative;
    top: 21%;
    right: 42%;
    font-size: 19px;
    line-height: 1.5;

}

.point-bg {
  width: 280px;
  height: 70px;
  /* background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='280' height='70' viewBox='0 0 280 70'><defs><linearGradient id='grad' x1='0.651' y1='-0.192' x2='0.538' y2='1.47'><stop offset='0' stop-color='%230460d9' stop-opacity='0.91'/><stop offset='1' stop-color='%23470227' stop-opacity='0'/></linearGradient></defs><rect width='280' height='70' rx='18' fill='url(%23grad)'/></svg>"); */
  background-size: cover;
  background: url(../img/SVG/blue_gradient.svg);
  background-repeat: no-repeat;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 25%;
  left: 15px;
}

.point-bg-1{
    width: 280px;
  height: 70px;
  /* background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='280' height='70' viewBox='0 0 280 70'><defs><linearGradient id='grad' x1='0.071' y1='1.204' x2='0.694' gradientUnits='objectBoundingBox'><stop offset='0' stop-color='%23d9047d' stop-opacity='0.91'/><stop offset='1' stop-color='%23470227' stop-opacity='0'/></linearGradient></defs><rect width='280' height='70' rx='18' fill='url(%23grad)'/></svg>"); */
  background: url(../img/SVG/pink_gradient.svg);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 25%;
}

 .point-bg-2{
   width: 280px;
  height: 70px;
  /* background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='280' height='70' viewBox='0 0 280 70'><defs><linearGradient id='grad' x1='0.711' y1='1.08' x2='0.665' y2='0.105' gradientUnits='objectBoundingBox'><stop offset='0' stop-color='%2304d9d9' stop-opacity='0.91'/><stop offset='1' stop-color='%23470227' stop-opacity='0'/></linearGradient></defs><rect width='280' height='70' rx='18' fill='url(%23grad)'/></svg>"); */
  background: url(../img/SVG/cyan_gardient.svg);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 25%;
  left: 15px;
}
 
 .point-bg-3{
   width: 280px;
  height: 70px;
  /* background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='317' height='81' viewBox='0 0 317 81'><defs><linearGradient id='linear-gradient' x1='0.5' y1='-0.615' x2='0.657' y2='1' gradientUnits='objectBoundingBox'><stop offset='0' stop-color='%2304d959' stop-opacity='0.91'/><stop offset='1' stop-color='%23470227' stop-opacity='0'/></linearGradient></defs><rect width='317' height='81' rx='18' fill='url(%23linear-gradient)'/></svg>"); */
  background: url(../img/SVG/green_gardient.svg);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 25%;
  left: 8px;
}

 .point-bg-4{
   width: 280px;
  height: 70px;
  /* background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='280' height='70' viewBox='0 0 280 70'><defs><linearGradient id='grad' x1='0.693' y1='1.521' x2='0.477' y2='-0.584' gradientUnits='objectBoundingBox'><stop offset='0' stop-color='%23d98b04' stop-opacity='0.91'/><stop offset='1' stop-color='%23470227' stop-opacity='0'/></linearGradient></defs><rect width='280' height='70' rx='18' fill='url(%23grad)'/></svg>"); */
  background: url(../img/SVG/yellow_gradient.svg);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 30%;
  left: -5px;
}
 

 .point-bg-5{
  width: 280px;
  height: 70px;
  /* background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='317' height='81' viewBox='0 0 317 81'><defs><linearGradient id='grad' x1='0.693' y1='1.521' x2='0.477' y2='-0.584' gradientUnits='objectBoundingBox'><stop offset='0' stop-color='%23d90412' stop-opacity='0.91'/><stop offset='1' stop-color='%23470227' stop-opacity='0'/></linearGradient></defs><rect width='317' height='81' rx='18' fill='url(%23grad)'/></svg>"); */
  background: url(../img/SVG/red_gradient.svg);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 25%;
  left: 5px;
}

.point-bg-white {
  background: rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(35px) brightness(80%);
  -webkit-backdrop-filter: blur(35px) brightness(80%);
  border-radius: 18px;
  padding: 12px 0 0;
  height: 60px;
  width: 280px;
  text-align: center;
  color: #fff;
  
}

 

.blur-card {
  /* background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px) brightness(80%);
  -webkit-backdrop-filter: blur(10px) brightness(80%);
  border-radius: 18px;
  padding: 10px 20px;
  height: 70px;
  width: 280px; */
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight:500;
  font-size: 20px;
} 

.blur-card img {
  width: 24px;
  height: 24px;
}


.insights-bg {
    background: url(../img/PNG/insights-bg.png) no-repeat center top #1A192B;
    background-size: cover;
    padding: 0% 0px 5%;
}

.insight-heading-bg {
  background: linear-gradient(to bottom, #050213 0%, rgba(35, 34, 54, 0) 86.9%);
  background-repeat: no-repeat;
  background-size: cover;
  padding:2% 0 0;
}

.insights-bg .content {
    color: #fff;
    text-align: left;
}

.insights-bg .content h5 {
  font-family: "Onest", sans-serif;
    font-size: 15px;
    line-height: 1.4;
    padding: 7px 5px;
    text-align: center;
    width: 163px;
    color: #fff;
    background: url(../img/SVG/sleek-border.svg) center center no-repeat;
}

 
.insights-bg .content h3 {
    color: #fff;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 700;
    margin: 25px auto;
}
.insights-bg .content p {
    font-size: 18px;
    line-height: 1.5;
    margin: 20px auto 30px;
}

.insights-bg .content .book-demo {
	background: #FAB330;
	border-radius: 8px;
	width: 160px;
	height: 50px;
	border: none;
	float: none;
	font-size: 16px;
    font-weight: 600;
}

.slider-bg {
    background: #1A192B;
    padding: 5% 0px 8%;
    margin-top: -8%;
}

.slider-bg .content  {
    margin-left: 5%;
}

.slider-bg .content h5 {
  font-family: "Onest", sans-serif;
    font-size: 15px;
    line-height: 1.4;
    padding: 7px 5px;
    text-align: center;
    width: 183px;
    color: #fff;
    background: url(../img/SVG/slider-border.svg) center center no-repeat;
}

 
.slider-bg .content h3 {
    color: #fff;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 700;
    margin: 25px 0;
    width: 50%;
}

.slider {
    color: #fff;
    margin: 20px auto;
}

.slider .slider-bg {
  max-width: 90% !important;
  height: 162px;
  background-color: rgba(82, 60, 141, 0.4); /* #523C8D with 40% opacity */
  border-radius: 18px;
  padding: 12% 15%;
  margin: 0px 15px;
  justify-content: center;
}

.slider img {
    margin-bottom: 10px;
}
.slider h4 {
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    margin: 5px 0;
    letter-spacing: 1px;
}

.digital-collection {
    background: url(../img/PNG/cta_bg.png) no-repeat center top;
    background-size: cover;
    padding: 6% 0px;
    text-align: center;
    color: #fff;
}

.digital-collection .book-demo {
	background: #FAB330;
	border-radius: 8px;
	width: 160px;
	height: 50px;
	border: none;
	float: none;
	    font-size: 16px;
    font-weight: 600;
}


.digital-collection .content h5 {
  font-family: "Onest", sans-serif;
    font-size: 15px;
    line-height: 1.4;
    padding: 7px 5px;
    text-align: center;
    width: 143px;
    color: #fff;
    background: url(../img/SVG/digital_collection_border.svg) center center no-repeat;
    margin: auto;
}

 
.digital-collection .content h3 {
    color: #fff;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 700;
    margin: 20px auto;
}
.digital-collection .content p {
    font-size: 20px;
    line-height: 1.5;
    margin: 20px auto 30px;
    width: 58%;
}



.digital-collection {
    background: url(../img/PNG/cta_bg.png) no-repeat center top;
    background-size: cover;
    padding: 6% 0px;
    text-align: center;
    color: #fff;
}

.digital-collection .book-demo {
	background: #FAB330;
	border-radius: 8px;
	width: 160px;
	height: 50px;
	border: none;
	float: none;
	    font-size: 16px;
    font-weight: 600;
}

.iso {
    background: #1E1C45;
    padding: 5% 0px 5%;
}

.iso .content h5 {
  font-family: "Onest", sans-serif;
    font-size: 15px;
    line-height: 1.4;
    padding: 7px 5px;
    text-align: center;
    width: 283px;
    color: #fff;
    background: url(../img/SVG/iso-border.svg) center center no-repeat;
}

 
.iso .content h3 {
    color: #fff;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 700;
    margin: 20px auto;
}
.iso .content p {
    font-size: 20px;
    line-height: 1.5;
    margin: 20px 0 30px;
    color: #fff;
    width: 90%;
}

.iso img {
	width: 100%;
}

.footer-top {
    background: #171136;
    padding: 2.5% 0;
}

.footer-top hr {
    color: rgba(255, 255, 255, 0.5);
}
.foooter-menu {
    color: #fff;
    float: right;
}
.foooter-menu ul {
    margin: 0;
    padding:0;
}

.foooter-menu ul li {
    display: inline-flex;
    margin: 0px 45px;
}

.foooter-menu ul li a {
    font-size: 18px;
    text-decoration: none;
    color: #fff;
}

.contact-details {
    color: #fff;
    padding: 2% 0;
}

.footer-top .contact-details h5 {
  font-family: "Onest", sans-serif;
    font-size: 22px;
    line-height: 1.4;
    padding: 7px 5px;
    text-align: left;
    width: 143px;
    color: #fff;
    
}

.footer-top .contact-details p {
    font-size: 18px;
    line-height: 1.5;
    padding-bottom:0px;
}

.footer-top .contact-details p a {
    text-decoration: none;
    color: #fff;
}

.footer-top .blue-bg {
    background: #231B4D;
    border-radius: 17px;
    color: #fff;
    padding: 3% 4%;
    height: 139px;
}

.footer-top .blue-bg h4 {
  font-family: "Onest", sans-serif;
    font-size: 32px;
    line-height: 1.4;
    padding: 0px 5px;
    text-align: left;
    color: #fff;
    
}

.footer-top .blue-bg h3 {
    color: #FAB330;
    font-size: 36px;
    line-height: 0.4;
    font-weight: 700;
    margin:15px 0px 0px;
    border-bottom: solid 5px #5937FF;
    width: 41%;
}

.footer-image {
    position: relative;
    /* float: left; */
    left: -90px;
}


.footer-btm {
    background: #352875;
    padding: 1.5% 0px 1.2%;
    margin-top: -6%;
    color: #fff;
}

.footer-btm p {
    font-size: 17px;
    padding-bottom:0px;
    color: #C8C3E1;
    padding-top: 8px;
}


.modal-dialog {
    width: 70%;
    max-width:1000px;
    margin: 2rem auto;
    padding: 2% 0;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 30px;
    outline: 0;
    color: #000;
}

.modal-header .fs-5 {
    font-size: 1.8rem!important;
    font-weight: 700;
    color: #352875;
     font-family: "Instrument Sans", sans-serif;
}



.modal-header {
    display: block;
    margin: 0px 2% ;
    border-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 3%;
}

.modal-body {
    display: block;
    margin: 0px 2% 3%;
    border-bottom: 0px;
}

.modal-body label {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  font-family: "Instrument Sans", sans-serif;
  margin-bottom: 5px;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 12px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
 
.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-start;
    padding: .75rem;
    border-top: 0px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
}

.modal-header img {
    float: none;
}

.modal-content .form-control {
    margin-bottom: 20px;
}

.modal-content  .form-check.form-control.mw-90:last-child {
    width: 40%;
    margin-left: 20px;
}

.modal-content .submit {
	background: #FAB330;
	border-radius: 8px;
	width: 160px;
	height: 50px;
	border: none;
	float: none;
	font-size: 18px;
}

.btn-close {
    box-sizing: content-box;
    width: 45px;
    height: 45px;
    padding: 0px !important;
    background: url(../img/SVG/close_icon.svg) no-repeat left top ;
    border: 0;
    border-radius: .25rem;
    opacity: 9;
    float: right;
}

.btn-close:focus {
    box-shadow: none;
}


.feature_body_bg {
    width: 100%;
    background: url(../img/PNG/feature-body-bg.png) no-repeat left top #10005B;
    color: #fff;
  }

  .feature_body_bg .content {
    padding: 5% 0;
  }

  .feature_body_bg .content h1 {
    font-weight: 700;
    font-size: 50px;
    margin: 15px 0px;
}

  .feature_body_bg .content p {
    font-size: 18px;
    text-align: left;
}

  .feature_body_bg .content h5 {
    font-family: "Onest", sans-serif;
    font-size: 24px;
    line-height: 1.4;
    text-align: left;
    color: #A49DC1;
}

.table-bg {
    background: #1B1A34;
    padding: 2% 0;
    border-top: solid 1px #6F6D8A;
}

.table-bg h3 {
    color: #fff;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 700;
    margin: 20px 0px 30px;
    text-align: center;
}


.table-dark {
    --bs-table-bg: #3E3C58;
    --bs-table-striped-bg: #fff;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #373b3e;
    border-radius: 20px 20px 20px 20px;
}

.table-dark {
    border: 0;
}

.table-dark tr {
    border: 0;
}

.table-dark th {
    text-align: left;
    border-top: 0px;
    border-radius: 0;
    padding:30px 30px;
    border-color: #6F6D8A;
    font-size: 20px;
}

.table-dark th:first-child {
    border-radius: 20px 0 0 0;
    border-left: 0px;
}

.table-dark th:last-child {
    border-radius: 0px 20px 0 0px;
    border-right: 0px;
}
.table>tbody {
    border-color: #6F6D8A;
    border: 0;
}

.table-dark .table>tbody td {
    border-top: 0px;
    border-radius: 0;
    padding:5px 0px ;
    border-color: #6F6D8A;
    color: #fff;
    font-size: 14px;
}



.table-bordered>:not(caption)>*>* {
    border-width: 0 0px;
    border-color: #6F6D8A;
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px;
    border-color: #6F6D8A;
    font-size: 16px;    
    color: #fff;
    border-bottom: solid 1px #6F6D8A;
    font-size: 20px;
    padding-left: 30px;

}

.table-bordered>:not(caption)>*>* td  {
    padding-left: 0px;
    padding-right: 0px;
}

.table-bordered>:not(caption)>*>* p {
    border-bottom: solid 1px #6F6D8A;
}   
 
.table>tbody td tr td {    
    border: solid 1px #6F6D8A;
    padding: 10px 30px;
    font-size: 18px;
}
.table > tbody td tr td:first-child {
    border-top: 0px;
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: currentColor;
    border-bottom: 0px;
 
}


.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100vw;
    height: 100vh;
    background-color: #333;
}

/* ✅ For Chrome, Edge, Safari (WebKit browsers) */
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background-color: #1B1A34; /* Change this for scrollbar frame */
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 10px;
  border: 2px solid #1B1A34; /* Optional: Creates spacing around thumb */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

/* ✅ For Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #888 #1B1A34; /* thumb color | track color */
}


.mobile-footer {
  display: none;
}


.modal-content .form-control input#proRadios1, .modal-content .form-control input#edgeRadios2 {
    margin: 12px 7px;
}

.thanks-content {
    margin: auto;
    text-align: center;
    color: #fff;
    padding: 6% 0;
}

.is-invalid {
    
}

.scroll-button {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  transition: position 0.3s ease;
  z-index: 1000;
}

/* Applied when screen width <= 560px AND user scrolled down */
.scroll-button.fixed {
  position: fixed;
  top: 50px;
}


.red {
    color:red;
}