/* ==========================================
   LOADER
========================================== */

#loader img {
    width: 80px;
    height: 80px;
}


/* ==========================================
   HERO
========================================== */
.hero-content h1,
.hero-content h2{
    font-size:3.8rem;
    font-weight:800;
    color:#fff;
    margin-bottom:20px;
}


.hero{
    position:relative;
    height:100vh;
    overflow:hidden;
}

.heroSwiper,
.swiper-slide{
    width:100%;
    height:100vh;
}

.hero video{
    width:100%;
    height:100%;
    object-fit:cover;
}

.hero-image{
    background-size:cover;
    background-position:center;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        rgba(7,27,47,.75),
        rgba(7,27,47,.55)
    );
}

.hero-content{
    position:relative;
    z-index:5;
    max-width:700px;
    color:#fff;
    padding-top:220px;
}

.hero-content h1{
    font-size:3.8rem;
    font-weight:800;
    color:#fff;
    margin-bottom:20px;
}

.hero-content p{
    font-size:1.15rem;
    margin-bottom:35px;
    color:#f4f4f4;
}

.hero-buttons{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.scroll-down{
    position:absolute;
    bottom:35px;
    left:50%;
    transform:translateX(-50%);
    z-index:10;
}

.scroll-down a{
    color:#fff;
    font-size:2rem;
    animation:float 2s infinite;
}


@media (prefers-reduced-motion: reduce){

    *,
    *::before,
    *::after{
        animation-duration:0.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:0.01ms !important;
        scroll-behavior:auto !important;
    }

}

/*==========================================
ABOUT SECTION
==========================================*/

.about-home{

    background:#fff;

}

.about-image{

    border-radius:20px;

    overflow:hidden;

    box-shadow:var(--shadow-xl);

}

.about-image img{

    width:100%;

    transition:.6s;

}

.about-image:hover img{

    transform:scale(1.05);

}


.about-list{
    list-style:none;
    padding:0;
    margin:30px 0 0;
}

.about-list li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:18px;
    font-weight:600;
    line-height:1.6;
}

.about-list i{
    flex:0 0 auto;
    color:var(--gold);
    margin-top:5px;
}


.about-list div{

    margin-bottom:18px;

    font-weight:600;

}

.about-list i{

    color:var(--gold);

    margin-right:12px;

}

.about-actions{
    display:flex;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
}

.btn-outline-darkblue{
    border:2px solid var(--primary);
    color:var(--primary);
    background:transparent;
}

.btn-outline-darkblue:hover{
    background:var(--primary);
    border-color:var(--primary);
    color:#fff;
}

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

.counter-section{

    background:var(--primary);

    padding:80px 0;

}

.counter-box{

    text-align:center;

    color:#fff;

}

.counter-box i{

    font-size:50px;

    color:var(--gold);

    margin-bottom:20px;

}


.counter-number{
    font-size:2.7rem;
    line-height:1.1;
    font-weight:800;
    color:#fff;
    margin:15px 0 10px;
}


.counter-box p{

    color:#ddd;

}


@media (max-width:575px){

    .counter-box{
        padding:28px 12px;
    }

    .counter-number{
        font-size:2rem;
    }

    .counter-box i{
        font-size:30px;
    }

    .counter-box p{
        font-size:.88rem;
        line-height:1.5;
    }

}

/*==========================================
WHY CHOOSE US
==========================================*/

.why-us {
    position: relative;
    background: #f8fafc;
    overflow: hidden;
}


/*------------------------------------------
SECTION TITLE
------------------------------------------*/

.why-us .section-title {
    max-width: 760px;
    margin: 0 auto 50px;
}

.why-us .section-title span {
    display: inline-block;
    margin-bottom: 10px;
    color: var(--gold);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.why-us .section-title h2 {
    margin-bottom: 18px;
    color: var(--primary);
    font-weight: 800;
}

.why-us .section-title p {
    margin: 0 auto;
    color: #667085;
    line-height: 1.8;
}


/*------------------------------------------
FEATURE CARD
------------------------------------------*/

.feature-card {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;

    height: 100%;
    padding: 40px 30px;

    background: #ffffff;

    border: 1px solid rgba(7, 27, 47, 0.06);
    border-radius: 18px;

    text-align: center;

    box-shadow: 0 12px 35px rgba(7, 27, 47, 0.07);

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        background-color 0.35s ease,
        border-color 0.35s ease;
}


/* Gold top accent */

.feature-card::before {
    content: "";

    position: absolute;
    top: 0;
    left: 50%;

    width: 60px;
    height: 4px;

    background: var(--gold);

    transform: translateX(-50%);

    transition: width 0.35s ease;
}


/*------------------------------------------
ICON
------------------------------------------*/

.feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 82px;
    height: 82px;

    margin-bottom: 25px;

    background: rgba(212, 175, 55, 0.12);

    border-radius: 50%;

    transition:
        background-color 0.35s ease,
        transform 0.35s ease;
}

.feature-icon i {
    color: var(--gold);

    font-size: 34px;

    transition:
        color 0.35s ease,
        transform 0.35s ease;
}


/*------------------------------------------
CONTENT
------------------------------------------*/

.feature-card h3 {
    margin-bottom: 15px;

    color: var(--primary);

    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.35;

    transition: color 0.35s ease;
}

.feature-card p {
    margin: 0;

    color: #667085;

    font-size: 0.96rem;
    line-height: 1.75;

    transition: color 0.35s ease;
}


/*------------------------------------------
HOVER
------------------------------------------*/

.feature-card:hover {
    background: var(--primary);

    border-color: var(--primary);

    transform: translateY(-8px);

    box-shadow: 0 22px 45px rgba(7, 27, 47, 0.18);
}

.feature-card:hover::before {
    width: 100%;
}

.feature-card:hover .feature-icon {
    background: rgba(255, 255, 255, 0.10);

    transform: translateY(-3px);
}

.feature-card:hover .feature-icon i {
    color: var(--gold);

    transform: scale(1.08);
}

.feature-card:hover h3 {
    color: #ffffff;
}

.feature-card:hover p {
    color: rgba(255, 255, 255, 0.82);
}


/*==========================================
TABLET
==========================================*/

@media (max-width: 991px) {

    .why-us .section-title {
        margin-bottom: 40px;
    }

    .feature-card {
        padding: 35px 25px;
    }

}


/*==========================================
MOBILE
==========================================*/

@media (max-width: 767px) {

    .why-us .section-title {
        margin-bottom: 35px;
    }

    .feature-card {
        padding: 32px 22px;
    }

    .feature-icon {
        width: 72px;
        height: 72px;

        margin-bottom: 20px;
    }

    .feature-icon i {
        font-size: 30px;
    }

    .feature-card h3 {
        font-size: 1.2rem;
    }

    .feature-card p {
        font-size: 0.94rem;
    }

}


/*==========================================
REDUCED MOTION ACCESSIBILITY
==========================================*/

@media (prefers-reduced-motion: reduce) {

    .feature-card,
    .feature-card::before,
    .feature-icon,
    .feature-icon i,
    .feature-card h3,
    .feature-card p {
        transition: none;
    }

    .feature-card:hover {
        transform: none;
    }

    .feature-card:hover .feature-icon,
    .feature-card:hover .feature-icon i {
        transform: none;
    }

}



/*==========================================
OUR SERVICES
==========================================*/

.services-home {
    background: #ffffff;
}


/*------------------------------------------
SECTION TITLE
------------------------------------------*/

.services-home .section-title {
    max-width: 760px;
    margin: 0 auto 50px;
}

.services-home .section-title p {
    margin-left: auto;
    margin-right: auto;
}


/*------------------------------------------
SERVICE CARD
------------------------------------------*/

.service-card {
    display: flex;
    flex-direction: column;

    height: 100%;

    background: #ffffff;

    border: 1px solid rgba(7, 27, 47, 0.07);
    border-radius: 20px;

    overflow: hidden;

    box-shadow: var(--shadow-md);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/*------------------------------------------
SERVICE IMAGE
------------------------------------------*/

.service-image {
    position: relative;

    height: 220px;

    overflow: hidden;

    background: #eef1f5;
}

.service-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform 0.45s ease;
}


/* Gold accent */

.service-image::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 0;
    height: 4px;

    background: var(--gold);

    transition: width 0.35s ease;
}


/*------------------------------------------
SERVICE CONTENT
------------------------------------------*/

.service-content {
    display: flex;
    flex-direction: column;
    flex: 1;

    padding: 26px;
}

.service-content h3 {
    margin-bottom: 14px;

    color: var(--primary);

    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.35;
}

.service-content p {
    margin-bottom: 24px;

    color: #667085;

    line-height: 1.7;
}


/*
Push the button to the bottom.
This keeps all card buttons aligned even when
paragraph lengths are different.
*/

.service-content .btn {
    align-self: flex-start;

    margin-top: auto;
}


/*------------------------------------------
HOVER
------------------------------------------*/

.service-card:hover {
    transform: translateY(-8px);

    border-color: rgba(212, 175, 55, 0.45);

    box-shadow: var(--shadow-xl);
}

.service-card:hover .service-image img {
    transform: scale(1.06);
}

.service-card:hover .service-image::after {
    width: 100%;
}


/*==========================================
TABLET
==========================================*/

@media (max-width: 991px) {

    .services-home .section-title {
        margin-bottom: 40px;
    }

    .service-image {
        height: 230px;
    }

}


/*==========================================
MOBILE
==========================================*/

@media (max-width: 767px) {

    .services-home .section-title {
        margin-bottom: 35px;
    }

    .service-image {
        height: 240px;
    }

    .service-content {
        padding: 24px 22px;
    }

    .service-content h3 {
        font-size: 1.25rem;
    }

}


/*==========================================
SMALL MOBILE
==========================================*/

@media (max-width: 575px) {

    .service-image {
        height: 215px;
    }

    .service-content .btn {
        width: 100%;
        text-align: center;
    }

}


/*==========================================
REDUCED MOTION
==========================================*/

@media (prefers-reduced-motion: reduce) {

    .service-card,
    .service-image img,
    .service-image::after {
        transition: none;
    }

    .service-card:hover {
        transform: none;
    }

    .service-card:hover .service-image img {
        transform: none;
    }

}




/*==========================================
MANAGEMENT PREVIEW
==========================================*/

.management-home {
    position: relative;
    background: #f8fafc;
}


/*------------------------------------------
SECTION TITLE
------------------------------------------*/

.management-home .section-title {
    max-width: 780px;
    margin: 0 auto 50px;
}

.management-home .section-title p {
    margin-left: auto;
    margin-right: auto;
}


/*------------------------------------------
DIRECTOR CARD
------------------------------------------*/

.director-card {
    position: relative;

    display: flex;
    flex-direction: column;

    height: 100%;

    background: #ffffff;

    border: 1px solid rgba(7, 27, 47, 0.07);
    border-radius: 20px;

    overflow: hidden;

    box-shadow: 0 12px 35px rgba(7, 27, 47, 0.08);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/*------------------------------------------
DIRECTOR IMAGE
------------------------------------------*/

.director-image {
    position: relative;

    width: 100%;
    height: 320px;

    overflow: hidden;

    background: #e9edf2;
}

.director-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center top;

    transition: transform 0.45s ease;
}


/* Subtle image overlay */

.director-image::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(7, 27, 47, 0.22),
            transparent 45%
        );

    pointer-events: none;
}


/* Gold line */

.director-image::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    height: 4px;

    background: var(--gold);

    z-index: 2;
}


/*------------------------------------------
DIRECTOR CONTENT
------------------------------------------*/

.director-content {
    display: flex;
    flex-direction: column;
    flex: 1;

    padding: 26px 22px 28px;

    text-align: center;
}

.director-content h3 {
    margin-bottom: 10px;

    color: var(--primary);

    font-size: 1.18rem;
    font-weight: 750;
    line-height: 1.45;
}

.director-position {
    display: block;

    margin-bottom: 10px;

    color: var(--gold);

    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.5;
}

.director-content p {
    margin: auto 0 0;

    color: #667085;

    font-size: 0.92rem;
    line-height: 1.6;
}


/*------------------------------------------
HOVER
------------------------------------------*/

.director-card:hover {
    transform: translateY(-8px);

    border-color: rgba(212, 175, 55, 0.4);

    box-shadow: 0 22px 45px rgba(7, 27, 47, 0.16);
}

.director-card:hover .director-image img {
    transform: scale(1.045);
}


/*==========================================
TABLET
==========================================*/

@media (max-width: 991px) {

    .management-home .section-title {
        margin-bottom: 40px;
    }

    .director-image {
        height: 360px;
    }

}


/*==========================================
MOBILE
==========================================*/

@media (max-width: 767px) {

    .management-home .section-title {
        margin-bottom: 35px;
    }

    .director-card {
        max-width: 430px;
        margin: 0 auto;
    }

    .director-image {
        height: 430px;
    }

    .director-content {
        padding: 24px 20px 26px;
    }

    .director-content h3 {
        font-size: 1.15rem;
    }

}


/*==========================================
SMALL MOBILE
==========================================*/

@media (max-width: 480px) {

    .director-image {
        height: 360px;
    }

    .management-action .btn {
        width: 100%;
    }

}


/*==========================================
REDUCED MOTION
==========================================*/

@media (prefers-reduced-motion: reduce) {

    .director-card,
    .director-image img {
        transition: none;
    }

    .director-card:hover {
        transform: none;
    }

    .director-card:hover .director-image img {
        transform: none;
    }

}




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

.clients-home {
    position: relative;
    background: #ffffff;
    overflow: hidden;
}


/*------------------------------------------
SECTION TITLE
------------------------------------------*/

.clients-home .section-title {
    max-width: 760px;
    margin: 0 auto 50px;
}

.clients-home .section-title p {
    margin-left: auto;
    margin-right: auto;
}


/*------------------------------------------
CLIENT SWIPER
------------------------------------------*/

.clientSwiper {
    position: relative;
    width: 100%;

    padding: 15px 5px 55px;

    overflow: hidden;
}

.clientSwiper .swiper-wrapper {
    align-items: stretch;
}

.clientSwiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;

    height: auto;
}


/*------------------------------------------
CLIENT LOGO CARD
------------------------------------------*/

.client-logo {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 145px;

    padding: 24px;

    background: #ffffff;

    border: 1px solid rgba(7, 27, 47, 0.08);
    border-radius: 16px;

    box-shadow: 0 8px 25px rgba(7, 27, 47, 0.06);

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/*------------------------------------------
LOGO IMAGE
------------------------------------------*/

.client-logo img {
    display: block;

    width: auto;
    max-width: 100%;

    height: auto;
    max-height: 82px;

    object-fit: contain;

    filter: grayscale(100%);
    opacity: 0.72;

    transition:
        filter 0.35s ease,
        opacity 0.35s ease,
        transform 0.35s ease;
}


/*------------------------------------------
HOVER
------------------------------------------*/

.client-logo:hover {
    border-color: rgba(212, 175, 55, 0.45);

    transform: translateY(-5px);

    box-shadow: 0 16px 35px rgba(7, 27, 47, 0.12);
}

.client-logo:hover img {
    filter: grayscale(0%);
    opacity: 1;

    transform: scale(1.04);
}


/*------------------------------------------
PAGINATION
------------------------------------------*/

.clientSwiper .swiper-pagination {
    bottom: 5px;
}

.clientSwiper .swiper-pagination-bullet {
    width: 9px;
    height: 9px;

    background: var(--primary);
    opacity: 0.25;

    transition:
        width 0.3s ease,
        opacity 0.3s ease,
        background-color 0.3s ease;
}

.clientSwiper .swiper-pagination-bullet-active {
    width: 24px;

    border-radius: 10px;

    background: var(--gold);
    opacity: 1;
}


/*==========================================
TABLET
==========================================*/

@media (max-width: 991px) {

    .clients-home .section-title {
        margin-bottom: 40px;
    }

    .client-logo {
        height: 135px;
        padding: 22px;
    }

    .client-logo img {
        max-height: 76px;
    }

}


/*==========================================
MOBILE
==========================================*/

@media (max-width: 767px) {

    .clients-home .section-title {
        margin-bottom: 35px;
    }

    .clientSwiper {
        padding-bottom: 50px;
    }

    .client-logo {
        height: 125px;
        padding: 18px;
    }

    .client-logo img {
        max-height: 68px;
    }

}


/*==========================================
SMALL MOBILE
==========================================*/

@media (max-width: 480px) {

    .client-logo {
        height: 115px;
        padding: 16px;
    }

    .client-logo img {
        max-height: 62px;
    }

    .clients-action .btn {
        width: 100%;
    }

}


/*==========================================
REDUCED MOTION
==========================================*/

@media (prefers-reduced-motion: reduce) {

    .client-logo,
    .client-logo img,
    .clientSwiper .swiper-pagination-bullet {
        transition: none;
    }

    .client-logo:hover,
    .client-logo:hover img {
        transform: none;
    }

}





/*==========================================
REGISTRATIONS, COMPLIANCE & INSURANCE
==========================================*/

.certificate-home {
    position: relative;
    background: #f8fafc;
}


/*------------------------------------------
SECTION TITLE
------------------------------------------*/

.certificate-home .section-title {
    max-width: 800px;
    margin: 0 auto 50px;
}

.certificate-home .section-title p {
    margin-left: auto;
    margin-right: auto;
}


/*------------------------------------------
CERTIFICATE CARD
------------------------------------------*/

.certificate-card {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;

    height: 100%;

    padding: 38px 26px;

    background: #ffffff;

    border: 1px solid rgba(7, 27, 47, 0.07);
    border-radius: 18px;

    text-align: center;

    box-shadow: 0 10px 30px rgba(7, 27, 47, 0.07);

    overflow: hidden;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/* Gold top accent */

.certificate-card::before {
    content: "";

    position: absolute;
    top: 0;
    left: 50%;

    width: 55px;
    height: 4px;

    background: var(--gold);

    transform: translateX(-50%);

    transition: width 0.35s ease;
}


/*------------------------------------------
CERTIFICATE ICON
------------------------------------------*/

.certificate-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 90px;
    height: 90px;

    margin-bottom: 24px;

    padding: 14px;

    background: rgba(212, 175, 55, 0.10);

    border-radius: 50%;

    transition:
        transform 0.35s ease,
        background-color 0.35s ease;
}

.certificate-icon img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
}


/*------------------------------------------
CARD CONTENT
------------------------------------------*/

.certificate-card h3 {
    margin-bottom: 12px;

    color: var(--primary);

    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.4;
}

.certificate-card p {
    margin: 0;

    color: #667085;

    font-size: 0.94rem;
    line-height: 1.7;
}


/*------------------------------------------
CARD HOVER
------------------------------------------*/

.certificate-card:hover {
    transform: translateY(-7px);

    border-color: rgba(212, 175, 55, 0.40);

    box-shadow: 0 20px 42px rgba(7, 27, 47, 0.14);
}

.certificate-card:hover::before {
    width: 100%;
}

.certificate-card:hover .certificate-icon {
    background: rgba(212, 175, 55, 0.16);

    transform: scale(1.05);
}


/*==========================================
COMPLIANCE BOX
==========================================*/

.compliance-box {
    position: relative;

    padding: 42px;

    background: var(--primary);

    border-radius: 20px;

    color: #ffffff;

    box-shadow: 0 18px 45px rgba(7, 27, 47, 0.16);

    overflow: hidden;
}


/* Decorative gold line */

.compliance-box::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: var(--gold);
}


/*------------------------------------------
COMPLIANCE HEADING
------------------------------------------*/

.compliance-heading {
    display: flex;
    align-items: center;

    gap: 18px;

    margin-bottom: 30px;
}

.compliance-heading-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 64px;

    width: 64px;
    height: 64px;

    background: rgba(255, 255, 255, 0.08);

    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
}

.compliance-heading-icon i {
    color: var(--gold);
    font-size: 26px;
}

.compliance-heading span {
    display: block;

    margin-bottom: 5px;

    color: var(--gold);

    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 1.4px;

    text-transform: uppercase;
}

.compliance-heading h3 {
    margin: 0;

    color: #ffffff;

    font-size: 1.55rem;
    font-weight: 700;
}


/*------------------------------------------
COMPLIANCE LIST
------------------------------------------*/

.compliance-list {
    display: grid;

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

    gap: 18px 30px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.compliance-list li {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    color: rgba(255, 255, 255, 0.88);

    line-height: 1.65;
}

.compliance-list i {
    flex: 0 0 auto;

    margin-top: 5px;

    color: var(--gold);
}


/*==========================================
TABLET
==========================================*/

@media (max-width: 991px) {

    .certificate-home .section-title {
        margin-bottom: 40px;
    }

    .compliance-box {
        padding: 36px 30px;
    }

}


/*==========================================
MOBILE
==========================================*/

@media (max-width: 767px) {

    .certificate-home .section-title {
        margin-bottom: 35px;
    }

    .certificate-card {
        padding: 32px 22px;
    }

    .certificate-icon {
        width: 82px;
        height: 82px;
    }

    .compliance-box {
        padding: 32px 24px;
    }

    .compliance-heading {
        align-items: flex-start;
    }

    .compliance-list {
        grid-template-columns: 1fr;
        gap: 15px;
    }

}


/*==========================================
SMALL MOBILE
==========================================*/

@media (max-width: 480px) {

    .compliance-heading-icon {
        flex-basis: 54px;

        width: 54px;
        height: 54px;
    }

    .compliance-heading h3 {
        font-size: 1.25rem;
    }

    .certificate-action .btn {
        width: 100%;
    }

}


/*==========================================
REDUCED MOTION
==========================================*/

@media (prefers-reduced-motion: reduce) {

    .certificate-card,
    .certificate-card::before,
    .certificate-icon {
        transition: none;
    }

    .certificate-card:hover,
    .certificate-card:hover .certificate-icon {
        transform: none;
    }

}





/*==========================================
GALLERY PREVIEW
==========================================*/

.gallery-home {
    position: relative;
    background: #ffffff;
    overflow: hidden;
}


/*------------------------------------------
SECTION TITLE
------------------------------------------*/

.gallery-home .section-title {
    max-width: 760px;
    margin: 0 auto 40px;
}

.gallery-home .section-title p {
    margin-left: auto;
    margin-right: auto;
}


/*==========================================
GALLERY FILTER
==========================================*/

.gallery-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 10px;

    margin-bottom: 40px;
}

.gallery-filter button {
    padding: 10px 22px;

    background: #ffffff;

    border: 1px solid rgba(7, 27, 47, 0.15);
    border-radius: 30px;

    color: var(--primary);

    font-size: 0.9rem;
    font-weight: 600;

    cursor: pointer;

    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.gallery-filter button:hover,
.gallery-filter button.active {
    background: var(--gold);
    border-color: var(--gold);

    color: var(--primary);
}

.gallery-filter button:hover {
    transform: translateY(-2px);
}

.gallery-filter button:focus-visible {
    outline: 3px solid rgba(212, 175, 55, 0.35);
    outline-offset: 3px;
}


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

.gallery-item {
    transition:
        opacity 0.35s ease,
        transform 0.35s ease;
}

.gallery-card {
    position: relative;

    width: 100%;

    border-radius: 18px;

    overflow: hidden;

    background: #e9edf2;

    box-shadow: 0 10px 30px rgba(7, 27, 47, 0.08);
}

.gallery-card a {
    position: relative;

    display: block;

    width: 100%;

    overflow: hidden;
}


/*------------------------------------------
IMAGE
------------------------------------------*/

.gallery-card img {
    display: block;

    width: 100%;

    aspect-ratio: 4 / 3;

    object-fit: cover;

    transition: transform 0.45s ease;
}


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

.gallery-overlay {
    position: absolute;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(7, 27, 47, 0.72);

    opacity: 0;

    transition: opacity 0.35s ease;
}

.gallery-overlay-content {
    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 10px;

    color: #ffffff;

    transform: translateY(12px);

    transition: transform 0.35s ease;
}

.gallery-overlay-content i {
    color: var(--gold);

    font-size: 2rem;
}

.gallery-overlay-content span {
    color: #ffffff;

    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.4px;
}


/*------------------------------------------
HOVER
------------------------------------------*/

.gallery-card:hover img {
    transform: scale(1.07);
}

.gallery-card:hover .gallery-overlay {
    opacity: 1;
}

.gallery-card:hover .gallery-overlay-content {
    transform: translateY(0);
}


/* Keyboard accessibility */

.gallery-card a:focus-visible {
    outline: 3px solid var(--gold);
    outline-offset: -3px;
}

.gallery-card a:focus-visible .gallery-overlay {
    opacity: 1;
}

.gallery-card a:focus-visible .gallery-overlay-content {
    transform: translateY(0);
}


/*==========================================
FILTER ANIMATION
==========================================*/

.gallery-item.gallery-hidden {
    display: none;
}


/*==========================================
TABLET
==========================================*/

@media (max-width: 991px) {

    .gallery-home .section-title {
        margin-bottom: 35px;
    }

    .gallery-filter {
        margin-bottom: 35px;
    }

}


/*==========================================
MOBILE
==========================================*/

@media (max-width: 767px) {

    .gallery-filter {
        gap: 8px;

        margin-bottom: 30px;
    }

    .gallery-filter button {
        padding: 9px 17px;

        font-size: 0.85rem;
    }

}


/*==========================================
SMALL MOBILE
==========================================*/

@media (max-width: 480px) {

    .gallery-filter button {
        padding: 8px 14px;
    }

    .gallery-card img {
        aspect-ratio: 16 / 11;
    }

    .gallery-action .btn {
        width: 100%;
    }

}


/*==========================================
TOUCH DEVICES
==========================================*/

@media (hover: none) {

    .gallery-overlay {
        background:
            linear-gradient(
                to top,
                rgba(7, 27, 47, 0.65),
                transparent 55%
            );

        opacity: 1;
    }

    .gallery-overlay-content {
        position: absolute;
        right: 18px;
        bottom: 16px;

        transform: none;
    }

    .gallery-overlay-content span {
        display: none;
    }

}


/*==========================================
REDUCED MOTION
==========================================*/

@media (prefers-reduced-motion: reduce) {

    .gallery-item,
    .gallery-card img,
    .gallery-overlay,
    .gallery-overlay-content,
    .gallery-filter button {
        transition: none;
    }

    .gallery-card:hover img,
    .gallery-filter button:hover {
        transform: none;
    }

}





/*==========================================
CAREERS HOME
==========================================*/

.careers-home {
    position: relative;

    background:
        linear-gradient(
            90deg,
            rgba(7, 27, 47, 0.97) 0%,
            rgba(7, 27, 47, 0.94) 48%,
            rgba(7, 27, 47, 0.86) 100%
        );

    overflow: hidden;
}


/*------------------------------------------
BACKGROUND DECORATION
------------------------------------------*/

.careers-home::before {
    content: "";

    position: absolute;
    top: -120px;
    left: -120px;

    width: 320px;
    height: 320px;

    border: 1px solid rgba(212, 175, 55, 0.12);
    border-radius: 50%;

    pointer-events: none;
}

.careers-home::after {
    content: "";

    position: absolute;
    right: -150px;
    bottom: -180px;

    width: 420px;
    height: 420px;

    border: 1px solid rgba(212, 175, 55, 0.10);
    border-radius: 50%;

    pointer-events: none;
}


/*------------------------------------------
OVERLAY
------------------------------------------*/

.career-overlay {
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 75% 50%,
            rgba(212, 175, 55, 0.08),
            transparent 38%
        );

    pointer-events: none;
}


/* Keep content above decorative layers */

.careers-home .container {
    position: relative;
    z-index: 2;
}


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

.career-content {
    max-width: 720px;
}


/*------------------------------------------
BADGE
------------------------------------------*/

.career-content .section-badge {
    display: inline-block;

    margin-bottom: 18px;
    padding: 8px 17px;

    background: rgba(212, 175, 55, 0.12);

    border: 1px solid rgba(212, 175, 55, 0.35);
    border-radius: 30px;

    color: var(--gold);

    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 1.4px;

    text-transform: uppercase;
}


/*------------------------------------------
HEADING
------------------------------------------*/

.career-content h2 {
    max-width: 650px;

    margin-bottom: 22px;

    color: #ffffff;

    font-size: clamp(2rem, 4vw, 3.25rem);
    font-weight: 800;
    line-height: 1.15;
}


/*------------------------------------------
PARAGRAPH
------------------------------------------*/

.career-content > p {
    max-width: 680px;

    margin-bottom: 16px;

    color: rgba(255, 255, 255, 0.80);

    font-size: 1rem;
    line-height: 1.8;
}


/*==========================================
CAREER FEATURES
==========================================*/

.career-features {
    display: grid;

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

    gap: 16px 28px;

    margin: 30px 0 0;
    padding: 0;

    list-style: none;
}

.career-features li {
    display: flex;
    align-items: flex-start;

    gap: 11px;

    color: rgba(255, 255, 255, 0.92);

    font-size: 0.96rem;
    font-weight: 600;
    line-height: 1.55;
}

.career-features i {
    flex: 0 0 auto;

    margin-top: 4px;

    color: var(--gold);

    font-size: 1rem;
}


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

.career-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 14px;

    margin-top: 34px;
}


/* Outline button */

.careers-home .btn-outline-light {
    border: 2px solid rgba(255, 255, 255, 0.75);

    color: #ffffff;

    background: transparent;
}

.careers-home .btn-outline-light:hover {
    background: #ffffff;
    border-color: #ffffff;

    color: var(--primary);
}


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

.career-image-wrap {
    position: relative;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    min-height: 460px;
}


/* Gold background accent */

.career-image-wrap::before {
    content: "";

    position: absolute;
    left: 50%;
    bottom: 20px;

    width: 340px;
    height: 340px;

    background: rgba(212, 175, 55, 0.08);

    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 50%;

    transform: translateX(-50%);

    pointer-events: none;
}


.career-image {
    position: relative;
    z-index: 2;

    display: block;

    width: auto;
    max-width: 100%;
    max-height: 500px;

    object-fit: contain;

    filter:
        drop-shadow(
            0 20px 25px rgba(0, 0, 0, 0.22)
        );
}


/*==========================================
TABLET
==========================================*/

@media (max-width: 991px) {

    .career-content {
        max-width: 100%;

        text-align: center;
    }

    .career-content h2,
    .career-content > p {
        margin-left: auto;
        margin-right: auto;
    }

    .career-features {
        max-width: 650px;

        margin-left: auto;
        margin-right: auto;

        text-align: left;
    }

    .career-actions {
        justify-content: center;
    }

    .career-image-wrap {
        min-height: 400px;

        margin-top: 10px;
    }

    .career-image {
        max-height: 430px;
    }

}


/*==========================================
MOBILE
==========================================*/

@media (max-width: 767px) {

    .career-content h2 {
        font-size: 2.15rem;
    }

    .career-features {
        grid-template-columns: 1fr;

        max-width: 430px;

        gap: 14px;
    }

    .career-image-wrap {
        min-height: 340px;
    }

    .career-image-wrap::before {
        width: 280px;
        height: 280px;
    }

    .career-image {
        max-height: 360px;
    }

}


/*==========================================
SMALL MOBILE
==========================================*/

@media (max-width: 480px) {

    .career-content h2 {
        font-size: 1.85rem;
    }

    .career-actions {
        flex-direction: column;
    }

    .career-actions .btn {
        width: 100%;

        text-align: center;
    }

    .career-image-wrap {
        min-height: 300px;
    }

    .career-image {
        max-height: 320px;
    }

}


/*==========================================
REDUCED MOTION
==========================================*/

@media (prefers-reduced-motion: reduce) {

    .careers-home *,
    .careers-home *::before,
    .careers-home *::after {
        transition: none;
    }

}




/*==========================================
LATEST NEWS
==========================================*/

.news-home {
    position: relative;
    background: #f8fafc;
}


/*------------------------------------------
SECTION TITLE
------------------------------------------*/

.news-home .section-title {
    max-width: 760px;
    margin: 0 auto 50px;
}

.news-home .section-title p {
    margin-left: auto;
    margin-right: auto;
}


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

.news-card {
    display: flex;
    flex-direction: column;

    height: 100%;

    background: #ffffff;

    border: 1px solid rgba(7, 27, 47, 0.07);
    border-radius: 18px;

    overflow: hidden;

    box-shadow: 0 10px 30px rgba(7, 27, 47, 0.07);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}


/*------------------------------------------
NEWS IMAGE
------------------------------------------*/

.news-image {
    position: relative;

    width: 100%;

    overflow: hidden;

    background: #e9edf2;
}

.news-image img {
    display: block;

    width: 100%;

    aspect-ratio: 16 / 10;

    object-fit: cover;

    transition: transform 0.45s ease;
}


/* Gold image accent */

.news-image::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 0;
    height: 4px;

    background: var(--gold);

    transition: width 0.35s ease;
}


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

.news-content {
    display: flex;
    flex-direction: column;
    flex: 1;

    padding: 27px 26px 28px;
}


/*------------------------------------------
DATE
------------------------------------------*/

.news-date {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 14px;

    color: #7a8493;

    font-size: 0.85rem;
    font-weight: 500;
}

.news-date i {
    color: var(--gold);
}


/*------------------------------------------
TITLE
------------------------------------------*/

.news-content h3 {
    margin-bottom: 14px;

    color: var(--primary);

    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.45;
}


/*------------------------------------------
DESCRIPTION
------------------------------------------*/

.news-content p {
    margin-bottom: 22px;

    color: #667085;

    font-size: 0.95rem;
    line-height: 1.75;
}


/*==========================================
READ MORE LINK
==========================================*/

.news-link {
    display: inline-flex;
    align-items: center;

    gap: 9px;

    width: fit-content;

    margin-top: auto;

    color: var(--primary);

    font-size: 0.92rem;
    font-weight: 700;

    text-decoration: none;

    transition:
        color 0.3s ease,
        gap 0.3s ease;
}

.news-link i {
    color: var(--gold);

    font-size: 0.8rem;

    transition: transform 0.3s ease;
}

.news-link:hover {
    color: var(--gold);

    gap: 13px;
}

.news-link:hover i {
    transform: translateX(3px);
}

.news-link:focus-visible {
    outline: 3px solid rgba(212, 175, 55, 0.35);
    outline-offset: 5px;

    border-radius: 3px;
}


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

.news-card:hover {
    transform: translateY(-7px);

    border-color: rgba(212, 175, 55, 0.40);

    box-shadow: 0 20px 42px rgba(7, 27, 47, 0.14);
}

.news-card:hover .news-image img {
    transform: scale(1.055);
}

.news-card:hover .news-image::after {
    width: 100%;
}


/*==========================================
TABLET
==========================================*/

@media (max-width: 991px) {

    .news-home .section-title {
        margin-bottom: 40px;
    }

}


/*==========================================
MOBILE
==========================================*/

@media (max-width: 767px) {

    .news-home .section-title {
        margin-bottom: 35px;
    }

    .news-card {
        max-width: 500px;
        margin: 0 auto;
    }

    .news-content {
        padding: 24px 22px 26px;
    }

    .news-content h3 {
        font-size: 1.2rem;
    }

}


/*==========================================
SMALL MOBILE
==========================================*/

@media (max-width: 480px) {

    .news-image img {
        aspect-ratio: 16 / 11;
    }

    .news-action .btn {
        width: 100%;
    }

}


/*==========================================
REDUCED MOTION
==========================================*/

@media (prefers-reduced-motion: reduce) {

    .news-card,
    .news-image img,
    .news-image::after,
    .news-link,
    .news-link i {
        transition: none;
    }

    .news-card:hover,
    .news-card:hover .news-image img,
    .news-link:hover i {
        transform: none;
    }

}



/*==========================================
CONTACT HOME
==========================================*/

.contact-home {
    position: relative;
    background: #ffffff;
}


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

.contact-home .section-title {
    max-width: 780px;
    margin: 0 auto 50px;
    text-align: center;
}

.contact-home .section-title span {
    display: inline-block;
    margin-bottom: 10px;

    color: var(--gold);

    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.contact-home .section-title h2 {
    margin-bottom: 18px;

    /* IMPORTANT - force correct colour */
    color: var(--primary);

    font-weight: 800;
    line-height: 1.25;
}

.contact-home .section-title p {
    max-width: 680px;
    margin: 0 auto;

    /* IMPORTANT - readable on white */
    color: #667085;

    line-height: 1.8;
}


/*==========================================
CONTACT INFORMATION PANEL
==========================================*/

.contact-home .contact-info {
    height: 100%;

    padding: 38px 34px;

    background: var(--primary);

    border-radius: 20px;

    box-shadow:
        0 18px 45px rgba(7, 27, 47, 0.16);
}


/*------------------------------------------
CONTACT PANEL HEADING
------------------------------------------*/

.contact-home .contact-info-heading {
    margin-bottom: 32px;
}

.contact-home .contact-info-heading > span {
    display: block;

    margin-bottom: 8px;

    color: var(--gold);

    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 1.4px;

    text-transform: uppercase;
}

.contact-home .contact-info-heading h3 {
    margin-bottom: 12px;

    color: #ffffff;

    font-size: 1.6rem;
    font-weight: 700;
}

.contact-home .contact-info-heading p {
    margin: 0;

    color: rgba(255, 255, 255, 0.72);

    font-size: 0.94rem;
    line-height: 1.7;
}


/*==========================================
CONTACT INFORMATION ITEM
==========================================*/

.contact-home .contact-info-item {
    display: flex;
    align-items: flex-start;

    gap: 17px;

    padding: 20px 0;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.10);
}

.contact-home .contact-info-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}


/*------------------------------------------
ICON
------------------------------------------*/

.contact-home .contact-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 46px;

    width: 46px;
    height: 46px;

    background: rgba(212, 175, 55, 0.12);

    border: 1px solid rgba(212, 175, 55, 0.22);
    border-radius: 50%;
}

.contact-home .contact-info-icon i {
    color: var(--gold);

    font-size: 1rem;
}


/*==========================================
CONTACT INFORMATION TEXT
==========================================*/

.contact-home .contact-info-content {
    min-width: 0;
    flex: 1;
}

.contact-home .contact-info-content h4 {
    margin: 0 0 7px;

    /* IMPORTANT */
    color: #ffffff;

    font-size: 1rem;
    font-weight: 700;
}

.contact-home .contact-info-content p,
.contact-home .contact-info-content address {
    margin: 0;

    /* IMPORTANT */
    color: rgba(255, 255, 255, 0.76);

    font-size: 0.93rem;
    font-style: normal;
    line-height: 1.7;
}


/*------------------------------------------
PHONE / EMAIL LINKS
------------------------------------------*/

.contact-home .contact-info-content a {
    color: rgba(255, 255, 255, 0.88);

    font-size: 0.93rem;
    line-height: 1.65;

    text-decoration: none;

    overflow-wrap: anywhere;

    transition: color 0.25s ease;
}

.contact-home .contact-info-content a:hover {
    color: var(--gold);
}

.contact-home .contact-info-content a:focus-visible {
    color: var(--gold);

    outline: 2px solid var(--gold);
    outline-offset: 3px;
}


/* Multiple links */

.contact-home .contact-links {
    display: flex;
    flex-direction: column;

    align-items: flex-start;

    gap: 4px;
}


/*==========================================
CONTACT FORM WRAPPER
==========================================*/

.contact-home .contact-form-wrapper {
    height: 100%;

    padding: 38px;

    background: #f8fafc;

    border: 1px solid rgba(7, 27, 47, 0.07);
    border-radius: 20px;

    box-shadow:
        0 12px 35px rgba(7, 27, 47, 0.07);
}


/*------------------------------------------
FORM HEADING
------------------------------------------*/

.contact-home .contact-form-heading {
    margin-bottom: 28px;
}

.contact-home .contact-form-heading > span {
    display: block;

    margin-bottom: 7px;

    color: var(--gold);

    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 1.4px;

    text-transform: uppercase;
}

.contact-home .contact-form-heading h3 {
    margin-bottom: 10px;

    /* IMPORTANT */
    color: var(--primary);

    font-size: 1.6rem;
    font-weight: 700;
}

.contact-home .contact-form-heading p {
    margin: 0;

    /* IMPORTANT */
    color: #667085;

    line-height: 1.7;
}


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

.contact-home .contact-form .form-label {
    margin-bottom: 8px;

    /* IMPORTANT */
    color: var(--primary);

    font-size: 0.9rem;
    font-weight: 600;
}


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

.contact-home .contact-form .form-control {
    min-height: 52px;

    padding: 12px 15px;

    background: #ffffff;

    border: 1px solid #d8dee8;
    border-radius: 10px;

    /* IMPORTANT - entered text */
    color: #172033;

    font-size: 0.95rem;

    box-shadow: none;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}


/* Placeholder colour */

.contact-home .contact-form .form-control::placeholder {
    color: #8a94a3;
    opacity: 1;
}


/* Textarea */

.contact-home .contact-form textarea.form-control {
    min-height: 150px;

    resize: vertical;
}


/* Focus */

.contact-home .contact-form .form-control:focus {
    background: #ffffff;

    border-color: var(--gold);

    color: #172033;

    box-shadow:
        0 0 0 4px rgba(212, 175, 55, 0.12);
}


/* Autofill colour fix */

.contact-home .contact-form input:-webkit-autofill,
.contact-home .contact-form input:-webkit-autofill:hover,
.contact-home .contact-form input:-webkit-autofill:focus {
    -webkit-text-fill-color: #172033;

    box-shadow:
        0 0 0 1000px #ffffff inset;

    transition:
        background-color 5000s ease-in-out 0s;
}


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

.contact-home .contact-form .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    margin-top: 5px;
}


/*==========================================
GOOGLE MAP
==========================================*/

.contact-home .map-box {
    position: relative;

    width: 100%;

    border-radius: 20px;

    overflow: hidden;

    box-shadow:
        0 15px 40px rgba(7, 27, 47, 0.10);
}

.contact-home .map-box iframe {
    display: block;

    width: 100%;
    height: 450px;

    border: 0;
}


/*==========================================
TABLET
==========================================*/

@media (max-width: 991px) {

    .contact-home .section-title {
        margin-bottom: 40px;
    }

    .contact-home .contact-info,
    .contact-home .contact-form-wrapper {
        height: auto;
    }

}


/*==========================================
MOBILE
==========================================*/

@media (max-width: 767px) {

    .contact-home .section-title {
        margin-bottom: 35px;
    }

    .contact-home .contact-info,
    .contact-home .contact-form-wrapper {
        padding: 30px 24px;
    }

    .contact-home .contact-info-item {
        gap: 14px;
    }

    .contact-home .map-box iframe {
        height: 360px;
    }

}


/*==========================================
SMALL MOBILE
==========================================*/

@media (max-width: 480px) {

    .contact-home .contact-info,
    .contact-home .contact-form-wrapper {
        padding: 27px 20px;
    }

    .contact-home .contact-info-icon {
        flex-basis: 42px;

        width: 42px;
        height: 42px;
    }

    .contact-home .contact-form .btn {
        width: 100%;
    }

    .contact-home .map-box iframe {
        height: 320px;
    }

}


/*==========================================
Home page End - Footer @ added End
==========================================*/


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

.page-banner{

    position:relative;

    background:url('../images/banner/about-banner.jpg')
    center center/cover no-repeat;

    height:420px;

    display:flex;

    align-items:center;

}

.banner-overlay{

    position:absolute;

    inset:0;

    background:rgba(7,27,47,.75);

}

.banner-content{

    position:relative;

    z-index:2;

    color:#fff;

}

.banner-content h1{

    font-size:3.5rem;

    margin-bottom:20px;

    font-weight:700;

}

.banner-content nav{

    font-size:18px;

}

.banner-content a{

    color:#D4AF37;

    text-decoration:none;

}

.banner-content span{

    margin:0 10px;

}


/*==================================================
ABOUT COMPANY
==================================================*/

.about-company{

    background:#ffffff;

}

.section-subtitle{

    display:inline-block;

    color:#D4AF37;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:15px;

}

.section-heading{

    font-size:42px;

    color:#071B2F;

    margin-bottom:25px;

    line-height:1.3;

}

.about-company p{

    color:#555;

    line-height:1.9;

}

.about-image{

    position:relative;

    overflow:hidden;

    border-radius:20px;

}

.about-image img{

    transition:.5s;

}

.about-image:hover img{

    transform:scale(1.05);

}

.about-feature{

    display:flex;

    align-items:flex-start;

    gap:15px;

    margin-bottom:25px;

}

.about-feature i{

    width:60px;

    height:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#071B2F;

    color:#D4AF37;

    font-size:24px;

    flex-shrink:0;

}

.about-feature h5{

    margin-bottom:5px;

    color:#071B2F;

    font-weight:600;

}

.about-feature p{

    margin:0;

    font-size:15px;

}


/*==================================================
COMPANY TIMELINE
==================================================*/

.company-timeline{

    background:#f8f9fc;

}

.timeline{

    position:relative;

    max-width:1100px;

    margin:auto;

    padding:50px 0;

}

.timeline::before{

    content:"";

    position:absolute;

    left:50%;

    top:0;

    width:4px;

    height:100%;

    background:#D4AF37;

    transform:translateX(-50%);

}

.timeline-item{

    position:relative;

    width:50%;

    padding:20px 40px;

}

.timeline-item.left{

    left:0;

    text-align:right;

}

.timeline-item.right{

    left:50%;

}

.timeline-content{

    background:#fff;

    padding:30px;

    border-radius:18px;

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

}

.timeline-year{

    display:inline-block;

    padding:8px 18px;

    background:#071B2F;

    color:#D4AF37;

    border-radius:30px;

    font-weight:700;

    margin-bottom:15px;

}

.timeline-content h4{

    color:#071B2F;

    margin-bottom:15px;

}

.timeline-item::after{

    content:"";

    position:absolute;

    width:18px;

    height:18px;

    background:#D4AF37;

    border:4px solid #071B2F;

    border-radius:50%;

    top:45px;

    z-index:5;

}

.timeline-item.left::after{

    right:-9px;

}

.timeline-item.right::after{

    left:-9px;

}

/*==========================================
OUR PURPOSE
==========================================*/

.purpose-section{

background:#fff;

}

.purpose-card{

background:#071B2F;

padding:50px 40px;

border-radius:20px;

color:#fff;

text-align:center;

height:100%;

transition:.4s;

}

.purpose-card:hover{

transform:translateY(-10px);

}

.purpose-icon{

width:90px;

height:90px;

margin:auto;

background:#D4AF37;

color:#071B2F;

display:flex;

justify-content:center;

align-items:center;

border-radius:50%;

font-size:36px;

margin-bottom:30px;

}

.purpose-card h3{

color:#fff;

margin-bottom:20px;

}

.value-card{

background:#fff;

padding:35px;

border-radius:20px;

text-align:center;

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

height:100%;

transition:.4s;

}

.value-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 40px rgba(0,0,0,.12);

}

.value-card i{

font-size:42px;

color:#D4AF37;

margin-bottom:20px;

}

.value-card h4{

color:#071B2F;

margin-bottom:15px;

}


/*==========================================
WHY COMPANY
==========================================*/

.why-company{

background:#f7f9fc;

}

.why-card{

background:#fff;

padding:40px 35px;

border-radius:20px;

text-align:center;

height:100%;

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

transition:.4s;

border-top:4px solid transparent;

}

.why-card:hover{

transform:translateY(-10px);

border-top:4px solid #D4AF37;

box-shadow:0 20px 40px rgba(0,0,0,.12);

}

.why-card i{

font-size:55px;

color:#D4AF37;

margin-bottom:25px;

}

.why-card h4{

margin-bottom:18px;

color:#071B2F;

font-weight:700;

}

.why-card p{

margin-bottom:0;

line-height:1.8;

color:#666;

}


/*==========================================
LEADERSHIP PREVIEW
==========================================*/

.leadership-preview{

    background:#ffffff;

}

.leader-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.4s;

    height:100%;

}

.leader-card:hover{

    transform:translateY(-10px);

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

}

.leader-image{

    overflow:hidden;

}

.leader-image img{

    width:100%;

    height:380px;

    object-fit:cover;

    transition:.5s;

}

.leader-card:hover img{

    transform:scale(1.06);

}

.leader-content{

    padding:25px;

    text-align:center;

}

.leader-content h4{

    color:#071B2F;

    font-size:22px;

    margin-bottom:12px;

    min-height:65px;

}

.leader-content span{

    display:block;

    color:#D4AF37;

    font-weight:700;

    margin-bottom:12px;

}

.leader-content p{

    color:#666;

    margin-bottom:0;

}

.leadership-message{

    background:#071B2F;

    padding:50px;

    border-radius:20px;

    color:#fff;

}

.leadership-message h3{

    color:#D4AF37;

    margin-bottom:20px;

}

.leadership-message p{

    margin-bottom:0;

    line-height:1.9;

}


/*==========================================
QUALITY
==========================================*/

.quality-section{

background:#f8f9fc;

}

.quality-card{

background:#fff;

padding:40px 30px;

border-radius:20px;

text-align:center;

height:100%;

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

transition:.4s;

}

.quality-card:hover{

transform:translateY(-10px);

}

.quality-card i{

font-size:55px;

color:#D4AF37;

margin-bottom:25px;

}

.quality-card h4{

margin-bottom:18px;

color:#071B2F;

font-weight:700;

}

.quality-card p{

margin-bottom:0;

color:#666;

}

.quality-commitment{

background:#071B2F;

padding:50px;

border-radius:20px;

color:#fff;

}

.quality-commitment h3{

color:#D4AF37;

margin-bottom:25px;

}

.quality-commitment ul{

padding:0;

margin:0;

}

.quality-commitment li{

list-style:none;

margin-bottom:18px;

font-size:17px;

}

.quality-commitment i{

color:#D4AF37;

margin-right:12px;

}

/*==========================================
COMPANY PROFILE DOWNLOAD
==========================================*/

.company-profile-download{

background:#ffffff;

}

.download-box{

background:linear-gradient(135deg,#071B2F,#12395B);

border-radius:25px;

padding:60px;

color:#fff;

overflow:hidden;

position:relative;

}

.download-content span{

display:inline-block;

color:#D4AF37;

font-weight:700;

letter-spacing:2px;

margin-bottom:15px;

text-transform:uppercase;

}

.download-content h2{

color:#fff;

margin-bottom:25px;

font-size:42px;

}

.download-content p{

color:#ddd;

line-height:1.9;

}

.download-list{

margin-top:35px;

display:grid;

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

gap:15px;

}

.download-list div{

font-weight:600;

}

.download-list i{

color:#D4AF37;

margin-right:10px;

}

.pdf-card{

background:#fff;

border-radius:20px;

padding:40px;

text-align:center;

color:#071B2F;

box-shadow:0 20px 45px rgba(0,0,0,.2);

}

.pdf-card i{

font-size:80px;

color:#E53935;

margin-bottom:25px;

}

.pdf-card h3{

margin-bottom:15px;

font-weight:700;

}

.pdf-card p{

color:#666;

margin-bottom:10px;

}


/*==========================================
FINAL CTA
==========================================*/

.cta-about{

    position:relative;

    background:url('../images/backgrounds/cta-about.jpg')
    center center/cover no-repeat;

    padding:120px 0;

    overflow:hidden;

}

.cta-overlay{

    position:absolute;

    inset:0;

    background:rgba(7,27,47,.88);

}

.cta-content{

    position:relative;

    z-index:2;

    color:#fff;

}

.cta-badge{

    display:inline-block;

    background:#D4AF37;

    color:#071B2F;

    padding:10px 28px;

    border-radius:50px;

    font-weight:700;

    margin-bottom:25px;

    text-transform:uppercase;

    letter-spacing:1px;

}

.cta-content h2{

    font-size:52px;

    color:#fff;

    margin-bottom:25px;

}

.cta-content p{

    max-width:800px;

    margin:auto;

    color:#ddd;

    line-height:1.9;

    font-size:18px;

}

.cta-contact{

    margin-top:40px;

    display:flex;

    justify-content:center;

    gap:40px;

    flex-wrap:wrap;

}

.cta-contact div{

    color:#fff;

    font-size:20px;

    font-weight:600;

}

.cta-contact i{

    color:#D4AF37;

    margin-right:10px;

}


/*==================================================
SERVICES OVERVIEW
==================================================*/

.services-overview{

    background:#fff;

}

.services-image{

    overflow:hidden;

    border-radius:20px;

}

.services-image img{

    transition:.5s;

}

.services-image:hover img{

    transform:scale(1.05);

}

.service-list{

    list-style:none;

    padding:0;

    margin:0;

}

.service-list li{

    margin-bottom:15px;

    font-size:17px;

    color:#555;

}

.service-list i{

    color:#D4AF37;

    margin-right:10px;

}


/*==========================================
FEATURED SERVICES
==========================================*/

.featured-services{

background:#f8f9fc;

}

.featured-service-card{

background:#fff;

border-radius:20px;

overflow:hidden;

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

transition:.4s;

height:100%;

}

.featured-service-card:hover{

transform:translateY(-10px);

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

}

.featured-image{

overflow:hidden;

}

.featured-image img{

width:100%;

height:300px;

object-fit:cover;

transition:.5s;

}

.featured-service-card:hover img{

transform:scale(1.08);

}

.featured-content{

padding:35px;

}

.service-icon{

width:70px;

height:70px;

background:#071B2F;

color:#D4AF37;

display:flex;

justify-content:center;

align-items:center;

border-radius:50%;

font-size:30px;

margin-bottom:20px;

}

.featured-content h3{

color:#071B2F;

margin-bottom:15px;

font-weight:700;

}

.featured-content ul{

list-style:none;

padding:0;

margin:25px 0;

}

.featured-content ul li{

margin-bottom:12px;

}

.featured-content ul i{

color:#D4AF37;

margin-right:10px;

}



/*==========================================
ALL SERVICES
==========================================*/

.all-services{

    background:#ffffff;

}

.service-box{

    background:#fff;

    padding:35px;

    text-align:center;

    border-radius:18px;

    border:1px solid #ececec;

    transition:.35s;

    height:100%;

}

.service-box:hover{

    transform:translateY(-8px);

    border-color:#D4AF37;

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

}

.service-box i{

    width:80px;

    height:80px;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:auto;

    border-radius:50%;

    background:#071B2F;

    color:#D4AF37;

    font-size:34px;

    margin-bottom:25px;

}

.service-box h4{

    color:#071B2F;

    margin-bottom:15px;

    font-weight:700;

}

.service-box p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}

/*==========================================
INDUSTRIES WE SERVE
==========================================*/

.industries-section{

    background:#f8f9fc;

}

.industry-card{

    background:#fff;

    padding:40px 30px;

    text-align:center;

    border-radius:20px;

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

    transition:.4s;

    height:100%;

}

.industry-card:hover{

    transform:translateY(-10px);

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

    border-bottom:5px solid #D4AF37;

}

.industry-card i{

    width:85px;

    height:85px;

    margin:auto;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#071B2F;

    color:#D4AF37;

    border-radius:50%;

    font-size:36px;

    margin-bottom:25px;

}

.industry-card h4{

    color:#071B2F;

    margin-bottom:15px;

    font-weight:700;

}

.industry-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}

/*==========================================
SERVICE PROCESS
==========================================*/

.service-process{

    background:#ffffff;

}

.process-card{

    position:relative;

    background:#fff;

    padding:40px 25px;

    border-radius:20px;

    text-align:center;

    height:100%;

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

    transition:.4s;

    overflow:hidden;

}

.process-card:hover{

    transform:translateY(-10px);

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

}

.process-number{

    position:absolute;

    top:15px;

    right:20px;

    font-size:48px;

    font-weight:800;

    color:rgba(212,175,55,.15);

}

.process-card i{

    width:90px;

    height:90px;

    margin:auto;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:#071B2F;

    color:#D4AF37;

    font-size:38px;

    margin-bottom:25px;

}

.process-card h4{

    color:#071B2F;

    margin-bottom:15px;

    font-weight:700;

}

.process-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}

/*==========================================
WHY CHOOSE OUR SERVICES
==========================================*/

.why-services{

    background:#f8f9fc;

}

.why-service-card{

    background:#fff;

    padding:40px 35px;

    border-radius:20px;

    text-align:center;

    height:100%;

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

    transition:.4s;

    border-bottom:4px solid transparent;

}

.why-service-card:hover{

    transform:translateY(-10px);

    border-bottom:4px solid #D4AF37;

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

}

.why-service-card i{

    width:85px;

    height:85px;

    margin:auto;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:#071B2F;

    color:#D4AF37;

    font-size:34px;

    margin-bottom:25px;

}

.why-service-card h4{

    color:#071B2F;

    margin-bottom:15px;

    font-weight:700;

}

.why-service-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}

/*==========================================
EMERGENCY SUPPORT
==========================================*/

.emergency-support{

    position:relative;

    background:url('../images/backgrounds/emergency-bg.jpg')
    center center/cover fixed no-repeat;

    padding:140px 0;

    overflow:hidden;

}

.emergency-overlay{

    position:absolute;

    inset:0;

    background:rgba(7,27,47,.88);

}

.emergency-content{

    position:relative;

    z-index:2;

    text-align:center;

    color:#fff;

}

.emergency-content span{

    display:inline-block;

    background:#D4AF37;

    color:#071B2F;

    padding:10px 30px;

    border-radius:50px;

    font-weight:700;

    text-transform:uppercase;

    margin-bottom:25px;

}

.emergency-content h2{

    font-size:54px;

    margin-bottom:25px;

    color:#fff;

}

.emergency-content p{

    max-width:850px;

    margin:auto;

    color:#ddd;

    font-size:18px;

    line-height:1.9;

}

.emergency-contact{

    margin-top:45px;

    display:flex;

    justify-content:center;

    gap:50px;

    flex-wrap:wrap;

}

.emergency-contact div{

    font-size:22px;

    font-weight:600;

}

.emergency-contact i{

    color:#D4AF37;

    margin-right:10px;

}

@media(max-width:768px){

.emergency-content h2{

font-size:36px;

}

.emergency-contact{

flex-direction:column;

gap:20px;

}

}

/*==========================================
FAQ
==========================================*/

.faq-section{

    background:#ffffff;

}

.accordion-item{

    border:none;

    margin-bottom:20px;

    border-radius:15px;

    overflow:hidden;

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

}

.accordion-button{

    background:#071B2F;

    color:#fff;

    font-weight:600;

    padding:22px;

}

.accordion-button:not(.collapsed){

    background:#D4AF37;

    color:#071B2F;

}

.accordion-button:focus{

    box-shadow:none;

}

.accordion-body{

    padding:25px;

    line-height:1.9;

    color:#555;

}

/*==========================================
SECURITY ASSESSMENT
==========================================*/

.security-assessment{

    background:#f8f9fc;

}

.assessment-form{

    background:#fff;

    padding:45px;

    border-radius:20px;

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

}

.assessment-form .form-control,
.assessment-form .form-select{

    height:55px;

    border-radius:10px;

}

.assessment-form textarea.form-control{

    height:auto;

}

.assessment-benefits{

    background:#071B2F;

    color:#fff;

    padding:45px;

    border-radius:20px;

    height:100%;

}

.assessment-benefits h3{

    color:#D4AF37;

    margin-bottom:30px;

}

.assessment-benefits ul{

    list-style:none;

    padding:0;

}

.assessment-benefits li{

    margin-bottom:18px;

    font-size:17px;

}

.assessment-benefits i{

    color:#D4AF37;

    margin-right:10px;

}

.assessment-contact{

    margin-top:40px;

    padding-top:30px;

    border-top:1px solid rgba(255,255,255,.2);

}

.assessment-contact h4{

    color:#D4AF37;

    margin-bottom:20px;

}



/*==========================================
LEADERSHIP PHILOSOPHY
==========================================*/

.leadership-philosophy{

background:#fff;

}

.leadership-image{

overflow:hidden;

border-radius:20px;

}

.leadership-image img{

transition:.5s;

}

.leadership-image:hover img{

transform:scale(1.05);

}

.leadership-list{

list-style:none;

padding:0;

}

.leadership-list li{

margin-bottom:15px;

font-size:17px;

}

.leadership-list i{

color:#D4AF37;

margin-right:10px;

}

/*==========================================
BOARD OF DIRECTORS
==========================================*/

.board-section{

    background:#f8f9fc;

}

.director-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.4s;

    height:100%;

}

.director-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(0,0,0,.15);

}

.director-image{

    overflow:hidden;

}

.director-image img{

    width:100%;

    height:420px;

    object-fit:cover;

    transition:.5s;

}

.director-card:hover img{

    transform:scale(1.08);

}

.director-content{

    padding:30px;

    text-align:center;

}

.director-content h4{

    color:#071B2F;

    font-size:22px;

    font-weight:700;

    margin-bottom:10px;

    min-height:65px;

}

.director-content span{

    display:block;

    color:#D4AF37;

    font-weight:700;

    margin-bottom:15px;

}

.director-content p{

    color:#666;

    margin-bottom:25px;

    line-height:1.8;

}

.btn-outline-gold{

    border:2px solid #D4AF37;

    color:#071B2F;

    padding:10px 25px;

    border-radius:30px;

    font-weight:600;

    transition:.3s;

}

.btn-outline-gold:hover{

    background:#D4AF37;

    color:#071B2F;

}

/*==========================================
EXECUTIVE MANAGEMENT
==========================================*/

.executive-management{

    background:#ffffff;

}

.executive-card{

    background:#fff;

    padding:40px 30px;

    border-radius:20px;

    text-align:center;

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

    transition:.4s;

    height:100%;

    border-top:4px solid transparent;

}

.executive-card:hover{

    transform:translateY(-10px);

    border-top:4px solid #D4AF37;

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

}

.executive-icon{

    width:90px;

    height:90px;

    margin:auto;

    background:#071B2F;

    color:#D4AF37;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:38px;

    margin-bottom:25px;

}

.executive-card h4{

    color:#071B2F;

    margin-bottom:10px;

    font-weight:700;

}

.executive-card span{

    display:block;

    color:#D4AF37;

    font-weight:600;

    margin-bottom:20px;

}

.executive-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}

/*==========================================
SECURITY CONSULTANTS
==========================================*/

.consultants-section{

    background:#f8f9fc;

}

.consultant-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.35s;

    height:100%;

}

.consultant-card:hover{

    transform:translateY(-10px);

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

}

.consultant-image img{

    width:100%;

    height:320px;

    object-fit:cover;

}

.consultant-content{

    padding:30px;

}

.consultant-content h4{

    color:#071B2F;

    font-weight:700;

}

.consultant-content span{

    display:block;

    color:#D4AF37;

    font-weight:600;

    margin-bottom:15px;

}

.consultant-content p{

    color:#666;

    line-height:1.8;

}

.consultant-content ul{

    list-style:none;

    padding:0;

    margin-top:20px;

}

.consultant-content li{

    margin-bottom:10px;

}

.consultant-content i{

    color:#D4AF37;

    margin-right:10px;

}



/*==========================================
ORGANISATION STRUCTURE
==========================================*/

.organisation-section{

    background:#ffffff;

}

.org-chart{

    max-width:1100px;

    margin:auto;

    text-align:center;

}

.org-row{

    display:flex;

    justify-content:center;

    gap:30px;

    flex-wrap:wrap;

    margin:25px 0;

}

.org-box{

    background:#071B2F;

    color:#fff;

    padding:18px 25px;

    border-radius:12px;

    font-weight:600;

    min-width:220px;

    box-shadow:0 10px 25px rgba(0,0,0,.15);

    transition:.35s;

}

.org-box:hover{

    background:#D4AF37;

    color:#071B2F;

    transform:translateY(-5px);

}

.top{

    background:#D4AF37;

    color:#071B2F;

    font-size:20px;

    font-weight:700;

}

.second{

    background:#12395B;

}

.bottom{

    background:#0A4A7A;

}

.org-line{

    width:3px;

    height:40px;

    background:#D4AF37;

    margin:0 auto;

}

@media(max-width:768px){

.org-row{

flex-direction:column;

align-items:center;

}

.org-box{

width:100%;

max-width:320px;

}

}



/*==========================================
LEADERSHIP EXPERIENCE
==========================================*/

.leadership-stats{

position:relative;

padding:120px 0;

background:url('../images/backgrounds/leadership-bg.jpg')
center center/cover no-repeat;

overflow:hidden;

}

.stats-overlay{

position:absolute;

inset:0;

background:rgba(7,27,47,.88);

}

.leadership-stats .container{

position:relative;

z-index:2;

}

.stat-card{

padding:30px;

color:#fff;

}

.stat-card h2{

font-size:60px;

font-weight:800;

color:#D4AF37;

margin-bottom:15px;

}

.stat-card p{

font-size:18px;

margin:0;

color:#fff;

line-height:1.6;

}

/*==========================================
CORPORATE GOVERNANCE
==========================================*/

.governance-section{

    background:#f8f9fc;

}

.governance-card{

    background:#fff;

    padding:40px 30px;

    text-align:center;

    border-radius:20px;

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

    transition:.35s;

    height:100%;

    border-bottom:4px solid transparent;

}

.governance-card:hover{

    transform:translateY(-10px);

    border-bottom:4px solid #D4AF37;

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

}

.governance-card i{

    width:85px;

    height:85px;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:auto;

    background:#071B2F;

    color:#D4AF37;

    border-radius:50%;

    font-size:34px;

    margin-bottom:25px;

}

.governance-card h4{

    color:#071B2F;

    margin-bottom:15px;

    font-weight:700;

}

.governance-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}

/*==========================================
CHAIRMAN'S MESSAGE
==========================================*/

.chairman-message{

    background:#ffffff;

}

.chairman-photo{

    overflow:hidden;

    border-radius:20px;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.chairman-photo img{

    width:100%;

    transition:.4s;

}

.chairman-photo:hover img{

    transform:scale(1.03);

}

.chairman-message blockquote{

    font-size:22px;

    font-style:italic;

    line-height:1.8;

    color:#071B2F;

    border-left:5px solid #D4AF37;

    padding-left:25px;

    margin:30px 0;

}

.chairman-message p{

    line-height:1.9;

    color:#666;

}

.chairman-signature{

    margin-top:35px;

}

.chairman-signature img{

    height:60px;

    margin-bottom:15px;

}

.chairman-signature h4{

    color:#071B2F;

    margin-bottom:5px;

    font-weight:700;

}

.chairman-signature span{

    color:#D4AF37;

    font-weight:600;

}

/*==================================================
  MANAGEMENT CTA
==================================================*/

.management-cta {
    position: relative;
    padding: 120px 0;
    background: url('../images/backgrounds/management-cta.jpg') center center/cover no-repeat;
    overflow: hidden;
}

.management-cta .cta-overlay {
    position: absolute;
    inset: 0;
    background: rgba(7, 27, 47, 0.88);
}

.management-cta .container {
    position: relative;
    z-index: 2;
}

.management-cta .cta-content {
    max-width: 850px;
    margin: 0 auto;
    color: #ffffff;
}

.management-cta .cta-content span {
    display: inline-block;
    background: #D4AF37;
    color: #071B2F;
    padding: 10px 28px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.management-cta .cta-content h2 {
    color: #ffffff;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1.3;
}

.management-cta .cta-content p {
    color: #e5e5e5;
    font-size: 18px;
    line-height: 1.9;
    max-width: 760px;
    margin: 0 auto 40px;
}

/* Buttons */

.management-cta .btn {
    padding: 15px 35px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    transition: all .35s ease;
    text-decoration: none;
}

.management-cta .btn-gold {
    background: #D4AF37;
    color: #071B2F;
    border: 2px solid #D4AF37;
}

.management-cta .btn-gold:hover {
    background: transparent;
    color: #ffffff;
    border-color: #D4AF37;
}

.management-cta .btn-outline-light {
    border: 2px solid #ffffff;
    color: #ffffff;
    background: transparent;
}

.management-cta .btn-outline-light:hover {
    background: #ffffff;
    color: #071B2F;
}

/* Optional Contact Details */

.management-contact {
    margin-top: 45px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
}

.management-contact div {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
}

.management-contact i {
    color: #D4AF37;
    margin-right: 10px;
}

/* Responsive */

@media (max-width: 991px) {

    .management-cta {
        padding: 90px 0;
    }

    .management-cta .cta-content h2 {
        font-size: 38px;
    }

}

@media (max-width: 768px) {

    .management-cta {
        padding: 70px 0;
    }

    .management-cta .cta-content h2 {
        font-size: 30px;
    }

    .management-cta .cta-content p {
        font-size: 16px;
    }

    .management-cta .btn {
        display: block;
        width: 100%;
        margin: 10px 0;
    }

    .management-contact {
        flex-direction: column;
        gap: 15px;
    }

}

/*==========================================
CLIENTS OVERVIEW
==========================================*/

.clients-overview{

    background:#ffffff;

}

.clients-image{

    overflow:hidden;

    border-radius:20px;

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

}

.clients-image img{

    width:100%;

    transition:.5s;

}

.clients-image:hover img{

    transform:scale(1.05);

}

.client-list{

    list-style:none;

    padding:0;

    margin-top:30px;

}

.client-list li{

    margin-bottom:15px;

    font-size:17px;

    color:#555;

}

.client-list i{

    color:#D4AF37;

    margin-right:12px;

}

/*==========================================
INDUSTRIES WE SERVE
==========================================*/

.client-industries{

    background:#f8f9fc;

}

.industry-service-card{

    background:#ffffff;

    padding:35px 30px;

    border-radius:20px;

    text-align:center;

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

    transition:.35s;

    height:100%;

    border-bottom:4px solid transparent;

}

.industry-service-card:hover{

    transform:translateY(-10px);

    border-bottom:4px solid #D4AF37;

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

}

.industry-icon{

    width:85px;

    height:85px;

    margin:auto;

    background:#071B2F;

    color:#D4AF37;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    margin-bottom:25px;

}

.industry-service-card h4{

    color:#071B2F;

    font-weight:700;

    margin-bottom:15px;

}

.industry-service-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}


/*==========================================
FEATURED PROJECTS
==========================================*/

.featured-projects{

    background:#ffffff;

}

.project-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.4s;

    height:100%;

}

.project-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(0,0,0,.15);

}

.project-image{

    overflow:hidden;

}

.project-image img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:.5s;

}

.project-card:hover img{

    transform:scale(1.08);

}

.project-content{

    padding:30px;

}

.project-category{

    display:inline-block;

    background:#D4AF37;

    color:#071B2F;

    padding:6px 18px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    margin-bottom:18px;

}

.project-content h4{

    color:#071B2F;

    font-weight:700;

    margin-bottom:15px;

}

.project-content p{

    color:#666;

    line-height:1.8;

}

.project-content ul{

    list-style:none;

    padding:0;

    margin-top:20px;

}

.project-content li{

    margin-bottom:10px;

}

.project-content i{

    color:#D4AF37;

    margin-right:10px;

}

/*==========================================
CLIENT TESTIMONIALS
==========================================*/

.client-testimonials{

    background:#f8f9fc;

}

.testimonial-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

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

    transition:.35s;

    height:100%;

}

.testimonial-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(0,0,0,.15);

}

.stars{

    color:#D4AF37;

    margin-bottom:20px;

    font-size:18px;

}

.testimonial-card p{

    color:#666;

    line-height:1.9;

    font-style:italic;

    margin-bottom:30px;

}

.testimonial-client{

    display:flex;

    align-items:center;

    gap:15px;

}

.testimonial-client img{

    width:70px;

    height:70px;

    border-radius:50%;

    object-fit:cover;

}

.testimonial-client h5{

    margin:0;

    color:#071B2F;

    font-weight:700;

}

.testimonial-client span{

    color:#D4AF37;

    font-size:14px;

}


/*==========================================
WHY CLIENTS CHOOSE US
==========================================*/

.why-clients{

    background:#ffffff;

}

.why-client-card{

    background:#fff;

    padding:40px 30px;

    border-radius:20px;

    text-align:center;

    height:100%;

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

    transition:.35s;

    border-top:4px solid transparent;

}

.why-client-card:hover{

    transform:translateY(-10px);

    border-top:4px solid #D4AF37;

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

}

.why-icon{

    width:90px;

    height:90px;

    margin:auto;

    background:#071B2F;

    color:#D4AF37;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:36px;

    margin-bottom:25px;

}

.why-client-card h4{

    color:#071B2F;

    font-weight:700;

    margin-bottom:15px;

}

.why-client-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}

/*==========================================
CLIENT CTA
==========================================*/

.client-cta{

    position:relative;

    padding:120px 0;

    background:url('../images/backgrounds/client-cta.jpg')
    center center/cover no-repeat;

    overflow:hidden;

}

.client-cta-overlay{

    position:absolute;

    inset:0;

    background:rgba(7,27,47,.90);

}

.client-cta .container{

    position:relative;

    z-index:2;

}

.client-cta-content{

    max-width:900px;

    margin:auto;

    color:#fff;

}

.client-cta-content span{

    display:inline-block;

    background:#D4AF37;

    color:#071B2F;

    padding:10px 30px;

    border-radius:50px;

    font-weight:700;

    text-transform:uppercase;

    margin-bottom:25px;

}

.client-cta-content h2{

    font-size:50px;

    color:#fff;

    font-weight:700;

    margin-bottom:25px;

}

.client-cta-content p{

    color:#ddd;

    font-size:18px;

    line-height:1.9;

    margin-bottom:40px;

}

.client-benefits{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:25px;

    margin-bottom:40px;

}

.client-benefits div{

    color:#fff;

    font-weight:600;

}

.client-benefits i{

    color:#D4AF37;

    margin-right:8px;

}

.client-contact{

    display:flex;

    justify-content:center;

    gap:50px;

    flex-wrap:wrap;

    margin-bottom:40px;

}

.client-contact div{

    color:#fff;

    font-size:20px;

    font-weight:600;

}

.client-contact i{

    color:#D4AF37;

    margin-right:10px;

}

@media(max-width:768px){

.client-cta{

padding:80px 0;

}

.client-cta-content h2{

font-size:34px;

}

.client-benefits{

flex-direction:column;

align-items:center;

}

.client-contact{

flex-direction:column;

gap:20px;

}

.client-cta .btn{

display:block;

width:100%;

margin:10px 0;

}

}


/*==========================================
GALLERY INTRODUCTION
==========================================*/

.gallery-intro{

background:#fff;

}

.gallery-intro-image{

overflow:hidden;

border-radius:20px;

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

}

.gallery-intro-image img{

transition:.5s;

width:100%;

}

.gallery-intro-image:hover img{

transform:scale(1.05);

}


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

.filter-buttons{

display:flex;

justify-content:center;

flex-wrap:wrap;

gap:15px;

margin-top:40px;

}

.filter-buttons button{

background:#fff;

border:2px solid #D4AF37;

padding:12px 28px;

border-radius:40px;

font-weight:600;

transition:.3s;

}

.filter-buttons button.active,

.filter-buttons button:hover{

background:#D4AF37;

color:#071B2F;

}


/*==========================================
PORTFOLIO GALLERY
==========================================*/

.portfolio-gallery{

    background:#ffffff;

}

.gallery-card{

    position:relative;

    overflow:hidden;

    border-radius:20px;

    box-shadow:0 15px 35px rgba(0,0,0,.10);

}

.gallery-card img{

    width:100%;

    height:320px;

    object-fit:cover;

    transition:.5s;

}

.gallery-card:hover img{

    transform:scale(1.08);

}

.gallery-overlay{

    position:absolute;

    inset:0;

    background:rgba(7,27,47,.85);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    opacity:0;

    transition:.35s;

    padding:30px;

}

.gallery-card:hover .gallery-overlay{

    opacity:1;

}

.gallery-overlay span{

    background:#D4AF37;

    color:#071B2F;

    padding:6px 18px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    margin-bottom:20px;

}

.gallery-overlay h4{

    color:#ffffff;

    margin-bottom:25px;

    font-weight:700;

}

.gallery-overlay a{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#D4AF37;

    color:#071B2F;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

    text-decoration:none;

    transition:.3s;

}

.gallery-overlay a:hover{

    background:#ffffff;

}


/*==========================================
VIDEO GALLERY
==========================================*/

.video-gallery{

    background:#f8f9fc;

}

.video-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.35s;

    height:100%;

}

.video-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(0,0,0,.15);

}

.video-thumbnail{

    position:relative;

}

.video-thumbnail img{

    width:100%;

    height:250px;

    object-fit:cover;

}

.video-play-btn{

    position:absolute;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

    width:80px;

    height:80px;

    border-radius:50%;

    background:#D4AF37;

    color:#071B2F;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:28px;

    text-decoration:none;

    transition:.3s;

}

.video-play-btn:hover{

    background:#ffffff;

    color:#071B2F;

    transform:translate(-50%,-50%) scale(1.1);

}

.video-content{

    padding:30px;

}

.video-content h4{

    color:#071B2F;

    font-weight:700;

    margin-bottom:15px;

}

.video-content p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}

/*==========================================
ACHIEVEMENTS
==========================================*/

.achievements-section{

    background:#ffffff;

}

.achievement-card{

    background:#fff;

    padding:40px 30px;

    text-align:center;

    border-radius:20px;

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

    transition:.35s;

    height:100%;

    border-top:4px solid transparent;

}

.achievement-card:hover{

    transform:translateY(-10px);

    border-top:4px solid #D4AF37;

    box-shadow:0 25px 50px rgba(0,0,0,.15);

}

.achievement-icon{

    width:90px;

    height:90px;

    margin:auto;

    background:#071B2F;

    color:#D4AF37;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:36px;

    margin-bottom:25px;

}

.achievement-card h4{

    color:#071B2F;

    font-weight:700;

    margin-bottom:15px;

}

.achievement-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}


/*==========================================
COMMUNITY ACTIVITIES
==========================================*/

.community-section{

    background:#f8f9fc;

}

.community-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.35s;

    height:100%;

}

.community-card:hover{

    transform:translateY(-10px);

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

}

.community-card img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:.5s;

}

.community-card:hover img{

    transform:scale(1.05);

}

.community-content{

    padding:30px;

}

.community-content span{

    display:inline-block;

    background:#D4AF37;

    color:#071B2F;

    padding:6px 16px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    margin-bottom:15px;

}

.community-content h4{

    color:#071B2F;

    font-weight:700;

    margin-bottom:15px;

}

.community-content p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}


/*==========================================
CAREERS INTRO
==========================================*/

.careers-intro{

    background:#fff;

}

.careers-image{

    overflow:hidden;

    border-radius:20px;

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

}

.careers-image img{

    width:100%;

    transition:.5s;

}

.careers-image:hover img{

    transform:scale(1.05);

}

.career-list{

    list-style:none;

    padding:0;

    margin-top:30px;

}

.career-list li{

    margin-bottom:16px;

    color:#555;

    font-size:17px;

}

.career-list i{

    color:#D4AF37;

    margin-right:10px;

}

/*==========================================
CURRENT VACANCIES
==========================================*/

.vacancies-section{

    background:#f8f9fc;

}

.vacancy-card{

    background:#ffffff;

    border-radius:20px;

    padding:35px;

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

    transition:.35s;

    height:100%;

    border-left:5px solid transparent;

}

.vacancy-card:hover{

    transform:translateY(-8px);

    border-left:5px solid #D4AF37;

    box-shadow:0 20px 50px rgba(0,0,0,.15);

}

.vacancy-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

    flex-wrap:wrap;

}

.vacancy-header h3{

    color:#071B2F;

    font-weight:700;

    margin:0;

}

.vacancy-status{

    background:#D4AF37;

    color:#071B2F;

    padding:6px 15px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

}

.vacancy-meta{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:25px;

    color:#666;

}

.vacancy-meta span{

    font-size:15px;

}

.vacancy-meta i{

    color:#D4AF37;

    margin-right:6px;

}

.vacancy-features{

    list-style:none;

    padding:0;

    margin-bottom:30px;

}

.vacancy-features li{

    margin-bottom:12px;

    color:#555;

}

.vacancy-features i{

    color:#28a745;

    margin-right:8px;

}

@media(max-width:768px){

.vacancy-header{

flex-direction:column;

align-items:flex-start;

gap:10px;

}

.vacancy-meta{

flex-direction:column;

gap:10px;

}

}


/*==========================================
RECRUITMENT PROCESS
==========================================*/

.recruitment-process{

    background:#ffffff;

}

.process-card{

    position:relative;

    background:#fff;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

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

    transition:.35s;

    height:100%;

    overflow:hidden;

}

.process-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(0,0,0,.15);

}

.process-number{

    position:absolute;

    top:15px;

    right:20px;

    font-size:42px;

    font-weight:800;

    color:rgba(212,175,55,.18);

}

.process-icon{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    background:#071B2F;

    color:#D4AF37;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    margin-bottom:25px;

}

.process-card h4{

    color:#071B2F;

    font-weight:700;

    margin-bottom:15px;

}

.process-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}


/*==========================================
EMPLOYEE BENEFITS
==========================================*/

.employee-benefits{

    background:#f8f9fc;

}

.benefit-card{

    background:#ffffff;

    padding:40px 30px;

    border-radius:20px;

    text-align:center;

    height:100%;

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

    transition:.35s;

    border-bottom:4px solid transparent;

}

.benefit-card:hover{

    transform:translateY(-10px);

    border-bottom:4px solid #D4AF37;

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

}

.benefit-icon{

    width:90px;

    height:90px;

    margin:auto;

    background:#071B2F;

    color:#D4AF37;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:36px;

    margin-bottom:25px;

}

.benefit-card h4{

    color:#071B2F;

    font-weight:700;

    margin-bottom:15px;

}

.benefit-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}

/*==========================================
TRAINING & CAREER DEVELOPMENT
==========================================*/

.career-development{

    background:#ffffff;

}

.career-timeline{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:20px;

    margin-top:50px;

}

.career-step{

    max-width:220px;

    text-align:center;

}

.career-icon{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    background:#071B2F;

    color:#D4AF37;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

    margin-bottom:20px;

    transition:.35s;

}

.career-step:hover .career-icon{

    transform:scale(1.08);

}

.career-step h4{

    color:#071B2F;

    font-weight:700;

    margin-bottom:10px;

}

.career-step p{

    color:#666;

    line-height:1.7;

}

.career-arrow{

    font-size:30px;

    color:#D4AF37;

}

.development-card{

    background:#f8f9fc;

    padding:30px 20px;

    text-align:center;

    border-radius:16px;

    transition:.35s;

    height:100%;

    border-bottom:4px solid transparent;

}

.development-card:hover{

    transform:translateY(-8px);

    border-bottom:4px solid #D4AF37;

    box-shadow:0 15px 35px rgba(0,0,0,.10);

}

.development-card i{

    font-size:36px;

    color:#D4AF37;

    margin-bottom:15px;

}

.development-card h5{

    color:#071B2F;

    font-weight:700;

    margin:0;

}

@media(max-width:992px){

    .career-timeline{

        flex-direction:column;

    }

    .career-arrow{

        transform:rotate(90deg);

    }

}

/*==========================================
LIFE AT MJ TRADING LANKA
==========================================*/

.life-mj{

    background:#f8f9fc;

}

.life-card{

    position:relative;

    overflow:hidden;

    border-radius:20px;

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

}

.life-card img{

    width:100%;

    height:280px;

    object-fit:cover;

    transition:.5s;

}

.life-card:hover img{

    transform:scale(1.08);

}

.life-overlay{

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    background:linear-gradient(transparent,rgba(7,27,47,.95));

    padding:30px;

}

.life-overlay h4{

    color:#fff;

    margin:0;

    font-weight:700;

}

.company-values{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));

    gap:25px;

}

.value-item{

    background:#fff;

    padding:30px 20px;

    border-radius:18px;

    text-align:center;

    transition:.35s;

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

}

.value-item:hover{

    transform:translateY(-8px);

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

}

.value-item i{

    font-size:36px;

    color:#D4AF37;

    margin-bottom:15px;

}

.value-item h5{

    color:#071B2F;

    font-weight:700;

    margin:0;

}


/*==========================================
APPLY ONLINE
==========================================*/

.apply-online{

    background:#ffffff;

}

.career-form{

    background:#f8f9fc;

    padding:50px;

    border-radius:20px;

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

}

.career-form .form-control,
.career-form .form-select{

    height:55px;

    border-radius:10px;

    border:1px solid #dcdcdc;

    padding:12px 18px;

}

.career-form textarea{

    border-radius:10px;

    padding:18px;

}

.career-form .form-control:focus,
.career-form .form-select:focus{

    border-color:#D4AF37;

    box-shadow:0 0 0 .2rem rgba(212,175,55,.25);

}

.career-form .form-label{

    font-weight:600;

    color:#071B2F;

}

.career-form .btn{

    padding:15px 45px;

    border-radius:50px;

    font-weight:700;

    font-size:17px;

}

@media(max-width:768px){

.career-form{

padding:30px 20px;

}

}



/*==========================================
CAREERS FAQ
==========================================*/

.career-faq{

    background:#f8f9fc;

}

.career-faq .accordion-item{

    border:none;

    margin-bottom:20px;

    border-radius:15px;

    overflow:hidden;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.career-faq .accordion-button{

    background:#ffffff;

    color:#071B2F;

    font-weight:700;

    padding:22px 25px;

    box-shadow:none;

}

.career-faq .accordion-button:not(.collapsed){

    background:#071B2F;

    color:#ffffff;

}

.career-faq .accordion-button:focus{

    box-shadow:none;

}

.career-faq .accordion-body{

    padding:25px;

    color:#666;

    line-height:1.9;

}

/*==========================================
FEATURED NEWS
==========================================*/

.featured-news{

    background:#ffffff;

}

.featured-news-card{

    background:#f8f9fc;

    border-radius:20px;

    padding:40px;

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

}

.featured-news-card img{

    border-radius:20px;

}

.news-category{

    display:inline-block;

    background:#D4AF37;

    color:#071B2F;

    padding:8px 20px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    margin-bottom:20px;

}

.featured-news-card h3{

    color:#071B2F;

    font-weight:700;

    margin-bottom:20px;

}

.news-meta{

    margin-bottom:20px;

    color:#777;

}

.news-meta i{

    color:#D4AF37;

    margin-right:8px;

}

.featured-news-card p{

    color:#666;

    line-height:1.9;

    margin-bottom:30px;

}

@media(max-width:768px){

.featured-news-card{

padding:25px;

}

.featured-news-card img{

margin-bottom:30px;

}

}


/*==========================================
LATEST NEWS
==========================================*/

.latest-news{

    background:#f8f9fc;

}

.news-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.35s;

    height:100%;

}

.news-card:hover{

    transform:translateY(-10px);

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

}

.news-image{

    overflow:hidden;

}

.news-image img{

    width:100%;

    height:250px;

    object-fit:cover;

    transition:.5s;

}

.news-card:hover img{

    transform:scale(1.08);

}

.news-content{

    padding:30px;

}

.news-tag{

    display:inline-block;

    background:#D4AF37;

    color:#071B2F;

    padding:6px 16px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    margin-bottom:15px;

}

.news-content h4{

    color:#071B2F;

    font-weight:700;

    margin-bottom:15px;

    line-height:1.5;

}

.news-date{

    color:#888;

    margin-bottom:15px;

    font-size:14px;

}

.news-date i{

    color:#D4AF37;

    margin-right:8px;

}

.news-content p{

    color:#666;

    line-height:1.8;

    margin-bottom:20px;

}

.read-more{

    color:#071B2F;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.read-more i{

    margin-left:8px;

    transition:.3s;

}

.read-more:hover{

    color:#D4AF37;

}

.read-more:hover i{

    transform:translateX(5px);

}

/*==========================================
NEWS CATEGORIES
==========================================*/

.news-categories{

    background:#ffffff;

}

.category-card{

    background:#fff;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    height:100%;

    transition:.35s;

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

    border-top:4px solid transparent;

}

.category-card:hover{

    transform:translateY(-10px);

    border-top:4px solid #D4AF37;

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

}

.category-icon{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    background:#071B2F;

    color:#D4AF37;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:36px;

    margin-bottom:25px;

}

.category-card h4{

    color:#071B2F;

    font-weight:700;

    margin-bottom:15px;

}

.category-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:20px;

}

.article-count{

    display:inline-block;

    background:#D4AF37;

    color:#071B2F;

    padding:8px 18px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

}

/*==========================================
COMPANY ANNOUNCEMENTS
==========================================*/

.announcement-section{

    background:#f8f9fc;

}

.announcement-timeline{

    position:relative;

    max-width:900px;

    margin:auto;

}

.announcement-timeline::before{

    content:"";

    position:absolute;

    left:40px;

    top:0;

    bottom:0;

    width:4px;

    background:#D4AF37;

}

.announcement-item{

    position:relative;

    display:flex;

    gap:30px;

    margin-bottom:50px;

}

.announcement-icon{

    width:80px;

    height:80px;

    min-width:80px;

    border-radius:50%;

    background:#071B2F;

    color:#D4AF37;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:30px;

    z-index:2;

}

.announcement-content{

    background:#fff;

    padding:30px;

    border-radius:18px;

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

    flex:1;

    transition:.35s;

}

.announcement-content:hover{

    transform:translateY(-5px);

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

}

.announcement-date{

    display:inline-block;

    background:#D4AF37;

    color:#071B2F;

    padding:6px 16px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    margin-bottom:15px;

}

.announcement-content h4{

    color:#071B2F;

    font-weight:700;

    margin-bottom:15px;

}

.announcement-content p{

    color:#666;

    line-height:1.8;

    margin-bottom:0;

}

@media(max-width:768px){

.announcement-item{

flex-direction:column;

align-items:flex-start;

}

.announcement-timeline::before{

left:38px;

}

}


/*==========================================
UPCOMING EVENTS
==========================================*/

.events-section{

    background:#ffffff;

}

.event-card{

    display:flex;

    background:#fff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.35s;

    height:100%;

}

.event-card:hover{

    transform:translateY(-8px);

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

}

.event-date{

    width:110px;

    background:#071B2F;

    color:#fff;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    padding:20px;

}

.event-date .day{

    font-size:40px;

    font-weight:800;

    line-height:1;

}

.event-date .month{

    margin-top:10px;

    color:#D4AF37;

    font-weight:700;

    letter-spacing:2px;

}

.event-content{

    flex:1;

    padding:30px;

}

.event-content h4{

    color:#071B2F;

    font-weight:700;

    margin-bottom:18px;

}

.event-content ul{

    list-style:none;

    padding:0;

    margin-bottom:18px;

}

.event-content li{

    margin-bottom:10px;

    color:#666;

}

.event-content i{

    color:#D4AF37;

    margin-right:10px;

}

.event-content p{

    color:#666;

    line-height:1.8;

    margin-bottom:25px;

}

@media(max-width:768px){

.event-card{

flex-direction:column;

}

.event-date{

width:100%;

padding:25px;

}

}

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

.newsletter-section{

    background:#f8f9fc;

}

.newsletter-box{

    background:#071B2F;

    color:#fff;

    padding:70px;

    border-radius:25px;

    overflow:hidden;

    position:relative;

}

.newsletter-box::before{

    content:"";

    position:absolute;

    right:-120px;

    top:-120px;

    width:300px;

    height:300px;

    background:rgba(212,175,55,.08);

    border-radius:50%;

}

.newsletter-box h2{

    color:#fff;

    font-weight:700;

    margin-bottom:20px;

}

.newsletter-box p{

    color:#ddd;

    line-height:1.9;

}

.newsletter-list{

    list-style:none;

    padding:0;

    margin-top:30px;

}

.newsletter-list li{

    margin-bottom:14px;

}

.newsletter-list i{

    color:#D4AF37;

    margin-right:10px;

}

.newsletter-form{

    background:#fff;

    padding:35px;

    border-radius:18px;

}

.newsletter-form .form-control{

    height:55px;

    border-radius:10px;

    border:1px solid #ddd;

}

.newsletter-form .form-control:focus{

    border-color:#D4AF37;

    box-shadow:0 0 0 .2rem rgba(212,175,55,.20);

}

@media(max-width:992px){

.newsletter-box{

padding:40px 30px;

}

.newsletter-form{

margin-top:40px;

}

}


/*==========================================
NEWS CALL TO ACTION
==========================================*/

.news-cta{

    position:relative;

    padding:120px 0;

    background:url('../images/backgrounds/news-cta.jpg')
    center center/cover no-repeat;

    overflow:hidden;

}

.news-cta-overlay{

    position:absolute;

    inset:0;

    background:rgba(7,27,47,.88);

}

.news-cta .container{

    position:relative;

    z-index:2;

}

.news-cta-content{

    max-width:900px;

    margin:auto;

    color:#fff;

}

.news-cta-content span{

    display:inline-block;

    background:#D4AF37;

    color:#071B2F;

    padding:10px 28px;

    border-radius:50px;

    font-weight:700;

    text-transform:uppercase;

    margin-bottom:25px;

}

.news-cta-content h2{

    font-size:48px;

    font-weight:700;

    margin-bottom:25px;

    color:#fff;

}

.news-cta-content p{

    color:#ddd;

    line-height:1.9;

    font-size:18px;

    margin-bottom:40px;

}

.news-benefits{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:25px;

    margin-bottom:40px;

}

.news-benefits div{

    color:#fff;

    font-weight:600;

}

.news-benefits i{

    color:#D4AF37;

    margin-right:8px;

}

.news-contact{

    display:flex;

    justify-content:center;

    gap:50px;

    flex-wrap:wrap;

    margin-bottom:40px;

}

.news-contact div{

    font-size:20px;

    font-weight:600;

}

.news-contact i{

    color:#D4AF37;

    margin-right:10px;

}

@media (max-width:768px){

    .news-cta{

        padding:80px 0;

    }

    .news-cta-content h2{

        font-size:34px;

    }

    .news-benefits{

        flex-direction:column;

        gap:15px;

    }

    .news-contact{

        flex-direction:column;

        gap:15px;

    }

    .news-cta .btn{

        display:block;

        width:100%;

        margin:10px 0;

    }

}



/*==========================================
CONTACT INFORMATION
==========================================*/

.contact-info{

    background:#ffffff;

}

.contact-card{

    background:#fff;

    padding:40px 30px;

    border-radius:20px;

    text-align:center;

    height:100%;

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

    transition:.35s;

    border-bottom:4px solid transparent;

}

.contact-card:hover{

    transform:translateY(-10px);

    border-bottom:4px solid #D4AF37;

    box-shadow:0 25px 50px rgba(0,0,0,.15);

}

.contact-icon{

    width:90px;

    height:90px;

    margin:auto;

    background:#071B2F;

    color:#D4AF37;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

    margin-bottom:25px;

}

.contact-card h4{

    color:#071B2F;

    font-weight:700;

    margin-bottom:15px;

}

.contact-card p{

    color:#666;

    line-height:1.9;

    margin-bottom:0;

}



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

.contact-form-section{

    background:#f8f9fc;

}

.contact-form-wrapper{

    background:#fff;

    padding:60px;

    border-radius:25px;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.contact-form-wrapper .form-control,
.contact-form-wrapper .form-select{

    height:58px;

    border-radius:12px;

    border:1px solid #ddd;

    padding:15px 18px;

}

.contact-form-wrapper textarea{

    height:auto;

    padding:18px;

    border-radius:12px;

}

.contact-form-wrapper .form-control:focus,
.contact-form-wrapper .form-select:focus{

    border-color:#D4AF37;

    box-shadow:0 0 0 .2rem rgba(212,175,55,.20);

}

.contact-form-wrapper .form-label{

    color:#071B2F;

    font-weight:600;

}

.response-info{

    display:flex;

    justify-content:center;

    gap:40px;

    flex-wrap:wrap;

    color:#555;

    font-weight:600;

}

.response-info i{

    color:#D4AF37;

    margin-right:10px;

}

@media(max-width:768px){

.contact-form-wrapper{

padding:35px 20px;

}

.response-info{

flex-direction:column;

text-align:center;

gap:20px;

}

}


/*==========================================
OFFICE LOCATION
==========================================*/

.office-location{

    background:#ffffff;

}

.map-wrapper{

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.map-wrapper iframe{

    width:100%;

    height:500px;

    border:0;

}

.location-card{

    background:#071B2F;

    color:#fff;

    padding:40px;

    border-radius:20px;

    height:100%;

}

.location-card h3{

    color:#D4AF37;

    font-weight:700;

    margin-bottom:30px;

}

.location-card ul{

    list-style:none;

    padding:0;

    margin:0 0 35px;

}

.location-card li{

    display:flex;

    align-items:flex-start;

    gap:15px;

    margin-bottom:25px;

    line-height:1.8;

}

.location-card i{

    color:#D4AF37;

    font-size:20px;

    margin-top:4px;

    min-width:20px;

}

.location-card .btn{

    width:100%;

}

@media(max-width:768px){

.map-wrapper iframe{

height:350px;

}

.location-card{

padding:30px;

}

}


/*==========================================
OFFICE HOURS & DEPARTMENTS
==========================================*/

.office-departments{

    background:#f8f9fc;

}

.office-hours-card{

    background:#071B2F;

    color:#fff;

    padding:40px;

    border-radius:20px;

    height:100%;

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

}

.office-hours-card h3{

    color:#D4AF37;

    margin-bottom:30px;

    font-weight:700;

}

.office-hours-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.office-hours-card li{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 0;

    border-bottom:1px solid rgba(255,255,255,.15);

}

.office-hours-card li:last-child{

    border-bottom:none;

}

.office-hours-card strong{

    color:#fff;

}

.office-hours-card span{

    color:#D4AF37;

    font-weight:600;

}

.departments-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

    gap:25px;

}

.department-card{

    background:#fff;

    border-radius:18px;

    padding:30px;

    text-align:center;

    transition:.35s;

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

}

.department-card:hover{

    transform:translateY(-8px);

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

}

.department-card i{

    font-size:34px;

    color:#D4AF37;

    margin-bottom:18px;

}

.department-card h5{

    color:#071B2F;

    font-weight:700;

    margin-bottom:10px;

}

.department-card p{

    color:#666;

    margin:0;

    word-break:break-word;

}

.department-card.emergency{

    background:#071B2F;

}

.department-card.emergency h5,

.department-card.emergency p{

    color:#fff;

}

.department-card.emergency i{

    color:#D4AF37;

}

@media(max-width:768px){

.office-hours-card li{

flex-direction:column;

align-items:flex-start;

gap:8px;

}

}

/*==========================================
SOCIAL CONNECT
==========================================*/

.social-connect{

    background:#ffffff;

}

.social-card{

    display:block;

    background:#fff;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    text-decoration:none;

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

    transition:.35s;

    height:100%;

}

.social-card:hover{

    transform:translateY(-10px);

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

}

.social-icon{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:38px;

    color:#fff;

    margin-bottom:25px;

}

.facebook{

    background:#1877F2;

}

.linkedin{

    background:#0A66C2;

}

.youtube{

    background:#FF0000;

}

.instagram{

    background:linear-gradient(45deg,#833AB4,#E1306C,#FCAF45);

}

.whatsapp{

    background:#25D366;

}

.email{

    background:#071B2F;

}

.social-card h4{

    color:#071B2F;

    font-weight:700;

    margin-bottom:15px;

}

.social-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:20px;

}

.social-card span{

    display:inline-block;

    color:#D4AF37;

    font-weight:700;

}

/*==========================================
CONTACT FAQ
==========================================*/

.contact-faq{

    background:#f8f9fc;

}

.contact-faq .accordion-item{

    border:none;

    margin-bottom:18px;

    border-radius:16px;

    overflow:hidden;

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

}

.contact-faq .accordion-button{

    padding:22px 25px;

    font-weight:700;

    color:#071B2F;

    background:#fff;

    box-shadow:none;

}

.contact-faq .accordion-button:not(.collapsed){

    background:#071B2F;

    color:#fff;

}

.contact-faq .accordion-button:focus{

    box-shadow:none;

}

.contact-faq .accordion-body{

    padding:25px;

    color:#666;

    line-height:1.9;

    background:#fff;

}

/*==========================================
EMERGENCY CONTACT
==========================================*/

.emergency-contact{

    position:relative;

    padding:120px 0;

    background:url('../images/backgrounds/emergency-bg.jpg')
    center center/cover no-repeat;

}

.emergency-overlay{

    position:absolute;

    inset:0;

    background:rgba(7,27,47,.90);

}

.emergency-contact .container{

    position:relative;

    z-index:2;

}

.emergency-content{

    max-width:850px;

    margin:auto;

    color:#fff;

}

.emergency-content span{

    display:inline-block;

    background:#dc3545;

    color:#fff;

    padding:10px 28px;

    border-radius:50px;

    font-weight:700;

    margin-bottom:25px;

    text-transform:uppercase;

}

.emergency-content h2{

    color:#fff;

    font-size:48px;

    font-weight:700;

    margin-bottom:25px;

}

.emergency-content p{

    color:#ddd;

    line-height:1.9;

    font-size:18px;

}

.emergency-contact-info{

    display:flex;

    justify-content:center;

    gap:50px;

    flex-wrap:wrap;

    margin-top:40px;

    font-size:20px;

    font-weight:600;

}

.emergency-contact-info i{

    color:#D4AF37;

    margin-right:10px;

}

@media(max-width:768px){

.emergency-contact{

padding:80px 0;

}

.emergency-content h2{

font-size:34px;

}

.emergency-contact-info{

flex-direction:column;

gap:20px;

}

}

/*==========================================
FINAL CTA
==========================================*/

.final-cta{

    background:#ffffff;

    padding:80px 0;

}

.final-cta-box{

    background:#071B2F;

    border-radius:24px;

    padding:60px;

    color:#fff;

    box-shadow:0 20px 50px rgba(0,0,0,.15);

}

.final-cta-box h2{

    color:#fff;

    font-weight:700;

    margin-bottom:20px;

}

.final-cta-box p{

    color:#ddd;

    line-height:1.9;

    margin-bottom:0;

}

@media(max-width:992px){

.final-cta-box{

text-align:center;

padding:40px 25px;

}

.final-cta-box .btn{

display:block;

width:100%;

margin-top:15px;

}

}


/*==========================================
CERTIFICATE OVERVIEW
==========================================*/

.certificate-overview{

    background:#ffffff;

}

.certificate-image{

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

}

.certificate-image img{

    width:100%;

    transition:.4s;

}

.certificate-image:hover img{

    transform:scale(1.03);

}

.certificate-list{

    list-style:none;

    padding:0;

    margin:30px 0;

}

.certificate-list li{

    margin-bottom:15px;

    color:#555;

}

.certificate-list i{

    color:#D4AF37;

    margin-right:10px;

}

/*==========================================
CERTIFICATE GALLERY
==========================================*/

.certificate-gallery{

    background:#f8f9fc;

}

.certificate-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

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

    transition:.35s;

    height:100%;

}

.certificate-card:hover{

    transform:translateY(-10px);

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

}

.certificate-thumb{

    overflow:hidden;

}

.certificate-thumb img{

    width:100%;

    height:320px;

    object-fit:contain;

    background:#fff;

    transition:.4s;

}

.certificate-card:hover img{

    transform:scale(1.03);

}

.certificate-content{

    padding:30px;

}

.certificate-content h4{

    color:#071B2F;

    font-weight:700;

}

.certificate-content p{

    color:#666;

    margin-bottom:20px;

}

.certificate-content ul{

    list-style:none;

    padding:0;

    margin-bottom:25px;

}

.certificate-content li{

    display:flex;

    justify-content:space-between;

    margin-bottom:12px;

    color:#555;

}

.status-active{

    color:#28a745;

    font-weight:700;

}

/*==========================================
MEMBERSHIPS
==========================================*/

.memberships{

background:#fff;

}

.membership-card{

background:#fff;

padding:35px;

border-radius:18px;

text-align:center;

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

transition:.35s;

height:100%;

}

.membership-card:hover{

transform:translateY(-8px);

}

.membership-card img{

height:90px;

object-fit:contain;

margin-bottom:20px;

}


/*==========================================
REGULATORY COMPLIANCE
==========================================*/

.compliance-section{

    background:#f8f9fc;

}

.compliance-card{

    background:#fff;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    height:100%;

    transition:.35s;

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

    border-top:4px solid transparent;

}

.compliance-card:hover{

    transform:translateY(-8px);

    border-top:4px solid #D4AF37;

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

}

.compliance-icon{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    background:#071B2F;

    color:#D4AF37;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:36px;

    margin-bottom:25px;

}

.compliance-card h4{

    color:#071B2F;

    font-weight:700;

    margin-bottom:15px;

}

.compliance-card p{

    color:#666;

    line-height:1.8;

}


/*==========================================
FUTURE DEVELOPMENT
==========================================*/

.future-development{

    background:#ffffff;

}

.future-card{

    background:#f8f9fc;

    border-radius:20px;

    padding:40px 30px;

    text-align:center;

    height:100%;

    transition:.35s;

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

    border-bottom:4px solid transparent;

}

.future-card:hover{

    transform:translateY(-8px);

    border-bottom:4px solid #D4AF37;

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

}

.future-icon{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    background:#071B2F;

    color:#D4AF37;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:36px;

    margin-bottom:25px;

}

.future-card h4{

    color:#071B2F;

    font-weight:700;

    margin-bottom:15px;

}

.future-card p{

    color:#666;

    line-height:1.8;

    margin:0;

}

/*==========================================
CERTIFICATE VERIFICATION
==========================================*/

.verification-section{

    background:#f8f9fc;

}

.verification-box{

    background:#fff;

    padding:60px;

    border-radius:24px;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.verification-list{

    list-style:none;

    padding:0;

    margin-top:30px;

}

.verification-list li{

    margin-bottom:15px;

    color:#555;

}

.verification-list i{

    color:#D4AF37;

    margin-right:10px;

}

@media(max-width:768px){

    .verification-box{

        padding:35px 25px;

    }

}


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

.error-page{

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(rgba(7,27,47,.92),
               rgba(7,27,47,.92)),
               url('../images/backgrounds/error-bg.jpg')
               center center/cover no-repeat;

    text-align:center;

    color:#fff;

    padding:120px 0;

}

.error-code{

    font-size:180px;

    font-weight:900;

    color:#D4AF37;

    line-height:1;

    text-shadow:0 10px 30px rgba(0,0,0,.35);

}

.error-content h1{

    font-size:52px;

    font-weight:700;

    margin:25px 0;

    color:#fff;

}

.error-content p{

    max-width:650px;

    margin:0 auto 40px;

    color:#ddd;

    font-size:18px;

    line-height:1.9;

}

.error-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

@media(max-width:768px){

.error-code{

font-size:110px;

}

.error-content h1{

font-size:34px;

}

.error-buttons{

flex-direction:column;

}

.error-buttons .btn{

width:100%;

}

}


.quick-links{

    margin-top:60px;

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.quick-links a{

    width:170px;

    padding:25px;

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

    border:1px solid rgba(255,255,255,.15);

    border-radius:15px;

    color:#fff;

    text-decoration:none;

    transition:.3s;

}

.quick-links a:hover{

    background:#D4AF37;

    color:#071B2F;

    transform:translateY(-6px);

}

.quick-links i{

    display:block;

    font-size:28px;

    margin-bottom:12px;

}


/*==========================================
SITEMAP
==========================================*/

.sitemap-section{

    background:#f8f9fc;

}

.sitemap-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    height:100%;

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

    transition:.35s;

}

.sitemap-card:hover{

    transform:translateY(-8px);

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

}

.sitemap-card h4{

    color:#071B2F;

    margin-bottom:25px;

    font-weight:700;

}

.sitemap-card h4 i{

    color:#D4AF37;

}

.sitemap-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.sitemap-card li{

    margin-bottom:15px;

}

.sitemap-card a{

    color:#555;

    text-decoration:none;

    transition:.3s;

}

.sitemap-card a:hover{

    color:#D4AF37;

    padding-left:8px;

}



/*==========================================
FOOTER
==========================================*/

.footer {
    position: relative;
    padding: 75px 0 0;
    background: #071B2F;
    color: rgba(255, 255, 255, 0.82);
    overflow: hidden;
}

.footer .container {
    position: relative;
    z-index: 2;
}

/*==========================================
COMPANY
==========================================*/

.footer-logo {
    display: block;

    width: auto;
    max-width: 150px;
    max-height: 90px;

    margin-bottom: 22px;

    object-fit: contain;
}


.footer-company h3 {
    max-width: 320px;

    margin-bottom: 16px;

    color: #ffffff;

    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.4;
}


.footer-company > p {
    max-width: 360px;

    margin-bottom: 24px;

    color: rgba(255, 255, 255, 0.68);

    font-size: 0.94rem;
    line-height: 1.8;
}


/*==========================================
FOOTER HEADINGS
==========================================*/

.footer-widget h4 {
    position: relative;

    margin-bottom: 27px;
    padding-bottom: 13px;

    color: #ffffff;

    font-size: 1.08rem;
    font-weight: 700;
}


/* Gold heading line */

.footer-widget h4::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 38px;
    height: 3px;

    background: var(--gold);

    border-radius: 3px;
}


/*==========================================
FOOTER LINKS
==========================================*/

.footer-links {
    margin: 0;
    padding: 0;

    list-style: none;
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links li:last-child {
    margin-bottom: 0;
}

.footer-links a {
    position: relative;

    display: inline-block;

    padding-left: 15px;

    color: rgba(255, 255, 255, 0.70);

    font-size: 0.93rem;
    line-height: 1.6;

    text-decoration: none;

    transition:
        color 0.25s ease,
        transform 0.25s ease;
}


/* Small arrow */

.footer-links a::before {
    content: "\f105";

    position: absolute;
    left: 0;
    top: 1px;

    font-family: "Font Awesome 6 Free";
    font-weight: 900;

    color: var(--gold);

    font-size: 0.78rem;
}


.footer-links a:hover {
    color: var(--gold);

    transform: translateX(4px);
}


/*==========================================
SOCIAL MEDIA
==========================================*/

.footer-social {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 10px;
}


.footer-social a {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    background: rgba(255, 255, 255, 0.07);

    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 50%;

    color: #ffffff;

    font-size: 1rem;

    text-decoration: none;

    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


.footer-social a:hover {
    background: var(--gold);
    border-color: var(--gold);

    color: var(--primary);

    transform: translateY(-3px);
}


/*==========================================
FOOTER CONTACT
==========================================*/

.footer-contact-item {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    margin-bottom: 17px;
}


.footer-contact-item:last-child {
    margin-bottom: 0;
}


.footer-contact-item > i {
    flex: 0 0 18px;

    margin-top: 5px;

    color: var(--gold);

    font-size: 0.95rem;

    text-align: center;
}


.footer-contact-item address,
.footer-contact-item a {
    margin: 0;

    color: rgba(255, 255, 255, 0.72);

    font-size: 0.93rem;
    font-style: normal;
    line-height: 1.7;
}


.footer-contact-item a {
    text-decoration: none;

    overflow-wrap: anywhere;

    transition: color 0.25s ease;
}


.footer-contact-item a:hover {
    color: var(--gold);
}


/*==========================================
FOCUS ACCESSIBILITY
==========================================*/

.footer a:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 4px;

    border-radius: 3px;
}


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

.footer-divider {
    width: 100%;
    height: 1px;

    margin-top: 55px;

    background: rgba(255, 255, 255, 0.10);
}


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

.footer-bottom {
    padding: 25px 0 22px;
}


.footer-copyright {
    margin: 0;

    color: rgba(255, 255, 255, 0.60);

    font-size: 0.87rem;
    line-height: 1.7;
}


/*------------------------------------------
LEGAL LINKS
------------------------------------------*/

.footer-legal {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;

    gap: 10px;
}


.footer-legal a {
    color: rgba(255, 255, 255, 0.65);

    font-size: 0.87rem;

    text-decoration: none;

    transition: color 0.25s ease;
}


.footer-legal a:hover {
    color: var(--gold);
}


.footer-legal span {
    color: rgba(255, 255, 255, 0.20);
}


/*==========================================
DEVELOPER CREDIT
==========================================*/

.developer-credit {
    margin-top: 22px;
    padding-top: 18px;

    border-top: 1px solid rgba(255, 255, 255, 0.07);

    color: rgba(255, 255, 255, 0.48);

    font-size: 0.82rem;

    text-align: center;
}


.developer-credit strong {
    margin-left: 5px;

    color: var(--gold);

    font-weight: 600;
}


/*==========================================
FLOATING WHATSAPP BUTTON
==========================================*/

.whatsapp-btn {
    position: fixed;

    right: 25px;
    bottom: 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;

    background: #25d366;
    color: #ffffff;

    border-radius: 50%;

    font-size: 1.7rem;

    text-decoration: none;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.25);

    z-index: 9998;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


.whatsapp-btn:hover {
    color: #ffffff;

    transform: translateY(-4px);

    box-shadow:
        0 13px 30px rgba(0, 0, 0, 0.30);
}


/*==========================================
BACK TO TOP BUTTON
==========================================*/

.back-to-top {
    position: fixed;

    right: 30px;
    bottom: 100px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    padding: 0;

    background: var(--gold);
    color: var(--primary);

    border: 0;
    border-radius: 50%;

    font-size: 1rem;

    cursor: pointer;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.22);

    /* Hidden before scrolling */
    opacity: 0;
    visibility: hidden;

    transform: translateY(15px);

    pointer-events: none;

    z-index: 9999;

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease,
        transform 0.3s ease,
        background-color 0.3s ease,
        color 0.3s ease;
}


/* Visible after scrolling */

.back-to-top.show {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);

    pointer-events: auto;
}


.back-to-top:hover {
    background: #ffffff;
    color: var(--primary);

    transform: translateY(-3px);
}


/* Floating button focus */

.whatsapp-btn:focus-visible,
.back-to-top:focus-visible {
    outline: 3px solid rgba(212, 175, 55, 0.55);
    outline-offset: 4px;
}


/*==========================================
TABLET
==========================================*/

@media (max-width: 991px) {

    .footer {
        padding-top: 65px;
    }

    .footer-legal {
        justify-content: flex-start;
    }

}


/*==========================================
MOBILE
==========================================*/

@media (max-width: 767px) {

    .footer {
        padding-top: 55px;
    }


    .footer-logo {
        max-width: 135px;
    }


    .footer-widget h4 {
        margin-bottom: 22px;
    }


    .footer-divider {
        margin-top: 45px;
    }


    .footer-bottom {
        padding: 23px 0 20px;
    }


    .footer-copyright {
        text-align: center;
    }


    .footer-legal {
        justify-content: center;

        text-align: center;
    }


    .developer-credit {
        line-height: 1.7;
    }


    /* WhatsApp */

    .whatsapp-btn {
        right: 18px;
        bottom: 18px;

        width: 54px;
        height: 54px;

        font-size: 1.55rem;
    }


    /* Back to top */

    .back-to-top {
        right: 23px;
        bottom: 84px;

        width: 44px;
        height: 44px;
    }

}


/*==========================================
SMALL MOBILE
==========================================*/

@media (max-width: 480px) {

    .footer-social {
        gap: 8px;
    }


    .footer-legal {
        gap: 7px;
    }


    .footer-legal span {
        display: none;
    }


    .footer-legal a {
        width: 100%;

        text-align: center;
    }


    .developer-credit span,
    .developer-credit strong {
        display: block;
    }


    .developer-credit strong {
        margin: 3px 0 0;
    }

}


/*==========================================
REDUCED MOTION
==========================================*/

@media (prefers-reduced-motion: reduce) {

    .footer a,
    .footer-social a,
    .whatsapp-btn,
    .back-to-top {
        transition: none;
    }


    .footer-social a:hover,
    .footer-links a:hover,
    .whatsapp-btn:hover,
    .back-to-top:hover {
        transform: none;
    }

}

/*==========================================
FINAL HEADER / FOOTER / FLOATING FIX
==========================================*/

/* Footer contrast */
.footer {
    background: #071B2F !important;
    color: #E7ECF2 !important;
}

.footer .footer-company h3,
.footer .footer-widget h4 {
    color: #FFFFFF !important;
}

.footer .footer-company p,
.footer .footer-contact-item address,
.footer .footer-contact-item a,
.footer .footer-links a,
.footer .footer-copyright,
.footer .footer-legal a {
    color: #D7DEE7 !important;
}

.footer .footer-links a:hover,
.footer .footer-contact-item a:hover,
.footer .footer-legal a:hover {
    color: #F0C75E !important;
}

.footer .developer-credit {
    color: #B8C2CF !important;
}

.footer .developer-credit strong {
    color: #F0C75E !important;
}

/* Floating buttons */
.whatsapp-btn {
    right: 24px !important;
    bottom: 24px !important;
    z-index: 9998 !important;
}

#topBtn.back-to-top {
    position: fixed !important;
    right: 29px !important;
    bottom: 94px !important;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    background: #D4AF37 !important;
    color: #071B2F !important;
    border: 2px solid #FFFFFF !important;
    border-radius: 50% !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.32) !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(12px);
    z-index: 9999 !important;
    cursor: pointer;
    transition: opacity .25s ease, visibility .25s ease, transform .25s ease, background-color .25s ease;
}

#topBtn.back-to-top.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

#topBtn.back-to-top:hover {
    background: #FFFFFF !important;
    color: #071B2F !important;
}

@media (max-width: 767px) {
    .whatsapp-btn {
        right: 18px !important;
        bottom: 18px !important;
    }

    #topBtn.back-to-top {
        right: 23px !important;
        bottom: 82px !important;
        width: 44px !important;
        height: 44px !important;
    }
}


/*==================================================
FINAL SITE-WIDE PROFESSIONAL POLISH
==================================================*/
:root{
    --mj-navy:#071B2F;
    --mj-navy-deep:#04111F;
    --mj-gold:#D4AF37;
    --mj-gold-light:#F0C75E;
    --mj-text:#263445;
    --mj-muted:#667085;
    --mj-surface:#F7F9FC;
    --mj-border:rgba(7,27,47,.10);
}

html{scroll-behavior:smooth;}
body{
    color:var(--mj-text);
    background:#fff;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;}
.section-title h1,.section-title h2,.section-title h3{color:var(--mj-navy);}
.section-title p{color:var(--mj-muted);}
a{transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .25s ease;}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
    outline:3px solid rgba(212,175,55,.45);
    outline-offset:3px;
}
.btn-gold{
    background:var(--mj-gold);
    border-color:var(--mj-gold);
    color:var(--mj-navy-deep);
    font-weight:700;
}
.btn-gold:hover,.btn-gold:focus{
    background:var(--mj-gold-light);
    border-color:var(--mj-gold-light);
    color:var(--mj-navy-deep);
}

/* Footer contrast */
.footer{background:var(--mj-navy)!important;color:#E7ECF2!important;}
.footer .footer-company h3,.footer .footer-widget h4{color:#fff!important;}
.footer .footer-company p,.footer .footer-contact-item address,.footer .footer-contact-item a,
.footer .footer-links a,.footer .footer-copyright,.footer .footer-legal a{color:#D7DEE7!important;}
.footer .footer-links a:hover,.footer .footer-contact-item a:hover,.footer .footer-legal a:hover{color:var(--mj-gold-light)!important;}
.footer .developer-credit{color:#B8C2CF!important;}
.footer .developer-credit strong{color:var(--mj-gold-light)!important;}

/* Floating actions */
.whatsapp-btn{right:24px!important;bottom:24px!important;z-index:9998!important;}
#topBtn.back-to-top,#topBtn{
    position:fixed!important;right:29px!important;bottom:94px!important;
    width:48px!important;height:48px!important;display:flex!important;
    align-items:center!important;justify-content:center!important;padding:0!important;
    background:var(--mj-gold)!important;color:var(--mj-navy-deep)!important;
    border:2px solid #fff!important;border-radius:50%!important;
    box-shadow:0 8px 24px rgba(0,0,0,.32)!important;
    opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);
    z-index:9999!important;cursor:pointer;
}
#topBtn.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;}
#topBtn:hover{background:#fff!important;color:var(--mj-navy-deep)!important;}
@media(max-width:767px){
    .whatsapp-btn{right:18px!important;bottom:18px!important;}
    #topBtn.back-to-top,#topBtn{right:23px!important;bottom:82px!important;width:44px!important;height:44px!important;}
}


/*==================================================
FINAL ABOUT HOME VISIBILITY / LAYOUT FIX
==================================================*/
.about-home {
    position: relative;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #ffffff;
    color: #263445;
    overflow: hidden;
}

.about-home .container,
.about-home .row,
.about-home [class*="col-"] {
    visibility: visible !important;
    opacity: 1 !important;
}

.about-home .about-image {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
    background: #f1f4f8;
    box-shadow: 0 18px 45px rgba(7, 27, 47, 0.12);
}

.about-home .about-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 420px;
    max-height: 560px;
    object-fit: cover;
    visibility: visible !important;
    opacity: 1 !important;
}

.about-home .section-title {
    margin-bottom: 22px;
}

.about-home .section-title span {
    display: inline-block;
    margin-bottom: 10px;
    color: #D4AF37 !important;
    font-size: .85rem;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.about-home .section-title h2 {
    margin: 0;
    color: #071B2F !important;
    font-weight: 800;
    line-height: 1.22;
}

.about-home p {
    color: #667085 !important;
    line-height: 1.8;
}

.about-home .about-list {
    margin: 26px 0 0;
    padding: 0;
    list-style: none;
}

.about-home .about-list li {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 13px;
    color: #263445 !important;
    font-weight: 600;
    line-height: 1.55;
}

.about-home .about-list i {
    flex: 0 0 auto;
    margin-top: 4px;
    color: #D4AF37 !important;
}

.about-home .about-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.about-home .btn-outline-darkblue {
    border: 2px solid #071B2F;
    color: #071B2F;
    background: transparent;
    font-weight: 700;
}

.about-home .btn-outline-darkblue:hover {
    background: #071B2F;
    color: #ffffff;
}

@media (max-width: 991px) {
    .about-home .about-image img {
        min-height: 0;
        max-height: 500px;
    }
}

@media (max-width: 575px) {
    .about-home .about-image img {
        max-height: none;
    }

    .about-home .about-actions {
        flex-direction: column;
    }

    .about-home .about-actions .btn {
        width: 100%;
        text-align: center;
    }
}


/*==================================================
FINAL PRE-LAUNCH RESPONSIVE / ACCESSIBILITY POLISH
==================================================*/
html { scroll-behavior: smooth; }
body { overflow-x: hidden; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img, video, iframe { max-width: 100%; }
img { height: auto; }
iframe { border: 0; }

.container { width: 100%; }
section { scroll-margin-top: 105px; }

a, button { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
    outline: 3px solid rgba(212,175,55,.55);
    outline-offset: 3px;
}

.footer { background: #071B2F !important; color: #E7ECF2 !important; }
.footer h3, .footer h4 { color: #FFFFFF !important; }
.footer p, .footer address, .footer a, .footer li { color: #D7DEE7; }
.footer a:hover { color: #F0C75E !important; }

#topBtn {
    position: fixed !important;
    right: 29px !important;
    bottom: 94px !important;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #D4AF37 !important;
    color: #071B2F !important;
    border: 2px solid #FFFFFF !important;
    border-radius: 50% !important;
    z-index: 9999 !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    box-shadow: 0 8px 24px rgba(0,0,0,.30);
}
#topBtn.show { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }

@media (max-width: 991.98px) {
    .section { padding-left: 0; padding-right: 0; }
    .section-title h1, .section-title h2 { overflow-wrap: anywhere; }
    .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

@media (max-width: 767.98px) {
    section { scroll-margin-top: 85px; }
    .section-title { text-align: center; }
    .section-title.text-start { text-align: left !important; }
    .btn { min-height: 44px; }
    #topBtn { right: 23px !important; bottom: 82px !important; width: 44px !important; height: 44px !important; }
}

@media (max-width: 575.98px) {
    h1 { font-size: clamp(2rem, 10vw, 2.75rem); }
    h2 { font-size: clamp(1.65rem, 8vw, 2.2rem); }
    .hero-buttons, .about-actions { gap: 12px; }
    .hero-buttons .btn, .about-actions .btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}