@font-face {
  font-family: "Georgia";
  src: url(../asset/Fonts/georgia.ttf) format("truetype");
}
@font-face {
  font-family: "Georgiab";
  src: url(../asset/Fonts/georgiab.ttf) format("truetype");
}
@font-face {
  font-family: "Handlee-Regular";
  src: url(../asset/Fonts/Handlee-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "OpenSans-Regular";
  src: url(../asset/Fonts/OpenSans-Regular.ttf) format("truetype");
}
.loader-wrapper {
  z-index: 1001;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader-wrapper .loader {
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader-wrapper .loader img {
  width: 50%;
  height: 50%;
  -webkit-animation: spin 4s linear infinite;
          animation: spin 4s linear infinite;
  /* Safari */
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loading {
  overflow: hidden;
}

body {
  background-color: white;
  font-family: "Goudy Old Style";
}
body h1 {
  font-family: "Goudy Old Style";
  color: #0076b6;
}
body .footer {
  font-family: "Goudy Old Style";
}

.title-page {
  position: absolute;
  top: 50vh;
  left: 10vw;
}
.title-page h1 {
  color: white;
}

.my-navbar {
  z-index: 1000;
}
.my-navbar .nav-link {
  font-family: "Goudy Old Style";
  width: 10vw;
  text-align: center;
  color: #0076b6;
}
@media screen and (max-width: 1000px) {
  .my-navbar .nav-link {
    width: 20vw;
  }
}
.my-navbar .active .nav-link {
  background-color: #0076b6;
  border-radius: 20px;
  color: white;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url(/src/asset/icons/togller.svg);
}

.section1 {
  height: 100vh;
}
.section1.about {
  height: 70vh;
}
.section1.about .title-page {
  position: absolute;
  top: 50vh;
  left: 10vw;
}
@media screen and (max-width: 1000px) {
  .section1.about .title-page {
    top: 70vh;
  }
}
.section1.about .title-page h1 {
  color: #0076b6;
}
.section1.about .my-navbar .nav-link {
  color: #0076b6;
}
.section1.about .my-navbar .active .nav-link {
  color: white;
}
@media screen and (max-width: 1000px) {
  .section1.about {
    height: 100vh;
  }
}

/* @media screen and (max-width: 400px) and (max-height: 400px) {
  .section1.about {
    height: 100rem;
  }
} */
.section1.about .modal-dialog {
  margin-left: 0;
}
.section1.about .modal-content {
  background-color: #0076b6;
  color: white;
}
.section1.about .modal-content button {
  color: white;
}
.section1.about .back-ground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../asset/imgs/about_header.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 70vh;
  background-position: top;
}
@media screen and (max-width: 1000px) {
  .section1.about .back-ground {
    height: 100vh;
  }
}
.section1.about .back-ground .filtter {
  height: 70%;
  filter: blur(100px);
  background: rgba(0, 15, 56, 0.5);
}
.section1.about .our-logo {
  height: 0px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
.section1.about .our-logo .our-logo-outter {
  z-index: 1;
  background-image: url(/src/asset/imgs/fotor_2023-2-18_19_27_56-removebg-preview.png);
  background-position: center;
  background-size: cover;
  margin-top: 2%;
  width: 250px;
  height: 250px;
  position: absolute;
  display: flex;
  align-items: center; /* aligns vertically */
  justify-content: center;
}
.section1.about .our-logo .our-logo-outter:hover {
  width: 260px;
  height: 260px;
  transition: ease-in-out;
  transition-duration: 0.3s;
  cursor: pointer;
}
.section1.about .our-logo .our-logo-outter .our-logo-inner {
  display: flex;
  align-items: center; /* aligns vertically */
  justify-content: center;
  width: 65%;
  height: 65%;
  background-image: url(/src/asset/imgs/1676828144307-removebg-preview\ \(1\).png);
  background-size: cover;
  z-index: 999;
}
.section1.about .our-logo .our-logo-outter .our-logo-inner:hover {
  border: solid #0076b6;
  border-radius: 1000px;
}
.section1.about .our-logo .our-logo-outter .our-logo-inner img {
  z-index: 1000;
  width: 100%;
}
.section1.about .our-logo .our-logo-outter .our-logo-inner button {
  border: none;
  background: none;
  width: 100%;
  height: 100%;
}
.section1.about .our-logo .our-logo-outter .our-logo-inner .shape {
  width: 80%;
  height: 80%;
  background-image: url(/src/asset/imgs/1676827879952-removebg-preview.png);
  background-size: cover;
  z-index: 9999;
}
.section1.about .our-logo .our-logo-outter .our-logo-inner .shape:hover {
  -webkit-animation: spin 5s linear infinite;
          animation: spin 5s linear infinite;
  /* Safari */
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.section1.contact {
  height: 70vh;
}
.section1.contact .back-ground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../asset/imgs/contact_header.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 70vh;
  background-position: top;
}
@media screen and (max-width: 1000px) {
  .section1.contact .back-ground {
    height: 100vh;
  }
}
.section1.contact .back-ground .filtter {
  height: 70%;
  filter: blur(100px);
  background: rgba(0, 15, 56, 0.5);
}
.section1.portfolio {
  height: 100vh;
}
.section1.portfolio .back-ground {
  width: 100%;
  height: 70%;
  background-image: url(../asset/imgs/about_header.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 70vh;
  background-position: top;
}
@media screen and (max-width: 1000px) {
  .section1.portfolio .back-ground {
    height: 70%;
  }
}
.section1.portfolio .back-ground .filtter {
  height: 70%;
  filter: blur(100px);
  background: rgba(0, 15, 56, 0.065);
}
.section1.portfolio .container {
  height: 30%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
.section1.portfolio .container h4 {
  color: #0076b6;
  font-family: "Goudy Old Style";
}
.section1 .custom-toggler .navbar-toggler-icon {
  background-image: url(/src/asset/icons/togller.svg);
}
.section1 .main-carousel {
  position: absolute;
  top: 0;
  overflow: hidden;
}
.section1 .main-carousel img {
  filter: blur(2px);
}
.section1 .main-carousel .carousel-control-next, .section1 .main-carousel .carousel-control-prev {
  display: none;
}
@media screen and (min-width: 1200px) {
  .section1 .main-carousel {
    height: 100%;
  }
}
.section1 .main-carousel .title {
  position: absolute;
  top: 60vh;
  left: 10vw;
  color: white;
}
@media screen and (max-width: 800px) {
  .section1 .main-carousel .title {
    top: 15vh;
    left: 30vw;
  }
}
.section1 .main-carousel .title h1 {
  font-size: 8vw;
}

.section2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.section2 .main-container {
  margin-bottom: 5vh;
  margin-top: 2vh;
  height: 90%;
  max-width: 98%;
  border: solid 1px;
  border-color: #0076b6;
}
@media screen and (min-width: 1000px) {
  .section2 .main-container {
    padding: 10vh;
  }
}
.section2 .main-container .container {
  margin-top: 4rem;
}
.section2 .main-container .container h1 {
  color: #0076b6;
}
.section2 .main-container .container p {
  color: #0076b6;
  font-size: larger;
}
.section2 .main-container ul {
  overflow-x: scroll;
  overflow-y: hidden;
  flex-wrap: nowrap;
  height: 16vh;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.section2 .main-container ul::-webkit-scrollbar {
  display: none;
}
.section2 .main-container li {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.section2 .main-container .nav-item .line {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  height: 1px;
  width: 10vw;
  background-color: #0076b6;
  position: relative;
  bottom: -2vh;
}
.section2 .main-container .nav-item img {
  width: 3rem;
  border-radius: 10px;
}
.section2 .main-container .nav-link {
  background-color: white;
  color: #0076b6;
  border: none;
  font-family: "Goudy Old Style";
}
.section2 .main-container .nav-link .line {
  display: none;
}
.section2 .main-container .nav-link.active {
  font-family: "Goudy Old Style";
  font-weight: bold !important;
}
.section2 .main-container .nav-link.active .line {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  height: 1px;
  width: inherit;
  background-color: #0076b6;
}
.section3 {
  background-image: url(/src/asset/imgs/Untitled\ design\ \(1\).png);
  background-size: cover;
}
.section3 .container {
  height: 100%;
}
.section3 .container .row .ourgoals {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 1000px) {
  .section3 .container .row .ourgoals .ourgoals-title {
    position: absolute;
    top: 30%;
  }
}
.section3 .container .row .goal-box {
  margin-top: 4rem;
}
@media screen and (min-width: 1000px) {
  .section3 .container .row .goal-box {
    max-width: 38%;
    margin-right: auto;
  }
}
.section3 .container .row .one-goal {
  font-family: "Goudy Old Style";
  border-bottom: solid #0076b6;
  border-width: 2vh;
}
@media screen and (min-width: 768px) {
  .section3 .container .row {
    height: 100%;
  }
}
.section3 .container .row h1 {
  font-family: "Goudy Old Style";
  color: #0076b6;
  font-size: 70px;
  
}
.section3 .container .row h2 {
  color: #0076b6;
}

.section4 {
  height: 100vh;
}
.section4 .our-values {
  height: 70%;
}
.section4 .our-values .rectangular {
  height: 20%;
  background-image: linear-gradient(to right, #054466, #0076b6);
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
.section4 .our-values .rectangular h1 {
  color: white;
}
.section4 .our-values .nav {
  height: 80%;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
}
@media screen and (min-width: 700px) {
  .section4 .our-values .nav {
    /* Track */
    /* Handle */
    /* Handle on hover */
  }
  .section4 .our-values .nav::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
  }
  .section4 .our-values .nav::-webkit-scrollbar-track {
    background: white;
  }
  .section4 .our-values .nav::-webkit-scrollbar-thumb {
    background: #0076b6;
    border-radius: 10px;
  }
  .section4 .our-values .nav::-webkit-scrollbar-thumb:hover {
    background: #016ea9;
  }
}
.section4 .our-values .nav .card {
  border: none;
  height: 100%;
  width: 400px;
}
.section4 .our-values .nav .card .card-header {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  background-color: white;
  border: none;
}
.section4 .our-values .nav .card .card-header img {
  width: 4rem;
}
.section4 .our-values .nav .card .card-body {
  color: #0076b6;
  font-family: "Goudy Old Style";
  font-size: x-large;
}

.portifolio-section {
  height: 100vh;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
.portifolio-section .card {
  width: 90%;
  height: 90%;
  border: none;
}
.portifolio-section .card .card-header {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  background-color: white;
  height: 1px;
  z-index: 1;
  border: none;
}
.portifolio-section .card .card-header img {
  width: 4rem;
}
.portifolio-section .card .card-body {
  border: solid #0076b6;
  width: 100%;
  padding: 0;
  padding-top: 1.25rem;
}

.tab-content p {
  color: #0076b6;
}
.tab-content .gal {
  background-color: red;
  width: 100%;
  height: 100%;
}

.portifolio-bar {
  background-color: #054466;
  width: 100%;
}
.portifolio-bar ul {
  height: 6rem;
  width: 100%;
  /* Track */
  /* Handle */
  /* Handle on hover */
  flex-wrap: nowrap;
  flex-direction: row;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
}
.portifolio-bar ul::-webkit-scrollbar {
  width: 10px;
  height: 2vh;
  border-radius: 10px;
}
.portifolio-bar ul::-webkit-scrollbar-track {
  background: white;
}
.portifolio-bar ul::-webkit-scrollbar-thumb {
  background: rgb(201, 200, 200);
  border-radius: 10px;
}
.portifolio-bar ul::-webkit-scrollbar-thumb:hover {
  background: #0076b6;
}
.portifolio-bar ul li {
  width: 33.3333%;
}
.portifolio-bar ul li a {
  color: white;
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}
.portifolio-bar ul li a.active {
  background-color: #01304a !important;
  color: white !important;
  font-weight: bold !important;
  border: none !important;
}

.logo-contact {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
.logo-contact img {
  width: 100%;
}

.form-contact {
  background-color: #054466;
  height: 80vh;
}
.form-contact .container {
  height: 100%;
}
.form-contact .container .row {
  height: 90%;
}
.form-contact .container .row .right {
  height: 100%;
}
.form-contact input {
  width: 100%;
  height: 3rem;
  background-color: #054466;
  color: white;
  border: none;
  border-bottom: solid 1px;
}
.form-contact input::-moz-placeholder {
  color: #f4f4f4;
}
.form-contact input:-ms-input-placeholder {
  color: #f4f4f4;
}
.form-contact input::placeholder {
  color: #f4f4f4;
}
.form-contact input:focus {
  outline: none;
}
.form-contact .info {
  height: 20vh;
  color: white;
}
.form-contact .info img {
  width: 2rem;
}
.form-contact .info .icon {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.form-contact .info p {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.form-contact .social {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.form-contact .social img {
  width: 2rem;
}

.footer {
  background-color: #f4f4f4;
  height: 30%;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
.footer p {
  color: #0076b6;
  font-size: larger;
}
.footer img {
  width: 6vh;
  margin: 0px 2vw 0px 0px;
}

.grid-item {
  width: 20%;
  margin-top: 1rem;
}

.grid-item--width2 {
  width: 30%;
  margin-top: 1rem;
}

.grid-item--width3 {
  width: 40%;
  margin-top: 1rem;
}

.grid-item--width4 {
  width: 50%;
  margin-top: 1rem;
}

.grid-item--width5 {
  width: 100%;
  margin-top: 1rem;
}/*# sourceMappingURL=main.css.map */

.our-logo-outter.active { 
  border: solid #0076b6; 
  border-radius: 1000px; 
} 
 
.our-logo-inner.active { 
  border: solid #0076b6; 
  border-radius: 1000px; 
} 
 
.shape.active { 
  -webkit-animation: spin 5s linear infinite; 
          animation: spin 5s linear infinite; 
  /* Safari */ 
} 
@-webkit-keyframes spin { 
  0% { 
    -webkit-transform: rotate(0deg); 
  } 
  100% { 
    -webkit-transform: rotate(360deg); 
  } 
} 
@keyframes spin { 
  0% { 
    transform: rotate(0deg); 
  } 
  100% { 
    transform: rotate(360deg); 
  } 
} 
 
.small-notification { 
  /*display: flex; */
  /*flex-wrap: wrap; */
  /*justify-content: center; */
  /*align-content: center; */
  /*border-radius: 10px; */
  /*background-color: #0076b6; */
  /*color: white; */
  /*position: absolute; */
  /*top: -12vh; */
  /*left: 15vw; */
  /*height: 2rem; */
  /*width: 10rem; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    border-radius: 10px;
    background-color: transparent;
    border: 1px solid;
    color: #0076b6;
    /*position: absolute;*/
    /*top: -12vh;*/
    /*left: 15vw;*/
    position: relative;
    top: 43vh;
    height: 2rem;
    width: 10rem;
}
 
.section1 .centering-logo {
  position: absolute;
  height: -webkit-fill-available;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*@media screen and (max-width: 1000px) { */
/*  .small-notification { */
/*    top: 60vh; */
/*  } */
/*# sourceMappingURL=main.css.map */