.carousel-item {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.triangle {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 350px 0 350px 600px;
    border-color: transparent transparent transparent #328bff5f;
    transform: rotate(0deg);
    position: absolute;
    z-index: -999;
    margin-top: -300px;
}



.footer {
    margin-top: -150px;
}

.maps {
    background-color: rgba(255, 255, 255, 0.274);
    padding: 12px;
    border-radius: 51% 49% 94% 6% / 77% 41% 59% 23%;
}

.foooter {
    background-color: #0099ff;
    color: aliceblue;
}

.foooter a {
    text-decoration: none;
    color: aliceblue;
}

.contact-list {
    margin-top: -5px;
    padding-bottom: 10px;
}

.listt {
    width: 40%;
    margin: 80px 0 80px 0;
}

.services img {
    width: 230px;
    margin: auto;
}

.services-img {
    background-color: rgba(205, 205, 205, 0.333);
    border-radius: 73% 27% 82% 18% / 59% 49% 51% 41%;

}

.gtu {
    margin-top: -120px !important;
}

.portfolio img:hover {
    filter: brightness(80%);
}

#service {
    margin-top: 5em;
}

.headerport {
    background-size: cover;
    margin-top: -90px;
}

.header p {
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.hidden-spacer {
    height: 55px
}
.sidebar-spacer{
    height: 100px
}
.card-port:hover{
box-shadow: -1px 1px 48px -18px rgba(69,91,124,0.31) inset;
-webkit-box-shadow: -1px 1px 48px -18px rgba(69,91,124,0.31) inset;
-moz-box-shadow: -1px 1px 48px -18px rgba(69,91,124,0.31) inset;
}
.breadcrumb a{
    text-decoration: none;
}
@media only screen and (max-width: 768px) {
    .triangle {
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 350px 0 350px 400px;
        border-color: transparent transparent transparent #328bff5f;
        transform: rotate(0deg);
        position: absolute;
        z-index: -999;
        margin-top: -200px;
    }

    .gtu {
        margin-top:0!important;
    }

    .portfolio img {
        margin-top: -9em;
    }


}


    swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper {
      height: 80%;
      width: 100%;
    }

    .mySwiper2 {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .mySwiper2 swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .mySwiper2 .swiper-slide-thumb-active {
      opacity: 1;
    }

    swiper-slide img {
      /* display: sw </swiper-slidek; */
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    
    swiper-container {
      width: 100%;
      height: 100%;
    }

    swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    swiper-slide img {
      /* display: sw </swiper-slidek; */
      width: 100%;
      height: 100%;
      object-fit: cover;
    }