.-widgets-counter-items-title {
    display:flex;
    max-width:400px;
    flex-wrap:wrap;
    align-content:center;
    justify-content:center;
    align-items:flex-start;
    flex-direction:column;
    margin-inline-end:40px;
}

.-widgets-counter-items-title:empty {
    margin-bottom:0;
}

.-widgets-counter-items-title > h1 {
    font-size:50px;
    font-weight:400;
    line-height:1.6;
    color:var(--uicolor2);
    margin-bottom:10px;
}

.-widgets-counter-items-title > h3 {
    font-weight:300;
    font-size:17px;
    margin-bottom:15px;
    color:var(--secondarytext);
    line-height:1.4;
}

.-widgets-counter-items-items {
    display:flex;
    margin:40px -15px 0px;
    flex-wrap:wrap;
    z-index:2;
    position:relative;
}

.-widgets-counter-items-features-item {
    display:flex;
    align-content:center;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    flex-direction:column;
    margin:15px;
    flex:1;
    transition:80ms all ease;
    cursor:pointer;
    min-width:240px;
    max-width:410px;
    text-align:center;
    /* background:#ffffff24; */
    padding:30px;
    border-radius:20px;
    position:relative;
    overflow:hidden;
}

.-widgets-counter-items-features-item:before {
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#fcf7f733;
    backdrop-filter:blur(7px);
    border-radius:var(--largeradius);
    overflow:hidden;
}

.-widgets-counter-items-features-item:hover .-widgets-counter-items-features-item-info > h3 {
    color:white;
}


.-widgets-counter-items-features-item:hover {
    transform:translate(0px, -4px) scale(1.02);
}

.-widgets-counter-items-features-item-border {
    width:200px;
    display:flex;
    flex-direction:column;
    align-content:center;
    justify-content:center;
    align-items:center;
    position:relative;
    transition:180ms all ease;
    z-index:0;
}


.-widgets-counter-items-features-item:hover .inner-border {
    animation-play-state:running;
    box-shadow:0px 0px 0px 7px #ffffffad, 0px 0px 0px 18px #ffffff80;
    border-color:#fbfbfb;
}
.-widgets-counter-items-features-item-border .inner-border {
    width:100%;
    top:0;
    left:0;
    height:100%;
    position:absolute;
    border-radius:100%;
    border:1px solid var(--features-color);
    animation-duration:1500ms;
    animation:rotate-anim 3s infinite linear;
    animation-play-state:paused;
    background:white;
    transition:180ms all ease;
    box-shadow:0px 0px 10px 6px #ffffff00;
}

.-widgets-counter-items-features-item-border .inner-border {}
@-webkit-keyframes rotate-anim {
    0% {
        -webkit-transform:rotate(0);
        transform:rotate(0) 
    }

    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}

@keyframes rotate-anim {
    0% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }

    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}

.-widgets-counter-items-features-item-border .inner-border:before, .-widgets-counter-items-features-item-border .inner-border:after {
    top:-6px;
    left:0;
    right:0;
    content:"";
    width:6px;
    height:6px;
    margin:0 auto;
    position:absolute;
    border-radius:100%;
    background:white;
    border:2px solid var(--features-color);
    transition:180ms all ease;
}

.-widgets-counter-items-features-item:hover .inner-border:before,.-widgets-counter-items-features-item:hover .inner-border:after {
    background:var(--features-color);
}
.-widgets-counter-items-features-item-border .inner-border:after {
    top:auto;
    bottom:-6px;
}

.-widgets-counter-items-features-item-icon {
    display:flex;
    position:relative;
    align-items:center;
    transition:180ms all ease;
    z-index:22;
    justify-content:center;
    border-radius:var(--miniradius);
    margin-bottom:15px;
    background:#0000000f;
}

.YC-widgets-counter-items-item-border {
    flex:1;
}

.-widgets-counter-items-features-item-icon > i {
    font-weight:300;
    color:white;
    font-size:50px;
}

.-widgets-counter-items-count-item {
    display:flex;
    font-family:var(--f-number);
    position:relative;
    font-size:29px;
    color:white;
    transition:180ms all ease;
    align-items:center;
    margin-bottom:10px;
    justify-content:center;
    font-weight:600;
}

.-widgets-counter-items-count-item > span {
    margin-inline-end:5px;
    font-weight:700;
    font-size:37px;
    font-family:var(--f-number);
}

.-widgets-counter-items-features-item-info {
    display:block;
    text-align:center;
    line-height:1.4;
}

.-widgets-counter-items-features-item:hover .-widgets-counter-items-features-item-info > h3 {color:white;}

.-widgets-counter-items-features-item-info > h3 {
    font-weight:400;
    color:#f7f1f1;
    transition:180ms all ease;
    line-height:1.5;
    font-size:16px;
    position:relative;
}

.-widgets-counter-items-features-item:hover .-widgets-counter-items-features-item-info > h3 {transform:scale(1.1);}



.-YC-WidgetType-counter-section .-YC-Widgets-Inner-Row {
    padding:100px 0;
}

.-widgets-counter-items-second-section {
    display:flex;
    flex:1;
    flex-direction:column;
    margin-top:210px;
}

.YC-shap-counter {
    position:absolute;
    width:100%;
    height:100%;
    right:0;
    top:0;
    bottom:0;
    left:0;
    background:var(--bg-intro);
    z-index:-1;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
}

.YC-shap-counter:before {
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    right:0;
    left:0;
    top:0;
    bottom:0;
    background:#000;
    z-index:1;
    opacity:0.1;
}


.-widgets-counter-items-container {
    border-radius:20px;
    position:relative;
    margin-bottom:70px;
    min-width:570px;
    max-width:780px;
}

.-widgets-counter-items-container .-defult-widgets-title-style-1 h1 c--color {
    color:white;
}

.-widgets-counter-items-container .-defult-widgets-title-style-1 {
    margin-bottom:30px;
    align-items:self-start;
    text-align:right;
    align-content:start;
    justify-content:right;
}

.-widgets-counter-items-container .-defult-widgets-title--URLArea-v1 {
    justify-content:right;
}

.YC-widgets-counter-image {
    display:flex;
    justify-content:center;
    position:relative;
    margin-bottom:-220px;
}

.YC-widgets-counter-items-container {
    position:relative;
    display:block;
    height:100%;
    width:100%;
    padding:170px 0 101px;
}

.YC-widgets-counter-items-container:before {
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    right:0;
    top:0;
    bottom:0;
    background:linear-gradient(266deg, #d41c1c, #0a000000);
    z-index:0;
    opacity:0.2;
}

.YC-widgets-counter-items-container:after {
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    right:0;
    top:0;
    bottom:0;
    background:#00000063;
    z-index:1;
    left:0;
}

.YC-widgets-counter-image-list {
    display:flex;
    flex:1;
    align-items:center;
    direction:ltr;
}

.YC-widgets-counter-image-list .owl-stage {
    display:flex;
    justify-content:center;
}

.YC-widgets-counter-image-boxed {
    position:relative;
    min-width:420px;
    max-width:440px;
    display:flex;
    direction:ltr;
    flex-direction:column;
}
.YC-widgets-counter-image-list .owl-item:first-child .YC-widgets-list-image {transform:scale(0.8);}

.YC-widgets-counter-image-list .owl-item:nth-child(2) .YC-widgets-list-image {
    transform:scale(0.9);
}


.YC-widgets-list-image {
    height:300px;
    transform:scale(0.9);
    display:flex;
    transition-duration:0.4s;
    flex:1;
}

.active .YC-widgets-list-image {
    transform:scale(1) !important;
}

.YC-widgets-list-image img {
    height:100%;
    border-radius:20px;
    overflow:hidden;
    width:auto;
}

.YV-widgets-counter-items-container-boxed {
    display:flex;
    justify-content:space-between;
    z-index:2;
    position:relative;
    flex-wrap:wrap;
}

.-defult-widgets-title--URLArea-v1 {
    margin-top:20px !important;
}
/* Stacked Cards */

.stack {
  position:relative;
}

.card {
  position:absolute;
  transform:translate(-50%, -50%);
  top:50%;
  left:50%;
  width:300px;
  height:390px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:2rem;
  font-family:sans-serif;
  font-size:10rem;
  background-color:transparent;
  box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.25), 0 15px 20px 0 rgba(0, 0, 0, 0.125);
  transition:transform 0.2s;
  user-select:none;
}

.card img {
  width:100%;
  height:100%;
  border-radius:inherit;
  object-fit:cover;
  transition:transform 0.2s;
}

.card:nth-last-child(n + 5) {
  --x:calc(-50% - 90px);
  transform:translate(var(--x), -50%) scale(0.85);
  box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.01);
}

.card:nth-last-child(4) {
  --x:calc(-50% - 60px);
  transform:translate(var(--x), -50%) scale(0.9);
}

.card:nth-last-child(3) {
  --x:calc(-50% - 30px);
  transform:translate(var(--x), -50%) scale(0.95);
}

.card:nth-last-child(2) {
  --x:calc(-50%);
  transform:translate(var(--x), -50%) scale(1);
}

.card:nth-last-child(1) {
  --x:calc(-50% + 30px);
  transform:translate(var(--x), -50%) scale(1.05);
}

.card:nth-last-child(1) img {
  box-shadow:0 1px 5px 5px rgb(60 3 3 / 50%);
}

.swap {
  animation:swap 1s ease-out forwards;
}

@keyframes swap {
  30% {
    transform:translate(calc(var(--x) + 250px), -50%) scale(0.85) rotate(-5deg) rotateY(-65deg);
    animation-timing-function:ease-in;
  }
  100% {
    transform:translate(calc(var(--x) + 30px), -50%) scale(0.5);
    z-index:-1;
  }
}
/* Media queries for keyframes */

@media (max-width:1200px) {
  @keyframes swap {
    30% {
      transform:translate(calc(var(--x) - 200px), -50%) scale(0.85)
        rotate(-5deg) rotateY(65deg);
    }

    100% {
      transform:translate(calc(var(--x) - 30px), -50%) scale(0.5);
      z-index:-1;
    }
  }
}

@media (max-width:1050px) {
  @keyframes swap {
    30% {
      transform:translate(calc(var(--x) - 150px), -50%) scale(0.85)
        rotate(-5deg) rotateY(65deg);
    }

    100% {
      transform:translate(calc(var(--x) - 30px), -50%) scale(0.5);
      z-index:-1;
    }
  }
}

/* Media queries for other classes */

@media (max-width:1200px) {
  .content {
    padding-left:80px;
  }

  .content p {
    padding-right:40px;
  }

  .card {
    width:250px;
    height:380px;
  }
}

@media (max-width:1050px) {
  .content {
    padding-left:60px;
  }

  .content p {
    line-height:1.5;
  }

  .card {
    width:220px;
    height:350px;
  }
}

@media (max-width:990px) {
  .content p {
    padding-right:0;
  }

  .card {
    width:200px;
    height:300px;
  }
}

@media (max-width:950px) {
  main {
    grid-template-columns:1fr;
    grid-template-rows:4fr 3fr;
    grid-template-areas:
      "stacked"
      "content";
  }

  .content {
    grid-area:content;
    text-align:center;
    padding:0 90px;
  }

  .btn {
    margin-bottom:30px;
  }

  .stack {
    grid-area:stacked;
  }
}

@media (max-width:650px) {
  main {
    grid-template-rows:1fr 1fr;
  }

  .content {
    padding:0 50px;
  }

  .content h1 {
    padding-left:0;
  }

  .btn {
    padding:8px 16px;
  }

  .card {
    width:180px;
    height:260px;
  }
}