/* @import "https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css";
@import "https://cdn.jsdelivr.net/npm/bulma-carousel@4.0.3/dist/css/bulma-carousel.min.css"; */

:root{
  --primary: #0B192C ;
  /* --secondary: #6d6e71; */
  --secondary: #043464;
  --third: #000;
  --red: #FF6500;
  --text: #fff;
  --link-color: #4A90E2 ;

  --bulma-radius-large: 0;
  --bulma-box-radius: 0;
  --bulma-footer-background-color: var(--secondary);
  --bulma-scheme-main-bis: var(--secondary);
  --bulma-link: var(--secondary);
  --bulma-link-text: var(--link-color);
  --bulma-link-text-active: var(--link-color);
  --bulma-link-text-hover: var(--link-color);
  --bulma-navbar-height: 5rem;
  --bulma-link-text: var(--secondary)
}

html{
	margin: 0
}

body section.start-element.frontpage{
	height: calc(100vh - var(--bulma-navbar-height));
}

body section.start-element > .hero{
	margin: auto 0;
}

.navbar-item{
	background: none
}

button, input[type=submit]{
  background-color: var(--secondary)!important;
  border-radius: 0!important;
}

body > nav > div > div.navbar-brand > a.navbar-item > img{
  min-height: 4rem;
}
section.start-element .hero p,
section.start-element .hero h1 span{
	text-align:center
}


@font-face {
  font-family: "OpenSans";
  src: url('../fonts/OpenSans.ttf');
  font-weight: normal;
  font-style: normal;
}

body{
  background-color: #fff;
  font-family: "OpenSans", sans-serif;
}
.footer p,
.footer strong,
.footer a{
  color: #fff;
}

.hero{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /* margin-top: var(--bulma-navbar-height); */
}

/* .hero p:not(.button), */
/* .hero h1:not(.button),
.hero a:not(.button):hover,
.hero a:not(.button):focus,
.hero a:not(.button){
  color: #fff!important;
  text-shadow: 1px 1px 2px black;
} */


.section {
  display: flex;
}


.post .entry h1,
.post .entry h2,
.post .entry h3,
.post .entry h4{
  margin-bottom: 1.2rem;
}
.post .entry p{
  margin-bottom: .5rem;
}

.hero .contact{
  margin-top: 2rem;
	    display: flex;
    gap: 1rem;
    flex-flow: wrap;
    justify-content: center;
}
.button{
  border-radius: 0;
}

.button:not(.is-outlined){
  background-color: var(--secondary)!important;
  color: var(--text)!important;
  border-radius: 0
}

.gallery{
  margin-top: 3rem;
  margin-bottom: 3rem;
}
h1,h2,h3,h4{
  color: var(--primary);
  text-transform: uppercase ;
  /* font-family: 'Times New Roman', Times, serif; */
  font-weight: 600;
}



.navbar-start {
  justify-content: flex-start;
  margin-inline-start: auto;
  margin-right: 2rem;
}


.hero .center{
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#about,
#services{
  flex-direction: column;
  gap: 1rem;
}
#services .container,
#services .section-heading{
  width: 100%;
}
#about .section-heading,
#services .section-heading{
  text-align: center;
}

.grid{
  display: grid!important;
  grid-template-columns: repeat(2, 1fr);
}
.grid .column{
  display: flex!important;
}

.image-preview {
  width: 100%; /* Set the width of the preview box */
  height: 200px; /* Set the height of the preview box */
  overflow: hidden; /* Hide overflow if image is larger */
  display: flex;
  justify-content: center; /* Center image horizontally */
  align-items: center; /* Center image vertically */
  margin-bottom: 2rem;
}

.image-preview img {
  max-width: 100%; /* Ensure image fits within the box */
  max-height: 100%; /* Ensure image fits within the box */
  object-fit: cover; /* Cover the box without distortion */
}

.text-hero{
  text-shadow: 0 0 2rem rgba(255, 255, 255, .2);
  background-color: rgba(255, 255, 255, .6);
  color: var(--secondary);
}
.hero-body.no-padding{
  padding-left: 0!important;
  padding-right: 0!important;
  padding-top: 5rem;
  padding-bottom: 5rem;
/*   margin-top: 3rem; */
}
.no-padding > *{
  max-width: 100%;
}

.hero-body {
  max-height: 100vh;
}

.hero-body.no-padding h1{
  text-shadow: 0 0 2rem rgba(255, 255, 255, .2);
  color: var(--secondary);
  text-align: center;
}

.count-boxes{
  gap: var(--bulma-column-gap);
}

.count-boxes .card{
  background-color: var(--secondary);
  color: #fff;
  border-radius: 0;
}
.count-boxes .number-animated{
  font-size: 3rem;
}

h1.wp-block-heading::after,
h2.wp-block-heading::after,
h3.wp-block-heading::after,
h4.wp-block-heading::after{
  content: '';
  background-color: var(--secondary);
  height: var(--bulma-hr-height);
  width: 20rem;
  max-width: 100%;
  display: block;
  margin-top: .7rem;
}


@media screen and (max-width:768px) {
  .grid{
  grid-template-columns: repeat(1, 1fr);

  }
	
	.navbar-start {
  margin-right: 0;

	}
/*   h1,h2,.title{
    font-size: 2rem!important;
  }
  .subtitle,h3,h4,h5{
    font-size: 1.6rem!important;
  } */
  #contact .hero-body{
    max-height: unset;
    padding: 0;
  }

  #contact .hero-body .contact_form .form-wrapper{
    padding: 2rem;
  }
}
#contact .hero-body{
  max-height: unset;
}

/* 
.scroller {
  --scrollbar-color-thumb: var(--secondary);
  --scrollbar-color-track: var(--fff);
  --scrollbar-width: thin;
  --scrollbar-width-legacy: 10px;
}

/* Modern browsers with `scrollbar-*` support */
@supports (scrollbar-width: auto) {
  .scroller {
      scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
      scrollbar-width: var(--scrollbar-width);
  }
}

/* Legacy browsers with `::-webkit-scrollbar-*` support */
@supports selector(::-webkit-scrollbar) {
  .scroller::-webkit-scrollbar-thumb {
      background: var(--scrollbar-color-thumb);
  }
  .scroller::-webkit-scrollbar-track {
      background: var(--scrollbar-color-track);
  }
  .scroller::-webkit-scrollbar {
      max-width: var(--scrollbar-width-legacy);
      max-height: var(--scrollbar-width-legacy);
  }
} */


.center p{
	text-align:center;
}


.video-hero {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}


.hero-fallback,
.hero-video-mobile {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.hero-fallback{
background-repeat: no-repeat;
    background-position: center;
object-fit: cover;
}

/* Hero content on top of video/image */
.hero-content-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Hide video by default, show only on mobile */
.hero-video-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .hero-video-mobile {
    display: block;
  }
  .hero-fallback {
    display: none;
  }
}