*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  font-size: 62.5%;
  box-sizing: border-box;
  overflow-x: hidden;
  scroll-behavior: smooth; }
  @media (max-width: 47.99em) {
    html {
      font-size: 55%; } }
  @media (max-width: 35.99em) {
    html {
      font-size: 50%; } }

body {
  font-family: 'lato', sans-serif; }
.lato-thin {
  font-family: "Lato", serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", serif;
  font-weight: 900;
  font-style: italic;
}

*:link {
  text-decoration: none;
  transition: all .3s; }
  *:link:hover {
    text-decoration: none; }

.red {
  color: #6FDA44 !important; }

.blue {
  color: #508BD9 !important; }

.orange {
  color: #FFA128 !important; }

.green {
  color: #1EB41E !important; }

@media (max-width: 47.99em) {
  .order-top {
    order: 0 !important; }
  .order-bottom {
    order: 1 !important; } }

.description {
  margin-bottom: 0;
  font-size: 1.8rem;
  font-weight: 300; }

.container-large {
  max-width: 1320px;
  margin: 0 auto;
  width: 95%; }

.section__title {
  text-align: center;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto; }

.section__subtitle {
  font-weight: 800;
  font-size: 1.2rem;
  color: #10B2D6;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-bottom: 2rem !important; }
  .section__subtitle.red {
    color: #FC3D4D; }

.section__heading {
  font-size: 3.4rem;
  color: #333333;
  font-weight: 300;
  margin-bottom: 3rem; }

.section__description {
  margin-bottom: 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3rem;
  color: #5D6373; }
  .section__description-v2 {
    color: #8998AF; }
  .section__description--dark {
    color: #6B707C; }

/*==================
========= Feature=====
=====================*/
.feature {
  padding: 14rem 0 18rem 0; }
  @media (max-width: 61.99em) {
    .feature {
      padding-bottom: 5rem; } }
  .feature__wrap {
    margin: 14rem 0 0 0;
    background-image: url(../img/feature-bg.webp);
    background-size: contain;
    background-position: center;
    position: relative;
    min-height: 40rem;
    background-repeat: no-repeat; }
    @media (max-width: 61.99em) {
      .feature__wrap__mobile {
        margin-top: 5rem; } }
  .feature__single {
    display: flex;
    align-items: flex-start;
    position: absolute;
    max-width: 40rem; }
    @media (max-width: 47.99em) {
      .feature__single {
        max-width: 100%;
        justify-content: center;
        margin-bottom: 5rem !important; } }
    @media (max-width: 61.99em) {
      .feature__single {
        position: relative;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        margin-bottom: 3rem; } }
    .feature__single--1 {
      left: 12rem;
      top: -2rem; }
      @media (max-width: 74.99em) {
        .feature__single--1 {
          left: 4rem; } }
      @media (max-width: 61.99em) {
        .feature__single--1 {
          left: 0;
          top: 0; } }
    .feature__single--2 {
      right: 12rem;
      top: -2rem; }
      @media (max-width: 74.99em) {
        .feature__single--2 {
          right: 4rem; } }
      @media (max-width: 61.99em) {
        .feature__single--2 {
          left: 0;
          top: 0; } }
    .feature__single--3 {
      left: 5rem;
      top: 5rem; }
      @media (max-width: 74.99em) {
        .feature__single--3 {
          left: -3rem; } }
      @media (max-width: 61.99em) {
        .feature__single--3 {
          left: 0;
          top: 0; } }
    .feature__single--4 {
      right: -5rem;
      top: 6rem; }
      @media (max-width: 74.99em) {
        .feature__single--4 {
          right: -12rem; } }
    .feature__single--5 {
      bottom: 1rem;
      left: -2rem; }
      @media (max-width: 74.99em) {
        .feature__single--5 {
          left: -10rem; } }
    .feature__single--7 {
      right: -4rem;
      bottom: 2rem; }
      @media (max-width: 74.99em) {
        .feature__single--7 {
          right: -12rem; } }
    .feature__single--6 {
      right: 54rem;
      bottom: -6rem; }
      @media (max-width: 74.99em) {
        .feature__single--6 {
          right: 45rem; } }
  .feature__text h3 {
    color: #333740;
    font-size: 1.7rem;
    font-weight: 400; }

/*==================
========= Pricing =====
=====================*/
.pricing {
  padding-bottom: 8rem; }
  .pricing .tab_style .nav {
    position: inherit;
    max-width: 30rem;
    margin: 0 auto;
    border: 2px solid #E7E7E7;
    border-radius: 50px;
    padding: 1.5rem 3rem;
    justify-content: space-around !important;
    align-items: center;
    margin-bottom: 7rem; }
    .pricing .tab_style .nav .fade.active:not(.show) {
      display: none !important; }
    .pricing .tab_style .nav a {
      font-size: 1.4rem;
      color: #333740;
      font-weight: 400;
      opacity: .5; }
      .pricing .tab_style .nav a:hover {
        text-decoration: none; }
      .pricing .tab_style .nav a[aria-selected="true"] {
        opacity: 1; }
  .pricing .nav-tabs {
    border: none; }
  .pricing__single {
    font-size: 1.5rem;
    font-weight: 400;
    text-align: center;
    background-image: linear-gradient(117deg, #FF0566, #FA7236);
    box-shadow: 0 0 32px 12px rgba(230, 11, 88, 0.3);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 5px;
    padding: 5rem 4rem;
    height: 100%; }
    .pricing__single--2 {
      background-image: linear-gradient(117deg, #4A77D6, #5DC9DD);
      box-shadow: 0 0 32px 12px rgba(20, 116, 205, 0.3); }
      .pricing__single--2 .btn__pricing {
        color: #56A9DA; }
    .pricing__single--3 {
      background-image: linear-gradient(-45deg, #FFCB52, #FF7B02);
      box-shadow: 0 0 32px 12px rgba(255, 141, 19, 0.326); }
      .pricing__single--3 .btn__pricing {
        color: #FFA32A; }
  .pricing__title {
    font-size: 2.4rem;
    font-weight: 400;
    margin-bottom: 4rem;
    text-transform: capitalize; }
  .pricing__price {
    font-size: 4rem;
    font-weight: 300; }
  .pricing__list {
    list-style: none;
    margin: 4.5rem 0; }
  .pricing__item {
    margin: .8rem 0; }
  .pricing p {
    margin-bottom: 0; }
  .pricing a {
    display: block; }

/*==================
========= Map =====
=====================*/
.map {
  padding-top: 12rem;
  background-image: linear-gradient(-170deg, #109900, #6FDA44); }
  .map__imgbox {
    margin-top: 7rem;
    margin-bottom: 8rem; }
  .map__img {
    width: 100%; }

/*==================
========= Product =====
=====================*/
.product {
  background-image: linear-gradient(0deg, #fff 0, #fff 50%, rgba(255, 255, 255, 0) 50%); }
  .product__single {
    padding: 4rem 2rem;
    overflow: hidden;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 3rem;
    box-shadow: 0 0 40px -5px rgba(121, 145, 151, 0.267); }
    .product__single--2 p,
    .product__single--2 .product__item::before {
      color: #FFA128 !important; }
    .product__single--2 .btn__product {
      color: #FFA128;
      border-color: #FFA128; }
      .product__single--2 .btn__product:hover {
        background-color: #FFA128; }
    .product__single--3 p,
    .product__single--3 .product__item::before {
      color: #823EF2 !important; }
    .product__single--3 .btn__product {
      color: #823EF2;
      border-color: #823EF2; }
      .product__single--3 .btn__product:hover {
        background-color: #823EF2; }
    .product__single--4 p,
    .product__single--4 .product__item::before {
      color: #4190D2 !important; }
    .product__single--4 .btn__product {
      color: #4190D2;
      border-color: #4190D2; }
      .product__single--4 .btn__product:hover {
        background-color: #4190D2; }
    .product__single--5 p,
    .product__single--5 .product__item::before {
      color: #FC3D4D !important; }
    .product__single--5 .btn__product {
      color: #FC3D4D;
      border-color: #FC3D4D; }
      .product__single--5 .btn__product:hover {
        background-color: #FC3D4D; }
    .product__single--6 p,
    .product__single--6 .product__item::before {
      color: #44B081 !important; }
    .product__single--6 .btn__product {
      color: #44B081;
      border-color: #44B081; }
      .product__single--6 .btn__product:hover {
        background-color: #44B081; }
  @media (max-width: 47.99em) {
    .product__imgbox {
      text-align: center; } }
  .product__img {
    width: 100%;
    transform: scale(200%) translateX(-15%); }
    @media (max-width: 47.99em) {
      .product__img {
        transform: scale(1) translateX(0) !important;
        max-width: 30rem;
        margin: 0 auto;
        margin-bottom: 3rem; } }
  .product__text p {
    font-size: 1.4rem;
    font-weight: 400;
    color: #10B2D6;
    margin-bottom: 2rem; }
  .product__title {
    font-size: 2rem;
    font-weight: 400;
    color: #333740;
    text-transform: capitalize; }
  .product__list {
    list-style: none; }
  .product__item {
    font-size: 1.5rem;
    color: #4E6367;
    font-weight: 400;
    position: relative;
    padding-left: 2.5rem;
    margin-bottom: 0.5rem; }
    @media (max-width: 47.99em) {
      .product__item {
        display: block; } }
    .product__item::before {
      content: '\f00c';
      font-family: "Font Awesome 5 Free";
      color: #10B2D6;
      font-weight: 900;
      position: absolute;
      left: 0;
      font-size: 1.3rem; }

/*==================
========= assistance =====
=====================*/
.assistance__subtitle {
  font-size: 2.2rem;
  color: #4E6367;
  font-weight: 300;
  margin-bottom: 1.2rem; }
  .assistance__subtitle i {
    color: #049EC0;
    margin-left: 0.5rem; }
    .assistance__subtitle i.red {
      color: #FC3D4D; }

.assistance__heading {
  font-weight: 400;
  font-size: 2.8rem;
  color: #4E6367; }
  @media (max-width: 47.99em) {
    .assistance__heading {
      line-height: 2; } }
  .assistance__heading.black {
    color: #333333; }
  .assistance__heading span {
    color: #049EC0; }
    .assistance__heading span.red {
      color: #FC3D4D; }

/*==================
========= People  =====
=====================*/
.people {
  padding: 10rem 0; }
  .people__heading {
    font-size: 2.2rem;
    font-weight: 400;
    color: #333740;
    margin-bottom: 4rem; }
  .people__list {
    list-style: none; }
  .people__item {
    font-size: 1.5rem;
    color: #4E6367;
    margin-bottom: 3rem;
    position: relative;
    padding-left: 5.5rem; }
    .people__item::before {
      content: '\f00c';
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      width: 3.5rem;
      left: 0;
      position: absolute;
      height: 3.5rem;
      border-radius: 100%;
      border: 2px solid #10B2D6;
      color: #10B2D6;
      display: flex;
      justify-content: center;
      align-items: center;
      top: 50%;
      transform: translateY(-50%); }
    .people__item span {
      font-weight: 500; }
  @media (max-width: 61.99em) {
    .people__img {
      width: 100%; } }
  @media (max-width: 47.99em) {
    .people__img {
      max-width: 40rem;
      width: 100%;
      margin: 5rem 0; } }

/*==================
========= Review  =====
=====================*/
.review {
  padding: 13rem 0 0 0;
  background-image: linear-gradient(-170deg, #6FDA44, #109900); }
  .review__heading {
    font-weight: 100;
    font-size: 8rem;
    margin-bottom: 4rem; }
    @media (max-width: 35.99em) {
      .review__heading {
        font-size: 6rem; } }
  .review__subheading {
    font-size: 2.2rem;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center; }
    .review__subheading i {
      margin-left: 1rem; }
      @media (max-width: 35.99em) {
        .review__subheading i {
          display: none; } }
  .review__box {
    border-radius: 30px;
    margin-top: 7rem;
    position: relative;
    margin-bottom: -30%; }
    .review__box__wrap {
      padding: 4.5rem 0;
      position: relative;
      z-index: 2;
      background-color: #fff;
      border-radius: 30px;
      box-shadow: 0 0 40px 0px rgba(127, 204, 204, 0.238); }
    .review__box::after {
      position: absolute;
      left: 50%;
      bottom: -1.5rem;
      width: 90%;
      height: 10rem;
      content: '';
      transform: translate(-50%, 0%);
      background-color: #fff;
      z-index: 1;
      border-radius: 30px;
      box-shadow: 0 0 40px -5px rgba(127, 204, 204, 0.288); }
    .review__box::before {
      position: absolute;
      left: 50%;
      bottom: -2.5rem;
      width: 80%;
      height: 10rem;
      content: '';
      transform: translate(-50%, 0%);
      background-color: #fff;
      z-index: 1;
      border-radius: 30px;
      box-shadow: 0 0 40px -5px rgba(127, 204, 204, 0.295); }
    .review__box__heading {
      color: #4E6367;
      font-size: 2.8rem;
      font-weight: 300; }
  .review__img {
    margin-bottom: 1.5rem; }
  .review__score {
    font-size: 10rem;
    font-weight: 100;
    color: #4E6367;
    margin-top: 1rem; }
  .review__text {
    color: #4E6367;
    font-weight: 400;
    font-size: 1.8rem;
    margin-top: 3rem; }
  .review .btn__product {
    border-color: #6FDA44;
    color: #6FDA44;
    text-transform: uppercase;
    padding: 1.5rem 4rem;
    margin-top: 3rem; }
    .review .btn__product:hover {
      background-color: #6FDA44; }
  .review__list {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center; }
  .review__item i {
    font-size: 3rem;
    background-image: linear-gradient(-45deg, #F8A900, #F9D423);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text; }

/*==================
========= testmonial  =====
=====================*/
.testmonial__single.text-center.swiper-slide.swiper-slide-next .testmonial__single__wrap {
  opacity: 1; }

.swiper-pagination-bullet {
  background-color: #E2E2E2;
  opacity: 1;
  height: 10px;
  width: 10px; }

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: transparent;
  border: 2px solid #00A5BB; }

.swiper-pagination {
  bottom: 0 !important; }

.testmonial {
  padding: 32rem 0 0rem 0; }
  .testmonial__single {
    position: relative;
    margin: 5rem 0;
    position: relative;
    transition: all .3s; }
    .testmonial__single__wrap {
      padding: 7rem 4rem 5rem 4rem;
      transition: all .3s;
      box-shadow: 0 0 40px -5px rgba(88, 88, 88, 0.212);
      opacity: .2;
      border-radius: 10px; }
      @media (max-width: 74.99em) {
        .testmonial__single__wrap {
          padding: 7rem 2rem 4rem 2rem; } }
      @media (max-width: 61.99em) {
        .testmonial__single__wrap {
          opacity: 1; } }
  .testmonial__carousel {
    margin-top: 8rem; }
  .testmonial__text {
    color: #4E6367;
    font-size: 1.6rem;
    font-style: italic;
    margin-bottom: 4.5rem; }
  .testmonial__picture {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background-color: #DEDEDE;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%); }
  .testmonial__author p {
    font-size: 1.5rem;
    color: #4E6367; }
    .testmonial__author p span {
      color: #00A5BB; }

/*==================
========= Facts  =====
=====================*/
.facts {
  padding: 12rem 0 0 0; }
  .facts .container-fluid {
    width: 90%; }
  .facts__single {
    text-align: center; }
    @media (max-width: 47.99em) {
      .facts__single {
        margin-top: 0 !important;
        margin-bottom: 4rem !important;
        margin-top: 5rem !important; } }
    .facts__single--1 {
      margin-top: -20rem; }
      @media (max-width: 74.99em) {
        .facts__single--1 {
          margin-top: -12rem; } }
    .facts__single--2 {
      margin-top: -18rem; }
      @media (max-width: 74.99em) {
        .facts__single--2 {
          margin-top: -11rem; } }
    .facts__single--3 {
      margin-top: -12rem; }
      @media (max-width: 74.99em) {
        .facts__single--3 {
          margin-top: -9rem; } }
    .facts__single--4 {
      margin-top: -22rem; }
      @media (max-width: 74.99em) {
        .facts__single--4 {
          margin-top: -13rem; } }
    .facts__single--5 {
      margin-top: -16rem; }
      @media (max-width: 74.99em) {
        .facts__single--5 {
          margin-top: -11rem; } }
    .facts__single img {
      margin-bottom: 5rem; }
  .facts__text {
    font-weight: 400;
    color: #6B707C;
    font-size: 1.5rem; }
  .facts__number {
    font-weight: 400;
    color: #333333;
    font-size: 2.8rem;
    margin-bottom: 0; }
    @media (max-width: 74.99em) {
      .facts__number {
        font-size: 2rem; } }

/*==================
========= comparision  =====
=====================*/
.comparision {
  padding: 10rem 0; }
  .comparision .nav {
    position: inherit;
    border: 1px solid #E7E7E7;
    border-radius: 50px;
    padding: 2rem 2rem; }
    @media (max-width: 74.99em) {
      .comparision .nav {
        padding: 1.5rem 1rem; } }
    @media (max-width: 61.99em) {
      .comparision .nav {
        border: none; } }
    @media (max-width: 74.99em) {
      .comparision .nav-item {
        margin-left: 0; } }
    @media (max-width: 61.99em) {
      .comparision .nav-item {
        margin-bottom: 2.5rem; } }
    .comparision .nav-item a {
      color: #4E6367;
      font-size: 1.5rem;
      font-weight: 500;
      text-transform: capitalize;
      padding: .7rem 1.6rem; }
      @media (max-width: 74.99em) {
        .comparision .nav-item a {
          padding: .7rem 1rem; } }
      .comparision .nav-item a[aria-selected="true"] {
        background-color: #FD3451;
        border-radius: 50px;
        color: #fff; }
      .comparision .nav-item a:hover {
        text-decoration: none; }
  .comparision__title {
    font-size: 1.8rem;
    font-weight: 400;
    color: #333740;
    text-transform: capitalize; }
  .comparision .center__bar p {
    font-size: 1.5rem;
    color: #00A5BB; }

/*==================
========= CTA  =====
=====================*/
.cta {
  padding: 12rem 0;
  background-image: linear-gradient(117deg, #4A77D6, #5DC9DD); }
  .cta__heading {
    margin-bottom: 5rem; }

/*==================
========= Team  =====
=====================*/
.team {
  padding: 12rem 0; }
  .team__single {
    text-align: center;
    padding: 3rem 4rem 4rem 4rem;
    box-shadow: 0 0 40px 4px rgba(51, 51, 51, 0.1);
    margin-bottom: 4.5rem;
    border-radius: 10px;
    min-height: 23rem;
    position: relative;
    background-color: #fff; }
  .team__img {
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    background-color: #DEDEDE;
    margin: 0 auto;
    margin-bottom: 2rem; }
  .team__name {
    color: #333333;
    font-weight: 500;
    font-size: 1.6rem; }
  .team__work {
    color: #6B707C;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 0; }
  .team__plus img {
    width: 100%; }
  .team__social {
    position: absolute;
    top: 2rem;
    right: 2rem; }
    .team__social a {
      padding: 0 .3rem; }
    .team__social i {
      font-size: 1.5rem; }
      .team__social i.fa-facebook-square, .team__social i.fa-linkedin {
        color: #0B8DAE; }
      .team__social i.fa-twitter {
        color: #38BDDF; }
      .team__social i {
        color: #EF203D; }

/*==================
========= Answers  =====
=====================*/
.answers__single {
  margin-bottom: 5rem;
  color: #4E6367;
  font-size: 1.5rem; }

.answers__question {
  font-weight: 500;
  color: #4E6367;
  font-size: 1.5rem; }

/*==================
========= Blog  =====
=====================*/
.blog {
  padding: 9rem 0; }
  .blog__single {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 30px 0 rgba(222, 222, 222, 0.664);
    position: relative;
    margin-bottom: 3rem; }
  .blog__img {
    height: 34rem;
    width: 100%;
    background-color: #DEDEDE; }
  .blog__text {
    background-image: linear-gradient(to bottom, #6F7176, #292D35);
    color: #fff;
    padding: 3rem 3rem 2.8rem 4rem; }
    @media (max-width: 74.99em) {
      .blog__text {
        padding: 2.2rem 2rem 2.5rem 2rem; } }
  .blog__info {
    font-size: 1.3rem;
    color: #fff;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3rem; }
    .blog__info span {
      color: #9BA9AC; }
  .blog__date {
    color: #9BA9AC; }
    .blog__date i {
      margin-right: 3px; }
  .blog__title {
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.5; }
  .blog__tag {
    position: absolute;
    font-size: 1.3rem;
    color: #fff;
    background-color: red;
    top: 1rem;
    left: 1rem;
    text-transform: capitalize;
    font-weight: 400;
    padding: .2rem 1rem; }
    .blog__tag--web {
      background-color: #F9533B; }
    .blog__tag--programming {
      background-color: #FDA400; }
    .blog__tag--mobile {
      background-color: #00A5BB; }

/*==================
========= companies  =====
=====================*/
.companies {
  padding-bottom: 5rem; }

.header {
  background-image: linear-gradient(119deg, #153D58, #2C2251);
  padding: 23rem 0 14rem 0; }
  .header__heading {
    font-size: 5.2rem;
    font-weight: 400; }
  .header__form {
    margin: 9rem 0;
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .header__form.lg {
      max-width: 90rem; }
  .header__submit {
    position: absolute;
    right: 10px;
    top: 50%;
    background-color: transparent;
    border: none;
    outline: none;
    transform: translateY(-50%);
    color: #3E437A;
    font-size: 2rem;
    height: 100%;
    width: 10%; }
  .header__pakage__single {
    background-image: linear-gradient(117deg, #FF0566, #FA7236);
    border-radius: 5px;
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    display: block; }
    .header__pakage__single:hover {
      box-shadow: 0 0 35px 10px #FF0566; }
    @media (max-width: 74.99em) {
      .header__pakage__single {
        min-height: 24rem; } }
    .header__pakage__single--2 {
      background-image: linear-gradient(-45deg, #FFCB52, #FF7B02); }
      .header__pakage__single--2:hover {
        box-shadow: 0 0 35px 10px #FF7B02; }
    .header__pakage__single--3 {
      background-image: linear-gradient(-45deg, #C165DD, #5C27FE); }
      .header__pakage__single--3:hover {
        box-shadow: 0 0 35px 10px #5C27FE; }
    .header__pakage__single--4 {
      background-image: linear-gradient(117deg, #4A77D6, #5DC9DD); }
      .header__pakage__single--4:hover {
        box-shadow: 0 0 35px 10px #5DC9DD; }
    .header__pakage__single--5 {
      background-image: linear-gradient(117deg, #049EC0, #04D8D7); }
      .header__pakage__single--5:hover {
        box-shadow: 0 0 35px 10px #04D8D7; }
    .header__pakage__single--6 {
      background-image: linear-gradient(-45deg, #8FD984, #26B1B9); }
      .header__pakage__single--6:hover {
        box-shadow: 0 0 35px 10px #26B1B9; }
  .header__pakage__title {
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff; }
  .header__pakage__price {
    font-size: 1.4rem;
    font-weight: 400;
    color: #fff; }
  .header__pakage__img {
    width: 100%;
    max-width: 15rem; }

.header__form .form-control {
  padding: 3.4rem 4rem;
  border-radius: 50px;
  font-size: 1.6rem; }
  .header__form .form-control::placeholder {
    color: #A4B0B1;
    font-size: 1.5rem; }

.mb__5 {
  margin-bottom: 5rem; }

.mb__6 {
  margin-bottom: 6rem; }

.mb__7 {
  margin-bottom: 7rem; }

.mb__8 {
  margin-bottom: 8rem; }

.mb__9 {
  margin-bottom: 9rem; }

.mb__10 {
  margin-bottom: 10rem; }

.mt__5 {
  margin-top: 5rem; }

.mt__6 {
  margin-top: 6rem; }

.mt__7 {
  margin-top: 7rem !important; }

.mt__8 {
  margin-top: 8rem; }

.mt__9 {
  margin-top: 9rem; }

.mt__10 {
  margin-top: 10rem; }

.pt__5 {
  padding-top: 5rem; }

.pt__6 {
  padding-top: 6rem; }

.pt__7 {
  padding-top: 7rem; }

.pt__8 {
  padding-top: 8rem; }

.pt__9 {
  padding-top: 9rem; }

.pt__10 {
  padding-top: 10rem; }

.pb__5 {
  padding-bottom: 5rem; }

.pb__6 {
  padding-bottom: 6rem; }

.pb__7 {
  padding-bottom: 7rem; }

.pb__8 {
  padding-bottom: 8rem; }

.pb__9 {
  padding-bottom: 9rem; }

.pb__10 {
  padding-bottom: 10rem; }

.op-50 {
  opacity: .5; }

.op-60 {
  opacity: .6; }

.op-75 {
  opacity: .75; }

.op-80 {
  opacity: .8; }

.nav {
  position: absolute;
  width: 100%;
  padding: 3rem 0 2rem 0;
  z-index: 9; }
  @media (max-width: 35.99em) {
    .nav .container {
      width: 100%;
      max-width: 100%;
      margin: 0;
      padding: 0; } }
  .nav.dark .nav-link:not(.nav__btn) {
    color: #35405D !important; }
    .nav.dark .nav-link:not(.nav__btn):hover {
      color: #FE1C5C !important; }
  .nav.dark .nav__btn {
    color: #fff; }
    .nav.dark .nav__btn:hover {
      color: #fff; }
  .nav.dark .nav__btn {
    box-shadow: none; }
  .nav.dark .navbar-collapse.collapse.show .nav-link {
    color: #fff !important; }
  .nav-item {
    margin-left: 1rem; }
    @media (max-width: 61.99em) {
      .nav-item {
        margin-left: 0;
        margin-bottom: 1rem; } }
  .nav-link {
    font-size: 1.5rem;
    text-transform: capitalize;
    color: #fff;
    padding: 1rem 2rem !important;
    display: inline-block;
    font-weight: 400;
    position: relative;
    transition: all .3s; }
    @media (max-width: 74.99em) {
      .nav-link {
        padding: 1rem 1.3rem !important; } }
    .nav-link:hover {
      color: #6dda42 !important; }
  .nav__btn {
    text-transform: uppercase;
    background-image: linear-gradient(117deg, #6dda42, #6dda42);
    border-radius: 50px;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 1.3rem;
    margin-left: 1.6rem;
    padding: 1.2rem 2rem !important; }
    .nav__btn:hover {
      filter: hue-rotate(15deg);
      color: #fff !important; }
    .nav__btn img {
      margin-left: 10px; }

.navbar-dark .navbar-nav .nav-link {
  color: #fff; }

.navbar-brand {
  /*! align-self: flex-start; */
  /*! margin-top: -10px; */ }

.navbar-expand-lg {
  align-items: flex-start; }

@media (max-width: 61.99em) {
  .navbar-nav {
    /*! margin-top: 3rem; */
    /*! background-color: #FFFFFF; */
    /*! text-align: center; */
    /*! justify-content: center; */
    /*! align-items: center; */
    /*! padding: 1rem 0; */ } }

@media all and (min-width: 992px) {
  .navbar {
    padding-top: 0;
    padding-bottom: 0; }
  .navbar .has-megamenu {
    position: static !important; }
  .navbar .megamenu {
    left: 0;
    right: 0;
    /*! width: 100%; */
    /*! padding: 20px; */ }
  .navbar .nav-link {
    padding-top: 1rem;
    padding-bottom: 1rem; } }

.dropdown-menu {
  background-image: linear-gradient(117deg, #FFFFFF, #FFFFFF); }
  @media (max-width: 61.99em) {
    .dropdown-menu {
      padding: 2rem 2rem;
      max-height: 30rem;
      overflow-y: scroll; } }
  .dropdown-menu .title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
    color: #fff; }
  .dropdown-menu li {
    margin-bottom: 1rem; }
  .dropdown-menu a {
    font-size: 1.5rem;
    color: #fff; }
    .dropdown-menu a:hover {
      color: #222 !important; }

.dropdown-toggle::after {
  position: absolute;
  right: -.6rem;
  top: 50%;
  margin-left: 1.5rem !important;
  transform: translateY(-50%) scale(1.4); }

.col-megamenu {
  text-align: center; }

.navbar .megamenu {
  top: 120%; }

#select-container {
  margin-left: 10px;
  width: 50px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 10px;
  border: 0.5px solid rgba(202, 219, 226, 0.4);
  box-shadow: 0px 3px 6px rgba(79, 104, 113, 0.2);
  overflow: hidden;
  transition: height 0.2s ease-in-out, border-radius 0.2s ease-in-out, box-shadow 0.2s ease-in-out; }
  #select-container:hover {
    height: 186px;
    /* Can't use height: auto & transition effect */
    border-radius: 20px;
    box-shadow: 0px 7px 10px rgba(79, 104, 113, 0.3); }
  #select-container ul {
    list-style-type: none;
    position: relative; }
    #select-container ul li {
      opacity: 1;
      transition: opacity 0.2s ease-in-out; }
      #select-container ul li:first-child img {
        cursor: default; }
      #select-container ul li img {
        width: 25px;
        height: 25px;
        display: block;
        left: 50%;
        transform: translate(50%, 20%);
        margin-bottom: 8px;
        border-radius: 50%;
        border: 2px solid #FFFFFF;
        box-shadow: 0px 0px 6px rgba(79, 104, 113, 0.3);
        cursor: pointer;
        transition: all 0.1s ease-in-out; }
        #select-container ul li img:hover {
          box-shadow: 0px 5px 10px rgba(79, 104, 113, 0.3);
          transform: translate(50%, 20%) scale(1.02); }

/* TOOLTIP STYLES FROM THIS PEN https://codepen.io/tutsplus/pen/WROvdG */
[tooltip] {
  position: relative;
  /* opinion 1 */
  font-weight: bold; }

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  /* opinion 2 */
  font-size: 12px;
  /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0; }

[tooltip]::before {
  content: '';
  border: 5px solid transparent;
  /* opinion 4 */
  z-index: 1001;
  /* absurdity 1 */ }

[tooltip]::after {
  content: attr(tooltip);
  /* magic! */
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  /*
      Let the content set the size of the tooltips
      but this will also keep them from being obnoxious
      */
  width: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px 0px;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: #465663;
  color: #fff;
  z-index: 1000;
  /* absurdity 2 */ }

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block; }

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important; }

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 50%;
  border-bottom-width: 0;
  border-top-color: #465663; }

[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(50% + 5px); }

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before {
  left: -15.5px;
  bottom: 40px;
  transform: translate(-50%, -0.5em); }

[tooltip][flow^="up"]::after {
  left: -15.5px;
  bottom: 45px;
  transform: translate(-50%, -0.5em); }

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 70%;
  border-top-width: 0;
  border-bottom-color: #465663; }

[tooltip][flow^="down"]::after {
  top: calc(70% + 5px); }

[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 25.5px;
  transform: translate(-50%, 0.5em); }

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0); } }

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards; }

.btn__inline {
  padding: .2rem 0;
  color: #fff;
  position: relative;
  border-bottom: 2px solid #04A8C4; }
  .btn__inline:hover {
    text-decoration: none;
    color: inherit;
    padding: .5rem 0; }

.btn__solid {
  text-transform: uppercase;
  font-size: 1.3rem;
  color: #fff;
  background-color: #508BD9;
  border-radius: 3px;
  padding: 1.3rem 3.5rem;
  display: inline-block; }
  .btn__solid:hover {
    background-color: #222;
    color: #fff;
    text-decoration: none; }

.btn__normal {
  font-size: 1.5rem;
  font-weight: 400;
  color: #fff; }
  .btn__normal--primary {
    color: #51C4CB; }
    .btn__normal--primary:hover {
      color: #333740 !important; }
  .btn__normal--dark {
    color: #555555;
    font-size: 1.4rem; }
  .btn__normal i {
    margin-left: .3rem;
    transition: all .3s; }
  .btn__normal:hover {
    text-decoration: none;
    color: #fff; }
    .btn__normal:hover i {
      transform: translateX(3px); }

.btn__pricing {
  background-color: #fff;
  font-weight: 700;
  font-size: 1.3rem;
  padding: 2rem 0;
  border-radius: 50px;
  color: #FC4A47;
  text-transform: uppercase;
  margin-bottom: 2rem; }
  .btn__pricing:hover {
    text-decoration: none;
    color: #999; }

.btn__product {
  font-size: 1.4rem;
  font-weight: 400;
  color: #10B2D6;
  text-transform: capitalize;
  border: 2px solid #1FB7D9;
  padding: 1rem 2.3rem;
  border-radius: 50px;
  margin-top: 3rem;
  display: inline-block; }
  .btn__product.dark {
    background-color: #1F7B72;
    border-color: #1F7B72;
    color: #fff;
    padding: 1.5rem 4rem;
    font-weight: 500;
    font-size: 1.5rem; }
    .btn__product.dark:hover {
      background-color: #fff;
      border-color: #fff;
      color: #1F7B72; }
  .btn__product.red {
    border-color: #6FDA44;
    color: #6FDA44; }
    .btn__product.red:hover {
      background-color: #6FDA44;
      color: #fff !important; }
  .btn__product.blue {
    border-color: #508BD9;
    color: #508BD9; }
    .btn__product.blue:hover {
      background-color: #508BD9;
      color: #fff !important; }
  .btn__product:hover {
    text-decoration: none;
    color: #fff;
    background-color: #10B2D6; }
  .btn__product.v2 {
    background-color: #10B2D6;
    color: #fff; }
    .btn__product.v2:hover {
      background-color: transparent; }

.btn__white {
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  color: #10B2D6;
  padding: 1.7rem 5rem;
  border-radius: 100px;
  border: 2px solid #fff; }
  .btn__white:hover {
    text-decoration: none;
    background-color: transparent;
    color: #fff; }
  .btn__white.active {
    background-color: transparent;
    color: #fff; }
    .btn__white.active:hover {
      background-color: #fff;
      color: #fff; }
  .btn__white.active.v2 {
    background-color: transparent;
    color: #fff; }
    .btn__white.active.v2:hover {
      background-color: #fff;
      color: #10B2D6; }
  .btn__white.active.v3 {
    background-color: #fff;
    color: #10B2D6; }
    .btn__white.active.v3:hover {
      background-color: transparent;
      color: #fff; }

.btn__file {
  display: block;
  width: 100%;
  font-size: 1.3rem;
  font-weight: 700;
  color: #7A9196;
  text-transform: uppercase;
  border: 2px solid #E3E8EC;
  outline: 0;
  padding: 2rem 0;
  text-align: center;
  cursor: pointer; }
  .btn__file:hover {
    text-decoration: none;
    color: #FE185E; }
    .btn__file:hover i {
      color: #FE185E; }
  .btn__file i {
    color: #000;
    margin-right: .5rem;
    transition: all .2s; }

.btn__submit {
  display: block;
  width: 100%;
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  background-image: linear-gradient(117deg, #FF0566, #FA7236);
  border: 2px solid transparent;
  outline: 0;
  padding: 2rem 0;
  border: none; }

.footer {
  padding: 10rem 0;
  background-color: #292D36; }
  .footer__heading {
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 2.5rem;
    text-transform: uppercase; }
  .footer__list {
    list-style: none; }
  .footer__item {
    margin-bottom: .3rem; }
  .footer__link {
    font-size: 1.4rem;
    color: #9B9CA0;
    font-weight: 400;
    padding: .4rem 0;
    display: inline-block; }
    .footer__link:hover {
      text-decoration: none;
      color: #fff; }
  .footer__social__link a {
    color: #9B9CA0;
    font-size: 1.8rem;
    padding-right: 1rem; }
    .footer__social__link a:hover {
      color: #fff; }
  .footer .form-control {
    padding: 2.3rem 2rem;
    font-size: 1.4rem;
    color: #AEAEAE;
    flex: 2;
    border-radius: 3px !important; }
    .footer .form-control::placeholder {
      color: #AEAEAE; }
  .footer button[type="submit"] {
    font-size: 1.3rem;
    font-weight: 700;
    background-color: #44B081;
    flex: 30%;
    border-radius: 3px !important;
    outline: none;
    border: none; }
  .footer .input-group-append {
    flex: 1;
    margin-left: 5px; }
  .footer__bottom {
    font-size: 1.3rem;
    color: #9B9CA0;
    padding: 3rem 0; }
    @media (max-width: 47.99em) {
      .footer__bottom {
        text-align: center; } }
    .footer__bottom a {
      color: #9B9CA0;
      margin-left: 1rem; }
      .footer__bottom a:hover {
        text-decoration: none;
        color: #222; }

.header-4 {
  padding: 28rem 0 0rem 0;
  position: relative;
  z-index: 1; }
  .header-4__after {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%; }
  .header-4__main {
    background-image: linear-gradient(117deg, #183345, #211A3A); }
  .header-4__heading {
    color: #fff;
    font-weight: 300;
    font-size: 4.6rem;
    margin-bottom: 3rem; }
  .header-4__subheading {
    font-size: 1.8rem;
    opacity: .75;
    font-weight: 300;
    color: #fff; }
  .header-4__btnbox {
    margin-top: 6rem; }
  .header-4 .btn__white {
    text-transform: uppercase;
    background-color: #04B5C9;
    border-color: #04B5C9;
    color: #fff;
    font-size: 1.3rem;
    display: inline-block;
    margin: 0rem .6rem;
    min-width: 18rem;
    padding: 1.4rem 0; }
    @media (max-width: 35.99em) {
      .header-4 .btn__white {
        display: block;
        margin-bottom: 3rem; } }
    .header-4 .btn__white.active {
      background-color: transparent;
      border-color: #fff; }
      .header-4 .btn__white.active:hover {
        background-color: #04B5C9;
        border-color: #04B5C9; }
    .header-4 .btn__white:hover {
      background-color: transparent;
      border-color: #fff; }
  .header-4__imgbox img {
    width: 80%; }

.explore .section__title {
  margin-bottom: 6rem; }

.explore__single .product__item {
  color: rgba(255, 255, 255, 0.5); }

.explore__single > .row {
  border-bottom: 1px solid #0D111B;
  padding: 1.5rem 0; }

.explore__single--1 .btn__product.v2 {
  background-color: #FC3D4D;
  border-color: #FC3D4D; }
  .explore__single--1 .btn__product.v2:hover {
    background-color: transparent; }

.explore__single--1 .section__description span {
  color: #FC3D4D; }

.explore__single--1 .explore__imgbox {
  text-align: right; }

.explore__single--1 .product__item::before {
  color: #FC3D4D; }

.explore__single--2 .btn__product.v2 {
  background-color: #10B2D6;
  border-color: #10B2D6; }
  .explore__single--2 .btn__product.v2:hover {
    background-color: transparent; }

.explore__single--2 .section__description span {
  color: #10B2D6; }

.explore__single--2 .explore__imgbox {
  text-align: left; }

.explore__single--2 .product__item::before {
  color: #10B2D6; }

.explore__single--3 .btn__product.v2 {
  background-color: #4190D2;
  border-color: #4190D2; }
  .explore__single--3 .btn__product.v2:hover {
    background-color: transparent; }

.explore__single--3 .section__description span {
  color: #4190D2; }

.explore__single--3 .explore__imgbox {
  text-align: right; }

.explore__single--3 .product__item::before {
  color: #4190D2; }

.explore__single--4 .btn__product.v2 {
  background-color: #FFA128;
  border-color: #FFA128; }
  .explore__single--4 .btn__product.v2:hover {
    background-color: transparent; }

.explore__single--4 .section__description span {
  color: #FFA128; }

.explore__single--4 .explore__imgbox {
  text-align: left; }

.explore__single--4 .product__item::before {
  color: #FFA128; }

.explore__single--5 .btn__product.v2 {
  background-color: #823EF2;
  border-color: #823EF2; }
  .explore__single--5 .btn__product.v2:hover {
    background-color: transparent; }

.explore__single--5 .section__description span {
  color: #823EF2; }

.explore__single--5 .explore__imgbox {
  text-align: right; }

.explore__single--5 .product__item::before {
  color: #823EF2; }

.explore__single--6 .btn__product.v2 {
  background-color: #44B081;
  border-color: #44B081; }
  .explore__single--6 .btn__product.v2:hover {
    background-color: transparent; }

.explore__single--6 .section__description span {
  color: #44B081; }

.explore__single--6 .explore__imgbox {
  text-align: left; }

.explore__single--6 .product__item::before {
  color: #44B081; }

.explore__title {
  font-size: 2.4rem;
  font-weight: 400;
  color: #fff;
  line-height: 2.4rem;
  margin-bottom: 3rem; }

.explore__img {
  max-width: 40rem;
  width: 100%; }
  @media (max-width: 35.99em) {
    .explore__img {
      max-width: 25rem; } }

@media (max-width: 47.99em) {
  .explore__text {
    margin-bottom: 5rem; } }

@media (max-width: 47.99em) {
  .explore__imgbox {
    text-align: center !important; } }

.assistance.v2 {
  padding: 10rem 0; }

.mapV2 {
  background-image: linear-gradient(0deg, #fff 22%, #fff 0%, #060F10 22%);
  padding: 14rem 0 0 0; }
  .mapV2__heading {
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    line-height: 2.4rem;
    text-transform: uppercase; }
  .mapV2__img {
    width: 100%;
    margin-top: 8rem; }

.pricing-v2 {
  padding-top: 5rem; }
  .pricing-v2 .tab_style .nav {
    border-color: #10B2D6;
    background-color: #10B2D6; }
  .pricing-v2 .tab_style .nav a {
    color: #fff; }
  .pricing-v2 .pricing__price {
    color: #8E0A0E; }
  .pricing-v2 .btn__pricing {
    background-color: #E1280C;
    color: #fff;
    font-weight: 400;
    font-size: 1.5rem;
    text-transform: capitalize; }
  .pricing-v2 .pricing__single {
    box-shadow: 0 0 32px 12px rgba(230, 11, 88, 0.263); }
  .pricing-v2 .pricing__single--2 {
    background-image: linear-gradient(-45deg, #FFCB52, #FF7B02);
    box-shadow: 0 0 32px 12px rgba(255, 141, 19, 0.238); }
    .pricing-v2 .pricing__single--2 .pricing__price {
      color: #8E5204; }
    .pricing-v2 .pricing__single--2 .btn__pricing {
      background-color: #E28204; }
  .pricing-v2 .pricing__single--3 {
    background-image: linear-gradient(117deg, #4A77D6, #5DC9DD);
    box-shadow: 0 0 32px 12px rgba(20, 116, 205, 0.263); }
    .pricing-v2 .pricing__single--3 .pricing__price {
      color: #0B4D97; }
    .pricing-v2 .pricing__single--3 .btn__pricing {
      background-color: #278FC7; }

.feature-v2__single {
  text-align: center;
  padding: 3rem 1rem 4rem 1rem;
  border-radius: 5px;
  box-shadow: 0 0px 40px 0 #EBEBEB;
  margin-bottom: 4rem;
  background-color: #fff; }

.feature-v2 .row {
  margin-top: 9rem; }

.feature-v2__img {
  margin-bottom: 3rem;
  max-height: 6rem;
  width: 100%;
  object-fit: contain; }

.feature-v2__title {
  font-size: 1.6rem;
  color: #415255;
  font-weight: 500;
  margin-bottom: 2.5rem; }

.feature-v2__details {
  font-size: 1.5rem;
  color: #657A7E;
  font-weight: 400; }

.choose-us {
  background-image: linear-gradient(-113deg, #2A427E, #4E4376);
  background-repeat: no-repeat;
  padding: 12rem 0;
  position: relative;
  z-index: 1; }
  .choose-us__content {
    background-image: url(../img/choose-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 20rem 0; }
    @media (max-width: 61.99em) {
      .choose-us__content {
        background-image: linear-gradient(-113deg, rgba(42, 66, 126, 0.742), rgba(78, 67, 118, 0.749)), url(../img/choose-bg.webp); } }
    @media (max-width: 47.99em) {
      .choose-us__content {
        padding: 10rem 0; } }
  .choose-us__single {
    display: flex;
    align-items: center;
    margin: 2rem 0;
    justify-content: space-between; }
    @media (max-width: 47.99em) {
      .choose-us__single {
        flex-direction: column;
        text-align: center; } }
    .choose-us__single p {
      font-size: 1.5rem;
      font-weight: 400;
      color: #fff;
      opacity: .5; }
  .choose-us__text {
    flex: 0 0 65%; }
  .choose-us__title {
    font-size: 1.7rem;
    font-weight: 500;
    color: #fff;
    margin-bottom: 1rem; }
  .choose-us__imgbox {
    flex: 0 0  30%; }
  .choose-us__img {
    max-width: 12rem;
    width: 100%; }
    @media (max-width: 47.99em) {
      .choose-us__img {
        margin-bottom: 3rem; } }

.search-cta {
  background-image: linear-gradient(117deg, #FF0566, #FA7236);
  padding: 10rem 0 13rem 0; }
  .search-cta__heading {
    font-weight: 300;
    font-size: 3.4rem;
    color: #fff; }
  .search-cta .header__form {
    margin: 4.5rem auto 2.5rem auto; }
  .search-cta p {
    font-weight: 400;
    font-size: 1.4rem;
    color: #fff; }
    .search-cta p span {
      margin: 0 1.5rem; }

@media (max-width: 61.99em) {
  .table__wrapper {
    overflow-x: scroll; } }

.table__wrap {
  display: flex;
  border-radius: 3px;
  margin-top: 8rem;
  min-width: 85rem; }
  .table__wrap .btn__product {
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 2.6rem;
    padding: 1.2rem 3.5rem; }

.table__single {
  flex: 0 0 20%;
  border-right: 1px solid #FEFEFE; }
  .table__single:first-child {
    color: #fff; }
    .table__single:first-child .table__items {
      background-image: linear-gradient(117deg, #2B5876, #4E4376); }
    .table__single:first-child .table__header {
      background-color: #2B5876; }
    .table__single:first-child .table__items p {
      color: #fff;
      border-color: #586F8A;
      padding-left: 2.4rem;
      justify-content: flex-start; }
    .table__single:first-child .table__header h2 {
      align-self: baseline;
      padding-left: 2.4rem; }
  .table__single:nth-child(2) .table__header {
    background-color: #F5424F; }
  .table__single:nth-child(2) .table__items {
    background-color: #FDEEEF; }
  .table__single:nth-child(2) .btn__product {
    background-color: #F5424F;
    border-color: #F5424F;
    color: #fff; }
    .table__single:nth-child(2) .btn__product:hover {
      background-color: transparent;
      border-color: #F5424F;
      color: #F5424F; }
  .table__single:nth-child(3) .table__header {
    background-color: #FB9F3B; }
  .table__single:nth-child(3) .table__items {
    background-color: #FDF5ED; }
  .table__single:nth-child(3) .btn__product {
    background-color: #FB9F3B;
    border-color: #FB9F3B;
    color: #fff; }
    .table__single:nth-child(3) .btn__product:hover {
      background-color: transparent;
      border-color: #FB9F3B;
      color: #FB9F3B; }
  .table__single:nth-child(4) .table__header {
    background-color: #2AB2C5; }
  .table__single:nth-child(4) .table__items {
    background-color: #E9F6F8; }
  .table__single:nth-child(4) .btn__product {
    background-color: #2AB2C5;
    border-color: #2AB2C5;
    color: #fff; }
    .table__single:nth-child(4) .btn__product:hover {
      background-color: transparent;
      border-color: #2AB2C5;
      color: #2AB2C5; }
  .table__single:nth-child(5) {
    border-right: none; }
    .table__single:nth-child(5) .table__header {
      background-color: #65C39A; }
    .table__single:nth-child(5) .table__items {
      background-color: #F1F8F5; }
    .table__single:nth-child(5) .btn__product {
      background-color: #65C39A;
      border-color: #65C39A;
      color: #fff; }
      .table__single:nth-child(5) .btn__product:hover {
        background-color: transparent;
        border-color: #65C39A;
        color: #65C39A; }

.table__header {
  font-size: 1.8rem;
  color: #fff;
  font-weight: 400;
  height: 10rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center; }

.table__items p {
  margin-bottom: 0;
  color: #506266;
  font-size: 1.4rem;
  border-bottom: 1px solid #FEFEFE;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center; }

.table__price {
  font-size: 2.4rem;
  font-weight: 400; }

.header-6 {
  background-image: url(../img/home-6-header-2.webp);
  background-position: bottom center;
  padding: 23rem 0 66rem 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: -17rem;
  position: relative; }
  .header-6 .header-4__heading {
    margin-bottom: 2.6rem;
    margin-top: 3rem; }
  .header-6 .btn__white.active.v3 {
    background-color: #04B5C9;
    color: #fff;
    border-color: #04B5C9; }
    .header-6 .btn__white.active.v3:hover {
      background-color: transparent;
      border-color: #fff; }
  .header-6__subheading {
    font-size: 1.4rem;
    color: #fff;
    font-weight: 500;
    opacity: .5; }
  .header-6__description {
    font-weight: 300;
    font-size: 2rem;
    color: #fff;
    margin-bottom: 6.5rem;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto; }

.main-6 {
  background-image: linear-gradient(-220deg, #95D88B, #019AA3); }

.our-product {
  padding: 30rem 0 10rem 0; }
  .our-product__img {
    width: 100%; }
    @media (max-width: 61.99em) {
      .our-product__img {
        max-width: 40rem; } }

.tab_common .nav {
  position: inherit;
  justify-content: center; }

.tab_style3 .nav-item a {
  font-size: 1.5rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url(../img/tab-bg.webp);
  background-size: cover;
  background-position: center;
  width: 17rem;
  height: 12rem;
  background-repeat: no-repeat;
  transition: all .3s; }
  .tab_style3 .nav-item a i {
    font-size: 3.3rem;
    margin-bottom: .2rem; }
  .tab_style3 .nav-item a:hover {
    text-decoration: none; }
  .tab_style3 .nav-item a.active {
    background-image: none; }
  .tab_style3 .nav-item a:active {
    outline: none; }

.tab_style3 .product__item {
  color: #fff; }
  .tab_style3 .product__item::before {
    color: #fff; }

.tab_style3 .btn__product {
  background-color: #fff;
  border-color: #fff;
  color: #1FADC8; }
  .tab_style3 .btn__product:hover {
    color: #fff; }

.mapV2.home-6 {
  background-color: transparent;
  background-image: none;
  padding: 0rem 0 0 0; }

.feature-v2.home-6 {
  background-image: linear-gradient(-13deg, #fff 0%, #fff 43%, transparent 5%);
  padding: 12rem 0; }
  .feature-v2.home-6 .feature-v2__single {
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.068); }

@media (max-width: 61.99em) {
  .people__img {
    width: 100%; } }

.pricing-6 {
  padding: 0 0 12rem 0; }
  .pricing-6__single {
    background-image: linear-gradient(117deg, #FF0566, #FA7236);
    padding: 3.5rem;
    border-radius: 3px;
    position: relative; }
    .pricing-6__single--2 {
      background-image: linear-gradient(-45deg, #FFCB52, #FF7B02); }
    .pricing-6__single--3 {
      background-image: linear-gradient(-45deg, #C165DD, #5C27FE); }
  .pricing-6__after {
    position: absolute;
    top: 0;
    right: 2rem;
    font-size: 4rem;
    color: #fff;
    line-height: 2rem;
    text-align: center;
    background-color: #2F2F2F;
    padding: 3.5rem 2rem 2.5rem 2rem;
    font-weight: 300;
    margin-bottom: 0; }
    .pricing-6__after span {
      font-size: 1.2rem;
      text-transform: uppercase;
      font-weight: 300; }
  .pricing-6__heading {
    font-weight: 400;
    font-size: 2.2rem;
    color: #fff; }
  .pricing-6__list {
    list-style: none;
    margin-top: 1.5rem; }
  .pricing-6__item {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: .8rem;
    position: relative; }
    .pricing-6__item::before {
      content: '\f058';
      font-family: 'Font Awesome 5 Free';
      color: #2F2F2F;
      margin-right: 1rem; }
  .pricing-6__img {
    margin-top: 4.5rem;
    width: 100%; }
  .pricing-6 .btn__white.active {
    background-color: transparent;
    display: inline-block;
    margin-top: 3rem;
    padding: 1.5rem 4rem;
    font-size: 1.2rem; }
    .pricing-6 .btn__white.active:hover {
      background-color: #fff;
      color: #2F2F2F; }

.search-cta-v2 {
  background-image: linear-gradient(-45deg, #2B5876, #4E4376);
  padding-bottom: 20rem; }

.counter-box {
  transform: translateY(-50%); }
  @media (max-width: 61.99em) {
    .counter-box {
      transform: translateY(-25%); } }
  @media (max-width: 47.99em) {
    .counter-box {
      transform: translateY(-5%); } }
  .counter-box__single {
    background-image: linear-gradient(117deg, #FF0566, #FA7236);
    padding: 4rem 4rem 6rem 4rem;
    text-align: center;
    box-shadow: 0 0 40px 0 rgba(153, 153, 153, 0.301); }
    @media (max-width: 61.99em) {
      .counter-box__single {
        margin-bottom: 3rem; } }
    @media (max-width: 74.99em) {
      .counter-box__single {
        padding: 3rem 3rem 4rem 3rem; } }
    .counter-box__single--2 {
      background-image: linear-gradient(117deg, #FFCB52, #FF7B02); }
    .counter-box__single--3 {
      background-image: linear-gradient(117deg, #95D88B, #019AA3); }
    .counter-box__single--4 {
      background-image: linear-gradient(117deg, #049EC0, #04D8D7); }
  .counter-box img {
    margin-bottom: 4rem;
    min-height: 7.5rem; }
  .counter-box__header {
    font-weight: 300;
    font-size: 4rem;
    color: #fff; }
  .counter-box__text {
    font-size: 1.5rem;
    color: #fff; }

.table.home-6 .table__header {
  height: 5rem;
  background-color: #fff;
  border-bottom: 1px solid #F1F1F1; }
  .table.home-6 .table__header h2 {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 0; }

.table.home-6 .table__single {
  background-image: none;
  background-color: #fff; }
  .table.home-6 .table__single:not(:first-child) {
    box-shadow: 0 0 40px 0 rgba(51, 51, 51, 0.233); }
  .table.home-6 .table__single .btn__product {
    margin: 2rem 0;
    border-color: #fff;
    color: #fff;
    background-color: transparent; }
    .table.home-6 .table__single .btn__product:hover {
      background-color: #ffff;
      color: #59B081; }
  .table.home-6 .table__single .btn__normal {
    color: #049EC0;
    padding: 2rem 0;
    display: inline-block; }
  .table.home-6 .table__single:first-child .table__items p {
    color: #506266;
    border-color: #F1F1F1; }
  .table.home-6 .table__single:nth-child(2) .table__header h2 {
    color: #DC2D3B; }
  .table.home-6 .table__single:nth-child(3) .table__header h2 {
    color: #E18028; }
  .table.home-6 .table__single:nth-child(4) .table__header h2 {
    color: #833BCE; }
  .table.home-6 .table__single:nth-child(5) {
    background-image: linear-gradient(-45deg, #7CB973, #019AA3); }
    .table.home-6 .table__single:nth-child(5) .table__header {
      background-color: transparent;
      border-color: #5ABBC0; }
    .table.home-6 .table__single:nth-child(5) .table__items {
      background-color: transparent; }
      .table.home-6 .table__single:nth-child(5) .table__items p {
        border-color: #5ABBC0;
        color: #fff; }
      .table.home-6 .table__single:nth-child(5) .table__items .table__header h2 {
        color: #fff; }

.table.home-6 .table__items {
  background-color: #fff;
  background-image: none; }
  .table.home-6 .table__items p {
    border-color: #F1F1F1;
    border-bottom: 0;
    border-bottom: 1px solid #F1F1F1; }

.header-7 {
  padding: 24rem 0 0 0;
  background-image: url(../img/header-7-bg.webp);
  background-position: bottom;
  background-size: cover;
  position: relative;
  z-index: 1; }
  .header-7__heading {
    font-size: 6rem;
    font-weight: 700;
    color: #fff; }
  .header-7__subheading {
    font-weight: 400;
    font-size: 2.4rem;
    color: #fff; }
  .header-7 .btn__white {
    text-transform: uppercase; }
    .header-7 .btn__white.active:hover {
      color: #10B2D7; }
  .header-7 .header-4__imgbox {
    margin-top: 11rem; }
  .header-7 .header-4__btnbox {
    max-width: 48rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 35.99em) {
      .header-7 .header-4__btnbox {
        flex-direction: column; } }
    .header-7 .header-4__btnbox .btn__white {
      flex: 45%;
      min-width: 20rem;
      margin: 0rem .6rem; }
      @media (max-width: 35.99em) {
        .header-7 .header-4__btnbox .btn__white {
          margin-bottom: 1.5rem; } }

.pricing {
  position: relative;
  z-index: 99; }

.product-v2 {
  position: relative;
  z-index: 9; }

.home-7.search-cta {
  background-image: linear-gradient(117deg, #2A427E, #4E4376);
  padding: 50rem 0 70rem 0;
  position: relative;
  margin-top: -43rem;
  position: relative;
  margin-bottom: -70rem; }

.search-cta__before {
  position: absolute;
  top: -4rem;
  left: 0;
  width: 100%; }

.search-cta__after {
  position: absolute;
  bottom: -3rem;
  left: 0; }

.web-hosting-header {
  background-image: linear-gradient(165deg, #124F77, #4B256C 50%, #A62A33 72%, rgba(0, 0, 0, 0) 10%);
  padding: 24rem 0 0 0; }
  .web-hosting-header__img {
    width: 100%;
    min-width: 65rem; }
    @media (max-width: 74.99em) {
      .web-hosting-header__img {
        min-width: 40rem; } }
    @media (max-width: 35.99em) {
      .web-hosting-header__img {
        min-width: 100%;
        margin-top: 2rem; } }
  .web-hosting-header .web-hosting__pricing {
    margin-top: -15rem; }
  .web-hosting-header .pricing-6__single {
    text-align: center;
    padding: 4rem 3rem;
    background-image: linear-gradient(117deg, #049EC0, #04D8D7);
    box-shadow: 0 0 40px 0 rgba(2, 25, 27, 0.24);
    border-radius: 3px 0 0 3px;
    z-index: 1; }
    @media (max-width: 74.99em) {
      .web-hosting-header .pricing-6__single {
        padding: 3rem 2rem; } }
    @media (max-width: 61.99em) {
      .web-hosting-header .pricing-6__single {
        margin-bottom: 2rem; } }
    .web-hosting-header .pricing-6__single .btn__white:hover {
      color: #04CDD3; }
    .web-hosting-header .pricing-6__single--2 {
      background-image: linear-gradient(-45deg, #FF0566, #FA7236);
      z-index: 2;
      border-radius: 0; }
      .web-hosting-header .pricing-6__single--2 .btn__white:hover {
        color: #FC3D4D; }
      .web-hosting-header .pricing-6__single--2::after {
        content: 'Recommended';
        font-size: 1.3rem;
        font-weight: 400;
        color: #FFCB52;
        background-color: #070707;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        padding: .3rem 1.5rem;
        border-radius: 0 0 5px 5px; }
    .web-hosting-header .pricing-6__single--3 {
      background-image: linear-gradient(117deg, #C165DD, #5C27FE);
      z-index: 3;
      border-radius: 0; }
      .web-hosting-header .pricing-6__single--3 .btn__white:hover {
        color: #7436F6; }
    .web-hosting-header .pricing-6__single--4 {
      background-image: linear-gradient(117deg, #FFCB52, #FF7B02);
      z-index: 4;
      border-radius: 0 3px 3px 0; }
      .web-hosting-header .pricing-6__single--4 .btn__white:hover {
        color: #FF9219; }
  .web-hosting-header .pricing-6__subheading {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 0; }
  .web-hosting-header .pricing-6__item::before {
    display: none; }
  .web-hosting-header .pricing-6__img {
    margin-top: 1rem; }
    @media (max-width: 47.99em) {
      .web-hosting-header .pricing-6__img {
        max-width: 30rem; } }
  .web-hosting-header .pricing-6__single__price {
    font-weight: 100;
    color: #fff;
    margin: 3rem 0 3.3rem 0; }
    .web-hosting-header .pricing-6__single__price h3 {
      font-size: 6rem;
      font-weight: 100;
      margin-bottom: 0;
      line-height: 1; }
    .web-hosting-header .pricing-6__single__price p {
      margin-bottom: 0;
      font-size: 1.3rem;
      text-transform: uppercase; }
  @media (max-width: 74.99em) {
    .web-hosting-header__main {
      margin-bottom: 20rem; } }
  .web-hosting-header__main .btn__white {
    text-transform: uppercase;
    font-size: 1.3rem;
    padding: 1.5rem 2rem;
    min-width: 18rem;
    display: inline-block;
    text-align: center;
    margin-right: .6rem;
    background-color: transparent;
    border-color: #ffff;
    color: #fff; }
    .web-hosting-header__main .btn__white:hover {
      background-color: #FC3D4D;
      border-color: #FC3D4D;
      color: #fff !important; }
  .web-hosting-header__heading {
    font-weight: 100;
    color: #fff;
    font-size: 7.2rem; }
    @media (max-width: 35.99em) {
      .web-hosting-header__heading {
        font-size: 6rem; } }
  .web-hosting-header__details {
    margin-top: 6rem; }
  .web-hosting-header__list {
    list-style: none; }
  .web-hosting-header__item {
    font-size: 1.5rem;
    font-weight: 400;
    color: #fff;
    position: relative;
    margin-bottom: 1rem; }
    .web-hosting-header__item::before {
      content: '\f14a';
      font-weight: 900;
      font-family: 'Font Awesome 5 Free';
      margin-right: 1rem; }
  .web-hosting-header__badge {
    max-width: 21.6rem;
    width: 100%; }
    @media (max-width: 61.99em) {
      .web-hosting-header__badge {
        display: none; } }
  .web-hosting-header .btn__white {
    text-transform: uppercase;
    font-size: 1.3rem;
    padding: 1.5rem 2rem;
    min-width: 18rem;
    display: inline-block;
    text-align: center;
    background-color: transparent; }

.plans {
  padding-bottom: 11rem; }
  .plans__heading {
    color: #333740;
    font-size: 2rem;
    margin-bottom: 3rem; }
  .plans__single {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem 1rem 1rem;
    box-shadow: 0 0 40px 0 rgba(153, 153, 153, 0.151);
    margin-bottom: 1.5rem;
    background-color: #fff; }
    .plans__single div {
      display: flex;
      align-items: center; }
    .plans__single p {
      color: #657A7E;
      font-size: 1.5rem;
      margin-bottom: 0; }
    .plans__single i {
      color: #34B358;
      font-size: 1.5rem; }
  .plans__img {
    max-width: 4rem;
    margin-right: 1.5rem; }

.feature-v5 {
  padding-bottom: 14rem; }
  .feature-v5__single {
    display: flex;
    align-items: center;
    padding: 2rem 2.5rem 2rem 2rem;
    box-shadow: 0 0 40px 0 #EBEBEB;
    margin-bottom: 4rem; }
    @media (max-width: 74.99em) {
      .feature-v5__single {
        padding: 2rem 2rem 2rem 2rem;
        min-height: 20rem; } }
  .feature-v5__wrap {
    margin-top: 8rem; }
  .feature-v5__img {
    max-width: 11rem;
    width: 100%;
    margin-right: 2rem; }
    @media (max-width: 74.99em) {
      .feature-v5__img {
        max-width: 10rem;
        margin-right: 1rem; } }
  .feature-v5__heading {
    font-size: 1.6rem;
    color: #333333;
    margin-bottom: 2rem;
    font-weight: 500; }
  .feature-v5__details {
    font-size: 1.5rem;
    color: #777777;
    font-weight: 400;
    margin-bottom: 0; }

.our-product--2 .tab_style3 .nav-item a {
  background-image: none;
  background-color: #414379;
  text-transform: uppercase;
  font-size: 1.3rem;
  width: 20rem; }
  @media (max-width: 74.99em) {
    .our-product--2 .tab_style3 .nav-item a {
      width: 15rem; } }
  .our-product--2 .tab_style3 .nav-item a img {
    max-height: 4.5rem;
    margin-bottom: 2rem; }
    @media (max-width: 61.99em) {
      .our-product--2 .tab_style3 .nav-item a img {
        max-height: 3rem; } }
  .our-product--2 .tab_style3 .nav-item a.active {
    background-image: linear-gradient(117deg, #28a745, #8bc34a);
    box-shadow: 0 0 40px 0 rgba(19, 255, 0, 0.43); }

.our-product--2 .tab_style3 .nav-item {
  margin-left: 1px; }

.our-product--2 .explore__title {
  color: #333333;
  color: 2rem;
  margin-bottom: 3rem !important; }

.our-product--2 .tab-content .section__description {
  color: #777777;
  font-size: 1.5rem; }

.our-product--2 .btn__product {
  border-color: #FC3D4D;
  color: #FC3D4D;
  text-transform: uppercase;
  font-size: 1.3rem; }
  .our-product--2 .btn__product:hover {
    color: #fff;
    background-color: #FC3D4D; }

.our-product--2__list {
  list-style: none;
  margin: 2rem 0 4rem 0; }
  .our-product--2__list li {
    font-size: 1.5rem;
    color: #777777;
    margin-bottom: 1.3rem;
    padding-left: 1.5rem; }
    .our-product--2__list li::before {
      content: '\f058';
      font-family: 'Font Awesome 5 Free';
      color: #60C79A;
      margin-right: 1rem; }

.map.hosting {
  background-image: linear-gradient(-170deg, #6FDA44, #109900);
  padding-bottom: 13rem; }

@media (max-width: 74.99em) {
  .people-hosting .people__img {
    width: 100%; } }

@media (max-width: 61.99em) {
  .people-hosting .people__img {
    max-width: 40rem; } }

.people-hosting .explore__title {
  color: #000;
  position: relative;
  display: inline-block;
  padding-bottom: 2.5rem; }
  .people-hosting .explore__title::after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 10rem;
    background-color: #4287C5;
    content: ''; }
  .people-hosting .explore__title--1::after {
    background-color: #7E65CB; }
  .people-hosting .explore__title--2::after {
    background-color: #46CEA1; }
  .people-hosting .explore__title--3::after {
    background-color: #EE7F8F; }

.people-hosting .product__list li::before {
  color: #9362C7; }

.people-hosting .product__list--1 li::before {
  content: '\f233';
  color: #4B85C4; }

.people-hosting .product__list--2 li::before {
  content: '\f06c';
  color: #46CEA1; }

.people-hosting .product__list--3 li::before {
  content: '\f3ed';
  color: #EE7F8F; }

.people__map {
  max-width: 20rem;
  width: 100%; }

.cta.hosting {
  background-image: linear-gradient(119deg, #2A427E, #4E4376); }

.swiper-pagination.red .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: #FC3D4D; }

.funfact__single {
  margin-bottom: 3rem; }
  @media (max-width: 47.99em) {
    .funfact__single {
      text-align: center; } }

.funfact__number {
  font-size: 8rem;
  color: #FC3D4D;
  font-weight: 100; }
  @media (max-width: 61.99em) {
    .funfact__number {
      font-size: 6rem; } }
  .funfact__number--2 {
    color: #FFA128; }
  .funfact__number--3 {
    color: #7133F8; }
  .funfact__number--4 {
    color: #508BD9; }
  .funfact__number--5 {
    color: #04B5C9; }
  .funfact__number--6 {
    color: #60C79A; }

.funfact__text {
  font-size: 1.5rem;
  font-weight: 400;
  color: #555555; }

.footer__pakage {
  padding: 9rem 0;
  position: relative;
  background-image: linear-gradient(108deg, #2A427E, #4E4376);
  margin-top: 40rem; }
  @media (max-width: 61.99em) {
    .footer__pakage {
      margin-top: 20rem; } }
  .footer__pakage__heading {
    font-weight: 300;
    font-size: 3.4rem;
    margin-bottom: 5rem; }
  .footer__pakage .header__pakage__title,
  .footer__pakage .header__pakage__price {
    color: #fff; }
  .footer__pakage__after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateY(-100%); }

.web-host-2-header {
  padding: 25rem 0 20rem 0;
  background-image: url(../img/Home-Web-Hosting-2-header.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 100%; }
  .web-host-2-header__subheading {
    font-weight: 300;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    margin-bottom: 3rem; }
  .web-host-2-header__heading {
    text-align: center;
    font-weight: 100;
    font-size: 8rem;
    color: #fff;
    margin-bottom: 7rem; }
  .web-host-2-header .header__form {
    margin-top: 0;
    margin-bottom: 0; }
  .web-host-2-header__imgbox {
    margin-top: -13rem; }
  .web-host-2-header__img {
    width: 100%; }
    @media (max-width: 47.99em) {
      .web-host-2-header__img {
        margin-top: 4rem; } }

.web-host-2__features {
  padding-top: 8rem; }
  .web-host-2__features__wrap {
    margin-top: 8rem; }
  .web-host-2__features__single {
    text-align: center;
    padding: 3.5rem 2rem 4rem 2rem;
    background-color: rgba(0, 0, 0, 0.221);
    border-radius: 5px;
    margin-bottom: 3.6rem;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.305); }
    .web-host-2__features__single img {
      max-height: 9rem;
      width: 100%;
      object-fit: contain;
      margin-bottom: 4rem; }
    .web-host-2__features__single h5 {
      font-weight: 400;
      color: #fff;
      font-size: 1.6rem;
      margin-bottom: 2rem; }
    .web-host-2__features__single p {
      margin-bottom: 0;
      color: #fff;
      font-size: 1.5rem;
      opacity: .5; }

.our-product--2.hosting .our-product--2__list li::before {
  color: #FC3D4D; }

.our-product--2.hosting {
  position: relative; }
  .our-product--2.hosting .our-product--2__after {
    position: absolute;
    bottom: 0;
    width: 45%;
    z-index: -1; }

.map.hosting-2 {
  background-image: none;
  padding-top: 0; }

.web-hosting-price-2 {
  background-image: none;
  padding-top: 3rem; }
  .web-hosting-price-2 .web-hosting__pricing {
    margin-top: 5rem; }
  .web-hosting-price-2 .pricing-6__single__price {
    margin: 6rem 0; }
  .web-hosting-price-2 .pricing-6__list {
    margin-top: 0;
    margin-bottom: 6rem; }
  .web-hosting-price-2 .pricing-6__single {
    padding-bottom: 0;
    margin-bottom: 14rem; }
  .web-hosting-price-2 .pricing-6__img {
    margin-bottom: -60%; }
    @media (max-width: 61.99em) {
      .web-hosting-price-2 .pricing-6__img {
        max-width: 20rem;
        margin-bottom: -30%; } }
    @media (max-width: 47.99em) {
      .web-hosting-price-2 .pricing-6__img {
        max-width: 20rem;
        margin-bottom: -20%; } }

.more {
  padding: 5rem 0 10rem 0; }
  .more__single {
    text-align: center;
    margin-bottom: 5rem; }
  .more__img {
    margin-bottom: 2rem;
    max-height: 4.5rem;
    width: 100%;
    object-fit: contain; }
  .more__heading {
    text-align: center;
    color: #333333;
    font-size: 2.4rem;
    margin-bottom: 5rem;
    font-style: italic; }
  .more__title {
    color: #333333;
    font-weight: 500;
    font-size: 1.7rem;
    margin-bottom: 2.2rem; }
  .more__details {
    margin-bottom: 0;
    color: #777777;
    font-size: 1.5rem;
    font-weight: 400; }

.cta.hosting-2 {
  background-image: none;
  padding-top: 0;
  position: relative; }
  .cta.hosting-2 .cta__heading {
    margin-top: 7rem; }
  .cta.hosting-2 .section__description {
    font-weight: 400;
    color: #777777;
    font-size: 2.2rem; }
    .cta.hosting-2 .section__description i {
      color: #FC3D4D; }
  .cta.hosting-2 .hosting-2__after {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    max-width: 50%; }

.cta__img__hosting {
  max-width: 70rem;
  width: 100%; }

.answers {
  position: relative; }
  .answers__after {
    position: absolute;
    left: 0;
    bottom: -30%;
    max-width: 45rem;
    z-index: -1; }

.swiper-pagination.blue .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: #508BD9; }

.header__wp {
  background-image: url(../img/header-wp-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 100%;
  padding: 16rem 0 20rem 0; }
  @media (max-width: 61.99em) {
    .header__wp {
      padding-top: 20rem; } }
  .header__wp__heading {
    font-size: 6rem;
    color: #fff;
    font-weight: 100;
    line-height: 7rem;
    margin-bottom: 3rem; }
  .header__wp__description {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #fff;
    font-weight: 400; }
  .header__wp__formtext {
    font-size: 1.5rem;
    margin-top: 1.5rem;
    font-weight: 400;
    color: #fff;
    display: flex;
    justify-content: space-between; }
    .header__wp__formtext a {
      border-bottom: 1px dashed #fff; }
  .header__wp__img {
    max-width: 80rem;
    width: 150%; }
    @media (max-width: 61.99em) {
      .header__wp__img {
        width: 100%; } }
  .header__wp .header__form {
    margin: 0; }
  .header__wp .header__form .form-control {
    border-radius: 5px;
    padding: 3.4rem 3rem; }
    .header__wp .header__form .form-control::placeholder {
      font-size: 1.4rem;
      color: #999999; }
  .header__wp .form__wrapper {
    max-width: 40rem;
    margin: 5rem 0 9rem 0; }
    .header__wp .form__wrapper .header__submit {
      color: #508BD9; }
  .header__wp__play {
    color: #508BD9;
    font-size: 1.5rem;
    font-weight: 400; }
    .header__wp__play img {
      max-width: 5rem;
      width: 100%;
      margin-right: 1rem; }
    .header__wp__play:hover {
      text-decoration: none;
      color: #fff; }

.pricing__wp {
  padding: 10rem 0 7rem 0; }
  .pricing__wp__wrap {
    margin-top: 6rem; }
  .pricing__wp__single {
    padding: 4.5rem 0 2.5rem 0;
    text-align: center;
    box-shadow: 0 0 40px 0 rgba(69, 69, 69, 0.127);
    margin-bottom: 3rem; }
    .pricing__wp__single .btn__product {
      text-transform: uppercase !important;
      padding: 1.2rem 4.5rem;
      color: #71CBAC;
      border-color: #71CBAC; }
      .pricing__wp__single .btn__product:hover {
        background-color: #71CBAC;
        color: #fff; }
    .pricing__wp__single--2 .pricing__wp__heading {
      color: #508BD9; }
    .pricing__wp__single--2 .pricing__wp__pricebox span {
      background-color: #508BD9; }
    .pricing__wp__single--2 .pricing__wp__price {
      color: #508BD9; }
    .pricing__wp__single--2 .btn__product {
      color: #508BD9;
      border-color: #508BD9; }
      .pricing__wp__single--2 .btn__product:hover {
        background-color: #508BD9; }
    .pricing__wp__single--3 .pricing__wp__heading {
      color: #FC3D4D; }
    .pricing__wp__single--3 .pricing__wp__pricebox span {
      background-color: #FC3D4D; }
    .pricing__wp__single--3 .pricing__wp__price {
      color: #FC3D4D; }
    .pricing__wp__single--3 .btn__product {
      color: #FC3D4D;
      border-color: #FC3D4D; }
      .pricing__wp__single--3 .btn__product:hover {
        background-color: #FC3D4D; }
  .pricing__wp__top {
    padding: 0 2rem 2.5rem 2rem; }
  .pricing__wp__heading {
    font-size: 2rem;
    color: #60C79A;
    font-weight: 500;
    text-transform: uppercase; }
  .pricing__wp__subtitle {
    color: #657A7E;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 0; }
  .pricing__wp__img {
    max-width: 24rem;
    width: 100%; }
  .pricing__wp__pricebox {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem; }
    .pricing__wp__pricebox span {
      background-color: #71CBAC;
      width: 5.5rem;
      height: 5.5rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 1;
      font-style: italic;
      margin-right: 1rem; }
  .pricing__wp__price {
    font-size: 4rem;
    font-weight: 300;
    color: #60C79A;
    margin-bottom: 0; }

.wordpress {
  background-image: url(../img/home-wp-wordress-bg.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 15rem 0 0 0;
  margin-top: -6rem;
  margin-bottom: 25rem; }
  .wordpress__img {
    max-width: 60rem;
    width: 100%; }
  .wordpress__textbox .btn__white {
    margin-top: 5rem;
    text-transform: uppercase;
    display: inline-block; }
    .wordpress__textbox .btn__white:hover {
      color: #222; }
  .wordpress__heading {
    font-size: 4rem;
    color: #fff;
    font-weight: 300;
    line-height: 5.5rem; }
  .wordpress__itembox {
    transform: translateY(40%); }
    @media (max-width: 61.99em) {
      .wordpress__itembox {
        transform: translateY(20%); } }
  .wordpress__item {
    text-align: center;
    background-image: linear-gradient(117deg, #FF0566, #FA7236);
    padding: 3.5rem 2rem 4rem 2rem;
    position: relative; }
    @media (max-width: 61.99em) {
      .wordpress__item {
        margin-bottom: 2rem; } }
    .wordpress__item::after {
      position: absolute;
      content: '1';
      top: 1rem;
      right: 1rem;
      height: 2.5rem;
      width: 2.5rem;
      background-color: #fff;
      border-radius: 50%;
      font-size: 1.4rem;
      color: #333740;
      line-height: 1.9;
      font-style: italic;
      font-weight: 500; }
    .wordpress__item__img {
      max-height: 7rem;
      width: 100%;
      object-fit: contain;
      margin-bottom: 3.5rem; }
    .wordpress__item--2 {
      background-image: linear-gradient(-45deg, #FFCB52, #FF7B02); }
      .wordpress__item--2::after {
        content: '2'; }
    .wordpress__item--3 {
      background-image: linear-gradient(-45deg, #95D88B, #019AA3); }
      .wordpress__item--3::after {
        content: '3'; }
    .wordpress__item--4 {
      background-image: linear-gradient(-45deg, #049EC0, #04D8D7); }
      .wordpress__item--4::after {
        content: '4'; }
  .wordpress__text {
    font-size: 1.8rem;
    color: #fff; }

.feature__wp {
  padding-top: 12rem; }
  @media (max-width: 61.99em) {
    .feature__wp {
      padding-top: 6rem; } }
  .feature__wp__single {
    margin-bottom: 4.5rem; }
  .feature__wp .btn__solid {
    margin-top: 5.5rem; }
  .feature__wp__item {
    display: flex;
    align-items: flex-start; }
  .feature__wp__img {
    max-width: 5rem;
    width: 100%;
    margin-right: 3rem; }
  .feature__wp__text h3 {
    color: #415255;
    font-size: 1.7rem;
    font-weight: 500;
    margin-bottom: 2rem; }
  .feature__wp__text p {
    margin-bottom: 0;
    font-size: 1.5rem;
    color: #657A7E;
    font-weight: 400; }

.facts.wp {
  position: relative; }
  .facts.wp .facts__after {
    position: absolute;
    top: -10rem;
    left: 25rem;
    z-index: -1; }

.why__wp {
  background-image: url(../img/wp-why.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 25rem 0 40rem 0;
  position: relative;
  z-index: 2; }
  .why__wp__after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: -2;
    max-width: 60rem; }
  .why__wp__before {
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, 40%);
    z-index: -1;
    max-width: 60rem;
    width: 100%;
    min-width: 80rem; }
  .why__wp__wrap {
    margin-top: 7rem; }
  .why__wp__single {
    display: flex;
    background-color: #fff;
    margin-bottom: 2.5rem;
    padding: 3rem 3rem;
    border-radius: 10px; }
  .why__wp__img {
    max-width: 9.5rem;
    width: 100%;
    margin-right: 2rem;
    object-fit: contain; }

.assistant__wp {
  position: relative;
  z-index: 2; }
  @media (max-width: 61.99em) {
    .assistant__wp {
      margin-top: 6rem; } }
  @media (max-width: 47.99em) {
    .assistant__wp {
      margin-top: 10rem; } }
  @media (max-width: 35.99em) {
    .assistant__wp {
      margin-top: 15rem; } }
  .assistant__wp__wrap span {
    color: #415255;
    font-size: 1.7rem; }
    @media (max-width: 61.99em) {
      .assistant__wp__wrap span {
        display: block; } }
  .assistant__wp__wrap .btn__product {
    background-color: #508BD9;
    border-color: #508BD9;
    margin-top: 0;
    margin-left: 2rem; }
    @media (max-width: 61.99em) {
      .assistant__wp__wrap .btn__product {
        margin-left: 0;
        margin-top: 2rem; } }
    .assistant__wp__wrap .btn__product:hover {
      border-color: #508BD9;
      color: #508BD9; }
  .assistant__wp__img {
    height: 11rem;
    width: 11rem;
    display: block;
    border-radius: 50%;
    background-color: #DEDEDE;
    margin-bottom: 2rem; }

.team.wp {
  padding-bottom: 0; }

.review.wp {
  margin-bottom: 30rem;
  background-image: url(../img/review-wp.webp);
  background-size: 100% 100%;
  margin-top: -10rem;
  padding: 20rem 0 13rem 0; }
  .review.wp .btn__product {
    background-color: #508BD9;
    border-color: #508BD9;
    color: #fff; }
    .review.wp .btn__product:hover {
      background-color: transparent;
      color: #508BD9; }

.table.home-6.wp {
  transform: translateY(7%);
  z-index: 99;
  position: relative; }
  .table.home-6.wp .table__single:last-child {
    background-image: linear-gradient(69deg, #30BBE2, #96DEC8); }
  .table.home-6.wp .table__single:first-child {
    background-color: transparent; }

.header__vps {
  background-image: url(../img/home-vps-header.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 26rem 0 0 0; }
  @media (max-width: 61.99em) {
    .header__vps {
      background-color: #1A232D;
      padding: 20rem 0 6rem 0; } }
  @media (max-width: 61.99em) {
    .header__vps__img {
      width: 100%; } }
  .header__vps__tag {
    font-weight: 400;
    font-size: 1.3rem;
    color: #DADCDD;
    background-color: #0D1217;
    padding: .6rem 2rem .6rem .5rem;
    display: inline-block;
    border-radius: 50px; }
    .header__vps__tag span {
      text-transform: uppercase;
      color: #FC3D4D;
      font-weight: 800; }
    .header__vps__tag .highlight {
      background-color: #FFA128;
      color: #0D1217;
      margin-right: 1rem;
      padding: .2rem 1rem;
      border-radius: 50px; }
  .header__vps__heading {
    font-size: 7.2rem;
    line-height: 8rem;
    font-weight: 100;
    background-image: linear-gradient(135deg, #F6D365, #FDA085);
    background-clip: text;
    color: transparent;
    margin-top: 5rem;
    margin-bottom: 4rem; }
    @media (max-width: 35.99em) {
      .header__vps__heading {
        font-size: 6rem; } }
  .header__vps .description {
    color: #DADCDD; }
  .header__vps__btnbox a {
    min-width: 15rem;
    text-align: center; }
    .header__vps__btnbox a:first-child {
      margin-right: .5rem;
      background-color: #FC3D4D;
      border-color: #FC3D4D; }
    .header__vps__btnbox a:last-child {
      margin-right: .5rem;
      background-color: #FFA128;
      border-color: #FFA128; }

.vps__plan {
  padding: 11rem 0; }
  .vps__plan .switch_common.switch_style2.d_inline.list-style-none {
    list-style: none !important; }
  @media (max-width: 61.99em) {
    .vps__plan .switch_common {
      width: auto;
      margin-bottom: 0 !important; } }
  @media (max-width: 35.99em) {
    .vps__plan .switch_common li {
      width: auto;
      margin-bottom: 0 !important; } }
  .vps__plan .vps__plan__switch {
    display: flex;
    align-items: center;
    justify-content: center; }
    .vps__plan .vps__plan__switch p {
      font-size: 1.3rem;
      font-weight: 700;
      color: #657A7E;
      text-transform: uppercase;
      margin-bottom: 0;
      display: flex;
      align-items: center; }
      .vps__plan .vps__plan__switch p i {
        font-size: 2.5rem; }

/*-----------------------------------input switch style--------------------------------*/
.switch_common > li {
  margin-right: 30px;
  vertical-align: middle; }

.switch_common > li:last-child {
  margin-right: 0px; }

.switch_common .switch {
  visibility: hidden;
  margin-left: -9999px;
  position: absolute; }

.switch_common label {
  margin-bottom: 0; }

.switch_common .switch + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  border-radius: 80px;
  border: 1px solid #ddd;
  user-select: none; }

.switch_common .switch + label:before {
  right: 0px;
  background: #F1F1F1;
  border-radius: 75px; }

.switch_common .switch + label:after {
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

.switch_common .switch + label:before,
.switch_common .switch + label:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  left: 0;
  position: absolute;
  top: 0; }

.switch_common .switch:checked + label:before {
  background-color: #ED2553; }

.switch_common .switch:checked + label {
  border-color: #D1DCE8; }

/*-------------extra large switch--------------*/
.xl_switch .switch + label {
  height: 60px;
  width: 120px; }

.xl_switch .switch + label:after {
  width: 58px;
  height: 58px; }

.xl_switch .switch:checked + label:after {
  margin-left: 60px; }

/*----------------------------switch style-2 common------------------------------*/
.switch_style2 .switch + label {
  border-width: 2px; }

.switch_style2 .switch + label::before {
  background: #fff; }

.switch_style2 .switch:checked + label:before {
  background-color: transparent; }

.switch_style2 .switch + label::after {
  background-color: #ddd;
  box-shadow: none; }

.switch_style2 .switch:checked + label::after {
  background-image: linear-gradient(-45deg, #FFCB52, #FF7B02); }

/*----------switch style-2 xl switch------------*/
.switch_style2 .xl_switch .switch + label::after {
  height: 50px;
  left: 3px;
  top: 3px;
  width: 50px; }

/*----------------------switch with icon common style------------------------*/
.switch_icon label span.icon::before,
.switch_icon label span.icon::after {
  color: #bfc6cf;
  font-family: ionicons;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.switch_icon label span.icon::after {
  content: "\f129";
  right: 16px; }

.switch_icon label span.icon::before {
  content: "\f121";
  left: 16px;
  color: #fff;
  opacity: 0;
  visibility: hidden; }

.switch_icon.lock label span.icon::after {
  content: "\f457";
  right: 16px; }

.switch_icon.lock label span.icon::before {
  content: "\f4c8";
  left: 16px;
  color: #fff;
  opacity: 0;
  visibility: hidden; }

.switch_icon .switch:checked + label span.icon::after {
  opacity: 0;
  visibility: hidden; }

.switch_icon .switch:checked + label span.icon::before {
  opacity: 1;
  visibility: visible; }

.switch_style2.switch_icon label span.icon::before {
  color: #ED2553; }

/*-----icon with extra large switch----------*/
.switch_icon .xl_switch label span.icon::before,
.switch_icon .xl_switch label span.icon::after {
  font-size: 37px; }

/*-------------states2 switch--------------*/
.switch_common.text .states2 label span.icon::after {
  content: "offline"; }

.switch_common.text .states2 label span.icon::before {
  content: "online"; }

.switch_common.text .states2 .switch + label {
  height: 35px;
  width: 170px; }

.switch_common.text .states2 .switch + label:after {
  height: 33px;
  width: 80px; }

.switch_common.text .states2 .switch:checked + label:after {
  margin-left: 88px; }

/*-------------------------------responsive style-----------------------------*/
/*---end 992-1199px media query----*/
@media (max-width: 991px) {
  .switch_common.float-right {
    float: none !important; }
  .switch_common {
    margin-bottom: 30px;
    text-align: center;
    width: 100%; }
  .switch_common.text > li {
    margin-right: 26px;
    margin-bottom: 30px; }
  .input_switch h4.fw_700 {
    text-align: center; } }

/*---end 768-991px media query----*/
/*---end 480-767px media query----*/
@media (max-width: 479px) {
  .switch_common > li {
    display: block;
    margin-bottom: 30px;
    margin-right: 0;
    text-align: center;
    vertical-align: middle; } }

/*---end 300-489 media query----*/
.vps__feature {
  padding-top: 11rem; }
  .vps__feature__single {
    padding: 3rem 5rem 4rem 5rem;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 40px 0 rgba(34, 34, 34, 0.18);
    text-align: center;
    margin-bottom: 4rem; }
    @media (max-width: 74.99em) {
      .vps__feature__single {
        min-height: 35rem; } }
    @media (max-width: 61.99em) {
      .vps__feature__single {
        padding: 3rem 4rem 4rem 4rem;
        min-height: 38rem; } }
  .vps__feature__heading {
    font-weight: 500;
    color: #333333;
    font-size: 1.7rem;
    margin-bottom: 2rem; }
  .vps__feature__details {
    font-size: 1.5rem;
    color: #777777;
    margin-bottom: 0; }
  .vps__feature__img {
    max-height: 15rem;
    width: 100%;
    object-fit: contain;
    margin-bottom: 4.5rem; }

.map.vps {
  padding-top: 11rem; }

.review.vps {
  background-image: linear-gradient(-170deg, #6FDA44, #109900);
  margin-bottom: 20rem; }
  .review.vps .btn__product.v2 {
    background-color: #6FDA44;
    border-color: #6FDA44; }
    .review.vps .btn__product.v2:hover {
      background-color: transparent;
      color: #6FDA44; }
  .review.vps .review__box__wrap {
    box-shadow: 0 0 40px 0px rgba(250, 113, 54, 0.201); }

.swiper-pagination.orange .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: #FFA128; }

.table.vps .table__wrap {
  box-shadow: 0 0 40px 0 rgba(51, 51, 51, 0.11); }

.table.vps .table__single {
  background-image: none;
  background-color: #fff !important;
  border-right: 1px solid #EDEDED; }
  .table.vps .table__single .table__items {
    background-color: transparent;
    background-image: none; }
    .table.vps .table__single .table__items p {
      color: #657A7E;
      font-size: 1.5rem;
      font-weight: 500;
      border-bottom: 1px solid #EBEBEB;
      height: 8rem;
      box-shadow: 0 0 40px 0 rgba(51, 51, 51, 0.105); }
  .table.vps .table__single .table__header {
    background-color: #FD4845;
    color: #fff !important;
    height: 5.5rem; }
    .table.vps .table__single .table__header h2 {
      font-size: 1.5rem; }
  .table.vps .table__single:first-child {
    flex: 0 0 16%; }
  .table.vps .table__single:nth-child(2) {
    flex: 0 0 10%; }
  .table.vps .table__single:nth-child(3) {
    flex: 0 0 15%; }
  .table.vps .table__single:nth-child(4) {
    flex: 0 0 12%; }
  .table.vps .table__single:nth-child(5) {
    flex: 0 0 12%; }
  .table.vps .table__single:nth-child(6) {
    flex: 0 0 8%; }
  .table.vps .table__single:nth-child(7) {
    flex: 0 0 12%; }
  .table.vps .table__single:last-child {
    flex: 1; }
  .table.vps .table__single .btn__product {
    margin-top: 0;
    border-color: #717171;
    color: #717171;
    padding: 1rem 3rem; }
    .table.vps .table__single .btn__product:hover {
      color: #fff;
      background-color: #FFA128;
      border-color: #FFA128; }

.table.vps .table__single:last-child .table__items p {
  box-shadow: none; }

.header__cloud {
  background-image: linear-gradient(-45deg, #41CDE0, #215A8C);
  padding: 26rem 0 18rem 0;
  position: relative;
  z-index: 1; }
  @media (max-width: 61.99em) {
    .header__cloud {
      padding: 20rem 0 10rem 0; } }
  @media (max-width: 61.99em) {
    .header__cloud .web-hosting-header__main {
      margin-bottom: 0; } }
  .header__cloud .web-hosting-header__img {
    min-width: inherit;
    width: 100%;
    z-index: -1;
    position: relative; }
    @media (max-width: 61.99em) {
      .header__cloud .web-hosting-header__img {
        max-width: 40rem;
        display: none; } }
  .header__cloud .web-hosting-header__item::before {
    content: '\f00c'; }
  .header__cloud .btn__white:hover {
    background-color: #fff;
    border-color: #fff;
    color: #10B2D6 !important; }
  .header__cloud__after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1; }
    @media (max-width: 74.99em) {
      .header__cloud__after {
        opacity: .6; } }
    @media (max-width: 61.99em) {
      .header__cloud__after {
        display: none; } }

.feature.cloud {
  padding-bottom: 13rem; }
  .feature.cloud h3 {
    color: #04B5C9; }
  .feature.cloud .why__wp__single {
    box-shadow: 0 0 40px 0 rgba(46, 98, 182, 0.11); }

.next-gen {
  padding-bottom: 11rem; }
  .next-gen .section__heading {
    line-height: 5rem;
    background-image: linear-gradient(#4A77D6, #5DC9DD);
    background-clip: text;
    color: transparent !important; }
  .next-gen__img {
    width: 100%; }
  .next-gen .btn__product {
    padding: 1.5rem 4rem;
    font-weight: 700; }
    .next-gen .btn__product:hover {
      color: #10B2D6; }

.pricing__wp.vps .pricing__wp__single {
  background-image: linear-gradient(117deg, #FF0566, #FA7236);
  padding-bottom: 5rem; }
  .pricing__wp.vps .pricing__wp__single .pricing__wp__pricebox span {
    color: #FD3252; }
  .pricing__wp.vps .pricing__wp__single .btn__product:hover {
    color: #FD3850; }

.pricing__wp.vps .pricing__wp__single--2 {
  background-image: linear-gradient(117deg, #4A77D6, #5DC9DD); }
  .pricing__wp.vps .pricing__wp__single--2 .btn__product:hover {
    color: #57ADDB; }
  .pricing__wp.vps .pricing__wp__single--2 .pricing__wp__pricebox span {
    color: #54A2DA; }

.pricing__wp.vps .pricing__wp__single--3 {
  background-image: linear-gradient(-45deg, #C165DD, #5C27FE); }
  .pricing__wp.vps .pricing__wp__single--3 .btn__product:hover {
    color: #A352E7; }

.pricing__wp.vps .pricing__wp__heading,
.pricing__wp.vps .pricing__wp__subtitle,
.pricing__wp.vps .pricing__wp__price {
  color: #fff; }

.pricing__wp.vps .pricing__wp__pricebox span {
  background-color: #fff; }

.pricing__wp.vps .btn__product {
  border-color: #fff;
  color: #fff;
  margin-top: 2rem; }
  .pricing__wp.vps .btn__product:hover {
    background-color: #fff; }

.review.cloud {
  padding: 20rem 0;
  background-image: none;
  background-color: #0BAAD2; }
  .review.cloud .btn__white {
    text-transform: uppercase;
    margin-top: 8rem; }
    .review.cloud .btn__white:hover {
      color: #0BAAD2; }

.map.cloud {
  background-image: linear-gradient(-45deg, #2A427E, #4E4376); }

.counter-box.cloud {
  transform: translate(0); }
  .counter-box.cloud .counter-box__single {
    box-shadow: 0 0 40px 0 rgba(34, 34, 34, 0.315);
    margin-bottom: -50%; }
    @media (max-width: 61.99em) {
      .counter-box.cloud .counter-box__single {
        margin-bottom: 2rem; } }
  .counter-box.cloud .counter-box__single--3 {
    background-image: linear-gradient(-45deg, #C165DD, #5C27FE); }

.search-cta.cloud {
  padding-top: 26rem;
  background-image: none;
  background-color: #0BAAD2; }
  @media (max-width: 61.99em) {
    .search-cta.cloud {
      padding-top: 15rem; } }
  .search-cta.cloud .header__submit {
    color: #0BAAD2; }

.footer__pakage.cloud {
  background-image: none;
  background-color: #fff; }
  .footer__pakage.cloud .header__pakage__single:hover {
    outline: 2px solid #2E3139; }

.footer.cloud {
  background-image: linear-gradient(to top, #41CDE0, #215A8C);
  padding-top: 30rem;
  position: relative; }
  .footer.cloud .footer__after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  .footer.cloud .footer__link,
  .footer.cloud .footer__social__link a {
    color: #fff !important;
    opacity: .7; }
    .footer.cloud .footer__link:hover,
    .footer.cloud .footer__social__link a:hover {
      opacity: 1; }

.footer__bottom.cloud {
  background-color: #4DB2CB;
  background-image: none; }
  .footer__bottom.cloud a {
    color: #fff !important; }

.header__domain {
  background-color: #fff;
  padding: 25rem 0 13rem 0; }
  .header__domain__heading {
    color: #333740;
    font-size: 4rem;
    font-weight: 300; }
  .header__domain__text {
    font-size: 1.7rem;
    font-weight: 400;
    color: #4E6367; }
    .header__domain__text span {
      font-weight: 500;
      color: #FF0566; }

.feature__domain {
  padding: 14rem 0 0rem 0;
  background-image: linear-gradient(117deg, #2A427E, #4E4376);
  margin-bottom: 30rem; }
  @media (max-width: 61.99em) {
    .feature__domain {
      margin-bottom: 10rem;
      padding: 10rem 0; } }
  .feature__domain .section__title {
    margin-bottom: -20rem; }
    @media (max-width: 61.99em) {
      .feature__domain .section__title {
        margin-bottom: 0; } }
  .feature__domain__wrap {
    margin-top: 10rem;
    transform: translateY(50%); }
    @media (max-width: 61.99em) {
      .feature__domain__wrap {
        transform: translateY(0%); } }
  .feature__domain__single {
    padding: 3rem 2.5rem 4rem 2.5rem;
    background-image: linear-gradient(117deg, #FF0566, #FA7236);
    box-shadow: 0 0 40px 0 rgba(253, 53, 80, 0.294); }
    @media (max-width: 74.99em) {
      .feature__domain__single {
        min-height: 40rem; } }
    @media (max-width: 61.99em) {
      .feature__domain__single {
        margin-bottom: 2rem; } }
    .feature__domain__single--2 {
      background-image: linear-gradient(-45deg, #FFCB52, #FF7B02);
      box-shadow: 0 0 40px 0 rgba(255, 168, 47, 0.274); }
    .feature__domain__single--3 {
      background-image: linear-gradient(-45deg, #C165DD, #5C27FE);
      box-shadow: 0 0 40px 0 rgba(146, 73, 236, 0.286); }
    .feature__domain__single--4 {
      background-image: linear-gradient(117deg, #4A77D6, #5DC9DD);
      box-shadow: 0 0 40px 0 rgba(86, 170, 218, 0.274); }
  .feature__domain__img {
    max-height: 14rem;
    width: 100%;
    object-fit: contain;
    margin-bottom: 3rem; }
  .feature__domain__heading {
    margin-bottom: 2rem;
    font-size: 1.7rem;
    font-weight: 500;
    color: #fff; }
  .feature__domain__details {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400; }

.more__domain__heading {
  color: #333740;
  font-size: 2.4rem;
  font-weight: 400;
  font-style: italic; }

.more__domain__single {
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
  border-radius: 5px;
  box-shadow: 0 0 40px 0 rgba(68, 68, 68, 0.12);
  padding: 2.5rem 3rem;
  background-color: #fff; }
  .more__domain__single p {
    margin-bottom: 0;
    color: #4E6367;
    font-size: 1.5rem; }
    .more__domain__single p span {
      font-weight: 500; }

.more__domain__img {
  max-width: 7.5rem;
  width: 100%;
  margin-right: 2rem; }

.circle {
  padding-bottom: 40rem;
  padding-top: 5rem; }
  @media (max-width: 61.99em) {
    .circle {
      padding-bottom: 20rem; } }
  .circle__wrap {
    padding: 20rem 0;
    position: relative; }
  .circle .cicle__after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1; }
  .circle__text p {
    margin-bottom: 0;
    color: #4E6367;
    font-size: 1.7rem; }
  .circle__number {
    color: #FF0566;
    font-size: 7.2rem;
    font-weight: 500; }
  .circle__img {
    max-width: 10rem;
    width: 100%; }
  .circle .btn__product {
    padding: 1.5rem 3rem;
    box-shadow: 0 0 40px 0 rgba(16, 178, 214, 0.288); }
    .circle .btn__product:hover {
      color: #10B2D6; }

.top__companies {
  padding-bottom: 16rem; }
  @media (max-width: 47.99em) {
    .top__companies {
      padding-bottom: 10rem; } }
  .top__companies .btn__product {
    font-size: 1.3rem;
    font-weight: 500;
    padding: 1.6rem 3rem; }
  .top__companies__logobox {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; }
  .top__companies__logo {
    height: 8rem;
    width: 18rem;
    box-shadow: 0 0 40px 0 rgba(51, 51, 51, 0.14);
    margin-bottom: 2rem;
    flex: 0 0 30%;
    border-radius: 5px; }
    .top__companies__logo:first-child, .top__companies__logo:nth-child(2) {
      flex: 0 0 40%; }
    .top__companies__logo:nth-child(2) {
      margin-top: -10px; }
    .top__companies__logo:nth-child(4) {
      height: 12rem;
      margin-top: 15px; }
    .top__companies__logo:nth-child(3) {
      margin-top: 25px; }

.domain__name {
  padding-bottom: 11rem; }
  .domain__name .btn__product {
    font-size: 1.3rem;
    font-weight: 500;
    padding: 1.6rem 3rem; }
  .domain__name__single {
    height: 7rem;
    box-shadow: 0 0 40px 0 rgba(68, 68, 68, 0.153);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    max-width: 12rem; }

.tips {
  padding: 14rem 0 10rem 0;
  background-color: #F8FBFD; }
  .tips .swiper-wrapper {
    margin-bottom: 6.5rem; }
  .tips__single {
    position: relative;
    display: flex; }
  .tips .tips__number {
    flex: 0 0 10%;
    margin-right: 2rem; }
    .tips .tips__number span {
      width: 4rem;
      height: 4rem;
      background-color: transparent;
      border: 2px solid #10B2D6;
      display: flex;
      border-radius: 50%;
      align-items: center;
      justify-content: center;
      font-size: 2.4rem;
      color: #10B2D6; }
  .tips__heading {
    font-weight: 500;
    font-size: 1.7rem;
    color: #415255;
    margin-bottom: 2rem;
    line-height: 2.8rem; }
  .tips__details {
    color: #657A7E;
    font-size: 1.5rem; }

.new__domain {
  background-image: linear-gradient(117deg, #95D88B, #51C4CB); }
  .new__domain__single {
    background-color: #fff;
    padding: 5rem 4rem;
    border-radius: 5px;
    box-shadow: 0 0 40px 0 rgba(51, 51, 51, 0.199); }
    @media (max-width: 74.99em) {
      .new__domain__single {
        min-height: 40rem; } }
    @media (max-width: 61.99em) {
      .new__domain__single {
        margin-bottom: 2rem; } }
  .new__domain__img {
    margin-bottom: 2rem;
    max-width: 9rem;
    width: 100%; }
  .new__domain__text {
    color: #4E6367;
    font-size: 1.5rem;
    margin-bottom: 4rem; }
  .new__domain .btn__product {
    padding: 1rem 5rem; }
  .new__domain__price {
    font-size: 5rem;
    font-weight: 300;
    background-image: linear-gradient(117deg, #FF0566, #FA7236);
    color: transparent;
    background-clip: text; }

.cta.domain {
  background-image: none; }
  .cta.domain h4 {
    font-size: 1.6rem;
    color: #4E6367; }

.about__header {
  background-image: linear-gradient(102deg, #0D3D5C, #392976);
  padding: 26rem 0 20rem 0; }

.about__heading {
  font-size: 10rem;
  font-weight: 100; }
  @media (max-width: 35.99em) {
    .about__heading {
      font-size: 7rem; } }

.our-product.about .tab_style3 .nav-item a {
  background-image: none;
  color: #657A7E;
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 500;
  width: inherit;
  height: inherit;
  padding: 3rem 5rem; }
  @media (max-width: 61.99em) {
    .our-product.about .tab_style3 .nav-item a {
      padding: 2rem 3rem; } }
  .our-product.about .tab_style3 .nav-item a.active {
    color: #333333; }

.our-product.about .nav {
  padding: 0;
  margin-bottom: 10rem;
  border-bottom: 2px solid #F2F2F2; }

.our-product.about .section__description {
  color: #7A9196; }

.our-product.about .about__single {
  padding: 4rem 3rem;
  background-color: #fff;
  box-shadow: 0 0 40px 0 rgba(235, 235, 235, 0.821); }
  .our-product.about .about__single__img {
    max-height: 6rem;
    width: 100%;
    object-fit: contain;
    margin-bottom: 2rem; }
  .our-product.about .about__single__title {
    margin-bottom: 2.5rem;
    color: #333740;
    font-size: 2rem;
    font-weight: 400; }

.gallery {
  position: relative; }
  .gallery__after {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-50%);
    z-index: -1;
    max-width: 60rem;
    width: 100%; }
  .gallery__single {
    background-image: url(../img/gallery.webp);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%; }
  .gallery .col-md-4 {
    height: 52rem;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px; }
    .gallery .col-md-4:nth-child(2) {
      height: 25rem; }
    .gallery .col-md-4:nth-child(4) {
      height: 25rem; }
    .gallery .col-md-4:last-child {
      height: 20rem; }
  .gallery .col-md-8 {
    height: 20rem;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px; }

.timeline {
  padding: 14rem 0;
  position: relative; }
  .timeline__after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 70rem; }
  .timeline__single {
    display: flex;
    padding-bottom: 5rem; }
    .timeline__single:last-child .timeline__date::after {
      background-color: transparent; }
  .timeline__details {
    padding-left: 3rem;
    color: #4E6367;
    font-size: 1.5rem;
    margin-top: -3px; }
  .timeline__date {
    padding-right: 3rem;
    color: #333740;
    font-size: 2rem;
    font-weight: 400;
    position: relative; }
    .timeline__date::after {
      position: absolute;
      right: 0;
      top: 0;
      background-color: #6FDA44;
      width: 4px;
      height: 210%;
      content: '';
      transform: translateX(50%); }
    .timeline__date::before {
      position: absolute;
      right: 0;
      top: 0;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #fff;
      border: 4px solid #6FDA44;
      content: '';
      z-index: 9;
      transform: translateX(50%);
      padding: 4px 0;
      box-shadow: 0px 0px 0px 4px #fff; }

.offices {
  background-image: linear-gradient(117deg, #95D88B, #51C4CB);
  padding: 14rem 0 12rem 0; }
  .offices__single {
    margin-bottom: 4rem;
    background-color: #fff;
    padding: 5rem 3rem;
    border-radius: 5px;
    box-shadow: 0 0 40px 0 rgba(34, 34, 34, 0.096); }
    @media (max-width: 74.99em) {
      .offices__single {
        padding: 3rem 2rem; } }
  .offices__name {
    color: #333740;
    font-size: 1.8rem;
    margin-bottom: 2rem;
    font-weight: 500; }
  .offices__img {
    max-height: 8rem;
    width: 100%;
    object-fit: contain;
    margin-bottom: 4rem; }
  .offices__street {
    color: #5D6373;
    font-size: 1.5rem; }

.map-top,
.map.about {
  background-color: #DEDEDE;
  height: 75rem;
  background-image: none;
  padding: 0;
  position: relative; }

.map iframe {
  width: 100%;
  height: 100%; }

.form__wrap {
  max-width: 70rem;
  background-color: #fff;
  border-radius: 5px;
  padding: 7rem 9rem;
  position: absolute;
  bottom: 0;
  width: inherit;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 99;
  box-shadow: 0 0 40px 0 rgba(51, 51, 51, 0.164); }
  @media (max-width: 35.99em) {
    .form__wrap {
      padding: 5rem 6rem; } }
  .form__wrap label {
    color: #7A9196;
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase; }
    .form__wrap label span {
      color: #F32130; }
  .form__wrap .input__file {
    display: none; }
  .form__wrap .nice-select .list {
    width: 100%; }

.form__heading {
  color: #333740;
  font-weight: 300;
  font-size: 2.8rem;
  text-align: center;
  margin-bottom: 5rem; }

.form-control {
  background-color: #F4F8FB;
  border: none;
  padding: 2.5rem 0 2.5rem 2rem;
  margin-bottom: 3rem;
  font-size: 1.4rem;
  line-height: 0;
  color: #7A9196;
  font-weight: 600; }

.header.contact {
  background-image: linear-gradient(110deg, #2A427E, #4E4376);
  padding-bottom: 0; }
  .header.contact .form__wrap {
    position: inherit;
    margin: 0 auto;
    transform: translate(0);
    background-color: transparent;
    padding-top: 0; }
    @media (max-width: 47.99em) {
      .header.contact .form__wrap {
        max-width: 90rem !important;
        padding: 4rem 3rem; } }
    .header.contact .form__wrap ul li {
      color: #333; }
  .header.contact .form__wrap label {
    color: #fff; }
    .header.contact .form__wrap label span {
      color: #fff; }
  .header.contact .form-control {
    background-color: #202642;
    color: #fff; }
  .header.contact .form__heading {
    max-width: 100%;
    color: #fff;
    font-weight: 300;
    margin-top: 9rem; }
    @media (max-width: 35.99em) {
      .header.contact .form__heading {
        font-size: 2.3rem;
        line-height: 1.7; } }
    .header.contact .form__heading a {
      color: #10B2D6; }
  .header.contact .btn__file {
    color: #fff;
    border-color: #222C40; }
    .header.contact .btn__file i {
      color: #fff; }
  .header.contact .btn__submit {
    background-image: linear-gradient(117deg, #95D88B, #019AA3); }

.support__single {
  text-align: center;
  padding: 4rem 3rem;
  background-image: linear-gradient(117deg, #FF0566, #FA7236);
  border-radius: 5px;
  margin-top: 3rem;
  box-shadow: 0 0 40px 0 rgba(51, 51, 51, 0.233); }

.support .row {
  transform: translateY(50%);
  margin-top: -15rem; }
  @media (max-width: 61.99em) {
    .support .row {
      transform: translateY(0);
      margin-top: 0; } }

.support__img {
  max-height: 9rem;
  width: 100%;
  object-fit: contain;
  margin-bottom: 2rem; }

.support__title {
  color: #fff;
  font-weight: 400;
  font-size: 1.8rem;
  margin-bottom: 4rem; }

.support__text {
  font-weight: 400;
  font-size: 1.6rem;
  color: #fff; }
  .support__text i {
    margin-right: 1rem; }

.offices.contact {
  background-image: none;
  margin-top: 10rem; }

.contact.social {
  padding: 12rem 0;
  text-align: center; }
  .contact.social .social__items {
    display: flex;
    justify-content: center;
    align-items: center; }
    .contact.social .social__items a {
      height: 7rem;
      width: 7rem;
      font-size: 2rem;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: transparent;
      border: 2px solid #6FDA44;
      border-radius: 50%;
      color: #6FDA44;
      margin: 0 5px; }
      .contact.social .social__items a:hover {
        background-color: #6FDA44;
        color: #fff;
        text-decoration: none; }

.error {
  background-color: #091A34; }
  .error__header {
    padding: 25rem 0 15rem 0;
    position: relative;
    z-index: 1; }
    .error__header__after {
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0;
      z-index: -1;
      height: 100%; }
    .error__header h1 {
      font-weight: 100;
      font-size: 6rem;
      color: #fff;
      margin-bottom: 11rem; }
      @media (max-width: 47.99em) {
        .error__header h1 {
          font-size: 4rem; } }
    .error__header__img {
      width: 100%;
      max-width: 55rem;
      margin-bottom: 9rem; }
    .error__header .btn__white {
      text-transform: uppercase; }
      .error__header .btn__white:hover {
        color: #091A34; }

.footer.error {
  background-color: #000001; }

.footer__bottom.error {
  background-color: #0E0E0F; }