.card-body {padding: 24px 0 !important;display: flex;flex-direction: column;gap: 0px;}
/* Card sizes */
.card-large img, .card-large svg {
   width: 100%;
   aspect-ratio: 628/411;
   object-fit: cover;
   height: auto;
}
.card-body p{
    margin:0;
}
.owl-carousel {
  touch-action: pan-y; 
  cursor: grab;
}
.rectangle-images .card-medium .card-item-in img, .rectangle-images .card-medium .card-item-in svg, .rectangle-images .card-medium video, .rectangle-images .card-medium .card-item-in iframe {
    width: 100% !important;
    aspect-ratio: 3/2;
    max-width: 100%;
    object-fit: cover;
    min-height: 263px !important;
}

.owl-carousel .owl-dots {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.component-card-carousel-sec .owl-carousel .owl-nav {
    bottom: 0;
    position: relative;
    padding: 0;
    display: inline;
}
.component-card-carousel-sec .owl-carousel .owl-nav.disabled * {
    display: none;
}
.owl-carousel .owl-item img {
    object-fit: cover;
}


/* Flip card container */
.card-flip {
    perspective: 1000px;
    margin-bottom: 30px;
    min-height: 300px;
}

/* Flip card inner container */
.flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

/* Flip the card on hover */
.card-flip:hover .flip-inner {
    transform: rotateY(180deg);
}

/* Front and back sides of the card */
.flip-front, .flip-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

/* Front side */
.flip-front {
    z-index: 2;
}

/* Back side */
.flip-back {
    transform: rotateY(180deg);
}
/*.editable-cards ol, .editable-cards ul {
    list-style-position: inside;
}*/

.component-card-carousel-sec .owl-nav .owl-prev {
    position: absolute;
    left: -50px;
    bottom: 5px;
}
.component-card-carousel-sec .owl-nav {
    display: inline !important;
}
.component-card-carousel-sec .owl-nav .owl-next {
    position: absolute;
    right: -50px;
    bottom: 5px;
}
/*    .card-head {
    padding-bottom: 60px;
}*/
/*.Small-cards  .card-item-in {
    height: 300px;
}*/
.Small-cards .card-item-in img, .Small-cards .card-item-in .banner-videobox {
    height: auto;
    object-fit: cover;
    width: 100%;
    position: relative;
    aspect-ratio: 302/201;
}
/* commitment cards css */
.commitment-cards .owl-stage {
    display: inline-flex;
    margin-bottom: 40px;
}
.commitment-cards .item
{
    display: flex;
    flex-direction: column;
}
.commitment-cards .owl-carousel .item {
    height: 100%;
}
.commitment-cards .principle-card-item
{
    height: calc(100% - 0px);
    flex: 1;
    margin-bottom: 30px;
}
 .principle-card {
    box-shadow: 0px 5px 10px 0px #161D480D;
    padding: 20px;
    height: calc(100% - 0px);
    margin-inline: 10px;
    border-radius: 8px;
}
.principle-title {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
}
@media only screen and (max-width: 767px)
    {   .full-slider .owl-stage {
        margin-left: -20px;
    }
    .cards-header .h-tagline {
        margin-bottom: 8px !important;
        padding-bottom: 0;
    }
    .h-large {
        padding-bottom: 16px !important;
    }
    .cards-header:not(:has(.btn-primary)) .medium {
        margin-bottom: 0 !important;
    }
      .owl-carousel .owl-nav {
        right: 0 !important;
        left: 0 !important;
        width: 80px;
    }
.owl-carousel .owl-dots
{
    display: none;
}
    .cards-header {
        padding-bottom: 48px !important;
    }
    .card-flip:hover .flip-inner, .flip-back {
    transform: rotateY(0deg) !important;
    }
    .flip-front {
        display: none !important;
    }
}

.component-card-carousel-sec .card-item-in .banner-videobox
{
    width: 100%;
}
.rectangle-images .Medium-cards .card-item-in .banner-videobox
{
    position: relative;
    aspect-ratio: 394/263;
}
.Large-cards .card-item-in .banner-videobox {
    height: 411px;
    width: 100%;
    position: relative;
}
.feature-card-video video, .feature-card-video iframe {
    object-fit: cover;
    height: 100%;
}
.feature-card-video .vimeo-video {
    background-color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 1500px)
{
    .component-card-carousel-sec .card-item {
    padding: 0 10px;
}
}
.video-mobile {
    display: none;
}

.video-desktop {
    display: block;
    height: 100%;
}
.component-card-carousel-sec 
{
      background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
@media (max-width: 992px) {
    .Vertical .card-item {
    flex-direction: column;
}
.Vertical .card-item .card-item-in, .Vertical .card-item .card-body, .Vertical.Medium-cards .col-lg-4, .Vertical.Small-cards .col-lg-3 {
    width: 100% !IMPORTANT;
}
     .Horizontal.Large-cards .card-large {
        padding: 0 15px !important;
    }
    .video-mobile {
        display: block;
    }

    .video-desktop {
        display: none;
    }
}
.card-item[data-card-link] {
    cursor: pointer;
}
.editable-cards .container-fluid .card-item {
    padding: 0 10px;
}
.no-link {
    cursor: default;
}

.video-toggle-btn {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.65);
  color: #fff !important;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9999;
  padding: 0;
}

.video-toggle-btn:hover {
  background: rgba(0, 0, 0, 0.85);
}

.video-toggle-btn:focus {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
@media (min-width: 1400px) {
    .component-container .container {
    max-width: 1280px;
    }
}
/* new css */
.cards-header .btn-primary
{
    display: inline-block;
}
.Horizontal {
    row-gap: 20px;
}
.square-images .feature-card-video, .square-images .card-item-in img,  .square-images .card-item-in iframe {
       aspect-ratio: 1 / 1 !important;
    height: 100% !important;
    object-fit: cover !important;
    width: 100% !important;
}
.cards-header {
    padding-bottom: 80px;
}
.card-body a.link {
    padding-top: 24px;
}
.Vertical {
    flex-direction: column;
    row-gap: 48px;
}

.Vertical .col-lg-6 {
    width: 100%;
}

.Vertical .card-item {
    max-width: 100%;
    display: flex;
    column-gap: 24px;
    align-items: center;
}

.Vertical .card-item .card-item-in,.Vertical .card-item .card-body {
    width: 50%;
    column-gap: 20px;
}
.Horizontal.Large-cards .card-large {
    padding: 0;
}
.Horizontal.Large-cards > *:nth-child(odd) {
  padding-right: 24px;
}

.Horizontal.Large-cards > *:nth-child(even) {
  padding-left: 24px;
}
.cards-header .h-tagline {
    margin-bottom: 16px;
    display: block;
}
.cards-header .h-xl, .cards-header .medium {
    margin-bottom: 24px;
}
.cards-header .medium * {
    margin: 0;
}
.carousel-row.rectangle-images.Large-cards .card-item-in img {
    aspect-ratio: 616 / 411;
    object-fit: cover;
    height: auto;
}
.component-cards-sec .owl-stage-outer {
    padding-bottom: 80px;
}

.owl-carousel .owl-nav button span {
    color: #fff;
}
.owl-carousel .owl-dots {
    text-align: left;
}
.video-toggle-btn svg {
    height: 20px;
}
.has-padding .card-body {
    padding: 24px !important;
}
.Vertical.Medium-cards, .Vertical.Small-cards {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 48px;
    justify-content: space-between !important;
}
.Vertical.Medium-cards .col-lg-4, .Vertical.Small-cards .col-lg-3 {
    width: 45%;
}
.Horizontal.rectangle-images.Small-cards {
    row-gap: 24px;
}
.flip-back svg, .flip-back img {
    width: 100%;
}
.banner-videobox {
    position: relative;
}

.component-cards-sec:has(.full-slider) >.slider-container {
    max-width: 100%;
    padding: 0;
    overflow-x: hidden;
}
.full-slider .owl-dots {
    left: 64px;
}
.full-slider .owl-carousel .owl-nav
{
    right: 64px;
}
.card-flip.square-images .flip-inner {
    aspect-ratio: 1 / 1;
}
.card-flip.rectangle-images .flip-inner {
    aspect-ratio: 3 / 2;
}
.card-overlay-link {
    display: inline-block;
    position: absolute;
    height: 100%;
    z-index: 1;
    width: 100%;
    left: 0;
}

.card-blocks {
    position: relative;
}

/*.card-blocks .card-item {
    height: 100%;
}*/
.card-item.has-padding {
    height: 100%;
}
.card-blocks:has(a):hover {
    transform: translateY(-10px);
}
.card-blocks {
    transition: all 0.3s ease-in-out;
}
.component-cards-sec:has(.full-slider) >.slider-container .row {
    justify-content: end;
}
.full-slider {
    margin: 0 !important;
}
.component-lift-cards-sec .lift-card {
    position: relative;
    overflow: hidden;
    height: 100%;
    will-change: transform;
    transform: translateZ(0);
    transition: 
        transform 1s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.lift-card-content p:last-child {
    margin: 0;
}
.component-lift-cards-sec .lift-card-image img {
    width: 100%;
    transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}
.component-lift-cards-sec .lift-card:hover {
    transform: translateY(-10px);
}
.component-lift-cards-sec .item:hover {
    transform: translateY(-10px);
}
.component-lift-cards-sec .lift-card:hover .lift-card-image img {
     transform: translateY(-12px);
}

.component-lift-cards-sec .lift-card-image {
    position: relative;
    overflow: hidden;
}

.component-lift-cards-sec .lift-card-image img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    display: block;
}
.component-lift-cards-sec .cards-header {
    max-width: 768px;
    margin: auto;
}

.component-lift-cards-sec .lift-card-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 24px;
    color: #fff;
    transition: all 0.4s ease;
}

.component-lift-cards-sec .lift-card-overlay h3 {
    margin-bottom: 0;
    color: #fff;
}

.component-lift-cards-sec .lift-card-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s ease;
    margin-top: 0;
    color: #fff;
}

.component-lift-cards-sec .lift-card:hover .lift-card-content {
    max-height: 200px;
    opacity: 1;
    margin-top: 12px;
}
.component-lift-cards-sec .owl-dots {
    left: 60px;
}
.component-lift-cards-sec .owl-nav {
    right: 60px;
}
.component-lift-cards-sec .lift-card:hover .lift-card-overlay {
    padding-bottom: 32px;
}
@media (max-width: 767px) {
    .component-lift-cards-sec .lift-card-content {
        max-height: 200px;
        opacity: 1;
        margin-top: 12px;
    }
  .component-lift-cards-sec .lift-card-image img {
        height: 500px; 
        object-fit: cover;
        object-position: top;
    }
    .component-lift-cards-sec .lift-card-overlay {
        padding-bottom: 32px;
    }

    .component-lift-cards-sec .lift-card:hover .lift-card-image img,
    .component-lift-cards-sec .lift-card-image img {
        transform: none !important;
    }
}