:root{
    --theme-rgb: var(--base-r), var(--base-g), var(--base-b);
	--theme--color: var(--main);
	--theme-secondary-color: hsl(var(--secondary-base));
	--theme-10-color: rgba(var(--theme-rgb), 0.1);
	--theme-25-color: rgba(var(--theme-rgb), 0.25);
	--theme-50-color: rgba(var(--theme-rgb), 0.50);
	--theme-65-color: rgba(var(--theme-rgb), 0.65);
	--theme-75-color: rgba(var(--theme-rgb), 0.75);
	--theme-85-color: rgba(var(--theme-rgb), 0.85);
    --bs-secondary: var(--theme-secondary-color);
}

.primary {
    --color: var(--main) !important;
}

.secondary{
    --color: hsl(var(--secondary-base)) !important;
}

.text-secndary-color{
    color: var(--theme-secondary-color) !important;
}

.button.outline {
    --color: var(--main) !important;
}

.theme--color {
    --color: var(--main) !important;
}

.button.outline:hover {
    --hover-color: var(--main) !important;
    --hover-color: var(--main) !important;
}

.image-mirror .mirror-button {
    border: 10px solid var(--theme-50-color);
}

.image-mirror .mirror-button .mirror-icon {
    color: var(--theme-50-color);
}

.image-mirror:hover .mirror-button .mirror-icon {
    --color: var(--theme--color) !important;
}


.shock-footer .footer-content .nav-link .text, .button .button-text, .button .button-icon, .button.double-edge .overlay::before, .button.double-edge .overlay::after {
    --color: var(--theme--color) !important;
}

.badge.active, .badge:hover, .link:hover, .link:hover > * {
    --hover-color: var(--main) !important;
}

.language-wrapper:hover .collapse-icon{
    color: #fff !important;
}

a:hover {
    color: var(--main);
}
a {
    color: var(--main);
}

.card.outline.border-theme .overlay::before{
    --color: var(--main) !important;
}

.getting-started .parent .card-body > i{
    font-size: 55px;
}

.text-2 {
    --color: var(--theme-secondary-color) !important;
    color: var(--color) !important;
}

.black{
    color: var(--black-color);
}

@media (min-width: 768px){
    .banner .image-wrapper .image {
       /* max-height: 400px !important; */
       max-height: 200px !important;
    }
}

.animated-underline::before{
    --color: var(--theme-50-color) !important;
}

.scrolling-text.primary .text-wrapper .text {
    --color: var(--main) !important;
}

.team .nav-link.active .role{
    color: var(--main) !important;
}

/**
* Reset
*/

.tc-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 70px;
  }
  
  .tc-container h2 {
    font-size: 42px;
    line-height: 1.4;
    color: #ccc;
    margin-bottom: 60px;
      text-align: center;
  }
  
  
  /**
  * Pricing Table
  */
  
  .tc-pricing-style-1 {
    align-items: center;
  }
  
  .tc-pricing-style-1 .tc-pricing-plan {
      position: relative;
      background-color: #fff;
      padding: 45px 30px;
      border-radius: 10px;
      box-shadow: 0 20px 40px -5px rgba(9, 30, 66, .3);
      margin: 30px 0 60px;
      z-index: 10;
      transition: 0.3s;
  }
  
  .tc-pricing-style-1 .tc-pricing-plan:before {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      width: 100%;
      background-color: #fff;
      height: calc(100% + 1px);
      transform: translate(-50%, -50%);
      z-index: -1;
      border-radius: 12px;
  }
  
  .tc-pricing-style-1 .tc-pricing-plan:after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      width: calc(100% - 60px);
      background-image: linear-gradient(-30deg, var(--theme-secondary-color) 11%, var(--theme--color) 83.4%);
      height: calc(100% + 59px);
      transform: translate(-50%, -50%);
      z-index: -2;
      border-radius: 20px;
  }

  .tc-pricing-style-1 .tc-pricing-plan.is-featured:after{
    background-image: linear-gradient(-30deg, var(--theme-secondary-color) 11%, var(--theme-secondary-color) 83.4%) !important;
  }
  
  .tc-pricing-style-1 .pricing-head {
      text-align: center;
  }
  
  .tc-pricing-style-1 .pricing-head .price {
      font-size: 35px;
      font-weight: 600;
      line-height: 1;
      margin-bottom: 12px;
  }
  
  .tc-pricing-style-1 .pricing-title {
      font-size: 16px;
      line-height: 1.4;
      margin-bottom: 30px;
  }
  
  .tc-pricing-style-1 .pricing-duration {
      position: relative;
      z-index: 10;
      padding: 13px;
      line-height: 1;
      background-color: var(--theme--color);
      margin: 0 -30px 30px;
      text-align: center;
      color: #fff;
      background-image: linear-gradient(30deg, var(--theme--color) 11%, var(--theme-secondary-color) 83.4%);
  }
  
  .tc-pricing-style-1 .pricing-duration:before {
      content: '';
      z-index: -1;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      background-color: var(--theme-secondary-color);
      background-image: linear-gradient(30deg, var(--theme-secondary-color) 11%, var(--theme--color) 83.4%);
      opacity: 0;
      width: 0;
      transition: 0.4s;
  }
  
  .tc-pricing-style-1 .tc-pricing-plan:hover .pricing-duration:before {
      width: 100%;
      opacity: 1;
  }
  
  .tc-pricing-style-1 .pricing-content {
      position: relative;
  }
  
  .tc-pricing-style-1 .pricing-content .pricing-icon {
      margin-right: 10px;
      position: absolute;
      top: 63%;
      transform: translateY(-50%);
      right: -10px;
  }
  
  .tc-pricing-style-1 .pricing-content .pricing-icon > i {
      font-size: 150px;
      color: rgba(19, 19, 19, 0.09);
  }
  
  .tc-pricing-style-1 .pricing-content > ul {
      margin-bottom: 30px;
      margin-left: 10px;
  }
  
  .tc-pricing-style-1 .pricing-content > ul li {
      list-style: none;
      position: relative;
      padding-left: 30px;
      margin: 7px 0;
  }
  
  .tc-pricing-style-1 .pricing-content > ul li:before {
      content:"\f00c";
      position: absolute;
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      font-size: 14px;
      background: #4CAF50;
      color: #fff;
      border-radius: 50%;
      width: 23px;
      height: 23px;
      text-align: center;
      line-height: 23px;
      text-indent: 1px;
  }
  
  .tc-pricing-style-1 .pricing-content > ul li.not-in {
      text-decoration: line-through;
      color: #bbb;
  }
  
  .tc-pricing-style-1 .pricing-content > ul li.not-in:before {
      content:"\f00d";
      background-color: #e91e63;
  }
  
  .tc-pricing-style-1 .pricing-footer {
      text-align: center;
  }
  
  .tc-pricing-style-1 .pricing-footer > a {
      padding: 14px 17px;
      line-height: 1;
      text-align: center;
      background-color: var(--theme-secondary-color);
      color: #fff;
      min-width: 120px;
      display: inline-block;
      border-radius: 40px;
      text-decoration: none;
      transition: 0.3s;
  }
  
  
  .tc-pricing-style-1 .pb-row {
      -ms-flex-align: center;
      align-items: center;
  }
  
  .tc-pricing-style-1 .tc-pricing-plan.is-featured {
      padding: 90px 30px;
  }
  
  .tc-pricing-style-1 .tc-pricing-plan.is-featured .pricing-duration {
      padding: 18px;
  }
  
  .tc-pricing-style-1 .pricing-footer > a:hover,
  .tc-pricing-style-1 .pricing-footer > a:focus {
      box-shadow: 0 10px 30px #ddd;
      background-color: var(--theme-secondary-color);
  }
  
  .tc-pricing-style-1 .tc-pricing-plan.is-featured:before {
      background-color: var(--theme--color);
  }
  .tc-pricing-style-1 .is-featured .pricing-head .price,
  .tc-pricing-style-1 .is-featured .pricing-content > ul,
  .tc-pricing-style-1 .is-featured .pricing-title {
      color: #fff;
  }
  
  .tc-pricing-style-1 .is-featured .pricing-content .pricing-icon > i {
      color: rgba(255, 255, 255, 0.1);
  }
  
  .tc-pricing-style-1 .is-featured .pricing-footer > a:hover {
      box-shadow: 0 10px 30px #131313;
  }

  .social_icon{
    height: 40px; 
    width: 40px;
    background-color: var(--theme--color);
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
  }

  .social_icon > a{
    color: #fff !important;
    text-align: center !important;
  }

  .social_icon:hover{
    background-color: var(--theme-secondary-color);
  }

.footer-item .nav-link > i{
    color: #8f93a5 !important;
}

.footer-item .nav-link:hover > i{
    color: var(--theme--color) !important;
}

.card.double-edge .overlay::after, .card.double-edge .overlay::before{
    --color: var(--theme--color) !important;
}

.main{
    --color: var(--main) !important;
}

.popup-box .cookie-card{
    width: 90% !important;
    max-width: 90% !important;
}

.cookie-card img.cookie{
    width: 100%;
}

.cookie-card .description{
    text-align: left !important;
}

@media (max-width: 767px){
    .cookie-card img.cookie{
        max-width: 70px;
        text-align: center !important;
        margin-bottom: 20px;
    }

    .cookie-card .description{
        text-align: center !important;
        margin-bottom: 15px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .popup-box .cookie-card{
        width: 65% !important;
        max-width: 65% !important;
    }
}


@media (min-width: 1200px) and (max-width: 1299px){
    .popup-box .cookie-card{
        width: 50% !important;
        max-width: 50% !important;
    }
}

@media (min-width: 1300px){
    .popup-box .cookie-card{
        width: 40% !important;
        max-width: 40% !important;
    }
}

.popup-box .cookie-card:hover .button .button-text{
    color: #fff !important;
}