.elementor-13425 .elementor-element.elementor-element-4f1751c .trx_addons_bg_text{z-index:0;}.elementor-13425 .elementor-element.elementor-element-4f1751c .trx_addons_bg_text.trx_addons_marquee_wrap:not(.trx_addons_marquee_reverse) .trx_addons_marquee_element{padding-right:50px;}.elementor-13425 .elementor-element.elementor-element-4f1751c .trx_addons_bg_text.trx_addons_marquee_wrap.trx_addons_marquee_reverse .trx_addons_marquee_element{padding-left:50px;}/* Start custom CSS for html, class: .elementor-element-0f2ade9 *//*====================================================
MILLENNIUM TEAM PAGE
PREMIUM CSS
PART 1
====================================================*/


/*==============================
RESET
==============================*/

.mm-team-page *,
.mm-team-page *::before,
.mm-team-page *::after{
    box-sizing:border-box;
}

.mm-team-page img{
    display:block;
    max-width:100%;
}


/*==============================
PAGE
==============================*/

.mm-team-page{

    position:relative;

    overflow:hidden;

    background:#F8F6F2;

    padding:100px 0;

}


/*==============================
BACKGROUND
==============================*/

.mm-bg{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        rgba(248,246,242,.35),
        rgba(248,246,242,.55)
    ),
    url("https://staging2.insprago.com/millennium/wp-content/uploads/2026/06/uae.webp");

    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    background-attachment:fixed;

    z-index:0;

}


/*==============================
CONTAINER
==============================*/

.mm-container{

    position:relative;

    z-index:2;

    width:92%;

    max-width:1380px;

    margin:auto;

}


/*==============================
PATRON SECTION
==============================*/

.mm-patron-section{

    margin-bottom:120px;

}


/*==============================
HEADER
==============================*/

.mm-patron-header{

    max-width:650px;

    margin-bottom:45px;

}


/*==============================
SUB TITLE
==============================*/

.mm-subtitle{

    display:inline-flex;

    align-items:center;

    gap:14px;

    color:#B57B36;

    font-size:13px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:22px;

}

.mm-subtitle::before{

    content:"";

    width:42px;

    height:2px;

    background:#B57B36;

}


/*==============================
TITLE
==============================*/

.mm-title{

    margin:0;

    color:#222;

    font-size:58px;

    line-height:1.05;

    font-weight:700;

}

.mm-title span{

    display:block;

}


/*==============================
DESCRIPTION
==============================*/

.mm-description{

    margin-top:25px;

    color:#666;

    font-size:16px;

    line-height:1.9;

    max-width:520px;

}


/*==============================
GRID
==============================*/

.mm-patron-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}


/*==============================
CARD
==============================*/

.mm-patron-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    border:1px solid rgba(0,0,0,.05);

    box-shadow:

    0 15px 40px rgba(0,0,0,.08);

    transition:.35s;

}

.mm-patron-card:hover{

    transform:translateY(-8px);

    box-shadow:

    0 30px 60px rgba(0,0,0,.13);

}


/*==============================
IMAGE
==============================*/

.mm-patron-image{

    overflow:hidden;

}

.mm-patron-image img{

    width:100%;

    height:390px;

    object-fit:cover;

    transition:.5s;

}

.mm-patron-card:hover img{

    transform:scale(1.05);

}


/*==============================
BODY
==============================*/

.mm-patron-content{

    padding:28px;

}


/*==============================
GOLD LINE
==============================*/

.mm-gold-line{

    display:block;

    width:60px;

    height:4px;

    background:#B57B36;

    border-radius:20px;

    margin-bottom:18px;

}


/*==============================
NAME
==============================*/

.mm-patron-content h3{

    margin:0 0 10px;

    color:#222;

    font-size:22px;

    line-height:1.35;

    font-weight:700;

}


/*==============================
DESIGNATION
==============================*/

.mm-patron-content p{

    margin:0;

    color:#777;

    font-size:15px;

}/*====================================================
MILLENNIUM TEAM PAGE
PREMIUM CSS
PART 2
====================================================*/


/*==============================
TEAM SECTION
==============================*/

.mm-team-section{

    display:grid;

    grid-template-columns:320px 1fr;

    gap:55px;

    align-items:start;

}


/*==============================
LEFT SIDE
==============================*/

.mm-team-left{

    position:sticky;

    top:100px;

}

.mm-team-left .mm-title{

    font-size:56px;

}

.mm-team-left .mm-description{

    max-width:290px;

}


/*==============================
RIGHT SIDE
==============================*/

.mm-team-right{

    width:100%;

}


/*==============================
GRID
==============================*/

.mm-team-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:28px;

}


/*==============================
CARD
==============================*/

.mm-member{

    position:relative;

    background:#fff;

    border-radius:22px;

    padding:34px 28px;

    text-align:center;

    overflow:hidden;

    border:1px solid rgba(181,123,54,.08);

    box-shadow:
    0 15px 40px rgba(0,0,0,.07);

    transition:.35s;

}

.mm-member:hover{

    transform:translateY(-8px);

    box-shadow:
    0 30px 60px rgba(0,0,0,.12);

}


/*==============================
TOP BORDER
==============================*/

.mm-member::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:#B57B36;

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}

.mm-member:hover::before{

    transform:scaleX(1);

}


/*==============================
GLOW
==============================*/

.mm-member::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

    top:-130px;

    right:-130px;

    background:rgba(181,123,54,.05);

    transition:.4s;

}

.mm-member:hover::after{

    transform:scale(1.25);

}


/*==============================
AVATAR
==============================*/

.mm-avatar{

    width:250px;

    height:250px;

    margin:0 auto 24px;

    border-radius:2%;

    overflow:hidden;

    border:5px solid #F4EFE5;

    background:#fff;

    box-shadow:
    0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

}

.mm-avatar img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.45s;

}

.mm-member:hover .mm-avatar{

    border-color:#B57B36;

}

.mm-member:hover .mm-avatar img{

    transform:scale(1.08);

}


/*==============================
NAME
==============================*/

.mm-member h4{

    margin:0;

    color:#222;

    font-size:22px;

    line-height:1.35;

    font-weight:700;

}


/*==============================
DESIGNATION
==============================*/

.mm-member h5{

    margin:12px 0 18px;

    color:#B57B36;

    font-size:14px;

    line-height:1.6;

    text-transform:uppercase;

    letter-spacing:1px;

    font-weight:600;

}


/*==============================
DESCRIPTION
==============================*/

.mm-member p{

    margin:0;

    color:#666;

    font-size:15px;

    line-height:1.8;

}


/*==============================
EQUAL HEIGHT
==============================*/

.mm-member{

    display:flex;

    flex-direction:column;

}

.mm-member p{

    flex:1;

}


/*==============================
SMOOTH
==============================*/

.mm-member,
.mm-avatar,
.mm-avatar img{

    transition:all .35s ease;

}/*====================================================
MILLENNIUM TEAM PAGE
PREMIUM CSS
PART 3 (RESPONSIVE)
====================================================*/


/* ==========================================
Large Desktop
========================================== */

@media (max-width:1400px){

.mm-container{
    max-width:1260px;
}

.mm-title{
    font-size:52px;
}

.mm-patron-image img{
    height:360px;
}

}


/* ==========================================
Laptop
========================================== */

@media (max-width:1200px){

.mm-team-section{
    grid-template-columns:280px 1fr;
    gap:60px;
}

.mm-title{
    font-size:48px;
}

.mm-patron-grid,
.mm-team-grid{
    gap:22px;
}

.mm-patron-image img{
    height:340px;
}

.mm-avatar{
    width:125px;
    height:125px;
}

}


/* ==========================================
Tablet
========================================== */

@media (max-width:991px){

.mm-team-page{
    padding:80px 0;
}

.mm-patron-header{
    margin-bottom:35px;
}

.mm-patron-grid{
    grid-template-columns:repeat(2,1fr);
}

.mm-team-section{
    grid-template-columns:1fr;
    gap:45px;
}

.mm-team-left{
    position:relative;
    top:auto;
}

.mm-team-left .mm-description{
    max-width:100%;
}

.mm-team-grid{
    grid-template-columns:repeat(2,1fr);
}

.mm-title{
    font-size:42px;
}

.mm-patron-image img{
    height:330px;
}

}


/* ==========================================
Mobile Landscape
========================================== */

@media (max-width:767px){

.mm-team-page{
    padding:70px 0;
}

.mm-container{
    width:92%;
}

.mm-patron-grid,
.mm-team-grid{
    grid-template-columns:1fr;
}

.mm-patron-grid{
    max-width:360px;
    margin:auto;
}

.mm-team-grid{
    max-width:380px;
    margin:auto;
}

.mm-title{
    font-size:34px;
}

.mm-subtitle{
    letter-spacing:2px;
    font-size:12px;
}

.mm-description{
    max-width:100%;
    font-size:15px;
}

.mm-team-left{
    text-align:center;
}

.mm-patron-header{
    text-align:center;
}

.mm-subtitle{
    justify-content:center;
}

.mm-patron-image img{
    height:380px;
}

.mm-member{
    padding:30px 24px;
}

.mm-avatar{
    width:120px;
    height:120px;
}

.mm-member h4{
    font-size:20px;
}

.mm-member h5{
    font-size:13px;
}

}


/* ==========================================
Small Mobile
========================================== */

@media (max-width:575px){

.mm-team-page{
    padding:60px 0;
}

.mm-title{
    font-size:30px;
    line-height:1.2;
}

.mm-description{
    font-size:14px;
    line-height:1.8;
}

.mm-patron-image img{
    height:320px;
}

.mm-patron-content{
    padding:22px;
}

.mm-patron-content h3{
    font-size:20px;
}

.mm-member{
    padding:28px 20px;
}

.mm-avatar{
    width:105px;
    height:105px;
}

.mm-member h4{
    font-size:19px;
}

.mm-member h5{
    font-size:12px;
}

.mm-member p{
    font-size:14px;
}

}


/* ==========================================
Extra Small Phones
========================================== */

@media (max-width:380px){

.mm-title{
    font-size:26px;
}

.mm-patron-image img{
    height:280px;
}

.mm-avatar{
    width:95px;
    height:95px;
}

.mm-member{
    padding:22px 18px;
}

.mm-patron-content{
    padding:18px;
}

.mm-patron-content h3{
    font-size:18px;
}

}


/* ==========================================
SMOOTH RENDERING
========================================== */

html{
    scroll-behavior:smooth;
}

.mm-patron-card,
.mm-member,
.mm-avatar,
.mm-patron-image img{
    will-change:transform;
}/* End custom CSS */