/*Start landing*/
body{
  font-family: "Cairo", sans-serif;
  font-optical-sizing: auto;
}
.navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: center;
    box-shadow: rgba(153, 153, 153, 0.12) 0px 0px 18px;
    padding: 16px 0;
    text-align: center;
  }
  .logoimg{
    width: 8%;
  }
  .landinghero{
    padding: 40px 0;
  }
  .landingimg {
    width: 100%;
    padding-top: 40px;
}
  .landingtitlear{
      font-size: 50px;
      color: #F3847C;
      padding-top: 80px;
      font-family: 'cairo';
      text-align: right;
      font-weight: 700;
  }
  .landingsubtitlear{
      font-size: 16px;
      color: #003049;
      padding-top: 10px;
      font-family: 'cairo';
      padding-left: 40px;
      text-align: right;
  }
  #right{
    text-align: right;
  }
.down{
  width: 60%;
  text-align: right;
  padding-top: 20px;
}
  /*End landing*/

/* start services*/
.productsar{
  margin: 100px 0;
}
.productsar .secondtitlear{
  text-align: right;
  font-size: 32px ;
  color: #F3847C;
  font-weight: 600;
  padding-bottom: 40px;
  font-family: 'cairo';

}
.productsar .card-bodyar{
    text-align: right;
    padding: 20px 16px;
    font-family: 'cairo';

}
.productsar .card{
  margin: 40px 0;
  border: 1px solid #eeeeee;
  border-radius: 16px;
  font-family: 'cairo';

}
.productsar .card .card-titlear{
  font-size: 24px;
  font-weight: 600;
  font-family: 'cairo';

}
.productsar .card .card-textar{
  font-size: 16px;
  font-weight: 400;
  font-family: 'cairo';

}
.productsar .card .card-text2ar{
  font-size: 22px;
  font-weight: 700;
  font-family: 'cairo';

}
.productsar .card .riyal{
  width: 6%;
  margin-top: -8px;
}




/* start footer */
.footer{
  background-color: #fafafa;
  padding: 40px 0;
}
.footer .footerlogo{
  width: 40%;
}
.footer .footerlogo2{
  width: 12%;
}
.footer .contactlinksar{
  font-size: 14px;
  font-weight: 600;
  color: #000F1E;
  text-align: right;
}
#right{
    text-align: right;
}
.footer .phonenumberar{
  font-size: 14px;
  text-align: right;
  padding-left: 16px;
}
.footer .footerlinkslist{
  text-decoration: none;
}
.footer .footerlinkslist .listfooterar{
  list-style:none;
  text-align: right !important;
}

/* start footer */



/*start FAQ*/
.FAQtitle{
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  color: #F3847C;
  padding-top: 40px;
}
.quesar{
  padding: 12px 120px;
}
.quesar .questitlear{
  font-size: 22px;
  font-weight: 600;
  color: #000F1E;
  text-align: right;
}
.quesar .quesdescar{
  font-size: 16px;
  font-weight: 400;
  color: #003049;
  text-align: right;
}
.quesar .listar{
  text-align: right;
}
.quesar .listar .datalistar{
  text-align: right;
}
/*End FAQ*/



/*start privacy*/
.privacytitlear{
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  padding-top: 40px;
  color: #F3847C;
}
.privacyquesar{
  padding: 12px 120px;
}
.privacyquesar .privacyquestitlear{
  font-size: 22px;
  font-weight: 600;
  color: #000F1E;
  text-align: right;
}
.privacyquesar .privacyquesdescar{
  font-size: 16px;
  font-weight: 400;
  color: #003049;
  text-align: right;
}
.privacyquesar .list{
  text-align: left;
}
.privacyquesar .list .datalist{
  text-align: left;
}
.termstitlear{
    text-align: center;
    color: #F3847C;

}
.termsquestitle2ar{
    text-align: right;
}
/*end privacy*/



/*start terms*/
.termstitle{
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  padding-top: 40px;
  color: #F3847C;
}
.termsquesar{
  padding: 12px 120px;
}
.termsquesar .termsquestitlear{
  font-size: 22px;
  font-weight: 600;
  color: #000F1E;
  text-align: right;
}
.termsquesar .termsquestitle2ar{
  font-size: 18px;
  font-weight: 600;
  color: #000F1E;
}
.termsquesar .termsuesdescar{
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  color: #003049;
}
.termsquesar .list{
  text-align: right;
}
.termsquesar .list .datalist{
  text-align: right;
}
/*end terms*/




/* End services*/

  @media (max-width: 767px){
    /*Start landing*/
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: center;
        box-shadow: rgba(153, 153, 153, 0.12) 0px 0px 18px;
        padding: 16px 0;
        text-align: center;
      }
      .logoimg{
        width: 16%;
      }
      .landingimg {
        width: 100%;
        padding-top: 60px;
    }
    .landingtitlear{
        font-size: 34px;
        color: #F3847C;
        padding-top: 30px;
        font-family: 'Poppins';
        text-align: right;
        font-weight: 800;
    }
    .landingsubtitlear{
        font-size: 14px;
        color: #003049;
        padding-top: 10px;
        font-family: 'Poppins';
        padding-left: 40px;
        text-align: right;
    }
    #right{
      text-align: right;
    }
  .down{
    width: 80%;
    text-align: right;
    padding-top: 20px;
  }
    /*End landing*/
  
  /* start services*/
  .productsar{
    margin: 80px 0;
  }
  .productsar .secondtitlear{
    text-align: center;
    font-size: 28px ;
    color: #F3847C;
    font-weight: 600;
    padding-bottom: 40px;
  }
  .productsar .card{
    margin: 20px 0;
    border: 1px solid #eeeeee;
    border-radius: 16px;
  }
  .productsar .card .card-titlear{
    font-size: 22px;
    font-weight: 600;
  }
  .productsar .card .card-textar{
    font-size: 16px;
    font-weight: 400;
  }
  .productsar .card .card-text2ar{
    font-size: 20px;
    font-weight: 700;
  }
  .productsar .card .riyal{
    width: 6%;
  }
  
  
  
  
  /* start footer */
  .footer{
    background-color: #fafafa;
    padding: 40px 0;
  }
  .footer .footerlogo{
    width: 20%;
    margin: 20px 0;
  }
  .footer .contactlinks{
    font-size: 14px;
    font-weight: 600;
    color: #000F1E;
  }
  .footer .phonenumber{
    font-size: 14px;
    text-align: left;
    padding-left: 16px;
  }
  .footer .footerlinkslist{
    text-decoration: none;
  }
  .footer .footerlinkslist .listfooter{
    list-style:none;
  }
  
  /* start footer */
  
  
  
  /*start FAQ*/
  .FAQtitle{
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #F3847C;
    padding-top: 40px;
  }
  .ques{
    padding: 12px 40px;
  }
  .ques .questitle{
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    color: #000F1E;
  }
  .ques .quesdesc{
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color: #003049;
  }
  /*End FAQ*/
  
  
  
  /*start privacy*/
  .privacytitle{
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    padding-top: 40px;
    color: #F3847C;
  }
  .privacyques{
    padding: 12px 40px;
  }
  .privacyques .privacyquestitle{
    font-size: 20px;
    font-weight: 600;
    color: #000F1E;
  }
  .privacyques .privacyquesdesc{
    font-size: 16px;
    font-weight: 400;
    color: #003049;
  }
  
  /*end privacy*/
  
  
  
  /*start terms*/
  .termstitle{
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    padding-top: 40px;
    color: #F3847C;
  }
  .termsques{
    padding: 12px 40px;
  }
  .termsques .termsquestitle{
    font-size: 20px;
    font-weight: 600;
    color: #000F1E;
  }
  .termsques .termsquestitle2{
    font-size: 18px;
    font-weight: 600;
    color: #000F1E;
  }
  .termsques .termsuesdesc{
    font-size: 16px;
    font-weight: 400;
    color: #003049;
  }
 
  /*end terms*/
  
 
  /*End landing*/
  }



  @media(min-width: 768px) and (max-width: 991px){
    
  /*Start landing*/
  .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: center;
    box-shadow: rgba(153, 153, 153, 0.12) 0px 0px 18px;
    padding: 16px 0;
    text-align: center;
  }
  .landingimg {
    width: 100%;
    padding-top: 40px;
}
  .landingimg{
    width: 60%;
  }
  .landingtitlear{
    font-size: 34px;
    color: #F3847C;
    padding-top: 30px;
    font-family: 'Poppins';
    text-align: right;
    font-weight: 800;
}
.landingsubtitlear{
    font-size: 14px;
    color: #003049;
    padding-top: 10px;
    font-family: 'Poppins';
    padding-left: 40px;
    text-align: right;
}
#right{
  text-align: right;
}
.down{
width: 80%;
text-align: right;
padding-top: 20px;
}
/*End landing*/

/* start services*/
.productsar{
margin: 80px 0;
text-align: center;
}
.productsar .secondtitlear{
text-align: center;
font-size: 28px ;
color: #F3847C;
font-weight: 600;
padding-bottom: 40px;
}
.productsar .card{
margin: 20px 0;
border: 1px solid #eeeeee;
border-radius: 16px;
}
.productsar .card .card-titlear{
font-size: 22px;
font-weight: 600;
}
.productsar .card .card-textar{
font-size: 16px;
font-weight: 400;
}
.productsar .card .card-text2ar{
font-size: 20px;
font-weight: 700;
}
.productsar .card .riyal{
width: 6%;
}




/* start footer */
.footer{
background-color: #fafafa;
padding: 40px 0;
}
.footer .footerlogo{
width: 20%;
margin: 20px 0;
}
.footer .contactlinks{
font-size: 14px;
font-weight: 600;
color: #000F1E;
}
.footer .phonenumber{
font-size: 14px;
text-align: left;
padding-left: 16px;
}
.footer .footerlinkslist{
text-decoration: none;
}
.footer .footerlinkslist .listfooter{
list-style:none;
}

/* start footer */


  
  
  
  
  /*start FAQ*/
  .FAQtitle{
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #F3847C;
    padding-top: 40px;
  }
  .ques{
    padding: 12px 40px;
  }
  .ques .questitle{
    font-size: 20px;
    font-weight: 600;
    color: #000F1E;
  }
  .ques .quesdesc{
    font-size: 16px;
    font-weight: 400;
    color: #003049;
  }
 
  /*End FAQ*/
  
  
  
  /*start privacy*/
  .privacytitle{
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    padding-top: 40px;
    color: #F3847C;
  }
  .privacyques{
    padding: 12px 40px;
  }
  .privacyques .privacyquestitle{
    font-size: 20px;
    font-weight: 600;
    color: #000F1E;
  }
  .privacyques .privacyquesdesc{
    font-size: 16px;
    font-weight: 400;
    color: #003049;
  }
 
  /*end privacy*/
  
  
  
  /*start terms*/
  .termstitle{
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    padding-top: 40px;
    color: #F3847C;
  }
  .termsques{
    padding: 12px 40px;
  }
  .termsques .termsquestitle{
    font-size: 20px;
    font-weight: 600;
    color: #000F1E;
  }
  .termsques .termsquestitle2{
    font-size: 18px;
    font-weight: 600;
    color: #000F1E;
  }
  .termsques .termsuesdesc{
    font-size: 16px;
    font-weight: 400;
    color: #003049;
  }
  
  /*end terms*/
  
 
  /*End landing*/
   }