@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&family=Parisienne&display=swap');


.italic_custom {
	font-family: 'Parisienne', cursive;
}

body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p section,
footer {
	font-family: 'Nunito', sans-serif;
}
/* @font-face {
    font-family: 'Roboto-Condense';
    src: url('htdocs/enrol.avimlau.com/assets/fonts/RobotoCondensed-VariableFont_wght.ttf') format('truetype');
    font-weight: 700;
} */
.color_text1 {
	color: #e5a069 !important;
}


.discover-text {
   
  font-weight: bold;
  text-transform: uppercase;
  /* margin-bottom: 2rem; */
  color: #ffffff; 

  .discover-part1 {
    font-size: 2rem; 
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); 
  }

  .discover-part2 {
	 font-size: 3.5rem; 
    background: linear-gradient(to right, #1e90ff, #87cefa); 
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); 
  }
}
@media (max-width: 576px) {
  .bold-text {
    /* font-size: 1.8rem;  */
  }

  .discover-part2 {
    font-size: 35px !important; 
  }
}
.background1 {
	background: #040021 !important;
}

.background2 {
	background: #111d37 !important;
}

.background3 {
	background: #3D3D3D !important;
}

.background4 {
	background: #e5a069 !important;
}

.main-menu ul li:hover a {
	color: #e5a069 !important;
	font-weight: bold;
}

.main-menu nav>ul>li:before {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.header-main-2 {
	position: static;
}


.hero-content .italic_custom {
	font-size: 70px;
	text-transform: capitalize;
}

.hero-content h3 {
	text-transform: uppercase;
	letter-spacing: 5px;
	font-weight: 100;
}

.hero-content h4 {
	font-weight: 100;
}

.hero-content h4 strong {
	font-weight: bold;
}

.hero-content p {
	font-size: 18px;
	text-transform: none;
	margin-bottom: 25px;
}

.hero-content h2.big-text {
	font-size: 90px;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 45px;
}

.space-bar {
	display: inline-block;
	width: 120px;
	height: 2px;
	margin-bottom: 15px;
}

.section-title h2 {
	font-size: 38px;
	color: #3D3D3D;
}

.slider-height.st-2 {
	padding-top: 535px;
}

.slider-height {
	min-height: 1220px;
}

.slide-bg {
	position: absolute;
	background-position: top center;
}

.section-title .border-left:before {
	background: #e5a069 !important;
}

#register {
	padding-top: 60px;
}

#register .contact-heading h2 {
	letter-spacing: 3px;
}

#register input,
#register textarea,
#register button {
	border-radius: 12px;
}

#scrollUp {
	background: #e5a069 !important;
}

.slide-bg.loaded {
	transform: none !important;
}

.highlighted {
	color: #e5a069;
	font-weight: bold;
}

.bg-img-1 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.bg-footer{background-color: #1d356c!important;}
.video-area {
	background: #fff url('../../../assets/img/custom/bg_video_min.jpg');
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: top;
	padding-bottom: 130px;
}

#btn-whatsapp {
	position: fixed;
	right: 40px;
	bottom: 130px;
	width: 50px;
	height: 50px;
	z-index: 9;
}

#btn-whatsapp img {
	width: 100%;
	height: auto;
}

.hero-content img {
	width: 80%;
	bottom: 70%;
}

.bg-lightGrey {
	background-color: #f4f4f4;
}

#main-header-mobile {
	display: none;
}

img {
	pointer-events: none;
	/* width: 45% !important; */
}

.nav-logo {
	/* max-height: 60px; */
	/*thong*/
}
/* .img-nav {width: 60%;} */
.small-text {
	font-size: 80%;
	color: white;
}

.tiny-text {
	font-size: 65%;
	color: white;
}

.clogo {
	width: 5%;
}

.go-up {
	margin-top: -20px;
}

.py-3 {
	padding-top: 0rem !important;
}

.owl-carousel .item {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.top-text {
	display: none;
	background-color: #ffffff !important;
}

.color-white {
	color: #ffffff !important;
}

.below-text {
	background-color: #1d356c !important;
}

a.nav-link {
	color: #ffffff !important
}

.text-justify {
	text-align: justify;
}

.text-button{font-family: Roboto;
  font-weight: 700;
  font-size: 25px;}
.btn-third {
  padding: 15px 15px;
  border-radius: 15px !important;
  line-height: 20px;
  font-weight: 700;
  display: inline-block;
  text-decoration: none;
  background-color: #FFAC50;
  color: #000000 !important;
  border-color: var(--theme-primary-color);
  text-align: center;
  cursor: pointer;
  outline: none;
  position: relative;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
  animation: rocking 2s infinite;
  animation-timing-function: ease-out;
  font-family: Roboto;
  font-weight: 700;
  font-size: 23px;
}
#solution .webinar-button {
    font-size: 28px;
}

#solution .sub-heading-button {
    font-size: 18px; /* Corrected from invalid 'font: size 18px' */
}

/* For mobile devices 425px and below */
@media (max-width: 767px) {
    #solution .webinar-button {
        font-size: 20px;
    }
    #solution .sub-heading-button {
        font-size: 11px; /* Corrected and ensured it applies */
    }
}
.sub-heading-button {
  font-weight: normal !important; /* Ensures it overrides parent styles */
  margin-top: 0.5rem;
}
 @media (min-width: 319px) and (max-width:1023px) {
  .btn-third {
 
  font-size: 14px;
}
}/*
@media (min-width: 1024px) {
  .hide-1024-up {
    display: block !important;
  }
} */



@media (max-width: 1023px) {
  .hide-1024-up {
    display: none !important;
  }
}
.button-shadow {
  box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
}

.buttonRocking {
  animation: rocking 2s infinite;
  animation-timing-function: ease-out;
}

@keyframes rocking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(2deg); }
  75% { transform: rotate(-2deg); }
  100% { transform: rotate(0deg); }
}

/* Optional hover state for .btn-third */
/* .btn-third:hover {
	background-color: var(--theme-primary-color); */
	/* Inverts background on hover, similar to .btn-primary hover logic */
	/* color: var(--theme-white-color); */
	/* Inverts text color on hover */
	/* border-color: var(--theme-primary-color); */
	/* Keeps border consistent */
/* } */

nav .btn-primary {
	font-size: 12px;
	padding: 0px 20px;
}

nav .btn-primary:hover {
	background: #000 !important;
	border-color: #000 !important;
}

#btn-whatsapp {
	position: fixed;
	right: 20px;
	bottom: 100px;
	width: 50px;
	height: 50px;
	z-index: 99999;
}

.btn-fourth {
  padding: 15px 15px;
  border-radius: 15px !important;
  line-height: 20px;
  font-weight: 700;
  display: inline-block;
  text-decoration: none;
  background-color: #23Ce2E;
  color: #ffffff !important;
  border-color: var(--theme-primary-color);
  text-align: center;
  cursor: pointer;
  outline: none;
  position: relative;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
  animation: rocking 2s infinite;
  animation-timing-function: ease-out;
  font-family: Roboto;
  font-weight: 700;
  font-size: 23px;
}
 @media (min-width: 319px) and (max-width:1023px) {
  .btn-fourth {
 
  font-size: 14px;
}

img {
	pointer-events: none;
	width: 35% !important;
}
}
#btn-whatsapp img {
	width: 100%;
	height: auto;
}

.ls-wrapper img {
	animation-duration: 18s;
	animation-iteration-count: infinite;
	-webkit-transition: all 10s ease-out 0s;
	-moz-transition: all 10s ease-out 0s;
	-ms-transition: all 10s ease-out 0s;
	-o-transition: all 10s ease-out 0s;
	transition: all 10s ease-out 0s;
}

.float-container {
	display: block;
	border-radius: 50%;
	top: 45%;
	right: 10%;
	position: absolute;
	height: 320px;
	width: 320px;
	text-align: center;
	background: #000000;
	background: rgb(0, 0, 0, 0.73);
	z-index: 999;
	opacity: 0;
	padding-top: 20px;
	margin-top: -200px;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}

.float-container.loaded {
	opacity: 1;
}

.float-container .btn {
	padding: 10px 23px;
	line-height: 20px;
}

.float-container h5 {
	font-size: 260%;
	line-height: 48px;
}

.lg-backdrop,
.lg-outer {
	z-index: 99999;
}

/* Replace .avis-container and related styles */
/* #question {
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	padding: 40px 0;
	position: relative;
} */

.borders-before {
	position: relative;
	padding: 0 20px;
	margin-bottom: 20px;
}

.borders-before::before,
.borders-before::after {
	content: '';
	position: absolute;
	top: 50%;
	width: 50px;
	height: 2px;
	background-color: #A4754D;
}

.borders-before::before {
	left: 0;
}

.borders-before::after {
	right: 0;
}

.color-white {
	color: white !important;
}

.color-primary {
	color: #A4754D !important;
}

.text-header {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: calc(20px + 20 * (100vw - 300px) / 1620);
}

.text-normal {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	line-height: 1.5 !important;
}
.bold-text {
    font-weight: 900;
}
.title-text-size {
	font-size: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300)));
	margin-bottom: 50px;
}

.question-container {
	max-width: 1000px;
	margin: 0 auto;
}

.question-item {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.95);
	border-radius: 10px;
	box-shadow: 0 0 10px 5px rgba(164, 117, 77, 0.1);
	transition: all 0.3s ease;
}

.question-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(164, 117, 77, 0.2);
}

.question-image,
.question-image-with-number {
	width: 50px;
	height: 50px;
	margin-right: 20px;
	position: relative;
}

.question-image img,
.question-image-with-number img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.question-number-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
	font-weight: 700;
	color: #A4754D;
	background-color: rgba(255, 255, 255, 0.8);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.question-content {
	flex: 1;
	display: flex;
	align-items: center;
}

.question-number {
	font-size: 24px;
	font-weight: 700;
	color: #A4754D;
	margin-right: 15px;
}

.question-text {
	font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
	color: #333;
}

.question-highlight {
	color: #A4754D;
	font-weight: 600;
}

.btn-custom-primary {
	background-color: #A4754D;
	border-color: #A4754D;
	color: white;
	padding: 12px 30px;
	border-radius: 25px;
	font-weight: 600;
	transition: all 0.3s ease;
}

.btn-custom-primary:hover {
	background-color: #8a6142;
	border-color: #8a6142;
	transform: translateY(-2px);
}

@media screen and (max-width: 991px) {
	.question-item {
		flex-direction: column;
		align-items: flex-start;
		text-align: center;
	}

	.question-image,
	.question-image-with-number {
		margin: 0 auto 15px;
	}

	.question-content {
		flex-direction: column;
		text-align: center;
	}

	.question-number {
		margin: 0 0 10px;
	}
}

@media screen and (max-width: 767px) {
	.question-item {
		padding: 15px;
	}

	.question-text {
		font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
	}
}

/* Append this to the end of custom.css */

/* Scoped CSS for the solution section only */
#solution {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#solution.full-row {
	width: 100%;
	padding: 60px 0;
}

#solution.bg-white {
	background-color: #ffffff;
}


#solution .solution-container {
	background: linear-gradient(45deg, #0e2a47, #1c3a5f);
	border-radius: 15px;
	padding: 40px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	margin-top: 15px;
}

#solution .content-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

#solution .content-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 35px;
	color: white;
}

#solution .content-item:last-child {
	margin-bottom: 0;
}

#solution .checkmark {
	color: #ffd700;
	font-size: 24px;
	font-weight: bold;
	margin-right: 20px;
	margin-top: 2px;
	flex-shrink: 0;
}

#solution .content-text {
	flex: 1;
	line-height: 1.4;
}

#solution .main-title {
	font-size: 22px;
	font-weight: 700;
	color: white;
	margin-bottom: 8px;
	display: block;
}

#solution .subtitle {
	font-size: 16px;
	color: #c8d4e8;
	font-weight: 400;
	line-height: 1.3;
}

#solution .highlight {
	font-weight: 600;
}

/* Responsive adjustments for solution section only */
@media (max-width: 767px) {
	.text-end{text-align: right !important;}
	#solution.full-row {
		padding: 40px 0;
	}

	#solution h2.text-primary {
		font-size: 35px;
	}

	#solution .solution-container {
		padding: 25px;
		margin-top: 30px;
	}

	#solution .checkmark {
		font-size: 20px;
		margin-right: 15px;
	}

	#solution .main-title {
		font-size: 18px;
	}

	#solution .subtitle {
		font-size: 14px;
	}

	#solution .content-item {
		margin-bottom: 25px;
	}

	#solution .offset-md-1 {
		margin-left: 0;
	}

	#solution .col-md-10 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (max-width: 480px) {
	#solution h2.text-primary {
		font-size: 23px;
	}

	#solution .solution-container {
		padding: 20px;
	}

	#solution .main-title {
		font-size: 16px;
	}

	#solution .subtitle {
		font-size: 13px;
	}
}

/* Bootstrap responsive utilities for solution section */
#solution .container {
	max-width: 1200px;
	margin: 0 auto;
	/* padding: 0 15px; */
}

#solution .row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}

#solution .col-md-12 {
	flex: 0 0 100%;
	max-width: 100%;
	/* padding: 0 15px; */
}


#solution .col-md-10 {
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
	padding: 0 15px;
}

#question {
	background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
	padding: 40px 0;
	position: relative;
}

#question .color-white {
	color: white !important;
}

#question .color-primary {
	color: #A4754D !important;
}

#question .text-header {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
}

#question .text-normal {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	line-height: 1.5 !important;
}

#question .title-text-size {
	font-size: calc(24px + (36 - 24) * ((100vw - 300px) / (1920 - 300)));
	margin-bottom: 50px;
}

#question .question-container {
	max-width: 1000px;
	margin: 0 auto;
	background-color: #fff;
	padding: 40px 30px;
	border-radius: 12px;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
	border: 2px solid #A4754D;
}

#question .question-item {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.95);
	border-radius: 10px;
	box-shadow: 0 0 10px 5px rgba(164, 117, 77, 0.1);
	transition: all 0.3s ease;
}

#question .question-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(164, 117, 77, 0.2);
}

#question .question-image,
#question .question-image-with-number {
	width: 50px;
	height: 50px;
	margin-right: 20px;
	position: relative;
}

#question .question-image img,
#question .question-image-with-number img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

#question .question-number-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
	font-weight: 700;
	color: #A4754D;
	background-color: rgba(255, 255, 255, 0.8);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

#question .question-content {
	flex: 1;
	display: flex;
	align-items: center;
}

#question .question-number {
	font-size: 24px;
	font-weight: 700;
	color: #A4754D;
	margin-right: 15px;
}

#question .question-text {
	font-size: 16px;
	color: #333;
}

#question .question-highlight {
	color: #A4754D;
	font-weight: 600;
}

#question .btn-custom-primary {
	background-color: #A4754D;
	border-color: #A4754D;
	color: white;
	padding: 12px 30px;
	border-radius: 25px;
	font-weight: 600;
	transition: all 0.3s ease;
}

#question .btn-custom-primary:hover {
	background-color: #8a6142;
	border-color: #8a6142;
	transform: translateY(-2px);
}

/* Question Section Responsive */
@media screen and (max-width: 991px) {
	#question .question-item {
		flex-direction: column;
		align-items: flex-start;
		text-align: center;
	}

	#question .question-image,
	#question .question-image-with-number {
		margin: 0 auto 15px;
	}

	#question .question-content {
		flex-direction: column;
		text-align: center;
	}

	#question .question-number {
		margin: 0 0 10px;
	}
}

@media screen and (max-width: 767px) {
	#question .question-item {
		padding: 15px;
	}

	#question .question-text {
		font-size: 16px;
	}
}


.peoplesay-header {
	text-align: center;
	margin-bottom: 30px;
}

.peoplesay-header h1 {
	font-size: 2rem;
	color: #000;
	margin-bottom: 10px;
}

.peoplesay-header h2 {
	font-size: 1.5rem;
	color: #007bff;
}

.peoplesay-testimonials-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
}

.peoplesay-testimonial-card {
	background-color: #00114d;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 20px;
	position: relative;
}

.owl-carousel .item {
    display: flex;
    height: 100%;
}


@media (min-width: 1200px) {

	.h2,
	h2 {
		font-size: 3rem;
	}
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .h2,
    h2 {
        font-size: 2.5rem;
    }
}
@media (min-width: 374px) and (max-width: 1023px) {
    .h2,
    h2 {
        font-size: 35px;
    }
}
@media (min-width: 319px) and (max-width: 373px) {
    .h2,
    h2 {
        font-size: 30px;
    }
}

/* 
    .peoplesay-testimonial-card::before {
      content: '✔';
      display: inline-block;
      width: 24px;
      height: 24px;
      background-color: #28a745;
      color: #fff;
      border-radius: 50%;
      text-align: center;
      line-height: 24px;
      font-size: 16px;
      position: absolute;
      top: 20px;
      left: 20px;
    } */

.peoplesay-profile-section {
	text-align: center;
	margin-bottom: 15px;
	/* padding-left: 30px; */
}

.peoplesay-profile-name {
	font-weight: bold;
	font-size: 1.1rem;
	color: #fff;
}

.peoplesay-profile-title {
	font-size: 0.9rem;
	color: #ccc;
}

.peoplesay-testimonial-text {
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	color: #fff;
}

.peoplesay-highlight {
	background-color: yellow;
	font-weight: bold;
	color: #000;
}


.video-container {
	width: 80%;
	max-width: 1200px;
	/* Optional: set a max-width to prevent overly large videos on wide screens */
	margin: 0 auto;
	position: relative;
	padding-bottom: 45%;
	/* 16:9 aspect ratio (9/16 = 0.5625, adjusted for 80% width) */
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Hide video-view by default for smaller screens */
.video-view {
	display: none;
}

/* Show video-view only on screens 1024px and above */
@media (min-width: 1024px) {
	.video-view {
		display: block;
	}
}

/* Scoped CSS for the solution section only */

/* #aboutAvim {
    background-color: #ffffff;
    padding: 40px 0;
}

#aboutAvim .container {
    max-width: 900px;
}

#aboutAvim .text-primary {
    color: #00114d !important;
    font-size: 2.5em;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}



#aboutAvim .subtitle {
    color: #00114d;
    font-size: 1.2em;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}

#aboutAvim .content p {
    margin-bottom: 20px;
    font-size: 1.1em;
    color: #00114d;
    font-family: 'Roboto', sans-serif;
} */
.image-container {
	text-align: center;
	margin-top: 20px;
	height: 540px;
	overflow: hidden;
	margin-bottom: 30px;
}


.achievements {
	margin-top: 20px;
}

#aboutAvim .subtitle {
	font-weight: 700;
}

#aboutAvim .achievements {
	background-color: #f0f7fb;
	padding: 20px;
	border-radius: 8px;
	margin-top: 20px;
}

#aboutAvim .achievements h2 {
	color: #00114d;
	font-size: 1.8em;
	margin-bottom: 15px;
	font-family: 'Roboto', sans-serif;
}

#aboutAvim .achievements ul {
	list-style-type: none;
	padding-left: 0;
}

#aboutAvim .achievements li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
	font-size: 16px;
	transition: transform 0.3s ease;
}

#aboutAvim .achievements li:hover {
	transform: translateX(10px);
}

#aboutAvim .achievements li::before {
	content: '✔';
	position: absolute;
	left: 0;
	color: #00a0df;
	font-size: 1.2em;
}

#aboutAvim .highlight {
	color: #00a0df;
	font-weight: 700;
}

@media (max-width: 600px) {
	#aboutAvim .text-primary {
		font-size: 2em;
	}

	#aboutAvim .header img {
		width: 120px;
		height: 120px;
	}

	#aboutAvim .container {
		/* padding: 20px; */
	}

	.image-container {
		height: 100%;
	}
}

#video .container .play-btn img {
	width: 70%;
}

#video .container img {
	width: 80%;
	height: auto;
}

#video .container {
	position: relative;
	width: 100%;
}

#video .container .play-btn {
	position: absolute;
	top: 40%;
	left: 40%;
}

#show_room .btn-play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
}

#contact {
	background: #000000 url("assets/images/custom/contact-bg.jpg");
	background-size: cover;
}

#contact .phone1 {
	width: 38%;
	margin-right: 2%;
	float: left;
}

#contact .phone2 {
	width: 60%;
	float: left;
}

#contact .form-control {
	padding: .375rem 25px .375rem 10px;
}

#contact .form-select,
#main_contact_form1 .form-select,
#main_contact_form2 .form-select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

#contact select:after {
	transform: translateY(-50%) rotate(90deg);
	position: absolute;
	content: "\f105";
	font-family: "font awesome 5 free";
	font-weight: 600;
	font-size: 12px;
	top: 50%;
	right: 0;
	display: block;
	border: none;
	margin-left: 0.255em;
	vertical-align: 0.255em;
}

#contact textarea {
	max-height: 248px;
}

.table-bordered th,
.table-bordered td {
	border: 1px solid !important;
}

.text-black {
	color: #000000 !important;
}

.text-bg {
	background-color: #38363684;
	width: 30%;
	margin-left: auto;
	margin-right: auto;

}

.text-justify {
	text-align: justify !important;
}
.text-left {
	text-align: left !important;
}

.text-white-2 {
	color: #fff !important;
}

.owl-carousel button.owl-dot {
	background: #999;
}

.owl-carousel button.owl-dot.active {
	background: #000042;
}

#gallery-container {
	width: 100%;
	height: 0;
	padding-bottom: 65%;
}

#service .content {
	text-align: center;
}


.btn-primary.disabled,
.btn-primary:disabled {
	background-color: #000000;
	border-color: #000000;
}

.form-msg.valid {
	color: #3d8f40;
}

.form-msg.invalid {
	color: #c92a2a;
}

#bg_video {
	position: relative;
	right: 0;
	top: 0;
	width: 100%;
	min-height: 100%;
}


.navbar-expand-lg .navbar-nav .nav-link {
	padding: 10px 0;
}



.table-hover>tbody>tr:hover {
	--bs-table-accent-bg: #000;
	color: #b9a270;
}

.table-hover>tbody>tr:first-child:hover {
	--bs-table-accent-bg: #B9A270;
	color: #b9a270;
}

#contact .input-group-addon {
	padding: 0.75rem 10px 0.375rem 10px;
	background: #fff;
	height: 50px;
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
}

.bootstrap-datetimepicker-widget table {
	width: 100%;
}

.bootstrap-datetimepicker-widget table th,
.bootstrap-datetimepicker-widget table td {
	padding: 5px;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
	width: 80px !important;
}

::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #b7b7b7 !important;
	opacity: 0.5;
	/* Firefox */
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #b7b7b7 !important;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #b7b7b7 !important;
}

.you-video {
	width: 100%;
	height: 650px;
}

@keyframes scaleIn {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		transform: scale(1.5);
	}
}

@media (max-width: 991px) {
	.navbar .navbar-toggler {
		background: #b9a270;
		color: #fff;
		margin-top: 10px;
	}

	.navbar-nav .nav-item {
		margin-right: 20px;
	}

	.float-container {
		height: 180px;
		width: 180px;
		right: 25px;
		padding: 30px 5px;
		margin-top: -100px;
	}

	.float-container h5 {
		margin-top: 35px !important;
		font-size: 90%;
		line-height: 15px;
	}

	.float-container h5.highlight-text {
		font-size: 120%;
		margin-top: 10px !important;
	}

	.float-container .btn,
	#image-slider-2 .btn {
		border-radius: initial;
		font-size: 75%;
		padding: 5px 8px;
		margin-top: 0px !important;
		line-height: 10px;
	}

	#video .container .play-btn img {
		width: 50%;
	}

	#video .container .play-btn {
		position: absolute;
		top: 35%;
		left: 35%;
	}
}

/* Client Challenges Styles */
.challenges-container {
	max-width: 1200px;
	margin: 0 auto;
}

.challenges-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px;
}

.challenge-card {
	background: linear-gradient(135deg, #2d3748 0%, #4a5568 100%);
	color: white;
	padding: 30px;
	border-radius: 15px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.challenge-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.challenge-icon {
	width: 80px;
	height: 80px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px auto;
	/* Center the icon container itself */
	overflow: hidden;
}

.challenge-icon img {
	width: 50px;
	height: 50px;
	object-fit: contain;
	filter: brightness(0) invert(1);
	display: block;
	/* Ensure the image is treated as a block element */
}

.challenge-title {
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 15px;
	color: #fff;
}

.challenge-quote {
	font-style: italic;
	font-size: 16px;
	opacity: 0.9;
	line-height: 1.5;
}

@media (max-width: 768px) {
	.challenges-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.challenge-card {
		padding: 25px;
	}
}

@media (max-width: 767px) {

	#home{
		height: 33vh;
	}

	#intro .content p,
	div .text-justify {
		text-align: justify !important;
	}

	#main-header {
		display: none !important;
	}

	#main-header-mobile {
		display: block;
	}

	#header {
		padding-bottom: 0px !important;
	}

	.mv-n {
		display: none;
	}

	.top-text {
		display: block;
		padding: 12px 20px 12px 20px;
	}

	.top-text p {
		text-align: center;
		padding-bottom: 5px;
		line-height: 1.3;
		font-size: 11px;
	}

	.top-text .float-end {
		float: none !important;
	}

	#intro {
		padding-bottom: 0px;
		padding-top: 0px;
	}

	#intro h3.ms,
	#intro .num,
	#intro .counter {
		font-size: 160% !important;

	}

	#intro p.sub {
		font-size: 130% !important;
	}

	#intro h2.ms {
		font-size: 130% !important;
		line-height: 1.5;
	}

	#intro .wrapper .col p {
		font-size: 80% !important;
	}

	#intro p,
	#service p {
		font-size: 100% !important;
	}

	#video .container .play-btn img {
		width: 30%;
	}

	#video .container img {
		width: 100%;
	}

	#video .container .play-btn {
		position: absolute;
		top: 35%;
		left: 25%;
	}

	#btn_mobile {
		margin-top: -25px !important;
	}

	element.style {
		top: 20% !important;
	}

	#service .row {
		margin-top: calc(var(--bs-gutter-y) * -2);
	}

	#intro br,
	#service br,
	#details br {
		display: none;
	}

	#service p {
		margin-bottom: 0px !important;
	}

	#service #lightbox-container {
		margin-top: 15px;
	}

	#service .desc #second_desc {
		margin-top: -20%;
		margin-bottom: -10%;
	}

	#gallery .section1 {
		margin-top: -10%;
	}

	#gallery #image1 {
		margin-top: -25%;
	}

	#gallery .section2 {
		margin-top: -20%;
	}

	#gallery #desc2 {
		margin-top: -20%;
		margin-bottom: -15%;
	}

	nav .btn-primary {
		font-size: 10px;
		padding: 3px 10px;
		line-height: 30px;
		position: absolute;
		top: 19px;
		right: 65px;
	}

	#intro .container {
		margin-top: 0;
	}

	#bg_video {
		/* display: none; 
	}
	
	.ls-fullscreen-wrapper{
		/* position: relative;  */
	}

	.ls-wrapper.ls-in-out p.header-1 {
		font-size: 14px !important;
	}

	/*
	.ls-wrapper.ls-in-out p.header-1,
	.ls-wrapper.ls-in-out div{
		font-size: 10px !important;
	}*/

	/*
	.ls-wrapper.ls-in-out p.header-2{
		font-size: 13px !important;
	}*/

	#video .position-absolute {
		bottom: 30%;
		left: 0%;
		right: 0px;
		width: 80%;
		padding: 10px;
	}

	#video .position-absolute img {
		max-height: 90px;
	}

	#video .position-absolute h2 {
		font-size: 230%;
		margin-top: 10px;
	}

	#show_room .btn-play {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 50px;
		height: 50px;
		margin-left: -25px;
	}

	.nav-logo {
		/* width: auto !important; */

	}

	.float-container {
		height: 100px;
		width: 100px;
		right: 15px;
		padding: 20px 5px;
		top: auto;
		margin-top: -210px;
	}

	.float-container h5 {
		margin-top: 12px !important;
		font-size: 68%;
		line-height: 12px;
	}

	.float-container h5.highlight-text {
		font-size: 90%;
		margin-top: 10px !important;
	}

	.float-container .btn,
	#image-slider-2 .btn {
		border-radius: initial;
		font-size: 55%;
		padding: 5px 8px;
		margin-top: 40px !important;
		line-height: 10px;
	}

	.ls-bottom-nav-wrapper,
	.ls-nav-prev,
	.ls-nav-next {
		display: none;
	}

	footer .invisible {
		display: none;
	}

	#developer .py-5,
	#location .py-5 {
		padding-bottom: 5px !important;
	}

	#developer .py-5 .mb-4,
	#location .py-5 .mb-4 {
		margin-bottom: 0px !important;
	}

	#developer .py-5.last,
	#location .py-5.last {
		padding-top: 0px !important;
		padding-bottom: 30px !important;
	}

	#Privacy {
		background: #fff;
		padding-top: 15px;
	}

	.btn-send.d-md-visible {
		display: none !important;
	}

	.small-text {
		font-size: 55%;
	}

	#intro .bg-white .desc .col {
		margin-top: -6%;
	}

	#intro .bg-white .desc #first {
		margin-top: 0%;
		;
	}

	#details .container {
		padding-left: 30px;
		padding-right: 30px;
	}

	#details h3 {
		text-align: center;
		margin-bottom: 30px;
	}

	#service .px-4 {
		padding-bottom: 0px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	#service #second_desc .py-5 {
		padding-top: 0px !important;
	}

	#service .amenity {
		padding-left: 15px;
		padding-right: 15px;
	}

	#service .amenity .mb-d {
		display: none;
	}

	#developer .px-4 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	#gallery .px-4 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	#career .desc {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	#career .btn-primary {
		font-size: 10px;
		line-height: 15px;
		padding: 12px 15px;
	}

	.check-submit li label::before {
		top: 50%;
	}

	.you-video {
		width: 100%;
		height: 200px !important;
	}

	.logo {
		height: 80px;
		line-height: 80px;
	}

	.logo img {
		height: 50px;
	}

	.main-menu nav {
		display: block !important;
	}

	.main-menu ul li a {
		padding: 30px 0;
	}

	.section-title h2 {
		font-size: 25px;
		line-height: 32px;
	}

	.slider-height.st-2 {
		padding-top: 280px;
	}

	.slider-height {
		min-height: 990px;
	}

	.service-details-area {
		padding-top: 60px;
	}

	.swiper-slide-active .slide-bg {
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}

	.video-area {
		background-position: right;
	}
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
}

.popup-content {
    background: white;
    padding: 20px;
    border-radius: 5px;
    width: 300px;
    text-align: center;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
    background: none;
    font-size: 20px;
    cursor: pointer;
}

.popup-content h2 {
    margin-bottom: 10px;
    font-size: 18px;
}

.popup-content p {
    margin-bottom: 15px;
    color: #666;
}

.popup-content label {
    display: block;
    text-align: left;
    margin: 10px 0 5px;
    font-size: 14px;
}

.popup-content input, .popup-content select {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.popup-content button {
    width: 100%;
    padding: 10px;
    background-color: #f4a261;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.popup-content button:hover {
    background-color: #e07a5f;
}
}