@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


:root {
--text-color: #666;
--heading-font-family: "Merriweather", serif;
--text-font-family:"Inter", sans-serif;
--color-navy-50: #f4f6fa;
    --color-navy-100: #e8ecf5;
    --color-navy-200: #cdd6eb;
    --color-navy-600: #2c4a86;
    --color-navy-700: #1e3563;
    --color-navy-800: #132342;
    --color-navy-950: #0a1224;
    --color-gold-50: #fefcf0;
    --color-gold-100: #fdf5cc;
    --color-gold-400: #e5c158;
    --color-gold-500: #d4af37;
    --color-gold-600: #b8921e;
    --color-gold-700: #947114;
    --color-cream-50: #fdfbf7;
    --color-cream-100: #faf6ed;
    --color-cream-200: #f2ebd9;
    --color-cream-300: #e6dac1;
}

body{
  font-family: var(--text-font-family); 
  background-color: var(--color-cream-50);   
}

.top{
  background-color: var(--color-navy-800);
  color: #fff;
  font-size: 12px;
  text-align: center;
}

.top i{
color: var(--color-gold-500);
font-size: 16px;
visibility: visible;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: pulse2;
  display: inline-block;
}
@keyframes pulse2 {
  50% {
    opacity: 0.5;
  }
}



header{
    background-color: var(--color-navy-950);
  border-bottom: 2px solid #d4af37;
  padding: 10px 0;
}


.logo h2{
color: #fff;
  font-family: var(--heading-font-family);
  font-weight: 900;
  margin: 0;
  text-transform: uppercase;
}

.logo h2 span{
color: #d4af37;
}

.logo p{
color: #d4af37;
  font-size: 15px;
  margin: 0;
}

.nav-link {
color: #fff;
font-size: 13px;
font-weight: 600;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
color: #d4af37;
}

.nav-link:focus, .nav-link:hover {
color: #d4af37;
}

.hero-section{
padding: 60px 0;
background: url(../images/sec1-bg.jpg) no-repeat;
background-size: cover;
position: relative;
z-index: 9;
}

.hero-section::before{
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
    background-color: var(--color-navy-800);
  opacity: 0.95;
      z-index: -1;
}

.hero-section h6{
background: rgba(229, 193, 88, 0.10);
  color: var(--color-gold-400);
  display: inline-block;
  border: 1px solid var(--color-gold-400);
  border-radius: 30px;
  font-size: 14px;
  padding: 3px 15px;
  text-transform: uppercase;
}

.hero-section h1{
      font-family: var(--heading-font-family);
  font-weight: 800;
  font-size: 45px;
  padding: 2px 0px;
  margin-bottom: 0;
}

.hero-section h4{
  color: #fff;
  font-family: var(--heading-font-family);
  padding-bottom: 8px;
}

.hero-section p{
color: #fff;
opacity: 0.8;
}


.hero-section a{
      border: 2px solid #fff;
      display: inline-block;
      padding: 15px 20px;
      color: #fff;
      text-decoration: none;
      font-size: 15px;
      border-radius: 10px;
      margin:8px 10px;
      font-weight: 600;
      display: inline-flex;
  gap: 8px;
}


.sec-1 h2{
font-size: 28px;
  color: var(--color-gold-600);
  font-family: var(--heading-font-family);
  font-weight: 700;
}

.sec2-bx{
background-color: var(--color-cream-100);
border: 1px solid var(--color-cream-200);
border-radius:16px;
padding: 30px;
}

.sec2-bx h2{
color: var(--color-navy-800);
font-family: var(--heading-font-family);
font-weight: 700;
font-size: 28px;
}

.sec2-bx p{
  color: var(--color-navy-700);
}

.sec2-bx h6{
  color: var(--color-gold-700);
  font-size: 12px;
  font-weight: 600;
}



.sec3-title{
text-align: center;
}

.sec3-title h6{
  background: #b22234;
  color: #fff;
  display: inline-block;
  border-radius: 30px;
  font-size: 14px;
  padding: 3px 15px;
}


.sec3-title h2{
  font-family: var(--heading-font-family);
  font-weight: 800;
  font-size: 38px;
  padding: 2px 0px;
color: var(--color-navy-800);
margin-bottom: 0px;
}

.sec3-title p{
font-size: 14px;
  color: var(--color-navy-600);
  padding-bottom: 15px;
}

.sec3-bx{
border: 1px solid rgb(205, 214, 235);
border-radius:10px;
padding: 20px;
height: 100%;;
transition: .4s;
-webkit-transition: .4s;
-moz-transition: .4s;
}

.sec3-bx:hover{
box-shadow: 0 1px 15px rgba(0, 0, 0, 0.12);
  transform: translateY(-4px);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  border: 1px solid var(--color-gold-400);
}


.sec3-bx i{
background-color: var(--color-navy-50);
border: 1px solid var(--color-navy-100);
color: var(--color-gold-500);
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-bottom: 12px;
  font-size: 22px;
  text-align: center;
  line-height: 50px;
  border-radius: 8px;
  border: 1px solid #f9e8b3;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
}

.sec3-bx:hover i{
background: var(--color-gold-50);
}

.sec3-bx h4{
color: var(--color-navy-800);
  font-family: var(--heading-font-family);
  font-size: 22px;
  font-weight: 700;
}

.sec3-bx p{
  font-size: 13px;
color: var(--color-navy-600);
}

.sec3-bx a{
  font-size: 14px;
  text-decoration: none;
  color: var(--color-gold-500);
}

.sec3-bx:hover a{
    color: var(--color-gold-600);
}

.sec4-bx {
background-color: var(--color-cream-100);
border: 1px solid var(--color-gold-400);
  border-radius: 16px;
  padding: 30px;
	height: 100%;
	transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
}

.sec4-bx h6{
background: rgba(229, 193, 88, 0.10);
  color: var(--color-gold-600);
  display: inline-block;
  border: 1px solid var(--color-gold-400);
  border-radius: 30px;
  font-size: 14px;
  padding: 3px 15px;
  text-transform: uppercase;
}

.sec4-bx h2{
  font-family: var(--heading-font-family);
  color: var(--color-navy-800);
  font-size: 28px;
}

.sec4-bx p {
	font-size: 13px;
	color: var(--color-navy-600);
}

.sec4-bx a{
  text-decoration: none;
  font-size: 15px;
  color: var(--color-gold-600);
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
}

.sec4-bx a:hover{
  color: var(--color-navy-700);
}

.sec5-out{
background-color: var(--color-navy-50);
  border: 1px solid var(--color-navy-100);
  border-radius: 16px;
  padding: 30px;
}

.sec5-title h2{
font-family: var(--heading-font-family);
  color: var(--color-navy-800);
  font-size: 28px;
}

.sec5-title p{
font-size: 14px;
  color: var(--color-navy-600);
}


.sec5-title .form-select, .sec5-title .form-control{
  font-size: 14px;
  border: 1px solid var(--color-navy-200);
}

.sec5-title  .form-select:focus {
  border: 1px solid var(--color-gold-500);
box-shadow: none;
}

.sec5-title  .form-control:focus {
  border: 1px solid var(--color-gold-500);
box-shadow: none;
}

.sec5-title button{
background-color: var(--color-navy-800);
border-radius: 8px;
padding: 0 6px;
}

.sec5-title button svg{
  color: #fff;
}

.state-search{
  border: 2px solid  var(--color-gold-400);
background-color: var(--color-cream-50);
border-radius: 16px;
padding: 30px;
box-shadow: 0 2px 15px rgba(0,0,0,0.1);
}

.result-state .mapname{
font-family: var(--heading-font-family);
color: var(--color-navy-800);
}

.result-state .mapname i{
  color: var(--color-gold-500);
}

.state-search h3{
font-family: var(--heading-font-family);
color: var(--color-navy-700);
}

.state-search p{
  font-size: 14px;
  color: var(--color-navy-600);
}

.state-search h1{
  font-family: var(--heading-font-family);
  color: var(--color-navy-800);
  font-weight: 600;
}

.crd-bx h5{
font-family: var(--heading-font-family);
font-size: 18px;
color: var(--color-gold-600);
}

.crd-bx p{
font-size: 18px;
  font-weight: 500;
  color: var(--color-navy-800);
}


.sec-6 h2{
font-family: var(--heading-font-family);
color: #fff;
}

.sec6-bx{
  background-color: var(--color-navy-800);
  padding:30px;
 border-radius: 16px;
}

.sec6-bx label{
  color: var(--color-navy-200);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-bottom: 4px;
}

.sec6-bx .form-control, .sec6-bx .form-select{
border: 1px solid var(--color-navy-600);
  background: transparent;
  color: #fff;
  font-size: 14px;
  margin-bottom: 12px;
}

.sec6-bx .signup-submit-btn{
background-color: var(--color-gold-500);
  border-radius: 12px;
  padding: 12px 20px;
  font-weight: 600;
  color: var(--color-navy-800);
  border: none;
  display: inline-block;
}



footer{
background: var(--color-navy-950);
  padding: 50px 0 0;
  border-top: 2px solid #d4af37;
}

.f-links h3{
font-family: var(--heading-font-family);
color: #fff;
position: relative;
font-size: 20px;
}

.f-links h3::before{
  position: absolute;
  content: '';
  left: 0;
  bottom: -4px;
  width: 30px;
  height: 2px;
  background-color: #d4af37;
}

.f-links ul{
  padding: 0;
}

.f-links ul li{
  list-style: none;
  display: inline-block;
  width: 48%;
}

.f-links ul li a{
text-decoration: none;
  color: #fff;
  font-size: 13px;
  display: block;
  line-height: 24px;
  position: relative;
  padding-left: 10px;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
}

.f-links ul li a:hover{
  color: var(--color-gold-500);
}

.f-links ul li a::before{
content: '';
  display: inline-block;
  width: 6px;
  background-color: rgba(255, 255, 2555, 0.5);
  height: 1px;
  position: absolute;
  top: 14px;
  left: 0px;
}

.f-about h2{
font-family: var(--heading-font-family);
text-transform: uppercase;
font-weight: 700;
color: var(--color-gold-400);
font-size: 25px;
 }

 .f-about p{
  font-size: 13px;
  color: #fff;
 }

 .social-media-links ul li {
	list-style: none;
	display: inline-block;
	margin-right: 3px;
}

.social-media-links h4 {
	color: #fff;
	margin-top: 20px;
font-size: 14px;
}

.social-media-links ul li img {
	width: 35px;
}

div#copyright-list {
border-top: 1px solid var(--color-navy-700);
	margin-top: 25px;
}

.copyright_txt_div p {
	color: #fff;
	padding: 10px 0;
	margin-bottom: 0;
	font-size: 12px;
	text-align: center;
}

.newsletter-list h4 {
	color: #fff;
	margin-bottom: 1px;
font-size: 18px;
font-family: var(--heading-font-family);
padding-bottom: 5px;
}

.newsletter-list {
	margin-top: 20px;
}

#button-addon2{
background-color: var(--color-gold-600);
  border-color: var(--color-gold-600);
  font-size: 13px;
}

.ft-enq {
	margin-top: 16px;
}

.ft-enq .form-control, .ft-enq .form-select{
  margin-bottom: 12px;
  font-size: 15px;
}

.ft-enq .btn-read{
background-color: #b22234;
  display: inline-block;
  padding: 13px 20px;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  border-radius: 10px;
  border: none;
  font-weight: 600;
}