* {
    margin: 0;
    padding: 0;
    font-family: Almarai,sans-serif;
}

.slider000 {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    overflow: hidden;
    max-height: 100%;
    max-width: 100%;
}

#slideimg000 {
    width: 100%;
    height: 100%;
  
    position: absolute;
    left: 0;
    
}


.overlay000 {
    width: 100%;
    height: 100vh;
    background: linear-gradient(rgba(0, 0, 0,0),rgba(0,0,0,.5));
    position: absolute;
    top: 0;
}




/* ----------------------------------------------------------------
------------------------ HOME PAGE-------------------------------
---------------------------------------------------------------*/
.adv000 {
    font-family: Lalezar,sans-serif;
}
.img-holder {
    align-content: center;
    height: auto;
    overflow: hidden;
}

   

.hlim {
    text-align: center;
    height:100%;
}

    .hlim img {
        width: 350px !important;
        height: 300px !important;
        margin: 2em;
    
    }


.p000 {
    color: #959094;
}

    .p000.lead {
        color: #e38cb7;
        margin-bottom: 2rem;
    }

.text-primary {
    color: #e38cb7 !important;
}

.light-font {
    font-weight: 300;
}

.btn000 {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.375rem 1.35rem;
    transition: all 0.3s ease;
}


/*----------------------form-----------------------------*/
.form000 {
   
    background: rgba(0, 0, 0, 0.55);
    width: auto;
    padding: 20px;
    position: center;
    z-index: 3;
    margin-top: 1rem;
    margin-left: 5%;
    margin-right: 5%;
}

    .form000 .fa {
        color: #fff !important;
        font-size: 20px !important;
        
    }

    .form000 input {
        -webkit-appearance: none;
        -moz-appearance: none;
        outline: 0;
        border: 1px solid rgba(255, 255, 255, 0.65);
        background-color: rgba(0, 0, 0, 0.3);
        width: 100%;
        border-radius: 3px;
        padding: 10px 15px;
        margin: 0 auto 10px auto;
        display: block;
        color:#fff;
        font-size: 22px;
        
        transition-duration: 0.25s;
        font-weight: 500;
    }

       

    .form000 .form-group {
    text-align: right;
    color: #fff;
}

.form000 input:focus {
    background-color: white;
    color: #673f04;
    font: 25px bold;
}

    .form000 button {
        -webkit-appearance: none;
        -moz-appearance: none;
        outline: 0;
        background-color: #0066b3 !important;
        background: #0066b3 !important;
        border: none;
        padding: 10px 15px !important;
        color: #fff;
        border-radius: 3px;
        width: 200px;
        cursor: pointer;
        font-size: 18px;
       
    }

        .form000 button:hover {
            font-family: Almarai,sans-serif!important;
            color: rgba(255, 255, 255, 0.65) !important;
        }
        .form000 button:focus{
            font-family: Almarai,sans-serif !important;
            color: rgba(255, 255, 255, 0.65) !important;
        }
.formcont{
    margin-top:3em!important;
}
.form000 .form-control {
    border-radius: 0 !important;
    border: none !important;
    text-align: right;
    font-size: 30px;
}
.form000 .input-group-text{

}

@media (max-width:699px) {
    

    .ml15 {
        margin-top: 5px;
    }

        .ml15:last-child {
            margin-bottom: 5px;
        }

    .ml15 .word {
        font-size: 20px;
    }

        .ml15 .word img {
            width: 30px;
            height: 30px;
        }
       
}
/*----------------------------------ستايل النص المتحرك -----------------------*/
.movtxt .row {
    margin-top: 6.5em !important;
    border: none !important;
}
.ml15 {
    font-weight: 400;
    font-size: 1em;
    color: rgb(225, 223, 223);
    text-transform: uppercase;
    letter-spacing: 0;
    background-color: rgba(243, 171, 237, 0.17);
    height: auto
}
    .ml15 .word {
        color: #fff;
        display: inline-block;
        line-height: 1em;
    }
     .ml15 .word span {

      color: #000;
    
   }
 /*-------------------النص المتحرك بتاعي من غير جافاسكربت--------------------*/ 
.w1 {
    animation: mov 1s ;
    animation-delay:2s;
}
.w2{
    animation: mov 1s  ;
    animation-delay: 3s;
}
.w3 {
    animation: mov 1s ;
    animation-delay:4s;
}
.w4 {
    animation: mov 1s;
    animation-delay: 5s;
}
.w5{
    animation :lefmov 1s;
    animation-delay:2s
}
.w6 {
    animation: lefmov 1s;
    animation-delay: 3s;
}
.w7 {
    animation: lefmov 1s;
    animation-delay: 4s;
}
.w8 {
    animation: lefmov 1s;
    animation-delay: 5s;
}

@keyframes lefmov {
    0% {  opacity:0;}    100% { opacity: 1;  }}
@keyframes mov {
    0% {
        opacity: 0;
        transform: scale(1) rotate3d(-1, 1, 0, 0deg);
    }
     50% {
        opacity: .5;
        transform: scale(5) rotate3d(-1, 1, 0,-180deg);
    }
    100% {
        opacity: 1 !important;
        transform: scale(1) rotate3d(-1, 1, 0, 0deg);
       
    }
   
    }

    
     
    /*----------------------------------------small screens---------------------------------------------*/
    @media only screen and (max-width:750px) {

        .movtxt .row {
            margin-top: 6.5em;
        }

        .ml15 {
            margin-top: 5px;
        }
 
        .form000 {
            padding: 20px;
           left:0;
           right:0;
        }

        .form000 .form-control{
            border-radius: 0 !important;
            border: none !important;
            text-align: right;
            font-size: 15px;
        }

        .formcont {
            margin-top: 30px !important;
           
        }

    
        .form000 .form-group {
            margin-bottom: 5px !important;
        }

       
        
    }

/*----------------------------------------xxxxxxxxxxxxxxxxxxxxsmall screens---------------------------------------------*/
@media only screen and (max-width:450px) {

    .movtxt .row{
        margin-top:5em!important;
    }

    .movtxt .word {
        font-size: 15px;
    }

    .word img {
        height: 30px !important;
        width: 30px !important;
    }
}