/*start css*/

/* import tajawal font */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@800&display=swap');

body{
    background-image: url("../images/patern.png");
    background-size: cover;
    background-repeat: repeat;
}
/* start edit hero section*/
.hero-section {
    height: 100vh;
    
}

.left-img-corner {
    height: 100%;
    width: 100%;
    background-image: url("../images/corner_icon.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.img-info-icons {
    width: 15%;
}

.right-menu a {
    color: #444444;
    font-family: 'Tajawal', sans-serif;
    font-weight: 800;
    font-size: larger;
}

.mobile-view {
    display: none;
}

.img-info-icons:hover{    
    box-shadow: 0px 0px 32px 0px rgb(255 255 255);
    border-radius: 20em 20em 20em ;
}

/* start mobile view */
@media (max-width: 575.98px) {
    .mobile-view {
        display: flex;
    }

    .desktop-view {
        display: none;
    }

    .right-menu a {
        font-weight: 600;
        font-size: medium;
    }

    .left-img-corner {
        background-image: url("../images/corner_icon2.png");
        background-position: 0 50px;
    }
}

@media (max-width: 808px) {
    .left-img-corner {
        background-image: url("../images/corner_icon2.png");
        background-position: 0 50px;
    }
}



/* end edit hero section*/