* {
	margin: 0px;
	padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #082478;
}

p {
	margin: 0px;
	font-size: 15px;
	color: #040c24;
}

a {
	text-decoration: none;
	transition: 0.5s;
}

body {
	font-family: Arial, Helvetica, sans-serif font-size: 14px;
	color: #0f0000c2;
	overflow: hidden;
}

html {
	overflow-x: hidden;
}

ul {
	padding: 0;
	margin: 0;
}

ul li {
	list-style-type: none;
}

h6.sub-title {
	color: #564b95;
	text-transform: uppercase;
	margin-bottom: 10px;
}

h1.sec-title {
	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.line-bttn {
	padding: 10px 30px;
	display: inline-block;
	border-bottom: 1px solid #ff7200;
	text-transform: uppercase;
	color: #000;
	font-weight: 600;
	margin: 20px 0 0 0;
	transition: all 0.5s ease;
}

.line-bttn:hover {
	background: #ff7200;
	color: #fff;
	border-color: #ff7200;
}

h6.sub-title {
	margin: 0 0 5px 0;
	color: #ff7200;
	font-weight: 400;
	font-size: 14px;
	text-align: center;
}

.body {
	position: relative;
}

input:focus,
select:focus,
textarea:focus {
	border: 1px solid #1d90c8 !important;
	box-shadow: none !important;
	outline: none !important;
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
	transition-duration: 1s !important;
}

.btn-default {
	font-size: 14px;
	background: #223f9a;
	border: none;
	padding: 10px 20px;
	color: #fff;
	font-weight: 500;
	/* text-transform: uppercase; */
	transition: all 0.5s ease;
	border-radius: 5px;
	display: inline-block;
}

.btn-default:hover {
	background: #7e9dd6;
	color: #fff;
}

.btn-default .fa {
	font-size: 12px;
	padding: 0 0 0 5px;
}

hr {
	width: 70px;
	height: 2px !important;
	margin: 10px 0;
	background: #564b95;
	opacity: 1;
}

hr.center {
	margin: 10px auto 20px;
}

section.header {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9;
}

.header-top {
	background: #ae0000;
	padding: 10px 0;
}

.header-top ul li {
	display: inline-block;
	color: #fff;
}

.header-top ul li.line {
	font-weight: 200;
}

.header-top ul li a {
	color: #fff;
}

.header-top ul li a .fa {
	padding: 0 2px;
}

.header-top .top-right ul.socail-link {
	margin: 0 0px 0 0;
}

.header-top .top-right ul.socail-link li a {
	width: 25px;
	height: 25px;
	display: flex;
	background: #aa9700;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
}

.header-top .top-right {
	display: flex;
	justify-content: end;
}

section.header.sticky-header {
	position: fixed;
	width: 100%;
	z-index: 99;
	background: transparent;
	transition: all 1.2s ease;
	box-shadow: 0px 0px 14px #eee;
}

section.header.sticky-header .header-top {
	display: none;
}

section.header.sticky-header .header-navbar {
	padding: 0px 0;
}

section.header.sticky-header .heder-logo a img {
	width: 180px;
}

section.header.sticky-header .header-menu .navbar ul.navbar-nav li a {
	font-size: 15px;
}

section.header.sticky-header .mid-header .top-phone .fa {
	width: 40px;
	height: 40px;
}

section.header.sticky-header .top-right-content p {
	font-size: 12px;
}

section.header.sticky-header .top-right-content h6 a {
	font-size: 16px;
}

.mid-header {
	background: #fff;
	padding: 10px 0;
	border-radius: 0 0 20px 20px;
}

.header-navbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 0;
}

.heder-logo a img {
	max-width: 250px;
}

.header-menu nav.navbar {
	padding: 0 !important;
}

.header-menu .menu-logo {
	display: none;
}

.header-menu button.navbar-toggler {
	display: none;
}

.header-menu .navbar .navbar-collapse {
	justify-content: end;
}

.header-menu .navbar ul.navbar-nav li {
	padding: 0 19px;
}

.header-menu .navbar ul.navbar-nav li a {
	font-size: 14px;
	padding: 5px 0px;
	color: #9c7a02;
	text-transform: uppercase;
	font-weight: 600;
}

.header-menu .navbar ul.navbar-nav li a.active,
.header-menu .navbar ul.navbar-nav li a:hover {
	color: #be0000;
}

.header-menu .navbar ul.navbar-nav li a.dropdown-toggle::after {
	border: none;
	content: "\f067";
	color: #223f9a;
	font-family: "FontAwesome";
	font-size: 10px;
	font-weight: normal;
	position: relative;
	top: 2px;
	left: 2px;
}

.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu {
	width: 220px;
	margin: 0px 0 0 0;
	border-top: 3px solid #223f9a;
	padding: 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
		rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
	position: fixed;
	border-radius: 0;
	background: #fff;
}

.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li {
	border-bottom: 1px solid #cbcbcb26;
	padding: 0 10px;
	margin: 0;
}

.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item {
	font-size: 14px;
	padding: 10px 0 10px 0;
	margin: 0;
	border: none;
	background: none;
	text-transform: capitalize;
}

.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item:hover {
	background: none;
	border: none;
	color: #1d90c8;
}

.top-right-content {
	display: flex;
	align-items: center;
	justify-content: end;
	height: 100%;
}

.top-right-content .icon img {
	width: 36px;
}

.top-right-content h6 a {
	color: #b02f2f;
	font-size: 18px;
}

.home-banner .owl-carousel .item img {
	position: relative;
	height: 630px;
	object-fit: cover;
	width: 100%;
}

.home-banner .banner-content {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	height: 100%;
	align-items: center;
	display: flex;
	background-image: linear-gradient(to right, #07102cdb, #0000002b);
}

.home-banner .banner-content .align {
	z-index: 9;
	text-align: left;
	margin: 150px 0 0 0;
}

.banner .item .banner-content h6 {
	text-transform: uppercase;
	color: #7c9dd2;
	font-weight: 500;
	letter-spacing: 3px;
	margin: 0 0 10px 0;
	font-size: 18px;
}

.banner .item .banner-content h1 {
	font-size: 78px;
	color: #fff;
	padding: 0 0 0px 0;
	line-height: 78px;
	text-transform: uppercase;
	font-weight: 700;
}

.banner .item .banner-content p {
	color: #fff;
	font-size: 20px;
	padding: 0 0 0 0px;
	margin-bottom: 25px;
	font-weight: 500;
}

.banner .item .banner-content button {
	font-size: 14px;
	background: #223f9a;
	border: none;
	padding: 10px 20px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	transition: all 0.5s ease;
	border-radius: 5px;
}

.banner .item .banner-content button:hover {
	background: #7e9dd6;
}

.banner .item .banner-content button .fa {
	font-size: 12px;
	padding: 0 0 0 5px;
}

.home-banner .owl-dots {
	position: absolute;
	bottom: 35%;
	text-align: center;
	width: auto;
	height: auto;
	right: 30px;
	z-index: 999;
	top: auto;
}

.home-banner .banner-overlay .owl-dots button.owl-dot {
	display: block;
	border: 1px solid #fff;
	margin: 10px 0;
	border-radius: 50px;
}

.home-banner .banner-overlay .owl-dots button.owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 5px;
	background: #fff;
}

.home-banner .banner-overlay .owl-dots button.owl-dot.active {
	border: 1px solid #223f9a;
}

.home-banner .banner-overlay .owl-dots button.owl-dot.active span,
.home-banner .banner-overlay .owl-dots button.owl-dot span:hover {
	background: #223f9a;
}

.banner .item .banner-content .animated-text {
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.8s ease-in-out;
}

.banner .item .banner-content .animated-text.active {
	opacity: 1;
	transform: translateY(0);
}

.banner-overlay .item img {
	transform: scale(1);
	transition: transform 9s ease;
}

.banner-overlay .owl-item.active .item img {
	transform: scale(1.5);
}

.about {
	padding: 80px 0 80px;
}

.sub-heading {
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2px;
	color: #7c9dd2;
	margin: 0 0 10px 0;
}

section.about .left-img img {
	width: 100%;
	border-radius: 10px;
	height: 500px;
	object-fit: cover;
	object-position: center center;
}

section.about .align {
	display: flex;
	height: 100%;
	align-items: center;
}

.about h2.sec-title {
	text-align: left;
	margin: 0 0 10px 0;
}

.about .about-right p {
	text-align: justify;
	padding: 0 0 10px 0;
}

.about .about-right a.btn {
	margin-bottom: 30px;
}

.count {
	background: #680004;
	padding: 50px 0;
}

.count .align {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.count .count-info {
	text-align: center;
	width: 100%;
	background: #d1050c;
	margin: 0 5px;
	padding: 30px;
}

.count .count-info .number {
	color: #fff;
	font-size: 48px;
	font-weight: 800;
	margin: 0 10px 0;
	line-height: 48px;
}

.count .count-info p.counter-title {
	color: #fff;
}

.manufacturer {
	padding: 50px 0;
	background-image: url(../images/bg-img.png);
	background-size: auto;
	background-position: top center;
	background-repeat: no-repeat;
}

.manufacturer hr,
.why-choose hr,
.client-testimonial hr,
.team hr {
	margin: 10px auto 20px;
}

.manufacturer #products .item {
	text-align: center;
}

.manufacturer #products .item h6 {
	margin: 10px 0 0 0;
	text-transform: uppercase;
}

.manufacturer #products .item h6:hover {
	color: #7c9dd2;
}

.manufacturer #products .owl-nav button {
	position: absolute;
	top: 40%;
	background: none;
}

.manufacturer #products .owl-nav button.owl-prev {
	left: -30px;
}

.manufacturer #products .owl-nav button.owl-next {
	right: -30px;
}

.manufacturer #products .owl-nav button .fa {
	color: #564b95;
	font-size: 28px;
}

.why-choose {
	padding: 50px 0;
	background: #0824780a;
}

.why-choose .choose-box {
	text-align: center;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0px 0px 14px #eee;
	transition: all 0.5s ease;
	background: #fff;
	margin: 0 0 20px 0;
}

.why-choose .choose-box:hover {
	box-shadow: 0px 0px 30px #5ba0d954;
}

.why-choose .choose-box img {
	width: 100px;
	margin: 0 0 15px 0;
	transition: all 0.5s ease;
}

.why-choose .choose-box:hover img {
	transform: scale(1.1);
}

.benefits .col-md-6 {
	padding: 0;
}

.benefits .left-img img {
  width: 100%;
  height: auto;
  display: block;
}

.benefits .right-content h1.sec-title,
.chose-us .right-content h6 {
	text-align: left;
	color: #fff;
}

.benefits .right-content {
	float: left;
	background: #223f9a;
	height: 100%;
	display: flex;
	padding: 0 80px;
	align-items: center;
	justify-content: left;
	position: relative;
}

.benefits .right-content p {
	color: #fff;
	margin: 0 0 30px 0;
	font-weight: 300;
}

.benefits .right-content ul li {
	width: 50%;
	float: left;
	color: #fff;
	margin: 0 0 15px 0;
}

.benefits .right-content ul li img {
	width: 20px;
	margin: 0 5px 0 0;
}

.benefits .right-content .contact-info {
	display: flex;
	align-items: center;
	justify-content: start;
	clear: both;
	margin: 30px 0 0 0;
	float: left;
}

.benefits .right-content .contact-info .icon {
	margin-right: 15px;
}

.benefits .right-content .contact-info .icon img {
	width: 36px;
}

.benefits .right-content .contact-info p {
	margin: 0;
	color: #ffffff;
}

.benefits .right-content .contact-info h4 a {
	color: #fff;
}



.benefits .right-content h2.sec-title {
	color: #fff;
}

.benefits .right-content hr {
	background: #7c9dd2;
}

.client-testimonial {
	padding: 50px 0;
}

.client-testimonial .title-box {
	display: flex;
	margin-bottom: 30px;
}

.client-testimonial .title-box .icon-box {
	min-height: 200px;
	display: flex;
	width: 30%;
	background: #ff7200;
	align-items: center;
	justify-content: center;
	padding-right: 80px;
}

.client-testimonial .title-box .icon-box .fa {
	color: #fff;
	font-size: 120px;
}

.client-testimonial .title-box h1.sec-title {
	text-align: left;
	display: flex;
	align-items: center;
	font-size: 52px;
	margin-left: -100px;
	margin-bottom: 0;
}

.client-testimonial .item-content {
	border-radius: 10px;
	padding: 45px 30px 30px 30px;
	min-height: 230px;
	position: relative;
	border: 1px solid #082478;
	margin: 50px 0;
}

.client-testimonial .item-content .top-quote {
	width: 60px;
	position: absolute;
	top: -30px;
	z-index: 99;
	background: #eee;
	padding: 10px;
	border-radius: 50px;
	height: 60px;
}

.client-testimonial .item-content p {
	font-size: 14px;
}

.client-testimonial .item-content .rating {
	display: inline-block;
	margin: 15px 0 0 0;
}

.client-testimonial .item-content .rating .fa {
	color: #ffa500;
	padding: 0 10px 0 0;
}

.client-testimonial .item-content .client-details {
	display: flex;
	align-items: center;
	margin: 15px 0 0 0;
	position: absolute;
	bottom: -25px;
	right: 70px;
	background: #fff;
	padding: 0 0px;
}

.client-testimonial .item-content .client-details .client-img img {
	width: 60px;
	border-radius: 40px;
	margin: 0 5px 0 0;
	border: 1px solid #082478;
	padding: 5px;
}

.client-testimonial .item-content .client-details .client-name h6 {
	font-size: 16px;
	font-weight: 600;
	color: #082478;
	text-transform: uppercase;
}

.client-testimonial .item-content .client-details .client-name span {
	font-size: 12px;
	color: #8f8e8e;
	font-weight: 300;
}

.client-testimonial .owl-nav {
	position: absolute;
	top: -75px;
	right: 0;
	margin: 0;
}

.client-testimonial .owl-nav button {
	width: 40px;
	height: 40px;
	background: #252525 !important;
	border-radius: 0 !important;
	margin: 0;
	transition: all 0.5s ease;
}

.client-testimonial .owl-nav button i.fa {
	color: #fff;
}

.client-testimonial .owl-nav button:hover {
	background: #657783 !important;
}

.client-testimonial .owl-nav button:hover i.fa {
	color: #fff;
}

.footer {
	background: #162c72;
	padding: 50px 0 30px 0;
}

.footer .col-sm-3 {
	width: 30%;
}

.footer .col-sm-3.links,
.footer .col-sm-3.service {
	width: 20%;
}

.footer .footer-content.ftr-log-box {
	padding: 0 40px 0 0;
}

.footer-content a.ftr-logo img {
	width: 350px;
	margin: 0 0 0px 0;
}

.footer-content p {
	color: #fff;
}

section.footer h5.ftr-title {
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	padding: 0 0 15px 0;
	font-size: 22px;
}

section.footer .col-sm-3 .footer-content p {
	color: #fff;
	font-size: 14px;
}

section.footer ul li {
	padding: 5px 0 5px 0;
	color: #fff;
	font-weight: 300;
	font-size: 14px;
	border-bottom: 1px solid #1b3587;
}

section.footer ul li:last-child {
	border: none;
}

.footer .contact-info ul li a {
	color: #fff;
}

.footer .contact-info ul li,
.footer .contact-info ul li a {
	display: flex;
	align-items: center;
}

.footer .contact-info ul li .fa {
	background: #7c9dd2;
	display: flex;
	align-items: center;
	width: 30px;
	height: 30px;
	justify-content: center;
	margin: 0 10px 0 0;
	border-radius: 5px;
}

.footer .row.btm-row {
	border-top: 1px solid #1b3587;
	border-bottom: 1px solid #1b3587;
	margin: 20px 0 0;
	padding: 10px 0;
}

.footer .row.btm-row ul.ftr-links {
	display: flex;
	align-items: center;
}

.footer .row.btm-row ul.ftr-links li {
	border: none;
	padding: 0 55px 0 0;
}

.footer .row.btm-row ul.ftr-links li a {
	color: #fff;
	font-size: 15px;
}

.footer .row.btm-row ul.ftr-links li a:hover {
	color: #7c9dd2;
}

.footer .row.btm-row p.copyright {
	color: #fff;
	font-size: 14px;
	float: right;
	display: flex;
	align-items: center;
	height: 100%;
	font-weight: 100;
}

.scrollup {
	background: #fff;
	border-radius: 0px;
	bottom: 40px;
	border-radius: 50px;
	color: #162c72;
	display: none;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	position: fixed;
	right: 20px;
	text-align: center;
	width: 50px;
	z-index: 9999;
	box-shadow: 0 0 10px rgb(0 0 0 / 27%);
}

.scrollup:hover {
	background: #162c72;
	color: #fff;
}

.whatsapp-icon {
	position: fixed;
	bottom: 40px;
	left: 20px;
	z-index: 999;
}

.whatsapp-icon a {
	display: flex;
	align-items: center;
	background: #0dc152;
	border-radius: 50px;
	padding: 0 20px 0 0;
	font-size: 12px;
	color: #fff;
}

.whatsapp-icon a i.fa {
	background: #079d41;
	padding: 10px;
	border-radius: 50px;
	color: #fff;
	font-size: 20px;
	margin: 0 5px 0 0;
}

.inner-banner {
	height: 400px;
	background-size: cover;
	background-position: center center;
}

.inner-banner .banner-overlay {
	height: 100%;
	background: #000000a1;
	display: flex;
	align-items: center;
	padding: 150px 0 0 0;
	text-align: left;
}

.inner-bnr-content h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 42px;
}

.inner-bnr-content ul li {
	display: inline-block;
	font-size: 16px;
	padding: 0 2px;
	color: #fff;
}

.inner-bnr-content ul li a {
	color: #fff;
}

.inner-bnr-content ul li a:hover {
	color: #7c9dd2;
}

.inner-bnr-content ul li .fa {
	padding: 0 5px 0 0;
}

.about-right ul li {
	font-size: 15px;
	padding: 0 0 5px 0;
	color: #040c24;
}

.about-right ul li::before {
	content: "\f046";
	font-family: "FontAwesome";
	color: #223f9a;
	padding: 0 10px 0 0;
}

.mission-vision .mi-vi-content {
	padding: 30px 20px;
	box-shadow: 0px 0px 14px #eee;
	border-radius: 10px;
	text-align: center;
	position: relative;
	overflow: hidden;
	margin: 50px 0 0;
}

.mission-vision .mi-vi-content .icon {
	margin: 0 0px 15px 0;
	border-radius: 5px;
	background: #223f9a;
	padding: 10px;
	display: inline-block;
}

.mission-vision .mi-vi-content .icon img {
	width: 50px;
}

.mission-vision .mi-vi-content .content h5 {
	margin: 0 0px 10px 0;
	text-transform: uppercase;
	font-weight: 600;
}

.mission-vision .mi-vi-content .content p {
	font-size: 14px;
}

.mission-vision .mi-vi-content::before {
	content: "";
	width: 100px;
	height: 100px;
	background: #223f9a;
	position: absolute;
	left: -55px;
	top: -55px;
	transform: rotate(45deg);
}

.how-works {
	padding: 50px 0;
}

.how-works .sec-title {
	margin: 0 0 20px 0;
	text-align: center;
}

.how-works .sec-title hr {
	margin: 10px auto;
	height: 3px;
	opacity: 1;
}

.row_flex {
	display: block;
}

@media (min-width: 768px) {
	.row_flex {
		display: flex;
		gap: 15px;
		align-items: center;
		background: #ffffffba;
		padding: 0 0 0 30px;
		border-radius: 30px;
		box-shadow: 0px 0px 14px #d3cccc;
	}

	.row_flex .row_inner {
		width: 50%;
	}
}

.row_flex .row_inner img {
	width: 100%;
	height: 500px;
	object-fit: cover;
}

.accordion_images {
	position: relative;
}

.accordion_images img {
	opacity: 0;
	transition: 0.3s;
	border-radius: 0 30px 30px 0;
}

.accordion_images img:not(:first-child) {
	position: absolute;
	left: 0;
	top: 0;
}

.accordion_images img.active {
	opacity: 1;
}

.accordion {
	width: 100%;
	margin-top: 10px;
	border-bottom: 1px solid #00a5b62e;
	padding: 0 0 10px 0;
}

.accordion_intro {
	position: relative;
	padding: 5px 0;
	cursor: pointer;
}

.accordion_content {
	color: #fff;
	padding: 0 20px;
	max-height: 0;
	overflow: hidden;
	will-change: max-height;
	transition: all 0.25s ease-out;
	opacity: 0;
}

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

.accordion h4,
.accordion p {
	margin: 0;
	line-height: 1;
}

.accordion h4 {
	color: #223f9a;
	font-size: 24px;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.accordion p {
	font-size: 14px;
	margin: 0;
	line-height: 24px;
}

.accordion_active .accordion_content {
	padding: 0 10px 0px 50px;
	opacity: 1;
}

.accordion h4 span {
	background: #223f9a;
	padding: 5px;
	margin: 0 10px 0 0;
	color: #fff;
	width: 40px;
	text-align: center;
}

.accordion.accordion_active h4,
.accordion h4:hover {
	color: #7c9dd2;
}

.accordion.accordion_active span {
	background: #7c9dd2;
}

.team {
	background: #0824780a;
	padding: 50px 0;
}

.team .team-box {
	background: #fff;
	box-shadow: 0px 0px 14px #eee;
	padding: 15px;
	position: relative;
}

.team .team-box .team-img img {
	width: 100%;
}

.team .team-box .team-img {
	position: relative;
	overflow: hidden;
}

.team .team-box .team-details {
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	transform: translate(0px, 142px);
	padding: 10px 20px 0;
	height: 48%;
	background: #08247885;
	z-index: 1;
	transition: all 0.5s ease;
}

.team .team-box .team-details h6 {
	font-weight: 600;
	font-size: 20px;
	padding: 1px 0 5px 0;
	color: #fff;
}

.team .team-box .team-details p {
	font-size: 13px;
	padding: 0 0 10px 0;
	color: #fff;
}

.team .team-box .team-details ul li {
	display: inline-block;
	padding: 0 5px;
}

.team .team-box .team-details ul li a {
	border: 1px solid #fff;
	width: 40px;
	display: flex;
	height: 40px;
	border-radius: 50px;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.team .team-box .team-details ul li a:hover {
	background: #082478;
	border-color: #082478;
}

.team .team-box .team-img::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0 / 60%));
	top: 0;
	left: 0;
}

.team .team-box:hover .team-details {
	transform: translate(0px, 0px);
	padding: 50px 20px 20px 20px;
	background: transparent;
	background-image: linear-gradient(#5ba0d900, #08247885);
}

.contact-us {
	padding: 50px 0;
}

.reach-info {
	padding: 35px 15px;
	text-align: center;
	box-shadow: 0px 0px 14px #eee;
	border-radius: 10px;
	transition: all 0.5s ease;
}

.reach-info span {
	width: 60px;
	height: 60px;
	display: flex;
	margin: 0 auto 15px;
	align-items: center;
	justify-content: center;
	border: 1px dashed #082478;
	border-radius: 50px;
	color: #082478;
	font-size: 16px;
}

.reach-info:hover {
	box-shadow: 0px 0px 14px #08247836;
}

.contact-form {
	margin: 30px 0 0;
	padding: 50px;
	box-shadow: 0px 0px 14px #eee;
	border-radius: 15px;
}

.contact-form form .form-group label {
	font-size: 16px;
}

.contact-form form input,
.contact-right form textarea {
	border-radius: 0;
	border: 1px solid #eee;
	padding: 10px 10px;
	font-size: 14px;
	font-weight: 300;
}

.contact-form form .form-group {
	margin: 0 0 10px 0;
}

.contact-form form textarea {
	min-height: 150px;
}

.contact-form form .form-group.frm-btn {
	text-align: center;
}

.contact-form form .form-group.frm-btn button {
	font-size: 18px;
	margin: 10px 0 0 0;
}

.map iframe {
	height: 550px;
}

.page-product {
	padding: 50px 0;
}

.page-product .row {
	margin: 15px 0;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}

.page-product .product-img img {
	width: 100%;
	background: #eee;
	background: #eee;
	height: 340px;
	object-fit: contain;
}

.page-product .product-info {
	display: flex;
	height: 100%;
	align-items: center;
}

.page-product .product-info ul.pro-sort-des {
	margin: 0 0 10px 0;
}

.page-product .product-info ul.pro-sort-des li {
	font-size: 16px;
	color: #040c24;
}

.page-product .product-info ul.pro-sort-des li strong {
	font-weight: 600;
}

.page-career {
	padding: 50px 0;
}

.page-career .right-img img {
	width: 100%;
	border-radius: 10px;
}

.page-career .align {
	display: flex;
	height: 100%;
	align-items: center;
}

.page-career .align a.btn-default {
	display: inline-block;
	margin: 20px 0 0 0;
}

.open-position {
	padding: 50px 0;
}

.open-position .left-img img {
	width: 100%;
	border-radius: 10px;
}

.open-position .accordion {
	border: none;
}

.open-position .accordion-item {
	margin: 0 0 5px 0;
	border: none;
}

.open-position .accordion-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	padding: 10px 10px;
	transition: background 0.3s ease;
	background: #223f9a;
	color: #fff;
}

.open-position .accordion-header:hover {
	background: #7c9dd2;
}

.open-position .accordion-title {
	font-size: 16px;
	font-weight: 500;
}

.open-position .accordion-icon {
	transition: transform 0.3s ease;
}

.open-position .accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease;
	padding: 0 20px;
}

.open-position .accordion-content p {
	margin: 15px 0;
}

.open-position .accordion-item.active .accordion-content {
	max-height: 200px;
	background: #f9f9f9;
}

.open-position .accordion-item.active .accordion-icon {
	transform: rotate(90deg);
}

.open-position .content-box {
	display: flex;
	padding: 15px 15px;
	align-items: center;
	justify-content: space-between;
	background: #4d60e714;
	margin: 35px 0 0 0;
	border-radius: 10px;
}

.open-position .content-box p {
	font-size: 18px;
	font-weight: bold;
}

.page-stokes {
	padding: 50px 0;
}

.page-stokes .stokes-details {
	margin: 20px 0 0;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0px 0px 14px #eee;
	border-radius: 10px;
}

.page-stokes .modal {
	display: none;
	position: fixed;
	z-index: 10;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.6);
}

.page-stokes .modal-content {
	background-color: #fff;
	margin: 10% auto;
	padding: 0px;
	border-radius: 0px;
	width: 90%;
	position: relative;
}

.page-stokes .close {
	color: #aaa;
	position: absolute;
	top: 0px;
	right: 10px;
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
}

.page-stokes .modal-content table {
	width: 100%;
	margin: 0;
}

.page-stokes .modal-content table tr th {
	background: #223f9a;
	padding: 10px 5px;
	color: #fff;
	border-right: 2px solid rgb(255, 255, 255);
}

.page-stokes .modal-content table tr td {
	border: 1px solid #eee;
	padding: 5px;
	font-size: 14px;
	font-weight: 500;
}

.page-stokes .modal-content table tr:nth-child(even) {
	background-color: #dddddd40;
}


.whatsapp-icon {
	position: fixed;
	bottom: 40px;
	left: 20px;
	z-index: 999;
}

.whatsapp-icon a {
	display: flex;
	align-items: center;
	background: #0dc152;
	border-radius: 50px;
	padding: 0 20px 0 0;
	font-size: 12px;
	color: #fff;
}

.whatsapp-icon a i.fa {
	background: #079d41;
	padding: 10px;
	border-radius: 50px;
	color: #fff;
	font-size: 20px;
	margin: 0 5px 0 0;
}

.packages-section {
  padding: 60px 0;
  background: #f4f6f9;
}

.section-title {
  font-size: 36px;
  font-weight: 700;
  color: #0d3b66;
}

.section-subtitle {
  max-width: 700px;
  margin: 10px auto 40px;
  color: #555;
}

.package-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 30px;
  box-shadow: 0 12px 28px rgba(0,0,0,0.1);
  transition: 0.3s ease;
}

.package-card:hover {
  transform: translateY(-6px);
}

.package-img img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

.package-content {
  padding: 20px;
}

.package-content h3 {
  font-size: 21px;
  font-weight: 600;
}

.duration {
  color: #0d3b66;
  font-weight: 600;
}

.places {
  color: #555;
  font-size: 15px;
}

.price {
  color: #e63946;
  font-size: 18px;
  font-weight: 700;
  margin-top: 8px;
}

.extra {
  font-size: 14px;
  color: #777;
}

/* Mobile */
@media (max-width: 768px) {
  .section-title {
    font-size: 28px;
  }
  .package-img img {
    height: 180px;
  }
}

.book-btn {
  display: block;
  margin-top: 14px;
  padding: 10px 0;
  text-align: center;
  background: #25D366;
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  transition: 0.3s ease;
}

.book-btn:hover {
  background: #1ebe5d;
  color: #fff;
}

@media (max-width: 768px) {
  .package-img {
    height: auto;
    overflow: visible;
  }

  .package-img img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
  }
}
/* Gallery thumbnails */
.gallery-thumb {
  width: 100%;
  height: 250px;
  object-fit: cover; /* ensures images are cropped nicely */
  transition: transform 0.3s ease;
  cursor: pointer;
}

.gallery-thumb:hover {
  transform: scale(1.05);
}

/* Lightbox full image responsive */
.lb-image {
  max-width: 90vw !important;   /* max width 90% of viewport */
  max-height: 90vh !important;  /* max height 90% of viewport */
  width: auto !important;
  height: auto !important;
}

/* Optional: adjust overlay z-index */
.lightboxOverlay {
  z-index: 9999 !important;
}
/* Position the close button on top-right of the full image */
.lb-close {
    top: 10px !important;        /* distance from top of image */
    right: 10px !important;      /* distance from right of image */
    left: auto !important;       /* reset default left */
    width: 35px;                 /* size of close icon */
    height: 35px;
    background-size: 35px 35px;  /* make icon fit */
    z-index: 10000;              /* ensure it's above the image */
}

/* Optional: slightly darken overlay for better visibility */
.lightboxOverlay {
    background: rgba(0, 0, 0, 0.8) !important;
}


/* General button styles */
.btn-whatsapp,
.btn-call {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #25d366;
  color: #fff;
  padding: 10px 15px;
  border-radius: 50px;
  font-weight: 500;
  text-decoration: none;
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  margin: 5px;
  transition: transform 0.3s;
  animation: bounce 2s infinite;
}

.btn-whatsapp i,
.btn-call i {
  margin-right: 8px;
  font-size: 18px;
}

/* Hover effect */
.btn-whatsapp:hover,
.btn-call:hover {
  transform: scale(1.1);
}

/* Desktop only */
.desktop-only {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 999;
}

/* Mobile only */
.mobile-only {
  position: fixed;
  bottom: 20px;
  left: 0;
  width: 100%;
  display: none;
  justify-content: space-around;
  z-index: 999;
}

/* Mobile buttons container spacing */
.mobile-buttons a {
  flex: 1;
  max-width: 48%;
}

/* Responsive rules */
@media (max-width: 991px) {
  .desktop-only {
    display: none; /* hide desktop WhatsApp on mobile */
  }
  .mobile-only {
    display: flex; /* show mobile WhatsApp + Call buttons */
  }
}

/* Bounce animation */
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}
.arrange {
    padding: 60px 15px;
    background: linear-gradient(135deg, #082478, #ae0000);
}

.arrange-box {
    max-width: 900px;
    margin: auto;
    background: #fff;
    border-radius: 15px;
    padding: 35px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.arrange-box h3 {
    color: #082478;
    font-size: 32px;
    margin-bottom: 15px;
}

.arrange-box h3 i {
    color: #ae0000;
}

.destinations {
    font-size: 18px;
    font-weight: 600;
    color: #555;
    margin-bottom: 25px;
}

.services {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-bottom: 30px;
}

.services span {
    background: #f4f6f9;
    padding: 10px 18px;
    border-radius: 50px;
    font-weight: 600;
    color: #082478;
}

.contact-box h4 {
    color: #ae0000;
    margin-bottom: 10px;
}

.contact-box p {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.contact-box a {
    text-decoration: none;
}

.whatsapp-btn {
    display: inline-block;
    background: #25d366;
    color: #fff !important;
    padding: 12px 25px;
    border-radius: 50px;
    font-weight: 600;
    transition: 0.3s;
}

.whatsapp-btn:hover {
    background: #1ebd57;
}

.terms {
    margin-top: 20px;
    font-size: 13px;
    color: #777;
}

/* Mobile */
@media (max-width: 768px) {
    .arrange-box {
        padding: 25px 15px;
    }

    .arrange-box h3 {
        font-size: 24px;
    }

    .destinations {
        font-size: 16px;
    }

    .contact-box p {
        font-size: 18px;
        line-height: 1.8;
    }

    .services span {
        width: 100%;
    }
}