*:focus {
    outline: none;
}

@font-face {
    font-family: "Dirooz";
    src: url("../../fonts/Dirooz.ttf");
}

@font-face {
    font-family: "nazanin";
    src: url("../../fonts/BNAZNNBD.ttf");
}

@font-face {
    font-family: "Cocon";
    src: url(../../fonts/Cocon.ttf);
}

#najva-popup {
    font-family: Dirooz
}

#najva-subscribe-bell {
    right: 0px !important;
    font-family: Dirooz;
}

#najva-backdrop-text {
    font-family: Dirooz, Arial !important;
}

.wave-container {
    position: absolute;
    top: 0;
    width: 100vw;
    overflow: hidden;
    line-height: 0;
    height: 100vw;
    top: -30vw;
    transform: rotateY(0deg);
}

.hikelascss {
    position: absolute;
    font-family: Cocon;
    font-size: 4vw;
    text-align: right;
    top: 3.5vw;
    right: 8vw;
    visibility: visible;
    width: 10vw;
    height: 5vh;
    text-decoration: none;
    color: #ffffff;
    z-index: 100
}

.headBTHKdivcss {
    position: sticky;
    top: 0.25vw;
    left: 0;
    width: 100vw;
    text-align: center;
    direction: rtl;
    z-index: 10
}

.headercss {
    position: relative;
    top: 0vw;
    right: 0;
    height: 10vw;
    width: 100vw;
    background-color: transparent;
    float: right;
    direction: rtl;
    z-index: 3
}

.headerlogocss {
    position: absolute;
    top: 1vw;
    left: 5.7vw;
    height: 10vw;
    width: 10vw;
    background-image: url(../../images/hikelas.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    float: right;
    direction: rtl;
    cursor: pointer;
    z-index: 100
}

.textheadercss {
    position: absolute;
    font-family: Cocon;
    top: 5vw;
    right: 0;
    height: 10vw;
    width: 100vw;
    float: right;
    text-align: right;
    cursor: pointer;
}

.filedscss {
    position: relative;
    margin: 1.3vw;
    height: 11vw;
    width: 11vw;
    background-color: azure;
    float: right;
}

.searchHKbodycss {
    position: relative;
    top: -5vw;
    margin-bottom: -2vw;
    width: 100vw;
    height: 12vw;
    padding: unset;
    z-index: 10;
    left: 0;
    background-color: transparent;
    float: left;
    text-align:center
}

.searchHKbtcss {
    position: absolute;
    top: 0vw;
    left: 0vw;
    height: 4vw;
    width: 4vw;
    border-radius: 0.3vw 0 0 0.3vw;
    font-family: Arial;
    font-size: 4vw;
    color: rgb(79, 79, 79, 0.94);
    border: none;
    cursor: pointer;
    background-color: transparent;
    text-align: center;
    line-height: 4vw;
    text-decoration: none;
    background-image:url('../../images/mainsearch.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

    /*.searchHKbtcss::after {
        content: "⚆";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: rgb(144, 198, 220);  Or any color you prefer 
    }*/

.searchHKtbcss {
    position: absolute;
    top: 0.35vw;
    width: 38vw;
    border: none;
    left: 0;
    padding-left: 1vw;
    padding-right: 1vw;
    height: 3vw;
    border-radius: 0.3vw;
    background-color: #ffffff;
    font-family: Dirooz;
    font-size: 1vw;
    color: #313131;
    direction: rtl;
}


.bodychildcss {
    position: relative;
    top: 0vw;
    left: 0;
    width: 70vw;
    background-color: transparent;
    float: left;
    padding-top: 3vw;
    padding-bottom: 8vw;
    padding-left: 15vw;
    padding-right: 15vw;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(211, 211, 211, 0.20));
    z-index: 1;
}

.childbodyheadlabelcss {
    position: absolute;
    top: -3.5vw;
    right: 15vw;
    height: 4vw;
    width: 25vw;
    background: linear-gradient(#f1f1f1, #f1f1f1);
    border-radius: 0.5vw 0.5vw 0 0;
    font-family: Dirooz;
    font-size: 1.5vw;
    text-align: center;
    line-height: 3vw;
    color: #0f0f0f;
    box-shadow: #d1d1d1 0 -0.05vw 0.05vw;
    z-index: 0;
}

.hikelaslbcss {
    color: #0fdb07;
}

.footercss {
    position: relative;
    top: 0vw;
    left: 0;
    width: 100vw;
    height: 20vw;
    background-color: #313131;
    float: right;
    z-index: 1
}

.searchHKcss {
    position: absolute;
    text-align:center;
    top: 2vw;
    left: 30vw;
    height: 4vw;
    width: 40vw;
    border-radius: 0.3vw;
    background-color: #ffffff;
    font-family: Dirooz;
    font-size: 1.6vw;
    color: #313131;
    direction: rtl;
}


.HKheadBTcss {
    position: relative;
    top: -0.9vw;
    height: 3vw;
    line-height: 3vw;
    text-align: center;
    vertical-align: central;
    width: 8vw;
    border-radius: 0.2vw;
    background-color: #0094ff;
    font-family: Dirooz;
    font-size: 1vw;
    color: #58A1CF;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    background: linear-gradient(rgba(255, 255, 255, 0.8), azure);
    padding: 0.7vw;
    margin-right: 0.1vw;
    margin-left: 0.1vw;
    text-decoration: none;
    box-shadow: #9a9a9a 0 0 0.3vw;
}

    .HKheadBTcss:hover {
        background-color: azure;
        color: #ED6942
    }


.HKsearchBTdivcss {
    position: absolute;
    top: 7vw;
    right: 24.25vw;
    width: 54vw;
    height: 4vw;
    float: right;
}

.HKsearchBTcss {
    position: relative;
    top: 0vw;
    height: 3vw;
    width: 8vw;
    border-radius: 0.2vw;
    background-color: #0094ff;
    font-family: Dirooz;
    line-height: 3vw;
    float: right;
    text-align: center;
    font-size: 1.2vw;
    color: #ffffff;
    border: none;
    cursor: pointer;
    background-color: rgba(129, 129, 129, 0.45);
    margin-left: 0.9vw;
    transition: background 0.3s
}

    .HKsearchBTcss:hover {
        background-color: rgba(129, 129, 129, 1);
    }

.subtitledivcss {
    position: relative;
    font-family: Dirooz;
    right: 0vw;
    width: 70vw;
    background-color: transparent;
    font-size: 2vw;
    color: #000000;
    background: none;
    direction: rtl;
    line-height: 2vw;
    float: right;
    padding-bottom: 5vw;
}

.subtitlecss {
    position: relative;
    font-family: Dirooz;
    right: 0vw;
    width: 70vw;
    background-color: transparent;
    font-size: 2vw;
    color: #000000;
    background: none;
    direction: rtl;
    line-height: 2vw;
    float: right;
    padding-bottom: 0.5vw;
    border-bottom: solid 0.2vw #414141;
}

.lastsectioncss {
    position: absolute;
    top: 0vw;
    height: 35vw;
    width: 100vw;
    background-color: rgba(53, 132, 182, 1);
    z-index: 0;
    transition: top 1s;
    z-index: 100
}

.toplayercss {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 3vw;
    background-color: #666666;
    text-align: right
}

.hikelasadheadcss {
    position: absolute;
    font-family: 'Dirooz';
    font-size: 1vw;
    color: #FFFFFF;
    width: 100%;
    height: 100%;
    left: 0;
    text-align: center;
    line-height: 3vw
}

.hikelasadcss {
    top: 1vw;
    font-family: 'Dirooz';
    font-size: 2vw;
    color: #00144d;
    height: 100%;
    left: 0;
    line-height: 2vw;
}

.middlecss {
    position: absolute;
    top: 3vw;
    width: 70vw;
    height: 15vw;
    margin-left: 15vw;
    margin-right: 15vw;
    text-align: justify;
    direction: rtl;
    margin-top: 1vw;
    font-family: 'B Arash' !important
}

.hikelasaddiscss {
    position: absolute;
    top: 5vw;
    font-family: 'Dirooz';
    font-size: 1vw;
    color: #ffffff;
    height: 100%;
    left: 0;
    line-height: 2vw;
}

.endofpage1css {
    position: absolute;
    bottom: 2.5vw;
    height: 12vw;
    width: 90vw;
    background-color: #FFFFFF;
    margin-left: 5vw;
    margin-right: 5vw;
    border-radius: 1vw
}

.samandehicss {
    position: absolute;
    top: 1vw;
    height: 10vw;
    left: 1vw
}

.nemadetemadcss {
    position: absolute;
    top: 1vw;
    height: 10vw;
    left: 12vw
}

.proiradcss {
    position: absolute;
    top: 1vw;
    height: 10vw;
    left: 23vw
}

.echareadcss {
    position: absolute;
    top: 1vw;
    height: 10vw;
    left: 23vw
}

.endofpage2css {
    position: absolute;
    bottom: 0;
    height: 2vw;
    width: 100vw;
    margin-left: 2vw
}

.copyrightcss {
    bottom: 1vw;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75vw;
    color: black;
    height: 1vw;
    left: 10vw;
    line-height: 1vw;
}

.divlangLBcss {
    position: absolute;
    top: 11vw;
    left: 0;
    height: 2vw;
    width: 20vw;
    z-index: 10;
}

.langLBcss {
    position: relative;
    float: left;
    top: 0.5vw;
    left: 2vw;
    height: 1.5vw;
    width: 4vw;
    border-radius: 0.25vw;
    border: solid 1px rgba(126, 129, 255, 0.50);
    font-family: Dirooz,Arial;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.50);
    text-decoration: none;
    margin-left: 0.1vw;
    margin-right: 0.1vw;
    color: white;
    text-align: center;
    line-height: 1.5vw;
    font-size: 0.7vw;
    color: black;
    transition: background-color 0.25s;
}

    .langLBcss:hover {
        background-color: rgba(255, 255, 255, 1.00);
    }