:root {
  --primary-text-color: #00C3A9;
  --secondary-text-color: #ffffff;
  --primary-bg-color: #C5ECE5;
  
  --accent-color: #47EDCC; 
  --secondary-bg-color: #292d33;
 
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
 font-family: 'Catamaran', sans-serif;
 }

 .card-hls:hover{
box-shadow: 0px 0px 15px #d8d8d8;
}

::selection{
background: var(--primary-bg-color);
}
.stripes{
background-color: var(--primary-text-color);
}
.btn-style1{
border: none;
background-color: #28a78e;
padding: 0.5em 3em;
color: #131313;
font-weight: 700;
border-radius: 30px;
font-size: 18px;
}

.btn-style2{
border: none;
background-color: #212F3C;
padding: 0.5em 3em;
color: #FFFFFF;
font-weight: 700;
border-radius: 30px;
font-size: 18px;
}

.clr-star{
color: #F5B82B;
}

.clr-orange {
color: #13b494;
}

.animated {
animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
@keyframes up-down {
0% {
  transform: translateY(10px);
}

100% {
  transform: translateY(-10px);
}
}
.card-hls:hover{
box-shadow: 0px 0px 15px #ededed;
}
.accordion-button:not(.collapsed) {
color: black !important;
font-weight: 700;
background-color: #ffffff !important;
box-shadow: none !important;
}
.accordion-button:focus {
z-index: 3 !important;
border-color: #f1d182 !important;
outline: 0 !important;
box-shadow: none !important;
}
.makeshadow {
box-shadow: 0px 39px 0px #C5ECE5;
}
/* Style for Carosuel starts */
.owl-carousel .card {
height: 305px;
}
.carousel-wrap {
margin: auto;
padding: 0 2%;
position: relative;
}
.owl-carousel .item {
position: relative;
z-index: 100;
--webkit-backface-visibility: hidden;
}
.owl-nav > button {
margin-top: -26px;
position: absolute;
top: 50%;
color: #cdcbcd !important;
}
.owl-nav i {
font-size: 30px;
}
.owl-nav .owl-prev {
left: -30px;
}
.owl-nav .owl-next {
right: -30px;
}

/* Style for Carosuel ends */

.card-two{
      border: 1.5px solid #efefef !important;
      border-radius: 4px !important;
   }

   .key-features {
    margin: 1em 0em;
    border: 0px;
    transition: all 0.3s;
  }

  .key-features:hover {
    outline: 0px solid #212f3c;
    box-shadow: 0px 0px 8px #212f3c;
  }

  .hov-eff-icon {
    color: black;
  }

  .key-features:hover > .hov-eff-icon {
    color: green;
  }