body {
  position: relative;
  overflow-x: hidden;
  font-family: "Cairo", serif;
}

html {
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background-color: #ffffff;
}

::-webkit-scrollbar-thumb {
  background-color: #003A78;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ----------------- */
.container {
  padding: 15px;
  margin: 0 auto;
  position: relative;
}

@media (min-width: 1280px) {
  .container {
    padding: 0.5rem 5rem;
  }
}

/* ******************** */

/* Shape in hero section */
.custom-shape-divider-bottom-1728248260 {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.custom-shape-divider-bottom-1728248260 svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 129px;
}

.custom-shape-divider-bottom-1728248260 .shape-fill {
  fill: #FFFFFF;
}

/* ******************** */

@media(min-width: 640px) {
  .gallery .row .col:nth-of-type(odd) {
    transform: translateY(50px);
    margin-bottom: 50px;
  }
}