@import url('https://fonts.googleapis.com/css2?family=Aspekta:wght@400;500;600;700&display=swap');
 html,
 body {
 	/* IE 10-11 didn't like using min-height */
 	height: 100%;
 }

 body {
 	font-family: "Aspekta", sans-serif;
 	scroll-behavior: smooth;
 	overflow-x: hidden;
 	display: flex;
 	flex-direction: column;
 	height: 100%;
 	
 }

#root {
	background: linear-gradient(242.44deg, #37B1F6 5.01%, #C108D2 90.21%);
	min-height: auto;
	
}

 input:focus {
 	box-shadow: none !important;
 }

 button {
 	box-shadow: none !important;
 }

 .section {
 	flex: 1 0 auto;
 }


 /* Custom Colors */
 :root {
 	--primary-color: #00A912;
 	/* Orange (#ea6109) */
 	--secondary-color: #024e1d;
 	/* Dark Green (#024e1d) */
 	--active-hover-color: #000000;
 	/* Black for active or hover links */
 	--inactive-color: #808080;
 }

 .navbar {
 	padding: 15px 15px;
 	/* position: absolute; */
 	width: 100%;
 	z-index: 999;
 	visibility: visible;
 	transition: all 0.5s ease;
 }

 .navbar.sticky {
 	position: fixed;
 	top: 0;
 	left: 0;
 	right: 0;
 	width: 100%;
 	background-color: white;
 	visibility: visible;
 	transition: transform .5s ease, visibility .5s ease;
 	box-shadow: 0 1px 0 0 #e5eeec;
 }



 /* Navbar Styles */
 .arrow-right {
 	width: 28px;
 }

 .navbar-brand img {
 	width: 86%
 }


 .feedback-btn {
 	background: var(--primary-color);
 	color: white;
 	padding: 8px 25px;
 	font-weight: 400;
 	border-radius: 15px;
 	font-size: 16px;
 	color: #fff;
 }

 .feedback-btn:hover {
 	background: #5645EE;
 	color: white;
 }

 .offer-jobs {
 	color: #5645EE;
 	text-decoration: none;
 	border-bottom: 1px solid var(--primary-color);
 }

 /*Header*/
 .main-header {
 	position: relative;
 	display: block;
	margin: 0 70px;
 }


 .main-menu-wrapper {
 	position: relative;
 	/* background-color: #fff; */
 }

 .main-menu-wrapper__top {
 	position: relative;
 	display: block;
 	padding: 0 60px;
 	background-color: #fff;
 	box-shadow: 0 1px 0 0 #e5eeec;
 }

 .main-menu-wrapper__bottom {
 	position: relative;
 	display: block;
 	padding: 0 60px;
 }

 .main-menu {
 	position: relative;
 	z-index: 91;
 }

 .main-menu__inner,
 .main-menu__right {
 	display: flex;
 	align-items: center;
 	position: relative;
 }

 .main-menu-wrapper__left-content,
 .main-menu-wrapper__top-inner {
 	display: flex;
 	align-items: center;
 }

 .main-menu-wrapper__left-text p {
 	font-size: 14px;
 	color: black;
 	margin: 0;
 	font-weight: 700;
 }


 /* Hero Section Styles */

 .main-wrapper {
 	max-width: 50rem;

 }

 .sec-height {
 	height: calc(100vh - 227px);
 	position: relative;
 }

 .resume-analysis-header {
 	text-align: center;

 }

 .gigflick {
 	font-size: 1.6em;

 	color: #5645EE;
 }

 .resume-text {
 	font-size: 1.7em;
 	color: #fff;
 	font-weight: 500;
 }


 .desc {
 	color: rgba(36, 37, 43, 0.7);
 	font-weight: 400;
 	font-size: 14px;
 }

 .gig-textarea {
 	background: #fff;
 	padding: 32px 25px;
 	border-radius: 30px;
 }

 .upload-section {
 	display: flex;
 	align-items: center;
 	cursor: pointer;
 	transition: background-color 0.3s;
 }


 .upload-section .icon {
 	font-size: 2em;
 	margin-right: 15px;
 	color: #7f8c8d;
 }

 .upload-icon img {
 	width: 60px;
 }

 /* Hidden File Input */
 .upload-input {
 	display: none;
 }

 .upload-head {
 	color: #4060d7;
 	font-weight: 500;
 	margin-bottom: 0px;
 	font-size: 16px;
 	width: 500px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
 }
 .file-upload-section .upload-head
 {
 	 color:#18181B;
 }
 .file-upload-section .size-text {
    color: #6b7280;
}
 .size-text {
 	color: #6b7280;
 	font-weight: 500;
 	margin-top: 5px;
 	font-size: 14px;
 }

 .custom-select {
 	position: relative;
 	width: fit-content;
 }

 .custom-select select {
 	width: 100%;
 	padding: 10px 80px 10px 25px;
 	font-size: 1em;
 	border-radius: 18px;
 	background-color: rgba(86, 69, 238, 0.1);
 	appearance: none;
 	border: none;
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	cursor: pointer;
 }

 /* Custom Arrow */
 .custom-select::after {
 	content: "";
 	position: absolute;
 	right: 10px;
 	top: 50%;
 	transform: translateY(-50%);
 	width: 30px;
 	height: 30px;
 	/*background-image: url('../img/chevron-down.png');*/
 	/* Custom arrow image */
 	background-size: contain;
 	background-repeat: no-repeat;
 }

 /* Optional: Hover and Focus Effects */
 .custom-select select:hover,
 .custom-select select:focus {
 	border-color: none;
 	outline: none;
 }

 .agreement-message {
 	font-size: 1.1em;
 	color: #fff;
 	text-align: center;
 	margin-top: 20px;
 }

 .agreement-message a {
 	color: #fff;
 	text-decoration: none;
	font-weight: 700;
 }

 .agreement-message a:hover {
 	text-decoration: underline;
 }

 /*File Uploaded*/
 .file-upload-section {
 	background: #F7F8FA;
 	padding: 15px;
 	border-radius: 20px;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 }

 .start-btn {
 	/* background: var(--primary-color); */
 	color: white;
 	padding: 15px 25px;
 	font-weight: 400;
 	border-radius: 8px;
 	font-size: 16px;
 	width: 100%;
 	    background: linear-gradient(90deg, #bc04bc 0%, #4060d7 100%);
		    border: 1px solid;
 }

 .start-btn:hover {
 	    color: white;
    border: 1px solid;

 }

 .start-btn:active {
 	
    color: white !important;

 }

 .re-upload a {
 	width: 40px;
 	height: 40px;
 	background: var(--primary-color);
 	border-radius: 50%;
 	display: flex;
 	/* padding: 10px; */
 	align-items: center;
 	justify-content: center;
 }

 .re-upload a img {
 	width: 25px;
 }

 .modal-body {
 	text-align: center;
 	padding: 2rem;
 }

 .modal-content {
 	border-radius: 10px;
 }

 .email-icon img {
 	width: 35px;
 	/* Adjust size of the email icon */
 	height: auto;
 }

 .email-heading {
 	font-weight: 600;
 	font-size: 25px;
 }

 .input-group {
 	background: rgba(86, 69, 238, 0.03);
 	/* border: 1px solid rgba(86, 69, 238, 0.1); */
 	/* padding: 7px; */
 	border-radius: 5px;
 	margin-top: 20px;
 }

 .input-group .form-control {
 	border: none;
 	background: transparent;
 }

 .send-btn {
 	border-radius: 8px !important;
 	padding: 9px 25px;
 	font-size: 14px;
 	color: white;
	background: var(--primary-color);
    border: 1px solid;
 }

 .send-btn:hover, .send-btn:active {

 	background: var(--primary-color);
 	color: white;
 }
 .send-btn:disabled
 {
 	background: var(--primary-color) !important;
    border: 1px solid !important;
    color: #fff !important;
 }
 

 .no-btn {
 	border-radius: 13px !important;
 	padding: 9px 25px;
 	font-size: 14px;
 	background: transparent;
 	color: rgba(86, 69, 238, 0.7);
 	border-color: rgba(86, 69, 238, 0.7);
 }

 .no-btn:hover {
 	border-radius: 13px !important;
 	padding: 9px 25px;
 	font-size: 14px;
 	background: transparent;
 	color: rgba(86, 69, 238, 0.7);
 	border-color: rgba(86, 69, 238, 0.7);
 }

 /**/

 .nav-padding {
 	padding-top: 89px;
 }

 .proceesing-head {
 	padding: 0px 4rem;
 	padding-bottom: 150px;
 	    color: #fff;
 }

 .spinner-border {
 	border: var(--bs-spinner-border-width) solid #4060d7;
 	border-right-color: transparent;
 	padding: 10px;
 	width: 0.6rem;
 	height: 0.6rem;
 	--bs-spinner-border-width: 0.2em;
 }
 #mainLoader{
 	border: var(--bs-spinner-border-width) solid #ffffff;
 	border-right-color: transparent;
 	padding: 7px;
 	width: 0.6rem;
 	height: 0.6rem;
 	--bs-spinner-border-width: 0.2em;
 }

 .check-list-wrap {
 	background: linear-gradient(0deg, rgba(114, 58, 255, 0.05), rgba(114, 58, 255, 0.05)),
 		linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(223, 219, 255, 0.2) 0.01%, rgba(255, 255, 255, 0) 95.5%);
 	border-radius: 8px;
 	padding: 25px 20px;
	color: #4060d7;
    background: #fff;

 }

 .check-list-wrap.check {
 	background: linear-gradient(0deg, rgba(114, 58, 255, 0.05), rgba(114, 58, 255, 0.05)),
 		linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(217, 247, 236, 0.4) 0.01%, rgba(255, 255, 255, 0) 95.5%);

	background: #fff;
    color: #4060d7;
	}

 .check-list-wrap p {
 	    /*color: #4060d7;*/
 	font-size: 17px;
 	    color: #07238b;
 }

 .upload-bottom {
 	position: fixed;
 	width: 100%;
 	padding: 20px;
 	bottom: 0;
 	right: 0;
 	background: #F7F8FA;
 	border: 1px solid #EDEDF1
 }

 .upload-bottom .file-upload-section {
 	background: white;
 }

 .upload-btn img {
 	width: 44px;
 }

 .send-pdf-btn {
 	color: white;
 	padding: 8px 25px;
 	font-weight: 400;
 	border-radius: 8px;
 	font-size: 14px;
 	width: fit-content;
 	display: flex;
 	align-items: center;
	background: var(--primary-color)
    /*border: 1px solid;*/

 }

 .send-pdf-btn:hover {
 	background: #178723;
 	color: white;
 }

 .email-ic {
 	width: 20px;
 }

 /**/

 .overview-sec {
 	background: #fff;
 	border-radius: 8px;
 	padding: 20px;
 }

 .head-overview {
 	font-size: 17px;
 	font-weight: 500;
 	color: #4060d7;
 }

 .key-overview {
 	font-size: 17px;
 	font-weight: 500;
 	color: #3EAC80;
 }

 .area-overview {
 	font-size: 17px;
 	font-weight: 500;
 	color: #EE4B45;
 }

 .overview-dec {
 	font-size: 14px;
 	font-weight: 400;
 	/*color: #4060d7;*/
 	    color: #07238b;
 }


 .custom-arrow {
 	font-size: 1.5rem;
 	/* Adjust the arrow size */
 	transition: transform 0.3s ease-in-out;
 	/* Smooth transition */
 }

 .custom-arrow img {
 	width: 40px;
 }

 /* Rotate the arrow when the accordion item is expanded */
 .accordion-button.collapsed .custom-arrow {
 	transform: rotate(-180deg);
 	/* Rotates the arrow when collapsed */
 }

 .accordion-button::after {
 	content: none;
 }

 .accordion-item {
 	border-radius: 8px !important;
 	padding: 25px 20px;
 	margin-bottom: 20px;
 	background: #fff;
 	border: none;
 }

 .accordion-body {
 	padding-right: 0rem;
 	padding-left: 0rem;
 	padding-bottom: 0rem
 }

 .accordion-button:not(.collapsed) {
 	background: transparent;
 }

 .accordion-button {
 	padding: 0;
 	background: transparent;
 	border: none;
 	width: 100%;
 }

 .score h5 {
 	color: #18181B;
 	font-weight: 400;
 	font-size: 14px;
 	margin-bottom: 0;
 	margin-right: 20px;
 }

 .score .number {
 	color: #5645EE;
 	font-weight: 500;
 	font-size: 16px;
 }

 .score .number.green {
 	color: #3EAC80;
 }

 .accordion-head {
 	width: calc(100% - 161px);
 }

 .accordion-head h5 {
 	font-size: 17px;
	/*color: #4060d7;*/
	    color: #07238b;
 }

 .accordion-head p {
 	font-size: 14px;
 	font-weight: 400;
 	/*color: #4060d7;*/
 	    color: #07238b;
 }

 .accordion-body h5 {
 	color: #5645EE;
 	font-size: 14px;
 	font-weight: 400;
 }

 .accordion-body p {
 	color: #4060d7;
 	font-size: 14px;
 	font-weight: 400;
 }

 .work-exp {
 	background: white;
 	border-radius: 15px;
 	padding: 20px;
 }

 .drag-area {
		position: absolute;
		width: 110%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgba(86, 69, 238, 0.1);
		/*			border: 2px dashed var(--primary-color);*/
		color: var(--primary-color);
		font-weight: bold;
		visibility: hidden;
		left: -13px;
		top: 0px;
		/* Hidden by default */
		opacity: 0;
		z-index: 9999;
		/* Fully transparent */
		transition: opacity 0.4s ease, visibility 0s linear 0.4s;
		/* Smooth fade-out */
	}

	/* Show drag area when drag event is active */
	.upload-section.dragover .drag-area {
		visibility: visible;
		/* Make visible */
		opacity: 1;
		/* Fully opaque */
		transition: opacity 0.4s ease;
		/* Smooth fade-in */
	}

	/* Smooth transition for the success state */
	.upload-section.success {
		background-color: #e0f7fa;
		border-color: #4caf50;
		transition: background-color 0.5s ease, border-color 0.5s ease;
	}
 .close-btn {
    cursor: pointer;
}
.error-message
{
	color: red;
}
.disabled {
  opacity: 0.5; /* Dim the button */
  cursor: not-allowed; /* Change cursor to indicate it's disabled */
  pointer-events: none; /* Disable click events */
  /*background: var(--primary-color) !important;*/
  background: linear-gradient(90deg, #bc04bc 0%, #4060d7 100%);
  color: white !important;
}

.spinner-border {
    padding: 7px;
}
.ai_version
{
	width: 100%;
    padding: 10px 40px 10px 40px;
    font-size: 1em;
    border-radius: 20px;
    background: linear-gradient(90deg, #bc04bc 0%, #4060d7 100%);
    appearance: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color:#fff;
}

.custom-modal {
	position: relative;
}

.modal-close-btn {
	position: absolute;
	right: 10px;
	top: 0;
	cursor: pointer;
	font-size: 30px;
	z-index: 99;
	border: 0;
}
.modal-close-btn:active {
	border: 0px !important;
}
.btn.btn-signup {
    font-size: 18px;
    /* font-family: 'Aspekta'; */
    font-weight: 500;
    line-height: 29px;
    text-align: left;
    color: #ffffff;
    background: linear-gradient(90deg, #0093e6 0%, #0256d1 100%);
    border: 1px solid transparent;
        border-color: #ffffff;
    border-image-slice: 1;
    border-radius: 6px;
    padding: 8px 14px 8px 14px;
    box-shadow: 1px 2px 4px #00000033;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}
.login-text {
    font-size: 20px;
    /* font-family: 'Aspekta'; */
    font-weight: 500;
    line-height: 29px;
    text-align: left;
    color: #ffffff;
    text-decoration: none;
}
.home-section {
	width: 100%;
	background: linear-gradient(90deg, #F6CD6C 0%, #FFDD8C 100%);
	border-radius: 20px;
	position: relative;
	/* padding: 28px 36px; */
	box-shadow: 0 8px 18px rgba(0,0,0,0.08);
	overflow: hidden;
	    
}


.home-section .row {
	align-items: center;
}

.home-section h3 {
	
	/* margin: 30px 0 0px 0; */
	font-weight: 700;
	color: #111;
	text-align: center;
	
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
}

.home-section .img1 {
	display: block;
	margin: 0 auto;
}
.img2
{
	    width: -webkit-fill-available;
}

.home_ul {
    /* left: 966px; */
    top: 261px;
    font-family: 'Aspekta';
    font-style: normal;
    font-weight: 550;
    font-size: 19px;
    line-height: 90%;
    color: #000000;
}

.home-section ul li {
	
	font-size: 19px;
	color: #111;
}

.left_arrow {
	position: absolute;
    left: 0px;
    top: 45%;
    background: no-repeat;
    border: none;
	z-index: 1;
	  
}
.right_arrow {
	    position: absolute;
    right: 0px;
    top: 45%;
    background: none;
    border: none;
	z-index: 1;
   
}
.left_arrow img, .right_arrow img {
	width: 50%;
	height: 50%;
	object-fit: contain;
}

@media (max-width: 767px) {
	.home-section {
		padding: 18px;
	}
	.home-section h3 { font-size: 22px; }
	.home-section::before { width: 12px; }
	.home-section .col-md-4 { text-align: center; }
}

.mr-60 {
	margin: 0px 87px;
}

.banner {
  background: linear-gradient(90deg, #f7c76b, #f3d89a);
  border-radius: 25px;
}

/* Large-screen (around 1280px) layout fixes for banner-section */
@media (min-width: 1200px) and (max-width: 1366px) {
	.banner {
		position: relative;
		border-radius: 26px;
		display: block;
	}

	/* Ensure the grid columns stay 3-equal on 1280px and spacing matches design */
	.banner .row {
		align-items: center;
		gap: 0;
	}

	
	.banner .logo img {
		max-width: 190px;
		height: auto;
		display: block;
		margin: 0 auto;
	}

	.banner .center-content .title {
		font-size: 48px;
		line-height: 1;
		margin-bottom: 8px;
		text-align: center;
	}

	.banner .center-content img {
		width: 100%;
		display: block;
		margin: 6px auto 0;
	}

	.banner .internship-list {
		padding-right: 18px;
	}

	.banner .internship-list .home_ul {
		margin: 0;
	}
	.dot {
		right: 20px !important;
		top: 70%;
	}
}

/* Center */
.title {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 0px;
}

.characters {
  max-height: 140px;
}

/* List */
.internship-list ul {
  list-style: disc;
  padding-left: 20px;
}

.internship-list li {
  font-size: 18px;
  margin-bottom: 5px;
}

/* Responsive */
@media (max-width: 768px) {
  .logo, .center-content, .internship-list {
    text-align: center;
  }
}

.logo {
  display: flex;
  justify-content: center;   /* horizontal center */
  align-items: center;       /* vertical center */
}

.banner-apply {
    color: #fff;
    font-weight: 600;
}

.banner-apply img {
	width: 35.28px;
	    margin-left: -5px;
}
.section-title {
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
    font-size: 60px;
    opacity: 1;
    text-align: left;
}
.section-title-search {
	font-size: 35px !important;
}
.section-title span
{
    color: rgba(255, 255, 255, 1);
    top: 0px;
    left: 0px;
    font-weight: 600;
    font-size: 24px;
    opacity: 1;
    text-align: left;
}

button.btn.btn-analyzer {
    width: 270px;
    height: 59px;
    background: rgba(196, 2, 208, 1);
    opacity: 1;
    border: 1px solid rgba(255, 255, 255, 1);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow: hidden;
    color: #fff;
	    font-size: 20px;
		font-weight: 500;
}

.section-bg {
 
  padding: 60px 0;
  color: #fff;
}

.title_heding {
      width: 421px;
    color: rgba(255, 255, 255, 1);
    top: 697px;
    left: 104px;
    font-weight: 650;
    font-size: 28px;
    opacity: 1;
    text-align: left;
}

.custom-col {
  width: 20%;
}

.company-box {
  text-align: center;
  position: relative;
  margin-bottom: 50px;
}

.company-box .logoimg {

width: 120px;
height: 120px;
left: 153px;
top: 796px;

  object-fit: contain;
  margin-bottom: 15px;
}

.job-text {
  font-size: 17px;
  font-weight: 500;
      color: #fff;
}

.job-text span {
  margin-left: 1px;
}

.dot {
    width: 8px;
    height: 8px;
    background: #00ff4c;
    border-radius: 50%;
    position: absolute;
    right: 75px;
    top: 70%;
    animation: pulse 1.2s infinite;
    display: none;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        
    }
    50% {
        transform: scale(1.6);
        
    }
    100% {
        transform: scale(1);
       
    }
}

.appay_arrow
{
	margin-left: -12px;
    width: 33px;
    margin-bottom: 5px;
}

@media (max-width: 576px) {
.lak_logo {
        width: 60% !important;
        text-align: center;
        margin-top: 40px;
        margin-left: 25px;
    }
	.banner_logo {
		width: 80%;
	}
	.internship-list ul {
        padding-left: 65px !important;
        margin-top: 25px !important;
    }
	.section-title-wrapper {
		display: grid !important;
	}
	.section-title {
        font-size: 40px !important;
    }
	button.btn.btn-analyzer {
		margin: 0 auto;
		margin-top: 15px;
	}
	    .title_heding {
        font-size: 24px !important;
    }
	.custom-col.company-box {
		width: 33.33%;
	}
	.login-section {
		/*min-height: 83vh !important;*/
	}

	.job-text {
        font-size: 12px !important;
    }
}
@media (max-width: 768px) {
  .company-box .logoimg {
    height: 50px;
  }
  .btn.btn-signup
  {
	font-size: 16px;
	        padding: 8px 10px 8px 10px;
  }
  .main-header {
		margin: 0 15px;
	}
	.mobile-nav {
    gap: 1.5rem !important;
}
.header-search-input-group
{
	width: 160px !important;
	margin-right: 0px !important;
}
    .dot {
        right: 0px !important;
        top: 58%;
    }
	.lak_logo
	{
		    width: 80%;
	}
	.title {
		font-size: 42px;
		font-weight: 700;
		margin-bottom: 22px;
	}
		.internship-list ul {
			text-align: left;
				font-size: 12px;
		line-height: 125%;
		}
		
			.section-title {
			font-size: 40px;
		}
		.title_heding {
			font-size: 25px;
		}
		button.btn.btn-analyzer {
			width: 200px !important;
			height: 45px !important;
			font-size: 15px !important;
		}
		
}

@media (max-width: 1024px) {
	.mr-60 {
    	margin: 0px 20px;
	}
	.main-header {
		position: relative;
		display: block;
		margin: 0 20px;
	}
	button.btn.btn-analyzer
	{
			width: 240px;
			height: 50px;
			font-size: 18px;
	}
	.section-title {
		font-size: 50px;
	}
	.title_heding
	{
		    font-size: 28px;
	}
	.dot {
        right: 10px !important;
    }
	.internship-list ul {
		padding-left: 25px;
		margin-top: 15px;
	}

	.section-title-search {
    font-size: 25px !important;
}
	
}

@media (max-width: 1280px) {
	.dot {
		right: 25px;
	}
	.login-section {
		/*min-height: 77vh !important;*/
	}
}

@media (max-width: 1440px) {
	.dot {
		right: 50px;
	}
}
@media (max-width: 1366px) {
	
}

/* Header search input styling */
.header-search-container {
  transition: opacity 160ms ease, transform 160ms ease;
  opacity: 1;
}
.header-search-container.d-none {
  opacity: 0;
  transform: translateX(-6px);
}
.header-search-input-group {
  width: 400px;
      border-color: #fff;
    margin-bottom: 35px;
	margin-right: 0px;
	/* border: 3px solid #fff; */
}
.header-search-input {
  border-radius: 5px;
  padding: 10px 14px;
  box-shadow: 0 1px 6px rgba(32,33,36,0.08);
  border: 2px solid rgba(0,0,0,0.08);
  color: #fff !important;
}
.header-search-input::placeholder {
  color: #fff;
}
.search-close-btn {
  margin-left: 6px;
  /* border-radius: 20px;
  height: 40px;
  padding: 0 10px; */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
    border: 0;
}
.search-close-btn:hover, .search-close-btn:active {
	background: #fff !important;
}

.search-close-x
{
      background: #aaa;
    font-size: 18px;
    padding: 0px 5px 0px 5px;
    border-radius: 15px;
    color: #fff;
	height: 20px;
}
.close-btn-x {
	position: relative;
    top: -4px;
    font-size: 18px;
}
@media (max-width: 576px) {
  .header-search-input-group {
    width: 160px;
  }
      .header-search-input-group {
        width: 350px !important;
        margin-right: 0px !important;
    }
	header-search-container {
  transition: opacity 160ms ease, transform 160ms ease;
  opacity: 1;
      margin-top: -30px;
}
}

/* Mobile menu base styles */
.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  overflow: hidden;
      background: linear-gradient(242.44deg, #37B1F6 5.01%, #C108D2 90.21%);
  z-index: 1050;
  transition: height 260ms ease;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}
.mobile-menu.open {
  height: 100vh;
}
.mobile-menu-inner {
  padding: 14px 16px;
}


/* Polished mobile menu links */
.mobile-menu-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;
  padding-bottom: 18px;
}
.mobile-menu-links .nav-link,
.mobile-menu-links .btn {
  color: #222;
  background: transparent;
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  width: 100%;
  text-decoration: none;
      color: #fff;
}
.mobile-menu-links .nav-link img.nav-icon,
.mobile-menu-links .btn img.nav-icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  object-fit: contain;
}
.mobile-menu-links .btn.w-100 {
  justify-content: flex-start;
}
.mobile-menu-links .nav-link:hover,
.mobile-menu-links .btn:hover {
  background: rgba(0,0,0,0.04);
  text-decoration: none;
}
.mobile-menu-links .btn-signup {
  display: block;
  color: #fff !important;
  border: none;
  padding: 10px 14px;
  border-radius: 10px;
  text-align: center;
      background: linear-gradient(90deg, #0093e6 0%, #0256d1 100%) !important;
}
.mobile-close-btn {
  font-size: 35px;
  line-height: 1;
  color: #fff;
  background: transparent;
  border: none;
      position: absolute;
    right: 19px;
    top: 30px;
   
}

/* Hamburger */
.hamburger {
  display: inline-block;
  width: 22px;
  height: 20px;
  position: relative;
}
.hamburger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fff;
  left: 0;
  transition: all 160ms ease;
}
.hamburger span:nth-child(1) { top: 0; }
.hamburger span:nth-child(2) { top: 10px; }
.hamburger span:nth-child(3) { top: 14px; }

@media (min-width: 768px) {
  .mobile-menu { display: none; }
  
}

.hamburgermenu
{
	position: absolute;
    right: 0;
    top: 45px;
    color: #fff;
}
button.btn.btn-link.mobile-menu-toggle {
    /*background: #fff;*/
}

@media (max-width: 375px) {
	.header-search-input-group {
        width: 310px !important;
        margin-right: 0px !important;
    }
	    .section-title {
        font-size: 35px !important;
    }
	.title_heding {
        font-size: 18px !important;
    }
}
@media (max-width: 320px) {
	.header-search-input-group {
        width: 260px !important;
        margin-right: 0px !important;
    }
	.section-title {
        font-size: 25px !important;
    }
	.title_heding {
        font-size: 14px !important;
    }
}

.w-25
{
	width: 25px !important;
	height: 25px;
}
.pay_btn
{
	width: fit-content;
}
.basic_info_section .card
{
	background: linear-gradient(0deg, rgba(114, 58, 255, 0.05), rgba(114, 58, 255, 0.05)), linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(217, 247, 236, 0.4) 0.01%, rgba(255, 255, 255, 0) 95.5%);
    border-radius: 8px;
    border: 0px;
    color: #4060d7;
    background: #fff;
}
.payment_box
{
	    max-width: 550px;
    margin: 2rem auto;
    background: no-repeat;
    border-color: #fff;
    color: #4060d7;
	background: #fff;
}
.payment_box label
{
	color:#fff !important;
}
.white-text
{
	    color: #fff;
}

 /* Carousel styles for banner slider */
        .carousel-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 25px;
}

.carousel {
  position: relative;
  width: 100%;
}

.carousel-track {
  display: flex;
  transition: transform 400ms ease;
  width: 100%;
}

/* Each slide wrapper */
.carousel-slide-wrapper {
  min-width: 100%;
}

/* Image container */
.carousel-slide {
  width: 100%;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  overflow: hidden;

}

/* Image */
.carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* 🔥 no image cut */
  border-radius: 26px;
}

/* Apply button */
.banner-apply {
  cursor: pointer;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}

.banner-apply img {
  width: 18px;
}

/* Arrows */
.carousel-prev,
.carousel-next {
  position: absolute;
  top: 44%;
  transform: translateY(-50%);
      background: rgba(255, 255, 255, 0.15);
  border: none;
  color: #fff;
  padding: 0px 15px;
  border-radius: 30px;
  cursor: pointer;
  z-index: 5;
  font-size: 25px;
}

.carousel-prev { left: 10px; }
.carousel-next { right: 10px; }

/* Indicators */
.carousel-indicators {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
  display: flex;
  gap: 8px;
}

.carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,0.6);
  cursor: pointer;
}

.carousel-indicators button.active {
  background: #fff;
}

/* 📱 Responsive */
@media (max-width: 768px) {
  .carousel-slide {
    height: 160px;
  }
}

@media (max-width: 480px) {
  .carousel-slide {
    height: 140px;
  }

  .carousel-prev,
  .carousel-next {
    font-size: 18px;
    padding: 3px 10px;
  }
}
span.banner-arrow-next {
    display: table-caption;
    margin-top: -2px;
    margin-right: -2px;
}
span.banner-arrow-prev {
    display: table-caption;
    margin-top: -3px;
    margin-right: 0px;
}
div#content-wrap {
    min-height: 75vh;
	color: #fff;
}

.form-control::placeholder {
  color: #aaa; /* your green theme */
  font-weight: 500;
}
.form-label {
    margin-bottom: .1rem;
    margin-left: 10px;
}
.clear_img
{
	width: 20px;
}
.w-15
{
	width: 15%;
	float: right;
}

.step-card {
      background: #fff;
      border-radius: 10px;
      padding: 28px 24px 24px;
      height: 100%;
      position: relative;
      box-shadow: 0 4px 20px rgba(0,0,0,.08);
      transition: transform .25s, box-shadow .25s;
    }
    .step-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 32px rgba(0,0,0,.15);
    }
    .step-label {
      font-size: .72rem;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: #bc04bc;
    }
    .step-title {
      font-size: 1rem;
      color: #4060d7;
      margin: 4px 0 0;
	      height: 50px;
	          color: #07238b;
    }
    .step-icon {
      
      bottom: 20px;
      right: 20px;
      font-size: 1.6rem;
      color: #a78bfa;
	      width: 14%;
	 float: right;
    }

    /* ── Sample Report Card ──────────────────────────────── */
    .sample-card {
      background: #fff;
      border-radius: 10px;
      padding: 48px 40px;
      margin-top: 35px;
      box-shadow: 0 4px 24px rgba(0,0,0,.08);
    }

    .report-heading {
      font-size: 2.2rem;
      font-weight: 600;
      
    color: #4060d7;
      line-height: 1.2;
    }
    .report-desc {
      color: #6b7280;
      font-size: .95rem;
      margin-top: 12px;
      max-width: 360px;
      font-weight: 500;
    }

    .btn-download {
         background: #4060d7;
      color: #fff;
      border: none;
      border-radius: 20px;
      padding: 14px 32px;
      font-size: 1rem;
      margin-top: 28px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      transition: opacity .2s, transform .2s;
    }
    .btn-download:hover {
      background: #4060d7;
      color: #fff;
    }

    /* ── Illustration ────────────────────────────────────── */
    .illustration-wrap {
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      min-height: 260px;
    }
	.download_icon
	{
		    width: 30px;
    margin-top: -3px;
	}

/* Treat screens up to 834px as mobile: show hamburger/mobile menu and hide desktop nav */
@media (max-width: 834px) {
	/* Show the mobile toggle (overrides Bootstrap's d-md-none behavior) */
	.d-md-none { display: flex !important; }

	/* Hide the desktop nav (overrides Bootstrap's d-md-flex) */
	/*.d-md-flex { display: none !important; }*/

	/* Ensure the mobile menu container is usable on these sizes */
	.mobile-menu { display: block !important; }

	/* Adjust header spacing for narrower viewports */
	.main-header { margin: 0 0px; }

	/* Slightly increase hamburger hit area */
	.hamburgermenu { top: 50px; right: 6px; }
	button.btn.btn-link.mobile-menu-toggle { padding: 0px; }

	/* Make sure header search input fits */
	.header-search-input-group { max-width: 100% !important; }
}

.form-control-textarea {
    height: auto !important;
}

	.carousel { position: relative; }
	/* Center dots as an overlay at the bottom-center of the banner */
	.carousel-dots {
	  position: absolute;
	  left: 50%;
	  transform: translateX(-50%);
	  bottom: 35px;
	  display: flex;
	  gap: 10px;
	  z-index: 30;
	  pointer-events: auto;
	  align-items: center;
	  justify-content: center;
	}

	.carousel-dot {
	  display: inline-block;
	  width: 12px;
	  height: 12px;
	  margin: 0;
	  padding: 0;
	  border-radius: 50%;
	  border: none;
	  background: rgba(255,255,255,0.6);
	  cursor: pointer;
	  transition: background 160ms ease, transform 120ms ease;
	  box-shadow: 0 1px 2px rgba(0,0,0,0.12);
	}

	.carousel-dot:hover,
	.carousel-dot:focus {
	  transform: scale(1.15);
	  outline: none;
	}

	.carousel-dot.active {
	  background: #ffffff;
	  transform: scale(1.18);
	}

	/* Ensure buttons look clean across browsers */
	.carousel-dot::-moz-focus-inner { border: 0; }
	.top-padding {
	    padding: 0 !important;
	}
	 .top-padding
      {
        align-items: unset !important;
      }
      .or-text {
    margin: 0px 20px;
    color: #425291;
}
      .line {
    height: 1px;
    background: #9aa3c6;
    width: 22%;
}