/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */


body {
  margin: 0;
  background: #f2f2f2 !important;

}

:root {
  --p-color: #194d5b;
  --hp-color: #113944;
  --s-color: #d57328;
  --hs-color: #ad5c1e;
}

.overflow-x-hidden{
  overflow-x: hidden;
}
.p-color {
  color: var(--p-color);
}

.s-color {
  color: var(--s-color);
}

a {
  text-decoration: none;
}


.i-flex {
  display: flex;
  gap: 5px;
}

.i-items-center {
  align-items: center;
}




.top-bar {
  background: var(--p-color);
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.color-space{
  height: 5px;
  width: 100%;
  background-color: var(--s-color);
}

.header_contact {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 575px) {
  .header_contact {
      display: none;
  }
}

.header-socials {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}



.header-socials .icon {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: var(--s-color);
  display: flex;
  justify-content: center;
  align-items: center;
  
}

a:hover{
  color: var(--hp-color);
}

.header-socials .icon:hover{
  background: var(--hs-color);
}

.header-socials .icon:hover i{
  color: var(--hp-color);
}

.header-socials .icon i {
  color: var(--p-color);
}


header {
  background: #fff;
}

.nav-link{
  transition: all 0.5s !important;
  color: var(--p-color) !important;
}


.nav-link.active, .nav-link:hover, .dropdown-item:hover{
  background: var(--s-color) !important;
  letter-spacing: 1px !important;
  color: var(--p-color) !important;
}
.dropdown-item{
  transition: all 0.5s !important;
  color: var(--p-color) !important;
}

.dropdown-item:hover{
  color: var(--p-color) !important;
  letter-spacing: 1px !important;
}

.dropdown-menu{
  border-radius: 0 !important;
}


.name-brand {
  background: var(--s-color);
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;

}

.name-brand h1 {
  margin-bottom: 0px;
}

@media screen and (max-width: 575px) {
  .name-brand h1 {
      font-size: 22px;
  }
}


/* Poser Station Section  */

.power-station{
  width: 100%;
  padding: 50px 0;
  background: #113944;
}

.power-box{
  margin: 10px;
  position: relative;
}

.power-img{
  width: 100%;
  overflow: hidden;
}

.power-img img{
  width: 100%;
  transition: all 0.5s;
}

.power-box:hover .power-img img{
  transform: scale(1.2);
}

.power-title{
  margin: -50px auto auto auto;
  position: absolute;
  font-size: 20px;
  color: var(--hp-color);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  background: #d57328c9;
  font-weight: 750;
}







/* Vision Mision Values  */

.vision-mission{
  padding: 50px 0;
  background: #6aa4b4;
}


.vmv{
  margin: 10px;
  border: 1px solid var(--p-color);
  
}

.vmv-img{
  width: 120px;
  height: 120px;
  border-radius: 100px;
  overflow: hidden;
  border: 2px solid var(--s-color);
  margin: 20px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vmv-img img{
  width: 80%;
  margin: 0 auto;
}

.vmv-body{
  padding: 20px;
}

.vmv-title{
  font-weight: 600;
  font-size: 18px;
}







.footer {
  background: var(--p-color);
  padding: 50px 0;
  color: #101010;
}

.footer-content {
  margin: 20px 0;
  color: #101010;
}

.footer-content a {
  color: #101010;
}

.copyright {
  width: 100%;
  text-align: center;
}


.copyright p {
  margin-bottom: 0;
}

.copyright p a {
  color: #ffb202;
}

.copyright p a:hover {
  color: #101010;

}