/*******************************
        Site Overrides
*******************************/
@font-face {
  font-family: 'Roboto';
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff2') format('woff2');
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff2') format('woff2');
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff2') format('woff2');
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff2') format('woff2');
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff2') format('woff2');
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff2') format('woff2');
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

/* @font-face {
  font-family: "Roboto";
  src: url(./assets//fonts/Roboto.ttf);
} */
@font-face {
  font-family: 'Roboto';
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff2') format('woff2');
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  }

@font-face {
  font-family: "Roboto";
    src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff2') format('woff2');
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff') format('woff');
  
}

@font-face {
  font-family: "RobotoBold";
    src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff2') format('woff2');
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff') format('woff');
  
}

@font-face {
  font-family: "DroidArabicKufiBold";
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff2') format('woff2');
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff') format('woff');
   font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: "DroidArabicKufiRegular";
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff2') format('woff2');
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: "RobotoNueLTArabicLight";
   src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff2') format('woff2');
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff') format('woff');
  
}
@font-face {
  font-family: "RobotoNueLTArabicBold";
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff2') format('woff2');
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff') format('woff');
  
}

div[data-reactroot] > *{
  background-color: #FFFFFF;
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

* {
  min-width: 0;
  min-height: 0;
}
.ar h1, .ar h2, .ar h3, .ar h4, .ar h5 {
  font-family: 'DroidArabicKufiRegular';
}
.ui.dimmer, .ar .ui.dimmer{
  background: rgba(0, 0, 0, 0.8) !important;
}
.ui.search.dropdown > input.search{
  height:100%;
}
.register-content .ui.dropdown .menu > .item:hover{
  background: #20285a !important;
  color: white !important;
}

/* css for Emirates ID */
.emiratesId{
  display: flex !important;
  align-items: center !important;
}
.emiratesId .ui.input:first-child,
.emiratesId .ui.input:last-child {
  flex: 0 0 17.5%;
}
.emiratesId .ui.input:not(:first-child) {
  margin-left: 0.625rem;
}
.ar .emiratesId .ui.input:not(:first-child) {
  margin-right: 0.625rem;
  margin-left: inherit;
}
.emiratesId .ui.input:nth-child(2) {
  flex: 0 0 20%;
}
.emiratesId .ui.input:nth-child(3) {
  flex: 0 0 35%;
}
.emiratesId .ui.input input{
  height:43px;
}
.resetPasswordItems li span{
  font-size: 18px;
  font-family: "Roboto"
}
.ar .resetPasswordItems li span{
  font-family: "DroidArabicKufiRegular";
}
/* .ui.button.primary i.icon.angle, .ar .ui.button.primary i.icon.angle,
.ui.button.secondary i.icon.angle, .ar .ui.button.secondary i.icon.angle{
    font-size: 22px;
    width: auto;
    padding:0;
} */
/* Start CSS for mobile no in register page */
.mob-no-input{
  display: flex !important;
}
/* Ends CSS for mobile no in register page */

/* Settings */
.settings-form-label{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 9.6px;
  position:relative;
}

.ar .settings-form-label{
font-family: "DroidArabicKufiRegular" !important;
}



.ar .chequeRegMainPage>.banner>.ui>.ui>.row>.column>.ui>.row>.column>.bannerTitle>span {
    
    font-family: "DroidArabicKufiRegular" !important;

}

.settings-form-label .heading-span {
  margin-bottom: 0;
}
input#email {
  background: #FFFFFF;
  border: 1px solid #090909;
  box-sizing: border-box;
  border-radius: 10px;
  height: 45px !important;
}

/*Color Css For all input */
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"],
.ui.form textarea {
    color: #090909 !important;
}
/* Color Css For all input*/

input#email:focus,
input#password:focus,
input#eid1:focus,
input#eid2:focus,
input#eid3:focus,
input#fullNameForRegister:focus,
input#fullNameForRegistert:focus,
input#mobileForRegister:focus,
input#datepickerRegister:focus,
input#emailForRegister:focus,
input#confirmEmailForRegister:focus,
input#passport:focus,
textarea#otherSource:focus,
input#oldPassword:focus,
input#verificationCode:focus,
input#newPassword:focus,
input#confirmNewPassword:focus,
input#mobileSettings:focus {
  box-shadow: 0 10px 22px -1px rgba(60, 89, 164, 0.1) !important;
  border: 1px solid #090909 !important;
}

.mobileForCSLogin>input:focus{

  box-shadow: 0 0px 0px 0px  !important;
  border: 1px solid #090909 !important;

}

a.ui.label.save span {
  font-style: normal;
  font-weight: bold;
  color: #090909;
}

.ar .register-content .react-datepicker-popper {
  left: unset !important;
}

.ar .register-content .react-datepicker .react-datepicker__triangle {
  right: 50px;
}

/* Settings */
.settingsModal .ui.basic.label {
  background: none #FFFFFF;
  border: none;
  margin: 0;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
}

input#datepickerRegister {
  height: 43px !important;
}

.forgotPwdInput input#email {
  left: 0px;
  top: 0px !important;
}

input#password {
  background: #FFFFFF;
  border: 1px solid #090909;
  box-sizing: border-box;
  border-radius: 10px;
  /* width: 360px; */
  height: 45px;
}

input#oldPassword, input#confirmNewPassword, input#newPassword {
  background: #FFFFFF;
  border: 1px solid #090909;
  box-sizing: border-box;
  border-radius: 10px;
  max-width: 390px;
  height: 45px;
}

p.changePasswordInlineText {
  max-width: 390px;
}
.ar input#eid1, input#eid2, input#eid3 {
  font-family: "DroidArabicKufiRegular";
}
input#eid1, input#eid2, input#eid3 {
  background: #FFFFFF;
  border: 1px solid #090909;
  box-sizing: border-box;
  border-radius: 10px;
  height: 43px;
  color: #090909 !important;
  font-style: normal;
  /* font-weight: bold; */
  text-align: center;
  font-size: 18px !important;
  line-height: 32px;
  letter-spacing: -0.02em;
}
.settingsModal .ui.error.input input#editModeSettings {
  border-bottom: 2px solid #ea3434 !important;
}
.emiratesId .ui.input:first-child input, .emiratesId .ui.input:last-child input{
  color: #090909 !important;
  font-size: 18px !important;
  line-height: 32px;
}
.emiratesId .ui.input:first-child input{
  font-weight: bold;
}
.emiratesId .ui.input:last-child input{
  font-weight: normal;
}

input#fullNameForRegister, input#emailForRegister, input#confirmEmailForRegister, input#passport,input#fullNameForRegistert {
  background: #FFFFFF;
  border: 1px solid #090909 !important;
  box-sizing: border-box;
  border-radius: 10px;
  height: 43px;
}



textarea#otherSource {
  background: #FFFFFF;
  border: 1px solid #090909;
  box-sizing: border-box;
  border-radius: 10px;
  max-height: 172px !important;
}

.ui.form textarea:not([rows]) {
  min-height: 3.1em;
  max-height: 24em;
}

.ui.container.mainContainer { max-width:1300px !important; width:100%;  }

.ui.container.mainContainer .ui.container { width:100% !important }
.registerLabel {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
}

input#mobileForRegister {
  background: #FFFFFF;
  border: 1px solid #090909;
  box-sizing: border-box;
  border-radius: 10px;
  height: 43px;
}

.nationalityForRegister {
  background: #FFFFFF;
  border: 1px solid #090909;
  box-sizing: border-box;
  border-radius: 10px;
}

.ar .report-sent-content .ui.header.bannerTitle + .bannerDesription > span,
.ar .sub.header.report-send-text,
.ar .report-sent-content .report-container .sub.header.services-title-text{
  font-family: 'DroidArabicKufiRegular' !important;
}

/* Settings */
.dropdown#registerGender {
  height: 43px !important;
  background: #FFFFFF !important;
  border: 1px solid #090909 !important;
  -webkit-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  border-radius: 10px !important;
}

/* Settings */
#nationalityDropdwon, #hearAboutUs {
  height: 43px !important;
  background: #FFFFFF !important;
  border: 1px solid #090909 !important;
  box-sizing: border-box !important;
  border-radius: 10px !important;
}

.ui.form input[type="text"] {
  font-family: "Roboto";
  font-size: 14px !important;
  background: #FFFFFF !important;
  -webkit-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  border-radius: 10px !important;
  /*border: 1px solid #090909 !important;*/
  border-top: 1px solid #090909 !important;
  border-bottom: 1px solid #090909 !important;
  border-right: 1px solid #090909 !important;
  border-left: 1px solid #090909 !important;
}

.ar .ui.form input[type="text"]{
  font-family: "DroidArabicKufiRegular";
}

span#Login {
  font-size: 60px;
}

.footer {
  width: 65%;
  border-radius: 30px;
  position: relative;
  top: 35px;
  margin-left: auto;
  margin-right: auto;
}

.footer .ui.grid {
  margin-top: 17px;
  margin-bottom: 17px;
}

.footer.autoWidthFooter .ui.container {
  width: 100%;
  max-width: 1310px !important;
}

.footerText {
  font-family: 'Roboto';
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 26px;
}

.ar .footerText {
  font-family: "DroidArabicKufiRegular";
}

.autoWidthFooter {
  width: 95% !important;
}

.ui.fluid.container.mainContainer {
  width: 65%;
  background-color:#FFFFFF !important;
  height: 100%;
  position: relative;
  top: 30px;
  height: 50.5%;
  max-width: 1420px;
  border: 1px solid #090909;
  box-sizing: border-box;
  /* box-shadow: 0px 42px 90px rgba(60, 89, 164, 0.1); */
  border-radius: 30px;
  padding: 20px 40px;
}

.autoWidthContainer {
  width: 95% !important;
}

.terms-scroll-wrapper.readMore {
  height: 2600px;
}

.ar .terms-scroll-wrapper.readMore {
  max-height: 2230px;
}
/* For hide scrollbar */
.terms-scroll-wrapper.readMore::-webkit-scrollbar {
  display: none;
}
.terms-scroll-wrapper.readMore {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
/* For hide scrollbar */

.responsive-button-container.tnc-container {
  background: rgba(255, 255, 255, .9);
  position: sticky;
  position: -webkit-sticky;
  padding-bottom: 9px !important;
  padding-top: 21px;
}

span[dir] {
  unicode-bidi: bidi-override;
}

.ui.tiny.button {
  line-height: 16px !important;
}

@font-face {
  font-family: "icomoon";
  src: url("./assets/fonts/icomoon.eot");
  src: url("./assets/fonts/icomoon.eot#iefix") format("embedded-opentype"), url("./assets/fonts/icomoon.ttf") format("truetype"), url("./assets/fonts/icomoon.woff") format("woff"), url("./assets/fonts/icomoon.svg?#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="aecb-icon-"], [class*=" aecb-icon-"] {

  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  /* speak: none; */
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 1 !important;
}

.ar i[class*="aecb-icon"]:before {
  line-height: 1em;
}

a {
  color: #FFCF23 !important;
}

.right-footer-column > a {
  color: #737373 !important;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 19px;
}

.right-footer-column > a:last-child{
  padding-right: 0;
}
.ar .right-footer-column > a:last-child{
  padding-left: 0;
}

b, strong {
  font-family: "Roboto Light", Roboto-Bold;
  font-weight: normal;
}

body.ar {
  font-family: "DroidArabicKufiRegular";
}

.ar b, .ar strong {
  font-family: "DroidArabicKufiRegular", "Roboto Light", Roboto-Light;
  font-weight: normal;
}

.aecb-icon-menuclose:before {
  content: "\e91d";
  color: #fff;
}

.aecb-icon-menuopen {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background: #090909;
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  border: 1px solid #DAE4EA;
  font-size: 12px;
}

.aecb-icon-menuopen:before {
  content: "\e91e";
  color: #FFF;
}

.aecb-icon-notFilled:before {
  content: "\e918";
  color: rgba(255, 255, 255, 0.6);
}

.aecb-icon-filled:before {
  content: "\e919";
  color: #e99c41;
}

.aecb-icon-calander:before {
  content: "\e910";
  color: #232954;
  cursor: pointer !important;
}

.aecb-icon-gear:before {
  content: "\e911";
  color: #9093a8;
}

.aecb-icon-home:before {
  content: "\e912";
  color: #232954;
}

.aecb-icon-smartpass_btn .path1:before {
  content: "\e913";
  color: rgb(255, 255, 255);
}

.aecb-icon-smartpass_btn .path2:before {
  content: "\e914";
  margin-left: -7.5em;
}

.aecb-icon-smartpass_btn .path3:before {
  content: "\e915";
  margin-left: -7.5em;
  color: rgb(187, 189, 188);
}

.aecb-icon-smartpass_noText:before {
  content: "\e916";
}

.aecb-icon-login:before {
  content: "\e900";
  color: rgb(35, 41, 84);
  font-size: 18px !important;
}

.aecb-icon-logo .path1:before {
  content: "\e901";
  color: rgb(35, 41, 84);
}

.aecb-icon-logo .path2:before {
  content: "\e902";
  margin-left: -1em;
  color: rgb(35, 41, 84);
}

.aecb-icon-logo .path3:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(35, 41, 84);
}

.aecb-icon-logo .path4:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(35, 41, 84);
}

.aecb-icon-logo .path5:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(233, 156, 65);
}

.aecb-icon-logout:before {
  content: "\e906";
  font-size: 19px !important;
}

.aecb-icon-new_user:before {
  content: "\e907";
  color: #fff;
  font-size: 17px;
}

.aecb-icon-next:before {
  FONT-VARIANT: JIS78;
  content: "\203A";
  color: #fff;
  position: relative;
  right: 18px;
  top: 3px;
  font-size: 30px;
}

.aecb-icon-contactus:before {
  content: "\e914";
  color: #232954;
}

.aecb-icon-next-pg .path1:before {
  content: "\e915";
  color: rgba(108, 103, 137, 0.18);
}

.aecb-icon-next-pg .path2:before {
  content: "\e918";
  margin-left: -1em;
  color: #090909;
}

.aecb-icon-next_disabled .path1:before {
  content: "\e91c";
  color: rgba(108, 103, 137, 0.18);
  opacity: 0.4;
}

.aecb-icon-next_disabled .path2:before {
  content: "\e91f";
  margin-left: -1em;
  color: rgb(35, 41, 84);
  opacity: 0.4;
}

.aecb-icon-prev .path1:before {
  content: "\e925";
  color: rgba(108, 103, 137, 0.18);
}

.aecb-icon-prev .path2:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(35, 41, 84);
}

.aecb-icon-prev_disabled .path1:before {
  content: "\e927";
  color: rgba(108, 103, 137, 0.18);
  opacity: 0.4;
}

.aecb-icon-prev_disabled .path2:before {
  content: "\e929";
  margin-left: -1em;
  color: #090909;
  opacity: 0.4;
}

.ar .aecb-icon-prev_disabled .path2:before {
  content: "\e91f";
}

.ar .aecb-icon-next-pg .path2:before {
  content: "\e926";
}

.ar .aecb-icon-next_disabled .path2:before {
  content: "\e929";
}

.ar .aecb-icon-prev .path2:before {
  content: "\e918";
}

.aecb-icon-pagination {
  padding: 0px 10px;
  font-size: 25px;
  cursor: pointer;
}

.aecb-icon-play:before, .ar i.aecb-icon-play.video.play:before, i.aecb-icon-play.video.play:before {
  font-family: "icomoon" !important;
  content: "\e909";
  color: #fff;
}

i.aecb-icon-play:after {
  background: #F39700 !important;
}

i.large.icon.aecb-icon-close {
  font-size: 14px;
}

bdi {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.ui.selection.dropdown .menu > .item{
  border-top: none;
}

.video .ui.embed>.icon:before {
  font-size: 35px !important;
  /* color: #090909; */
}

.ar .video .ui.embed>.icon:before {
  transform: translateX(-7px) translateY(-50%);
}

i.icon.video.play:after, .ar i.icon.video.play:after {
  background: rgba(0, 0, 0, 0.4) !important;
}

.aecb-icon-popup_close:before {
  content: "\e90a";
  color: #090909;
  float: right;
  cursor: pointer;
  font-size: 16px !important;
  opacity: 0.8;
}


.ar .aecb-icon-popup_close {
  float: left;
}

.aecb-icon-close:before, i.icon.close:before {
  content: "\e90a" !important;
  color: #fff;
  font-family: icomoon;
  font-size: 14px;
  vertical-align: middle;
}

i.aecb-icon-close+span {
  display: inline-block;
  vertical-align: bottom;
}

.aecb-icon-back:before, i.icon.back:before {
  content: "\2039" !important;
  color: #fff;
  font-family: icomoon;
  font-size: 30px;
  vertical-align: middle;
}

i.aecb-icon-back+span {
  display: inline-block;
  vertical-align: bottom;
}

.aecb-icon-popup_success:before {
  content: "\e90b";
  color: #232954;
}

.aecb-icon-table_expand:before {
  content: "\e90c";
  color: #e99c41;
}

.aecb-icon-button_tick:before {
  content: "\e90d";
  color: #232954;
}

.aecb-icon-tick:before {
  content: "\e90d";
  font-size: 14px !important;
}

.aecb-icon-tick {
  float: right;
}

.ar .aecb-icon-tick {
  float: left;
}

.aecb-icon-description:before {
  content: "\e90e";
  color: #000;
}

.aecb-icon-dropdown:before {
  content: "\e90f";
  color: #232954;
}

.aecb-icon-download:before {
  content: "\e917";
  color: #e99c41;
}

.aecb-icon-arrow-right:after, .ar .aecb-icon-arrow-left:after {
  content: "\e91a";
  color: #232954;
  cursor: pointer;
  font-size: 12px !important;
}
label.link.resendOtp span{
  color: #FFCF23;
  font-weight: bold;
  text-decoration: underline;
}

.resendOtp{
  background: transparent;
    cursor: pointer;
    border: none;
    color: #FFCF23;
    font-weight: bold;
    text-decoration: underline;
    font-family: 'Roboto Normal';
   
}

.ar .resendOtp {

 font-family: 'DroidArabicKufiRegular'  !important;
}


.ar .cS-label{
font-family: 'DroidArabicKufiRegular'  !important;
}

.aecb-icon-arrow-left:after {
  color: #232954;
  cursor: pointer;
  font-size: 12px !important;
  content: "\e91b";
}

.aecb-icon-exit:after {
  content: "\e90a";
  color: #232954;
  font-size: 18px !important;
}

.aecb-icon-contactUs:before {
  content: "\e928";
  color: #232954;
}

.aecb-icon-downgrade_icons .path1:before {
  content: "\e920";
  color: rgb(255, 165, 22);
}

.aecb-icon-downgrade_icons .path2:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.aecb-icon-upgrade_icon .path1:before {
  content: "\e922";
  color: rgb(255, 165, 22);
}

.aecb-icon-upgrade_icon .path2:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.aecb-icon-upgrade_icon .path3:before {
  content: "\e924";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.aecb-icon-popup_close_settings:before{
  content: "\e90a";
  color: #090909;
  float: right;
  cursor: pointer;
  font-size: 18px !important;
}
.ar .aecb-icon-login, .ar .aecb-icon-logout {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}

.fadeout {
  position: relative;
  bottom: 4em;
  height: 4em;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.5);
}

/*
Terms and Conditions
*/

i.lock.icon {
  color: #9093a8;
}

i.lock.icon:hover {
  color: rgb(255, 165, 22);
}

/*
Navigation Bar
*/
.login-text {
  float: left;
  padding: 2px !important;
}

.ar .login-text {
  float: right;
}

.ar input#verificationCode {
  direction: ltr;
  color:red 
}

/*verificationOtpCode*/
.ar input#verificationOtpCode ::placeholder{
  direction: ltr;
  color:red ;
  /*font-family: 'DroidArabicKufiRegular' !important;*/
}


.ar .ui.input input{
  font-family: 'DroidArabicKufiRegular' !important;
}

.aecb-icon-login, .aecb-icon-logout {
  float: right;
  margin: 0px !important;
}

.ar .aecb-icon-login, .ar .aecb-icon-logout {
  float: left;
  margin: 0px !important;
}

.responsive-button-container {
  text-align: center !important;
  bottom: 0;
  position: absolute;
  justify-content: space-between;
  display: flex;
  width: 100%;
}

.right-column {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

.right-footer-column {
  text-align: right;
}

.ar .right-footer-column {
  text-align: left;
}

.logo-item {
  padding: 0px !important;
}
/* .ar a.right.item.menuIcon{
  left: 1.4em;
} */

.inner-container-left-col {
  padding-right: 50px !important;
  padding-left: 1rem !important;
}

.inner-container-right-col {
  padding-left: 50px !important;
  padding-right: 1rem !important;
}

.align-input-center input {
  text-align: center !important;
}

.usersettings-align-end {
  text-align: end !important;
}

.login-form {
  height: 100% !important;
}

.login-button {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.text-bold {
  font-family: "Roboto-Bold";
}

.hide-section {
  display: none !important;
}

.show-section {
  display: table-row-group !important;
}

.lang-select {
  border: none !important;
  padding-right: 14px !important;
  padding-left: 14px !important;
  text-align: end !important;
  font-family: "Roboto 400";
  color: #686568 !important;
  font-size: 14px !important;
  min-width: auto !important;
}

/* Settings */

/* Settings */
.lang-select>.dropdown.icon:before {
  content: "\e91a" !important;
  color: #232954 !important;
  cursor: pointer !important;
  font-size: 12px !important;
}

.smartpass-logo-container {
  cursor: pointer;
}

.ar .lang-select>.dropdown.icon:before {
  content: "\e91b" !important;
}

.ar .aecb-icon-arrow-right:after {
  content: "\e91b" !important;
}

.ar .login-button {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: auto;
}

.ar .ui.menu:not(.vertical) .right.item, .ar .ui.menu:not(.vertical) .right.menu {
  margin-left: 0px !important;
}

.ar .ui.icon.input>i.icon {
  right: auto !important;
}

.ar .ui.selection.dropdown>.delete.icon, .ar .ui.selection.dropdown>.dropdown.icon, .ar .ui.selection.dropdown>.search.icon {
  right: auto !important;
}

.ar .inner-container-left-col {
  padding-left: 50px !important;
  padding-right: 1rem !important;
}

.ar .inner-container-right-col {
  padding-right: 50px !important;
  padding-left: 1rem !important;
}

.mobile-only {
  display: none !important;
}

.grid-row-absolute {
  position: absolute !important;
  bottom: 0px;
  left: 0px;
}

.image-container {
  position: relative;
  cursor: pointer;
  display: block;
}

.offers-container {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 250px;
}

.image-container .after {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 30px;
  margin-left: -15px;
  margin-top: -15px;
}

.absolute-button {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.ar .absolute-button {
  right: auto;
  left: 0px;
}

.banner-img {
  height: 100%;
  min-height: 300px !important;
  max-height: 300px !important;
}

/* Header Properties */
.bannerDesription > span{
  font-family: "Roboto";
}

.login-content .bannerDesription > span,
.login-content .bannerDesription > span,
.tnc-content .bannerDesription > span {
  font-family: "Roboto";
}

.ar .bannerDesription > span{
  font-family: "DroidArabicKufiRegular";
}
/* Header Properties */

@media only screen and (max-width:991px) and (min-width:768px) {
  .ui .container .productCard {
    height: 100% !important;
  }

  /* .productCard .buttonCol, .productCard .priceCol {
    text-align: center !important;
  } */

  .grid-row-absolute {
    position: relative !important;
  }

}

.priceCol span {
  font-weight: bold;
}

.column.dashboardHistory span {
  font-weight: bold;
}

.dashboard-card.ui.card > .extra.content {
  border-top: none !important;
}

@media only screen and (min-width:768px) {
  .mobile-prefix-label {
    width: 40px;
  }

  .dashboard-main .product .productCard > .ui.grid,
  .product-selection-content .productCard > .ui.grid {
    align-content: space-between;
  }

  .company-report-payment-method {
  background-color: #0054E6;
  padding: 16px;
  margin-top: 6px;
}

.company-report-payment-method>span {
  font-weight: bold !important;
  font-size: 18px !important;
  line-height: 24px;
  font-family: Roboto;
  color: #fff !important;
}

.company-report-credit-text {
  padding-top: 10px;
  color: #000000;
  font-family: 'Roboto';
  font-weight: bold;
  font-size: 15px;
}

.company-report-cards-text {
  padding-top: 5px;
  color: #404040;
  font-size: 11px;
  font-family: 'Roboto';
  opacity: 60%;
}

.company-report-cards-img {
  padding-top: 5px;
  width: 60%;
}

}

:focus {
  outline: none !important;
}

.ui.menu.item span {
  cursor: pointer !important;
}

ul, li {
  font-family: "Roboto 400";
  font-size: 14px !important;
}

ul, li {
  font-family: "DroidArabicKufiRegular";
}

body.animating.in.dimmable, body.dimmed.dimmable {
  overflow: auto !important;
}

.nationality-label+div {
  display: block !important;
}

/*
font-override
*/

body {
  font-family: "Roboto";
}

body.ar {
  font-family: "DroidArabicKufiRegular";
}

h1, h2, h3, h4, h5 {
  font-family: "Roboto";
}

p {
  font-size: 14px !important;
  color: #090909;
}

.ar p {
  font-family: "DroidArabicKufiRegular";
  color: #090909;
}

p, li {
    font-family: 'Roboto' !important;
    font-size: 14px;
    color: #090909;
    margin: 0px;
}

.ui .header {
  font-family: "Roboto";
  font-weight: 300 !important;
  margin-bottom: 0px !important;
  line-height: 1.5;
  letter-spacing: -0.04em;
  color: #090909 !important;
}

.login-content .ui .header {
  font-size: 43px !important;
}

.forgot-content .ui .header {
  font-size: 43px !important;
}

.product-selection-content .ui .header {
  font-size: 43px !important;
}

.login-content .banner .ui.container {
  padding: 30px 0px 0px 0px !important;
}

.forgot-content .banner .ui.container {
  padding: 30px 0px 0px 0px !important;
}

.product-selection-content .banner .ui.container {
  padding: 30px 0px 0px 0px !important;
}

.ar .ui .header {
  font-family: "DroidArabicKufiRegular";
  font-weight: 300 !important;
}

.ui .sub {
  font-family: "Roboto";
  font-size: 43px !important;
}

.ar .ui .sub {
  font-family: "DroidArabicKufiRegular";
  font-size: 16px !important;
  font-weight: normal;
}

.lang-item,
.ar .lang-item {
  padding: 0px !important;
}

.lang-item label,
.ar .lang-item label{
  cursor: pointer !important;
  /* text-transform: uppercase !important; */
}

/* AE-952 starts */
.ui.secondary.navbar.menu .right.menu.newUserNameFontMenu .lang-item label.sc-kgAjT.fAhRuG span.textUserName{
  color: #FFCF23 !important;
}

.ui.secondary.navbar.menu .right.menu.newUserNameFontMenu .lang-item.lang-item-arabic label.sc-kgAjT.fAhRuG span{

  font-family: 'DroidArabicKufiRegular' !important ;
}

.ui.secondary.navbar.menu .right.menu.newUserNameFontMenu .lang-item label.sc-kgAjT.fAhRuG span.textUserNameArabic{
  font-family: 'RobotoNueLTArabicLight' !important;
   color: #FFCF23 !important;
}

/* AE-952 ends */

.lang-item label {
  font-family: 'RobotoNueLTArabicLight' !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 18px !important;
  line-height: 40px !important;
  letter-spacing: -0.02em !important;
  color: #090909 !important;

}

.lang-item label>span.textUserName{
      color: #FFCF23 !important;
}

.ar .lang-item label {
  font-family: "Roboto";
}

.ui.secondary.menu a.item.lang-item:hover label,
.ui.secondary.menu a.item.lang-item:focus label {
  color: #FFCF23 !important;
  text-decoration: underline;
}

.ui.inline.dropdown > .text {
  font-weight: normal;
}

.ui.secondary.menu .item {
  font-family: "Roboto" !important;
  font-size: 14px !important;
  padding: 0px;
}

.ar .ui.secondary.menu .item {
  font-family: "DroidArabicKufiRegular" !important;
  font-size: 14px !important;
  padding: 0px;
}

.ui.form .field>label.optional {
  font-family: "Roboto 400";
  font-size: 14px !important;
}

.ar .ui.form .field>label, .ar .ui.form .field span>label, .ar .label {
  font-family: "DroidArabicKufiRegular";
  padding-bottom: 2px;
}

.ui.form .field>label, .ui.form .field span>label, .label {
  font-family: "Roboto";
  font-size: 14px !important;
  font-weight: normal !important;
  padding-bottom: 0.25em;
  letter-spacing: -0.02em;
}

.ar .ui.form .field>label, .ar .ui.form .field span>label {
  font-family: "DroidArabicKufiRegular";
  font-size: 14px !important;
}

.ui.form .field>label .optional {
  font-family: "Roboto";
}

.ar .ui.form .field>label .optional {
  font-family: "DroidArabicKufiRegular";
  font-size: 18px !important;
}

.ar .mobile.only .left.menu {
  margin-right: 0 !important;
}

/*
nationality autocomplete dropdown make it look like other dropdowns
*/
.ar .nationality-label+div>div .item {
  font-family: "DroidArabicKufiRegular";
}

.nationality-label+div>div .item {
  font-family: "Roboto";
  color: #232954 !important;
  border-top: 1px solid #fafafa;
  padding: 0.78571429rem 1.14285714rem !important;
  white-space: normal;
  word-wrap: normal;
  line-height: 1em;
  cursor: pointer;
}

.nationality-label+div>div .item-highlighted {
  background: rgba(0, 0, 0, 0.03);
}

.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"], .ui.form textarea {
  font-family: "Roboto";
  font-size: 14px !important;
}

.settingsModal .ui.input input {
  font-family: "Roboto";
}

.ar .settingsModal .ui.input input {
  font-family: "DroidArabicKufiRegular";
}

.ui.form::-webkit-input-placeholder {
  font-family: "Roboto";
  font-size: 14px !important;
  color: #232954 !important;
}

.ui.form:-ms-input-placeholder {
  font-family: "Roboto";
  font-size: 14px !important;
  color: #232954 !important;
}

.ui.form::-moz-placeholder {
  font-family: "Roboto";
  font-size: 14px !important;
  color: #232954 !important;
}

.ui.default.dropdown:not(.button)>.text, .ui.dropdown:not(.button)>.default.text {
  font-family: "Roboto";
  font-size: 13px !important;
  color: #232954 !important;
}

.ar .ui.form::-webkit-input-placeholder {
  font-family: "DroidArabicKufiRegular";
  font-size: 16px !important;
  color: #232954 !important;
}

.ar .ui.form:-ms-input-placeholder {
  font-family: "DroidArabicKufiRegular";
  font-size: 16px !important;
  color: #232954 !important;
}

.ar .ui.form::-moz-placeholder {
  font-family: "DroidArabicKufiRegular";
  font-size: 16px !important;
  color: #232954 !important;
}

.ar .ui.dropdown:not(.button)>.default.text {
  font-family: "DroidArabicKufiRegular";
  font-size: 14px !important;
}

.ar .ui.default.dropdown:not(.button)>.text {
  font-family: "DroidArabicKufiRegular";
  font-size: 16px !important;
}

.link {
  font-family: "Roboto" !important;
  font-size: 14px !important;
}

.ar .link {
  font-family: "DroidArabicKufiRegular" !important;
}

.ar .ui.form input:not([type]), .ar .ui.form input[type="date"], .ar .ui.form input[type="datetime-local"], .ar .ui.form input[type="email"], .ar .ui.form input[type="file"], .ar .ui.form input[type="number"], .ar .ui.form input[type="password"], .ar .ui.form input[type="search"], .ar .ui.form input[type="tel"], .ar .ui.form input[type="text"], .ar .ui.form input[type="time"], .ar .ui.form input[type="url"], .ar .ui.form textarea {
  font-family: "DroidArabicKufiRegular";
  font-size: 14px !important;
}

.ui.table thead th {
  font-family: "Roboto Bold";
  font-weight: Normal;
  font-size: 14px !important;
}

.card-title {
  text-align: right;
}

.ar .card-title {
  text-align: left;
}

.primary-card-title {
  font-family: "Roboto";
  font-size: 17px;
  color: #090909;
  line-height: 22px;
  letter-spacing: -0.02em
}

.primary-card-title p {
  padding-bottom: 12px;
  color: #090909;
}

/* .productCard .stretched.row {
  height: calc(100% - 65px);
} */

.productCard .ui.grid .eight.wide.computer.sixteen.wide.mobile.eight.wide.tablet.column {
  align-items: flex-end;
  display: flex;
}

.ar .primary-card-title {
  font-family: "Roboto";
  font-size: 17px;
  color: #090909;
  line-height: 22px;
  letter-spacing: -0.02em
}

.ar .primary-card-title p {
  padding-bottom: 12px;
  color: #090909;
}
.contactUsBtn, .ar .contactUsBtn{
  background: #ffffff;
  box-sizing: border-box;
  border-radius:7px ;
  border:1px solid #090909;
  padding-top: 5px;
  padding: 9px 14px;
  text-decoration: auto;
  font-weight: 500;
  cursor: pointer;
}



.contactUsBtn:hover, .ar .contactUsBtn:hover {
  background: #FFCF23;
  box-sizing: border-box;
  border-radius:7px ;
  border:1px solid #090909;
  padding-top: 5px;
  padding: 9px 14px;
  text-decoration: auto;
  font-weight: 500;
  cursor: pointer;
  color: black !important;
}

.contactUsBtn:hover .contactUsMenu{
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
}
.ar .contactUsBtn:hover .contactUsMenu{
  font-family: "DroidArabicKufiRegular";
  font-style: normal;
  font-weight: 500;
}

.card-meta-regular {
  font-family: "Roboto";
  font-size: 14px;
}

.card-meta-bold, .card-meta-bold-override {
  font-family: "DroidArabicKufiRegular";
  font-size: 18px;
}

.ar .card-meta-bold {
  font-family: "DroidArabicKufiBold";
}

iframe {
  border: none !important;
}

.textarea-error,.ui.error.input input#email,
.ui.error.input input#eid1,
.ui.error.input input#eid2,
.ui.error.input input#eid3,
.ui.error.input input#fullNameForRegister,
.ui.error.input input#mobileForRegister,
.ui.error.input input#emailForRegister,
.ui.error.input input#confirmEmailForRegister,
input#datepickerRegister.errorDatePicker,
div#nationalityDropdwon.ui.error.fluid.search.selection.dropdown,
div#registerGender.ui.error.fluid.selection.dropdown,
div#hearAboutUs.ui.error.fluid.selection.dropdown
{
  border-bottom: 2px solid #ea3434 !important;
}

.settingsModal .accountSettingGrid{
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.label-with-border {
  height: 43px;
  border: 1px solid #090909;
  display: flex;
  justify-content: center;
  font-weight: bold;
  align-items: center;
  border-radius: 8px;
}

.label-with-border p {
  color: #090909 !important;
}

button.ui.primary.button.sumbitChangePassword {
  margin-left: 16px;
}
.ar button.ui.primary.button.sumbitChangePassword {
  margin-right: 16px;
}

/* Settings PAGE*/

@media only screen and (min-width:992px) {
  .ui.selection.dropdown .menu {
    max-height: 10.25rem;
    /* max-height: 4.75rem; */
  }

}

.ui.labeled.icon.button, .ui.labeled.icon.buttons .button {
  padding: 0px 30px !important;
}

.top-bottom-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}

.no-padding {
  padding: 0px !important;
}

/* Settings */
/* .ui.selection.dropdown>.delete.icon, .ui.selection.dropdown>.dropdown.icon, .ui.selection.dropdown>.search.icon {

  top: 0.6rem !important;
} */

/* Settings */
.ui.input.error input {
  color: #232954;
}

.ui.loader {
  z-index: 9999 !important;
}

.ar .aecb-icon-popup_close:before {
  float: left !important;
}

.ar::placeholder, .ar>.default.text {
  font-size: 13px !important;
}

.ar .mobile {
  float: left;
}

/* .ar .ui.button:not(.icon)>.icon:not(.button):not(.dropdown) {
  margin: 0 -0.214286em 0.25em .42857143em !important;
} */

.ar .aecb-icon-close+span {
  vertical-align: middle;
}

.ar .aecb-icon-back+span {
  vertical-align: middle;
}

.downloadBtn button span {
  border-bottom: 2px solid #F39700;
}

.close {
  right: -1rem !important;
}

.ar .ui>.row>.column.divider.stretched, .ui>.row>.column.divider.stretched {
  align-self: stretch !important;
  font-weight: bold;
}

.ui>.row>.column.divider.stretched span, .ar .ui>.row>.column.divider.stretched span{
  color: #090909;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}

.ui>.row>.column.divider.stretchedRegister span, .ar .ui>.row>.column.divider.stretchedRegister span,
.ui>.row>.column.divider.mobileStretchedRegister span, .ar .ui>.row>.column.divider.mobileStretchedRegister span {
  color: #090909;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  /* transform: translateY(7px);
  display: inline-block; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.ui.vertical.divider:before,
.ar .ui.vertical.divider:before {
  height: 73%;
  top: -96%;
  /* opacity: 0.5; */
  color: #090909 !important;
}

.ui.vertical.divider:after,
.ar .ui.vertical.divider:after {
  height: 73%;
  top: 20%;
  /* opacity: 0.5 */
  color: #090909 !;
}

.ui.horizontal.mobileDivider:before {
  opacity: 0.05
}

.ui.horizontal.mobileDivider:after {
  opacity: 0.05
}

.ui>.row>.column.divider.stretchedRegister .ui.horizontal:before {
  width: 50%;
  opacity: 0.5
}

.ui>.row>.column.divider.stretchedRegister .ui.horizontal:after {
  width: 50%;
  opacity: 0.5
}

.ui>.row>.column.divider.mobileStretchedRegister .ui.horizontal:before {
  opacity: 0.5
}

.ui>.row>.column.divider.mobileStretchedRegister .ui.horizontal:after {
  opacity: 0.5
}

/* Payment */
.ui>.row>.column.divider.paymentStretched .ui.vertical.divider:before {
  height: 100%;
  top: -98%;
  opacity: 0.65;
}

.ui>.row>.column.divider.paymentStretched .ui.vertical.divider:after {
  height: 100%;
  top: 0%;
  opacity: 0.65;
}

.ui>.row>.column.divider.paymentMobileStreched .ui.horizontal.divider:before {
  width: 100%;
  opacity: 0.5;
}

.ui>.row>.column.divider.paymentMobileStreched .ui.horizontal.divider:after {
  width: 100%;
  opacity: 0.5;
}

.ui>.row>.column.divider.paymentStretched .ui.vertical.divider {
  font-size: 0.1em !important;
}

/* .ui>.row>.column.divider.paymentMobileStreched .ui.vertical.divider:before {
  opacity: 0.5
} */


@media only screen and (max-width: 575px) {
  .ar .ui.stackable.grid.login-grid {
    margin-left: 1em !important;
  }
}

/* Login Page */
.login-divider-horizontal,
.forgot-divider-horizontal,
.otp-divider-horizontal,
.reset-divider-horizontal,
.purchase-history-horizontal-divider {
  font-size: 0.1em !important;
}

.ui.horizontal.divider.login-divider-horizontal:before,
.ui.horizontal.divider.forgot-divider-horizontal:before,
.ui.horizontal.divider.otp-divider-horizontal:before,
.ui.horizontal.divider.reset-divider-horizontal:before,
.ui.horizontal.divider.purchase-history-horizontal-divider:before{
  opacity: 0.5
}

.ui.horizontal.divider.login-divider-horizontal:after,
.ui.horizontal.divider.forgot-divider-horizontal:after,
.ui.horizontal.divider.otp-divider-horizontal:after,
.ui.horizontal.divider.reset-divider-horizontal:after,
.ui.horizontal.divider.purchase-history-horizontal-divider:after{
  opacity: 0.5
}

.ui.divider.otp-divider-horizontal {
  margin: 1rem 0rem 2rem 0rem;
}

.ui.divider.reset-divider-horizontal {
  margin: 1rem 0rem 0rem 0rem;
}

.ui.horizontal.divider.reset-divider-horizontal {
  max-width: 506px;
}

.ui.container.login-container {
  padding: 10px 0px !important;
}

.ui.container.forgot-container {
  padding: 10px 0px !important;
}

/* Register Page */
.register-divider-horizontal{
  position: relative;
  top: 3.2rem;
  font-size: 0.1em !important;
}

.ui.horizontal.divider.register-divider-horizontal:before {
  opacity: 0.5
}

.ui.horizontal.divider.register-divider-horizontal:after {
  opacity: 0.5
}

.dashboard-main .ui.embed > .icon:after,
.ar .dashboard-main .ui.embed > .icon:after {
  opacity: -1;
}

.uaeRegPass{
  margin-top: -36px !important;
}

/* Register Page */
.home-links-cards .card .content {
  border: none !important;
  padding: 0.875em !important;
}

.see-all-links a {
  color: #F39700 !important;
  text-decoration: underline;
  float: right;
}

.ar .see-all-links a {
  float: left;
}

.ui.loader.modalLoader:before, .ui.loader.modalLoader:after {
  background-color: #7f7f7f !important;
}

.terms-scroll-wrapper iframe {
  width: 100%;
  height: 100%;
}

.terms-footer {
  position: fixed;
  width: 100%;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  padding: 20px 0;
  background-color: #ffffff;
}

/* 2104 */
.username-popup .ui.icon.button {
  margin-right: 0px !important;
}

/* 2104 */
button.button[name="user"] {
  background: transparent !important;
}

/* .productCard {
  height: 100% !important;
} */

.ui.grid>.row>.column.mobile-productTitle, .ui.grid>.row>.column.desktop-productTitle {
  display: none;
}

.maintenance-message {
  text-align: center;
  color: #232954;
  padding: 10px;
  font-size: 26px !important;
}

.maintenance-title {
  white-space: nowrap;
}

.maintenance-title .title {
  font-size: 30px;
}

@media only screen and (min-width:767px) {

  /* Styles */

  .ui[class*="equal width"].grid>.row>.column.mobile-productTitle, .ui.grid>.row>.column.mobile-productTitle {
    display: none !important;
  }

  .ui[class*="equal width"].grid>.row>.column.desktop-productTitle, .ui.grid>.row>.column.desktop-productTitle {
    display: flex !important;
  }

}

#contactFileAttachment {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

input[type="file"] {
  cursor: pointer;
  overflow: hidden;
  padding: 0 !important;
}

input[type="file"]:before {
  font-size: 16px;
  line-height: 32px;
  content: "Select your file";
  display: inline-block;
  background: white;
  border: 1px solid #000;
  padding: 0 10px;
  text-align: center;
  font-family: Roboto;
}

input[type="file"]::-webkit-file-upload-button {
  visibility: hidden !important;
}

input[type="radio"] {

  /* remove standard background appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  /* create custom radiobutton appearance */
  display: inline-block;
  width: 14px;
  height: 14px;
  padding: 1px;  /* background-color only for content */
  background-clip: content-box;
  border: 2px solid #090909;
  background-color: #efefef;
  border-radius: 100% !important;
}

/* appearance for checked radiobutton */
input[type="radio"]:checked {
  background-color: #090909 !important;
 border: 1px solid #FFF !important;
 box-shadow: 0 0 0 1px #090909;
}

/*.ui input[type="radio"]:checked {
  padding-left: 1px !important;
}
*/
.ui.loader {
  z-index: 99999999;
}

/* 31 march css  */
body {
  background: #f8fcff;
  color: #090909;
  /* position: relative; */
}

.ui.button.kgpwep .aecb-icon-next {
  margin-top: -6px !important;
}

.ui.button.kgpwep  .aecb-icon-next:before {
  line-height: 0;
}

/* Settings */


/* Settings */

input#email::-webkit-input-placeholder, input#password::-webkit-input-placeholder, input#emailForRegister::-webkit-input-placeholder, input#confirmEmailForRegister::-webkit-input-placeholder, input#eid1::-webkit-input-placeholder, input#eid2::-webkit-input-placeholder, input#eid3::-webkit-input-placeholder, input#fullNameForRegister::-webkit-input-placeholder, input#mobileForRegister::-webkit-input-placeholder, input#datepickerRegister::-webkit-input-placeholder, input#passport::-webkit-input-placeholder, input#oldPassword::-webkit-input-placeholder, input#confirmNewPassword::-webkit-input-placeholder, input#fullNameForRegistert::-webkit-input-placeholder,input#issuername::-webkit-input-placeholder,input#receivername::-webkit-input-placeholder,input#amount::-webkit-input-placeholder,input#ibanno::-webkit-input-placeholder,input#chno::-webkit-input-placeholder,input#chroute::-webkit-input-placeholder,input#chacc::-webkit-input-placeholder,input#balanceAmount::-webkit-input-placeholder,input#chequeRef::-webkit-input-placeholder   {
  color: #e0e0e0 !important;
  font-size: 13px !important;;
  letter-spacing: -0.02em;
}

input#email::placeholder, input#password::-webkit-input-placeholder, input#emailForRegister::-webkit-input-placeholder, input#confirmEmailForRegister::-webkit-input-placeholder, input#eid1::-webkit-input-placeholder, input#eid2::-webkit-input-placeholder, input#eid3::-webkit-input-placeholder, input#fullNameForRegister::-webkit-input-placeholder, input#mobileForRegister::-webkit-input-placeholder, input#datepickerRegister::-webkit-input-placeholder, input#passport::-webkit-input-placeholder, input#oldPassword::-webkit-input-placeholder, input#confirmNewPassword::-webkit-input-placeholder ,input#fullNameForRegistert::-webkit-input-placeholder,input#issuername::-webkit-input-placeholder,input#receivername::-webkit-input-placeholder,input#amount::-webkit-input-placeholder,input#ibanno::-webkit-input-placeholder,input#chno::-webkit-input-placeholder,input#chroute::-webkit-input-placeholder,input#chacc::-webkit-input-placeholder,input#balanceAmount::-webkit-input-placeholder,input#chequeRef::-webkit-input-placeholder   {
  color: #e0e0e0 !important;
  font-size: 13px !important;
  letter-spacing: -0.02em;
}

input#email::placeholder, input#password::-webkit-input-placeholder, input#emailForRegister::-webkit-input-placeholder, input#confirmEmailForRegister::-webkit-input-placeholder, input#eid1::-webkit-input-placeholder, input#eid2::-webkit-input-placeholder, input#eid3::-webkit-input-placeholder, input#fullNameForRegister::-webkit-input-placeholder, input#mobileForRegister::-webkit-input-placeholder, input#datepickerRegister::-webkit-input-placeholder, input#passport::-webkit-input-placeholder, input#oldPassword::-webkit-input-placeholder, input#confirmNewPassword::-webkit-input-placeholder, input#fullNameForRegistert::-webkit-input-placeholder,input#issuername::-webkit-input-placeholder,input#receivername::-webkit-input-placeholder,input#amount::-webkit-input-placeholder,input#ibanno::-webkit-input-placeholder,input#chno::-webkit-input-placeholder,input#chroute::-webkit-input-placeholder,input#chacc::-webkit-input-placeholder,input#balanceAmount::-webkit-input-placeholder,input#chequeRef::-webkit-input-placeholder   {
  color: #e0e0e0 !important;
  font-size: 13px !important;
  letter-spacing: -0.02em;
}

textarea#otherSource::placeholder{
  color: #e0e0e0 !important;
  font-size: 13px !important;
  letter-spacing: -0.02em;
}

/* .ar input#mobileForRegister::-webkit-input-placeholder{

} */

.ui.dropdown:not(.button)>.default.text {
  font-family: "Roboto 400";
  font-size: 13px !important;
  color: #e0e0e0 !important;
}

/* Language Menu  */
.ui.inline.item.dropdown.lngMenu > i.dropdown.icon {
  margin: 0em 0em 0.5em 0.5em;
  opacity: 0.5;
  font-size: 14px;
}

.ui.inline.item.dropdown.lngMenu > .text {
  padding-top: 0 !important;
}

.ar .ui.inline.item.dropdown.lngMenu > .text {
  padding-top: 0 !important;
  padding-left: 0.5em;
  text-transform: uppercase !important;
}

.ui.inline.item.dropdown.lngMenu .menu > div {
  font-family: "DroidArabicKufiRegular";
}

.ar .ui.inline.item.dropdown.lngMenu .menu > div {
  text-transform: uppercase !important;
  font-family: "Roboto";
}

.contactUsMenu {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  color: #090909;
}

.ar .contactUsMenu {
  font-family: "DroidArabicKufiRegular";
  font-style: normal;
  font-weight: 500;
  color: #090909;
}


.indicateRegisterText span {
  margin: 0px;
  padding-bottom: 7px;
  position: relative;
  top: 10px;
  color: #090909 !important;
}

.ar .indicateRegisterText span {
  margin: 0px;
  padding-bottom: 7px;
  position: relative;
  top: 10px;
  color: #090909 !important;
}

.mandatoryText span {
  font-family: "Roboto" !important;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #090909 !important;
}

.ar .mandatoryText span {
  font-family: "DroidArabicKufiRegular" !important;
}

/* Test Pages */
.ui.dropdown > .dropdown.icon:before {
  font-family: 'icomoon' !important;  /* opacity: 1 !important; */
  content: "\e90f";
  width: 9.05px !important;
  height: 14px !important;
  color: #090909;
  opacity: 0.5 !important;
  font-size: 12px;
}

.ar .ui.dropdown > .dropdown.icon:before {
  font-family: 'icomoon' !important;  /* opacity: 1 !important; */
  content: "\e90f";
  width: 9.05px !important;
  height: 14px !important;
  color: #090909;
  opacity: 0.5 !important;
  font-size: 12px;
}


@media only screen and (min-width: 600px) and (max-width:767px) {
  .register-content .header {
    margin-left: 0.3em;
  }

  .ar .register-content .header {
    margin-right: 0.3em;
  }
}

@media only screen and (max-width:600px) {
  /* .header {
    margin-left: 0.3em;
  }

  .ar .header {
    margin-right: 0.3em;
  } */

  .mobileSubHeaderText {
    margin-left: 1em;
  }

  .ar .mobileSubHeaderText {
    margin-right: 0.8em;
  }

  /* .fgtForm.ui.form {
    right: 0.8em;
  }

  .regForm.ui.form {
    right: 0.8em;
  } */

  /* .ar .fgtForm.ui.form {
    left: 1.2em;
    right: -0.8em;
  } */

  /* .ar .regForm.ui.form {
    left: 1.2em;
    right: -0.8em;
  } */

  .column.forgotPasswordforLogin label {
    position: relative;
    top: -4px;
    right: 0px
  }

  .ar .column.forgotPasswordforLogin label {
    position: relative;
    top: -4px;
    right: 48px
  }

  .footerText {
    text-align: center;
  }

  .right-footer-column {
    text-align: center;
  }

  .ar .footerText {
    text-align: center;
  }

  .ar .right-footer-column {
    text-align: center;
  }

   .column.uaePass {
    padding-left: 0.3em !important;
  } 

}

.ui.dropdown:not(.button)>.default.text {
  font-family: "Roboto";
  font-size: 14px !important;
  color: #e0e0e0 !important;
}

.ui.dropdown > .text{
  color: #090909 !important;
}

.register-content .ui.dropdown > .text {
  vertical-align: middle;
  color: #090909;
}

.register-content .ui.selection.dropdown > .dropdown.icon {
  top: 0.78571429em !important;
}

.aecb-icon-next::before {
  position: relative;
  right: auto;
  top: auto;
  width: auto !important;
  height: auto !important;
}

.aecb-icon-back::before {
  position: relative;
  right: auto;
  top: auto;
  width: auto !important;
  height: auto !important;
}

.lngMenu .ui.dropdown > .dropdown.icon {
  color: red;
}

.two.wide.column.col-remove-padding p {
  color: #090909 !important;
}

.column.forgotPasswordforLogin label span {
  font-size: 15px;
}

.ui.search.dropdown > .text {
  cursor: text;
  position: relative;
  left: 1px;
  z-index: 3;
}

.ui.dropdown > .text {
  display: inline-block;
  -webkit-transition: none;
  transition: none;
}

/*register button different mobile view*/

@media only screen and (min-width:375px) and (max-width:667px) {
  /* .terms-scroll-wrapper.readMore{
    height: 4600px !important;
  } */
  /* .ar .terms-scroll-wrapper.readMore{
    max-height: 4600px !important;
    height: 4030px !important;
  } */
  .terms-scroll-wrapper.readMore{
    height: 4900px !important;
  }
  .ar .terms-scroll-wrapper.readMore{
    max-height: 3770px !important;
    height: 3800px !important;
  }

  .responsive-button-container.tnc-container .ui.button {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .responsive-button-container.tnc-container{
      padding-bottom: 0 !important;
      padding-top: 0;
      margin-bottom: -20px !important;
  }
  .ui.container.responsive-container.tnc-Container{
    padding-bottom: 0 !important;
  }
}

@media all and (min-width:320px) and (max-width:325px)  {
  .terms-scroll-wrapper.readMore {
    height: 5230px !important;
  }

  .ar   .terms-scroll-wrapper.readMore {
    height: 5900px !important;
    max-height: 6000px !important;
  }
  /* .ui.label.edit span ,
  .ar .ui.label.edit span,
  .a.ui.label.save span ,
  .ar a.ui.label.save span {
    font-size: 12px !important;
  } */
  .settingsModal .ui.selection.dropdown .menu,
  .ar .settingsModal .ui.selection.dropdown .menu {
    max-height: 4.5em !important;
  }
  .ar .order-summary-bg .order-summary-right-column .ui.card .content .description ul li a {
    font-size: 9px;
  }
  .page-register .register-content .sign-up-pass > div,
  .page-login .login-content .column.uaePass > div {
    background-size: contain;
    width:100%;
  }
  .ar .dashboard-main .column.dashboardHistory{
    font-size: 16px;
  }
}

@media all and (min-width:411px) and (max-width:430px)  {
  /* .terms-scroll-wrapper.readMore {
    height: 4230px !important;
  }

  .ar .terms-scroll-wrapper.readMore {
    height: 4030px !important;
  } */
  .ar .terms-scroll-wrapper.readMore {
    height: 3460px !important;
  }
  /* .terms-scroll-wrapper.readMore {
    height: 4230px !important;
  } */
  .terms-scroll-wrapper.readMore {
    height: 4500px !important;
  }

  .ar a.ui.label.changePasswordText span {
    font-size: 12px  !important;
  }

  a.ui.label.changePasswordText span {
    font-size: 12px !important;
  }

  .ui.label.edit span ,
  .ar .ui.label.edit span,
  .a.ui.label.save span ,
  .ar a.ui.label.save span {
    font-size: 12px !important;
  }

  .settingsModal .ui.selection.dropdown .menu,
  .ar .settingsModal .ui.selection.dropdown .menu {
    max-height: 5.5em !important;
  }
  /* .column.seetingsEmailColumn input#email {
    font-size: 12px !important;
  } */
  .settingsModal .accountSettingGrid{
    padding-top: inherit !important;
    padding-bottom: inherit !important;
    margin-left: -14px !important;
    margin: 0;
  }
  /* .settingsModal .column.mainHeaderSettings {
    padding-left: 1em !important;
  } */
  .password-eye-icon {
    position: absolute !important;
    left: 75.21% !important;
    top: 64.05% !important;
    width: 16px !important;
  }
  .ar .password-eye-icon {
    position: absolute !important;
    left: 13.21% !important;
    top: 64.05% !important;
    width: 16px !important;
  }
}

@media all and (min-width:370px) and (max-width:380px)  {
  .ui.label.edit span,
  .ar .ui.label.edit span,
  .a.ui.label.save span,
  .ar a.ui.label.save span {
    font-size: 12px !important;
  }

  /* a.ui.label.changePasswordText span {
    font-size: 12px !important;
  }
  .ar a.ui.label.changePasswordText span {
    font-size: 12px  !important;
  } */

  .settingsModal .ui.selection.dropdown .menu,
  .ar .settingsModal .ui.selection.dropdown .menu {
    max-height: 10.5em !important;
    /* max-height: 5.5em !important; */
  }

  /* .ar .column.seetingsEmailColumn input#email {
    font-size: 10px !important;
  } */

  .settingsModal .accountSettingGrid{
    padding-top: inherit !important;
    padding-bottom: inherit !important;
    margin-left: -14px !important;
    margin: 0;
  }
   .password-eye-icon {
    position: absolute !important;
    left: 75.21% !important;
    top: 64.05% !important;
    width: 16px !important;
  }

  .ar .password-eye-icon {
    position: absolute !important;
    left: 13.21% !important;
    top: 64.05% !important;
    width: 16px !important;
  }
}

/* TNC Pages */
@media only screen and (max-width:375px) {
  .subHeadTNC {
    margin-left: 0.9em;
  }

  /* .ar .subHeadTNC {
    margin-right: 0.9em;
  } */
  .settingsModal .accountSettingGrid{
    padding-top: inherit !important;
    padding-bottom: inherit !important;
    margin-left: -14px !important;
    margin: 0;
  }
}

@media only screen and (min-width:376px) and (max-width:414px) {
  .subHeadTNC {
    margin-left: 1em !important;
  }

  .ar .subHeadTNC {
    margin-right: 1em !important;
  }
  .login-content .uaePass > div,
  .register-content .sign-up-pass > div{
    width: 100%;
    height: 58px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .login-content .uaePass > div:focus, .register-content .sign-up-pass > div:focus{
    width: 100%;
    height: 64px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .ar .order-summary-bg .order-summary-right-column .ui.card .content .description ul li a {
    font-size: 14px !important;
  }
  .stretched.row.dashboard-main__hero-cont .dashboard-card-description span {
    font-size: 24px !important;
    line-height: 30px !important;
  }
  .show-contact-us-modal-content-primary span ,
  .uaepass-modal-content-header span{
    letter-spacing: 0.05em !important;
  }
}

@media  screen and (min-width:1440px) and (max-width:1920px) {
  .subHeadTNC {
    margin-left: 0em;
  }

  .ar .subHeadTNC {
    margin-right: 0em;
  }
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait) {
  /* .ar .uaeRegPass, .uaeRegPass {
    margin-top: 13px !important;
  } */
  a.ui.label.changePasswordText {
    font-size: 12px !important;
  }
}

@media only screen
and (min-width:1024px)
and (max-height:1366px)
and (orientation:portrait)
and (-webkit-min-device-pixel-ratio:1.5) {
  .column.forgotPasswordforLogin {
    left: 12%;
    position: relative;
  }

  .ar .column.forgotPasswordforLogin label span {
    font-size: 15px !important;
    position: relative !important;
    right: 78% !important;
  }
  a.ui.label.changePasswordText span {
    font-size: 12px !important;
  }

  .ar a.ui.label.changePasswordText span {
    font-size: 12px  !important;
  }
}

/* New Changes */

/* Global Classes */
.ar .no-hit-score-modal-description span:nth-child(2){
  /* direction: ltr; */
  display: inline-block;
  margin-left: 5px;
}

/* New Checkout Case */

/* New Checkout Case */

.ar .resgisterPage .column.col-remove-padding.mob-no-input,
.ar .column.emiratesId{
  justify-content: flex-end;
  flex-direction: row-reverse;
}

.align-items-center {
  align-items: center !important;
}

.aecb-icon-popup_close_settings{
  content: "\e90a";
  color: #232954;
  float: right;
  cursor: pointer;
  font-size: 22px !important;
}
/* Global Components */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0px !important;
  float: inherit !important;
}

.pagination p {
  margin-bottom: 0;
}

.ar .ui .sub {
  font-family: "DroidArabicKufiRegular";
  font-size: 40px !important;
  font-style: normal !important;
  font-weight: 400 !important;
}
.ui.embed,
.ar .ui.embed {
  position: relative;
  max-width: 100%;
  height: 0px;
  border-radius: 10px 10px 10px 10px !important;
  overflow: hidden;
  background: #DCDDDE;
  padding-bottom: 56.25%;
}

/* Global Button Design */
.ui.button, .ar .ui.button {
  padding: 14px 15px;
  font-size: 16px;
  border-radius: 7px;
  transition: all 0.7s ease;
  font-weight: 700;
}

.ui.button {
  font-family: 'Roboto' !important;
}

.ar .ui.button {
  font-family: "DroidArabicKufiRegular" !important;
}

/* 2104 */
.ui.icon.button {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

/* 2104 */

/* Others */
.ui.button.buynow, .ar .ui.button.buynow, .ui.button.learnmore, .ar .ui.button.learnmore, .ui.button.downloadreport, .ar .ui.button.downloadreport, .ui.button.backtodashboard, .ar .ui.button.backtodashboard, .ui.button.nextquestion, .ar .ui.button.nextquestion, .ui.button.menulogin, .ar .ui.button.menulogin{
  padding: 9px 13px;
  /* padding: 11px 13px; */
  font-size: 13px;
  border-radius: 4px;
  transition: all 0.7s ease;
  font-weight: 700;
}
/* Special Class */
.ui.button.nextquestion{
  float: right;
}

.ar .ui.button.nextquestion{
  float: left;
}

.ui.button.learnmore, .ar .ui.button.learnmore, .ui.button.backtodashboard, .ar .ui.button.backtodashboard, .ui.button.menulogin, .ar .ui.button.menulogin {
  border: 1px solid #090909 !important; /*2104*/
}

/* Others */
.ui.buttons .disabled.button, .ui.disabled.button, .ui.button:disabled, .ui.disabled.button:hover, .ui.disabled.active.button, .ar .ui.buttons .disabled.button, .ar .ui.disabled.button, .ar .ui.button:disabled, .ar .ui.disabled.button:hover, .ar .ui.disabled.active.button {
  opacity: 0.5 !important;
}

.ui.button > .icon:not(.button), .ar .ui.button > .icon:not(.button) {
  opacity: 1;
}

.ui.button.primary:disabled, .ar .ui.button.primary:disabled {
  background: #FFCF23 !important;
  border: 1px solid var(--stroke-default, #090909) !important;
  color: black !important;
}

.ui.button.primary, .ar .ui.button.primary {
 background-color: #FFCF23 !important;
  border: 1px solid var(--stroke-default, #090909);
  color: black;
  box-shadow: none;
  white-space: nowrap;

  /* display: inline-flex;
  justify-content: space-between;
  align-items: center; */
}

.ui.button.primary:hover, .ar .ui.button.primary:hover {
  border: 1px solid var(--stroke-default, #090909);
  background-color: #F39700 !important;
  color: black;
}

.ui.button.secondary:disabled, .ar .ui.button.secondary:disabled {
  background: #FFFFFF !important;
  border: 1px solid #090909 !important;
  color: #090909 !important;
}

.ui.button.secondary, .ar .ui.button.secondary {
  background-color: #FFFFFF;
  border: 1px solid #090909;
  color: #090909;
  box-shadow: none;
  white-space: nowrap;
  /* display: inline-flex;
  justify-content: space-between;
  align-items: center; */
}

.ui.button.learnmore, .ar .ui.button.learnmore,
.ui.button.menulogin, .ar .ui.button.menulogin{
  color: #090909
}

.ui.button.downloadreport,
.ar .ui.button.downloadreport  {
  color: #090909;
}

.ui.button.secondary:hover, .ar .ui.button.secondary:hover,
.ui.secondary.button:active, .ar .ui.secondary.button:active,
.ui.secondary.button:focus, .ar .ui.secondary.button:focus {
  border: 1px solid #090909;
  background-color: #FFFFFF;
  color: #090909;
}

.ui.button.downloadreport i,
.contactUsBtn i{
  margin-left: 0.8em;
}

.tnc-container .ui.button.primary,
.ar .tnc-container .ui.button.primary {
  display: flex;
  align-items: center;
}

.ar .order-summary-add i,
.ar .order-summary-remove i{
  margin-left: 0.8em;
  display: flex;
  align-items: center;
  margin-right: 0;
}

.ar .ui.button.downloadreport i,
.ar .contactUsBtn i,
.order-summary-add i,
.order-summary-remove i {
  margin-right: 0.8em;
}
.order-summary-add i,
.order-summary-remove i{
  display: flex;
  align-items: center;
}
.ar .ui.button.downloadreport i,
.ar .contactUsBtn i{
  margin-left: inherit;
}
.ui.button.order-summary-add, .ui.button.order-summary-remove {
  color: #090909 !important;
  font-size: 18px !important;
}

.recaptchaClass {
  transform: scale(0.88) !important;
  -webkit-transform: scale(0.88);
  transform-origin: 0 0 !important;
  -webkit-transform-origin: 0 0;
}

.ar .recaptchaClass {
  transform: scale(0.88) !important;
  -webkit-transform: scale(0.88);
  transform-origin: 95% 0 !important;
  -webkit-transform-origin: 0 0;
}

/* Login Page Start */
.forgot-password-row {
  align-items: center !important;
}

.ar .forgot-password-row__link-wrapper {
  text-align: left;
}

.forgot-password-row__link-wrapper {
  text-align: right;
}

.forgot-password-row__link {
  font-weight: normal !important;
  color: #090909 !important;
  font-style: normal;
  text-decoration-line: underline;
}

.loginUaePass {
  margin-top: 10px;
  width: 228px;
}

.signupText {
  text-align: right;
}

.ar .signupText {
  text-align: right;
}

/* Login Page End */

/* Register Page Start */
.registerLastRowColumn {
  display: flex !important;
  align-items: flex-start;
  width: 100% !important;
}

.registerLastRowColumn .ui.button {
  display: flex;
  position: relative;
  z-index: 1;
}

iframe[title="reCAPTCHA"] {
  transform: scale(0.8);
  transform-origin: left top;
}

.ar iframe[title="reCAPTCHA"] {
  transform-origin: right top;
}

.row.emiratesId {
  padding-bottom: 0em !important;
}
/* Register Page End */

/* Dashboard Carousel */
/* 7-5 */
.dashboard-card.ui.card > .content {
  /* flex-grow: initial !important; */
  flex-grow: 0 !important;
  padding: 2em 1em 0em 1em !important;
}
.dashboard-card.ui.card > .extra.content {
  flex-grow: 0 !important;
  padding: 2.5em 1em 0em 1em !important;
}
/* 7-5 */
.dashboard-card .line-separator {
  margin: 23px 0 5px 0;
  line-height: 1;
}

.dashboard-purchase-history-grid .ui.card {
  box-shadow: none;
  border: 1px solid #090909
}

/* special effect for AR */
.ar .slick-slider .slick-track, .ar .slick-slider .slick-list {
  direction: ltr;
}

[dir=rtl] .dashboard-slick-carousel .slick-slide{
  float: left;
}

.ar .dashboard-slick-carousel .slick-dots {
  direction: ltr;
}

/* special effect for AR */

.dashboard-slick-carousel {
  padding-bottom: 25px;
}

.dashboard-slick-carousel .slick-slide {
  position: relative;
}

.dashboard-slick-carousel .slick-slide .content {
  position: relative;
  bottom: -4px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  padding: 0 10px;
}

.dashboard-slick-carousel .slick-active .content p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  line-height: 18px;
  letter-spacing: -0.02em;
  color: #090909 !important;
}

.dashboard-slick-carousel .slick-dots li {
  height: auto;
  width: auto;
  margin: 0 10px;
}

.dashboard-slick-carousel .slick-dots li button {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  opacity: 0.3;
  background-color: #090909;
  padding: 0;
}

.dashboard-slick-carousel .slick-dots li.slick-active button {
  width: 7px;
  height: 7px;
  background-color: #F39700;
  opacity: 1;
}

.dashboard-slick-carousel .slick-dots li button::before {
  display: none;
}

.card-title.dashboardHistory i.icon, i.icons {
  font-size: 1.125em;
}
/* Purchase History Page */
.purchase-history-grid .ui.card {
  box-shadow: none;
  border: 1px solid #090909
}

.purchase-history-grid .ui.table:not(.unstackable) tr {
  box-shadow: none !important;
}
/* Global Media Query Start */

/* Max Desktop */
@media only screen and (max-width:1199px) {
  .registerLastRowColumn {
    flex-direction: column;
  }
}

/* Max Tablet */
@media only screen and (max-width:991px) {
  .recaptchaFgtPwd iframe[title="reCAPTCHA"] {
    transform: scale(0.7);
  }

  .signupText {
    text-align: left;
  }

}

/* Max Mobile Portrait */
@media only screen and (max-width:575px) {
  .ui.fluid.container.mainContainer {
    padding-left: 17px;
  }
}

/* Small Mobile Max */
@media only screen and (max-width:359px) {
}

/* Apr 15 Works CSS */
/* .web-only{
  display: none;
} */

/* Settings */
.modals.dimmer .ui.scrolling.modal {
  position: static !important;
  margin: 4.5rem auto !important;
  border: 1px solid #090909;
  -webit-border-radius: 30px !important;
  -ms-border-radius: 30px !important;
  border-radius: 30px !important;
  border: 8px solid #FFF;
  box-sizing: border-box;  /* box-shadow: 0px 42px 90px rgb(60 89 164 / 10%); */
  -webkit-box-shadow: 0px 42px 90px rgba(60, 89, 164, 0.1);
  -ms-box-shadow: 0px 42px 90px rgba(60, 89, 164, 0.1);
  box-shadow: 0px 42px 90px rgba(60, 89, 164, 0.1);  /* width: 63em; */
}

.ui.header.settingsHeader {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300 !important;
  font-size: 42px !important;
  line-height: 68px !important;
  letter-spacing: -0.04em !important;
  color: #090909 !important;
}

.sub.header.subHeaderSettings {
  font-family: 'Roboto' !important;
  font-style: normal;
  font-weight: bold !important;
  font-size: 16px !important;  /* line-height: 26px !important; */
  line-height: 18px !important;
  display: flex;
  align-items: center;
  letter-spacing: -0.02em;
  color: #090909 !important;
}

.ar .sub.header.subHeaderSettings {
  font-family: 'DroidArabicKufiRegular' !important;
  font-style: normal;
  font-weight: bold !important;
  font-size: 16px;  /* line-height: 26px !important; */
  line-height: 18px !important;
  display: flex;
  align-items: center;
  letter-spacing: -0.02em;
}
.sub.header.subHeaderSettings span {
  padding: 14px 14px 14px 14px;
}

.accountSettingModal {
  height: 44px;
  background: white;
  border: 1px solid #090909;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.heading-span span {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: -0.02em !important;
  color: #090909 !important;
}
.ar .heading-span span {
  font-family: 'DroidArabicKufiRegular';
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: -0.02em !important;
  color: #090909 !important;
}


.ar .editMobileNo, .ar .editEmail, .ar .editPassport {
  font-family: 'DroidArabicKufiRegular';
  margin-left: 0;
  margin-right: inherit;
}
.ar .aecb-icon-popup_close_settings{
  float: left;
}

/* Settings */
.editMobileNo, .editEmail, .editPassport {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: bold;
  text-align: center;
  letter-spacing: -0.02em;
  color: #090909;
}

.editPassport .ui.label.edit span, .editMobileNo .ui.label.edit span, .editEmail .ui.label.edit span {
  font-style: normal;
  font-weight: bold;
  color: #090909;
}

.changePasswordSettings {
  position: relative;
  top: -2em;
  left: 23em;
}

/* Settings */
.ui[class*="vertically divided"].grid > .row:before {
  position: absolute;
  content: "";
  top: 0em;
  left: 0px;
  width: calc(100% - 2rem);
  height: 1px;
  margin: 0% 1rem;
  box-shadow: none !important;
}

/* Settings */
.ui.table tr td.cell1, .ui.table tr td.cell2, .ui.table tr td.cell3, .ui.table tr td.cell4 {
  border-top: 0px solid rgba(34, 36, 38, 0.1) !important;
}

.ui.table tr td.cell1 th label span, .ui.table tr td.cell2 th label span, .ui.table tr td.cell3 th label span {
  font-weight: bold !important;
  font-style: normal;
  border-top: 0px solid rgba(34, 36, 38, 0.1) !important;
  line-height: 26px;
  letter-spacing: -0.02em;
  color: #090909;
}

.ui.basic.table td {
  background: none !important;
}

/* Apr 16 Css */
.order-summary-left-column .ui.card {
  width: auto !important;
  /*height: 89.5%!important;*/
}

.order-summary-left-column .ui .header {
  font-size: 1rem !important
}

.order-summary-right-column .ui .header {
  font-size: 1rem !important
}

.order-summary-right-column .ui.card {
  width: auto !important;
}

.order-total-footer {
  background-color: #090909 !important;
  border: 1px solid #090909;
  box-sizing: border-box;
  border-radius: 6px;
}

.order-total-footer label {
  color: #FFFFFF !important;
}

.btn-card-custom span {
  padding: 0 !important;
  font-size: 14px;
  line-height: 25.78px;
  letter-spacing: .5px;
}

.ar .btn-card-custom span {
  padding: 0 !important;
  font-size: 14px;
  line-height: 25.78px;
  letter-spacing: .5px;
}

.btn-buy-card-custom span {
  padding: 0 !important;
  font-size: 14px;
  line-height: 25.78px;
  letter-spacing: .5px;
}

.ar .btn-buy-card-custom span {
  padding: 0 !important;
  font-size: 14px;
  line-height: 25.78px;
  letter-spacing: .5px;
}

.dashboard-card {
  background: white !important;
  border: 1px solid #090909 !important;
  border-radius: 10px !important;
  box-shadow: none !important;

}
.ui.card.dashboard-card{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.dashboard-card-description span {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1.395em;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #090909 !important;
  display: block;
}
.dashboard-card-description span:first-child{
  margin-bottom: 0 !important;
}

.ar .dashboard-card-description span{
  font-family: 'DroidArabicKufiRegular';
  font-style: normal;
  font-weight: normal;
  font-size: 1.395em;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #090909 !important;
}

.dashboard-card-description .ui.card .extra {
  border-top: 1px solid rgb(231, 231, 231) !important;
}

/* here */
@media only screen and (max-width:575px) {

  .responsive-container {
    padding: 8px 0 !important;
  }
  /* .ar .responsive-container.tnc-Container{
    padding: 30px 0px 30px 20px !important;
  } */

  .ui.grid > [class*="four column"].row > .column {
    width: 100% !important;
  }

  .ui.card {
    margin: 8px auto !important;
  }

  .purchase-history-grid .mobile .ui.card, .dashboard-main .dashboard-purchase-history-grid .ui.card {
    /* margin: 8px 0px !important; */
    margin: 0 auto 16px auto !important;
    max-width: 100%;
    /* max-width: 295px; */
    width: 100%;
  }

}

@media only screen and (min-width:576px) and (max-width:767px) {
  .ui.small.modal {
    width: 98%;
  }

  .ui.grid > [class*="four column"].row > .column {
    width: 50% !important;
  }

  .ui.card {
    margin: 8px auto !important;
  }

}

@media only screen and (min-width:768px) and (max-width:991px) {
  /* .ui.grid > [class*="four column"].row > .column {
    width: 50% !important;
  } */

  .ui.card {
    margin: 8px auto !important;
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .ui.card {
    margin: 8px auto !important;
  }
}

@media only screen and (min-width:1200px) {
  .ui.card {
    margin: 8px auto !important;
  }
  /* 7-5 */
  .dashboard-main .ui.card {
    margin: auto !important;
  }
  /* 7-5 */
}

/* Apr 20 */

.password-eye-icon {
  position: absolute;
  left: 89.21%;
  top: 64.05%;
  width: 16px;
}

.ar .password-eye-icon {
  position: absolute;
  left: 5.21%;
  top: 64.05%;
  width: 16px;
}
.d-none {
  display: none !important;
}

.order-summary-bg .order-summary-left-column .ui.card {
  height: 100%;
  /*padding: 40px 70px 40px 40px;*/
  padding: 40px 20px 40px 40px;
  
}




.order-summary-bg .order-summary-left-column .ui.card .content {
  padding: 0;
  flex-grow: inherit;
  margin-bottom: 15px;
}

.order-summary-bg .order-summary-left-column .ui.card .content .header span {
  padding: 0;
  color: #090909;
  font-size: 18px;
  font-weight: 700;
  font-family: 'Roboto' !important;
  letter-spacing: -0.02em;
}
.ar .order-summary-bg .order-summary-left-column .ui.card .content .header span,
.ar .order-summary-bg .order-summary-right-column .ui.card .content .header span{
  font-family: 'DroidArabicKufiRegular' !important;
  }
.order-summary-bg .order-summary-left-column .ui.card .extra.content {
  padding: 0 0 0 0.5em;
  border: 0 !important;
}

.ar .order-summary-bg .order-summary-left-column .ui.card .extra.content {
  padding: 0 0.5em 0 0;
  border: 0 !important;
}
.order-summary-bg .order-summary-right-column .ui.card {
  /*height: 100%;*/
  height: 83%;
  background: white;
  padding: 42px 28px;
}

.order-summary-bg .order-summary-right-column .ui.card .content {
  padding: 0;
}

.order-summary-bg .order-summary-right-column .ui.card .content .header span {
  padding: 0;
  color: #090909;
  font-size: 14px;
  font-weight: 700;
}

.order-summary-bg .order-summary-right-column .ui.card .extra.content,
.ar .order-summary-bg .order-summary-right-column .ui.card .extra.content {
  border: 0 !important;
  margin-top: 10px !important;
}

.order-summary-bg .order-summary-right-column .ui.card .content .description img {
  /* max-width: 100%; */
  max-width: 80%;
}

.order-summary-bg .order-summary-right-column .ui.card .content .description ul {
  padding: 0;
  margin: 0;
  display: table;
  height: 42px;
  border-radius: 55px;
  background: #ffffff;
  box-shadow: 0px 42px 90px rgba(60, 89, 164, 0.1);
  width: 100%;
  margin-bottom: 30px;
  margin-top: 42px;
}

@media only screen and (max-width:990px) {
  .order-summary-bg .order-summary-right-column .ui.card .content .description ul {
    display: flex;
  }
}

@media only screen and (min-width:991px) and (max-width: 2500px) {
  .ar .order-summary-bg .order-summary-right-column .ui.card .content .description ul {
    display: flex;
  }
}

.order-summary-bg .order-summary-right-column .ui.card .content .description ul li {
  float: left;
  width: 50%;
  list-style: none;
  text-align: center;
  line-height: 42px;
}

.order-summary-bg .order-summary-right-column .ui.card .content .description ul li a {
  color: #999999 !important;
  font-weight: 400;
}

.order-summary-bg .order-summary-right-column .ui.card .content .description ul li.active {
  border-radius: 55px;
  background: #4B7FBF;
}

.order-summary-bg .order-summary-right-column .ui.card .content .description ul li.active a {
  color: #ffffff !important;
  font-weight: 700;
}

.order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table {
  border-collapse: collapse;
}

.order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tfoot.order-total-footer tr th {
  font-size: 18px;
}

.order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tfoot.order-total-footer tr th:first-child span {
  padding-left: 28px;
  font-weight: 700;
  font-size: 18px;
}

.order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tfoot.order-total-footer tr th:last-child label {
  padding-right: 28px;
  text-align: right;
  font-weight: 700 !important;
  font-size: 18px !important;
}

.order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tr.add-credit-score-bg {
  border: 2px dashed #BCC3C5;
  border-radius: 5px;
}

.order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tr.add-credit-score-bg td:first-child {
  padding-left: 21px;
  padding-top: 21px;
  padding-bottom: 21px;
}

.order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tr.add-credit-score-bg td:first-child label span{
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #090909 !important;
}

.order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tr.add-credit-score-bg td:first-child div {
  font-size: 13px;
  font-weight: 400;
  color: #333;
  margin-top: 8px;
}

.order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tr.add-credit-score-bg td:last-child {
  padding-right: 21px;
}

.order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tr.add-credit-score-bg td:last-child button{
  min-width: 80px;
}

.order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tbody tr td span {
  font-size: 17px;
  font-weight: 400;
  color: #090909;
}

.order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tbody tr td:first-child span {
  font-size: 16px;
  color: #090909;
  font-weight: 500;
}

.ar .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tbody tr td:first-child span {
  font-size: 14px;
  color: #090909;
  font-weight: 500;
  font-family: 'DroidArabicKufiRegular' !important
}

.order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tbody tr td:last-child span {
  font-size: 17px;
  font-weight: 700;
  color: #090909;
}

.order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tbody tr td:last-child button span {
  color: #ffffff;
}

.order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tbody tr td:last-child button:hover span {
  color: #F39700;
}

.credit-score-lbl span {
  margin-right: 5px;
  color: #090909 !important;
}

.pwd-link, .editMobileNo, .editEmail, .editPassport {
  margin-right: 18px;
}

a.ui.label.changePasswordText span {
  color: #090909;
  font-weight: bold;
}

.ar a.ui.label.changePasswordText span {
  color: #090909;
  font-weight: bold;
}

.ui.primary.buttons .button:active, .ui.primary.button:active,
.ar .ui.primary.buttons .button:active, .ar .ui.primary.button:active{
  border: 1px solid #F39700 ;
  background-color: #fff;
  color: #F39700;
}
.ui.primary.buttons .button:focus, .ui.primary.button:focus,
.ar .ui.primary.buttons .button:focus, .ar .ui.primary.button:focus{
  border: 1px solid #090909 ;
  background-color: #fff;
  color: #090909;
}


@media only screen and (max-width:575px) {
  .order-summary-bg .order-summary-right-column .ui.card .content .description ul li {
    width: 100%;
    background: #fff;
    border-radius: 42px;
  }

  .order-summary-content .order-summary-bg .order-summary-left-column .ui.card {
    padding: 20px;
    margin: 8px 0 -8px 0 !important;
  }

  .order-summary-bg .order-summary-right-column .ui.card {
    padding: 20px 15px;
  }
}

@media only screen and (min-width:576px) and (max-width:767px) {
  .order-summary-bg .order-summary-right-column .ui.card .content .description ul li {
    width: 100%;
    background: #fff;
    border-radius: 42px;
  }

  .order-summary-bg .order-summary-left-column .ui.card {
    padding: 25px 25px 25px 25px;
  }

  .order-summary-bg .order-summary-right-column .ui.card {
    padding: 21px;
  }

}

@media only screen and (min-width:1500px) {
  .order-summary-bg .order-summary-left-column .ui.card{
    height: 89.5% !important;
  }

  .column.order-summary-left-column.orderSummaryBoxPgmCss{

    height: 100% !important;

}

.column.order-summary-right-column.boxRezisePgmCss{
      max-height: 21em !important;
}

form.ui.form.radioForm.radioFormPGMMobile.radioFormPGMDesktopBigScreen{
  margin-top: 0px !important;
}




}


@media only screen and (min-width:768px) and (max-width:991px) {
  .order-summary-bg .order-summary-right-column .ui.card .content .description ul li {
    width: 100%;
    background: #fff;
    border-radius: 42px;
  }

  .order-summary-bg .order-summary-left-column .ui.card {
    padding: 25px 25px 25px 25px;
  }

  .order-summary-bg .order-summary-right-column .ui.card {
    padding: 21px;
  }
  .emiratesId .ui.input:nth-child(2) {
    flex: 0 0 80px !important;
  }
  .emiratesId .ui.input:nth-child(3) {
    flex: 0 0 115px !important;
  }
  .ui.card.dashboard-card{
    margin-top: 20px !important;
  }
  .login-content .login-container .mobileDivider .ui.horizontal.divider span{
    position: relative;
    top:7px;
    display: inline-block;
  }
  .login-content .login-container .mobileDivider .ui.horizontal.divider{
    /* margin-top: 0;
    margin-bottom: 0; */
    padding-bottom: 14px;
  }
  /* .page-login form.ui.form.stackable.login-form, .login-info-box {
    margin: 0 auto;
  } */
  .modals .modal.passport-modal{
  border-radius: 15px !important;
}
  .dashboard-main .primary-card-title p span,
  .product-selection-content .primary-card-title p span{
    font-size: 10px !important;
    line-height: normal !important;
  }
  .modals .modal.passport-modal .content{
  margin-top: 14px;
  margin-bottom: 14px;
}
  .ar .bannerDesription > span{
    font-size: 10px;
  }
  .ar .column.right-column .signupText span{
    font-size: 10px !important;
  }
  .ar .add-credit-score-bg .buttonClass{
    margin-top: 16px;
  }
  .ar .add-credit-score-bg .labelClass{
    flex: 1;
  }
  .mobile-responsive-col .emiratesId .ui.input:nth-child(3) {
    flex: 0 0 35% !important;
  }
  .ar .contact-us-modal .aecb-icon-popup_close:before {
    right: 0.5em !important;
  }
}

.ui.mini.modal.response-modal,
.ui.mini.modal.contact-us-modal,
.ui.mini.modal.uaepass-modal {
  width: 100%;
  max-width: 498px;
}

.modals .modal.response-modal,
.modals .modal.contact-us-modal,
.modals .modal.uaepass-modal,
.modals .modal.response-modal .content,
.modals .modal.contact-us-modal .content,
.modals .modal.uaepass-modal .content {
  border-radius: 21px !important;
}

.modals .modal.response-modal .content,
.modals .modal.contact-us-modal .content,
.modals .modal.uaepass-modal .content{
  padding: 20px 60px 55px 60px;
}

.modals .modal.response-modal .response-modal-content.content {
  padding: 55px 60px 55px 60px;
}

.show-help-modal-content-header span,
.show-contact-us-modal-content-header span,
.uaepass-modal-content-header span {
  font-family: Roboto;
  letter-spacing: -0.04em;
  line-height: 76px;
  font-style: normal;
  font-weight: 300;
  color: #090909 !important;
}

.ar .show-help-modal-content-header span,
.ar .show-contact-us-modal-content-header span,
.ar .uaepass-modal-content-header span {
  font-family: "DroidArabicKufiRegular";
}

.show-contact-us-modal-content-primary{
  text-align: left;
}

.ar .show-contact-us-modal-content-primary {
  text-align: right;
}

.show-help-modal-content-primary span,
.show-contact-us-modal-content-primary span,
.uaepass-modal-content-header span {
  font-family: 'Roboto' !important;
  align-items: center;
  color: #090909 !important;
  letter-spacing: -0.02em;
  line-height: 28px;
  /* display: flex; */
  font-size: 18px !important;
  font-style: normal;
  font-weight: normal;
}

.ar .show-help-modal-content-primary span,
.ar .show-contact-us-modal-content-primary span ,
.ar .uaepass-modal-content-header span{
  font-family: "DroidArabicKufiRegular" !important;
  font-size: 18px !important;
}

.modals .modal.response-modal div.header,
.modals .modal.contact-us-modal div.header {
  background: none;
}

.modals .modal.response-modal .content .sub.header,
.modals .modal.contact-us-modal .content .sub.header {
  line-height: initial;
  margin-bottom: 0;
}

.modals .modal.response-modal .content .sub.header span,
.modals .modal.contact-us-modal .content .sub.header span {
  font-size: 36px;
  text-transform: initial;
}

.modals .modal.response-modal .content p.jCGDDY,
.modals .modal.contact-us-modal .content p.jCGDDY {
  padding-bottom: 36px;
  font-size: 14px;
  margin-bottom: 0 !important;
}

.show-contact-us-modal-content-header{
  text-align: left;
}

.ar .show-contact-us-modal-content-header {
  text-align: right;
}

.response-modal-content{
  text-align: left;
}

.ar .response-modal-content{
  text-align: right;
}

.show-help-modal-content-header {
  text-align: left;
}

.ar .show-help-modal-content-header{
  text-align: right;
}

/* Price List Case */
.response-modal-content .no-hit-score-modal-title,
.ar .response-modal-content .no-hit-score-modal-title {
  color: #090909 !important;
}

.response-modal-content .no-hit-score-modal-description,
.ar .response-modal-content .no-hit-score-modal-description {
  color: #090909 !important;
}
/* Price List Case */

@media only screen and (min-width:768px) {
  .ui.grid > .row > [class*="five wide computer"].column.product {
    width: 33.33333% !important;
  }
/*
  .signupText {
    padding-top: 60px;
  } */

  .response-modal .response-modal-content .aecb-icon-popup_close:before{
    position: relative;
    top: -1.3em;
    right: -1.5em;
  }
  .ar .response-modal .response-modal-content .aecb-icon-popup_close:before{
    right: 1.5em;
  }

  .contact-us-modal .aecb-icon-popup_close:before {
    position: relative;
    top: 1em;
    right: 1em;
  }

  .ar .contact-us-modal .aecb-icon-popup_close:before {
    right: -1em;
  }
}

/* Security Question */
p.currentQuestionClass {
  color: #090909 !important;
  font-size: 18px !important;
  font-weight: bold !important;
  margin-bottom: 0.35em !important;
}

p.visitedQuestionClass{
  color: #090909 !important;
  font-size: 18px !important;
  margin-bottom: 0.35em !important;
}

p.nonVisitedQuestionClass{
  color: #090909  !important;
  font-size: 18px  !important;
  margin-bottom: 0.35em !important;
}

p.qs-label-sel {
  font-size: 18px !important;
  font-style: normal;
  font-weight: normal;
  letter-spacing: -0.02em;
  color: #090909 !important;
}

p.qs-label-txt {
  font-style: normal;
  font-weight: normal;
  font-size: 18px !important;
  letter-spacing: -0.02em;
  color: #090909 !important;
}

.qs-label-txt,
.qs-label-sel {
  height: 56px !important;
}

.ui.selection.dropdown.security-question-dropdown {
  color: #090909 !important;
  background: #FFFFFF;
  border: 1px solid #090909;
  box-sizing: border-box;
  border-radius: 10px;
  height: 43px;
  letter-spacing: -0.02em;
  font-weight: bold;
}

.ui.selection.dropdown.security-question-dropdown:focus {
  border: 1px solid #090909;
  box-shadow: 0px 42px 90px rgba(60, 89, 164, 0.1);
}

.ui.selection.dropdown.security-question-dropdown > .dropdown.icon {
  top: 0.8rem !important;
}

i.icon.security-question-icon{
  font-size: 1.125em;
  margin: 0em 0.25rem 0em 0.25em;
}

i.icon.check.circle:before{
  color: #A9D08E;
}

.ui.form.security-form .ui.input.security-question-text input[type="text"],
.ar .ui.form.security-form .ui.input.security-question-text input[type="text"] {
  height: 43px;
  background: #FFFFFF !important;
  border: 1px solid #090909 !important;
  box-sizing: border-box;
  border-radius: 10px !important;
  font-weight: bold;
  color: #090909 !important;
}

.ui.form.security-form .ui.input.security-question-text input[type="text"]:focus {
  box-shadow: 0px 42px 90px rgba(60, 89, 164, 0.1) !important;
}

.security-form {
  padding: 80px 0px;
}
.currentQuestionClassDiv {
  border-bottom: 3px solid #F39700;
}

.visitedQuestionClassDiv {
  border-bottom: 3px solid #F39700;
}

.nonVisitedQuestionClassDiv {
  border-bottom: 3px solid #090909;
}
/* Security Question */

.ui.selection.dropdown:hover,
.ar .ui.selection.dropdown:hover {
  border: 1px solid #090909;
}

/*Navigation for mobile*/
.pushable.mainNavigation {
  position: fixed;
  right: -100%;
  transition:all 0.5s;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: white;
  z-index: 5;
  overflow-y: auto;
  padding: 100px 0px 0px 0px;
  -webkit-box-shadow: -8px 2px 20px 0px rgb(0 0 0 / 14%);
  -moz-box-shadow: -8px 2px 20px 0px rgba(0,0,0,0.14);
  box-shadow: -8px 2px 20px 0px rgb(0 0 0 / 14%);

}
.ar .pushable.mainNavigation {
  position: fixed;
  left: -100%;
  right: auto;
  transition:all 0.5s;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: white;
  z-index: 5;
  overflow-y: auto;
  padding: 100px 0px 0px 0px;
  -webkit-box-shadow: -8px 2px 20px 0px rgb(0 0 0 / 14%);
  -moz-box-shadow: -8px 2px 20px 0px rgba(0,0,0,0.14);
  box-shadow: -8px 2px 20px 0px rgb(0 0 0 / 14%);

}
.pushable.mainNavigation .primaryNavigation {
  width: 100%;
  display: block;
  padding-top: 100px;
}

.pushable.mainNavigation .primaryNavigation .item,
.pushable.mainNavigation .primaryNavigation .extraItem{
  padding: 0;
}

.pushable.mainNavigation .primaryNavigation .item:before{
  display: none;
}
.pushable.mainNavigation .primaryNavigation a.item,
.pushable.mainNavigation .primaryNavigation .extraItem{
  display: block;
  padding: 20px 35px !important;
  border-bottom: solid 1px #090909;
  color: #090909 !important;
  background: #FFFFFF !important;
  font-style: normal;
  font-weight: normal;
  font-family: 'Roboto','DroidArabicKufiRegular';
  line-height: 26px;
}

.pushable.mainNavigation .primaryNavigation a.item:focus,
.pushable.mainNavigation .primaryNavigation .extraItem:focus,
.pushable.mainNavigation .primaryNavigation a.item:hover,
.pushable.mainNavigation .primaryNavigation .extraItem:hover{
  color: #090909 !important;
  background: #FFCF23 !important;
  font-style: normal;
  font-weight: normal;
  font-family: 'Roboto','DroidArabicKufiRegular';
  line-height: 26px;
}


.ar .pushable.mainNavigation .primaryNavigation a.item:focus,
.ar .pushable.mainNavigation .primaryNavigation .extraItem:focus,
.ar .pushable.mainNavigation .primaryNavigation a.item:hover,
.ar .pushable.mainNavigation .primaryNavigation .extraItem:hover{
  color: #090909 !important;
  background: #FFCF23 !important;
  font-style: normal;
  font-weight: normal;
  font-family: 'Roboto','DroidArabicKufiRegular';
  line-height: 26px;
  border: 1px solid #090909;
}



.ar .pushable.mainNavigation .primaryNavigation a.item,
.ar .pushable.mainNavigation .primaryNavigation .extraItem{
  display: block;
  padding: 20px 35px !important;
  border-bottom: solid 1px #090909;
  color: #090909 !important;
  background: #FFFFFF !important;
  font-style: normal;
  font-weight: normal;
  font-family:'DroidArabicKufiRegular' ,'Roboto';
  line-height: 26px;
}

/* Language Label */
.pushable.mainNavigation .primaryNavigation a.item.language-item{
  display: block;
  padding: 5px 18px !important;
  border-bottom: none !important;
  color: #090909 !important;
  font-family: 'RobotoNueLTArabicBold';
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 40px;
}

.pushable.mainNavigation .primaryNavigation a.item.language-item:focus,
.pushable.mainNavigation .primaryNavigation a.item.language-item:hover,
.pushable.mainNavigation .primaryNavigation a.item.language-item:active {
  color: #090909 !important;
  background: #FFFFFF !important
}

.ar .pushable.mainNavigation .primaryNavigation a.item.language-item{
  font-family: 'Roboto';
}

/* Language Label */

.pushable.mainNavigation .ui.top.push.sidebar,
.ar .pushable.mainNavigation .ui.top.push.sidebar{
  -webkit-transform: translate3d(0%,0,0);
  transform: translate(0%,0,0);
  box-shadow: none;
  border-bottom: none;
}

.pushable.mainNavigation .primaryNavigation a label,
.pushable.mainNavigation .primaryNavigation .extraItem label{
  font-size: 22px;
  color: #090909  !important;
}

.pushable.mainNavigation .primaryNavigation .language-item label{
  font-size: 22px;
  color: #090909 !important;
  letter-spacing: -0.02em;
}

.pushable.mainNavigation .primaryNavigation a.item:hover label,
.pushable.mainNavigation .primaryNavigation a.item:focus label,
.pushable.mainNavigation .primaryNavigation a.item:active label {
  color: #090909 !important;
}

.pushable.mainNavigation .primaryNavigation a::after,
.pushable.mainNavigation .primaryNavigation a::before{
  display: none;
}

.pushable.mainNavigation.openNavigation{
  right: 0;
}

.ar .pushable.mainNavigation.openNavigation{
  left: 0;
  right: auto;
}

.primaryNavigation{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

/* close */
span.aecb-icon-menuclose {
  display: inline-flex;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  background: #090909;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* z-index: 9; */
  border: 1px solid #DAE4EA;
  font-size: 12px;
}


/* css added by GreenLightTech */
.order-summary-bg__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  background: #090909;
  border: 1px solid #090909;
  border-radius: 6px;
  padding: 18px 20px;
}

.ar .order-summary-bg__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  background: #090909;
  border: 1px solid #090909;
  border-radius: 6px;
  padding: 16px 20px;
}

.order-summary-bg .order-summary-left-column .order-summary-bg__text label.label span,
.order-summary-bg .order-summary-left-column .order-summary-bg__text label {
  font-weight: bold !important;
  font-size: 18px !important;
  line-height: 24px;
  font-family: Roboto;
  color: #fff !important;
}

.order-summary-bg__text label span{
  font-weight: normal;
 /* font-size: 18px;*/
  font-size: 17px;
  line-height: 24px;
  font-family: Roboto;
  color: #fff;
  margin-right: 30px;
}

.ar .order-summary-bg .order-summary-left-column .order-summary-bg__text label.label span,
.ar .order-summary-bg .order-summary-left-column .order-summary-bg__text label,
.ar .order-summary-bg__text label span {
  font-family: 'DroidArabicKufiRegular' !important;
}

.add-credit-score-bg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 25px 0;
  padding: 20px;
  border: 1px dashed #090909;
  border-radius: 6px;
}
.add-credit-score-bg .label {
  padding-bottom: 0;
  display: block;
  flex: 2;

}
.add-credit-score-bg .label+div {
  margin-top: 10px;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #000;
}
.add-credit-score-bg .labelClass {
  flex: 2;
}
.add-credit-score-bg  .buttonClass {
  text-align: right;
  flex: 1;
}
.add-credit-score-bg  .buttonClass > button{
  margin-right: 0;
  min-width: 90px;
}
.add-credit-score-bg .label span{
  font-weight: bold;
  font-size: 17px;
  line-height: 24px;
}

.order-summary-bg .order-summary-left-column .vat-row{
  border-bottom: 0px !important;
}

.dashboard-main .dashboard-purchase-history-grid .three.column.row {
  background: #FFFFFF;
  border: 1px solid #090909;
  border-radius: 10px;
  margin: 0 1rem;
  margin-top: 7px;
  padding: 16px;
}

.dashboard-main .dashboard-purchase-history-grid .ui.table tr td.cell1,
.dashboard-main .dashboard-purchase-history-grid .ui.table tr td.cell2,
.dashboard-main .dashboard-purchase-history-grid .ui.table tr td.cell3 {
    padding-top: 0px;
}

.dashboard-main .dashboard-purchase-history-grid .ui.table tr:first-child td.cell1,
.dashboard-main .dashboard-purchase-history-grid .ui.table tr:first-child td.cell2,
.dashboard-main .dashboard-purchase-history-grid .ui.table tr:first-child td.cell3 {
    padding-top: 0;
}

.dashboard-main .dashboard-purchase-history-grid .ui.card > .content {
  padding: 0;
}
.dashboard-main .dashboard-purchase-history-grid .ui.card > .content > .description {
  position: relative;
}
.dashboard-main .dashboard-purchase-history-grid .column:first-child > .ui.card > .content > .description::after {
  display: none;
}
.dashboard-main .dashboard-purchase-history-grid .ui.card > .content > .description::after {
  position: absolute;
  content: '';
  border-left: 1px solid #090909;
  height: 100%;
  left: -2rem;
  top: 0;
}
.ar .dashboard-main .dashboard-purchase-history-grid .ui.card > .content > .description::after {
  position: absolute;
  content: '';
  border-right: 1px solid #090909;
  height: 100%;
  right: -2rem;
  top: 0;
  border-left: 0;
}
.dashboard-main .dashboard-purchase-history-grid .ui.card {
  border: 0;
  width: 100%;
}
.ar .order-summary-bg__text label span {
  margin-left: 15px;
  margin-right: 15px;
}
.ar .add-credit-score-bg .buttonClass {
  text-align: left;
}
.ui.form input#mobileSettings[type="text"] {
  font-size: 14px !important;
  color: #090909 !important;
  height: 45px;
}
.dashboardHistory span {
  white-space: nowrap;
}
.ar .dashboardHistory span {
  white-space: break-spaces;
}
.ui.modal.transition.visible.active.scale.settingsModal.visible.transition{
  -webkit-transform: translate3d(0,0,0) !important;

}
.video .ui.embed i.play.small.icon:before {
  font-size: 20px !important;
}
i.play.small.icon, .ar i.play.small.icon {
  width: 40px;
  height: 40px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #F39700;
  border-radius: 50%;
}
/* .dashboard-slick-carousel i.play.small.icon,
.dashboard-slick-carousel .i.play.small.icon{
  width: 40px !important;
  height: 40px !important;
} */

.dashboard-main .dashboard-purchase-history-grid,
.ar .dashboard-main .dashboard-purchase-history-grid  {
  margin-top: 0px;
  margin-bottom: 0px;
}

.dashboard-card-description{
  padding-bottom: 0;
}

.scrolling.dimmable.dimmed > .dimmer {
  overflow-x: hidden;
}

.dashboard-main .priceCol > span,
.dashboard-main .priceCol > span > span,
.product-selection-content .priceCol > span,
.product-selection-content .priceCol > span > span {
  line-height: 23px;
  color: #090909;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  letter-spacing: -0.02em;
  font-size: 23px;
  margin-bottom: 8px;
}

.ar .dashboard-main .priceCol > span,
.ar .dashboard-main .priceCol > span > span,
.ar .product-selection-content .priceCol > span,
.ar .product-selection-content .priceCol > span > span {
  font-family: "DroidArabicKufiRegular";
}

.dashboard-main .primary-card-title p span,
.product-selection-content .primary-card-title p span {
  font-size: 17px;
  line-height: 32px;
  display: block;
  font-weight: normal;
  font-family: 'Roboto' !important;
}

.ar .dashboard-main .primary-card-title p span,
.ar .product-selection-content .primary-card-title p span {
  font-family: 'DroidArabicKufiRegular' !important;
}

/*payment successfull page*/
.sub.header.report-send-text{
  font-style: normal;
  font-weight: 300 !important;
  font-size: 38px !important ;
  line-height: 54px ;
  letter-spacing: -0.04em;
  color: #090909 !important;
  text-transform: capitalize !important;
  font-family: 'Roboto' !important;
}
.report-sent-content .ui.header.bannerTitle + .bannerDesription > span {
  font-size: 16px;
  letter-spacing: -0.02em;
  color: #090909;
  line-height: 23px !important;
  font-family: 'Roboto' !important;
  font-style: normal;
  font-weight: normal;
}

p.transaction-number-text{
  font-style: normal;
  font-weight: bold !important;
  font-size: 23px !important;
  line-height: 23px;
  color: #090909 !important;
}

.sub.header.services-title-text,
.sub.header.transaction-number-text{
    font-style: normal;
    font-size: 16px !important;
    line-height: 23px;
    letter-spacing: -0.02em !important;
    color: #090909 !important;
    text-transform: initial !important;
    font-weight: bold !important;
    font-family: 'Roboto' !important;
}
.ar .sub.header.services-title-text,
.ar .sub.header.transaction-number-text{
  font-family: 'DroidArabicKufiRegular' !important;
}

p.report-send-desc,
p.transaction-number-desc,
p.service-desc{
  font-style: normal;
  font-weight: normal;
  font-size: 14px !important;
  line-height: 23px;
  letter-spacing: -0.02em;
  color: #090909 !important;
}
p.service-desc{
  max-width:455px !important;
}

p.transaction-number-desc {
  max-width: 391px !important;
}

.report-container {
  padding-bottom: 3.5em;
}

/* Reset Password */
.field.resetPasswordInlineText-field > label{
  font-size: 0px !important;
  margin: 0 !important;
  height: 0px !important;
}
/* Reset Passsword */

/* Global Css New As Per Figma */
.login-content .ui.header,
.forgot-content .ui.header {
  color: #090909 !important;
}

.security-ques-content .ui.header,
.dashboard-main .ui.header,
.purchase-history-main .ui.header,
.order-summary-content .ui.header,
.chng-pwd-content .ui.header,
.payment-decline-content .ui.header,
.report-sent-content .ui.header,
.verify-otp-content .ui.header {
  color: #090909 !important;
}

.ar .mobile-prefix-label{
  direction: ltr;
}
.ar .resgisterPage code{
  direction: ltr;
  display: inline-block;
  font-family: "DroidArabicKufiRegular";
}

.ar .video-modal-popup i.icon.play.circle:before {
  content: "\f144";
  position: absolute;
  transform: translate(0, -10px);
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  left: 0;
  font-size: 60px;
}

.ar .video-modal-popup i.icon.video.play:after,
.ar .video-modal-popup i.icon.video.play:after {
  background: transparent !important;
}

/* Footer CSS */
.footer.footerDiv {
  display: block !important;
}

.ftSocialLinks ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

.ftSocialLinks ul li {
  list-style: none;
  /* width: 24px;
  height: 24px; */
  width: 3.125em;
  height: 3.125em;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0 0 0 28px;
  font-size: 1rem !important;
}

.ar .ftSocialLinks ul li{
  margin: 0 28px 0 0 !important;
}

.ftSocialLinks ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  color: #737373 !important;
  position: relative;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  font-size: 1.5em;
}

.ftSocialLinks ul li a:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  background: #FFCF23;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  content: '';
}

.column.right-footer-column.ftSocialLinks ul li:before {
  content: '' !important;
  margin-left: 0px !important;
}

.ftSocialLinks ul li a i {
  position: relative;
  z-index: 2;
}

.footer .right-footer-column > a{
  padding-left: 20px;
  padding-right: 20px;
}
.footer i.icon, .footer i.icons{
  margin: 0;
}

.footer i.twitter.icon{
  width: 22px;
  height: 18px;
}
.footer i.facebook.f.icon{
  width: 10px;
  height: 20px;
}

.footer i.instagram.icon{
  width:20px;
  height: 20px;
}

.footer i.youtube.icon{
  width:20px;
  height: 21px;
}

.mainFooterAecb{
  align-items: center;
}

@media (min-width: 1200px){
  .ftSocialLinks ul li a:hover {
    color: #FFFFFF !important;
  }

  .ftSocialLinks ul li a:hover:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

/* End Footer CSS */

/* Global Css New As Per Figma */

@media only screen and (min-width:320px) and (max-width:325px)  {
  .ar .order-summary-bg .order-summary-right-column .ui.card .content .description ul li a {
    font-size: 10px !important;
  }
}

@media only screen and (max-width:1699px) {
  .menuSettingImg {
    height: 39.6px !important;
    width: 39.6px !important;
  }

  .menuLogoutImg {
    height: 39.6px !important;
    width: 39.6px !important;
  }

  .logImg {
    height: 39.6px !important;
    width: 39.6px !important;
  }

  .logOutImg {
    height: 39.6px !important;
    width: 39.6px !important;
  }

  .contactUsIcon{
    height: 35px;
    width: 35px;
    opacity: 0.8;
  }
}


@media only screen and (min-width:768px) {
   
   .checkRegChequeScore>label{
  margin-left:24px !important
  }
}
/* Mobile Devices */
/* Mobile Devices */
@media only screen and (max-width:767px) {
   .leftBorder{
    border:none !important;
   }
   .checkRegChequeScore>label{
margin-left:36px !important
}

  .gapBetweenCs{
    margin-bottom:8px !important;
  }

  .imageModalCs{
    right : 0% !important
  }

  .imageModalCsar{
    left : 0% !important
  }

  .add-credit-score-bg .label {
    padding-bottom: 0 !important;
    display: flex;
    flex-wrap: wrap;
    /* margin-bottom: 20px; */
  }
  .ar .add-credit-score-bg .label{
    display: inline-block;
    /* margin-bottom: 20px; */
    margin-right: 0;
    word-break: break-all;
  }

  .ui.stackable.grid.security-container-grid {
    margin-top: 1em !important;
  }

  .ar .ui.stackable.grid.security-container-grid {
    margin-top: 2em;
    margin-left: 0 !important;
    /* margin-left: 2em !important; */
  }

  .ui.stackable.grid.security-vertical-grid {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .ar .ui.stackable.grid.security-vertical-grid {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .ui.stackable.grid.security-vertical-grid .column{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .ar .ui.stackable.grid.security-vertical-grid .column{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* .ar .ui.form.security-form {
    margin-right: -1em !important;
    margin-left: 2em !important;
  } */

  .ui.container.chng-pwd-container {
    padding: 0px 0px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .ui.container.reset-container {
    padding: 0px 0px !important;
  }

  .ui.container.security-container{
    padding: 0px 0px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Security Question */
  p.currentQuestionClass {
    color: #090909 !important;
    font-size: 14px !important;
    font-weight: bold !important;
  }

  p.visitedQuestionClass{
    color: #090909 !important;
    font-size: 14px !important;
    display: flex;
  }

  p.nonVisitedQuestionClass{
    color: #090909  !important;
    font-size: 14px  !important;
  }

  p.qs-label-sel {
    font-size: 15px !important;
    line-height: 20px !important;
    font-style: normal;
    font-weight: normal;
    height: auto !important;
  }

  p.qs-label-txt {
    font-style: normal;
    font-weight: normal;
    font-size: 14px !important;
  }

  /* .qs-label-txt,
  .qs-label-sel {
    height: 38px !important;
  } */

  .ui.selection.dropdown.security-question-dropdown {
    color: #090909 !important;
    background: #FFFFFF;
    border: 1px solid #090909;
    box-sizing: border-box;
    border-radius: 10px;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .ui.selection.dropdown.security-question-dropdown:focus {
    border: 1px solid #090909;
    box-shadow: 0px 42px 90px rgba(60, 89, 164, 0.1);
  }

  .ui.selection.dropdown.security-question-dropdown > .dropdown.icon {
    top: 1rem !important;
  }

  .ar .ui.selection.dropdown.security-question-dropdown > .dropdown.icon {
    top: 1rem !important;
  }
  .ui.selection.dropdown.security-question-dropdown .default.text{
    line-height: 26px !important;
  }

  i.icon.security-question-icon{
    font-size: 22px;
    margin: 0em 0em 0em 0.5em;
    text-align: right;
    margin-left: auto;
  }

  .ar i.icon.security-question-icon{
    font-size: 22px;
    margin: 0em 0em 0em 0.5em;
    text-align: left;
    margin-right: auto;
    margin-left: inherit;
  }

  i.icon.check.circle:before{
    color: #A9D08E;
  }

  .ui.form.security-form .ui.input.security-question-text input[type="text"],
  .ar .ui.form.security-form .ui.input.security-question-text input[type="text"] {
    height: 50px;
    color: #090909 !important;
  }

  .security-form {
    padding: 16px 0px 50px 0;
  }

  .security-ques-content .bannerDesription {
    margin-top: -1em
  }

  /* Security Question */
  .scrolling.dimmable.dimmed > .dimmer {
    overflow-x: hidden;
  }

  .show-help-modal-content-header span,
  .show-contact-us-modal-content-header span,
  .uaepass-modal-content-header span {
    line-height: 40px;
    font-weight: 300;
    font-size: 30px !important;
  }

  .ar .show-help-modal-content-header span,
  .ar .show-contact-us-modal-content-header span,
  .ar .uaepass-modal-content-header span {
    font-size: 26px !important;
  }

  .order-summary-bg__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    background: #090909;
    border: 1px solid #090909;
    border-radius: 6px;
    padding: 16px 14px 16px 14px
  }

  .ar .order-summary-bg__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    background: #090909;
    border: 1px solid #090909;
    border-radius: 6px;
    padding: 16px 14px 16px 14px
  }

  .order-summary-bg__text label span{
    margin-right: 7px;
    font-size: 16px !important;
    line-height: 20px;
  }

  /* Payment Page  */
  .report-sent-content .report-container .header {
    margin-left: 0em !important;
  }

  .ar .report-sent-content .report-container .header {
    margin-right: 0em !important;
  }

  .payment-decline-content .payment-decline-container .header {
    margin-left: 0em !important;
  }

  .ar .payment-decline-content .payment-decline-container .header {
    margin-right: 0em !important;
  }

  .reportSentImg > img{
    position: relative;
    right: 0.8em;
  }

  .ar .reportSentImg > img{
    position: relative;
    right: 0em;
  }


  /* Menu */
  .pushable.mainNavigation .ui.stackable.mobile-menu.grid > .row > .column {
    width: 50% !important;
  }

  .ui.two.column.grid.stackable.mobile-menu,
  .ar .ui.two.column.grid.stackable.mobile-menu {
    margin-left: 16px !important;
    margin-right: 16px !important;
    padding-top: 1.2857rem !important;
    /* padding-top: 1.688rem !important; */
    padding-bottom: 1rem;
  }
  /* .column.openNavMenu{
    margin: 0 -5px;
    padding: 0 !important;
  }
  .column.openNavMenu span.aecb-icon-menuclose {
    margin-right: -10px;
  }
  .ar .column.openNavMenu span.aecb-icon-menuclose {
    margin-left: -10px;
    margin-right: inherit;
  } */
  .last-child-language {
    text-align: right;
  }

  .ar .last-child-language {
    text-align: left;
  }

  .ui.button.menulogin, .ar .ui.button.menulogin{
    padding: 13px 14px;
    font-size: 14px;
    border-radius: 10px;
    transition: all 0.7s ease;
    font-weight: 500;
    font-style: normal;
  }

  .ui.button.menulogin span, .ar .ui.button.menulogin span{
    line-height: 16px;
  }

  .ui.button.menulogin i {
    margin-left: 0.8em;
  }

  .ar .ui.button.menulogin i {
    margin-right: 0.8em;
    margin-left: inherit;
  }

  /* Menu */

  /* New Tickets For Mobile */
  .ui>.row>.column.divider.mobileStretchedRegister span,
  .ar .ui>.row>.column.divider.mobileStretchedRegister span{
    font-size: 16px;
    /* transform: translateY(7px);
    display: inline-block; */
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-40%)
  }

  .ar .dashboard-card-description span{
    font-size: 18px !important;
    line-height: 26px !important;
  }

  .dashboard-main .ui .header{
    letter-spacing: -0.06em;
  }

  p.transaction-number-desc {
    max-width: 368px !important;
    font-size: 15px !important;
    line-height: 20px;
  }

  p.service-desc {
      max-width: 337px !important;
      font-size: 15px !important;
      line-height: 20px;
  }

  /* New Tickets For Mobile */

  /* CSS added on dated 17-06-21 for mobile responsive and remove double occurances of (max-width: 767px)*/

  .responsive-button-container > .ui.button.primary,
  .ar .responsive-button-container > .ui.button.primary{
    width: auto !important;
    min-width: 120px !important;
    margin-bottom: 20px;
    padding: 16px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
  }

  .responsive-container {
    padding: 30px 0px 12px 0px!important;
  }

  .right-column {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .inner-container-right-col, .inner-container-left-col {
    padding: 0px;
  }

  .login-button {
    position: relative;
  }

  .mobile-responsive-col {
    width: 100% !important;
  }

  .mobile-hide {
    display: none !important;
  }

  .mobile-only {
    display: block !important;
  }

  .grid-row-absolute {
    position: relative !important;
    bottom: 0px;
  }

  .usersettings-align-end {
    text-align: start !important;
  }

  .lang-select {
    text-align: start !important;
  }

  .ui.table:not(.unstackable) .hide-section,
  .ui.table:not(.unstackable) .hide-section tr,
  .ui.table:not(.unstackable) .hide-section>tr>td,
  .ui.table:not(.unstackable) .hide-section>tr>th {
    display: none !important;
  }

  .mobile-align-center {
    text-align: center;
  }

  .offers-container {
    height: 300px;
  }

  .banner-img {
    height: 100%;
    min-height: 200px !important;
    max-height: 200px !important;
  }

  .add-credit-score-bg .labelClass {
    -webkit-box-flex: 1 !important;
    -ms-flex: auto !important;
    flex: auto !important;
    margin-bottom: 12px;
  }
  .dashboard-main .dashboard-purchase-history-grid .ui.card > .content > .description::after {
    display: none;
  }
  .dashboard-main .five.wide.computer.sixteen.wide.mobile.five.wide.tablet.column.product {
      margin-bottom: 20px;
  }

  .dashboard-main .cell1 p,
  .dashboard-main .cell2 p,
  .dashboard-main .cell3 p,
  .purchase-history-main .cell1 p,
  .purchase-history-main .cell2 p,
  .purchase-history-main .cell3 p {
    font-weight: normal !important;
    font-size: 15px !important;
    line-height: 20px;
    letter-spacing: -0.02em;
  }

  .dashboard-main .ui.table:not(.unstackable) tr > th,
  .dashboard-main .ui.table:not(.unstackable) tr > td,
  .purchase-history-main .ui.table:not(.unstackable) tr > th,
  .purchase-history-main .ui.table:not(.unstackable) tr > td  {
    padding: 0.25em 0 !important;
  }

  .dashboard-main .ui.table:not(.unstackable) tr,
  .purchase-history-main .ui.table:not(.unstackable) tr {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .productHomeListing {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .ui[class*="equal width"].grid>.row>.column.mobile-productTitle, .ui.grid>.row>.column.mobile-productTitle {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .ui[class*="equal width"].grid>.row>.column.desktop-productTitle, .ui.grid>.row>.column.desktop-productTitle {
    display: none !important;
  }

  .maintenance-title .title {
    font-size: 20px !important;
  }

  .label-with-border {
    height: 45px !important;
  }

  #nationalityDropdwon, #hearAboutUs {
    height: 45px !important;
  }

  .uaeRegPass .grid {
    margin-left: 0.5rem !important;
  }

  .signupText {
    text-align: left;
  }

  .footer {
    width: 100%;
    position: unset;
    top: inherit;
    margin-top: 20px;
  }

  .recaptchaFgtPwd .field label {
    display: none !important;
  }

  .ui.stackable.grid.mobileStackable {
    width: auto;
    margin-left: -0.5em !important;
    margin-right: -1em !important;
  }
  .ar .ui.stackable.grid.inner-container-left-col {
    margin-right: 1em !important;
  }

  .ui.mini.modal.response-modal,
  .ui.mini.modal.contact-us-modal,
  .ui.mini.modal.uaepass-modal {
    width: 95%;
    max-width: 498px;
  }

  .aecb-icon-popup_close:before {
    padding-top: 0.5em;
    font-size: 14px !important;
  }

  .ar .aecb-icon-popup_close:before {
    padding-top: 1em;
    font-size: 14px !important;
  }
  .ui.mini.modal.contact-us-modal .aecb-icon-popup_close:before {
    position: relative;
    right: -0.5em;
    top: 0.5em;
    font-size: 14px !important;
  }
  .ar .ui.mini.modal.contact-us-modal .aecb-icon-popup_close:before {
    right: 1em;
    top: 0;
  }
  .response-modal .response-modal-content .aecb-icon-popup_close:before{
    top: 0;
    right: 0.5em;
    position: relative;
    font-size: 14px !important;
  }

  .response-modal .response-modal-content .aecb-icon-popup_close.crossbtn:before{
    top: -1.5em;
    right: -1em;
    position: absolute;
    font-size: 10px !important;
  }

  .ar .response-modal .response-modal-content .aecb-icon-popup_close.crossbtn:before{
    top: -2em;
    left: -0.5em;
    right: unset;
    position: absolute;
    font-size: 10px !important;
  }

  .ar .response-modal .response-modal-content .aecb-icon-popup_close:before{
    top: 0;
    left: 0.5em;
    right: inherit;
    position: relative;
    font-size: 14px !important;
  }
  .spacer-medium {
    padding: 0px !important;
  }

  .ui.mini.modal.response-modal .header,
  .ui.mini.modal.contact-us-modal .header{
    margin-left: 0em;
  }

  .ar .ui.mini.modal.response-modal .header,
  .ar .ui.mini.modal.contact-us-modal .header{
    margin-right: 0em;
  }

  .show-help-modal-content-primary span,
  .show-contact-us-modal-content-primary span,
  .uaepass-modal-content-header span {
    line-height: 24px;
    font-size: 14px !important;
  }
  .show-contact-us-modal-content-primary span ,
  .uaepass-modal-content-header span{
    letter-spacing: 0.02em;
  }
  .show-help-modal-content-header span,
  .show-contact-us-modal-content-header span,
  .uaepass-modal-content-header span {
    font-size: 32px;
    line-height: 58px;
  }

  .uaepass-modal-content-header span{
    font-family: Roboto;
  font-style: normal;
  font-weight: 300 !important;
  font-size: 23px !important;
  line-height: 68px !important;
  letter-spacing: -0.04em !important;
  color: #090909 !important;
  }

  .ar .show-help-modal-content-primary span,
  .ar .show-contact-us-modal-content-primary span,
  .ar .uaepass-modal-content-header span {
    font-size: 14px !important;
  }

  /* .ar .ui.fluid.container.mainContainer.autoWidthContainer {
    padding: 1.25em 0.625em !important;
  } */

  .ar .ui.container.mainContainer .order-summary-content .ui.container,
  .ar .ui.container.mainContainer .dashboard-main .ui.container,
  .ar .ui.container.mainContainer .purchase-history-main .ui.container,
  .ar .ui.container.mainContainer .chng-pwd-content .ui.container,
  .ar .ui.container.mainContainer .report-sent-content .ui.container,
  .ar .ui.container.mainContainer .payment-decline-content .ui.container {
      width: auto !important;
  }

  /* .ar .order-summary-bg .order-summary-left-column .ui.card{
      padding: 25px 15px 25px 10px;
  } */

  .pagination-mobile {
    display:none;
  }

  .reset-mobile {
    display: none !important;
  }

  .v-otp-mobile {
    display: none !important;
  }

  .summary-mobile{
    visibility: hidden !important;
    display: none !important;
  }

  .order-summary-bg .order-summary-left-column .ui.card .extra.content,
  .ar .order-summary-bg .order-summary-left-column .ui.card .extra.content {
    padding: 0;
  }

  .order-description .column,
  .order-summary-bg .order-summary-left-column .vat-row{
    border-bottom:  1px solid #090909 !important;
  }

  .order-description .col-one label,
  .order-description .col-one label span {
    font-size: 15px;
    line-height: 18px;
    color: #090909;
    font-weight: 500;
    letter-spacing: -0.02em;
  }

  .order-description .col-two label,
  .order-description .col-two label span {
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #090909;
  }

  .order-description .col-three label,
  .order-description .col-three label span {
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    color: #090909;
  }

  .ar .order-description .col-one label,
  .ar .order-description .col-one label span {
    font-size: 15px;
    line-height: 20px;
    color: #090909;
    font-weight: 500;
  }

  .ar .order-description .col-two label,
  .ar .order-description .col-two label span {
    font-size: 15px;
    line-height: 20px;
    font-weight: normal;
    color: #090909;
  }

  .ar .order-description .col-three label,
  .ar .order-description .col-three label span {
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    color: #090909;
  }

  .order-description .col-one,
  .order-description .col-two,
  .order-description .col-three {
    padding-bottom: 19px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .order-description .col-three {
    text-align: right;
  }
  .ar  .order-description .col-three {
    text-align: left;
  }
  /* .order-description .col-one {
    margin-left: 0.5em;
  } */

  /* css started for mobile  */
  .login-content .ui.container,
  .forgot-content .ui.container,
  .product-selection-content .ui.container,
  .dashboard-main .ui.container,
  .order-summary-content .ui.container,
  .verify-otp-content .ui.container,
  .page-reset-password .reset-container.ui.container{
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .ui.fluid.container.mainContainer, .ar .ui.fluid.container.mainContainer{
    margin: 20px !important;
    /* margin-left: 20px !important;
    margin-right: 20px !important;
    margin-top: 20px !important; */
    position: unset;
    top:inherit;
    padding: 25px 19px 32px 19px;
    /* box-shadow: 0px 34px 90px rgba(60, 89, 164, 0.1); */
    border-radius: 10px;
  }
  .ui.container.customContainer{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .bannerDesription > span,
  .login-content .banner .signupText > span{
    font-size: 15px;
    line-height: 20px;
    font-weight: normal;
    font-family: "Roboto";
  }
  .ar .bannerDesription > span,
  .ar .login-content .banner .signupText > span{
    font-family: 'DroidArabicKufiRegular' !important;
  }
  .login-content .ui.small.button,
  .ar .login-content .ui.small.button {
    font-size: 15px;
  }
  .login-form input#email,
  .login-form input#password,
  .fgtForm input#email,
  .change-pwd-grid input#oldPassword,
  .change-pwd-grid input#confirmNewPassword,
  .change-pwd-grid input#newPassword,
  .verify-otp-grid input#verificationCode,
  .reset-grid input#oldPassword,
  .reset-grid input#confirmNewPassword,
  .reset-grid input#newPassword,
  .ui.resgisterPage input#fullNameForRegister,
  .settingsModal input#fullNameForRegistert,
  .ui.resgisterPage input#emailForRegister,
  .ui.resgisterPage input#confirmEmailForRegister,
  .ui.resgisterPage input#passport,
  .ui.resgisterPage input#mobileForRegister,
  .ui.resgisterPage .label-with-border,
  .ui.resgisterPage input#datepickerRegister,
  .ui.resgisterPage .dropdown#registerGender,
  .ui.resgisterPage #nationalityDropdwon,
  .ui.resgisterPage #hearAboutUs{
   max-width: 100%;
   height:50px !important;
   border-radius: 6px !important;
   box-shadow: none;
  }
  .register-content .ui.dropdown > .text{
    line-height: 26px;
  }
  .ar .register-content .ui.input input,
  .ar .register-content .react-datepicker__input-container input.simpleDatePicker{
    line-height: 2;
  }
  .register-content .ui.selection.dropdown > .dropdown.icon {
    top: 1rem!important;
  }
  .login-form label{
    letter-spacing: -0.02em;
    line-height: 16px;
  }
  .ui.button.primary,
  .ar .ui.button.primary,
  .ui.secondary.button,
  .ar .ui.secondary.button
  .productCard .buynow,
  .ar .productCard .buynow,
  .productCard .learnmore,
  .ar .productCard .learnmore,
  .dashboard-main .dashboard-main__hero-cont .downloadreport,
  .ar .dashboard-main .dashboard-main__hero-cont .downloadreport,
  .ui.secondary.button.backtodashboard,
  .ui.stackable.grid.change-pwd-grid .ui.secondary.button,
  .ui.stackable.reset-grid .ui.secondary.button,
  .ui.secondary.button.order-summary-remove{
    width: 100% !important;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 13px 16px !important;
    /* padding: 16px 16px !important; */
    font-size: 14px !important;
    line-height: 16px;
    margin: 0;
    border-radius: 6px;
  }
  .ui.secondary.button{
    border: 1px solid #090909;
    box-sizing: border-box;
    border-radius: 6px;
    color: #090909;
  }

  .order-summary-content .ui.secondary.button.backtodashboard,
  .ar .order-summary-content .ui.secondary.button.backtodashboard{
    color: #090909;
  }

  .purchase-history-main .ui.secondary.button.backtodashboard,
  .ar .purchase-history-main .ui.secondary.button.backtodashboard{
    color: #090909;
  }

  .login-form .forgot-password-row__link-wrapper{
    margin-top: 12px;
  }
  .login-content .login-container .mobileDivider .ui.horizontal.divider{
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 14px;
    display: flex;
    justify-content: center;
  }
  .login-content .login-container .mobileDivider .ui.horizontal.divider span{
    font-size: 16px;
    line-height: 19px;
    font-weight: normal;
    letter-spacing: -0.02em;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .login-content .uaePass{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .login-content .loginUaePass{
    width:100%;
    text-align: center;
    font-size: 15px !important;
    line-height: 18px;
    margin-top: 5px;
  }
  .ui.stackable.grid .mainFooterAecb .column.footerText{
    font-size: 13px;
    line-height: 20px;
    padding: 0 !important;
  }
  .mainFooterAecb .right-footer-column{
    padding-top: 4px !important;
  }
  .footer .ui.grid{
    margin-top: 0;
  }
  .ui.secondary.menu, .ar .ui.fluid.secondary.menu{
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 18px;
  }
  .ui.secondary.menu > .item{
    margin:0;
  }

  .left.item.logo-item{
    width: 60% !important;
  }
  .footer > .ui.container{
    padding:0 0 23px 0;
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  /* .footer i.icon, .footer i.icons{
    font-size: 21px;
  } */
  .footer .right-footer-column{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .footer .right-footer-column > a{
    padding-left: 20px;
    padding-right: 20px;
  }
  .footer i.icon, .footer i.icons{
    margin: 0;
  }
  .footer i.twitter.icon{
    width: 22px;
    height: 18px;
  }
  .footer i.facebook.f.icon{
    width: 10px;
    height: 20px;
  }
  .footer i.instagram.icon{
    width:20px;
    height: 20px;
  }
  .footer i.youtube.icon{
    width:20px;
    height: 21px;
  }
  .banner .ui.header{
    font-size: 28px !important;
    line-height: 32px;
    font-weight: 300 !important;
    letter-spacing: -0.04em;
    color: #090909 !important;
    padding-bottom: 8px !important;
  }
  .ar .banner .ui.header{
    line-height: 40px;
  }
  .response-modal-content .sub.header span{
    font-size: 28px !important;
    line-height: 32px;
    width: 100%;
    display: inline-block;
  }
  form.ui.form.fgtForm .stackable .row .column {
    padding-left: 0em !important;
    padding-right: 0em !important;
  }
  .fgtForm .mainMobileForgotPassText,
  .bannerDesription{
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 20px;
    font-weight: normal;
  }
  .priceCol span{
    font-size: 22px !important;
    line-height: 26px !important;
    font-weight: 300 !important;
  }
  .priceCol span span{
    font-size: 19px !important;
  }
  .product-selection-content .primary-card-title p span{
    font-size: 22px;
    line-height: 25px;
  }
  /* .productCard .stretched.row .column,
  .productCard .ui.grid .row .column{
    padding-left: 20px;
    padding-right: 20px;
  } */
  .productCard{
    padding: 16px 0;
  }
  .ui.stackable.product-Selection-Grid .row .column.m-card {
    padding-bottom: 10px !important;
  }
  .page-terms-aecb .tnc-content .sub.header{
    font-size: 28px !important;
    line-height: 32px;
    margin-left: inherit;
    margin-bottom: 16px !important;
    top: inherit !important;
    margin-top: 24px;
    letter-spacing: -0.06em;
  }

  .ar .page-terms-aecb .tnc-content .sub.header{
    line-height: 40px;
  }
  .page-terms-aecb .tnc-content .subHeadTNC{
    margin-left: inherit;
    padding-top: inherit !important;
  }
  .page-terms-aecb .tnc-content .tnc-Container{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .page-terms-aecb .tnc-content .subHeadTNC span{
    font-size: 15px !important;
    line-height: 20px;
    font-weight: normal;
  }
  .tnc-content .responsive-container{
    padding: 10px 0px 12px 0px!important;
  }
  .ui.button.primary, .ar .ui.button.primary{
    margin: 0;
  }
  .dashboard-main .dashboard-purchase-history-grid .ui.card > .content > .description{
    border: 1px solid #090909;
    padding: 20px;
    border-radius: 10px;
  }
  .dashboard-main .column.dashboardHistory {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.02em;
    color: #090909;
  }
  .dashboard-main .ui.table:not(.unstackable) tr,
  .purchase-history-main .ui.table:not(.unstackable) tr{
    padding:0;
  }
  .ui.table tr td.cell1 th label span,
  .ui.table tr td.cell2 th label span,
  .ui.table tr td.cell3 th label span{
    font-weight: 500 !important;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.02em;
  }
  .dashboard-main .primary-card-title p span,
  .product-selection-content .primary-card-title p span{
    font-size: 15px;
    line-height: 17px;
    letter-spacing: -0.02em;
  }
  .dashboard-card.ui.card > .content{
    padding: 15px 0px 0px 0px !important;
  }
  .dashboard-card.ui.card > .content > .header{
    margin-left: 0px;
    padding: 0px 14px 0px 14px !important;
    margin-top: 0;
  }
  .dashboard-card.ui.card > .extra.content{
    padding: 23px 14px 0px 14px !important;
  }
  .purchase-history-main .ui.card > .content{
    padding: 20px !important;
  }
  .purchase-history-main .ui.table tr td.cell1,
  .purchase-history-main .ui.table tr td.cell2,
  .purchase-history-main .ui.table tr td.cell3,
  .purchase-history-main .ui.table tr td.cell4{
    padding: 0.25em 0 !important;
  }
  .banner .ui.container, .ui.container.responsive-container{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .ui.button, .ar .ui.button{
    margin: 0;
  }
  .banner .ui.container, .ar .banner .ui.container{
    padding: 14px 0 0 0 !important;
  }
  /* a.left.item.logo-item {
    z-index: 7;
  } */
  .ui.table td{
    padding: 0;
  }
  .pushable.mainNavigation .primaryNavigation a.item,
  .pushable.mainNavigation .primaryNavigation .extraItem{
    padding: 18px 30px !important;
  }

  .pushable.mainNavigation .primaryNavigation .extraItem{
    border-bottom: none !important;
  }
  .pushable.mainNavigation .primaryNavigation .extraItem:hover label,
  .pushable.mainNavigation .primaryNavigation .extraItem:focus label,
  .pushable.mainNavigation .primaryNavigation .extraItem:active label{
    color: #090909 !important;
  }
  i.icon.angle.right, i.icon.angle.left {
    font-size: 18.68px;
  }
  /* .pushable.mainNavigation .primaryNavigation a label:hover,
  .pushable.mainNavigation .primaryNavigation .extraItem label:hover,
  .pushable.mainNavigation .primaryNavigation a label:focus,
  .pushable.mainNavigation .primaryNavigation .extraItem label:focus{
    color:#fff !important;
  } */

  .chng-pwd-content .ui.grid.stackable.change-pwd-grid .row .column,
  .verify-otp-content .ui.grid.stackable.verify-otp-grid .row .column,
  .page-reset-password .ui.grid.stackable.reset-grid .row .column{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .m-p-0{
    padding: 0 !important;
  }
  .m-pt-0{
    margin-top: 0 !important;
  }
  .m-pb-0{
    padding-bottom: 0 !important;
  }
  .resetPasswordInlineText {
    margin-top: 1rem;
  }
  .m-d-none{
    display: none !important;
  }
  .chng-pwd-content p.changePasswordInlineText,
  .verify-otp-content .bannerDesriptionCentered,
  .verify-otp-content .field.otp-field-info span,
  .verify-otp-content .field.otp-field-info label,
  .mandatoryText span{
    font-weight: normal;
    font-size: 15px !important;
    line-height: 20px;
  }
  .page-reset-password .resetPasswordInlineText{
    font-weight: normal;
    font-size: 15px !important;
    line-height: 20px;
    padding-top: 8px;
  }
  .verify-otp-content .field.otp-field-info label span{
    font-weight:bold;
  }
  .order-summary-content .banner .ui.header{
    padding-bottom: 16px !important;
  }
  .order-summary-content .ui.container{
    padding-top: 12px !important;
    padding-bottom: 0;
  }
  .order-summary-bg .order-summary-left-column .ui.card .content{
    margin-bottom: 30px;
  }
  .order-summary-bg .order-summary-left-column .ui.grid{
    margin-left: 0;
    margin-right: 0;
  }
  .add-credit-score-bg{
    margin: 20px 0;
    flex-direction: column;
  }
  .add-credit-score-bg .label span{
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.02em;
  }
  .ar .add-credit-score-bg .label span{
    line-height: 32px;
  }
  .add-credit-score-bg .label+div{
    font-size: 15px;
    line-height: 20px;
    color: #090909;
  }
  .order-summary-content .description-box{
    max-width: 100%;
  }
  .credit-score-description{
    font-size: 15px;
    line-height: 20px;
    color: #090909;
    margin-bottom: 20px;
  }
  .order-summary-bg .order-summary-left-column .extra.content{
    margin-bottom: 0 !important;
  }
  .order-summary-bg .order-summary-right-column .ui.card .content .description ul{
    height: 40px;
    margin: 20px 0;
  }

  .order-summary-content .ui.stackable.grid .row.order-summary-bg .column.order-summary-right-column{
    padding-top: 0 !important;
    padding-bottom: 16px;
  }
  .order-summary-content .ui.stackable.grid .row.order-summary-bg .column.order-summary-left-column{
    margin: 8px 0 !important;
    padding-top: 8px !important;
    padding-bottom: 30px !important;
  }

  .order-summary-content .ui.stackable.grid .row.order-summary-bg .column.order-summary-left-column.orderSummaryBoxPgmCss{
   height: 29em !important;
  }

  .order-summary-content .ui.stackable.grid .row.order-summary-bg .column.order-summary-left-column.orderSummaryBoxPgmCss_creditScore{
    height: 39em !important;
  }
  .order-summary-bg .order-summary-right-column .ui.card{
    margin: 0 auto !important;
  }
  .order-summary-bg .order-summary-right-column .ui.card .content .description ul li a{
    font-size: 14px;
    letter-spacing: -0.02em;
  }
  .ar .order-summary-bg .order-summary-right-column .ui.card .content .description ul li a{
    font-size: 11px;
  }
  .order-summary-bg .order-summary-left-column .order-summary-bg__text label.label span,
  .order-summary-bg .order-summary-left-column .order-summary-bg__text label {
    font-size: 16px !important;
    line-height: 20px;
  }
  .ar .order-summary-bg__text label span {
    margin-left: 7px;
    margin-right: 7px;
  }
  .add-credit-score-bg .ui.secondary.button.order-summary-add{
    width:100%;
  }
  .add-credit-score-bg .ui.secondary.button.order-summary-add,
  .add-credit-score-bg .ui.secondary.button.order-summary-remove{
    justify-content: center;
  }

  .pwd-btn-box button.ui.primary.button{
    margin-left: 9px;
  }
  .ar .pwd-btn-box button.ui.primary.button{
    margin-left: inherit;
    margin-right: 9px;
  }
   .ar .pwd-btn-box button.saveButtonFixArMobile{
    margin-left: inherit;
    margin-right: 9px;
    width: 400px !important;
  }
  .pwd-btn-box, .ar .pwd-btn-box{
    display: flex !important;
    justify-content: space-between;
    align-items: center;
  }
  .reset-grid p.bannerDesriptionCentered span {
    font-size: 15px;
    line-height: 20px;
  }
  .reset-grid .field.resetPasswordInlineText-field{
    margin-bottom: 40px !important;
  }
  .grid.stackable.reset-grid .row .column.pwd-btn-box,
  .ar .grid.stackable.reset-grid .row .column.pwd-btn-box{
    margin-top: 7px !important;
    margin-bottom: 40px !important;
  }
  .login-content .banner .ui.container{
    padding: 14px 0px 0px 0px !important;
  }
  label.link.forgot-password-row__link{
    text-decoration-line: underline;
    font-weight: bold !important;
  }
  .verify-otp-grid .field.otp-field-time-info p,
  .verify-otp-grid .field.otp-field-time-info span{
    font-size: 22px !important;
    line-height: 25px;
    letter-spacing: -0.02em;
    color: #090909 !important;
  }
  .verify-otp-grid .field.otp-field-info {
    margin-bottom: 30px !important;
  }
  .product-selection-content .banner .ui.container,
  .forgot-content .banner .ui.container,
  .dashboard-main .banner .ui.container {
    padding: 14px 0px 0px 0px !important;
  }
  .register-content .sub.header{
    font-size: 28px !important;
    line-height: 32px;
    font-weight: 300 !important;
    letter-spacing: -0.04em;
    color: #090909 !important;
    padding-bottom: 16px !important;
    top:inherit !important;
  }
  .register-content .ui.container{
    padding: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .regForm .ui.grid.stackable .row{
    top:inherit !important;
    padding: 0;
  }
  .regForm .ui.grid.stackable .row .column, .ar .regForm .ui.grid.stackable .row .column{
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 16px !important;
  }
  .regForm .sign-up-pass{
    text-align: center;
  }
  .resgisterPage .ui.grid {
    margin-left: 0;
    margin-right: 0;
  }
  .row.emiratesId {
    padding-bottom: 1em !important;
  }
/*  .ui input{
    padding-left: 9px;
  }*/
  .report-sent-content .ui.header.bannerTitle + .bannerDesription > span,
  .report-container p.report-send-desc, .fillOutFormRegister{
    font-size: 15px !important;
    line-height: 20px !important;
    padding-top: 8px !important;
  }
  .ui.container.report-container{
    margin-left: 0 !important;
    padding-bottom: 0;
  }
  .ar .ui.container.report-container{
    margin-right: 0 !important;
  }
  .report-sent-content .report-container .sub.header{
    font-size: 28px !important;
    line-height: 32px !important;
  }
  .report-sent-content .report-container .sub.header.services-title-text{
    font-size: 28px !important;
    line-height: 32px !important;
    font-family: Roboto !important;
    font-style: normal;
    font-weight: 300 !important;
    letter-spacing: -0.04em !important;
    color: #090909 !important;
  }
  .report-container p.transaction-number-text{
    font-size: 18px !important;
    line-height: 21px;
    letter-spacing: -0.02em;
    display: block;
    text-align: center;
  }
  .report-container .sub.header.transaction-number-text,
  .report-container .sub.header.services-title-text{
    font-size: 15px !important;
    line-height: 20px !important;
    padding-bottom: 16px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .ui.grid.stackable.resgisterPage .column.registerLastRowColumn{
    padding-bottom: 15px !important;
  }
  .productCard .stretched.row {
    height: auto;
  }
  .pwd-link, .editMobileNo, .editEmail, .editPassport {
    margin-right: 0;
  }
  .ui.scrolling.modal.transition.visible.active.scale.settingsModal.visible.transition{
    border: none;
    box-shadow: 0px 34px 90px rgb(60 89 164 / 10%);
    border-radius: 10px !important;
    margin: 4.5rem auto !important;
  }
  .ui.scrolling.modal.transition.visible.active.scale.settingsModal.visible.transition .content{
    padding: 0 !important;
    background: transparent;
  }
  .ui.vertically.divided.two.column.grid.stackable.accountSettingGrid .row .column {
    padding: 0 20px !important;
  }
  .accountSettingModal{
    margin: 0px 6px 25px 6px;
  }
  .profileSettingModal{
    margin: 16px 6px 25px 6px;
  }
  .ar .profileSettingModal {
    margin: 30px 6px 42px 6px;
  }
  .ui.grid.stackable.accountSettingGrid.profileSettingGrid{
    padding-bottom: 16px !important;
  }
  .ui.scrolling.modal.transition.visible.active.scale.settingsModal.visible.transition .header{
    padding: inherit !important;
    background: transparent;
  }
  .settings-form-label, .heading-span{
    margin-bottom: 8px;
  }
  .settings-form-input{
    margin-bottom: 16px;
  }
  .ui.header.settingsHeader{
    font-size: 28px !important;
    line-height: 32px !important;
  }
  .setting-heading-box{
    margin: 0 !important;
  }
  .setting-row {
    padding: 50px 20px 24px !important;
  }
  .setting-row .column{
    padding: 0 !important;
  }
  .aecb-icon-popup_close_settings{
    margin-top: -30px;
  }
  .emiratesId {
    display: flex;
    justify-content: space-between;
  }
  .emiratesId .ui.input:not(:first-child) {
    margin-left: 0.5rem;
  }
  .ar .emiratesId .ui.input:not(:last-child) {
    margin-right: 0;
  }
  .ar .emiratesId .ui.input:not(:first-child) {
    margin-left: 0.5rem;
    margin-right: 0;
  }
  .ar .emiratesId .ui.input:nth-child(3) {
    flex: 0 0 38%;
  }
  input#eid1, input#eid2, input#eid3, .emiratesId .ui.input input{
    height: 50px;
    padding: 0.67857143em 10px;
    text-align: center;
    font-size: 14px !important;
    line-height: 2 !important;
    /* line-height: 16px !important; */
    border-radius: 6px !important;
  }
  .emiratesId .ui.input:first-child input, .emiratesId .ui.input:last-child input {
    font-size: 14px !important;
    line-height: 16px !important;
    border-radius: 6px !important;
    padding: 9.5px 10px;
  }
  .regForm .ui.grid.stackable .row .column.m-mobile-no{
    padding-left: 8px !important;
  }
  .ar .regForm .ui.grid.stackable .row .column.m-mobile-no{
    padding-right: 8px !important;
    padding-left: inherit !important;
  }
  .uaeRegPassP{
    margin-top: 8px;
    font-size: 15px !important;
    line-height: 18px;
  }
  .ui.grid.stackable.resgisterPage {
    margin-top: 0;
  }
  .ui.horizontal.divider.register-divider-horizontal {
    margin: 0;
  }
  p.mandatoryText {
    margin-bottom: 14px;
  }
  .ui.form .field>label, .ui.form .field span>label, .label {
    font-size: 14px !important;
    line-height: 16px;
    padding-bottom: 8px !important;
  }
  .mobile-prefix-label{
    width: 60px !important;
    margin-right: 8px;
  }
  .ar .mobile-prefix-label{
    margin-right: 8px;
    margin-left: inherit;
  }
  .dashboard-card-description span{
    margin-bottom: 16px;
    /* display: inline-block; */
    font-size: 18px !important;
    line-height: 21px !important;
  }

  .purchase-history-horizontal-divider{
    margin: 16px 0rem !important;
  }
  .security-ques-content .ui.grid.stackable.security-container-grid .row .column{
    padding-bottom: 11.3px !important;
    padding-top: 11.3px !important;
  }
  .chng-pwd-content p.changePasswordInlineText{
    padding-bottom: 12px !important;
  }
  .ui.button.primary i.icon.angle,
  .ar .ui.button.primary i.icon.angle,
  .ui.button.secondary i.icon.angle,
  .ar .ui.button.secondary i.icon.angle {
    font-size: 18px;
  }
  .dashboard-main .ui.card.dashboard-card {
    width: 100%;
  }
  .pushable.mainNavigation .primaryNavigation .language-item label{
    font-size: 18px;
    font-weight: bold;
  }
  .pushable.mainNavigation .primaryNavigation a.item.language-item:hover label,
  .pushable.mainNavigation .primaryNavigation a.item.language-item:focus label,
  .pushable.mainNavigation .primaryNavigation a.item.language-item:active label,
  .ar .pushable.mainNavigation .primaryNavigation a.item.language-item:hover label,
  .ar .pushable.mainNavigation .primaryNavigation a.item.language-item:focus label,
  .ar .pushable.mainNavigation .primaryNavigation a.item.language-item:active label {
      color: #090909 !important;
  }

  .dashboard-main__hero-cont .four.wide.computer.sixteen.wide.mobile.sixteen.wide.tablet.column.m-pt-0 {
    padding-top: 0 !important;
  }
  .ar .dashboardHistory span {
    line-height: 26px;
  }

  .dashboard-main .primary-card-title p,
  .ar .dashboard-main .primary-card-title p{
    padding-bottom: 6px;
  }
  /* .ar .dashboard-main .primary-card-title p span,
  .ar .product-selection-content .primary-card-title p span{
    line-height: 32px;
  } */
  .purchase-history-card .column:last-child .purchase-history-horizontal-divider{
    display: none;
  }
  .purchase-history-grid .mobile .ui.card:last-child{
    margin-bottom: 0 !important;
  }
  .mobile.column.purchase-history-card,
  .purchase-history-main .ui.container.responsive-container{
    padding-bottom: 0 !important;
  }
  .ui.modal > .close {
    top: -1.5rem !important;
    right: 0.5rem !important;
  }
  .ui.button.order-summary-add i svg, .ui.button.order-summary-remove i svg{
    width: 11px;
    height: 11px;
    color: #090909;
  }
  .dashboard-main .ui.primary.button.buynow {
    margin-top: 20px;
  }
  .order-summary-bg .order-summary-right-column .ui.card .content .header span{
    padding: 0 5px;
  }
  .order-summary-bg .order-summary-right-column .ui.card .content .description ul li:first-child{
    flex: 0 0 52.455%;
  }
  .order-summary-bg .order-summary-right-column .ui.card .content .description ul li:last-child{
    flex: 1;
  }
  textarea#otherSource {
    max-height: 220px !important;
    height: 220px;
  }
  .dashboard-card .line-separator {
    margin: 23px 0 0px 0;
  }
  .pushable.mainNavigation .primaryNavigation {
    padding-top: 45px;
  }
  .pushable.mainNavigation.openNavigation .inner-menu .menuIcon,
  .pushable.mainNavigation.openNavigation .inner-menu .logo-item,
  .ar .pushable.mainNavigation.openNavigation .inner-menu .menuIcon,
  .ar .pushable.mainNavigation.openNavigation .inner-menu .logo-item{
    border-bottom: none;
    padding: 0px 20px !important;
  }
  .pushable.mainNavigation .primaryNavigation a.item.logo-item:focus,
  .pushable.mainNavigation .primaryNavigation a.item.logo-item:hover,
  .pushable.mainNavigation.openNavigation .inner-menu .logo-item:focus,
  .pushable.mainNavigation.openNavigation .inner-menu .logo-item:hover,
  .pushable.mainNavigation.openNavigation .inner-menu .menuIcon:focus,
  .pushable.mainNavigation.openNavigation .inner-menu .menuIcon:hover,
  .ar .pushable.mainNavigation.openNavigation .inner-menu .logo-item:focus,
  .ar .pushable.mainNavigation.openNavigation .inner-menu .logo-item:hover,
  .ar .pushable.mainNavigation.openNavigation .inner-menu .menuIcon:focus,
  .ar .pushable.mainNavigation.openNavigation .inner-menu .menuIcon:hover{
    background: transparent !important;
  }
  .logged-in button.ui.secondary.button.menulogin {
    max-width: 112px;
    height: 44px;
    border-radius: 10px;
  }
  .pushable.mainNavigation .primaryNavigation a.item.language-item{
    padding: 0 !important;
  }
  .ar .pushable.mainNavigation .primaryNavigation a.item.language-item{
    padding: 0 !important;
    line-height: 40px;
  }
  .regForm .ui.grid.stackable .column.uaeRegPass, .ar .regForm .ui.grid.stackable .column.uaeRegPass {
    padding-top: 30px !important;
  }

  .settings-form-input .ui.form input#mobileSettings[type="text"],
  .settings-form-input .dropdown#registerGender,
  .settings-form-input input#email,
  .settings-form-input input#fullNameForRegistert,
  .settings-form-input #nationalityDropdwon,
  .settings-form-input input#mobileSettings[type="text"],
  .accountSettingModal,
  .settings-form-input input#editModeSettings{
   height: 50px !important;
   color: #090909 !important;
  }
  .sub.header.subHeaderSettings span {
    padding: 16px;
    width: 100%;
  }
  .register-content .regForm .fillOutFormRegister{
    padding-top: 0 !important;
  }
  .ar .register-content .regForm .fillOutFormRegister{
    line-height: 28px !important;
  }

  button.ui.secondary.button.menulogin {
    padding: 13px 16px !important;
    width: 75% !important;
  }

  .ar button.ui.secondary.button.menulogin {
    width: 100% !important;
  }

  .ui.selection.dropdown > .search.icon,
  .ui.selection.dropdown > .delete.icon,
  .ui.selection.dropdown > .dropdown.icon {
    top: 1rem !important;
  }
  .ar .ui.selection.dropdown > .search.icon,
  .ar .ui.selection.dropdown > .delete.icon,
  .ar .ui.selection.dropdown > .dropdown.icon {
    top: 1rem !important;
  }
  .ui.dropdown > .text{
    line-height: 2;
    color: #090909 !important;
  }
  a.ui.label.changePasswordText span,
  .ar a.ui.label.changePasswordText span,
  .editPassport .ui.label.edit span,
  .editMobileNo .ui.label.edit span,
  .editEmail .ui.label.edit span,
  a.ui.label.save span {
    color: #090909 !important;
    font-size: 14px !important;
    line-height: 16px;
  }
  .sub.header.subHeaderSettings span{
    font-size: 18px !important;
    color: #090909;
  }
  .ui.horizontal.divider:before, .ui.horizontal.divider:after{
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .mobileStretchedRegister .ui.horizontal.divider{
    margin-bottom: 0px !important;
    display: flex;
  }
  .ui.vertically.divided.two.column.grid.stackable.accountSettingGrid {
    margin-top: 1rem !important;
  }
  .dropdown#registerGender{
    padding: 9.4px 29.4 9.4px 9.4px;
  }
  .ar .dropdown#registerGender{
    padding: 9.4px 14px 9.4px 29.4px;
  }
  .column.dashboardHistory span {
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-right: inherit;
    margin-left: auto;
  }
  .ar .column.dashboardHistory span {
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-right: auto;
    margin-left: inherit;
  }
  .card-title.dashboardHistory i.icon,
  .card-title.dashboardHistory i.icons {
    font-size: 1.25em !important;
  }
  .ar .card-title.dashboardHistory i.icon,
  .ar .card-title.dashboardHistory i.icons {
    font-size: 1.4em !important;
  }

  .report-sent-content .ui.header.bannerTitle{
    letter-spacing: -0.06em;
  }

  .ftSocialLinks ul li{
    margin: 0 20px;
    width: 24px;
    height: 24px;
  }

  .ftSocialLinks ul{
    justify-content: center;
    align-items: center !important;
  }
  .ar .video-modal-popup.ui.modal > .close {
    top: -1.5rem !important;
    right: auto !important;
    left: 0 !important;
  }

  .login-content .ui.header,
  .forgot-content .ui.header,
  .product-selection-content .ui.header{
    padding-bottom: 16px !important;
  }

  .dashboard-main .productCard, .product-selection-content .productCard {
    padding: 36px 20px 32px 20px;
  }
  .settingsModal .ui.error.input input#editModeSettings {
    border-bottom: 2px solid #ea3434 !important;
  }
  .settingsModal .ui.input.error input{
    border-bottom: none !important;
  }
  .resetPasswordItems li span{
    font-size: 14px !important;
  }
  .ar .resetPasswordItems li span{
    font-size: 14px !important;
    word-break: break-word;
    line-height: 22px;
  }
  .ar .resetPasswordItems li::before{
    top: 8px !important;
  }
  .order-summary-content .add-credit-score-bg .buttonClass{
    width:100%;
  }
  .innerSlide.menuIcon{
    margin-right: -10px !important;
  }
  .innerSlide.logo-item {
    margin-left: -10px !important;
  }

  /* Increasing icon size*/

  .ui.button.primary:not(.icon) > .right.icon:not(.button):not(.dropdown),
  .ui.button.secondary:not(.icon) > .right.icon:not(.button):not(.dropdown){
   margin: 0em -0.4em 0 1.1em;
  }
  .ar .ui.button.primary:not(.icon) > .right.icon:not(.button):not(.dropdown),
  .ar .ui.button.secondary:not(.icon) > .right.icon:not(.button):not(.dropdown) {
    margin:  0em 1.1em 0 -0.4em;
  }
  .ui.button.primary i.icon,
  .ui.button.primary > .icon:not(.button),
  .ar .ui.button.primary i.icon,
  .ar .ui.button.primary > .icon:not(.button),
  .ui.button.secondary i.icon,
  .ui.button.secondary > .icon:not(.button),
  .ar .ui.button.secondary i.icon,
  .ar .ui.button.secondary > .icon:not(.button){
   height: auto;
   }
  .ui.button.primary,
  .ar .ui.button.primary,
  .ui.button.secondary,
  .ar .ui.button.secondary{
    display: inline-flex;
    align-items: center;
  }

  .ui.button.primary i.icon.angle.right:before,
  .ar .ui.button.primary i.icon.angle.right:before ,
  .ui.button.secondary i.icon.angle.right:before,
  .ar .ui.button.secondary i.icon.angle.right:before {
      font-size: 22px;
      line-height: 22px;
  }
  .uaepass-modal .ui.button.primary.okButtonUaePass{
    margin-top: 10px;
  }
}
/* Mobile Devices */

/* Specific Queries */
@media only screen and (min-width:320px) and (max-width:325px)  {
  .order-summary-bg .order-summary-left-column .order-summary-bg__text label.label span,
  .order-summary-bg .order-summary-left-column .order-summary-bg__text label{
    font-size: 14px !important;
  }

  .order-summary-bg__text label span {
    font-size: 14px !important;
  }

  .ar .order-summary-bg .order-summary-left-column .order-summary-bg__text label{
    font-size: 16px !important;
  }

  .ar .order-summary-bg__text label span {
    font-size: 14px !important;
  }

  .ar .order-summary-bg .order-summary-left-column .order-summary-bg__text label.label span{
    font-size: 13px !important;
  }

  .ar .order-summary-bg__text label span {
    margin-left: 7px;
    margin-right: 2px;
  }
}
/* Specific Queries */

/* Start here Ipad CSS */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
   .cancelButtonUserDetailsPopup{
  max-width: 20% !important;
}
  .ui.fluid.container.mainContainer, .footer{
    width:95%;
  }
  .loginUaePass{
    width:100%;
  }
  .uaePass{
    text-align: center !important;
  }
  .ui.fluid.container.mainContainer.page-forgot-password{
    padding: 35px 35px !important;
  }

  .contactUsBtn, .ar .contactUsBtn{
    line-height: 1.2;
  }

  .ui.button, .ar .ui.button,
  .purchase-history-main .ui.button.primary,
  .ar .purchase-history-main .ui.button.primary,
  .productCard .ui.button.primary,
  .ar .productCard .ui.button.primary{
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    padding: 11px 13px !important;
    font-size: 14px !important;
    line-height: 16px;
    border-radius: 6px !important;
        margin-top: 5px;
        border:1px solid #090909 !important;
        color:  #090909 !important;

  }
   .skipForNowBtn{
  margin-top: 7px !important;
  text-align: left !important;
      margin-left: 1px !important;

}
  .uaepass-modal .ui.button.secondary.cancelButtonUaePass{
   width: inherit !important;
  }
  .forgot-password-row .ui.button,
  .ar .forgot-password-row .ui.button,
  .ui.secondary.button.backtodashboard,
  .ar .ui.secondary.button.backtodashboard,
  .ui.stackable.reset-grid .ui.secondary.button,
  .ui.button.primary{
    width:auto !important;
  }
  .ui.button.learnmore, .ar .ui.button.learnmore{
    margin-bottom: 20px;
  }
  .computer.only.tablet.only.eight.wide.computer.sixteen.wide.tablet.column.i-column {
    width: 100% !important;
  }
  /* .ui.table td, .ar .ui.table td{
    padding: 0;
  } */
  .signupText {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .signupText .ui.small.button{
    width:auto !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 4px !important;
  }
  .ar .signupText .ui.small.button{
    padding-left: 0 !important;
    padding-right: 4px !important;
  }

  .dashboard-main .dashboard-purchase-history-grid .three.column.row{
    padding: 0;
  }
  .dashboard-main .dashboard-purchase-history-grid .ui.card > .content > .description::after{
    left: -1rem;
  }
  .ar .dashboard-main .dashboard-purchase-history-grid .ui.card > .content > .description::after{
    right: -1rem;
  }
  .responsive-button-container > .ui.button.primary,
  .ar .responsive-button-container > .ui.button.primary{
    width: auto !important;
    /* min-width: 120px !important; */
    margin-bottom: 20px;
    padding: 16px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    margin-right: inherit;
  }
  .change-pwd-grid .ui.secondary.button,
  .ui.primary.button.sumbitChangePassword{
    width: auto !important;
    display: inline-block;
  }
  .reset-container .btn-box .ui.button{
    display: inline-block;
  }
  .order-summary-bg .order-summary-right-column .ui.card{
    padding: 25px 15px;
  }
  .order-summary-bg .order-summary-right-column .ui.card .content .description ul li a{
    font-size: 11px;
    letter-spacing: -0.02em;
  }
  .ar .order-summary-bg .order-summary-right-column .ui.card .content .description ul li a{
    font-size: 9px;
  }
  .order-summary-bg .order-summary-left-column .ui.card .extra.content,
  .ar .order-summary-bg .order-summary-left-column .ui.card .extra.content {
    padding: 0;
  }
  .ar .order-summary-bg__text label span {
    margin-left: 7px;
    margin-right: 7px;
  }
  .pwd-btn-box, .ar .pwd-btn-box{
    display: flex !important;
  }
  label.link.forgot-password-row__link{
    text-decoration-line: underline;
    font-weight: bold !important;
  }
  .login-form input#email,
  .login-form input#password,
  .fgtForm input#email,
  .change-pwd-grid input#oldPassword,
  .change-pwd-grid input#confirmNewPassword,
  .change-pwd-grid input#newPassword,
  .verify-otp-grid input#verificationCode,
  .reset-grid input#oldPassword,
  .reset-grid input#confirmNewPassword,
  .reset-grid input#newPassword,
  .ui.resgisterPage input#fullNameForRegister,
  .ui.resgisterPage input#fullNameForRegistert,
  .ui.resgisterPage input#emailForRegister, .ui.resgisterPage input#confirmEmailForRegister,
  .ui.resgisterPage input#passport,
  .ui.resgisterPage input#mobileForRegister,
  .ui.resgisterPage .label-with-border,
  .ui.resgisterPage input#datepickerRegister,
  .ui.resgisterPage .dropdown#registerGender,
  .ui.resgisterPage #nationalityDropdwon,
  .ui.resgisterPage #hearAboutUs{
   max-width: 100%;
   height:50px !important;
   border-radius: 6px !important;
   box-shadow: none;
  }
  .register-content .ui.dropdown > .text{
    line-height: 26px;
  }
  .register-content .ui.selection.dropdown > .dropdown.icon {
    top: 1rem!important;
  }
  .resgisterPage .field.register-right-column-field{
    padding-left: 0 !important;
    height: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .ui.fluid.container.mainContainer.page-register {
    padding: 20px 50px !important;
  }
  .banner .ui.header {
    font-size: 28px !important;
    line-height: 32px;
    font-weight: 300 !important;
    letter-spacing: -0.04em;
    color: #090909 !important;
    padding-bottom: 8px !important;
  }
  .report-sent-content .report-container .sub.header {
    font-size: 28px !important;
    line-height: 32px !important;
  }
  .report-container .sub.header.transaction-number-text,
  .report-container .sub.header.services-title-text {
    font-size: 15px !important;
    line-height: 20px !important;
    padding-bottom: 16px !important;
  }
  .report-container .sub.header.transaction-number-text{
    padding-bottom: 0 !important;
  }
  p.transaction-number-desc{
    font-size: 15px !important;
    line-height: 20px;
  }
  .report-container p.transaction-number-text {
    font-size: 18px !important;
    line-height: 21px;
    letter-spacing: -0.02em;
  }
  .report-sent-content .report-container .sub.header.services-title-text {
    font-style: normal;
    font-size: 16px !important;
    line-height: 23px;
    letter-spacing: -0.02em !important;
    color: #090909 !important;
    text-transform: initial !important;
    font-weight: bold !important;
    font-family: 'Roboto' !important;
  }
  .ar .add-credit-score-bg .buttonClass .ui.button.secondary{
    font-size: 12px !important;
    margin-right: 8px;
  }
  .productCard .stretched.row {
    height: auto;
  }
  .dashboard-main .productCard {
    padding: 0px 20px !important;
  }
  .pwd-link, .editMobileNo, .editEmail, .editPassport {
    margin-right: 0;
  }
  .settingsModal .ui.selection.dropdown .menu,
  .ar .settingsModal .ui.selection.dropdown .menu {
   /* max-height: 3.5em !important; */
    /* max-height: 5.5em !important; */
  }
  .ui.modal.transition.visible.active.scale.settingsModal.visible.transition .content {
    background: transparent;
  }
  .aecb-icon-popup_close_settings{
    margin-top: 10px;
  }
  /* .emiratesId {
    display: flex !important;
    justify-content: space-between !important;
  } */
  .emiratesId .ui.input:not(:first-child) {
    margin-left: unset;
  }
  .emiratesId .ui.input input, input#eid1, input#eid2, input#eid3{
    height: 50px !important;
  }
  .mobile-prefix-label {
    max-width: 48px !important;
    width: 100%;
    min-width: 48px;
  }
  /* .ui.table tr td.cell1, .ui.table tr td.cell2, .ui.table tr td.cell3, .ui.table tr td.cell4{
    padding: 0;
  } */
  .ui.selection.dropdown.security-question-dropdown {
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .ui.form.security-form .ui.input.security-question-text input[type="text"],
  .ar .ui.form.security-form .ui.input.security-question-text input[type="text"] {
    height: 50px;
  }
  .security-ques-content .ui.grid.stackable.security-container-grid .row .column{
    padding-bottom: 11.3px !important;
    padding-top: 11.3px !important;
  }
  .security-ques-content p.bannerDesription {
    margin-top: 1rem !important;
  }
  .qs-label-txt, .qs-label-sel{
    height: 100px !important;
  }
  /* .ui.button.primary i.icon.angle,
  .ar .ui.button.primary i.icon.angle,
  .ui.button.secondary i.icon.angle,
  .ar .ui.button.secondary i.icon.angle {
    font-size: 18px;
  } */
  p.visitedQuestionClass {
    color: #090909 !important;
    display: flex;
  }
  i.icon.security-question-icon {
    font-size: 1.35em;
    margin: 0em 0em 0em 0.5em;
    text-align: right;
    margin-left: auto;
  }
  .ar i.icon.security-question-icon{
    margin: 0em 0.5em 0em 0;
    text-align: left;
    margin-left: inherit;
    margin-right: auto;
  }
  .ar .security-ques-content .bannerDesription {
    margin-top: 1rem !important;
  }

  .ui.selection.dropdown.security-question-dropdown > .dropdown.icon{
    top:1rem !important;
  }

  .order-summary-content .ui.secondary.button.backtodashboard {
    margin: 0 !important;
  }

  .order-summary-content .ui.secondary.button.backtodashboard i.icon,
  .order-summary-content .ui.secondary.button.backtodashboard i.icons{
    font-size: 1.25em;
  }

  .add-credit-score-bg .label span{
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
  }
  .ar .add-credit-score-bg .label span{
    font-size: 11px;
    line-height: 15px;
    display: inline-block;
  }
  .ui.button.order-summary-add, .ui.button.order-summary-remove{
    width: auto !important;
  }
  .add-credit-score-bg .label{
    margin-bottom: 20px !important;
  }
  .contactUsBtn i svg{
    height: 11px;
  }
  .ar .terms-scroll-wrapper.readMore {
    max-height: 2530px;
  }
  .dashboard-main .product .productCard > .ui.grid,
  .product-selection-content .productCard > .ui.grid{
    padding-bottom: 1rem;
  }
  /* .page-login form.ui.form.stackable.login-form{
    margin: 0 auto;
  } */
  .page-login .login-content .column.uaePass {
    margin-top: 1rem;
    padding-left: 0 !important;
  }
  .ui.dropdown > .text{
    line-height:1.5;
  }
  .dashboard-main .i-column.d-btn-box{
    display: inline-block !important;
  }
  .ar .dashboard-main .priceCol span{
    line-height: 32px !important;
  }
  .ar .ui.card > .content p{
    font-size: 13px !important;
  }
  .resgisterPage .ui.dropdown:not(.button)>.default.text{
    line-height: 2;
  }
  .ar .login-form input#email,
  .ar .login-form input#password,
  .ar .fgtForm input#email,
  .ar .change-pwd-grid input#oldPassword,
  .ar .change-pwd-grid input#confirmNewPassword,
  .ar .change-pwd-grid input#newPassword,
  .ar .verify-otp-grid input#verificationCode,
  .ar .reset-grid input#oldPassword,
  .ar .reset-grid input#confirmNewPassword,
  .ar .reset-grid input#newPassword,
  .ar .ui.resgisterPage input#fullNameForRegister,
  .ar .ui.resgisterPage input#fullNameForRegistert,
  .ar .ui.resgisterPage input#emailForRegister,
  .ar .ui.resgisterPage input#confirmEmailForRegister,
  .ar .ui.resgisterPage input#passport,
  .ar .ui.resgisterPage input#mobileForRegister,
  .ar .ui.resgisterPage .label-with-border,
  .ar .ui.resgisterPage input#datepickerRegister,
  .ar .ui.resgisterPage .dropdown#registerGender,
  .ar .ui.resgisterPage #nationalityDropdwon,
  .ar .ui.resgisterPage #hearAboutUs{
  line-height:2;
  }
  .login-content input#email, .login-content input#password, .forgot-content input#email {
    max-width: 360px !important;
  }
  .dashboard-main .priceCol > span,
  .dashboard-main .priceCol > span > span,
  .product-selection-content .priceCol > span,
  .product-selection-content .priceCol > span > span{
    font-size: 16px !important;
    line-height: 16px !important;
  }
  /* Price List Task */
  .dashboard-main .primary-card-title p span,
  .product-selection-content .primary-card-title p span{
    font-size: 14px;
    line-height: normal;
  }
  /* Price List Task */
  .dashboard-card-description span{
    font-size: 18px !important;
    line-height: 28px !important;
    display: block;
  }
  .ui.fluid.container.mainContainer.page-login .ui.secondary.navbar.menu,
  .ui.fluid.container.mainContainer.page- .ui.secondary.navbar.menu,
  .login-content .signupText{
    padding-right: 0 !important;
  }
  .login-content .login-container .mobileDivider .ui.horizontal.divider {
    margin-bottom: 0;
    padding-bottom: 14px;
    display: flex;
    justify-content: center;
  }
  .login-content .login-container .mobileDivider .ui.horizontal.divider span {
    position: unset;
    top: unset;
    display: inline-block;
  }

  .login-content .uaePass > div{
    background-size: contain;
    height: 49px;
  }

  /* Changes For UAE PASS (Removable) */
    /* .register-content .sign-up-pass > div{
    background-size: contain;
    height: 100px;
  }  */

  /* Changes For UAE PASS (When Div exist with UAE PASS) */
  .register-content .sign-up-pass > div{
    background-size: contain;
    height: 65px;
  }

  .same-line-content{
    align-items: flex-end !important;
  }
  .stretchedRegister .ui.horizontal.divider{
    display: flex;
  }
  .register-content .ui.container{
    padding: inherit;
  }
  .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tr td .currency-label{
    margin-left: 10px;
    margin-right: inherit;
  }
  .ar .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tr td .currency-label{
    margin-left: inherit;
    margin-right: 10px;
  }
  .ui.divider.login-divider-horizontal {
    margin-right: 0 !important;
  }

  /* .ar .column.col-remove-padding.mob-no-input .ui.input {
    max-width: 100%;
  }

  .ar .mobile-responsive-col .emiratesId .ui.input:nth-child(3) {
    flex: 0 0 51% !important;
  } */
  .ar .emiratesId .ui.input:not(:last-child) {
    margin-right: 0;
    margin-left: inherit;
  }
  .ar .emiratesId .ui.input:not(:first-child) {
    margin-right: 0;
    margin-left: 7px;
  }

  /* webbau-660 design */
/*  .dashboard-main .productCard .stretched.row .column.primary-card-title p {
    height: 40px !important;
  } */

  .credit-score-description{
    font-size: 15px;
    line-height: 20px;
    color: #090909;
    /* margin-bottom: 20px; */
  }
  .order-summary-content .order-summary-bg .order-summary-right-column .ui.card,
  .ar .order-summary-content .order-summary-bg .order-summary-right-column .ui.card,
  .order-summary-content .order-summary-bg .order-summary-left-column .ui.card,
  .ar .order-summary-content .order-summary-bg .order-summary-left-column .ui.card{
    max-height: inherit !important;
  }
  .add-credit-score-bg.remove .ui.button.order-summary-remove{
    font-size: 13px !important;
  }
  .add-credit-score-bg.remove .label{
    margin-bottom: 0 !important;
  }
  .tnc-content .sub.header{
    font-size: 38px !important;
  }
  .page-terms-aecb .ui.button.primary i.icon,
  .page-terms-aecb .ui.button.primary i.icons {
    font-size: 1.35em;
  }
  .tnc-Container h4, .ar .tnc-Container h4 {
    margin: 2.35em 0 1.15em;
  }
  .recaptchaFgtPwd iframe[title="reCAPTCHA"] {
    transform: scale(0.641);
  }
}
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .mobile-responsive-col .column.emiratesId .ui.input:nth-child(3) {
      flex: 0 0 51.5% !important;
    }
}


@media only screen and (min-width: 1025px) and (max-width: 1499px) {
  .ui.fluid.container.mainContainer.page-forgot-password {
    padding: 35px 96px 70px 84px !important;
  }
  .order-summary-bg .order-summary-right-column .ui.card .content .description ul li a {
    font-size: 13px;
  }
  .ar .dashboard-main .ui.button.learnmore,
  .ar .dashboard-main .ui.button.buynow{
    display: flex;
  }
  .dashboard-main .d-btn-box{
    display: flex !important;
  }
  .dashboard-main .ui.button.learnmore{
    margin-right: 10px;
  }
  .ar .dashboard-main .ui.button.learnmore{
    margin-left: 10px;
    margin-right: inherit;
  }

  /* Price List Css Case */
  .dashboard-main .ui.primary.button.buynow,
  .dashboard-main .ui.secondary.button.learnmore,
  .product-selection-content .ui.primary.button.buynow {
    width: 100% !important;
    justify-content: space-between;
  }
  /* Price List Css Case */

  /* .ar .dashboard-main .priceCol > span,
  .ar .dashboard-main .priceCol > span > span,
  .ar .product-selection-content .priceCol > span,
  .ar .product-selection-content .priceCol > span > span{
    font-size: 22px !important;
    line-height: 22px !important;
  } */
  .ar .dashboard-main .priceCol > span,
  .ar .product-selection-content .priceCol > span{
    font-size: 23px !important;
    line-height: 22px !important;
  }
  .ar .dashboard-main .priceCol > span > span,
  .ar .product-selection-content .priceCol > span > span{
    font-size: 19px !important;
    line-height: 22px !important;
  }

  .stretchedRegister .ui.horizontal.divider {
    display: flex;
  }
  .register-content .ui.dropdown > .text {
    line-height: 20px;
  }

  .signupText button.ui.small.button {
    padding-bottom: 0;
  }

  .login-content .ui .header{
    padding: 0 0 18px 0!important;
  }

  .ar .login-content .ui .header {
    padding: 0 0 34px 0!important;
  }

  .same-line-content{
    align-items: flex-end !important;
  }

  .ui.divider.login-divider-horizontal{
    margin: 26px auto;
  }

  .ar .bannerDesription > span {
    font-size: 13px;
  }

  .ar .login-container .login-grid .stretched.row{
    padding-top: 0;
  }

  .login-content .ui.horizontal.divider:before,
  .login-content .ui.horizontal.divider:after
  .ar .login-content .ui.horizontal.divider:before,
  .ar .login-content .ui.horizontal.divider:after{
    opacity: 0.5;
    background: rgba(34, 36, 38, 0.15);
  }
  .tnc-Container h4, .ar .tnc-Container h4{
    margin: 2.35em 0 1.15em;
  }

  .ar .responsive-button-container.tnc-container > .ui.button.primary i.icon.angle.left,
  .ar .responsive-button-container.tnc-container > .ui.button.primary > .icon.angle.left:not(.button) {
    height: 0.85714286em
  }

}


/* End here Ipad CSS */

/* Normal Resoultion Desktops */
@media only screen and (min-width: 768px) and (max-width: 1499px) {
  .dashboard-card.ui.card > .content {
    flex-grow: initial !important;
    flex-grow: 0 !important;
    padding: 2em 0 0 0 !important;
    /* padding: 2em 1em 0em 1em !important; */
  }

  .ar .dashboard-card.ui.card > .content {
    flex-grow: initial !important;
    flex-grow: 0 !important;
    padding: 2em 0 0 0 !important;
    /* padding: 2em 1em 0em 1em !important; */
  }

  .dashboard-card .line-separator {
    /* margin: 28px 0 28px 0; */
    margin: 16px 0 16px 0;
    line-height: 1;
  }

  .ar .dashboard-card .line-separator {
    /* margin: 28px 0 28px 0; */
    margin: 16px 0 16px 0;
    line-height: 1;
  }
  .dashboard-card .line-separator img{
    width:100%;
  }
  .ui.card.dashboard-card .content .header{
    padding: 0 16px !important;
  }
  .dashboard-card.ui.card > .extra.content {
    flex-grow: 1 !important;
    padding: 0em 1em 0em 1em !important;
  }

  .ar .dashboard-card.ui.card > .extra.content {
    flex-grow: 1 !important;
    padding: 0em 1em 0em 1em !important;
  }

  .dashboard-card-description span {
    margin: 0 0 10px 0 !important;
    font-size: 22px;
    line-height: 28px;
    display: block;
    /* margin: 0 0 8px 0 !important; */
    /* font-size: 1.8em;
    line-height: 159%; */

  }

  .ar .dashboard-card-description span {
    /* margin: 0 0 8px 0 !important;
    font-size: 1.8em;
    line-height: 159%; */
    margin: 0 0 10px 0 !important;
    font-size: 22px;
    line-height: 32px;
  }
  .ar .dashboard-card-description span:first-child{
    margin-bottom: 0 !important;
  }
  .dashboard-main .productCard, .product-selection-content .productCard {
    padding: 20px;
    /* padding: 0px 15px 10px 5px; */
  }

  .ar .dashboard-main .productCard,  .ar .product-selection-content .productCard {
    padding: 20px;
    /* padding: 0px 5px 10px 15px; */
  }

  .dashboard-main .ui.grid.col-space {
    margin-top: 0;
    margin-bottom: 0;
  }

  /* .logo-item svg {
    height: 80%;
    width: 80%;
  } */

  .ui.divider.login-divider-horizontal {
    margin-right: 25.5em;
  }

  .ar .ui.divider.login-divider-horizontal {
    margin-left: 5em;
    margin-right: inherit;
  }

  .sign-up-pass {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .uaeRegPassP span{
    font-size: 14px !important;
    line-height: 18px;
    display: flex;
    letter-spacing: -0.02em;
    margin-top: 10px;
    align-items: center;
  }
  .ar .uaeRegPassP span{
    text-align: initial !important;
  }
  .uaeRegPassP {
    max-width: 220px;
    text-align: left;
  }

  /* Security Question */
  .security-ques-content .bannerDesription {
    margin-top: -1.5em !important;
  }

  .purchase-history-main .bannerDesription{
    width: 390px !important;
  }

  .ar .order-summary-bg__text label span {
    font-family: 'DroidArabicKufiRegular' !important;
  }

  .ar .security-ques-content .bannerDesription {
    margin-top: -0.8em !important;
  }
  /* Security Question */

  .login-content .column.uaePass{
    padding-left: 3em !important;
  }

  .ar .login-content .column.uaePass{
    padding-right: 3em !important;
  }

  .login-content input#email,
  .login-content input#password,
  .forgot-content input#email{
   max-width: 360px !important;
  }

  .login-content .signupText{
    padding-right: 1.5em;
  }

  .ar .login-content .signupText{
    padding-right: 2.5em;
    padding-left: 0em !important;
  }

  .signupText span{
    font-size: 14px !important;
  }

  .forgot-content .banner{
    padding-bottom: 1em;
  }

  .ui.fluid.container.mainContainer.page-forgot-password{
    padding: 35px 96px 70px 84px;
  }

  .register-content input#fullNameForRegister,
  .register-content input#emailForRegister,
  .register-content input#confirmEmailForRegister,
  .register-content input#passport,
  .register-content .dropdown#registerGender,
  .register-content #nationalityDropdwon, #hearAboutUs,
  .register-content textarea#otherSource,
  .register-content input#datepickerRegister{
    max-width: 360px;
  }
  .register-content .passportFeild_red input#passport{
   border-bottom: 2px solid red !important;
  }
  .settingsModal input#email,
  .settingsModal .dropdown#registerGender,
  .settingsModal input#mobileSettings,
  .settingsModal #nationalityDropdwon,
  .settingsModal input#editModeSettings{
    height: 43px !important;
    max-width: 100%;
    color: #090909 !important;
  }

  .register-content input#mobileForRegister {
    max-width: 315px;
  }
  /* .ar .register-content input#mobileForRegister {
    margin-right: 7px;
    margin-left: inherit;
  } */
  /* .register-content .ui.dropdown > .text {
    line-height: 20px;
  } */

  /* Register Page Column */
  .register-content .register-right-column-field {
    padding-left: 1.8em !important;
  }

  .ar .register-content .register-right-column-field {
    padding-left: 0em !important;
    padding-right: 1.8em !important;
  }
  .register-content .sub {
    line-height: 0.5;
  }
  /* Register Page Column */

  .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tr td {
    padding: 1.2em 0.1em;
  }

  .order-summary-bg .order-summary-right-column .ui.card .content .description {
    margin-top: -1.625em;
  }

  .order-summary-bg .order-summary-right-column .ui.card .content .description div#tabs {
    max-height: 300px;
  }

  .order-summary-bg .order-summary-left-column .ui.card,
  .ar .order-summary-bg .order-summary-left-column .ui.card {
    max-height: 478px !important;
  }

  .order-summary-bg .order-summary-right-column .ui.card,
  .ar .order-summary-bg .order-summary-right-column .ui.card {
    max-height: 478px !important;
  }

  .dashboard-main .banner .ui.container,
  .order-summary-content .banner .ui.container {
    padding: 20px 0px 0px 0px !important;
  }

  .dashboard-main .banner .bannerTitle {
    padding: 0px !important;
  }

  .ar .dashboard-main .banner .bannerTitle {
    padding-bottom: 15px !important;
  }

  .ui.button.order-summary-add {
    font-size: 18px !important;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: inherit;
  }
  .ar .ui.button.order-summary-add,
  .ar .ui.button.order-summary-remove {
    margin-right: auto !important;
    margin-left: inherit;
  }
  .ui.button.order-summary-remove{
    display: flex;
    align-items: center;
    margin-left: auto;
  }
  .ui.button.order-summary-add i svg, .ui.button.order-summary-remove i svg{
    width: 14px;
    height: 14px;
  }
  .order-summary-content .banner .bannerTitle {
    padding: 0 0 10px 0!important;
  }

  .subHeadTNC{
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: -0.02em;
    margin-top: 10px !important;
  }

  .ar .subHeadTNC{
    font-family: 'DroidArabicKufiRegular' !important;
  }

  .chng-pwd-content .ui.header.bannerTitle + .bannerDesription {
    margin-bottom: 10px;
  }

  .ar .chng-pwd-content .ui.header.bannerTitle + .bannerDesription {
    margin-bottom: 15px;
  }

  p.changePasswordInlineText {
    max-width: 390px;
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
    line-height: 17px;
    letter-spacing: -0.02em;
  }

  .ar  p.changePasswordInlineText{
    line-height: 21px !important;
  }

  .ar .chng-pwd-content .ui.form .field>label, .ui.form .field span>label {
    padding-bottom: 5px;
  }

  .order-summary-bg .ui.cards > .card > .content, .ui.card > .content,
  .ar .order-summary-bg .ui.cards > .card > .content, .ar .ui.card > .content{
    flex-grow: 0 ;
  }

  .ui.fluid.container.mainContainer.page-login .ui.secondary.navbar.menu,
  .ui.fluid.container.mainContainer.page- .ui.secondary.navbar.menu {
    padding-right: 35px;
  }

  .ar .ui.fluid.container.mainContainer.page-login .ui.secondary.navbar.menu,
  .ar .ui.fluid.container.mainContainer.page- .ui.secondary.navbar.menu {
    padding-right: 0px;
    padding-left: 5px;
  }

  /* Setting Modal */
  .ui.modal.transition.visible.active.scale.settingsModal.visible.transition{
    max-width: 844px;
    /* padding-left: 7px; */
    border-radius: 30px;
  }

  .ar .ui.modal.transition.visible.active.scale.settingsModal.visible.transition{
    max-width: 844px;
    /* padding-right: 7px; */
  }
  .ui.modal.transition.visible.active.scale.settingsModal.visible.transition .header{
    background: transparent;
  }

  .accountSettingModal{
    /* max-width: 768px !important; */
    max-width: 100% !important;
  }
  .verify-otp-content .otp-field-time-info p {
    font-size: 22px !important;
    color: #090909 !important;
    font-style: normal;
    font-weight: 300;
    letter-spacing: -0.04em;
    line-height: 24px !important;
    font-family: 'Roboto' !important;
  }

  /* Setting Modal */

  .ui.button.downloadreport svg {
    height: 0.8125rem;
  }

  .emiratesId .ui.input:first-child,
  .emiratesId .ui.input:last-child {
    flex: 0 0 48px;
  }
  .emiratesId .ui.input:not(:first-child) {
    margin-left: 7px;
  }
  .ar .emiratesId .ui.input:not(:first-child) {
    margin-right: 0;
    margin-left: 7px;
  }
  .emiratesId .ui.input:nth-child(2) {
    flex: 0 0 90px;
  }
  .emiratesId .ui.input:nth-child(3) {
    flex: 0 0 155px;
  }
  .emiratesId .ui.input input, input#eid1, input#eid2, input#eid3{
    height:43px;
    padding: 0.67857143em 10px;
    text-align: center;
  }
  .ar .emiratesId .ui.input input, input#eid1, input#eid2, input#eid3{
    padding: 0.67857143em 10px;
  }
  .mobile-prefix-label {
    width: 68px;
    margin-right: 7px;
  }
  .ar .mobile-prefix-label{
    margin-right: 7px;
    margin-left: inherit;
    flex: 0 0 48px;
  }

  /* .column.col-remove-padding.mob-no-input .ui.input{
    flex: 1;
  } */

  input#eid1, input#eid2, input#eid3, .emiratesId .ui.input input{
    font-size: 14px !important;
    line-height: 30px !important;
    /* line-height: 22px !important; */
  }
  .emiratesId .ui.input:first-child input, .emiratesId .ui.input:last-child input {
    font-size: 14px !important;
    line-height: 2 !important;
    /* line-height: 22px !important; */
  }
  .register-content .column.fill-form-col {
    display: inline-flex !important;
    align-items: flex-end;
  }
  /* Before Login Page Wise Containers */
  .ui.fluid.container.mainContainer.page-register{
    padding: 20px 50px 0px 80px;
  }
  .ar  .ui.fluid.container.mainContainer.page-register{
    padding: 20px 80px 0px 50px;
  }

  /* Before Login Page Wise Containers */

  /* After Login Page Wise Containers */

  /* After Login Page Wise Containers */

  .reset-container .field.new-password-field, .resetPasswordInlineText{
    padding-bottom: 14px !important;
  }
  .contactUsBtn i svg{
    height: 11px;
  }
  .ui.mini.modal.response-modal{
    max-width: 506px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .ui.mini.modal.contact-us-modal {
    max-width: 575px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .ar .ui.mini.modal.contact-us-modal {
    max-width: 506px;
  }
  .ui.mini.modal.modal.uaepass-modal{
    max-width: 575px;
    left: 0;
    right: 0;
    margin: auto;

  }
  .ar .ui.mini.modal.modal.uaepass-modal{
    max-width: 506px;
  }
  

  .modals .modal.response-modal .content,
  .modals .modal.contact-us-modal .content,
  .modals .modal.uaepass-modal .content {
    padding: 0px 42px 38px 42px;
  }

  .modals .modal.response-modal .response-modal-content.content {
    padding: 38px 42px 38px 42px;
  }
  .response-modal .response-modal-content .aecb-icon-popup_close:before{
    position: relative;
    top: -0.75em;
    right: -0.75em;
  }
  .ar .response-modal .response-modal-content .aecb-icon-popup_close:before {
    top: -0.75em;
    right: 0.75em;
  }
  /* .ar .dashboard-main .ui.button.learnmore,
  .ar .dashboard-main .ui.button.buynow{
    display: flex;
  } */
  .ar .dashboard-main i.icon.angle.right{
    margin-right: auto !important;
    text-align: left;
  }
  /* .dashboard-main .d-btn-box{
    display: flex !important;
  }
  .dashboard-main .ui.button.learnmore{
    margin-right: 10px;
  }
  .ar .dashboard-main .ui.button.learnmore{
    margin-left: 10px;
    margin-right: inherit;
  } */
  .ui.basic.modal > .close {
    top: -1.5rem !important;
    right: 0.7rem !important;
  }
  .ar .ui.basic.modal > .close {
    left: 0.7rem !important;
    right: auto !important;
  }
  .ar .ui>.row>.column.divider.stretched span{
    margin-right: -0.35em;
  }

  .ftSocialLinks ul li {
    width: 32px;
    height: 32px;
  }

  .ftSocialLinks ul li a {
   font-size: 1.25em;
  }

  /* DatePicker */
  .ar .register-content .react-datepicker-popper {
    margin-right: 14px;
  }
  /* DatePicker */

  .dashboard-main .primary-card-title p span,
  .product-selection-content .primary-card-title p span{
    line-height: 23px !important;
    padding-top: 10px;
  }
  .productCard .stretched.row .column.primary-card-title p{
    height:80px;
  }
  .ar .ui.form .field > label.for-passport-label{
    letter-spacing: -0.03em;
  }

  .mainFooterAecb{
    align-items: center !important;
  }
  .resetPasswordItems li span,
  .ar .resetPasswordItems li span{
    font-size: 14px !important;
  }
  .settingsModal div#registerGender.ui.fluid.selection.dropdown.ui.dropdown > .text,
  .settingsModal div#nationalityDropdwon.ui.fluid.selection.dropdown.ui.dropdown > .text{
    line-height: 1.5;
  }
  .settingsModal .settings-form-input .ui.selection.dropdown > .dropdown.icon{
    top:10px !important;
  }
  .page-payment-success .ui.header.bannerTitle + .bannerDesription {
    margin-bottom: 40px;
  }
  .order-summary-content .description-box{
    max-width: 56%;
  }
  .credit-score-description{
    font-size: 12px;
    line-height: 18px;
    color: #090909;
    margin-top: 17px;
  }
  .contact-us-modal .aecb-icon-popup_close:before {
    position: relative;
    top: 0.5em;
    right: 0;
  }

  .ar .contact-us-modal .aecb-icon-popup_close:before {
    right: 0;
  }
  .ui.button.primary:not(.icon) > .right.icon:not(.button):not(.dropdown),
  .ui.button.secondary:not(.icon) > .right.icon:not(.button):not(.dropdown){
   margin: 0em -0.4em 0 1.1em;
  }
  .ar .ui.button.primary:not(.icon) > .right.icon:not(.button):not(.dropdown),
  .ar .ui.button.secondary:not(.icon) > .right.icon:not(.button):not(.dropdown) {
    margin:  0em 1.1em 0 -0.4em;
  }
  .ui.button.primary i.icon,
  .ui.button.primary > .icon:not(.button),
  .ar .ui.button.primary i.icon,
  .ar .ui.button.primary > .icon:not(.button),
  .ui.button.secondary i.icon,
  .ui.button.secondary > .icon:not(.button),
  .ar .ui.button.secondary i.icon,
  .ar .ui.button.secondary > .icon:not(.button){
   height: auto;
   }

  .ui.button.primary,
  .ar .ui.button.primary,
  .ui.button.secondary,
  .ar .ui.button.secondary{
    display: inline-flex;
    align-items: center;
  }

  .ui.button.primary i.icon.angle.right:before,
  .ar .ui.button.primary i.icon.angle.right:before ,
  .ui.button.secondary i.icon.angle.right:before,
  .ar .ui.button.secondary i.icon.angle.right:before {
    font-size: 20px;
    line-height: 16px;
  }
  .uaepass-modal-content-header span,
  .ar .uaepass-modal-content-header span{
    font-style: normal;
    font-weight: 300 !important;
    font-size: 36px !important;
    line-height: 48px !important;
    letter-spacing: -0.04em !important;
    color: #090909 !important;
  }

}

@media only screen and (min-width: 1201px) and (max-width: 1400px){
  .dashboard-main .dashboard-main__hero-cont .dashboard-card-description img{
    height: 278px;
    margin-top: 7px;
  }
  .ar .dashboard-main .dashboard-main__hero-cont .dashboard-card-description img{
    height: 273px;
    margin-top: inherit;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
  .login-content input#email, .login-content input#password{
    max-width: 100% !important;
  }
  /* .mobile-responsive-col .emiratesId .ui.input:nth-child(3) {
    flex: 0 0 35% !important;
  } */

  /* .ar .mobile-responsive-col .column.emiratesId .ui.input:nth-child(3) {
    flex: 0 0 38% !important;
  } */
}
@media only screen and (min-width: 1500px) and (max-width: 1800px){
  .emiratesId .ui.input:first-child,
  .emiratesId .ui.input:last-child {
      flex: 0 0 17.5% !important;
    }
    .emiratesId .ui.input:not(:first-child) {
      margin-left: 10px;
    }
    .emiratesId .ui.input:nth-child(2) {
      flex: 0 0 25% !important;
    }
    .emiratesId .ui.input:nth-child(3) {
      flex: 0 0 35% !important;
    }
    input#mobileForRegister{
      max-width: 100% !important;
    }
    .ar .dashboard-main .ui.button.learnmore,
    .ar .dashboard-main .ui.button.buynow{
      display: flex;
    }
    .ar .dashboard-main i.icon.angle.right{
      margin-right: auto !important;
      text-align: left;
    }
    .ar .dashboard-main .priceCol > span,
    .ar .dashboard-main .priceCol > span > span,
    .ar .product-selection-content .priceCol > span,
    .ar .product-selection-content .priceCol > span > span{
      font-size: 22px !important;
      line-height: 22px !important;
  }
  .ar .column.col-remove-padding.mob-no-input .label-with-border.mobile-prefix-label {
    margin-right: 10px;
    margin-left: inherit !important;
  }
}


/* css added by GreenLightTech */
/* Big Screens Handling */
@media  screen and (min-width:1500px) and (max-width:4999px) {
  .order-summary-bg .ui.cards > .card > .content, .ui.card > .content,
  .ar .order-summary-bg .ui.cards > .card > .content, .ar .ui.card > .content{
    flex-grow: 0 ;
  }

  input#email,
  .settingsModal input#editModeSettings {
    height: 60px !important;
  }
  .settingsModal input#email,
  .settingsModal input#editModeSettings  {
    color: #333 !important;
    font-size: 18px !important;
  }

  input#datepickerRegister {
    height: 60px !important;
    max-width: 508px;
  }

  input#password {
    height: 60px;
  }

  input#oldPassword, input#confirmNewPassword, input#newPassword {
    height: 60px;
  }

  p.changePasswordInlineText {
    max-width: 550px;
    font-size: 20px !important;
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
    line-height: 23px;
    letter-spacing: -0.02em;
  }

  .ar p.changePasswordInlineText {
    line-height: 26px !important;
  }

  p.resetPasswordInlineText{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 20px !important;
    line-height: 23px;
    letter-spacing: -0.02em;
    width: 489px;
    padding-bottom: 24px;
  }

  input#mobileForRegister{
    margin-left: 0.625em;
  }

  .ar input#mobileForRegister{
    margin-left: 0.625em;
    margin-right: inherit;
  }

  .column.col-remove-padding.mob-no-input .ui.input{
    flex: 1;
  }

  input#fullNameForRegister,
  input#fullNameForRegistert,
  input#emailForRegister,
  input#confirmEmailForRegister,
  input#passport {
    font-size: 18px;
    height: 60px;
    max-width: 508px;
    color: #090909;
  }
  .uaepass-modal input#passport{
  max-width: inherit !important;
    
  }

  .ui.header.bannerTitle {
    font-size: 54px !important;
  }

  .bannerDescription {
    line-height: 32px;
  }

  .ui.header.bannerTitleCentered{
    font-size: 60px !important;
  }

  .bannerDesriptionCentered {
    line-height: 32px;
    font-family: 'Roboto' !important;
    letter-spacing: -0.02em !important;
    color: #090909 !important;
  }

  .ar .bannerDesriptionCentered {
    font-family: 'DroidArabicKufiRegular' !important;
  }

  .ui.form textarea:not([rows]) {
    min-height: 5.1em;
    max-height: 30em;
    max-width: 508px;
  }

  /* Register Page Column */
  .register-content .register-right-column-field {
    padding-left: 0.8em !important;
  }

  .ar .register-content .register-right-column-field {
    padding-left: 0em !important;
    padding-right: 0.8em !important;
  }
  /* Register Page Column */

  .registerLabel {
    font-size: 18px;
  }

  input#mobileForRegister {
    height: 60px;
    max-width: 432px;
  }

  .dropdown#registerGender {
    height: 60px !important;
    max-width: 508px;
  }

  #nationalityDropdwon, #hearAboutUs {
    height: 60px !important;
    max-width: 508px;
  }

  .footerText {
    font-size: 18px;
  }

  .right-footer-column > a {
    font-size: 26px;
  }

  .image-container .after {
    font-size: 45px;
    margin-left: -15px;
    margin-top: -15px;
  }

  .banner-img {
    min-height: 450px !important;
    max-height: 450px !important;
  }

  ul, li {
    font-size: 22px !important;
  }

  p {
    font-size: 22px !important;
  }

  .login-content .ui .header {
    font-size: 60px !important;
  }

  .login-content .ui.header.bannerTitle + .bannerDesription {
    margin-bottom: 0px;
    /* margin-top: 20px !important; Need to remove */
  }

  .product-selection-content .ui .header {
    font-size: 60px !important;
  }

  .login-content .banner .ui.container {
    padding: 50px 0px 0px 0px !important;
  }

  .forgot-content .ui .header {
    font-size: 60px !important;
  }

  .forgot-content .banner .ui.container {
      padding: 50px 0px 0px 0px !important;
  }

  .forgot-content .ui.header.bannerTitle + .bannerDesription {
    margin-top: 28px;
    margin-bottom: 0px;
  }

  .forgot-content .forgot-prgh span {
    font-size: 18px !important;
    line-height: 24px;
    letter-spacing: -0.02em;
  }

  .forgot-content .forgotPwdInput input#email {
    max-width: 508px !important;
  }

  .product-selection-content .banner .ui.container {
    padding: 50px 0px 0px 0px !important;
  }

  .ui .sub {
    font-size: 58px !important;
  }

  .register-content .sub{
    font-size: 60px !important;
    line-height: 1.2;
  }

  .resgisterPage.ui.grid > .row{
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .product-selection-content .sub{
    font-size: 60px !important;
  }

  .tnc-content .sub{
    font-size: 60px !important;
  }

  .ui.secondary.menu .item {
    font-size: 22px !important;
  }

  .ar .ui.secondary.menu .item {
    font-size: 22px !important;
  }

  .ui.secondary.menu .item.lang-item {
    padding: 0 0 0 0.32857143em !important
  }

  .ar .ui.secondary.menu .item.lang-item {
    padding: 0 0 0 0.32857143em !important
  }

  .ui.form .field>label.optional {
    font-size: 18px !important;
  }

  .ui.form .field>label, .ui.form .field span>label, .label {
    font-size: 18px !important;
    line-height: 32px;
    padding-bottom: 0.625em;
  }

  .ar .ui.form .field>label, .ar .ui.form .field span>label {
    font-size: 18px !important;
  }

  .ar .ui.form .field>label, .ar .ui.form .field span>label, .ar .label {
    padding-bottom: 0.625em;
  }

  .ar .ui.form .field>label .optional {
    font-size: 18px !important;
  }

  .ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"], .ui.form textarea {
    font-size: 18px !important;
  }

  .ui.form::-webkit-input-placeholder {
    font-size: 18px !important;
  }

  .ui.form:-ms-input-placeholder {
    font-size: 18px !important;
  }

  .ui.form::-moz-placeholder {
    font-size: 18px !important;
  }

  .ui.default.dropdown:not(.button)>.text, .ui.dropdown:not(.button)>.default.text {
    font-size: 18px !important;
  }

  .ar .ui.form::-webkit-input-placeholder {
    font-size: 20px !important;
  }

  .ar .ui.form:-ms-input-placeholder {
    font-size: 20px !important;
  }

  .ar .ui.form::-moz-placeholder {
    font-size: 20px !important;
  }

  .ar .ui.dropdown:not(.button)>.default.text {
    font-size: 18px !important;
  }

  .ar .ui.default.dropdown:not(.button)>.text {
    font-size: 20px !important;
  }

  /* Options in dropdown */
  .ui.dropdown .visible.menu.transition > span.text,
  .ar .ui.dropdown .visible.menu.transition > span.text {
    font-size: 18px !important;
  }

  .ui.dropdown .visible.menu.transition > .item span.text ,
  .ar .ui.dropdown .visible.menu.transition > .item span.text {
    font-size: 18px !important;
  }

  /* Options in dropdown */

  .link {
    font-size: 22px !important;
  }

  .ar .ui.form input:not([type]), .ar .ui.form input[type="date"], .ar .ui.form input[type="datetime-local"], .ar .ui.form input[type="email"], .ar .ui.form input[type="file"], .ar .ui.form input[type="number"], .ar .ui.form input[type="password"], .ar .ui.form input[type="search"], .ar .ui.form input[type="tel"], .ar .ui.form input[type="text"], .ar .ui.form input[type="time"], .ar .ui.form input[type="url"], .ar .ui.form textarea {
    font-size: 18px !important;
  }

  .ui.table thead th {
    font-size: 22px !important;
  }

  .primary-card-title {
    font-size: 22px;
    line-height: 32px;
  }

  .ar .primary-card-title {
    font-size: 22px;
    line-height: 32px;
  }

  .contactUsBtn, .ar .contactUsBtn{
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid var(--stroke-default, #090909);
    padding: 15px 20px;
    text-decoration: auto;
    font-weight: 500;
    cursor: pointer;
  }

  .contactUsBtn:hover, .ar .contactUsBtn:hover {
    box-sizing: border-box;
    border-radius:10px;
    border:1px solid #090909;
    padding: 15px 20px;
    text-decoration: auto;
    font-weight: 500;
    cursor: pointer;
  }

  .card-meta-regular {
    font-size: 22px;
  }

  .card-meta-bold, .card-meta-bold-override {
    font-size: 26px;
  }

  .label-with-border {
    height: 60px;
  }

  .ui.container.login-container {
    padding: 0px 0px !important;
  }

  .ui.container.forgot-container {
    padding: 14px 0px !important;
  }

  .register-divider-horizontal{
    top: 5.1rem;
  }

  .uaePass > div {
    width: 307px;
    height: 50px;
  }

  .uaeRegPass > div > div {
    width: 300px;
    height: 46px;
    background-size:cover;
  }
  .uaeRegPass > div > div:focus{
    height: 50px;
  }
  .uaeRegPass{
    margin-top: -52px !important;
  }

  .maintenance-message {
    font-size: 32px !important;
  }

  .maintenance-title .title {
    font-size: 45px;
  }

  input[type="radio"] {
    width: 22px;
    height: 22px;
  }

  input#email::-webkit-input-placeholder, input#password::-webkit-input-placeholder, input#newPassword::-webkit-input-placeholder, input#emailForRegister::-webkit-input-placeholder, input#confirmEmailForRegister::-webkit-input-placeholder, input#eid1::-webkit-input-placeholder, input#eid2::-webkit-input-placeholder, input#eid3::-webkit-input-placeholder, input#fullNameForRegister::-webkit-input-placeholder, input#mobileForRegister::-webkit-input-placeholder, input#datepickerRegister::-webkit-input-placeholder, input#passport::-webkit-input-placeholder, input#oldPassword::-webkit-input-placeholder, input#confirmNewPassword::-webkit-input-placeholder,input#fullNameForRegistert::-webkit-input-placeholder,input#issuername::-webkit-input-placeholder,input#receivername::-webkit-input-placeholder,input#amount::-webkit-input-placeholder,input#ibanno::-webkit-input-placeholder,input#chno::-webkit-input-placeholder,input#chroute::-webkit-input-placeholder,input#chacc::-webkit-input-placeholder,input#balanceAmount::-webkit-input-placeholder,input#chequeRef::-webkit-input-placeholder   {
    font-size: 18px !important;;
  }

  input#email::placeholder, input#password::-webkit-input-placeholder, input#emailForRegister::-webkit-input-placeholder, input#newPassword::-webkit-input-placeholder, input#confirmEmailForRegister::-webkit-input-placeholder, input#eid1::-webkit-input-placeholder, input#eid2::-webkit-input-placeholder, input#eid3::-webkit-input-placeholder, input#fullNameForRegister::-webkit-input-placeholder, input#mobileForRegister::-webkit-input-placeholder, input#datepickerRegister::-webkit-input-placeholder, input#passport::-webkit-input-placeholder, input#oldPassword::-webkit-input-placeholder, input#confirmNewPassword::-webkit-input-placeholder,input#fullNameForRegistert::-webkit-input-placeholder,input#issuername::-webkit-input-placeholder,input#receivername::-webkit-input-placeholder,input#amount::-webkit-input-placeholder,input#ibanno::-webkit-input-placeholder,input#chno::-webkit-input-placeholder,input#chroute::-webkit-input-placeholder,input#chacc::-webkit-input-placeholder,input#balanceAmount::-webkit-input-placeholder,input#chequeRef::-webkit-input-placeholder   {
    font-size: 18px !important;
  }

  input#email::placeholder, input#password::-webkit-input-placeholder, input#newPassword::-webkit-input-placeholder, input#emailForRegister::-webkit-input-placeholder, input#confirmEmailForRegister::-webkit-input-placeholder, input#eid1::-webkit-input-placeholder, input#eid2::-webkit-input-placeholder, input#eid3::-webkit-input-placeholder, input#fullNameForRegister::-webkit-input-placeholder, input#mobileForRegister::-webkit-input-placeholder, input#datepickerRegister::-webkit-input-placeholder, input#passport::-webkit-input-placeholder, input#oldPassword::-webkit-input-placeholder, input#confirmNewPassword::-webkit-input-placeholder, input#fullNameForRegistert::-webkit-input-placeholder,input#issuername::-webkit-input-placeholder,input#receivername::-webkit-input-placeholder,input#amount::-webkit-input-placeholder,input#ibanno::-webkit-input-placeholder,input#chno::-webkit-input-placeholder,input#chroute::-webkit-input-placeholder,input#chacc::-webkit-input-placeholder,input#balanceAmount::-webkit-input-placeholder,input#chequeRef::-webkit-input-placeholder  {
    font-size: 18px !important;
  }

  textarea#otherSource::placeholder{
    font-size: 18px !important;
  }

  .ui.dropdown:not(.button)>.default.text {
    font-size: 18px !important;
    padding-top: 10px;
  }

  .ui.inline.item.dropdown.lngMenu > i.dropdown.icon {
    font-size: 18px;
  }

  .ui.dropdown > .dropdown.icon:before {
    font-size: 18px;
    width: 13.05px !important;
    height: 22px !important;
  }

  .ar .ui.dropdown > .dropdown.icon:before {
    width: 13.05px !important;
    height: 22px !important;
    font-size: 18px;
  }

  .ui.selection.dropdown > .dropdown.icon{
    top: 1.2em !important;
  }

  .ar .ui.selection.dropdown > .dropdown.icon{
    top: 1.2em !important;
  }

  .register-content .ui.selection.dropdown > .dropdown.icon,
  .ar .register-content .ui.selection.dropdown > .dropdown.icon {
    top: 1.2em !important;
  }

  .settingsModal .settings-form-input .ui.selection.dropdown > .dropdown.icon,
  .ar .settingsModal .settings-form-input .ui.selection.dropdown > .dropdown.icon{
    top: 1.5em !important;
  }


  .ui.dropdown:not(.button)>.default.text {
    font-size: 18px !important;
  }

  .ar .ui .sub {
    font-size: 60px !important;
  }

  .ui.button, .ar .ui.button {
    padding: 20px 21px;
    font-size: 22px;
    border-radius: 10px;
  }

  .responsive-button-container.tnc-container .ui.button,
  .ar .responsive-button-container.tnc-container .ui.button{
    padding: 20.5px 25.645px;
    margin-right: 0;
  }

  .ui.button.buynow,
  .ar .ui.button.buynow,
  .ui.button.learnmore,
  .ar .ui.button.learnmore,
  .ui.button.downloadreport,
  .ar .ui.button.downloadreport,
  .ui.button.backtodashboard,
  .ar .ui.button.backtodashboard,
  .ui.button.nextquestion,
  .ar .ui.button.nextquestion{
    padding: 12px 17px;
    font-size: 18px;
    border-radius: 6px;
  }

  .ui.button.order-summary-add, .ar .ui.button.order-summary-add,
  .ui.button.order-summary-remove, .ar .ui.button.order-summary-remove {
    padding: 17px 21px;
  }

  .ui.button.downloadreport, .ar .ui.button.downloadreport,
  .ui.button.backtodashboard, .ar .ui.button.backtodashboard{
    padding: 15px 17px;
    font-size: 20px;
  }

  .loginUaePass, .ar .loginUaePass {
    margin-top: 17.5px !important;
    width: 352px;
  }

  .loginUaePass span {
    font-size: 20px;
  }

  .ui.header.settingsHeader {
    font-size: 60px !important;
  }

  .sub.header.subHeaderSettings {
    padding-top: 0.4em;
    font-size: 22px !important;
    line-height: 26px !important;
  }

  .accountSettingModal {
    height: 66px;
  }

  .heading-span span,
  .ar .heading-span span {
    font-size: 18px;
    line-height: 26px;
  }

  .order-summary-content {
    padding-bottom: 22px;
  }

  .order-summary-bg .order-summary-right-column .ui.card,
  .ar .order-summary-bg .order-summary-right-column .ui.card {
    max-height: 672px;
    padding: 60px 42px;
  }

  .order-summary-bg .order-summary-left-column .ui.card,
  .ar .order-summary-bg .order-summary-left-column .ui.card {
    max-height: 672px;
    padding: 60px 70px 40px 40px;
  }

  .order-summary-bg .order-summary-right-column .ui.card .content .description ul {
    height: auto;
  }

  .order-summary-bg .order-summary-right-column .ui.card .content .description ul li {
    line-height: 60px;
  }

  .order-summary-bg .order-summary-right-column .ui.card .content .description div#tabs-card {
    max-height: 310px;
  }

  .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table,
  .ar .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table {
    margin: 1em 0em 0em 0em;
  }

  .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tfoot.order-total-footer tr th {
    font-size: 26px;
  }

  .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tfoot.order-total-footer tr th:first-child span {
    padding-left: 40px;
    font-size: 26px;
  }

  .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tfoot.order-total-footer tr th:last-child label {
    padding-right: 40px;
    font-size: 22px !important;
  }

  .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tr.add-credit-score-bg td:first-child label span{
    font-size: 22px !important;
  }

  .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tr.add-credit-score-bg td:first-child div {
    font-size: 18px;
    margin-top: 14px;
  }

  .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tr.add-credit-score-bg td:last-child {
    padding-right: 30px;
  }

  .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tbody tr td span {
    font-size: 24px !important;
    font-family: "Roboto";
    letter-spacing: -0.02em;
  }
  .ar .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tbody tr td span{
    font-family: 'DroidArabicKufiRegular' !important;
  }

  .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tbody tr td:first-child span {
    font-size: 22px !important;
  }

  .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tbody tr td:last-child span {
    font-size: 26px;
  }

  .order-summary-bg .order-summary-left-column .ui.card .extra.content {
    padding: 0 0 0 0.8em;
  }

  .ar .order-summary-bg .order-summary-left-column .ui.card .extra.content {
    padding: 0 0.8em 0 0;
  }
  .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tr td {
    padding: 1.2em 0.1em;
  }
  .ui.button.order-summary-remove i svg,
  .ar .ui.button.order-summary-remove i svg{
    height: 10px;
  }
  .ui.mini.modal.response-modal,
  .ui.mini.modal.contact-us-modal,
  .ui.mini.modal.uaepass-modal
   {
    width: 100%;
    max-width: 713px;
    max-height: 343px;
  }

  .ui.mini.modal.response-modal,
  .ui.mini.modal.contact-us-modal,
  .ui.mini.modal.uaepass-modal {
    /* margin: 0em 0em 0em -315px; */
    left: 0;
    right: 0;
    margin: auto;
  }

  .ar .ui.mini.modal.response-modal,
  .ar .ui.mini.modal.contact-us-modal,
  .ar .ui.mini.modal.uaepass-modal{
    /* margin: 0em -300px 0em 0em; */
    left: 0;
    right: 0;
    margin: auto;
  }

  .modals .modal.response-modal,
  .modals .modal.contact-us-modal,
  .modals .modal.uaepass-modal {
    border-radius: 30px !important;
  }

  .modals .modal.response-modal .content,
  .modals .modal.contact-us-modal .content,
  .modals .modal.uaepass-modal .content {
    border-radius: 30px !important;
  }

  .modals .modal.response-modal .content .sub.header span,
  .modals .modal.contact-us-modal .content .sub.header span {
    font-size: 54px;
  }

  .ar .mobileSubHeaderText, .mobileSubHeaderText {
    font-size: 22px;
  }

  .terms-scroll-wrapper.readMore {
    height: 4023px;
  }

  .ar .terms-scroll-wrapper.readMore {
    max-height: 3500px;
  }

  .ui.fluid.container.mainContainer {
    top: 40px;
    width: 70%;
    padding: 60px 134px 110px 104px;
  }

  .ui.container.mainContainer {
    max-width:1310px !important;
    width:100%;
  }

  /* Before Login Page Wise Containers */
  .ui.fluid.container.mainContainer.page-register{
    padding: 60px 134px 0px 104px;
  }
  /* Before Login Page Wise Containers */

  /* After Login  */
  .autoWidthContainer {
    width: 100% !important;
  }

  .ui.fluid.container.mainContainer.autoWidthContainer {
    padding: 40px 65px 36px 65px !important;
  }

  .ui.container.mainContainer.autoWidthContainer {
    max-width:1840px !important;
    width:100%;
  }


  /* After Login Page Wise Containers */
  .ui.fluid.container.mainContainer.autoWidthContainer.page-dashboard {
    padding: 40px 65px 40px 65px !important;
  }
  .ui.fluid.container.mainContainer.autoWidthContainer.page-security-questions {
    padding: 40px 40px 65px 40px !important;
  }
  /* After Login Page Wise Containers */

  .footer {
    width: 70%;
  }

  .footer .ui.container {
    width: 100%;
    max-width: 1310px !important;
  }

  .footer .ui.grid {
    margin-top: 17px;
    margin-bottom: 17px;
  }

  /* After Login */
  .autoWidthFooter{
    width: 100% !important;
  }

  .footer.autoWidthFooter .ui.container {
    max-width: 1840px !important;
  }

  .fillOutFormRegister,
  .ar .fillOutFormRegister {
    font-size: 22px;
    line-height: 26px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -0.02em;
  }

  .fillOutFormRegister {
    font-family: "Roboto" !important;
  }

  .ar .fillOutFormRegister {
    font-family: "DroidArabicKufiRegular" !important;
  }

  .register-content .column.fill-form-col,
  .ar .register-content .column.fill-form-col {
    display: inline-flex !important;
    /* align-items: flex-end; */
    padding-top: 20px;
  }

  .stretchedRegister .ui.horizontal.divider {
    margin-top: 0;
    display: flex;
  }

  .indicateRegisterText span, .ar .indicateRegisterText span{
    font-size: 18px;
  }

  .mandatoryText span, .ar .mandatoryText span{
    font-size: 22px;
    line-height: 26px;
    top: 10px;
    position: relative;
  }

  .ui>.row>.column.divider.stretchedRegister span,
  .ar .ui>.row>.column.divider.stretchedRegister span{
    font-size: 22px;
    /* transform: translateY(50%); */
  }


  .signupText span {
    font-size: 22px;
  }

  .signupText {
    padding-top: 60px;
  }

  /* .large-screen-space{
    padding: 50px !important;
  } */

  .login-content .ui.small.button{
    font-size: 22px;
  }

  .login-content input#email,
  .login-content input#password{
    max-width: 508px !important;
  }

  .ui.divider {
    font-size: 1.375em;
  }

  .ui>.row>.column.divider.stretched span,
  .ar .ui>.row>.column.divider.stretched span{
    font-size: 22px;
  }

  .ar .ui>.row>.column.divider.stretched span{
    margin-right: -0.15em;
  }

  .ui.divider.login-divider-horizontal{
    margin: 25.5em 17.5em 25.5em 0em;
  }

  .ar .ui.divider.login-divider-horizontal{
    margin: 25.5em 0em 25.5em 0em;
  }

  .ui.divider.forgot-divider-horizontal {
    margin: 25.5em 0em;
  }

  .ui.divider.otp-divider-horizontal {
    margin: 10em 0em 20em 0em;
  }

  .ui.divider.reset-divider-horizontal {
    margin: 3rem 0rem 0rem 0rem;
  }

  .subHeadTNC{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.02em;
    margin-top: 15px !important;
  }

  .ar .subHeadTNC{
    font-family: 'DroidArabicKufiRegular' !important;
  }

  .label-with-border,.label-with-border.override-arabic-font,
  .ar .label-with-border,.ar .label-with-border.override-arabic-font {
    height: 60px !important;
    width: 66px  !important;
    font-size: 18px !important;
  }
  .register-content .label-with-border p,
  .ar .register-content .label-with-border p{
    font-size: 18px !important;
  }

  .sign-up-pass {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .uaeRegPassP span{
    font-size: 18px !important;
    line-height: 24px;
    display: flex;
    letter-spacing: -0.02em;
    margin-top: 15.5px;
    align-items: center;
  }

  .ar .uaeRegPassP span{
    text-align: initial;
    margin-right: 7px;
  }

  .uaeRegPassP {
    max-width: 299px;
    text-align: left;
  }

  .ui.dropdown > .text {
    display: inline-block;
    -webkit-transition: none;
    transition: none;
    font-size: 18px;
    padding-top: 10px;
  }

  .responsive-button-container.tnc-container {
    padding-bottom: 21px  !important;
    padding-top: 21px !important;
  }

  /* Settings */
  a.ui.label.changePasswordText span {
    font-size: 18px;
  }

  .editPassport .ui.label.edit span, .editMobileNo .ui.label.edit span, .editEmail .ui.label.edit span {
    font-size: 18px;
  }

  .ui.modal.transition.visible.active.scale.settingsModal.visible.transition {
    padding: 60px 41px !important;
    width: 1189px !important;
    border: 0;
  }

  .settingsModal div#registerGender.ui.fluid.selection.dropdown.ui.dropdown > .text,
  .settingsModal div#nationalityDropdwon.ui.fluid.selection.dropdown.ui.dropdown > .text{
    display: inline-block;
    -webkit-transition: none;
    transition: none;
    font-size: 18px;
    padding-top: 10px;
    color: #333;
  }

  .ui.form input#mobileSettings[type="text"] ,
  .ui.form input#editModeSettings[type="text"],
  .ui.form input#fullNameForRegistert[type="text"]{
    font-size: 18px !important;
    color: #090909 !important;
    height: 60px;
  }


  /* Summary And History */

  .order-summary-bg .order-summary-left-column .ui.card .content {
    margin-bottom: 30px;
  }

  .order-summary-bg .order-summary-left-column .ui.card .content .header span,
  .order-summary-bg .order-summary-right-column .ui.card .content .header span {
    font-size: 26px;
    font-weight: 500;
    font-family: 'Roboto';
    font-weight: bold !important;
  }
  .ar .order-summary-bg .order-summary-left-column .ui.card .content .header span,
  .ar .order-summary-bg .order-summary-right-column .ui.card .content .header span{
  font-family: 'DroidArabicKufiRegular' !important;
  }
  .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tbody tr td span {
    letter-spacing: -0.02em;
  }
  .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tr.add-credit-score-bg td:last-child button {
    text-transform: uppercase !important;
  }

  .order-summary-bg .wide-screen-spacer{
    padding:25px;
  }

  .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0px;
    float: inherit !important;
  }

  .ui.table tr td.cell1 th label span, .ui.table tr td.cell2 th label span, .ui.table tr td.cell3 th label span {
    line-height: 18px;
  }

  .ui.grid > .column:not(.row), .ui.grid > .row > .column {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .description #tabs ul li a { font-size: 18px; }
  .ar .description #tabs ul li a {
    font-family: 'DroidArabicKufiRegular';
  }

  /* ==============================================
    css:DkGreenLightTech
    date:2nd May,2021
    version: V1-H:Start
  ============================================== */
  /* common */
  .ui.header.bannerTitle {
    font-weight: 300;
    line-height: 76px;
    padding-bottom: 0 !important;
    margin-bottom: 12px !important;
  }

  .ui.header.bannerTitle + .bannerDesription {
    margin-bottom: 40px;
  }

  .ui.header.bannerTitle + .bannerDesription > span {
    font-weight: normal;
    display: flex;
    line-height: 32px !important;
    letter-spacing: -0.02em !important;
  }

  .purchase-history-main .bannerDesription > span {
    font-size: 20px !important;
    width: 550px !important;
  }

  /* common */
  /* dashboard css start */
  .dashboard-main .ui.header.bannerTitle {
    line-height: 76px;
    margin-bottom: 12px !important;
    padding: 0 !important;
  }

  .dashboard-main .ui.header.bannerTitle + .bannerDesription > span{
    font-size: 18px !important;
    line-height: 24px !important;
  }

  .dashboard-main .ui.header.bannerTitle + .bannerDesription {
    margin-bottom: 20px;
  }

  .order-summary-content .ui.header.bannerTitle + .bannerDesription {
    margin-bottom: 20px;
  }

  .purchase-history-main .ui.header.bannerTitle + .bannerDesription {
    margin-bottom: 0px;
  }

  .dashboard-main .dashboard-main__hero-cont {
    margin-top: 26px !important;
  }

  .dashboard-main .spacerLarge {
    padding: 0 !important;
  }

  .dashboard-main .productCard {
    padding: 40px;
  }

  .dashboard-main .priceCol > span,
  .dashboard-main .priceCol > span > span,
  .product-selection-content .priceCol > span,
  .product-selection-content .priceCol > span > span
  {
    font-size: 32px !important;
    line-height: 32px !important;
  }

  .ar .product-selection-content .priceCol > span,
  .ar .product-selection-content .priceCol > span > span {
    letter-spacing: -0.05em;
  }

  .dashboard-main .primary-card-title p,
  .product-selection-content .primary-card-title p{
    max-height: none;
    height: 78px;
  }

  .dashboard-main .primary-card-title p span,
  .product-selection-content .primary-card-title p span {
    font-size: 24px !important;
  }

  .dashboard-main .product .productCard > .ui.grid,
  .product-selection-content .productCard > .ui.grid {
    align-content: space-between;
  }
  .dashboard-main .column.dashboardHistory span {
    font-weight: bold;
    font-style: normal;
    font-size: 26px;
    line-height: 30px;
  }
  .dashboard-main .column.card-title.dashboardHistory span {
    font-size: 22px;
    line-height: 26px;
  }
  .dashboard-main .dashboardHistory {
    padding-top: 26px !important;
  }
  .dashboard-main .dashboard-purchase-history-grid .ui.card{
    border: 0;
    width: 100%;
  }
  .dashboard-main .dashboard-purchase-history-grid .three.column.row {
    background: #FFFFFF;
    border: 1px solid #090909;
    border-radius: 10px;
    margin: 0 1rem;
    margin-top: 17px;
    padding: 26px;
  }
  .dashboard-main .dashboard-purchase-history-grid .ui.card > .content {
    padding: 0;
  }
  .dashboard-main .dashboard-purchase-history-grid .ui.card > .content > .description {
    position: relative;
  }
  .dashboard-main .dashboard-purchase-history-grid .column:first-child > .ui.card > .content > .description::after {
    display: none;
  }
  .dashboard-main .dashboard-purchase-history-grid .ui.card > .content > .description::after {
    position: absolute;
    content: '';
    border-left: 1px solid #090909;
    height: 100%;
    left: -2rem;
    top: 0;
  }
  .ar .dashboard-main .dashboard-purchase-history-grid .ui.card > .content > .description::after {
    position: absolute;
    content: '';
    border-right: 1px solid #090909;
    height: 100%;
    right: -2rem;
    top: 0;
    border-left: 0;
  }

  .dashboard-main .dashboard-purchase-history-grid .ui.table tr td.cell1 th label span,
  .dashboard-main .dashboard-purchase-history-grid .ui.table tr td.cell2 th label span,
  .dashboard-main .dashboard-purchase-history-grid .ui.table tr td.cell3 th label span,
  .purchase-history-main .purchase-history-grid .ui.table tr td.cell1 th label span,
  .purchase-history-main .purchase-history-grid .ui.table tr td.cell2 th label span,
  .purchase-history-main .purchase-history-grid .ui.table tr td.cell3 th label span
  {
    font-weight: 500 !important;
    font-size: 22px;
    line-height: 26px;
  }

  .dashboard-main .dashboard-purchase-history-grid .ui.table tr td.cell1 p,
  .dashboard-main .dashboard-purchase-history-grid .ui.table tr td.cell2 p,
  .dashboard-main .dashboard-purchase-history-grid .ui.table tr td.cell3 p,
  .purchase-history-main .purchase-history-grid .ui.table tr td.cell1 p,
  .purchase-history-main .purchase-history-grid .ui.table tr td.cell2 p,
  .purchase-history-main .purchase-history-grid .ui.table tr td.cell3 p {
    font-weight: normal;
    font-size: 20px !important;
    line-height: 26px;
  }

  .dashboard-main .dashboard-purchase-history-grid .ui.table tr td.cell1,
  .dashboard-main .dashboard-purchase-history-grid .ui.table tr td.cell2,
  .dashboard-main .dashboard-purchase-history-grid .ui.table tr td.cell3
  .purchase-history-main .purchase-history-grid .ui.table tr td.cell1,
  .purchase-history-main .purchase-history-grid .ui.table tr td.cell2,
  .purchase-history-main .purchase-history-grid .ui.table tr td.cell3 {
    padding-top: 20px !important;
  }

  .dashboard-main .dashboard-purchase-history-grid .ui.table tr:first-child td.cell1,
  .dashboard-main .dashboard-purchase-history-grid .ui.table tr:first-child td.cell2,
  .dashboard-main .dashboard-purchase-history-grid .ui.table tr:first-child td.cell3,
  .purchase-history-main .purchase-history-grid .ui.table tr:first-child td.cell1,
  .purchase-history-main .purchase-history-grid .ui.table tr:first-child td.cell2,
  .purchase-history-main .purchase-history-grid .ui.table tr:first-child td.cell3 {
    padding-top: 0 !important;
  }

  .dashboard-main .dashboard-purchase-history-grid .ui.table tr:first-child td.cell1,
  .purchase-history-main .purchase-history-grid .ui.table tr:first-child td.cell1{
    padding-top: 20px !important;
  }

  .dashboard-main .dashboard-main__hero-cont .dashboard-card {
    width: 100%;
  }
  /* 7-5 */
  .dashboard-main .dashboard-main__hero-cont .dashboard-card-description span {
    font-weight: normal;
    font-size: 30px;
    line-height: 40px;
    display: block;
    margin-bottom: 10px;
    padding-left: 0.28em;
    padding-right: 0.5em;
  }

  .ar .dashboard-main .dashboard-main__hero-cont .dashboard-card-description span {
    display: block;
    padding-right: 0.28em;
    padding-left: 0.5em;
    max-width:385px;
  }

  /* 7-5 */
  .dashboard-main .dashboard-main__hero-cont .downloadreport,
  .ar .dashboard-main .dashboard-main__hero-cont .downloadreport {
    font-size: 20px;
    color: #090909;
  }
  /* dashboard css end */

  /* order summary start */
  .order-summary-content .ui.header.bannerTitle + .bannerDesription > span{
    font-size: 18px !important;
  }

  .order-summary-bg .ui.card {
    background: #FFFFFF;
    border: 1px solid #090909;
    box-shadow: none;
  }

  .ar .order-summary-bg .order-summary-left-column .ui.card {
    height: 100%;
    padding: 60px 70px 40px 40px;
  }

  .order-summary-bg .order-summary-left-column .ui.table tbody > tr > td {
    padding-top: 34px !important;
    padding-bottom: 32px !important;
  }

  .order-summary-bg .order-summary-left-column .ui.table tbody > tr:first-child > td {
    padding-top: 0;
  }
  .add-credit-score-bg td:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background-image: linear-gradient(black 33%, rgba(255, 255, 255, 0) 0%);
    background-size: 3px 10px;
  }
  .add-credit-score-bg td:last-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background-image: linear-gradient(black 33%, rgba(255, 255, 255, 0) 0%);
    background-size: 3px 10px;
  }
  .order-summary-bg .order-summary-right-column .ui.card .content .description img {
    /* width: 100%; */
    width: auto;
  }
  .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tr.add-credit-score-bg td:first-child {
    padding-left: 30px;
  }
  .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tr.add-credit-score-bg td:last-child {
    padding-right: 30px;
  }
  .ar .order-summary-bg__text label span {
    margin-left: 30px;
  }
  .order-summary-bg__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    background: #090909;
    border: 1px solid #090909;
    border-radius: 6px;
    padding: 33px 40px;
  }

  .ar .order-summary-bg__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    background: #090909;
    border: 1px solid #090909;
    border-radius: 6px;
    padding: 33px 40px;
  }

  .order-summary-bg .order-summary-left-column .order-summary-bg__text label.label span,
  .order-summary-bg .order-summary-left-column .order-summary-bg__text label {
    font-weight: bold !important;
    font-size: 26px !important;
    line-height: 32px;
    font-family: Roboto;
    color: #fff !important;
  }

  .order-summary-bg__text label span{
    font-weight: normal;
    font-size: 26px;
    line-height: 32px;
    font-family: Roboto;
    color: #fff;
    margin-right: 30px;
  }

  .ar .order-summary-bg .order-summary-left-column .order-summary-bg__text label.label span,
  .ar .order-summary-bg .order-summary-left-column .order-summary-bg__text label,
  .ar .order-summary-bg__text label span{
      font-family: 'DroidArabicKufiRegular' !important;
  }

  .add-credit-score-bg {
      /* display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; */
      margin: 34px 0;
      padding: 30px;
      border: 1px dashed #BCC3C5;
      border-radius: 6px;
  }
  .add-credit-score-bg .label {
    padding-bottom: 0;
    display: block;
    flex: 2;
  }

  .add-credit-score-bg .label+div {
    margin-top: 17px;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    color: #000;
  }

  /* .add-credit-score-bg .labelClass {
    flex: 2;
  } */

  .add-credit-score-bg  .buttonClass {
    text-align: right;
    flex: 1;
  }

  .add-credit-score-bg  .buttonClass > button{
    min-width: 110px;
    margin-right: 0;
  }

  .add-credit-score-bg .label span{
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
  }

  .order-summary-bg .order-summary-left-column table.ui.very.basic.padded.table tbody tr td:last-child {
    width: 10% !important
  }

  /* order summary end */

  /* purchase history */
  .purchase-history-main .purchase-history-grid .column > .column {
    padding: 1rem;
  }
  .purchase-history-main .purchase-history-grid .column .ui.card {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #090909;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 0 !important;
    margin: 0 !important;
  }
  .purchase-history-main .purchase-history-grid .column .ui.card .content {
    padding: 26px 26px 32px 26px;
  }
  .ar .add-credit-score-bg .buttonClass {
    text-align: left;
  }
  /* purchase history */
  /* ==============================================
    css:GreenLightTech
    date:2nd May,2021
    version: V1-H:End
  ============================================== */

  /* / Security Questions / */
  .security-ques-content .ui.header.bannerTitle + .bannerDesription > span {
    font-size: 20px !important;
  }

  p.currentQuestionClass {
    color: #090909 !important;
    font-size: 26px !important;
    font-weight: bold !important;
  }

  p.visitedQuestionClass{
    color: #090909 !important;
    font-size: 26px !important;
  }

  p.nonVisitedQuestionClass{
    color: #090909  !important;
    font-size: 26px  !important;
  }

  p.qs-label-sel {
    font-size: 26px !important;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -0.02em;
  }

  p.qs-label-txt {
    font-style: normal;
    font-weight: normal;
    font-size: 26px !important;
    letter-spacing: -0.02em;
  }

  .qs-label-txt,
  .qs-label-sel {
    height: 74px !important;
  }

  .ui.selection.dropdown.security-question-dropdown {
    color: #090909 !important;
    background: #FFFFFF;
    border: 1px solid #090909;
    box-sizing: border-box;
    border-radius: 10px;
    height: 60px;
  }

  .ui.form.security-form .ui.input.security-question-text input[type="text"],
  .ar .ui.form.security-form .ui.input.security-question-text input[type="text"] {
    height: 60px;
    color: #090909 !important
  }

  .ui.selection.dropdown.security-question-dropdown > .dropdown.icon {
    top: 1rem !important;
  }

  .ar .ui.selection.dropdown.security-question-dropdown > .dropdown.icon {
    top: 1.2rem !important;
  }

  i.icon.security-question-icon{
    font-size: 1.188em;
    margin: -1em 0.25rem 0em 0.5em;
  }

  .ar i.icon.security-question-icon{
    font-size: 1.188em;
    margin: -1em 0.5em 0em 0.25em;
  }

  .security-form {
    padding: 80px 0px 210px 0px;
  }

  .security-ques-content .bannerDesription {
    margin-top: -1em !important;
  }

  .ar .security-ques-content .bannerDesription {
    margin-top: -0.4em !important;
  }

  .currentQuestionClassDiv {
    border-bottom: 3px solid #F39700;
  }

  .visitedQuestionClassDiv {
    border-bottom: 3px solid #F39700;
  }

  .nonVisitedQuestionClassDiv {
    border-bottom: 3px solid #090909;
  }

  .security-ques-content .sec-ques-spacer {
    padding: 22px !important;
  }

  /* Secutiry Question */

  /* / Verify OTP / */
  .verify-otp-content .otp-field-info {
    font-size: 20px !important;
  }

  .verify-otp-content .otp-field-time-info p {
    font-size: 30px !important;
    color: #090909  !important;
    font-style: normal;
    font-weight: 300;
    letter-spacing: -0.04em;
    line-height: 34px;
    font-family: 'Roboto' !important;
  }

  .ar .verify-otp-content .otp-field-time-info p {
    font-family: 'DroidArabicKufiRegular' !important;
  }

  .verify-otp-content .ui.form input[type="text"] {
     max-width: 506px !important;
     height: 60px;
  }

  /* / Reset Password / */
  .reset-container input#confirmNewPassword,
  .reset-container input#newPassword{
    max-width: 506px !important;
  }

  .field.confirm-new-password-field   {
    margin-bottom: 16px !important;
  }

  .field.new-password-field {
    margin-bottom: 2.5em !important;
  }

  .field.resetPasswordInlineText-field > label{
    font-size: 0px !important;
    margin: 0 !important;
    height: 11px !important;
  }

  .chng-pwd-content input#confirmNewPassword, input#newPassword, input#oldPassword {
    max-width: 550px;
  }

  .chng-pwd-content .ui.header.bannerTitle + .bannerDesription > span {
    font-size: 20px !important;
  }

  /*settings page*/
  .settingsModal .ui.selection.dropdown .menu,
  .ar .settingsModal .ui.selection.dropdown .menu {
    /* max-height: 10.7rem; */
    max-height: 8.7rem;
  }

  .align-items-center {
    align-items: center !important;
    top: -1.4em !important;
  }

  .aecb-icon-popup_close_settings:before{
    content: "\e90a";
    color: #090909;
    float: right;
    cursor: pointer;
    font-size: 22px !important;
  }

  .settingsModal .column.mainHeaderSettings {
    padding-left: 0em !important;
    right: 3em !important;
  }

  .ar .aecb-icon-popup_close_settings {
    content: "\e90a";
    color: #232954;
    float: left;
    cursor: pointer;
    font-size: 22px !important;
  }

  .ar .settingsModal .column.mainHeaderSettings {
    padding-left: 0em !important;
    right: 0em !important;
  }

  .settingsModal p {
    margin: 0em 0em 0.525em !important;
  }

  .ar a.ui.label.changePasswordText span {
    font-size: 18px;
  }

  .settingsModal .ui.grid > .row > .column {
    padding-left: 5rem !important;
    padding-right: 1rem !important;
  }

  .ar .aecb-icon-popup_close_settings:before {
    float: left !important;
  }

  .settingsModal .ui.grid > .row > .column.closeSettingsIcon {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .settingsModal .accountSettingGrid{
    padding-top: 43px !important;
    padding-bottom: 60px !important;
    margin-left: -67px !important;
  }

  .password-eye-icon{
    position: absolute ;
    left: 90%;
    top: 64.05%;
    width: 25px;
  }

  .ar .password-eye-icon {
    left: 15.21% !important;
    width: 25px;
  }




  /* .logo-item img.ui.inline.image {
    width: 150px;
    height: 58px;
  } */
  .dashboard-slick-carousel .slick-dots li button{
    width: 6px;
    height: 6px;
  }
  .dashboard-slick-carousel .slick-dots li.slick-active button{
    width: 10px;
    height: 10px;
  }

  .dashboard-slick-carousel .slick-active .content p {
    font-size: 24px !important;
    line-height: 26px !important;
    letter-spacing: -0.02em !important;
  }

  .show-help-modal-content-header span,
  .show-contact-us-modal-content-header span,
  .uaepass-modal-content-header span  {
    font-family: Roboto;
    letter-spacing: -0.04em;
    line-height: 64px;
    font-style: normal;
    font-weight: 300;
  }

  .show-help-modal-content-primary span,
  .show-contact-us-modal-content-primary span{
    line-height: 32px !important;
    font-size: 20px !important;
  }
  .uaepass-modal-content-header span,
  .ar .uaepass-modal-content-header span{
    font-style: normal;
    font-weight: 300 !important;
    font-size: 42px !important;
    line-height: 68px !important;
    letter-spacing: -0.04em !important;
    color: #090909 !important;
}



  .ar .show-help-modal-content-primary span,
  .ar .show-contact-us-modal-content-primary span{
    font-size: 20px !important;
  }

  .product-Selection-Grid{
    padding-bottom: 130px  !important;
  }
  .dashboard-card .line-separator {
    margin: 35px 0 5px 0 !important;
    line-height: 1;
  }

  /* Payment Success Section */
  .sub.header.report-send-text{
    font-style: normal;
    font-weight: 300 !important;
    font-size: 60px !important;
    line-height: 76px;
    letter-spacing: -0.04em;
    color: #090909 !important;
    text-transform: capitalize !important;
    font-family: 'Roboto' !important;
  }

  .report-sent-content .ui .header {
    font-size: 60px !important;
  }

  .report-sent-content .ui.header.bannerTitle + .bannerDesription > span {
    font-size: 22px !important;
    line-height: 32px !important;

  }

  p.transaction-number-text{
    font-style: normal;
    font-weight: bold !important;
    font-size: 32px !important;
    line-height: 32px;
    color: #090909 !important;
  }

  .sub.header.services-title-text,
  .sub.header.transaction-number-text{
    font-style: normal;
    font-size: 22px !important;
    line-height: 32px;
    letter-spacing: -0.02em !important;
    color: #090909 !important;
    text-transform: initial !important;
    font-weight: bold !important;
    font-family: 'Roboto' !important;
  }

  p.report-send-desc,
  p.service-desc,
  p.transaction-number-desc
  {
    font-style: normal;
    font-weight: normal;
    font-size: 22px !important;
    line-height: 32px !important;
    letter-spacing: -0.02em !important;
    color: #090909 !important;
  }

  p.service-desc{
    max-width:647px !important;
  }

  p.transaction-number-desc {
    max-width: 596px !important;
  }

  .report-container {
    padding-bottom: 5.3125em;
  }

  .spacer-login {
    padding: 15px !important;
  }

  input#email:focus,
  input#password:focus,
  input#eid1:focus,
  input#eid2:focus,
  input#eid3:focus,
  input#fullNameForRegister:focus,
  input#fullNameForRegistert:focus,
  input#mobileForRegister:focus,
  input#datepickerRegister:focus,
  input#emailForRegister:focus,
  input#confirmEmailForRegister:focus,
  input#passport:focus,
  textarea#otherSource:focus,
  input#oldPassword:focus,
  input#verificationCode:focus,
  input#newPassword:focus,
  input#confirmNewPassword:focus,
  input#mobileSettings:focus{
    box-shadow: 0px 42px 90px rgba(60, 89, 164, 0.1) !important;
    border: 1px solid #090909 !important;
  }

  /* Change password */
  button.ui.primary.button.sumbitChangePassword {
    margin-left: 30px;
    padding: 18px !important;
  }
  .ar button.ui.primary.button.sumbitChangePassword {
    margin-right: 30px;
  }

  .ui.grid > .row > .column.recaptchaFgtPwd {
    padding-left: 2.5em !important;
  }
  .ui.grid > .row > .column.recaptchaFgtPwdCs {
    padding-left: 1.5em !important;
  }

  .ar .ui.grid > .row > .column.recaptchaFgtPwd{
    padding-right: 2.5em !important;
  }

  .ui.dropdown .menu > .message{
    font-size: 18px !important;
  }

  /* for Emirates ID css */

  .emiratesId .ui.input:first-child,
  .emiratesId .ui.input:last-child {
    flex: 0 0 66px;
  }
  .emiratesId .ui.input:not(:first-child) {
    margin-left: 10px;
  }
  .emiratesId .ui.input:nth-child(2) {
    flex: 0 0 128px;
  }
  .emiratesId .ui.input:nth-child(3) {
    flex: 0 0 218px;
  }
  .emiratesId .ui.input input, input#eid1, input#eid2, input#eid3{
    height:60px;
    padding: 0.67857143em 14px;
    text-align: center;
  }

  .ar .emiratesId .ui.input input {
    padding: 0.67857143em 14px;
  }

  .registerLastRowColumn .ui.button {
    margin-left: -1.8em !important;
  }
  .ar .registerLastRowColumn .ui.button {
    margin-right: -1.8em !important;
  }

  .product-selection-content .ui.header.bannerTitle + .bannerDesription,
  .ar .product-selection-content .ui.header.bannerTitle + .bannerDesription{
    padding-top: 18px !important;
  }
  .register-content .ui.dropdown .menu > .item:hover,
  .register-content .ui.selection.dropdown .menu > .item:hover{
    background: #20285a !important;
    color: white !important;
  }
  .product-selection-content .productCard{
    padding: 26px 20px 40px 20px;
  }
  .usernameGrid{
    width: 250px !important;
  }
  .ar p.resetPasswordInlineText{
    line-height: 28px;
  }
  .dashboard-main .d-btn-box{
    display: flex !important;
  }
  /* Price List Task */
  .dashboard-main .ui.button.learnmore{
    margin-right: 20px;
  }
  .ar .dashboard-main .ui.button.learnmore{
    margin-left: 20px;
    margin-right: inherit;
  }
  /* Price List Task */
  .ar .dashboard-main .priceCol > span,
  .ar .product-selection-content .priceCol > span{
    font-size: 32px !important;
    line-height: 32px !important;
  }
  .ar .dashboard-main .priceCol > span > span,
  .ar .product-selection-content .priceCol > span > span{
    font-size: 28px !important;
    line-height: 32px !important;
  }
  .ui.button.order-summary-add{
    display: flex;
    align-items: center;
    margin-left: auto;
  }
  .ar .ui.button.order-summary-add{
    display: flex;
    align-items: center;
    margin-right: auto;
    margin-left: inherit
  }
  .order-summary-add i,
  .ui.button.order-summary-remove,
  .order-summary-remove i{
    display: flex;
    align-items: center;
  }
  .ar .ui.button.order-summary-remove,
  .ar .order-summary-remove i,
  .ar .order-summary-add i{
    display: flex;
    align-items: center;
  }
  .ui.basic.modal > .close {
    top: -1.5rem !important;
    right: 0.7rem !important;
  }
  .ar .ui.basic.modal > .close {
    left: 0.7rem !important;
    right: auto !important;
  }
  /* DatePicker */
  .ar .register-content .react-datepicker-popper {
    margin-right: 14px;
  }
  /* DatePicker */

  .same-line-content{
    align-items: flex-end !important;
  }
  .login-content .ui.header.bannerTitle{
    margin-bottom: 40px !important;
  }

  .login-content .signupText button.ui.small.button {
    padding-bottom: 0;
  }

  .ar .login-content .bannerDesription > span {
    font-size: 18px !important;
  }

  .ar .login-container .login-grid .stretched.row{
    padding-top: 0;
  }

  .ui.divider.login-divider-horizontal,
  .ar .ui.divider.login-divider-horizontal{
    margin: 40px auto !important;
  }
  .ar .emiratesId .ui.input:first-child{
    margin-right: 10px;
  }
  .ar .emiratesId .ui.input:not(:last-child) {
    margin-right: 0;
    margin-left: inherit;
  }
  .ar.emiratesId .ui.input:first-child input,
  .ar .emiratesId .ui.input:last-child input{
    padding: 0 12px;
  }
  .ar .emiratesId .ui.input:not(:first-child) {
    margin-left: 0.625rem;
    margin-right: inherit;
  }
  .ar .column.col-remove-padding.mob-no-input .label-with-border.mobile-prefix-label{
    margin-left: 14px;
  }
  .ftSocialLinks ul li a i{
    font-size: 1.25em;
  }

  .mainFooterAecb{
    align-items: center !important;
  }
  .tnc-Container h4, .ar .tnc-Container h4{
    margin: 2.858em 0 1.15em;
  }
  /* Increasing icon size*/

  .ui.button.primary:not(.icon) > .right.icon:not(.button):not(.dropdown),
  .ui.button.secondary:not(.icon) > .right.icon:not(.button):not(.dropdown){
   margin: 0em -0.4em 0 1.1em;
  }
  .ar .ui.button.primary:not(.icon) > .right.icon:not(.button):not(.dropdown),
  .ar .ui.button.secondary:not(.icon) > .right.icon:not(.button):not(.dropdown) {
    margin:  0em 1.1em 0 -0.4em;
  }
  .ui.button.primary i.icon,
  .ui.button.primary > .icon:not(.button),
  .ar .ui.button.primary i.icon,
  .ar .ui.button.primary > .icon:not(.button),
  .ui.button.secondary i.icon,
  .ui.button.secondary > .icon:not(.button),
  .ar .ui.button.secondary i.icon,
  .ar .ui.button.secondary > .icon:not(.button){
   height: auto;
   }
  .ui.button.primary,
  .ar .ui.button.primary,
  .ui.button.secondary,
  .ar .ui.button.secondary{
    display: inline-flex;
    align-items: center;
  }

  .ui.button.primary i.icon.angle.right:before,
  .ar .ui.button.primary i.icon.angle.right:before ,
  .ui.button.secondary i.icon.angle.right:before,
  .ar .ui.button.secondary i.icon.angle.right:before {
      font-size: 26px;
      line-height: 26px;
  }

  /* Price List Css Case */
  .dashboard-main .ui.primary.button.buynow,
  .dashboard-main .ui.secondary.button.learnmore,
  .product-selection-content .ui.primary.button.buynow {
    width: 100% !important;
    justify-content: space-between;
  }
  /* Price List Css Case */

  .dashboard-card.ui.card > .extra.content {
    padding: 2.35em 1em 0em 1em !important;
  }
  .credit-score-description{
    font-size: 18px;
    line-height: 26px;
    color: #090909;
    margin-top: 17px;
    letter-spacing: -0.02em;
  }
  .order-summary-content .description-box{
    max-width: 56%;
  }
  .ar .contact-us-modal .aecb-icon-popup_close:before {
    right: -0.5em;
  }
  .settingsModal .ui.message > :last-child,
  .settingsModal .ui.message > :first-child{
    font-size: 18px;
  }
}
/* End Big Resolutions Css */


/* ChequeScore Css Starts */

/* ChequeScore Login/Registration Start */
.cs-login-selector{
    display: flex;
    height: 35px;
    border: 1px solid #d0d0d0;
    border-radius: 55px
}

input#verificationOtpCode{
  background: #FFFFFF !important;
  border: 1px solid rgba(34, 36, 38, 0.15) !important;
  border-radius: 10px !important;
  /*font-family: 'DroidArabicKufiRegular' !important;*/
}
.cs-login-selector .cs-login-active{
    display: flex;
    width: 50%;
    justify-content: center;
    align-self: center;
    size: inherit;
    height: inherit;
    /*border: 1px solid #d0d0d0;*/
    border-radius: inherit;
    font-weight: 700;
    color: #fff;
    background: grey;
}
.cs-login-selector .cs-login-inactive{
    display: flex;
    width: 50%;
    box-sizing: border-box;
    justify-content: center;
    align-self: center;
    size: inherit;
    /*height: inherit;*/
    /*border:1px solid #fff ;*/
    border-radius: inherit;
    font-weight: 400;
    color: black;
    background: #fff;
}
.cs-login-div{
    align-self: center;
    cursor: default;
}
.password-checklist{
  height: 100%;
  background: white;
  padding: 20px 17px;
    border-radius: 6px;
}
.password-checklist ul{
   list-style-type: none;
   padding-left: 5px !important;
}
.cs-terms-link{
  margin-left: 10px;
  font-weight: 700;
  text-decoration: underline;
  cursor:pointer;
}
.cs-otp-resender{
  font-size: 14px !important;
  color: #090909 !important;
  text-align: right;
  font-style: normal;
  font-weight: 300;
  letter-spacing: -0.04em;
  line-height: 24px !important;
  font-family: 'Roboto' !important;
}

.cs-container{
  padding-top: 0px !important;
}
.cs-container input:disabled{
  opacity: 1 !important;
}
.button-align{
  align-self: center;
}
.cs-forgot-pass-div{
  text-align: right;
  align-self: center;
}
.cs-forgot-pass-div .resendOtp{
  color: #000 !important;
}

#CsLoginPageButton:disabled{
  background: none !important;
  border: none !important;
  color: #F39700 !important;
}
/* ChequeScore Login/Registration Start */

/* ChequeScore Css Starts */

@media only screen and (min-width: 1499px) and (max-width: 1650px) {

  .ui.button.buynow, .ar .ui.button.buynow, .ui.button.learnmore, .ar .ui.button.learnmore{
    padding: 11px 8px !important;

  }
}

@media only screen and (min-width: 1020px) and (max-width: 1200px) {

  .ui.button.buynow, .ar .ui.button.buynow, .ui.button.learnmore, .ar .ui.button.learnmore{
    padding: 9px 4px !important;

  }

  .dashboard-main .ui.button.learnmore, .dashboard-main .ar .ui.button.learnmore{
    padding: 9px 13px !important;

  }
}
/* Safari Specific Media Query */
@media screen
and (min-device-width: 768px)
and (max-device-width: 1365px)
and (-webkit-min-device-pixel-ratio:0) {
  .ui.vertically.divided.two.column.grid.stackable.accountSettingGrid:first-child .row.no-padding {
    align-items: center;
  }
  .ui>.row>.column.divider.mobileStretchedRegister span, .ar .ui>.row>.column.divider.mobileStretchedRegister span{
    transform: translateY(-50%);
  }
  .ar .chng-pwd-content p.changePasswordInlineText.pwd-text{
    line-height: 23px !important;
  }
  .ar .resgisterPage .ui.dropdown:not(.button)>.default.text{
    line-height: 2 !important;
  }
}
@media screen
  and (min-device-width: 1920px)
  and (max-device-width: 4999px)
  and (-webkit-min-device-pixel-ratio: 0) {
  .ar p.changePasswordInlineText {
    line-height: 29px !important;
  }
}




  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2196F3;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
    margin-left: 10px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }


.csTCell{
  border-top:none !important;
  padding: 0px 0px !important;
}

.csdashboard-purchase-history-grid .ui.card {
    box-shadow: none;
    border: 1px solid #090909;
    border-radius:15px;
    /*margin-left: 7px !important;*/
    /*margin-right: 7px !important;*/
}

.csdashboard-purchase-history-grid.mobile{ 
    margin: 5px !important;
}

.csMobileTable>tr{
   -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


.csGetScore{
 border: none;
    background: #FFCF23;
    color: #090909;
    padding: 9px 10px;
    border-radius: 15px;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    /* left: 0; */
    /* right: 0; */
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 90%;
    font-size:13px;
    border: 1px solid var(--stroke-default, #090909)
}

.ar .csGetScore{
font-family: 'DroidArabicKufiRegular';
font-size:13px !important;
}

.csGetScoreMobile{
 border: none;
    background: orange;
    color: white;
    padding: 9px 10px;
    border-radius: 15px;
    cursor: pointer;
    width: 100%;
    
}

.csFilter{
  /*background: lightblue;*/
    border: none;
    padding: 10px;
    color: #B2B7BC;
    border-radius: 10px;
    cursor: pointer;
    display:flex;
    justify-content:center;
    align-items:center;
}

.csFilter>img{
   height:38px;
   margin-left:15px;
}


.csFilter2{
  /*background: lightblue;*/
    border: none;
    padding: 10px;
    color: #B2B7BC;
    border-radius: 10px;
    cursor: pointer;
    display:flex;
    justify-content:center;
    align-items:center;
}

.csFilter2>img{
   height:28px;
   margin-left:15px;
   box-shadow: 2px 4px 15px 2px  #BDBDBD;
-webkit-box-shadow: 2px 4px 15px 2px  #BDBDBD;
-moz-box-shadow: 2px 4px 15px 2px  #BDBDBD;
padding:3px;
border-radius:50%;
}




.csIssuerNameInput{
      border: 1px solid lightgray;
    padding: 10px;
    margin: 5px;
    width: 50%;
}

.flexDiv{
    display: flex;
    align-items: center;
    flex-direction: row;
  }


    .chequeFilterDiv{
    display: flex;
  }


  .csSpacebetween{
    margin: 6px;

  }

  .csSectionHeaderSort{
        background: lightgray;
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
  }

.csFilterMainHeader{

      font-size: 1.9em;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
}



 .csIssuername{
    font-size: 18px !important;
    font-weight: bold !important;
    word-break: break-all !important;
    overflow:hidden !important;
    white-space: nowarp !important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height:2em;
} 


.chequeNotScorable{
  width: 100%;
  text-align: center;
  font-weight: 700;
}


.flex-child {
    flex: 3;
    /*border: 2px solid yellow;*/
}

.flex-child2 {
    flex: 1;
    /*border: 2px solid yellow;*/
} 

.csStaticsDiv{
  padding: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  background: white;
  align-items: center;
  margin-top: 15px;
}

.csStaticsSection1{
  display: flex;
  flex-direction: row;
  /*justify-content: space-between;*/
}
.csStaticsSection2{
  display: flex;
  flex-direction: row;
  margin-left: 10px;
  /*justify-content: space-between;*/
}

.csDashCW{
  width: 33.33%;
}

.csStaticNumber{
  font-size: 45px;
  display: flex;
  /*align-items: center;*/
  margin: 8px;
  /*padding-top: 10px;*/
  font-weight: bold;
  /* color: #05445E;*/
  color: #090909;

}

.csStaticTextTop{
    font-weight: normal;
    font-size: 20px;
    color: #090909;
    text-transform: capitalize;

}

.csStaticTextBottom{
    font-size: 13px;
    margin-top: 5px;
}

.csStaticGetscore{
  display: flex;
  align-items: center;
  justify-content:center;
}

.getYourScoreBtn{
    background: #FFCF23;
    padding: 7px;
    color: #090909;
    font-weight: bold;
    border-radius: 25px;
    width: 176px;
    text-align: center;
    cursor:pointer;
    border: 1px solid var(--stroke-default, #090909);
  
}

.rightBorder{
  border-right: 1px solid grey;
}

.leftBorder{
  border-left: 1px solid grey;
}


.csDashImagePH{
    margin: 5px;
   
}

.csDashImagePH>img{
  width: 100%;
}

.csDashbaordOverFlow{
  max-height: 550px;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none; /* Firefox */
}


/* Hide scrollbar for Chrome, Safari and Opera */
.csDashbaordOverFlow::-webkit-scrollbar {
  display: none;
}


.csDashFS{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 0px;
  align-items: center;
}


.csDashFS1{
  font-weight: bolder;
  color: #090909;
  font-size: 18px;
}


.csDashFS2{
  display: flex;
  flex-direction: row;
  align-items: center;
}


.csDashFS2VH{
  margin-right: 35px;
  font-weight: bolder;
  color: #05445E;
  font-size: 18px;

}

.csDashFilterSection{
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid var(--stroke-default, #090909);
  border-radius: 0.3rem;
}



@keyframes fadeIn {
  0% {height:0; opacity: 0}
  24% {height: 100px}
  50% {height: 150px}
  80% {height: 180px}
  100% {height: 200px; opacity: 1;}
}

@-moz-keyframes fadeIn {
   0% {height:0;}
  24% {height: 100px}
  50% {height: 150px}
  80% {height: 180px}
  100% {height: 200px;}
}

@-webkit-keyframes fadeIn {
  0% {height:0;}
  24% {height: 100px}
  50% {height: 150px}
  80% {height: 180px}
  100% {height: 200px;}
}

@-o-keyframes fadeIn {
   0% {height:0;}
  24% {height: 100px}
  50% {height: 150px}
  80% {height: 180px}
  100% {height: 200px;}
}

@-ms-keyframes fadeIn {
   0% {height:0;}
  24% {height: 100px}
  50% {height: 150px}
  80% {height: 180px}
  100% {height: 200px;}
}

/* fade out animation */

@keyframes fadeOut {
  0% {height: 200px; opacity: 1;}
  100% {height:0; opacity: 0;display: none;}
}

@-moz-keyframes fadeOut {
   0% {height:0;}
  24% {height: 100px}
  50% {height: 150px}
  80% {height: 180px}
  100% {height: 200px;}
}

@-webkit-keyframes fadeOut {
  0% {height:0;}
  24% {height: 100px}
  50% {height: 150px}
  80% {height: 180px}
  100% {height: 200px;}
}

@-o-keyframes fadeOut {
   0% {height:0;}
  24% {height: 100px}
  50% {height: 150px}
  80% {height: 180px}
  100% {height: 200px;}
}

@-ms-keyframes fadeOut {
   0% {height:0;}
  24% {height: 100px}
  50% {height: 150px}
  80% {height: 180px}
  100% {height: 200px;}
}

/*  */

.csDashFilterSectionDN{
display: none;
/*transition: .5s ease-in-out;*/
}

.filterInputSearchSectionLabel{
  margin-top: 10px;
  margin-bottom: 10px;
}

.filterInputSearchSection>input{
  border: 1px solid var(--stroke-default, #090909);
  padding: 10px;
  width: 100%;
  border-radius: 5px;
}

.filterSection2{
  display: flex;
  flex-direction: row;
  margin-bottom: 15px
}

.filterHrCS{
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
  border-top: 1px solid var(--stroke-default, #090909);
}
  
  .filterSection2D1{
    width: 15%;
  }
  .filterSection2D2{
    width: 15%;
  }
  .filterSection2D3{
    width: 20%;
  }
  .filterSection2D4{
    width: 28%;
    margin-left: 30px;
  }
  .filterSection2D5{
    width: 15%;
  }

  .chequeScoreSelectionFilter{
    border: 1px solid var(--stroke-default, #090909);
    padding: 10px 2px;
    border-radius: 5px;
    width: 90%;
  }

 .example-thumb {
    font-size: 0.9em;
    text-align: center;
    background-color: #FFCF23;
    color: #FFCF23;
    cursor: pointer;
    /*border: 5px solid #05445E;*/
    box-sizing: border-box;
    border-radius: 50%;
    width: 30px;
    height: 30px;

}

 .example-track {
    top: 10px;
    height: 10px;
    color: lightblue;
}

.example-track.example-track-1 {
    background: #FFCF23;
}

.example-track.example-track-2 {
    background: lightgray;
}
.example-track.example-track-0 {
    background: lightgray;
}

.datePickerInputCS{
  border: 1px solid var(--stroke-default, #090909);
    padding: 10px;
    width: 90%;
    border-radius: 5px;
}

.filterLabelsCS{
  margin-bottom: 5px;
    /*font-weight: 500;*/
    font-size: 11px;
}

.filerResetBtnSection{
  /*display:flex;
  justify-content:center;
  align-items:center;*/
  margin-top:25px;
}

.filterResetBtn{
  background: #FFCF23;
  color: #090909;
  border: 1px solid #090909;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}


/*  */

._2lWPY9NEO200UsojifLVMb{
  max-width: 100%;
  min-width: 100% !important;
}

._22GmWmG2LzCKmqNn4vCn0_>div {
  background: lightblue !important;
  border-radius: 50%;
}


._2S_Arl-Wx-t8pyjE2plcNF{
  display: none !important;
}


.GYir4C2onoRA8QLdAIlxo{
      flex-grow: 2;
    min-width: 20px;
    background: transparent !important;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}

  /*  */


  .daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    direction: ltr;
    text-align: left;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}



/* Safari Specific Media Query */


.CsSettingsSocialLinks  {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}

.CsSettingsSocialLinks ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.csSettingMoreInfo{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 20px;
}

.csSettingMoreInfo a{
  color:#202858 !important ;
  font-weight: bold;
}

.prefereLanguageBtn {
  width: 250px;
  border: 1px solid #D3D3D3;
  border-radius: 50px;

}

.prefereLanguageBtn ul{
  display: flex;
  flex-direction: row;
  padding: 0px;
  justify-content: space-around;
  list-style-type: none;
  margin: 0px;
}

.prefereLanguageBtn ul li{
  float: left;
  width: 50%;
  list-style: none;
  text-align: center;
  line-height: 35px;
}


.prefereLanguageBtn ul li.active{
   border-radius: 55px;
  background: #4B7FBF;
  color: white !important;
}

.accordion{
  border: 1px solid #D3D3D3;
  border-radius: 10px;
 
}

.accordion-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
  background-color: #f7fafe;
  color: #202858;
  border-radius: 10px  ;
  font-weight: bold;
  font-size: 16px;
}

.accordion-title,
.accordion-content {
  padding: .75rem;
}

.settingRows{
  padding: 10px !important;

}

.settingCancelBtn{
  background-color: white !important;
  color:#090909 !important;
  margin-left: 0 !important;
  border-color: #090909 !important;
  margin-right: 10px !important;

}

@media only screen and (max-width: 770px){
  .settingCancelBtn{
  background-color: white !important;
  color:#090909 !important;
  margin-left: 0 !important;
  border-color: #090909 !important;
  height: 50px !important;
  margin-right: 10px !important;
}
}

.settingCancelBtn>i{
  font-weight: 100 !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-left: 10px !important;
}


.password-eye-icon {
    position: absolute !important;
    left: 85.21% !important; 
    top: 64.05% !important;
    width: 16px !important;
  }

  .ar .password-eye-icon {
    position: absolute !important;
    left: 13.21% !important;
    top: 64.05% !important;
    width: 16px !important;
  }

  @media only screen and (max-width: 767px){

.password-eye-icon {
    position: absolute !important;
    top: 50.05% !important;
    width: 16px !important;
  }

  .ar .password-eye-icon{
     position: absolute !important;
    top: 50.05% !important;
    width: 16px !important;
  }

  }

  .noDataDashboard{
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    height: 400px;
    color: #B2B7BC;
    font-size:1.2em;
  }


/* Feedback Modal */
@media only screen and (min-width: 1200px) {
.feedback-modal-width {
    /*width: 840px !important;*/
    /*margin: 0em 0em 0em -450px ;*/
}
}

.feedback-modal-content-header span {
  color: #090909 !important;
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
.feedback-modal-content-header span {
   font-size: 30px !important;
}
}

@media only screen 
  and (min-device-width: 375px) 

  and (max-device-width: 768px)  {

   .feedback-modal-width-mobile-ipad{
    height: 95%;

   }

   .otpInputText{
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 14px;
    margin-right: 0px !important;
}
   }

}


.show-feedback-modal-content-primary span
{
  font-family: 'Roboto' !important;
  align-items: center;
 /* color: #090909 !important; */
  letter-spacing: -0.02em;
  line-height: 28px;
  /* display: flex; */
  font-size: 18px !important;
  font-style: normal;
  font-weight: normal;
}
.textarea-feedback{
  background: #FFFFFF !important;
  border: 1px solid #090909 !important
}
.feedback-success-color>span{
  color: green !important;
    }
.feedback-sucess-row{
   display: flex !important;
      width: 100% !important; 
      justify-content: center !important;

}
/* CS FORGOT PASSWORD  */


.bannerDesription-cS>span
{
  /*font-family: Roboto;*/
font-style: normal !important;
font-weight: normal !important;
}
.cS-label>span{
  /*font-family: Roboto ;*/
font-style: normal !important;
font-weight: normal !important;
}
.cS-content-margin{
  margin-top: -24px !important;
}

/* END  */

.greenBand{
      border: none;
    background: #51AB6A;
    color: white;
    padding: 0px;
    /* border-radius: 15px; */
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    /* left: 0; */
    /* right: 0; */
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 15px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

.redBand{
      border: none;
    background: #E44B32;
    color: white;
    padding: 0px;
    /* border-radius: 15px; */
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    /* left: 0; */
    /* right: 0; */
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 15px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

.orangeBand{
      border: none;
    background: #FF9200;
    color: white;
    padding: 0px;
    /* border-radius: 15px; */
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    /* left: 0; */
    /* right: 0; */
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 15px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

.redBand{
      border: none;
    background: #E44B32;
    color: white;
    padding: 0px;
    /* border-radius: 15px; */
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    /* left: 0; */
    /* right: 0; */
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 15px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

.csdashboard-purchase-history-grid .ui.card .content .description .ui.table .dashboardTrCs{
  box-shadow:none !important;
  padding:0px !important
}


.csdashboard-purchase-history-grid::after {
  content: "";
  flex-basis: 40%;
}

.disableOtpLabels>div>div>div>span{
  color: #aaa !important ;

}
.disablePasswordLabels>span{
  color: #aaa !important ;
  cursor:default !important;
}

.disablePasswordLabels{
   background: transparent;
    cursor: pointer;
    border: none;
    color: orange;
    /*font-weight: bold;*/
    /*opacity:0.4*/
    margin-bottom:12px;
     
}

.clearSelectSection{
  border-radius:10px;
  border:1px solid lightgray;
  padding:7px;
  font-size:15px;
  /*background:red;*/
  margin-top:18px;
}


.clearSectionLabel{
  margin-top:-20px;
  font-size:11px;
  height:18px;
  /*background:white;*/
}

.clearSectionLabel>span{
  background-color:white;
}

.csStatusBtns{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  height:40px;
}

.selectBtnStyle{
  font-size: 9px;
    /* text-align: center; */
    display: flex;
    flex-direction: column;
    /* align-content: flex-start; */
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

.selectBtnStyleRound{
  border-radius:50px;
  height:25px;
  width:25px;
  border:1px solid lightgray;
}

.pcClassBtn{
  
    inline-size: 36px;
    /* background: red; */
    overflow-wrap: break-word;
    line-height: 1.1;
    text-align: center;
    margin-top:5px;
}


.csStaticsDiv{
  padding: 15px;
  display: flex;
  flex-direction: row;
  /*justify-content: space-evenly;*/
  background: white;
  align-items: center;
  margin-top: 15px; 
}

.csDashCW{
  flex: 33.33%;
}


/* Container for flexboxes */
.rowDashboard {
  display: flex;
  flex-wrap: wrap;
}

/* Create four equal columns */
.columnDashboard {
  flex: 18%;
  padding: 0px;
}

/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (min-device-width: 850px) {
  .columnDashboard {
    flex:15%;
  }
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-device-width: 600px) {
  .rowDashboard {
    flex: 100%;
  }

  .csDashCW{
    flex: 100%;
    width:100%;
  }

  .csStaticsDiv{
    flex-direction: column;
  }

  .rightBorder{
    border:0px
  }

  .csStaticGetscore{
    display:flex;
    justify-content:center;
    margin-top:15px;
  }

}


/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 359px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
.rowDashboard {
    flex: 100% !important;
  }
  .columnDashboard {
    flex: 100%;
  }
  .csDashCW{
    flex: 100%;
    width:100%;
  }
   .csStaticsDiv{
    flex-direction: column;
  }

  .rightBorder{
    border:0px
  }

  .csStaticGetscore{
    display:flex;
    justify-content:center;
    margin-top:15px;
  }
}


/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
.rowDashboard {
    flex: 100% !important;
  }
  .columnDashboard {
    flex: 100%;
  }
  .csDashCW{
    flex: 100%;
    width:100%;
  }
   .csStaticsDiv{
    flex-direction: column;
  }

  .rightBorder{
    border:0px
  }

  .csStaticGetscore{
    display:flex;
    justify-content:center;
    margin-top:15px;
  }
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
.rowDashboard {
    flex: 100% !important;
  }

  .columnDashboard {
    flex: 100%;
  }

  .csDashCW{
    flex: 100%;
    width:100%;
  }
   .csStaticsDiv{
    flex-direction: column;
  }

  .rightBorder{
    border:0px
  }


  .csStaticGetscore{
    display:flex;
    justify-content:center;
    margin-top:15px;
  }
}


/* ----------- Google Pixel ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
.rowDashboard {
    flex: 100% !important;
  }

  .columnDashboard {
    flex: 100%;
  }

  .csDashCW{
    flex: 100%;
    width:100%;
  }
   .csStaticsDiv{
    flex-direction: column;
  }

  .rightBorder{
    border:0px
  }

  .csStaticGetscore{
    display:flex;
    justify-content:center;
    margin-top:15px;
  }
}



/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {
.rowDashboard {
    flex: 100% !important;
  }

  .columnDashboard {
    flex: 100%;
  }

  .csDashCW{
    flex: 100%;
    width:100%;
  }
   .csStaticsDiv{
    flex-direction: column;
  }

  .rightBorder{
    border:0px
  }

  .csStaticGetscore{
    display:flex;
    justify-content:center;
    margin-top:15px;
  }
}
.csdashboard-purchase-history-grid>.content>.description>.ui>.csMobileTable>.boxShadowNone{
  box-shadow:none !important;
}

@media only screen and (max-width: 767px){
  .ui.table:not(.unstackable) tr {
    padding-top: 1em;
    padding-bottom: 1em;
    box-shadow: none !important;
  }

  .otpContainer{
    width:100% !important;
    margin-right: 0px !important;
  }
  .otpInputText{
    width:100% !important;
  }
  .login-oTP-fields-cS{
    width:100% !important;
  }
  
  .verifyOtpBtnCs{
    margin-left:0px !important;
    margin-top:20px;
  /*  margin-bottom:20px; */
  }

  .cs-container-passwordcapture-cs>.ui.stackable.grid > .row > .wide.column, .ui.stackable.grid > .wide.column, .ui.stackable.grid > .column.grid > .column, .ui.stackable.grid > .column.row > .column, .ui.stackable.grid > .row > .column, .ui.stackable.grid > .column:not(.row), .ui.grid > .stackable.stackable.row > .column {
    width: 100% !important;
    margin: 0em 0em !important;
    box-shadow: none !important;
    padding: 1rem 0rem !important;
}

   .passwordCstext{
    padding: 0rem 1rem !important;
  }

  .cs-forgot-pass-div{
    text-align:left;
    margin-top:20px !important;
  }

  .ui>.row>.column>.accordion>.accordion-item>.form>.settingRows{
    margin-left:0px !important;
    margin-right:0px !important;
  }

  .inputTogetherDiv{
    position:relative;
    width:100% !important;
  }
}


#chequeNotScorable{
 margin-top: 27px !important;
    display: inline-block;
    font-size:14px;
    line-height:14px;
}

.modals.dimmer.ui.removeMarginModal{
     margin: 1.5rem auto !important;
}

.loginContainerCSDiv{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: end;
    position:relative;
}

.loginImagePlaceHolder{
  height:450px;
  background-repeat: no-repeat;
  background-size: contain;
  width:100%;

}

.loginContainerCSDivLeft{
  /*width:50%*/
}

.chequeRegMainPage>.banner>.ui>.ui>.row>.column>.ui>.row>.column>.bannerTitle>span{
  color:#0054E6 !important;
  font-weight:300;
  font-family: Roboto;
  letter-spacing: -0.04em;
}

.chequeRegMainPage{
  min-height:60vh
}

.chequeRegMainPageEmail>.ui>.banner>.ui>.ui>.row>.column>.ui>.row>.column>.bannerTitle>span{
   color:#0054E6 !important;
  font-weight:300;
  font-family: Roboto;
  letter-spacing: -0.04em;
}

.registerTickClass{
  display:flex;
  flex-direction:row;
}

.checkRegChequeScorear>label{
font-weight:bold;
padding-left:0px !important;
padding-right:22px !important;
}

.checkRegChequeScore>label{
font-weight:bold;
padding-left:0px !important;

}

.registerTickClass>span{
  font-size:13px;
}

.chequeRegMainPageEmail>.container{
  margin-left:0px !important;
}



::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #FF0000;
}

.csdashboard-purchase-history-grid {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.csdashboard-purchase-history-grid::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}

.login-mobile-fields-cS
{
  width: 432px !important;
  height: 45px !important;
}
.login-oTP-fields-cS
{
  /* width: 393px !important; */
  width:100% !important;
  height: 45px !important;
}
.login-password-fields-cS>input{
background: white !important;
    border: 1px solid lightgrey !important;
    height: 45px !important;
    border-radius: 10px !important;
}

.login-password-fields-cS-Disable>input{
background: white !important;
    border: 1px solid lightgrey !important;
    height: 45px !important;
    border-radius: 10px !important;
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
  .login-mobile-fields-cS {
      /*width: 840px !important;*/
      /*margin: 0em 0em 0em -450px ;*/
       width: 600px !important;
  }
}


@media only screen and (min-width: 768px)  {
  .login-mobile-fields-cS {
      /*width: 840px !important;*/
      /*margin: 0em 0em 0em -450px ;*/
       width: 600px !important;
  }

  .login-oTP-fields-cS{
    width:47%;
  }


}

/*.main-login-cs-containter{
  background:url(../img/loginPlaceHolder.png);
  background-size: 60%;
    background-repeat: no-repeat;
    background-position: right bottom;
}
*/
* 
.otpContainer{
  width:47%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.otpInputText{
  display: flex;
  flex-direction: row;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:14px; 
  margin-right: -21px ;

}
.oTPError{
  margin-bottom: 10px;
}

.verifyOtpBtnCs{
  margin-left:20px;
  cursor:pointer;
}

.otpVerifyCsBtnText{
    background: transparent;
    border: none;
    color: #FFCF23 !important;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
    opacity: 0.5;
}

.otpVerifyCsBtnTextEnable{
    background: transparent;
    border: none;
    color: #FFCF23;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
    cursor:pointer;
    
}


.ar .otpVerifyCsBtnTextEnable{
  font-family: 'DroidArabicKufiRegular' !important;
}

.ar .disablePasswordLabels{
  font-family: 'DroidArabicKufiRegular' !important;
}


@media screen and (min-width: 1500px) and (max-width: 4999px){
  .otpInputText>.ui>input {
    height: 60px;
    /*max-width: 432px;*/
  }
}


.main-login-cs-containter>.login-content>.banner>.ui>.ui>.row>.column>.ui{
  padding: 0px !important;
}


.loginPlaceHolderImg{
  margin-bottom: -38px;
  z-index: 999999;
  width: 114%;
  margin-left: -24px;
  background: url(../img/loginPlaceHolder.png);
  height: 253px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: bottom;
}

.customTcCs{
  height:100vh;
}

.tcFooterCs{
  display:flex;
  flex-direction:row;
     padding:10px;
    justify-content: space-between;
}

.tcFooterCsAgree{
  /*flex:25%;*/
  background-color:#FFCF23 !important;
  color:#090909;
  padding: 15px 40px;
  border-radius:10px;
  font-weight:bold;
  cursor:pointer;
  border: 1px solid #090909 !important;
}

.tcFooterCsAgree:hover{
  background-color: #F39700 !important;
}

.tcFooterCsCancel{
  /*flex:25%;*/
  background-color:#FFCF23 !important;
  color:#090909;
  border:1px solid #090909;
  padding: 15px 40px;
  border-radius:10px;
  font-weight:bold;
  cursor:pointer;
}

.tcFooterCsCancel:hover{
  background-color: #F39700 !important;
}

.csDashboardTitle{
  color:#090909;
  font-size:24px;
  margin-top:35px;
  margin-bottom:35px;
}

.csFilter>span{
  margin-left:8px;
  margin-right:8px;
}

.csFilter2>span{
  margin-left:8px;
  margin-right:8px;
}


.inputTogetherDiv{
  position:relative;
  width:47%;
}

.tickCsInput{
  position: absolute;
  top: 14px;
  right: 10px;
}

.tickCsInputRever{
  position: absolute;
  top: 14px;
  left: 10px;
}

@media only screen and (min-width:1500px){


.login-password-fields-cS-Disable>input {
    background: white !important;
    border: 1px solid lightgrey !important;
    height: 60px !important;
    border-radius: 10px !important;
}

.login-password-fields-cS>input {
    background: white !important;
    border: 1px solid lightgrey !important;
    height: 60px !important;
    border-radius: 10px !important;
}


.disablePasswordLabels>span {
    color: #aaa !important;
    cursor: default !important;
    font-size: 18px;
}

.bottonLoginText{
  font-size: 18px;
}
.enableOTPLabels>span {
   
    cursor: default !important;
    font-size: 18px !important;

}

}


.login-content-cs-header>.banner>.ui>.ui>.row>.column>.ui{
  max-height:60px !important
}

.login-content-cs-header>.ui{
  margin-left:0px !important;
  margin-right:0px !important;
}
.login-mobile-error-field>div{
  margin-top: 10px;
}

.register-cs-header{
      padding: 0px 0px !important;
}

.chequeRegMainPage>.banner>.ui>.ui>.row>.column>.ui>.row{
  padding-top:0px;
  padding-bottom:0px;
}

.chequeRegMainPage>.banner>.ui>.ui>.row>.column>.ui>.row>.column>.ui{
  padding-top:0px;
  padding-bottom:0px !important;
}




/* Cheque Score Report Page*/


.singleChequeStatusBox{
border: 1px solid #929292;
 border-radius: 5px;
 height: 95px;
 margin-top: 10px ;
}

.singleChqueStatusContent{
  padding: 20px !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor:pointer;
}

.reportContainer>.csBannerBlue>.banner>.ui.container{
    padding-top: 20px !important;
} 

.scoreIndicator{
  margin: 20px 0px;
  padding: 10px;
  border-radius: 10px;
  padding-top: 0px !important;
  border :1px solid #090909;
  width: 300px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.scoreIndicator>span{
  margin-top: -30px !important;
}

.reportContainer>.scoreIndicator>div>.speedometer{
  margin-top: -20px !important;
  
}

.greyLine{
  background-color: #090909 !important;
  width: 100%;
  height: 1px;
  display: none;
}

.greyLineFull{
   background-color: #090909 !important;
  width: 100%;
  height: 1px;
  margin: 10px !important
}

@media only screen and (max-width: 767px){
  .greyLine{
  background-color: #090909 !important;
  width: 100%;
  height: 1px;
  display: flex !important;
  margin: 10px !important;
}
}

.btnEnable{
  display: none !important;
}


@media only screen and (max-width:767px){
.btnEnable{
  display: flex !important;
}

.reportContainer>.csBannerBlue>.banner>.ui>.ui>.row>.right-column{
  display: none !important;
}


}


.bannerDesription>span{
  font-weight: 500 !important;
  color: #090909;
}

.extraBannerText>span{
  width: 400px;
  font-size: 12px;
  color: #666666 !important;
}

.csBackToDashboard{
  border: 1px solid var(--stroke-default, #090909) !important;
}

.reportDetails{
margin-top: 20px;
}

.reportImage{
    margin-top: 20px;
}

@media only screen and (min-width:767px){
.reportImage{
    width: 250px;
    margin-top: 20px;
}

}



.labelDark>span{

  color: #090909 !important;
  font-weight: bold !important;
  
}

.labelDark{
  margin-bottom : 8px
}



@media only screen and (min-width: 1500px){

  .labelDark>span{
  color: #090909 !important;
  font-weight: bold !important;
  font-size: 18px !important;
}

.chequeDetail>span{
  font-size: 18px !important;
}

.extraBannerText>span{
  width: 400px;
  color: #666666 !important;
  font-size: 18px !important;
}

.reportDescText>span{
  font-size: 15px !important;
}



.partiallyClearedContainer{
  height: 280px !important;
}

.partialTitle>span{
  font-size: 18px !important;
}

.scoreIndicator>span{
  font-size: 16px !important;
}

}

.chequeStatusBox>fieldset{
 border: 1px solid #929292;
 border-radius: 5px;
 height: 120px;

}

.chequeStatusBox>fieldset>legend{
 padding: 0 10px;

}

.chequeStatusContent{
  display: flex;
  flex-direction: row;
  justify-content: space-around;

}

.csContent{
  display: flex;
  flex-direction: column;
 align-items: center;
}

.csContent>span{
font-size: 10px;
}
.csContent2{
  display: flex;
  flex-direction: column;
 align-items: center;
}

.csContent2>span{
font-size: 10px;
}

.csContentCompress>span{
width: 40px;
}

.chequeStatusImage{
  width: 50px;
  height: 50px;
}

.resportDescContent{
  padding: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  gap: 10px  ;
}


.reportDescText{
  
  font-size: 9px;
}

.reportDescIcon{
    mix-blend-mode: multiply;
  
    height: 30px;
}

.reportDesc{
  margin-top: 8.5px;
  background-color: rgb(255 231 146);
  border-radius: 6px;
}
.reportDescCSEnter{
  margin-top: 8.5px;
     background: rgb(255 231 146);
  border-radius: 6px;
}
@media only screen and (max-width:375px){
  .reportDescCSEnter{
  margin-top: 8.5px;
  background-color: #faebd8;
  height: 120px;
  border-radius: 6px;
}
}


@media only screen and (max-width:375px){
  .reportDesc{
  margin-top: 8.5px;
  background-color: #faebd8;
  height: 120px;
  border-radius: 6px;
}
}

.partiallyClearedContainer{
  border: 1px solid #090909;
  border-radius: 10px;
  margin-top: 20px;
  height: 250px;
}

@media only screen and (max-width:767px){
.partiallyClearedContainer{
  border: 1px solid #090909;
  border-radius: 10px;
  margin-top: 20px;
  height: 350px;
}

.reportContainer>.partiallyClearedContainer>.partiallyClearedContent>.partialForm>.ui>.ui>.row>.column{
 padding-top: 0px !important;
 padding-bottom: 10px !important;
}


.reportContainer>.backToDashboardTopBtn>.ui.secondary.button.backtodashboard{
    width: auto !important;

}

.getYourScoreBtn{
  width:300px;
}
}


.partiallyClearedContent{
  padding: 20px;
}

.partialTitle>span{
  font-weight: 700;
  color: #090909;
}

.partialForm{
  margin-top: 20px;
}

/*-------------- Report Page Css Ends here -------------------*/

/* Cheque Score details */


.chequeDetailsContainer>.csBannerBlue>.banner>.ui.container{
    padding-top: 20px !important;
} 

.chequeScoreDetails{
  margin-top: 30px;
}


@media only screen and (max-width:767px){
.chequeDetailsContainer>.csBannerBlue>.banner>.ui>.ui>.row>.right-column{
display: none !important;
}

.chequeDetailsContainer>.partiallyClearedContainer>.partiallyClearedContent>.partialForm>.ui>.ui>.row>.column{
 padding-top: 0px !important;
 padding-bottom: 10px !important;
}

}


@media only screen and (max-width:420px){
  .chequeDetailsContainer>.pwd-btn-box>.ui>span{
  font-size: 9.5px !important;
}

}


@media only screen and (min-width: 767px){

  .detailsButton{
    display: flex !important;
  }

.chequeDetailsContainer>.pwd-btn-box{
  background-color: red !important;
  display: none !important;
}

  .chequeDetailsContainer>.banner>.ui>.ui>.row>.right-column{
    display: none !important;
  }

}


.titleDivPaymentCs{
  margin-top: 10px;
    color: #090909;
    font-size: 35px;
    font-weight: 300;

}

.titleDescAndBtnPaymentCs{
display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 15px;
    align-items:center;
}

.textPaymentCsDiv{

}

.btnPaymentCsDiv{
  padding: 8px;
    border: 1px solid var(--stroke-default, #090909);;
    border-radius: 5px;
    font-weight: bold;
    color: #090909;
    font-size: 13px;
    display:flex;
    align-items:center;
    cursor:pointer;
}

.btnPaymentCsDiv2{
  padding: 8px;
    border: 1px solid var(--stroke-default, #090909);;
    border-radius: 5px;
    font-weight: bold;
    color: #090909;
    font-size: 13px;
    display:flex;
    align-items:center;
    width: 65%;
    margin-bottom: 20px;
    cursor:pointer;
}

.paymentContainerCs{
display: flex;
    flex-direction: row;
    gap: 10px !important;
        padding-bottom: 10em !important;
    /*flex-wrap: wrap;*/
    /*justify-content: space-between;*/
}

.paymentDetailsCsLeft{
 padding-left: 25px;
    width: 68%;
    /* background: red; */
   /* padding-right: 40px;*/
   padding-right: 25px;
    padding-top: 40px;
    border-radius: 5px;
    border: 1px solid #090909;
        padding-bottom: 1em !important;
}

.pDTextCs{
color: #090909;
    font-size: 20px;
    font-weight: 500;
        /*padding: 1em;*/
}

.pDTextCsRow{
display: flex;
    justify-content: space-between;
    padding: 20px;
        padding-left: 0px !important;
            padding-bottom: 2px;
    /*border-bottom: 1px solid #E9Eff1;*/
}



/* webbau-661 starts */

button.ui.primary.button.buttonPdfPopUp.buttonWidthFull>span{
  font-weight: 400 !important;
}


.newPaymentSuccessContainer{
  width: 60% !important;
}

.apppleStoreGoogleStoreIcon{
      width: 10em !important;
}

.textDescriptionNewPaymentPage{
      display: flex !important;
     width: 50em !important;
    flex-direction: column;
        line-height: 1.3 !important;
}

.report-img-content-new-payment-page{
      display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
  
        gap: 0.5em !important;
}

.image-tick-new-PaymentPage{
  width: 3em !important;
    height: 3em !important;
}


.appleAndGoogleIconsNewPaymentPage{

      display: flex !important;
    gap: 1em !important;
}

.googleStoreGoogleStoreIcon{
      width: 11em !important;
}

 p.transaction-number-text.newTextTransPaymentPage.sc-jWBwVP.cXBaIN.sc-hSdWYo.cOAdPy>span{
  font-size: 19px !important;
} 

.sub.header.transaction-number-text.newTransNumberText.sc-chPdSV.ijLAJh.sc-fjdhpX.fjdNJf>span{
      font-size: 14px !important;
    }

.pDTextCsRowLeft{
   color: #090909;
    font-weight: 500;
}


span.textDescriptionNewPaymentPage>span{
    font-size: 13px !important;
}

.paymentSuccessful-NewPayment{
      font-size: 2.5em !important;
    letter-spacing: 0px !important;
    color: #090909 !important;
        letter-spacing: -0.04em !important;
}



.descriptionOfDownloadPdf_en>p>span{
     /*font-family: Roboto !important; */
    /*font-weight: 500!important;*/
    color: #090909 !important;
  
    letter-spacing: -0.56px !important;
    opacity: 1;
        font-size: 17px !important;
}

.descriptionOfDownloadPdf_ar>p>span{
    font-weight: 500!important;
    color: #090909 !important;
      /*font-size: 1.25em !important;*/
       font-size: 16px !important; 
    letter-spacing: -0.56px !important;
    opacity: 1;
}


.modalContentToBeCenter{
    text-align: center !important;
}

.buttonPdfPopUp{
      width: 120px !important;
    /* height: 70px; */
    border-radius: 2px !important;
        justify-content: center !important;
   
}


.pdfPopUpCSS{
      display: flex;
    flex-direction: column;
}


.iBoxContentCSS{
      font-size: 1vw !important;
     /*font-family: 'Roboto' !important;*/
}


.resportDescContentIBoxCss{
      padding: 15px;
    display: flex;
    flex-direction: row;
    /* justify-content: space-around; */
    gap: 10px;
}

.gapBetweenDescriptionTopCSS{
      margin-top: 22px !important;
      margin-bottom: 5px !important;
}

.gapBetweenDescriptionCSS{
      margin: 0px 0px 5px 0px !important;
}


.gapBetweenDescriptionBottomCSS{
margin: 0px 0px 40px 0px !important;
    /*padding-bottom: 2em !important;*/
}



.pdfDateMonthYearCss{
  font-weight: bold !important
}


.descriptionOfDownloadPdf_ar>p>span.pdfDateMonthYearCss_ar{
  font-weight: bold !important
}

.pdfDateMonthYearCss_ar{
  font-weight: 600 !important;
}


button.ui.primary.button.buttonPdfPopUp{
      width: 45% !important;
}


.textWithDateCss{
  display: flex !important;
  color: #090909 !important;
    letter-spacing: -0.56px !important;
    opacity: 1;
    font-size: 17px !important;
        gap: 0.2em !important;
}

.textWithDateCss_ar{
  display: flex !important;
  color: #090909 !important;
    letter-spacing: -0.56px !important;
    opacity: 1;
    font-size: 16px !important;
    gap: 0.3em !important;
        
}


.spaceInArabicTextCss{
  display: flex !important;
    gap: 0.3em !important;
}



/* mobile view css */
@media only screen and (min-width: 360px) and (max-width: 767px) {


  p.transaction-number-text.newTextTransPaymentPage.sc-jWBwVP.cXBaIN.sc-hSdWYo.cOAdPy>span {
    font-size: 5vw !important;
    line-height: 1 !important;
}

  p.transaction-number-text.newTextTransPaymentPage.newTextTransPaymentPage_ar.sc-jWBwVP.cXBaIN.sc-hSdWYo.cOAdPy>span{

    letter-spacing: 0.05em !important;
        line-height: 1.5 !important;
  }

  .appleAndGoogleIconsNewPaymentPage{
        justify-content: space-between !important;
  }

  .sub.header.transaction-number-text.newTransNumberText_ar.sc-chPdSV.ijLAJh.sc-fjdhpX.fjdNJf>span>span{
    font-size: 19px !important;
    letter-spacing: 0.05em !important;
  }

.sub.header.transaction-number-text.newTransNumberText_ar.sc-chPdSV.ijLAJh.sc-fjdhpX.fjdNJf>span
  {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start; !important;
    font-size: 17px !important;
  }


  span.textDescriptionNewPaymentPage_ar>span{
    font-size: 15px !important;
    color: #090909 !important;
  }


span.paymentSuccessful-NewPayment.paymentSuccessful-NewPayment_ar{
  display: flex !important;
    flex-direction: column !important;
    row-gap: 0.5em !important;
        align-items: center !important;
}


  span.textDescriptionNewPaymentPage_ar{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

button.ui.primary.button.buttonPdfPopUp.buttonWidthFull{
  width: 100% !important;
  margin: 0px !important;
      padding: 1em !important;
}

.report-img-content-new-payment-page{
      display: flex !important;
    align-items: center !important;
    flex-direction: column !important;
    gap: 0.5em !important;
}
.paymentSuccessful-NewPayment {
    font-size: 2em !important;
    }

span.textDescriptionNewPaymentPage>span{
  font-size: 15px !important;
  color: #090909 !important;
}

p.transaction-number-text.newTextTransPaymentPage.sc-jWBwVP.cXBaIN.sc-hSdWYo.cOAdPy>span{
  display: block !important;
    text-align: center !important;

}

p.transaction-number-desc.tryOurCreditReport.sc-jWBwVP.cXBaIN.sc-hSdWYo.cOAdPy{
  display: block !important;
    text-align: center !important;
    margin: auto !important;
}

span.textDescriptionNewPaymentPage{
  display: flex !important;
  flex-direction: column !important;
}

.sub.header.transaction-number-text.newTransNumberText.sc-chPdSV.ijLAJh.sc-fjdhpX.fjdNJf>span{
      display: flex !important;
    flex-direction: column !important;
        align-items: center !important;
    font-size: 17px !important;
}


    .textDescriptionNewPaymentPage{
      align-items: center;
          width: auto !important;
    }



  .imagePdfIBoxCSS_ar{
    width: 75% !important;
    margin-top: 0em !important;

  }


  span.pdfDateMonthYearCss{
    font-weight: bold !important;
  }


 .iBoxresportDescContentIBoxCss{
    gap: 0px !important;
  }

  .iconPdfDownloadCss{
    margin: 0px !important;
    width: 15%;
  }


  .imagePdfIBoxCSS{
        width: 75% !important;
    margin-top: 0.3em !important;
  }


.descriptionOfDownloadPdf_ar{
      display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}


  .iBoxContentCSS{
    font-size: 0.9em !important;
     /*font-size: 3vw !important;*/
  }


  .mobileViewPdfDownloadPopUpCss{
     display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }


.reportDescCSEnter.reportDescCSEnterCSSMob{
      height: 100% !important;
}

.descriptionOfDownloadPdf_en{
  display: flex !important;
    flex-direction: column;
    /* align-content: center; */
    text-align: justify;
}

.descriptionOfDownloadPdf_en>p>span{
          font-size: 1.5em !important;
}

button.ui.primary.button.buttonPdfPopUp{
      /* width: 8.9375em !important; */
    border-radius: 6px !important;
        margin-top: -2em !important;
    margin-bottom: 2em !important;
    padding: 1.56em !important;
}

}


/* media query for desktop screen responsiveness */

@media only screen and (min-width: 768px) and (max-width: 854px) {

span.textDescriptionNewPaymentPage>span {
    font-size: 11px !important;
}

}

@media only screen and (min-width: 1024px)  {
button.ui.primary.button.buttonPdfPopUp.buttonWidthFull{
      border-radius: 0.5em !important;
}
}
@media only screen and (min-width: 556px) and (max-width: 767px) {

.descriptionOfDownloadPdf_en>p>span{
      font-size: 3vw !important;
}
}

@media only screen and (min-width: 525px) and (max-width: 767px) {

.pdfPopUpResponseModal{
      border-bottom: 3px solid rgb(32, 40, 90) !important; 
    top: 50% !important;
    right: 50% !important;
    transform: translate(-50%,-50%) !important;
    margin: 0px !important;
}

}


@media only screen and (min-width: 992px) and (max-width: 1302px) {
p.transaction-number-text.newTextTransPaymentPage.sc-jWBwVP.cXBaIN.sc-hSdWYo.cOAdPy>span {
    font-size: 1.4vw !important;
}

}



.desktopViewPdfDownloadPopUpCss{
      display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media only screen and (min-width: 360px) and (max-width: 467px) {
.descriptionOfDownloadPdf_en>p>span {
    font-size: 1em !important;
  }
}

/* desktop view  */
@media only screen and (min-width: 768px)  {
.ui.fluid.container.mainContainer.newPaymentSuccessContainer{
      width: 66% !important;
}

.sub.header.transaction-number-text.newTransNumberText.newTransNumberText_ar.sc-chPdSV.ijLAJh.sc-fjdhpX.fjdNJf>span{
  letter-spacing: 0.05em !important;
}

p.transaction-number-text.newTextTransPaymentPage.newTextTransPaymentPage_ar.sc-jWBwVP.cXBaIN.sc-hSdWYo.cOAdPy>span{
      letter-spacing: 0.05em !important;
}

}

/* webbau-661 ends */


/* webbau-549 starts */
/* chequscore css */

.stopWatchAndTextCss_CS{
  /*margin-left: 1em !important;*/
    /*  margin-top: -1em !important;
    margin-bottom: 0.5em !important;*/
      display: flex !important;
          border-bottom: 1px solid #090909 !important;
          padding-bottom: 1rem;
}

.pDTextCsRow_ar{
  display: flex;
    justify-content: space-between;
    padding: 20px;
        padding-left: 0px !important;
            padding-bottom: 2px;
        padding-right: 0px !important;
}


.iNoteTextCssPgm_ar_CS{
      margin-right: 0.5em !important;
    font-size: 0.9vw !important;
}


.iNoteTextCssPgm_CS_ar{
    color: #F39700 !important;
    margin-left: 0.3em !important;


  }

.iNoteImageCSs_CS>img{
      height: 1em !important;
    margin-top: 0.2em !important;
}

/*.iNoteTextCssPgm_CS>span{
      font-size: 0.9vw !important;
}*/

/* webbau-549 ends */

/* webbau-660 starts */




.radioButtonLabelReportLanguageCss.labelArabicFontCss>span>span{
font-family: 'DroidArabicKufiRegular' !important;
}


button.ui.primary.button.backtodashboard.csBackToDashboard.chequeDetailsBackToDashboard.cancelCssPastDate.okButtonReportLanguageCss{
    flex-direction: unset !important;
}

button.ui.primary.button.backtodashboard.csBackToDashboard.chequeDetailsBackToDashboard.cancelCssPastDate.okButtonReportLanguageCss>span{
  font-size:1em !important ;
}

.reportLanguageCSS{
      padding: 0px !important;
    height: 100% !important;
    margin-top: -3em !important;
    margin-bottom: 1.3em !important;
        color: #090909 !important;
}




.reportLanguageCSS_red_highlighted{
     padding: 0px !important;
    height: 100% !important;
    margin-top: -3em !important;
    margin-bottom: 1.3em !important;
      color: #EA3434 !important;

}


.radioButtonLabelReportLanguageCss{
      color: #090909 !important;
}


.inputRadioCss{
  display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.8em !important;
}

input[type="radio"].inputRadioFieldCss{
    height: 22px !important;
    width: 22px !important;
    background-color: #FFFFFF;
}

.radioLableCss{
    display: flex;
    align-items: center;
    gap: 1em !important;
}




.okButtonReportLanguageCss{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 9em !important;
    font-weight: 500 !important;
}

.ui.small.modal.transition.visible.active.response-modal.responseModalPastDateCss.responseModalReportLanguageCss{
  border-radius: 1em !important;
  width: 40% !important;
}

.response-modal-content.pastDateCss.responseModalReportLanguageCss.content{
  border-radius: 1em !important;
  margin: 0px !important;
      padding-top: 1em !important;
          padding-right: 1em !important;
          padding-bottom: 4em !important;
}

.okButtonReportLanguageCss>i.icon.angle.right{
  margin: 0px !important;
  margin-bottom: 0.45em !important;
}

.aecb-icon-popup_close.closeIconReportLanguageCss:before{
  display: flex !important;
    align-items: center;
    justify-content: flex-end;
        margin-right: 1em !important;
    margin-top: 1em !important;
}

.descriptionReportLanguageCss>span{
  color: #202F5D !important;
}


.responseModalReportLanguageCss_ar>div{
      padding-right: 2.5em !important;
}

/* webbau-660 media query starts */

/* desktop view  */

@media only screen and (min-width: 768px) {


.okButtonReportLanguageCss{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 9em !important;
    font-weight: 500 !important;
}


button.ui.primary.button.okButtonReportLanguageCss.okButtonReportLanguageCss_ar>i
{
        margin-top: 0.5em !important;
}


.sub.header.reportLangHeaderCss.sc-chPdSV.ijLAJh.sc-fjdhpX.fjdNJf>span{
      font-size: 0.7em;
        font-weight: 600 !important;
    letter-spacing: 0.05px !important;
}


p.reportLangDescpCss.sc-jWBwVP.cXBaIN.sc-hSdWYo.cOAdPy>span{
      font-size: 0.83em !important;
}


button.ui.primary.button.okButtonReportLanguageCss{
      padding: 6px 1px 6px 1px !important;
    width: 25% !important;
    margin-top: 1em !important;
}

button.ui.primary.button.okButtonReportLanguageCss>span{
      font-weight: 300 !important;
      font-size: 14px !important;
}

button.ui.primary.button.okButtonReportLanguageCss>i
{
      margin-top: 0.3em !important;
}

.ui.small.modal.transition.visible.active.response-modal.responseModalPastDateCss.responseModalReportLanguageCss.popUpCenteredCss.mobileCssPopUp {
        width: 44% !important;
  }

.sub.header.pastDateDescCss.headerReportLanguageCss.mobileTextHeaderCss.sc-chPdSV.ijLAJh.sc-fjdhpX.fjdNJf>span{
    font-weight: 600 !important;
    letter-spacing: 0px !important;
        /*font-size: 28px !important;*/
}
}

@media only screen and (min-width: 768px) and (max-width: 842px){
.order-summary-bg.orderSummaryReportLanguageSelected .order-summary-left-column table.ui.very.basic.padded.table tbody tr td span{
    font-size:12px !important
}

}

@media only screen and (min-width: 768px) and (max-width: 1024px){
.reportLanguageCSS{
 margin-top: -0.5em !important; 
}

.reportLanguageCSS_red_highlighted{
 margin-top: -0.5em !important;   
}

.radioLableCss{
  margin-top: -1em !important;  
}
}


@media only screen and (min-width: 768px) and (max-width: 1024px){
button.ui.primary.button.backtodashboard.csBackToDashboard.chequeDetailsBackToDashboard.cancelCssPastDate.okButtonReportLanguageCss{
width: 10em !important;
    justify-content: center !important;
}

.ui.small.modal.transition.visible.active.response-modal.responseModalPastDateCss.responseModalReportLanguageCss.popUpCenteredCss.mobileCssPopUp{
    width: 55% !important;
}

}


/* big screen */

@media only screen and (min-width: 1500px) {

.sub.header.pastDateDescCss.headerReportLanguageCss.mobileTextHeaderCss.sc-chPdSV.ijLAJh.sc-fjdhpX.fjdNJf>span
{
  font-size: 2.5vw !important;

}

p.pastDateDescCss.descriptionReportLanguageCss.mobileTextDescriptionCss.sc-jWBwVP.cXBaIN.sc-hSdWYo.cOAdPy>span
{
      font-size: 1.0vw !important;
}

.ui.small.modal.transition.visible.active.response-modal.responseModalPastDateCss.responseModalReportLanguageCss.popUpCenteredCss{
     margin-top: 0px !important; 
  
    position: fixed;

    top: 50% !important;
     left: 75% !important;
    transform: translate(-50%, -50%);
    width: 57em !important;
}

.sixteen.wide.computer.sixteen.wide.mobile.sixteen.wide.tablet.column.primary-card-title.cardTitleAdjustmentForBigScreenCss{
      margin-top: 1.5em !important;
}

.crossButtonForBigScreen.sc-elJkPf.jqDkZt.header{
  margin-right: 2em !important;
    margin-bottom: 1em !important;
}



.ui.small.modal.transition.visible.active.response-modal.responseModalPastDateCss.responseModalReportLanguageCss.popUpCenteredCss.popUpCenteredCssBigScreenAr{
     /*right: 22% !important;*/
     right: 29vw !important;
}

}

@media only screen and (min-width: 2000px) {
.ui.small.modal.transition.visible.active.response-modal.responseModalPastDateCss.responseModalReportLanguageCss.popUpCenteredCss{
 
      left: 70% !important;
}

}





/* mobile view */
@media only screen and (min-width: 360px) and (max-width: 767px){

  .sub.header.reportLangHeaderCss.sc-chPdSV.ijLAJh.sc-fjdhpX.fjdNJf>span{

  font-weight: 600 !important;
  letter-spacing: 0.01px !important;
  }


  button.ui.primary.button.okButtonReportLanguageCss>span{
        font-weight: 300 !important;
  }

  button.ui.primary.button.okButtonReportLanguageCss>i{
    margin-bottom: 0px !important;
  }

  button.ui.primary.button.okButtonReportLanguageCss>i:before{    
    font-size: 29px !important;
    font-weight: 100 !important;
  }

  span.aecb-icon-popup_close.reportLangCloseCSS:before{
        margin-top: -2em !important;
  }

button.ui.primary.button.okButtonReportLanguageCss.okButtonReportLanguageCss_ar>i
{
     margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;     
}

button.ui.primary.button.okButtonReportLanguageCss.okButtonReportLanguageCss_ar>i:before
{
  font-size: 38px !important;
  font-weight: 100 !important;

}

span.aecb-icon-popup_close.reportLangCloseCSS_ar:before{
  margin-top: -2.5em !important;

}

.response-modal-content.reportLangModalContentCSS.content{
      padding: 3em 1em 3em 2em !important;
}


.response-modal-content.reportLangModalContentCSS.reportLangModalContentCSS_ar.content{
      padding: 4em 2em 4em 2em !important;
}

 .sub.header.reportLangHeaderCss.sc-chPdSV.ijLAJh.sc-fjdhpX.fjdNJf{
        display: flex !important;
    flex-direction: column !important;
  }

  button.ui.primary.button.okButtonReportLanguageCss{
        width: 7em !important;
    height: 3em !important;
        margin-top: 1em !important;
    margin-bottom: -2em !important;

  }

  p.reportLangDescpCss.sc-jWBwVP.cXBaIN.sc-hSdWYo.cOAdPy{
    margin-top: 1em !important;
    display: flex !important;
    flex-direction: column !important;
  }

p.reportLangDescpCss.sc-jWBwVP.cXBaIN.sc-hSdWYo.cOAdPy>span
  {
    font-size: 0.9em !important;
  }

.ui.small.modal.transition.visible.active.response-modal.responseModalPastDateCss.responseModalReportLanguageCss.popUpCenteredCss.mobileCssPopUp{
      margin-right: 1.5em !important;
}

}


@media only screen and (max-width: 767px) {




  .ui.small.modal.transition.visible.active.response-modal.responseModalPastDateCss.responseModalReportLanguageCss{
    width: 90% !important;

  }

.priceColReportSelectionCss{
      /*margin-top: 2em !important;*/
      margin-top: 3em !important;
    margin-bottom: -1em !important;
}
  
.reportLanguageCSS,.reportLanguageCSS_red_highlighted{
  margin-top: 1em !important;
      margin-bottom: -1em !important;
}

.reportLanguageCSS>span{
   font-size: 1em !important;
}

.reportLanguageCSS_red_highlighted>span{
            font-size: 1em !important;
}

.radioButtonLabelReportLanguageCss{
  font-size: 0.7em !important;
}



}

@media only screen and (min-width: 768px) and (max-width: 1024px){
.productCard .stretched.row .column.primary-card-title p {
       height: auto !important;
}


.left.aligned.sixteen.wide.computer.sixteen.wide.mobile.sixteen.wide.tablet.column.priceCol.priceColReportSelectionCss{
    display: flex !important;
    row-gap: 1em !important;
    margin-bottom: -1em !important;
}
}


/* media query ends  */

.labelArabicFontCss>span{
  font-family: 'DroidArabicKufiRegular' !important;
}

/* existing design changes starts */

.ui.header.bannerTitle.sc-jbKcbu.jffhIF.sc-bdVaJa.bDWFJH>span{
  font-weight: 600;
}

/* existing design changes ends */

/* webbau-660 ends */

.pDTextCsRowLeft{
   color: #090909;
    font-weight: 500;
}

.pDTextCsRowRight{

}

.totalAmountCsDivPayment{
background: #090909;
    color: white !important;
    font-weight: bold !important;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-top: 20px;
}


.paymentDetailsCsRight{
  width: 30%;
}

.amountPayCs{
  color:#1e275b;
  font-weight:bold
}

.pDTextCsRowRight{
  color:#1e275b;
  display:flex;
  flex-direction:row;
}

.choosePaymentBoxCss_CS{
      /*padding: 0.5em !important;*/
      border: 1px solid var(--stroke-default, #090909);
          border-top-left-radius: 0.3em !important;
          border-top-right-radius: 0.3em !important;
}

.choosePaymentBoxCss_CS>div>span{
   color: #090909 !important;
}

.pDTextCs_choosePaymentMethod{
  font-size: 1.2vw !important;
      padding: 1em !important;
}

.pDTextCsRowRightar{
  color:#1e275b;
  display:flex;
  flex-direction:row-reverse;
}



.pDTextCsRowRightTotal{
  color:white !important;
  font-weight:bold !important;
}

.payRightCardSelection{
  padding: 10px;
    text-align: center;
    background: #3b79e4;
    color: white;
    border-radius: 25px;
}

.imagePayCs{
  width:100%;
  margin-top:25px;
}

.imagePayCs>img{
  width:100%
}

.checkoutBtnPaymentCs{
  background: #FFCF23;
  border: 1px solid var(--stroke-default, #090909);
  /*width: 100px;*/
  padding: 13px 10px;
  border-radius: 0.5em !important;
  color: #090909;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-top: 25px;
      width: 100% !important;
          display: flex !important;
    justify-content: space-between;
  
}

.csCheckoutDisable{
  opacity: 0.8 !important;
  background: #FFCF23;
  border: 1px solid var(--stroke-default, #090909);
  /*width: 100px;*/
  padding: 13px 10px;
  border-radius: 0.5em !important;
  color: #090909;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-top: 25px;
      width: 100% !important;
          display: flex !important;
    justify-content: space-between;
}

.hideInDesktop{
    display:none;
   }

.creditDebitVisaGpayImageCss_CS{

    margin-right: 1em !important;
   height: 1.3em !important;
}
.edihram_img_CS{
   
    height: 2em !important;
    width: 5.1rem;
}

.creditDebitCss_CS{
  padding-top: 0.5em !important;
    padding-left: 0.5em !important;
}


.textAndRadioCss_CS{
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
      margin-top: 0em !important;
}


.FormFieldCsCredit_CS{
  background-color: #FFFFFF !important;
    border: 2px solid #CECECE !important;
    height: 1em !important;
    width: 1em !important;
        margin-left: -2em !important;
        /*margin-bottom: 0.5em !important;*/
}

.FormFieldCsCredit_CS_ar{
      background-color: #FFFFFF !important;
    border: 2px solid #CECECE !important;
    height: 1em !important;
    width: 1em !important;
    margin-left: -2em !important;
        margin-right: -2em !important;
        /*margin-bottom: 0.85em !important;*/
}

.creditDebitCss_CS_ar{
  padding-top: 0.5em !important;
    padding-left: 0.5em !important;
  padding-right: 1em !important;
}


input[type="radio"].FormFieldCsCredit_CS:checked{
/*input[type="radio"].FormFieldCsCredit_CS{*/
  background-color: #090909 !important;
   border-radius: 50% !important;
   border: 0px solid #090909 !important;
       box-shadow: 0px 0px !important;
}
input[type="radio"].FormFieldCsCredit_CS:after{
    content: "\2713" !important;
    color: #fff !important;
    font-size: 0.6em !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 1em !important;
        margin-top: 0.3em !important;
}




input[type="radio"].FormFieldCsCredit_CS_ar:checked{
/*input[type="radio"].FormFieldCsCredit_CS{*/
  background-color: #090909 !important;
   border-radius: 50% !important;
   border: 0px solid #090909 !important;
       box-shadow: 0px 0px !important;
}
input[type="radio"].FormFieldCsCredit_CS_ar:after{
    content: "\2713" !important;
    color: #fff !important;
    font-size: 0.6em !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 1em !important;
        margin-top: 0.3em !important;
}

/* mobile view  */

@media only screen and (max-width:767px){

  .choosePaymentBoxCss_CS{
        margin-top: -3em !important;
    padding: 0.5em;
  }
.pDTextCs_choosePaymentMethod {
    font-size: 4.2vw !important;
    padding: 0.5em !important;
    display: flex;
    align-items: self-start;
    justify-content: flex-start;

  }

  .paymentContainerCs{

        flex-direction: column !important;
  }
   .paymentDetailsCsLeft{
        width: 100%;   
        padding-left: 15px;
        
        padding-right: 15px;
        padding-top: 20px;
   }


   .paymentDetailsCsRight{
      width: 100%;
     background: #fff;
     margin-top:24px;
      padding: 30px 15px;
      padding-left: 0px !important;
    padding-right: 0px !important;

   }

   .checkoutBtnPaymentCs{
     /*width:100%;*/
     display: flex !important;
     text-align:center;
    justify-content: space-between;
        width: 95% !important;
    margin-left: 1em !important;
   }

   .totalAmountCsDivPayment{
    margin-bottom:25px;
   }

   .btnPaymentCsDiv{
    display:none !important;
   }

   .hideInDesktop{
    display:block;
   }

   .pDTextCsRow{
    padding-left:0px;
   }
   .pDTextCsRowRightTotal{
    padding-left:10px;
   }

   .textPaymentCsDiv{
    font-size:12px;
   }

   .iNoteTextCssPgm_ar_CS{
    font-size: 1.5vw !important;

   }


}





/*EnterChequeDetails */

#nationalityDropdwon.chequeDetailsDropdown.highlightFieldRed,
#datepickerRegister.cSsimpleDatePicker.highlightFieldRed,
.ui.error.input input#issuername,
.ui.error.input input#receivername,
.ui.error.input input#amount,
.ui.error.input input#ibanno,
.ui.error.input input#chno,
.ui.error.input input#chroute,
.ui.error.input input#chacc

/* .highlightFieldRed>#issuername */
{
   border-bottom: 2px solid #ea3434 !important;
}

.ar .cheque-detail-container .ui.form .field>label, .ar .cheque-detail-container .ui.form .field span>label {
    font-family: "DroidArabicKufiRegular" !important;
    font-size: 14px !important;
    
}
.ar .radioIsuer .ui.radio.checkbox label {
    font-size: 12px !important;
    font-family: "DroidArabicKufiRegular" !important;
    padding-top: 3px !important;
    
    }
    .ar .radioReceiver .ui.radio.checkbox label {
    font-size: 12px !important;
    font-family: "DroidArabicKufiRegular" !important;
    padding-top: 3px !important;
   
    }
      


.ar .settings-form-label>.mICRFont {
    font-family: "DroidArabicKufiRegular" !important;
}
.cSMICR{
  flex-direction: row-reverse !important;
}
.cSRadio{
  flex-direction: row-reverse !important;
}
@media only screen and (min-width: 1200px){
.cSMarginRightSaveCheque{
  margin-right: -24px !important;
}
.ar .cSMarginRightSaveCheque{
  margin-left: -54px !important;
  margin-right: 3px !important;
}
}
 @media only screen and (min-width: 1500px) and (max-width: 4999px){
.cSMarginRightSaveCheque{
  margin-right: -34px !important;
}
.ar .cSMarginRightSaveCheque{
  margin-left: -74px !important;
  margin-right: 3px !important;
}
} 

.ui.container.cheque-detail-container {
    padding: 0px 0px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

.ui.primary.button.buttonTextSaveTheCheque{
  background: #aaa !important;
    border: #aaa !important;
      max-height: 47px !important;
    height: 47px !important;
}
.ui.primary.button.buttonTextSaveTheCheque>i{
color: #FFFFFF !important;
}


.buttonTextSaveTheCheque>span
{
  font-size: 12px;
  color: #FFFFFF !important;
  
}
.buttonTextGetScore>span
{
  font-size: 12px;
  
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
.ui.primary.button.buttonTextSaveTheCheque{
max-height: 42px !important;
    height: 42px !important;
}
}
@media only screen and (min-width: 1500px){
.ui.primary.button.buttonTextGetScore{
max-height: 47px !important;
    height: 47px !important;
}
}



 @media only screen and (min-width: 320px) and (max-width: 463px){
.buttonTextSaveTheCheque>span
{
  /* word-break: break-all;
    width: 100%;
    background: red;
    white-space: pre-wrap; */
    font-size: 8px;
     color: #FFFFFF !important;
  
}
.buttonTextGetScore>span
{
  /* word-break: break-all;
    width: 100%;
    background: red;
    white-space: pre-wrap; */
    font-size: 8px;
  
}

} 

 /* .chequeDetailsContainer>.ui>.ui>.ui>.stretched>.eight>.field>#nationalityDropdwon{
  height: 38px !important;
}
*/
#nationalityDropdwon.ui.fluid.chequeDetailsDropdown{
   height: 38px !important;
}
@media only screen and (max-width: 1024px){
.fluid.chequeDetailsDropdown>.text {
    line-height: 1.2 !important;
   
}
}

@media only screen and (max-width: 767px){
  .cheque-detail-container>.banner>.ui>.ui>.row>.right-column{
    display: none !important;
  } 
  .chequeDetailsDropdown>.dropdown.icon{
    padding-top: 6.3px !important;
  }
}

@media only screen and (min-width: 1500px){
  .fluid.chequeDetailsDropdown>.text {
    line-height: 10px !important;   
}
/* .chequeDetailsDropdown>.dropdown.icon{
    padding-top: 6.3px !important;
  }
  .cheque-detail-container>.banner>.ui>.ui>.row>.right-column{
    display: none !important;
  } */
  #nationalityDropdwon.ui.fluid.chequeDetailsDropdown{
   height: 48.25px !important;
}
div>input#datepickerRegister.cSsimpleDatePicker {
    height: 48.25px !important;
}
}




@media only screen and (min-width: 768px) and (max-width: 991px){
.paddingLabel>label {
    padding-top:24px !important;
   
}
.reportDescTextCS {
    font-size: 15px !important;
}
}

@media only screen and (min-width: 612px) and (max-width: 767px){

.reportDescTextCS {
    font-size: 15px !important;
}
}



@media only screen and (min-width: 446px) {
.reportDescIcon.csImageWidth>img{
  /*width: 40px !important;*/
      height: 2em !important;
    width: 2em !important;
    margin-top: 0.5em !important;

}
}
.field.radioReceiver>.ui.checked>label:after,
.field.radioIsuer>.ui.checked>label:after {
  background-color: #FFCF23 !important;
 
}

.field.radioReceiverLabel>.ui.checked>label{
  font-weight: 900 !important;
} 

.field.radioIssuerLabel>.ui.checked>label{
  font-weight: 900 !important;
} 


.csClose>img{
  width: 21px !important;
}
.csClose>span{
font-size: 21px !important;
    padding-right: 14px !important;
    padding-left: 14px !important;
    font-weight: bold !important;
}

input#datepickerRegister.cSsimpleDatePicker {
  height: 38px !important;
}

.ar .ui.button.backtodashboard.csBackToDashboard{
  flex-direction: row-reverse;
}

/*  */




.slider-wrapper>ul>li{
  background-color:white
}


.carousel>.control-dots{
position:absolute;
}

.carousel .slide {
    height: 70vh;
}

.sliderHeader{
  color:#0054e6;
  font-size:24px;
  font-weight:400;
}

.sliderDesc{
  color:#090909;
  font-size:14px;
      display: flex;
    justify-content: center;
}

.sliderDescMini{
width: 40%;
}

.sliderDescMini3{
width: 100%;
}

.customDivSliderBtn{
  position: absolute;
    bottom: 10px;
    z-index: 999;
    width: 96%;
    
    display: flex;
    justify-content: space-between;
}

.customDivSliderBtn>div{
  color: black;
  text-decoration: underline;
  font-weight: bold;
  font-size: 14px;
  padding: 8px;
  cursor:pointer;
}

.control-dots>.selected{
  background:#0054e6 !important;
}

@media only screen and (max-width: 768px){
 .carousel .slide {
    height: 90vh;
 }

 .slide >div>img{
      height: 60vh;
    width: 220px !important;    
 }

 .silderBorder{
  border: 10px solid #e0e5e1 !important;
  border-radius:25px;
 }

 .sliderDescMini{
   width: 80%;
  }

.sliderDescMini3{
  width: 50%;
 }

 .sliderHeader{
  margin-top:30px;
}
.customDivSliderBtn{
    width: 94%;
 }
 .sliderDescMini3{
  width: 90%;
  font-size:11px
 }

 .csdashboard-purchase-history-grid>.ui{
  width:280px !important;
 }
 .csdashboard-purchase-history-grid{
  justify-content:center;
 }
}





@media only screen and (max-width: 767px){
  .loginMargin{
  margin-right: -12px !important;
}

#chequeNotScorable{
  margin-top:0px !important;
}

}

.arabicFontCS{
  font-family: 'DroidArabicKufiRegular'
}



.csdashboard-purchase-history-grid>.ui{
  margin: 8px 5px !important;
}

.csPaytab{
  display:flex;
  flex-direction:row
}

.activeTabCsPayment{
  background:#3b79e4;
  padding:5px 10px;
  border-radius:15px;
  color:white;
  font-size:15px;
  text-align:center;
  width:68%; 
  height:4vh;
  cursor:pointer;
  display: flex;
    justify-content: center;
    align-items: center;
}

.nonactiveTabCsPayment{
  background:transparent;
  /*padding:5px 10px;*/
  border-radius:15px;
  color:black;
   text-align:center;
   font-size:12px;
   width:50%;
   cursor:pointer;
   display: flex;
    justify-content: center;
    align-items: center;
    /*display:none*/
}

.payRightCardSelectionTab{
  background:#FAF9F6;
  border-radius:15px;
  border:1px solid lightgray;
}




input#chacc:focus,
input#chroute:focus,
input#chno:focus,
 input#ibanno:focus,
 input#amount:focus,
 input#receivername:focus,
 input#issuername:focus,
  input#balanceAmount:focus,
  input#chequeRef:focus{
  /*  box-shadow: 0px 42px 90px rgba(60, 89, 164, 0.1) !important;
    border: 1px solid #090909 !important; */
     box-shadow: 0 10px 22px -1px rgba(60, 89, 164, 0.1) !important;
  border: 1px solid #090909 !important;
  }

  .scoreIndicator>span{
    font-weight: 500 !important;
  }
  .ar>div>div>div>div>div>div>div>div>.scoreIndicator>span{
    font-weight: bold !important;
  }

.PaymentSuccessContainterCs{
margin-top: 40px;
height:58vh;
}

.paymentSuccessTitleCs{
font-size: 36px;
    color: #090909;
    font-weight: 300;
    margin-bottom:20px;
}

.paymentSuccessDescCs{
  
    color: #090909;
    font-weight: 500;
}

.paymentFailureCenter{
 display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-top: 100px;
    width: 100%;
    padding: 30px;
    border: 1px solid #090909;
}
.imagePaymentFail>img{
    height: 22px;
    margin-right: 15px;

}


.sliderLabelSelection{
  position: absolute;
    bottom: -16px;
    color:#090909
}

.tutCss{
  direction: initial
}

.gaugaeIndicatorCustom{
    width:300px;
    height: 220px;
    /* margin-left: -71px; */
    /* margin: 20px 0px; */
    /* padding: 10px; */
    border-radius: 10px;
    /* padding-top: 0px !important; */
    border: 1px solid #090909;
    /* width: 300px !important; */
    position:relative;
    

}

.gaugaeIndicatorCustom>canvas{
  margin-left:-52px;
}

.gaugeDetail{
  position: absolute;
    bottom: 12px;
    right: 72px;
    /* display: flex; */
    /* flex-direction: row; */
    text-align: center;

}

.indicaorValue{
  font-size: 44px;
    font-weight: 500;
}

.gagueLabel{
  padding-top: 10px;
    font-weight: 500;
    font-size: 16px;
}

.gaugaeIndicatorCustomar{
 width:300px;
    height: 220px;
    /* margin-left: -71px; */
    /* margin: 20px 0px; */
    /* padding: 10px; */
    border-radius: 10px;
    /* padding-top: 0px !important; */
    border: 1px solid #090909;
    /* width: 300px !important; */
    position:relative;
}

.gaugaeIndicatorCustomar>canvas{
 margin-right: -54px;
}

.gaugeDetailar{
   position: absolute;
    bottom: 12px;
    right: 100px;
    /* display: flex; */
    /* flex-direction: row; */
    text-align: center;
}


.indicaorValueMain{
  position:relative;
}

.indicaorValueMain>sup{
  position: absolute;
    top: 1px;
    font-size: 12px;
}


.example-thumb-1>.sliderLabelSelection{
  right:9px;
}

.horizontal-slider{
  width:100%
}

.tooltipCustom{
  z-index:99999 !important
}

.ar .horizontal-slider{
  margin-right:-4px;
}


.imageModalCs{
  position: absolute !important;
    top: 0;
    right: 7%;
}

.imageModalCsar{
  position: absolute !important;
    top: 0;
    left: 1%;
}

/*.checkRegChequeScore>label{
margin-left:24px !important
}*/

.ui.checkbox .box:before, .ui.checkbox label:before {
    position: absolute;
    top: 0px;
    left: -23px;
    width: 17px;
    height: 17px;
    content: '';
    background: #FFFFFF;
    border-radius: 0.21428571rem;
    -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, box-shadow 0.1s ease;
    transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
    border: 1px solid #D4D4D5;
}

.ui.checkbox .box:after, .ui.checkbox label:after {
    position: absolute;
    font-size: 14px;
    top: 0px;
    left: -23px;
    width: 17px;
    height: 17px;
    text-align: center;
    opacity: 0;
    color: rgba(0, 0, 0, 0.87);
    -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, box-shadow 0.1s ease;
    transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
}

.tutsBackgroundImage{
  height: 56vh;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    background-position:center;
  }

  .tutsBackgroundImage3{
     height: 54vh;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    background-position:center;
  }

  .customMobileDiv{
    display:flex;
    z-index: 2;
  }

/*  @media only screen and (min-width: 320px) and (max-width: 736px){
  .ar  .settingButtonFixAr{ 
    padding: 0px !important;
  }
} 
*/
 @media only screen and (max-width: 767px){
.ar .ui.modal > .settingButtonFixAr {
  padding: 0px !important;}
 .button.saveButtonFixArMobile{
  width: 400px !important;
 }
  .ar .ui.button.primary.saveButtonFixArMobile{
  width: 400px !important;
 }
 .ar .removePaddingToFixButtonSetting{
  padding: 0px !important;
 }
} 


.chequeScoreDetailsBackToDashboardFix{
  height: 44px !important;
    padding-right: 7px !important;
}

/* .chequeScoreDetailsBackToDashboardFix>span{
   padding-left: 100px !important;
} */

.ui.secondary.button.backtodashboard.chequeScoreDetailsBackToDashboardFix{
    padding: 10px 8px !important
  }

   @media only screen and (max-width: 375px){
    
    .chequeDetailsContainer>.pwd-btn-box>.chequeScoreDetailsBackToDashboardFix>span{
      font-size: 8.5px !important;

    }

   }


   /* Start of custom CSS for report Request Page */

   .ui.button.primary.CRRButtonWidthFix{
    width: auto !important;
   }
   .movingButtonToRight{
    display: flex !important;
    align-items: end !important;
    justify-content: end !important
   }

   .RQRemovingPaddingFromTitle>div .ui.header.bannerTitle{
    padding: 0px !important;
   }

   @media only screen and (min-width: 1200px){
    .captchaCssTest{
      margin-top: 8em !important ;
      margin-left: 1em !important;
      height: 82px !important;
    }
   }

 /* .captchaCssTest>div>div>div>iframe>#document>html>div .rc-anchor-light.rc-anchor-normal{
    border: none !important;
   } */

   .ui.card.removingBoxShadow{
      box-shadow: none;
   }
   .ui.checkbox.uploadCheckbox>label{
    padding-left: 0px !important;
     

   }
   .ui.checkbox.uploadCheckbox>label:before{
   /* border: 1px solid orange */
   border: 1px solid #090909;
   }
 .ui.checkbox.uploadCheckbox>label:after{
   /* border: 1px solid orange */
    border: 1px solid #090909;
   }
   .ui.checkbox.uploadCheckbox >input:focus ~ label:before{
   /* border: 1px solid orange */
     border: 1px solid #D4D4D5 !important;

   }

.ReportRequestDot{
   height: 22px;
  width: 22px;
  background-color: #90EE90;
  border-radius: 50%;
  display: inline-block;

}
   #requestReport.ui.selection.dropdown > .dropdown.icon{
   /* top: 0.2rem !important */
   top: 10% !important;
   }

.Navigation{
  width: 100%; 
  display: flex;
 justify-content: space-between;
  gap: 50px;
}

.NavigationInfo .TextIcon{
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-end;
}

.NavigationInfo .TextIcon p{
  font-weight: 500;

}
.NavigationInfo{
  width: 50% !important;
}
.NavigationInfo>div>div>span{
  font-size: 16px !important;
}

.Bar{
height: 2px;
/* width: 200px; */
 width: -webkit-fill-available; 
 background-color:#090909 ; 

margin-top: 4px;
}

.BarActive{
height: 2px;
/* width: 200px; */
 width: -webkit-fill-available; 
/* background-color:#000000 ; */
background-color:#FFCF23;
margin-top: 4px;
}

.lastRow{
  background-color: black;
  
}

.dropdown#requestReport {
  height: 43px !important;
  background: #FFFFFF !important;
  border: 1px solid #090909 !important;
  -webkit-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  border-radius: 10px !important;
  display: flex;
  align-items: center;
 /* width: 35% !important; */
 width: 45% !important;
}

.ui.checkbox.uploadCheckbox>label{
  font-weight: 700 !important;
}
  .movingCheckBoxToRightInMobileView{
    left: -10px !important;
   }

 @media only screen and (max-width: 768px){
   .dropdown#requestReport{
     height: 43px !important;
     width: 100% !important;
    }
    #requestReport.ui.selection.dropdown > .dropdown.icon{
    top: 10% !important;
    /* left: 85% !important; */
   }
   .NavigationInfo {
    width: 45% !important;
}

.column.movingButtonToRight>.ui.primary.button{
    display: flex !important;
    align-items: end !important;
    justify-content: end !important;
    width:fit-content !important ;
   }

   .tnc-container.crrRemovingSpaceInButtons>.ui.button.primary{
   min-width:fit-content !important ;
   }

   .movingCheckBoxToRightInMobileView{
    left: 11px !important;
   }

   .ui.medium.modal.response-modal.CRR{
    width: 70% !important;
    margin: 0em 0em 0em -33.5% !important;
    top: 14% !important;
   }

  /* .response-modal-content.CRR{
     height: 600px !important;
    width: 85% !important;
    
   } */
   .ui.modal > .content.CRR{
    padding-left: 39px !important;
    padding-top: 33px !important;
    padding-right: 32px !important;
   }
   .ar .ui.active.modal.CRR{
    right: 14% !important;
   }

   .ui.input.CRRInputHeightAdjust>#mobileForRegister{
    height: 43px !important;
   }
 
.label-with-border.mobile-prefix-label.CRRInputHeightAdjust{
   height: 43px !important;
}


   .ui.input.CRRInputHeightAdjust>#emailForRegister{
    height: 43px !important;
   }
   }

.uploadButton {
  width: 100%;
  height: 45px;
  border-radius:8px;
  background-color:#FFCF23;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 13px;
  border: 1px solid #090909;
}
.uploadButton:hover{
  background-color: #F39700;
}

.uploadedFile{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.uploadDescription{
  margin-top: 3px;
  font-size: 10px;
}

.textBold{
  font-weight: 800;
}
.textNormal{
font-weight: 400;
}

/* @media only screen and (max-width: 438px)
{
.tradeLicense{
  height: 80px !important;
}
}
*/
 @media (min-width: 1024px) and (max-width: 1278px)
{
.tradeLicense{
  margin-top: -20px !important;
}
} 

 @media screen and (min-width: 1278px)
{
.tradeLicense{
  margin-top: 0px !important;
}
} 


input#companyName:focus,
input#tradeLicense:focus,
input#contactPerson:focus,
input#mobileForCompany:focus{
  box-shadow: 0 10px 22px -1px rgba(60, 89, 164, 0.1) !important;
  border: 1px solid #090909 !important;
}

input#companyName::-webkit-input-placeholder, 
input#tradeLicense::-webkit-input-placeholder,
input#contactPerson::-webkit-input-placeholder,
input#mobileForCompany::-webkit-input-placeholder
{
  color: #e0e0e0 !important;
  font-size: 13px !important;;
  letter-spacing: -0.02em;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

/*.ui.fluid.container.mainContainer {
  width: 95% !important;
  background-color:#FFFFFF !important;
  height: 100%;
  position: relative;
  top: 30px;
  height: 50.5%;
  max-width: 1420px;
  border: 1px solid #090909;
  box-sizing: border-box;
  box-shadow: 0px 42px 90px rgba(60, 89, 164, 0.1);
  border-radius: 30px;
  padding: 20px 40px;
}
*/


.titleCss{
  
    text-align: left !important;
   
}

.titleCss>span{
  color: #a7a0a0 !important;
    text-transform: capitalize !important;
    text-align: left !important;
    padding-top: 1em !important;
}
    @media only screen and (min-width: 375px) and (max-width: 667px){
.responsive-button-container.tnc-container.buttonContainerCss{
    padding-bottom: 0 !important;
    padding-top: 0;
     margin-bottom: 0px !important;
}
}


.descriptionCss{
      text-align: left !important;
}

.descriptionCss>span{
          color: black;
}

.buttonContainerCss{
 padding-top:5em !important
}

.okButtonCss{
  background-color: black;
    color: white;
    border: none;
}

.closebuttonCss{
      /* color: black; */
    position: absolute;
    background: black;
    color: white;
    top: 0px;
    right: 0px;
    padding: 0.4em;
    /* border-radius: 1px; */
    border-top-right-radius: 13px;
}

.closebuttonCss >div > .aecb-icon-popup_close:before {
  content: "\e90a";
  color: white;
  float: right;
  cursor: pointer;
  font-size: 16px !important;
  opacity: 0.8;
}

.editAndDashboard{
      display: flex;
     align-items: end;
    justify-content: end; 
}

.chequeDetailsBackToDashboard{
  color: black !important;
  background-color: white !important;
    margin-top: 1em !important;
   border: 1px solid #FF9200 !important;
}

.getAChequeScore{
display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left:0px !important
}

/*css for edit cheque*/

.ar .ui.button.editCssForChequeDetails{
    min-height: 3em !important;
    /*background-color:red !important;*/
   }


   @media only screen and (min-width:1500px){

    .ar .ui.button.editCssForChequeDetails{
       /*  min-height: 2.89em !important; */
        /*  background-color:red !important;*/
         min-height: 2.30em !important; 
    }
   }

    @media only screen and (min-width:768px) and (max-width: 1024px){

    .ar .ui.button.editCssForChequeDetails{

   min-height: 2.76em !important;
 }
}
    @media only screen and (min-width:1366px) and (max-width: 1499px){

    .ar .ui.button.editCssForChequeDetails{

   min-height: 2.86em !important;
 }
}



@media only screen and (min-width:360px){
   .ar .ui.button.dashboardCssCheque{
      /*  margin-right: 0.4em !important; */
      margin-right: 1.3em !important;
    padding: 0.62em 0.25em !important;
    /* font-size: 9.5px !important; */
    /* margin-left: 1em !important; */
    width: 10.5em !important;

   }

  /* .ar .ui.button.dashboardCssCheque>span{
        font-size: 9.5px !important;
   }*/

   .ar .ui.button.chequeDetailsBackToDashboard>span{
    font-size: 10px !important;
    
   }

   .ar .ui.button.editCssForChequeDetails{
        width: 7em !important;
    padding: 0.25em !important;
    margin-left: 1em !important;
   }

 }


@media only screen and (min-width:375px){
   .ar .ui.button.dashboardCssCheque{
   /* margin-right: 0.4em !important; */
   margin-right: 1.3em !important;
    padding: 9px!important;
    /* flex-grow: 3; */
    width: 10.5em !important;
   }

   .ar .ui.button.dashboardCssCheque>span{
        font-size: 9.5px !important;
   }

   .ar .ui.button.chequeDetailsBackToDashboard>span{
    font-size: 9.5px !important;
   }

 }

 @media only screen and (min-width:767px){

     /*.ar .ui.button.chequeDetailsBackToDashboard .dashboardCssCheque{*/
     .ar .ui.button.dashboardCssCheque{
       margin-right: 0.4em !important;
    padding: 9px!important;
    /* flex-grow: 3; */
    width: 12.5em !important;
    margin-left: 1.5em !important;
  }

   .ar .ui.button.editCssForChequeDetails{
    margin-left: 1em;
    width: 8.5em !important;
    padding: 0.5em !important;
  }
}


.ui.button.primary:disabled.editCssForChequeDetails  , .ar .ui.button.primary:disabled.editCssForChequeDetails
{
background: none !important;
color: black !important;
}

/*end of css for edit cheque score*/

@media only screen and (max-width:767px){

     



.responseModalPastDateCss{
    margin-left: -12.1em !important;
        width: 23em !important;
}

 

.chequeDetailsBackToDashboard{
    color: black !important;
  background-color: white !important;
       border: 1px solid #FF9200 !important;
       /*margin-left: 0.5em !important;*/
    width: 18em !important;
    display: flex !important;
    justify-content: center !important;
    
  }



  .backToDashBoardButtonCss{
        margin-right: 0.5em;
  }
  .chequeDetailsBackToDashboard>span{
        font-size: 11.5px !important;
  }
   .chequeDetailsBackToDashboard>button>span{
        font-size: 11.5px !important;

  }

  .ui.chequeDetailsBackToDashboard.dashboardCssCheque>span{
        font-size: 11px !important;
  }
   .ui.chequeDetailsBackToDashboard.editCssForChequeDetails>span{
        font-size: 11px !important;
  }
.ui.chequeDetailsBackToDashboard.editCssForChequeDetails{
  margin-left: 0.8em !important;
}
 
  .editAndDashboard{
        justify-content: space-between !important;
            margin-top: 1em;
  }
  .getAChequeScore{
      width: 18em !important;
      display: flex !important;
    justify-content: center  !important;
    margin-right: 0em  !important;
        font-size: 12.5px !important;
  }
}

.pastDateCss{
      margin-left: 1em !important;
          font-family: inherit;
 
}

.pastDateCssOkEdit{
     display: flex !important;
    justify-content: space-between !important;
}

.EditButtonChequeDetailsCss{
  width: 96% !important;
   border: 1px solid #FF9200 !important;
   color: black !important;
}

.pastDateDescCss>span{
  color:black !important;
}

.cancelCssPastDate{
      background-color: #F39700 !important;
    border: 1px solid #F39700 !important;
    color: #FFFFFF !important;
}

@media only screen and (max-width:280px){



.responseModalPastDateCss{
    width: 18.5em !important;
    margin-left: -11.2em !important;
}

}



/* purchase summary css start */

.whiteBackgroundCssBox{
  background-color: #FFFFFF !important;
    border: 1px solid #090909 !important;
        z-index: 1;
}


.backgroundBlueCssBox{
background-color: #0054E6 !important;

}

.currencyColorCssRR{
      color: #090909 !important;
}

.choosePaymentMethodCssRR{
     /* width: 20em !important;*/

      

}

.order-summary-bg .order-summary-right-column .ui.card .content .header.choosePaymentMethodCssRR >span{
      line-height: 30.47px !important;
      color: #090909 !important;
      font-size: 18px !important;
      font-weight: 700;
      font-family: 'Roboto' !important;
      letter-spacing: -0.02em;
}

.creditDebitCardBoxRR{
      background-color: #3B79E4 !important;
    border-radius: 45px !important;
}

.creditDebitCardBoxRR>span{
  color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
}

 .ui.card.removingBoxShadow .paymentBackgroundRR{
    background-color: white;
    border: 1px solid #090909;
    /*  z-index: 1; */
    margin-top: 0px !important;
    height: auto !important;
   }

  


.purchasingRRCss{
  /*font-family: 'Roboto';*/
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.5em;
    color: #090909;
   width: 27em;
    margin-bottom: 3em;
}

   .paymentSuccessCss{
        margin-bottom: 0.1em;
      color: #090909;
    /*font-family: Roboto;*/
    font-size: 39px;
    /*font-weight: 400;*/
    font-weight: bold;
    /* line-height: 69px; */
    /* letter-spacing: 0em; */
    /* text-align: left; */
    /* font-style: normal;*/
   }


.imageRRMobile{
  width: 100% !important;
}
}

 @media only screen and (max-width:817px) and (min-width:769px) {
  .paymentSuccessCss{
    width: 10em !important;
  }

 }

  @media only screen and (max-width:1173px) and (min-width:1024px) {
  .paymentSuccessCss{
    width: 10em !important;
  }

 }

@media only screen and (min-width:1025px){
.mainContainerCssPayment.mainContainerRRMobile.purchaseContainerRRCss{
width: 95% !important;
}


}




 @media only screen and (max-width:892px) and (min-width:768px) {
    tbody.tableViewRRMobile tr td span {
    font-size: 11px !important;
   }
 }



 @media only screen and (max-width:767px) and (min-width:387px) {





.order-summary-bg .order-summary-right-column .ui.card .content .description img.imageRRMobile{
      height: 15em !important;
}



    .ui.card.removingBoxShadow .paymentBackgroundRR{
    padding: 1em 4em !important;
   }



.creditDebitCardBoxRRMobile>span{
   position: relative !important;
    top: -1.2em !important;
        font-size: 8.68px !important;
 }



    .ar .ui.container > .ui.stackable.grid > .column, .ar .ui.container > .ui.stackable.grid > .row > .column.arabicContainerRRMobile{
          padding: 0px;
    margin-left: 1em !important;
  
    }

    .ten.wide.mobile.column.col-one.vat-row.noBorderBottomCssRR, 
    .two.wide.mobile.column.col-two.vat-row.noBorderBottomCssRR,
     .four.wide.mobile.column.col-three.vat-val.vat-row.noBorderBottomCssRR{
    border-bottom: 0 !important;
    }


    .order-summary-bg__total.backgroundBlueCssBox.backgroundBoxBlueCssRRMobile{
      height: 2em !important;
    border-radius: 0.3em !important;
    }

  .order-summary-bg .order-summary-left-column .order-summary-bg__text label.totalAmountCssRR>span{
 font-size: 8.44px!important;
    }

.order-summary-bg .order-summary-left-column .order-summary-bg__text label.totalAmountCssRR{
 font-size: 8.44px!important;
 }




    .order-summary-bg .order-summary-left-column .ui.card .content .header.paymentDetailsCssRRMobile span{
      font-size: 8.45px !important;
    }



    .aedCssRR>span{
      font-size: 7.8px !important;
      border-bottom: 0 !important;
    }  



    .removingCartContentCssRRMobile{
      width: 20em !important;
    padding: 0 !important;
    }

    .ui.container.mainContainer .ui.container.mainContainerRRMobile{
      margin-left: 0 !important;
    }

    /* .order-summary-bg .order-summary-left-column .ui.card.paymentDetailsCssRRMobile{
          margin: 0em -2em !important;
    } */

    .order-description .col-one label, .order-description .col-one label.reportTypeRRCss span{
          font-size: 7.15px !important;
    }

.whiteBackgroundCssBox{
  background-color: #FFFFFF !important;
    border: none !important;
        z-index: 1;

    padding: 0 !important;
    margin-right: 2em !important;
}



  .paymentSuccessCss{
 font-size: 20.11px;
    font-weight: bold;
  }

  .purchasingRRCss{
    font-size: 10.06px;
        margin-bottom: 1em;
  }

  .applicationIdPaymentRefIdCss{
        font-size: 16.76px !important;
    line-height: 19.27px !important;
    font-weight: 500 !important;
  }

  .detailsCssForReportRequest{
    font-size: 9.39px !important;
  }

  .AECBFingerTipsCss>span{
        font-size: 15.09px !important;
    font-weight: 450 !important;

  }

  .AECBServicesTitleDescription{
        font-size: 10px;

  }

   .ui.button.primary.GoToAecbWebistePaymentSuccessCSS{
    width: 10em !important;
    height: 2.2em !important;



  }


  .backButtonRRMobile{
    height: 34.43px !important;
    width: 66.8px !important;
    padding-left: 4px !important;
 /*   margin-left: 1em !important; */
    min-width: 0 !important;
  }



  .responsive-button-container.tnc-container.responsiveButtonRRMobile{
        margin-bottom: 12px !important;
  }



  .checkoutButtonRRMobile{
       
    margin-left: 2em;
    height: 34.43px !important;
    width: 76.8px !important;


  }
 

  .GoToAecbWebistePaymentSuccessCSS>span,.GoToAecbWebistePaymentSuccessCSS>i::before{
    font-size: 9.5px !important;
  }


  .order-summary-bg .order-summary-right-column .ui.card .content .description ul.ulCssRRMobile{
    height: 16px !important;
  }

  .creditDebitCardBoxRRMobile{
    height: 22px !important;
    padding: 0 !important;
    
  }






.backgroundBoxBlueCssRRMobile{
  padding: 0 11.05px !important;
}

.order-summary-bg .order-summary-right-column .ui.card .content .header.choosePayMethodRRMobile span{
  font-size: 13px !important;
}


.order-summary-bg .order-summary-left-column .ui.card .content.contentcCssRRMobile{
  margin-bottom: 15px !important;
}



.order-summary-bg .order-summary-left-column .ui.grid.threeColRRMobile{

    width: 100% !important;

}

.order-summary-bg .order-summary-left-column .ui.grid.threeColRRMobile div{
padding: 2.5px 0px !important;

}

.company-report-payment-method {
  background-color: #0054E6;
  padding: 5px;
  margin-top: 6px;
}

.company-report-payment-method>span {
  font-weight: bold !important;
  font-size: 11px !important;
  line-height: 24px;
  font-family: Roboto;
  color: #fff !important;
  margin-left: 9px;
}

.company-report-credit-text {
  padding-top: 10px;
  color: #000000;
  font-family: 'Roboto';
  font-weight: bold;
  font-size: 15px;
}

.company-report-cards-text {
  padding-top: 5px;
  color: #404040;
  font-size: 11px;
  font-family: 'Roboto';
  opacity: 60%;
}

.company-report-cards-img {
  padding-top: 5px;
  width: 30%;
}

 }

 .content.removingCartContentCssRRMobile{
      display: flex !important;
    width: 100% !important;
 }
 .content.removingCartContentCssRRMobile .uiContainerNoMarginRRMobile{
  margin: 0 !important;
 }



@media only screen and (max-width:387px) {

 


  .ui.primary.button.checkoutButtonRRMobile{
    margin: auto 0 !important;
  }


 
  .ar .ui.container > .ui.stackable.grid > .column, .ar .ui.container > .ui.stackable.grid > .row > .column.arabicContainerRRMobile{
          padding: 0px;
    margin-left: 1em !important;
  
    }


  

.ui.primary.button.CheckoutBackArrowReportRequest.backButtonRRMobile{
  min-width: 0px !important;
  margin: auto 0 !important;
}


 .creditDebitCardBoxRRMobile>span{
   position: relative !important;
    top: -1.2em !important;
        font-size: 8.68px !important;
 }


    .ar .ui.container > .ui.stackable.grid > .column, .ar .ui.container > .ui.stackable.grid > .row > .column.arabicContainerRRMobile{
          padding: 0px;
    margin-left: 1em !important;
  
    }

    .ten.wide.mobile.column.col-one.vat-row.noBorderBottomCssRR, 
    .two.wide.mobile.column.col-two.vat-row.noBorderBottomCssRR,
     .four.wide.mobile.column.col-three.vat-val.vat-row.noBorderBottomCssRR{
    border-bottom: 0 !important;
    }


    .order-summary-bg__total.backgroundBlueCssBox.backgroundBoxBlueCssRRMobile{
      height: 2em !important;
    border-radius: 0.3em !important;
      margin-top: 1em !important;


    }



  .order-summary-bg .order-summary-left-column .order-summary-bg__text label.totalAmountCssRR>span{
 font-size: 8.44px!important;
    }

.order-summary-bg .order-summary-left-column .order-summary-bg__text label.totalAmountCssRR{
 font-size: 8.44px!important;
 }




    .order-summary-bg .order-summary-left-column .ui.card .content .header.paymentDetailsCssRRMobile span{
      font-size: 8.45px !important;
    }



    .aedCssRR>span{
      font-size: 7.8px !important;
      border-bottom: 0 !important;
    }  



    .removingCartContentCssRRMobile{
      width: 20em !important;
    padding: 0 !important;
    }

    .ui.container.mainContainer .ui.container.mainContainerRRMobile{
      margin-left: 0 !important;
    }

    /* .order-summary-bg .order-summary-left-column .ui.card.paymentDetailsCssRRMobile{
          margin: 0em -2em !important;
    } */

    .order-description .col-one label, .order-description .col-one label.reportTypeRRCss span{
          font-size: 7.15px !important;
    }

.whiteBackgroundCssBox{
  background-color: #FFFFFF !important;
    border: none !important;
        z-index: 1;

    padding: 0 !important;
    margin-right: 2em !important;
}

.testCss{
  margin-right: 3em !important;
}

  .paymentSuccessCss{
 font-size: 20.11px;
    font-weight: bold;
  }

  .purchasingRRCss{
    font-size: 10.06px;
        margin-bottom: 1em;
  }

  .applicationIdPaymentRefIdCss{
        font-size: 16.76px !important;
    line-height: 19.27px !important;
    font-weight: 500 !important;
  }

  .detailsCssForReportRequest{
    font-size: 9.39px !important;
  }

  .AECBFingerTipsCss>span{
        font-size: 15.09px !important;
    font-weight: 450 !important;

  }

  .AECBServicesTitleDescription{
        font-size: 10px;

  }

   .ui.button.primary.GoToAecbWebistePaymentSuccessCSS{
    width: 10em !important;
    height: 2.2em !important;



  }


  .backButtonRRMobile{
    height: 34.43px !important;
    width: 66.8px !important;
    padding-left: 4px !important;
    /* margin-left: 1em !important; */
    min-width: 0 !important;
  }

  .responsive-button-container.tnc-container.responsiveButtonRRMobile{
            margin-bottom: 47px !important;
  }



  .checkoutButtonRRMobile{
     
    margin-left: 2em;
    height: 34.43px !important;
    width: 7em !important;
    margin-right: -2em !important;


  }
 

  .GoToAecbWebistePaymentSuccessCSS>span,.GoToAecbWebistePaymentSuccessCSS>i::before{
    font-size: 9.5px !important;
  }


  .order-summary-bg .order-summary-right-column .ui.card .content .description ul.ulCssRRMobile{
    height: 16px !important;
  }

  .creditDebitCardBoxRRMobile{
    height: 22px !important;
    padding: 0 !important;
  }


.backgroundBoxBlueCssRRMobile{
  padding: 0 11.05px !important;
}

.order-summary-bg .order-summary-right-column .ui.card .content .header.choosePayMethodRRMobile{
      margin-bottom: -1em !important;
      
}

.order-summary-bg .order-summary-right-column .ui.card .content .header.choosePayMethodRRMobile span{
  font-size: 13px !important;
  font-weight: bold !important;
}


.order-summary-bg .order-summary-left-column .ui.card .content.contentcCssRRMobile{
  margin-bottom: 15px !important;
}

.order-summary-bg .order-summary-left-column .ui.grid.threeColRRMobile div{
padding: 2.5px 0px !important;

}

.order-summary-bg .order-summary-left-column .ui.grid.threeColRRMobile{
   width: 100% !important;
}


.company-report-payment-method {
  background-color: #0054E6;
  padding: 5px;
  margin-top: 6px;
}

.company-report-payment-method>span {
  font-weight: bold !important;
  font-size: 11px !important;
  line-height: 24px;
  font-family: Roboto;
  color: #fff !important;
  margin-left: 9px;
}

.company-report-credit-text {
  padding-top: 10px;
  color: #000000;
  font-family: 'Roboto';
  font-weight: bold;
  font-size: 15px;
}

.company-report-cards-text {
  padding-top: 5px;
  color: #404040;
  font-size: 11px;
  font-family: 'Roboto';
  opacity: 60%;
}

.company-report-cards-img {
  padding-top: 5px;
  width: 50%;
}
  
 
 }

.applicationIdPaymentRefIdCss{
      color: #090909;
    /* font-family: Roboto; */
    font-size: 26px;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: 0em;
    /*text-align: left;*/
    margin-bottom: 1em;
    /* margin: 1em;*/
}

.detailsCssForReportRequest{
  color: #090909;
    /*font-family: Roboto;*/
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: 0em;
    /*text-align: left;*/
    margin-bottom: 3em;
}

.AECBFingerTipsCss{
  width: 37em;
}

.AECBFingerTipsCss>span{
  
  /*font-family: Roboto;*/
    font-size: 28px;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: 0em;
    text-align: left;
}




 .checkoutReportRequestArrow{
      justify-content: space-between;
    margin-top: 3.75em;
 }


/* purchase summary css ends  */

/* report request css ends */

/* Report page Account closed CSS */
.accountClosedAdjustingGaugeHeight{
  height: 270px !important;
}

.accountClosedAdjustingGaugeHeightAr{
  height: 265px !important;

}
.gaugeDetailarAr{
  right: 69px !important;
}
/* ENDS Report page Account closed CSS */

/*Error popup link style start*/


.aecb-faq-link {
    color: blue !important;
    /*text-decoration: underline !important;*/
}

.aecb-faq-link:hover {
    text-decoration: underline !important;
}

/*Error popup link style end*/




/*  webbau-531 starts   */
.textChequeIssuerInsights{
/* position: absolute; */
width: 618px;
height: 47px;
/* left: 410px;
top: 1425px; */
font-family: 'Roboto';
font-style: normal;
/*font-weight: 400;*/
    font-weight: 900;
font-size: 20px;
/* line-height: 30px; */
/* or 100% */
letter-spacing: -0.02em;
color: #090909;
margin-top: 1.813em;

}



.courtCaseColCSSCII{
  width: 35% !important;
}


.textChequeIssuerInsights_ar{
      padding-right: 0.7em !important;
  width: 618px;
height: 47px;
/* left: 410px;
top: 1425px; */
font-family: 'DroidArabicKufiRegular';
font-style: normal;
font-weight: 500;
font-size: 20px;
/* line-height: 30px; */
/* or 100% */
letter-spacing: -0.02em;
color: #090909;
margin-top: 1.813em;
}

.percentageBoxCII{
 
border-radius: 14px;
    cursor: auto !important;
    border: 1px solid #929292;
}


.startOfCII{
      margin-top: 3.813em !important;
}


.chequeBouncedBoxCII{
  display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100% !important;
}

.chequeBouncedTextCII{
  display: flex;
    flex-direction: column;
    /*font-size: 11px;*/
        font-family: 'Roboto Normal';
    letter-spacing: 0.04em;
    font-weight: 900;
        /*font-size: 14px;*/
            font-size: 1vw !important;
}

.chequeBouncedTextCII_ar{
    display: flex;
    flex-direction: column;
    /*font-size: 11px;*/
        font-family: 'DroidArabicKufiRegular';;
    letter-spacing: 0.04em;
    font-weight: 400;
        font-size: 14px;
}

.courtCasesCII,.courtCasesCII_ar{
width: 618px;
height: 47px;
/* left: 410px;
top: 1627px; */
font-family: 'Roboto';
font-style: normal;
/*font-weight: 400;*/
font-weight: 900;

font-size: 20px;
line-height: 30px;
/* or 100% */
letter-spacing: -0.02em;
color: #090909;

  margin-top: 1.313em !important;
}

.courtCasesCII_ar{
font-family: 'DroidArabicKufiRegular';
font-weight: 500 !important;
}

.dividerCssCII{
  margin-top: -1em !important;
 /* font-size: 0.7em !important;*/
}

.noCourtCasesCssCII{
   font-size: 0.7em !important;
}

.reportDescTextIBoxCII{
  letter-spacing: -0.02em !important;
    line-height: 1.5em !important;
}

.tableCssCII{
  /* margin-top: 11em !important; */
  border-collapse: collapse;
  width: 100%;
      text-align: left !important;
}


.trCssCII{
 /* border-bottom: 1px solid #ddd; */
      display: grid;
    grid-template-columns:repeat(5, 1fr);
}



.noteCssCII{
  margin-top: 1em !important;
  font-size: 0.8em !important;
}

.noteCssCII_ar{
  /*background-color: #090909 !important;*/
      font-size: 0.8em !important;
      margin-top: 1em !important;
}

.dividerCssCII_ar>div{
  background-color: #929292 !important; 
}

.percentageValueCssCII{
      /* position: absolute; */
    width: 89px;
    /* height: 76px; */
    /* left: 822px; */
    /* top: 1486px; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    /*font-size: 76px;*/
    font-size: 4em !important;
    line-height: 76px;
    letter-spacing: 0.04em;
    color: #090909;
}
.percentageValueCssCII_ar{
      margin-left: 0em !important;
     /* position: absolute; */
    /*width: 89px;*/
    width: 49px;
    /* height: 76px; */
    /* left: 822px; */
    /* top: 1486px; */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    /*font-size: 76px;*/
    /*font-size: 61px;*/
       font-size: 3.8em !important;
    line-height: 76px;
    /*letter-spacing: 0.04em;*/
    color: #090909;
    margin-left: -1.15em;
}

.percentageSymbolCssCII{
  color: #090909;
}
.percentageSymbolCssCII_ar{
     color: #090909;
    margin-left: 4em;
    /* margin-left: 6em; */
    margin-right: 1em !important;
}

 .tableIndexCssCII{
    width: 5% !important;
        color: #090909 !important;
    font-weight: bold !important;
  }


.courtCasesAndPrevNextArrow{
 /* display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: 3em !important;*/
    position: relative;
}

.prevNextArrowCssCII{
  display: flex;
    align-items: center;
}

.dividerLastLineCssCii{
      margin: 0px 0px 10px !important;
}


@media only screen and (min-width:869px) and (max-width:924px){

.textInDesktopCSSCII{
        font-size: 13px !important;
}

}

@media only screen and (min-width:815px) and (max-width:868px){

.textInDesktopCSSCII{
        font-size: 12px !important;
}

}


@media only screen and (min-width:1280px){

.textInDesktopCSSCII{
        font-size: 13px !important;
}

.chequeBouncedTextCII_ar{
   font-size: 12px !important;
}

.fontPercentageVal_ar{
  font-size:61px !important ;
}

.supCSSCII_ar{
    margin-right: -9px !important;
}

}


@media only screen and (min-width:1281px) and (max-width:1300px){
.chequeBouncedTextCII_ar{
   font-size: 12px !important;
}

.fontPercentageVal_ar{
  font-size:58px !important ;
}

.supCSSCII_ar{
    margin-right: -9px !important;
}
}


@media only screen and (min-width:768px) and (max-width:814px){

.textInDesktopCSSCII{
        font-size: 11px !important;
}

}

@media only screen and (min-width:768px) and (max-width:1024px){

.desktopIBoxLabelsCSSCII{
        font-size: 8px !important;
}

}



@media only screen and (min-width:360px) and (max-width:405px){
  .noCourtCasesCssCII{
        font-size: 0.6em !important;
  }

  .font-size: 11px;{
    font-size: 11px;
  }
}


@media only screen and (min-width:768px){
.mobCII{
     display: none;
  }


  .reportDescTextMobCII{
    display: none;
  }
}

.reportDescTextDesktopCII{

}

.desktopIBoxLabelsCSSCII,.desktopIBoxLabelsCSSCII_ar{
      display: flex;
    flex-direction: column;
        font-size: 10px !important;
}


.reportDescIconDesktopCII{
      height: 2em !important;
}

.reportDescTextMobIBoxCII{
  display: none
}


@media only screen and (min-width:768px) and (max-width:1282px) {
.desktopIBoxLabelsCSSCII,.desktopIBoxLabelsCSSCII_ar{
      font-size: 0.7em !important;
}

}

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

}

@media only screen and (min-width:768px)   {
.mobPrevNextArrowCSSCII,.mobPrevNextArrowCSSCII_ar{
  display: none;
}

}

@media only screen and (min-width:768px) and (max-width:1024px)  {

   .percentageValCII>span{
      font-size: 33px !important;
}

.chequeBouncedTextCII_ar{
      font-size: 12px !important;
}

  }

@media only screen and (min-width:768px) and (max-width:869px)  {
.chequeBouncedTextCII_ar span {
    font-size: 10px !important;
}
}


.percentageSupCII{
  font-size: 0.3em !important;
    position: absolute !important;
    top: 36px !important;
}

@media only screen and (min-width:360px) and (max-width:767px)  {


  .percentageValCII>span{
      font-size: 35px !important;
}

  .mobPrevNextArrowCSSCII{
    position: absolute;
    top: 0;
    right: 0;
        display: grid;
    grid-template-columns: auto auto auto;
  }

  .mobPrevNextArrowCSSCII_ar{
    position: absolute;
    top: 0;
    left: 0;
        display: grid;
    grid-template-columns: auto auto auto;
  }

  .reportDescMob_ar{
    height: 13em !important;
    
  }

.desktopIBoxLabelsCSSCII_ar{
  font-size: 13px !important;
}
  .noteCssCII{
    font-size: 8px !important;
  }


.desktopIBoxCSSCII{
  display: none;
}

.reportDescTextDesktopCII{
  display: none;
}

  .reportDescTextMobIBoxCII{
    display: block;
  }

.desktopCII{
  display: none;
}

  .mobCII{

  }

  .chequeBouncedTextCII{
    /*font-size: 17px;*/
        /*font-size: 14px;*/
        font-size: 10px !important;
  }

.percentageValueCssCII{
  font-size: 44px !important;
  margin-right: -0.9em;
}
.percentageValueCssCII_ar{
    font-size: 32px !important;
    margin-left: -1.8em;
   
}

.chequeBouncedTextCII_ar{
font-size: 9px !important;
}

.percentageSymbolCssCII_ar{
  margin-left: 2em;
      margin-top: 0.8em !important;
       margin-right: 0em !important;
}

/*.reportDescText{
    font-size: 14px !important;
    line-height: normal !important;

}*/

.reportIBoxTextIconCIIMob{
          width: auto !important;
}

.reportDescMob{
      height: 9em !important;
}

}


.reportDescDesktopCII{
     align-items: center;
    justify-content: center;
    display: flex;
}


.supCSSCII{
  font-size: 17px !important;
top: -8px !important;
}

@media only screen and (max-width:459px) {
.noteCssCII_ar{
  font-size: 8px !important;
  }
}

@media only screen and (max-width:767px) {
.tableIndexCssCII>div{
  display: none;
}

.desktopCSSCII{
  display: none;
}


.supCSSCII{
      top: 0px !important;
}

}







@media only screen and (min-width:768px) {

  .supCSSCII_ar{
  top: -10px !important;
  margin-right: -12px !important;
    font-size: 17px !important;
}


  .desktopDividerBetweenRow{
        background-color: #929292 !important;
  }



.prevNextArrowCssCII{
  display: none;
  }

  .dividerCssCII{
        margin-top: 0px !important;
  }
 

}

.angleLeftCSSCII{
  /*margin-left: -1.8em !important;*/
  font-size: 26.68px !important;
  color: #929292 !important;
      margin-right: -0.4em !important;
}

.angleLeftCSSCII_ar{
     /*margin-right: -0.4em !important;*/
  font-size: 26.68px !important;
  color: #929292 !important;
      margin-left: -0.4em !important;
}

.angleRightCSSCII{
  font-size: 26.68px !important;
  color: #929292 !important;
  width: 0.8em !important;
}


.angleRightCSSCII_ar{
    font-size: 26.68px !important;
color: #929292 !important;
margin-right: 0em !important;
  /*width: 0.8em !important;*/
}

.reportIBoxTextIconCII{
  margin-top: 0.3em !important;
}

.mobilePrevNectValCssCII{
      font-size: 20px !important;
    /*margin-left: -1.3em !important;*/
}

.mobilePrevNectValCssCII_ar{
      /*margin-left: 3em !important;*/
        font-size: 20px !important;

    margin-left: -0.5em !important;

}


@media only screen and (min-width:768px) and (max-width:1024px) {
  .chequeBouncedTextCII{
    font-size: 10px;
}

}


@media only screen and (min-width:768px) and (max-width:1280px)  {
.supCSSCII_ar{
      top: -2px !important;
    margin-right: -12px !important;
    font-size: 15px !important;
}

}


@media only screen and (min-width:1025px) and (max-width:1280px)  {
  .chequeBouncedTextCII{
        font-size: 13px;
}

.percentageValCII>span{
      font-size: 35px !important;
}


.chequeBouncedTextCII_ar{
      font-size: 8px !important;
  }
}

.percentageValueAndSymbolCssCII{
      display: flex !important;
    flex-direction: row;
        margin-left: 0.5em!important;
            margin-right: 1em !important;
}




.percentageValCII>span,.percentageValCII>sup{
      color: #090909 !important;
      font-weight: 400 !important;

}

.dividerCSSCII>div{
      background-color: #929292 !important;
}


.dividerCSSCII{
   margin: 0px !important;
}




.percentageValCII{
  height: 1em !important;
}


.fontPercentageVal{
  font-size:68px ;
}


@media only screen and (min-width:768px) {

.percentageValCII_ar_css{
    margin-left: -1em !important;
}

.imageCSSCII{
       height: 2em !important;
    width: 2em !important;
    margin-right: 4em !important;
    margin-top: 0.5em !important;
}

.imageCSSCII_ar{
      height: 2em !important;
    width: 5em !important;
    margin-top: 0.5em !important;
}

.reportDescIconCSSCII{
        margin-top: 0.75em !important;
}

.reportDescIconCSSCII_ar{
      margin-top: 0.2em !important;
}


.resportDescContent{
    padding-top: 0.5em !important;
    /*margin-left: 1em !important;*/
    padding-left: 1em !important;
}

.textArabicMargin_company{
      margin-top: 1.1em !important;
}



.imageCSSCII_ar_individual{
  width: 7em !important;
      margin-top: 0.5em !important;
}

.imageCSSCII_individual{
  width: 3em !important;
}

.textCII_en_individual>span{
  font-size: 0.82vw !important;
}


.imageCSSCII_ar_company{
margin-top: 1em !important;
}

}

/* webbau-1082 defect */
 @media only screen and (min-width:768px) and (max-width: 1024px) {
.textCII_en>span{
  font-size: 1.5vw !important;
}

.textCII_en_individual>span{
  font-size: 1.1vw !important;
}

.textCII_ar_individual>span{
  font-size: 1.25vw !important;
}

/*.{
  font-size: 1.19vw !important;
}
*/
}



 @media only screen and (min-width:1025px) {



.textCII_en>span{
font-size: 1vw !important;
}

.textCII_ar_individual>span{
      font-size: 0.8vw !important;
}

.imageCSSCII_individual{
  width: 3em !important;
}

  .textCII_en_individual>span{
  font-size: 0.75vw !important;
}

}




 @media only screen and (min-width:1300px) and (max-width: 1499px) {
 .textCII_en_individual>span{
  font-size: 0.85vw !important;
}
  }

 @media only screen and (min-width:376px) and (max-width: 392px) {
  .reportDesc_individual_ar{
    height: 10em !important;
  }

  .reportDesc_individual_en{
    height: 9.4em !important;
  }

}

/*  webbau-531 ends  */
 @media only screen and (max-width:767px) and (min-width:280px) {

 .checkoutNewPGCSS{
    display: none !important;
  }
   button.ui.primary.disabled.button.checkoutButtonRRMobile.checkoutNewPGCSS{
  display: none !important;
}

button.ui.primary.button.checkoutButtonRRMobile.checkoutNewPGCSS{
   display: none !important;
}
}

 @media only screen and (max-width:767px) {
  
input[type="radio"]:checked.radioButtonHighlighterNewPGCSS{
      padding: 1px 1px;
      border: 1px solid #0054E6 !important;
      background-color: #0054E6 !important;
}


  }


@media only screen and (min-width:767px) {
  .newPGCSS{
    display: none !important;
  }
  button.ui.primary.disabled.button.checkoutButtonRRMobile.checkoutNewPGCSS{
  border-radius: 0.625em !important;
      width: 7em !important;
}

button.ui.primary.button.checkoutButtonRRMobile.checkoutNewPGCSS{
  border-radius: 0.625em !important;
  width: 100% !important;
  margin-top: 25px !important;
}

button.ui.primary.button.checkoutButtonRRMobile.checkoutNewPGCSS > i{
  margin-left: 45% !important;
}

.ar button.ui.primary.button.checkoutButtonRRMobile.checkoutNewPGCSS > i{
  margin-right: 95% !important;
}

}

@media only screen and (max-width:1036px) and (min-width:1025px) {

.order-summary-bg .order-summary-right-column .ui.card .content .header.choosePaymentMethodCssRR >span{
  font-size: 17px !important;
}

  }
   .radioButtonHighlighterNewPGCSS_unchecked{
     margin-right: 20px !important;
     height: 18px !important;
    width: 18px !important;
   }

@media only screen and (max-width:767px) and (min-width:280px) {


  .radioButtonHighlighterNewPGCSS_unchecked{
        width: 1.5em !important;
    height: 1.5em !important;
   
  }

.ui.card.removingBoxShadow.paymentBackgroundRR.mobileViewNEWPGCSS{
  padding: 1em 1em !important;
}
}


.checkoutNewPGCSS{
  margin-left: 0em !important;
      margin-top: 3.9575em !important;
        width: 7em !important;
    
}


.newRadioBorderNewPGCSS{
      border: 2px solid #0054E6!important;
    border-radius: 6px !important;
    opacity: 1;
    margin-top: 50px !important;
}


.blueBoxNewPGCSS{
  /*margin-top: 67px !important;*/
  margin-top: 35px !important;
}

input[type="radio"]:checked.radioButtonHighlighterNewPGCSS{

  border: 1px solid #FFF !important;
  background-color: #090909 !important;
  box-shadow: 0 0 0 1px #090909;
  width: 1.5em !important;
  margin-bottom: -0.5em !important;
  height: 1.5em !important;
  margin-right: 5px;
}




/*facebook pixel*/
.loginCsBtnTrigger{
z-index:999
}


.ui.button.secondary.borderFix:disabled, .ar .ui.button.secondary.borderFix:disabled
{
   border: 1px solid #FF9200 !important;
}

.radioForm{
  margin-top: 60px !important;
}

.radioDiv-credit{
left: 1294px;
margin: 25px 10px 10px 10px;
height: 65px;
background: #FFFFFF;
border: 1px solid #707070;
border-radius: 5px;
opacity: 1;C


}
.radioDiv-eDirham{
left: 1294px;
margin: 25px 10px 10px 10px;
height: 65px;
background: #FFFFFF;
border: 1px solid #707070;
border-radius: 5px;
opacity: 1;
padding: 2px !important;



}

.img{
  top: 517px;
  height: 65px !important;
  width: 355px !important;
  left: 1386px;
  padding: 5px;
  vertical-align: middle;
  max-width: 60% !important;
}
.img-edirham{
  top: 656px;
  /*height: 52px !important;
  width: 70px !important;*/
  height: 45px !important;
  width: 55px !important;
  left: 1386px;
  margin-top: 5px !important;
  padding: 5px;
  vertical-align: center;

}
.FormField-eDirham{
  margin-left: 20px !important;
   margin-right: 20px !important;
  margin-top: 5px !important;
  height: 18px !important;
    width: 18px !important;
    vertical-align: middle !important;
    

}
.FormField-credit{
  margin-left: 20px !important;
   margin-right: 20px !important;
  height: 18px !important;
    width: 18px !important;
    vertical-align: middle !important;


}

.edihram-span{
   margin-top: 7px !important;
   padding-right: 3px !important;

   font-size: 14px;

}

.edihram-spanCs{
   margin-top: 7px !important;
   padding-right: 2px !important;
   margin-left: 2px !important;
   font-size: 14px;

}

.imgCs_ar{
   padding-bottom: 14px;
   height: 65px !important;
  margin-left: -13px !important;
  padding-right: 2px;
  vertical-align: middle !important;
  padding-bottom: 20px;
  margin-bottom: 15px !important;
  margin-right: -10px !important;
}

.radioFormCs{
  border: 1px solid var(--stroke-default, #090909);
  border-bottom-left-radius: 0.3em !important;
  border-bottom-right-radius: 0.3em !important;
}

.radioDiv-creditCs{
left: 1294px;
margin: 25px 10px 25px 10px;
height: 65px;
background: #FFFFFF;
border: 1px solid var(--stroke-default, #090909);
border-radius: 5px;
opacity: 1;



}
.radioDiv-eDirhamCs{
left: 1294px;
margin: 25px 10px 25px 10px;
height: 65px;
background: #FFFFFF;
border-radius: 5px;
opacity: 1;
padding-top: 5px !important;
border: 1px solid var(--stroke-default, #090909);


}


.imgCs{
  height: 65px !important;
  /*margin-left: 5px !important;*/
  margin-left: -13px !important;
  padding-right: 2px;
  vertical-align: middle !important;
 /*padding-bottom: 10px;*/
 padding-bottom: 20px;
  margin-bottom: 15px !important;
  margin-right: -10px !important;
  
  
}

.imgCs-edirham{

  height: 35px !important;
  width: 48px !important;
  /*margin-left: 0px !important;*/
  margin-left: -10px !important;
  margin-right: -10px !important;
  padding-right: 2px;
  vertical-align: middle !important;
  top: 520px;
   margin-top: 7px !important;
}
.FormFieldCs-eDihram{
  margin-left: 20px !important;
   margin-right: 20px !important;
    height: 18px !important;
    width: 18px !important;
    vertical-align: middle !important;
     margin-top: 7px !important;
  
  
}
.FormFieldCs-credit{
  margin-bottom: 33px !important;
  margin-left: 20px !important;
   margin-right: 20px !important;
   /*margin-bottom: 20px !important;*/
  height: 18px !important;
    width: 18px !important;
    vertical-align: middle !important;
  
  
}

.FormFieldCs-credit_ar{

    height: 1.25em !important;
    width: 1.25em !important;
    margin-right: 0.688em !important;
    margin-bottom: 14px !important;
    }

.checkoutCs{
  margin-top: 10px !important;
}



.highlightRadioDiv-creditCs{
/*box-shadow: 0px 3px 6px #00000029;*/
border: 2px solid #090909 !important;

}

.highlightRadioDiv-eDihramCs{
/*box-shadow: 0px 3px 6px #00000029;*/
border: 2px solid #090909 !important;

}


#radio-eDirham:checked {
  background-color: #090909 !important;
  border: 1px solid #FFF !important;
  box-shadow: 0 0 0 1px #090909;
}

/*.ui #radio-eDirham:checked {
  padding-left: 1px !important;
}
*/
/*#radio-credit:checked {
  background-color: #090909 !important;
  border: 1px solid #FFF !important;
  box-shadow: 0 0 0 1px #090909;
}*/

/*.ui #radio-credit:checked {
  padding-left: 1px !important;
}
*/
.radio_payment{
  border: 1px solid #707070 !important;
  border-radius: 10px !important;
  margin-top: 50px !important;


}
 
 .img_cportal_payment {
    display: inline-block;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: -9px;
    width: '';
}



.FormFieldCs-eDihram_ar{
 
  height: 1.25em !important;
    width: 1.25em !important;
    margin-right: 0.688em !important;
    margin-bottom: -17px !important;
 }

 .edihram-spanCs_ar_pgm{
    font-size: 0.688em !important;
    margin-right: -10px !important;
}


@media only screen and (max-width:768px){
  .img_cportal_payment {
    display: inline-block;
    vertical-align: middle;
    padding-left: 2px !important;
    padding-right: -9px !important;
    width: '';
}
}

.imgCs-edirham_ar {   
    height: 2.5em !important;
    width: 3.3em !important;
    margin-bottom: -1.4em !important;
     margin-top: 0.438em;
  }

/* .imgCs-edirham_ar{
   margin-bottom: -0.687em !important;
}*/

@media only screen and (min-width: 1500px){
  .order-summary-bg .order-summary-right-column .ui.card .content .header.choosePaymentMethodCssRR >span {
    line-height: 30.47px !important;
    color: #090909 !important;
    font-size: 25px !important;
    font-weight: 700;
    font-family: 'Roboto' !important;
    letter-spacing: -0.02em;
  }
}

@media only screen and (min-width:769px) and (max-width: 1022px) {
.FormFieldCs-eDihram_ar{
  margin-bottom: -3px !important;
    height: 14px !important;
    width: 14px !important;
}
.imgCs-edirham_ar {
    height: 1.5em !important;
    width: 2.5em !important;
    margin-bottom: -0.5em !important;
    margin-top: 0.338em !important;
}
}

@media only screen and (min-width:718px) and (max-width: 1192px) {

.radioDiv-creditCs{
/*width: 100% !important;*/
vertical-align: middle !important;
height: 50px !important;
margin-right: 5px !important;
margin-left: 5px !important;
  width: 96% !important;
    padding-bottom: 4em !important;


}
.radioDiv-eDirhamCs{
/*width: 100% !important;*/
vertical-align: middle !important;
height: 50px !important;
margin-right: 5px !important;
margin-left: 5px !important;
 width: 96% !important;
    padding-bottom: 4em !important;

}
.imgCs-edirham{
    height: 20px !important;
    width: 30px !important;

}

.imgCs{
  height: 38px !important;
   margin-left: 1px !important;
}

.FormFieldCs-credit{
  padding-right: 1px;
  height: 16px !important;
  width: 16px !important;
}

.FormFieldCs-eDihram{
  padding-right: 1px;
  height: 16px !important;
  width: 16px !important;
}

.edihram-span{
   margin-top: 15px !important;
   padding-right: 3px !important;
   font-size: 10px;

}

.edihram-spanCs{
   margin-top: 15px !important;
   padding-right: 3px !important;
   font-size: 12px;

}
.FormFieldCs-eDihram_ar{
      margin-bottom: -12px !important;
}

.imgCs-edirham_ar {
    height: 2em !important;
    width: 3em !important;
    margin-bottom: -1.5em !important;
    margin-top: 0.338em !important;
}
.edihram-spanCs_ar_pgm{
  font-size:10px !important;
}


}





@media only screen and (max-width:768px) {

  .edhiram_mob_ar_css{
  margin-bottom: -1.5em !important;
}

 /* .imgCs-edirham_ar{
      margin-bottom: -1.5em !important;
 }*/

 /*.FormFieldCs-eDihram_ar{
  margin-bottom: -1em !important;
 }*/


  /*.FormFieldCs-credit_ar{
        margin-right: 1em !important;
        margin-bottom: 1em !important;
  }*/

  /*.FormFieldCs-eDihram_ar{
     margin-right: 1em !important;
  }*/



.edhiram_ar_pgm{
        display: flex !important;
    align-items: center !important;
    /*justify-content: center !important;*/
  }

 /* .edihram-spanCs_ar_pgm{
        margin-right: -0.6em !important;
            font-size: 11px !important;
  }*/
}


@media only screen and (min-width:769px) {




  .edhiram_ar_pgm{
        display: flex !important;
    align-items: center !important;
    /*justify-content: center !important;*/
  }

 /* .edihram-spanCs_ar_pgm{
        margin-right: -0.6em !important;
            font-size: 11px !important;
  }
*/
/*.imgCs-edirham_ar{*/
      /*margin-top: -1.5em !important;*/
    /* padding-right: 1em; */
    /* margin-left: -2em !important; 
    height: 1.5em !important;
    width: 2em !important;*/
    /*margin-bottom: 0.6em !important;*/
/*}*/

/*.FormFieldCs-credit_ar{
    width: 1em !important;
    height: 1em !important;
    margin-right: 0.6em !important;
    margin-bottom: 1.8em !important;
}*/


/*.FormFieldCs-credit_ar >.ar [type="checkbox"], .ar [type="radio"]{
    margin-bottom: 0.9em !important;

}*/

/*.FormFieldCs-eDihram_ar > .ar [type="checkbox"], .ar [type="radio"]{
      margin-right: 0.6em !important;
      margin-top: 0.6em !important;

}*/

}

@media only screen and (min-width:769px) and (max-width: 773px){


/*.edihram-spanCs_ar_pgm{
  font-size: 0.4em!important;
}
*/
.arabic_pgm_css{
      display: flex !important;
}

}

@media only screen and (min-width:771px) and (max-width: 989px){

/*.edihram-spanCs_ar_pgm{
      margin-right: -2.6em !important;
    font-size: 0.4em!important;
}*/

}

@media only screen and (min-width:771px) and (max-width: 900px) {

.radioDiv-creditCs{
/*width: 115% !important;*/
    width: 96% !important;
vertical-align: middle !important;
height: 50px !important;
/*margin-right: 50px !important;*/
margin-right: 5px !important;
margin-left: 5px !important;
}

.pDTextCs {
  font-size: 12px;
}
.radioDiv-eDirhamCs{
/*width: 115% !important;*/
    width: 96% !important;
vertical-align: middle !important;
height: 50px !important;
/*margin-right: 50px !important;*/
margin-right: 5px !important;
margin-left: 5px !important;


}
.imgCs-edirham{
  height: 25px !important;
  width: 30px !important;
  margin-left: -10px !important;


}

.imgCs{
  height:45px !important;
   margin-left: 1px !important;
   margin-left: -10px !important;
   width: 90px !important;
}

.FormFieldCs-credit{
  padding-right: 0px !important;
  height: 14px !important;
  width: 14px !important;
 
}


.FormFieldCs-eDihram{
  padding-right: 0px !important;
  height: 14px !important;
  width: 14px !important;
  
}

.edihram-span{
   margin-top: 15px !important;
   padding-right: 1px !important;
   font-size: 8px;

}
.edihram-spanCs{
   margin-top: 15px !important;
   padding-right: 1px !important;
   font-size: 8px;

}
}
@media only screen and (max-width: 767px) {
  .img{
    height: 60px !important;
    width: 150px !important;
  }

}

@media only screen and (min-width:901px) and (max-width: 906px) {
  .edihram-span{
  margin-left: 0px !important;
  }


  .edihram-spanCs{
  margin-left: 0px !important;
  }

}
@media only screen and (max-width: 360px) {
  .imgCs{
    height: 60px !important;
  }

}

@media only screen and (max-width: 395px) {
  .edihram-spanCs{
  
   padding-right: 2px !important;
   
}


}
@media only screen and (min-width:768px) and (max-width: 770px) {
   .edihram-spanCs{
  
   font-size: 10px !important;
   
}


}


.radioButtonHighlighterNewPGCSS_unchecked{
 margin-right: 20px !important;
height: 18px !important;
width: 18px !important;
margin-bottom: -0.3em !important;
/*margin-bottom: 0.5em !important;*/
}

.response-modal-content .purchase-confirmation-modal-title,
.ar .response-modal-content .purchase-confirmation-modal-title {
  color: #090909 !important;
}

.response-modal-content .purchase-confirmation-modal-description {
  font-family: 'Roboto';
  opacity: 1;
  color: #202F5D !important;
  font-size: 15px !important;
  font-weight: 600;
}

.ar .response-modal-content .purchase-confirmation-modal-description {
  color: #090909 !important;
}

.response-modal-content .user-not-found-modal-title,
.ar .response-modal-content .user-not-found-modal-title {
  color: #090909 !important;
}

.response-modal-content .user-not-found-modal-description,
.ar .response-modal-content .user-not-found-modal-description {
  color: #090909 !important;
}

.user-not-found-accordion {
  border:  1px solid #202F5D !important;
  border-radius: 8px !important;
  width: 100% !important;
}

.user-not-found-accordion.ui.accordion.menu .item .active.title > .dropdown.icon {
  transform: rotate(270deg);
}

.user-not-found-accordion.ui.accordion.menu .item .title > .dropdown.icon {
  transform: rotate(90deg);
}

.user-not-found-menu-title {
  font: bold 14px Roboto !important;
  letter-spacing: 0px !important;
  color: #202F5D !important;
}

.ar .user-not-found-menu-title {
  font-family: "DroidArabicKufiRegular";
}

.user-not-found-menu-content {
  font: 12px Roboto !important;
  letter-spacing: 0px !important;
  color: #202F5D !important;
}

.ar .user-not-found-menu-content {
  font-family: "DroidArabicKufiRegular";
}

.user-not-found-btn-text {
  font-size: 0.75em;
  font-weight: 400;
}

.knowmore-content {
  font-size: 12px;
  font-weight: 500;
}

.user-not-found-description {
  font-family: Roboto;
  letter-spacing: 0px;
  opacity: 1;
  font-size: 14px !important;
  font-weight: 500;
}

.playstore-img {
  width: 49%;
  margin-left: 5px;
}

.ar .playstore-img {
  width: 49%;
  margin-right: 5px;
}

.ar .bookAppointmentBtn {
  width: 100% !important;
}

.ar .bookAppointmentBtn > i {
  margin-right: 30% !important;
}

.purchase-confirmation-btn {
  border: 1px solid #202F5D !important;
}

.purchase-confirmation-btn:hover {
  background-color: #F79833 !important;
  color: #FFFFFF !important;
  border-color: #F79833 !important;
}

.user-not-found-subtitle {
  font-weight: bold;
  font-size: 14px;
}


.mb-5 {
  margin-bottom: 5px;
}

.user-not-found-know-more {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

.user-not-found-infobox {
  background: #FDEBD4 0% 0% no-repeat padding-box;
  border-radius: 8px;
  opacity: 1;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}

.user-not-found-infoimg {
  mix-blend-mode: multiply;
  width: 45px;
  margin-left: 3px;
}

.user-not-found-uaepass-info {
  padding: 10px;
  margin-left: 15px;
  font-size: 11px;
  line-height: 17px;
}

.crossbtn {
  position: absolute;
  top: 1.2em;
  right: 1em;
  z-index: 1;
}

.ar .crossbtn {
  position: absolute;
  top: 1.2em;
  left: 1em;
}

.crossbtn:before{
  font-size:  10px !important;
}

/*  webbau-549 starts  */


input[type="radio"].inputRadioPGMCss.radioButtonCheckedWithTickForPayment{
  background-color: #090909 !important;
   border-radius: 50% !important;
   border: 0px solid #090909 !important;
       box-shadow: 0px 0px !important;
}
input[type="radio"].inputRadioPGMCss.radioButtonCheckedWithTickForPayment:after{
    content: "\2713" !important;
    color: #fff !important;
    font-size: 0.6em !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 1em !important;
        margin-top: 0.3em !important;
}


input[type="radio"].inputRadioPGMCss.radioButtonCheckedWithTickForPayment.noRadioButtonCheckedWithTickForPayment{
      background-color: #FFFFFF !important;
    border: 2px solid #CECECE !important;
    height: 1em !important;
    width: 1em !important;
}

.radioButtonCheckedWithTickForPayment_edhiram{
  background-color: #FFFFFF !important;
    border: 2px solid #CECECE !important;
    height: 1em !important;
    width: 1em !important;
  
}

.choosePaymentMethodCss{
      margin-top: 0.5em !important;
    margin-bottom: -0.6em !important;
}

.radioFormCreditDebitOptionCss_checked{
  border: 2px solid #090909 !important;
}

.choosePaymentMethodPGMCss{
      background-color: white !important;
          border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.choosePaymentMethodPGMCss>span{
      color: #090909 !important;
          letter-spacing: 0.08em !important;
           font-size: 1.1vw !important;
}

.cardPGMCss{
      padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.textAndImageCss{
  display: flex;
    flex-direction: column;
}

.textAndRadioCss{
  display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.creditDebitVisaGpayImageCss{
    margin-right: 1em !important;
}

.order-summary-bg .order-summary-right-column .ui.card .content .description img.creditDebitVisaGpayImageCss{
  width: 10em !important;
  max-width: 100% !important;
}

.buttonAndCardPaymentCss{
  /*margin-top: 1em !important;*/
  margin-top: -2em !important;
}

.proceedToPaymentButtonCss{
  width: 100% !important;

      display: flex;
    justify-content: space-between;
}

.ui.buttons .disabled.button, .ui.disabled.button, .ui.button:disabled, .ui.disabled.button:hover, .ui.disabled.active.button, .ar .ui.buttons .disabled.button, .ar .ui.disabled.button, .ar .ui.button:disabled, .ar .ui.disabled.button:hover, .ar .ui.disabled.active.button.proceedToPaymentDisabled{
  opacity: 0.8 !important;
  color: black;
    background: #FFCF23 !important;
}

.visaMasterTextCss{
  font-size: 0.85vw !important;
    font-weight: 400 !important;
    color: #090909 !important;
}

.orderSummaryBoxPgmCss{
  height: 22em !important;

}


.newDisplayOfPaymentMethodsCss{
  display: flex !important;
  flex-direction: column;
}


.creditDebitCss{
      padding: 1em !important;
      padding-right: 0em !important;
}

.textCreditDebitCss{
  color: #090909 !important;
    font-weight: 800 !important;
}



.radioFormCreditDebitOptionCss{
  border: 1px solid #090909;
}

input[type="radio"].inputRadioPGMCss{
  background-color: #FFFFFF !important;
  border: 2px solid #090909 !important;
  height: 1em !important;
    width: 1em !important;
}

.radioPGMCss{
  margin-top: -0.6em !important;
  margin-right: -0.5em !important;
}

.order-summary-bg .order-summary-right-column .ui.card .content .description img.creditDebitVisaGpayImageCss.edhiramImageCss{
/*width: 5em !important;
height: 2.5em !important;*/
width: 6em !important;
height: 3.1em !important;
opacity: 0.37 !important;
}

.edhiramImageCss{
      height: 3em !important;
    margin-top: -1em !important;
    margin-right: 0em !important;
}


input[type="radio"].inputRadioPGMCss.edhiramInputPGMCss{
      margin-bottom: 1em !important;
      opacity: 0.37 !important;
      cursor: not-allowed !important;
}

.boxRezisePgmCss{
  height: 19em !important;
    margin: em !important;
    padding: 0em !important;
}

.highlightBorderCss{
  border: 2px solid #0954E6 !important;
}

.ui.basic.table tbody tr {
    border-bottom: 0px solid rgba(0, 0, 0, 0.1);
    }

.iNoteTextCssPgm{
  color: #FFCF23 !important;
    font-size: 0.7vw !important;
    margin-left: 0.3em !important;
}

.ui.cards > .card .content img, .ui.card .content img.iNoteImageCSs{
    height: 1em !important;
}

.stopWatchAndTextCss{
      margin-top: -1em !important;
    margin-bottom: 0.5em !important;
}

.newSpacePgmCss{
  padding: 1.5em !important;
      /*margin-top: 2em !important;*/
}

.ar .ui.basic.table tbody tr{
  border-bottom: 0px !important;
}

.iNoteTextCssPgm_ar{
      margin-right: 0.5em !important;
          font-size: 0.78vw !important;
}

.creditDebitCss_ar{
  padding: 1em !important;
    padding-right: 1em !important;
    padding-left: 0em !important;
}

.creditDebitImage_ar{
      margin-left: 1em !important;
}


.radioPGMCss_ar{
    margin-left: -0.6em !important;
}



/* desktop view media query starts */
@media only screen and (min-width: 768px) {

  .stopWatchAndTextCssMobile{
    display: none !important;
  }



.ui.grid > [class*="two column"].row > .column.orderSummaryBoxPgmCss{
  width: 69% !important;

}

.ui.grid > [class*="two column"].row > .column.orderSummaryBoxPgmCss.orderSummaryBoxPgmCss_creditScore{
    height: 100% !important;
}

.newBoxPaymentMethodsPgmCss{
  width: 29% !important;
}

}

/* media query for reponsive screen */
@media only screen and (min-width: 768px) {
.order-summary-bg .order-summary-right-column .ui.card .content .description img.creditDebitVisaGpayImageCss{
      /*width: 7em !important;*/

    width: 11em !important;
    padding-bottom: 0.5rem;
    height: 2rem;

}
}



@media only screen and (max-width: 892px){
.order-summary-bg .order-summary-right-column .ui.card .content .description img.creditDebitVisaGpayImageCss {
   /* width: 6em !important;*/
   width: 9em !important;
}

.textCreditDebitCss{
    font-size: 1.3vw !important;
}

/* mobile view purchase page starts */
@media only screen and (max-width: 767px){
.newBoxPaymentMethodsPgmCss{
      width: 100% !important;
}

.radioFormPGMMobile{
  margin-top: 1em !important;
}

.textCreditDebitCss {
    /*font-size: 2vw !important;*/
    font-size: 3vw !important;
}

.visaMasterTextCss {
   /* font-size: 1.5vw !important;*/
   font-size: 2vw !important;
    }

.order-summary-bg .order-summary-right-column .ui.card .content .description img.creditDebitVisaGpayImageCss.edhiramImageCss{
     /* height: 2.5em !important;
    width: 4em !important;*/
    height: 2.5em !important;
    width: 5em !important;
}  

.orderSummaryBoxPgmCss{
      height: 24em !important;
}    

.choosePaymentMethodPGMCss>span{
  font-size: 3vw !important;
}  


.order-description .column, .order-summary-bg .order-summary-left-column .vat-row.noBorderBottomCss{
      border-bottom: 0px !important;
}

.stopWatchAndTextCss{
  margin-left: -1em !important;
    margin-top: -2em !important;
}

.iNoteTextCssPgm{
      font-size: 2vw !important;
}

.noPaddingBottomCss{
      padding-bottom: 0.5em !important;
}

.stopWatchAndTextCssMobile{
      display: flex;
}

.spanCssDiv{
      display: flex !important;
    flex-direction: column;
}

.stopWatchAndTextCssMobile_ar{
      padding-right: 0px !important;
}

.iNoteImageCSs{
  margin-top: 0.2em !important;
}


}




@media only screen and (min-width: 290px) and (max-width: 767px){

.paymentDetailsCsRight{
   height: 27em !important;
}

}



/*  webbau-549 ends  */


/* Registration phase 2 starts*/


.passport_contentAlignment_en{
  text-align: left !important;
  margin: 0em 1em 1em;
}

.passport_contentAlignment_ar{
  text-align: right;
}

.verifyDetail_contentAlignment_en{
  text-align: left !important;
  margin-left: 9px !important;
}

.verifyDetail_contentAlignment_ar{
  text-align: right;
}
.verifyDetailsBtn{
  text-align: left !important;
}
.skipForNowBtn_verifyDetails{
  text-align: left !important;
 }
 .angleAlignment{
  text-align: right !important;
}
.addPassportBtn{
  text-align: left !important;
  margin-left: 2px !important;
}

.skipForNowBtn{
  text-align: left !important;
  width: 95% !important;
 }

.highlightFieldRedCR
{
   border-bottom: 2px solid red;
}
.passportFeild{
  border-bottom:2px solid red !important ;
}
.passportFeild_blue{
  border-bottom:2px solid blue !important;
}
 .passportFeild_blue > input#passport{
 border-bottom:2px solid blue ;
 border-left:1px solid #090909  ;
 border-top:1px solid #090909  ;
 border-right:1px solid #090909  ;
}


@media (max-width: 767px){

  .skipForNowBtn{
  width: 76% !important;
  text-align: left !important;

}
.skipForNowBtn_ar{
   width: 95% !important ;
  text-align: right !important;
}
.addPassportBtn_ar{
   width: 95% !important ;
  text-align: right !important;
}
 .skipForNowBtn_verifyDetails{
  width: 95% !important ;
  text-align: left !important;

}
.verifyDetailsBtn{
  width: 95% !important;
  text-align: left !important;


}
.skipForNowBtn_verifyDetails_ar{
  width: 95% !important ;
  text-align: right !important;

}
.verifyDetailsBtn_ar{
  width: 95% !important;
  text-align: right !important;

}
.angleAlignment{
  float: right;
}
.angleAlignment_ar{
  float: left;
}
.addPassportBtn{
  width: 95% ;
  text-align: left !important;


}
.skipForNowBtn_addPassport{
  width: 95% !important ;
  text-align: left !important;

}

}
@media (max-width: 412px){

.skipForNowBtn{
    width: 92% !important;
  }
}

@media (max-width: 414px){
  .cancelButtonUserDetailsPopup{
  margin-top: 9px !important;
}
}
@media (max-width: 820px){
  .skipForNowBtn_verifyDetails{
    margin-top: 5px !important;
  }
  .skipForNowBtn_verifyDetails_ar{
    margin-top: 5px !important;
  }
  .skipForNowBtn_ar{
    margin-top: 5px !important;
    text-align: right !important;

  }
  .skipForNowBtn{
     margin-top: 5px !important;
     text-align: left !important;
  }
  .addPassportBtn_ar{
    text-align: right !important;
  }
 
}

@media (max-width: 912px){
  .skipForNowBtn_verifyDetails{
    margin-top: 5px !important;
  }
  .skipForNowBtn_verifyDetails_ar{
    margin-top: 5px !important;
  }
  .skipForNowBtn_ar{
    margin-top: 5px !important;
    text-align: right !important;

  }
  .skipForNowBtn{
     margin-top: 5px !important;
     text-align: left !important;
     width: 92% !important;
  }
  
 
}
@media (max-width: 1024px){
  .skipForNowBtn_verifyDetails{
    margin-top: 5px !important;
  }
  .skipForNowBtn_verifyDetails_ar{
    margin-top: 5px !important;
  }
.skipForNowBtn_ar{
    margin-top: 5px !important;
    text-align: right !important;

  }
  .skipForNowBtn{
     margin-top: 5px !important;
     text-align: left !important;
  }
  .addPassportBtn{
    text-align: left;
  }
  .verifyDetailsBtn{
    text-align: left !important;
  }
  .skipForNowBtn_verifyDetails{
    text-align: left !important;
  }
}
@media (width: 540px){
.cancelButtonUserDetailsPopup{
  margin-top: 15px !important;
}
}


  .ar .verifyDetails_span_ar{
    /*width: 61% !important;*/
    font-size: 11px !important;

  }
  /*.ar .angleAlignment_ar{
   margin-left: -7px !important;
  }*/

  


/* Registration phase 2 ends*/


/*  webbau-549 ends  */





/*  webbau-549 ends  */


/* webbau-1263 starts */
@media only screen and (min-width:820px)
.passportCssFor{
      display: flex;
    gap: 5px;
}
}
/* webbau-1263 end */


/* WEBBAU-1278 STARTS */

@media only screen and (min-width:1500px){
button.ui.primary.button.buttonPdfPopUp.buttonWidthFull {
    width: 12em !important;
}
}

/* WEBBAU-1278 ENDS */

.user_locked_in_parse_css{
      display: flex !important;
    flex-direction: column;
}


.emiratesId_arabic_css{
  margin-left: -9em !important;
}

.paymentSuccessful-NewPayment.pay-success-rr>span{
      line-height: 103.49px !important;
      letter-spacing: 0.01em !important;
          font-size: 1.1em !important;
}

.applicationIdPaymentRefIdCss-rr>span{
      font-size: 1.3em !important;
    color: #262D55 !important;
    font-weight: 700 !important;
    line-height: 50.44px !important;
}

.detailsCssForReportRequest-rr>span{
      color: #090909;
    /* font-family: Roboto; */
    font-size: 1em !important;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: 0em;
    /* text-align: left; */
    margin-bottom: 3em;
    font-weight: 700;
}

.app-id-rr{
  line-height: 36.03px !important;
}

.AECBFingerTipsCss.important-rr>span{
  font-weight: 700 !important;
    font-size: 1em !important;
}

.AECBServicesTitleDescription.important-notes{
      display: flex !important;
    flex-direction: column;
    line-height: 1.4 !important;
        margin-top: 0.8em !important;
}

.AECBServicesTitleDescription.important-notes>span{
  font-size: 0.9em !important;
}

.AECBFingerTipsCss.important-rr{
  margin-top: 1em !important;
}

.report-img-content-new-payment-page.heading-rr-css{
  margin-top: 4em !important;
}

.AECBServicesTitleDescription.important-notes-ar>span{
      letter-spacing: 0.03em !important;
}

button.ui.primary.button.GoToAecbWebistePaymentSuccessCSS-ar>span{
  font-weight: 500 !important;
}

.sub.header.services-title-text.pay-fail-update.sc-chPdSV.ijLAJh.sc-fjdhpX.fjdNJf{
    font-weight: 500 !important;
    margin-top: -1em !important;
    margin-bottom: 1em !important;
}

button.ui.primary.button.back-home-rr{
  margin-bottom: 7em !important;
}

.sub.header.services-title-text.pay-fail-update-ar.sc-chPdSV.ijLAJh.sc-fjdhpX.fjdNJf{
width: 100vw !important;
    margin-bottom: 1em !important;
    margin-top: -1em !important;
}

.sub.header.services-title-text.pay-fail-update-ar.sc-chPdSV.ijLAJh.sc-fjdhpX.fjdNJf>span{
  color: #262D55 !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em;
}

button.ui.primary.button.back-home-rr-ar{
  margin-bottom: 7em !important;
}

button.ui.primary.button.back-home-rr-ar>span{
font-weight: 500 !important;
}


.pay-fail-rr-mob .pay-success-rr{
      display: flex;
    align-items: center;
}
.pay-fail-rr-mob .pay-success-rr>span{
  font-size: 3em;
  margin: 0 16px 0 3px;
}

.pay-fail-rr-mob .pay-fail-note>span{
    font-size: 1.5em;
    font-weight: 400;
    line-height: 53px;
}
.pay-fail-rr-mob{
  margin: 10em 0 !important;
}
.pay-fail-rr-mob .image-tick-new-PaymentPagpay-fail-rr-mobe.fail-icon-mob{
  display: none !important;
}
.pay-fail-rr-mob .image-tick-new-PaymentPagpay-fail-rr-mobe.fail-icon-desk{
  display: inline-block !important;
  width: 45px;
}
.pay-fail-rr-mob .pay-fail-btn>button.ui.primary.button{
  margin-bottom: 0px !important;
}
.pay-fail-rr-mob .pay-fail-note{
  margin: 1em 0;
}

.email-note-rr{
      border: 1px solid #090909 !important;
    border-radius: 0.7em !important;
    background: rgba(95, 144, 206, 0.05) !important;
        padding: 1.5em !important;
    display: flex;
        gap: 1em !important;
}

.parent-pay-success-rr{
      display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 2em 0 !important;
}

.child1-rr{
  display: flex;
      align-items: center;
    justify-content: center;
      gap: 1em !important;
      line-height: 30px !important;
}

.child2-rr{
      display: flex;
    flex-direction: column;
    row-gap: 0.5em !important;
}

.child3-rr{
     margin: 1em 0em 1em !important;
}

.orange-text-rr{
      color: #F39623;
    font-weight: 700 !important;
    font-size: 1.3em !important;
}

.blue-text-rr{
  color: #090909 !important;
      /*font-weight: 700 !important;*/
      font-weight: 500 !important;
    font-size: 18.2px !important;
    line-height: 1.5 !important;
}

.black-text-rr{
  color: black; !important;
      font-weight: 700 !important;
    font-size: 1.3em !important;
}

.processed-text-rr>span{
      color: #090909;
    font-size: 2em !important;
    padding: -1em !important;
    font-weight: 700 !important;
}

.hold-img-rr{
         width: 50px;
    height: 50px !important;
    margin-bottom: 1em;
}

.box-text-rr.box-text-bottom-space-rr {
    margin-bottom: 1.5em !important;
}


.box-text-rr>span{
  font-size: 1em !important;
}

.box-text-rr>div>span{
  font-size: 1em !important;
}


.pay-reference-rr{
      color: #919191 !important;
    font-weight: 400 !important;
    font-size: 1em !important;
}

.pay-reference-rr.pay-refer-bottom-space-rr{
      margin: 1.5em 0em;
}

.refrence-no-rr{
  color: #090909 !important
}

.email-not-rr{
      height: 2.5em !important;
}

.black-text-rr>span{
  color: #090909 !important;
  font-size: 1em !important;
  font-weight: 700;
}

.light-orange{
  color: #FD9200 !important;
}

.light2-orange{
  color: #FF9200 !important;
}

.pay-fail-rr-mob .pay-success-rr>span{
color: #090909 !important;
}

@media only screen and (max-width:769px){


.child1-rr{
  display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em !important;
    flex-direction: column;
    margin-bottom: 1em !important;
}


.parent-pay-success-rr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 2em 0 !important;
}


.processed-text-rr {
    text-align: center;
}

.child2-rr {
    display: flex;
    flex-direction: column;
    row-gap: 0.5em !important;
    justify-content: center;
    align-items: center;
}

.processed-text-rr>span {
    color: #090909;
    font-size: 20px !important;
    padding: -1em !important;
    font-weight: 700 !important;
}

.child3-rr {
    font-size: 0.9em !important;
}

.pay-reference-rr.pay-refer-bottom-space-rr-ar {
    width: 260px !important;
    text-align: center;
}


.email-note-rr {
    border: 1px solid #090909 !important;
    border-radius: 0.7em !important;
    background: rgba(95, 144, 206, 0.05) !important;
    padding: 1.5em !important;
    display: flex;
    gap: 1em !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}


.pay-reference-rr {
    color: #919191 !important;
    font-weight: 400 !important;
    font-size: 1em !important;
    margin-top: 1em !important;
    width: 161px;
}

.pay-reference-rr.pay-refer-bottom-space-rr {
    width: 140px;
    text-align: center;
}


  .pay-fail-rr-mob .image-tick-new-PaymentPagpay-fail-rr-mobe.fail-icon-mob{
  display: block !important;
}
.pay-fail-rr-mob .image-tick-new-PaymentPagpay-fail-rr-mobe.fail-icon-desk{
  display: none !important;
}
  .pay-fail-rr-mob{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 23px;
    padding: 1em;
}


.pay-fail-rr-mob .pay-success-rr>span{
color: #262D55 !important;
  font-size: 32px !important;
  line-height: 36.8px;
  margin: 0;
}


.pay-fail-rr-mob .pay-fail-note{
  width: 18em;
  margin: 0;
}

.pay-fail-rr-mob .pay-fail-note>span{
      font-size: 18px;
    line-height: 24.84px;
    font-weight: 400;
    color: #000;
}

.pay-fail-rr-mob .image-tick-new-PaymentPagpay-fail-rr-mobe{
  width: 51.5px;
  height: 51.5px;
}

.paymentSuccessful-NewPayment.pay-success-rr>span {
    line-height: 103.49px !important;
    /* letter-spacing: 0.01em !important; */
    font-size: 1.1em !important;
}
}

.response-modal-content .CompanyReportMsg-title {
  color: #000000 !important;
  font-family: Roboto !important;
  font-weight: 600 !important;
  line-height: 62.61px !important;
  font-size: 54.45px !important;
  letter-spacing: normal;
}

.CompanyReportMsg-subhead {
  font-family: Roboto !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #000000 !important;
}

.CompanyReportMsg-list-box {
  padding-bottom: 10px;
  padding-top: 10px;
  margin-left: -3%;
}

.CompanyReportMsg-list-item {
  color: #585858 !important;
  font-family: Roboto !important;
  font-size: 13px !important;
  line-height: 20px;
}

.ar .response-modal-content .CompanyReportMsg-title span {
  color: #000000 !important;
  font-weight: 400 !important;
  font-size: 30px !important;
}

.ar .CompanyReportMsg-subhead {
  font-family: "DroidArabicKufiRegular";
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #000000 !important;
}

.ar .CompanyReportMsg-list-box {
  padding-bottom: 10px;
  padding-top: 10px;
  margin-left: -3%;
}

.ar .CompanyReportMsg-list-item {
  color: #585858 !important;
  font-family: "DroidArabicKufiRegular";
  font-size: 13px !important;
  line-height: 20px;
}

.payment-loader-process {
  text-align: center;
  color: #000000;
  font-weight: 700;
  font-size: 15px;
  margin-top: 10px;
}

.payment-loader-text {
  margin-top: 15px;
  color: #585858;
  font-family: 'Roboto';
  font-size: 12px;
}

.payment-loader-img {
  text-align: center;
}

.ar .payment-loader-text {
  font-family: "DroidArabicKufiRegular";
}


@media only screen and (max-width: 767px) {
/*@media only screen and (max-width: 1304px) {*/

.GoToAecbWebistePaymentSuccessCSS>span, .GoToAecbWebistePaymentSuccessCSS>i::before {
    font-size: 12.5px !important;
    font-weight: 400 !important;
}  

.ui.button.primary.GoToAecbWebistePaymentSuccessCSS {
    width: 12em !important;
    height: 3.2em !important;
    }

  .payment-loader.response-modal {
    max-width: 275px !important;
    position: absolute;
    left: 61%;
  }

  .ar .payment-loader.response-modal {
    position: absolute !important;
    right: 60% !important;
  }

  .response-modal-content .CompanyReportMsg-title {
    text-align: center;
  }

  .ar .response-modal-content .CompanyReportMsg-title {
    text-align: unset;
  }
}

@media only screen and (min-width: 300px) and (max-width: 390px) {

.pay-reference-rr.pay-refer-bottom-space-rr.pay-refer-bottom-space-rr-ar{
      display: flex !important;
    flex-direction: column !important;
}


}

.imgTextRR{
      display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    /*display: flex;*/
    /*align-items: flex-end;*/
    font-size: 1.1em !important;
        /*justify-content: center;*/
        gap: 1em !important;
        
            margin-top: 10px !important;
}

.imgTextRR>.notes3{
      color: #090909 !important;
    font-weight: 500 !important;
    font-size: 18.2px !important;
    line-height: 1.5 !important;
}

/*.imgTextRR>.notes3>span:nth-of-type(2){
      font-weight: 900 !important;
}*/

.imgTextRR>.notes3>span:nth-of-type(4){
      /*direction: rtl !important;*/
}

.borderRight>.ui.bulleted.list.listItemsCs>.item.firstListItem::before{
line-height: 2 !important;
}

.borderRight>.ui.bulleted.list.listItemsCs>.item::before{
  line-height: 2 !important;
}

.imgTextRR>span{
      color: #252E59 !important;
    font-weight: 700 !important;
    font-size: 18.2px !important;
}

.imgTextRR>.imageLinkAnsari{
      cursor: pointer;
    display: flex;
    align-items: end;
    text-decoration: underline;
}

@media only screen and (max-width: 769px){
.new-text-rr {
    font-size: 0.9em !important;
}

.imgTextRR{
    display: flex;
    align-items: flex-start;
    font-size: 1.1em !important;
        justify-content: flex-start;
        cursor: pointer;
            margin-top: 10px !important;
}

}

.parent-pay-success-rr>.map{
      margin-top: 1em !important;
      display: flex !important;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    column-gap: 2em;
    width: 100% !important;
}

.imgRR{
  height: 2.5em !important;
}

.linkRR{
  color: #090909 !important ;
  font-weight: 500 !important;
}



.new-text-rr-ar{
  display: flex !important;
    flex-direction: column;
}

@media only screen and (min-width: 769px){
  .ar .parent-pay-success-rr>.map {
    padding-left: 25%;
  }
}
.arabicBizError>span{
  direction: ltr !important;
}

.logo-item img.ui.image {
  /* height: 60%; */
  width: 60%;
}


.footer i.facebook.f.icon{
/* .icon-facebook:before { */
    /* content: "\6a" */
    content: "" !important;
    background-image: url(../img/fb.png);
    background-size: contain;
    height: 1em;
    width: 1em;
    display: flex;
    background-repeat: no-repeat;
    background-position: 3px 0px;
    align-content: centre;
    justify-content: centre;
    align-items: centre;
    flex-wrap: wrap;
}
 
 i.icon.facebook.f:before{
     content: "" !important;
 }

.footer i.instagram.icon{
    /* content: "\6b"*/
    content: "" !important;
    background-image: url(../img/insta.png);
    background-size: contain;
    height: 1.2em;
    width: 1.2em;
    display: flex;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    align-content: centre;
    justify-content: centre;
    align-items: centre;
    flex-wrap: wrap;
}
 
 i.icon.instagram:before{
     content: "" !important;
 }

.footer i.twitter.icon{
    /* content: "\6c" */
    content: "" !important;
    background-image: url(../img/x-twitter.png);
    background-size: contain;
    height: 1em;
    width: 1em;
    display: flex;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    align-content: centre;
    justify-content: centre;
    align-items: centre;
    flex-wrap: wrap;
}
 
 i.icon.twitter:before{
     content: "" !important;
 }



.footer i.youtube.icon{
    /* content: "\6d" */
    content: "" !important;
    background-image: url(../img/linkedin-ico.png);
    background-size: contain;
    height: 1em;
    width: 1em;
    display: flex;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    align-content: centre;
    justify-content: centre;
    align-items: centre;
    flex-wrap: wrap;
}

i.icon.youtube:before{
     content: "" !important;
 }


.sendOtpCsCssEnable>span{
  color: rgb(250, 168, 36) !important;
  text-decoration: underline !important;
  cursor: pointer !important; 
  
}

.sendOtpCsCss>span{
color: #aaa !important;
    cursor: default !important;
      text-decoration: underline !important;
}

.sendOTPBoxCss{
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

.ui.middle.aligned.equal.width.grid.usernameGrid.captchaBeforeProceedCSS{
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.eleven.wide.column.userNamePopop.captchaBeforeProceedCSs{
  width: 100% !important;
}

.dropdown#requestReportIA{
    height: 43px !important;
    background: #FFFFFF !important;
    border: 1px solid #090909 !important;
    -webkit-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    border-radius: 10px !important;
    display: flex;
    align-items: center;
    /* width: 35% !important; */
    width: 100% !important;

    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
}



.segmentUpload{
    width: 100%;
    height: 45px;
    border-radius: 8px;
    /* background-color: #F5F5F5; */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 13px;
}


.poa_supportingdocs{
      margin-top: 20px !important;
}


.partnerOfficialDiv{
      display: flex;
    flex-direction: row;
    width: auto;
    margin-left: 70px;
}

.borderRight{
    /*  border-right: 4px solid #778dd3 !important;
      width: 50% !important;*/
}

.borderLeft{
  width: 50% !important;
  margin-left: 1em !important;
}

.textStyle{
  font-size: 1.3em !important;
   color: black !important;
}

.linkUnderLine{
      text-decoration: underline;
          color: black !important;
}

a:hover{
text-decoration: underline;
}

.lastNoteStyle{
  font-size: 1.3em !important;
   color: black !important;
}

.bottomNote{
  margin-top: 1em !important;
  margin-bottom: 1em !important;
      width: 100% !important;
}

.listItemsCs span{
 color: #090909 !important;
 /* color: #252E59 !important; */
    font-weight: 500 !important;
    font-size: 18.2px !important;
    line-height: 1.5 !important;
} 

.processed-rs-text-rr>span{
    color: #76a1e8;
    /* font-family: 'Roboto'; */
    padding: -1em !important;
    font-size: 40px;
    font-weight: 900 !important;
}

/*.pay-reference-rr>span{
      font-size: 30px !important;
    color: #000000 !important;
}*/

/*.GoToAecbWebistePaymentSuccessCSS{
   border: 1.5px solid black !important;
}

.GoToAecbWebistePaymentSuccessCSS-ar{
   border: 1.5px solid black !important;
}*/


.borderRight_AR{
  border-left: 4px solid #778dd3 !important;
    margin-left: 1em !important;
    
}


.dropdown#requestReportIA{
  /*height: auto !important;*/
      display: flex;
    justify-content: space-between;
}


div#requestReportIA>.visible.menu.transition>.item:first-child{
  display: none !important;
}

.emiratesIDRR{
      display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 0em !important;
}

div#requestReportIA>i.dropdown.icon{
    padding: 0px !important;
    margin-right: 1em;
    margin-top: 0.2em

}

@media (max-width:566px){
/*@media (max-width:1304px){*/

  .column.emiratesId.eid_mob_rr>.ui.input>input , .column.emiratesId.eid_mob_rr>.ui.input.align-input-center>input{
  height : 43px !important;
}


  .Navigation.navRRMob{
    gap: 3px !important;
  }

  .NavigationInfo.navInfoRRMob{
    width: 100% !important;
  }

  .mobRowAdjustment{
    display: flex;
    gap: 10px;
  }

  .field.emiratesIDRR {
    gap: 0px !important;
}


  
  .dropdown#requestReportIA{
    padding: 9.5px 14px;
    height: 43px !important;
  }
    .partnerOfficialDiv{
        display: flex;
    flex-direction: column;
    gap: 1em !important;
  }

  .borderRight{
    border-right: 0px !important;
    width: 100% !important;
  }

.borderRight_AR{
  border-left: 0px !important;
    margin-left: 0em !important;
    width: 100% !important;
}


  .borderLeft{
    width: 100% !important;
    margin-left: 0em !important;
  }

  .processed-rs-text-rr>span{
      color: #000000;
    /* font-family: 'Roboto'; */
    padding: -1em !important;
    font-size: 30px;
    font-weight: 900 !important;  
  }
  .child1-rr {
   display: flex;
    flex-direction: row;
    width: 100% !important;
    font-size: 20px;
            justify-content: flex-start !important;
        gap: 0.5em !important;
        margin-bottom: 1em !important;
}

.processed-rs-text-rr{
  width: 100% !important;
}
    .processed-rs-text-rr>span {
        color: #000000;
        /* font-family: 'Roboto'; */
        padding: -1em !important;
       font-size: 23px;
        font-weight: 900 !important;
        }

        .pay-reference-rr{
          margin-top: -0.5em !important;
          width: 100% !important;
        }

 .pay-reference-rr>span {
  font-size: 22px !important;
    color: #000000 !important;
    font-weight: 900 !important;
}
/*.hold-img-rr{
  display: none !important;
}*/
.child3-rr {
    margin: 0em 0em 1em !important;
}

.mobileButton{
      width: 100% !important;
}
button.ui.primary.button.GoToAecbWebistePaymentSuccessCSS{
  display: flex !important;
    justify-content: center;
  width: 100% !important;
}

.ui.bulleted.list.listItemsCs{
  display: flex;
    flex-direction: column;
    justify-content: center;
    /*align-items: center;*/
    padding-left: 4em !important;
}

.ui.bulleted.list.listItemsCs.mobListView{
  display: block !important;
  padding-left: 0em !important;
}

img.ui.image.hold-img-rr {
    width: 3em !important;
    height: 3em !important;
}

.field.emiratesIDRR>.row>.column.emiratesId.eid_mob_rr{
  padding: 0px !important;
}


}


@media only screen and (min-width:567px) and  (max-width:768px) {
/*@media only screen and (min-width:567px) and  (max-width:1304px) {*/




  .Navigation.navRRMob{
    gap: 3px !important;
  }

  .NavigationInfo.navInfoRRMob{
    width: 100% !important;
  }

  .mobRowAdjustment{
    display: flex;
    gap: 10px;
  }

  .field.emiratesIDRR {
    gap: 0px !important;
}


  
  .dropdown#requestReportIA{
    padding: 9.5px 14px;
    height: 43px !important;
  }
    .partnerOfficialDiv{
        display: flex;
    flex-direction: column;
    gap: 1em !important;
  }

  .borderRight{
    border-right: 0px !important;
    width: 100% !important;
  }

.borderRight_AR{
  border-left: 0px !important;
    margin-left: 0em !important;
    width: 100% !important;
}


  .borderLeft{
    width: 100% !important;
    margin-left: 0em !important;
  }

  .processed-rs-text-rr>span{
      color: #000000;
    /* font-family: 'Roboto'; */
    padding: -1em !important;
    font-size: 30px;
    font-weight: 900 !important;  
  }
  .child1-rr {
   display: flex;
    flex-direction: row;
    width: 100% !important;
    font-size: 20px;
            justify-content: flex-start !important;
        gap: 0.5em !important;
        margin-bottom: 1em !important;
}

.processed-rs-text-rr{
  width: 100% !important;
}
    .processed-rs-text-rr>span {
        color: #000000;
        /* font-family: 'Roboto'; */
        padding: -1em !important;
       font-size: 23px;
        font-weight: 900 !important;
        }

        .pay-reference-rr{
          margin-top: -0.5em !important;
          width: 100% !important;
        }

 .pay-reference-rr>span {
  font-size: 22px !important;
    color: #000000 !important;
    font-weight: 900 !important;
}
/*.hold-img-rr{
  display: none !important;
}*/
.child3-rr {
    margin: 0em 0em 1em !important;
}

.mobileButton{
      width: 100% !important;
}
button.ui.primary.button.GoToAecbWebistePaymentSuccessCSS{
  display: flex !important;
    justify-content: center;
  width: 100% !important;
}

.ui.bulleted.list.listItemsCs{
  display: flex;
    flex-direction: column;
    justify-content: center;
    /*align-items: center;*/
    padding-left: 4em !important;
}

.ui.bulleted.list.listItemsCs.mobListView{
  display: block !important;
  padding-left: 0em !important;
}

img.ui.image.hold-img-rr {
    width: 3em !important;
    height: 3em !important;
}

.field.emiratesIDRR>.row>.column.emiratesId.eid_mob_rr{
  padding: 0px !important;
}

}

@media only screen and (min-width:769px) and  (max-width:1199px) {

/*@media (min-width:991px){*/

  .Navigation.navRRMob{
    gap: 3px !important;
  }

  .NavigationInfo.navInfoRRMob{
    width: 100% !important;
  }

  .mobRowAdjustment{
    display: flex;
    gap: 10px;
  }

  .field.emiratesIDRR {
    gap: 0px !important;
}


  
  .dropdown#requestReportIA{
    padding: 9.5px 14px;
    height: 43px !important;
  }
    .partnerOfficialDiv{
        display: flex;
    flex-direction: column;
    gap: 1em !important;
  }

  .borderRight{
    border-right: 0px !important;
    width: 100% !important;
  }

.borderRight_AR{
  border-left: 0px !important;
    margin-left: 0em !important;
    width: 100% !important;
}


  .borderLeft{
    width: 100% !important;
    margin-left: 0em !important;
  }

  .processed-rs-text-rr>span{
      color: #000000;
    /* font-family: 'Roboto'; */
    padding: -1em !important;
    font-size: 30px;
    font-weight: 900 !important;  
  }
  .child1-rr {
   display: flex;
    flex-direction: row;
    width: 100% !important;
    font-size: 20px;
            justify-content: flex-start !important;
        gap: 0.5em !important;
        margin-bottom: 1em !important;
}

.processed-rs-text-rr{
  width: 100% !important;
}
    .processed-rs-text-rr>span {
        color: #000000;
        /* font-family: 'Roboto'; */
        padding: -1em !important;
       font-size: 23px;
        font-weight: 900 !important;
        }

        .pay-reference-rr{
          margin-top: -0.5em !important;
          width: 100% !important;
        }

 .pay-reference-rr>span {
  font-size: 22px !important;
    color: #000000 !important;
    font-weight: 900 !important;
}
/*.hold-img-rr{
  display: none !important;
}*/
.child3-rr {
    margin: 0em 0em 1em !important;
}

.mobileButton{
      width: 100% !important;
}
button.ui.primary.button.GoToAecbWebistePaymentSuccessCSS{
  display: flex !important;
    justify-content: center;
  width: 100% !important;
}

.ui.bulleted.list.listItemsCs{
  display: flex;
    flex-direction: column;
    justify-content: center;
    /*align-items: center;*/
    padding-left: 4em !important;
}

.ui.bulleted.list.listItemsCs.mobListView{
  display: block !important;
  padding-left: 0em !important;
}

img.ui.image.hold-img-rr {
    width: 3em !important;
    height: 3em !important;
}

.field.emiratesIDRR>.row>.column.emiratesId.eid_mob_rr{
  padding: 0px !important;
}



  
  .dropdown#requestReportIA{
    padding: 9.5px 14px;
    height: 43px !important;
  }
    .partnerOfficialDiv{
        display: flex;
    flex-direction: column;
    gap: 1em !important;
  }

  .borderRight{
    border-right: 0px !important;
    width: 100% !important;
  }

.borderRight_AR{
  border-left: 0px !important;
    margin-left: 0em !important;
    width: 100% !important;
}


  .borderLeft{
    width: 100% !important;
    margin-left: 0em !important;
  }

  .processed-rs-text-rr>span{
      color: #000000;
    /* font-family: 'Roboto'; */
    padding: -1em !important;
    font-size: 30px;
    font-weight: 900 !important;  
  }
  .child1-rr {
   display: flex;
    flex-direction: row;
    width: 100% !important;
    font-size: 20px;
            justify-content: flex-start !important;
        gap: 0.5em !important;
}

.processed-rs-text-rr{
  width: 100% !important;
}
    .processed-rs-text-rr>span {
        color: #000000;
        /* font-family: 'Roboto'; */
        padding: -1em !important;
       font-size: 23px;
        font-weight: 900 !important;
        }

        .pay-reference-rr{
          margin-top: -0.5em !important;
          width: 100% !important;
        }

 .pay-reference-rr>span {
  font-size: 22px !important;
    color: #000000 !important;
    font-weight: 900 !important;
}
/*.hold-img-rr{
  display: none !important;
}*/
.child3-rr {
    margin: 0em 0em 1em !important;
}

.mobileButton{
      width: 100% !important;
}
button.ui.primary.button.GoToAecbWebistePaymentSuccessCSS{
  display: flex !important;
    justify-content: center;
  width: 100% !important;
}

.ui.bulleted.list.listItemsCs{
  display: flex;
    flex-direction: column;
    justify-content: center;
    /*align-items: center;*/
    padding-left: 4em !important;
}

.ui.bulleted.list.listItemsCs.mobListView{
  display: block !important;
  padding-left: 0em !important;
}

img.ui.image.hold-img-rr {
    width: 3em !important;
    height: 3em !important;
}

}

.newrequestreportaaenote{
  font-weight: 600 !important;
      margin-top: 0.5em !important;
}




.field.emiratesIDRR>.creditReportLabel{
      width: auto !important;
    /*height: 43px;*/
}

.row.lastRowUserInfo{
      display: flex !important;
    align-items: inherit !important;
    justify-content: inherit; !important;
}

.dropdown#requestReportLangIA {
    height: 43px !important;
    display: flex;
    justify-content: space-between;
        background: #FFFFFF !important;
    border: 1px solid #090909 !important;
    border-radius: 10px !important;
        align-items: center !important;
}

#requestReportLangIA.ui.selection.dropdown > .dropdown.icon {
    /* top: 0.2rem !important; */
    top: 10% !important;
}

.imgTextRR>a.linkRR>span{
  text-decoration: underline;
}


.parent-pay-success-rr>.mobileButton{
      margin-top: 30px !important;
      display: flex;
    width: 100% !important;
    justify-content: space-between;

}

.firstListItem{
      display: flex !important;
    flex-direction: column;
}


.firstListItem>.boldFirstItem span:first-of-type{
  font-weight: 900;
}


/*.pay-reference-rr>span{
  color : #F39700 !important
}*/

.boldFirstItem span:first-child{
   color : #FFCF23 !important;
   font-weight: 500 !important;
}


.item.firstListItem>span.organeTextArabic>span{
    color: #FFCF23 !important;
    font-weight: 500 !important;
    font-size: 18.2px !important;
}

/* mobile view */

@media (max-width:1199px){
  .bottomNote{
    width: 100% !important;
  }

  .partnerOfficialDiv{
    margin-left: -35px !important;
  }

      img.ui.image.hold-img-rr {
        width: 3em !important;
        height: 3em !important;
    }

    .pay-reference-rr{
              margin-top: -0.5em !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column;
    }
}



.inputHt{
  height: 43px !important;
}
div#requestReportIA{
    height: 43px !important;
}

.item.firstListItem{
  line-height: 1.5em !important;
}


.uploadDescription.sc-hqyNC.hSVoCR{
  font-size: 14px !important;
}



.sendOtpCsCssEnable>span{
  color: #FFCF23 !important;
  text-decoration: underline !important;
  cursor: pointer !important; 
  
}

.sendOtpCsCss>span{
color: #aaa !important;
    cursor: default !important;
      text-decoration: underline !important;
}

.sendOTPBoxCss{
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

.ui.middle.aligned.equal.width.grid.usernameGrid.captchaBeforeProceedCSS{
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.eleven.wide.column.userNamePopop.captchaBeforeProceedCSs{
  width: 100% !important;
}


a.left.item.logo-item{
  z-index: 1;
}


.item.logo-item {
  width: 30%;
    height: 30%;
}


@font-face{
  font-family: 'ECB';
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff2') format('woff2');
  src: url('./assets/fonts/Etihad Bureau Favorit Arabic App Fix/Etihad Bureau Favorit Arabic/EtihadBureauFavoritArabic-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.signupText>span{
  color: #FFCF23 !important;
}

span.sc-uJMKN.eVZQqm{
  color: #FFCF23 !important;
}

.eight.wide.computer.sixteen.wide.mobile.eight.wide.tablet.column.product>div{
  background: white !important;
  border: 1px solid #090909;
}


.onlyProductsShow{
  display: flex;
}




img.ui.image.menuLogoutImg{
  transform: rotate(180deg);
}

.lang-item label>span.textUserNameArabic{

  color: #FFCF23 !important;
  }


  .field.register-right-column-field.tradeLicense>label.sc-kgAjT.kWPoIh>span{
    font-size: 13px !important;
  }


@media (max-width:767px) {
  .item.logo-item{
    width: 100% !important; 
    height: 100% !important;
  }

}

.checkoutBtnPaymentCs:hover {
  background: #F39700;
  cursor: pointer;
}

.btnPaymentCsDiv:hover{
  background: #F39700;
}

.btnPaymentCsDiv2:hover{
  background: #F39700;
}

.getYourScoreBtn:hover{
  background: #F39700;
}

.csGetScore:hover{
  background: #F39700;
}

.contactUsImgResize{
  height: 21px;
  width: 21px;
}

.filterResetBtn:hover{
  background: #F39700;
}

.ar .csLogoutImg {
  rotate: 180deg;
}

.nstitle{
      margin: 1em 0em 1em 0em !important
}


img.ui.image.ns-hold-img-rr{
  width: 7em !important;
}


@media (min-width:992px) {
  img.ui.image.ns-hold-img-rr{
    width: 50px !important;
    height: 50px !important;
  }
}

@media (max-width:769px){
  button.ui.primary.button.GoToAecbWebistePaymentSuccessCSS-ar>span{
    font-weight: 500 !important;
    font-size: 8px !important;
  }

  .parent-pay-success-rr>.mobileButton{
    flex-direction: column;
    gap: 1em !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 1170px) {
  /* Your styles for all iPhones */
  .radioLableCss{
    display: flex;
    align-items: center;
    gap: 1em !important;
    margin: 1em !important;
    
  }
}

div#radioBoxDivId_edirham{
  opacity: 0.37 !important;
  cursor: not-allowed;
}

.radioDiv-eDirhamCs.radioDiv-creditsCs.ui{
   opacity: 0.37 !important;
   cursor: not-allowed;
}

img.ui.image.creditDebitVisaGpayImageCss_CS.edihram_img_CS{
     opacity: 0.37 !important;
}


input#radio-creditCsedirham{
     opacity: 0.37 !important;
   cursor: not-allowed;
}