*{margin:0;padding:0;box-sizing:border-box;}
html{font-size:10px;overflow-x:hidden;scroll-behavior:smooth}
body{font-family:"Lato",sans-serif;color:#0d1b3f; font-size:1.4rem;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{width:100%; max-width:100%;border:none; display:block;}
button,input,textarea,select{font:inherit;border:none;background:none;}
input[type="number"] {-moz-appearance: textfield;-webkit-appearance: none;appearance: none;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{-webkit-appearance: none;	margin: 0;}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-family:"Montserrat",sans-serif;}
.container{width:90%;margin:0 auto}
h2{font-size:2rem;color:#233d8f;font-weight:700;padding-bottom:1rem;position:relative; text-transform:uppercase;}

header{position:sticky;top: 0;z-index: 999;background:#fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.top-header{background:#039;color:#fff;font-size:1.3rem;padding:0.8rem 0}
.top-header .container{display:flex;flex-direction:column;align-items:center;justify-content:center; gap:1rem;text-align:center;}
.contact-info, .contact-num{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;}
.contact-info i{color:#ffe400}
.top-header .contact-info span{margin-right:1rem}
.other-info-links ul{display:flex; color:#fff; gap:1rem; }
.other-info-links ul li a{display:flex; align-items:center; gap:0.5rem;}
.other-info-links img{width:2.8rem;height:3rem;}

.mainheader .container{position:relative; min-height:7.6rem;display:flex;align-items:center;justify-content:space-between;gap:1.6rem}
.logo{max-width:20rem;display:block}
.logo img{width:100%;height:auto}

#topheader,  .main-header{transition:all 0.3s ease;}
.hide-header-parts #topheader{transform:translateY(-100%);opacity:0;position:absolute;left:0;width:100%;pointer-events:none}
.hide-header-parts .main-header{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

/* NavBar */
.container .btn{color:black;font-size:2rem;cursor:pointer;display:block}
.close-btn{position:absolute;right:3rem;top:1rem}
.menu-icon,.close-icon{width:28px;height:28px;stroke:black;stroke-width:2;fill:none;stroke-linecap:round}
.close-icon{stroke:white;}
.container .nav-links{position:fixed;height:100vh;width:100%;max-width:35rem;top:0;left:-100%;background:#05347a;display:block;padding:5rem 1rem;overflow-y:auto;transition:left .3s ease; line-height:2.5rem;z-index:2}
#menu-btn:checked ~ .nav-links{left:0}
#menu-btn:checked ~ .menu-btn{display:none}
#close-btn:checked ~ .menu-btn{display:block}
.nav-links li{list-style:none;margin:0 1rem 0.5rem}
.nav-links li a{display:block;color:#f2f2f2;text-decoration:none;font-size:1.6rem;font-weight:500;padding:0.5rem 1.5rem;border-radius:.5rem;transition:.3s}
.nav-links li a:hover{background:#0647a8}
.arrow-icon{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s ease}
.mainheader input{display:none}

/* ================= FOOTER SECTION ================= */
.main-footer{background:#003399;color:#fff;padding-top:5rem;}
.footer-container{display:grid;grid-template-columns:1fr;gap:4rem;padding-bottom:5rem;border-bottom:1px solid #fff3}
.footer-col h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem}
.footer-logo{width:16rem;margin-bottom:15px}
.about-footer p{color:#f0f0f0;line-height:2.6rem;margin-bottom:2rem}
.social-icons a{display:inline-block;color:#fff;background:#ffffff1a;width:3.5rem;height:3.5rem;line-height:3.5rem;text-align:center;border-radius:50%;margin-right:1rem;transition:all .3s ease}
.social-icons a:hover{background:#f28c28;color:#fff}
.links-footer ul,.contact-footer ul{list-style:none;padding:0;margin:0}
.contact-footer ul{margin:0 0 2rem;}
.links-footer ul li{margin-bottom:1rem}
.links-footer ul li a{color:#f0f0f0;text-decoration:none;transition:color .3s ease}
.links-footer ul li a:hover{color:#f28c28}
.contact-footer ul li{margin-bottom:1rem;display:flex;align-items:flex-start;gap:1rem}
.contact-footer ul li i{color:#f28c28;margin-top:4px}
.randomTxt{display:none;}
.subscribeSection, .subscribeSection form{display:flex; flex-direction:column; gap:1rem;}
.subscribeSection h4{color:#fff;font-size:2rem;font-weight:700;}
.subscribeInput{background: #eee;border:1px solid #fff;color: #000; height:3rem; padding:0.5rem; max-width:75rem;}
.footer-bottom{background:#166bd4;text-align:center;padding:15px 0}
.footer-bottom p{margin:0;font-size:1.3rem;color:#eee}

#backToTop{position:fixed;bottom:25px;right:25px;z-index:99;background:#f28c28;color:#fff;border:none;border-radius:50%;width:45px;height:45px;text-align:center;line-height:45px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;opacity:0;visibility:hidden}
#backToTop.show{opacity:1;visibility:visible}
#backToTop:hover{background:#039;color:#fff;transform:translateY(-3px)}

@media (min-width:768px) {
	.top-header .container{display:flex;flex-direction:row;justify-content:space-between;}
	.top_social{display:none;}
	.mainheader .container{padding:0 3rem}
}

@media (min-width:1024px) {
	.top-header{height:5.8rem;}
	.contact-info{flex-direction:row;justify-content:flex-start;gap:3rem;}
	.logo{width:15rem}
}

@media (min-width:1200px) {
	.container .btn{display:none}
	.mainheader .container{min-height:9.2rem; display:flex; align-items:center; justify-content:space-between; padding:0 0.5rem;}
	.container .nav-links{position:static;height:auto;width:100%;max-width:100%; display:flex;padding:0; background:none; justify-content:flex-end;}
	.nav-links li{margin:0}
	.nav-links li a{display:inline-block; font-size:1.7rem; padding:0; color:#000}
	.nav-links li a:hover{background:#0647a8; color:#fff;}
	.nav-item{display:flex!important;align-items:center;justify-content:center;gap:6px;height:5rem;line-height:1;padding:0 1.5rem!important}
	.arrow-icon{stroke:#000;}
	.nav-links li a:hover .arrow-icon{stroke:#fff;}

	.footer-container{grid-template-columns:1.5fr 1fr 1fr 1.5fr}
	.footer-logo{width:25rem;}
	.about-footer p{max-width:40rem}
	.subscribeInput{width:100%}
	.randomTxt{display:block;font-size:3rem;color: #fff;line-height:4rem; margin-bottom:2rem; text-align:center; }
	.randomTxt span{color: #f28c28;}

	.top_social{display:block;}
}

@media (min-width:1280px) {
	header{position:sticky;top: 0;z-index: 999;background:#fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
	#topheader, .serviceinfo__nav{transition:all 0.3s ease;}
	.hide-header-parts #topheader{transform:translateY(-100%);opacity:0;position:absolute;left:0;width:100%;pointer-events:none}
	.hide-navstrip{position:sticky; top:10rem;}

	.top-header{font-size:1.4rem;}
	.mainheader .container{padding:0}
	.logo{width:21rem}
	.nav-links li a{font-size:1.8rem;}
}

@media (min-width:1600px) {
	.container{width:80%}
	.nav-links li a{font-size:1.6rem; font-weight:600; text-transform:uppercase;}
	.footer-container{font-size:1.6rem;}
}