@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200;0,8..60,300;0,8..60,400;0,8..60,500;0,8..60,600;0,8..60,700;0,8..60,800;1,8..60,200;1,8..60,300;1,8..60,400;1,8..60,500;1,8..60,600;1,8..60,700;1,8..60,800&display=swap');

html, body, h1, h2, h3, h4, h5, h6, a, p, span, b, div, u, li{
    font-family:'Source Serif 4', sans-serif !important;
}

p{
    font-weight:normal;
}

.image {
    max-width:200px;
}
.navone {
    position: absolute !important;
    top: 20px !important;
}
.smaller>i:hover{
        background: #F1EFEE !important;
        color:#9C5738 !important;
    }
@media(max-width:576px){
    .navone{
        position:static !important;
    }
    .logo-img{
        display:none !important;
    }
    .smaller{
        font-size:16px !important;
    }
    .smaller>i{
        margin-right:15px !important; 
    }
    .move-cen{
        text-align:center !important;
    }
    .no-mar2{
        margin-top:20px !important;
    }
    .no-mar{
        margin-left:0 !important;
    }
    .static{
        position:static !important;
        left:0 !important;
        margin-top:20px !important;
    }
}
.navbar-nav>li{
    padding:0 16px !important;
}
.one>a{
    border: 1px solid #1F1F1F !important;
    background:transparent !important;
    color:#1F1F1F !important;
    padding: 21px 15px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    text-transform:uppercase !important;
}
.one>a:hover{
    background: #C9B7A9 !important;
    border:1px solid #C9B7A9 !important;
    color: #38382A !important;
}
.two>a{
        border: 1px solid #7A4128 !important;
    background: linear-gradient(180deg, #9C5738 0%, #7A4128 100%) !important;
    color:#F1EFEE !important;
    padding: 21px 15px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    text-transform:uppercase !important;
}
.two>a:hover{
        background: #C9B7A9 !important;
    border:1px solid #C9B7A9 !important;
    color:#38382A !important;
}

.is-btn-ghost2{
    border: 1px solid #1F1F1F;
    background:transparent;
    color:#1F1F1F;
    padding: 21px 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    text-transform:uppercase;
}
.is-btn-ghost2:hover{
    background: #000 !important;
    border:1px solid #000 !important;
    color: #fff !important;
}
.is-btn-ghost1{
    border: 1px solid #7A4128;
    background: linear-gradient(180deg, #9C5738 0%, #7A4128 100%);
    color:#F1EFEE;
    padding: 21px 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    text-transform:uppercase;
}
.is-btn-ghost1:hover{
    background: #C9B7A9 !important;
    border:1px solid #C9B7A9 !important;
    color:#38382A !important;
    
}
.navbar-nav>li>a{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #000000;

}
/*footer*/
.footer-text>a{
    color:#fff!important;
}
.footer{
    background-color: #000!important;
}

/* hover header*/
 .header-underline:before{
    content: "";
    position: absolute;
    top: 14px;
    left: 0px;
    width: 0px;
    height: 30px;
    border-bottom:2px solid #000;
    transition: all 2s ease;
  }
  .header-underline:hover:before {
    width: 100%;
    opacity: 0.6;
  }


.header-underline-btn>a{
    color:#fff!important;
    background-color:#000;
    border: 2px solid #000;
    border-radius:20px;
}

.header-underline-btn>a:hover{
    background-color:#0000;
    color:#000!important;
    border:2px solid #000;
    border-radius:20px;
}

@media (max-width: 767px){
    .flex {
        flex-direction: column;
    }
        .items-center{
            align-items: start!important;
        }
    }
    
   @media(max-width:1025px){ 
    .tablet-size{
        margin-top:-230px!important;
        color:#000!important;
    }
   }
   
      @media(max-width:1025px){ 
    .mobile-color{
        margin-top:0px!important;
        color:#000!important;
    }
   }