body{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-family: 'Nunito', sans-serif;
}
.bg{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
   /* background-image: url("../imgs/bg2.jpg");*/
    background-image: linear-gradient(to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgb(255 0 0 / 45%) 0%,transparent 15%,
    rgba(64,64,64,0) 90%,
    rgb(255 0 0 / 45%) 100%), url("../imgs/bg2.png");

}
.btn-ooredoo,.btn-ooredoo:hover,.btn-ooredoo:active{
    background-color: #ed1c24;
    border-bottom-color: #ed1c24;
    color: white;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 5px;

}
.logo{
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.layout_top{
    top: 35vh;
    width: 100%;
    position: absolute;
}
.layout_middle{
    top: 70vh;
    width: 100%;
    padding: 10px;
    position: absolute;
}
.layout_footer{
    top: 99vh;
    width: 100%;
    position: absolute;
}
.copyright{
    position: absolute;
    bottom: 10%;
    width: 100%;
}
@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.5, 1.5);
    }
    100% {
        transform: scale(1, 1);
    }
}