.-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: 110px -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: 510px;
    max-width: 680px;
}

.-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: 110px 0 91px;
}

.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;
    height: 320px;
    width: 320px;
}

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

.YC-widgets-counter-image-boxed {
    position:relative;
    min-width: 520px;
    max-width: 490px;
    display:flex;
    direction:ltr;
    flex-direction:column;
    flex: 1;
}
.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;
    padding-top: 60px;
}

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

.stack {
  position: relative;
}

.card {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 520px;
  height: 500px;
  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;
}

/* Cards stacking - LTR adjustment */
.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;
}

/* Animation - LTR adjusted */
@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 responsiveness */
@media (max-width: 1200px) {
  .content {
    padding-right: 80px;
  }

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

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

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

  .content p {
    line-height: 1.5;
  }

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

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

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

@media (max-width: 950px) {
  main {
    display: grid;
    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-right: 0;
  }

  .btn {
    padding: 8px 16px;
  }

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


.-YourColor-SingleWidget-Section.-YC-WidgetType-counter_section .-YC-Widgets-Inner-Row {
}