/* ========================================
FONTS
======================================== */

@font-face{
    font-family:"Playfair Display";
    src:url("../fonts/PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
    font-weight:100 900;
    font-style:normal;
}

@font-face{
    font-family:"Playfair Display";
    src:url("../fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf") format("truetype");
    font-weight:100 900;
    font-style:italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Material Symbols Outlined';
    src: url('../fonts/MaterialSymbolsOutlined_48pt-Regular.ttf') format('truetype');
}

.material-symbols-outlined{
    font-family:'Material Symbols Outlined';
    font-size:24px;
    line-height:1;
    display:inline-block;
    white-space:nowrap;
}

/* ========================================
ROOT
======================================== */

:root{
    --blue-dark:#081a2b;
    --blue:#0b2540;

    --gold:#d4af37;
    --gold-light:#f5e3a1;

    --text:#e8dcc0;
    --text-soft:#e8dcc0;

    --royal-blue-dark: #081a2b;
    --royal-blue: #0b2540;

}

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

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
}

body{
    font-family:'Poppins',sans-serif;
    overflow-x:hidden;
    background:linear-gradient(
        180deg,
        var(--blue-dark),
        var(--blue)
    );
    color:var(--text);
}

a{
    text-decoration:none;
}

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

img{
    max-width:100%;
    display:block;
}

.container{
    max-width:1400px;
    margin:auto;
    padding:0 20px;
}

/* ========================================
TOP BAR
======================================== */

.cc-topbar{
    height:42px;
    display:flex;
    background:linear-gradient(90deg, var(--gold), var(--gold-light));
    border-bottom:1px solid rgba(212,175,55,.15);
}

.cc-topbar-left{
    width:50%;
    overflow:hidden;
    display:flex;
    align-items:center;
    border-right:1px solid rgba(212,175,55,.15);
}

.cc-topbar-right{
    width:50%;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:25px;
    padding:0 25px;
}

.cc-contact-item{
    display:flex;
    align-items:center;
    gap:6px;
}

.cc-contact-item a{
    color:var(--blue);
    font-size:13px;
    font-weight: 600;
}

.cc-contact-item .material-symbols-outlined{
    color:var(--blue);
    font-size:18px;
}

.cc-socials{
    display:flex;
    gap:8px;
}

.cc-socials a{
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;


    background:rgba(212,175,55,.50);
    color:var(--blue);

    transition:.3s ease;


}

.cc-socials a:hover{
    background:var(--gold);
    color:var(--blue-dark);
}

.cc-marquee{
    width:100%;
    overflow:hidden;
    white-space:nowrap;
}

.cc-marquee span{
    display:inline-block;
    padding-left:100%;
    color:var(--royal-blue-dark);
    font-size:13px;
    font-weight:500;
    animation:marquee 25s linear infinite;
}

@keyframes marquee{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-100%);
    }
}

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

.cc-header{
    position:sticky;
    top:0;
    z-index:999;


    background:linear-gradient(
        180deg,
        var(--blue-dark),
        var(--blue)
    );

    border-bottom:1px solid rgba(212,175,55,.15);


}
.cc-nav ul li a{
    position:relative;
    color:#fff;
    font-size:15px;
    font-weight:500;

    transition:
    color .35s ease,
    transform .35s ease;
}

.cc-nav ul li a:hover{
    color:var(--gold);
    transform:translateY(-2px);
}

.cc-nav ul li a::after{
    content:'';

    position:absolute;
    left:50%;
    bottom:-8px;

    width:0;
    height:2px;

    background:var(--gold);

    transition:.4s ease;

    /*transform:translateX(-50%);*/
}

.cc-nav ul li a:hover::after{
    width:100%;
}

.cc-logo img{
    height:70px;
    transition:
    transform .4s ease;
}

.cc-logo:hover img{
    transform:scale(1.05);
}

.cc-header{
    background:rgba(8,26,43,.92);
    backdrop-filter:blur(12px);

    position:sticky;
    top:0;
    z-index:999;

    transition:
    background .4s ease,
    padding .4s ease,
    box-shadow .4s ease;
}

.cc-header .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:90px;
}

.cc-logo img{
    height:75px;
}

.cc-nav ul{
    display:flex;
    gap:40px;
}

.cc-nav ul li a{
    color:var(--text);
    font-size:15px;
    font-weight:500;
    position:relative;
    transition:.3s ease;
}

.cc-nav ul li a:hover{
    color:var(--gold-light);
}

.cc-nav ul li a::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-8px;


    width:0;
    height:2px;

    background:var(--gold);
    transition:.3s ease;


}

.cc-nav ul li a:hover::after{
    width:100%;
}

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

.cc-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:14px 38px;
    border-radius:50px;

    font-family:'Poppins',sans-serif;
    font-weight:600;
    letter-spacing:1px;
    text-decoration:none;
    font-size:.85rem;

    background:linear-gradient(
        135deg,
        var(--gold),
        var(--gold-light)
    );

    color:var(--blue-dark);

    box-shadow:0 12px 35px rgba(212,175,55,.45);

    transition:
    transform .3s ease,
    box-shadow .3s ease;

    overflow:hidden;
    z-index:1;
}

.cc-btn-icon{
    font-size:20px;
    transition:all .35s ease;
}

/* Shine Effect */

.cc-btn::before{
    content:'';
    position:absolute;
    top:0;
    left:-120%;

    width:60%;
    height:100%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );

    transition:.8s;
}

.cc-btn:hover::before{
    left:130%;
}

/* Button Lift */

.cc-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 45px rgba(212,175,55,.55);
}

/* Arrow Animation */

.cc-btn:hover .cc-btn-icon{
    transform:translateX(6px);
}

/* Click */

.cc-btn:active{
    transform:translateY(-1px);
}
.cc-btn:hover .cc-btn-icon{
    animation:arrowMove .8s infinite alternate;
}
.cc-btn-two{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:14px 38px;
    border-radius:50px;

    font-family:'Poppins',sans-serif;
    font-weight:600;
    letter-spacing:1px;
    text-decoration:none;
    font-size:.85rem;

    background:linear-gradient(
        135deg,
        var(--gold),
        var(--gold-light)
    );

    color:var(--blue-dark);

    box-shadow:0 12px 35px rgba(212,175,55,.45);

    transition:
    transform .3s ease,
    box-shadow .3s ease;

    overflow:hidden;
    z-index:1;
}

.cc-btn-two-icon{
    font-size:20px;
    transition:all .35s ease;
}

/* Shine Effect */

.cc-btn-two::before{
    content:'';
    position:absolute;
    top:0;
    left:-120%;

    width:60%;
    height:100%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );

    transition:.8s;
}

.cc-btn-two:hover::before{
    left:130%;
}

/* Button Lift */

.cc-btn-two:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 45px rgba(212,175,55,.55);
}

/* Arrow Animation */

.cc-btn-two:hover .cc-btn-icon{
    transform:translateX(6px);
}

/* Click */

.cc-btn-two:active{
    transform:translateY(-1px);
}
.cc-btn-two:hover .cc-btn-icon{
    animation:arrowMove .8s infinite alternate;
}

@keyframes arrowMove{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(8px);
    }
}
/* ========================================
MOBILE MENU
======================================== */

.cc-menu-toggle{
    display:none;
    background:none;
    border:none;
    color:var(--gold);
    cursor:pointer;
}

.cc-menu-toggle .material-symbols-outlined{
    font-size:34px;
}

/* ===========================
   HERO
=========================== */

.cc-hero{
    position:relative;
    min-height:70vh;
    overflow:hidden;
    background:var(--blue-dark);
}

/* MODEL BACKGROUND */

.cc-models-bg{
    position:absolute;
    inset:0;
    display:flex;
    z-index:1;
}

.cc-model-track{
    flex:1;
    display:flex;
    flex-direction:column;
    gap:15px;
    padding:15px;
}

.cc-model-track img{
    width:100%;
    height:auto;
    object-fit:cover;
    border-radius:20px;
    opacity:.55;
}

.cc-track-1{
    animation:scrollDown 20s linear infinite;
}

.cc-track-2{
    animation:scrollUp 25s linear infinite;
}

.cc-track-3{
    animation:scrollDown 22s linear infinite;
}

.cc-track-4{
    animation:scrollDown 22s linear infinite;
}

@keyframes scrollDown{
    from{
        transform:translateY(-50%);
    }
    to{
        transform:translateY(0%);
    }
}

@keyframes scrollUp{
    from{
        transform:translateY(0%);
    }
    to{
        transform:translateY(-50%);
    }
}

/* OVERLAY */

.cc-hero-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(
        90deg,
        rgba(8,26,43,.95) 0%,
        rgba(8,26,43,.85) 40%,
        rgba(8,26,43,.75) 100%
    );
    z-index:2;
}

/* CONTENT */

.cc-hero-content{
    position:relative;
    z-index:5;
    min-height:70vh;

    display:grid;
    grid-template-columns:1fr 500px;
    align-items:center;
    gap:80px;
}

.cc-hero-left h1{
    font-family:'Playfair Display';
    font-size:5rem;
    line-height:1.1;
    color:#fff;
    margin:20px 0;
}

.cc-hero-left h1 span{
    color:var(--gold);
}

.cc-subtitle{
    color:var(--gold);
    letter-spacing:2px;
    font-size:.95rem;
}

.cc-hero-left p{
    color:var(--text);
    max-width:650px;
    line-height:1.9;
    font-size:1.1rem;
    margin-bottom:40px;
}

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

.cc-btn-outline{
    border:1px solid var(--gold);
    color:var(--gold);
    padding:14px 38px;
    border-radius:50px;
    display:flex;
    align-items:center;
    gap:10px;
    transition:.4s;
}

.cc-btn-outline:hover{
    background:var(--gold);
    color:var(--blue-dark);
}

/* FORM */

.cc-form-card{
    background:
    rgba(11,37,64,.92);

    border:1px solid rgba(212,175,55,.35);

    border-radius:30px;

    padding:40px;

    backdrop-filter:blur(10px);

    box-shadow:
    0 0 40px rgba(212,175,55,.18);
}

.cc-form-card h3{
    display:flex;
    align-items:center;
    gap:12px;

    color:#fff;
    font-size:2rem;
    margin-bottom:10px;
}

.cc-form-card h3 .material-symbols-outlined{
    color:var(--gold);
    font-size:40px;
}

.cc-form-card p{
    color:var(--text);
    margin-bottom:30px;
}

.cc-form-card form{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.cc-input-group{
    position:relative;
}

.cc-input-group .material-symbols-outlined{
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    color:var(--gold);
    font-size:22px;
    pointer-events:none;
}

.cc-input-group input{
    width:100%;
    height:60px;

    padding-left:58px;
    padding-right:20px;

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

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

    color:#fff;
    font-size:15px;

    transition:.3s;
}

.cc-input-group input::placeholder{
    color:rgba(255,255,255,.65);
}

.cc-input-group input:focus{
    outline:none;
    border-color:var(--gold);

    box-shadow:
    0 0 0 3px rgba(212,175,55,.12);
}

/* Date Field */

.cc-input-group input[type="date"]{
    color:rgba(255,255,255,.8);
}

.cc-input-group input[type="date"]::-webkit-calendar-picker-indicator{
    filter:invert(1);
    cursor:pointer;
}

.cc-submit{
    width:100%;
    justify-content:center;
    display:flex;
    align-items:center;
    gap:10px;
}

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

.cc-about{
    position:relative;
    padding:50px 0;
    overflow:hidden;
}

/* Wrapper */

.cc-about-wrapper{
    display:grid;
    grid-template-columns:500px 1fr;
    gap:100px;
    align-items:center;
}

/* ========================================
   IMAGES
======================================== */

.cc-about-images{
    position:relative;
    min-height:700px;
}

.cc-about-main-img{
    width:100%;
    max-width:520px;
}

.cc-about-main-img img{
    width:100%;
    height:720px;
    object-fit:cover;

    border-radius:35px;

    border:2px solid rgba(212,175,55,.35);
}

.cc-about-small-img{
    position:absolute;

    right:-40px;
    bottom:70px;

    width:260px;
}

.cc-about-small-img img{
    width:100%;
    height:360px;
    object-fit:cover;

    border-radius:30px;

    border:2px solid rgba(212,175,55,.35);
}

/* Experience Badge */

.cc-about-exp{
    position:absolute;

    left:40px;
    bottom:-30px;

    width:180px;
    height:180px;

    border-radius:30px;

    background:linear-gradient(
        135deg,
        var(--gold),
        var(--gold-light)
    );

    color:var(--blue-dark);

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

    text-align:center;

    box-shadow:
    0 20px 50px rgba(212,175,55,.35);
}

.cc-about-exp h3{
    font-size:4rem;
    line-height:1;
    margin:0;
    font-family:'Playfair Display';
}

.cc-about-exp span{
    font-size:1.4rem;
    font-weight:600;
}

.cc-about-exp p{
    margin:0;
    font-size:1rem;
    font-weight:500;
}

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

.cc-section-title{
    display:flex;
    align-items:center;
    gap:20px;

    margin-bottom:25px;
}

.cc-section-title span{
    width:70px;
    height:2px;
    background:var(--gold);
}

.cc-section-title h6{
    margin:0;

    color:var(--gold);

    letter-spacing:4px;

    font-size:.95rem;
    font-weight:600;
}

.cc-about-content h2{
    font-family:'Playfair Display';
    font-size:4.2rem;
    line-height:1.15;
    color:#fff;

    margin-bottom:30px;
}

.cc-about-content h2 span{
    color:var(--gold);
}

.cc-about-content p{
    color:var(--text);

    font-size:15px;

    line-height:1.9;

    max-width:700px;

    margin-bottom:50px;
}

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

.cc-about-services{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;

    margin-bottom:50px;
}

.cc-service-box{
    display:flex;
    gap:18px;
}

.cc-service-icon{
    width:70px;
    min-width:70px;
    height:70px;

    border-radius:50%;

    border:2px solid var(--gold);

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

    color:var(--gold);

    font-size:28px;

    transition:.4s;
}

.cc-service-box:hover .cc-service-icon{
    background:linear-gradient(135deg, var(--gold), var(--gold-light));
    color:var(--blue-dark);

    transform:translateY(-5px);
}

.cc-service-box h4{
    color:#fff;
    font-size:1.3rem;
    margin-bottom:10px;
}

.cc-service-box p{
    margin:0;
    font-size:15px;
    line-height:1.8;
}

/* ========================================
   WHAT WE DO
======================================== */

.cc-what-we-do{
    position:relative;
    padding:50px 0;

    background:url('../images/what-we-do.png')
    center center / cover no-repeat;

    overflow:hidden;
}

.cc-what-overlay{
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(8,26,43,.92) 0%,
        rgba(8,26,43,.82) 40%,
        rgba(8,26,43,.75) 100%
    );

    z-index:1;
}

.cc-what-content{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:1fr 650px;
    gap:80px;
    align-items:center;
}

/* LEFT */

.cc-section-tag{
    display:inline-block;

    padding:10px 18px;

    border:1px solid rgba(212,175,55,.35);

    border-radius:50px;

    color:var(--gold);

    font-size:13px;
    letter-spacing:2px;

    margin-bottom:20px;
}

.cc-what-left h2{
    font-family:'Playfair Display';

    font-size:4rem;
    line-height:1.15;

    color:#fff;

    margin-bottom:25px;
}

.cc-what-left h2 span{
    color:var(--gold);
}

.cc-what-left p{
    color:var(--text);

    font-size:15px;
    line-height:1.9;

    max-width:650px;
}

/* RIGHT */

.cc-what-right{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.cc-what-card{
    position:relative;

    padding:35px;

    border-radius:25px;

    background:
    rgba(11,37,64,.55);

    backdrop-filter:blur(15px);

    border:1px solid rgba(212,175,55,.20);

    overflow:hidden;

    transition:.4s ease;
}

/* GOLD SHINE */

.cc-what-card::before{
    content:'';

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

    width:220px;
    height:220px;

    background:radial-gradient(
        circle,
        rgba(212,175,55,.25),
        transparent 70%
    );

    transition:.5s ease;
}

.cc-what-card:hover{
    transform:translateY(-10px);

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

    box-shadow:
    0 0 35px rgba(212,175,55,.18);
}

.cc-what-card:hover::before{
    transform:scale(1.4);
}

.cc-card-icon{
    width:70px;
    height:70px;

    border-radius:18px;

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

    background:
    linear-gradient(
        135deg,
        var(--gold),
        var(--gold-light)
    );

    margin-bottom:20px;
}

.cc-card-icon .material-symbols-outlined{
    font-size:34px;
    color:var(--blue-dark);
}

.cc-what-card h3{
    color:#fff;

    font-size:1.3rem;

    margin-bottom:15px;
}

.cc-what-card p{
    color:var(--text);
    font-size: 15px;
    line-height:1.8;
}

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

.cc-cta{

    position:relative;

    padding:35px 0;

    overflow:hidden;

    background:
    linear-gradient(90deg,
        #d6a63d 0%,
        #f5de96 50%,
        #d6a63d 100%);
}

/* Gold Shine */

.cc-cta::before{

    content:'';

    position:absolute;

    inset:0;

    background:

    radial-gradient(circle at 15% 40%,
        rgba(255,255,255,.55),
        transparent 8%),

    radial-gradient(circle at 35% 70%,
        rgba(255,255,255,.35),
        transparent 7%),

    radial-gradient(circle at 75% 25%,
        rgba(255,255,255,.45),
        transparent 8%),

    radial-gradient(circle at 90% 60%,
        rgba(255,255,255,.25),
        transparent 7%);

    opacity:.8;

    pointer-events:none;

}

.cc-cta-box{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:35px;

}

.cc-cta-icon {
    width:95px;
    height:95px;
    min-width:95px;
    border-radius:50%;
    background:linear-gradient( 135deg, var(--gold), var(--gold-light) );
    display:flex;
    align-items:center;
    justify-content:center;
    border:4px solid rgba(255,255,255,.18);
    box-shadow:inset 0 0 20px rgba(255,255,255,.15), 0 10px 25px rgba(0,0,0,.25);
}

.cc-cta-icon .material-symbols-outlined{

    font-size:44px;

    color:var(--gold);

}

.cc-cta-content{

    flex:1;

}

.cc-cta-content h2{

    font-family:'Playfair Display';

    color:var(--blue-dark);

    font-size:2.6rem;

    margin-bottom:10px;

    font-weight:700;

}

.cc-cta-content p{

    color:#233042;

    font-size:17px;

    margin:0;

    line-height:1.8;

    max-width:700px;

}

.cc-cta-btn{

    display:flex;

    justify-content:flex-end;

}

/*======================================
 CTA SECTION
======================================*/

.cc-cta{
    position:relative;
    overflow:hidden;
    padding:32px 0;

    background:linear-gradient(
        90deg,
        #c9982d 0%,
        #e6bf5f 20%,
        #f4d98a 50%,
        #e6bf5f 80%,
        #c9982d 100%
    );
}

/* Decorative glow */

.cc-cta::before{
    content:'';
    position:absolute;
    inset:0;

    background:
    radial-gradient(circle at 12% 20%,rgba(255,255,255,.28),transparent 12%),
    radial-gradient(circle at 35% 75%,rgba(255,255,255,.18),transparent 10%),
    radial-gradient(circle at 70% 25%,rgba(255,255,255,.25),transparent 12%),
    radial-gradient(circle at 92% 65%,rgba(255,255,255,.18),transparent 10%);

    pointer-events:none;
}

.cc-cta-bg-shine{

    position:absolute;
    inset:0;

    background:linear-gradient(
        115deg,
        transparent 20%,
        rgba(255,255,255,.15) 40%,
        transparent 60%
    );

    animation:ctaShine 7s linear infinite;
}

.cc-cta-wrapper{

    position:relative;
    z-index:2;

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

    gap:40px;
}

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

.cc-cta-icon{
    flex-shrink:0;
}

.cc-cta-icon-circle{

    width:80px;
    height:80px;

    border-radius:50%;

    background:linear-gradient(
        180deg,
        #123f74,
        #081a2b
    );

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

    border:5px solid rgba(255,255,255,.18);

    box-shadow:
    inset 0 8px 20px rgba(255,255,255,.12),
    0 20px 40px rgba(0,0,0,.25);

}

.cc-cta-icon-circle .material-symbols-outlined{

    font-size:52px;

    color:#f4d98a;

}

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

.cc-cta-content{

    flex:1;

}

.cc-cta-content h2{

    font-family:'Playfair Display';

    font-size:52px;

    color:var(--blue);

    margin-bottom:12px;

    font-weight:700;

    line-height:1.1;

}

.cc-cta-content p{

    max-width:720px;

    font-size:15px;

    line-height:1.9;

    color:#273341;

}

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

.cc-cta-action{

    flex-shrink:0;

}

/* EXACT BLUE BUTTON */

.cc-cta-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:18px 38px;

    border-radius:14px;

    background:linear-gradient( 180deg, #123f74, #081a2b );

    color:#fff;

    font-size:16px;

    font-weight:600;

    letter-spacing:.4px;

    transition:.35s;

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

    box-shadow:0 15px 35px rgba(8, 26, 43, 0.77);

}

.cc-cta-btn:hover{

    transform:translateY(-4px);

    color:#fff;

    box-shadow:
    0 22px 45px rgba(8,26,43,.45);

}

.cc-cta-btn .material-symbols-outlined{

    font-size:22px;

    transition:.35s;

}

.cc-cta-btn:hover .material-symbols-outlined{

    transform:translateX(7px);

}

/*======================================
 FLOATING PARTICLES
======================================*/

.cc-cta-particles{

    position:absolute;

    inset:0;

    pointer-events:none;

}

.cc-cta-particles::before,
.cc-cta-particles::after{

    content:'';

    position:absolute;

    width:8px;
    height:8px;

    border-radius:50%;

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

    box-shadow:
    120px 40px rgba(255,255,255,.30),
    260px 100px rgba(255,255,255,.35),
    520px 60px rgba(255,255,255,.25),
    860px 120px rgba(255,255,255,.25),
    1050px 30px rgba(255,255,255,.30);

    animation:particleMove 14s linear infinite;

}

.cc-cta-particles::after{

    top:70%;

    animation-duration:20s;

    opacity:.6;

}

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

@keyframes ctaShine{

    0%{
        transform:translateX(-100%);
    }

    100%{
        transform:translateX(100%);
    }

}

@keyframes particleMove{

    from{

        transform:translateX(-60px);

    }

    to{

        transform:translateX(60px);

    }

}

/*=========================================
EXPLORE OPPORTUNITIES
=========================================*/

.cc-opportunities{

    position:relative;

    padding:50px 0;

    background:linear-gradient(
        180deg,
        var(--blue-dark),
        #0a2139,
        var(--blue-dark)
    );

    overflow:hidden;

}

/* Decorative Glow */

.cc-opportunities::before{

    content:'';

    position:absolute;

    left:-250px;
    top:-250px;

    width:500px;
    height:500px;

    background:radial-gradient(circle,
        rgba(212,175,55,.12),
        transparent 70%);

}

.cc-opportunities::after{

    content:'';

    position:absolute;

    right:-250px;
    bottom:-250px;

    width:500px;
    height:500px;

    background:radial-gradient(circle,
        rgba(212,175,55,.08),
        transparent 70%);

}

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

.cc-section-heading{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:20px;

    margin-bottom:18px;

}

.cc-title-line{

    width:90px;

    height:2px;

    background:linear-gradient(
        90deg,
        transparent,
        var(--gold),
        transparent
    );

}

.cc-section-heading h2{

    font-family:'Playfair Display';

    font-size:54px;

    color:var(--gold);

    margin:0;

    text-align:center;

}

.cc-section-desc{

    max-width:760px;

    margin:0 auto 42px;

    text-align:center;

    color:var(--text);

    line-height:1.9;

    font-size:16px;

}

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

.cc-opportunity-grid{

    display:grid;

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

    gap:28px;

}

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

.cc-opportunity-card{

    position:relative;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

    padding:40px 20px;

    border-radius:26px;

    background:rgba(11,37,64,.75);

    backdrop-filter:blur(16px);

    border:1px solid rgba(212,175,55,.25);

    overflow:hidden;

    transition:.45s ease;

    text-decoration:none;

}

/* Shine */

.cc-opportunity-card::before{

    content:'';

    position:absolute;

    top:-150px;

    right:-150px;

    width:250px;

    height:250px;

    background:radial-gradient(circle,
        rgba(212,175,55,.22),
        transparent 70%);

    transition:.5s;

}

.cc-opportunity-card:hover{

    transform:translateY(-12px);

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

    box-shadow:
    0 20px 45px rgba(0,0,0,.35),
    0 0 25px rgba(212,175,55,.12);

}

.cc-opportunity-card:hover::before{

    transform:scale(1.3);

}

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

.cc-opportunity-icon{

    position:relative;

    width:92px;
    height:92px;

    border-radius:50%;

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

    margin-bottom:28px;

    background:linear-gradient(
        180deg,
        #123d70,
        #081a2b
    );

    overflow:hidden;

    z-index:1;

    box-shadow:
    inset 0 8px 15px rgba(255,255,255,.08),
    0 15px 25px rgba(0,0,0,.25);

}

/* Gradient Border */

.cc-opportunity-icon::before{

    content:"";

    position:absolute;

    inset:0;

    padding:2px;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        var(--gold),
        var(--gold-light)
    );

    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    pointer-events:none;

}

.cc-opportunity-icon .material-symbols-outlined{

    position:relative;

    z-index:2;

    font-size:46px;

    color:var(--gold);

}

.cc-opportunity-card:hover .cc-opportunity-icon{

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

}


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

.cc-opportunity-card h3{

    font-size:28px;

    color:#fff;

    margin-bottom:16px;

    transition:.3s;

}

.cc-opportunity-card:hover h3{

    color:var(--gold);

}

.cc-opportunity-card p{

    color:var(--text);

    line-height:1.9;

    font-size:15px;

    margin:0;

}

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

.cc-opportunity-card::after{

    content:'';

    position:absolute;

    inset:0;

    border-radius:26px;

    padding:1px;

    background:linear-gradient(
        135deg,
        rgba(212,175,55,.0),
        rgba(212,175,55,.7),
        rgba(212,175,55,.0)
    );

    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    opacity:0;

    transition:.4s;

}

.cc-opportunity-card:hover::after{

    opacity:1;

}

/* =====================================================
   CineCaste - Why Choose Section
===================================================== */

.cc-why{
    position: relative;
    padding: 50px 0;
    background: url('../images/why-choose-us.png') center center / cover no-repeat;
    overflow: hidden;
}

.cc-why::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at 10% 20%,rgba(212,175,55,.08),transparent 35%),
    radial-gradient(circle at 90% 70%,rgba(212,175,55,.06),transparent 30%);
}

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

.cc-why-wrapper{
    display:grid;
    grid-template-columns:1fr 520px;
    gap:80px;
    align-items:center;
}

.cc-section-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 22px;
    border-radius:50px;
    color:var(--gold);
    border:1px solid rgba(212,175,55,.25);
    background:rgba(212,175,55,.06);
    letter-spacing:2px;
    font-size:13px;
    font-weight:600;
    margin-bottom:0px;
}

.cc-section-tag::before{
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--gold);
}

.cc-why-left h2{
    font-family:"Playfair Display";
    font-size:58px;
    line-height:1.15;
    color:#fff;
    margin-bottom:20px;
}

.cc-why-left h2 span{
    color:var(--gold);
    display:block;
}

.cc-why-left p{
    color:var(--text);
    line-height:1.9;
    margin-bottom:40px;
}

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

.cc-feature-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:28px;
    padding:1px;
    background:linear-gradient(135deg,rgba(212,175,55,.8),transparent,rgba(212,175,55,.4));
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
}

.cc-feature-icon{
    width:90px;
    height:90px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--gold),var(--gold-light));
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--blue-dark);
    margin-bottom:25px;
}

.cc-feature-icon .material-symbols-outlined{
    font-size:42px;
}

.cc-feature-number{
    color:var(--gold);
    letter-spacing:4px;
    font-size:13px;
    margin-bottom:10px;
}

.cc-feature-card h3{
    color:#fff;
    font-size:34px;
    margin-bottom:18px;
}

.cc-feature-card p{
    color:var(--text);
    line-height:1.9;
}

.cc-slide-btn{
    width:48px;
    height:48px;
    border:none;
    border-radius:50%;
    background:linear-gradient(135deg,var(--gold),var(--gold-light));
    color:var(--blue-dark);
    cursor:pointer;
    transition:.3s;
}

.cc-slide-btn:hover{
    transform:translateY(-3px);
}

.cc-slider-progress span{
    width:10px;
    height:10px;
    border-radius:50%;
    background:rgba(255,255,255,.25);
}

.cc-slider-progress span.active{
    background:var(--gold);
    box-shadow:0 0 12px rgba(212,175,55,.6);
}

.cc-feature-bg-number{

    position:absolute;

    top:20px;
    right:35px;

    font-family:'Playfair Display';

    font-size:120px;

    font-weight:700;

    line-height:1;

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

    user-select:none;

    pointer-events:none;

    z-index:0;

    letter-spacing:-8px;

}

/* Keep all content above the number */

.cc-feature-icon,
.cc-feature-number,
.cc-feature-card h3,
.cc-feature-card p{
    position:relative;
    z-index:2;
}

.cc-feature-slider{

    position:relative;

    height:540px;

    overflow:hidden;

}

.cc-feature-card{

    position:absolute;

    inset:0;

    padding:45px;
    padding-bottom:110px;

    border-radius:28px;

    background:rgba(18,45,77,.95);

    backdrop-filter:blur(15px);

    border:1px solid rgba(212,175,55,.25);

    box-shadow:0 25px 60px rgba(0,0,0,.35);

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    z-index:1;

}

.cc-feature-card.active{

    opacity:1;

    visibility:visible;

    pointer-events:auto;

    z-index:2;

}

.cc-slider-progress{

    position:absolute;

    left:40px;

    bottom:40px;

    display:flex;

    gap:10px;

    z-index:50;

}

.cc-slider-controls{

    position:absolute;

    right:35px;

    bottom:30px;

    display:flex;

    gap:12px;

    z-index:50;

}

/*====================================================
    CineCaste - Our Top Professional Models
====================================================*/

.cc-models{
    position:relative;
    padding:50px 0;
    background:var(--royal-blue-dark);
    overflow:hidden;
}

/* Background Glow */

.cc-models::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at 10% 20%,rgba(212,175,55,.10),transparent 30%),
    radial-gradient(circle at 90% 80%,rgba(212,175,55,.08),transparent 30%);
    pointer-events:none;
}

/*==========================
    Heading
==========================*/

.cc-model-heading{
    text-align:center;
    max-width:750px;
    margin:0 auto 70px;
    position:relative;
    z-index:2;
}

.cc-model-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 24px;
    border-radius:40px;
    color:var(--gold);
    border:1px solid rgba(212,175,55,.25);
    background:rgba(212,175,55,.05);
    margin-bottom:25px;
    letter-spacing:2px;
    font-size:13px;
    font-weight:600;
}

.cc-model-heading h2{

    font-family:"Playfair Display";
    font-size:58px;
    color:#fff;
    margin-bottom:18px;

}

.cc-model-heading h2 span{

    color:var(--gold);

}

.cc-model-heading p{

    color:var(--text);
    line-height:1.8;
    font-size:18px;

}

/*==========================
    Masonry Layout
==========================*/

.cc-model-grid{

    column-count:4;
    column-gap:30px;

}

.cc-model-card{

    position:relative;
    display:block;
    margin-bottom:30px;
    border-radius:22px;
    overflow:hidden;
    cursor:pointer;
    break-inside:avoid;

    background:#122d4d;

    border:1px solid rgba(212,175,55,.20);

    transition:.45s;

}

/* Different Heights */

.cc-model-card.tall img{

    height:520px;

}

.cc-model-card.short img{

    height:320px;

}

.cc-model-card img{

    width:100%;
    height:420px;
    object-fit:cover;
    transition:.7s;

}

/*==========================
    Shine
==========================*/

.cc-model-shine{

    position:absolute;
    inset:0;
    overflow:hidden;

}

.cc-model-shine::before{

    content:"";

    position:absolute;

    top:-40%;
    left:-140%;

    width:60%;
    height:180%;

    background:
    linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.35),
        transparent);

    transform:rotate(25deg);

}

/*==========================
    Overlay
==========================*/

.cc-model-overlay{

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    padding:25px;

    background:
    linear-gradient(
        transparent,
        rgba(5,20,45,.55),
        rgba(5,20,45,.98));

    transform:translateY(70px);

    transition:.45s;

}

.cc-model-overlay h3{

    color:#fff;

    font-size:28px;

    margin-top:15px;

    font-family:"Playfair Display";

}

/*==========================
    Badge
==========================*/

.cc-model-badge{

    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:7px 16px;

    border-radius:30px;

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

    color:var(--gold);

    border:1px solid rgba(212,175,55,.30);

    font-size:12px;

    letter-spacing:1px;

}

.cc-model-badge .material-symbols-outlined{

    font-size:18px;

}

/*==========================
    Hover
==========================*/

.cc-model-card:hover{

    transform:
    translateY(-12px)
    perspective(1000px)
    rotateX(4deg);

    border-color:var(--gold);

    box-shadow:
    0 20px 40px rgba(0,0,0,.35),
    0 0 30px rgba(212,175,55,.30);

}

.cc-model-card:hover img{

    transform:scale(1.12);

}

.cc-model-card:hover .cc-model-overlay{

    transform:translateY(0);

}

.cc-model-card:hover .cc-model-shine::before{

    animation:shine 1s ease;

}

@keyframes shine{

    from{

        left:-150%;

    }

    to{

        left:170%;

    }

}

/* Gold Border */

.cc-model-card::after{

    content:"";

    position:absolute;
    inset:0;

    border-radius:22px;

    padding:1px;

    background:
    linear-gradient(
        135deg,
        rgba(212,175,55,.7),
        transparent,
        rgba(212,175,55,.4));

    -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    opacity:0;

    transition:.4s;

}

.cc-model-card:hover::after{

    opacity:1;

}

/*==================================
 CTA SECTION
==================================*/

.showcase-cc-cta{
    position: relative;
    overflow: hidden;

    padding: 50px 0;

    min-height: 520px;

    display: flex;
    align-items: center;

    background: var(--blue-dark) url("../images/showcase-talent-bg.png") no-repeat right center;

    /* Shrink the artwork */
    background-size: 65% auto;
}

.showcase-cc-cta-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(90deg,
        rgba(5,14,33,.92) 0%,
        rgba(5,14,33,.82) 40%,
        rgba(5,14,33,.35) 70%,
        rgba(5,14,33,.05) 100%);

}

.showcase-cc-cta .container{

    position:relative;

    z-index:2;

    max-width:1320px;

    margin:auto;

    padding:0 15px;

}

.showcase-cc-cta-content{

    min-height:480px;

    display:flex;

    align-items:center;

}

.showcase-cc-cta-left{
    max-width: 620px;
}
.showcase-cc-cta-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:12px 25px;

    border-radius:40px;

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

    border:1px solid rgba(212,175,55,.25);

    color:#E6C15A;

    font-weight:600;

    margin-bottom:30px;

}

.showcase-cc-cta h2{

    font-family:"Playfair Display",serif;

    font-size: 56px;
    line-height: 1.08;
    margin-bottom: 20px;

}

.showcase-cc-cta h2 span{

    display:block;

    color:#E6C15A;

}

.showcase-cc-cta p{

    color:#d8d8d8;

    font-size: 18px;
    line-height: 1.8;
    max-width: 520px;
    margin-bottom: 35px;

}

.showcase-cc-cta-features{

    display:grid;

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

    gap:22px;

    margin-bottom:50px;

}

.showcase-cc-feature{

    display:flex;

    align-items:center;

    gap:18px;

    padding:25px;

    border-radius:18px;

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

    backdrop-filter:blur(15px);

    border:1px solid rgba(212,175,55,.18);

    transition:.35s;

}

.showcase-cc-feature:hover{

    transform:translateY(-8px);

    border-color:var(--gold);

    box-shadow:0 20px 50px rgba(212,175,55,.18);

}

.showcase-cc-feature span{

    width:60px;

    height:60px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient( 135deg, var(--gold), var(--gold-light) );

    color:var(--blue-dark);

    font-size:30px;

}

.showcase-cc-feature h4{

    color:#fff;

    margin:0;

    font-size:18px;

}

.showcase-cc-cta-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

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

.cc-faq{
    position:relative;
    padding:50px 0;
    background:var(--royal-blue-dark);
    overflow:hidden;
}

.cc-faq::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at 15% 20%,rgba(212,175,55,.08),transparent 35%),
    radial-gradient(circle at 85% 75%,rgba(212,175,55,.06),transparent 30%);
    pointer-events:none;
}

.cc-faq .container{
    position:relative;
    z-index:2;
    max-width:1100px;
    margin:auto;
}

/* ==========================================
   Heading
========================================== */

.cc-faq-heading{
    text-align:center;
    margin:0 auto 40px;
}

.cc-faq-heading h2{
    font-family:"Playfair Display",serif;
    font-size:58px;
    line-height:1.15;
    color:#fff;
    margin:20px 0;
}

.cc-faq-heading h2 span{
    display:block;
    color:var(--gold);
}

.cc-faq-heading p{
    color:var(--text);
    line-height:1.9;
    font-size:15px;
}

/* ==========================================
   Accordion
========================================== */

.cc-faq-wrapper{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.cc-faq-item{

    border:1px solid rgba(212,175,55,.18);

    border-radius:20px;

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

    backdrop-filter:blur(12px);

    overflow:hidden;

    transition:.35s ease;

}

.cc-faq-item:hover{

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

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

}

/* ==========================================
   Question
========================================== */

.cc-faq-question{

    width:100%;

    display:flex;

    justify-content:space-between;

    align-items:center;

    background:none;

    border:none;

    padding:10px 35px;

    cursor:pointer;

    color:#fff;

    text-align:left;

}

.cc-faq-left{

    display:flex;

    align-items:center;

    gap:10px;

}

.cc-faq-number{

    width:40px;

    height:40px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

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

    border:1px solid rgba(212,175,55,.25);

    color:var(--gold);

    font-weight:700;

    font-size:15px;

    flex-shrink:0;

}

.cc-faq-question h3{

    font-size:18px;

    color:var(--gold-light);

    font-weight:600;

    margin:0;

}

.cc-faq-icon{

    font-size:34px;

    color:var(--gold);

    transition:.35s;

}

/* ==========================================
   Answer
========================================== */

.cc-faq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height .45s ease;

}

.cc-faq-answer p{

    padding:0 24px 20px 85px;

    color:var(--text);

    line-height:1.9;

    font-size:15px;

    margin:0;

}

/* ==========================================
   Active
========================================== */

.cc-faq-item.active{

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

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

    box-shadow:0 20px 55px rgba(0,0,0,.28);

}

.cc-faq-item.active .cc-faq-answer{

    max-height:250px;

}

.cc-faq-item.active .cc-faq-icon{

    transform:rotate(180deg);

}



/* ==========================================
   Hover Effect
========================================== */

.cc-faq-question:hover h3{

    color:var(--gold);

    transition:.3s;

}

.cc-contact{
    padding: 50px 0;
    background: linear-gradient(90deg, rgba(5,14,33,.92) 0%, rgba(5,14,33,.82) 40%, rgba(5,14,33,.35) 70%, rgba(5,14,33,.05) 100%);
}
.cc-title{
    text-align:center;
    margin-bottom:60px;
}
.cc-title h2{
    font-family:"Playfair Display",serif;
    font-size:56px;
}
.cc-title span{color:var(--gold);}
.cc-title p{color:var(--text);}

.cc-card{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(212,175,55,.2);
    border-radius:24px;
    padding:40px;
    backdrop-filter:blur(12px);
    height:100%;
}
.cc-info{
    display:flex;
    gap:18px;
    margin-bottom:28px;
    align-items:flex-start;
}
.cc-icon{
    width:58px;
    height:58px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--gold),var(--gold-light));
    display:flex;
    align-items:center;
    justify-content:center;
    color:#081a2b;
    flex-shrink:0;
}
.cc-info h5{
    margin:0 0 5px;
}
.cc-info p{
    margin:0;
    color:var(--text);
    line-height:1.7;
}
.form-control{
    background:var(--royal-blue-dark);
    border:1px solid rgba(212,175,55,.2);
    color:#fff;
    padding:15px;
}
.form-control:focus{
    background:var(--royal-blue-dark);
    color:#fff;
    border-color:var(--gold);
    box-shadow:none;
}
.hire-btn {
    color: var(--blue);
}
textarea{min-height:150px;}
.btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold-light));
    border:none;
    padding:16px;
    font-weight:600;
    color:#081a2b;
    border-radius:50px;
    width:100%;
}
.cc-map{
    margin-top:35px;
    overflow:hidden;
    border-radius:24px;
    border:1px solid rgba(212,175,55,.25);
}
.cc-map iframe{
    width:100%;
    height:350px;
    border:0;
    display:block;
}
.social{
    display:flex;
    gap:14px;
    margin-top:20px;
}

.social a{
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    text-decoration:none;

    color:var(--gold);
    font-size:20px;

    background:rgba(255,255,255,.04);
    border:1px solid rgba(212,175,55,.25);

    transition:.35s ease;
}

.social a:hover{
    background:linear-gradient(135deg,var(--gold),var(--gold-light));
    color:#081a2b;
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(212,175,55,.35);
}
.cc-input{
    position:relative;
}

.cc-input span{
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    color:var(--gold);
    font-size:22px;
    pointer-events:none;
}

.cc-textarea span{
    top:24px;
    transform:none;
}

.cc-input input,
.cc-input textarea{

    width:100%;
    background:var(--royal-blue-dark);
    border:1px solid rgba(212,175,55,.22);
    border-radius:14px;
    color:#fff;
    padding:16px 20px 16px 58px;
    transition:.3s;
}

.cc-input textarea{
    min-height:170px;
    resize:none;
}

.cc-input input:focus,
.cc-input textarea:focus{

    outline:none;
    border-color:var(--gold);
    box-shadow:0 0 18px rgba(212,175,55,.18);

}

.cc-map{

    margin-top:50px;

    overflow:hidden;

    border-radius:24px;

    border:2px solid rgba(212,175,55,.25);

    background:var(#081a2b);

    box-shadow:
    0 25px 60px rgba(0,0,0,.35),
    0 0 30px rgba(212,175,55,.12);

}

#cineMap{

    width:100%;

    height:420px;

}

.cc-map-wrapper{

    position:relative;

    height:475px;

    overflow:hidden;

    border-radius:28px;

}

.cc-map-card{

    position:absolute;

    left:35px;

    bottom:35px;

    width:340px;

    background:rgba(7,26,52,.95);

    backdrop-filter:blur(18px);

    border:1px solid rgba(212,175,55,.35);

    border-radius:24px;

    padding:28px;

    z-index:100;

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

}

.cc-map-card-icon{

    width:60px;

    height:60px;

    border-radius:50%;

    background:linear-gradient(135deg,var(--gold),#f4df8d);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#081a2b;

    font-size:28px;

    margin-bottom:20px;

}

.cc-map-card h3{

    color:#fff;

    font-size:22px;

    margin-bottom:15px;

}

.cc-map-card p{

    color:#cfd5df;

    line-height:1.8;

    margin-bottom:22px;

}

.cc-map-card a{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    text-decoration:none;

    background:linear-gradient(135deg,var(--gold),#f7e7a3);

    color:#081a2b;

    font-weight:700;

    padding:15px;

    border-radius:50px;

    transition:.35s;

}

.cc-map-card a:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 30px rgba(212,175,55,.35);

}

#map{
    width:100%;
    height:475px;
    border-radius:28px;
}

.cc-map-marker{

    font-size:70px;

    color:var(--gold);

    text-shadow:
    0 0 10px rgba(212,175,55,.5),
    0 0 20px rgba(212,175,55,.4),
    0 0 35px rgba(212,175,55,.25);

    cursor:pointer;

    transition:.3s;

}

.cc-map-marker:hover{

    transform:translateY(-6px) scale(1.08);

}

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

.cc-footer{
    position:relative;
    background:#06172d;
    padding:50px 0 0;
    overflow:hidden;
    border-top:1px solid rgba(212,175,55,.15);
}

.cc-footer::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at 15% 20%,rgba(212,175,55,.08),transparent 35%),
    radial-gradient(circle at 85% 75%,rgba(212,175,55,.05),transparent 35%);
    pointer-events:none;
}

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

/* ==========================
   Top Grid
========================== */

.cc-footer-top{

    display:grid;

    grid-template-columns:1.3fr 1fr 1fr 1.2fr;

    gap:60px;

    padding-bottom:60px;

}

/* ==========================
   Logo
========================== */

.cc-footer-logo{

    height:75px;

    margin-bottom:25px;

}

.cc-footer-col p{

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

    line-height:1.9;

    font-size:15px;

    margin-bottom:30px;

}

/* ==========================
   Headings
========================== */

.cc-footer-col h4{

    color:#fff;

    font-size:22px;

    margin-bottom:30px;

    position:relative;

    padding-bottom:12px;

}

.cc-footer-col h4::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:55px;

    height:2px;

    background:linear-gradient(135deg,var(--gold),var(--gold-light));

}

/* ==========================
   Links
========================== */

.cc-footer-col ul{

    padding:0;

    margin:0;

    list-style:none;

}

.cc-footer-col ul li{

    margin-bottom:18px;

}

.cc-footer-col ul li a{

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

    text-decoration:none;

    transition:.35s;

    position:relative;

    padding-left:18px;

}

.cc-footer-col ul li a::before{

    content:"›";

    position:absolute;

    left:0;

    color:var(--gold);

}

.cc-footer-col ul li a:hover{

    color:var(--gold);

    padding-left:25px;

}

/* ==========================
   Contact
========================== */

.cc-footer-contact li{

    display:flex;

    gap:15px;

    align-items:flex-start;

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

    line-height:1.8;

    margin-bottom:22px;

}

.cc-footer-contact .material-symbols-outlined{

    color:var(--gold);

    font-size:22px;

    margin-top:3px;

}

/* ==========================
   Social
========================== */

.cc-footer-social{

    display:flex;

    gap:14px;

}

.cc-footer-social a{

    width:46px;

    height:46px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    color:var(--gold);

    border:1px solid rgba(212,175,55,.25);

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

    transition:.35s;

}

.cc-footer-social a:hover{

    background:linear-gradient(135deg,var(--gold),var(--gold-light));

    color:#081a2b;

    transform:translateY(-5px);

    box-shadow:0 10px 25px rgba(212,175,55,.25);

}

/* ==========================
   Bottom
========================== */

.cc-footer-bottom{

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

    padding:28px 0;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:25px;

    flex-wrap:wrap;

}

.cc-footer-bottom p{

    margin:0;

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

    font-size:14px;

}

.cc-footer-links{

    display:flex;

    gap:30px;

    flex-wrap:wrap;

}

.cc-footer-links a{

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

    text-decoration:none;

    transition:.3s;

    font-size:14px;

}

.cc-footer-links a:hover{

    color:var(--gold);

}

/* ==========================
   Hover Animation
========================== */

.cc-footer-col{

    transition:.35s;

}

.cc-footer-col:hover{

    transform:translateY(-4px);

}



.model-profile-hero{
    position:relative;
    overflow:hidden;
    background:url("../images/model-bg.png") center center/cover no-repeat;
    padding:35px 0 220px;
}

.model-profile-hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,
        rgba(7,26,52,.95) 0%,
        rgba(7,26,52,.78) 48%,
        rgba(7,26,52,.1) 100%);
    pointer-events:none;
}

.model-profile-hero .container{
    position:relative;
    z-index:2;
}

/*=========================
        Breadcrumb
=========================*/

.model-breadcrumb{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:-80px;
    font-size:14px;
}

.model-breadcrumb a{
    color:#d2d8e2;
    text-decoration:none;
    transition:.3s;
}

.model-breadcrumb a:hover{
    color:var(--gold);
}

.model-breadcrumb .active{
    color:var(--gold);
}

.model-breadcrumb span{
    font-size:18px;
    color:#7b8795;
}

/*=========================
        HERO
=========================*/

.model-hero-wrapper{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    gap:70px;
}

.model-left{
    max-width:650px;
}

.model-badge{
    display:inline-block;
    padding:8px 18px;
    background:rgba(212,175,55,.12);
    border:1px solid rgba(212,175,55,.25);
    color:var(--gold);
    border-radius:50px;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:22px;
}

.model-left h1{
    display:flex;
    align-items:center;
    gap:15px;
    font-size:65px;
    font-family:'Playfair Display',serif;
    color:#fff;
    margin-bottom:20px;
    line-height:1.05;
}

.verified{
    display:flex;
    align-items:center;
    justify-content:center;
    width:45px;
    height:45px;
    background:#0e97db;
    color:#fff;
    border-radius:50%;
    font-size:24px;
}

.model-category{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    color:var(--gold);
    font-size:18px;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:40px;
}

.model-category span{
    color:#888;
}

.model-meta{
    display:flex;
    flex-wrap:wrap;
    gap:35px;
}

.meta-item{
    display:flex;
    align-items:center;
    gap:10px;
    color:#fff;
    font-size:16px;
}

.meta-item span{
    color:var(--gold);
    font-size:23px;
}

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

.model-right{
    text-align:right;
}

.model-right img{
    width:100%;
    max-width:540px;
    filter:drop-shadow(0 25px 70px rgba(0,0,0,.6));
}

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

.profile-overview{
    margin-top:-260px;
    position:relative;
    z-index:20;
}

.profile-card{

    display:grid;
    grid-template-columns:390px 1fr;
    gap:45px;

    background:#0c2038;

    border:1px solid var(--border);

    border-radius:22px;

    padding:50px 15px;

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

}

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

.main-image{

    overflow:hidden;

    border-radius:18px;

    margin-bottom:18px;

}

.main-image img{

    width:100%;

    display:block;

    border-radius:18px;

}

.gallery-thumb{

    display:grid;

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

    gap:12px;

}

.gallery-thumb img{

    width:100%;

    border-radius:10px;

    cursor:pointer;

    border:2px solid transparent;

    transition:.3s;

}

.gallery-thumb img:hover{

    border-color:var(--gold);

    transform:translateY(-5px);

}

/*=========================
        DETAILS
=========================*/

.profile-details h3{

    color:#fff;

    margin-bottom:28px;

    font-size:24px;

}

.profile-details h3 span{

    color:var(--gold);

}

.details-grid{

    display:grid;

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

    gap:18px;

    margin-bottom:25px;

}

.detail-box{

    background:#102845;

    border:1px solid var(--border);

    border-radius:15px;

    padding:22px;

    transition:.3s;

}

.detail-box:hover{

    transform:translateY(-6px);

    border-color:var(--gold);

}

.detail-box span{

    color:var(--gold);

    font-size:30px;

    margin-bottom:12px;

    display:block;

}

.detail-box small{

    display:block;

    color:#95a3b8;

    margin-bottom:5px;

}

.detail-box strong{

    color:#fff;

    font-size:18px;

}

/*=========================
        TAGS
=========================*/

.profile-tags{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

    margin:30px 0;

}

.profile-tags span{

    padding:10px 22px;

    border-radius:40px;

    border:1px solid rgba(212,175,55,.4);

    color:var(--gold);

    font-size:14px;

    transition:.3s;

}

.profile-tags span:hover{

    background:var(--gold);

    color:var(--blue-dark);

}

/*=========================
        Availability
=========================*/

.availability{

    background:#112c46;

    border:1px solid var(--border);

    border-radius:15px;

    padding:20px 25px;

    color:#fff;

    font-size:20px;

    margin-bottom:35px;

    position:relative;

}

.status-dot{

    width:12px;

    height:12px;

    background:#21d56d;

    border-radius:50%;

    display:inline-block;

    margin-right:10px;

    box-shadow:0 0 12px #21d56d;

}

.availability p{

    margin:12px 0 0;

    color:#a9b8cb;

    font-size:15px;

}

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

.profile-buttons{

    display:flex;

    gap:20px;

}

.hire-btn,
.whatsapp-btn{

    flex:1;

    height:60px;

    border-radius:14px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    text-decoration:none;

    font-size:17px;

    font-weight:600;

    transition:.35s;

    padding: 12px;

}

.hire-btn{

    background:linear-gradient(90deg,var(--gold),var(--gold-light));

    color:#081a2b;

}

.hire-btn:hover{

    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(212,175,55,.35);

}

.whatsapp-btn{

    border:1px solid rgba(212,175,55,.4);

    color:#fff;

    background:#0f2744;

}

.whatsapp-btn:hover{

    background:#25D366;

    border-color:#25D366;

    color:#fff;

}


.profile-sections{
    padding:30px 0;
}

.top-grid{
    display:grid;
    grid-template-columns:32% 1fr;
    gap:24px;
    margin-bottom:24px;
}

.middle-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-bottom:24px;
}

.card{
    background:linear-gradient(180deg,var(--blue-dark),#081a2f);
    border:1px solid var(--border);
    border-radius:18px;
    padding:25px 15px;
    box-shadow:0 20px 40px rgba(0,0,0,.28);
    transition:.35s;
    position:relative;
    overflow:hidden;
}

.card:hover{
    border-color:var(--gold);
    transform:translateY(-5px);
}

.card h2{
    font-family:'Playfair Display',serif;
    font-size:30px;
    color:var(--gold);
    font-weight:700;
    margin-bottom:12px;
}

.gold-line{
    width:55px;
    height:2px;
    background:var(--gold);
    margin-bottom:26px;
}

.about-card p{
    font-size:14px;
    line-height:1.9;
    color:var(--text);
    margin-bottom:22px;
}

.quote{
    position:absolute;
    right:10px;
    top:10px;
    font-size:40px!important;
    color:rgba(212,175,55,.15);
}

.skills-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:6px;
}

.skill-item{
    display:flex;
    align-items:center;
    gap:16px;
    padding:10px;
    border:1px solid rgba(212,175,55,.22);
    border-radius:14px;
    background:#0d223d;
    transition:.3s;
}

.skill-item:hover{
    border-color:var(--gold);
    background:#102845;
}

.skill-item span{
    width:45px;
    height:45px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--gold);
    color:var(--gold);
    font-size:24px !important;
    flex-shrink:0;
}

.skill-item h4{
    font-size:18px;
    font-weight:500;
    color:var(--gold-light);
}

.card-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:18px;
}

.card-head a{
    color:var(--gold);
    text-decoration:none;
    font-weight:600;
}

.portfolio-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}

.portfolio-grid img{
    width:100%;
    aspect-ratio:1/1.5;
    object-fit:cover;
    border-radius:10px;
    transition:.35s;
}

.portfolio-grid img:hover{
    transform:scale(1.04);
}

.video-layout{
    display:grid;
    grid-template-columns:58% 42%;
    gap:18px;
}

.main-video{
    position:relative;
}

.main-video img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:12px;
}

.play-btn{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:86px;
    height:86px;
    border-radius:50%;
    border:2px solid var(--gold);
    background:rgba(0,0,0,.35);
    display:flex;
    align-items:center;
    justify-content:center;
}

.play-btn span{
    font-size:50px!important;
    color:#fff;
}

.video-footer{
    position:absolute;
    left:20px;
    right:20px;
    bottom:16px;
    display:flex;
    justify-content:space-between;
    font-weight:600;
}

.video-item{
    display:grid;
    grid-template-columns:90px 1fr auto;
    gap:15px;
    align-items:center;
    padding:12px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.video-item:last-child{border:none}

.video-item img{
    width:90px;
    height:130px;
    border-radius:10px;
    object-fit:cover;
}

.video-item h4{
    font-size:15px;
    color:#fff;
    margin-bottom:8px;
}

.video-item small{
    font-size:15px;
    color:var(--text);
}

.video-item>span{
    color:var(--gold);
    font-size:34px!important;
}

.available-grid{
    display:grid;
    grid-template-columns:repeat(8,1fr);
    gap:16px;
    margin-top:25px;
}

.available-item{
    border:1px solid rgba(212,175,55,.2);
    border-radius:12px;
    padding:22px 10px;
    text-align:center;
    transition:.3s;
}

.available-item:hover{
    border-color:var(--gold);
    background:#102845;
}

.available-item span{
    font-size:42px!important;
    color:var(--gold);
    display:block;
    margin-bottom:14px;
}

.available-item p{
    color:#fff;
    font-size:18px;
}

/*===========================
Lightbox
===========================*/

.cc-lightbox{

    position:fixed;

    inset:0;

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

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:99999;

}

.cc-lightbox-content{

    position:relative;

    max-width:900px;

    width:90%;

}

.cc-lightbox img{

    width:100%;

    border-radius:15px;

}

.close-lightbox{

    position:absolute;

    top:-40px;

    right:0;

    color:#fff;

    cursor:pointer;

    font-size:40px!important;

}

/*=========================================
    Similar Actors Section
==========================================*/

.cc-similar-actors{

    padding:50px 0;

    background:#081a2b;

    overflow:hidden;

}

.cc-section-header{

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    margin-bottom:45px;

}

.cc-subtitle{

    display:block;

    font-size:14px;

    color:var(--gold);

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:10px;

}

.cc-section-header h2{

    font-size:52px;

    color:#f5d67b;

    font-family:"Playfair Display",serif;

    position:relative;

}

.cc-section-header h2::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-14px;

    width:75px;

    height:3px;

    background:var(--gold);

    border-radius:5px;

}

.cc-view-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:15px 28px;

    border:1px solid rgba(212,175,55,.6);

    border-radius:12px;

    color:#f5d67b;

    text-decoration:none;

    transition:.35s;

}

.cc-view-btn:hover{

    background:var(--gold);

    color:var(--blue-dark);

}

.cc-view-btn span{

    font-size:22px;

}

/*============================*/

/*.cc-actors-slider{

    display:grid;

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

    gap:22px;

}*/

/*============================*/

.cc-actor-card{

    background:linear-gradient(180deg,var(--blue-dark),#081a2f);

    border:1px solid rgba(212,175,55,.45);

    border-radius:18px;

    overflow:hidden;

    transition:.4s;

    position:relative;

}

.cc-actor-card:hover{

    transform:translateY(-8px);

    border-color:var(--gold);

    box-shadow:0 18px 40px rgba(0,0,0,.35);

}

.cc-actor-image{

    overflow:hidden;

}

.cc-actor-image img{

    width:100%;

    height:430px;

    object-fit:cover;

    transition:.5s;

}

.cc-actor-card:hover img{

    transform:scale(1.08);

}

/*============================*/

.cc-actor-content{

    padding:22px;

    text-align:center;

}

.cc-actor-content h3{

    font-size:24px;

    color:#f5d67b;

    font-family:"Playfair Display",serif;

    margin-bottom:20px;

}

/*============================*/

.cc-profile-btn{

    display:block;

    padding:12px;

    border:1px solid rgba(212,175,55,.5);

    border-radius:10px;

    text-decoration:none;

    color:var(--gold);

    font-weight:600;

    transition:.35s;

}

.cc-profile-btn:hover{

    background:var(--gold);

    color:var(--blue-dark);

}

/*============================*/

.cc-slider-nav{

    display:flex;

    justify-content:center;

    gap:18px;

    margin-top:40px;

}

.cc-slider-nav button{

    width:52px;

    height:52px;

    border-radius:50%;

    border:1px solid rgba(212,175,55,.45);

    background:transparent;

    color:var(--gold);

    cursor:pointer;

    transition:.35s;

}

.cc-slider-nav button:hover{

    background:var(--gold);

    color:#081a2b;

}

.cc-slider-nav span{

    font-size:28px;

}

/*.cc-actors-slider{

    display:flex;

    gap:22px;

    transition:.5s ease;

    will-change:transform;

}

.cc-actor-card{

    min-width:calc((100% - 88px)/5);

    flex-shrink:0;

}*/

/* Similar Actors Scroll */
.cc-actors-slider {
    display: flex;
    gap: 22px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 8px 4px 20px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    cursor: grab;

    scrollbar-width: none;      
    -ms-overflow-style: none;   
}

.cc-actors-slider::-webkit-scrollbar {
    display: none;              
}

.cc-actors-slider:active {
    cursor: grabbing;
}

.cc-actor-card {
    flex: 0 0 280px;
    user-select: none;
}

.cc-similar-actors{

    overflow:hidden;

}

.cc-similar-actors .container{

    overflow:hidden;

}

/*.cc-actors-slider{

    overflow:hidden;

    padding:8px 4px 20px;

}*/

.cc-actors-slider .swiper-wrapper{

    align-items:stretch;

}

.cc-actors-slider .swiper-slide{

    height:auto;

}

.cc-actor-card{

    height:100%;

}

/*=====================================
Available For
======================================*/

.cc-available-section{

    padding:50px 0;

    background:var(#081a2b);

}

.cc-section-title{

    text-align:center;

    margin-bottom:30px;

}

.cc-section-title span{

    color:var(--gold);

    font-size:13px;

    letter-spacing:3px;

    font-weight:600;

}

.cc-section-title h2{

    font-family:"Playfair Display",serif;

    font-size:52px;

    color:var(--gold);

    margin:12px 0;

}

.cc-section-title p{

    color:#c7d4e6;

    font-size:18px;
    margin-top: 33px;

}

.cc-available-grid{

    display:grid;

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

    gap:25px;

}

.cc-available-card{

    background:linear-gradient(180deg,#0b203b,#0d2848);

    border:1px solid rgba(212,175,55,.25);

    border-radius:18px;

    padding:20px 15px;

    display:flex;

    align-items:center;

    gap:20px;

    position:relative;

    overflow:hidden;

    transition:.4s;

}

.cc-available-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:5px;

    height:100%;

    background:var(--gold);

    transform:scaleY(0);

    transition:.4s;

}

.cc-available-card:hover{

    transform:translateY(-8px);

    border-color:var(--gold);

    box-shadow:0 18px 45px rgba(0,0,0,.35);

}

.cc-available-card:hover::before{

    transform:scaleY(1);

}

.cc-icon{

    width:72px;

    height:72px;

    border-radius:50%;

    background:linear-gradient(135deg,var(--gold),#f8e9aa);

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;
    color: var(--blue);

}

.cc-icon span{

    color:#081a2b;

    font-size:36px;

}

.cc-content h4{

    color:#fff;

    font-size:20px;

    margin-bottom:8px;

}

.cc-content p{

    color:#b7c4d7;

    font-size:14px;

    line-height:1.6;

}

/* Hover */

.cc-available-card:hover .cc-icon{

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

    transition:.35s;

}

/*=========================================
MODELS HERO
=========================================*/

.cc-models-hero{

    position:relative;

    overflow:hidden;

    min-height:720px;

    display:flex;

    align-items:center;

    background:url("../images/models-hero-bg.png") center right/cover no-repeat;

}

/* Dark overlay */

.cc-models-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(5,18,34,.95) 0%,
        rgba(5,18,34,.90) 28%,
        rgba(5,18,34,.70) 50%,
        rgba(5,18,34,.35) 75%,
        rgba(5,18,34,.10) 100%
    );

}

.cc-models-hero .container{

    position:relative;

    z-index:2;

}

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

.cc-models-content{

    max-width:600px;

}

.cc-section-tag{

    display:inline-block;

    padding:10px 22px;

    border:1px solid rgba(233,184,63,.25);

    border-radius:40px;

    color:var(--gold);

    background:rgba(233,184,63,.08);

    font-size:13px;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:30px;

}

.cc-models-content h1{

    color:#fff;

    font-size:72px;

    line-height:1.05;

    font-family:"Cormorant Garamond", serif;

    margin-bottom:25px;

}

.cc-models-content h1 span{

    color:var(--gold);

}

.cc-models-content p{

    color:#d5d9df;

    font-size:18px;

    line-height:1.9;

    margin-bottom:45px;

}

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

.cc-models-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.cc-btn-primary{

    display:flex;

    align-items:center;

    gap:10px;

    padding:17px 34px;

    border-radius:50px;

    background:linear-gradient(90deg,#d8a62c,#f6df8f);

    color:#081d36;

    font-weight:600;

    text-decoration:none;

    transition:.35s;

}

.cc-btn-primary:hover{

    transform:translateY(-5px);

    color:#081d36;

    box-shadow:0 20px 40px rgba(233,184,63,.30);

}

.cc-btn-outline{

    display:flex;

    align-items:center;

    justify-content:center;

    padding:17px 34px;

    border:1px solid var(--gold);

    border-radius:50px;

    color:var(--gold);

    text-decoration:none;

    transition:.35s;

    font-weight: 500;

}

.cc-btn-outline:hover{

    background:var(--gold);

    color:#081d36;

}

/*=========================================
    MODELS SECTION
=========================================*/

.cc-models-section{
    padding:50px 0;
    background:var(--royal-blue-dark);
    position:relative;
}

.cc-models-section .container{
    max-width:1320px;
}

/*=========================================
    Heading
=========================================*/

.cc-subtitle{
    display:inline-block;
    color:var(--gold);
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:12px;
}

.cc-model-title{
    font-size:52px;
    font-weight:700;
    color:#fff;
    line-height:1.15;
    margin-bottom:0;
    text-align: left;
}

.cc-model-title span{
    color:var(--gold);
}

.cc-description{
    color:#c4cbd7;
    font-size:17px;
    line-height:1.8;
    max-width:500px;
    margin-left:auto;
}

/*=========================================
    Card
=========================================*/

.model-card{
    background:#0d2544;
    border:1px solid rgba(212,175,55,.18);
    border-radius:22px;
    overflow:hidden;
    transition:.4s;
    height:100%;
    position:relative;
    box-shadow:0 12px 35px rgba(0,0,0,.25);
}

.model-card:hover{

    transform:translateY(-10px);

    border-color:var(--gold);

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

}

/*=========================================
    Image
=========================================*/

.model-image{
    position:relative;
    overflow:hidden;
    height:380px;
}

.model-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}

.model-card:hover .model-image img{

    transform:scale(1.08);

}

.model-image::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:130px;

    background:linear-gradient(to top,#0d2544,transparent);

}

/*=========================================
    Verified Badge
=========================================*/

.verified-model{

    position:absolute;

    top:18px;
    left:18px;

    background:linear-gradient( 135deg, var(--gold), var(--gold-light) );

    color:var(--royal-blue-dark);

    padding:8px 16px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    display:flex;

    align-items:center;

    gap:6px;

    z-index:10;

}

.verified-model i{

    font-size:14px;

}

/*=========================================
    Content
=========================================*/

.model-content{

    padding:20px 15px;

}

.model-content h4{

    color:#fff;

    font-size:26px;

    font-weight:700;

    margin-bottom:5px;

}

.category{

    display:inline-block;

    color:var(--gold);

    font-size:15px;

    font-weight:600;

    margin-bottom:18px;

}

/*=========================================
    Info
=========================================*/

.model-info{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:22px;

    color:#d9d9d9;

    font-size:15px;

}

.model-info span{

    display:flex;

    align-items:center;

    gap:7px;

}

.model-info i{

    color:var(--gold);

}

/*=========================================
    Buttons
=========================================*/

.model-buttons{

    display:flex;

    gap:12px;

}

.model-buttons a{

    flex:1;

    height:48px;

    border-radius:12px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    text-decoration:none;

    font-size:14px;

    font-weight:600;

    transition:.35s;

}

/* View Profile */

.btn-profile{

    background:linear-gradient(135deg,#f6d96a,var(--gold));

    color:var(--royal-blue-dark);

}

.btn-profile:hover{

    color:var(--royal-blue-dark);

    transform:translateY(-3px);

    box-shadow:0 12px 28px rgba(212,175,55,.45);

}

/* Contact */

.btn-contact{

    border:1px solid rgba(212,175,55,.45);

    color:var(--gold);

    background:transparent;

}

.btn-contact:hover{

    background:linear-gradient(135deg, #25D366, #128C7E);

    border-color:#1EBE5D;

    color:#fff;

    transform:translateY(-3px);

}

/*=========================================
    ABOUT HERO
=========================================*/

.about-hero{
    position: relative;
    min-height: 850px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: url("../images/about-bg.png") center center/cover no-repeat;
}

.about-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(5,18,34,.96) 0%,
        rgba(5,18,34,.90) 30%,
        rgba(5,18,34,.70) 55%,
        rgba(5,18,34,.35) 80%,
        rgba(5,18,34,.15) 100%
    );
}

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

.about-hero .row{
    min-height: 850px;
    align-items: center;
}

/*=========================================
    TAG
=========================================*/

.hero-tag{
    display: inline-block;
    margin-bottom: 25px;
    color: var(--gold);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.hero-tag::after{
    content:"";
    display:block;
    width:70px;
    height:2px;
    margin-top:12px;
    background:var(--gold);
}

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

.about-hero h1{
    color:#fff;
    font-size:68px;
    font-weight:700;
    line-height:1.15;
    margin-bottom:30px;
    font-family:"Playfair Display", serif;
}

.about-hero h1 span{
    display:block;
    background:linear-gradient( 135deg, var(--gold), var(--gold-light) );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/*=========================================
    PARAGRAPH
=========================================*/

.about-hero p{
    max-width:620px;
    color:#fff;
    font-size:18px;
    line-height:1.9;
    margin-bottom:40px;
}

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

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

.btn-gold{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:16px 34px;
    background:linear-gradient(90deg,var(--gold),var(--gold));
    color:var(--blue);;
    border-radius:60px;
    font-weight:700;
    text-decoration:none;
    transition:.35s;
    box-shadow:0 12px 30px rgba(216,170,67,.25);
}

.btn-gold:hover{
    transform:translateY(-4px);
    color:var(--blue);;
    box-shadow:0 18px 40px rgba(216,170,67,.45);
}

.btn-outline{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 34px;
    border:1px solid rgba(216,170,67,.7);
    color:#fff;
    border-radius:60px;
    text-decoration:none;
    font-weight:600;
    transition:.35s;
    backdrop-filter:blur(6px);
}

.btn-outline:hover{
    background:var(--gold);
    color:var(--blue);;
    border-color:var(--gold);
}

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

.about-hero::before{
    content:"";
    position:absolute;
    right:-250px;
    top:50%;
    transform:translateY(-50%);
    width:600px;
    height:600px;
    background:radial-gradient(circle,
    rgba(216,170,67,.18),
    transparent 70%);
    pointer-events:none;
}

.about-hero::after{
    content:"";
    position:absolute;
    left:-150px;
    bottom:-150px;
    width:420px;
    height:420px;
    background:radial-gradient(circle,
    rgba(216,170,67,.08),
    transparent 70%);
}

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

.cc-about-intro{
    padding:50px 0;
    background:var(--blue-dark);
    position:relative;
    overflow:hidden;
}

/* Background Glow */

.cc-about-intro::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:radial-gradient(circle,rgba(216,170,67,.08),transparent 70%);
    top:-220px;
    right:-120px;
    pointer-events:none;
}

.cc-about-intro::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:radial-gradient(circle,rgba(255,255,255,.03),transparent 70%);
    bottom:-200px;
    left:-150px;
    pointer-events:none;
}


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

.about-content{
    position:relative;
    z-index:2;
}

.section-tag{
    display:inline-block;
    color:var(--gold);
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:.85rem;
    font-weight:700;
    margin-bottom:18px;
}

.section-title{
    font-size:3rem;
    color:#fff;
    line-height:1.15;
    margin-bottom:20px;
    font-weight:600;
}

.section-title span{
    color:var(--gold);
}

.section-divider{
    width:70px;
    height:3px;
    background:var(--gold);
    border-radius:50px;
    margin-bottom:28px;
}

.about-content p{
    color:rgba(255,255,255,.75);
    font-size:1.05rem;
    line-height:1.9;
    margin-bottom:18px;
}


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

.about-btns{
    display:flex;
    gap:18px;
    margin-top:35px;
    flex-wrap:wrap;
}

.btn-gold,
.btn-outline{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    padding:14px 28px;

    border-radius:50px;

    font-weight:600;

    text-decoration:none;

    transition:.35s ease;

}

.btn-gold{

    background:linear-gradient( 135deg, var(--gold), var(--gold-light) );
    color:var(--blue-dark);

}

.btn-gold:hover{

    transform:translateY(-4px);

    background:#f3c860;

    color:var(--blue-dark);

    box-shadow:0 15px 35px rgba(216,170,67,.35);

}

.btn-outline{

    border:1px solid rgba(216,170,67,.45);

    color:var(--gold);

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

}

.btn-outline:hover{

    background:var(--gold);

    color:var(--blue-dark);

    transform:translateY(-4px);

}


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

.mission-wrapper{

    display:flex;

    flex-direction:column;

    gap:24px;

}

.mission-card{

    display:flex;

    align-items:flex-start;

    gap:22px;

    background:linear-gradient(145deg,#0d233d,#081a2f);

    border:1px solid rgba(216,170,67,.22);

    border-radius:22px;

    padding:30px;

    transition:.35s ease;

    position:relative;

    overflow:hidden;

}

.mission-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:4px;

    height:100%;

    background:var(--gold);

}

.mission-card:hover{

    transform:translateY(-8px);

    border-color:var(--gold);

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

}

.mission-icon{

    width:72px;

    height:72px;

    min-width:72px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:1.7rem;

    color:var(--gold);

    border:1px solid rgba(216,170,67,.45);

    background:rgba(216,170,67,.08);

}

.mission-content h4{

    color:#fff;

    font-size:1.5rem;

    margin-bottom:12px;

    font-weight:600;

}

.mission-content p{

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

    margin:0;

    line-height:1.8;

    font-size:1rem;

}

.about-actions{
    display:flex;
    gap:18px;
    margin-top:35px;
}

.about-actions a{
    flex:1;
    text-align:center;
}

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

.cc-testimonials{
    padding:50px 0;
    background:linear-gradient(90deg, rgba(5,14,33,.92) 0%, rgba(5,14,33,.82) 40%, rgba(5,14,33,.35) 70%, rgba(5,14,33,.05) 100%);
    position:relative;
    overflow:hidden;
}

/* Background Glow */

.cc-testimonials::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:radial-gradient(circle, rgba(216,170,67,.08), transparent 70%);
    top:-180px;
    left:-180px;
    pointer-events:none;
}

.cc-testimonials::after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:radial-gradient(circle, rgba(255,255,255,.03), transparent 70%);
    right:-150px;
    bottom:-180px;
    pointer-events:none;
}

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

.section-heading{
    max-width:720px;
    margin:0 auto 60px;
}

.section-heading .section-tag{
    display:inline-block;
    color:#d8aa43;
    font-size:.85rem;
    letter-spacing:3px;
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:18px;
}

.section-heading .section-title{
    color:#fff;
    font-size:3rem;
    font-weight:700;
    margin-bottom:18px;
}

.section-heading p{
    color:rgba(255,255,255,.72);
    font-size:1.05rem;
    line-height:1.8;
}


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

.testimonial-card{

    position:relative;

    height:100%;

    padding:35px;

    border-radius:24px;

    background:linear-gradient(145deg,#0b2139,#08192d);

    border:1px solid rgba(216,170,67,.22);

    transition:.35s;

    overflow:hidden;

}

.testimonial-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:4px;

    height:100%;

    background:#d8aa43;

}

.testimonial-card:hover{

    transform:translateY(-10px);

    border-color:#d8aa43;

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

}

/*=========================================
        STARS
=========================================*/

.stars{

    color:#d8aa43;

    font-size:1.2rem;

    letter-spacing:4px;

    margin-bottom:25px;

}

/*=========================================
        REVIEW
=========================================*/

.testimonial-card p{

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

    line-height:1.9;

    font-size:1rem;

    margin-bottom:35px;

    min-height:130px;

}

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

.testimonial-user{

    display:flex;

    align-items:center;

    gap:18px;

}

.testimonial-user img{

    width:72px;

    height:72px;

    border-radius:50%;

    object-fit:cover;

    border:3px solid #d8aa43;

}

.testimonial-user h5{

    color:#fff;

    font-size:1.2rem;

    margin:0;

    font-weight:600;

}

.testimonial-user span{

    display:block;

    color:#d8aa43;

    margin-top:4px;

    font-size:.95rem;

}

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

.testimonial-card::after{

    content:"❝";

    position:absolute;

    top:25px;

    right:25px;

    font-size:80px;

    color:rgba(216,170,67,.08);

    font-family:serif;

    line-height:1;

}

/*================================================
                MODELS GALLERY
================================================*/

.models-gallery{
    padding:60px 0;
    background:var(--blue-dark);
    position:relative;
    overflow:hidden;
}

/*=====================================
        Heading
======================================*/

.gallery-heading{
    margin-bottom:50px;
}

.gallery-subtitle{
    display:inline-block;
    color:var(--gold);
    font-size:13px;
    letter-spacing:4px;
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:12px;
}

.gallery-heading h2{
    font-family:"Playfair Display",serif;
    color:#fff;
    font-size:58px;
    font-weight:700;
    margin-bottom:18px;
}

.gallery-heading h2 span{
    color:var(--gold);
}

.gallery-heading p{
    max-width:700px;
    margin:auto;
    color:#c7d2e2;
    line-height:1.8;
    font-size:17px;
}

/*=====================================
            Tabs
======================================*/

.gallery-tabs{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:55px;
}

.gallery-tab{
    border:none;
    background:#112c4f;
    color:#fff;
    border:1px solid rgba(212,175,55,.15);
    border-radius:50px;
    padding:13px 28px;
    transition:.35s;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:10px;
}

.gallery-tab i{
    color:var(--gold);
}

.gallery-tab.active,
.gallery-tab:hover{
    background:var(--gold);
    color:var(--blue);
}

.gallery-tab.active i,
.gallery-tab:hover i{
    color:var(--blue);
}

/*=====================================
            Card
======================================*/

.gallery-card{
    display:block;
    text-decoration:none;
    background:var(--royal-blue);
    border-radius:14px;
    overflow:hidden;
    border:1px solid rgba(212,175,55,.20);
    transition:.35s;
    height:100%;
}

.gallery-card:hover{
    transform:translateY(-10px);
    border-color:var(--gold);
    box-shadow:0 18px 45px rgba(0,0,0,.35);
    text-decoration:none;
}

/*=====================================
            Image
======================================*/

.gallery-image{
    position:relative;
    overflow:hidden;
}

.gallery-image img{
    width:100%;
    height:430px;
    object-fit:cover;
    transition:.45s;
}

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

/* Dark Gradient */

.gallery-image::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:55%;

    background:linear-gradient(
        transparent,
        rgba(0,0,0,.88)
    );

}

/*=====================================
        Available Badge
======================================*/

.status{

    position:absolute;

    top:15px;
    left:15px;

    z-index:5;

    display:flex;

    align-items:center;

    gap:8px;

    background:rgba(8,23,43,.90);

    backdrop-filter:blur(10px);

    color:#fff;

    padding:8px 14px;

    border-radius:40px;

    font-size:13px;

    font-weight:600;

}

.status span{

    width:9px;
    height:9px;
    border-radius:50%;

    background:#1dd75b;

    box-shadow:0 0 10px #1dd75b;

}

/*=====================================
            Info
======================================*/

.gallery-info{

    padding:18px;

}

.gallery-info h4{

    color:#fff;

    font-size:28px;

    font-family:"Playfair Display",serif;

    margin-bottom:4px;

}

.profession{

    color:var(--gold);

    font-size:15px;

    font-weight:600;

    display:block;

    margin-bottom:15px;

}

/*=====================================
            Details
======================================*/

.gallery-info ul{

    margin:0;
    padding:0;

    display:flex;

    flex-wrap:wrap;

    gap:14px;

    list-style:none;

}

.gallery-info ul li{

    color:#d9e0ea;

    font-size:14px;

    display:flex;

    align-items:center;

    gap:6px;

}

.gallery-info ul li i{

    color:var(--gold);

    font-size:13px;

}

/*=====================================
        Hover Overlay
======================================*/

.gallery-card::before{

    content:"";

    position:absolute;

    left:-120%;

    top:0;

    width:60%;

    height:100%;

    transform:skewX(-25deg);

    background:linear-gradient(

        rgba(255,255,255,0),

        rgba(255,255,255,.08),

        rgba(255,255,255,0)

    );

    transition:.8s;

    z-index:5;

}

.gallery-card:hover::before{

    left:150%;

}

/*=====================================
        Image Overlay Icons
======================================*/

.gallery-card:hover .gallery-image::before{

    content:"";

    position:absolute;

    inset:0;

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

    z-index:2;

}

/*=========================================
        CONTACT SECTION
=========================================*/

.contact-section{
    padding:50px 0;
    background:linear-gradient(90deg, rgba(5,14,33,.92) 0%, rgba(5,14,33,.82) 40%, rgba(5,14,33,.35) 70%, rgba(5,14,33,.05) 100%);
    position:relative;
    overflow:hidden;
}

.contact-section::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    left:-180px;
    top:-180px;
    background:radial-gradient(circle,rgba(212,175,55,.08),transparent 70%);
}

.contact-section::after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    right:-180px;
    bottom:-180px;
    background:radial-gradient(circle,rgba(212,175,55,.08),transparent 70%);
}

/*=========================================
        Card
=========================================*/

.contact-card{

    background:var(--royal-blue);

    border:1px solid rgba(212,175,55,.18);

    border-radius:24px;

    padding:45px;

    height:100%;

    position:relative;

    overflow:hidden;

    transition:.35s;

}

.contact-card:hover{

    border-color:#d4af37;

    transform:translateY(-5px);

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

}

/*=========================================
        Heading
=========================================*/

.section-heading{

    margin-bottom:35px;

}

.section-heading span{

    display:inline-block;

    color:#d4af37;

    font-size:13px;

    font-weight:600;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:12px;

}

.section-heading h2{

    color:#fff;

    font-size:42px;

    font-family:"Playfair Display",serif;

    margin-bottom:15px;

}

.section-heading p{

    color:#c9d1dc;

    line-height:1.8;

    margin-bottom:0;

}

/*=========================================
        Inputs
=========================================*/

.contact-card .input-group{

    display:flex;

    align-items:center;

    background:#112c4f;

    border:1px solid rgba(212,175,55,.15);

    border-radius:14px;

    padding:0 18px;

    height:60px;

    transition:.35s;

}

.contact-card .input-group:hover,
.contact-card .input-group:focus-within{

    border-color:#d4af37;

}

.contact-card .input-group span{

    color:#d4af37;

    font-size:18px;

    margin-right:12px;

}

.contact-card .input-group input{

    width:100%;

    border:none;

    background:transparent;

    color:#fff;

    outline:none;

    font-size:15px;

}

.contact-card .input-group input::placeholder{

    color:#9eb1c8;

}

/*=========================================
        Textarea
=========================================*/

.contact-card .textarea{

    align-items:flex-start;

    height:auto;

    padding:18px;

}

.contact-card textarea{

    width:100%;

    background:transparent;

    border:none;

    resize:none;

    outline:none;

    color:#fff;

    font-size:15px;

}

.contact-card textarea::placeholder{

    color:#9eb1c8;

}

/*=========================================
        Button
=========================================*/

.contact-btn{

    width:100%;

    height:60px;

    border:none;

    border-radius:14px;

    background:linear-gradient(90deg,#d4af37,#f6dd7b);

    color:var(--blue);

    font-weight:700;

    font-size:16px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    transition:.35s;

}

.contact-btn:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 30px rgba(212,175,55,.35);

}

/*=========================================
        Contact Info
=========================================*/

.info-box{

    display:flex;

    gap:20px;

    padding:22px 0;

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

}

.info-box:last-of-type{

    border-bottom:none;

}

.info-box .icon{

    width:60px;

    height:60px;

    border-radius:50%;

    border:1px solid rgba(212,175,55,.4);

    color:#d4af37;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    flex-shrink:0;

    transition:.35s;

}

.info-box:hover .icon{

    background:#d4af37;

    color:var(--blue);

}

.info-box h5{

    color:#fff;

    margin-bottom:8px;

    font-size:20px;

    font-family:"Playfair Display",serif;

}

.info-box p{

    color:#d6dce6;

    margin-bottom:5px;

    line-height:1.7;

}

.info-box small{

    color:#9eb1c8;

    font-size:13px;

}

/*=========================================
        Social
=========================================*/

.social-box{

    margin-top:35px;

}

.social-box h5{

    color:#fff;

    margin-bottom:18px;

    font-size:22px;

    font-family:"Playfair Display",serif;

}

.social-links{

    display:flex;

    gap:15px;

}

.social-links a{

    width:52px;

    height:52px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    border:1px solid rgba(212,175,55,.25);

    color:#d4af37;

    transition:.35s;

    font-size:18px;

}

.social-links a:hover{

    background:#d4af37;

    color:var(--blue);

    transform:translateY(-4px);

}

/*=========================================
        CONTACT HERO
=========================================*/

.contact-hero{

    padding:40px 0 110px;

    background:var(--blue);

    position:relative;

    overflow:hidden;

}

.contact-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(rgba(4,15,31,.82),rgba(4,15,31,.90));

    background-size:cover;

    background-position:center;

    opacity:.95;

}

.contact-hero .container{

    position:relative;

    z-index:2;

}

.hero-subtitle{

    display:inline-block;

    color:#d4af37;

    letter-spacing:4px;

    font-size:14px;

    text-transform:uppercase;

    font-weight:600;

    margin-bottom:18px;

}

.contact-hero h1{

    color:#fff;

    font-size:72px;

    font-family:"Playfair Display",serif;

    margin-bottom:20px;

}

.contact-hero h1 span{

    color:#d4af37;

}

.hero-divider{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:30px;

}

.hero-divider span{

    width:70px;

    height:2px;

    background:#d4af37;

}

.hero-divider i{

    color:#d4af37;

    font-size:12px;

}

.contact-hero p{

    color:#d0d8e5;

    line-height:1.9;

    font-size:18px;

    max-width:520px;

    margin-bottom:40px;

}

.hero-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.hero-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    text-decoration:none;

    background:linear-gradient(90deg,#d4af37,#f6df8a);

    color:var(--blue);

    padding:16px 34px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.hero-btn:hover{

    color:var(--blue);

    transform:translateY(-4px);

}

.hero-btn-outline{

    display:inline-flex;

    align-items:center;

    gap:10px;

    text-decoration:none;

    color:#fff;

    border:1px solid rgba(212,175,55,.35);

    padding:16px 34px;

    border-radius:50px;

    transition:.35s;

}

.hero-btn-outline:hover{

    background:#d4af37;

    color:var(--blue);

}

.contact-hero-image{

    text-align:right;

}

.contact-hero-image img{

    width:100%;

    max-width:620px;

    animation:floatHero 5s ease-in-out infinite;

}

@keyframes floatHero{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-15px);

    }

}

/* Gold Wave */

.hero-wave{

    position:absolute;

    bottom:0;

    left:0;

    width:100%;

    height:90px;

    background:url("../images/wave-gold.svg") center bottom no-repeat;

    background-size:cover;

}

    .main-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}

.video-item video {
    width: 100px;
    height: 70px;
    object-fit: cover;
    border-radius: 10px;
    flex-shrink: 0;
}

.video-item {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    color: inherit;
}


.spinner {
    width: 22px;
    height: 22px;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-top: 4px solid #fff;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#contact_submit_loader {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0000;
  border: none;
}

#register_submit_loader {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0000;
  border: none;
}

#save_loader {
  width: 14px;
  height: 14px;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-left: 4px solid #000;
  border-right: 4px solid #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

/* Responsive */