@font-face {
  font-family: "cairo-regular";
  src: url(../fonts/Cairo-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: "cairo-medium";
  src: url(../fonts/Cairo-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: "cairo-semibold";
  src: url(../fonts/Cairo-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: "cairo-bold";
  src: url(../fonts/Cairo-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: "Poppins-SemiBold";
  src: url(../fonts/Poppins-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: "LamaRounded-Regular";
  src: url(../fonts/LamaRounded-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: "LamaRounded-Medium";
  src: url(../fonts/LamaRounded-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: "LamaRounded-SemiBold";
  src: url(../fonts/LamaRounded-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: "LamaRounded-Bold";
  src: url(../fonts/LamaRounded-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: "ExpoArabic-Bold";
  src: url(../fonts/ExpoArabic-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: "ExpoArabic-Book";
  src: url(../fonts/ExpoArabic-Book.ttf);
}
@font-face {
  font-family: "ExpoArabic-Medium";
  src: url(../fonts/ExpoArabic-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: "ExpoArabic-SemiBold";
  src: url(../fonts/ExpoArabic-SemiBold.ttf);
  font-weight: 600;
}
/*vars */
@media (min-width: 1400px) {
  .container-fluid {
    padding: 0 81px;
  }
}

body {
  font-family: "cairo-regular";
}

@media (max-width: 767px) {
  .navbar {
    padding: 15px !important;
  }
  .navbar .navbar-brand img {
    width: 200px;
  }
}
@media (max-width: 425px) {
  .navbar .navbar-brand img {
    width: 150px;
  }
}
.navbar .navbar-toggler {
  outline: none !important;
}
@media (max-width: 991px) {
  .navbar .navbar-nav {
    padding-top: 32px;
  }
}
.navbar .navbar-nav .nav-item {
  margin-left: 1rem;
}
.navbar .navbar-nav .nav-item .nav-link {
  color: #3d4142;
  font-family: "cairo-bold";
}
.navbar .navbar-nav .nav-item:last-child {
  margin: 0;
}
.navbar .navbar-nav .nav-item.active .nav-link {
  color: #1da6d6;
}
.navbar .action button {
  font-family: "cairo-bold";
  font-size: 16px;
  border-radius: 16px;
  padding: 13px 40px;
  background-color: #1da6d6;
  border-color: #1da6d6;
  outline: none !important;
  box-shadow: none !important;
}

/*faq*/
.faq h1,
.packages h1 {
  color: #1b6681;
  font-size: 40px;
  font-family: "cairo-bold";
  padding: 36px 0;
  line-height: 50px;
  margin-bottom: 95px;
  letter-spacing: -1px;
}
@media (max-width: 991px) {
  .faq h1,
  .packages h1 {
    padding: 16px 0;
    font-size: 32px;
    margin-bottom: 55px;
  }
}
.faq #accordion .card,
.packages #accordion .card {
  border: none;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #d4d4d4;
}
.faq #accordion .card .card-header,
.packages #accordion .card .card-header {
  padding: 0;
  border: none;
  background-color: transparent;
}
.faq #accordion .card .card-header button,
.packages #accordion .card .card-header button {
  text-decoration: none !important;
  color: #000;
  font-family: "cairo-semibold";
  font-size: 30px;
  padding: 0;
  white-space: unset;
  text-align: start;
}
@media (max-width: 991px) {
  .faq #accordion .card .card-header button,
  .packages #accordion .card .card-header button {
    font-size: 22px;
    gap: 16px;
  }
  .faq #accordion .card .card-header button img,
  .packages #accordion .card .card-header button img {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 991px) {
  .faq #accordion .card .card-header button,
  .packages #accordion .card .card-header button {
    font-size: 20px;
  }
  .faq #accordion .card .card-header button img,
  .packages #accordion .card .card-header button img {
    width: 20px;
    height: 20px;
  }
}
.faq #accordion .card .card-body,
.packages #accordion .card .card-body {
  padding-inline-start: 0;
  font-size: 24px;
}
@media (max-width: 991px) {
  .faq #accordion .card .card-body,
  .packages #accordion .card .card-body {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .faq #accordion .card .card-body,
  .packages #accordion .card .card-body {
    font-size: 15px;
  }
}

footer .upper_footer {
  padding: 82px 124px 58px;
  background-color: #0a2833;
  color: #fff;
}
@media (max-width: 1400px) {
  footer .upper_footer {
    padding: 24px 15px;
  }
}
footer .upper_footer .content {
  padding: 60px 0;
}
@media (max-width: 991px) {
  footer .upper_footer .content {
    flex-direction: column;
    gap: 32px;
  }
}
@media (max-width: 991px) {
  footer .upper_footer .content {
    padding: 16px 0;
  }
}
footer .upper_footer .content h4 {
  font-family: "ExpoArabic-Medium";
  font-size: 27px;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  footer .upper_footer .content h4 {
    font-size: 22px;
    margin-bottom: 16px;
  }
}
footer .upper_footer .content .about_content {
  max-width: 502px;
}
@media (max-width: 1400px) {
  footer .upper_footer .content .about_content {
    max-width: 350px;
  }
}
footer .upper_footer .content .about_content h4 {
  gap: 32px;
}
@media (max-width: 991px) {
  footer .upper_footer .content .about_content h4 {
    gap: 16px;
  }
}
footer .upper_footer .content .about_content p {
  font-family: "ExpoArabic-Book";
  line-height: 26px;
  margin: 0;
}
@media (max-width: 991px) {
  footer .upper_footer .content .about_content p {
    font-size: 14px;
  }
}
footer .upper_footer .content .footer_links .links {
  gap: 16px;
}
@media (max-width: 991px) {
  footer .upper_footer .content .footer_links .links {
    gap: 12px;
  }
}
footer .upper_footer .content .footer_links .links a {
  color: #fff;
  text-decoration: none;
  font-family: "ExpoArabic-Book";
}
footer .upper_footer .content .newsletter {
  width: 395px;
}
@media (max-width: 425px) {
  footer .upper_footer .content .newsletter {
    width: 100%;
  }
}
footer .upper_footer .content .newsletter form {
  background-color: #f0f0f0;
  padding: 9px;
  border-radius: 7px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
footer .upper_footer .content .newsletter form input {
  border: none;
  outline: none !important;
  background-color: transparent;
  flex: 1;
}
footer .upper_footer .content .newsletter form input::-moz-placeholder {
  color: #4d4d57;
  font-size: 13px;
  font-family: "ExpoArabic-Medium";
}
footer .upper_footer .content .newsletter form input::placeholder {
  color: #4d4d57;
  font-size: 13px;
  font-family: "ExpoArabic-Medium";
}
footer .upper_footer .content .newsletter form button {
  padding: 12px 18px;
  font-family: "ExpoArabic-SemiBold";
  color: #464646;
  border-radius: 7px;
  background-color: #fff;
  border: none;
  outline: none !important;
}
footer .upper_footer .content .newsletter p {
  color: #828282;
  font-size: 13px;
  font-family: "ExpoArabic-Medium";
}
footer .upper_footer .content .newsletter p a {
  color: #828282;
  text-decoration: underline;
}
footer .lower_footer {
  padding: 20px 121px;
  background-color: #061b22;
}
@media (max-width: 1400px) {
  footer .lower_footer {
    padding: 20px 15px;
  }
}
@media (max-width: 991px) {
  footer .lower_footer .content {
    flex-direction: column;
    gap: 32px;
    text-align: center;
  }
}
footer .lower_footer .social {
  gap: 12px;
  display: flex;
}
footer .lower_footer .copyright {
  color: #fff;
  font-family: "ExpoArabic-Book";
}

/*packages_table*/
.packages h1 {
  margin-bottom: 48px;
}
.packages .tabs {
  gap: 12px;
  margin-bottom: 48px;
  flex-wrap: wrap;
  border: none;
}
@media (max-width: 1300px) {
  .packages .tabs {
    justify-content: flex-start !important;
  }
}
@media (max-width: 425px) {
  .packages .tabs {
    flex-direction: column;
  }
}
.packages .tabs .nav-item {
  margin: 0;
}
@media (max-width: 575px) {
  .packages .tabs .nav-item {
    width: 100%;
  }
}
.packages .tabs .nav-item a {
  text-decoration: none;
  display: inline-flex;
  padding: 18px 25px;
  border-radius: 8px;
  background-color: #d7d7d7;
  font-family: "cairo-medium";
  color: #3b3d3e;
  flex-shrink: 0;
}
@media (max-width: 575px) {
  .packages .tabs .nav-item a {
    width: 100%;
  }
}
.packages .tabs .nav-item a.active {
  background-color: #1da6d6;
  color: #fff;
}

@media (min-width: 375px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
.packages_table .table td,
.packages_table .table th {
  border-top: none;
}
.packages_table .table thead tr {
  background-color: #f1fbff;
  background-image: url(../images/shape.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}
.packages_table .table thead tr th {
  border: none;
  padding-top: 32px;
}
.packages_table .table thead tr th img {
  margin-bottom: 12px;
}
.packages_table .table thead tr th p {
  font-size: 14px;
  color: #0c536c;
  font-family: "cairo-medium";
  margin: 0;
}
.packages_table .table thead tr th.first_th {
  font-size: 24px;
  font-family: "cairo-bold";
  letter-spacing: -1px;
}
@media (max-width: 1200px) {
  .packages_table .table tbody th {
    min-width: 450px;
  }
}
@media (max-width: 991px) {
  .packages_table .table tbody th {
    min-width: 350px;
  }
}
.packages_table .table tbody td {
  min-width: 150px;
}
.packages_table .table tbody th,
.packages_table .table tbody td {
  border-bottom: 1px solid #e9e9e9;
  padding: 28px 16px 28px;
  color: #000000;
}

/*login info modal */
.modal-dialog {
  max-width: 100%;
  height: 100%;
  width: 97%;
}
.modal-dialog .modal-content {
  min-height: auto;
  height: auto;
  border: none;
  border-radius: unset;
  border-radius: 20px;
  overflow: hidden;
}
.modal-dialog .modal-content .modal-header {
  padding: 71px 88px 45px;
  border: none;
  border-radius: unset;
}
@media (max-width: 1200px) {
  .modal-dialog .modal-content .modal-header {
    padding: 95px 15px 32px;
  }
}
.modal-dialog .modal-content .modal-header .close {
  float: none;
  margin: 0;
  position: absolute;
  right: 36px;
  top: 28px;
  padding: 0;
  outline: none !important;
}
@media (max-width: 1200px) {
  .modal-dialog .modal-content .modal-header .close {
    right: 15px;
    top: 15px;
  }
}
.modal-dialog .modal-content .modal-header .stepper-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  border: 2px solid #1da6d6;
  padding: 8px 32px;
  border-radius: 12px;
}
@media (max-width: 1200px) {
  .modal-dialog .modal-content .modal-header .stepper-header {
    padding: 15px;
    gap: 16px;
  }
}
@media (max-width: 991px) {
  .modal-dialog .modal-content .modal-header .stepper-header {
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .modal-dialog .modal-content .modal-header .stepper-header {
    flex-direction: column;
    gap: 20px;
  }
  .modal-dialog .modal-content .modal-header .stepper-header .separator {
    display: none;
  }
}
.modal-dialog .modal-content .modal-header .stepper-header .stepper-item {
  font-size: 22px;
  font-family: "cairo-bold";
  letter-spacing: -1px;
  color: #585859;
}
@media (max-width: 1200px) {
  .modal-dialog .modal-content .modal-header .stepper-header .stepper-item {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .modal-dialog .modal-content .modal-header .stepper-header .stepper-item {
    font-size: 16px;
  }
}
.modal-dialog .modal-content .modal-header .stepper-header .stepper-item.active {
  color: #1da6d6;
}
.modal-dialog .modal-content .modal-body {
  padding: 0 88px;
  position: relative;
  padding-bottom: 120px;
}
@media (max-width: 1200px) {
  .modal-dialog .modal-content .modal-body {
    padding: 0px 15px 120px;
  }
}
.modal-dialog .modal-content .modal-body .step_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
@media (max-width: 767px) {
  .modal-dialog .modal-content .modal-body .step_wrapper .slide {
    display: none;
  }
}
.modal-dialog .modal-content .modal-body .step_wrapper .data {
  width: 580px;
  max-width: 100%;
}
@media (max-width: 1200px) {
  .modal-dialog .modal-content .modal-body .step_wrapper .data {
    width: 400px;
  }
}
@media (max-width: 767px) {
  .modal-dialog .modal-content .modal-body .step_wrapper .data {
    width: 100%;
  }
}
.modal-dialog .modal-content .modal-body .step_wrapper .data .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 18px;
}
.modal-dialog .modal-content .modal-body .step_wrapper .data .form-group label {
  font-family: "cairo-semibold";
  margin-bottom: 6px;
  color: #363b46;
}
@media (max-width: 767px) {
  .modal-dialog .modal-content .modal-body .step_wrapper .data .form-group label {
    font-size: 15px;
    letter-spacing: -1px;
  }
}
.modal-dialog .modal-content .modal-body .step_wrapper .data .form-group input,
.modal-dialog .modal-content .modal-body .step_wrapper .data .form-group textarea {
  border: 1px solid #bac7d5;
  border-radius: 8px;
  outline: none;
  height: 50px;
  padding: 4px 16px;
  outline: none !important;
  box-shadow: none !important;
}
@media (max-width: 767px) {
  .modal-dialog .modal-content .modal-body .step_wrapper .data .form-group input,
  .modal-dialog .modal-content .modal-body .step_wrapper .data .form-group textarea {
    height: 40px;
  }
}
.modal-dialog .modal-content .modal-body .step_wrapper .data .form-group input#phoneNumber,
.modal-dialog .modal-content .modal-body .step_wrapper .data .form-group textarea#phoneNumber {
  border-radius: 0 8px 8px 0;
}
.modal-dialog .modal-content .modal-body .step_wrapper .data .form-group #countryCode,
.modal-dialog .modal-content .modal-body .step_wrapper .data .form-group #store,
.modal-dialog .modal-content .modal-body .step_wrapper .data .form-group #country,
.modal-dialog .modal-content .modal-body .step_wrapper .data .form-group #identification {
  border-radius: 8px 0 0 8px;
  border: 1px solid #bac7d5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url(../images/arrow_down.svg) no-repeat left 10px center;
  background-size: 13px;
  padding-inline-start: 36px;
  padding-inline-end: 12px;
  direction: ltr;
  outline: none !important;
}
.modal-dialog .modal-content .modal-body .action_buttons {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 20px 50px;
  background-color: #f1fbff;
}
@media (max-width: 767px) {
  .modal-dialog .modal-content .modal-body .action_buttons {
    padding: 20px 15px;
  }
}
.modal-dialog .modal-content .modal-body .action_buttons button {
  padding: 8px 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  font-size: 18px;
  font-family: "cairo-bold";
  outline: none !important;
  box-shadow: none !important;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .modal-dialog .modal-content .modal-body .action_buttons button {
    gap: 12px;
    font-size: 15px;
    padding: 6px 20px;
  }
}
.modal-dialog .modal-content .modal-body .action_buttons .inactive_prev {
  border: 1px solid gray;
  color: gray;
  background-color: transparent;
}
.modal-dialog .modal-content .modal-body .action_buttons .active_prev {
  border: 1px solid #1da6d6;
  color: #1da6d6;
  background-color: transparent;
}
.modal-dialog .modal-content .modal-body .action_buttons .next-btn {
  background-color: #1da6d6;
  color: #fff;
  border: 1px solid #1da6d6;
}
.modal-dialog .modal-content .modal-body .step-2 .data,
.modal-dialog .modal-content .modal-body .step-3 .data {
  width: 100%;
}
.modal-dialog .modal-content .modal-body .step-2 #store,
.modal-dialog .modal-content .modal-body .step-2 #country,
.modal-dialog .modal-content .modal-body .step-2 #identification,
.modal-dialog .modal-content .modal-body .step-3 #store,
.modal-dialog .modal-content .modal-body .step-3 #country,
.modal-dialog .modal-content .modal-body .step-3 #identification {
  direction: rtl !important;
  border-radius: 8px !important;
  height: 50px;
  padding: 0 16px 0 28px !important;
  border: 1px solid #bac7d5 !important;
}
.modal-dialog .modal-content .modal-body .step-2 .row,
.modal-dialog .modal-content .modal-body .step-3 .row {
  margin-bottom: 18px;
}
.modal-dialog .modal-content .modal-body .step-2 .row .custom_file,
.modal-dialog .modal-content .modal-body .step-3 .row .custom_file {
  position: relative;
  flex: 1;
  border: 1px dashed #707070;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-dialog .modal-content .modal-body .step-2 .row .custom_file input,
.modal-dialog .modal-content .modal-body .step-3 .row .custom_file input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  opacity: 0;
}
.modal-dialog .modal-content .modal-body .step-2 textarea,
.modal-dialog .modal-content .modal-body .step-3 textarea {
  height: auto !important;
}
.modal-dialog .modal-content .modal-body .checkout {
  max-width: 660px;
  margin: auto;
}
.modal-dialog .modal-content .modal-body .checkout.final_step {
  max-width: 1070px;
}
.modal-dialog .modal-content .modal-body .checkout.final_step .d-flex {
  gap: 32px;
}
.modal-dialog .modal-content .modal-body .checkout.final_step .packages_content {
  margin: 0;
  padding: 0;
}
.modal-dialog .modal-content .modal-body .checkout.final_step .packages_content .package {
  height: 100%;
}
.modal-dialog .modal-content .modal-body .checkout.final_step .wrapper {
  flex: 1;
}
.modal-dialog .modal-content .modal-body .checkout .payment_details {
  border: 1px dashed #1DA6D6;
  border-bottom: none;
  padding: 32px 50px;
  border-radius: 16px 16px 0 0;
}
@media (max-width: 767px) {
  .modal-dialog .modal-content .modal-body .checkout .payment_details {
    padding: 15px;
  }
}
.modal-dialog .modal-content .modal-body .checkout .payment_details h3 {
  color: #1DA6D6;
  font-family: "LamaRounded-Bold";
  font-size: 22px;
  margin-bottom: 32px;
}
.modal-dialog .modal-content .modal-body .checkout .payment_details .details .wrapper {
  margin-bottom: 16px;
}
.modal-dialog .modal-content .modal-body .checkout .payment_details .details .wrapper:last-of-type {
  margin: 0;
}
.modal-dialog .modal-content .modal-body .checkout .payment_details .details .wrapper h5 {
  font-size: 18px;
  font-family: "LamaRounded-SemiBold";
  color: #717676;
  margin: 0;
}
@media (max-width: 767px) {
  .modal-dialog .modal-content .modal-body .checkout .payment_details .details .wrapper h5 {
    font-size: 16px;
  }
}
.modal-dialog .modal-content .modal-body .checkout .payment_details .details .wrapper p {
  margin: 0;
  font-family: "LamaRounded-SemiBold";
  color: #353A36;
}
.modal-dialog .modal-content .modal-body .checkout .payment_details .details .wrapper p.main_p {
  gap: 7px;
  font-size: 20px;
  color: #0C536C;
  font-family: "cairo-bold";
}
@media (max-width: 767px) {
  .modal-dialog .modal-content .modal-body .checkout .payment_details .details .wrapper p.main_p {
    font-size: 18px;
  }
}
.modal-dialog .modal-content .modal-body .checkout .discount {
  border: 1px dashed #1DA6D6;
  padding: 32px 50px;
  border-radius: 0 0 16px 16px;
}
@media (max-width: 767px) {
  .modal-dialog .modal-content .modal-body .checkout .discount {
    padding: 15px;
  }
}
.modal-dialog .modal-content .modal-body .checkout .discount .discountBadge {
  border: 1px solid #1DA6D6;
  border-radius: 8px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 60px;
  margin-bottom: 18px;
}
.modal-dialog .modal-content .modal-body .checkout .discount .discountBadge span {
  font-family: "LamaRounded-Regular";
  font-size: 20px;
}
@media (max-width: 767px) {
  .modal-dialog .modal-content .modal-body .checkout .discount .discountBadge span {
    font-size: 18;
  }
}
.modal-dialog .modal-content .modal-body .checkout .discount .discountBadge img {
  position: absolute;
  left: 15px;
  top: 10px;
}
.modal-dialog .modal-content .modal-body .checkout .discount .value .percent {
  color: #353A36;
  margin-bottom: 10px;
}
.modal-dialog .modal-content .modal-body .checkout .discount .value .percent h5 {
  font-size: 20px;
  font-family: "LamaRounded-Bold";
  margin: 0;
}
.modal-dialog .modal-content .modal-body .checkout .discount .value .percent p {
  margin: 0;
  font-size: 18px;
  font-family: "LamaRounded-SemiBold";
}
.modal-dialog .modal-content .modal-body .checkout .discount .value .total {
  color: #004956;
  font-family: "LamaRounded-Bold";
}
.modal-dialog .modal-content .modal-body .checkout .discount .value .total h5 {
  font-size: 20px;
  margin: 0;
}
.modal-dialog .modal-content .modal-body .checkout .discount .value .total p {
  font-size: 18px;
  margin: 0;
}

/*upgrade*/
.upgrade-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 36px;
}
.upgrade-header h4 {
  font-size: 40px;
  letter-spacing: -1px;
  color: #1FA6D6;
  font-family: "cairo-bold";
}

.package {
  cursor: pointer;
}
.package.active {
  border: 1px solid #1FA6D6;
}
.package.active .package-body {
  background-color: #1FA6D6;
}
.package.active h3 {
  background-color: #EBF9FF !important;
  color: #1FA6D6 !important;
}
.package.active ul li {
  color: #fff !important;
}
.package.active ul img {
  filter: grayscale(1) invert(1);
}

.packages_content {
  padding: 0 32px;
  margin-bottom: 53px;
}
@media (max-width: 1200px) {
  .packages_content {
    padding: 0;
    gap: 16px;
  }
}
@media (max-width: 991px) {
  .packages_content {
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }
}
.packages_content .package {
  box-shadow: 0 10px 60px 0 rgba(38, 45, 118, 0.08);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .packages_content .package {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .packages_content .package {
    width: 100%;
  }
}
.packages_content .package h3 {
  padding: 16px 70px;
  background-color: #1fa6d6;
  color: #fff;
  font-family: "cairo-bold";
  font-size: 20px;
  text-align: center;
  margin: 0;
}
.packages_content .package .package-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.packages_content .package .package-body ul {
  padding: 20px 32px 16px 8px;
  margin: 0;
}
.packages_content .package .package-body ul li {
  color: #181059;
  font-size: 14px;
  margin-bottom: 10px;
}
.packages_content .package .package-body .package-price {
  margin: 0 20px 30px;
  border: 1px solid #1FA6D6;
  border-radius: 8px;
  background-color: #EBF9FF;
  padding: 1px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.packages_content .package .package-body .package-price button {
  font-family: "cairo-semibold";
  color: #fff;
  background-color: #1FA6D6;
  padding: 6px 45px;
  border-radius: 8px;
  border: none !important;
  outline: none !important;
}
.packages_content .package .package-body .package-price span {
  font-family: "cairo-semibold";
  color: #2992B7;
}
.packages_content .package .package-body .package-price span span {
  font-family: "Poppins-SemiBold";
}

/*home */
.hero {
  height: 950px;
  position: relative;
  width: 99%;
  margin: auto;
  padding-top: 100px;
}
@media (max-width: 767px) {
  .hero {
    padding: 50px 15px;
    background-color: #C9F1FF;
    height: auto;
    background-image: url(../images/hero_shape.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.hero .hero_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .hero .hero_bg {
    display: none;
  }
}
.hero .content {
  text-align: center;
  position: relative;
  z-index: 3;
}
.hero .content h1 {
  font-size: 40px;
  font-family: "cairo-bold";
  margin-bottom: 24px;
  color: #1B6681;
  text-align: center;
}
.hero .content p {
  color: #1B6681;
  font-size: 24px;
  max-width: 950px;
  margin: auto;
}
.hero .content a {
  display: inline-block;
  margin-top: 36px;
  background-color: #1DA6D6;
  color: #fff;
  padding: 9px 24px;
  border-radius: 8px;
  font-size: 20px;
  font-family: "cairo-bold";
  text-decoration: none !important;
}
@media (max-width: 767px) {
  .hero .content h1 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .hero .content p {
    color: #1B6681;
    font-size: 16;
    max-width: 950px;
    margin: auto;
  }
  .hero .content a {
    margin-top: 28px;
    padding: 9px 16px;
    font-size: 16;
  }
}

.home-content {
  padding: 100px 60px;
}
.home-content .apps {
  gap: 12px;
}
@media (max-width: 767px) {
  .home-content {
    padding: 50px 15px;
  }
  .home-content .row {
    gap: 24px;
  }
}
.home-content img {
  width: 100%;
}
.home-content h2 {
  font-size: 34px;
  font-family: "cairo-bold";
  color: #1DA6D6;
  margin-bottom: 64px;
}
@media (max-width: 767px) {
  .home-content h2 {
    font-size: 28px;
    margin-bottom: 36px;
  }
}
.home-content p,
.home-content ul {
  color: #185E77;
  font-size: 24px;
  font-family: "cairo-semibold";
}
@media (max-width: 767px) {
  .home-content p,
  .home-content ul {
    font-size: 15px;
  }
}
.home-content ul {
  list-style: square;
}
.home-content ul li {
  margin-bottom: 10px;
}
.home-content ul li strong {
  color: #2992B7;
  font-family: "cairo-bold";
}
.home-content.security, .home-content.loyal, .home-content.app, .home-content.ai, .home-content.est {
  background-color: #F1FBFF;
}

.home_packages {
  padding: 100px 125px;
}
.home_packages h2 {
  font-family: "cairo-bold";
  font-size: 48px;
  color: #1DA6D6;
  margin-bottom: 110px;
  text-align: center;
}
@media (max-width: 767px) {
  .home_packages h2 {
    font-size: 28px;
    margin-bottom: 50px;
  }
}
.home_packages .packages_content {
  padding: 0;
  gap: 30px;
}
.home_packages .packages_content .package h3 {
  padding: 16px 15px;
}
.home_packages .packages_content .package .package-body .package-price {
  padding: 1px 1px 1px 6px;
  justify-content: space-between;
}
.home_packages .packages_content .package .package-body .package-price button {
  padding: 6px 28px;
}
.home_packages .packages_content .package.active {
  transform: translateY(-53px);
}
@media (max-width: 991px) {
  .home_packages .packages_content .package.active {
    transform: unset;
  }
}
@media (max-width: 1400px) {
  .home_packages {
    padding: 100px 30px;
  }
}
@media (max-width: 1200px) {
  .home_packages {
    padding: 50px 15px;
  }
}

.customers {
  padding: 50px 100px;
  background-color: #F1FBFF;
}
@media (max-width: 767px) {
  .customers {
    padding: 50px 15px;
  }
}
.customers h2 {
  text-align: center;
  display: flex;
  align-items: center;
  color: #1DA6D6;
  font-size: 48px;
  font-family: "cairo-bold";
  margin-bottom: 55px;
  gap: 24px;
  justify-content: center;
}
@media (max-width: 767px) {
  .customers h2 {
    font-size: 28px;
    margin-bottom: 36px;
    gap: 12px;
  }
  .customers h2 img {
    width: 40px;
  }
}
.customers .customer {
  background: #fff;
  padding: 10px;
  border-radius: 32px;
  padding: 32px 32px 48px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (max-width: 1250px) {
  .customers .customer {
    padding: 45px 15px 20px;
    border-radius: 16px;
  }
}
.customers .customer .quote {
  width: 40px;
  position: absolute;
  left: 32px;
  top: 32px;
}
@media (max-width: 1460px) {
  .customers .customer .quote {
    width: 30px;
    top: 20px;
    left: 20px;
  }
}
.customers .customer .wrapper {
  gap: 10px;
  margin-bottom: 32px;
}
@media (max-width: 1250px) {
  .customers .customer .wrapper {
    margin-bottom: 20;
  }
}
.customers .customer .wrapper img {
  width: 70px;
}
@media (max-width: 1250px) {
  .customers .customer .wrapper img {
    width: 50px;
  }
}
.customers .customer .wrapper .info h4 {
  font-size: 24px;
  font-family: "cairo-semibold";
  color: #000;
  margin: 0;
}
@media (max-width: 1250px) {
  .customers .customer .wrapper .info h4 {
    font-size: 18px;
  }
}
.customers .customer .wrapper .info span {
  color: #1B8BB3;
}
@media (max-width: 1250px) {
  .customers .customer .wrapper .info span {
    font-size: 14px;
  }
}
.customers .customer .caption {
  color: #363A3D;
}
@media (max-width: 1250px) {
  .customers .customer .caption {
    font-size: 14px;
  }
}
.customers .owl-nav {
  position: absolute;
  left: 0;
  top: 37%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 767px) {
  .customers .owl-nav {
    display: none;
  }
}
.customers .owl-dots {
  margin-top: 30px;
}
.customers .owl-next,
.customers .owl-prev {
  width: 44px;
  height: 44px;
  border-radius: 50% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff !important;
  margin: 0 !important;
  outline: none;
}
.customers .owl-next:hover,
.customers .owl-prev:hover {
  background-color: #1FA6D6 !important;
}
.customers .owl-prev {
  right: -64px;
  position: absolute;
}
.customers .owl-prev img {
  filter: grayscale(100%) brightness(30%);
}
.customers .owl-prev:hover img {
  filter: unset;
}
.customers .owl-next {
  left: -64px;
  position: absolute;
}
.customers .owl-next:hover img {
  filter: brightness(600%);
}
.customers .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 4px;
  background-color: #D7CCCC;
  margin: 0px 4px;
  transition: 0.3s all ease-in-out;
}
.customers .owl-theme .owl-dots .owl-dot.active span {
  background-color: #1FA6D6;
  width: 40px;
}
.customers .owl-carousel .owl-stage {
  display: flex;
}
.customers .item {
  display: flex;
  flex: 1 0 auto;
  height: 100%;
}

/*otp */
.otp-container {
  display: flex;
  justify-content: space-between;
  margin: 0;
}

.otp-input {
  width: 58px;
  height: 60px;
  text-align: center;
  font-size: 24px;
  border: 1px solid #E6E9EA;
  border-radius: 6px;
  outline: none;
  background-color: #F9FAFA;
}
.otp-input.filled {
  background-color: #1DA6D6;
  border-color: #1DA6D6;
  color: #fff;
}

/*login email modal */
#loginEmailModal .modal-footer {
  flex-direction: column;
  gap: 16px;
}
#loginEmailModal .modal-footer h6 {
  color: #1DA6D6;
  font-family: "cairo-semibold";
}

/*otp modal */
.OTPModal.modal .modal-dialog {
  max-width: 480px;
}
.OTPModal.modal .modal-dialog .modal-content {
  padding: 30px 32px;
}
.OTPModal.modal .modal-dialog .modal-header,
.OTPModal.modal .modal-dialog .modal-body {
  padding: 0;
}
.OTPModal.modal .modal-dialog .modal-header {
  flex-direction: column;
}
.OTPModal.modal .modal-dialog .modal-header h2 {
  width: 100%;
  text-align: center;
  font-family: "cairo-bold";
  font-size: 30px;
  color: #000;
  margin-bottom: 28px;
}
.OTPModal.modal .modal-dialog .modal-header .close {
  position: static;
}
.OTPModal.modal .modal-dialog .modal-body p {
  text-align: center;
  max-width: 65%;
  margin: auto;
  color: #8083A3;
  margin-bottom: 28px;
}
.OTPModal.modal .modal-dialog .modal-body .otp-container {
  padding: 0 35px;
  gap: 28px;
}
.OTPModal.modal .modal-dialog .modal-body #submitOtp {
  background: #1DA6D6;
  border: 1px solid #1DA6D6;
  width: 100%;
  border-radius: 8px;
  padding: 8px;
  color: #fff;
  font-family: "cairo-bold";
  font-size: 18px;
  margin-top: 30px;
}
.OTPModal.modal .modal-dialog .modal-footer {
  padding: 0;
  border: none;
  margin-top: 30px;
  font-size: 14px;
  flex-direction: column;
  gap: 16px;
}
.OTPModal.modal .modal-dialog .modal-footer h6 {
  color: #1DA6D6;
  font-family: "cairo-semibold";
}
.OTPModal.modal .modal-dialog .modal-footer .resend {
  font-family: "cairo-medium";
}
.OTPModal.modal .modal-dialog .modal-footer .resend #timer {
  color: #000;
}
.OTPModal.modal .modal-dialog .modal-footer .resend #resendOtp {
  color: #7A7A7A;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
}
.OTPModal.modal .modal-dialog .modal-footer #changePhone {
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  color: #1DA6D6;
  font-family: "cairo-bold";
}

.signupmodal .form-group {
  margin: 0;
}
.signupmodal .form-group label {
  font-size: 12px;
  margin-bottom: 5px;
  color: #000;
}
.signupmodal .form-group input,
.signupmodal .form-group select {
  height: 48px;
  border: none;
  font-family: "LamaRounded-Regular";
  outline: none;
}
.signupmodal .form-group input {
  background-color: #F9FAFA;
  border-radius: 0 6px 6px 0;
  box-shadow: none !important;
  padding: 0 0 0 16px;
}
.signupmodal .form-group select {
  border-radius: 6px 0 0 6px;
  background-color: #E6E9EA !important;
  color: #000 !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url(../images/arrow_down.svg) no-repeat left 18px center;
  background-size: 13px;
  padding-inline-start: 36px;
  padding-inline-end: 12px;
  direction: ltr;
  outline: none !important;
}
.signupmodal .terms {
  font-family: "cairo-medium";
  gap: 11px;
  margin-top: 30px;
}
.signupmodal .terms input {
  width: 24px;
  height: 24px;
}
.signupmodal .terms span {
  color: #000;
}
.signupmodal .terms span a {
  color: #1DA6D6;
  text-decoration: none;
}
.signupmodal .modal-footer {
  font-family: "cairo-medium";
  color: #000;
  justify-content: center !important;
  gap: 3px;
}
.signupmodal .modal-footer span {
  color: #1DA6D6;
}/*# sourceMappingURL=style.css.map */