@font-face {

  font-family: "droidArabicKufi";

  src: url(../fonts/Droid\ Arabic\ Kufi\ Regular.ttf);

}

body {

  font-family: "droidArabicKufi", sans-serif;

  background-color: white;

  color: black;

  font-size: 14px;

  scroll-behavior: smooth;

}



* {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}



a {

  text-decoration: none;

  color: black;

}

a:hover {

  color: black;

}



button {

  border: none;

  outline: none;

}



input {

  direction: unset !important;

}



/*remove arrow input number Chrome, Safari, Edge, Opera */

input[type=number]::-webkit-outer-spin-button,

input[type=number]::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/*remove arrow input number Firefox */

input[type=number] {

  -moz-appearance: textfield;

}



.bg-main-color {

  background-color: #01b3e4;

}



.btn-purple {

  background-color: #a103a1;

  color: #fff;

}

.btn-purple:hover {

  color: #fff;

  background-color: purple;

}



.bg-main-color {

  background-color: #01b3e4;

}



.artical_section .box_text {

  width: 100%;

  background-color: white;

  border-radius: 6px;

  padding: 15px;

}

.artical_section .box_text .image_holder {

  height: 250px;

  width: 50%;

  margin: 0 auto 30px;

}

.artical_section .box_text .image_holder img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.artical_section .box_text h1 {

  color: #033b4a;

  font-weight: 600;

  font-size: 24px;

  margin-bottom: 13px;

}

.artical_section .box_text h1 p {

  color: #fff;

  font-size: 16px;

}



.account-settings .user-profile {

  margin: 0 0 1rem 0;

  padding-bottom: 1rem;

  text-align: center;

}

.account-settings .user-profile .user-avatar {

  margin: 0 0 1rem 0;

}

.account-settings .user-profile .user-avatar img {

  width: 90px;

  height: 90px;

  border-radius: 100px;

}

.account-settings .user-profile .user-name {

  margin: 0 0 0.5rem 0;

}

.account-settings .user-profile .user-email {

  margin: 0;

  font-size: 0.8rem;

  font-weight: 400;

  color: #9fa8b9;

}



.card-side {

  box-shadow: -13px 20px 20px 0 rgba(0, 0, 0, 0.0392156863);

}



.card-slide {

  box-shadow: 0px 8px 10px 0 rgba(0, 0, 0, 0.0392156863) !important;

  padding: 1.5rem 1rem;

  text-align: center;

}

.card-slide .btn-icon {

  color: #666;

}

.card-slide .btn-icon:hover {

  color: #000;

}

.card-slide .btn-icon .icon {

  border: none !important;

}

.card-slide .btn-icon .icon svg,

.card-slide .btn-icon .icon i {

  width: 20px;

}



.form-control {

  color: #2e323c;

}



.card {

  background: #ffffff;

  border-radius: 5px;

  border: 0;

  margin-bottom: 1rem;

}



.top-btn {

  height: 60px;

  width: 60px;

  position: fixed;

  bottom: 1rem;

  right: 1rem;

  font-size: 20px;

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

  white-space: nowrap;

  z-index: 4;

  border-radius: 5px;

  color: white;

  background-color: #01b3e4;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

}



.def-section {

  position: relative;

  width: 100%;

  max-height: 100%;

  height: 290px;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  z-index: 1;

}

.def-section.arrival {

  background-image: url("../img/workers.jpg");

}

.def-section::before {

  content: "";

  position: absolute;

  top: 0%;

  left: 0%;

  width: 100%;

  height: 100%;

  background-color: #033b4a;

  opacity: 0.37;

  z-index: -1;

}

.def-section .box-text {

  z-index: 1;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  text-align: center;

  color: #fff;

}

.def-section .box-text > h1 {

  font-weight: normal;

  font-size: 44px;

  white-space: nowrap;

}



.info .box-text {

  padding: 30px 20px 20px 20px;

}

.info .box-text h4 {

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

  padding: 20px 30px;

  border: 1px solid #e0dfdf;

  border-radius: 17px;

  margin: 20px;

  color: #9d9c9c;

  font-weight: 700;

}

.info .box-text p {

  line-height: 1.9;

  padding: 0 20px 0px 70px;

  color: #777;

}

.info .box-text h6 {

  padding: 0 20px;

  font-size: 19px;

  padding: 0 20px;

  font-size: 18px;

  color: #9d9c9c;

  font-weight: 500;

}

.info .image-holder {

  position: relative;

  width: 100%;

  height: 90%;

  border-radius: 25px;

  z-index: 1;

}

.info .image-holder::before {

  content: "";

  position: absolute;

  top: 0%;

  left: 0%;

  width: 100%;

  height: 100%;

  background-color: rgba(151, 219, 239, 0.968627451);

  border-radius: 25px;

  z-index: -1;

}

.info .image-holder .box-img {

  margin: 13px -18px 0px 0px;

  border-radius: 25px;

  width: 100%;

  height: 100%;

}



.line {

  height: 1px;

  width: 80%;

  margin: 18px auto;

  background-color: #9d9c9c;

}



/* start slick slider style */

.splide-brands .splide__arrow {

  display: none !important;

}



.splide-brands .splide__pagination {

  display: none !important;

}



.splide-brands .splide__slide {

  text-align: center;

}



.splide-brands .splide__slide img {

  height: auto;

  width: 130px;

  margin: 0 auto;

}



.section-acord {

  padding: 25px;

  border: 1px solid rgba(160, 193, 202, 0.2784313725);

  transition: 0.5s;

}

.section-acord:hover {

  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);

}

.section-acord .accordion .accordion-item .accordion-header .accordion-button {

  font-weight: 600;

}

.section-acord .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {

  box-shadow: none !important;

}

.section-acord .accordion .accordion-collapse .accordion-body .data > li {

  color: #777;

  margin-bottom: 7px;

}



.box-nav {

  z-index: 1000;

  top: 0;

  background-color: rgba(0, 0, 0, 0.3490196078);

  left: 0;

  padding-bottom: 7px;

  width: 100%;

  font-size: 13px;

}

@media (max-width: 767.98px) {

  .box-nav .container {

    width: 100% !important;

    max-width: 100% !important;

    padding: 0 !important;

  }

}

.box-nav .container .top-nav {

  padding: 22px 0;

}

.box-nav .container .top-nav .item {

  color: white;

  font-size: 13px;

}

.box-nav .container .top-nav .item a {

  color: white;

}

.box-nav .container .top-nav .item .icon {

  font-size: 16px;

}

.box-nav .container .top-nav .dropdown .dropdown-toggle {

  background-color: transparent !important;

  outline: none;

  color: white;

  border: none;

}

.box-nav .container .top-nav .dropdown .dropdown-toggle::after {

  content: none !important;

}

.box-nav .container .top-nav .dropdown .dropdown-toggle .icon {

  font-size: 18px;

}

.box-nav .container .bottom-nav {

  border-radius: 7px;

  padding: 15px;

  z-index: 100;

  background-color: rgba(255, 255, 255, 0.8);

  display: flex;

  align-items: center;

  gap: 2rem;

}

@media (max-width: 767.98px) {

  .box-nav .container .bottom-nav {

    background-color: white;

    border-radius: 0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -ms-border-radius: 0px;

    -o-border-radius: 0px;

  }

}

.box-nav .container .bottom-nav.nav-fixed {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  border-radius: 0;

  background-color: #fff;

  box-shadow: 0 4px 4px -6px #333;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

  z-index: 111;

}

.box-nav .container .bottom-nav .logo {

  width: 100px;

}

.box-nav .container .bottom-nav .nav-link {

  color: #1e505d;

  font-weight: bold;

  padding: 23px 15px !important;

}

.box-nav .container .bottom-nav .dropdown-hover {

  position: relative;

}

.box-nav .container .bottom-nav .dropdown-hover .dropdown-menu-hover {

  padding: 0;

  background-color: #01b3e4;

  transition: opacity 0.15s ease-in-out;

  position: absolute;

  min-width: 200px;

  top: 100%;

  left: 0;

  z-index: 1000;

  display: none;

  padding: 0.5rem 0;

  font-size: 1rem;

  list-style: none;

  border: 1px solid rgba(0, 0, 0, 0.15);

  border-radius: 0.25rem;

}

.box-nav .container .bottom-nav .dropdown-hover .dropdown-menu-hover .dropdown-item-hover {

  padding: 10px 20px;

  color: #fff;

  display: block;

  width: 100%;

  text-align: center;

  font-size: 13px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.5);

}

.box-nav .container .bottom-nav .dropdown-hover .dropdown-menu-hover .dropdown-item-hover:hover {

  color: #212529;

}

.box-nav .container .bottom-nav .dropdown-hover:hover .dropdown-menu-hover {

  display: block;

}

.box-nav .main-btn {

  font-size: 13px;

  padding: 0.5rem 1rem;

}



.whatsapp-btn {

  position: fixed;

  z-index: 1000;

  bottom: 1rem;

  left: 1rem;

  width: 50px;

}

.whatsapp-btn img {

  width: 100%;

  height: auto;

}



#landing-slide {

  display: flex;

  align-items: center;

  color: white;

}

#landing-slide .splide__track {

  width: 100%;

}

#landing-slide .splide__track .splide__slide {

  z-index: 1;

  height: 100vh;

  position: relative;

}

#landing-slide .splide__track .splide__slide::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background-color: rgba(0, 0, 0, 0.3);

}

#landing-slide .splide__track .splide__slide .bg-slide {

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  height: 100%;

  position: absolute;

  top: 0;

  z-index: -2;

  left: 0;

}

#landing-slide .splide__track .splide__slide .content-landing {

  margin-top: 50vh;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

}

@media (max-width: 767.98px) {

  #landing-slide .splide__track .splide__slide .content-landing {

    align-items: center;

  }

}

#landing-slide .splide__track .splide__slide .content-landing .title {

  font-size: 50px;

  font-weight: bold;

}

@media (max-width: 767.98px) {

  #landing-slide .splide__track .splide__slide .content-landing .title {

    font-size: 30px;

  }

}

#landing-slide .splide__track .splide__slide .content-landing .content {

  font-size: 33px;

}

@media (max-width: 767.98px) {

  #landing-slide .splide__track .splide__slide .content-landing .content {

    font-size: 20px;

  }

}

[dir=rtl] #landing-slide .splide__track .splide__slide .content-landing {

  align-items: flex-end;

}

@media (max-width: 767.98px) {

  [dir=rtl] #landing-slide .splide__track .splide__slide .content-landing {

    align-items: center;

  }

}

#landing-slide .splide__arrow {

  background-color: transparent !important;

  opacity: 1 !important;

}

#landing-slide .splide__arrow svg {

  fill: white !important;

  height: 2.5rem !important;

  width: 2.5rem !important;

}

#landing-slide .splide__pagination {

  display: none !important;

}



.customers-service .form-contact {

  margin-top: -7.5rem;

  border-radius: 8px;

  filter: drop-shadow(0px 3px 3.5px rgba(217, 217, 220, 0.8));

  background-color: #ffffff;

  padding: 2rem;

}

@media (min-width: 1200px) {

  .customers-service .form-contact {

    width: 90%;

  }

}

.customers-service .form-contact .small-title {

  margin-bottom: 1rem;

}

.customers-service .form-contact .form-control {

  background-color: #f0f2f5 !important;

}



.who-we {

  position: relative;

}

.who-we .img {

  width: 50%;

  background-size: cover;

}

.who-we .img:first-child {

  background-image: url(../img/We-Clean-Everything.png);

  width: calc(50% + 2.7rem);

  height: 100%;

  display: flex;

  align-items: flex-end;

  justify-content: flex-end;

  position: absolute;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  top: 50%;

  padding-bottom: 2.5rem;

}

@media (max-width: 1199.98px) {

  .who-we .img:first-child {

    display: none;

  }

}

.who-we .img:first-child .img-info {

  width: 50%;

  max-width: 100%;

}

.who-we .img:last-of-type {

  background-image: url(../img/bg3.png);

  padding: 2.5rem;

  transform: translateY(2.7rem);

}

@media (max-width: 1199.98px) {

  .who-we .img:last-of-type {

    transform: translateY(0);

    width: 100%;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

  }

}



.section-info {

  background-color: #01b3e4;

  color: white;

  text-align: center;

}

.section-info .icon {

  height: 60px;

  width: auto;

  margin-bottom: 0.5rem;

}

.section-info .num {

  margin-bottom: 0.1rem;

  font-size: 30px;

  font-weight: 700;

}

.section-info .title {

  font-size: 14px;

}



.countries {

  position: relative;

  z-index: 1;

}

.countries::before {

  content: "";

  z-index: -1;

  position: absolute;

  top: 0;

  left: 0;

  height: 280px;

  width: 100%;

  background-color: #1e505d;

}



.opinions {

  background-color: #f9fafb;

}



.comp .container .img {

  width: 150px;

  max-width: 100%;

  height: auto;

}

.comp .container #comp-slide .splide__arrow,

.comp .container #comp-slide .splide__pagination {

  display: none !important;

}



.service {

  position: relative;

  z-index: 1;

  background-color: #01b3e4;

}

/*.service::before {*/

/*  content: "";*/

/*  z-index: -1;*/

/*  position: absolute;*/

/*  bottom: 0;*/

/*  left: 0;*/

/*  height: 215px;*/

/*  width: 100%;*/

/*  background-color: #01b3e4;*/

/*}*/

.service #service-slide .splide__arrow,

.service #service-slide .splide__pagination {

  display: none !important;

}

.service #service-slide .box {

  position: relative;

  width: 100%;

  padding: 0 8px;

}

.service #service-slide .box .img {

  width: 100%;

  height: auto;

}

.service #service-slide .box .tc-bottom-content {

  position: absolute;

  left: 50%;

  transform: translate(-50%, -50%);

  text-align: center;

  z-index: 1;

  bottom: -30px;

  color: white;

  opacity: 0;

  transition: all 0.3s ease-in-out 0s;

}

.service #service-slide .box:hover .tc-bottom-content {

  bottom: -10px;

  opacity: 1;

}



.contact_us {

  position: relative;

  width: 100%;

  height: 90vh;

  background-image: url("../img/pages-bg.jpg");

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.contact_us .box-text {

  position: absolute;

  top: 60%;

  left: 50%;

  transform: translate(-50%, -50%);

  text-align: center;

  color: #fff;

}

.contact_us .box-text > h1 {

  color: #033b4a;

  font-weight: 600;

  margin-bottom: 5px;

}

.contact_us .box-text > p {

  color: #fff;

  font-size: 18px;

}



.contact_way {

  background-color: #f9fafb;

}

.contact_way .box-content {

  text-align: center;

}

.contact_way .box-content .icon_holder {

  margin: 0 auto 15px;

}

.contact_way .box-content .icon_holder > i,

.contact_way .box-content .icon_holder svg {

  font-size: 60px;

  color: #01b3e4;

}

.contact_way .box-content p {

  margin: 0 0 15px;

  font-size: 15px;

  color: #9dabaf;

}



.form_section .contact-title {

  text-align: center;

}

.form_section .contact-title h3 {

  font-size: 25px;

  line-height: 35px;

  color: #033b4a;

}

.form_section .contact-title p {

  margin: 0 0 20px;

  font-size: 15px;

  color: #9dabaf;

}

.form_section .form-group .custom-form {

  display: block;

  width: 100%;

  height: calc(2em + 1rem + 2px);

  padding: 8px 25px;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.5;

  color: #033b4a;

  background-color: #f0f2f5 !important;

  background-clip: padding-box;

  border: none;

  border-radius: 50rem;

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}



.btn-washla {

  display: inline-block;

  font-family: "Poppins", sans-serif;

  font-size: 14px;

  line-height: 25px;

  letter-spacing: 1px;

  font-weight: 400;

  color: #fff;

  text-align: center;

  vertical-align: middle;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  padding: 6px 25px;

  border-radius: 5px;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  color: #fff;

  background-color: #01b3e4;

  border: 1px solid #01b3e4;

  transition: all 0.3s ease-in-out 0s;

}

.btn-washla:hover {

  color: white;

  background-color: #03a0cb;

  border: 1px solid #03a0cb;

}



.map {

  width: 100%;

}

.map iframe {

  width: 100%;

  height: 80vh;

}



section.profile #profile-slide .splide__pagination {

  display: none;

}

section.profile #profile-slide .splide__arrow--next {

  right: 0 !important;

}

section.profile #profile-slide .splide__arrow--prev {

  left: 0 !important;

}

section.profile #profile-slide .slide-img {

  display: flex;

  align-items: center;

}

section.profile #profile-slide .slide-img .img-slide {

  width: 100%;

  height: auto;

  max-height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

section.profile .btns select {

  min-width: 220px;

}

section.profile .landing-section {

  height: 50vh;

  position: relative;

}

section.profile .landing-section::before {

  position: absolute;

  left: 0;

  top: 0;

  content: "";

  width: 100%;

  height: 100%;

  background-color: rgba(30, 80, 93, 0.5);

}

section.profile .landing-section .img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

section.profile .box {

  position: relative;

  z-index: 1000;

  margin-bottom: 3rem;

  margin-top: -3rem;

  border-radius: 9px;

  filter: drop-shadow(0px 3px 3.5px rgba(0, 0, 0, 0.16));

  background-color: #ffffff;

  padding: 2em 3rem;

}

section.profile .box .img-user {

  width: 150px;

  height: 150px;

  border-radius: 50%;

  -o-object-fit: cover;

     object-fit: cover;

  margin-top: -95px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

}

section.profile .box .country-user {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  -o-object-fit: cover;

     object-fit: cover;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

}

section.profile .box .header-box {

  background-image: linear-gradient(180deg, #236272 0%, #033b4a 100%);

  color: white;

  font-size: 18px;

  margin-top: 2rem;

  margin-bottom: 1rem;

  padding: 0.6rem;

  text-align: center;

}

section.profile .box .content-box {

  row-gap: 5px;

}

section.profile .box .content-box .content {

  padding: 8px;

  background-image: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);

  border: 1px solid #e5e8eb;

  font-size: 15px;

  color: #1e505d;

  font-weight: bold;

  display: flex;

  align-items: center;

  gap: 10px;

}

section.profile .box .content-box .content .icon {

  font-size: 10px;

}

section.profile .box .info {

  display: flex;

  align-items: center;

  gap: 7px;

  font-size: 19px;

  background-color: #f9fafb;

  padding: 5px 10px;

}

section.profile .box .info .icon {

  background-color: #1e505d;

  color: white;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  width: 35px;

  font-size: 16px;

  height: 35px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

}

section.profile .box.box-small {

  margin-bottom: 0;

  margin-top: 0;

  padding: 10px;

}

section.profile .box.box-small .img-user {

  width: 70px;

  height: 70px;

  margin-top: 0;

}

section.profile .box.box-small .country-user {

  width: 40px;

  height: 40px;

}

section.profile .box.box-small .header-box {

  background-image: linear-gradient(180deg, #236272 0%, #033b4a 100%);

  color: white;

  font-size: 12px;

  margin-top: 0rem;

  margin-bottom: 0.5rem;

  padding: 0.2rem;

  text-align: center;

}

section.profile .box.box-small .content-box {

  row-gap: 3px;

}

section.profile .box.box-small .content-box .content {

  padding: 3px;

  background-image: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);

  border: 1px solid #e5e8eb;

  font-size: 10px;

  color: #1e505d;

  font-weight: bold;

  display: flex;

  align-items: center;

  gap: 5px;

}

section.profile .box.box-small .content-box .content .icon {

  font-size: 7px;

}

section.profile .box.box-small .info {

  display: flex;

  align-items: center;

  gap: 7px;

  font-size: 14px;

  background-color: #f9fafb;

  padding: 3px 10px;

}

section.profile .box.box-small .info .icon {

  background-color: #1e505d;

  color: white;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  width: 27px;

  font-size: 13px;

  height: 27px;

}



.visa-section-two {

  background-color: #f9fafb;

}

.visa-section-two .icon-section {

  width: 67px;

  height: 67px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 20px;

  border-radius: 50px;

  filter: drop-shadow(0px 8px 4.5px rgba(30, 80, 93, 0.1));

  background-color: #ffffff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  color: #1e505d;

  -o-border-radius: 50%;

  margin-bottom: 1rem;

}



.visa-section-three .box .img {

  width: 300px;

  height: auto;

}



.visa-section-four {

  background-color: #f9fafb;

}

.visa-section-four .boxes .box {

  border-radius: 11px;

  filter: drop-shadow(0px 3px 3.5px rgba(30, 80, 93, 0.26));

  background-color: #ffffff;

  padding: 2rem;

  line-height: 35px;

  display: flex;

  height: 100%;

  min-height: 204px;

  align-items: center;

  gap: 2rem;

  font-size: 16px;

  color: #1e505d;

}

.visa-section-four .boxes .box svg, .visa-section-four .boxes .box i {

  color: #01b3e4;

  font-size: 25px;

}



.main-btn {

  padding: 0.6rem 2rem;

  border-radius: 5px;

  font-size: 16px;

  -webkit-border-radius: 5px;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 7px;

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

  -moz-border-radius: 5px;

  -ms-border-radius: 5px;

  -o-border-radius: 5px;

  background-color: #01b3e4;

  color: white;

}

.main-btn .icon {

  font-size: 20px;

}



.main-tap .nav-link {

  color: #1e505d !important;

  font-size: 17px;

}

.main-tap .nav-link.active {

  color: white !important;

  background-color: #01b3e4 !important;

}



.main-accordion .accordion-button:not(.collapsed) {

  color: white !important;

  background-color: #01b3e4 !important;

}

.main-accordion .accordion-body h6 {

  font-size: 14px;

  font-weight: bold;

}

.main-accordion .accordion-body p {

  font-size: 13px;

  color: #777;

  margin: 0;

}

.main-accordion .accordion-body p svg, .main-accordion .accordion-body p i {

  color: #1e505d;

}



.btn-collapse {

  background-color: #1e505d;

  padding: 0.5rem 2rem;

  min-height: 73px;

  display: flex;

  justify-content: space-between;

  gap: 1rem;

  align-items: center;

  color: #ffffff;

}

.btn-collapse:hover {

  color: #ffffff;

}

.btn-collapse .i-arrow {

  font-size: 18px;

  transition: 300ms;

  -webkit-transition: 300ms;

  -moz-transition: 300ms;

  -ms-transition: 300ms;

  -o-transition: 300ms;

}

.btn-collapse[aria-expanded=true] .i-arrow {

  transform: rotateZ(180deg);

  -webkit-transform: rotateZ(180deg);

  -moz-transform: rotateZ(180deg);

  -ms-transform: rotateZ(180deg);

  -o-transform: rotateZ(180deg);

}



.small-title {

  color: #1e505d;

  font-weight: 600;

  font-size: 16px;

}



.main-label {

  font-size: 13px;

  margin-bottom: 5px;

  display: block;

}



.boxes-serv .box {

  padding: 1.5rem;

  border-radius: 6px;

  height: 100%;

  filter: drop-shadow(0px 3px 3.5px #d9d9dc);

  background-color: #ffffff;

}

@media (min-width: 1200px) {

  .boxes-serv .box {

    width: 93%;

  }

}

.boxes-serv .box .icon {

  height: 65px;

  width: auto;

  margin-bottom: 0.5rem;

}

.boxes-serv .box .title {

  font-size: 20px;

  color: #1e505d;

  margin-bottom: 0.5rem;

  font-weight: bold;

}

.boxes-serv .box .p {

  font-size: 15px;

  line-height: 23px;

  color: #9dabaf;

}



.boxes-info-row {

  display: flex;

  gap: 1.5rem;

  flex-direction: column;

}

.boxes-info-row .box {

  display: flex;

  gap: 2rem;

  color: white;

}

.boxes-info-row .box .icon {

  width: 50px;

  height: 50px;

}

.boxes-info-row .box .text .title {

  font-size: 17px;

  line-height: 23px;

  margin-bottom: 0.2rem;

  font-weight: bold;

}

.boxes-info-row .box .text .p {

  font-size: 13px;

  line-height: 20px;

}



.boxes-info .box {

  min-height: 180px;

  border-radius: 6px;

  background-color: #fafafa;

  padding: 1.5rem;

  height: 100%;

}

.boxes-info .box .icon {

  height: 45px;

  width: auto;

  margin-bottom: 0.2rem;

}

.boxes-info .box .title {

  font-size: 18px;

  margin-bottom: 0rem;

  color: #1e505d;

  font-weight: bold;

}

.boxes-info .box .p {

  color: #9dabaf;

}



.boxes-countries .splide__arrow {

  display: none !important;

}

.boxes-countries .splide__slide {

  padding: 5px 20px;

}

.boxes-countries .box {

  filter: drop-shadow(0px 3px 3.5px rgba(0, 0, 0, 0.233));

  -webkit-filter: drop-shadow(0px 3px 3.5px rgba(0, 0, 0, 0.233));

  background-color: white;

  margin-bottom: 6rem;

  padding: 4rem 1.5rem;

}

.boxes-countries .box .img {

  width: 180px;

  height: 180px;

  border-radius: 50%;

  -o-object-fit: cover;

     object-fit: cover;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

}

.boxes-countries .box .footer-box {

  filter: drop-shadow(0px 3px 3.5px #d9d9dc);

  background-color: #ffffff;

  padding: 1rem;

  transform: translateY(112px);

  -webkit-transform: translateY(112px);

  -moz-transform: translateY(112px);

  -ms-transform: translateY(112px);

  -o-transform: translateY(112px);

}

.boxes-countries .box .footer-box .title {

  font-weight: bold;

  font-size: 20px;

  margin-bottom: 0.3rem;

  color: #1e505d;

}

.boxes-countries .box .footer-box .link {

  color: #9dabaf;

  text-decoration: none;

}

.boxes-countries .splide__pagination__page {

  height: 12px !important;

  background: #d9d9dc;

  width: 12px !important;

}

.boxes-countries .splide__pagination__page.is-active {

  opacity: 1 !important;

  transform: scale(1) !important;

  background: #1e505d !important;

  -webkit-transform: scale(1) !important;

  -moz-transform: scale(1) !important;

  -ms-transform: scale(1) !important;

  -o-transform: scale(1) !important;

}



.boxes-opinions {

  display: flex;

  gap: 1.5rem;

  flex-direction: column;

}

.boxes-opinions .box {

  border-radius: 5px;

  filter: drop-shadow(0px 6px 7px #e3e8ec);

  background-color: #ffffff;

  -webkit-filter: drop-shadow(0px 6px 7px #e3e8ec);

  padding: 1.5rem;

  display: flex;

  align-items: flex-start;

  gap: 0.7rem;

}

.boxes-opinions .box .user {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  -o-object-fit: cover;

     object-fit: cover;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

}

.boxes-opinions .box .text .title {

  font-size: 16px;

  margin-bottom: 0.1rem;

  color: #333333;

  font-weight: bold;

}

.boxes-opinions .box .text .p {

  font-size: 13px;

  line-height: 20px;

  color: #9dabaf;

}



.landing-section {

  height: 200px;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  z-index: 1;

}

.landing-section::before {

  position: absolute;

  left: 0;

  top: 0;

  content: "";

  z-index: -1;

  width: 100%;

  height: 100%;

  background-color: rgba(30, 80, 93, 0.5);

}

.landing-section.not-overlay::before {

  content: none;

}

.landing-section .img {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: -2;

  -o-object-fit: cover;

     object-fit: cover;

}

.landing-section.landing-layer {

  padding-bottom: 170px;

}

.landing-section.landing-layer .layer {

  width: 100%;

  overflow: hidden;

  position: absolute;

  left: 0;

  bottom: 0;

}

.landing-section.landing-layer .layer svg {

  height: 170px;

  width: 100%;

}



.card-tap {

  border: 1px solid #f5f4de;

  padding: 20px;

  height: 100%;

  transition: all 0.3s ease-in-out;

  border-radius: 8px;

}

.card-tap:hover {

  background-color: #fff;

  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.19);

}



.card-file {

  background-color: #fff;

  box-shadow: 1px 1px 3px #ddd;

  padding: 10px;

  min-height: 131px;

}

.card-file .card-img {

  width: 100%;

  -o-object-fit: contain;

     object-fit: contain;

}



.card-acc {

  filter: drop-shadow(7.778px 7.778px 4.5px rgba(217, 217, 220, 0.44));

  background-color: #f9fafb;

  padding: 1.5rem;

  color: #1e505d;

  text-align: center;

}

.card-acc > .img {

  width: 87px;

  height: auto;

  margin-bottom: 1.5rem;

}



.box-alert {

  background-color: #1e505d;

  line-height: 35px;

  padding: 0.5rem 2rem;

  min-height: 73px;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 15px;

  color: #ffffff;

  font-weight: bold;

  text-align: center;

}



.content-collapse {

  background-color: #f9fafb;

  border: 1px solid #d9d9dc;

  padding: 2rem;

}



.form-control.xl {

  min-height: 48px;

}



.footer {

  background-color: #f9fafb;

}

.footer .top-footer {

  padding-bottom: 3rem;

  border-bottom: 1px solid #9dabaf;

}

.footer .top-footer .contact .item {

  display: flex;

  align-items: center;

  justify-content: left;

  gap: 5px;

  color: #9dabaf;

}

.footer .top-footer .contact .item .icon {

  color: #01b3e4;

  width: 27px;

}



.text-main-color {

  color: #01b3e4;

}



.bg-main-color {

  background-color: #01b3e4;

}



.text-two-color {

  color: #1e505d;

}



.p-color-50 {

  color: #9dabaf;

}



.py-60 {

  padding-top: 60px;

  padding-bottom: 60px;

}



.row-gap-24 {

  row-gap: 24px;

}



@media (min-width: 1200px) {

  .w-xl-50 {

    width: 50%;

  }

}



.contact_us {

  position: relative;

  width: 100%;

  max-height: 100%;

  height: 135px;

}

.contact_us img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.contact_us .box-text {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  text-align: center;

  color: #fff;

}

.contact_us .box-text > h1 {

  color: #033b4a;

  font-weight: 600;

  margin-bottom: 5px;

}

.contact_us .box-text > p {

  margin-bottom: 0%;

  color: #fff;

  font-size: 18px;

}



.contact_way {

  background-color: #f9fafb;

}

.contact_way .box-content {

  text-align: center;

}

.contact_way .box-content .icon_holder {

  margin: 0 auto 15px;

}

.contact_way .box-content .icon_holder > i,

.contact_way .box-content .icon_holder svg {

  font-size: 60px;

  color: #01b3e4;

}

.contact_way .box-content p {

  margin: 0 0 15px;

  font-size: 15px;

  color: #9dabaf;

}



.form_section .contact-title {

  text-align: center;

}

.form_section .contact-title h3 {

  font-size: 25px;

  line-height: 35px;

  color: #033b4a;

}

.form_section .contact-title p {

  margin: 0 0 20px;

  font-size: 15px;

  color: #9dabaf;

}

.form_section .form-group .custom-form {

  display: block;

  width: 100%;

  height: calc(2em + 1rem + 2px);

  padding: 8px 25px;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.5;

  color: #033b4a;

  background-color: #f0f2f5 !important;

  background-clip: padding-box;

  border: none;

  border-radius: 50rem;

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}



.btn-washla {

  display: inline-block;

  font-family: "Poppins", sans-serif;

  font-size: 14px;

  line-height: 25px;

  letter-spacing: 1px;

  font-weight: 400;

  color: #FFF;

  text-align: center;

  vertical-align: middle;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  padding: 6px 25px;

  border-radius: 5px;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  color: #fff;

  background-color: #01b3e4;

  border: 1px solid #01b3e4;

  transition: all 0.3s ease-in-out 0s;

}

.btn-washla:hover {

  color: white;

  background-color: #03a0cb;

  border: 1px solid #03a0cb;

}



.map {

  width: 100%;

}

.map iframe {

  width: 100%;

  height: 80vh;

}



.recruitment {

  position: relative;

  width: 100%;

  max-height: 100%;

  height: 290px;

  background-image: url("../img/contract.jpg");

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  z-index: 1;

}

.recruitment::before {

  content: "";

  position: absolute;

  top: 0%;

  left: 0%;

  width: 100%;

  height: 100%;

  background-color: #033b4a;

  opacity: 0.37;

  z-index: -1;

}

.recruitment .box-text {

  z-index: 1;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  text-align: center;

  color: #fff;

}

.recruitment .box-text > h1 {

  font-weight: normal;

  font-size: 44px;

  white-space: nowrap;

}



.visa_box {

  position: relative;

  width: 100%;

}

@media (max-width: 991.98px) {

  .visa_box .section_content {

    height: auto !important;

    min-height: 230px !important;

  }

}

.visa_box .section_content {

  position: relative;

  height: 230px;

}

.visa_box .section_content .box {

  position: absolute;

  left: 50%;

  top: 0%;

  transform: translateX(-50%);

  height: 400px;

  width: 890px;

  display: flex;

  margin: auto;

  background-color: #fff;

  box-shadow: 0px 3px 6px rgba(30, 80, 93, 0.1411764706);

  z-index: 11;

}

.visa_box .section_content .box img {

  height: 100%;

  width: 400px;

  -o-object-fit: cover;

     object-fit: cover;

}

.visa_box .section_content .box .text {

  height: 100%;

  width: 100%;

  padding: 35px;

}

.visa_box .section_content .box .text h4 {

  font-size: 28px;

  letter-spacing: 0px;

  line-height: 42px;

  color: #033b4a;

  font-weight: bold;

}

.visa_box .section_content .box .text p {

  font-size: 15px;

  color: #333333;

  line-height: 1.7;

}

@media (max-width: 991.98px) {

  .visa_box .section_content .box {

    position: relative !important;

    left: 0 !important;

    transform: translateX(0%) !important;

    min-height: 400px !important;

    height: -webkit-fit-content !important;

    height: -moz-fit-content !important;

    height: fit-content !important;

    max-width: 100%;

    width: 500px !important;

    flex-direction: column !important;

  }

  .visa_box .section_content .box img {

    width: 100% !important;

  }

  .visa_box .section_content .box .text {

    text-align: center;

  }

}



.static_holder {

  position: relative;

  width: 100%;

  min-height: 500px;

  display: flex;

  align-items: center;

  z-index: 1;

  background-image: url("../img/002145.jpg");

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

}

.static_holder::before {

  content: "";

  position: absolute;

  top: 0%;

  left: 0%;

  width: 100%;

  height: 100%;

  background-color: #033b4a;

  opacity: 0.8;

  z-index: -1;

}

.static_holder img {

  width: 100%;

  height: 100%;

}

.static_holder .box-status {

  padding: 20px;

  text-align: center;

  color: #fff;

  border-radius: 18px;

  background-color: #003143;

}

.static_holder .box-status.spe {

  filter: drop-shadow(0px 3px 3.5px #002029);

  background-color: #005675;

}

.static_holder .box-status.spe p {

  color: #fff;

}

.static_holder .box-status i,

.static_holder .box-status svg {

  font-size: 40px;

  color: #01b3e4;

}

.static_holder .box-status h4 {

  font-size: 53px;

  color: #ffffff;

  margin: 16px 0 0px;

}

.static_holder .box-status p {

  font-size: 13px;

  color: #01b3e4;

}



.text_info {

  position: relative;

  width: 100%;

  min-height: 250px;

  background-image: url("../img/23030.jpg");

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  z-index: 1;

}

.text_info::before {

  content: "";

  position: absolute;

  top: 0%;

  left: 0%;

  width: 100%;

  height: 100%;

  background-color: #fff;

  opacity: 0.8;

  z-index: -1;

}

.text_info .box_text {

  text-align: center;

}

.text_info .box_text i,

.text_info .box_text svg {

  font-size: 40px;

  color: #01b3e4;

}

.text_info .box_text p {

  margin-top: 10px;

  font-size: 18px;

  line-height: 32px;

  color: #033b4a;

}

.text_info .box_text .start_use {

  width: 190px;

  height: 45px;

  border-radius: 4px;

  background-color: #033b4a;

  color: #fff;

  transition: 300ms;

}

.text_info .box_text .start_use:hover {

  color: #fff;

  background-color: #012934;

}



.brand .content_brand {

  display: flex;

  align-items: center;

  justify-content: space-around;

  flex-wrap: wrap;

}

.brand .content_brand img {

  width: 200px;

}/*# sourceMappingURL=main.css.map */