.map-path {
    transition: 200ms;
    transition-timing-function: ease-in-out;
    -webkit-transition: 200ms;
    -webkit-transition-timing-function: ease-in-out;
    stroke: #aaaaaa;
    stroke-width: 2px;
    stroke-linejoin: round;
    cursor: pointer
}
 
.map-path:hover {
    fill: #ffa500;
}

@media only screen and (max-width:767px) {
    #svg_map{
        height: 90% !important;
        width: 90% !important;
    }
}

@media only screen and (min-width:768px) {
    #svg_map{
        height: 90% !important;
        width: 90% !important;
    }
}

@media only screen and (min-width:1100px) {
    #svg_map{
        height: 90% !important;
        width: 90% !important;
    }
}

@media only screen and (max-width:768px) {
    #main_page_introduce_video{
        height: auto !important;
        width: 100% !important;
    }
}

@media only screen and (max-width:500px) {
    #main_page_introduce_video{
        height: auto !important;
        width: 100% !important;
    }
}

#introduce_video{
    height: auto !important;
    width: 92% !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width:500px) {
    .just_website_section{
        display: none;
    }
}

#wheel_of_luck_svg{
    height: 60% !important;
    width: 80% !important;
}

.text-justify {
    text-align: justify
}

.contact-box {
    width: 70% !important;
}

.servicea-description-home-page {
    font-size : 15px;
}

.servicea-feature-description {
    font-size: 14px !important;
    font-weight: 200; 
    text-align: justify;
}

.footer-description {
    text-align: justify;
}

.app-features-section {
    margin-bottom: 10px;
}

/* #map_container{
    margin: 0 auto;
    width: 80%;
    text-align: center;
    direction: rtl;
} */

/*#introduce{
    display: block;
    width: 100%;
    font-size: 35px;
    font-weight: bold;
    color: white;
    padding-bottom: 5px;
    background-color: #4CAF50;
    text-decoration: none;
    margin-bottom: 15px;
}*/

.zist-logo {
    height: 92px !important;
}