html {
height:100%;
width:100%;
}
body {
  font-family:'Sahel-normal','Sahel'!important;
    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: 70px !important;
}

@media(min-width:1200px) {
    .section {
        position: relative !important;
        width: 100% !important;
        max-width: 100%;
        height: 590px !important;
        max-height: 590px !important;
        background-repeat: no-repeat !important;
    }

.back-img{

}
    .p{
        direction:rtl!important;
    }
    .services-label {
         z-index:1!important;
          direction:rtl!important;
        
          padding-right:4%!important;
          padding-left:0%!important;
    }
    .row3{
        top:0!important;
        left:0!important;
    }
    .row1{
        display:inline-flex !important;
    }
    .row2 {
        direction: rtl !important;
        line-height: 1.6;
    }
    .part1{
        display:inline-block!important;
        font-size:25px!important;
        color:rgb(253,136,83)!important;
        /*text-shadow: 6px 6px 0px white ;*/
    }
      .part2{
        display:inline-block!important;
        line-height:1!important;
        font-size:19px!important;
        text-align:left!important;
        color:rgb(253,136,83)!important;
        padding-top:3%!important;
        /*text-shadow: 6px 6px 0px white;*/
        /*width:470px!important;
        max-width:535px!important;*/
    }
  .pt-xl{
      padding-top:15%!important;
  } 
 .number{
  /*position:relative!important;*/
  font-size:54px!important;
  font-weight:bold!important;
  display: inline-block;
  /*margin-top:%!important;*/
}
 .pr-xl{
     padding-right:5%!important;
 }
 
 
.mt-xl{
     margin-top:-5%!important;
 }
 .desc-body{
     margin-top:17%!important;
 }
 .desc-body p{
      /*position:relative!important;*/
  font-size:18px!important;
  font-weight:bold!important;

 }
    .benefit-button {
        margin-left: auto !important;
        margin-right:auto!important;
        position:absolute!important;
        top:112%!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        
    }

        .benefit-button button {
            /*border:3px solid white!important;*/
            border-radius: 2rem !important;
            background-color: rgb(0,168,255) !important;
            font-size: 24px !important;
            height: 53px !important;
            max-height: 53px !important;
            padding: 0px !important;
        }

            .benefit-button button:hover {
                /*border:3px solid white!important;*/                
                border-radius: 25px !important;   
                background-color:rgb(0,156,240)!important;               
                font-size: 24px !important;            
                height: 53px !important;            
                max-height: 53px !important;
                padding: 0px !important;
            }

        .benefit-button .btn.btn-primary.btn-block:active {
                background-color:rgb(0,156,240)!important;
        }

    .services {
        margin-left: auto !important;
        margin-right: auto !important;
        position: absolute !important;
        top: 125% !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
    }
    .services a {
        direction: rtl !important;
        font-family: 'Sahel-normal','Sahel' !important;
        font-size: 16px !important;
        display: inline-block !important;
        z-index: 1 !important;
        color: rgb(0,168,255) !important;
    }
}


@media(max-width:1199.95px){
    .section {
        position: relative !important;
        width: 100% !important;
        max-width: 100%;
        height: 520px !important;
        max-height: 520px !important;

        background-repeat: no-repeat !important;
    }

    .p{
        direction:rtl!important;
    }
    .services-label {
         z-index:1!important;
          direction:rtl!important;
    
          padding-right:4%!important;
          padding-left:0%!important;
    }
    .row3{
        top:0!important;
        left:0!important;
    }
    .row1{
        display:inline-flex !important;
    }
    .row2{
        direction:rtl!important;
    }
    .part1{
        display:inline-block!important;
        font-size:20px!important;
        color:rgb(253,136,83)!important;
        /*text-shadow: 6px 6px 0px white ;*/
    }
      .part2{
        display:inline-block!important;
        line-height:1!important;
        font-size:16px!important;
        text-align:left!important;
        color:rgb(253,136,83)!important;
        padding-top:3%!important;
        /*text-shadow: 6px 6px 0px white;*/
        /*width:470px!important;
        max-width:535px!important;*/
    }
  .pt-xl{
      padding-top:15%!important;
  } 
 .number{
  /*position:relative!important;*/
  font-size:40px!important;
  font-weight:bold!important;
  display: inline-block;
  /*margin-top:%!important;*/
}
 .pr-xl{
     padding-right:5%!important;
 }
 
 
.mt-xl{
     margin-top:0%!important;
 }
 .desc-body{
     margin-top:17%!important;
 }
 .desc-body p{
      /*position:relative!important;*/
  font-size:16px!important;
  font-weight:bold!important;

 }
    .benefit-button {
        margin-left: auto !important;
        margin-right:auto!important;
        position:absolute!important;
        top:110%!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        
    }

        .benefit-button button {
            /*border:3px solid white!important;*/
            border-radius: 25px !important;
            background-color: rgb(0,168,255) !important;
            font-size:20px !important;
            height: 45px !important;
            max-height: 45px !important;
            padding: 0px !important;
        }

            .benefit-button button:hover {
                /*border:3px solid white!important;*/
                border-radius: 2rem !important;                   
                background-color:rgb(0,156,240)!important;               
                font-size: 20px !important;            
                height: 45px !important;            
                max-height: 45px !important;
                padding: 0px !important;
            }

        .benefit-button .btn.btn-primary.btn-block:active {
               background-color:rgb(0,156,240)!important;
        }

    .services {
        margin-left: auto !important;
        margin-right: auto !important;
        position: absolute !important;
        top: 123% !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
    }
    .services a {
        direction: rtl !important;
        font-family: 'Sahel-normal','Sahel' !important;
        font-size: 14px !important;
        display: inline-block !important;
        z-index: 1 !important;
        color: rgb(0,168,255) !important;
    }

    .nav-link-desc {
        white-space: nowrap !important;
    }
}

@media (max-width:991.95px) {
    .section {
        position: relative !important;
        width: 100% !important;
        max-width: 100%;
        height: 390px !important;
        max-height: 390px !important;

        background-repeat: no-repeat !important;
    }

    .p{
        direction:rtl!important;
    }
    .services-label {
         z-index:1!important;
          direction:rtl!important;

          padding-right:4%!important;
          padding-left:0%!important;
    }
    .row3{
        top:0!important;
        left:0!important;
    }
    .row1{
        display:inline-flex !important;
    }
    .row2{
        direction:rtl!important;
    }
    .part1{
        display:inline-block!important;
        font-size:16px!important;
        color:rgb(253,136,83)!important;
        /*text-shadow: 6px 6px 0px white ;*/
    }
      .part2{
        display:inline-block!important;
        line-height:1!important;
        font-size:12px!important;
        text-align:left!important;
        color:rgb(253,136,83)!important;
        padding-top:3%!important;
        /*text-shadow: 6px 6px 0px white;*/
        /*width:470px!important;
        max-width:535px!important;*/
    }
  .pt-xl{
      padding-top:15%!important;
  } 
 .number{
  /*position:relative!important;*/
  font-size:34px!important;
  font-weight:bold!important;
  display: inline-block;
  /*margin-top:%!important;*/
}
 .pr-xl{
     padding-right:5%!important;
 }
 
 
.mt-xl{
     margin-top:-2%!important;
 }
 .desc-body{
     margin-top:17%!important;
 }
 .desc-body p{
      /*position:relative!important;*/
  font-size:12px!important;
  font-weight:bold!important;

 }
    .benefit-button {
        margin-left: auto !important;
        margin-right:auto!important;
        position:relative !important;
        margin-top:2%!important;
        left:0!important;
        right:0!important;
        bottom:0!important;
        
    }

        .benefit-button button {
            /*border:3px solid white!important;*/
            border-radius: 2rem !important;
            background-color: rgb(0,168,255) !important;
            font-size:16px !important;
            height: 30px !important;
            max-height:30px !important;
            padding: 0px !important;
        }

            .benefit-button button:hover {
                /*border:3px solid white!important;*/                
                border-radius: 2rem !important;                  
                background-color:rgb(0,156,240)!important;               
                font-size:16px !important;            
                height: 30px !important;            
                max-height:30px !important;
                padding: 0px !important;
            }

        .benefit-button .btn.btn-primary.btn-block:active {
               background-color:rgb(0,156,240)!important;
        }

    .services {
        margin-left: auto !important;
        margin-right: auto !important;
        position: absolute !important;
        top:100% !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
    }
    .services a {
        direction: rtl !important;
        font-family: 'Sahel-normal','Sahel' !important;
        font-size: 10px !important;
        display: inline-block !important;
        z-index: 1 !important;
        color: rgb(0,168,255) !important;
    }
}


@media (max-width:767.95px) {
    .mainContainerServices {
        overflow: auto !important;
    }

    .services-label {
        z-index: 1 !important;
        direction: rtl !important;

        padding-right: 4% !important;
        padding-left: 0% !important;
    }

    .part1 {
        display: inline-block !important;
        font-size: 20px !important;
        color: rgb(253,136,83) !important;
        /*text-shadow: 6px 6px 0px white;*/
    }

    .part2 {
        display: inline-block !important;
        line-height: 1 !important;
        font-size: 10px !important;
        text-align: right !important;
        color: rgb(253,136,83) !important;
        padding-top: 3% !important;
        /*text-shadow: 6px 6px 0px white;*/
        /*width:470px!important;
        max-width:535px!important;*/
    }

    .row3 {
        top: 0 !important;
        left: 0 !important;
    }

    .row4 {
        bottom: 0 !important;

    }

    .services {
        margin-left: auto !important;
        margin-right: auto !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
    }

        .services a {
            direction: rtl !important;
            font-family: 'Sahel-normal','Sahel' !important;
            font-size: 14px !important;
            display: inline-block !important;
            z-index: 1 !important;
            color: rgb(0,168,255) !important;
        }

    .benefit-button {
        margin-left: auto !important;
        margin-right: auto !important;
        position: relative !important;
        margin-top: 35rem !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
    }

        .benefit-button button {
            /*border:3px solid white!important;*/
            border-radius: 2rem !important;
            background-color: rgb(0,168,255) !important;
            font-size: 16px !important;
            height: 30px !important;
            max-height: 30px !important;
            padding: 0px !important;
        }

            .benefit-button button:hover {
                /*border:3px solid white!important;*/
                border-radius: 2rem !important;
                background-color: rgb(0,156,240) !important;
                font-size: 16px !important;
                height: 30px !important;
                max-height: 30px !important;
                padding: 0px !important;
            }

        .benefit-button .btn.btn-primary.btn-block:active {
            background-color: rgb(0,156,240) !important;
        }

}

.mainContainerServices .card {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    direction:rtl!important;
}
    .mainContainerServices .card h6 {
        color: rgb(253,136,83) !important;
    }
    .mainContainerServices .card h5 {
        color: #00a8ff !important ;
    }
.mainContainerServices .row {

    direction: rtl !important;
}
.mainContainerServices .card img {
    width:70px!important;
    height:70px!important;
}
h6{
    line-height:1.5!important;
}