.logo {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

.banner-area {
  height: calc(100vh - 62px);
}

.banner-area-two.three .banner-slider-item {
  height: calc(100vh - 62px);
}

.banner-2cols .col-lg-6 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 95px;
}

.work-area .work-content ul li {
  display: flex;
  align-items: center;
}

.about-area {
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
    url("../img/about/bg.png");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
}

.dream-area {
  background: linear-gradient(
      rgba(255, 255, 255, 0.95),
      rgba(255, 255, 255, 0.95)
    ),
    url("../img/how2.jpg");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
}

.feature-area {
  background-color: #0255b2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.feature-item.two {
  background-color: #ffffff;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.feature-item.two i {
  color: #0255b2;
}

.feature-item.two a {
  color: #0255b2;
}

.feature-item.two {
  text-align: center;
}

.feature-item.two .feature-btn {
  color: #0255b2;
  border: 1px solid #0255b2;
}

.feature-item span {
  font-size: 16px;
}

.feature-area .section-title h2 {
  color: white;
}

.service-icon {
  max-height: 40px;
  margin-bottom: 8px;
}

.faq-title {
  display: none;
}

.faq-area .faq-img img {
  /*background-image: url(../img/FAQs.svg);*/
  /*background-repeat: no-repeat;*/
  /*background-size: cover;*/
  /*background-position: center;*/
  width: 75%;
  height: 437px;
}

.faq-area .accordion p {
  background-color: #fffffffa;
  border-radius: 0 0 10px 10px;
  text-align: start;
}

.faq-area .accordion li a {
  background-color: #fffffffa;
  border-radius: 10px;
  text-align: start;
}

.faq-area .accordion li a.active {
  border-radius: 10px 10px 0 0;
}

.services-area .section-title h2 {
  padding: 0 15px;
}

.services-area .owl-next,
.services-area .owl-prev {
  background: #0255b2 !important;
  width: 40px;
  height: 40px;
  border-radius: 40px !important;
  font-size: x-large;
  color: white !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center;
}

.services-area .owl-nav {
  display: flex !important;
  justify-content: start;
}

.services-area .owl-next:hover,
.services-area .owl-prev:hover {
  background: #ffffff !important;
  color: #0255b2 !important;
}

.testimonial-area .testimonial-content p {
  font-weight: normal;
  font-size: 16px;
}

.testimonial-area .testimonial-content .quote {
  right: 32px;
}

.testimonial-area .owl-theme .owl-dots .owl-dot.active span {
  background: #0255b2;
}

.testimonial-area .testimonial-content {
  margin-top: 0;
}

.footer-item .footer-links ul li {
  border-bottom: 0px;
}

.custom-shape-divider .top {
  position: relative;
  display: block;
  width: 100%;
  height: 20px;
  margin-bottom: 80px;
}

.custom-shape-divider .bottom {
  position: relative;
  display: block;
  width: 100%;
  height: 20px;
  transform: rotateY(180deg);
}

.custom-shape-divider .shape-fill {
  fill: #ffffff;
}

.embassy-flag-container {
  display: flex;
  justify-content: center;
  margin-top: -50px;
  position: relative;
}

.embassy-flag {
  background-image: url(../img/midflag.jpg);
  background-size: cover;
  background-position: center;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  border: 5px solid white;
}

.services-list .feature-item.two {
  box-shadow: 0px 0px 6px 1px rgb(0 0 0 / 11%);
}

.tabs-btns-container {
  display: flex;
  justify-content: center;
}

.tab_container .clearfix:before,
.tab_container .clearfix:after {
  content: " ";
  display: table;
}

.tab_container .clearfix:after {
  clear: both;
}

.tab_container {
  margin: 0 auto;
  position: relative;
}

.tab_container .tab-input,
.tab_container section {
  clear: both;
  padding-top: 10px;
  display: none;
}

.tab_container section {
  padding-top: 53px !important;
}

.tab_container .tab-label {
  display: block;
  float: left;
  padding: 1.5em;
  color: #757575;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  background: #f0f0f0;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
  display: block;
  padding: 20px;
  background: #fff;
  color: #999;
}

.tab_container [id^="tab"]:checked + .tab-label {
  background: #ffffff;
  box-shadow: inset 0 3px #472a6c;
  color: #472a6c;
  font-weight: 900;
}

.tab_container label.checked {
  background: #ffffff;
  box-shadow: inset 0 3px #472a6c;
  color: #472a6c;
  font-weight: 900;
}

.tab_container [id^="tab"]:checked + .tab-label .fa {
  color: #0255b2;
}

.tab_container .tab-label .fa {
  font-size: 1.3em;
  margin: 0 0.4em 0 0;
}

#form-steps .tab_container .tab-label {
  width: 20%;
}

.form-box h4 {
  margin-bottom: 20px;
  margin-top: 30px;
  font-weight: 800;
  color: #ffffff;
  line-height: inherit;
  font-size: 16px;
  background-color: #472a6c;
  padding: 15px;
  border-radius: 4px;
  text-transform: inherit;
}

.form-box .form-group {
  position: relative;
}

.form-box h4:first-child {
  margin-top: 0;
}

.form-box .form-group label {
  font-weight: 800;
  color: #000;
  margin-bottom: 8px;
  display: block;
  font-size: 13px;
}

.form-box .form-ctrl {
  background-color: #f2f2f2;
  border: none;
  width: 100%;
  height: 60px;
  box-shadow: none;
  margin-bottom: 25px !important;
}

.form-box .container_chechout_radio input {
  width: 20px;
  height: 20px;
  margin: 0 10px;
}

.form-box .container_chechout_radio {
  display: flex !important;
  margin: 12px 3px;
}

.form-box .form-item {
  margin-bottom: 20px;
}

.form-box h5 {
  color: #0255b2;
  margin-bottom: 10px;
}

/* .form-box .form-group label.container_chechout {
    font-weight: 400;
    font-size: 12px;
    display: inline-block;
    margin-right: 20px;
}

.form-box .form-group_chechout>label {
    margin-bottom: 20px;
} */

.form-submit-btn {
  padding: 20px 90px;
}

.contact-area #contactForm h2 {
  font-size: 40px;
}

.contact-info-area .contact-info i {
  font-size: 50px;
}

/*** CUSTOM FILE INPUT STYE ***/
.wrap-custom-file {
  text-align: center;
  margin-bottom: 20px;
}

.wrap-custom-file input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 2px;
  overflow: hidden;
  opacity: 0;
}

.wrap-custom-file label {
  z-index: 1;
  width: 100%;
  height: 180px;
  overflow: hidden;
  padding: 0 0.5rem;
  cursor: pointer;
  background-color: #eeeeee;
  border-radius: 4px;
  transition: transform 0.4s;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  position: relative;
}

.wrap-custom-file label span {
  display: block;
  margin-top: 2rem;
  font-size: 1.4rem;
  color: #777;
  transition: color 0.4s;
}

.wrap-custom-file label .fa {
  color: #0255b2;
  transition: color 0.4s;
  font-size: 28px;
}

.wrap-custom-file label:hover {
  transform: translateY(-1rem);
}

.wrap-custom-file label:hover span,
.wrap-custom-file label:hover .fa {
  color: #472a6c;
}

.wrap-custom-file label.file-ok {
  background-size: cover;
  background-position: center;
}

.wrap-custom-file label.file-ok span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.3rem;
  font-size: 10px;
  color: #000;
  background-color: rgba(255, 255, 255, 0.7);
}

.wrap-custom-file label.file-ok .fa {
  display: none;
}

.faq-page-img img {
  width: 100% !important;
  border-radius: 25px 0px 25px 0;
}

.ltr .how-apply-item {
  text-align: left;
}

.language .nice-select li {
  background-repeat: no-repeat;
  background-size: 12%;
  background-position: 9px 11px;
  padding-left: 28px;
  margin-left: 0 !important;
}

.language .nice-select li:first-child {
  background-image: url(../img/en.svg);
}

.language .nice-select li:last-child {
  background-image: url(../img/ar.svg);
}

.user-guide-play .video-wrap {
  position: relative;
  -webkit-transform: inherit;
  transform: inherit;
  left: inherit;
  top: inherit;
  display: flex;
  align-items: center;
  margin-left: 30px;
}

.user-guide-play .video-wrap .js-modal-btn,
.user-guide-play .video-wrap .js-modal-btn::after,
.user-guide-play .video-wrap .js-modal-btn::before {
  width: 50px;
  height: 50px;
  font-size: inherit;
}

.user-guide-play .video-wrap .js-modal-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.user-guide-play .top h3 {
  text-align: center;
}

.footer-item .footer-links ul li {
  margin-bottom: 0;
  padding-bottom: 0;
}

.footer-area .copyright-area {
  margin-top: 20px;
}

.footer-area .copyright-area p {
  text-align: center !important;
}

.faqs-image {
  text-align: center !important;
}

@media only screen and (max-width: 767px) {
  .android_btn div,
  .ios_btn div {
    text-align: center !important;
  }
  .about-area .about-img {
    text-align: center !important;
  }

  .faq-area .faq-img {
    text-align: center !important;
  }

  .faq-area .faq-img img {
    width: 50%;
    height: 160px;
  }

  .section-title h2 {
    text-align: center !important;
  }

  .header-area .right {
    display: flex;
    justify-content: space-between;
  }

  .footer-logo ul {
    display: flex;
    justify-content: center;
  }

  .footer-item .footer-links ul li a,
  .footer-item h3 {
    text-align: center;
  }

  .footer-item .footer-links ul li a i {
    display: none;
  }

  .footer-contact ul {
    display: flex;
    justify-content: space-evenly;
  }

  .footer-item-contact {
    margin-bottom: 0 !important;
  }

  .contact-info-area .contact-info i {
    font-size: 30px;
  }

  .contact-info-area .contact-info span {
    font-size: 16px;
  }

  .footer-item .footer-links ul li {
    border-bottom: 1px solid #4f4b6b;
  }

  .faq-page-img img {
    display: none;
  }

  .wrap-custom-file label {
    height: 120px;
  }

  .contact-area #contactForm h2 {
    font-size: 30px;
  }

  .form-submit-btn {
    width: 100%;
    text-align: center;
  }

  #form-steps span {
    display: none;
  }

  .about-embassy .about-btn-area {
    display: none;
  }

  .tab_container .tab-label {
    padding: 18px 6px;
    width: 50%;
    font-size: 14px;
  }

  #form-steps .tab_container .tab-label {
    padding: 18px 6px;
    width: 20%;
    font-size: 14px;
  }

  .embassy-flag-container {
    margin-top: -35px;
  }

  .embassy-flag {
    width: 70px;
    height: 70px;
  }

  .page-title-area .title-item h2 {
    font-size: 25px;
  }

  .page-title-area {
    height: 230px;
  }

  .side-nav a {
    padding: 8px 10px;
    font-size: 12px;
  }

  .faq-title {
    display: block;
  }

  .tel-col {
    display: none;
  }

  .mean-container .mean-bar {
    background-color: #0255b2;
  }

  .banner-2cols .col-lg-6 {
    padding-top: 0;
  }

  .banner-area {
    padding-top: 0;
  }

  .feature-item .feature-btn {
    font-weight: 800;
    font-size: 16px;
  }

  .feature-item h3 {
    font-size: 16px;
  }

  .feature-item {
    padding: 20px;
    height: 185px;
  }

  .work-area .work-content ul li p {
    border-left: 5px solid #533376;
    padding-left: 10px;
    text-align: start;
    font-size: 16px;
  }

  .feature-item.two {
    min-height: 185px;
  }

  .navbar-area {
    border-top: 0px;
  }

  .mean-container a.meanmenu-reveal span {
    height: 1px;
    width: 100%;
  }

  .side-nav {
    top: 11px;
  }

  .mean-container a.meanmenu-reveal {
    padding: 18px 15px 0 0;
  }

  .mobile-nav .logo img {
    min-width: 75px;
  }

  .services-area .owl-theme .owl-nav {
    justify-content: center;
  }
}

.loader {
  position: absolute;
  transform: translate(-50%, -50%);
  border: 3px solid transparent;
  border-top: 3px solid #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 0.7s linear infinite;
  display: inline;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loader-lg {
  width: 40px;
  height: 40px;
}

.loader-md {
  width: 30px;
  height: 30px;
}

.loader-xs {
  width: 27px;
  height: 27px;
}

.loader-sm {
  width: 20px;
  height: 20px;
}

.loader-center {
  margin-top: -12px;
  margin-right: -15px;
}

.webkit-animation {
  animation: loader 3s infinite ease-in-out;
  -webkit-animation: loader 3s infinite ease-in-out;
}

.webkit-animation ul li:before {
  display: none !important;
}

.webkit-pad5 {
  padding: 5px !important;
}

.webkit-mr-1 {
  margin-right: 1rem !important;
}

.webkit-mt-1 {
  margin-top: 1rem !important;
}

.webkit-mt-2 {
  margin-top: 2rem !important;
}

.pd-5 {
  padding: 5px;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.webkit-none-50 {
  height: 50px !important;
}

.webkit-none-60 {
  height: 60px !important;
}

.webkit-none-70 {
  height: 70px !important;
}

.webkit-none-80 {
  height: 80px !important;
}

.webkit-none-150 {
  height: 150px !important;
}

.webkit-none-245 {
  height: 245px !important;
}

.webkit-none-260 {
  height: 260px !important;
}

.webkit-80per-50 {
  width: 80%;
  height: 50px !important;
}

.webkit-80per-80 {
  width: 80%;
  height: 80px !important;
}

.webkit-300-220 {
  width: 300px !important;
  height: 200px !important;
}

.webkit-250-220 {
  width: 250px !important;
  height: 200px !important;
}

.webkit-410-200 {
  width: 410px !important;
  height: 200px !important;
}

.webkit-300-200 {
  width: 300px !important;
  height: 200px !important;
}

.webkit-100per-740 {
  width: 100% !important;
  height: 740px;
}

.webkit-410-470 {
  width: 410px !important;
  height: 470px !important;
}

.webkit-300-380 {
  width: 300px !important;
  height: 380px !important;
}

.webkitpx-100-50 {
  width: 100px !important;
  height: 50px !important;
}

.webkitpx-125-50 {
  width: 125px !important;
  height: 50px !important;
}

.webkitpx-150-50 {
  width: 150px !important;
  height: 50px !important;
}

.webkitpx-150-82 {
  width: 150px !important;
  height: 82px !important;
}

.webkitpx-200-50 {
  width: 200px !important;
  height: 50px !important;
}

.webkit-200-80 {
  width: 200px !important;
  height: 80px !important;
}

.webkitpx-250-75 {
  width: 250px !important;
  height: 75px !important;
}

.webkit-250-75 {
  width: 250px !important;
  height: 75px !important;
}

.webkit-50-100 {
  width: 50% !important;
  height: 100px !important;
}

.webkit-100-50 {
  width: 100% !important;
  height: 50px !important;
}

.webkit-100-95 {
  width: 100% !important;
  height: 95px !important;
}

.webkit-100-100 {
  width: 100% !important;
  height: 100px !important;
}

.webkit-100-150 {
  width: 100% !important;
  height: 150px !important;
}

.webkit-100-200 {
  width: 100% !important;
  height: 200px !important;
}

.webkit-100-240 {
  width: 100% !important;
  height: 240px !important;
}

.webkit-100-275 {
  width: 100% !important;
  height: 275px !important;
}

.webkit-100-300 {
  width: 100% !important;
  height: 300px !important;
}

.webkit-100-340 {
  width: 100% !important;
  height: 340px !important;
}

.webkit-100-400 {
  width: 100% !important;
  height: 400px !important;
}

.webkit-100-440 {
  width: 100% !important;
  height: 440px !important;
}

.webkit-100-500 {
  width: 100% !important;
  height: 500px !important;
}

.webkit-100-600 {
  width: 100% !important;
  height: 600px !important;
}

@keyframes loader {
  0% {
    background-color: rgba(165, 165, 165, 0.1);
  }

  50% {
    background-color: rgba(165, 165, 165, 0.3);
  }

  100% {
    background-color: rgba(165, 165, 165, 0.1);
  }
}

@-webkit-keyframes loader {
  0% {
    background-color: rgba(165, 165, 165, 0.1);
  }

  50% {
    background-color: rgba(165, 165, 165, 0.3);
  }

  100% {
    background-color: rgba(165, 165, 165, 0.1);
  }
}

@media only screen and (max-width: 991px) {
  .navbar-nav {
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  .android_btn,
  .ios_btn {
    text-align: center !important;
  }

  .language {
    margin-top: 8px !important;
  }
}

.video-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  margin: 0 auto;
  text-align: center;
}

.video-icon a {
  background: #0255b2;
  color: #ffff;
  width: 60px;
  height: 60px;
  display: inline-block;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
}

a:hover {
  color: #757575 !important;
}

.footer-area .copyright-area p a {
  color: #757575;
}

.VueCarousel-navigation-button:focus {
  outline: none !important;
}

.navbar-area {
  min-height: 100px;
}

.btn-primary {
  color: #fff;
  background-color: #0255b2;
  border-radius: 20px;
}

.min-vh-70 {
  min-height: 70vh !important;
}

.phone-link {
  direction: ltr !important;
}

.is-rtl {
  direction: rtl;
  text-align: right !important;
}

.is-rtl * {
  direction: rtl;
  text-align: right !important;
}

.router-link-active {
  color: #0255b2 !important;
}

::marker {
  display: none;
}