/* Global Styles */

@font-face {

    font-family: 'Heading Now Trial 55';

    src: url('../fonts/HeadingNowTrial-55Medium.eot');

    src: url('../fonts/HeadingNowTrial-55Medium.eot?#iefix') format('embedded-opentype'),

        url('../fonts/HeadingNowTrial-55Medium.woff2') format('woff2'),

        url('../fonts/HeadingNowTrial-55Medium.woff') format('woff'),

        url('../fonts/HeadingNowTrial-55Medium.ttf') format('truetype'),

        url('../fonts/HeadingNowTrial-55Medium.svg#HeadingNowTrial-55Medium') format('svg');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}

body{ font-family:'Montserrat', sans-serif;}

/* reCAPTCHA badge pinned bottom-right */
.grecaptcha-badge {
  position: fixed !important;
  bottom: 0px !important;
  right: 0px !important;
  z-index: 9999;
  transform: scale(0.8); /* make it a bit smaller */
  transform-origin: bottom right;
  transition: all 0.3s ease;
  overflow: hidden;
  width: 70px;   /* collapsed width */
  height: 60px;  /* collapsed height */
}

/* Expand on hover */
.grecaptcha-badge:hover {
  width: 256px;  /* full size */
  height: 60px; 
}


.container{ max-width:1200px;}



/* Header Styles */

header{ position:fixed; width:100%; top:0; z-index:1000; transition:background-color 0.3s ease;}

header a{ text-decoration: none;}

header .navbar{ background-color:transparent !important; transition:background-color 0.3s ease; height:106px;}

header.scrolled .navbar{ background-color:#000 !important; box-shadow:0 2px 4px rgba(0,0,0,0.1); height:90px;}

header.menu-open .navbar .container, header.menu-open .navbar{ background-color:#000 !important;}



.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

.navbar-toggler{ color:#edc741; border:1px solid #fff; background:#000;}

.navbar-toggler:hover, .navbar-toggler:focus{ border:1px solid #edc741; background:#edc741;}

.social-icon{ font-size: 20px; width: 40px; height: 40px; border-radius: 50px; border: 1px solid #fff; display: block; text-align: center;

  line-height: 40px;}

.social-icon:hover{ background: #edc741;  border: 1px solid #edc741; color:#000;}

.social-icon:hover .fa-brands{ color:#000;}



@media (min-width: 992px){ .navbar-brand.mx-auto{ position:absolute; left:50%; transform:translateX(-50%);}}



.navbar-brand.d-lg-none{ margin:0; padding:0;}

.navbar-dark .navbar-nav .nav-link{ font-size:16px; color:#fff;}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link.active{ color:#edc741;}

.navbar-dark .navbar-text{ color:rgba(255,255,255,.85);}

.navbar-dark a.navbar-text:hover, .navbar-dark a.navbar-text:focus,

.navbar-dark a:hover, .navbar-dark a:focus{  color: #edc741 !important;}

.navbar-text .fa-solid, .navbar-text .fa-brands{ color:#edc741;}

.navbar-nav .nav-item:not(:last-child){ margin-right:25px;}

#navbarNav.show{ background-color:#000;}

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





/* Footer Styles */

.footer{ background-color:#172941; color:#fff;}

.footer h4{ color:#fff; font-weight: 500; text-transform: uppercase; font-size: 21px; line-height: 24px; }

.footer a{ color:#fff; text-decoration:none;}

.footer a:hover{ text-decoration:underline; color: #edc741;}

.footer hr{ border-top:1px solid rgba(255, 255, 255, 1);}

.footer .list-unstyled{ padding:15px 0 0; }

.footer .list-unstyled li{ padding: 0 0 0 30px; background: url(../images/footer-list.png) no-repeat 0 50%; margin: 0 0 10px; }

.social-icons{ padding-left: 25%;}

.social-icon .fa-brands{ color:#fff;}



/* Content Styles */

img{ max-width: 100%; height: auto; vertical-align: top;}

.dark-text{ color:#2a486c;}

.round-tr{ border-radius:0 30px 0 30px;}

.round-tl{ border-radius:30px 0 30px 0;}

h2{ font:normal 50px/54px 'Heading Now Trial 55', sans-serif ;}

h3{ font:normal 30px/32px 'Heading Now Trial 55', sans-serif ;}

h4{font-size: 24px; line-height: 28px; font-weight:700;}

h5{font-size: 18px; line-height: 20px; font-weight:500; color:#edc741;}

p{font-size: 15px; line-height:18px;}



main > section{ padding-top:70px; padding-bottom:70px; }

main > section.small-space{ padding-top:45px; padding-bottom:45px; }

.bg-1{ background:url("../images/bg1.jpg") no-repeat 50% 0;}





.hero-banner{  background-size:cover; background-position:center; padding:180px 0; color:#fff;}

.hero-text{ text-align: center;}

.hero-text h1, .banner h1{ font:normal 60px/64px 'Heading Now Trial 55', sans-serif;  color:#fff;}

.hero-text h1 span{ display: block; color: #edc741;}

.banner h1 span{ color: #edc741;}

.btn-warning{ background-color:#edc741; border-color:#edc741; color:#ffffff; font:600 16px/24px 'Montserrat', sans-serif; padding: 10px 20px;}

.btn-warning:hover, .btn-warning:focus{ background-color:#000; border-color:#333; color:#fff;}

#link{ position: absolute; left:50%; bottom:30px; transform: translate(-50%,0); background: #fff; border-radius: 90px; display: flex; justify-content: center; align-items: center; padding: 13px; display: block; overflow: hidden;}

.hero-banner > img{ display:none;}

.banner{ overflow:hidden;}

.banner .container{ position:absolute; left:50%; top:60%; transform:translate(-50%, 0%); text-align: center;}

.banner p{ font:normal 24px/28px 'Heading Now Trial 55', sans-serif; color:#fff}



.honeycomb { display: grid; grid-template-columns: repeat(3, 250px); grid-auto-rows: 220px; gap: 10px; position: relative; align-items: center; justify-content: center; padding: 35px 125px 35px 0; margin:35px 0 0}

.hex{ width:250px; height:290px; clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); background-size:cover; background-position: center; background-repeat: no-repeat; position: relative; overflow: hidden; cursor:pointer; color: white; text-align: center;}

.hex::after { content:""; position:absolute; inset:0; background:linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.6));      opacity:0; transition:opacity 0.3s ease;}

.hex:hover::after { opacity:1;}

.hex h3{ position:absolute; top:45%; left:50%; transform:translateX(-50%); margin:0; z-index:2; width: 80%;}

.honeycomb > .hex:nth-child(4), .honeycomb > .hex:nth-child(5), .honeycomb > .hex:nth-child(6) { transform: translateX(125px); }

.honeycomb > .hex:nth-child(7), .honeycomb > .hex:nth-child(8),  .honeycomb > .hex:nth-child(9) {transform: translateX(0); }



.services{ display:flex; flex-wrap: wrap; justify-content: space-between; gap:45px 44%; background: url("../images/services.jpg") no-repeat 50% 50%; padding: 50px 0 100px;}

.services > div{ width:28%; position:relative; padding: 0 0 0 85px;}

.services > div img{ position:absolute; left: 0; top: 0; border-radius: 90px}



.yellowbox{ background:#e6b713; border-radius: 30px 0 30px 0; padding: 70px 35px; text-align: center; color:#fff;}

.yello-sec{ background: url("../images/yellow-section.jpg") repeat-x 0 100% #cea71c; color: #fff;}

.yello-sec ul{ list-style-type: none; padding: 0 0 15px}

.yello-sec ul li{ padding-left:80px; margin-top: 15px; position: relative; }

.yello-sec ul li img{ position: absolute; left: 0; top: 0; border-radius: 90px;}



.rounded-box > div{ position: relative; margin-bottom:40px;}

.rounded-box img{border-radius: 0 40px 0 40px;}

.rounded-box > div > div{ position: absolute; left: 10px; bottom:-40px; right: 10px; border-radius:0 30px 0 30px; background: #fff; padding: 15px; margin: 0; min-height:140px;  transition:all  0.3s ease; text-align:center; box-shadow:0 0 3px #ccc;}

.rounded-box > div:hover div{ background: #e6b713; color: #000;}

.rounded-box h4{ font-family: 'Heading Now Trial 55', sans-serif; font-weight: 400; font-size: 22px; }

.rounded-box > div:hover h4{ color:#fff;}



.form-section{background: linear-gradient(180deg,rgba(255, 255, 255, 1) 80%, rgba(22, 41, 64, 1) 80%); padding: 0; color:#fff;}

.form-section > div{ background: #e6b713;max-width: 870px;  border-radius:0 30px 0 30px; margin: 0 auto;  padding:50px;}

.form-section .text-box{ max-width: 550px; margin: 0 auto; text-align: center}

.form-section .form-box{ max-width: 550px; margin:20px auto 0;}

.form-section input:not([type="submit"]), .formbox input:not([type="submit"]){ background:none; border:1px solid #fff; border-radius: 4px; color: #fff; height: 50px; width:100%; padding:0 9px;}

.form-section input::placeholder, .formbox input::placeholder {  color: rgba(255, 255, 255, 1);  opacity: 1;}

.form-section input:-ms-input-placeholder, .formbox input:-ms-input-placeholder {  color: rgba(255, 255, 255, 1);}

.form-section input::-ms-input-placeholder, .formbox input::-ms-input-placeholder {  color: rgba(255, 255, 255, 1);} 

.twobox{ display: flex; flex-wrap: wrap; justify-content: space-between;}

.twobox > div{ width:49%; padding: 0 0 9px;}

.form-section input[type="submit"], .formbox input[type="submit"]{ background:#162940; color:#fff; border:1px solid #162940; font:700 16px/18px 'Montserrat', sans-serif; padding:15px 40px; border-radius:9px; margin:10px auto 0; display: block;}

.form-section input[type="submit"]:hover, .formbox input[type="submit"]:hover{ background: #fff; color:#162940; border:1px solid #162940}

.yellow-bg{ background:#cea71c; color:#fff;}



.textbox{ max-width: 550px; margin: 0 auto; text-align: center}

.formbox{  background:#cea71c; color:#fff;   border-radius:50px 0 50px 0; padding: 50px;}

.odd-evenbox > div > div{ text-align:center; border-radius:40px 0 40px 0; padding: 35px 10px 10px; background: #cea71c; color:#fff; margin-bottom: 20px;}

.odd-evenbox > div:nth-child(even) > div{ background:#2a486c;}

.odd-evenbox img{ margin:0 auto 10px; display: block;}

@media only screen and (max-width: 1080px) {

	

.hero-text h1, .banner h1{ font:normal 50px/54px 'Heading Now Trial 55', sans-serif;}

}



@media only screen and (max-width: 990px) {

	

.hero-text h1 { font:normal 40px/44px 'Heading Now Trial 55', sans-serif;}

.honeycomb {    grid-template-columns: repeat(2, 200px);    padding: 20px;grid-auto-rows: 180px; }

.hex {    width: 200px;    height: 240px;  }

.honeycomb > .hex:nth-child(3),  .honeycomb > .hex:nth-child(4){   transform: translateX(100px);   }	

.honeycomb > .hex:nth-child(5),   .honeycomb > .hex:nth-child(6) {   transform: translateX(0px);   }	



h2{ font:normal 40px/44px 'Heading Now Trial 55', sans-serif ;}

h3{ font:normal 25px/28px 'Heading Now Trial 55', sans-serif ;}

h4{font-size: 22px; line-height: 24px; font-weight:700;}

h5{font-size: 18px; line-height: 20px; font-weight:500; color:#edc741;}

p{font-size: 15px; line-height:18px;}



.services{ background-size: 250px; gap: 45px 20%; padding: 20px 0; gap: 45px 20%;}

.services > div { width: 40%;}

.yellowbox{padding: 35px;}

.yello-sec { background: #cea71c;}

	.formbox{ padding: 25px;}

}







@media only screen and (max-width: 740px) {



#navbarNav{ padding:10px 0;}

#navbarNav > .d-flex{ align-items: flex-start !important;  flex-flow: column;}

#link{ padding:5px; bottom: -60px;}

footer .container .row{ gap:30px 0; }

.hero-banner{ padding:0;margin-bottom: 30px;}

.hero-banner > img{ display:block;}

.hero-banner .container{ position:absolute; left: 0; top: 50%; transform: translate(0, -30%);}

.hero-text h1 { font:normal 34px/40px 'Heading Now Trial 55', sans-serif;}

.twobox {    flex-direction: column;    gap: 9px;  }

.twobox > div {    width: 100%;    padding: 0;  }

.services {    gap: 45px;    justify-content: center; background: #fff;}

.services > div {    width: 80%;  }

main > section {  padding-top:40px;  padding-bottom:40px;}

.yellowbox {    padding: 35px;  margin: 250px 0 0;  }

.rounded-box > div {  margin-bottom: 60px;}	

.form-section{padding: 0 10px;}

	

h2{ font:normal 30px/34px 'Heading Now Trial 55', sans-serif ;}

.banner > img{ width: 200%;    max-width: 200%;    margin: 0 -100%;}

.formbox{ margin-top: 15px;}

.banner p{ font:normal 20px/24px 'Heading Now Trial 55', sans-serif;}

}

@media only screen and (max-width: 480px) {

footer{ text-align: center;}

.banner > img{ width:260%;    max-width:260%;    margin: 0 -130%;}

.hero-text h1{ font: normal 30px/32px 'Heading Now Trial 55', sans-serif; }

.banner h1{ font: normal 36px/38px 'Heading Now Trial 55', sans-serif; }

.social-icons {  padding-left: 45%;}

.footer .list-unstyled {  padding: 15px 0 0;  display: table;  margin: 0 auto;  text-align: left;}



.honeycomb {    grid-template-columns:repeat(1, 260px);    justify-content: center;    padding: 10px;  grid-auto-rows: 263px; }

.hex {    width: 90%;    height: auto;    aspect-ratio: 1 / 1.15; /* keeps hexagon proportion */  }

.honeycomb > .hex {    transform: none !important; /* remove stagger */  }

.honeycomb > .hex:nth-child(2),  .honeycomb > .hex:nth-child(4){   transform: translateX(100px);   }	

.honeycomb > .hex:nth-child(5),   .honeycomb > .hex:nth-child(6) {   transform: translateX(0px);   }

.services {	gap:15px;}

.services > div { width: 100%; }

.form-section > div{padding: 30px;}

	

}