.elementor-63 .elementor-element.elementor-element-9356ce0{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-normal-text-color:#807F7F;--e-filter-hover-text-color:#AE0C74;--e-filter-active-text-color:#FFFFFF;--e-filter-item-border-radius:20px 20px 20px 20px;}.elementor-63 .elementor-element.elementor-element-9356ce0 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C2C2C2;}.elementor-63 .elementor-element.elementor-element-9356ce0 .e-filter-item[aria-pressed="true"]{background-color:#B30000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-63 .elementor-element.elementor-element-9356ce0 .e-filter-item{padding:6px 14px 6px 14px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-63 .elementor-element.elementor-element-8968fc2 .elementor-button{background-color:#72092E;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-63 .elementor-element.elementor-element-870ee0a{--grid-columns:3;}.elementor-63 .elementor-element.elementor-element-870ee0a .elementor-loop-container{grid-auto-rows:1fr;}.elementor-63 .elementor-element.elementor-element-870ee0a .e-loop-item > .elementor-section, .elementor-63 .elementor-element.elementor-element-870ee0a .e-loop-item > .elementor-section > .elementor-container, .elementor-63 .elementor-element.elementor-element-870ee0a .e-loop-item > .e-con, .elementor-63 .elementor-element.elementor-element-870ee0a .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-63 .elementor-element.elementor-element-870ee0a .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-63 .elementor-element.elementor-element-870ee0a .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-63 .elementor-element.elementor-element-870ee0a .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-63 .elementor-element.elementor-element-870ee0a .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-63 .elementor-element.elementor-element-870ee0a .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-63 .elementor-element.elementor-element-e688bb9{width:87.895%;}.elementor-63 .elementor-element.elementor-element-4525b56{width:12.061%;}}@media(max-width:1024px){.elementor-63 .elementor-element.elementor-element-870ee0a{--grid-columns:2;}}@media(max-width:767px){.elementor-63 .elementor-element.elementor-element-870ee0a{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-870ee0a *//* =========================
   PAGE BACKGROUND
========================= */
body {
    background: #f5f7fa;
}

/* =========================
   CARD DESIGN (MAIN)
========================= */
.elementor-63 .elementor-element.elementor-element-870ee0a .e-loop-item {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    border: 1px solid #eee;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* HOVER EFFECT */
.elementor-63 .elementor-element.elementor-element-870ee0a .e-loop-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

/* =========================
   INNER CONTENT
========================= */
.elementor-63 .elementor-element.elementor-element-870ee0a .e-loop-item > div {
    padding: 16px;
    text-align: center;
    background: transparent !important;
}

/* =========================
   IMAGE
========================= */
.elementor-63 .elementor-element.elementor-element-870ee0a img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    border-radius: 12px;
    background: #f3f3f3;
    transition: 0.3s ease;
}

/* IMAGE HOVER ZOOM */
.elementor-63 .elementor-element.elementor-element-870ee0a .e-loop-item:hover img {
    transform: scale(1.05);
}

/* =========================
   NAME
========================= */
.elementor-63 .elementor-element.elementor-element-870ee0a h3 {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin-top: 12px;
}

/* =========================
   DESIGNATION (TEXT STYLE)
========================= */
.elementor-63 .elementor-element.elementor-element-870ee0a .elementor-widget-text-editor {
    background: transparent;
    border: none;
    padding: 0;
    margin-top: 6px;
    font-size: 13px;
    color: #777;
}

/* =========================
   DEPARTMENT TAG
========================= */
.elementor-63 .elementor-element.elementor-element-870ee0a .elementor-post-info__terms-list {
    display: inline-block;
    background: #fff3e6;
    color: #ff6b00;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    margin: 8px 0;
}

/* =========================
   VIEW PROFILE BUTTON
========================= */
.elementor-63 .elementor-element.elementor-element-870ee0a .elementor-button {
    width: 100%;
    background: linear-gradient(135deg, #800020, #a0002a);
    color: #fff;
    border-radius: 8px;
    padding: 10px;
    font-weight: 600;
    margin-top: 10px;
    transition: 0.3s ease;
}

/* BUTTON HOVER */
.elementor-63 .elementor-element.elementor-element-870ee0a .elementor-button:hover {
    transform: scale(1.04);
}

/* =========================
   BUTTON GROUP (EDIT/DELETE)
========================= */
.elementor-63 .elementor-element.elementor-element-870ee0a .button-group {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

/* EDIT BUTTON */
.elementor-63 .elementor-element.elementor-element-870ee0a .edit-btn {
    flex: 1;
    background: #444 !important;
    color: #fff !important;
    border-radius: 6px;
    padding: 8px;
    font-size: 12px;
}

/* DELETE BUTTON */
.elementor-63 .elementor-element.elementor-element-870ee0a .delete-btn {
    flex: 1;
    background: #c0392b !important;
    color: #fff !important;
    border-radius: 6px;
    padding: 8px;
    font-size: 12px;
}

/* =========================
   FILTER BUTTONS
========================= */
button,
.elementor-button-link {
    border-radius: 30px !important;
}

/* ACTIVE FILTER */
.active {
    background: #b30000 !important;
    color: #fff !important;
}

/* =========================
   ADD BUTTON
========================= */
.add-btn {
    background: #4CAF50 !important;
    color: #fff !important;
    border-radius: 6px !important;
}

/* =========================
   HEADER SHADOW
========================= */
header {
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* =========================
   TOP SPACING FIX
========================= */
.elementor-63 .elementor-element.elementor-element-870ee0a {
    margin-top: 30px;
}/* End custom CSS */