@font-face {
    font-family: akira;
    src: url(../font/Akira.otf);
}

.bg-blue {
    background: linear-gradient(90deg, #00C2EA -4.2%, #0057DA 100%) !important;
}

.nav-item {
    cursor: pointer;
}

.jhdsgfyd {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

[data-bs-target] {
    cursor: pointer;
}

@media (min-width:992px) {
    div#navbarSupportedContent {
        flex-basis: auto;
    }

    ul.navbar-nav {
        flex-direction: row;
        float: right;
    }


    header .navbar-toggler:focus {
        box-shadow: none;
    }

}

@media (max-width:992px) {

    body#Home-page main section#second-section .container .row ul li.active {
        font-size: 18px;
    }

    body#Home-page main section#second-section .container .row ul li {
        font-size: 16px;
    }

    body#Home-page main .container .row-1 span {
        font-size: 23px !important;
    }

    body footer .container .row-1 h2 {
        font-size: 28px;
    }

    body footer .container .row-1 p {
        font-size: 14px;
    }

    body#Home-page main section .row-1 h4 {
        font-size: 20px;
        letter-spacing: 0.1em;
    }

    body#Home-page main section#fifth-section .row span {
        font-size: 18px;
    }

    #Home-page .navbar {
        background-color: #000;
    }

    body#Service-page main section .container.djfhj .row .card-group {
        position: relative;
        width: 100%;
    }

    body#Service-page main section .container.kldjsfjdf .row-1 p {
        font-size: 17px;
    }

    .kjh .nav-tabs {
        flex-wrap: nowrap;
        overflow: auto;
        justify-content: start !important;
    }


}

@media (max-width:576px) {

    body#Team-page main section .container-fluid .container .row .nav-pills {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    body#Team-page main section .container-fluid.hsdghsdfvg .row .tab-pane {
        margin-top: 50px;
    }

    nav.navbar {
        padding-left: 15px;
        padding-right: 15px;
    }

    div#navbarSupportedContent {
        position: absolute;
        z-index: 99;
        top: 50px;
        background-color: #fff;
        width: 100%;
        left: 0;
        padding-left: 30px;
    }

    body#Team-page main section .container-fluid .container .row .jdsgf h2 {
        font-size: 40px;
    }

    body #circles-container #circle .min-circle:nth-child(6) {
        top: 55px;
    }

    body #circles-container #circle .min-circle:nth-child(5) {
        left: 0px;
    }

    .sjadhgsh {
        display: none;
    }

    .sdfsdfs .owl-prev {
        left: 0 !important;
        top: 29% !important;
    }

    .owl-next {
        right: 0 !important;
        top: 29% !important;
    }

    div#circles-container {
        margin-bottom: 50px;
    }

    #circle {
        margin-left: auto;
    }

    .swiper-pagination {
        position: relative !important;
        right: 0;
        top: 80px !important;
    }

    .navbar-brand img {
        width: 75%;
    }

    #carouselExampleFade img {
        height: 235px;
        border-radius: 8px;
    }

    #carouselExampleDark {
        padding: 0;
    }

    body header .navbar-nav .nav-item a {
        padding-left: 0px !important;
    }

    body#Contact-page main section .spacer {
        height: 680px;
    }

    body#Contact-page main section .con-2 {
        height: 150px;
    }

    body#Contact-page main section .con-2 .container {
        position: relative;
        top: calc(100% + 50px);
    }

    body#Team-page main section .container-fluid.fgdfg .carousel-caption {
        bottom: auto;
        top: 0;
        right: auto;
        left: auto;
        padding: 20px;
    }

    body#Team-page main section .container-fluid.fgdfg .carousel-caption h5 {
        font-size: 21px;
    }

    body#Team-page main section .container-fluid.fgdfg .carousel-caption p {
        font-size: 16px;
    }

    body#Services-page header {
        padding: 15px 10px 15px 20px;
    }

    body#Services-page main section {
        padding: 50px 0;
    }

    body#Service-page main section .container.djfhj .row h3 {
        font-size: 30px;
    }

    .safdkjsdfh .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 1.5rem;
    }

    div#shiva p {
        font-size: 20px;
    }

    body#About-page main section .container-fluid.kjsdhhsdfb .container .row h2 {
        font-size: 30px;
    }

    body#About-page main section .container-fluid.kjsdhhsdfb .container .row .btn {
        width: 250px;
        height: 51px;
        font-size: 17px;
    }

    body#About-page main section .container-fluid.kjsdhhsdfb .container {
        min-height: 400px;
    }

    body#Service-page main section .container .row.ddsdfsf .card .card-img-overlay svg {
        width: 40px;
        height: 40px;
    }

    body#Services-page main section .container {
        padding: 0 15px;
    }

    body#Services-page main section .row-1 h4 {
        font-size: 22px;
    }

    body#Services-page main .container .row-1 span {
        font-size: 22px !important;
    }

    body#Services-page main .container .row-1 p {
        font-size: 16px !important;
    }

    body#Services-page main section {
        min-height: 70vh;
        height: auto !important;
    }

    body#Home-page main section#first-section .slideshow-container {
        height: 80%;
    }

    body#Home-page main section#first-section .slideshow-container button {
        height: 40px;
        width: 120px;
    }

    body#Home-page main section#first-section .slideshow-container .mySlides {
        width: 100%;
        padding: 20px;
    }

    body#Services-page main section#first-section .slideshow-container .mySlides {
        width: auto;
    }

    body#Services-page main section#first-section .slideshow-container {
        min-height: 70vh;
        height: 70vh;
    }

    body#Services-page main section#first-section .slideshow-container button {
        height: 35px;
        width: 100px;
    }

    body#Services-page main section#first-section .slideshow-container button.btn-left {
        transform: rotate(-90deg) translateY(-90%);
    }

    body#Services-page main section#first-section .slideshow-container button.btn-right {
        right: 0;
        transform: rotate(-90deg) translateY(90%);
    }

    body#Services-page main section#first-section .slideshow-container .mySlides h4 {
        font-family: akira;
        font-size: 18px;
        letter-spacing: 0.25em;
        color: #00C2EA;
    }

    body#Services-page main section#first-section .slideshow-container .mySlides {
        padding-left: 50px;
        padding-right: 50px;
    }

    body#Services-page main section#first-section .slideshow-container .mySlides span {
        font-size: 25px;
        font-weight: 500;
    }

    body#Services-page main section#second-section .container .row ul li {
        font-size: 20px;
    }

    body#Services-page main section#second-section .container .row ul li {
        display: flex;
    }


    body#Project-page main section .container .row form {
        padding: 30px;
        height: auto;
        margin-top: -366px;
    }

    body#Project-page main section .container .row .left {
        height: 280px;
        justify-content: center;
    }

    body#Project-page main section {
        margin-top: 452px;
    }

    body#Project-page header {
        padding-left: 10px;
        padding-right: 10px;
    }

    body#Project-page main section .container .row form h2 {
        font-size: 30px;
    }

    body#Project-page main section .container .row form .btn {
        width: 180px;
        height: 45px;
        font-size: 17px;
    }

    body#Project-page main section .container .row .left p {
        font-size: 18px;
    }

    body#Project-page main section .container .row .left p img {
        width: 23px;
    }
    body#Training-page main section .container-fluid .container .row .left .dfsf{
        justify-content: center;
    }
    body#Training-page main section .container-fluid .container .row .left .dfsf > div{
       text-align: center;
    }
    body#Training-page main section .container-fluid .container .row .left .dfsf img{
        width: 180px;
    }
    body#Training-page main section .container-fluid .container .row .left .dfsf p{
         font-size: 14px;
    }
    body#Training-page main section .container-fluid .container .row .left .dfsf h2{
        font-size: 18px;
    }

    body#Training-page main section .container-fluid .container .right{
        margin-top: 30px;
    }

}