@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');

@charset "utf-8";
/* CSS Document */
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {font-family: 'Poppins', sans-serif; font-size: 16px; color: #000; font-weight: 400; }

.top-bar {background: #123166; padding: 10px 0;}
.top-bar ul {margin: 0px;}
.nav-link {font-weight: 600;
font-size: 22px;
line-height: 33px;
color: #FFFFFF; margin-left: 5px;}

.social a  { color: #123166; font-size: 17px; background: #FFFFFF; display: inline-block; text-align: center; line-height:28px; height: 25px; width: 25px; border-radius: 500px;}



.navbar-dark {background: #3d8ab2; height:100px;}
.nav-link.btn {background: #123166; border-radius: 60px; padding-left: 20px !important; padding-right: 20px !important;}
section {padding: 50px 0;}
.banner img {width: 100%; height: auto; }
.btn-1 {background: #3d8ab2; color: #FFF; font-size: 24px; line-height: 36px; font-weight: 700; padding: 10px 25px;}
.btn-1:hover {background: #3d8ab2; color: #FFF; }
.btn-1 i {height: 0px; width: 0px; overflow: hidden; font-size: 30px; line-height: 36px;
float: right;     transition: width 1s;}
.btn-1:hover i {height: auto; width:30px; overflow: hidden;  transition: width 1s; }

h1 {font-weight: 700;
font-size: 38px;
line-height: 57px; margin-bottom: 20px;}

h2 {font-weight: 700;
font-size: 32px;
line-height: 48px;}

h5 {font-weight: 600;
font-size: 24px;
line-height: 36px;}

h6 {font-size: 16px; font-weight: 700;}



.bg-1 {background: url("../images/bg-1.png") no-repeat center center scroll #123166;
  background-size: auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; color: #FFF; }

.bg-2 {background: url("../images/bg-2.jpg") no-repeat center center scroll;
  background-size: auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;  }
.title {}
.bg-3 {position: relative; color: #FFF;}
.bg-3 .container {position: relative; z-index: 99;}
.bg-3 .container-fluid {position: relative; z-index: 99;}
.bg-3::before {content: ""; background: url("../images/bg-4.jpg") no-repeat center center scroll ;
  background-size: auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;  width: 100%; height: 65%; left: 0px; top: 0px; position: absolute; }




.bg-4 {background: url("../images/bg-4.jpg") no-repeat center center scroll ;
  background-size: auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; color: #FFF; }


.photo-img-box {position: relative; }
.photo-img-box img {width: 100%; height: auto; }
.photo-img-box span {position: absolute; top: 10px; left: 10px; font-weight: 700;
font-size: 16px;
line-height: 24px;
background: #3d8ab2; padding: 5px 15px; border-radius: 60px;
color: #FFFFFF;}

.zoom-icon {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0,0,0,0.8); opacity: 0;  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;}
.zoom-icon i {font-size: 40px; color: #FFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.photo-img-box:hover .zoom-icon {opacity: 1;  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;} 

.copy-text {text-align: right; }
footer {background: #123166; padding:50px 0; }
footer .social a  {font-size: 25px; width: 50px; height: 50px; line-height: 55px;}
footer span   {font-weight: 500;
font-size: 15px;
line-height: 24px; color: #FFF;}
#timer {text-align: center; }

#timer div {
  display: inline-block;
  line-height: 1;
  padding:10px 20px;
  font-size: 40px;
	
	font-size: 45px;
  color: #123166;
	font-weight: 700;
}

#timer span {
  display: block;
  font-size: 20px;
  color: #123166;
	padding: 10px 0;
}

.copyright a {color: #FFF; text-decoration: none; }
.link-n {color:#ffff00; }
a {text-decoration: none; }
@media only screen and (min-width:768px) and (max-width:992px) {.navbar-brand {width: 30%;} .nav-link {font-size: 12px;}}

@media (max-width:767px) {
	.navbar-dark {height: 70px;}
	.navbar-brand {width: 70%;}
	.navbar-toggler {background: #123166; margin-top: -30px;}
	.navbar-collapse {background: #3d8ab2; padding:0px 10px}
	footer {text-align: center; }
	.copy-text {text-align: center; }
	
	#timer div {font-size: 50px;}
}

/* ======= Center Navigation Menu on Desktop ======= */
.navbar-collapse.position-absolute {
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
}

/* Add spacing between nav items */
.navbar-nav .nav-item {
  margin: 0 10px;
}

/* ======= Fix Mobile Menu Behavior ======= */
@media (max-width: 767.98px) {
  .navbar-collapse.position-absolute {
    position: static !important;
    transform: none !important;
    left: auto !important;
  }

  .navbar-nav {
    justify-content: flex-start;
  }
}