/*********************************************************
  // global color variables
**********************************************************/
/*********************************************************
  // Font variables
**********************************************************/
/*********************************************************
  // spacing variables
**********************************************************/
/*********************************************************
  // screens
**********************************************************/
/* Main properties that control the layout direction are:
-----------------------------------------------
- Direction (LTR/RTL)
- Float (left/right)
- Margin 
- Padding
- Absolute position (left/right)
- Background position (left/right)
- Border
- Border radious
- Note: "Think about flexbox properties"
*/
/* Clearfix */
/* Direction */
/* Float */
/* Margin */
/* Padding */
/* Left And Right For Absolute Position */
/* Border */
/*********************************************************
  // global color variables
**********************************************************/
/*********************************************************
  // Font variables
**********************************************************/
/*********************************************************
  // spacing variables
**********************************************************/
/*********************************************************
  // screens
**********************************************************/
* {
  border: 0;
  outline: 0;
  box-sizing: border-box; }

@font-face {
  font-family: "HSDream-Light";
  src: url("../fonts/HSDream-Light.ttf");
  font-display: swap; }
html {
  scroll-behavior: smooth; }

body {
  font-family: "HSDream-Light", sans-serif, "Font Awesome 5 Free";
  overflow-x: hidden; }
  html[dir="ltr"] body {
    direction: ltr;
    text-align: left; }
  html[dir="rtl"] body {
    direction: rtl;
    text-align: right; }
  body.light-theme {
    background-color: #ffffff; }
    .light-theme body.light-theme {
      color: #555555; }
    .dark-theme body.light-theme {
      color: #898989; }
  body.dark-theme {
    color: #ffffff;
    background-color: #031122; }

body.no-transition * {
  transition: none !important; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none; }

p {
  margin: 0;
  font-size: 1.2em; }
  .light-theme p {
    color: #020b1b; }
  .dark-theme p {
    color: #ffffff; }

input:focus::placeholder {
  color: transparent; }

*::placeholder {
  color: #444;
  transition: all 0.3s ease; }

form {
  padding: 0;
  margin: 0 auto;
  width: 100%; }
  html[dir="ltr"] form {
    text-align: left; }
  html[dir="rtl"] form {
    text-align: right; }

a {
  text-decoration: none !important; }

.owl-carousel {
  touch-action: manipulation; }

ul {
  padding: 0;
  list-style: none;
  margin: 0; }

button,
input[type="submit"] {
  cursor: pointer; }

button,
a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

select:focus,
button:focus,
input:focus {
  outline: 0; }

/* owl carousel*/
.owl-stage-outer {
  display: block;
  position: relative;
  direction: ltr; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  display: inline-block; }

html[dir="ltr"] .owl-carousel .owl-item {
  direction: ltr; }
html[dir="rtl"] .owl-carousel .owl-item {
  direction: rtl; }

.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: auto;
  touch-action: auto; }

/* owl carousel*/
.owl-nav img {
  width: 43px;
  height: 43px; }
  html[dir="ltr"] .owl-nav img {
    transform: rotate(180deg); }

/*********************************************************
  // global color variables
**********************************************************/
/*********************************************************
  // Font variables
**********************************************************/
/*********************************************************
  // spacing variables
**********************************************************/
/*********************************************************
  // screens
**********************************************************/
/* Classes */
.rounded-bnr {
  width: 100%;
  margin-bottom: 25px;
  border-radius: 25px; }

.o-hidden {
  overflow: hidden; }

.center-dashed-title {
  position: relative;
  display: block;
  text-align: center; }
  .center-dashed-title::before {
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 5px;
    background-color: #23a3c8;
    bottom: 0;
    left: calc(50% - 20px);
    transform: translateX(-50%); }
  .center-dashed-title::after {
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 5px;
    background-color: #e0a73c;
    bottom: 0;
    left: calc(50% + 20px);
    transform: translateX(-50%); }

.font-64 {
  font-size: 64px; }
  @media (max-width: 768px) {
    .font-64 {
      font-size: 40px; } }

.font-40 {
  font-size: 40px !important; }
  @media (max-width: 768px) {
    .font-40 {
      font-size: 30px !important; } }

.font-25 {
  font-size: 25px; }
  @media (max-width: 768px) {
    .font-25 {
      font-size: 20px; } }

.font-24 {
  font-size: 25px !important; }
  @media (max-width: 768px) {
    .font-24 {
      font-size: 22px !important; } }

.font-30 {
  font-size: 30px !important; }
  @media (max-width: 768px) {
    .font-30 {
      font-size: 25px !important; } }

.font-20 {
  font-size: 20px; }
  @media (max-width: 768px) {
    .font-20 {
      font-size: 18px; } }

.font-18 {
  font-size: 18px; }
  @media (max-width: 768px) {
    .font-18 {
      font-size: 15px; } }

.font-16 {
  font-size: 16px !important; }

.font-15 {
  font-size: 15px; }

.bold {
  font-weight: bold; }

.med {
  font-weight: 600; }

.light-theme .dark-color {
  color: #555555; }
.dark-theme .dark-color {
  color: #ffffff; }

.white-color {
  color: #fff !important; }

.light-color {
  color: #898989; }

.green-color {
  color: #e0a73c !important; }

.blue-color {
  color: #23a3c8 !important; }

.light-theme .black-color {
  color: #021129 !important; }
.dark-theme .black-color {
  color: #23a3c8 !important; }

.light-theme .white {
  background-color: #fff !important; }
.dark-theme .white {
  background-color: transparent !important; }

.green {
  color: #e0a73c; }

.hint {
  font-size: 20px !important;
  line-height: 28px; }

.reverse-row .row:nth-child(even) {
  flex-direction: row-reverse; }
  @media (max-width: 768px) {
    .reverse-row .row:nth-child(even) {
      flex-direction: row; } }

.mt-05 {
  margin-top: 5px; }

.mt-10 {
  margin-top: 10px; }

.mt-15 {
  margin-top: 15px; }

.mt-20 {
  margin-top: 20px; }
  @media (max-width: 768px) {
    .mt-20 {
      margin-top: 10px; } }

.mt-30 {
  margin-top: 30px; }
  @media (max-width: 768px) {
    .mt-30 {
      margin-top: 15px; } }

.mt-40 {
  margin-top: 40px; }
  @media (max-width: 768px) {
    .mt-40 {
      margin-top: 20px; } }

.mt-50 {
  margin-top: 50px; }
  @media (max-width: 768px) {
    .mt-50 {
      margin-top: 25px; } }

.mt-60 {
  margin-top: 60px; }
  @media (max-width: 768px) {
    .mt-60 {
      margin-top: 30px; } }

.mb-05 {
  margin-bottom: 5px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-20 {
  margin-bottom: 20px; }
  @media (max-width: 768px) {
    .mb-20 {
      margin-bottom: 10px; } }

.mb-30 {
  margin-bottom: 30px; }
  @media (max-width: 768px) {
    .mb-30 {
      margin-bottom: 15px; } }

.mb-40 {
  margin-bottom: 40px; }
  @media (max-width: 768px) {
    .mb-40 {
      margin-bottom: 20px; } }

.mb-50 {
  margin-bottom: 50px; }
  @media (max-width: 768px) {
    .mb-50 {
      margin-bottom: 25px; } }

.mb-60 {
  margin-bottom: 60px; }
  @media (max-width: 768px) {
    .mb-60 {
      margin-bottom: 30px; } }

.pt-05 {
  padding-top: 5px; }

.pt-10 {
  padding-top: 10px; }

.pt-15 {
  padding-top: 15px; }

.pt-20 {
  padding-top: 20px; }
  @media (max-width: 768px) {
    .pt-20 {
      padding-top: 10px; } }

.pt-30 {
  padding-top: 30px; }
  @media (max-width: 768px) {
    .pt-30 {
      padding-top: 15px; } }

.pt-40 {
  padding-top: 40px; }

.pt-50 {
  padding-top: 50px; }
  @media (max-width: 768px) {
    .pt-50 {
      padding-top: 25px; } }

.pt-60 {
  padding-top: 60px; }
  @media (max-width: 768px) {
    .pt-60 {
      padding-top: 30px; } }

.pb-05 {
  padding-bottom: 5px; }

.pb-10 {
  padding-bottom: 10px; }

.pb-15 {
  padding-bottom: 15px; }

.pb-20 {
  padding-bottom: 20px; }
  @media (max-width: 768px) {
    .pb-20 {
      padding-bottom: 10px; } }

.pb-30 {
  padding-bottom: 30px; }
  @media (max-width: 768px) {
    .pb-30 {
      padding-bottom: 15px; } }

.pb-40 {
  padding-bottom: 40px; }

.pb-50 {
  padding-bottom: 50px; }
  @media (max-width: 768px) {
    .pb-50 {
      padding-bottom: 25px; } }

.pb-60 {
  padding-bottom: 60px; }
  @media (max-width: 768px) {
    .pb-60 {
      padding-bottom: 30px; } }

.button {
  min-width: 180px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  font-size: 16px;
  border-radius: 25px;
  border: 1px solid; }
  html[dir="ltr"] .button i {
    margin-right: 5px; }
  html[dir="rtl"] .button i {
    margin-left: 5px; }
  .button.blue {
    color: #ffffff;
    background-color: #23a3c8;
    border-color: #23a3c8; }
    .button.blue:hover {
      color: #23a3c8;
      background-color: transparent; }
  .button.green {
    color: #ffffff;
    background-color: #e0a73c;
    border-color: #e0a73c; }
    .button.green:hover {
      color: #e0a73c;
      background-color: transparent; }
  .button.blue-reverce {
    border-color: #23a3c8;
    color: #23a3c8;
    background-color: transparent; }
    .button.blue-reverce:hover {
      color: #ffffff;
      background-color: #23a3c8; }
  .button.green-reverce {
    border-color: #e0a73c;
    color: #e0a73c;
    background-color: transparent; }
    .button.green-reverce:hover {
      color: #ffffff;
      background-color: #e0a73c; }

.nav-btn {
  background-color: transparent;
  color: #ffffff;
  font-size: 20px;
  display: none;
  outline: none !important;
  border: 0 !important; }
  html[dir="ltr"] .nav-btn {
    margin-left: 20px; }
  html[dir="rtl"] .nav-btn {
    margin-right: 20px; }
  @media (max-width: 768px) {
    .nav-btn {
      display: block; } }

.blue-bg {
  background-color: rgba(37, 163, 200, 0.07); }

.white-bg {
  background-color: #fff !important; }

.text-end {
  text-align: end; }

.text-start {
  text-align: start; }

.section-title {
  font-size: 35px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 8px; }
  .light-theme .section-title {
    color: #555555; }
  .dark-theme .section-title {
    color: #ffffff; }
  @media (max-width: 768px) {
    .section-title {
      font-size: 30px; } }

.section-subtitle {
  font-size: 18px;
  text-align: center;
  max-width: 500px;
  margin: auto; }
  .light-theme .section-subtitle {
    color: #555555; }
  .dark-theme .section-subtitle {
    color: #ffffff; }

.input {
  border-radius: 30px;
  border: 2px solid transparent;
  box-shadow: 0 0 5px #ddd;
  height: 45px;
  padding: 0 20px;
  transition: all 0.3s ease-in-out;
  display: block;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid transparent;
  box-shadow: 0 0 5px #ddd;
  font-size: 18px; }
  .input::placeholder {
    color: #495057; }

textarea.input {
  padding: 20px;
  height: 150px;
  resize: none; }

img {
  }

.title-after {
  position: relative;
  width: max-content;
  width: -moz-max-content;
  margin: auto;
  padding-bottom: 10px;
  border-bottom: 8px solid #021129;
  margin-bottom: 15px; }
  .title-after::after, .title-after:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 8px;
    right: 0;
    bottom: -8px;
    background-color: #23a3c8; }
  .title-after:before {
    right: 50px;
    background-color: #e0a73c; }

.detailsTitle {
  margin-bottom: 40px; }

.design-div {
  padding-bottom: 15px; }
  .light-theme .design-div {
    background-color: #f6fbfd; }
  .dark-theme .design-div {
    background-color: #0a162e; }
  .design-div .desgin-options .title-options {
    color: #fff;
    border-radius: 0 0 50px 50px;
    padding: 15px 0;
    margin-bottom: 25px;
    color: #fff;
    background-color: #e0a73c; }
    @media (max-width: 768px) {
      .design-div .desgin-options .title-options {
        margin-bottom: 25px;
        padding: 10px 17px;
        font-size: 17px; } }

.seo-item {
  box-shadow: 1px 1px 10px #dadada;
  border-radius: 20px;
  padding: 15px;
  min-height: 290px;
  margin-bottom: 30px;
  transition: all 0.5s ease-in-out; }
  .seo-item:hover {
    box-shadow: 1px 1px 10px #23a3c8; }
  .seo-item img {
    width: 100px;
    height: 100px;
    margin: auto; }
  .seo-item h6 {
    font-weight: 700; }

/*start product template*/
.product-head .apps-img,
.product-head .apps-img img {
  height: auto;
  width: 100%; }

.blue-white {
  background-color: rgba(37, 163, 200, 0.07) !important; }

.green-white {
  background-color: rgba(109, 190, 10, 0.16); }

.product-slider {
  background-color: rgba(37, 163, 200, 0.07); }

.product-slide .owl-nav {
  display: none !important; }

.down-nav-arr .owl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px; }
  .down-nav-arr .owl-nav button {
    margin: 0 10px; }
  html[dir="ltr"] .down-nav-arr .owl-nav img {
    transform: rotate(180deg); }

.title-section,
.product-head .title {
  font-size: 32px; }

.title-content {
  font-size: 25px; }

.info-content {
  font-size: 18px; }

.reverced-icons .adv2 span.icon img {
  filter: invert(1); }

.tahoma {
  font-family: tahoma; }

.center-img {
  display: block;
  margin: auto;
  width: 50%; }

@media (max-width: 768px) {
  .center-img {
    width: 100%; } }
.content-font {
  font-size: 21px !important;
  position: relative;
  line-height: 40px; }
  .light-theme .content-font {
    color: #020b1b; }
  .dark-theme .content-font {
    color: #ffffff; }

.normal-font {
  font-size: 21px !important;
  position: relative;
  padding: 0 20px 0 0;
  line-height: 40px; }
  .light-theme .normal-font {
    color: #555; }
  .dark-theme .normal-font {
    color: #ffffff; }

.colored-list.list-unstyled,
.site-map .list-unstyled {
  padding-left: 0;
  list-style: none; }
  .colored-list.list-unstyled li, .site-map .list-unstyled li {
    margin: 0 0 15px;
    font-size: 21px;
    position: relative;
    line-height: 30px; }
    .light-theme .colored-list.list-unstyled li,
    .light-theme .site-map .list-unstyled li {
      color: #555; }
    .dark-theme .colored-list.list-unstyled li, .dark-theme .site-map .list-unstyled li {
      color: #ffffff; }
    html[dir="ltr"] .colored-list.list-unstyled li, html[dir="ltr"] .site-map .list-unstyled li {
      padding-left: 20px; }
    html[dir="rtl"] .colored-list.list-unstyled li, html[dir="rtl"] .site-map .list-unstyled li {
      padding-right: 20px; }
    .colored-list.list-unstyled li::after, .site-map .list-unstyled li::after {
      content: "";
      position: absolute;
      width: 7px;
      height: 7px;
      top: 13px;
      flex-shrink: 0; }
      html[dir="ltr"] .colored-list.list-unstyled li::after, html[dir="ltr"] .site-map .list-unstyled li::after {
        left: 0; }
      html[dir="rtl"] .colored-list.list-unstyled li::after, html[dir="rtl"] .site-map .list-unstyled li::after {
        right: 0; }
    .colored-list.list-unstyled li:nth-child(odd)::after, .site-map .list-unstyled li:nth-child(odd)::after {
      background: #23a3c8; }
    .colored-list.list-unstyled li:nth-child(even)::after, .site-map .list-unstyled li:nth-child(even)::after {
      background: #e0a73c; }

.title-section,
.product-head .title {
  font-size: 32px;
  text-align: center;
  font-weight: bold; }

.center-img {
  display: block;
  margin: auto;
  width: 50%; }

.project-img {
  width: 310px;
  height: 200px;
  overflow: hidden;
  position: relative;
  background-color: rgba(185, 236, 251, 0.64);
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  width: 100%;
  margin-bottom: 10px; }
  .project-img img {
    object-fit: unset;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out; }

.work-txt p {
  font-size: 20px;
  text-align: center; }

/*end product template*/
.green-bg-color {
  background-color: #6DBE0A;
  color: #fff; }

.blue-bg-color {
  background-color: #23A3C8;
  color: #fff; }

html[dir="ltr"] .ltr {
  direction: ltr !important; }
html[dir="rtl"] .ltr {
  direction: rtl !important; }

/*==============================//  HOME PAGE   //===================================*/
.has-uls ul,
.has-uls ol {
  list-style: initial; }

.mode-control {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #ffffff; }
  @media (max-width: 992px) {
    .mode-control {
      font-size: 16px; } }
  .mode-control i {
    cursor: pointer;
    transition: 0.3s;
    background-color: transparent; }
    html[dir="ltr"] .mode-control i {
      margin-left: 15px; }
    html[dir="rtl"] .mode-control i {
      margin-right: 15px; }
    .mode-control i.dark.active {
      color: #23a3c8; }
    .mode-control i.light.active {
      color: #fdb813; }

.loader {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #020b1b;
  z-index: 99999; }

.search-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1035;
  width: 100%;
  padding: 30px 0;
  background: #020b1b;
  transform: translateY(-100%);
  transition: 0.5s ease; }
  .search-popup.show {
    transform: none; }
  .search-popup .close-search {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    font-size: 18px;
    cursor: pointer; }
  .search-popup input,
  .search-popup select {
    border-radius: 30px;
    border: 2px solid transparent;
    box-shadow: 0 0 5px #ddd;
    height: 45px;
    padding: 5px 20px;
    transition: all 0.3s ease-in-out; }
  .search-popup .site-btn {
    display: block;
    width: 180px;
    max-width: 100%;
    height: 40px;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border: 1px solid transparent;
    font-size: 16px;
    background-color: transparent;
    box-shadow: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    background-color: #23a3c8; }

.search-popup select.form-control,
.search select.form-control {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
  appearance: menulist; }

.search-btn {
  cursor: pointer;
  color: #fff; }

html[dir="ltr"] .contact-form .error_meassages {
  transform: translate(18px, -14px); }
html[dir="rtl"] .contact-form .error_meassages {
  transform: translate(-18px, -14px); }

/***************  start header  ***************/
.header {
  position: relative;
  z-index: 99;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
  .header.fixed {
    position: fixed; }
    .header.fixed .up {
      /* background-color: #020b1b;  */
    }
    .header.fixed .main-nav {
      background-color: rgba(2, 17, 41, 0.6);
      padding-bottom: 15px; }
  .header .up .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(224, 224, 224, 0.5); }
    .header .up .inner .right {
      display: flex;
      align-items: center; }
      .header .up .inner .right .logo {
        display: block; }
        .header .up .inner .right .logo img {
          width: 145px; }
    .header .up .inner .left {
      display: flex;
      align-items: center; }
      .header .up .inner .left .vission {
        width: 75px; }
        html[dir="ltr"] .header .up .inner .left .vission {
          margin-left: 10px; }
        html[dir="rtl"] .header .up .inner .left .vission {
          margin-right: 10px; }
      .header .up .inner .left .lang {
        display: flex;
        align-items: center;
        color: #ffffff;
        font-weight: bold; }
        html[dir="ltr"] .header .up .inner .left .lang {
          margin-left: 20px; }
        html[dir="rtl"] .header .up .inner .left .lang {
          margin-right: 20px; }
        html[dir="rtl"] .header .up .inner .left .lang {
          font-family: tahoma; }
        .header .up .inner .left .lang img {
          width: 30px; }
          html[dir="ltr"] .header .up .inner .left .lang img {
            margin-left: 5px; }
          html[dir="rtl"] .header .up .inner .left .lang img {
            margin-right: 5px; }

.main-nav {
  padding-top: 15px; }
  @media (max-width: 992px) {
    .main-nav {
      padding: 10px 0; } }
  .main-nav .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    transition: 0.5s ease-out;
    opacity: 0;
    visibility: hidden;
    display: none;
    z-index: 9; }
    .main-nav .overlay.show {
      opacity: 1;
      visibility: visible; }
    @media (max-width: 992px) {
      .main-nav .overlay {
        display: block; } }
  .main-nav .nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    perspective: 1200px; }
    @media (max-width: 992px) {
      .main-nav .nav-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
        perspective: none; } }
    .main-nav .nav-inner .btns {
      display: flex;
      align-items: center; }
      .main-nav .nav-inner .btns .nav-contact {
        display: flex;
        align-items: center;
        color: #ffffff;
        font-size: 14px; }
        html[dir="ltr"] .main-nav .nav-inner .btns .nav-contact {
          margin-left: 15px; }
        html[dir="rtl"] .main-nav .nav-inner .btns .nav-contact {
          margin-right: 15px; }
        .main-nav .nav-inner .btns .nav-contact i {
          font-size: 16px; }
          html[dir="ltr"] .main-nav .nav-inner .btns .nav-contact i {
            margin-right: 5px; }
          html[dir="rtl"] .main-nav .nav-inner .btns .nav-contact i {
            margin-left: 5px; }
    .main-nav .nav-inner .nav-control {
      display: flex;
      align-items: center; }
      .main-nav .nav-inner .nav-control > .search-btn {
        display: none; }
        @media (max-width: 992px) {
          .main-nav .nav-inner .nav-control > .search-btn {
            display: block;
            font-size: 20px; } }
      .main-nav .nav-inner .nav-control .search-btn {
        color: #ffffff; }
      .main-nav .nav-inner .nav-control .nav-list {
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10; }
        @media (max-width: 992px) {
          .main-nav .nav-inner .nav-control .nav-list {
            justify-content: flex-start;
            flex-direction: column; } }
        @media (max-width: 992px) {
          .main-nav .nav-inner .nav-control .nav-list {
            position: fixed;
            top: 0;
            right: 0;
            background-color: #020b1b;
            height: 100%;
            width: 250px;
            padding: 15px 0;
            transform: translateX(100%);
            transition: 0.5s ease-out;
            overflow: auto; }
            .main-nav .nav-inner .nav-control .nav-list.show {
              transform: none; } }
        @media (max-width: 992px) {
          .main-nav .nav-inner .nav-control .nav-list .list-item {
            margin-bottom: 10px;
            padding-bottom: 10px;
            display: block;
            border-bottom: 1px solid #999;
            width: 100%;
            display: flex;
            align-items: center;
            flex-wrap: wrap; } }
        .main-nav .nav-inner .nav-control .nav-list .list-item .link {
          color: #ffffff;
          font-size: 18px; }
          html[dir="ltr"] .main-nav .nav-inner .nav-control .nav-list .list-item .link {
            padding-right: 30px; }
          html[dir="rtl"] .main-nav .nav-inner .nav-control .nav-list .list-item .link {
            padding-left: 30px; }
          .main-nav .nav-inner .nav-control .nav-list .list-item .link:hover {
            color: #e0a73c; }
          @media (max-width: 992px) {
            .main-nav .nav-inner .nav-control .nav-list .list-item .link {
              font-size: 18px; }
              html[dir="ltr"] .main-nav .nav-inner .nav-control .nav-list .list-item .link {
                padding-right: 0; }
              html[dir="rtl"] .main-nav .nav-inner .nav-control .nav-list .list-item .link {
                padding-left: 0; }
              html[dir="ltr"] .main-nav .nav-inner .nav-control .nav-list .list-item .link {
                padding-left: 20px; }
              html[dir="rtl"] .main-nav .nav-inner .nav-control .nav-list .list-item .link {
                padding-right: 20px; } }
        @media (max-width: 992px) {
          .main-nav .nav-inner .nav-control .nav-list .list-item.search-item {
            display: none; } }
        .main-nav .nav-inner .nav-control .nav-list .list-item i.icon-fa-angle-down {
          color: #ffffff;
          font-size: 6px;
          display: inline-block; }
          html[dir="ltr"] .main-nav .nav-inner .nav-control .nav-list .list-item i.icon-fa-angle-down {
            transform: translateX(-20px); }
          html[dir="rtl"] .main-nav .nav-inner .nav-control .nav-list .list-item i.icon-fa-angle-down {
            transform: translateX(20px); }
          @media (max-width: 992px) {
            .main-nav .nav-inner .nav-control .nav-list .list-item i.icon-fa-angle-down {
              transform: none !important; }
              html[dir="ltr"] .main-nav .nav-inner .nav-control .nav-list .list-item i.icon-fa-angle-down {
                margin-left: 10px; }
              html[dir="rtl"] .main-nav .nav-inner .nav-control .nav-list .list-item i.icon-fa-angle-down {
                margin-right: 10px; } }
        .main-nav .nav-inner .nav-control .nav-list .list-item .drop {
          position: absolute;
          transition: all 0.5s;
          top: 100%;
          left: 0;
          -o-transform-style: preserve-3d;
          -moz-transform-style: preserve-3d;
          -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
          -o-transform: rotateX(-30deg);
          -moz-transform: rotateX(-30deg);
          -webkit-transform: rotateX(-30deg);
          transform: rotateX(-30deg);
          -o-transform-origin: center top;
          -moz-transform-origin: center top;
          -webkit-transform-origin: center top;
          transform-origin: center top;
          opacity: 0;
          visibility: hidden;
          -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=0, Color=#000000)";
          -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
          -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
          min-width: 100%;
          padding: 10px 0;
          overflow: hidden;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
          .light-theme .main-nav .nav-inner .nav-control .nav-list .list-item .drop {
            background-color: #ffffff; }
          .dark-theme .main-nav .nav-inner .nav-control .nav-list .list-item .drop {
            background-color: #0a162e; }
          .dark-theme .main-nav .nav-inner .nav-control .nav-list .list-item .drop {
            background-color: #0a162e; }
          .main-nav .nav-inner .nav-control .nav-list .list-item .drop .container {
            display: grid;
            grid-template-columns: repeat(3, 1fr); }
            @media (max-width: 992px) {
              .main-nav .nav-inner .nav-control .nav-list .list-item .drop .container {
                display: block; } }
          @media (max-width: 992px) {
            .main-nav .nav-inner .nav-control .nav-list .list-item .drop {
              position: static;
              display: none;
              min-width: 100%; }
              .light-theme .main-nav .nav-inner .nav-control .nav-list .list-item .drop {
                background-color: #020b1b; }
              .dark-theme .main-nav .nav-inner .nav-control .nav-list .list-item .drop {
                background-color: rgba(37, 163, 200, 0.07); } }
          .main-nav .nav-inner .nav-control .nav-list .list-item .drop::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url(../img/about-before.png);
            opacity: .2;
            background-size: cover; }
          .main-nav .nav-inner .nav-control .nav-list .list-item .drop li {
            font-size: 16px;
            transition: 0.3s;
            position: relative; }
            .main-nav .nav-inner .nav-control .nav-list .list-item .drop li:first-child a {
              border-top: 1px solid rgba(255, 255, 255, 0.1); }
            .main-nav .nav-inner .nav-control .nav-list .list-item .drop li:not(:last-child) a {
              border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
            .main-nav .nav-inner .nav-control .nav-list .list-item .drop li a {
              display: flex;
              align-items: center;
              padding: 5px 15px;
              width: 100%;
              height: 100%; }
              .light-theme .main-nav .nav-inner .nav-control .nav-list .list-item .drop li a {
                color: #555555; }
              .dark-theme .main-nav .nav-inner .nav-control .nav-list .list-item .drop li a {
                color: #898989; }
              @media (max-width: 992px) {
                .main-nav .nav-inner .nav-control .nav-list .list-item .drop li a {
                  color: #ffffff !important;
                  border-bottom: 0; } }
              .main-nav .nav-inner .nav-control .nav-list .list-item .drop li a .img {
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative; }
                html[dir="ltr"] .main-nav .nav-inner .nav-control .nav-list .list-item .drop li a .img {
                  margin-right: 20px; }
                html[dir="rtl"] .main-nav .nav-inner .nav-control .nav-list .list-item .drop li a .img {
                  margin-left: 20px; }
                .main-nav .nav-inner .nav-control .nav-list .list-item .drop li a .img::before {
                  content: "";
                  display: block;
                  width: 45px;
                  height: 45px;
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                  background: #eeedff;
                  border-radius: 50%; }
              .main-nav .nav-inner .nav-control .nav-list .list-item .drop li a:hover {
                background-color: #eeedff; }
              .main-nav .nav-inner .nav-control .nav-list .list-item .drop li a img {
                width: 22px;
                height: 45px;
                object-fit: contain;
                transition: all 0.5s ease;
                position: relative; }
        .main-nav .nav-inner .nav-control .nav-list .list-item.active .link {
          color: #e0a73c; }
        .main-nav .nav-inner .nav-control .nav-list .list-item:hover .drop {
          visibility: visible;
          -o-transform: rotateY(0deg);
          -moz-transform: rotateY(0deg);
          -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
          opacity: 1; }
          @media (max-width: 992px) {
            .main-nav .nav-inner .nav-control .nav-list .list-item:hover .drop {
              display: block; } }

.nav-btn {
  width: 30px;
  height: 22px;
  position: relative; }
  .nav-btn span {
    transition: 0.3s;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 50%; }
    .light-theme .nav-btn span {
      background-color: #f6fbfd; }
    .dark-theme .nav-btn span {
      background-color: #0a162e; }
    .nav-btn span:nth-child(1) {
      transform: translateX(-50%);
      top: 0; }
    .nav-btn span:nth-child(2) {
      top: 50%;
      transform: translate(-50%, -50%); }
    .nav-btn span:nth-child(3) {
      top: 100%;
      transform: translate(-50%, -100%); }
  .nav-btn.active span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(45deg);
    top: 50%; }
  .nav-btn.active span:nth-child(2) {
    opacity: 0; }
  .nav-btn.active span:nth-child(3) {
    transform: translate(-50%, -50%) rotate(-45deg);
    top: 50%; }

/***************  start features table  ***************/
.overflow-auto {
  overflow: auto; }

.features-table-container {
  padding: 40px 0; }
  .features-table-container .features-table {
    width: 100%;
    font-size: 18px; }
    .features-table-container .features-table .success {
      color: #e0a73c; }
    .features-table-container .features-table th {
      padding: 15px;
      color: #fff;
      background: #020b1b;
      border-bottom: 2px solid #fff; }
      html[dir="ltr"] .features-table-container .features-table th:first-child {
        border-top-left-radius: 15px; }
      html[dir="rtl"] .features-table-container .features-table th:first-child {
        border-top-right-radius: 15px; }
      html[dir="ltr"] .features-table-container .features-table th:last-child {
        border-top-right-radius: 15px; }
      html[dir="rtl"] .features-table-container .features-table th:last-child {
        border-top-left-radius: 15px; }
      .features-table-container .features-table th:not(:last-child) {
        border-left: 3px solid #fff; }
      .features-table-container .features-table th:not(:first-child) {
        text-align: center; }
    .features-table-container .features-table td {
      padding: 15px;
      border-bottom: 2px solid #fff;
      background-color: rgba(35, 163, 200, 0.06);
      min-width: 190px; }
      @media (max-width: 992px) {
        .features-table-container .features-table td {
          min-width: 110px;
          width: 7px; } }
      .features-table-container .features-table td:first-child {
        width: 200px;
        max-width: 200px; }
        @media (max-width: 992px) {
          .features-table-container .features-table td:first-child {
            min-width: 143px;
            width: 12px; } }
      .features-table-container .features-table td:not(:last-child) {
        border-left: 3px solid #fff; }
      .features-table-container .features-table td:not(:first-child) {
        text-align: center; }

/***************  start home-cover  ***************/
.home-cover {
  position: relative;
  padding-top: 167px;
  padding-bottom: 50px;
  background-size: cover;
  background-position: center center;
  height: 750px; }
  .home-cover .large-header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100% !important; }
    .home-cover .large-header canvas {
      width: 100% !important;
      height: 100% !important; }
  .home-cover::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/hover.webp);
    opacity: 0.5;
    background-size: cover; }
  .home-cover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#000e17, #044868, #000e17);
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.75; }
  .home-cover .container {
    position: relative;
    z-index: 10; }
  .home-cover .info {
    padding-top: 100px;
    padding-bottom: 50px;
    max-width: 650px; }
    .home-cover .info .title {
      font-size: 60px;
      color: #ffffff;
      position: relative;
      max-width: 400px;
      padding-bottom: 10px;
      margin-bottom: 30px; }
      @media (max-width: 768px) {
        .home-cover .info .title {
          font-size: 35px;
          padding-bottom: 20px; } }
      .home-cover .info .title::before, .home-cover .info .title::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        width: 50px;
        height: 8px; }
      .home-cover .info .title::before {
        background-color: #23a3c8; }
        html[dir="ltr"] .home-cover .info .title::before {
          left: 0; }
        html[dir="rtl"] .home-cover .info .title::before {
          right: 0; }
      .home-cover .info .title::after {
        background-color: #e0a73c; }
        html[dir="ltr"] .home-cover .info .title::after {
          left: 50px; }
        html[dir="rtl"] .home-cover .info .title::after {
          right: 50px; }
    .home-cover .info .sub-title {
      font-size: 20px;
      color: #ffffff;
      margin-bottom: 30px;
      line-height: 2; }
      @media (max-width: 768px) {
        .home-cover .info .sub-title {
          font-size: 20px; } }
    .home-cover .info .btns {
      display: flex;
      align-items: center; }
      html[dir="ltr"] .home-cover .info .btns .button {
        margin-right: 10px; }
      html[dir="rtl"] .home-cover .info .btns .button {
        margin-left: 10px; }
      @media (max-width: 768px) {
        .home-cover .info .btns .button {
          min-width: 130px; } }

/***************  start home-about  ***************/
.home-about {
  background-image: url(https://aait.sa/public/site/img/about-before.png);
  background-size: cover; }
  .home-about .title {
    font-weight: bold;
    font-size: 60px;
    color: #000;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 20px; }
    @media (max-width: 768px) {
      .home-about .title {
        font-size: 30px;
        margin: 0; } }
  .home-about .desc {
    font-size: 60px;
    color: #e0a73c;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
    @media (max-width: 768px) {
      .home-about .desc {
        font-size: 25px; } }
  .home-about .owl-item:nth-child(odd) .desc {
    color: #23a3c8; }

/***************  start about  ***************/
.about {
  overflow: hidden;
  position: relative; }
  .about::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.25;
    background-image: url(../img/about-before.png);
    background-size: cover; }
  .about .container {
    position: relative; }
  .about .title {
    max-width: 265px;
    font-size: 40px; }
  .about .points li {
    font-size: 18px;
    color: #a9a9a9;
    display: flex;
    align-items: center; }
    .about .points li:not(:last-child) {
      margin-bottom: 10px; }
    .about .points li i {
      width: 25px;
      height: 25px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      border: 1px solid #e0a73c;
      color: #e0a73c; }
      html[dir="ltr"] .about .points li i {
        margin-right: 10px; }
      html[dir="rtl"] .about .points li i {
        margin-left: 10px; }
  .about .nav-tabs {
    justify-content: flex-start;
    margin-bottom: 30px;
    max-width: 290px;
    border: 0; }
    .about .nav-tabs .nav-link {
      border: 0;
      margin: 0;
      font-size: 18px;
      padding: 10px 50px;
      border-bottom: 3px solid #dee2e6;
      background-color: transparent; }
      .light-theme .about .nav-tabs .nav-link {
        color: #020b1b; }
      .dark-theme .about .nav-tabs .nav-link {
        color: #ffffff; }
      .about .nav-tabs .nav-link.active {
        color: #e0a73c;
        border: 0;
        border-bottom: 3px solid #e0a73c; }
  .about img {
    width: 445px;
    height: 300px;
    object-fit: contain;
    display: block;
    margin: auto; }
    @media (max-width: 1280px) {
      .about img {
        height: 250px; } }
    @media (max-width: 768px) {
      .about img {
        height: 466px; } }
    @media (max-width: 576px) {
      .about img {
        width: 345px;
        height: 233px; } }

.cont-form img {
  width: 445px;
  height: 300px;
  object-fit: contain;
  display: block;
  margin: auto; }
  @media (max-width: 1280px) {
    .cont-form img {
      height: 250px; } }
  @media (max-width: 768px) {
    .cont-form img {
      height: 466px; } }
  @media (max-width: 576px) {
    .cont-form img {
      width: 345px;
      height: 233px; } }

/***************  start services  ***************/
.title-logo {
  display: block;
  margin: auto;
  width: 78px; }

.serv-block {
  position: relative;
  display: block;
  min-height: calc(100% - 30px);
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 32px 15px 15px;
  transition: 0.5s;
  border: 1px solid #8BDD28;
  text-align: center; }
  .light-theme .serv-block {
    background-color: #F9FEFF; }
  .dark-theme .serv-block {
    background-color: #0a162e; }
  .serv-block::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: #8bdd28;
    transition: opacity .2s ease-out, transform .5s ease-out;
    opacity: 0;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.18); }
  .serv-block .serv-img {
    position: relative;
    height: 55px;
    margin-bottom: 10px; }
    .serv-block .serv-img img {
      max-height: 100%;
      transition: 0.5s;
      width: 55px;
      height: 55px;
      object-fit: contain; }
  .serv-block p {
    position: relative;
    transition: all 0.5s;
    color: #000;
    font-size: 20px;
    margin-bottom: 5px; }
  .serv-block span {
    position: relative;
    font-size: 16px;
    transition: all 0.5s; }
    .light-theme .serv-block span {
      color: #000; }
    .dark-theme .serv-block span {
      color: #898989; }
  .serv-block:hover {
    background-color: #23A3C8;
    border-color: #23A3C8;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.18); }
    .serv-block:hover::before {
      transform: rotate(9deg);
      opacity: 1; }
    .serv-block:hover .serv-img img {
      transform: scaleY(1); }
    .serv-block:hover p,
    .serv-block:hover span {
      color: #ffffff; }

/***************  start home-features  ***************/
.home-features {
  position: relative;
  padding: 65px 0;
  background-size: cover;
  background-attachment: fixed;
  background-position: center; }
  .home-features::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: -moz-linear-gradient(93deg, #000e17 0%, #044868 49%, #000d14 100%);
    background-image: -webkit-linear-gradient(93deg, #000e17 0%, #044868 49%, #000d14 100%);
    background-image: -ms-linear-gradient(93deg, #000e17 0%, #044868 49%, #000d14 100%);
    opacity: 0.902; }
  .home-features .feat-box .img {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto 20px; }
    .home-features .feat-box .img img {
      width: 100%;
      height: 100%; }
  .home-features .feat-box .title {
    font-size: 22px;
    font-weight: 500;
    color: #ffffff;
    text-align: center; }

/***************  start our-team  ***************/
.our-team .title {
  margin-bottom: 30px; }
.our-team .item {
  padding: 20px 0; }
  .our-team .item img {
    width: 80%;
    margin: auto;
    opacity: 0.4;
    transition: all 0.6s ease-in-out;
    width: 198px;
    height: 332px; }
    @media (max-width: 1280px) {
      .our-team .item img {
        width: 140px;
        height: 225px; } }
    @media (max-width: 992px) {
      .our-team .item img {
        opacity: 1; } }
    @media (max-width: 576px) {
      .our-team .item img {
        width: 175px;
        height: 254px; } }
.our-team .center .item img {
  opacity: 1;
  transform: scale(1.05);
  width: 207px;
  height: 336px; }
  @media (max-width: 1280px) {
    .our-team .center .item img {
      width: 162px;
      height: 261px; } }

/***************  start clients  ***************/
.clients .client-img {
  position: relative;
  max-width: 270px;
  margin: auto; }
  @media (max-width: 768px) {
    .clients .client-img {
      margin-bottom: 30px; } }
  .clients .client-img .frame {
    position: relative; }
  .clients .client-img .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
.clients .owl-carousel {
  border-bottom: 1px solid #f6f6f6;
  padding-bottom: 40px; }
.clients .owl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 380px;
  margin-top: 20px; }
  html[dir="ltr"] .clients .owl-nav div {
    margin-right: 20px; }
  html[dir="rtl"] .clients .owl-nav div {
    margin-left: 20px; }
  html[dir="ltr"] .clients .owl-nav img {
    transform: rotate(180deg); }

/***************  start partners  ***************/
.partners .img {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .partners .img img {
    width: auto;
    min-width: auto;
    max-width: 100%;
    max-height: 100%; }
.partners .owl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px; }
  .partners .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%); }
    @media (max-width: 768px) {
      .partners .owl-nav .owl-next {
        position: static;
        transform: none;
        margin: 0 10px; } }
  .partners .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(100%, -50%); }
    @media (max-width: 768px) {
      .partners .owl-nav .owl-prev {
        position: static;
        transform: none;
        margin: 0 10px; } }

/***************  start contact  ***************/
.button.load-over {
  position: relative;
  overflow: hidden;
  color: transparent !important;
  pointer-events: none; }
  .button.load-over * {
    color: transparent !important; }
  .button.load-over::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-top-color: transparent !important;
    border-radius: 50%;
    animation: load-btn-animate 1s infinite forwards linear; }

@keyframes load-btn-animate {
  0% {
    transform: translate(-50%, -50%) rotate(0); }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }
.contact-box {
  text-align: center;
  max-width: 260px;
  margin: 0 auto 20px;
  background-color: transparent !important; }
  .contact-box i {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    border-radius: 50%;
    font-size: 30px;
    color: #ffffff;
    border: 1px solid;
    transition: 0.5s; }
    .contact-box i ~ .info-content {
      text-align: center; }
  .contact-box .info-content {
    font-size: 15px;
    margin-bottom: 10px; }
  .contact-box .box-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 25px;
    color: #ffffff;
    font-size: 16px;
    border: 1px solid; }
  .contact-box .info-content {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: start; }
    .light-theme .contact-box .info-content {
      color: #020b1b !important; }
    .dark-theme .contact-box .info-content {
      color: #ffffff !important; }
  .contact-box .down {
    display: flex;
    align-items: center; }
    .contact-box .down i {
      margin: 0;
      width: 50px;
      height: 50px;
      flex-shrink: 0;
      font-size: 22px; }
      html[dir="ltr"] .contact-box .down i {
        margin-right: 10px; }
      html[dir="rtl"] .contact-box .down i {
        margin-left: 10px; }
    .contact-box .down .box-btn {
      padding: 10px 20px;
      width: 100%; }
  .contact-box.green i {
    background-color: #e0a73c;
    border-color: #e0a73c; }
  .contact-box.green .box-btn {
    background-color: #e0a73c;
    border-color: #e0a73c; }
  .contact-box.green .info-content {
    color: #e0a73c; }
  .contact-box.green:hover i {
    color: #e0a73c;
    border-color: #e0a73c;
    background-color: transparent; }
  .contact-box.green:hover .box-btn {
    color: #e0a73c;
    border-color: #e0a73c;
    background-color: transparent; }
  .contact-box.blue i {
    background-color: #23a3c8;
    border-color: #23a3c8; }
  .contact-box.blue .box-btn {
    background-color: #23a3c8;
    border-color: #23a3c8; }
  .contact-box.blue .info-content {
    color: #23a3c8; }
  .contact-box.blue:hover i {
    color: #23a3c8;
    border-color: #23a3c8;
    background-color: transparent; }
  .contact-box.blue:hover .box-btn {
    color: #23a3c8;
    border-color: #23a3c8;
    background-color: transparent; }
  .contact-box.dark i {
    background-color: #898989;
    border-color: #898989; }
  .contact-box.dark .box-btn {
    background-color: #898989;
    border-color: #898989; }
  .contact-box.dark .info-content {
    color: #898989; }
  .contact-box.dark:hover i {
    color: #898989;
    border-color: #898989;
    background-color: transparent; }
  .contact-box.dark:hover .box-btn {
    color: #898989;
    border-color: #898989;
    background-color: transparent; }
  .contact-box.dark-blue i {
    background-color: #031122;
    border-color: #031122;
    color: #ffffff; }
  .contact-box.dark-blue .box-btn {
    background-color: #031122;
    border-color: #031122;
    color: #ffffff; }
  .contact-box.dark-blue .info-content {
    color: #898989; }
  .contact-box.dark-blue:hover i {
    color: #898989;
    border-color: #898989;
    background-color: transparent; }
  .contact-box.dark-blue:hover .box-btn {
    color: #898989;
    border-color: #898989;
    background-color: transparent; }

.contact-us .map {
  height: 650px;
  width: 100%;
  position: relative; }
  @media (max-width: 768px) {
    .contact-us .map {
      height: 550px; } }
  .contact-us .map #map {
    width: 100%;
    height: 100%; }
  .contact-us .map .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1; }
    .contact-us .map .container .contact-side {
      padding: 40px;
      display: inline-block;
      width: 40%; }
      .light-theme .contact-us .map .container .contact-side {
        background-color: rgba(255, 255, 255, 0.7); }
      .dark-theme .contact-us .map .container .contact-side {
        background-color: rgba(0, 0, 0, 0.7); }
      @media (max-width: 768px) {
        .contact-us .map .container .contact-side {
          width: 100%; } }

/***************  start footer  ***************/
.footer {
  background-size: cover; }
  .footer .iso img {
    height: 130px;
    max-width: 100%;
    object-fit: contain;
    border-radius: 15px;
    margin-bottom: 20px; }
  .footer .logo {
    display: block;
    margin: auto;
    margin-bottom: 30px;
    width: 230px;
    max-width: 100%; }
    .footer .logo img {
      width: 100%; }
  .footer .info-content {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 30px;
    text-align: center; }
  .footer .ident {
    height: 130px;
    width: 130px;
    max-width: 100%; }
  .footer .foot-title {
    font-size: 20px;
    color: #e0a73c;
    margin-bottom: 20px;
    position: relative; }
    @media (max-width: 768px) {
      html[dir="ltr"] .footer .foot-title {
        margin-left: 15px; }
      html[dir="rtl"] .footer .foot-title {
        margin-right: 15px; } }
    .footer .foot-title::before {
      content: "";
      display: block;
      width: 4px;
      height: 15px;
      top: 50%;
      position: absolute;
      transform: translateY(-50%);
      background-color: #e0a73c; }
      html[dir="ltr"] .footer .foot-title::before {
        left: -15px; }
      html[dir="rtl"] .footer .foot-title::before {
        right: -15px; }
  .footer .foot-list a {
    color: #ffffff;
    display: block;
    margin-bottom: 10px; }
    .footer .foot-list a:hover {
      color: #e0a73c; }
  .footer .adress .title {
    color: #e0a73c;
    margin-bottom: 10px; }
  .footer .adress .address-imgs {
    display: flex;
    align-items: center; }
    .footer .adress .address-imgs img {
      margin: 0; }
      html[dir="ltr"] .footer .adress .address-imgs img {
        margin-left: 10px; }
      html[dir="rtl"] .footer .adress .address-imgs img {
        margin-right: 10px; }
  .footer .adress a {
    font-size: 14px;
    color: #ffffff;
    display: flex;
    align-items: center; }
    html[dir="ltr"] .footer .adress a i {
      margin-right: 10px; }
    html[dir="rtl"] .footer .adress a i {
      margin-left: 10px; }
  .footer .map {
    margin: 0 0 20px;
    width: 100%;
    height: 150px;
    border-radius: 10px;
    border: 2px solid #4abe0a !important;
    overflow: hidden; }
    .footer .map #map {
      width: 100%;
      height: 100%; }
  @media (max-width: 768px) {
    .footer .info-content {
      text-align: center; }
    .footer .logo {
      margin: auto;
      margin-bottom: 20px; }
    .footer .col-md-4 {
      order: 3; }
    .footer .social {
      margin-top: 20px; }
    .footer .ident {
      margin: 0 auto 20px;
      display: block; }
    .footer .col-md-2 .foot-title {
      text-align: center; } }

.social {
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 768px) {
    .social {
      margin-bottom: 20px;
      justify-content: center; } }
  .social i {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    font-size: 18px;
    border: 1px solid #ffffff;
    transition: all 0.5s ease-in-out; }
    html[dir="ltr"] .social i {
      margin-right: 10px; }
    html[dir="rtl"] .social i {
      margin-left: 10px; }
    .social i:hover {
      border-color: transparent;
      transform: rotate(360deg); }

.copyright {
  padding: 10px 0;
  background-color: #020b1b;
  position: relative; }
  @media (max-width: 768px) {
    .copyright {
      width: 100%;
      padding-top: 20px; } }
  .copyright .inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 768px) {
      .copyright .inner {
        flex-direction: column; } }
    .copyright .inner img {
      height: 60px; }
    .copyright .inner .payments {
      display: flex;
      align-items: center;
      padding: 10px 25px;
      background: #fff;
      border-radius: 25px; }
      .copyright .inner .payments img {
        height: 27px;
        width: auto;
        object-fit: contain; }
        html[dir="ltr"] .copyright .inner .payments img {
          margin-left: 10px; }
        html[dir="rtl"] .copyright .inner .payments img {
          margin-right: 10px; }
        @media (max-width: 576px) {
          .copyright .inner .payments img {
            height: 23px;
            max-width: calc(100% / 4); } }
    .copyright .inner .desc {
      font-size: 16px;
      color: #ffffff;
      text-align: center; }
      @media (max-width: 768px) {
        .copyright .inner .desc {
          margin: 10px 0; } }

[class*="facebook"]:hover {
  background: #3b5999; }

[class*="twitter"]:hover {
  background: #55acee; }

[class*="youtube"]:hover {
  background: #cd201f; }

[class*="google"]:hover {
  background: #dd4b39; }

[class*="linked"]:hover {
  background: #0077b5; }

[class*="inst"]:hover {
  background: #e4405f; }

[class*="snap"]:hover {
  background: #fffc00; }

.fixed-footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #020b1b;
  z-index: 9;
  display: none; }
  @media (max-width: 992px) {
    .fixed-footer {
      display: block; } }
  .fixed-footer ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-around;
    padding: 10px 0;
    margin: 0; }
    .fixed-footer ul li {
      flex-grow: 1;
      list-style: none;
      text-align: center; }
      .fixed-footer ul li a {
        color: #fff;
        text-align: center;
        text-decoration: none;
        display: block;
        font-size: 14px; }
        .fixed-footer ul li a span {
          display: block; }
        .fixed-footer ul li a i {
          font-size: 18px; }
        .fixed-footer ul li a.active {
          color: #e0a73c; }

/***************  start inner-head  ***************/
@media (max-width: 768px) {
  .delta-header {
    background-image: url(../img/delta-banner-m.webp) !important; } }

.inner-head {
  position: relative;
  padding-top: 250px;
  padding-bottom: 150px;
  background-size: cover;
  /* background-position: center center;  */

}
  .inner-head.short-head {
    padding-top: 180px;
    padding-bottom: 20px; }
  .inner-head p {
    color: #ffffff !important; }
  .inner-head::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/hover.webp);
    opacity: 0.5;
    background-size: cover; }
  .inner-head::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    /* background-image: linear-gradient(#000e17, #044868, #000e17); */
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.75; }
  .inner-head .container {
    position: relative;
    z-index: 1; }
  .inner-head .title {
    font-size: 60px;
    color: #ffffff;
    position: relative;
    padding-bottom: 10px; }
    @media (max-width: 768px) {
      .inner-head .title {
        font-size: 35px;
        padding-bottom: 20px; } }
    .inner-head .title::before, .inner-head .title::after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      width: 50px;
      height: 8px; }
    .inner-head .title::before {
      background-color: #23a3c8; }
      html[dir="ltr"] .inner-head .title::before {
        left: 0; }
      html[dir="rtl"] .inner-head .title::before {
        right: 0; }
    .inner-head .title::after {
      background-color: #e0a73c; }
      html[dir="ltr"] .inner-head .title::after {
        left: 50px; }
      html[dir="rtl"] .inner-head .title::after {
        right: 50px; }
  .inner-head .sub-title {
    font-size: 26px;
    color: #ffffff; }
    @media (max-width: 768px) {
      .inner-head .sub-title {
        font-size: 20px; } }

/***************  start service-box  ***************/
.service-box {
  max-width: 280px;
  margin: 0 auto 20px; }
  .service-box .img {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 15px;
    transition: 0.5s ease-out; }
    .service-box .img img {
      max-width: 100%;
      max-height: 100%;
      min-width: 100px;
      transition: 0.5s ease-out; }
  .service-box .info {
    padding: 20px;
    border: 1px solid #23a3c8;
    transition: 0.5s ease-out;
    border-radius: 15px;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .service-box .info.auto {
      min-height: auto; }
    .service-box .info .info-content {
      color: #898989;
      font-size: 14px;
      margin-bottom: 20px; }
      .light-theme .service-box .info .info-content {
        color: #898989; }
      .dark-theme .service-box .info .info-content {
        color: #ffffff; }
    .service-box .info .button {
      min-width: auto;
      width: 100%; }
  .service-box:hover .img {
    border-color: #23a3c8;
    border-radius: 15px 15px 0 0; }
    .service-box:hover .img img {
      transform: scale(1.1); }
  .service-box:hover .info {
    border-color: #23a3c8;
    border-top-color: transparent;
    border-radius: 0 0 15px 15px; }

/***************  start works  ***************/
.works .mixer .mix:nth-child(even) .col-12:last-child {
  order: -1; }

.mix-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 40px; }
  .mix-tabs .mix-btn {
    padding: 0;
    background-color: transparent;
    font-size: 18px;
    font-weight: 600;
    margin: 0 10px;
    outline: none;
    margin-bottom: 10px; }
    .light-theme .mix-tabs .mix-btn {
      color: #555555; }
      .light-theme .mix-tabs .mix-btn.mixitup-control-active {
        color: #23a3c8; }
    .dark-theme .mix-tabs .mix-btn {
      color: #898989; }
      .dark-theme .mix-tabs .mix-btn.mixitup-control-active {
        color: #23a3c8; }
    .mix-tabs .mix-btn.mixitup-control-active {
      color: #23a3c8; }
    .mix-tabs .mix-btn.mixitup-control-active img {
      filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.4)); }
  .mix-tabs.advanced .mix-btn {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .light-theme .mix-tabs.advanced .mix-btn {
      color: #020b1b; }
    .dark-theme .mix-tabs.advanced .mix-btn {
      color: #ffffff; }
    .mix-tabs.advanced .mix-btn img {
      height: 70px;
      margin-bottom: 10px;
      width: auto; }
      .dark-theme .mix-tabs.advanced .mix-btn img {
        filter: invert(0.8); }

.work-box {
  display: block;
  margin-bottom: 30px; }
  .work-box .img {
    background-color: rgba(185, 236, 251, 0.64);
    border-radius: 15px;
    overflow: hidden;
    height: 180px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
    .work-box .img img {
      max-width: 100%;
      max-height: 100%;
      object-fit: cover;
      transition: 0.5s ease-out; }
  .work-box .title {
    font-size: 20px;
    color: #23a3c8;
    margin-bottom: 10px;
    font-weight: 600; }
  .light-theme .work-box .info-content {
    color: #020b1b; }
  .dark-theme .work-box .info-content {
    color: #ffffff; }
  .work-box:hover .img img {
    width: 100%;
    height: 100%; }

.our-works .owl-nav {
  display: flex !important;
  align-items: center;
  justify-content: center; }
  .our-works .owl-nav div {
    margin: 0 10px; }

.advanced-work .col-12 {
  margin-bottom: 50px; }
  @media (max-width: 768px) {
    .advanced-work .col-12 {
      margin-bottom: 10px; } }
.advanced-work .img {
  width: 100%; }
.advanced-work .info {
  position: relative;
  padding: 16px 16px 55px;
  margin-top: 50px; }
  .dark-theme .advanced-work .info {
    background-color: #0a162e; }
  @media (max-width: 768px) {
    .advanced-work .info {
      margin-top: 20px; } }
  .advanced-work .info::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 120px;
    height: 100%;
    z-index: -1; }
    .dark-theme .advanced-work .info::before {
      background-color: #0a162e; }
    html[dir="ltr"] .advanced-work .info::before {
      transform: translateX(-100%);
      left: 0; }
    html[dir="rtl"] .advanced-work .info::before {
      right: 0;
      transform: translateX(100%); }
    @media (max-width: 768px) {
      .advanced-work .info::before {
        display: none; } }
  .advanced-work .info .logo-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 10px; }
    .advanced-work .info .logo-img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .advanced-work .info .info-content {
    font-size: 17px;
    color: #a9a9a9;
    margin-bottom: 20px; }
  .advanced-work .info .title {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 20px; }
    .light-theme .advanced-work .info .title {
      color: #020b1b; }
    .dark-theme .advanced-work .info .title {
      color: #ffffff; }
.advanced-work:nth-child(even) {
  flex-direction: row-reverse; }
  html[dir="ltr"] .advanced-work:nth-child(even) .info::before {
    transform: translateX(100%);
    right: 0;
    left: auto; }
  html[dir="rtl"] .advanced-work:nth-child(even) .info::before {
    right: auto;
    left: 0;
    transform: translateX(-100%); }

.work-details-head {
  padding-top: 50px; }
  .work-details-head .inner {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 576px) {
      .work-details-head .inner {
        flex-direction: column;
        align-items: flex-start; } }
    @media (max-width: 576px) {
      html[dir="ltr"] .work-details-head .inner .button {
        margin-left: auto; }
      html[dir="rtl"] .work-details-head .inner .button {
        margin-right: auto; } }
    .work-details-head .inner .right {
      display: flex;
      align-items: center; }
      @media (max-width: 576px) {
        .work-details-head .inner .right {
          margin-bottom: 10px; } }
      .work-details-head .inner .right::before {
        content: "";
        display: block;
        width: 7px;
        height: 7px;
        background-color: #23a3c8;
        border-radius: 50%; }
        html[dir="ltr"] .work-details-head .inner .right::before {
          margin-right: 20px; }
        html[dir="rtl"] .work-details-head .inner .right::before {
          margin-left: 20px; }
      .work-details-head .inner .right .img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        overflow: hidden; }
        html[dir="ltr"] .work-details-head .inner .right .img {
          margin-right: 20px; }
        html[dir="rtl"] .work-details-head .inner .right .img {
          margin-left: 20px; }
        .work-details-head .inner .right .img img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .work-details-head .inner .right .title {
        font-weight: bold;
        font-size: 22px; }
        .light-theme .work-details-head .inner .right .title {
          color: #021129; }
        .dark-theme .work-details-head .inner .right .title {
          color: #23a3c8; }

.work-details-slider .owl-carousel .owl-nav {
  display: block !important; }
  @media (max-width: 768px) {
    .work-details-slider .owl-carousel .owl-nav {
      display: flex !important;
      margin-top: 30px;
      justify-content: center; } }
  .work-details-slider .owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateX(-150%); }
    @media (max-width: 768px) {
      .work-details-slider .owl-carousel .owl-nav .owl-next {
        position: static;
        transform: none;
        margin: 0 5px; } }
  .work-details-slider .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateX(150%); }
    @media (max-width: 768px) {
      .work-details-slider .owl-carousel .owl-nav .owl-prev {
        position: static;
        transform: none;
        margin: 0 5px; } }

.work-details-list .desc {
  color: #a9a9a9; }
  .work-details-list .desc ul {
    list-style: initial;
    list-style-position: inside; }
.work-details-list .info-content {
  color: #a9a9a9;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  max-width: 580px; }
  .work-details-list .info-content:hover::before {
    background-color: #020b1b; }
  .work-details-list .info-content::before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background-color: #23a3c8;
    border-radius: 50%;
    margin-top: 10px;
    flex-shrink: 0; }
    html[dir="ltr"] .work-details-list .info-content::before {
      margin-right: 20px; }
    html[dir="rtl"] .work-details-list .info-content::before {
      margin-left: 20px; }
.work-details-list .link {
  font-weight: bold;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  max-width: 580px; }
  .light-theme .work-details-list .link {
    color: #021129; }
  .dark-theme .work-details-list .link {
    color: #23a3c8; }
  .work-details-list .link:hover::before {
    background-color: #020b1b; }
  html[dir="ltr"] .work-details-list .link a {
    margin-right: 20px; }
  html[dir="rtl"] .work-details-list .link a {
    margin-left: 20px; }
  .work-details-list .link .img {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #9cd6e6;
    transition: 0.5s ease-out; }
    .work-details-list .link .img img {
      max-width: 80%;
      max-height: 80%; }
    .work-details-list .link .img:hover {
      background-color: #020b1b; }
  .work-details-list .link::before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background-color: #23a3c8;
    border-radius: 50%;
    flex-shrink: 0; }
    html[dir="ltr"] .work-details-list .link::before {
      margin-right: 20px; }
    html[dir="rtl"] .work-details-list .link::before {
      margin-left: 20px; }

/***************  start blogs  ***************/
@media (max-width: 768px) {
  .side-blogs-container {
    display: flex;
    flex-direction: column; }
    .side-blogs-container .read-img {
      order: -1; } }

.blog-item {
  min-height: 270px;
  overflow: hidden;
  border-radius: 30px;
  box-shadow: 0 0 10px #dadada;
  margin-bottom: 30px;
  position: relative;
  transition: all 0.5s ease-in-out; }
  @media (max-width: 576px) {
    .blog-item {
      flex-direction: column; } }
  .blog-item .blog-txt {
    padding: 25px 14px;
    position: relative;
    width: 100%; }
    .blog-item .blog-txt .title {
      color: #23a3c8;
      margin-bottom: 10px;
      display: block; }
    .blog-item .blog-txt p {
      margin-bottom: 30px; }
    .blog-item .blog-txt .read-blog {
      padding: 10px 25px;
      position: absolute;
      bottom: 0;
      color: #fff;
      background-color: #e0a73c; }
      html[dir="ltr"] .blog-item .blog-txt .read-blog {
        left: 0; }
      html[dir="rtl"] .blog-item .blog-txt .read-blog {
        right: 0; }
  .blog-item .blog-img {
    overflow: hidden;
    width: 315px;
    height: 270px;
    flex-shrink: 0;
    max-width: 40%; }
    html[dir="ltr"] .blog-item .blog-img {
      margin-left: 10px; }
    html[dir="rtl"] .blog-item .blog-img {
      margin-right: 10px; }
    @media (max-width: 576px) {
      .blog-item .blog-img {
        width: 100%;
        order: -1;
        max-width: initial; }
        html[dir="ltr"] .blog-item .blog-img {
          margin-left: 0px; }
        html[dir="rtl"] .blog-item .blog-img {
          margin-right: 0px; } }
    .blog-item .blog-img img {
      height: 100%;
      width: 100%;
      transition: all 0.5s ease-in-out;
      float: left;
      object-fit: cover; }

.fullimg-item-form {
  color: #fff;
  background: url(../img/bg-form.png) no-repeat;
  background-size: cover;
  height: 400px;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin-bottom: 30px; }
  .fullimg-item-form .div-content {
    padding: 15px;
    text-align: center;
    width: 100%;
    text-align: center; }
  .fullimg-item-form h3 {
    padding-bottom: 20px;
    font-size: 20px; }
  .fullimg-item-form input {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0;
    border: 2px solid transparent;
    box-shadow: 0 0 5px #ddd;
    height: 45px;
    padding: 5px 20px;
    transition: all 0.3s ease-in-out;
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff; }
    .fullimg-item-form input::placeholder {
      color: #ffffff; }
  .fullimg-item-form button {
    background: #fff;
    border: 1px solid #fff;
    color: #23a3c8; }
  .fullimg-item-form p {
    color: #fff;
    padding-top: 30px;
    color: #ffffff; }
  .fullimg-item-form form {
    text-align: center; }

.fullimg-item {
  height: 400px;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  margin-bottom: 30px; }
  .fullimg-item .blog-txt-full {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 20px;
    width: 100%;
    z-index: 9;
    background: rgba(0, 0, 0, 0.6); }
  .fullimg-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .fullimg-item .cat-span {
    color: #fff;
    background: #795548;
    padding: 5px 10px;
    font-size: 11px; }
    html[dir="ltr"] .fullimg-item .cat-span {
      margin-right: 10px; }
    html[dir="rtl"] .fullimg-item .cat-span {
      margin-left: 10px; }
  .fullimg-item a {
    color: #ffffff; }

.single-blog {
  padding-top: 50px;
  padding-bottom: 50px; }
  @media (max-width: 576px) {
    .single-blog {
      padding-top: 28px; } }
  .single-blog .fullimg-item {
    height: 460px; }
    @media (max-width: 576px) {
      .single-blog .fullimg-item {
        height: 220px;
        flex-direction: column; } }
  .single-blog .single-blog-desc h1,
  .single-blog .single-blog-desc h2,
  .single-blog .single-blog-desc h3,
  .single-blog .single-blog-desc h4,
  .single-blog .single-blog-desc h5,
  .single-blog .single-blog-desc h6 {
    color: #e0a73c !important;
    margin-bottom: 20px !important; }
    .single-blog .single-blog-desc h1 *,
    .single-blog .single-blog-desc h2 *,
    .single-blog .single-blog-desc h3 *,
    .single-blog .single-blog-desc h4 *,
    .single-blog .single-blog-desc h5 *,
    .single-blog .single-blog-desc h6 * {
      color: #e0a73c !important; }
  .single-blog .single-blog-desc p, .single-blog .single-blog-desc li {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px !important; }
    .light-theme .single-blog .single-blog-desc p,
    .light-theme .single-blog .single-blog-desc li {
      color: #020b1b !important; }
    .dark-theme .single-blog .single-blog-desc p, .dark-theme .single-blog .single-blog-desc li {
      color: #ffffff !important; }
    .single-blog .single-blog-desc p *, .single-blog .single-blog-desc li * {
      font-size: 18px;
      font-weight: 500; }
      .light-theme .single-blog .single-blog-desc p *, .light-theme .single-blog .single-blog-desc li * {
        color: #020b1b !important; }
      .dark-theme .single-blog .single-blog-desc p *, .dark-theme .single-blog .single-blog-desc li * {
        color: #ffffff !important; }
  .single-blog .single-blog-desc li {
    display: flex;
    list-style: none; }
    .single-blog .single-blog-desc li::before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      margin-top: 6px;
      border-radius: 50%;
      background-color: #e0a73c;
      flex-shrink: 0; }
      html[dir="ltr"] .single-blog .single-blog-desc li::before {
        margin-right: 5px; }
      html[dir="rtl"] .single-blog .single-blog-desc li::before {
        margin-left: 5px; }
  .single-blog .single-blog-title {
    font-size: 1.25rem;
    color: #fff; }
  .single-blog .blog-txt-full span {
    color: #fff; }
  .single-blog .read-item {
    margin-bottom: 20px; }
    .single-blog .read-item a {
      color: #23a3c8; }

.editor-resitter h1,
.editor-resitter h2,
.editor-resitter h3,
.editor-resitter h4,
.editor-resitter h5,
.editor-resitter h6 {
  color: #e0a73c !important;
  margin-bottom: 20px !important; }
  .editor-resitter h1 *,
  .editor-resitter h2 *,
  .editor-resitter h3 *,
  .editor-resitter h4 *,
  .editor-resitter h5 *,
  .editor-resitter h6 * {
    color: #e0a73c !important; }
.editor-resitter p, .editor-resitter li {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px !important; }
  .light-theme .editor-resitter p,
  .light-theme .editor-resitter li {
    color: #020b1b !important; }
  .dark-theme .editor-resitter p, .dark-theme .editor-resitter li {
    color: #898989 !important; }
  .editor-resitter p *, .editor-resitter li * {
    font-size: 16px;
    font-weight: 500; }
    .light-theme .editor-resitter p *, .light-theme .editor-resitter li * {
      color: #020b1b !important; }
    .dark-theme .editor-resitter p *, .dark-theme .editor-resitter li * {
      color: #898989 !important; }
.editor-resitter li {
  display: flex;
  list-style: none; }
  .editor-resitter li::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin-top: 6px;
    border-radius: 50%;
    background-color: #e0a73c;
    flex-shrink: 0; }
    html[dir="ltr"] .editor-resitter li::before {
      margin-right: 5px; }
    html[dir="rtl"] .editor-resitter li::before {
      margin-left: 5px; }

.read-item {
  display: flex;
  align-items: center;
  box-shadow: 0 0 10px #dadada;
  border-radius: 10px;
  height: 115px;
  overflow: hidden; }
  .read-item .read-img {
    height: 115px;
    flex-shrink: 0; }
    .read-item .read-img img {
      width: 100px;
      height: 100%; }
      html[dir="ltr"] .read-item .read-img img {
        margin-right: 10px; }
      html[dir="rtl"] .read-item .read-img img {
        margin-left: 10px; }
  .read-item .read-txt {
    padding: 10px; }
    .read-item .read-txt p {
      font-size: 13px;
      height: 70px;
      overflow: hidden; }

/***************  start ques-box  ***************/
.ques-box .btn {
  width: 100%;
  display: block;
  padding: 10px 15px;
  background-color: #f8f8f9;
  text-align: right;
  text-decoration: none;
  color: #23a3c8;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .ques-box .btn::after {
    content: "\f068";
    font-family: "icomoon";
    font-weight: 900; }
  .ques-box .btn.collapsed::after {
    content: "\e938";
    font-size: 8px; }
.ques-box .ques-body {
  padding: 20px 0; }

/***************  start site-map  ***************/
.site-map .row {
  margin: 0; }
  .site-map .row .col-12 {
    transition: 0.5s;
    padding: 0;
    margin-bottom: 10px; }
.site-map .map-box .img {
  height: 150px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px; }
  .site-map .map-box .img img {
    max-width: 100%;
    max-height: 100%; }
.site-map .map-box .map-btn {
  display: block;
  width: 180px;
  max-width: 100%;
  height: 35px;
  border-radius: 25px;
  color: #23a3c8;
  text-align: center;
  line-height: 33px;
  border: 1px solid #23a3c8;
  font-size: 16px;
  background-color: transparent;
  box-shadow: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
  margin: auto;
  box-shadow: 0 0 11px rgba(35, 163, 200, 0.2); }
.site-map .full {
  width: 100%;
  flex: 100%;
  max-width: 100%; }
  .site-map .full .map-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    padding: 10px 15px;
    border: 1px solid #23a3c8;
    border-radius: 5px;
    box-shadow: 0 0 11px rgba(35, 163, 200, 0.2);
    margin-bottom: 20px; }
    .site-map .full .map-box .img {
      height: 40px;
      margin-bottom: 0; }
      html[dir="ltr"] .site-map .full .map-box .img {
        margin-right: 10px; }
      html[dir="rtl"] .site-map .full .map-box .img {
        margin-left: 10px; }
    .site-map .full .map-box .map-btn {
      margin: 0;
      border: 0;
      box-shadow: none;
      padding: 0;
      width: auto;
      min-width: auto;
      font-size: 24px; }
.site-map .list-collapse button {
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 20px;
  color: #23a3c8;
  font-weight: 700;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  border: 0;
  outline: 0; }
  .site-map .list-collapse button::before {
    content: "\f067";
    font-weight: 900;
    display: block;
    width: 15px;
    font-size: 15px;
    font-family: "font awesome 5 free"; }
    html[dir="ltr"] .site-map .list-collapse button::before {
      margin-right: 10px; }
    html[dir="rtl"] .site-map .list-collapse button::before {
      margin-left: 10px; }
.site-map .list-collapse li:nth-child(even) button::before {
  color: #e0a73c; }

/***************  start service  ***************/
.main {
  padding: 100px 0 40px; }
  .main .content {
    padding: 20px 0; }
    .main .content h1, .main .content span {
      font-size: 40px; }
      .light-theme .main .content h1,
      .light-theme .main .content span {
        color: #021129; }
      .dark-theme .main .content h1, .dark-theme .main .content span {
        color: #23a3c8; }
    .main .content p {
      line-height: 40px;
      font-size: 23px;
      margin: 20px 0 30px; }
      .light-theme .main .content p {
        color: #555; }
      .dark-theme .main .content p {
        color: #ffffff; }
    .main .content a {
      padding: 13px 40px;
      background: #e0a73c;
      color: #fff;
      border-radius: 30px;
      font-size: 20px; }
      .main .content a img {
        width: 28px;
        display: inline-block; }
        html[dir="ltr"] .main .content a img {
          margin-right: 10px; }
        html[dir="rtl"] .main .content a img {
          margin-left: 10px; }
  .main .img {
    padding: 20px 0; }
    .main .img img {
      width: 100%; }

.slider-3 .owl-dots {
  display: flex;
  align-items: center;
  margin-top: 30px; }
  .slider-3 .owl-dots .owl-dot {
    display: block; }
    html[dir="ltr"] .slider-3 .owl-dots .owl-dot {
      margin-right: 50px; }
    html[dir="rtl"] .slider-3 .owl-dots .owl-dot {
      margin-left: 50px; }
    .slider-3 .owl-dots .owl-dot img {
      max-width: 100%;
      width: auto;
      display: block;
      margin: auto;
      filter: grayscale(1);
      transition: 0.3s;
      height: 80px; }
      @media (max-width: 768px) {
        .slider-3 .owl-dots .owl-dot img {
          height: 40px; } }
    .slider-3 .owl-dots .owl-dot .tit {
      display: block;
      text-align: center;
      color: #8a8a8a;
      font-weight: 600;
      margin-top: 10px; }
    .slider-3 .owl-dots .owl-dot.active img {
      filter: grayscale(0); }
    .slider-3 .owl-dots .owl-dot.active .tit {
      color: #23a3c8; }
.slider-3 .img {
  transition: 0.5s ease-out;
  opacity: 0;
  visibility: hidden; }
  html[dir="ltr"] .slider-3 .img {
    transform: translateX(100%); }
  html[dir="rtl"] .slider-3 .img {
    transform: translateX(-100%); }
.slider-3 h1, .slider-3 p {
  transition: 0.5s ease-out;
  opacity: 0;
  visibility: hidden; }
  html[dir="ltr"] .slider-3 h1,
  html[dir="ltr"] .slider-3 p {
    transform: translateX(-100%); }
  html[dir="rtl"] .slider-3 h1, html[dir="rtl"] .slider-3 p {
    transform: translateX(100%); }
.slider-3 .active .img,
.slider-3 .active h1,
.slider-3 .active p {
  transform: none !important;
  opacity: 1;
  visibility: visible; }
.slider-3 .active h1 {
  transition-delay: 0.3s; }
.slider-3 .active p {
  transition-delay: 0.6s; }

.lap-features .slider-1 {
  border: 10px solid #000;
  position: relative;
  width: calc(100% - 100px);
  margin: auto;
  border-radius: 5px 5px 0 0; }
  @media (max-width: 768px) {
    .lap-features .slider-1 {
      margin-bottom: 40px; } }
  .lap-features .slider-1::after {
    content: "";
    background-image: url(../img/icons/macbook.png);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    width: calc(100% + 100px);
    height: 25px;
    background-size: 100% 100%; }
  .lap-features .slider-1 img {
    width: 100%;
    height: 300px; }
    @media (max-width: 768px) {
      .lap-features .slider-1 img {
        height: 200px; } }
.lap-features .box {
  display: flex;
  align-items: center; }
  .lap-features .box .icon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 20px; }
    html[dir="ltr"] .lap-features .box .icon {
      margin-right: 10px; }
    html[dir="rtl"] .lap-features .box .icon {
      margin-left: 10px; }
    .lap-features .box .icon img {
      width: 40px; }
  .lap-features .box .title {
    font-weight: bold;
    font-size: 20px; }
    .light-theme .lap-features .box .title {
      color: #021129; }
    .dark-theme .lap-features .box .title {
      color: #23a3c8; }
  .lap-features .box .info-content {
    font-size: 16px;
    font-weight: 600;
    color: #999999; }
  .lap-features .box:nth-child(1) .icon {
    background-color: #23a3c8; }
  .lap-features .box:nth-child(2) .icon {
    background-color: #e0a73c; }
  .lap-features .box:nth-child(3) .icon {
    background-color: #020b1b; }

.advantages {
  padding: 50px 0; }
  .advantages .h {
    font-size: 40px;
    font-weight: 400; }
    .light-theme .advantages .h {
      color: #021129; }
    .dark-theme .advantages .h {
      color: #23a3c8; }

.adv {
  margin: 15px 0;
  height: calc(100% - 30px); }
  .adv .img {
    height: 220px; }
    .adv .img img {
      max-width: 100%;
      max-height: 100%; }
  .adv .body label {
    font-size: 20px;
    color: #e0a73c; }
  .adv .body span {
    color: #23a3c8;
    font-size: 25px;
    font-weight: 500; }
  .light-theme .adv .body p {
    color: #555; }
  .dark-theme .adv .body p {
    color: #ffffff; }

.sec2 {
  padding: 30px 0;
  background: rgba(35, 163, 200, 0.06); }
  .sec2 .h {
    color: #e0a73c;
    font-size: 40px; }
  .sec2 p {
    line-height: 40px;
    font-size: 20px; }
    .light-theme .sec2 p {
      color: #555; }
    .dark-theme .sec2 p {
      color: #ffffff; }

.sec3 {
  padding: 60px 0; }
  .sec3 .h {
    font-size: 40px;
    color: #23a3c8; }
  .sec3 ul li {
    margin: 0 0 15px;
    font-size: 16px;
    position: relative;
    line-height: 30px;
    display: flex; }
    .light-theme .sec3 ul li {
      color: #555; }
    .dark-theme .sec3 ul li {
      color: #ffffff; }
    .sec3 ul li::before {
      content: "";
      display: block;
      width: 7px;
      height: 7px;
      margin-top: 11px; }
      html[dir="ltr"] .sec3 ul li::before {
        margin-right: 10px; }
      html[dir="rtl"] .sec3 ul li::before {
        margin-left: 10px; }
    .sec3 ul li:nth-child(odd)::before {
      background: #23a3c8; }
    .sec3 ul li:nth-child(even)::before {
      background: #e0a73c; }

.adv2 {
  padding: 35px 16px 16px;
  box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.18);
  position: relative;
  margin: 45px 0 15px;
  height: calc(100% - 60px);
  transition: 0.5s; }
  .light-theme .adv2 {
    background: #fff; }
  .dark-theme .adv2 {
    background: rgba(0, 0, 0, 0.3); }
  .adv2:hover {
    transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px); }
  .adv2 .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    top: -30px; }
    html[dir="ltr"] .adv2 .icon {
      left: 10px; }
    html[dir="rtl"] .adv2 .icon {
      right: 10px; }
    .adv2 .icon img {
      max-width: 50%;
      max-height: 50%; }
  .adv2 span:last-of-type {
    font-size: 22px; }
    .light-theme .adv2 span:last-of-type {
      color: #021129; }
    .dark-theme .adv2 span:last-of-type {
      color: #23a3c8; }
    .adv2 span:last-of-type p {
      color: #707070; }

[class*="col-"]:nth-child(3n + 1) .adv2 .icon {
  background-color: #23a3c8; }
[class*="col-"]:nth-child(3n + 2) .adv2 .icon {
  background-color: #020b1b; }
[class*="col-"]:nth-child(3n + 3) .adv2 .icon {
  background-color: #e0a73c; }

.sec4 {
  padding: 30px 0;
  background: rgba(109, 190, 10, 0.16); }
  .sec4 .container > .h,
  .sec4 .container > p {
    text-align: center; }
  .sec4 .h {
    font-size: 38px;
    line-height: 40px; }
    .light-theme .sec4 .h {
      color: #021129; }
    .dark-theme .sec4 .h {
      color: #23a3c8; }
  .sec4 p {
    line-height: 40px;
    font-size: 20px; }
  .sec4 ul li {
    margin: 0 0 15px;
    font-size: 21px;
    position: relative;
    line-height: 40px;
    display: flex; }
    .light-theme .sec4 ul li {
      color: #555; }
    .dark-theme .sec4 ul li {
      color: #ffffff; }
    .sec4 ul li::before {
      content: "";
      display: block;
      width: 7px;
      height: 7px;
      margin-top: 14px; }
      html[dir="ltr"] .sec4 ul li::before {
        margin-right: 10px; }
      html[dir="rtl"] .sec4 ul li::before {
        margin-left: 10px; }
    .sec4 ul li:nth-child(odd)::before {
      background: #23a3c8; }
    .sec4 ul li:nth-child(even)::before {
      background: #e0a73c; }
  .sec4 .img {
    padding: 20px 0; }
    .sec4 .img img {
      width: 100%; }

.sec5 {
  padding: 40px 0; }
  .sec5 .h {
    color: #23a3c8;
    font-size: 40px; }
  .sec5 p {
    font-size: 20px;
    line-height: 40px; }
    .light-theme .sec5 p {
      color: #555; }
    .dark-theme .sec5 p {
      color: #ffffff; }

.sec6 {
  padding: 50px 0;
  background: rgba(35, 163, 200, 0.16);
  text-align: center; }
  .sec6 .h {
    font-size: 40px; }
    .light-theme .sec6 .h {
      color: #021129; }
    .dark-theme .sec6 .h {
      color: #23a3c8; }
  .sec6 p {
    line-height: 40px;
    font-size: 18px; }
    .light-theme .sec6 p {
      color: #555; }
    .dark-theme .sec6 p {
      color: #ffffff; }

.sec7 {
  padding: 40px 0 0;
  text-align: center; }
  .sec7 .h {
    font-size: 40px; }
    .light-theme .sec7 .h {
      color: #021129; }
    .dark-theme .sec7 .h {
      color: #23a3c8; }
  .sec7 p {
    line-height: 40px;
    font-size: 20px; }
    .light-theme .sec7 p {
      color: #555; }
    .dark-theme .sec7 p {
      color: #ffffff; }

.sec8 {
  padding: 50px 0; }
  .sec8 .h {
    font-size: 50px;
    color: #e0a73c; }
  .sec8 p {
    line-height: 40px;
    font-size: 17px; }
    .light-theme .sec8 p {
      color: #555; }
    .dark-theme .sec8 p {
      color: #ffffff; }

.uls .h {
  font-size: 20px !important;
  line-height: 30px;
  color: #23a3c8 !important; }

img {
  max-width: 100%; }

.services {
  position: relative;
  padding: 40px 0; }
  .services .video iframe {
    width: 800px;
    max-width: 100%;
    display: block;
    margin: auto; }
  .services.bg-none {
    background-color: transparent; }
  .services h3 {
    font-size: 40px;
    margin-bottom: 40px; }

.bg-none {
  background-color: transparent; }

.market-item {
  margin: 15px 0; }
  .market-item img {
    max-width: 90px;
    margin-bottom: 10px; }
  .market-item p {
    font-size: 30px; }
    .light-theme .market-item p {
      color: #021129; }
    .dark-theme .market-item p {
      color: #23a3c8; }

.blog-work {
  position: relative;
  padding: 40px 0; }

.partners {
  position: relative;
  padding: 40px 0; }

.services.bg-none h2 {
  background: #23a3c8;
  background-size: cover;
  color: #fff;
  height: auto;
  font-size: 18px;
  padding: 15px; }

.title-txt {
  max-width: 500px;
  margin: auto;
  line-height: 1.8;
  text-align: center; }

.item-id {
  display: flex;
  align-items: center;
  margin-bottom: 15px; }
  .item-id i {
    width: 80px;
    height: 80px;
    background: #4abe0a;
    border-radius: 50%;
    text-align: center;
    line-height: 80px;
    color: #fff;
    font-size: 40px; }
    html[dir="ltr"] .item-id i {
      margin-right: 10px; }
    html[dir="rtl"] .item-id i {
      margin-left: 10px; }
  .item-id h6 {
    font-weight: 700; }

.packageBlock {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border: 1px solid #ddd;
  width: 300px;
  max-width: 100%;
  margin: 0 auto 20px;
  overflow: hidden;
  transition: all 0.3s ease-in-out; }
  .packageBlock .packageTitle {
    text-align: center;
    padding: 50px 0;
    border-radius: 0 0 50% 50%;
    color: #fff;
    height: 228px;
    transition: all 0.3s ease-in-out;
    background-color: #e0a73c; }
  .packageBlock .packageBody {
    margin: 20px; }
    .packageBlock .packageBody p {
      text-align: center;
      border-bottom: 1px solid #ddd;
      padding: 10px 0;
      font-weight: 700; }
      .packageBlock .packageBody p i {
        font-size: 8px;
        color: #23a3c8;
        padding-top: 8px; }
        html[dir="ltr"] .packageBlock .packageBody p i {
          float: left; }
        html[dir="rtl"] .packageBlock .packageBody p i {
          float: right; }
  .packageBlock .site-btn {
    margin: 20px auto;
    display: block;
    width: 180px;
    max-width: 100%;
    height: 40px;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border: 1px solid transparent;
    font-size: 16px;
    background-color: transparent;
    box-shadow: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    color: #fff;
    background-color: #e0a73c; }
    .packageBlock .site-btn:hover {
      background-color: transparent;
      color: #e0a73c;
      border-color: #e0a73c; }

/***************  start service-block  ***************/
/*start servers*/
.server-block {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  margin-bottom: 30px;
  transition: 0.5s ease-out; }
  .server-block:hover {
    transform: scale(1.05); }
  .server-block.gold {
    overflow: visible;
    position: relative; }
    .server-block.gold .head i {
      position: absolute;
      top: 0;
      left: 0;
      transform: translate(-40%, -47%);
      width: 50px;
      height: 50px;
      font-size: 22px;
      color: #ffffff;
      background-color: #ffbf00;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
  .server-block .head {
    padding: 20px;
    text-align: center;
    font-size: 25px;
    background-color: #05183b;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .server-block .head p.price {
      font-size: 20px; }
    .server-block .head p {
      font-size: 25px;
      color: #ffffff;
      font-weight: bold;
      font-family: Tahoma; }
  .server-block .price-box {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #05183bb3; }
    .server-block .price-box .price {
      font-size: 25px;
      line-height: 1; }
      .light-theme .server-block .price-box .price {
        color: #021129; }
      .dark-theme .server-block .price-box .price {
        color: #23a3c8; }
  .server-block .options-list li {
    padding: 10px;
    text-align: center;
    font-family: Tahoma; }
    .light-theme .server-block .options-list li:nth-child(odd) {
      background-color: #f6fbfd; }
    .dark-theme .server-block .options-list li:nth-child(odd) {
      background-color: #0a162e; }
    .server-block .options-list li:nth-child(even) {
      background-color: rgba(2, 11, 27, 0.21); }
  .server-block .serv-btn {
    font-weight: bold;
    text-align: center;
    display: block;
    width: 100%;
    padding: 15px;
    background-color: #05183b;
    color: #ffffff; }
    .server-block .serv-btn:hover {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
      .light-theme .server-block .serv-btn:hover {
        background-color: #f6fbfd; }
      .dark-theme .server-block .serv-btn:hover {
        background-color: #0a162e; }
      .light-theme .server-block .serv-btn:hover {
        color: #021129; }
      .dark-theme .server-block .serv-btn:hover {
        color: #23a3c8; }

.dark {
  background-color: #05183b; }

.server-block:hover .head,
.server-block:hover .serv-btn {
  background-color: #23a3c8; }

.light-theme .white-contact .contact-us {
  background-color: #f6fbfd; }
.dark-theme .white-contact .contact-us {
  background-color: #0a162e; }

/*end servers*/
/***************  start products  ***************/
.tamp-about .about-title {
  padding: 30px 0; }
  .tamp-about .about-title h2 {
    max-width: 250px;
    margin: 10px 0;
    font-weight: 700;
    font-family: hsdream-light; }
    .light-theme .tamp-about .about-title h2 {
      color: #555; }
    .dark-theme .tamp-about .about-title h2 {
      color: #ffffff; }
  .tamp-about .about-title p {
    margin-bottom: 20px; }
  .tamp-about .about-title a {
    height: 50px;
    line-height: 48px;
    color: #fff;
    background-color: #e0a73c;
    display: inline-block;
    display: block;
    width: 180px;
    max-width: 100%;
    border-radius: 30px;
    text-align: center;
    border: 1px solid transparent;
    font-size: 16px;
    box-shadow: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out; }
    html[dir="ltr"] .tamp-about .about-title a {
      margin-right: 15px; }
    html[dir="rtl"] .tamp-about .about-title a {
      margin-left: 15px; }

.tamplate .serv-img {
  position: relative;
  width: 100%;
  height: 200px;
  border-radius: 50px 0;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: unset;
  box-shadow: 0 0 10px #ddd;
  transition: all 0.4s ease-in-out; }
  .light-theme .tamplate .serv-img {
    background-color: #f6fbfd; }
  .dark-theme .tamplate .serv-img {
    background-color: #0a162e; }
  .tamplate .serv-img:hover {
    background: #020b1b;
    color: #fff; }
  .tamplate .serv-img img {
    position: relative;
    left: unset;
    top: unset;
    z-index: unset;
    transform: unset;
    right: unset;
    object-fit: contain;
    width: 90px;
    height: 100px;
    margin: 10px auto; }
  .tamplate .serv-img p {
    transition: all 0.5s ease-in-out;
    color: #23a3c8; }

.apps-type {
  padding: 20px 0; }
  .apps-type .apps-types {
    width: 100%;
    object-fit: contain;
    height: 265px; }
  .apps-type p {
    font-size: 20px;
    margin: 15px 0 0;
    text-align: center;
    font-weight: 700; }

.app-adv li {
  position: relative;
  margin-bottom: 15px;
  display: flex; }
  .app-adv li::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #4abe0a;
    flex-shrink: 0;
    margin-top: 7px; }
    html[dir="ltr"] .app-adv li::before {
      margin-right: 5px; }
    html[dir="rtl"] .app-adv li::before {
      margin-left: 5px; }

.detailsDesc p {
  margin-bottom: 15px; }

.services-blocks.custom-block .serv-img {
  width: 80%;
  border-radius: 90px 0;
  height: 200px;
  position: relative;
  line-height: 114px;
  margin: 20px auto;
  overflow: hidden;
  box-shadow: 0 0 10px #ddd;
  transition: all 0.3s ease-in-out;
  text-align: center; }
  .light-theme .services-blocks.custom-block .serv-img {
    background-color: #f6fbfd; }
  .dark-theme .services-blocks.custom-block .serv-img {
    background-color: #0a162e; }
  .services-blocks.custom-block .serv-img i {
    font-size: 75px;
    color: #23a3c8;
    transition: all 0.5s ease-in-out;
    line-height: 200px; }
.services-blocks.custom-block p {
  background: #fff;
  box-shadow: 1px 1px 10px #dadada;
  height: 55px;
  line-height: 50px;
  width: 80%;
  margin: auto;
  text-align: center;
  border-radius: 25px; }

/*whatsapp*/
.container-wa .floating-button {
  position: fixed;
  bottom: 40px;
  right: 40px;
  width: 60px;
  height: 60px;
  background-color: #21305a;
  color: white;
  border-radius: 50px;
  text-align: center;
  font-size: 35px;
  cursor: pointer;
  z-index: 11; }
  @media (max-width: 768px) {
    .container-wa .floating-button {
      bottom: 20px;
      right: 29%; } }
  .container-wa .floating-button:hover {
    background-color: #21305a; }
  .container-wa .floating-button:before, .container-wa .floating-button:after {
    content: '';
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #276189;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0; }
  .container-wa .floating-button:after {
    animation-delay: .5s; }
  .container-wa .floating-button .icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    line-height: 60px;
    text-align: center;
    transition: all 0.3s;
    color: #fff; }
    .container-wa .floating-button .icon.wa {
      animation: wa-out 0.3s; }
    .container-wa .floating-button .icon.close {
      opacity: 0;
      margin: auto;
      transform: rotateZ(-70deg);
      animation: close-out 0.3s; }
.container-wa .card-whats {
  position: fixed;
  width: 350px;
  height: 350px;
  background-color: gray;
  border-radius: 10px;
  overflow: hidden;
  right: 40px;
  bottom: 100px;
  display: none;
  text-align: right;
  z-index: 9;
  box-shadow: 0 0 20px 0 #888; }
  @media (max-width: 768px) {
    .container-wa .card-whats {
      width: 300px; } }
  .container-wa .card-whats .banner-header {
    background-image: url("https://aait.sa/public/site/img/hover.webp");
    background-size: cover;
    height: 230px;
    color: white;
    padding: 20px;
    padding-bottom: 40px;
    background-color: #075e54;
    text-align: center; }
    .container-wa .card-whats .banner-header img {
      width: 70px;
      margin: auto;
      margin-bottom: 20px; }
    .container-wa .card-whats .banner-header p {
      font-size: 15px;
      margin-top: 0.5em;
      line-height: initial;
      color: #fff;
      margin-bottom: 0; }
  .container-wa .card-whats .banner-body {
    flex-grow: 1;
    background-color: #eaeaea;
    padding: 15px; }
    .container-wa .card-whats .banner-body .card-atendente {
      margin-top: -50px;
      background-color: white;
      padding: 15px;
      display: flex;
      flex-direction: column;
      border-radius: 15px; }
      .container-wa .card-whats .banner-body .card-atendente .dados-atendente {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        font-weight: bold; }
        .container-wa .card-whats .banner-body .card-atendente .dados-atendente .avatar {
          padding: 0px;
          background: #eaeaea;
          border-radius: 50%; }
          .container-wa .card-whats .banner-body .card-atendente .dados-atendente .avatar img {
            border-radius: 50%;
            width: 50px; }
        .container-wa .card-whats .banner-body .card-atendente .dados-atendente .informacoes {
          padding: 15px;
          color: #181929; }
      .container-wa .card-whats .banner-body .card-atendente .btn {
        color: white;
        background-color: #24d366;
        border-radius: 50px;
        width: 100%;
        padding: 10px;
        text-align: center;
        text-decoration: none;
        border: 0;
        font-size: 15px;
        font-weight: 500;
        margin: 0;
        box-shadow: 0 0 0; }
        .container-wa .card-whats .banner-body .card-atendente .btn i {
          font-size: 20px;
          position: relative;
          top: 2px;
          padding-left: 2px; }
.container-wa.is-opened .icon.wa {
  animation: wa-in 0.15s linear;
  animation-fill-mode: forwards; }
.container-wa.is-opened .icon.close {
  animation: close-in 0.2s;
  animation-delay: 0.1s;
  animation-fill-mode: forwards; }
.container-wa.is-opened .card {
  display: flex;
  flex-direction: column; }
.container-wa.is-opened .card-whats {
  display: block;
  z-index: 9999;
  height: 360px;
  bottom: 130px; }

@keyframes close-in {
  from {
    opacity: 0;
    transform: rotateZ(-70deg); }
  to {
    opacity: 1;
    transform: rotateZ(0deg); } }
@keyframes close-out {
  from {
    opacity: 1;
    transform: rotateZ(0deg); }
  to {
    opacity: 0;
    transform: rotateZ(-70deg); } }
@keyframes wa-in {
  from {
    opacity: 1;
    transform: rotateZ(0deg); }
  to {
    opacity: 0;
    transform: rotateZ(180deg); } }
@keyframes wa-out {
  from {
    opacity: 0;
    transform: rotateZ(180deg); }
  to {
    opacity: 1;
    transform: rotateZ(0deg); } }
@keyframes animate {
  0% {
    transform: scale(0.5);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }
@media (max-width: 990px) {
  .container-wa.is-opened .card-whats {
    display: block;
    z-index: 9999;
    height: 360px;
    right: 20px;
    bottom: 100px; } }
/***************  start messenger  ***************/
.messenger {
  position: fixed;
  bottom: 120px;
  right: 40px;
  z-index: 9; }
  @media (max-width: 768px) {
    .messenger {
      display: none; } }
  .messenger .icon {
    color: #0084ff;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    font-size: 38px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    cursor: pointer; }
    .messenger .icon:hover i, .messenger .icon:focus i {
      background-color: transparent; }
    .messenger .icon::before {
      content: "";
      display: block;
      position: absolute;
      top: 3px;
      right: 2px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: red; }
  .messenger .chat {
    position: absolute;
    bottom: 80px;
    right: 0;
    width: 300px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    transition: .5s ease-out;
    transform-origin: bottom right;
    transform: scale(0); }
    .messenger .chat.active {
      transform: none; }
    .messenger .chat .head {
      display: flex;
      align-items: center;
      padding: 10px 15px;
      background: #0084ff; }
      .messenger .chat .head .img {
        width: 50px;
        height: 50px;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #ddd;
        border-radius: 50%; }
        html[dir="ltr"] .messenger .chat .head .img {
          margin-right: 10px; }
        html[dir="rtl"] .messenger .chat .head .img {
          margin-left: 10px; }
        .messenger .chat .head .img img {
          width: 70%; }
    .messenger .chat .info {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .messenger .chat .info .title {
        font-size: 14px;
        font-weight: bold;
        color: #fff; }
      .messenger .chat .info .desc {
        font-size: 12px;
        color: #fff; }
      .messenger .chat .info i {
        cursor: pointer;
        color: #d8d6d6; }
    .messenger .chat .inner {
      padding: 10px;
      border-bottom: 1px solid #ddd;
      height: 200px; }
      .messenger .chat .inner .desc {
        padding: 5px 15px;
        background: #eceaea;
        display: inline-block;
        border-radius: 10px 0 10px 10px; }
    .messenger .chat .down {
      padding: 10px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .messenger .chat .down a {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        color: #fff;
        background: #0084ff;
        padding: 7px; }
        html[dir="ltr"] .messenger .chat .down a i {
          margin-right: 5px; }
        html[dir="rtl"] .messenger .chat .down a i {
          margin-left: 5px; }

.floating-phone {
  position: fixed;
  bottom: 20px;
  right: 55%;
  width: 60px;
  height: 60px;
  background-color: #23a3c8;
  color: white;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  cursor: pointer;
  z-index: 11;
  display: none; }
  @media (max-width: 768px) {
    .floating-phone {
      display: flex;
      align-items: center;
      justify-content: center; } }

/* home features //=============================*/
.home-features {
  background-color: #F9FEFF;
  padding: 100px 0;
  overflow: hidden; }
  @media (max-width: 576px) {
    .home-features {
      padding: 50px 0; } }
  .home-features .title-logo {
    margin-bottom: 50px; }
    @media (max-width: 576px) {
      .home-features .title-logo {
        margin-bottom: 20px; } }
  .home-features .features-circles {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 20px 0; }
    .home-features .features-circles > .empty {
      width: 100%; }
    .home-features .features-circles .center {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 43%;
      margin: auto;
      border-radius: 50%;
      overflow: hidden;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .home-features .features-circles .center::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(#37517e 0%, #243552 0%, #45aadc 100%);
        animation: rotate 5s infinite forwards linear;
        border-radius: 50%; }
      .home-features .features-circles .center .img {
        width: 70%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .home-features .features-circles .center .empty {
        width: 100%; }
    .home-features .features-circles .arounds {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      border: 2px solid rgb(47 94 130);
      border-radius: 50%; }
      .home-features .features-circles .arounds::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        border: 2px solid transparent;
        border-top-color: #23A3C8;
        border-bottom-color: #23A3C8;
        border-radius: 50%;
        animation: rotateCenter 8s infinite forwards linear; }
      .home-features .features-circles .arounds img {
        width: 100%; }
      .home-features .features-circles .arounds .around {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 85%;
        height: 85%;
        border: 2px solid rgb(47 94 130);
        border-radius: 50%; }
        .home-features .features-circles .arounds .around .around::before {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: calc(100% + 4px);
          height: calc(100% + 4px);
          border: 2px solid transparent;
          border-top-color: #4A7C8C;
          border-bottom-color: #4A7C8C;
          border-radius: 50%;
          animation: rotateCenterReverce 8s infinite forwards linear; }
        .home-features .features-circles .arounds .around .around .around::before {
          display: none; }
        .home-features .features-circles .arounds .around .around .around .around::before {
          border-top-color: #23A3C8;
          border-bottom-color: #23A3C8;
          display: block;
          animation: rotateCenter 8s infinite forwards linear; }
  .home-features .feature-box {
    width: 115px;
    margin-bottom: 50px;
    text-align: center; }
    @media (max-width: 992px) {
      .home-features .feature-box {
        max-width: 30%; } }
    .home-features .feature-box:last-child {
      margin-bottom: 0; }
    .home-features .feature-box:hover .img::before {
      left: 0; }
    .home-features .feature-box .img {
      position: relative;
      display: block;
      width: 115px;
      max-width: 100%; }
      .home-features .feature-box .img::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -10px;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 1px solid rgba(0, 0, 0, 0.43);
        pointer-events: none;
        transition: .3s ease-out; }
      .home-features .feature-box .img img {
        width: 100%; }
    .home-features .feature-box .nono {
      font-size: 5px; }
    .home-features .feature-box .title {
      color: #272727;
      font-weight: 500;
      font-size: 19px;
      margin-top: 10px; }
  @media (max-width: 992px) {
    .home-features .col-12:first-child {
      display: flex;
      justify-content: space-between;
      order: 1; }
      .home-features .col-12:first-child .feature-box {
        margin: 0 0 20px !important; } }
  html[dir="ltr"] .home-features .col-12:first-child .feature-box:nth-child(odd) {
    margin-left: auto; }
  html[dir="rtl"] .home-features .col-12:first-child .feature-box:nth-child(odd) {
    margin-right: auto; }
  @media (max-width: 992px) {
    .home-features .col-12:last-child {
      display: flex;
      justify-content: space-between;
      order: 2; }
      .home-features .col-12:last-child .feature-box {
        margin: 0 0 20px !important; } }
  html[dir="ltr"] .home-features .col-12:last-child .feature-box:nth-child(even) {
    margin-left: auto; }
  html[dir="rtl"] .home-features .col-12:last-child .feature-box:nth-child(even) {
    margin-right: auto; }

@keyframes rotate {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }
@keyframes rotateCenter {
  from {
    transform: translate(-50%, -50%) rotate(0); }
  to {
    transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes rotateCenterReverce {
  from {
    transform: translate(-50%, -50%) rotate(0); }
  to {
    transform: translate(-50%, -50%) rotate(-360deg); } }
.flash-awamer {
  position: fixed;
  bottom: 50px;
  left: 20px;
  font-size: 30px;
  font-weight: bold;
  background: linear-gradient(to left, #253755 0%, #2ac0eb 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0;
  transition: .3s ease-out; }
  .flash-awamer.active {
    opacity: 1;
    animation: flashAinmate 1.5s infinite forwards linear; }

@keyframes flashAinmate {
  from {
    background-position: 0; }
  to {
    background-position: -260px; } }
.vession {
  background-size: cover; }

.web-design-video {
  background-image: url(../img/services/web-design/layers-bg.webp);
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 80px; }
  @media (max-width: 768px) {
    .web-design-video {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .web-design-video .title {
    font-weight: 500;
    font-size: 32px;
    text-align: center;
    color: #e0a73c; }
  .web-design-video iframe {
    height: 340px;
    width: 100%; }
    @media (max-width: 768px) {
      .web-design-video iframe {
        height: 200px; } }

/*==================feature-grid=================*/
.features-grid div[class*="col-"] {
  margin-bottom: 30px; }

.feature-grid-box {
  padding: 30px;
  border-radius: 45px;
  box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.28);
  height: 100%; }
  @media (max-width: 768px) {
    .feature-grid-box {
      padding: 20px 10px; } }
  .feature-grid-box .img {
    height: 100px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 768px) {
      .feature-grid-box .img {
        width: 60%;
        margin: 0 auto 10px;
        height: 70px; } }
    .feature-grid-box .img img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
    .feature-grid-box .img img path {
      fill: red; }
  .feature-grid-box .title {
    font-weight: 500;
    font-size: 18px;
    font-weight: 600;
    text-align: center; }
    @media (max-width: 768px) {
      .feature-grid-box .title {
        font-size: 16px; } }

.ph-img {
  fill: currentColor;
  color: red; }

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

/*=================features-list==================*/
.features-list {
  background-image: url(../img/services/web-design/features-bg.webp);
  background-size: cover; }

.dots-list li {
  font-size: 25px;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start; }
  @media (max-width: 576px) {
    .dots-list li {
      font-size: 17px; } }
  .dots-list li::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #23a3c8;
    margin-top: 12px;
    flex-shrink: 0; }
    html[dir="ltr"] .dots-list li::before {
      margin-right: 10px; }
    html[dir="rtl"] .dots-list li::before {
      margin-left: 10px; }
    @media (max-width: 576px) {
      .dots-list li::before {
        width: 10px;
        height: 10px; } }

/*=================web-works==================*/
.web-works .btns {
  display: flex;
  align-items: center;
  justify-content: center; }
  .web-works .btns a {
    padding: 14px 27px;
    border-radius: 60px;
    font-size: 20px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px; }
    @media (max-width: 576px) {
      .web-works .btns a {
        padding: 14px 14px;
        font-size: 17px; } }
    html[dir="ltr"] .web-works .btns a i {
      margin-right: 10px; }
    html[dir="rtl"] .web-works .btns a i {
      margin-left: 10px; }
    .web-works .btns a.whats-btn {
      background-color: #8bdd28; }
    .web-works .btns a.works-btn {
      background-color: #2AC0EB; }

/*=================design-types==================*/
.design-types {
  padding-top: 40px; }
  .design-types .item {
    padding: 17px; }

.design-type-box {
  display: flex;
  align-items: center;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  border-radius: 40px; }
  @media (max-width: 576px) {
    .design-type-box {
      flex-direction: column; } }
  .design-type-box .info {
    padding: 20px; }
    .design-type-box .info .title {
      font-size: 25px;
      color: #e0a73c;
      margin-bottom: 10px; }
    .design-type-box .info .desc {
      font-size: 18px; }
  .design-type-box .img {
    width: 300px;
    max-width: 40%;
    height: 300px;
    overflow: hidden;
    flex-shrink: 0; }
    @media (max-width: 576px) {
      .design-type-box .img {
        max-width: 100%;
        width: 100%;
        height: 150px;
        order: -1; } }
    .design-type-box .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: .5s ease-out; }
  .design-type-box:hover img {
    transform: scale(1.2); }

/*==================what-use=================*/
.what-use img {
  border-radius: 15px; }
@media (max-width: 576px) {
  .what-use div[class*="col-"]:last-child {
    order: -1; } }

.our-works-slide .owl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px; }
  .our-works-slide .owl-nav button {
    margin: 0 10px; }
    .our-works-slide .owl-nav button img {
      width: 40px; }

/*==================special-offers=================*/
.special-offers .special-offers-head {
  padding-top: 50px; }
  .special-offers .special-offers-head .title {
    font-size: 40px;
    color: #e0a73c;
    font-weight: bold;
    text-align: center; }
    @media (max-width: 768px) {
      .special-offers .special-offers-head .title {
        font-size: 30px; } }
  .special-offers .special-offers-head .desc {
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #e0a73c;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden; }
    @media (max-width: 768px) {
      .special-offers .special-offers-head .desc {
        font-size: 18px; } }
    .special-offers .special-offers-head .desc::before, .special-offers .special-offers-head .desc::after {
      content: "";
      position: absolute;
      top: -1px;
      left: 50%;
      transform: translateX(-50%);
      width: calc(100% + 2px);
      height: 60px;
      background-color: #ffffff;
      border-radius: 0 0 1000% 1000%; }
    .special-offers .special-offers-head .desc::after {
      border-radius: 1000% 1000% 0 0;
      top: auto;
      bottom: -1px; }
.special-offers .special-offers-about {
  text-align: center; }
  .special-offers .special-offers-about img {
    width: 94px;
    height: 94px;
    display: block;
    margin: 0 auto 20px; }
  .special-offers .special-offers-about .title {
    font-size: 35px;
    color: #e0a73c;
    font-weight: bold;
    text-align: center; }
    @media (max-width: 768px) {
      .special-offers .special-offers-about .title {
        font-size: 25px; } }
  .special-offers .special-offers-about .desc {
    font-size: 20px;
    color: #224051;
    font-weight: bold; }
    @media (max-width: 768px) {
      .special-offers .special-offers-about .desc {
        font-size: 18px; } }
.special-offers .special-offers-title {
  font-size: 40px;
  color: #ffffff;
  text-align: center;
  background-color: #224051;
  padding-bottom: 80px;
  padding-top: 20px;
  position: relative;
  font-weight: bold;
  overflow: hidden; }
  @media (max-width: 768px) {
    .special-offers .special-offers-title {
      font-size: 25px; } }
  .special-offers .special-offers-title::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% + 2px);
    height: 60px;
    background-color: #f1f7fb;
    border-radius: 1000% 1000% 0 0; }
.special-offers .special-offers-section {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #e1f1ce;
  position: relative; }
  @media (max-width: 768px) {
    .special-offers .special-offers-section {
      padding-top: 50px;
      padding-bottom: 50px; } }
  .special-offers .special-offers-section:nth-child(odd) {
    background-color: #f1f7fb; }
  .special-offers .special-offers-section .row {
    align-items: center; }
    @media (max-width: 768px) {
      .special-offers .special-offers-section .row .col-12:last-child {
        order: -1; } }
    .special-offers .special-offers-section .row .title {
      font-size: 40px;
      color: #fff;
      font-weight: bold;
      margin-bottom: 20px;
      padding: 5px 20px;
      background-color: #23a3c8;
      border-radius: 7px; }
      @media (max-width: 768px) {
        .special-offers .special-offers-section .row .title {
          font-size: 30px; } }
    .special-offers .special-offers-section .row .desc {
      font-size: 18px;
      color: #224051;
      font-weight: bold;
      max-width: 447px;
      margin-bottom: 20px; }
      @media (max-width: 768px) {
        .special-offers .special-offers-section .row .desc {
          font-size: 18px; } }
    .special-offers .special-offers-section .row .price {
      max-width: 447px;
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      @media (max-width: 576px) {
        .special-offers .special-offers-section .row .price {
          margin-bottom: 20px;
          flex-direction: column;
          align-items: stretch; } }
      .special-offers .special-offers-section .row .price .tit {
        font-size: 20px;
        padding: 0px 20px;
        border-radius: 5px;
        color: #ffffff;
        background-color: #e0a73c; }
      .special-offers .special-offers-section .row .price .val {
        font-size: 20px;
        color: #e0a73c;
        font-weight: bold; }
        .special-offers .special-offers-section .row .price .val .before {
          font-size: 16px;
          color: #b9b8b8;
          text-decoration: line-through; }
        .special-offers .special-offers-section .row .price .val span {
          display: block;
          text-align: end; }
    .special-offers .special-offers-section .row img {
      width: 100%; }
  .special-offers .special-offers-section .show-example {
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    color: #ffffff;
    background-color: #224051;
    font-weight: bold;
    padding: 5px 20px;
    border-radius: 5px; }
    @media (max-width: 768px) {
      .special-offers .special-offers-section .show-example {
        width: 100%;
        justify-content: space-between; } }
    .special-offers .special-offers-section .show-example.active i {
      transform: rotate(180deg); }
    .special-offers .special-offers-section .show-example i {
      font-size: 16px;
      transition: .5s; }
      html[dir="ltr"] .special-offers .special-offers-section .show-example i {
        margin-left: 20px; }
      html[dir="rtl"] .special-offers .special-offers-section .show-example i {
        margin-right: 20px; }
  .special-offers .special-offers-section .special-offers-example {
    overflow: hidden;
    display: none; }
    .special-offers .special-offers-section .special-offers-example .example-title {
      font-size: 18px;
      color: #224051;
      text-align: center;
      font-weight: bold;
      margin-top: 20px; }
    .special-offers .special-offers-section .special-offers-example .sub-title {
      font-size: 27px;
      color: #e0a73c;
      font-weight: bold;
      text-align: center;
      margin-bottom: 20px; }
    .special-offers .special-offers-section .special-offers-example img {
      transform: scale(0.8);
      transition: .5s; }
    .special-offers .special-offers-section .special-offers-example .center img {
      transform: scale(1); }
  .special-offers .special-offers-section.shape-after {
    padding-bottom: 190px; }
    @media (max-width: 576px) {
      .special-offers .special-offers-section.shape-after {
        padding-bottom: 70px; } }
    .special-offers .special-offers-section.shape-after > img {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%; }
  .special-offers .special-offers-section.shape-before {
    padding-top: 190px; }
    @media (max-width: 576px) {
      .special-offers .special-offers-section.shape-before {
        padding-top: 70px; } }
    .special-offers .special-offers-section.shape-before > img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }

/*===================================*/
.feasibility-study {
  margin-bottom: 100px; }
  .feasibility-study .section-title {
    color: #000;
    margin-bottom: 35px; }
    @media (max-width: 576px) {
      .feasibility-study .section-title {
        margin-bottom: 30px;
        font-size: 25px; } }
  .feasibility-study .feasibility-hint {
    padding: 5px 15px;
    border-radius: 30px;
    font-size: 23px;
    display: flex;
    align-items: center;
    margin-bottom: 25px; }
    @media (max-width: 768px) {
      .feasibility-study .feasibility-hint {
        padding: 5px 10px;
        font-size: 18px; } }
    .feasibility-study .feasibility-hint span {
      background-color: #fff;
      width: 35px;
      height: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-weight: bold;
      font-size: 25px; }
      html[dir="ltr"] .feasibility-study .feasibility-hint span {
        margin-right: 10px; }
      html[dir="rtl"] .feasibility-study .feasibility-hint span {
        margin-left: 10px; }
      @media (max-width: 768px) {
        .feasibility-study .feasibility-hint span {
          width: 28px;
          height: 28px;
          font-size: 18px; } }
      .feasibility-study .feasibility-hint span.color-green {
        color: #6DBE0A; }
      .feasibility-study .feasibility-hint span.color-blue {
        color: #23A3C8; }

.some-info {
  background-color: #fff; }

.more-contact-whats {
  padding: 15px 30px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 25px;
  font-weight: bold; }
  @media (max-width: 768px) {
    .more-contact-whats {
      font-size: 20px; } }
  @media (max-width: 576px) {
    .more-contact-whats {
      font-size: 18px;
      text-align: center;
      flex-direction: column;
      padding: 10px;
      border-radius: 10px; } }
  .more-contact-whats .btn-contact {
    padding: 10px 15px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    font-size: 25px;
    color: #fff; }
    @media (max-width: 768px) {
      .more-contact-whats .btn-contact {
        font-size: 20px; } }
    @media (max-width: 576px) {
      .more-contact-whats .btn-contact {
        margin-top: 10px;
        font-size: 18px;
        width: 100%;
        justify-content: center;
        border-radius: 10px; } }
    html[dir="ltr"] .more-contact-whats .btn-contact span:not(:last-child) {
      margin-right: 10px; }
    html[dir="rtl"] .more-contact-whats .btn-contact span:not(:last-child) {
      margin-left: 10px; }
    .more-contact-whats .btn-contact i {
      font-size: 28px; }
      html[dir="ltr"] .more-contact-whats .btn-contact i {
        margin-right: 15px; }
      html[dir="rtl"] .more-contact-whats .btn-contact i {
        margin-left: 15px; }

.time-section {
  padding: 0;
  position: relative;
  overflow: hidden; }
  .time-section::before {
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 70px;
    position: absolute;
    border: 48px solid transparent;
    border-top: 1px solid #fff;
    border-right: 1800px solid #fff; }
  .time-section .section-title {
    text-align: inherit; }

.main-design-section {
  background-color: #F6FDFF;
  padding: 100px 0; }

.info-main-design {
  padding: 10px 25px;
  border: 1px solid #6DBE0A;
  background-color: #fff;
  color: #6DBE0A !important;
  font-size: 24px !important;
  border-radius: 25px; }
  @media (max-width: 576px) {
    .info-main-design {
      line-height: 25px !important;
      font-size: 19px !important; } }

.feasibility-study-types .sec4:nth-child(odd) div[class*="col-"]:last-child {
  order: -1; }

.startup-competition {
  direction: ltr;
  text-align: left;
  background-color: #f0f9fb; }
  .startup-competition .progress-container {
    position: relative; }
    .startup-competition .progress-container .cprogress-bar {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      height: 3px;
      background-color: #dddddd;
      width: 100%; }
      .startup-competition .progress-container .cprogress-bar span {
        height: 100%;
        background-color: #e0a73c;
        display: block;
        transition: .5s ease-out;
        width: 0%; }
  .startup-competition .competition-progress {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
    position: relative; }
    .startup-competition .competition-progress li {
      display: flex;
      align-items: center;
      font-size: 14px;
      font-weight: 600;
      color: #7c7c7c;
      background-color: #f0f9fb;
      padding: 0 15px; }
      .startup-competition .competition-progress li:first-child {
        padding-left: 0; }
      .startup-competition .competition-progress li:last-child {
        padding-right: 0; }
      .startup-competition .competition-progress li.active {
        color: #23a3c8; }
      .startup-competition .competition-progress li.done {
        color: #e0a73c; }
      @media (max-width: 576px) {
        .startup-competition .competition-progress li {
          padding: 0 5px;
          white-space: nowrap;
          font-size: 12px; } }
      .startup-competition .competition-progress li::before {
        content: "\f058";
        display: block;
        font-weight: bold;
        margin-right: 5px;
        font-size: 18px;
        line-height: 20px; }
  .startup-competition .input {
    border-radius: 5px;
    font-size: 16px; }
    .startup-competition .input::placeholder {
      color: #9f9f9f; }
  .startup-competition .custom-radio {
    display: inline-flex;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 15px; }
    .startup-competition .custom-radio .icon {
      width: 20px;
      height: 20px;
      border: 1px solid #212529;
      border-radius: 50%;
      margin-right: 10px;
      padding: 4px;
      margin-top: -5px;
      display: block;
      cursor: pointer; }
      .startup-competition .custom-radio .icon::before {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 50%;
        line-height: 1;
        transition: .3s; }
    .startup-competition .custom-radio input:checked + .icon::before {
      background-color: #212529; }
  .startup-competition .step {
    display: none; }
  .startup-competition .btns {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .startup-competition .btns .button {
      min-width: 140px; }
  .startup-competition .title {
    font-size: 25px;
    margin-bottom: 20px; }
  .startup-competition .team-member {
    margin-bottom: 40px; }
  .startup-competition .other-content {
    display: none; }

.offer-modal .modal-content {
  position: relative; }
  .offer-modal .modal-content .close-modal {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 25px;
    cursor: pointer;
    opacity: .7;
    color: #fff; }

.odoo-props .row {
  align-items: flex-start !important; }
  .odoo-props .row .col-md-5 {
    position: sticky;
    top: 160px; }

.odoo-page .inner-head::after {
  background: linear-gradient(to left, #714b67 0%, #392634 100%); }
.odoo-page .odoo-list li {
  display: flex;
  align-items: center;
  font-size: 20px;
  margin-bottom: 20px; }
  .odoo-page .odoo-list li::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-left: 10px;
    background-color: #500a3d; }
.odoo-page .apps-section .inner {
  background: #f1f1f1;
  box-shadow: 0px 5px 29px rgba(0, 0, 0, 0.3); }
.odoo-page .apps-section .btns {
  padding: 120px 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .odoo-page .apps-section .btns a {
    width: calc(100% / 3 - 10px);
    margin: 0 5px;
    display: block;
    text-align: center;
    font-size: 20px;
    color: #000;
    margin-bottom: 10px; }
    .odoo-page .apps-section .btns a img {
      width: 100%;
      max-width: 75px;
      display: block;
      margin: auto;
      margin-bottom: 10px; }
.odoo-page .odoo-btn {
  font-size: 25px;
  font-weight: 500;
  color: #ffffff;
  border-radius: 25px;
  padding: 5px 20px;
  width: 250px;
  max-width: 100%;
  display: inline-block;
  background-color: #714b67; }
.odoo-page .brand_slider .owl-nav {
  position: absolute;
  margin-top: 0;
  top: 50%;
  width: 100%; }
  .odoo-page .brand_slider .owl-nav .owl-prev {
    position: absolute;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #714B67; }
    html[dir="ltr"] .odoo-page .brand_slider .owl-nav .owl-prev {
      left: -10px; }
    html[dir="rtl"] .odoo-page .brand_slider .owl-nav .owl-prev {
      right: -10px; }
.odoo-page .brand_slider .owl-next {
  position: absolute;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px !important;
  color: #fff !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #714B67 !important; }
  html[dir="ltr"] .odoo-page .brand_slider .owl-next {
    right: -10px; }
  html[dir="rtl"] .odoo-page .brand_slider .owl-next {
    left: -10px; }
.odoo-page .item .img {
  height: 180px;
  object-fit: contain; }
  @media (max-width: 425px) {
    .odoo-page .item .img {
      height: 150px; } }
.odoo-page .custom-btn {
  width: 180px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  background: #714B67;
  color: #fff;
  font-size: 19px;
  border-radius: 10px;
  margin: 0 auto; }
.odoo-page .with-right-grid {
  padding: 50px 0;
  background: linear-gradient(to left, #f9f9f9 0%, #542d4b 0%, #cfc5cd 100%, #808080 100%); }
  @media (max-width: 425px) {
    .odoo-page .with-right-grid {
      padding: 25px 0; } }
  .odoo-page .with-right-grid .title {
    color: #fff; }
    @media (max-width: 425px) {
      .odoo-page .with-right-grid .title {
        text-align: center !important; } }
  .odoo-page .with-right-grid .desc-font {
    color: #fff; }
    @media (max-width: 425px) {
      .odoo-page .with-right-grid .desc-font {
        text-align: center !important; } }
  .odoo-page .with-right-grid .title-content {
    text-decoration: underline !important;
    display: block; }
    @media (max-width: 425px) {
      .odoo-page .with-right-grid .title-content {
        margin-bottom: 20px;
        text-align: center !important; } }
.odoo-page .with-left-grid {
  background: linear-gradient(to right, #f9f9f9 0%, #542d4b 0%, #cfc5cd 100%, #808080 100%); }
  @media (max-width: 425px) {
    .odoo-page .with-left-grid .row {
      flex-direction: column-reverse; } }
.odoo-page .main-logo {
  max-width: 100%;
  object-fit: cover; }
.odoo-page .card-section .item {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16);
  background: #fff;
  border-radius: 25px;
  padding: 20px;
  min-height: 100%; }
  .odoo-page .card-section .item .hint-step {
    font-size: 20px;
    color: #21272B; }
  .odoo-page .card-section .item .img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    margin-bottom: 10px; }
  .odoo-page .card-section .item .title-hint {
    font-size: 25px;
    font-weight: bold;
    color: #21272B; }
  .odoo-page .card-section .item .disc {
    font-size: 18px;
    color: #282F33; }
.odoo-page .custom-btn-radius .custom-btn {
  border-radius: 50px;
  width: 400px;
  height: 65px;
  font-size: 35px;
  font-weight: bold; }
  @media (max-width: 425px) {
    .odoo-page .custom-btn-radius .custom-btn {
      width: 260px;
      height: 55px;
      font-size: 25px; } }

.teammates .team-section:nth-child(even) {
  background-color: rgba(37, 163, 200, 0.07); }
.teammates .team-title {
  font-size: 45px;
  margin-bottom: 40px;
  font-weight: bold;
  color: #23a3c8; }
.teammates .team-section {
  padding-top: 80px;
  padding-bottom: 80px; }
  .teammates .team-section .row {
    margin: 0; }
    .teammates .team-section .row .col-12 {
      padding: 0; }

.animated-btn {
  margin-top: 33px;
  display: inline-block;
  position: relative; }

.animated-btn::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 25px;
  animation: animate2 1.5s linear infinite;
  opacity: 0;
  width: 100%;
  height: 100%;
  background: #23a3c8; }

.animated-btn.green::before {
  background: #e0a73c; }

.animated-btn .button {
  font-size: 22px;
  padding: 7px 30px !important;
  height: auto;
  position: relative; }

@keyframes animate2 {
  0% {
    transform: scale(1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1.2);
    opacity: 0; } }

/*# sourceMappingURL=style.css.map */