@import url('Font_Sahel.css');

html {
height:100%;
width:100%;
}
body {

    margin:0;
    padding:0;
    height:100%;
    min-height:100%;
    min-width:100%;
}

.navbar.mdnav {
     box-shadow:0 8px 30px -25px gray!important;
}
.first {
    width: 100% !important;
    height: 60px !important;
}
.lazy-background {
    background-repeat: no-repeat;
}

.contact-elements {
    background-image: url('../image/بک-تماس.png');
    background-size: cover;
}

    .contact-elements.visible {
        background-image: url('../image/بک-تماس.png');
        background-size: cover;
    }
@media (min-width:1200px){
   .contact {
        background-image: url('../image/تماس3.jpg');
         background-size: 100% 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        height:400px!important;
        max-height:400px!important;
    }
.contact img {
        width: 100% !important;
}

.contact-us-block{
    top:82%!important;
    left:72.5%!important;
}
.contact-us-label{
    font-family:'Sahel-normal','Sahel'!important;
   font-size:42px!important;
   display:inline-block!important;
   font-weight:bold!important;
   color:white!important;
}

.row-us{
    direction:rtl!important;
}
ul{
    direction:rtl!important;
    list-style:none!important;
}

.contact-elements p{
      font-family:'Sahel-normal','Sahel'!important;
      font-weight:bold!important;
      font-size:15px!important;
      direction:rtl!important;
}
.info .img1{
    width:30px!important;
    height:42px!important;
}
.info .img2{
    width:30px!important;
    height:50px!important;
}
.info .img3{
    width:30px!important;
    height:30px!important;
}
#map{
   height:300px!important;
   width: 100%!important;  
   z-index:1!important;
   border-radius:20px!important;
}

.pr-xl{
    padding-right:5%!important;
}
.pl-xl{
    padding-left:5%!important;
}
}


@media (max-width:1199.95px) {

    .contact {
        background-image: url('../image/تماس3.jpg');
        background-size: 100% 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        height:300px !important;
        max-height: 300px !important;
    }

        .contact img {
            width: 100% !important;
        }

    .contact-us-block {
        top: 75% !important;
        left: 72.5% !important;
    }

    .contact-us-label {
        font-family: 'Sahel-normal','Sahel' !important;
        font-size: 42px !important;
        display: inline-block !important;
        font-weight: bold !important;
        color: white !important;
    }

    .row-us {
        direction: rtl !important;
    }

    ul {
        direction: rtl !important;
        list-style: none !important;
    }
        .contact-elements p {
            font-family: 'Sahel-normal','Sahel' !important;
            font-weight: bold !important;
            font-size: 12px !important;
            direction: rtl !important;
        }

    .info .img1 {
        width: 30px !important;
        height: 42px !important;
    }

    .info .img2 {
        width: 30px !important;
        height: 50px !important;
    }

    .info .img3 {
        width: 30px !important;
        height: 30px !important;
    }

    #map {
        height:250px !important;
        width: 100% !important;
        z-index: 1 !important;
        border-radius: 20px !important;
    }

    .pr-xl {
        padding-right: 5% !important;
    }

    .pl-xl {
        padding-left: 5% !important;
    }
}

@media(max-width:991.95px) {
    .contact {
        background-image: url('../image/تماس3.jpg');
        background-size: 100% 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        height:300px !important;
        max-height: 300px !important;
    }

        .contact img {
            width: 100% !important;
        }

    .contact-us-block {
        top: 75% !important;
        left: 60% !important;
    }

    .contact-us-label {
        font-family: 'Sahel-normal','Sahel' !important;
        font-size:36px !important;
        display: inline-block !important;
        font-weight: bold !important;
        color: white !important;
    }

    .row-us {
        direction: rtl !important;
    }

    ul {
        direction: rtl !important;
        list-style: none !important;
    }

        .contact-elements p {
            font-family: 'Sahel-normal','Sahel' !important;
            font-weight: bold !important;
            font-size: 9px !important;
            direction: rtl !important;        
        }

    .info .img1 {
        width: 30px !important;
        height: 42px !important;
    }

    .info .img2 {
        width: 30px !important;
        height: 50px !important;
    }

    .info .img3 {
        width: 30px !important;
        height: 30px !important;
    }

    #map {
        height:250px !important;
        width: 100% !important;
        z-index: 1 !important;
        border-radius: 20px !important;
    }

    .pr-xl {
        padding-right: 5% !important;
    }

    .pl-xl {
        padding-left: 5% !important;
    }
}

@media (max-width:767.95px) {

    .contact {
        background-image: url('../image/تماس3.jpg');
        background-size: 100% 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        height:200px !important;
        max-height: 200px !important;
    }

        .contact img {
            width: 100% !important;
        }

    .contact-us-block {
        top: 70% !important;
        left: 55% !important;
    }

    .contact-us-label {
        font-family: 'Sahel-normal','Sahel' !important;
        font-size:36px !important;
        display: inline-block !important;
        font-weight: bold !important;
        color: white !important;
    }

    .row-us {
        direction: rtl !important;
    }

    ul {
        direction: rtl !important;
        list-style: none !important;
    }

        .contact-elements p {
            font-family: 'Sahel-normal','Sahel' !important;
            font-weight: bold !important;
            font-size: 11px !important;
            direction: rtl !important;
        }

    .info .img1 {
        width: 40px !important;
        height: 52px !important;
    }

    .info .img2 {
        width: 40px !important;
        height: 60px !important;
    }

    .info .img3 {
        width: 40px !important;
        height: 40px !important;
    }

    #map {
        height:200px !important;
        width: 100% !important;
        z-index: 1 !important;
        border-radius: 20px !important;
    }

}

@media (max-width:575.95px) {

    .contact {
        background-image: url('../image/تماس3.jpg');
        background-size: 100% 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        height:150px !important;
        max-height: 150px !important;
    }

        .contact img {
            width: 100% !important;
        }

    .contact-us-block {
        top: 65% !important;
        left:40% !important;
    }

    .contact-us-label {
        font-family: 'Sahel-normal','Sahel' !important;
        font-size:26px !important;
        display: inline-block !important;
        font-weight: bold !important;
        color: white !important;
    }

    .row-us {
        direction: rtl !important;
    }

    ul {
        direction: rtl !important;
        list-style: none !important;
    }

        .contact-elements p {
            text-align:justify!important;
            font-family: 'Sahel-normal','Sahel' !important;
            font-weight: bold !important;
            font-size:10px !important;
            direction: rtl !important;
        }

    .info .img1 {
        width:30px !important;
        height:42px !important;
    }

    .info .img2 {
        width: 30px !important;
        height: 50px !important;
    }

    .info .img3 {
        width: 30px !important;
        height: 30px !important;
    }

    #map {
        height:200px !important;
        width: 100% !important;
        z-index: 1 !important;
        border-radius: 20px !important;
    }

    .pr-xl {
        padding-right: 5% !important;
    }

    .pl-xl {
        padding-left: 5% !important;
    }
}