@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

 html,
 body {
 	/* IE 10-11 didn't like using min-height */
 	height: 100%;
 }

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



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

 button {
 	box-shadow: none !important;
 }

 .section {
 	flex: 1 0 auto;
 }


 /* Custom Colors */
 :root {
 	--primary-color: #5645EE;
 	/* 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: 190px
 }


 .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;
 }


 .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 - 90px)*/
 	height: 100vh;
 	position: relative;
 }

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

 }

 .gigflick {
 	font-size: 1.6em;

 	color: #5645EE;
 }

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


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

 .gig-textarea {
 	background: rgba(99, 88, 192, 0.08);
 	border: 1px solid rgba(216, 218, 223, 1);
 	padding: 15px 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: 50px;
 }

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

 .upload-head {
 	color: #18181B;
 	font-weight: 500;
 	margin-bottom: 0px;
 	font-size: 14px;
 	width: 500px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
 }

 .size-text {
 	color: rgba(24, 24, 27, 0.5);
 	font-weight: 500;
 	margin-top: 5px;
 	font-size: 12px;
 }

 .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: 1em;
 	color: rgba(36, 37, 43, 0.7);
 	text-align: center;
 	margin-top: 20px;
 }

 .agreement-message a {
 	color: #5645EE;
 	text-decoration: none;
 }

 .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: 20px;
 	font-size: 16px;
 	width: 100%;

 }

 .start-btn:hover {
 	background: var(--primary-color);
 	color: white;

 }

 .start-btn:active {
 	background: var(--primary-color);
 	color: white;

 }

 .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: 40px;
 }

 .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: 18px;
 	margin-top: 20px;
 }

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

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

 .send-btn:hover {

 	background: var(--primary-color);
 	color: white;
 }


 .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;
 }

 .spinner-border {
 	border: var(--bs-spinner-border-width) solid #5645EE;
 	border-right-color: transparent;
 	padding: 10px;
 	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: 20px;
 	padding: 25px 20px;

 }

 .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%);

 }

 .check-list-wrap p {
 	color: #24252B;
 	font-size: 17px;
 }

 .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 {
 	background: var(--primary-color);
 	color: white;
 	padding: 8px 25px;
 	font-weight: 400;
 	border-radius: 15px;
 	font-size: 14px;
 	width: fit-content;
 	display: flex;
 	align-items: center;

 }

 .send-pdf-btn:hover {
 	background: var(--primary-color);
 	color: white;
 }

 .email-ic {
 	width: 20px;
 }

 /**/

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

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

 .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: #24252B;
 }


 .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: 20px !important;
 	padding: 25px 20px;
 	margin-bottom: 20px;
 	background: #EDEBFB;
 	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;
 }

 .accordion-head p {
 	font-size: 14px;
 	font-weight: 400;
 	color: #24252B;
 }

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

 .accordion-body p {
 	color: #18181B;
 	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);
    color: white;
}

.spinner-border {
    padding: 7px;
}
.ai_version
{
	width: 100%;
    padding: 10px 20px 10px 20px;
    font-size: 1em;
    border-radius: 18px;
    background-color: rgba(86, 69, 238, 0.1);
    appearance: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.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;
}