@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
:root {
  --color1: #B9FD50;
  --color2: #111204;
  --color10: #B9FD5017;
}
::-webkit-scrollbar {
    width: 10px;
  }
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px var(--color2);
    border-radius: 10px;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #e84118;
    border-radius: 10px;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #e84118;
  }

  /* Cursor Effect */
.cursor {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 2px solid #e84118;
    transition: all 200ms ease-out;
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    z-index: 10000;
    transform: translate(calc(-50% + 15px), -50%);
  }

  .cursor2 {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #e84118;
    opacity: .8;
    position: fixed;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 10001;
    transition: width .3s, height .3s, opacity .3s;
  }
  .hover {
    background-color: #e84118;
    opacity: 0.5;
  }

  .cursorinnerhover {
    width: 50px;
    height: 50px;
    opacity: .5;
  }

.f-500{
    font-weight: 500 !important;
}
.f-600{
    font-weight: 600 !important;
}
.f-700{
    font-weight: 700 !important;
}
.f-800{
    font-weight: 800 !important;
}
.f-900{
    font-weight: 900 !important;
}
html{
    scroll-behavior: smooth;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Outfit", sans-serif;
}
.backToTopBtn {
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 1;
    height: 50px;
    width: 50px;
    font-size: 20px;
    border: none;
    color: #cccccc;
    border-radius: 100%;
    transition: 0.5s;
    cursor: pointer;
  }
  .backToTopBtn:not(:hover) {
    background: #1f1f1f;
  }
  .backToTopBtn:hover {
    background: #0f0f0f;
  }
  .backToTopBtn.active {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  .backToTopBtn:not(.active) {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }

  button[onclick="liveChatBtn()"] {
    position: fixed;
}
.typed::after{
  content: "|";
  font-size: 150%;
  line-height: 30px;
  animation: blink .75s step-end infinite;
}
.navbar-brand {
  position: relative;
  display: inline-block;
}
.navbar-brand img {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -12px;
  transition: opacity 0.5s ease-in-out;
}
.navbar-brand img.default {
  opacity: 1;
}
.navbar-brand img.hover {
  opacity: 0;
}
.navbar-brand:hover img.default {
  opacity: 0;
}
.navbar-brand:hover img.hover {
  opacity: 1;
}

.navbar {
  background: transparent !important;
  padding: 16px;
}
#menu {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    transition: background-color 0.3s;
    z-index: 2020;
    height: 80px;
}

.navbar-toggler .fas {
    color: var(--color1) !important;
    font-size: 1.5rem;
}
.navbar .navbar-nav .nav-item .nav-link {
    color: #fff !important;
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}
.navbar .navbar-nav .nav-item {
    padding: 0 3px;
}

/* Header  */
.header {
    background-color: var(--color2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: auto;
}

.header-login-btn {
    background: #B9FD50;
    text-decoration: none;
    color: #222;
    font-weight: 600;
    padding: 8px 30px;
    border-radius: 8px;
}
.tech-list-images {
    display: inline-block;
    width: 20px;
    height: 20px;
    animation: growShrink 2s infinite;
}

/* banner section */
.header-banner .heading h1 {
    font-size: 70px;
    font-weight: 700;
    color: #fff;
}
.header-banner {
    padding-top: 150px;
}


.header-banner .heading h1 span {
    color: var(--color1) !important;
}
.header-banner .heading h2 span {
    color: var(--color1) !important;
}
.header-banner p {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-top: 10px;
}
.header-line-text {
    font-size: 16px !important;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    animation: header_line_text_animation 3s  infinite;
}
.header-software {
    background-color: #222222;
    padding: 20px;
    border-radius: 20px;
}
.header-software img {
  width: 70px;
  transition: all 0.3s ease;
}

.header-software img:hover {
  transform: scale(1.5);
}

/* domain */
.domain h1{
    margin-top: 40px;
    font-weight: 600;
    font-size: 36px;
}
.domain-list{
    display: block;
    margin: auto;
    max-width: 800px;
    margin-top: 20px
}
.domain-list ul li {
    list-style: none;
    float: left;
    text-align: center;
    width: 185px;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    border-right: 1px solid var(--color1);
}
.domain-list ul li span {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: var(--color1);
}

/* how-we-work */
.how-we-work{
    padding-top: 100px;
    padding-bottom: 100px;
}
.how-we-work span{
    text-transform: uppercase;
    font-weight: 600;
    color: var(--color1);
}
.how-we-work h3{
    color: #fff;
    font-size: 55px;
}
.how-we-work p{
    color: #fff;
    margin-top: 30px;
    font-size: 29px;
}
.how-we-work a{
    background-color: var(--color1);
    font-weight: 600;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 8px;
    margin-top: 10px;
}
.how-we-work-img{
  width: 300px;
}
/* Our Work ========================= */
.our-work .title {
  font-weight: 700;
  font-size: 50px;
}
.our-work p {
  font-weight: 600;
}
.load-more-btn {
  padding: 12px 20px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  margin-top: 10px;
  display: block;
  margin: auto;
}
.our-work .card {
  border-radius: 20px;
  border: 0 !important;
  transition: 0.5s;
  position: relative;
}
.our-work .card:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.our-work .card .card-body {
  position: absolute;
  bottom: 0;
  padding-bottom: 0;
  color: #fff;
  background-color: #00000080;
  border-radius: 0 0 10px 10px;
  visibility: hidden;
  transition: visibility 0.5s ease;
}
.our-work .card:hover .card-body {
  visibility: visible;
}
.our-work .card-img-top {
  border-radius: 10px;
  /* height: 230px; */
  object-fit: cover;
}

/* Services ======================================= */
.services{
    background-color: var(--color2);
}
.services ul {
    display: block;
    padding: 0;
    margin: 0;
    text-align: center; /* Centering the content */
}

.services ul li {
    list-style: none;
    display: inline-block;
    padding: 5px;
    margin: 5px; /* Adjust margin for better spacing on all screens */
    border-radius: 8px;
    background-color: var(--color1);
    font-weight: 600;
}

.service-list-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.footer .footer-title{
    color: var(--color1);
}
/* Media queries for responsiveness */
@media (max-width: 768px) {
    .services ul li {
        display: inline-block; /* Stack list items vertically on medium screens */
        margin: 5px auto;
        width: 45%; /* Ensure the width is constrained */
    }
}

@media (max-width: 576px) {
    .services ul li {
        display: inline-block; /* Stack list items vertically on medium screens */
        margin: 5px auto;
        width: 45%; /* Ensure the width is constrained */
        font-size: 14px;
    }
    .service-list-column{
        border: none !important;
        /* border-bottom: 1px solid var(--color10) !important; */
    }
    .price-table{
        transform: scale(1) !important;
    }
    .footer .footer-title{
        font-size: 12px !important;
    }
}

.service-load-more-btn{
    background: transparent;
    border: 0;
    color: #fff;
}
.service-load-more-btn i{
    color: var(--color1);
}
.benifits span{
    color: var(--color1);
    font-weight: 600;
}
.benifits h1{
    color: #fff;
    font-size: 50px;
    font-weight: 600;
}
.benifits p{
    margin-top: 15px;
    color: #fff;
    font-size: 24px;
}
.benifits a{
    background-color: var(--color1);
    font-weight: 600;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 8px;
    margin-top: 10px;
}

/* domain search ======================== */
.search-box {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    height: 60px;
    background: var(--color1);
    line-height: 40px;
    padding: 10px;
    border-radius: 60px;
    transition: all 0.3s ease;
    max-width: 90%;
    box-sizing: border-box;
}

.search-input {
    background: var(--color1);
    color: #222;
    font-weight: 600;
    outline: none;
    border: none;
    line-height: 40px;
    width: 240px;
    float: left;
    font-size: 14px;
    transition: 0.7s ease;
    font-family: sans-serif;
    box-sizing: border-box;
}
@media (max-width: 576px){
    .search-input{
        width: 200px !important;
    }
    .benifits-title{
        font-size: 20px !important;
    }
}

.search-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background: var(--color1);
    padding: 12px;
    border-radius: 50%;
    float: right;
    color: #ff5722;
    transition: 0.4s ease;
    border: none !important;
}

.search-input::placeholder {
    color: #222;
    font-weight: 600;
}

.search-box:hover > .search-input,
.search-input:focus {
    width: 400px;
    margin: 0 8px;
}

.search-box:hover > .search-btn,
.search-input:focus + .search-btn {
    background: #fff;
}



.product .card {
  background: #F9F9F9;
  border-radius: 30px;
  border: 1px solid #ccc;
}

.product .card p {
  font-size: 12px;
}
.our-product {
background-color: var(--color2);
}

.carousel-control-prev,
.carousel-control-next {
top: 50%;
transform: translateY(-50%);
width: 5%;
}

.carousel-control-prev {
left: -80px;
}

.carousel-control-next {
  right: -80px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
background-color: black;
background-image: none;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 40px;
}


.pricing-list{
    background-color: var(--color2);
}
.pricing-list .top-heading{
    text-align: center;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color1);
}
.pricing-list .card{
    background: #222222;
    border: 1px solid var(--color1);
}
.pricing-list .card .card-body p{
    color: #ccc;
    font-size: 14px;
}
.pricing-list .popular{
    background-color: var(--color1);
    padding: 10px;
    text-align: center;
    font-weight: 600;
    display: inline;
    float: right;
    border-radius: 10px;
}
.pricing-list .vest-value{
    background-color: #fff;
    color: #222;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    display: inline;
    float: right;
    border-radius: 10px;
}
.pricing-list .price-amount{
    color: var(--color1);
    font-weight: 600;
    font-size: 35px;
}
.pricing-list ul{
    padding-left: 0 !important;
}
.pricing-list ul li{
    list-style: none;
    color: #fff;
}
.pricing-list hr{
    border-bottom: 1px solid var(--color1);
}
.pricing-list .click_to_buy{
    background-color: var(--color1);
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    color: #222;
    font-weight: 600;
    text-decoration: none;
    display: block;
    width: 100%;
    margin-top: 35px;
}

/* About US  */
.about{
    background: #161906;
}
.about h5{
    color: var(--color1) !important;
}
.about p{
    color: #fff;
    opacity: 60%;
}
.about a{
    background-color: var(--color1);
    text-decoration: none;
    color: #222;
    font-weight: 600;
    border-radius: 25px;
    padding: 10px;
    text-align: center;
    color: #222;
    font-weight: 600;
    text-decoration: none;
    border: none;
}

.gotohome{
    background-color: var(--color1);
    text-decoration: none;
    color: #222;
    font-weight: 600;
    border-radius: 25px;
    padding: 10px;
    text-align: center;
    color: #222;
    font-weight: 600;
    text-decoration: none;
    border: none;
}
.login input {
    background-color: transparent;
    text-align: center;
    border: 1px solid var(--color1);
    color: var(--color1);
    padding: 10px;
    border-radius: 10px;
    width: 30%;
}
.login input::placeholder {
    color: var(--color1);
}
.login button {
    width: 30%;
    background-color: var(--color1);
    text-decoration: none;
    color: #222;
    font-weight: 600;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    border: none;
    margin-top: 20px;
}

.signup input {
    background-color: transparent;
    text-align: center;
    border: 1px solid var(--color1);
    color: var(--color1);
    padding: 10px;
    border-radius: 10px;
    width: 30%;
}
.signup input::placeholder {
    color: var(--color1);
}
.signup button {
    width: 30%;
    background-color: var(--color1);
    text-decoration: none;
    color: #222;
    font-weight: 600;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    border: none;
    margin-top: 20px;
}

  .footer {
    background-color: #2b2a2a;
    padding: 30px;
  }
  .footer hr{
    border-bottom: 2px solid #fff;
    margin-top: 5px;
    width: 50%;
  }
  .footer ul{
    padding-left: 0;
  }
  .footer ul li{
    list-style: none;
    line-height: 30px;
    transition: 0.5s;
  }
  .footer ul li a{
    color: #fff;
    opacity: 0.9;
    text-decoration: none;
  }
  .footer ul li:hover{
    margin-left: 5px;
  }
  .social li{
    list-style: none;
    float: left !important;
    margin: 0 10px;
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    text-align: center;
    background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
    border-radius: 50%;
    border: none;
    transition: 0.5s;
  }
  .social li a{
    color: #000000 !important;
  }
  .social ul li:hover{
    margin-left: 0 !important;
    transform: scale(1.1) !important;
  }


  /* Pricing table  */
  .table-three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 4rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width:704px) {
  .table-three {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width:994px) {
  .table-three {
    max-width: 800px;
  }
}

@media (min-width:1200px) {
  .table-three {
    max-width: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.table-three__cell {
  width: 100%;
  max-width: 350px;
  margin: 1rem;
  padding: 0 32px;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  border-radius: 20px;
}

@media (min-width:1200px) {
  .table-three__cell {
    margin-right: 0;
    margin-left: 0;
    border-radius: 0;
  }
}

@media (min-width:1000px) {
  .table-three__cell:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }
}

@media (min-width:1000px) {
  .table-three__cell:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}

.table-three__cell:hover {
  z-index: 1;
  margin-top: 0;
  margin-bottom: 0;
  /* padding-top: 4rem;
  padding-bottom: 4rem; */
  transform: scale(1.05);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 20px;
  box-shadow: 0 20px 50px 0 rgba(54, 54, 54, .3);
}
.table-three__cell .table-three__cell--orange:hover{
  z-index: 1;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: -3rem;
  padding-bottom: -3rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 0;
  box-shadow: 0 20px 50px 0 rgba(54, 54, 54, .3);
}

.table-three__cell--green {
  background: #575e0e;
  border: 1px solid #ccc;
}

.table-three__cell--cyan {
  background: #575e0e;
  border: 1px solid #ccc;
}

.table-three__cell--orange {
  background: #252b34;
  /* background: #575e0e; */
  border: 1px solid #ccc;
}

.table-three__cell--red {
  background: #575e0e;
  border: 1px solid #ccc;
}

.table-three__cell-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 1rem;
  padding: 1rem 3rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* .table-three__cell-header--green:before {
  background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMTU5LjEzOCAxNTkuMTM4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNTkuMTM4IDE1OS4xMzg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTc2LjY0NCw4OS4xOTFsLTI5LTM2LjgzM2MtMC44MzItMS4wNTctMC45ODQtMi40OTctMC4zOTQtMy43MDVjMC41MjQtMS4wNywyMS42OTItMzAuNzEsMTAzLjE2My0yNS45NiAgICAgYzEuOTMsMC4xMTIsMy40OSwxLjU4NywzLjQ3OSwzLjUyYy0wLjAxMiwxLjkzMy0xLjYzMywzLjU3Ni0zLjUyMSwzLjQ4Yy02Ni4xODItMy4zNzUtOTAuODE5LDE1LjM4NC05NS41NjYsMjAuNDQ4ICAgICBsMjcuMzM4LDM0LjcxOWMxLjE5MywxLjUyLDEuMDIxLDMuODQtMC41ODYsNC45MTZDNzkuNDQzLDkxLjE5Myw3Ny4zMzUsOTAuMDcsNzYuNjQ0LDg5LjE5MXoiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPHBhdGggZD0iTTU1LjgwOCwxNTguMDUzYy0wLjkwMS0wLjk4OC0yMi0yNC40MDItMTUuNTU2LTQyLjQzNGMzLjMwOS05LjI1NCwxMi45NDMtMTUuMTA0LDI4LjYzOC0xNy4zOTEgICAgIGMxNi40MDgtMi4zOTIsMjYuNDA4LTcuMjI0LDI4LjkyLTEzLjk3OWMyLjgzMS03LjYyMS00LjQ3OS0xNi4xNzEtNC41NTUtMTYuMjU3bC0xNy41NS0yMS4wNiAgICAgYy0xLjIzNy0xLjQ4NS0xLjAzNy0zLjY5MiwwLjQ0OC00LjkzYzEuNDg1LTEuMjM3LDMuNjktMS4wMzcsNC45MjgsMC40NDhsMTcuNSwyMWMwLjM1NywwLjQwNiwxMC4wNTksMTEuNjUyLDUuODA1LDIzLjE5NCAgICAgYy0zLjQ4Myw5LjQ1Ny0xNS4wODgsMTUuNjg2LTM0LjQ4OCwxOC41MWMtMTIuOTMsMS44ODMtMjAuNjg2LDYuMTk3LTIzLjA1NCwxMi44MjJjLTQuMTg1LDExLjcwNyw4Ljc4NSwyOS40OSwxNC4xMzYsMzUuMzU1ICAgICBjMS4zMDMsMS40MjgsMS4xNDksMy41ODgtMC4yMjcsNC45NDNDNTkuMDY4LDE1OS45NDMsNTYuNDk5LDE1OC44MDksNTUuODA4LDE1OC4wNTN6IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxwYXRoIGQ9Ik0xMzkuOTQ1LDE1My44NjFsLTQ3LTQ2Yy0xLjM4MS0xLjM1Mi0xLjQwNS0zLjU2Ny0wLjA1My00Ljk0OWMxLjM1My0xLjM4MywzLjU2Ni0xLjQwMyw0Ljk0Ny0wLjA1M2w0Nyw0NiAgICAgYzEuMzgyLDEuMzUzLDEuNjUyLDMuNTI3LDAuMzEyLDQuOTE4QzE0Mi44MTgsMTU2LjE5MywxNDAuNjI4LDE1NC41MjcsMTM5Ljk0NSwxNTMuODYxeiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8cGF0aCBkPSJNMTAuOTI5LDYzLjk2NGMtOC4zNDgtNy43NjEtNS4wNzgtMjEuNTIzLTQuOTM1LTIyLjEwNWMwLjQ2Mi0xLjg3NywyLjM1OS0zLjAyNSw0LjIzNS0yLjU2MiAgICAgYzEuODc0LDAuNDYxLDMuMDIxLDIuMzUzLDIuNTYzLDQuMjI3Yy0wLjAzNSwwLjE0Ni0yLjQxMywxMC4zOTksMi45MTksMTUuMzNjNC4xOTEsMy44NzcsMTIuNywzLjg4LDI0LjU5OSwwLjAxMyAgICAgYzEuODM3LTAuNTk3LDMuODEyLDAuNDA4LDQuNDExLDIuMjQ3YzAuNTk3LDEuODM4LTAuNDE5LDMuNzgzLTIuMjQ3LDQuNDFDMjEuNTY4LDcyLjY5NCwxNC4zNjEsNjcuMTUzLDEwLjkyOSw2My45NjR6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJCTxwYXRoIGQ9Ik01My4yNTYsMzIuMzM0YzguOTE0LDAsMTYuMTY2LTcuMjUyLDE2LjE2Ni0xNi4xNjdTNjIuMTcsMCw1My4yNTYsMGMtOC45MTUsMC0xNi4xNjgsNy4yNTItMTYuMTY4LDE2LjE2NyAgICBTNDQuMzQsMzIuMzM0LDUzLjI1NiwzMi4zMzR6IE01My4yNTYsN2M1LjA1NSwwLDkuMTY2LDQuMTEyLDkuMTY2LDkuMTY3YzAsNS4wNTUtNC4xMTEsOS4xNjctOS4xNjYsOS4xNjcgICAgcy05LjE2OC00LjExMi05LjE2OC05LjE2N0M0NC4wODgsMTEuMTExLDQ4LjIwMSw3LDUzLjI1Niw3eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
} */

.table-three__cell-header--cyan:before,
.table-three__cell-header--green:before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  opacity: .2;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 150px;
}

/* .table-three__cell-header--cyan:before {
  background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMTY2LjcxNyAxNjYuNzE3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNjYuNzE3IDE2Ni43MTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTMuNjAzLDEyOC42MjdjLTguMDE3LTE2LjA1Mi0yLjI2NC0zNS4yNzQsMTMuNDAzLTQ0LjAyMWM2LjU1OC0zLjY2LDE3Ljc1LTQuNzUyLDE3Ljc1MS00Ljc1MiAgICAgYzEwLjQ2Ni0xLjc4NywyOC42MDUtNy42NjgsMzIuODA0LTI3LjAzOGMwLjIzNS0xLjA5MSwwLjk3OS0yLjAwMywxLjk5OC0yLjQ1N3MyLjE5NC0wLjM5NCwzLjE2MywwLjE2MWwyOS4zNzEsMTYuODI3ICAgICBjMS42NzgsMC45NjEsMi4yNTksMy4xLDEuMjk3LDQuNzc3Yy0wLjk2MSwxLjY3OS0zLjEwMiwyLjI1Ni00Ljc3NiwxLjI5N0w3My4xMzgsNTguODI2ICAgICBDNjguMDk1LDczLjQ2NSw1NC44MDMsODMuNTMyLDM1Ljk1OSw4Ni43NWwwLDBjMC4wMDEsMC0xMC4yNzEsMS4xMzUtMTUuNjYxLDQuMDMxYy0xMi40LDYuNjcyLTE3LjAyNSwyMi4wNjItMTAuNTIxLDM0LjU0OSAgICAgYzEwLjI4NCwxOS43NCwyOC41MywxMy43MjksMzQuNTUsMTAuNTIxYzYuMDItMy4yMDgsMTAuMzUtOC41OTYsMTIuNDE0LTE1LjA5NmM0LjA3LTEyLjgxMi0zLjMwNS0yMy40MzctOC4wMjItMjcuMDE5ICAgICBjLTEuNTQtMS4xNy0xLjY4LTMuNDQ4LTAuNDM4LTQuOTMzYzEuMjQxLTEuNDgxLDMuNDQ3LTEuNjc4LDQuOTMxLTAuNDM4YzMuMiwyLjY4LDE1LjcyOCwxMy44MjYsMTAuMjI5LDM0LjQyNiAgICAgYy0yLjI0MSw4LjM5Ni04LjIzMiwxNC45OS0xNS44MTcsMTkuMjMyQzM3LjkzOCwxNDcuNDQ2LDE0LjQzOCwxNTAuMzIxLDMuNjAzLDEyOC42Mjd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJCTxwYXRoIGQ9Ik0xMDUuMzUzLDEyNC4zNzdjLTkuNDQzLTE0Ljk1NywwLjcyNy0zMS45MzcsMS4yOS0zMi44MzRjMTYuNzA2LTI2LjU2Miw2LjYwNy0zMy44MDcsMi44MDgtMzYuNTM0ICAgICBjLTAuMjQ2LTAuMTc2LTI3LjE3MS0xNi4wNzYtMjcuMTcxLTE2LjA3NmMtMS42NjYtMC45OC0yLjIyMy0zLjEyNS0xLjI0MS00Ljc5MWMwLjk3OS0xLjY2NywzLjEyNy0yLjIyMiw0Ljc5MS0xLjI0MiAgICAgYzAsMCwyNy40NDgsMTYuMjY3LDI3LjcsMTYuNDIxYzQuNjE4LDIuODM0LDE5LjI1MiwxMy44MTEtMC45Niw0NS45NDdjLTAuMzYzLDAuNTc1LTcuMzY5LDEzLjY0Ni0wLjM4MSwyNS41NTQgICAgIGMxMC40MDgsMTcuNzQsMjcuODEyLDEzLjg3OSwzMy44OTEsMTAuNzgxYzE2LjczNC04LjUzMSwxNS40ODQtMjUuNTMxLDEwLjUyLTM0LjU1M2MtNS41NzMtMTAuMTE4LTE3LjA3NC0xNS40ODQtMjguMzEzLTEyLjg2MyAgICAgYy0xLjg4OCwwLjQzOC0zLjc2Ni0wLjczLTQuMjAzLTIuNjEzYy0wLjQzOC0xLjg4MiwwLjcyOS0zLjc2NSwyLjYxMi00LjIwNGMxNC4zMTItMy4zMzksMjkuMDg1LDMuNDM4LDM2LjA4MSwxNi4zODkgICAgIGM1LjE2NSw5LjU2Miw4LjkxNSwzMy4xODgtMTMuNCw0NC4wMjFDMTM4LjA4OCwxNDMuMjU0LDExOC44MTQsMTQ1LjY5NiwxMDUuMzUzLDEyNC4zNzd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJCTxwYXRoIGQ9Ik02OC43MjgsMzcuMjMzYzAtOS4wNTItNy4zNjQtMTYuNDE3LTE2LjQxNi0xNi40MTdjLTkuMDU1LDAtMTYuNDE4LDcuMzY1LTE2LjQxOCwxNi40MTdTNDMuMjU2LDUzLjY1LDUyLjMxMiw1My42NSAgICBDNjEuMzYzLDUzLjY1LDY4LjcyOCw0Ni4yODUsNjguNzI4LDM3LjIzM3ogTTQzLjAwMSwzNy4yMzNjMC01LjEzMyw0LjE3OC05LjMwOSw5LjMxMS05LjMwOWM1LjEzMywwLDkuMzA4LDQuMTc2LDkuMzA4LDkuMzA5ICAgIHMtNC4xNzUsOS4zMDktOS4zMDgsOS4zMDlDNDcuMTc5LDQ2LjU0Miw0My4wMDEsNDIuMzY1LDQzLjAwMSwzNy4yMzN6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
} */

/* .table-three__cell-header--orange:before {
  background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMTkxLjY1MSAxOTEuNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5MS42NTEgMTkxLjY1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTEwMS44NDYsNjMuMDAxYzguOTE0LDAsMTYuMTY2LTcuMjUyLDE2LjE2Ni0xNi4xNjdzLTcuMjUyLTE2LjE2Ny0xNi4xNjYtMTYuMTY3Yy04LjkxNywwLTE2LjE2OCw3LjI1Mi0xNi4xNjgsMTYuMTY3ICAgIFM5Mi45MzEsNjMuMDAxLDEwMS44NDYsNjMuMDAxeiBNMTAxLjg0NiwzNy42NjdjNS4wNTUsMCw5LjE2Niw0LjExMiw5LjE2Niw5LjE2N2MwLDUuMDU1LTQuMTExLDkuMTY3LTkuMTY2LDkuMTY3ICAgIGMtNS4wNTcsMC05LjE2OC00LjExMi05LjE2OC05LjE2N0M5Mi42NzgsNDEuNzc5LDk2Ljc5MiwzNy42NjcsMTAxLjg0NiwzNy42Njd6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTEzMC4zODMsMTMzLjM2NmM2LjM5Ni0xMC40MDEsMi4xOTEtMjQuMzQ5LDEuODEyLTI1LjU1MWwtOC4zMi0yOC43ODZjLTAuNTM1LTEuODU2LTIuNDc3LTIuOTI4LTQuMzM0LTIuMzkyICAgIGMtMS44NTUsMC41MzctMi45MjcsMi40NzgtMi4zOTEsNC4zMzRsOC4zMzMsMjguODM1YzAuMDEsMC4wMzMsMC4wMjEsMC4wNzEsMC4wMywwLjEwNGMwLjAzOSwwLjExOCwzLjc1LDExLjk0MS0xLjEwOCwxOS44MTIgICAgYy0yLjM1MSwzLjgwNC02LjMwNiw2LjA4OC0xMi4wOTcsNi45ODNjLTE1Ljc1MywyLjQ0LTI2LjM3NSw4LjY1Ni0zMS41NzEsMTguNDc2Yy04LjA1MSwxNS4yMTEsMC4yNTYsMzMuMDY3LDAuNjEzLDMzLjgxOSAgICBjMC41OTksMS4yNjMsMi40NzQsMi40NDMsNC42NjMsMS42NmMxLjgyLTAuNjQ5LDIuNDg5LTIuOTE4LDEuNjYtNC42NjRjLTAuMDczLTAuMTUxLTcuMTc1LTE1LjQwMS0wLjc1LTI3LjU0MSAgICBjNC4xMDYtNy43NTgsMTMuMDA2LTEyLjc0OCwyNi40NTgtMTQuODMyQzEyMS4yMjMsMTQyLjQxMSwxMjYuOTQ0LDEzOC45NTksMTMwLjM4MywxMzMuMzY2eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTxwYXRoIGQ9Ik0xMjIuMDUzLDE0OC43NjZjLTAuOTU5LTEuNjgxLTMuMDk2LTIuMjY1LTQuNzczLTEuMzA2Yy0xLjY4LDAuOTU3LTIuMjY2LDMuMDk1LTEuMzA3LDQuNzczICAgIGMwLjU1NiwwLjk3MywxMy43MDMsMjMuOTc5LDIzLjY5MSwzNy45NjZjMC42ODQsMC45NTYsMy4wNzcsMi4yNDUsNC44ODMsMC44MTJjMS41MTQtMS4yMDEsMS45MzgtMy4zMSwwLjgxMi00Ljg4MyAgICBDMTM1LjU4MSwxNzIuNDQsMTIyLjE4NiwxNDkuMDAyLDEyMi4wNTMsMTQ4Ljc2NnoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNODQuNTE2LDc5LjAwMWMxLjcxNC0wLjEyLDMuMjA5LTEuMjY4LDMuNDU0LTMuMDE3YzAuMjY3LTEuOTA4LTEuMDY2LTMuNjc0LTIuOTczLTMuOTUgICAgYy0xLjA1Mi0wLjE1Mi0yNS4xNzItMi4zOC0yNC4zODctMzkuMzA0YzAuMDQxLTEuOTM0LTEuNDMyLTMuNTU5LTMuMzYzLTMuNjMzYy0xLjkwOS0wLjA2Mi0zLjU5NywxLjQzMi0zLjYzMiwzLjM2MyAgICBDNTIuODI1LDc2LjE1NCw4Mi4zMjUsNzkuMTU0LDg0LjUxNiw3OS4wMDF6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTE2OC4wNzUsMGMtOC4zMDUsMC0xNS4xNzcsNi4xNzMtMTYuMzE0LDE0LjE2OEwzOS44OTMsMTcuNjg2QzM4Ljc2Miw5LjY4MSwzMS44ODUsMy40OTksMjMuNTc1LDMuNDk5ICAgIGMtOS4wOTgsMC0xNi41LDcuNDAyLTE2LjUsMTYuNWMwLDkuMDk4LDcuNDAyLDE2LjUsMTYuNSwxNi41YzcuNDYzLDAsMTMuNzc2LTQuOTgzLDE1LjgwOC0xMS43OTVsODcuODctMi43NjMgICAgYzcuODIyLDEyLjA4Nyw3LjYwOSwyMi4yNjIsMy42MjMsMzAuMTAzYy04LjMzLDE2LjM4Ni0zNi4wMzksMjAuMzM2LTM2LjMxNSwyMC4zNzRjLTAuOTkyLDAuMTM0LTMuNDg2LDEuMzYxLTIuOTIxLDQuMzQ2ICAgIGwxMy4xNjYsNTAuODMzYzAuNDEsMS41NzgsMi4wNDEsMy4wNTgsNC4yNjgsMi41MTNjMS44NzktMC40NjEsMi45OTYtMi4zOTYsMi41MTItNC4yNjdsLTEyLjIyLTQ3LjE3OSAgICBjOC43NDQtMS44MTgsMjkuNzM1LTcuNzEsMzcuNzQyLTIzLjQyOWM0Ljg1MS05LjUyMyw0LjA2Mi0yMC43OTctMi4zMTItMzMuNTMybDE3LjQ2MS0wLjU0OSAgICBDMTU0LjI3MywyNy45OTIsMTYwLjU5NiwzMywxNjguMDc2LDMzYzkuMDk5LDAsMTYuNS03LjQwMiwxNi41LTE2LjVDMTg0LjU3Niw3LjQwMiwxNzcuMTcyLDAsMTY4LjA3NSwweiBNMjMuNTc1LDI5LjUgICAgYy01LjIzOCwwLTkuNS00LjI2Mi05LjUtOS41YzAtNS4yMzgsNC4yNjItOS41LDkuNS05LjVzOS41LDQuMjYyLDkuNSw5LjVDMzMuMDc1LDI1LjIzOCwyOC44MTIsMjkuNSwyMy41NzUsMjkuNXogTTE2OC4wNzUsMjYgICAgYy01LjIzOCwwLTkuNS00LjI2Mi05LjUtOS41YzAtNS4yMzgsNC4yNjItOS41LDkuNS05LjVzOS41LDQuMjYyLDkuNSw5LjVDMTc3LjU3NSwyMS43MzgsMTczLjMxMywyNiwxNjguMDc1LDI2eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
} */

.table-three__cell-header--orange:before,
.table-three__cell-header--red:before {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  opacity: .2;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 150px;
}

/* .table-three__cell-header--red:before {
  right: 0;
  background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgogIDxnPgogICAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0ibTQ3Ni40LDM4LjdjLTEzLjMtMTcuNi0zMy45LTI3LjctNTYuNi0yNy43aC0zMjcuNmMtMjIuNywwLTQzLjMsMTAuMS01Ni42LDI3LjctMTIuNSwxNi41LTE2LjQsMzcuMy0xMC44LDU2LjkgMjEuNCw3NS41IDExMC44LDEyOS4yIDE2NC4xLDE0Ni40bDU2LjYsNTYuNnY2MC41aC0xMzYuNGMtNS44LDAtMTAuNCw0LjctMTAuNCwxMC40djEyMWMwLDUuOCA0LjcsMTAuNCAxMC40LDEwLjRoMjkzLjhjNS44LDAgMTAuNC00LjcgMTAuNC0xMC40di0xMjFjMC01LjgtNC43LTEwLjQtMTAuNC0xMC40aC0xMzYuNXYtNjAuNWw1Ni42LTU2LjZjNTMuNC0xNy4yIDE0Mi43LTcwLjkgMTY0LjItMTQ2LjQgNS42LTE5LjYgMS43LTQwLjQtMTAuOC01Ni45em0tODMuOSw0NDEuNGgtMjczdi0xMDAuMWgyNzN2MTAwLjF6bS0zNDcuNy0zOTAuMmMtMy44LTEzLjMtMS4xLTI3LjUgNy40LTM4LjYgMTgtMjMuNiA0Ni43LTE5LjQgNDYuNy0xOS40LTIuNSw2Mi44IDE3LjMsMTIzLjkgNTUuNiwxNzIuOS00NC45LTIzLjYtOTUuMi02My44LTEwOS43LTExNC45em0yNzYuNiwxMjQuMmwtNjUuNCw2NS41LTY1LjQtNjUuNGMtNDguMi00OC4yLTczLjctMTE0LjItNzAuOC0xODIuM2gyNzIuNWMyLjksNjgtMjIuNiwxMzQtNzAuOSwxODIuMnptMTQ1LjgtMTI0LjJjLTE0LjUsNTEtNjQuNyw5MS4zLTEwOS43LDExNC44IDM4LjMtNDkgNTguMS0xMTAuMSA1NS42LTE3Mi44IDAsMCAyOS4zLTQgNDYuNywxOS40IDguNCwxMS4zIDExLjIsMjUuMyA3LjQsMzguNnoiLz4KICA8L2c+Cjwvc3ZnPgo=");
} */

.table-three__cell-title {
  margin-top: 1rem;
  font-family: Montserrat Regular, sans-serif;
  font-size: 36px;
}

.table-three__cell-subtitle,
.table-three__cell-title {
  color: #fff;
  font-weight: 400;
  line-height: 24px;
}

.table-three__cell-subtitle {
  margin-top: .5rem;
  /* letter-spacing: 3px; */
  text-transform: uppercase;
  font-family: Montserrat Light, sans-serif;
  font-size: 11px;
  color: #B9FD50 !important;
}

.table-three__cell-body {
  position: relative;
  border-radius: 20px;
  background: #fff;
}

.table-three__cell-price {
  padding: 15px 47px;
  color: #363636;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background: #fafafa;
  font-family: Montserrat Regular, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 24px;
}

.table-three__cell-list,
.table-three__cell-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.table-three__cell-list {
  margin-bottom: 50px;
  padding-top: 30px;
  padding-bottom: 60px;
}

.table-three__cell-list-item {
  margin-top: 5px;
  margin-bottom: 11px;
  text-transform: capitalize;
  font-family: Montserrat Regular, sans-serif;
  font-size: 14px;
  font-weight: 300;
  transition: 0.3s ease-in-out;
}

.table-three__cell-list-item--inactive {
  color: #d1d1d1;
}

.table-three__cell-list-item--yes {
  color: #8dc63f;
}

.table-three__cell-list-item--no,
.table-three__cell-list-item--yes {
  display: inline-block;
  margin-left: 4px;
  text-transform: capitalize;
}

.table-three__cell-list-item--no {
  color: #f04e4e;
}

.table-three__cell-button {
  position: absolute;
  bottom: -1.4rem;
  left: 50%;
  width: 174px;
  height: 50px;
  cursor: pointer;
  -webkit-transition: background-color .5s ease-in-out, box-shadow .5s ease-in-out;
  transition: background-color .5s ease-in-out, box-shadow .5s ease-in-out;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--color2);
  border: none;
  border-radius: 10px;
  border-radius: 25px;
  outline: 0;
  background: var(--color1);
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  font-family: Montserrat Light, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.table-three__cell-button--green:hover {
  -webkit-transition: background-color .2s ease-in-out, box-shadow .3s ease-in-out;
  transition: background-color .2s ease-in-out, box-shadow .3s ease-in-out;
  background-color: #8dc63f;
}

.table-three__cell-button--green:hover:active {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-color: #a4d266;
  box-shadow: 0 15px 50px rgba(54, 54, 54, .15);
}

.table-three__cell-button--cyan:hover {
  -webkit-transition: background-color .2s ease-in-out, box-shadow .3s ease-in-out;
  transition: background-color .2s ease-in-out, box-shadow .3s ease-in-out;
  background-color: #2aa5a4;
}

.table-three__cell-button--cyan:hover:active {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-color: #5fd6d6;
  box-shadow: 0 15px 50px rgba(54, 54, 54, .15);
}

.table-three__cell-button--orange:hover {
  -webkit-transition: background-color .2s ease-in-out, box-shadow .3s ease-in-out;
  transition: background-color .2s ease-in-out, box-shadow .3s ease-in-out;
  background-color: #ce7a00;
}

.table-three__cell-button--orange:hover:active {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-color: #ffa21b;
  box-shadow: 0 15px 50px rgba(54, 54, 54, .15);
}

.table-three__cell-button--red:hover {
  -webkit-transition: background-color .2s ease-in-out, box-shadow .3s ease-in-out;
  transition: background-color .2s ease-in-out, box-shadow .3s ease-in-out;
  background-color: #ee3636;
}

.table-three__cell-button--red:hover:active {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background-color: #f26666;
  box-shadow: 0 15px 50px rgba(54, 54, 54, .15);
}
.table-three__cell-list-item:hover{
  transform: scale(1.05);
  font-weight: 600;
}
  /* Pricing table end  */


  .technologies img{
    transition: 1s;
  }
  .technologies img:hover{
    transform: scale(1.3);
  }

  .payment-method-carousel .item {
    background: #FDFDFD;
    border-radius: 20px;
    border: 1px solid #eee;
    padding: 30px !important;
    min-height: 150px !important;
}
  .payment-method-carousel .item img {
      margin: auto;
      width: 120px !important;
  }
   .team .card{
    background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
    border: 1px solid #ccc;
    border-radius: 15px;
    transition: 0.5s;
   }
   .team .card:hover{
    transform: scale(1.1);
    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
   }
   .team .card img{
    background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
    border-radius: 15px 15px 0 0;
    max-height: 300px;
   }

  /* Team Member section */
  @import url('https://fonts.googleapis.com/css?family=Raleway:400,500,700');
.teams{
	  font-family: 'Raleway', sans-serif;
}
.teams .shadow-effect {
		    background: #fff;
		    padding: 20px;
		    border-radius: 20px;
		    text-align: center;
	border:1px solid #ECECEC;
		    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
		}

		#customers-teams .item {
			 height:470px !important;
		    text-align: center;
		    padding: 50px;
				margin-bottom:80px;
		    opacity: .2;
		    -webkit-transform: scale3d(0.8, 0.8, 1);
		    transform: scale3d(0.8, 0.8, 1);
		    -webkit-transition: all 0.3s ease-in-out;
		    -moz-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
		}
#customers-teams .item p{
	font-size:12px;
}
#customers-teams .item h2{
	font-size:28px !important;
	font-weight:500 !important;
}
#customers-teams .item .title{
	font-size:14px;
}
#pastexp{
	margin-top:20px;
}
#customers-teams .item h5{
	font-size:15px !important;
	font-weight:700 !important;
}
		#customers-teams .owl-item.active.center .item {
		    opacity: 1;
		    -webkit-transform: scale3d(1.0, 1.0, 1);
		    transform: scale3d(1.0, 1.0, 1);
		}
		.teams .owl-carousel .owl-item .img-circle {
		    transform-style: preserve-3d;
		    max-width: 300px;
    		margin: 0 auto 17px;
			  transition: transform .5s;
		}
.teams .owl-carousel .owl-item .img-circle:hover {
		    transform: scale(0.9);
		}
		#customers-teams.owl-carousel .owl-dots .owl-dot.active span,
#customers-teams.owl-carousel .owl-dots .owl-dot:hover span {
		    background: rgba(215,67,77,0.8);
		    transform: translate3d(0px, -50%, 0px) scale(0.7);
		}
#customers-teams.owl-carousel .owl-dots{
	display: inline-block;
	width: 100%;
	text-align: center;
}
#customers-teams.owl-carousel .owl-dots .owl-dot{
	display: inline-block;
}
		#customers-teams.owl-carousel .owl-dots .owl-dot span {
		    background: rgba(215,67,77,0.8);
		    display: inline-block;
		    height: 20px;
		    margin: 0 2px 5px;
			  margin-top:50px;
		    transform: translate3d(0px, -50%, 0px) scale(0.3);
		    transform-origin: 50% 50% 0;
		    transition: all 250ms ease-out 0s;
		    width: 20px;
			  outline: none;
				border-radius:50% !important;
		}
.owl-dot, .owl-dot:active, .owl-dot:focus {
	outline: 0 !important;
}

@media only screen and (max-width: 1000px){
	#customers-teams.owl-carousel .owl-dots .owl-dot span {
	height:20px;
	width:20px;
	margin-top:30px;
	}
}


 #teamsocial {
   align-items: center;
	 justify-content: center;
	 display: flex;
	 margin:10px auto;
	 margin-top:20px;

}
  #teamsocial #socialicon {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 position: relative;
	 width:40px;
	 height: 40px;
	 margin: 0 0.5rem;
	 border-radius: 50%;
	 cursor: pointer;
	 font-size: 1.5rem;
	 text-decoration: none;
	 transition: all 0.3s ease;

}
  #teamsocial #socialicon:hover {
	 font-size: 2rem;
	 width:50px;
	 height: 50px;
}
@media (max-width: 576px) {
    .domain-list ul li {
        list-style: none;
        float: left;
        text-align: center;
        width: 100px;
        font-size: 16px;
        color: #fff;
        font-weight: 600;
        border-right: 1px solid var(--color1);
    }
    .domain-list ul li span {
        display: block;
        font-size: 40px;
        font-weight: 600;
        color: var(--color1);
    }
    .header-line-text img{
        display: block;
        margin: auto;
    }
}