@font-face {
    font-family: 'DirectFont';
    src: url('../fonts/DirectFont-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'DirectFont';
    src: url('../fonts/DirectFont-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}
  
  
  
  body, .countryTab .item a{direction:rtl;}
  
  body, h1, h2, h3, h4, h5, h6, .countryTab .item a, .innerpages ul li a, .innerpages .toplinks ul li a, #content-sec  .statusList .applicationDetails button{font-family: 'Inter','DirectFont' !important; }
  
  /*Direction LTR*/
  #dest, .countryTabcover, .loginRegForm .fields, .loginRegForm .btnsubmit{direction:ltr;}
  
  
  
  
  /*Float Left*/
  .menus, .innerpages footer .call, .innerpages footer small, #chooseAppointmentLocation label::after, .TrallerTab ul li.active a::after, .formfield .fileupload .btn, .modal .modal-footer .btn-default, .modal-header .close{float:left;}
  
  /*Float None*/
  
  
  
  /*Float Right*/
  nav ul li, .innerpages .toplinks ul li, .innerpages footer ul li, .innerpages footer .social a, #Traveldatepicker .ui-datepicker .ui-datepicker-title{float:right;}
  
  .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{float:right;}
  
  
  
  /*Flip image*/
 .call a img, .phone-email span .fa, #Traveldatepicker .ui-datepicker .ui-datepicker-prev, #Traveldatepicker .ui-datepicker .ui-datepicker-next, .TrallerTab ul li.active a::after, .quest .fa, .TrallerTab ul li.active button:after, #adresses .ui-accordion-header:after{
          -moz-transform: scaleX(-1);
          -o-transform: scaleX(-1);
          -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
          filter: FlipH;
          -ms-filter: "FlipH";
  }
  
  

  
  .toplinks{float:left;}
  .toplinks ul li{ border:0;  border-left:2px solid #fff; float:right;}
  .innerpages .toplinks ul li{ border-left:2px solid #1a1a1a; border-right:0;}
  
  .toplinks ul li:last-child a, .innerpages .toplinks ul li:last-child a{padding-left:0; padding-right:15px;}
  
  
  
  
  .requirementList ul li .inforTxt .fa{margin:0 10px;}

  
  #content-sec p{font-size:18px;}
  
  .phone-email .phone{border:0; border-left:1px solid #ccc; text-align:left;}
  #Traveldatepicker .ui-datepicker .ui-datepicker-prev{left:100px; right:inherit;}
  #Traveldatepicker .ui-datepicker .ui-datepicker-next{left:0; right:inherit;}
  
  #chooseAppointmentLocation label{text-align:right;}
  #passengerNo .list [class*="col-"]{border:0; border-left:1px solid #ccc;}
  
  #passengerNo .list .ui-spinner-button.ui-spinner-up{left:0; right:inherit;}
  #typesofRelation select.classic{background-position:97% center;}
  
  .loginwithTab span{margin-right:0; margin-left:20px; float:right;}
  
  .loginwithTab ul{float:right;}
  
  .loginwithTab ul li a{width:auto;}
  
  .loginRegForm .fields{direction:rtl; text-align:center;}
  
  .loginRegForm .fields.ltrleft{ text-align:center; direction:rtl;}
  
  .TrallerTab ul li a{overflow:hidden; line-height:42px;}
  .TrallerTab ul li a::before{float:right; margin-left:10px;}
  
  .TrallerTab ul li button{ text-align:right;}
  .TrallerTab ul li button:before{margin-left:10px;}
  
  .Stepsinside{float:left;}
  .Stepsinside ul li{float:right; margin-right:inherit; margin-left:30px;}
  
  .formfield label{left:inherit; right:0; border:0; border-left:1px solid #ccc;}
  .formfield .input{padding-left:10px; padding-right:160px;}
  .formfield.full .input{ padding-left:inherit; padding-right:250px;}
  .selectboxField select.classic{background-position:15px center;}
  
  .formfield.full .fileupload-preview{ padding-left:inherit; padding-right:260px;}
  
  .PaymentOptions .list{float:left;}
  
  .requirementList ul li .title{border-right:0; border-left:1px solid #ccc}
  .requirementList ul li .title span:before{display:none;}
  .requirementList ul li .title span:after{content:"\f0d9";	font-family:FontAwesome; margin-left:10px; font-size:18px; float:right;  line-height:25px; position:absolute; right:15px; color:#ff8001;}
  
  
  
  .searchbox input.field{background-position:99% center; padding:0 100px;}
  .searchbox input.btn{right:inherit; left:10px; background-color: #fc8004;}
  .searchbox input.field:focus + input.btn{background:#111;}

  .quest{margin-left:10px; float:left;}
  
  .countryTab .item img{ float:right; margin:0; margin-left:10px;}
  .countryTab .item:after{ left:inherit; right:25px;}
  .overlaytxt h4{ font-size:28px;}
  
  .stepsCover .step{ padding:0 8px; border:0; border-left:1px solid #ccc; float:right !important;}
  .stepsCover .step strong{font-weight:bold;}
  .stepsCover .step span{padding:3px 8px; }
  
  
  .travellerinfoForm h5{font-size:22px;}
  
  .social a{line-height:55px;}
  
  .box-title img{margin-left:10px; margin-right:0;}
  .statusList li img{margin-right:0; margin-left:15px;}
  .otherStatus .box-title h3 span{margin-left:10px; line-height:55px;}
  #VisaStatusAccordion .list .code{border:0; border-left:1px solid #ccc;}
  .downloadCopy, .ui-state-default a.downloadCopy{float:left;}
  
  
  #content-sec.dashBoard-page .nav ul{float:none;}
  
  #content-sec  .statusList .applicationDetails button:before{ margin:0; margin-left:5px;}
  
  .btn-file{overflow:inherit;}
  #myModalAppointment .form-horizontal .control-label{float:right;}
  
  .ui-datepicker-rtl.ui-datepicker{width: 20%;}
  
  .innerpages .input-group-addon:first-child {border-right: 1px solid #ccc;border-left: none;}
  
  .requirements-modal i.info {top: 4px;margin-right: 0px;margin-left: 8px;}
  .requirements-modal li a{left: 10px;right: auto;}
  .modal-header .close{}
  .modal-header h6 { float: right !important;}
  
  #travellerInfoForm {
      padding: 60px 0;
      width: auto;
      direction: rtl !important;
      
  }
  
  footer {
      direction: rtl !important;
  }
  
  head {
      direction: rtl !important;
  }
  
  .intro {
      direction: rtl !important;
  }
  
  #video-sec {
  
      direction: rtl !important;
  }
  
  .stepsCover {
      direction: rtl !important;
  }
  
  
  
  select#country_year {
      direction: rtl;
  }
  
  input#country_name {
      padding: 10px !important;
      direction: rtl;
  }
  
  p#add_country_error {
      direction: rtl;
  }
  
  .country {
      direction: rtl;
      padding: 10px !important;
  }
  .year {
      direction: rtl;
      padding: 10px !important;
  }
  
  .model-label {
      float: right !important;
  }

  #content-sec.visaRequest-page.review-page .review-step h4 {
    font-size: 17px;
    text-align: right;
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: black;
}

#content-sec.visaRequest-page.review-page .review-step .formfieldcover span.formValue:before {
    content: "\f0d9";
    cursor: pointer;
    font-family: FontAwesome;
    margin-left: 10px;
    float: right;
}

#content-sec.visaRequest-page.review-page .review-step .formfieldcover span.formLabel {
    margin-bottom: 10px;
    color: #fc8004;
}

div.totalCost {
    background: #f1f1f1;
    border-radius: 21px;
    margin: 10px !important;
}

#content-sec .statusList .applicationDetails {
    border-left: 0 !important;
    border-right: 1px #ccc solid !important;
    padding-right: 12px !important;
}

.faqList{background:rgba(255, 255, 255, 0.95);padding:15px 30px 60px;direction:rtl;}
.faqList ul{list-style:none;}
.faqList > ul li{overflow:hidden;font-size:16px;border-bottom:1px solid #ccc;padding:30px;}
.faqList > ul li span{display:block;}
.faqList > ul li .title{border-right:1px solid #ccc;font-family:'Inter','DirectFont';}
.faqList > ul li strong{font-family:'Inter','DirectFont';font-size:20px;font-weight:normal;}
.faqCategory.ui-accordion > h3.ui-accordion-header{font-family:'Inter','DirectFont';color:#666;font-weight:normal;font-size:22px;padding:20px 0px;background:none;border:0;position:relative;border-bottom:1px solid #ccc;}
.faqCategory.ui-accordion > h3.ui-accordion-header.ui-accordion-header-active{border:0;color:#fc8004;}
.faqCategory.ui-accordion > h3.ui-accordion-header:before{content:"\f104";cursor:pointer;font-family:FontAwesome;margin-right:5px;font-size:20px;display:inline-block;width:30px;text-align:center;transform: rotate( 
    0deg
     );}
.faqCategory.ui-accordion > h3.ui-accordion-header.ui-accordion-header-active:before{content:"\f107";cursor:pointer;font-family:FontAwesome;}
.faqCategory h3:last-child{border:0;}
.faqCategory.ui-accordion .ui-accordion-content{border:0;background:none;}
.faqSubCategory.ui-accordion > h3.ui-accordion-header{font-family:'Inter','DirectFont';color:#000;font-weight:normal;font-size:16px;background:none;border:0;padding:5px;line-height:28px;display:flex;}
.faqSubCategory.ui-accordion > h3.ui-accordion-header.ui-accordion-header-active{color:#000;font-size:17px;}
.faqSubCategory.ui-accordion > h3.ui-accordion-header small{width:30px;height:33px;display:inline-block;border-radius:100px;text-align:center;line-height:28px;font-size:15px;color:#fff;background:#999;margin-right:-43px;float:right;position:absolute;}
.faqCategory.ui-accordion .ui-accordion-header-icon{display:none;}
.faqSubCategory.ui-accordion > h3.ui-accordion-header.ui-accordion-header-active small{background:#fc8004;}
.faqSubCategory.ui-accordion .ui-accordion-content{border:0;margin-left:20px;border-left:1px solid #fc8004;border-radius:0;}
#content-sec .faqSubCategory.ui-accordion .ui-accordion-content p{font-size:16px;line-height:20px;color:#666;line-height:28px;}
#content-sec .faqSubCategory.ui-accordion .ui-accordion-content ul{list-style:inside square;}
#content-sec .faqSubCategory.ui-accordion .ui-accordion-content ul li{line-height:22px;}
#content-sec.about-page p{text-align:right;}