body {
    font-family: 'Roboto Condensed', sans-serif;
}

.navcus {
    padding: 20px;
    background: url('img/navbar/navbar.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: rgb(0 29 61) !important;

}

.navcus-phone {
    padding: 12px;
    background: url('img/navbar/navbar.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-position: center;
    background-color: rgb(0 29 61) !important;

}

.navmenu {
    text-align: center;
}

.social-list {
    text-align: center;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgb(255, 255, 255), rgba(255, 0, 0, 0)) 3;

}

.socials {
    color: #6e96b9;
}

.socials:hover {
    color: #c3dcfa;
}

.socials_contact{
    color: #2e2e2e;
    font-size: 20px;
}

.socials_contact:hover{
    color: #5c5c5c;
    font-size: 20px;
}

.mob-list {
    text-align: left;
}

.offcanvas.show:not(.hiding),
.offcanvas.showing {
    border: solid 0px;
}

.offcanvas-backdrop.show {
    opacity: 0.9;
    background-color: #ffffffc9;
    backdrop-filter: blur(16px);
}

.borderline {
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgb(197, 197, 197), rgba(255, 0, 0, 0)) 3;
    padding: 15px;
}

.borderline:hover {
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, rgba(105, 105, 105, 0.918), rgba(143, 143, 143, 0)) 2;
    transition: 1s;
}

.lineradial-left {
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(to right, rgb(0 29 61), rgb(255, 255, 255)) 2;
}

.lineradial-right {
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(to right, rgb(255, 255, 255), rgb(0 29 61)) 2;
}


.postMain-img {
    height: 200px;
    object-fit: cover;
}


.card-01-img {
    height: 250px;
    object-fit: cover;
}



@media only screen and (max-width : 576px) {
    .card-01-img {
        height: 200px;
        object-fit: cover;
    }

    .car-custom {
        height: 250px;
    }
}

@media only screen and (min-width : 768px) {
    .card-01-img {
        height: 400px;
        object-fit: cover;
    }

    .car-custom {
        height: 450px;
    }
}

@media only screen and (max-width : 768px) {
    .card-01-img {
        height: 250px;
        object-fit: cover;
    }

    .car-custom {
        height: 450px;
    }

}

@media only screen and (min-width : 992px) {
    .card-01-img {
        height: 250px;
        object-fit: cover;
    }

    .car-custom {
        height: 350px;
    }
}

@media only screen and (max-width : 992px) {
    .card-01-img {
        height: 300px;
        object-fit: cover;
    }

    .car-custom {
        height: 250px;
    }
}

.latnews {
    width: 100%;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(to right, rgb(0, 0, 0), rgb(255, 255, 255)) 2;
    line-height: 0.4em;
    margin-top: 35px;
    margin-bottom: 25px;
}

.latnews span {
    background: #fff;
    padding: 0 10px;
    color: rgb(0 29 61);
}


.latestcard {
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(to right, rgb(41, 41, 41), rgb(255, 255, 255)) 2;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;

}

.c-modal {
    background-color: rgba(0, 29, 61, 0.562);
    backdrop-filter: blur(5px);
}

.bi-colors {
    color: rgb(195 195 195 / 75%);
}


.card-01:hover {
    transform: scale(1.02);
    transition: all 1s ease;
    z-index: 999;
}

.card-01.height-fix .card-img-overlay {
    top: unset;
    color: #fff;
    background: rgb(0 29 61);
    background: linear-gradient(0deg, rgb(0 29 61) 0%, rgba(0, 29, 61, 0.911) 24%, rgba(0, 42, 49, 0.76234243697479) 58%, rgba(0, 42, 54, 0) 100%);
}

.langdrop {
    background-color: rgba(0, 29, 61, 0.562);
    backdrop-filter: blur(10px);
}

.langli:hover {
    background-color: rgba(13, 38, 65, 0.637);
}


.menunav {
    border: solid 0px;
}


.menunav:hover {
    transition: all 1s ease;
    color: rgb(113 135 159) !important;
}






.our-team {
    text-align: center;
}

.our-team .team_img {
    position: relative;
    overflow: hidden;
}

.our-team .team_img:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 35, 99, 0.2);
    backdrop-filter: blur(3px);
    position: absolute;
    top: -100%;
    left: 0;
    transition: all 0.3s ease 0s;
}

.our-team:hover .team_img:after {
    top: 0;
}

.our-team img {
    width: 100%;
    height: auto;
}

.our-team .social {
    border-bottom: solid 5px #fff;
    padding: 0 0 12px 0;
    margin: 0;
    height: 43px;
    list-style: none;
    position: absolute;
    bottom: -100%;
    right: 10px;
    background-color: rgba(241, 241, 241, 0.801);
    backdrop-filter: blur(10px);
    border-radius: 3px 3px 0 0;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.our-team:hover .social {
    bottom: 0;
}




.our-team:hover .title:before,
.our-team:hover .title:after {
    width: 50px;
}



@media only screen and (max-width: 990px) {
    .our-team {
        margin-bottom: 30px;
    }
}

.title_custom {
    font-size: 15px;
    font-weight: bold;
}

.documents:hover {
    opacity: 70%;
}

.lightbox:hover {
    opacity: 70%;
    transition: 0.4s;
    background-color: rgba(46, 132, 206, 0.7);

}
.category_button {
    border-radius: 5px;
    background-color:#ffffff;
    transition:all 1s ease;
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
    }
.category_button:hover{
    border-radius: 15px;

    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.slider_text_bar {
    left: 10%;
    right: 10%;
    background-color: rgba(255, 255, 255, 0.55);
    border-radius: 10px 10px 0 0;
    backdrop-filter: blur(10px);
    bottom: 0;
    box-shadow: rgb(40, 40, 46) 0px 20px 30px -10px;
}

.slider_title{
    font-size: 16px;
    color: #1d2333;
}

.contact_btn{
    background-color: #033772;
    width: 100%;
    color: #FFFFFF;
}
.contact_btn:hover{
    background-color: #0b1e32;
    color: #FFFFFF;
}

.shadow_custom{
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px,
                rgba(0, 0, 0, 0.09) 0px 4px 2px,
                rgba(0, 0, 0, 0.09) 0px 8px 4px,
                rgba(0, 0, 0, 0.09) 0px 12px 6px,
                rgba(0, 0, 0, 0.09) 0px 16px 8px;
}