@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

.rtl{
    direction: rtl !important;
}
.ltr {
    direction: ltr !important;
}

.ar_font{
    font-family: "Tajawal", serif;
}
.en_font{
    font-family: 'Ubuntu', sans-serif;
}
body {
    font-family: "Tajawal", serif;
}
.home_screen
{
    position: absolute;
    top: 0;
    left: 0;
}
.bg
{
    background-image: url("/build/images/bg/slider-3.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-origin: content-box;
    background-position: center center;
    background-color: rgba(0,0,0,0.5);
    background-blend-mode: darken;
}
.logo
{
    margin: 0 auto;
}
.hexagon1 {
    background-image: url("/build/images/icons/button-hexagon.png");
    background-size: contain;
    background-origin: content-box;
    background-position: center center;
    transition: all ease-in-out 200ms;
    background-repeat: no-repeat;
}
.hexagon {
    /*background-image: url("/build/images/icons/button-hexagon.png");*/
    /*background-size: contain;*/
    /*background-origin: content-box;*/
    /*background-position: center center;*/
    /*background-repeat: no-repeat;*/
    transition: all ease-in-out 200ms;
}

.main-screen-icon{
    cursor: pointer;
    width: 203px;
    height: 243px;
    /*width: 303px;*/
    /*height: 343px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}
.main-screen-icon span{
    position: absolute;
    color: white;
    bottom: -30px;
    font-size: x-large;
}
.main-screen-icon.small{
    cursor: pointer;
    width: 152px;
    height: 171px;
}
.main-screen-icon:hover{
    transform: scale(1.2);
}
.screen-item
{
    width: 100%;
}