*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Archivo", sans-serif;
}
ul li{
	list-style: none;
}
a{
	text-decoration: none!important;
}
a:hover{
	text-decoration: none!important;
}
li{
	list-style: none!important;
}
h1{
	font-size: 64px!important;
	  font-family: "Bebas Neue", sans-serif;
}
h2{
	font-size: 48px!important;
	  font-family: "Bebas Neue", sans-serif;
}
h3{
	font-size:32px!important;
	  font-family: "Bebas Neue", sans-serif;
}
h4{
	font-size:22px!important;
}
p{
	font-size: 17px;
	color: #54595f;
}
.for-mobile{
	display: none;
}

.hero {
    height: 90vh;
    position: relative;
    background-image: url(../images/hero.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.about{
	height: auto;
}


.hero::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(20, 35, 87, 0.94); /* Equivalent to #142357f1 */
}
.navbar {
	padding: 0;
}

.navbar-brand {
	padding: 15px 0;
	margin-right: 50px;
}

.navbar-brand img {
	height: 100px;
	transition: all 0.3s;
}

.navbar-nav {
	gap: 15px;
}

.nav-link {
	color: #fff!important;
	
	font-size: 17px;
	letter-spacing: 0.5px;
	margin: 0 26px;
	padding: 0 !important;
	position: relative;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
}

.nav-link:hover, 
.nav-link.active {
	color: #14b1f5!important;
	border-bottom: 1px solid #14b1f5;
}

.right-section {
	display: flex;
	align-items: center;
	gap: 25px;
}

.phone-link {
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 13px 25px;
	border-radius: 25px;
	background: #14b1f5;
}
.right-section a:hover{
	color: #fff;
}

.phone-link i {
	color: #fff;
	font-size: 18px;
}

.social-link {
	color: #fff;
	background: #14b1f5;
	padding:10px;
	height: 40px;
	text-align: center;
	width: 40px;
	border-radius: 100px;
	font-size: 18px;
	transition: all 0.3s;
}

.social-link:hover {
	color: #14b1f5;
}

.navbar-toggler {
	border: none;
	padding: 10px;
}

.navbar-toggler:focus {
	box-shadow: none;
}

/* Mobile menu adjustments */
@media (max-width: 991.98px) {
	.navbar-brand {
		margin-right: 0;
	}
	
	.navbar-brand img {
		height: 40px;
	}
	
	.navbar-nav {
		gap: 0;
		padding: 15px 0;
	}
	
	.nav-link {
		padding: 12px 0;
		border: none;
	}
	
	.nav-link:hover, 
	.nav-link.active {
		border: none;
		color: #14b1f5;
	}
	
	.right-section {
		padding-bottom: 15px;
		justify-content: center;
		gap: 20px;
	}
}
.navbar.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #071e64!important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    animation: slideDown 0.3s ease-out;
    padding: 0 0!important;
}

/* Animation for smooth appearance */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

/* Adjust the padding when sticky */
.navbar.sticky .nav-link {
    padding: 2px 0!important;
}

/* Adjust logo size when sticky */
.navbar.sticky .navbar-brand img {
    height: 90px!important;
    transition: all 0.3s;
}
.hero-container{
	position: relative;
	display: flex;
	width: 100%;
	align-items: center;
	padding: 30px 0;
	justify-content: space-between;
}
.hero-img-left{
	width: 25%;
	background: url(../images/hero-left.png)  no-repeat;
	background-size: cover;
	height: 68vh;
	border-radius: 50px 20px 50px 50px;
}
.hero-img-right{
	width: 25%;
	background: url(../images/hero-right.png)  no-repeat;
	background-size: cover;
	height: 68vh;
	border-radius: 20px 50px 50px;
}
.hero-content{
	width: 50%;
	text-align: center;
	padding: 0 30px;
}
.hero-top-list ul {
	display: flex;
	justify-content: center;

}
.hero-top-list ul li {
	display: flex;
	color: #fff;
	margin: 0 15px;
}
.hero-top-list ul li svg{
	fill: #fff;
	width: 12px;
	margin-right: 5px;
}
.hero-content h1{
	color: #fff;
	font-weight: 600;
}
.hero-content h1 span{
	color: #14b1f5;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 600;
}
.hero-content p{
	font-size: 22px;
	color: #fff;
	margin-bottom: 30px;
}
.gobal-btn{
	margin: 20px 0;
}
.gobal-btn a{
	padding: 16px 25px;
	background: #14b1f5;
	color: #fff;
	border-radius: 25px;
	font-size: 19px;
	font-weight: 600;
	transition: .6s;
}
.gobal-btn a:hover{
	color: #071E64;
	background: #fbfbfb;
}
.hero-list{
	display: flex;
	margin-top: 50px;
	justify-content: space-between;
}
.hero-list-box{
	display: flex;
	align-items: center;
	width: 32%;
	padding: 0 10px;
	text-align: left;
	border-right: 1px #fff solid;
}
.m-b-10{
	margin-bottom: 50px;
}
.hero-list-box p{
	font-size: 14px;
	margin: 0;
	margin-left: 10px;
}
.hero-list-box i{
	color: #14b1f5;
	font-size: 36px;
}
.section-padding{
	width: 100%;
	padding: 100px 0;
}
.service-title{
	text-align: center;
	margin-bottom: 100px;
}
.service-title h2{
	color: #0a102a;
}
.service-title h3{
	color: #14b1f5;
}
.service-icone{
	width: 100%;
	padding: 20px;
	border-radius: 10px;
	background: #fbfbfb;
}
.service-icone svg{
	width: 50px;
	fill: #071E64;
}
.service-icone img{
	width: 50px;
}
.service-icone h3{
	color: #0A102A;
	margin-top: 20px;
}
.service-content{
	padding-left: 30px;
}
.service-content ul li{
	display: flex;
}
.service-content h2{
	color: #0a102a;
}
.service-content h3{
	color: #14b1f5;
}
.service-content p{
	font-size: 18px;
}
.service-content h4{
	font-weight: 600;
}
.service-content ul{
	margin: 0;
	padding: 0;
}
.service-content ul li i{
	color: #54595f;
	margin-right: 10px;
	margin-top: 5px;
}
.service-content ul li{
	font-size: 17px;
	color: #54595f;
}
.service-content ul li{
	font-size: 16px;
	margin-bottom: 15px;
}
.service-video{
	overflow: hidden;
	width: 95%;
	min-height: 444px;
	border-radius: 50px 300px 50px 50px;
    box-shadow: 18px -18px 0px 2px #14b1f5;
}
.service-img{
	overflow: hidden;
	width: 90%;
	margin-left: auto;
	max-height: 600px;
	border-radius: 300px 50px 50px;
    box-shadow: -18px -18px 0px 2px #14b1f5;
}
.service-img img{
	width: 100%;
}
.service-video img {
	width: 100%;
	object-fit: cover;
}
.service-video img {
	width: 100%;
	object-fit: cover;
	min-height: 444px;
}
.mar-100{
	padding-top: 100px;
}
.about-main p{
	color: #fff;
}
.dis-flex{
	display: flex;
	align-items: center;
}
footer {
    position: relative;
    background-image: url(../images/hero.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	
}

footer::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(7 30 100 / 97%);
}
.footer-container{
	padding: 40px 0;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.footer-logo    {
	width: 40%;
}
.footer-logo ul{
	display: flex;
}
.footer-logo ul li {
	margin: 0 10px;
}
.footer-logo  img  {
	width: 200px;
	display: block;
}
.footer-logo i{
	font-size: 30px;
	margin-top: 30px;
	color: #fff;
}
.footer-link{
	color: #fff;
	width: 30%;
}
.footer-link ul{
	margin: 0;
	padding: 0;
}
.footer-link h3{
	margin-bottom: 15px;
}
.footer-link ul li{
	margin-bottom: 15px;
}
.footer-link ul li a{
	color: #fff;
}
.footer-link ul li i{
	margin-right: 10px;
}
.footer-pra{
	padding: 10px 0;
	background: #14b1f5;
	text-align: center;
}
.footer-pra p{
	color: #fff;
	margin: 0;
}
.footer-pra p span{
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px;
}
.footer-pra img{
	width: 40px;
	margin-top: 15px;
}

.about-main{
	position: relative;
	padding: 100px 0;
}
.about-main h2{
	color: #fff;
	width: 50%;
}
.about-main h2 span{
	color: #14b1f5;
	width: 50%;
	font-family: "Bebas Neue", sans-serif;
}
.about-img{
	margin-left: 0;
	border-radius: 50px 300px 50px 50px;
    box-shadow: 18px -18px 0px 2px #14b1f5;
}
.about-img img{
	width: 100%;
}
.service-page-img{
	height: 500px;
}
.service-page-img img{
	height: 500px;
}
.service-page-content{
	padding-left: 0;
}

.contact-section {
	
	padding: 100px 0;
}



.contact-header h2 {
	color: #14b1f5;
	
}



.contact-info {
	list-style: none;
	padding: 0;
	margin-bottom: 30px;
}

.contact-info li {
	margin-bottom: 15px;
	padding-left: 30px;
	position: relative;
}

.contact-info li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
}

.contact-info li:nth-child(1):before {
	
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23142357" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"/></svg>');
}

.contact-info li:nth-child(2):before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23142357" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"/></svg>');
}

.contact-info li:nth-child(3):before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23142357" d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z"/></svg>');
}

.contact-info li:nth-child(4):before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23142357" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-28.8c-21.4 0-32.1 25.9-17 41l54.4 54.4c8.8 8.8 23.2 8.8 32 0l54.4-54.4c15.1-15.1 4.4-41-17-41H288V140c0-12.7-10.3-23-23-23s-23 10.3-23 23z"/></svg>');
}

.contact-info li strong {
	color: #142357;
}

.contact-form {
	background-color: white;
	padding: 30px;
	border-radius: 5px;
	border-bottom: 5px #14b1f5 solid;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.form-label {
	font-weight: 600;
	color: #142357;
}

.form-label.required:after {
	content: " *";
	color: #dc3545;
}

.form-control, .form-select {
	border: 1px solid #ced4da;
	padding: 10px 15px;
	margin-bottom: 15px;
}

.btn-send {
	background: #142357!important;
	color: white!important;
	padding: 12px 30px!important;
	font-weight: 600;
	width: 100%;
	border: none;
	border-radius: 4px;
	transition: all 0.3s;
}

.btn-send:hover {
	background-color: #1a2e6b;
}

@media (max-width: 767.98px) {
	.contact-section {
		padding: 30px 0;
	}
	
	.contact-header h1 {
		font-size: 20px;
	}
	
	.contact-header h2 {
		font-size: 26px;
	}
}


.socal-icon{
	display: flex;
}
.socal-icon  li a i{
	font-size: 25px;
	margin-right: 18px;
}