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

.hero{

    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:url("images/hero-bg.jpg") center center/cover no-repeat;

}

.hero-overlay{

    position:absolute;
    inset:0;
    background:linear-gradient(to right,
    rgba(0,0,0,.90) 0%,
    rgba(0,0,0,.72) 40%,
    rgba(0,0,0,.20) 100%);

}

.hero .container{

    position:relative;
    z-index:5;

}

.hero-tag{

    display:inline-block;
    color:#d4af37;
    letter-spacing:2px;
    font-size:14px;
    margin-bottom:20px;
    text-transform:uppercase;

}

.hero h1{

    font-family:'Cormorant Garamond',serif;
    font-size:49px;
    line-height:1.0;
    font-weight:700;
    margin-bottom:25px;

}

.hero h1 span{

    display:block;
    color:#d4af37;

}

.hero p{

    font-size:15px;
    line-height:24px;
    color:#ddd;
    max-width:560px;
    margin-bottom:40px;

}

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

.hero-features{

    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-bottom:45px;

}

.feature{

    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;

}

.feature i{

    width:48px;
    height:48px;
    border:1px solid rgba(212,175,55,.5);
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#d4af37;
    font-size:18px;

}

.feature span{

    font-size:15px;
    font-weight:500;

}

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

.hero-btns1{

    display:flex;
    gap:20px;
    flex-wrap:wrap;

}

.call-btn1{

    background:#d4af37;
    color:#000;
    padding:18px 42px;
    border-radius:60px;
    font-weight:700;
    transition:.35s;
    display:inline-flex;
    align-items:center;
    gap:12px;
    font-size:16px;

}

.call-btn1:hover{

    background:#fff;
    transform:translateY(-5px);

}

.whatsapp-btn1{

    border:2px solid #25d366;
    color:#25d366;
    padding:18px 42px;
    border-radius:60px;
    display:inline-flex;
    align-items:center;
    gap:12px;
    font-weight:700;
    transition:.35s;

}

.whatsapp-btn1:hover{

    background:#25d366;
    color:#fff;
    transform:translateY(-5px);

}

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

.hero-image{

    position:relative;
    text-align:center;

}

.hero-image img{

    max-height:820px;
    object-fit:contain;
    filter:drop-shadow(0 30px 60px rgba(0,0,0,.55));

}

/*==============================
      FLOATING EFFECT
==============================*/

.hero-image{

    animation:float 4s ease-in-out infinite;

}

@keyframes float{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-18px);

}

100%{

transform:translateY(0);

}

}

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

@media(max-width:991px){

.hero{

padding:120px 0 80px;

text-align:center;

}

.hero h1{

font-size:52px;

}

.hero p{

margin:auto auto 35px;

}

.hero-features{

justify-content:center;

}

.hero-btns{

justify-content:center;

}

.hero-image{

margin-top:60px;

}

.hero-image img{

max-height:520px;

}

}

@media(max-width:767px){

.navbar-brand h2{

font-size:28px;

}

.hero h1{

font-size:42px;

}

.hero p{

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

}

.feature{

width:48%;

}

.hero-btns{

flex-direction:column;

}

.call-btn1,
.whatsapp-btn1{

justify-content:center;
width:100%;

}

.support-btn{

margin-top:20px;

}

}

@media(max-width:480px){

.hero{

padding-top:100px;

}

.hero h1{

font-size:36px;

}

.feature{

width:100%;

}

.hero-image img{

max-height:420px;

}

}




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

.callha-about{

    padding:110px 0;
    background:#4a0000;
    position:relative;

}

.callha-subtitle{

    color:#d4af37;
    letter-spacing:3px;
    font-size:14px;
    text-transform:uppercase;
    display:inline-block;
    margin-bottom:20px;

}

.callha-title{

    font-family:'Cormorant Garamond',serif;
    font-size:60px;
    color:#fff;
    line-height:0.8;
    margin-bottom:25px;

}

.callha-title span{

    display:block;
    color:#d4af37;

}

.callha-desc{

    color:#cfcfcf;
    line-height:25px;
    font-size:15px;
    margin-bottom:20px;

}

.callha-list{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-bottom:40px;

}

.callha-item{

    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
    font-size:16px;

}

.callha-item i{

    color:#d4af37;
    font-size:18px;

}

.callha-about-btn{

    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:16px 38px;
    background:#d4af37;
    color:#000;
    border-radius:50px;
    font-weight:600;
    transition:.35s;

}

.callha-about-btn:hover{

    background:#fff;
    color:#000;
    transform:translateY(-5px);

}

.callha-about-image{

    position:relative;
    text-align:center;

}

.callha-about-image img{

    width:100%;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(0,0,0,.45);

}

.callha-exp{

    position:absolute;
    left:-20px;
    bottom:40px;
    background:#d4af37;
    color:#000;
    width:180px;
    padding:25px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.35);

}

.callha-exp h3{

    font-size:48px;
    font-family:'Cormorant Garamond',serif;
    margin-bottom:5px;

}

.callha-exp p{

    margin:0;
    font-weight:600;
}

@media(max-width:991px){

.callha-about{

text-align:center;
padding:80px 0;

}

.callha-title{

font-size:46px;

}

.callha-list{

grid-template-columns:1fr;

}

.callha-about-image{

margin-top:50px;

}

.callha-exp{

left:50%;
transform:translateX(-50%);
bottom:-20px;

}

}

@media(max-width:767px){

.callha-title{

font-size:36px;

}

.callha-desc{

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

}

.callha-exp{

width:150px;
padding:18px;

}

.callha-exp h3{

font-size:36px;

}

}




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

.callha-faq{

    padding:100px 0;
    background:#070707;

}

.callha-faq-desc{

    max-width:700px;
    margin:20px auto 0;
    color:#bfbfbf;
    line-height:30px;
    font-size:16px;

}

.callha-accordion .accordion-item{

    background:#111;
    border:1px solid rgba(212,175,55,.20);
    border-radius:12px;
    margin-bottom:18px;
    overflow:hidden;

}

.callha-accordion .accordion-button{

    background:#111;
    color:#fff;
    font-size:18px;
    font-weight:600;
    padding:22px 28px;
    box-shadow:none;
    font-family:'Poppins',sans-serif;

}

.callha-accordion .accordion-button:not(.collapsed){

    background:#1a1a1a;
    color:#d4af37;

}

.callha-accordion .accordion-button:focus{

    box-shadow:none;

}

.callha-accordion .accordion-button::after{

    filter:brightness(0) invert(1);

}

.callha-accordion .accordion-button:not(.collapsed)::after{

    filter:none;

}

.callha-accordion .accordion-body{

    background:#0e0e0e;
    color:#cfcfcf;
    line-height:32px;
    font-size:16px;
    padding:25px 28px;

}

.callha-accordion .accordion-item:hover{

    border-color:#d4af37;
    transition:.3s;

}

@media(max-width:991px){

.callha-faq{

padding:80px 0;

}

.callha-accordion .accordion-button{

font-size:17px;

}

}

@media(max-width:767px){

.callha-faq{

padding:60px 0;

}

.callha-accordion .accordion-button{

font-size:16px;
padding:18px;

}

.callha-accordion .accordion-body{

padding:18px;
font-size:15px;
line-height:28px;

}

}