.head-section {
  background-color: #595959;
  text-align: center;
}

.page-title {
  color: #595959;
  font-size: 35px;
  font-family: Poppins;
  font-weight: 300;
  /*color: transparent !important;*/
  letter-spacing: 11px;
  text-shadow: -1px 1px 1px #ffffff, 1px 1px 1px #ffffff, 1px -1px 0 #ffffff, -1px -1px 0 #ffffff;
  text-transform: uppercase;
  opacity: .1;
}

.head-section2 {
  background-color: rgb(78, 190, 238);
  text-align: center;
}

.page-title2 {
  color: #4ebeee;
  font-size: 35px;
  font-family: Poppins;
  font-weight: 300;
  /*color: transparent !important;*/
  letter-spacing: 11px;
  text-shadow: -1px 1px 1px #ffffff, 1px 1px 1px #ffffff, 1px -1px 0 #ffffff, -1px -1px 0 #ffffff;
  text-transform: uppercase;
  opacity: .3;
}

.blue-div {
  padding: 8px 0 8px 0;
  color: #ffffff;
  text-transform: uppercase;
}

#section-grey {
  background-color: #5959591F;
}

#section-grey {
  color: #00ABE9;
}

.div-grey {
  padding: 30px 15px 30px 15px;
}

.div-white {
  padding: 30px 15px 30px 15px;
}

#section-grey h3 {
  color: #00ABE9;
}

#section-grey p {
  color: #000000;
  text-align: justify;
}

span.element {
  display: inline-block;
  font-size: 45px;
  color: #fff;
  margin: 0 5px;
  text-shadow: 2px 2px white;
}

.hsub {
  color: #ffffff!important;
  font-size: 25px;
  font-family: Poppins, sans-serif;
  text-shadow: 1px 1px var(--bs-emphasis-color);
}

.greychange {
  transition: 1s;
  filter: grayscale(100%);
  max-width: 170px;
}

.greychange:hover {
  filter: grayscale(0%);
}

.port-image {
  min-height: 400px;
}

@media (min-width: 300px) {
  .side {
    height: 298px;
    padding: 60px 0;
  }
}

@media (min-width: 576px) {
  .side {
    height: 400px;
  }
}

@media (min-width: 768px) {
  .side {
    height: 350px;
  }
}

@media (min-width: 992px) {
  .side {
    height: 450px;
    padding: 150px 0;
  }
}

.btn-octa {
  background-color: #4EBEEE;
  color: #fff;
}

.btn-octa:hover {
  color: #fff;
}

.btn-octa:hover {
  background-color: #595959;
}

.nav-item {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

@media (min-width: 576px) {
  .pipies {
    max-width: 75%;
  }
}

@media (min-width: 768px) {
  .pipies {
    max-width: 100%;
  }
}

.tab-link {
  color: #4EBEEE;
}

/* Flipper */

@media (max-width: 400px) {
  .flipper {
    height: 250px;
    width: 280px;
  }
}

@media (max-width: 400px) {
  .front {
    width: 280px;
  }
}

@media (max-width: 400px) {
  .front {
    width: 280px;
    width: 280px;
  }
}

@media (min-width: 300px) {
  .aff-pha {
    margin-top: 50px;
    font-size: 20px;
    font-size: 18px;
  }
}

@media (min-width: 576px) {
  .aff-pha {
    margin-top: 70px;
    font-size: 20px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .aff-pha {
    margin-top: 25px;
    font-size: 20px;
    font-size: 15px;
  }
}

@media (min-width: 992px) {
  .aff-pha {
    margin-top: 70px;
    font-size: 20px;
    font-size: 15px;
  }
}

.largeonly {
  visibility: hidden;
}

.tablink {
  color: #4EBEEE;
}

.overflowx {
  overflow-x: hidden;
}

.overflowy {
  overflow-y: hidden;
}

.nav-link:hover {
  /*background-color: #4EBEEE;*/
  /*color: #fff;*/
}

#link1 {
  cursor: pointer;
}

#link2 {
  cursor: pointer;
}

#link3 {
  cursor: pointer;
}

#link4 {
  cursor: pointer;
}

#copyright {
  color: var(--gray);
  background: #595959;
}

@media (min-width: 1400px) {
  .aff-img {
    max-width: 250px;
  }
}

@media (min-width: 1200px) {
  .aff-img {
    max-width: 220px;
  }
}

@media (min-width: 992px) {
  .aff-img {
    max-width: 180px;
  }
}