/*==================================
SAM GROUP
Luxury Corporate Landing Page
==================================*/

:root{

    --primary:#d17906;
    --dark:#0f172a;
    --light:#ffffff;
    --text:#555;
    --gray:#f6f7fb;

}

*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

body
{

    font-family:'Poppins',sans-serif;
    color:#222;
    background:#fff;
    overflow-x:hidden;

}

h1,h2,h3,h4,h5
{

    font-family:'Playfair Display',serif;
}

a
{
    text-decoration:none;
}

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

section
{
    padding:100px 0;
}

/*==============================
NAVBAR
==============================*/

.custom-navbar{

    padding:18px 0;
    transition:.4s;
    z-index:999;

}

.custom-navbar .nav-link{

    color:#fff;
    font-size:15px;
    font-weight:500;
    margin-left:25px;
    position:relative;

}

.custom-navbar .nav-link:after{

    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:0;
    height:2px;
    background:var(--primary);
    transition:.4s;

}

.custom-navbar .nav-link:hover:after{

    width:100%;

}

.navbar-nav .nav-link.active
{
    color:rgb(209, 121, 6)!important;
}

.custom-navbar.sticky{

    background:#fff;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    padding:12px 0;

}

.custom-navbar.sticky .nav-link{

    color:#222;

}

.custom-navbar.sticky .navbar-brand{

    color:#111;

}

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

.btn-gold{

    background:var(--primary);
    color:#fff;
    border-radius:50px;
    padding:14px 34px;
    font-weight:600;
    transition:.35s;

}

.btn-gold:hover{

    transform:translateY(-3px);
    background:#9d742d;
    color:#fff;
    box-shadow:0 15px 35px rgba(184,138,59,.35);

}

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

.hero-section{

    position:relative;
    min-height:100vh;

    background:url("https://images.unsplash.com/photo-1511818966892-d7d671e672a2?auto=format&fit=crop&w=1800&q=80");

    background-size:cover;
    background-position:center;

    display:flex;
    align-items:center;

}

.hero-overlay{

    position:absolute;
    inset:0;

    background:linear-gradient(to right,
            rgba(10,15,30,.90),
            rgba(10,15,30,.70),
            rgba(10,15,30,.35));

}

.hero-section .container{

    position:relative;
    z-index:2;

}

.hero-tag{

    display:inline-block;

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

    color:#fff;

    backdrop-filter:blur(15px);

    padding:10px 24px;

    border-radius:50px;

    margin-bottom:25px;

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

}

.hero-section h1{

    font-size:68px;
    line-height:1.1;
    color:#fff;
    margin-bottom:30px;
    font-weight:700;

}

.hero-section h1 span{

    color:var(--primary);

}

.hero-section p{

    color:#ddd;
    font-size:18px;
    line-height:34px;
    max-width:650px;
    margin-bottom:35px;

}

.hero-btns{

    display:flex;
    gap:18px;

}

.btn-outline-light{

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

}

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

.floating-card{

    width:330px;

    background:#fff;

    border-radius:24px;

    overflow:hidden;

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

    position:absolute;

    transition:.45s;

}

.floating-card:hover{

    transform:translateY(-12px);

}

.floating-card img{

    height:220px;
    object-fit:cover;

}

.floating-card .content{

    padding:25px;

}

.floating-card small{

    color:var(--primary);
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:12px;

}

.floating-card h4{

    margin-top:10px;
    margin-bottom:0;
    font-size:28px;

}

.card-one{

    top:120px;
    right:10px;

}

.card-two{

    bottom:80px;
    left:20px;

}

/*==========================
SCROLL
==========================*/

.scroll-down{

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

    transform:translateX(-50%);

    color:#fff;

    font-size:32px;

    animation:scroll 2s infinite;

}

@keyframes scroll{

0%{

transform:translate(-50%,0);

}

50%{

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

}

100%{

transform:translate(-50%,0);

}

}

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

@media(max-width:991px){

.hero-section{

text-align:center;

padding-top:130px;

}

.hero-section h1{

font-size:48px;

}

.hero-btns{

justify-content:center;

}

.floating-card{

position:relative;

width:100%;

margin:30px auto;

top:auto;
left:auto;
right:auto;
bottom:auto;

}

}

@media(max-width:576px){

.hero-section h1{

font-size:36px;

}

.hero-section p{

font-size:16px;
line-height:28px;

}

.btn-gold,
.btn-outline-light{

width:100%;

}

.hero-btns{

flex-direction:column;

}

}


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

.about-section{

padding:120px 0 40px;
background:#fff;
position:relative;

}

.section-subtitle{

color:#d17906;
letter-spacing:3px;
font-size:14px;
font-weight:600;

}

.section-title{

font-size:38px;
margin:5px 0 20px;
line-height:1.2;

}

.about-text{

font-size:17px;
line-height:32px;
color:#666;

}

/* Founder */

.founder-wrapper{

position:relative;
height:650px;

}

.founder-card{

border-radius:25px;
overflow:hidden;
box-shadow:0 20px 50px rgba(0,0,0,.08);
transition:.4s;

}

.founder-card:hover{

transform:translateY(-10px);

}

.founder-card img{

height:380px;
object-fit:cover;

}

.founder-content{

padding:25px;

}

.founder-content small{

color:#b88a3b;
font-weight:600;

}

.founder-content h3{

margin:10px 0;

}

.second{

right:0;
bottom:0;

}

/* Vision */

.vision-card{

background:#fff;
padding:20px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.06);
transition:.35s;
height:100%;

}

.vision-card:hover{

transform:translateY(-10px);

}

.icon{

width:50px;
height:50px;
border-radius:50%;
background:#d17906;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:26px;
margin-bottom:10px;

}

/* Counter */

.counter-section{

background:#0f172a;
padding:30px 0;

}

.counter-box{

color:#fff;

}

.counter-box h2{

font-size:60px;
color:#d17906;

}

.counter-box p{

margin:0;
font-size:18px;
color:#ddd;

}

/* Mobile */

@media(max-width:991px){

.founder-wrapper{

height:auto;

}

.founder-card{

position:relative;
width:100%;
margin-bottom:30px;

}

.second{

right:auto;
bottom:auto;

}

.section-title{

font-size:36px;

}

.counter-box{

margin-bottom:40px;

}

}

/**** Section ****/

/*=========================
BUSINESS SECTION
=========================*/

.business-section{

padding:80px 0;
background:#fafafa;

}

.business-filter{

display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
margin-bottom:50px;

}

.business-filter button{

padding:14px 35px;
border:none;
border-radius:50px;
background:#fff;
box-shadow:0 10px 25px rgba(0,0,0,.08);
font-weight:600;
transition:.35s;

}

.business-filter button.active,
.business-filter button:hover{

background:#b88a3b;
color:#fff;

}

.business-card{

background:#fff;
border-radius:25px;
overflow:hidden;
box-shadow:0 20px 50px rgba(0,0,0,.08);
transition:.4s;
height:100%;

}

.business-card:hover{

transform:translateY(-10px);

}

.business-card img{

height:260px;
object-fit:cover;
transition:.5s;

}

.business-card:hover img{

transform:scale(1.08);

}

.business-content{

padding:30px;

}

.business-content small{

color:#b88a3b;
letter-spacing:2px;
text-transform:uppercase;
font-weight:600;

}

.business-content h3{

margin:15px 0;

}

.business-content p{

line-height:30px;
color:#666;

}

.business-content a{

display:inline-block;
margin-top:15px;
font-weight:600;
color:#b88a3b;

}

/*=========================
WHY SECTION
=========================*/

.why-section{

padding:80px 0;
background:#fff;

}

.why-card{

background:#fff;
padding:45px 30px;
border-radius:25px;
text-align:center;
box-shadow:0 20px 50px rgba(0,0,0,.08);
transition:.4s;
height:100%;
position:relative;
overflow:hidden;

}

.why-card:before{

content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:4px;
background:#b88a3b;
transform:scaleX(0);
transition:.4s;

}

.why-card:hover:before{

transform:scaleX(1);

}

.why-card:hover{

transform:translateY(-10px);

}

.icon-circle{

width:70px;
height:70px;
border-radius:50%;
background:#d17906;
display:flex;
align-items:center;
justify-content:center;
margin:auto;
font-size:34px;
color:#fff;
margin-bottom:25px;

}

.why-card h4{

margin-bottom:20px;

}

.why-card p{

line-height:30px;
color:#666;

}


/*=========================
ACHIEVEMENT
=========================*/

.achievement-section{

background:#0f172a;
padding:120px 0;

}

.timeline{

border-left:2px solid rgba(255,255,255,.15);
padding-left:35px;

}

.timeline-item{

position:relative;
padding-bottom:50px;

}

.timeline-item:before{

content:"";
width:18px;
height:18px;
border-radius:50%;
background:#b88a3b;
position:absolute;
left:-45px;
top:5px;

}

.timeline-item span{

color:#d17906;
font-weight:700;
letter-spacing:2px;

}

.timeline-item h5{

margin:10px 0;
color:#fff;

}

.timeline-item p{

color:#bbb;
margin:0;
line-height:28px;

}



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

.projects-section{

padding:80px 0;
background:#fff;

}

.gallery-filter{

display:flex;
justify-content:flex-end;
gap:15px;
flex-wrap:wrap;

}

.gallery-filter button{

border:none;
padding:12px 28px;
background:#f4f4f4;
border-radius:50px;
font-weight:600;
transition:.35s;

}

.gallery-filter button.active,
.gallery-filter button:hover{

background:#d17906;
color:#fff;

}

.project-card{

position:relative;
overflow:hidden;
border-radius:25px;
height:350px;

}

.project-card.large{

height:724px;

}

.project-card img{

width:100%;
height:100%;
object-fit:cover;
transition:.6s;

}

.project-card:hover img{

transform:scale(1.1);

}

.overlay{

position:absolute;
left:0;
right:0;
bottom:0;
padding:35px;
background:linear-gradient(transparent,rgba(0,0,0,.92));
color:#fff;
transition:.4s;

}

.overlay span{

letter-spacing:2px;
font-size:13px;
color:#d4b26d;

}

.overlay h3{

margin:12px 0;

}

.overlay a{

display:inline-block;
margin-top:10px;
padding:12px 28px;
background:#d17906;
color:#fff;
border-radius:40px;
transition:.35s;

}

.overlay a:hover{

background:#fff;
color:#111;

}


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

.testimonial-section{

padding:80px 0;
background:#fafafa;

}

.testimonial-card{

background:#fff;
padding:25px;
border-radius:25px;
box-shadow: 0 10px 3px rgba(0,0,0,.08);
position:relative;

}

.quote-icon{

position:absolute;
top:30px;
right:35px;
font-size:60px;
color:#b88a3b;
opacity:.15;

}

.testimonial-card p{

line-height:34px;
font-size:17px;
margin-bottom:35px;

}

.client
{
    display:flex;
    gap:18px;
}

.client img{

width:70px!important;
height:70px;
border-radius:50%;
object-fit:cover;

}

.testimonial-slider .owl-stage-outer
{
    padding:0px 0 40px;
}

.stars{

color:#d4af37;
font-size:18px;
margin-top:8px;

}


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

.news-section{

padding:80px 0;
background:#fff;

}

.news-card{

background:#fff;
border-radius:25px;
overflow:hidden;
box-shadow:0 20px 50px rgba(0,0,0,.08);
transition:.4s;

}

.news-card:hover{

transform:translateY(-10px);

}

.news-card img{

height:260px;
object-fit:cover;
transition:.5s;

}

.news-card:hover img{

transform:scale(1.08);

}

.news-content{

padding:30px;

}

.news-content small{

color:#b88a3b;
font-weight:600;

}

.news-content h4{

margin:18px 0;
line-height:1.4;

}

.news-content a{

font-weight:600;
color:#b88a3b;

}


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

.contact-section{

padding:80px 0;
background:#fafafa;

}

.contact-form{

background:#fff;
padding:50px;
border-radius:25px;
box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.form-control{

height:58px;
border-radius:15px;
border:1px solid #eee;

}

textarea.form-control{

height:auto;

}

.info-card{

display:flex;
gap:20px;
margin-bottom:30px;

}

.info-card .icon{

width:60px;
height:60px;
background:#d17906;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-size:26px;

}

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

.footer{

background:#0f172a;
color:#fff;
padding:80px 0 20px;

}

.footer h5{

margin-bottom:25px;

}

.footer ul{

padding:0;
list-style:none;

}

.footer li{

margin-bottom:15px;

}

.footer a{

color:#ccc;

}

.footer a:hover{

color:#b88a3b;

}

.logo{

font-size:36px;

}

.social-links{

display:flex;
gap:15px;
margin-top:30px;

}

.social-links a{

width:45px;
height:45px;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
background:#1b2438;
color:#fff;
transition:.35s;

}

.social-links a:hover{

background:#b88a3b;

}

hr{

border-color:rgba(255,255,255,.1);
margin:60px 0 30px;

}

.copyright{

text-align:center;
color:#999;

}

.projects-section ul.nav-pills .nav-link
{
    color:#000;
}

.projects-section ul.nav-pills .nav-link.active
{
    background-color:#d17906!important;
    color:#fff;
}

.projects-section .card img
{
    box-shadow:0px 9px 15px #ccc;
}

.projects-section .card {padding:4px;}


@media(max-width:767px)
{
    ul.navbar-nav 
    {
        background:rgba(0,0,0,0.8);
    }
    .navbar .container
    {
        padding-right:20px;
    }

    .navbar-toggler 
    {
        background: #fcfcfc !important;
        border:none;
    }

    span.navbar-toggler-icon {color:#fff!important;}

    .navbar-brand {padding:0;}
}


.navbar a img.img-mob {display:none;}

.sticky a img.img-nor {display:none;}
.sticky a img.img-mob {display:block!important;}



/*contact details*/
.location-section{
    background:#f8f9fb;
}

.location-card{
    background:#fff;
    border-radius:18px;
    padding:35px 10px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.35s;
    height:100%;
    border-top:4px solid #c9a14a;
}

.location-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 45px rgba(0,0,0,.15);
}

.location-card h4{
    font-size:23px;
    font-weight:700;
    margin-bottom:25px;
    color:#08254b;
}

.location-list{
    list-style:none;
    padding:0;
    margin:0;
}

.location-list li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:18px;
    color:#555;
}

.location-list i{
    color:#c9a14a;
    font-size:18px;
    margin-top:3px;
}

.location-list a{
    color:#555;
    text-decoration:none;
}

.location-list a:hover{
    color:#c9a14a;
}

.social-links{
    display:flex;
    gap:10px;
}

.social-links a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#08254b;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s;
    text-decoration:none;
}

.social-links a:hover{
    background:#c9a14a;
    transform:translateY(-3px);
}

.btn-location{
    width:100%;
    background:#c9a14a;
    color:#fff;
    padding:12px;
    border-radius:50px;
    font-weight:600;
}

.btn-location:hover{
    background:#08254b;
    color:#fff;
}



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

.page-banner{
    position:relative;
    padding:180px 0 100px;
    background:url("../img/banner/page-banner.jpg") center center/cover no-repeat;
    overflow:hidden;
}

.page-banner::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,
    rgba(4,20,45,.90),
    rgba(4,20,45,.75));
}

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

.page-subtitle{
    display:inline-block;
    color:#d4af37;
    letter-spacing:3px;
    text-transform:uppercase;
    font-size:14px;
    margin-bottom:12px;
}

.page-title{
    color:#fff;
    font-size:52px;
    font-weight:700;
    margin-bottom:20px;
}

.custom-breadcrumb{
    margin:0;
}

.custom-breadcrumb .breadcrumb-item{
    font-size:16px;
}

.custom-breadcrumb .breadcrumb-item a{
    color:#ffffff;
    text-decoration:none;
    transition:.3s;
}

.custom-breadcrumb .breadcrumb-item a:hover{
    color:#d4af37;
}

.custom-breadcrumb .breadcrumb-item.active{
    color:#d4af37;
}

.custom-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
    color:#ffffff;
}

.custom-breadcrumb i{
    margin-right:6px;
}

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

@media(max-width:768px){

.page-banner{
    padding:140px 0 80px;
}

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

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

}