.button1 {border-bottom: 4px solid #9e7509 !important;transition:all 0.3s linear;padding:10px 20px; font-size:18px;font-weight:bold; border:0px;border-radius:10px;background: linear-gradient(263deg,rgba(251, 173, 28, 1) 0%, rgba(253, 208, 12, 1) 100%);color:#32308e;}
.button1:hover {padding:10px 25px;transition:all 0.3s linear;}
.mt-6 {margin-top:-6px;}
sup {color:#fdd00c;font-weight:bold;}
.feature-box {background: #0d0e44; border-radius: 15px;transition:all 0.3s linear;}
	.feature-box:hover {background:#1f2065;transition:all 0.3s linear;}
	.feature-box:hover .zoom{transform: scale(1.2);}
	.hover-shadow {box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}
	.white-text {color:#fff;}
	.zoom { transition: transform .2s;}
	.mt-100 {margin-top:-120px;}
	.bdr-lr {border-left: 1px solid #3e3f74;border-right: 1px solid #3e3f74;}
	h5, .h5 {font-size:15px !important; font-weight:normal;}
	h4 {color:#fff;font-size:18px;}
	  <!--  .container {max-width:1080px;} -->
        body { font-family: 'Inter', sans-serif; background:#06073a ; }

        /* --- Navbar Styles --- */
        .navbar {
            transition: all 0.4s ease;
            padding: 20px 0;
        }
        .navbar-scrolled {
            background-color: #06073a  !important;
            padding: 10px 0;
            box-shadow: 0 2px 10px rgba(0,0,0,0.5);
        }

        /* --- Row 1: Hero Video Styles --- */
        .video-hero {
            position: relative;
            height: 80vh;
            min-height: 500px;
            width: 100%;
            overflow: hidden;
            display: flex;
            align-items: center;
            color: white;
        }
        .video-hero .vid1 {
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: -2;
            transform: translate(-50%, -50%);
            object-fit: cover;
        }
        .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
			background: linear-gradient(1deg,rgba(6, 7, 58, 1) 0%, rgba(48, 49, 146, 0.57) 100%);
            z-index: -1;
        }
		
		.video-wrapper {border:2px solid #292c80;border-radius:15px; overflow:hidden;}

        /* --- General Section Padding --- */
        section { padding: 10px 0; }
        .bg-grey { background-color: #101435; }
		
		
	
		
	.mt-20 {margin-top:-25px;}
	.mar-center {margin:0 auto;}
	.white-text {color:#fff;}
	.modal-content {background:#303192 !important;}
	.modal-header {border-bottom:none;}
	.bg-light-blue { border: 1px solid #3e3f74;border-radius: 10px;}
	.hashtag-pill {margin-bottom:15px !important;}
	.text-white p {color:#fff;}
	p, .blue-text {color:#fff;}
	.btn-outline-primary {border:1px solid #303192; color:#303192;}
	.btn-outline-primary:hover {background:#303192;color:#fff;}
	.orange-txt { background: -webkit-linear-gradient(#fdd00c, #fbad1c);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
	.display-3 {font-size:50px !important;font-weight:800 !important;}
	.bg-blue-bg {background:#080947;color:#fff !important;}
	h2 {font-size:26px !important;}
	.bg-light-gray {border: 1px solid #3e3f74;}
	.border-dark {border-color: rgb(230 242 255) !important;}
	.align-center {margin: 0 auto; display:table;}
	.b-radius {border-radius:15px !important;}
	.line {width: 60px; height: 3px; background:#303192; margin: 20px auto;}
	.blue-clr, .h5, h5 {color:#ffffff;}
	.navbar {border-bottom:none !important;}
		
    .hashtag-pill {
            display: inline-block;
            padding: 6px 18px;
            border: 2px solid #4b5181;
            border-radius: 50px;
            color:#fff;
            font-size: 0.85rem;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 1.5rem;
        }
		
.premium-form {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.10);
    color: var(--primary-dark);
	max-width:360px;
	border:1px solid #303192;
}

/* #navigation-sections {position:fixed;right:1.5%;} */

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top:1px solid #303192;
    opacity: .25;
}

.transbox {
  background-color: rgb(10 29 119 / 20%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.blue-text {color:#ffffff; font-weight: normal;}

.blue-btn {
    box-sizing: border-box;
    border-radius: 10px;
    padding: 12px 40px;
    border: none;
    height: auto;
    text-transform: capitalize;
    color:#fff;
    background-color:#303192;
    cursor: pointer;
    display: inline-block;
    font-size: var(--f-s-cta);
    line-height: 20px;
    font-style: normal;
    font-family: var(--font-primary);
    font-weight: var(--font-weight-semibold);
    text-align: center;
    transition: all 180ms linear;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blue-btn:hover {background:#20216f;}




.sticky-form {
  position: -webkit-sticky;
  position: sticky;
  top: 100px; /* Space from top of viewport when scrolling */
  z-index: 1020;
  transition: all 0.3s ease;
}

/* Ensure the parent column has height for the sticky element to slide within */
.col-lg-4 {
  position: relative;
}

.display-2 { font-size: 65px !important;}
.bg-white {background:#06073a !important;}



@media (max-width: 991px) {
  .sticky-form { position: relative; top: 0; }
}

@media (max-width: 768px) {
#navigation-sections {position: relative;right: 0px;}
.p-t-40-m {margin-top: 100px;padding-bottom:30px;}
.mt-20 { margin-top: 10px;}
.video-hero {height:auto !important;}
.border-start, .border-end {border:0px !important;}
.t-c-m {text-align:center;}
.display-3 {font-size:40px !important;}
.offset-1 {margin-left:0%;}
.display-2 {font-size: 42px !important;}
.mb-15-m {margin-bottom:15px;}
.bdr-lr {border-top: 1px solid #3e3f74;border-bottom: 1px solid #3e3f74; border-left:0px; border-right:0px;}
.video-wrapper {margin-top:100px;}
}


.animated-button {
  position: relative;
  display: inline-block;
  padding: 12px 24px;
  border: none;
  font-size: 16px;
  background-color: inherit;
  border-radius: 100px;
  font-weight: 600;
  color: #ffffff90;
  box-shadow: 0 0 0 2px #ffffff20;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
  border: 1px solid #fff;
}

.animated-button span:last-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background-color: #2196F3;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.23, 1, 0.320, 1);
}

.animated-button span:first-child {
  position: relative;
  z-index: 1;
}

.animated-button:hover {
  box-shadow: 0 0 0 5px #2195f360;
  color: #ffffff;
}

.animated-button:active {
  scale: 0.95;
}

.animated-button:hover span:last-child {
  width: 350px;
  height: 350px;
  opacity: 1;
}