html {
    scroll-behavior: smooth;
}
body{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 30px;
}

.area{
    margin-left: 50px;
    margin-right: 50px;
}
.hed-row-sec{
    background-color: black;
}

.head-tab{
    margin-top: -73px;
}
.min-height{
    min-height: 600px;
}
.h-text-top-p{
    padding-top: 100px;
}
.btn-one{
    background-color: #000000;
    color: #ffffff;
}
.img-1{
    width: 430px;
    left: 34%;
}
.img-2{
    width: 370px;
    right: 16%;
    top: 10%;
}
.link-c-w{
    color: #ffffff !important;
}
.tit-1{
    font-weight: bold;
    font-size: 35px;
}
.tit-on{
    background-color: #000000 !important;
    color: #ffffff !important;
}
.btn-1{
    top: 55%;
    background-color: #18204f78;
    color: #ffffffa1 !important;
    width: 150px;
    left: 56%;
}
.icon-php{
    background-color: #8993be;
    font-size: 20px;
    border-radius: 50%;
    padding: 4px;
}
.btn-2{
    right: 27%;
    bottom: 10%;
    color: #ffffffad !important;
    width: 130px;
}
.icon-play{
    font-size: 32px;
    border-radius: 50%;
    border: 12px solid #343434a1
}
.title-c{
    font-size: 27px;
}
.border-css{
    margin-left: 250px;
}
.border-css-2{
    margin-left: 372px;
}
.border-css-3{
    margin-left: 184px;
}

.border-css-4{
    margin-left: 125px;
}
.border-css-5{
    margin-left: 75px;
}
.border-css-6{
    margin-left: 49px;
}
.ft-img{
    width: 300px;
    margin-top: -45px;
}
.btn-ft-ph{
    position: relative;
    top: -170px;
    background-color: #e8e8e840;
    border-radius: 20px;
    left: 94px;
}
.btn-ft-sk{
    position: relative;
    top: -90px;
    background-color: #e8e8e840;
    border-radius: 20px;
    right: -241px
}

.ft-butt-img{
    width: 157px;
    position: relative;
    bottom: 138px;
    right: -166px;
}
.ft-dot-img{
    position: relative;
    bottom: 260px;
    right: -55px;
}
.h-dot-img{
    top: 220px;
    left: 530px;
    transform: rotate(90deg);
}
.h-top-img{
    bottom: 10px;
    width: 355px;
    left: 153px;
}
.nav-item a {
    color: #00000082;
}
.active{
    color: #000000 !important;
}
.no-hover{
    color: #ffffff !important;
}

.page-item.active .page-link{
    background-color: #000000 !important;
    border-color: #ffffff !important;
}

.first .nav-item{
    margin-left: 25px;
}
.link-f{
    margin-left: 20px;
}

@media only screen and (max-width: 600px){
    /*Big smartphones [426px -> 600px]*/
    .img-1{
        display: none;
    }
    .img-2{
        display: none;
    }
    .hed-row-sec{
        display: none;
    }
    .btn-1{
        display: none;
    }
    .btn-2{
        display: none;
    }
    .h-dot-img{
        display: none;
    }
    .h-top-img{
        display: none;
    }
    .he-text{
        margin-right: unset !important;
        text-align: center;
    }
    .he-text .text{
        text-align: left;
    }
    .navbar-toggler{
        background-color: #000000 !important;
        color: #ffffff;
    }
    .area{
        margin-left: 0px;
        margin-right: 0px;
    }
    .container-fluid{
        width: 100% !important;
    }
    .border-css {
        margin-left: 203px;
    }
    .border-css-2{
        margin-left: 50px;
    }
    .second a{
        color: #00000082 !important;
        margin-left: 25px;
    }

    body{
        font-size: 15px;
    }
    #videohome{
        background: linear-gradient(90deg, #ffffff 50%, #ffffff 50%) !important
    }
}
/*@media only screen and (max-width: 425px){*/
/*    !*Small smartphones [325px -> 425px]*!*/
/*}*/