.elementor-kit-2341{--e-global-color-primary:#CE9A4F;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#CE9A4F;--e-global-color-cdc9835:#CE9A4F;--e-global-color-ed6a536:#2A2A2A;--e-global-color-96c4fcd:#612C0C;--e-global-color-cba715e:#8E939C;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-weight:500;}.elementor-kit-2341 button:hover,.elementor-kit-2341 button:focus,.elementor-kit-2341 input[type="button"]:hover,.elementor-kit-2341 input[type="button"]:focus,.elementor-kit-2341 input[type="submit"]:hover,.elementor-kit-2341 input[type="submit"]:focus,.elementor-kit-2341 .elementor-button:hover,.elementor-kit-2341 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-kit-2341 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1250px;}.e-con{--container-max-width:1250px;}.elementor-widget:not(:last-child){margin-block-end:5px;}.elementor-element{--widgets-spacing:5px 5px;--widgets-spacing-row:5px;--widgets-spacing-column:5px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.gradient-title{
     background: -webkit-linear-gradient(right, #D63E41, #CE9A4F);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.flipper-card {
    perspective: 1000px;
    margin: 1rem; /* Add some margin for spacing */
}

.flipper-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.flipper-card:hover .flipper-card-inner {
    transform: rotateY(180deg);
}

.flipper-card-front,
.flipper-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.flipper-card-back {
    transform: rotateY(180deg);
}

.entry-header {
    display: none; /* Keep this if you want to hide the header */
}

.truncate-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8; 
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-back {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 18; 
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .flipper-card {
        margin: 0.5rem; /* Reduce margin for smaller screens */
    }

    .truncate-text {
        -webkit-line-clamp: 5; /* Adjust line clamp for smaller screens */
    }

    .truncate-back {
        -webkit-line-clamp: 10; /* Adjust line clamp for smaller screens */
    }

    .flipper-card-inner {
        transition: transform 0.4s; /* Faster transition for smaller screens */
    }
}

@media (max-width: 480px) {
    .flipper-card {
        margin: 0.25rem; /* Further reduce margin */
    }

    .truncate-text {
        -webkit-line-clamp: 3; /* Further adjust line clamp */
    }

    .truncate-back {
        -webkit-line-clamp: 6; /* Further adjust line clamp */
    }
}/* End custom CSS */