:root{
    --primary-background-color: #020230;
    --primary-color : #ffffff;
    --custom-link-hover-color: #ff2525;
    --light-gray: #767676;
    --primary-body-bg : #f8f8f8;
    --primary-body-color: #0c0c0c;
    --light-text-color: rgb(255, 255, 255);

    --primary-text-color: #ffffff;
    --secondary-bg-color: #5f0172;
    --secondary-text-color: #ffffff;
    --dark-bg-color: rgb(56, 56, 56);
    --dark-text-color: rgb(56, 56, 56);
    --light-bg-color: rgb(255, 255, 255);
    --light-text-color: rgb(255, 255, 255);
    --darkblue: rgb(2, 2, 138);
    --midnightblue: rgb(25, 25, 109);
    --deepperinkle : #735DA5;
    --tearl : rgb(2, 122, 122);
   --deepnavy: #002C54;
   --skyblue: #90AFC5;
   --lightgray: #F1F1F2;
   --lightdarkgray: #d8d8d8;
   --lightdarkergray: #000000;
   --lilac: #D3C5E5;
   --yellow: #f4d03f;
   --primary-hover-color: #f3f3f3;
   --secondary-hover-color: #acacac;
   --primary-border-color: #d1d1d1;
   --accent-color: #C58A4A;
   --accent-hover-color: #a96f36;
    --white: #fff;
}

:root {
    --xsmall-font-size: 10px;
    --small-font-size: 13px;
    --medium-font-size: 14px;
    --xmedium-font-size: 15px;
    --xxmedium-font-size: 16px;
    --large-font-size: 18px;
    --xlarge-font-size: 20px;
    --xxlarge-font-size: 22px;
    --xxxlarge-font-size: 24px;
}

:root{
    --line-height-base: 1.6;
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --font-weight-summer-bold: 700;
}

:root{
    --primary-font: "Merriweather Sans", sans-serif;
    --secondary-font : "Roboto", sans-serif;
    --tertiary-font: "Open Sans", sans-serif;
}


*{
    box-sizing: border-box;
    box-shadow: none;
}


body{
    margin: 0;
    padding: 0;
    font-family: var(--secondary-font);
    color: var(--primary-body-color);
    background-color: var(--primary-body-bg );
}


#app{
 display: flex;
 flex-direction: column;
 height: 100vh;
}

#main
{
    flex-grow: 1;
}


a{
    text-decoration: none;
    color: inherit;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
   
}

a.btn{
    padding: 5px 10px !important;
}


ul, ol{
    list-style: none;
    margin: 0;
    padding: 0;
}

.btn,
.btn:focus,
.form-control,
.form-control:focus{
    outline: none;
    box-shadow: none;
}

.btn,
.btn:focus{
    border: none;
    font-weight: normal;
}

button.btn{
    /*min-width: 48px;*/
    /*min-height: 48px;*/
    /* line-height: 48px; */
    box-sizing: border-box;
    text-align: center;
    border-radius: 2px;
}

.animation .ani-item{
    position: absolute;
    width: 60px;
    height: 60px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
    transform: rotate(45deg);
    mix-blend-mode: multiply;
    background-color: var(--light-text-color);
}

.animation .ani-item:nth-last-child(1)
{
    right: 50px;
    bottom: 20px;
    animation: animate_background 16s linear infinite;
    -webkit-animation: animate_background 16s linear infinite;
}

.animation .ani-item:nth-last-child(2)
{
    right: 25%;
    bottom: 50%;
    animation: animate_background 12s linear infinite;
    -webkit-animation: animate_background 12s linear infinite;
}

.animation .ani-item:nth-last-child(3)
{
    right: 50px;
    top: 180px;
    animation: animate_background 18s linear infinite;
    -webkit-animation: animate_background 18s linear infinite;
}

.animation .ani-item:nth-child(1)
{
    left: 50%;
    top: 50%;
    animation: animate_background 12s linear infinite;
    -webkit-animation: animate_background 12s linear infinite;
}

.animation .ani-item:nth-child(2)
{
    left: 20px;
    top: 180px;
    animation: animate_background 13s linear infinite;
    -webkit-animation: animate_background 13s linear infinite;
}

.animation .ani-item:nth-child(3)
{
    left: 15%;
    bottom: 50%;
    animation: animate_background 16s linear infinite;
    -webkit-animation: animate_background 16s linear infinite;
}

.animation .ani-item:nth-child(4)
{
    left: 20px;
    bottom: 20px;
    animation: animate_background 12s linear infinite;
    -webkit-animation: animate_background 12s linear infinite;
}


.loading-icon{
    animation: spin 2s linear infinite;
    -webkit-animation: spin 2s linear infinite;
}

.form-control::placeholder{
    text-transform: capitalize;
    color: #bdbdbd !important;
}

.form-control,
.form-check-input,
.form-select{
    box-shadow: none;
    border: 1px solid #626262;
}
.form-control:focus,
.form-check-input:focus,
.form-select:focus{
    box-shadow: none;
    border: 1px solid #626262;
}

.btn,
.btn:focus{
    box-shadow: none;
    text-transform: capitalize;
    border: none;
}

.loading-text,
.loading-icon{
    display: none;
}


.loading-text::after {
    content: '';
    animation: loading_text_dots 1.5s steps(3, end) infinite;
}


.col-form-label,
.form-check-label,
.form-label{
    font-size: 14px;
    font-weight: normal;
    font-family: "Public Sans", sans-serif;
    margin-bottom: 2px !important;
}

.form-label{
    text-transform: capitalize;
}

.col-form-label::first-letter,
.form-check-label::first-letter
{
    text-transform: capitalize;
}

.col-form-label.astar::after,
.form-check-label.astar::after,
.form-label.astar::after
{
    content: '\2a';
    font-weight: 900;
    color: red;
    font-size: 14px;
    margin-left: 5px;
}

/*.form-check-input{*/
/*    float: none !important;*/
/*    margin-right: 0 !important;*/
/*}*/


.create-btn{
    background-color: var(--deepnavy) !important;
    color: var(--primary-text-color) !important;
    font-size: var(--medium-font-size) !important;
    padding: 6px 25px;
    transition: all 0.3s ease;
    display: block;
    margin: auto;
}

.create-btn:hover{
    background-color: var(--midnightblue) !important;
    color: var(--primary-text-color) !important;
}


.alert-container{
    overflow: hidden;
}

.alert-container .alert{
    position: fixed;
    top: 25px;
    right: 10px;
    width: 300px;
    z-index: 2000;
    min-height: max-content;
    overflow: hidden;
    padding: 10px;
    box-shadow: 0px 4px 4px 0px rgba(0 , 0 , 0 ,0.2);
    transition: 0.2s ease;
    display: none;
}

.alert-container .alert.show{
    display: block;
    animation: fromLeft 1s forwards;
    -webkit-animation: fromLeft 1s forwards;
}

.alert-container .alert .btn.close.alert-btn{
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 0px;
}

.alert-container .alert .inner-content{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.alert-container .alert .inner-content .fa-solid{
    margin-right: 10px;
    font-size: 22px;
}

.alert-container .alert .inner-content .right-content{
    width: 100%;
}

.alert-container .alert.alert-success{
    border-left: 7px solid green;
}


.alert-container .alert.alert-danger{
    border-left: 7px solid rgb(179, 59, 59);
}


.alert-container .alert.alert-warning{
    border-left: 7px solid rgb(179, 151, 59);
}



.alert-container .alert .inner-content .title{
    text-transform: capitalize;
    text-align: left;
    font-weight: 700;
    font-family: var(--primary-font);
    margin-bottom: 2px;
    font-size: 14px;
    margin-left: 10px;
}

.alert-container .alert .inner-content .text{
    font-weight: normal;
    font-family: var(--primary-font);
    margin-bottom: 2px;
    font-size: 13px;
    margin-left: 10px;
}

.alert-container .alert .inner-content .text::first-letter{
    text-transform: capitalize;
}

.is-invalid{
 border: 1px solid #cd5959 !important;
}


.spinner{
    animation: spinBtn 2s infinite;
    -webkit-animation: spinBtn 2s infinite;
    margin-right: 5px;
    display: none;
}

.btn .loading-text{
    text-transform: capitalize;
    font-weight: normal;
    font-size: 13px;
    display: none;
}

.iti{
    width: 100%;
}



.iti{
    display: block;
}


.chosen-container,
.chosen-container-single .chosen-single,
.chosen-container-single .chosen-drop,
.chosen-container-single .chosen-single span
{
    background-color: var(--light-bg-color) !important;
    background: var(--light-bg-color) !important;
    color: var(--light-gray) !important;
    font-weight: normal;
}


.chosen-container-single .chosen-single{
    height: 35px !important;
    border-radius: 0;
    padding: .375rem .75rem;
}

.chosen-container-single .chosen-single span{
    line-height: 35px;
    text-align: left !important;
}

.chosen-container-single .chosen-single::first-letter,
.chosen-container-single .chosen-single span::first-letter{
    text-transform: capitalize !important;
}

.chosen-container-single .chosen-single div b{
    margin-top: 6px;
    background-color: transparent !important;
}

.chosen-container .chosen-results li.active-result{
    color: var(--lightdarkergray) !important;
}

.chosen-container-active{
    border: 1px solid var(--primary-border-color) !important;
}


input[readonly]{
    background-color: rgba(229, 229, 229, 0.76);
}


.dismiss-btn.btn{
    background-color: #ae2727;
    color: #ffffff;
    padding: 6px 25px;
    transition: all 2s ease;
}


.dismiss-btn.btn:hover{
    background-color: #ae2727;
    color: #ffffff;
    opacity: 0.6;
}


#content-list .form-element-wrapper{
    margin: 1.5rem 0;
}


#content-list .form-element-wrapper .card,
#content-list .form-element-wrapper .card .card-header,
#content-list .form-element-wrapper .card .card-body,
#content-list .form-element-wrapper .card .card-footer{
    background-color: var( --light-bg-color);
    border: none;
    border-radius: 0;
}


#content-list .form-element-wrapper .card{
    padding: 20px 15px;
    margin-bottom: 12px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#content-list .form-element-wrapper .card .card-header{
    border-bottom: 1px solid var(--lightgray);
    padding: 8px;
}


#content-list .form-element-wrapper .card .card-header .title{
   font-size: var(--xmedium-font-size);
    font-weight: var(--font-weight-bold);
}

#content-list .form-element-wrapper .card .card-header .title::first-letter{
    text-transform: capitalize;
}


#content-list .form-element-wrapper .card .card-footer .btn{
    display: block;
    margin: auto;
}


form .form-control,
form .form-select,
form .input-group-text{
    border: 1px solid var(--lightdarkgray);
    border-radius: 4px;
   font-size: 14px;
    color: var(--light-gray);
}

form .form-label{
    color: var(--light-gray);
    font-size: var(--small-font-size);
}

.form-control::placeholder{
    color: var( --lightdarkgray);
}

\form .input-group .form-control{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

form.input-group-text{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: transparent;
    position: relative;
}

form.input-group.left-position .input-group-text{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: none !important;
}

form.input-group.left-position .form-control{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: none;
    padding-left: 10px;
    padding-right: 10px;
}


form.input-group.right-position .input-group-text{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: none !important;
}

form.input-group.right-position .form-control{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: none;
    padding-left: 10px;
    padding-right: 10px;
}

/*form.input-group-text::after{*/
/*    content: '/';*/
/*    position: absolute;*/
/*    right: 0;*/
/*    margin-right: 3px;*/
/*    color: var(--lightdarkgray);*/
/*}*/

form .card.seo-card .title{
    color: var(--darkblue);
    font-weight: bold;
    font-size: var(--medium-font-size);
    text-transform: capitalize;
    margin-bottom: 1px;
}

form .card.seo-card .seo-content .temp-text,
form .card.seo-card .seo-content .seo-title,
form .card.seo-card .seo-content .seo-link,
form .card.seo-card .seo-content .seo-description{
    color: var(--dark-text-color);
    font-size: var(--small-font-size);
    margin-bottom: 1px;
}

form .card.seo-card .seo-content .seo-link{
    color: var(--tearl);
}


form .form-control:focus,
form .form-select:focus,
form .form-check-input:focus{
    outline: none;
    box-shadow: none;
}


#content-list .form-element-wrapper .card .client-flex-box{
    display: flex;
    flex-direction: row;
    align-items: center;
}


#content-list .form-element-wrapper .card .client-flex-box .chosen-container-single .chosen-single{
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}

#content-list .form-element-wrapper .card .client-flex-box .btn{
    min-width: 110px;
    border: 1px solid rgb(218, 218, 218);
    background-color: var(--deepnavy);
    color: var(--white);
    text-transform: capitalize;
    font-size: var(--small-font-size);
    transition: all 0.5s ease;
    padding: 8px;
}

#content-list .form-element-wrapper .card .client-flex-box .btn:hover{
    color: var(--lilac);
}
/*for new image and video upload*/

.fl-wrapper .upload-wrapper{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.fl-wrapper .thumbnail-wrapper{
    width: 150px;
    height: 60px;
    border: 2px solid var(--lightdarkgray);
    overflow: hidden;
    margin: 5px 10px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fl-wrapper .thumbnail-wrapper .form-control{
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.fl-wrapper .thumbnail-wrapper .icon{
    color: var(--lightdarkgray);
}

.fl-wrapper .thumbnail-wrapper .text{
    margin-bottom: 1px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: normal;
    font-family: "Public Sans", sans-serif;
}

.fl-wrapper .thumbnail-element .thumbnail-preview-content{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
}

.fl-wrapper .thumbnail-element .thumbnail-preview-content .element{
    width: 80px;
    height: 80px;
    border-radius: 0;
    position: relative;
    border: 1px solid #acacac;
    margin: 10px;
    overflow: hidden;
}

.fl-wrapper .thumbnail-element .thumbnail-preview-content .element .form-control{
    position: absolute;
    display: none;
}

.fl-wrapper .thumbnail-element .thumbnail-preview-content .element .rm-button{
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgb(255, 55, 55);
    color: #ffffff;
    padding: 5px;
    height: 20px;
    font-size: 13px;
    line-height: 10px;
    text-align: center;
    z-index: 1;
}

.fl-wrapper .thumbnail-element .thumbnail-preview-content .element .text{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.31);
    font-size: 13px;
    font-weight: normal;
    font-family: Raleway, "sans-serif";
    padding: 3px;
    text-align: center;
    margin-bottom: 0;
    color: #ffffff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    z-index: 1;
}

.fl-wrapper .thumbnail-element .thumbnail-preview-content{
    display: none;
}

.fl-wrapper .thumbnail-element .thumbnail-preview-content.active{
    display: flex;
}

.fl-wrapper .thumbnail-element .thumbnail-preview-content .element .img-fluid{
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.fl-wrapper .thumbnail-element .error-text{
    font-size: 13px;
    color: red;
    font-family: "Public Sans", sans-serif;
    display: none;
}

.fl-wrapper .thumbnail-element .error-text.image-error,
.fl-wrapper .thumbnail-element .error-text.video-error{
    display: block;
}



#content-list .list-nav{
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

#content-list .app-content-header h3,
#content-list .list-nav .title{
    text-transform: capitalize;
    font-size: var(--xlarge-font-size);
    font-weight: bold;
    margin-bottom: 0;
}

#content-list .list-nav .breadcrumb{
    list-style: none;
    padding: 0;
    margin: 0;
}

#content-list  .breadcrumb .breadcrumb-item,
#content-list  .breadcrumb .breadcrumb-item .link,
#content-list .list-nav .breadcrumb .breadcrumb-item .link{
    text-transform: capitalize;
    font-weight: normal;
    padding: 2px 6px;
    font-size: var(--xmedium-font-size);
    color : inherit;
    transition: all 0.5s ease;
}



#content-list  .breadcrumb .breadcrumb-item+.breadcrumb-item:before,
#content-list .list-nav .breadcrumb .breadcrumb-item+.breadcrumb-item:before{
    padding: 0px;
    color: black;
    content: "/\00a0";
}

#content-list .breadcrumb .breadcrumb-item:hover .link{
    text-decoration: underline;
}

#content-list .list-header-wrapper{
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#content-list .list-header-wrapper .create-button{
    font-size: var(--medium-font-size);
    background-color: var(--deepnavy);
    color: var(--primary-text-color);
    border-radius: 0;
}

#content-list .list-header-wrapper .create-button .icon{
    margin-right: 6px;
}

#content-list .list-header-wrapper .right-content .btn{
    background-color: var(--lightdarkgray);
    font-size: var(--medium-font-size);
    border-radius: 0;
}

#content-list .table-responsive{
    background-color: var(--light-bg-color);
}

#content-list .table-responsive .table thead th{
    font-size: var(--xmedium-font-size);
    text-transform: capitalize;
    font-weight: bold;
    background-color: var(--lightdarkgray);
}

/**********/
#content-list .table-responsive .table{
    vertical-align: middle;
}


#content-list .table-responsive .table, tbody, td, tfoot, th, thead, tr{
    border-color: var(--lightgray);
}



#content-list .table-responsive .table thead th{
    font-size: 12px;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
    /*background-color: rgb(4, 4, 84);*/
    /*color: #ffffff;*/
    padding: 5px;
    text-align: left;
}

#content-list .table-responsive .table tbody td{
    font-size: 13px;
    text-transform: capitalize;
    font-weight: normal;
    padding: 5px;
    text-align: left;
}


#content-list .table-responsive .table tbody td .body-link{
    text-decoration: none;
    color: rgb(13, 13, 143);
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}

body.dark-mode #content-list .table-responsive .table tbody td .body-link
{
    color: rgb(108, 108, 154);
}


#content-list .table-responsive .table tbody td .body-link:hover{
    text-decoration: underline;
}

#content-list .table-responsive .table tbody td .body-link.edit{
    background-color: var(--yellow);
    color: #ffffff;
    font-size: 14px;
    padding: 3px 5px;
    border-radius: 5px;
    border: none;
    margin-left: 4px;
}

#content-list .table-responsive .table tbody td .body-link.view{
    background-color: rgb(116, 72, 170);
    color: #ffffff;
    padding: 3px 5px;
    border-radius: 5px;
    border: none;
    margin-left: 4px;
}

#content-list .table-responsive .table tbody td .body-link.delete{
    background-color: rgb(205, 59, 59);
    color: #ffffff;
    padding: 3px 5px;
    border-radius: 5px;
    border: none;
    margin-left: 4px;
}


#content-list .table-responsive .table tbody td .body-link:hover{
    opacity: 0.8;
}



/*#content-list .table-responsive .table tbody td .status.status-active{*/
/*    background-color: green;*/
/*    color: #ffffff;*/
/*}*/


/*#content-list .table-responsive .table tbody td .status.status-draft{*/
/*    background-color: rgba(255, 200, 0, 0.901);*/
/*    color: #000000;*/
/*}*/

/*#content-list .table-responsive .table tbody td .status.status-pending{*/
/*    background-color: rgba(21, 0, 255, 0.901);*/
/*    color: #ffffff;*/
/*}*/

/*#content-list .table-responsive .table tbody td .status.status-cancelled{*/
/*    background-color: rgba(255, 0, 0, 0.901);*/
/*    color: #ffffff;*/
/*}*/


/*#content-list .table-responsive .table tbody td .status.status-inactive{*/
/*    background-color: rgba(205, 42, 42, 0.9);*/
/*    color: #ffffff;*/
/*}*/


/*#content-list .table-responsive .table tbody td .status{*/
/*    padding: 5px 10px;*/
/*    border-radius: 5px;*/
/*    font-size: 12px;*/
/*    text-transform: capitalize;*/
/*    font-weight: normal;*/
/*    min-width: 120px;*/
/*}*/


#content-list .table-responsive .table tbody td .status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    min-width: max-content;
}

.status.status-pending {
    background-color: rgba(21, 0, 255, 0.901);
    color: #ffffff;
}
.status.status-pending::before {
    content: "\f017";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.status.status-processing {
    background-color: rgba(0, 123, 255, 0.85);
    color: #fff;
}
.status.status-processing::before {
    content: "\f110";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    animation: spin 1s linear infinite;
}

.status.status-paid,
.status.status-approved{
    background-color: green;
    color: #ffffff;
}
.status.status-paid::before,
.status.status-approved::before{
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.status.status-partially_paid {
    background-color: #f59e0b;
    color: #000;
}
.status.status-partially_paid::before {
    content: "\f56e";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.status.status-failed {
    background-color: #dc2626;
    color: #fff;
}
.status.status-failed::before {
    content: "\f057";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}


.status.status-overdue {
    background-color: #ef4444;
    color: #fff;
}
.status.status-overdue::before {
    content: "\f071";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}


.status.status-rejected,
.status.status-cancelled {
    background-color: rgba(255, 0, 0, 0.901);
    color: #ffffff;
}


.status.status-rejected::before,
.status.status-cancelled::before {
    content: "\f05e";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}


.status.status-under_review {
    background-color: #3b82f6;
    color: #fff;
}
.status.status-under_review::before {
    content: "\f002"; /* search */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.status.status-defaulted {
    background-color: #7f1d1d;
    color: #fff;
}
.status.status-defaulted::before {
    content: "\f00d"; /* x */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.status.status-disbursed {
    background-color: #0ea5e9;
    color: #fff;
}
.status.status-disbursed::before {
    content: "\f0d6"; /* money bill */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.status.status-refunded {
    background-color: #6b7280;
    color: #fff;
}
.status.status-refunded::before {
    content: "\f2ea";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.status::before {
    margin-right: 4px;
}


#content-list .table-responsive .table tbody td .img-fluid{
    width: 50px;
    height: 40px;
    object-fit: cover;
}


@media screen and (max-width : 580px) {
    #page-list-container .filter-content-wrapper .filter-wrapper .filter-tab .tab-content .col-form-label{
        text-align: left;
    }
}

@media screen and (max-width: 900px) {
    #page-list-container .page-list-header .flex-wrap-content {
        display: flex;
        margin-bottom: 10px;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    #page-list-container .page-list-header .flex-wrap-content .form-control
    {
        margin: 15px 4px;
        max-width: 400px;
    }
}


#page-list-container .page-list-header .flex-wrap-content .left-content-menu .menu-list .item.dropdown:hover .dropdown-content{
    margin-left: -60px;
}
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Acme&family=Google+Sans+Flex:opsz,wght@6..144,1..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
:root {
  /* =========================
       COLORS
    ========================== */

    /* Brand Colors */
    --primary-color: #52B5CE;
    --secondary-color: #2F6F9F;

    /* Functional Colors */
    --success-color: #2E8B57;
    --danger-color: #D7263D;
    --warning-color: #F4B400;
    --info-color: #3AAFA9;
   

    /* Layout */
    --light-color: #F8FAFC;
    --dark-color: #111827;
    --white-color: #ffffff;

    /* Text & Borders */
    --text-color: #2D3748;
    --border-color: #E5E7EB;
    --light-gray: #E5E5E5;

    /* Brand Derived */
    --icon-color: var(--white-color);

    /* Accent */
    --silver-color: #8A8F9D;
    --accent-color: var(--silver-color);

    /* Buttons */
    --button-color: linear-gradient(
        135deg,
        var(--secondary-color),
        var(--primary-color)
    );

    --button-hover-color: linear-gradient(
        135deg,
        #245A84,
        var(--primary-color)
    );

    /* =========================
       FONT FAMILY
    ========================== */

    --font-primary: 'Inter', sans-serif;
    --font-heading: 'Poppins', sans-serif;
    --font-secondary : "Merriweather", serif;
    --font-tertiary : "Google Sans Flex", sans-serif;


    /* =========================
       FONT SIZES
    ========================== */

    --fs-xs: 0.75rem;      /* 12px */
    --fs-sm: 0.875rem;     /* 14px */
    --fs-md: 1rem;         /* 16px */
    --fs-lg: 1.125rem;     /* 18px */
    --fs-xl: 1.25rem;      /* 20px */
    --fs-2xl: 1.5rem;      /* 24px */
    --fs-3xl: 1.875rem;    /* 30px */
    --fs-4xl: 2.25rem;     /* 36px */
    --fs-5xl: 3rem;        /* 48px */
    --fs-6xl: 4rem;        /* 64px */


    /* =========================
       FONT WEIGHTS
    ========================== */

    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;
    --fw-extra-bold: 800;


    /* =========================
       LINE HEIGHTS
    ========================== */

    --lh-tight: 1.2;
    --lh-normal: 1.5;
    --lh-relaxed: 1.8;


    /* =========================
       SPACING
    ========================== */

    --space-xs: 0.25rem;   /* 4px */
    --space-sm: 0.5rem;    /* 8px */
    --space-md: 1rem;      /* 16px */
    --space-lg: 1.5rem;    /* 24px */
    --space-xl: 2rem;      /* 32px */
    --space-2xl: 3rem;     /* 48px */


    /* =========================
       BORDER RADIUS
    ========================== */

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 32px;
    --radius-full: 999px;


    /* =========================
       SHADOWS
    ========================== */

    --shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
    --shadow-md: 0 6px 20px rgba(0,0,0,0.08);
    --shadow-lg: 0 12px 40px rgba(0,0,0,0.12);


    /* =========================
       TRANSITIONS
    ========================== */

    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;


     /* =========================
       BUTTON SIZES
    ========================== */

    --btn-height-sm: 40px;
    --btn-height-md: 48px;
    --btn-height-lg: 56px;

    --btn-width-sm: 120px;
    --btn-width-md: 160px;
    --btn-width-lg: 220px;

    --btn-padding-x: 24px;
    --btn-padding-y: 12px;

    --lima-padding-x : 24px;
    --lima-padding-y  : 12px;
}
/**Replaceable from admin UI */
/*:root{*/
/*  --primary-color: #E50914;      !* Jejai red *!*/
/*  --secondary-color: #fcb800;    !* bright yellow *!*/
/*  --accent-color: #111111;       !* black *!*/
/*}*/

html,body{
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    position: relative;
    scroll-behavior: smooth;
}

*{
    box-sizing: border-box;
}

a{
    text-decoration: none;
    color: black;
}

p{
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}

button{
    border: none;
    background: none;
    cursor: pointer;
}

ul,li{
    list-style: none;
    margin: 0;
    padding: 0;
}


body {
     background-color: var(--light-color);
    color: var(--text-color);
    font-family: var(--font-primary);
    font-size: var(--fs-md);
    font-weight: var(--fw-regular);
    line-height: var(--lh-normal);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

h1 {
    font-family: var(--font-heading);
    font-size: var(--fs-5xl);
    font-weight: var(--fw-bold);
}

.lima-btn-primary {
    font-size: var(--fs-md);
    font-weight: var(--fw-semi-bold);
    border-radius: var(--radius-md);
}

.lima-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: var(--btn-height-md);
    width: var(--btn-width-md);

    padding: var(--btn-padding-y) var(--btn-padding-x);

    border: none;
    border-radius: var(--radius-md);

    font-size: var(--fs-md);
    font-weight: var(--fw-semi-bold);

    cursor: pointer;
    transition: var(--transition-normal);
}


.lima-btn-primary {
     background: var(--button-color);
    color: #fff;
    box-shadow: var(--shadow-md);
}

.lima-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
     background: var(--button-hover-color);
}


.lima-btn-sm {
    height: var(--btn-height-sm);
    width: var(--btn-width-sm);
    font-size: var(--fs-sm);
}

.lima-btn-lg {
    height: var(--btn-height-lg);
    width: var(--btn-width-lg);
    font-size: var(--fs-lg);
}

.lima-container{
    max-width: 1300px;
      margin: 0 auto;
    width: 100%;
     padding-inline: 20px;
}


.lima-container-fluid{
    max-width: 100%;
    margin: 0 auto; 
    padding-inline: 20px;
}

/* FLEX */
.lima-flex {
    display: flex;
}

.section{
    padding: var(--space-lg) 0;
}

body .scroll-page-btn{
    background-color: var(--primary-color);
    color: var(--light-color);
    padding: var(--space-sm);
    position: fixed;
    right: 5px;
    bottom: 5px;
    box-shadow: var(--shadow-lg);
    border-radius: var(--radius-md);
      animation: bounce 2s infinite;
      z-index: 3;
}

body .scroll-page-btn:hover{
  animation: none;
  transform: translateY(0);
}

body .link.contact-msg-link
{
    position: fixed;
    right: 8px;
    bottom: 65px;
     box-shadow: var(--shadow-lg);
    border-radius: 50%;
     background-color: var(--success-color);
     color: var(--light-color);
    padding: var(--space-sm);
    height: 40px;
    width: 40px;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}


body .link.contact-msg-link svg.lucide{
    width: 40px;
    height: 40px;
}


body .link.contact-msg-link .text{
    background-color: var(--dark-color);
    padding: var(--space-sm);
    font-size: var(--fs-sm);
    text-transform: capitalize;
    position: absolute;
    min-width: max-content;
    left: -120px;
    border-radius: var(--space-sm);
    box-shadow: var(--shadow-lg);
    display: none;
}


body .link.contact-msg-link .text::after{
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    border-right: 10px solid transparent;
    border-left: 10px solid var(--dark-color);
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
}

body .link.contact-msg-link:hover .text{
    display: block;
}

.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease;
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

.subtext{
    color: var(--silver-color);
}

.subtext::first-letter{
    text-transform: capitalize;
}


.my-title{
      text-transform: capitalize;
    font-size: var(--fs-2xl);
    margin: var(--space-md) 0;
    line-height: var(--lh-relaxed);
    margin-bottom: 0 !important;
        margin: var(--space-sm) 0;
         display: block;
    margin: auto;
    text-align: center;
}

.top-subtext{
    text-transform: capitalize;
    font-size: var(--fs-md);
    color: var(--primary-color);
    position: relative;
    text-align: center;
    font-weight: var(--fw-bold);
    margin-bottom: var(--space-xs);
    width: max-content;
    display: block;
    margin: auto;
    margin-top: var(--space-md);
}


.top-subtext::before{
    content: '';
    height: 5px;
    width: 50px;
    left: -70px;
    background-color: var(--primary-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.top-subtext::after{
    content: '';
    height: 5px;
    width: 50px;
    right: -70px;
    background-color: var(--primary-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.column-fs,
.column-ls{
    width: 50%;
}
#lima-container{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    justify-content: space-between;
    background-color: var(--light-color);
    color: var(--light-color);
}




#lima-header{
    background-color: var(--light-color);
    padding: var( --space-xs);
    font-size: var(--fs-md);
    box-shadow: var(--shadow-lg);
    font-family: var(--font-tertiary );
}


#lima-header .__lr-header-wrapper .close-menu-button,
#lima-header .menu-button{
    display: none;
}

#lima-header .__ls-header-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#lima-header .__ls-header-wrapper .brand-container{
    width: 130px;
    max-height: 100px;
    overflow: hidden;
}

#lima-header .__ls-header-wrapper .brand-container .img-fluid{
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item{
    display: inline-block;
    margin: 0 var(--space-sm);
    position: relative;
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item .menu-link{
    text-transform: capitalize;
    font-weight: var(--fw-regular);
    transition: var(--transition-slow);
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item .menu-link .icon svg{
    margin-bottom: -7px;
    margin-left: 5px;
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.active .menu-link .icon svg{
    transform: rotate(180deg);
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item .menu-link.active{
    color: var(--primary-color);
    font-weight: var(--fw-bold);
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper:hover .menu-list .menu-item .menu-link.active{
    color: var(--text-color);
    font-weight: var(--fw-regular);
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper:hover .menu-list .menu-item:hover .menu-link{
    color: var(--text-color);
    opacity: 0.7;
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item .menu-link.lima-btn{
    height: var(--btn-height-sm);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-md);
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item:hover .menu-link.lima-btn
{
    background-color: var(--primary-color);
    color: var(--light-color)
}

/** dropdown section **/

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown .ls-dropdown-content-container{
    position: absolute;
    top: 30px;
    left: 50%;
    background-color: var(--light-color);
    border: 1px solid var(--border-color);
    min-width: 250px;
    padding: 0;
    border-radius: 5px;
    transform: translateX(-50%);
    box-shadow: var(--shadow-md);
    transition: var(--transition-normal);
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown.active
.ls-dropdown-content-container{
    max-height: max-content;
    visibility: visible;
    overflow: visible;
    z-index: 999 !important;
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown.active
.ls-dropdown-content-container::after{
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid var(--border-color);
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown
.ls-dropdown-content-container .ls-dropdown-menu-list .drop-menu-item{
    padding: var(--space-xs) var(--space-sm);
    transition: var(--transition-normal);
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown
.ls-dropdown-content-container .ls-dropdown-menu-list .drop-menu-item .drop-menu-link{
    text-transform: capitalize;
    font-size: var(--fs-sm);
    font-weight: var(--fw-regular);
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown
.ls-dropdown-content-container .ls-dropdown-menu-list .drop-menu-item:nth-last-child(1){
    border-top: 1px solid var(--border-color);
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown
.ls-dropdown-content-container .ls-dropdown-menu-list .drop-menu-item:hover{
    background-color: var(--light-gray);
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown
.ls-dropdown-content-container .ls-dropdown-menu-list .drop-menu-item:hover .drop-menu-link{
    opacity: 0.6
}

/** dropdown section **/

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown .ls-dropdown-content-container{
    position: absolute;
    top: 30px;
    left: 50%;
    background-color: var(--light-color);
    border: 1px solid var(--border-color);
    min-width: 250px;
    padding: 0;
    border-radius: 5px;
    transform: translateX(-50%);
    box-shadow: var(--shadow-md);
    transition: var(--transition-normal);
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown.active
.ls-dropdown-content-container{
    max-height: max-content;
    visibility: visible;
    overflow: visible;
    z-index: 999 !important;
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown.active
.ls-dropdown-content-container::after{
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid var(--border-color);
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown
.ls-dropdown-content-container .ls-dropdown-menu-list .drop-menu-item{
    padding: var(--space-xs) var(--space-sm);
    transition: var(--transition-normal);
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown
.ls-dropdown-content-container .ls-dropdown-menu-list .drop-menu-item .drop-menu-link{
    text-transform: capitalize;
    font-size: var(--fs-sm);
    font-weight: var(--fw-regular);
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown
.ls-dropdown-content-container .ls-dropdown-menu-list .drop-menu-item:nth-last-child(1){
    border-top: 1px solid var(--border-color);
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown
.ls-dropdown-content-container .ls-dropdown-menu-list .drop-menu-item:hover{
    background-color: var(--light-gray);
}

#lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown
.ls-dropdown-content-container .ls-dropdown-menu-list .drop-menu-item:hover .drop-menu-link{
    opacity: 0.6
}


#lima-main{
    flex: 1;
    flex-grow: 1;
}


#lima-main .slides-wrapper{
    height:65vh;
    min-height:550px;
    max-height:500px;
    overflow: hidden;
    position: relative;
}


#lima-main .slides-wrapper .caro-img{
    min-height:550px;
    max-height:500px;
    background-size: cover;
    background-position: top;
    position: relative;
}

#lima-main .slides-wrapper .splash
{
    background: radial-gradient(circle at 15% 50%, var(--secondary-color) 10%, var(--secondary-color) 35%, var(--secondary-color) 55%, transparent 70%);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 850px;
    z-index: 1;
}

#lima-main .slides-wrapper .overlay-content {
    position: absolute;
    inset: 0;
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 10%;
    color: var(--text-color);
    z-index: 6;
}




#lima-main .slides-wrapper .overlay-content .text-wrapper{
    max-width: 600px;
    background: rgba(233, 233, 233, 87%);
    padding: var(--space-md);
    /* box-shadow: var(--shadow-lg); */
    border-radius: 5px;
    color: inherit;
    margin-bottom: var(--space-lg);
}


#lima-main .slides-wrapper .overlay-content .text-wrapper .subtext.bg-text
{
    font-size: var(--fs-sm);
    padding: var(--space-sm);
    margin-bottom: 0;
    text-transform: uppercase;
}


#lima-main .slides-wrapper .overlay-content .text-wrapper .title{
    text-transform: capitalize;
    font-size: var(--fs-2xl);
    margin: var(--space-md) 0;
    line-height: var(--lh-relaxed);
}


#lima-main .slides-wrapper .overlay-content .text-wrapper .text::first-letter{
    text-transform: capitalize;
}

#lima-main .slides-wrapper .overlay-content .btn-group-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#lima-main .slides-wrapper .overlay-content .lima-btn{
    background-color: var(--light-color);
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    font-weight: var(--fw-regular);
    transition: var(--transition-slow);
    margin: var(--space-sm);
}


#lima-main .slides-wrapper .overlay-content .lima-btn:nth-child(1)
{
    background: var(--button-color);
    color: var(--light-color);
}


#lima-main .slides-wrapper .overlay-content .lima-btn:nth-child(2)
{
    background-color: var(--light-color);
    color: var(--text-color);
}

#lima-main .slides-wrapper .overlay-content .lima-btn span{
    margin-right: var(--space-sm);
}

#lima-main .slides-wrapper .overlay-content .lima-btn:hover{
    background: var(--button-hover-color);
    color: var(--light-color);
}



#lima-main .slides-wrapper .static-container{
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--primary-color);
    z-index: 3;
    border-top-left-radius: var(--space-md);
    color: var(--secondary-color);
    min-width: calc(100vw - 700px);
    box-shadow: var(--shadow-md);
}


#lima-main .slides-wrapper .static-container .lm-st-content{
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#lima-main .slides-wrapper .static-container .lm-st-content .lm-item{
    display: inline-block;
    padding: var(--space-md);
    border-right: 1px solid var(--border-color);
    width: 100%;
}

#lima-main .slides-wrapper .static-container .lm-st-content .lm-item:nth-last-child(1)
{
    border-right: none;
}

#lima-main .slides-wrapper .static-container .lm-st-content .lm-item .content{
    text-align: center;
    text-transform: capitalize;
    max-width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

#lima-main .slides-wrapper .static-container .lm-st-content .lm-item .content svg.lucide,
#lima-main .slides-wrapper .static-container .lm-st-content .lm-item .content i{
    margin-right: var(--space-sm);
    margin-bottom: var(--space-sm);
    color: var(--icon-color);
}

#lima-main .slides-wrapper .static-container .lm-st-content .lm-item .content .text
{
    font-size: var(--fs-xs);
    color: var(--icon-color);
}




#lima-main .__ls-apt-wrapper.bg-colorful
{
    /* background-color: var(--accent-color); */
    background: linear-gradient(
            135deg,
            var(--secondary-color),
            var(--primary-color)
    );
    min-height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#lima-main .__ls-apt-wrapper  .subtext::first-letter,
#lima-main .__ls-apt-wrapper  .text::first-letter{
    text-transform: capitalize;
}


#lima-main .__ls-apt-wrapper .lima-flex{
    justify-content: space-around;
    align-items: center;
}


#lima-main .__ls-apt-wrapper .title{
    text-transform: capitalize;
    font-size: var(--fs-2xl);
    margin: var(--space-md) 0;
    line-height: var(--lh-relaxed);
    margin-bottom: 0 !important;
}

#lima-main .__ls-apt-wrapper  .subtext{
    font-size: var(--fs-sm);
    /* width: max-content; */
    padding: var(--space-sm);
    margin-bottom: var(--space-md);
    padding-top: 0;
    padding-left: 0;
    color: inherit;
}



#lima-main .__ls-apt-wrapper .column-ls .card .btn{
    border: 2px solid var(--border-color);
    color: var(--light-color);
    text-transform: capitalize;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-top: var(--space-md);
    min-width: max-content;
    transition: var(--transition-slow);
}

#lima-main .__ls-apt-wrapper .text{
    color: inherit;
}

#lima-main .__ls-apt-wrapper .column-ls .card .btn span{
    margin-right: var(--space-sm);
}

#lima-main .__ls-apt-wrapper .column-ls .card .btn svg.lucide{
    margin-bottom: -5px;
}

#lima-main .__ls-apt-wrapper .column-ls .card .btn:hover{
    background-color: var(--dark-color);
    border: 2px solid transparent;
}




#lima-main .rv-testimonia{
    color: var(--text-color);
}


#lima-main .rv-testimonia{
    color: var(--text-color);
}


#lima-main .rv-testimonia .card-group-wrapper{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: var(--space-md)
}

#lima-main .rv-testimonia .card {
    text-align: center;
    transition: var(--transition-slow);
}


#lima-main .rv-testimonia .card:hover{
    box-shadow: var(--shadow-md);
}

#lima-main .rv-testimonia .card .card-header{
    height: 240px;
    overflow: hidden;
}

#lima-main .rv-testimonia .card .card-header .img-fluid
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    aspect-ratio: 4 / 4;
    transition: var(--transition-slow);
    box-shadow: var(--shadow-md);
}


#lima-main .rv-testimonia .card:hover .card-header .img-fluid{
    transform: scale(1.04);
}


#lima-main .rv-testimonia .card .card-header .text{
    text-transform: capitalize;
    font-weight: var(--fw-bold);
    font-size: var(--fs-md);
    margin: var(--space-md) 0;
}

#lima-main .rv-testimonia .card .card-body{
    font-size: var(--fs-sm);
}

#lima-main .rv-testimonia .card  .card-body .text::first-letter
{
    text-transform: capitalize;
}

#lima-main .rv-testimonia .card  .card-body .text{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin: var(--space-md);
}


#lima-main .rv-testimonia .card .card-body  .rating-wrapper svg.lucide{
    color: var(--warning-color);
    font-size: var(--fs-sm);
    width: var(--space-md);
    height: var(--space-md);
}

#lima-main .rv-testimonia .card .card-body  .article::first-letter
{
    text-transform: capitalize;
}

#lima-main .rv-testimonia .card .card-body .article{
    margin: var(--space-md);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin: var(--space-md);
}


#lima-main .rv-testimonia .card .card-footer{
    padding: var(--space-md);
    text-align: center;
}

#lima-main .rv-testimonia .card .card-footer .btn{
    text-transform: capitalize;
    transition: var(--transition-slow);
    font-size: var(--fs-sm);
}

#lima-main .rv-testimonia .card .card-footer .btn svg.lucide{
    margin-bottom: -5px;
    margin-left: var(--space-xs);
}

#lima-main .rv-testimonia .card .card-footer .btn:hover{
    opacity: 0.8;
}

#lima-main .feature-pl .title.main
{
    text-align: center;
    text-transform: capitalize;
    font-weight: var(--fw-extra-bold);
    letter-spacing: var(--space-xs);
    margin-bottom: var(--space-xs);
    font-size: var(--fs-lg);
    color: var(--text-color);
}

#lima-main .feature-pl .text::first-letter
{
    text-transform: capitalize;
}

#lima-main .feature-pl .text
{
    font-size: var(--fs-md);
    text-align: center;
    margin: var(--space-md) auto;
    color: var(--text-color);
}

#lima-main .feature-pl .accordion{
    position: relative;
    width: 70%;
    display: block;
    margin: var(--space-sm) auto;
}

#lima-main .feature-pl .accordion .accord-btn{
    border: 1px solid var(--border-color);
    width: 100%;
    padding: var(--space-md);
    text-align: start;
    font-size: var(--fs-md);
    font-weight: var(--fw-bold);
    position: relative;
}

#lima-main .feature-pl .accordion .accord-btn::after{
    content: '\002B';
    font-weight: bold;
    float: right;
    margin-left: 5px;
    background-color: var(--primary-color);
    color : var(--light-color);
    padding: var(--space-sm);
    width: 10px;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}


#lima-main .feature-pl .accordion.active .accord-btn::after
{
    content: "\2212";
}


#lima-main .feature-pl .accordion .accord-btn::first-letter
{
    text-transform: capitalize;
}

#lima-main .feature-pl .accordion .accordion-body{
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: var(--transition-slow);
}

#lima-main .feature-pl .accordion.active .accordion-body
{
    padding: var(--space-md);
    height: max-content;
    overflow: visible;
    opacity: 1;
    color: var(--text-color);
}










#lima-footer{
    background: var(--secondary-color);
    color: var(--light-color);
    padding: var(--space-md) var(--space-sm);
}

#lima-footer .footer-row{
    display: flex;
    flex-direction: row;
    align-items: center;
}


#lima-footer .footer-row .column.fs{
    flex-grow: 1;
    flex: 1;
}

#lima-footer .footer-row .column.fs .row{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}


#lima-footer .footer-row .column.fs .row .title{
    text-transform: capitalize;
    padding: var(--space-sm);
    font-size: var(--fs-lg);
    font-weight: var(--fw-bold);
    color: inherit;
    text-align: center;
}



#lima-footer .footer-row .column.fs .row .menu-item{
    list-style: none;
    padding: 0;
    margin: 0;
}

#lima-footer .footer-row .column.fs .row .menu-item .item .link{
    text-decoration: none;
    display: block;
    width: 100%;
    text-transform: capitalize;
    padding: var(--space-sm);
    transition: var(--transition-slow);
    font-size: var(--fs-sm);
    color: inherit;
}


#lima-footer .footer-row .column.fs .row .menu-item .item .link:hover{
    color: var(--light-gray);
    opacity: 0.8;
}


#lima-footer .footer-row .column.ls{
    max-width: 30%;
    padding: var(--space-sm);
}


#lima-footer .footer-row .column.ls .title{
    font-size: var(--fs-md);
    text-transform: uppercase;
    font-weight: var(--fw-bold);
    padding: var(--space-sm) 0;
    margin-bottom: 0;
}


#lima-footer .footer-row .column.ls .text{
    font-size: var(--fs-sm);
    margin-bottom: var(--space-md);
    font-weight: normal;
}

#lima-footer .footer-row .column.ls .icon-wrapper{
    padding: var(--space-sm) 0;
}

#lima-footer .footer-row .column.ls .icon-wrapper a{
    text-decoration: none;
    margin:var(--space-sm);
    font-size: var(--fs-lg);
    color: inherit;
}

#lima-footer .footer-row .column.ls .icon-wrapper a:hover{
    opacity: 0.8;
}

#lima-footer .footer-row .column.ls .link.btn{
    font-size: var(--fs-md);
    text-decoration: none;
    text-transform: capitalize;
    font-weight: bold;
    padding: var(--space-sm);
    background: var(--button-color);
    color: var(--white);
    margin: var(--space-sm) 0;
    transition: var(--transition-slow);
}


#lima-footer .footer-row .column.ls .link.btn .icon{
    margin-right: var(--space-sm);
    color: inherit;
}

#lima-footer .footer-row .column.ls .link.btn:hover{
    text-decoration: underline;
}

#lima-footer .lw-footer-wrapper{
    padding: var(--space-sm) 0;
    border-top: 1px solid var(--border-color);
    margin-top: 20px;
}

#lima-footer .lw-footer-wrapper .text{
    margin-bottom: 0;
    font-size: var(--fs-md);
    text-align: center;
}

#lima-main .healthcare .__ls-about .__ls-content{
    width: 50%;
    padding: var(--space-lg);
    color: var(--text-color);
}

#lima-main .healthcare .__ls-about .__ls-content p.title
{
    font-size: var(--fs-sm);
    width: max-content;
    padding: var(--space-sm);
    margin-bottom: 0;
    text-transform: uppercase;
}


#lima-main .healthcare .__ls-about .__ls-content h2.title
{
    text-transform: capitalize;
    font-size: var(--fs-2xl);
    margin: var(--space-md) 0;
    line-height: var(--lh-relaxed);
}


#lima-main .healthcare .__ls-about .__ls-content .text::first-letter{
    text-transform: capitalize;
}

#lima-main .healthcare .__ls-about .__ls-content  .link{
    text-transform: capitalize;
    display: flex;
    margin: auto;
    margin-top: var(--space-2xl);
    min-width: max-content;
    align-items: center;
    justify-content: center;
}

#lima-main .healthcare .__ls-about .__ls-content  .link span{
    margin-left: var(--space-sm);
}

#lima-main .healthcare .__ls-about .__ls-content  .link svg.lucide.lucide-chevron-right{
    margin-bottom: -5px;
}

#lima-main .healthcare .__ls-about .img-fluid{
    max-width: 650px;
    max-height: 400px;
    border-radius: 15px;;
}


#lima-main .healthcare .__ls-service{
    background-position: center;
    height: 550px;
    overflow: hidden;
    position: relative;
}


#lima-main .healthcare .__ls-service .overlay-content {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    /* padding: 0 10%; */
    color: #fff;
}


#lima-main .healthcare .__ls-service .overlay-content .title{
    font-size: var(--fs-4xl);
    text-transform: capitalize;
    text-align: center;
    display: block;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.628);
    width: max-content;
    padding: var(--space-sm) var(--space-lg);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}


#lima-main .healthcare .__ls-service .overlay-content .ls-card-wrapper{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background-color: rgb(0, 0, 0, 0.5);
    padding: var(--space-lg);
    border-radius: 10px;
    box-shadow: var( --shadow-md);
    gap: var(--space-md)
}

#lima-main .healthcare .__ls-service .card{
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    border-radius: 5px;
}

#lima-main .healthcare .__ls-service .card-header{
    height: max-content;
}

#lima-main .healthcare .__ls-service .card-header .text{
    font-weight: var(--fw-bold);
    text-transform: capitalize;
    font-size: var(--fs-md);
    padding: var(--space-md);
    text-align: center;
}

#lima-main .healthcare .__ls-service .card-body .img-fluid{
    max-width: 200px;
    max-height: 200px;
    border-radius: 10px;
    display: block;
    margin: auto;
    padding: var(--space-md);
}

#lima-main .healthcare .__ls-service .card-footer{
    text-align: center;
    padding: var(--space-md);
}

#lima-main .healthcare .__ls-service .card-footer .text::first-letter{
    text-transform: capitalize;
}


#lima-main .healthcare .__ls-support{
    position: relative;
    min-height: 450px;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

#lima-main .healthcare .__ls-support .splash {
    position: absolute;
    left: 0;
    top: 0;
    width: 720px;
    height: 100%;
    background:
            radial-gradient(circle at 15% 50%, #ffffff 10%, #ffffff 35%, #ffffff 55%, transparent 70%);
    z-index: 1;
}

/* soft glow */
#lima-main .healthcare .__ls-support .splash::before {
    content: "";
    position: absolute;
    inset: 60px;
    background: radial-gradient(circle, rgba(255,255,255,.55), transparent 60%);
    filter: blur(18px);
}

#lima-main .healthcare .__ls-support .splash-r
{
    position: absolute;
    right: 0;
    width: 720px;
    height: 100%;
    background:
            radial-gradient(circle at 15% 50%, #ffffff 10%, #ffffff 35%, #ffffff 55%, transparent 70%);
    z-index: 1;
    transform: rotate(180deg);
}

#lima-main .healthcare .__ls-support .splash-r::before {
    content: "";
    position: absolute;
    inset: 60px;
    background: radial-gradient(circle, rgba(255,255,255,.55), transparent 60%);
    filter: blur(18px);
    transform: rotate(180deg);
}


#lima-main .healthcare .__wl-service .lima-flex,
#lima-main .healthcare .__ls-support .lima-flex{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    color: var(--dark-color);
    z-index: 11;
}


#lima-main .healthcare .__wl-service .lima-container .subtext,
#lima-main .healthcare .__ls-support .fs-column .subtext{
    font-size: var(--fs-sm);
    /* width: max-content; */
    padding: var(--space-sm);
    margin-bottom: 0;
    text-transform: uppercase;
}

#lima-main .healthcare .__wl-service .lima-container .title,
#lima-main .healthcare .__ls-support .fs-column  .title{
    text-transform: capitalize;
    font-size: var(--fs-2xl);
    margin: var(--space-md) 0;
    line-height: var(--lh-relaxed);
    color: var(--dark-color);
}

#lima-main .healthcare .__wl-service .lima-container .title,
#lima-main .healthcare .__wl-service .lima-container .subtext{

    text-align: center;
    display: block;
    margin: auto;
}

#lima-main .healthcare .__wl-service  .fs-column .text::first-letter,
#lima-main .healthcare .__ls-support .fs-column .text::first-letter
{
    text-transform: capitalize;
}


#lima-main .healthcare .__wl-service   .content-list .item,
#lima-main .healthcare .__ls-support .ls-column .content-list .item{
    display: flex;
    flex-direction: row;
    padding: var(--space-sm);
}


#lima-main .healthcare .__wl-service  .content-list .item span,
#lima-main .healthcare .__ls-support .ls-column .content-list .item span{
    margin-right: var(--space-sm);
}


#lima-main .healthcare .__wl-service   .content-list .item .text span svg.lucide,
#lima-main .healthcare .__ls-support .ls-column .content-list .item .text span svg.lucide
{
    margin-bottom: -5px;
}


#lima-main .healthcare .__wl-service  .content-list .item .text::first-letter,
#lima-main .healthcare .__ls-support .ls-column .content-list .item .text::first-letter
{
    text-transform: capitalize;
}


#lima-main .healthcare .__wl-service   .content-list .item{
    align-items: center;
}

#lima-main .healthcare .__wl-service  .content-list .item span{
    background-color: var(--icon-color);
    padding: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#lima-main .healthcare .__wl-service .content-list .item span svg.lucide
{
    color: var(--light-color);
}

#lima-main .healthcare .__wl-service .md-column{
    display: none;
    background-color: red;
}

#lima-main .healthcare .__wl-service .lima-flex{
    grid-template-columns: repeat(2, 1fr);
}



#lima-main .healthcare .__ft-product .title,
#lima-main .healthcare .__ft-product .subtext{
    display: block;
    margin: auto;
    text-align: center;
}

#lima-main .healthcare .__ft-product .title{
    text-transform: capitalize;
    font-size: var(--fs-2xl);
    margin: var(--space-md) 0;
    line-height: var(--lh-relaxed);
    margin-bottom: 0 !important;
}

#lima-main .healthcare .__ft-product .subtext{
    font-size: var(--fs-sm);
    /* width: max-content; */
    padding: var(--space-sm);
    margin-bottom: var(--space-md);
    padding-top: 0;
    padding-left: 0;
}





#lima-main .healthcare .rv-testimonia{
    color: var(--dark-color);
}

#lima-main .healthcare .rv-testimonia .card-group-wrapper{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--space-md)
}

#lima-main .healthcare .rv-testimonia .title,
#lima-main .healthcare .rv-testimonia .subtext{
    display: block;
    margin: auto;
    text-align: center;
}


#lima-main .healthcare .rv-testimonia .title{
    text-transform: capitalize;
    font-size: var(--fs-2xl);
    margin: var(--space-md) 0;
    line-height: var(--lh-relaxed);
    margin-bottom: 0 !important;
}


#lima-main .healthcare .rv-testimonia .subtext{
    font-size: var(--fs-sm);
    /* width: max-content; */
    padding: var(--space-sm);
    margin-bottom: var(--space-md);
    padding-top: 0;
    padding-left: 0;
}




#lima-main .healthcare .rv-testimonia .card  .card-body .progress-wrapper{
    background-color: var(--light-gray);
    border-radius: 5px;
    color: var(--light-color);
    margin: var(--space-md);
    position: relative;
    overflow: hidden;
    height: 30px;
}

#lima-main .healthcare .rv-testimonia .card  .card-body .progress-wrapper .content{
    background-color: var(--success-color);
    padding: var(--space-sm);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    opacity: 0.8;
}

#lima-main .healthcare .rv-testimonia .card  .card-body .progress-wrapper span:nth-child(1)
{
    flex-grow: 1;
}


#lima-main .healthcare .rv-testimonia .card  .card-body .progress-wrapper span{
    text-transform: capitalize;
    font-size: var(--fs-xs);
}






/*#lima-main .healthcare .rv-testimonia .card {*/
/*    text-align: center;*/
/*    transition: var(--transition-slow);*/
/*}*/



/*#lima-main .healthcare .rv-testimonia .card:hover{*/
/*    box-shadow: var(--shadow-md);*/
/*}*/



/*#lima-main .healthcare .rv-testimonia .card .card-header{*/
/*    height: 300px;*/
/*    overflow: hidden;*/
/*}*/


/*#lima-main .healthcare .rv-testimonia .card .card-header .img-fluid*/
/*{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*    object-position: top;*/
/*    aspect-ratio: 4 / 4;*/
/*    transition: var(--transition-slow);*/
/*    box-shadow: var(--shadow-md);*/
/*}*/


/*#lima-main .healthcare .rv-testimonia .card:hover .card-header .img-fluid{*/
/*    transform: scale(1.04);*/
/*}*/

/*#lima-main .healthcare .rv-testimonia .card .card-header .text{*/
/*    text-transform: capitalize;*/
/*    font-weight: var(--fw-bold);*/
/*    font-size: var(--fs-md);*/
/*    margin: var(--space-md) 0;*/
/*}*/

/*#lima-main .healthcare .rv-testimonia .card .card-body{*/
/*    font-size: var(--fs-sm);*/
/*}*/

/*#lima-main .healthcare .rv-testimonia .card  .card-body .text::first-letter*/
/*{*/
/*    text-transform: capitalize;*/
/*}*/

/*#lima-main .healthcare .rv-testimonia .card  .card-body .text{*/
/*    display: -webkit-box;*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-line-clamp: 4;*/
/*    overflow: hidden;*/
/*    margin: var(--space-md);*/
/*}*/


/*#lima-main .healthcare .rv-testimonia .card .card-body  .rating-wrapper svg.lucide{*/
/*    color: var(--warning-color)*/
/*}*/

/*#lima-main .healthcare .rv-testimonia .card .card-body  .article::first-letter*/
/*{*/
/*    text-transform: capitalize;*/
/*}*/

/*#lima-main .healthcare .rv-testimonia .card .card-body .article{*/
/*    margin: var(--space-md);*/
/*}*/


/*#lima-main .healthcare .rv-testimonia .card .card-footer{*/
/*    padding: var(--space-md);*/
/*    text-align: center;*/
/*}*/

/*#lima-main .healthcare .rv-testimonia .card .card-footer .btn{*/
/*    text-transform: capitalize;*/
/*    transition: var(--transition-slow);*/
/*    font-size: var(--fs-sm);*/
/*}*/

/*#lima-main .healthcare .rv-testimonia .card .card-footer .btn svg.lucide{*/
/*    margin-bottom: -5px;*/
/*    margin-left: var(--space-xs);*/
/*}*/

/*#lima-main .healthcare .rv-testimonia .card .card-footer .btn:hover{*/
/*    opacity: 0.8;*/
/*}*/


#lima-main .automotive .__ft-product .title{
    text-transform: capitalize;
    font-size: var(--fs-2xl);
    margin: var(--space-md) 0;
    line-height: var(--lh-relaxed);
    margin-bottom: 0 !important;
    margin: var(--space-sm) 0;
    display: block;
    margin: auto;
    text-align: center;
}



#lima-main .automotive .__ft-product .subtext{
    font-size: var(--fs-sm);
    /* width: max-content; */
    padding: var(--space-sm);
    margin-bottom: var(--space-md);
    padding-top: 0;
    padding-left: 0;
    display: block;
    margin: auto;
    text-align: center;
}


#lima-main .automotive .__bs-product{
    position: relative;
    background-color: var(--secondary-color);
}


#lima-main .automotive .__bs-product::after{
    content:'';
    position:absolute;
    top:-30px;
    left:0;
    width:100%;
    height:60px;
    background:var(--secondary-color);
    clip-path: polygon(
            0% 0%,
            20% 10%,
            35% 30%,
            45% 30%,
            50% 30%,
            55% 30%,
            65% 30%,
            80% 30%,
            100% 10%,
            100% 100%,
            0% 100%
    );
    z-index: -1;
}

#lima-main .automotive .__bs-product .header-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-md);
    color: var(--text-color);
}

#lima-main .automotive .__bs-product .header-wrapper .content{
    text-align: left;
}

#lima-main .automotive .__bs-product .header-wrapper .content .top-text{
    color: var(--danger-color);
    text-transform: uppercase;
    font-size: var(--fs-sm);
    font-weight: var(--fw-extra-bold);
    margin: 0;
}

#lima-main .automotive .__bs-product .header-wrapper .content .title
{
    text-transform: capitalize;
    font-weight: var(--fw-bold);
    margin: var(--space-sm) 0;
}

#lima-main .automotive .__bs-product .header-wrapper .content  .subtext{
    color: var(--text-color);
}

#lima-main .automotive .__bs-product .header-wrapper .content  .subtext::first-letter{
    text-transform: capitalize;
}


#lima-main .automotive .__bs-product .header-wrapper .link
{
    text-transform: capitalize;
    background-color: var(--white-color);
    min-height: 35px;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--fs-sm);
    padding: var(--space-sm);
    border-radius: 5px;
    transition: var(--transition-slow);
}

#lima-main .automotive .__bs-product .header-wrapper .link:hover{
    background-color: var(--primary-color);
    color: var(--accent-color);
}

#lima-main .automotive .__bs-product .header-wrapper .link svg{
    margin-right: 8px;
    margin-bottom: -5px;
    color: var(--secondary-color);
}

#lima-main .automotive .__bs-product .card{
    background-color: var(--white-color);
    color: var(--text-color);
    border-radius: 5px;
    overflow: hidden;
}


#lima-main .automotive .__bs-product .__ft-wrapper{
    margin: var(--space-md) var(--space-sm);
    background-color: var(--white-color);
    border-radius: var(--space-md);
    box-shadow: var(--shadow-lg);
}

#lima-main .automotive .__bs-product .__ft-wrapper .card-group-wrapper{
    display: grid;
    grid-template-columns:  repeat(4, 1fr);
    gap: var(--space-md);
}

#lima-main .automotive .__bs-product .__ft-wrapper .card-group-wrapper .card {
    box-shadow: var(--shadow-lg);
    padding: var(--space-lg) var(--space-sm);
}

#lima-main .automotive .__bs-product .__ft-wrapper .card-group-wrapper .card .text{
    text-transform: capitalize;
    font-size: var(--fs-md);
    font-weight: var(--fw-bold);
}



#lima-main .automotive .__bs-product .__ft-wrapper .card-group-wrapper .card .text svg{
    margin-bottom: -5px;
    margin-right: var(--space-sm);
    color: var(--primary-color);
}


#lima-main .automotive .__ad{
    color: var(--text-color);
}

#lima-main .automotive .__ad .lima-flex{
    gap: var(--space-sm);
}

#lima-main .automotive .__ad .lima-flex .card{
    display: flex;
    align-items: center;
    height: 180px;
    overflow: hidden;
    border-radius: var(--space-xs);
    width: 50%;
}

#lima-main .automotive .__ad .lima-flex .card .card-body{
    width: 60%;
    padding: var(--space-xs) var(--space-md);
}

#lima-main .automotive .__ad .lima-flex .card .card-header .img-fluid{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#lima-main .automotive .__ad .lima-flex .card .card-body .title{
    text-transform: capitalize;
    font-size: var(--fs-md);
    font-weight: var(--fw-extra-bold);
    margin-bottom: var(--space-sm);
}

#lima-main .automotive .__ad .lima-flex .card .card-body .text{
    font-size: var(--fs-sm);
    -webkit-line-clamp: 5;
}

#lima-main .automotive .__ad .lima-flex .card .card-body .text::first-letter{
    text-transform: capitalize;
}


#lima-main .automotive .__fl-product{
    color: var(--text-color);
}


#lima-main .automotive .__fl-product .header-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: var(--space-md) 0;
}



#lima-main .automotive .__fl-product .header-wrap .title{
    text-transform: capitalize;
    font-weight: var(--fw-bold);
    font-size: var(--fs-md);
    margin: 0;
}


#lima-main .automotive .__fl-product .header-wrap .title svg.lucide{
    margin-bottom: -6px;
    margin-right: 8px;
    color: var(--danger-color);
}


#lima-main .automotive .__fl-product .header-wrap .lr-content{
    display: flex;
    align-items: center;
    background-color: var(--danger-color);
    color: var(--white-color);
    position: relative;
    border-top-left-radius: var(--space-sm);
    border-bottom-left-radius: var(--space-sm);
    box-shadow: var(--shadow-lg);
}

#lima-main .automotive .__fl-product .header-wrap .lr-content::before{
    content: '';
    top: 50%;
    left: -30px;
    height: var(--space-md);
    border-left: var(--space-md) solid transparent;
    border-right: var(--space-md) solid var(--danger-color);
    border-top: var(--space-md) solid transparent;
    border-bottom: var(--space-md)solid transparent;
    position: absolute;
    transform: translateY(-50%);
}

#lima-main .automotive .__fl-product .header-wrap .lr-content .timer-wrapper{
    font-size: var(--fs-sm);
    font-weight: var(--fw-bold);
    padding: var(--space-md);
}


#lima-main .automotive .__fl-product .header-wrap .lr-content .view-all-btn{
    text-transform: capitalize;
    font-size: var(--fs-sm);
    border: 1px solid var(--white-color);
    color: var(--white-color);
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--btn-height-sm);
    width: var(--btn-width-sm);
    margin: 0 var(--space-md);
    border-radius: var(--space-md);
    transition: var(--transition-slow);
}

#lima-main .automotive .__fl-product .header-wrap .lr-content .view-all-btn:hover{
    background-color: var(--white-color);
    color: var(--dark-color);
}

#lima-main .automotive .__fl-product .header-wrap .lr-content .view-all-btn svg.lucide{
    margin-bottom: -6px;
    margin-left: 8px;
}


__wh{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#lima-main .automotive .__wh .lima-flex
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-sm);
    color: var(--text-color);
    align-items: center;
}



#lima-main .automotive .__wh .lima-flex .title{
    text-transform: capitalize;
    font-size: var(--fs-lg);
    width: max-content;
    font-weight: var(--fw-bold);
    transition: var(--transition-slow);
    padding: var(--space-md);
    padding-left: 0;
    position: relative;
}

#lima-main .automotive .__wh .lima-flex .title::after{
    content: '';
    position: absolute;
    background-color: var(--light-color);
    right: 0;
    top: 0;
    height: 100%;
    width: 0%;
    border-left: 2px solid var(--primary-color);
    animation: animate_border 2s forwards infinite;
}


#lima-main .automotive .__wh .lima-flex .text::first-letter{
    text-transform: capitalize;
}



#lima-main .automotive .__wh .lima-flex .text{
    font-size: var(--fs-md);
    font-weight: var(--fw-regular);
    margin: var(--space-sm) 0;
    padding-right: var(--space-lg);
    width: 90%;
}

#lima-main .automotive .__wh .lima-flex .img-figure{
    padding: 0;
    margin: 0;
}

#lima-main .automotive .__wh .lima-flex .img-figure video,
#lima-main .automotive .__wh .lima-flex .img-figure img{
    width: 100%;
    height: 400px;
    object-fit: cover;
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}


#lima-main .automotive .__logo-ads{
    color: var(--text-color);
}

/* #lima-main .automotive .__logo-ads .brand-logo-wrapper{
    display: flex;
} */


#lima-main .automotive .__logo-ads .brand-logo-wrapper .card{
    width: 220px;
    height: 150px;
    overflow: hidden;
    border-radius: var(--space-md);
}

#lima-main .automotive .__logo-ads .brand-logo-wrapper .card .card-body{
    width: 100%;
    height: 100px;
}


#lima-main .automotive .__logo-ads .brand-logo-wrapper .card  .card-body .img-fluid
{
    width: 80px;
    height: auto;
    aspect-ratio: 4/4;
    object-fit: contain;
    display: block;
    margin: auto;
    transition: var(--transition-slow);
}

#lima-main .automotive .__logo-ads .brand-logo-wrapper .card:hover  .card-body .img-fluid{
    transform: scale(1.1);
}

#lima-main .automotive .__logo-ads .brand-logo-wrapper .card  .card-footer .text{
    text-transform: capitalize;
    font-size: var(--fs-sm);
    font-weight: var(--fw-bold);
    padding: var(--space-sm);
}


#lima-main .automotive .__logo-ads .owl-nav{
    display: none;
}


#lima-main .__pfolio{
    color: var(--text-color);
}


#lima-main .automotive .__pfolio .gd-wrapper{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: var(--space-md);
    margin-top: var(--space-md);
}

#lima-main .automotive .__pfolio .gd-wrapper .link{
    overflow: hidden;
    border-radius: var(--space-md);
    height: 200px;
}

#lima-main .automotive .__pfolio .gd-wrapper .link .img-fluid{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 4/4;
    transition: var(--transition-slow);
}

#lima-main .automotive .__pfolio .gd-wrapper .link:hover .img-fluid
{
    transform: scale(1.1);
}
.card-group-wrapper.product{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: var(--space-md) var(--space-sm);
}


.card {
    text-align: center;
     transition: var(--transition-slow);
}


.card:hover{
    box-shadow: var(--shadow-md);
}


.card .card-header{
    height: 260px;
    overflow: hidden;
}

.card .card-header .img-fluid
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    aspect-ratio: 4 / 4;
    transition: var(--transition-slow);
    box-shadow: var(--shadow-md);
}

.card:hover .card-header .img-fluid{
    transform: scale(1.04);
}


#lima-main .__ft-product{
 color: var(--dark-color);
}

.card-body{
    padding: var(--space-sm) var(--space-sm);
}

.card-body .text{
    font-size: var(--fs-sm);
    font-weight: var(--fw-regular);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
     display: -webkit-box;
}

.card-body  .text.price{
    font-weight: var(--fw-extra-bold);
    font-size: var(--fs-lg);
    margin: var(--space-sm);
}

.card-footer {
    padding: var(--space-sm);
}

.card-footer .btn{
    width: max-content;
    text-transform: capitalize;
    font-size: var(--fs-sm);
}




.card-footer .btn svg{
    margin-right: var(--space-sm);
    margin-bottom: -5px;
}

.view-all-sv{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: var(--space-lg) auto;
    width: max-content;
    background: var(--primary-color);
    text-transform: capitalize;
    font-size: var(--fs-sm);
    padding: var(--space-sm);
}

.view-all-sv .link svg{
    margin-left: var(--space-md);
    margin-bottom: -6px;
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-12px);
  }
  50% {
    transform: translateY(0);
  }
  70% {
    transform: translateY(-6px);
  }
}

@keyframes animate_border {
  0% {
    width: 100%;
}
100% {
    width: 0%;
}
}
@media screen and (max-width:1000px) {



    #lima-header .__ls-header-wrapper .menu-button {
        display: block;
    }


    #lima-header .__lr-header-wrapper {
        position: fixed;
        left: 0;
        top: 0;
        width: 280px;
        height: 100%;
        transform: translateX(-100%);
        transition: var(--transition-slow);
        overflow: hidden;
        visibility: hidden;
        z-index: 999;
        background-color: var(--light-color);
        color: var(--dark-color);
        padding: var(--space-md);
        box-shadow: var(--shadow-lg);
    }

    #lima-header .__lr-header-wrapper.active {
        transform: translateX(0);
        visibility: visible;
    }


    #lima-header .__lr-header-wrapper .close-menu-button {
        position: absolute;
        right: 5px;
        top: 5px;
        background-color: var(--danger-color);
        font-size: var(--fs-lg);
        color: var(--light-color);
        border-radius: 5px;
        display: block;
    }

    #lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item {
        display: block;
        width: 100%;
        margin: auto;
        text-align: start;
        margin: var(--space-md) 0;
    }

    #lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item .menu-link {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item .lima-btn {
        width: 100%;
        display: flex;
    }

    #lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown .ls-dropdown-content-container {
        position: static;
        transform: translateX(0);
        box-shadow: none;
        border: none;
        border-radius: 0;
    }

    #lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown .ls-dropdown-content-container::after {
        content: none;
        display: none;
    }

    #lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown .ls-dropdown-content-container .ls-dropdown-menu-list .drop-menu-item:hover {
        background-color: transparent;
    }

    #lima-main .automotive .slides-wrapper .static-container {
        width: 100%;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }

    #lima-main .automotive .slides-wrapper .static-container .lm-st-content {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #lima-main .automotive .slides-wrapper .static-container .lm-st-content .lm-item {
        width: 100%;
    }

    #lima-main .automotive .slides-wrapper .splash {
        display: none;
    }

    #lima-main .automotive .slides-wrapper .caro-img {
        background-color: rgba(0, 0, 0, 0.5);
        /* The background tint color */
        background-blend-mode: multiply;
    }


    #lima-main .automotive .slides-wrapper .overlay-content {
        color: var(--light-color);
        align-items: center;
    }

    #lima-main .automotive .slides-wrapper .overlay-content .text-wrapper{
        background: rgb(92 92 92 / 87%);
    }

    #lima-main .automotive .__ls-about .img-fluid {
        width: 47%;
        min-height: auto;
        max-height: 400px;
        object-fit: cover;
        object-position: top;
    }

    #lima-main .automotive .__ls-service {
        height: auto;
        min-height: 550px;
        padding: 0;
    }

    #lima-main .automotive .__ls-service .overlay-content {
        padding: 0;
        position: static;
        padding: var(--space-sm);
    }


    #lima-main .automotive .__ls-service .overlay-content .title {
        font-size: var(--fs-lg);
    }

    #lima-main .automotive .__ls-service .overlay-content .ls-card-wrapper {
        grid-template-columns: repeat(2, 1fr);
        padding: var(--space-sm)
    }

    .card-group-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }

    #lima-main .automotive .__ft-product .card .card-header,
    #lima-main .automotive .rv-testimonia .card .card-header {
        height: 220px;
    }

    #lima-main .automotive .__ft-product .card-body {
        padding: var(--space-sm);
    }

    #lima-main .automotive .__ft-product .card-body .text.price {
        margin: var(--space-sm);
    }

    #lima-main .automotive .__ls-support .lima-flex .md-column {
        display: none;
    }


    #lima-main .automotive .__wl-service .lima-flex,
    #lima-main .automotive .__ls-support .lima-flex {
        grid-template-columns: repeat(2, 1fr);
    }
}





@media screen and (max-width:790px) {
    /*#lima-main .automotive .slides-wrapper,*/
    /*#lima-main .automotive .slides-wrapper .caro-img {*/
    /*    min-height: 350px;*/
    /*}*/


    #lima-main .automotive .__ls-about .lima-flex {
        flex-direction: column-reverse;
        padding: var(--space-sm);
    }

    #lima-main .automotive .__ls-about .img-fluid {
        width: 100%;
        display: block;
        margin: auto;
    }

    #lima-main .automotive .__ls-about .__ls-content {
        width: 100%;
        text-align: center;
    }

    #lima-main .automotive .__ls-about .title {
        text-align: center;
        display: block;
        margin: auto;
    }

    #lima-main .automotive .__ls-about .__ls-content h2.title {
        margin-top: 0;
        font-size: var(--fs-xl)
    }

    #lima-main .automotive .__bs-product .__ft-wrapper .card-group-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-sm);
    }

    #lima-main .automotive .__ad .lima-flex {
        flex-direction: column;
    }

    #lima-main .automotive .__fl-product .header-wrap {
        flex-direction: column;
        justify-content: center;
        gap: var(--space-md);
    }

    #lima-main .automotive .__fl-product .header-wrap .lr-content {
        border-top-right-radius: var(--space-sm);
        border-bottom-right-radius: var(--space-sm);
    }

    #lima-main .automotive .__fl-product .header-wrap .lr-content::after {
        content: '';
        top: 50%;
        right: -30px;
        height: var(--space-md);
        border-left: var(--space-md) solid var(--danger-color);
        border-right: var(--space-md) solid transparent;
        border-top: var(--space-md) solid transparent;
        border-bottom: var(--space-md)solid transparent;
        position: absolute;
        transform: translateY(-50%);
    }

    .card-group-wrapper.product {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--space-sm);
    }

    .card-group-wrapper.product .card .card-header {
        height: 160px;
    }


    #lima-main .automotive .__wh .lima-flex {
        display: flex;
        flex-direction: column-reverse !important;
        gap: var(--space-sm);
    }

    #lima-main .automotive .__wh .lima-flex .text{
        width: 100%;
        padding-right: var(--space-sm);
    }

    #lima-footer .footer-row {
        flex-direction: column;
    }

    #lima-footer .footer-row .column.fs,
    #lima-footer .footer-row .column.ls {
        flex: 1;
        width: 100%;
        max-width: 100%;
    }

    #lima-footer .footer-row .column.ls .title {
        font-size: var(--fs-md);
    }
    #lima-footer .footer-row .column.fs .row .title,
    #lima-footer .footer-row .column.fs .row .menu-item .item .link{
        text-align: start;
    }
}


@media screen and (max-width:660px) {
    .lima-container {
        padding: var(--space-sm);
    }

    .column-fs, .column-ls{
        width: 100%;
    }

    #lima-main .automotive .slides-wrapper .overlay-content {
        padding: var(--space-sm);
        align-items: center;
    }

    #lima-main .automotive .slides-wrapper .static-container {
        border-radius: 0;
    }

    #lima-main .automotive .slides-wrapper .static-container .lm-st-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-md);
    }

    #lima-main .automotive .slides-wrapper .static-container .lm-st-content .lm-item {
        border-right: none;
        border-top: 1px solid var(--border-color);
        padding: var(--space-sm);
    }

    #lima-main .automotive .slides-wrapper .static-container .lm-st-content .lm-item:nth-child(1),
    #lima-main .automotive .slides-wrapper .static-container .lm-st-content .lm-item:nth-child(2) {
        border-top: none;
    }


    #lima-main .automotive .slides-wrapper {
        max-height: 100%;
        height: max-content;
    }

    #lima-main .automotive .slides-wrapper .overlay-content .btn-group-wrapper {
        flex-direction: column;
        gap: var(--space-sm);
        margin-bottom: var(--space-md);
    }

    #lima-main .automotive .slides-wrapper .static-container {
        position: static;
    }



    #lima-main .automotive .__ls-service .card-header .text,
    #lima-main .automotive .__ls-service .card-body,
    #lima-main .automotive .__ls-service .card-footer {
        padding: var(--space-sm);
    }

    #lima-main .automotive .__ls-service .card-body .img-fluid {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding: var(--space-sm);
        object-fit: cover;
        object-position: top;
    }


    #lima-main .automotive .__wl-service .lima-flex,
    #lima-main .automotive .__ls-support .lima-flex {
        grid-template-columns: 1fr;
    }

    #lima-main .automotive .__ls-apt-wrapper .lima-flex {
        flex-direction: column;
        text-align: center;
    }

    /* .card-group-wrapper {
        grid-template-columns: repeat(2, 1fr)
    } */
    #lima-main .automotive .__bs-product .header-wrapper {
        flex-direction: column;
        gap: var(--space-md);
    }


    #lima-main .automotive .__bs-product .header-wrapper .top-text,
    #lima-main .automotive .__bs-product .header-wrapper .subtext,
    #lima-main .automotive .__bs-product .header-wrapper .title {
        text-align: center;
    }

    #lima-main .automotive .feature-pl .accordion {
        width: 100%;
    }

    #lima-main .automotive .rv-testimonia .card-group-wrapper,
    #lima-main .automotive .__pfolio .gd-wrapper{
        grid-template-columns: repeat(3, 1fr);
        gap: var(--space-sm);
    }


    #lima-main .automotive .__ft-product .card .card-header,
    #lima-main .automotive .__pfolio .gd-wrapper .link,
    #lima-main .automotive .rv-testimonia .card .card-header{
        height: 160px;
    }


    #lima-footer .footer-row .column.fs .row {
        flex-direction: column;
        gap: var(--space-md);
    }
}

@media screen and (max-width:595px){

    .card-group-wrapper.product,
    #lima-main .automotive .rv-testimonia .card-group-wrapper,
    #lima-main .automotive .__pfolio .gd-wrapper{
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-sm);
    }

    #lima-main .automotive .__ft-product .card .card-header,
    #lima-main .automotive .__pfolio .gd-wrapper .link,
    #lima-main .automotive .rv-testimonia .card .card-header{
        height: 175px;
    }


}


@media screen and (max-width:490px) {
    .lima-container {
        padding: var(--space-sm);
    }

    .lima-btn{
        padding: var(--btn-padding-y) var(--btn-padding-y);
    }

    .card-footer .btn{
        font-size: var(--fs-xs);
        height: var(--btn-height-sm);
    }

    .my-title{
        font-size: var(--fs-lg);
    }

    #lima-main .automotive .__ls-service .overlay-content .ls-card-wrapper {
        display: block;
    }

    #lima-main .automotive .__ls-service .overlay-content .ls-card-wrapper .card {
        margin: var(--space-sm);
    }

    #lima-main .automotive .rv-testimonia .card-group-wrapper {
        grid-template-columns: 1fr;
    }

    #lima-main .automotive .rv-testimonia .card .card-header .img-fluid {
        object-fit: cover;
        height: auto;
        max-width: 250px;
    }

    .card-group-wrapper {
        gap: var(--space-sm);
    }


    #lima-main .automotive .__ft-product .card .card-header {
        height: 180px;
    }

    #lima-main .automotive .__ft-product .card-footer .btn {
        height: 40px;
        width: max-content;
        padding: 15px 10px;
    }

    #lima-main .automotive .__ad .lima-flex .card{
        flex-direction: column;
        height: auto;
        width: 100%;
    }


    #lima-main .automotive .__ad .lima-flex .card .card-header{
        width: 100%;
        height: 200px;
    }

    #lima-main .automotive .__ad .lima-flex .card  .card-body{
        width: 100%;
    }

}


@media screen and (max-width:390px) {
    .card-group-wrapper.product,
        /* #lima-main .automotive .rv-testimonia .card-group-wrapper,  */
    #lima-main .automotive .__pfolio .gd-wrapper{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 6px;
    }


    #lima-main .automotive .__ft-product .card .card-header,
    #lima-main .automotive .__pfolio .gd-wrapper .link,
    #lima-main .automotive .rv-testimonia .card .card-header {
        height: 160px;
    }

    #lima-main .automotive .__bs-product .__ft-wrapper .card-group-wrapper{
        display: block;
    }

    #lima-main .automotive .__bs-product .card{
        overflow: unset;
    }

    #lima-main .automotive .__fl-product .header-wrap .lr-content::after,
    #lima-main .automotive .__fl-product .header-wrap .lr-content::before{
        display: none;
    }
}
@media screen and (max-width:1000px) {
    #lima-header .__ls-header-wrapper .menu-button {
        display: block;
    }


    #lima-header .__lr-header-wrapper {
        position: fixed;
        left: 0;
        top: 0;
        width: 280px;
        height: 100%;
        transform: translateX(-100%);
        transition: var(--transition-slow);
        overflow: hidden;
        visibility: hidden;
        z-index: 999;
        background-color: var(--light-color);
        color: var(--dark-color);
        padding: var(--space-md);
        box-shadow: var(--shadow-lg);
    }

    #lima-header .__lr-header-wrapper.active {
        transform: translateX(0);
        visibility: visible;
    }


    #lima-header .__lr-header-wrapper .close-menu-button {
        position: absolute;
        right: 5px;
        top: 5px;
        background-color: var(--danger-color);
        font-size: var(--fs-lg);
        color: var(--light-color);
        border-radius: 5px;
        display: block;
    }

    #lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item {
        display: block;
        width: 100%;
        margin: auto;
        text-align: start;
        margin: var(--space-md) 0;
    }

    #lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item .menu-link {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item .lima-btn {
        width: 100%;
        display: flex;
    }

    #lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown .ls-dropdown-content-container {
        position: static;
        transform: translateX(0);
        box-shadow: none;
        border: none;
        border-radius: 0;
    }

    #lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown .ls-dropdown-content-container::after {
        content: none;
        display: none;
    }

    #lima-header .__ls-header-wrapper .__lr-header-wrapper .menu-list .menu-item.ls-dropdown .ls-dropdown-content-container .ls-dropdown-menu-list .drop-menu-item:hover {
        background-color: transparent;
    }

    #lima-main .healthcare .slides-wrapper .static-container {
        width: 100%;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }

    #lima-main .healthcare .slides-wrapper .static-container .lm-st-content {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #lima-main .healthcare .slides-wrapper .static-container .lm-st-content .lm-item {
        width: 100%;
    }

    #lima-main .healthcare .slides-wrapper .splash {
        display: none;
    }

    #lima-main .healthcare .slides-wrapper .caro-img {
        background-color: rgba(0, 0, 0, 0.7);
        /* The background tint color */
        background-blend-mode: multiply;
    }


    #lima-main .healthcare .slides-wrapper .overlay-content {
        color: var(--light-color);
        align-items: center;
    }

    #lima-main .healthcare .__ls-about .img-fluid {
        width: 47%;
        min-height: auto;
        max-height: 400px;
        object-fit: cover;
        object-position: top;
    }

    #lima-main .healthcare .__ls-service {
        height: auto;
        min-height: 550px;
        padding: 0;
    }

    #lima-main .healthcare .__ls-service .overlay-content {
        padding: 0;
        position: static;
        padding: var(--space-sm);
    }


    #lima-main .healthcare .__ls-service .overlay-content .title {
        font-size: var(--fs-lg);
    }

    #lima-main .healthcare .__ls-service .overlay-content .ls-card-wrapper {
        grid-template-columns: repeat(2, 1fr);
        padding: var(--space-sm)
    }

    #lima-main .healthcare .card-group-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }

    #lima-main .healthcare .__ft-product .card .card-header,
    #lima-main .healthcare .rv-testimonia .card .card-header {
        height: 220px;
    }

    #lima-main .healthcare .__ft-product .card-body {
        padding: var(--space-sm);
    }

    #lima-main .healthcare .__ft-product .card-body .text.price {
        margin: var(--space-sm);
    }

    #lima-main .healthcare .__ls-support .lima-flex .md-column {
        display: none;
    }


    #lima-main .healthcare .__wl-service .lima-flex,
    #lima-main .healthcare .__ls-support .lima-flex {
        grid-template-columns: repeat(2, 1fr);
    }

    #lima-main .healthcare .rv-testimonia .card-group-wrapper{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
        gap: var(--space-md);
    }

    #lima-main .healthcare .feature-pl .accordion{
        width: 100%;
    }
}


@media screen and (max-width:790px)
{
    #lima-main .healthcare .__ls-about .lima-flex{
        flex-direction: column-reverse;
        padding: var(--space-sm);
    }

    #lima-main .healthcare .__ls-about .img-fluid{
        width: 100%;
        display: block;
        margin: auto;
    }

    #lima-main .healthcare .__ls-about .__ls-content{
        width: 100%;
        text-align: center;
    }

    #lima-main .healthcare .__ls-about .title{
        text-align: center;
        display: block;
        margin: auto;
    }

    #lima-main .healthcare .__ls-about .__ls-content h2.title{
        margin-top: 0;
        font-size: var(--fs-xl)
    }
}



@media screen and (max-width:660px)
{
    #lima-main .healthcare .slides-wrapper .overlay-content{
        padding: var(--space-sm);
        align-items: center;
    }

    #lima-main .healthcare .slides-wrapper .static-container .lm-st-content{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-md);
    }

    #lima-main .healthcare  .slides-wrapper .static-container .lm-st-content .lm-item{
        border-right: none;
        border-top: 1px solid var(--border-color);
        padding: var(--space-sm);
    }

    #lima-main .healthcare .slides-wrapper .static-container .lm-st-content .lm-item:nth-child(1),
    #lima-main .healthcare .slides-wrapper .static-container .lm-st-content .lm-item:nth-child(2)
    {
        border-top: none;
    }


    #lima-main .healthcare .slides-wrapper{
        max-height: 100%;
        height: max-content;
    }

    #lima-main .healthcare .slides-wrapper .static-container{
        position: static;
    }


    #lima-main .healthcare .__ls-service .card-header .text,
    #lima-main .healthcare .__ls-service .card-body,
    #lima-main .healthcare .__ls-service .card-footer
    {
        padding: var(--space-sm);
    }

    #lima-main .healthcare .__ls-service .card-body .img-fluid{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding: var(--space-sm);
        object-fit: cover;
        object-position: top;
    }


    #lima-main .healthcare .__wl-service .lima-flex,
    #lima-main .healthcare .__ls-support .lima-flex
    {
        grid-template-columns: 1fr;
    }

    #lima-main .healthcare .__ls-apt-wrapper .lima-flex{
        flex-direction: column;
        text-align: center;
    }

    #lima-main .healthcare .__ft-product .card-group-wrapper,
    #lima-main .healthcare .rv-testimonia .card-group-wrapper
    {
        grid-template-columns: repeat(2, 1fr)
    }

    #lima-main .healthcare .feature-pl .accordion{
        width: 100%;
    }

    #lima-footer .footer-row .column.fs .row
    {
        flex-direction: column;
        gap: var(--space-md);
    }
}


@media screen and (max-width:490px)
{
    .lima-container{
        padding: var(--space-sm);
    }


    #lima-main .healthcare .__ls-service .overlay-content .ls-card-wrapper{
        display: block;
    }

    #lima-main .healthcare .__ls-service .overlay-content .ls-card-wrapper .card{
        margin: var(--space-sm);
    }

    #lima-main .healthcare .rv-testimonia .card-group-wrapper{
        grid-template-columns: 1fr;
    }

    #lima-main .healthcare .rv-testimonia .card .card-header .img-fluid
    {
        object-fit: contain;
        height: auto;
    }

    #lima-main .healthcare .__ft-product .card-group-wrapper{
        gap: var(--space-sm);
    }


    #lima-main .healthcare .__ft-product .card .card-header
    {
        height: 180px;
    }

    #lima-main .healthcare .__ft-product .card-footer .btn{
        height: 40px;
        width: max-content;
        padding: 15px 10px;
    }

}


@media screen and (max-width:340px){
    #lima-main .healthcare .__ft-product .card-group-wrapper{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        gap: 12px;
    }

    #lima-main .healthcare .__ft-product .card .card-header{
        height: 120px;
    }
}