:root {
  --fontFamily: "Roboto", sans-serif;
  --nevy-blue: #1d2a4d;
  --font-color: #515151;
  --white-color: #ffffff;
  --black-color: #262521;
  --home2-main-color: #3368c6;
  --home3-main-color: #1c639f;
  --home1-main-color: #21cdc0;
  --home3-hover-color: #21cdc0;
  --home2-main-color-2: #dfbb9c;
  --home1-main-color-2: #9e376e;
  --lite-background-color: #fcf8ed;
}
.tab-nab {
  height: unset;
  display: flex;
  justify-content: flex-start;
}
.mean-container .mean-bar {
  float: unset;
}
.logo {
  position: relative !important;
  top: unset !important;
}
html[dir="rtl"] .fa-caret-right {
  rotate: 180deg;
}
.top-menu .nice-select {
  color: #fff;
}
.social-list {
  a {
    color: #fff;
    margin-left: 10px;
  }
}
.main-nav {
  transition: all 0.5s;
}
.nice-select {
  padding: 0;
  ul {
    flex-wrap: wrap;
    z-index: 9999 !important;
    li {
      color: #000;
    }
  }
  &:after {
    display: none;
  }
}
.language img {
  margin-inline-end:8px
}
.home3-service-section .custom-card .text-content {
  background-color: #fcf8ed;
}
.home3-header .home3-sticky:not(.sticky) .main-nav {
  background: linear-gradient(360deg, #00000000 0, rgb(255 255 255));
}
.home2-service-section {
  .custom-card.active {
    background: var(--home2-main-color);
    color: #fff;
    img {
      filter: invert(99%) sepia(12%) saturate(94%) hue-rotate(181deg) brightness(116%) contrast(100%);
    }
  }
  .custom-card:not(.active) {
    img {
      filter: invert(38%) sepia(93%) saturate(2798%) hue-rotate(207deg)
        brightness(84%) contrast(82%);
    }
  }
  .custom-card:hover {
    background: var(--home2-main-color) !important;
    color: #fff;
    img {
      filter: invert(99%) sepia(12%) saturate(94%) hue-rotate(181deg)
        brightness(116%) contrast(100%);
    }
  }
  button li + li {
    align-self: center;
    flex-grow: 1;
  }
  #v-pills-tab img {
    width: 100px;
    height: 100px;
    max-width: unset;
  }
}
@media (min-width: 992px) {
  .navbar-brand,
  .main-nav .right-menu {
    flex-basis: 25%;
  }
  .right-menu {
    text-align: end;
  }
}
@media (max-width: 991px) {
  .home3-header .home3-sticky {
    padding: 10px 0;
  }
}
@media (max-width: 767px) {
  .container {
    max-width: unset;
    padding: 0 15px;
  }
  .home2-service-section .fixed-height {
    height: auto;
    .custom-card {
      border-radius: 0;
      margin-bottom: 0;
      ul li {
        margin-right: 0 !important;
      }
    }
  }
}
@media (max-width:450px) {
  .home1-top-menu-ul {
      display: none !important
  }
}
@media (min-width:451px) {
  .language {
      max-width: 300px;
      margin: 0 auto;
  }
}
@media (max-width:400px) {
  .logo img {
  max-width: 200px;
  }
}
@media (max-width:992px) {
  .home2-service-section .fixed-height .custom-card ul li:first-child {
      margin-right: 0;
  }
}