html {
    scroll-behavior: smooth;
}

:target:before {
    content: "";
    display: block;
    height: 100px;
    margin: -100px 0 0;
}

.card-shadow {
    -webkit-box-shadow: 0 0 35px 0 rgb(154 161 171 / 15%);
    box-shadow: 0 0 35px 0 rgb(154 161 171 / 15%);
}

.devmod-page {
    height: 500px;
}

.img-devpage {
    background-image: url(images/devmod.svg);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 500px;
}

/************************************** INF.PAGE. slides **********************************/

.img-balyqsy {
    background-color: #394859;
    background-image: url('images/balyqsy.jpg');
    background-image: linear-gradient( 90deg, #2a2e3300 30%, #201c48e0 70%), url(images/balyqsy.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    @media (max-width: 770px) {
    .img-balyqsy {
        background-image: linear-gradient( 90deg, #201c4896 0%, #201c48de 50%), url(images/balyqsy.jpg);
    }
}

.img-shanyraq {
    background-color: #38086ac4;
    background-image: url('images/img-shanyraq.jpg');
    background-image: linear-gradient( 144deg, #2a2e3300 30%, #381568d9 80%), url(images/img-shanyraq.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media (max-width: 770px) {
    .img-shanyraq {
        background-image: linear-gradient( 144deg, #ffffff21 0%, #381568a6 50%), url(images/img-shanyraq.jpg);
    }
}

.img-qogam {
    background-color: #394859;
    background-image: url('images/img-qogam.jpg');
    background-image: linear-gradient( 140deg, #2a2e3300 30%, #2d145cc9 80%), url(images/img-qogam.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media (max-width: 770px) {
    .img-qogam {
        background-image: linear-gradient( 144deg, #2a2e3300 0%, #2d145c9c 50%), url(images/img-qogam.jpg);
    }
}

.img-jekeshelendiru {
    background-color: #394859;
    background-image: url('images/img-jekeshelendiru.jpg');
    background-image: linear-gradient( 140deg, #2a2e3300 30%, #2a0d60d9 80%), url(images/img-jekeshelendiru.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}

@media (max-width: 770px) {
    .img-jekeshelendiru {
        background-image: linear-gradient( 144deg, #2a2e3300 0%, #2d145c9c 50%), url(images/img-jekeshelendiru.jpg);
    }
}

.img-hqr {
    background-color: #394859;
    background-image: url('images/img-hqr.jpg');
    background-image: linear-gradient( 140deg, #2a2e3300 30%, #402278c7 80%), url(images/img-hqr.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media (max-width: 770px) {
    .img-hqr {
        background-image: linear-gradient( 144deg, #9f9f9f33 0%, #402278a8 50%), url(images/img-hqr.jpg);
    }
}
.img-jaldau {
    background-color: #394859;
    background-image: url('images/img-jaldau.jpg');
    background-image: linear-gradient( 140deg, #2a2e3300 30%, #1c014cd9 80%), url(images/img-jaldau.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}

@media (max-width: 770px) {
    .img-jaldau {
        background-image: linear-gradient( 144deg, #ffffff21 0%, #230854c7 50%), url(images/img-jaldau.jpg);
    }
}

.img-hq {
    background-color: #394859;
    background-image: url('images/img-hq.jpg');
    background-image: linear-gradient( 140deg, #2a2e3300 30%, #1c014ce3 80%), url(images/img-hq.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}

@media (max-width: 770px) {
    .img-hq {
        background-image: linear-gradient( 144deg, #ffffff21 0%, #230854d1 50%), url(images/img-hq.jpg);
    }
}
.img-oshaq {
    background-color: #394859;
    background-image: url('images/img-oshaq.jpg');
    background-image: linear-gradient( 215deg, #2a2e3300 30%, #1c014cc7 80%), url(images/img-oshaq.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media (max-width: 770px) {
    .img-oshaq {
        background-image: linear-gradient( 210deg, #ffffff21 0%, #230854d1 50%), url(images/img-oshaq.jpg);
    }
}
/************************************** INF.PAGE. HYPER **********************************/
.infpage-image-blackbox {
    background-image: linear-gradient(60deg, #2a2e3399 0%, #373f48d6 100%);
    background-color: #313a46ba;
    border-radius: 0.25rem;
    min-height: 250px;
}
.img-start {
    background-color: #d4ac66;
    background-image: url('images/img-start.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.img-oshaq-start {
    background-color: #402972;
    background-image: url('images/img-oshaq-start.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.img-osi-start {
    background-color: #402972;
    background-image: url('images/img-osi-start.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.img-adventage-start {
    background-color: #d4ac66;
    background-image: url('images/img-osi-start.jpg');
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: center;
}

/******ICONS*******/
.card-icon {
    background-repeat: no-repeat;
    background-position: center;
    height: 75px;
}

.icon-meeting {
    background-image: url("images/icon-meeting.svg");
}

.icon-monitoring {
    background-image: url("images/icon-monitoring.svg");
}

.icon-notification {
    background-image: url("images/icon-notification.svg");
}

.icon-online {
    background-image: url("images/icon-online.svg");
}

.icon-protocol {
    background-image: url("images/icon-protocol.svg");
}

.icon-registration {
    background-image: url("images/icon-registration.svg");
}

.icon-tracking {
    background-image: url("images/icon-tracking.svg");
}

.icon-utility-services {
    background-image: url("images/icon-utility-services.svg");
}

.icon-document {
    background-image: url("images/img-document.svg");
}
/******LOGOS*******/
.logo-oshaq {
    background-image: url(images/logo-oshaq.svg);
}

.logo-shanyraq {
    background-image: url(images/logo-shanyraq.svg);
}

.logo-hq {
    background-image: url(images/logo-hq.svg);
}

.logo-jastar {
    background-image: url(images/logo-jastar.svg);
}

.logo-hqr {
    background-image: url(images/logo-hqr.svg);
}

.jekeshelendiru-dark {
    background-image: url(images/jekeshelendiru-light.svg);
}

.inf-logo {
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 50px;
    display: inline-block;
    background-size: contain;
}

.inf-logo-left {
    background-position: left;
    background-repeat: no-repeat;
    width: 100%;
    height: 50px;
    display: inline-block;
    background-size: contain;
}
/**************************************************************************************/
.video-container {
    /* max-width: 720px;*/
    /* box-shadow: 0 0 11px rgb(0 0 0 / 11%);*/
    /*padding: 10px;*/
}


.play-video-link:hover {
    cursor: pointer;
}

/*.play-video-link-selected {
    z-index: 2;
    color: #fff;
    background-color: #727cf5;
    border-color: #727cf5;
}*/


/*  .play-video-link-selected:hover {
        cursor: unset;
        color: #000;
    }*/