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

.trx-page-banner{

    position:relative;

    width:100%;

    height:68vh;

    min-height:430px;

    max-height:620px;

    background: url("../../images/About-page_banner.jpg") center center / cover no-repeat;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

}



/*==========================================
        OVERLAY
==========================================*/

.trx-banner-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.55);

}



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

.trx-page-banner .trx-container{

    width:100%;

    max-width:1320px;

    margin:auto;

    padding:0 15px;

    position:relative;

    z-index:2;

}



/*==========================================
        CONTENT
==========================================*/

.trx-page-banner-content{

    text-align:center;

    color:#fff;

    margin-top:120px;

}



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

.trx-page-banner-content h1{

    font-size:72px;

    font-weight:800;

    line-height:1.1;

    margin-bottom:18px;

    text-transform:capitalize;

}



/*==========================================
        BREADCRUMB
==========================================*/

.trx-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:14px;

    font-size:18px;

    font-weight:500;

}



.trx-breadcrumb a{

    color:#fff;

    text-decoration:none;

    transition:.3s;

}



.trx-breadcrumb a:hover{

    color:#b83330;

}



.trx-breadcrumb i{

    color:#b83330;

    font-size:14px;

}



.trx-current-page{

    color:#b83330;

}



/*==========================================
        RESPONSIVE
==========================================*/

@media(max-width:1200px){

    .trx-page-banner{

        height:60vh;

    }

    .trx-page-banner-content h1{

        font-size:58px;

    }

}



@media(max-width:991px){

    .trx-page-banner{

        height:52vh;

        min-height:380px;

    }

    .trx-page-banner-content{

        margin-top:80px;

    }

    .trx-page-banner-content h1{

        font-size:46px;

    }

}



@media(max-width:768px){

    .trx-page-banner{

        height:46vh;

        min-height:320px;

    }

    .trx-page-banner-content{

        margin-top:60px;

    }

    .trx-page-banner-content h1{

        font-size:36px;

    }

    .trx-breadcrumb{

        font-size:16px;

    }

}



@media(max-width:576px){

    .trx-page-banner{

        height:42vh;

        min-height:280px;

    }

    .trx-page-banner-content h1{

        font-size:30px;

    }

    .trx-breadcrumb{

        gap:8px;

        font-size:15px;

    }

}
































/*=========================================
            MG FEATURES
=========================================*/

.mg-feature-section{

    padding:50px 0;

    background:#f8f9fc;

    overflow:hidden;

}

.mg-feature-section .trx-container{

    max-width:1200px;

    margin:auto;

    padding:0 15px;

}


/*=================================
            HEADING
==================================*/

.mg-feature-heading{

    max-width:720px;

    margin:0 auto 45px;

    text-align:center;

}

.mg-feature-tag{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:8px 22px;

    border-radius:40px;

    background:#fcf3f2;

    color:#b83330;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:18px;

}

.mg-feature-heading h2{

    font-size:44px;

    font-weight:700;

    color:#17171d;

    line-height:1.15;

    margin-bottom:15px;

}

.mg-feature-heading h2 span{

    color:#b83330;

}

.mg-feature-heading p{

    max-width:600px;

    margin:auto;

    font-size:15px;

    line-height:1.8;

    color:#6d6d6d;

}

.mg-feature-divider{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    margin-top:22px;

}

.mg-feature-divider span{

    width:70px;

    height:1px;

    background:#dddddd;

}

.mg-feature-divider i{

    color:#b83330;

    font-size:16px;

}


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

.mg-feature-grid{

    display:grid;

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

    gap:28px;

}


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

.mg-feature-card{

    position:relative;

    background:#ffffff;

    border-radius:18px;

    min-height:340px;

    padding:35px 28px;

    text-align:center;

    overflow:hidden;

    border:1px solid #ededed;

    transition:.40s;

    box-shadow:

        0 10px 30px rgba(0,0,0,.05);

}


/*=================================
            ICON
==================================*/

.mg-feature-icon{

    width:72px;

    height:72px;

    margin:0 auto 22px;

    border-radius:50%;

    background:#fcf3f2;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.40s;

}

.mg-feature-icon i{

    font-size:30px;

    color:#b83330;

}


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

.mg-feature-card h3{

    font-size:26px;

    font-weight:700;

    color:#17171d;

    margin-bottom:16px;

}


/*=================================
            DIVIDER
==================================*/

.mg-card-divider{

    width:55px;

    height:3px;

    border-radius:30px;

    background:#b83330;

    margin:0 auto 22px;

}


/*=================================
            CONTENT
==================================*/

.mg-feature-card p{

    font-size:15px;

    line-height:1.9;

    color:#6d6d6d;

}

.mg-feature-card ul{

    margin:0;

    padding:0;

    list-style:none;

}

.mg-feature-card li{

    margin-bottom:15px;

}

.mg-feature-card li span{

    display:block;

    color:#777;

    font-size:15px;

    margin-bottom:4px;

}

.mg-feature-card li strong{

    color:#17171d;

    font-size:18px;

    font-weight:700;

}

.mg-feature-card a{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-top:22px;

    text-decoration:none;

    color:#b83330;

    font-size:15px;

    font-weight:600;

    transition:.35s;

}

/*=================================
        CARD HOVER EFFECT
==================================*/

.mg-feature-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:linear-gradient(135deg,#b83330,#d96e6b);

    opacity:0;

    transition:.45s ease;

    z-index:0;

}

.mg-feature-card>*{

    position:relative;

    z-index:2;

}

/*==============================
        WATERMARK
===============================*/

.mg-feature-card::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    right:-60px;

    bottom:-60px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

    transform:scale(0);

    transition:.45s ease;

}

/*==============================
        HOVER
===============================*/

.mg-feature-card:hover{

    transform:translateY(-12px);

    border-color:#b83330;

    box-shadow:

        0 25px 60px rgba(184,51,48,.28);

}

.mg-feature-card:hover::before{

    opacity:1;

}

.mg-feature-card:hover::after{

    transform:scale(1);

}

/*==============================
        ICON
===============================*/

.mg-feature-card:hover .mg-feature-icon{

    background:#ffffff;

    transform:rotate(8deg) scale(1.08);

}

.mg-feature-card:hover .mg-feature-icon i{

    color:#b83330;

}

/*==============================
        TEXT
===============================*/

.mg-feature-card:hover h3,

.mg-feature-card:hover p,

.mg-feature-card:hover span,

.mg-feature-card:hover strong,

.mg-feature-card:hover a{

    color:#ffffff;

}

.mg-feature-card:hover .mg-card-divider{

    background:rgba(255,255,255,.35);

}

/*==============================
        LINK
===============================*/

.mg-feature-card a i{

    transition:.35s;

}

.mg-feature-card:hover a i{

    transform:translateX(6px);

}

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

.mg-feature-card,

.mg-feature-icon,

.mg-feature-icon i,

.mg-feature-card h3,

.mg-feature-card p,

.mg-feature-card span,

.mg-feature-card strong,

.mg-feature-card a,

.mg-card-divider{

    transition:.35s ease;

}


/*=================================
        FEATURE GRID RESPONSIVE
==================================*/

@media(max-width:991px){

    .mg-feature-grid{

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

    }

}

@media(max-width:576px){

    .mg-feature-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .mg-feature-card{

        min-height:auto;

        padding:30px 24px;

    }

}

































/*=========================================
        TRANZIX SKILLS
=========================================*/

.trx-skills-section{

    padding:90px 0;

    background:#f8f9fb;

    position:relative;

    overflow:hidden;

}

.trx-skills-section .trx-container{

    max-width:1200px;

    margin:auto;

    padding:0 15px;

}


/*=================================
        WRAPPER
==================================*/

.trx-skills-wrapper{

    display:grid;

    grid-template-columns:480px 1fr;

    gap:80px;

    align-items:center;

}


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

.trx-skills-content{

    max-width:470px;

}

.trx-section-tag{

    display:inline-block;

    color:#b83330;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.trx-skills-content h2{

    font-size:52px;

    line-height:1.15;

    color:#171717;

    margin-bottom:24px;

    font-weight:700;

}

.trx-skills-content h2 span{

    display:block;

}

.trx-skills-content p{

    color:#777;

    font-size:17px;

    line-height:1.9;

}


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

.trx-skills-bars{

    display:flex;

    flex-direction:column;

    gap:32px;

}


/*=================================
        ITEM
==================================*/

.trx-skill-item{

    width:100%;

}

.trx-skill-head{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:12px;

}

.trx-skill-head h5{

    font-size:21px;

    font-weight:600;

    color:#1d1d1d;

}

.trx-counter{

    font-size:18px;

    font-weight:700;

    color:#171717;

}


/*=================================
        PROGRESS
==================================*/

.trx-progress{

    width:100%;

    height:8px;

    background:#ececec;

    border-radius:50px;

    overflow:hidden;

}

.trx-progress-fill{

    width:0;

    height:100%;

    background:linear-gradient(90deg,#b83330,#d96e6b);

    border-radius:50px;

    transition:width 2s ease;

}

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

.trx-skills-section::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    top:-70px;

    left:-70px;

    background-image:radial-gradient(#d9d9d9 2px,transparent 2px);

    background-size:18px 18px;

    opacity:.8;

    border-radius:50%;

}

.trx-skills-section::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    right:-180px;

    top:-140px;

    border:2px solid rgba(0,0,0,.04);

    border-radius:50%;

}


/*=================================
        CONTENT
==================================*/

.trx-skills-content{

    position:relative;

    z-index:2;

}

.trx-skills-bars{

    position:relative;

    z-index:2;

}


/*=================================
        HOVER
==================================*/

.trx-skill-item:hover h5{

    color:#b83330;

}

.trx-skill-item h5,

.trx-counter{

    transition:.35s;

}


/*=================================
        PROGRESS
==================================*/

.trx-progress{

    position:relative;

}

.trx-progress-fill{

    position:relative;

    overflow:hidden;

}


/*=================================
        SHINE EFFECT
==================================*/

.trx-progress-fill::after{

    content:"";

    position:absolute;

    top:0;

    left:-30%;

    width:30%;

    height:100%;

    background:rgba(255,255,255,.45);

    transform:skewX(-20deg);

    animation:trxProgressShine 2.5s linear infinite;

}

@keyframes trxProgressShine{

    100%{

        left:120%;

    }

}


/*=================================
        COUNTER
==================================*/

.trx-counter{

    min-width:45px;

    text-align:right;

}


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

.trx-progress-fill,

.trx-skill-item h5,

.trx-counter{

    transition:.4s ease;

}




































/*=========================================
        TESTIMONIAL SECTION
=========================================*/

.testimonial-section-mg{

    padding:100px 0;

    background:#f8f9fc;

    overflow:hidden;

    position:relative;

}

.testimonial-section-mg .trx-container{

    max-width:1200px;

    margin:auto;

    padding:0 15px;

}


/*=================================
        WRAPPER
==================================*/

.testimonial-wrapper-mg{

    display:grid;

    grid-template-columns:340px 1fr;

    gap:60px;

    align-items:center;

}


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

.testimonial-content-mg{

    max-width:320px;

}

.testimonial-tag-mg{

    display:inline-block;

    font-size:14px;

    font-weight:700;

    color:#b83330;

    letter-spacing:2px;

    margin-bottom:18px;

}

.testimonial-content-mg h2{

    font-size:52px;

    line-height:1.08;

    font-weight:700;

    color:#171717;

    margin-bottom:25px;

}

.testimonial-content-mg h2 span{

    display:block;

}

.testimonial-content-mg p{

    font-size:16px;

    line-height:1.9;

    color:#777;

}


/*=================================
        NAVIGATION
==================================*/

.testimonial-navigation-mg{

    display:flex;

    align-items:center;

    gap:15px;

    margin-top:45px;

}

.testimonial-navigation-mg button{

    width:54px;

    height:54px;

    border:none;

    background:#fff;

    border-radius:50%;

    cursor:pointer;

    font-size:18px;

    color:#171717;

    box-shadow:

        0 10px 30px rgba(0,0,0,.07);

    transition:.35s;

}

.testimonial-navigation-mg button:hover{

    background:#b83330;

    color:#fff;

}


/*=================================
        SLIDER
==================================*/

.testimonial-slider-mg{

    overflow:hidden;

    position:relative;

}

.testimonial-track-mg{

    display:flex;

    gap:30px;

}


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

.testimonial-card-mg{

    min-width:390px;

    background:#fff;

    border-radius:18px;

    padding:35px;

    box-shadow:

        0 20px 50px rgba(0,0,0,.07);

    position:relative;

    transition:.4s;

}


/*=================================
        SPEECH ARROW
==================================*/

.testimonial-card-mg::after{

    content:"";

    position:absolute;

    left:45px;

    bottom:-15px;

    width:28px;

    height:28px;

    background:#fff;

    transform:rotate(45deg);

}


/*=================================
        STAR
==================================*/

.testimonial-rating-mg{

    display:flex;

    gap:6px;

    margin-bottom:25px;

}

.testimonial-rating-mg i{

    color:#ffc107;

    font-size:18px;

}


/*=================================
        TEXT
==================================*/

.testimonial-card-mg p{

    color:#444;

    font-size:18px;

    line-height:1.9;

}


/*=================================
        USER
==================================*/

.testimonial-user-mg{

    display:flex;

    align-items:center;

    gap:18px;

    margin-top:40px;

}

.testimonial-user-mg img{

    width:68px;

    height:68px;

    border-radius:50%;

    object-fit:cover;

}

.testimonial-avatar-mg{

    width:68px;

    height:68px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#b83330;

    color:#ffffff;

    font-size:22px;

    font-weight:700;

    flex-shrink:0;

}

.testimonial-user-mg h4{

    font-size:30px;

    color:#171717;

    margin-bottom:5px;

}

.testimonial-user-mg span{

    color:#8a8a8a;

    font-size:18px;

}


/*=================================
        HOVER
==================================*/

.testimonial-card-mg:hover{

    transform:translateY(-8px);

    box-shadow:

        0 25px 70px rgba(0,0,0,.10);

}

/*=========================================
        PREMIUM IMPROVEMENTS
=========================================*/

/* Left Side */

.testimonial-wrapper-mg{

    grid-template-columns:290px 1fr;

    gap:50px;

}

.testimonial-content-mg{

    max-width:280px;

}

.testimonial-content-mg h2{

    font-size:42px;

    line-height:1.12;

    margin-bottom:20px;

}

.testimonial-content-mg p{

    font-size:15px;

    line-height:1.8;

}

.testimonial-navigation-mg{

    margin-top:35px;

}

.testimonial-navigation-mg button{

    width:48px;

    height:48px;

    font-size:17px;

}



/*==============================
        SLIDER
===============================*/

.testimonial-track-mg{

    gap:22px;

}



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

.testimonial-card-mg{

    min-width:340px;

    max-width:340px;

    padding:28px;

    border-radius:16px;

    box-shadow:

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

}

.testimonial-card-mg::after{

    width:24px;

    height:24px;

    bottom:-12px;

}



/*==============================
        STAR
===============================*/

.testimonial-rating-mg{

    margin-bottom:18px;

}

.testimonial-rating-mg i{

    font-size:16px;

}



/*==============================
        TEXT
===============================*/

.testimonial-card-mg p{

    font-size:16px;

    line-height:1.85;

    color:#4d4d4d;

}



/*==============================
        USER
===============================*/

.testimonial-user-mg{

    margin-top:28px;

    gap:15px;

}

.testimonial-user-mg img{

    width:58px;

    height:58px;

    border:3px solid #fff;

    box-shadow:

        0 8px 20px rgba(0,0,0,.08);

}

.testimonial-user-mg h4{

    font-size:22px;

    margin-bottom:2px;

}

.testimonial-user-mg span{

    font-size:15px;

}



/*==============================
        HOVER
===============================*/

.testimonial-card-mg{

    transition:.35s;

}

.testimonial-card-mg:hover{

    transform:translateY(-8px);

    box-shadow:

        0 20px 55px rgba(0,0,0,.10);

}

.testimonial-card-mg:hover .testimonial-rating-mg i{

    transform:scale(1.08);

}

.testimonial-rating-mg i{

    transition:.35s;

}



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

.testimonial-section-mg::before{

    content:"";

    position:absolute;

    width:240px;

    height:240px;

    left:-90px;

    top:-80px;

    border-radius:50%;

    background-image:

    radial-gradient(#d8d8d8 2px,transparent 2px);

    background-size:18px 18px;

    opacity:.65;

}

.testimonial-section-mg::after{

    content:"";

    position:absolute;

    right:-120px;

    top:-120px;

    width:320px;

    height:320px;

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

    border-radius:50%;

}


/*=================================
        TESTIMONIAL RESPONSIVE
==================================*/

@media(max-width:991px){

    .testimonial-wrapper-mg{

        grid-template-columns:1fr;

        gap:35px;

    }

    .testimonial-content-mg{

        max-width:100%;

    }

}

@media(max-width:768px){

    .testimonial-content-mg h2{

        font-size:34px;

    }

    .testimonial-card-mg{

        min-width:280px;

        max-width:280px;

    }
}

@media(max-width:480px){

    .testimonial-content-mg h2{

        font-size:28px;

    }

    .testimonial-card-mg{

        min-width:78vw;

        max-width:78vw;

        padding:22px;

    }

    .testimonial-user-mg h4{

        font-size:20px;

    }
}


















































/*=========================================
        OUR CLIENTS SECTION
=========================================*/

.our-clients-section-mg{

    padding:80px 0;

    background:#fff;

    overflow:hidden;

    position:relative;

}

.our-clients-section-mg .trx-container{

    max-width:1200px;

    margin:auto;

    padding:0;

}



/*=================================
            HEADING
==================================*/

.our-clients-heading-mg{

    text-align:center;

    margin-bottom:45px;

}

.our-clients-heading-mg span{

    display:inline-block;

    color:#b83330;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:15px;

}

.our-clients-heading-mg h2{

    font-size:48px;

    font-weight:700;

    color:#1d1d1d;

    line-height:1.2;

}

.our-clients-heading-mg h2 strong{

    color:#b83330;

    font-weight:800;

}

.heading-line-mg{

    width:70px;

    height:4px;

    background:#b83330;

    border-radius:30px;

    margin:22px auto 0;

}



/*=================================
            SLIDER
==================================*/

.clients-slider-wrapper-mg{

    display:flex;

    align-items:center;

    gap:18px;

}

.clients-slider-mg{

    flex:1;

    overflow:hidden;

}

.clients-track-mg{

    display:flex;

    gap:20px;

    transition:.7s ease;

}



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

.client-card-mg{

    min-width:210px;

    height:120px;

    background:#fff;

    border:1px solid #ececec;

    border-radius:16px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:20px;

    cursor:pointer;

    transition:.35s;

    box-shadow:

    0 8px 25px rgba(0,0,0,.05);

}

.client-card-mg img{

    width:85%;

    max-height:45px;

    object-fit:contain;

    filter:grayscale(100%);

    opacity:.75;

    transition:.35s;

}



/*=================================
        PREMIUM HOVER
==================================*/

.client-card-mg:hover{

    background:#111;

    border-color:#111;

    transform:translateY(-8px);

    box-shadow:

    0 20px 45px rgba(0,0,0,.18);

}

.client-card-mg:hover img{

    filter:brightness(0) invert(1);

    opacity:1;

}



/*=================================
            BUTTONS
==================================*/

.client-prev-btn-mg,
.client-next-btn-mg{

    width:56px;

    height:56px;

    border:none;

    border-radius:50%;

    background:#fff;

    cursor:pointer;

    flex-shrink:0;

    font-size:18px;

    color:#111;

    transition:.35s;

    box-shadow:

    0 10px 25px rgba(0,0,0,.08);

}

.client-prev-btn-mg:hover,
.client-next-btn-mg:hover{

    background:#b83330;

    color:#fff;

}



/*=================================
        PAGINATION
==================================*/

.clients-pagination-mg{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    margin-top:30px;

}

.clients-pagination-mg span{

    width:10px;

    height:10px;

    border-radius:50%;

    background:#d6d6d6;

    transition:.35s;

}

.clients-pagination-mg .active-mg{

    width:28px;

    border-radius:20px;

    background:#b83330;

}



/*=================================
        PREMIUM EFFECT
==================================*/

.client-card-mg::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:16px;

    pointer-events:none;

}

.client-card-mg{

    position:relative;

    overflow:hidden;

}

.client-card-mg::after{

    content:"";

    position:absolute;

    top:-120%;

    left:-40%;

    width:50%;

    height:300%;

    background:rgba(255,255,255,.18);

    transform:rotate(25deg);

    transition:.8s;

}

.client-card-mg:hover::after{

    left:140%;

}

































/*=========================================
        NEWSLETTER SECTION
=========================================*/

.newsletter-section-mg{

    padding:90px 0;

    background:#ffffff;

    overflow:hidden;

}

.newsletter-section-mg .trx-container{

    max-width:1200px;

    margin:auto;

    padding:0 15px;

}


/*=========================================
        MAIN BOX
=========================================*/

.newsletter-box-mg{

    position:relative;

    background:#ffffff;

    border-radius:30px;

    padding:65px 70px;

    overflow:hidden;

    border:1px solid #f1f1f1;

    box-shadow:
    0 20px 60px rgba(0,0,0,.06);

}


/*=========================================
        MAPS
=========================================*/

.newsletter-map-left-mg,
.newsletter-map-right-mg{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:320px;

    opacity:.08;

    pointer-events:none;

}

.newsletter-map-left-mg{

    left:-60px;

}

.newsletter-map-right-mg{

    right:-60px;

}

.newsletter-map-left-mg img,
.newsletter-map-right-mg img{

    width:100%;

}


/*=========================================
        HEADING
=========================================*/

.newsletter-heading-mg{

    position:relative;

    z-index:2;

    text-align:center;

}

.newsletter-heading-mg span{

    display:block;

    font-size:14px;

    font-weight:700;

    letter-spacing:3px;

    color:#b83330;

    margin-bottom:14px;

}

.newsletter-line-mg{

    width:70px;

    height:4px;

    border-radius:20px;

    background:#b83330;

    margin:0 auto 28px;

}

.newsletter-heading-mg h2{

    font-size:54px;

    font-weight:700;

    line-height:1.15;

    color:#101010;

}

.newsletter-heading-mg h2 strong{

    color:#b83330;

}

.newsletter-heading-mg p{

    max-width:650px;

    margin:25px auto 0;

    font-size:18px;

    line-height:1.8;

    color:#7a7a7a;

}


/*=========================================
        FORM
=========================================*/

.newsletter-form-mg{

    position:relative;

    z-index:2;

    margin:45px auto 0;

    max-width:820px;

    background:#fff;

    display:flex;

    align-items:center;

    border-radius:60px;

    overflow:hidden;

    border:1px solid #ededed;

    box-shadow:
    0 15px 45px rgba(0,0,0,.08);

}


/*=========================================
        INPUT
=========================================*/

.newsletter-input-mg{

    flex:1;

    display:flex;

    align-items:center;

    gap:18px;

    padding:0 32px;

}

.newsletter-input-mg i{

    font-size:22px;

    color:#b83330;

}

.newsletter-input-mg input{

    width:100%;

    height:76px;

    border:none;

    outline:none;

    font-size:18px;

    color:#222;

    background:transparent;

}

.newsletter-input-mg input::placeholder{

    color:#8f8f8f;

}


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

.newsletter-form-mg button{

    border:none;

    height:76px;

    padding:0 45px;

    background:linear-gradient(135deg,#b83330,#b83330);

    color:#fff;

    font-size:18px;

    font-weight:600;

    cursor:pointer;

    display:flex;

    align-items:center;

    gap:14px;

    transition:.35s;

}

.newsletter-form-mg button:hover{

    background:#101010;

}

.newsletter-form-mg button i{

    transition:.35s;

}

.newsletter-form-mg button:hover i{

    transform:translateX(8px);

}


/*=========================================
        BOTTOM
=========================================*/

.newsletter-bottom-mg{

    position:relative;

    z-index:2;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:45px;

    margin-top:35px;

}

.newsletter-bottom-mg div{

    display:flex;

    align-items:center;

    gap:10px;

}

.newsletter-bottom-mg i{

    color:#b83330;

    font-size:20px;

}

.newsletter-bottom-mg span{

    font-size:17px;

    color:#444;

}


/*=========================================
        HOVER EFFECT
=========================================*/

.newsletter-box-mg{

    transition:.4s;

}

.newsletter-box-mg:hover{

    transform:translateY(-8px);

    box-shadow:
    0 30px 80px rgba(0,0,0,.10);

}
/*=========================================
        PREMIUM EFFECTS
=========================================*/

/* Orange Glow */

.newsletter-box-mg::before{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    left:-130px;

    bottom:-130px;

    background:radial-gradient(circle,
    rgba(184,51,48,.15),
    transparent 70%);

    border-radius:50%;

    pointer-events:none;

}

.newsletter-box-mg::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    right:-130px;

    top:-130px;

    background:radial-gradient(circle,
    rgba(184,51,48,.12),
    transparent 70%);

    border-radius:50%;

    pointer-events:none;

}


/*=================================
        INPUT FOCUS
==================================*/

.newsletter-form-mg{

    transition:.35s;

}

.newsletter-form-mg:focus-within{

    border-color:#b83330;

    box-shadow:
    0 18px 45px rgba(184,51,48,.18);

}


/*=================================
        BUTTON SHINE
==================================*/

.newsletter-form-mg button{

    position:relative;

    overflow:hidden;

}

.newsletter-form-mg button::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:70px;

    height:100%;

    background:rgba(255,255,255,.35);

    transform:skewX(-25deg);

    transition:.7s;

}

.newsletter-form-mg button:hover::before{

    left:130%;

}


/*=================================
        INPUT ANIMATION
==================================*/

.newsletter-input-mg i{

    transition:.3s;

}

.newsletter-form-mg:focus-within .newsletter-input-mg i{

    transform:scale(1.15);

    color:#b83330;

}


/*=================================
        TRUST ITEMS
==================================*/

.newsletter-bottom-mg div{

    transition:.3s;

}

.newsletter-bottom-mg div:hover{

    transform:translateY(-3px);

}

.newsletter-bottom-mg div:hover span{

    color:#101010;

}


/*=================================
        RESPONSIVE
==================================*/

@media(max-width:992px){

    .newsletter-box-mg{

        padding:55px 35px;

    }

    .newsletter-heading-mg h2{

        font-size:42px;

    }

    .newsletter-form-mg{

        flex-direction:column;

        border-radius:20px;

        overflow:hidden;

    }

    .newsletter-input-mg{

        width:100%;

    }

    .newsletter-form-mg button{

        width:100%;

        justify-content:center;

    }

    .newsletter-bottom-mg{

        gap:25px;

        flex-wrap:wrap;

    }

}


@media(max-width:768px){

    .newsletter-section-mg{

        padding:70px 0;

    }

    .newsletter-box-mg{

        padding:45px 25px;

        border-radius:20px;

    }

    .newsletter-heading-mg h2{

        font-size:34px;

    }

    .newsletter-heading-mg p{

        font-size:15px;

    }

    .newsletter-input-mg input{

        height:65px;

        font-size:16px;

    }

    .newsletter-form-mg button{

        height:65px;

        font-size:16px;

    }

    .newsletter-map-left-mg,

    .newsletter-map-right-mg{

        display:none;

    }

}


@media(max-width:576px){

    .newsletter-heading-mg h2{

        font-size:28px;

    }

    .newsletter-heading-mg span{

        font-size:12px;

        letter-spacing:2px;

    }

    .newsletter-input-mg{

        padding:0 20px;

        gap:12px;

    }

    .newsletter-bottom-mg{

        flex-direction:column;

        gap:15px;

    }

}















































/*=========================================
        ABOUT GALLERY
=========================================*/

.about-gallery-mg{

    padding:120px 0;

    background:#ffffff;

    overflow:hidden;

}

.about-gallery-mg .container-mg{

    width:100%;

    max-width:1200px;

    margin:0 auto;

    padding:0 15px;

}

.about-gallery-wrapper-mg{

    display:grid;

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

    gap:60px;

    align-items:center;

}



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

.about-image-card-mg{

    position:relative;

    border-radius:18px;

    overflow:hidden;

}

.about-image-card-mg img{

    width:100%;

    height:520px;

    object-fit:cover;

    display:block;

    border-radius:18px;

    transition:.5s;

}

.about-image-card-mg:hover img{

    transform:scale(1.04);

}



/*=================================
        LEFT TEXT
==================================*/

.about-gallery-text-mg{

    margin-top:35px;

    font-size:17px;

    line-height:1.9;

    color:#666;

}



/*=================================
        CONTENT
==================================*/

.about-gallery-content-mg{

    margin-bottom:45px;

}

.about-subtitle-mg{

    display:inline-block;

    font-size:24px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#b83330;

    margin-bottom:5px;

}

.about-gallery-content-mg h2{

    font-size:25px;

    line-height:1.25;

    font-weight:500;

    color:#111;

    margin-bottom:2px;

}

.about-gallery-content-mg p{

    font-size:17px;

    line-height:1.9;

    color:#666;

}



/*=================================
        DOT SHAPE
==================================*/

.about-image-card-mg::before{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    background-image:radial-gradient(#111 2px,transparent 2px);

    background-size:16px 16px;

    left:-55px;

    top:50%;

    transform:translateY(-50%);

    opacity:.25;

    z-index:-1;

}



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

.about-gallery-right-mg .about-image-card-mg::before{

    left:auto;

    right:-55px;

}



/*=================================
        RESPONSIVE
==================================*/

@media(max-width:992px){

    .about-gallery-wrapper-mg{

        grid-template-columns:1fr;

        gap:50px;

    }

    .about-gallery-content-mg{

        margin-bottom:35px;

    }

}

@media(max-width:768px){

    .about-gallery-mg{

        padding:80px 0;

    }

    .about-image-card-mg img{

        height:380px;

    }

    .about-gallery-content-mg h2{

        font-size:34px;

    }

    .about-gallery-text-mg,

    .about-gallery-content-mg p{

        font-size:16px;

    }

}

@media(max-width:576px){

    .about-image-card-mg img{

        height:300px;

    }

    .about-gallery-content-mg h2{

        font-size:28px;

    }

}

















































/*=========================================
        VIDEO INTRO SECTION
=========================================*/

.video-intro-section-mg{

    position:relative;

    width:100%;

    height:760px;

    overflow:hidden;

}

.video-bg-mg{

    position:absolute;

    inset:0;

}

.video-bg-mg img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

.video-overlay-mg{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.58);

}

.video-intro-section-mg .container-mg{

    position:relative;

    z-index:2;

    max-width:1200px;

    height:100%;

    margin:0 auto;

    padding:0 15px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.video-content-mg{

    max-width:860px;

    text-align:center;

}

.video-content-mg h2{

    font-size:72px;

    line-height:1.15;

    font-weight:800;

    color:#fff;

    margin-bottom:30px;

}

.video-content-mg p{

    max-width:720px;

    margin:0 auto;

    font-size:24px;

    line-height:1.7;

    color:rgba(255,255,255,.92);

}



/*=========================================
        PLAY BUTTON
=========================================*/

.video-play-btn-mg{

    margin-top:55px;

    border:none;

    background:none;

    cursor:pointer;

}

.video-play-circle-mg{

    width:126px;

    height:126px;

    border-radius:50%;

    border:5px solid #fff;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(6px);

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

    transition:.35s;

}

.video-play-circle-mg::before{

    content:"";

    position:absolute;

    width:155px;

    height:155px;

    border-radius:50%;

    background:rgba(255,255,255,.06);

    z-index:-1;

}

.video-play-circle-mg i{

    color:#fff;

    font-size:42px;

    margin-left:8px;

}

.video-play-btn-mg:hover .video-play-circle-mg{

    transform:scale(1.06);

}



/*=========================================
            VIDEO POPUP
=========================================*/

.video-popup-mg{

    position:fixed;

    inset:0;

    display:flex;

    align-items:center;

    justify-content:center;

    visibility:hidden;

    opacity:0;

    transition:.35s;

    z-index:99999;

}

.video-popup-mg.active-mg{

    visibility:visible;

    opacity:1;

}



/* Overlay */

.video-popup-overlay-mg{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.82);

}



/*=========================================
        POPUP BOX
=========================================*/

.video-popup-box-mg{

    position:relative;

    width:1140px;

    max-width:92%;

    background:#000;

    z-index:2;

}



/* 16:9 */

.video-frame-mg{

    position:relative;

    width:100%;

    padding-top:56.25%;

}

.video-frame-mg iframe{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    border:none;

}



/*=========================================
            CLOSE
=========================================*/

.video-close-mg{

    position:absolute;

    top:-48px;

    right:0;

    width:42px;

    height:42px;

    border:none;

    background:transparent;

    color:#fff;

    cursor:pointer;

    font-size:32px;

    z-index:10;

}



/*=========================================
        RESPONSIVE
=========================================*/

@media(max-width:992px){

    .video-intro-section-mg{

        height:620px;

    }

    .video-content-mg h2{

        font-size:52px;

    }

    .video-content-mg p{

        font-size:20px;

    }

    .video-play-circle-mg{

        width:100px;

        height:100px;

    }

}



@media(max-width:768px){

    .video-intro-section-mg{

        height:520px;

    }

    .video-content-mg h2{

        font-size:38px;

    }

    .video-content-mg p{

        font-size:17px;

    }

    .video-play-circle-mg{

        width:82px;

        height:82px;

    }

    .video-play-circle-mg::before{

        width:105px;

        height:105px;

    }

    .video-play-circle-mg i{

        font-size:28px;

    }

}