/* @import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap'); */
 /* font-family: "Urbanist", sans-serif;*/

/* @import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap'); */
 /* font-family: "Epilogue", sans-serif; */


@import "./vendor/bootstrap.min.css";
@import "./vendor/owl.carousel.min.css";
@import "./../fonts/font-awesome.min.css";
@import "./../css/vendor/jquery.mCustomScrollbar.min.css";
@import "./../css/vendor/animate.css";
@import "./../css/vendor/lightbox.css";
@import "./component/header.css";
/* @import "./component/footer.css"; */


 :root{

    --body-color:#928375;
    --accent-color:#CFA34E;
    --black-color:#000;
     --section-bg:#F5EFE6;
     --secondary-color : #1F1F1F;
        --border-color: #CFCFCF;
     --secondary-bg : #FCF9F3;

  }

  /* urbanist font */

  @font-face {
  font-family: 'Urbanist';
  src: url('../fonts/Urbanist-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Urbanist';
  src: url('../fonts/Urbanist-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Urbanist';
  src: url('../fonts/Urbanist-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Urbanist';
  src: url('../fonts/Urbanist-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Urbanist';
  src: url('../fonts/Urbanist-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Urbanist';
  src: url('../fonts/Urbanist-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Epilogue font */

@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Epilogue';
  src: url('../fonts/Epilogue-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}





  


/* common css start */
html, body, div, span, applet, object, iframe,  p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0; padding: 0; border: 0; vertical-align: baseline;}
 html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
 }
 img, fieldset, a img {border: none; vertical-align: middle; max-width: 100%; height: auto; width: auto;}
 input[type="text"], input[type="email"], input[type="tel"], textarea {-webkit-appearance: none;}
 input[type="submit"], button {cursor: pointer;background: none;}
 input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner {padding: 0; border: 0;}
 textarea {overflow: auto;}
 input {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
 input, button {margin: 0; padding: 0;	border: 0;}
 div, input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus {outline: none;}
 select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000;}
 ul, ol {list-style-type: none;}
 table {border-spacing: 0; border-collapse: collapse; width: 100%;}
 html {-webkit-box-sizing: border-box; box-sizing: border-box;}
 *, *:before, *:after {-webkit-box-sizing: inherit; box-sizing: inherit;}
 a {
    transition: ease-in-out all 0.5s;
    -moz-transition: ease-in-out all 0.5s;
    -ms-transition: ease-in-out all 0.5s;
    -o-transition: ease-in-out all 0.5s;
    -webkit-transition: ease-in-out all 0.5s;
    text-decoration: none;
 }
 a:hover{ }
 a, button {
    transition: ease-in-out all 0.5s;
    -moz-transition: ease-in-out all 0.5s;
    -ms-transition: ease-in-out all 0.5s;
    -o-transition: ease-in-out all 0.5s;
    -webkit-transition: ease-in-out all 0.5s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 section {clear: both; width: 100%; overflow: hidden;}
 
 body{  font-family: "Epilogue", sans-serif; font-size: 20px; color: var(--body-color); line-height: 1.2; font-weight: 300;}
 h1,h2,h3,h4,h5,h6,.title-one,.title-two,.title-three,.title-four,.title-five,.title-six{font-family: "Urbanist", sans-serif; }

 .title-two{font-size: 75px; line-height: 100%; color: var(--black-color); font-weight: 700; text-transform: uppercase;}
 .title-two span{font-style: italic; color: var(--accent-color); font-weight: 400; display: block;}

 .section-title {margin-bottom: 40px;}
 .subtitle {display: block; font-family: "Epilogue", sans-serif; font-weight: 500; font-size: 30px; line-height: 1.5; color: var(--accent-color); text-transform: uppercase; margin-bottom: 27px;}

 .pt-150{padding-top: 150px;}
 .pb-150{padding-bottom: 150px;}

 .devider { display: block; width: 70px;height: 4px; background-color: var(--accent-color); margin: 26px 0;}

 .brand-slogan { margin-top: 33px; display: flex; align-items: center; gap: 11px;}
 .brand-slogan .brand-line {width: 70px; height: 4px; background-color: var(--accent-color); flex-shrink: 0; margin-bottom: 5px;}
 .brand-slogan .brand-text {font-family: "Epilogue", sans-serif; font-weight: 300; font-size: 24px; line-height: 1.5; color: #7e827f; text-transform: uppercase; letter-spacing: 0.9px;}
 
.section-desc {font-family: "Epilogue", sans-serif; font-weight: 400; font-size: 24px; line-height: 1.5; color: var(--body-color);}
 
 p{padding-bottom: 25px; }
 p:last-child{padding-bottom: 0;}


section{z-index: 1; position: relative;}

.btn-primary{padding: 18px 28px 16px 28px; background: var(--black-color); border: 1px solid var(--black-color); display: inline-block; font-size: 14px; font-weight: 500; color: #fff; text-transform: uppercase; letter-spacing: 1.4px;}
.btn-primary:hover{background: var(--accent-color); border-color: var(--accent-color);}

.btn-primary-outline{background: transparent; color: var(--black-color);}
.btn-primary-outline:hover{background: var(--black-color); border: 1px solid var(--black-color); color: #fff;}
.white-bg{background: #fff !important;}

 
 /* bootstrap css */
 .row>*{padding-left: 15px; padding-right: 15px;}
 .row{margin-left: -15px; margin-right: -15px;}
 .container,.container-fluid{padding-left: 15px; padding-right: 15px;}
 .no-gutters{margin-left: 0; margin-right: 0;}
 .no-gutters>[class*=col-]{padding-left: 0; padding-right: 0;}
 .no-gutters>.col{padding-left: 0; padding-right: 0;}
 .col-custom{width: auto;}
 .form-control:focus{box-shadow: none;}
 .custom-row {margin-bottom: 90px;}
 /* bootstrap css end */

 /* common section btn */
 .mCSB_scrollTools .mCSB_draggerRail { background-color: rgb(0 0 0 / 0%);}
 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#FFAB0F !important;}
 .mCSB_inside>.mCSB_container {margin-right: 0; padding-right: 16px;}
 .wpcf7-not-valid-tip{font-size: 14px; margin-top: 5px;}
 .wpcf7-list-item{margin: 0;}
 .wpcf7 form .wpcf7-response-output {margin-bottom: 0;text-align: center;font-size: 16px;padding: 7px 0;}
 .wpcf7-spinner{margin: 0; margin-left: 10px;}
 .invalid .wpcf7-response-output{display: none;}
 .recaptcha{display: block; margin-bottom: 15px;}


.mobile-menu .bg-overly{visibility: visible; opacity: 1;animation: bg-o 2s ease;}
@keyframes bg-o {0%{opacity: 0; visibility: hidden; } 100%{opacity: 1; visibility: visible;}}

body.mobile-menu { overflow: hidden;}

.owl-nav button.disabled {opacity: 0.1 !important;cursor: not-allowed !important;}
.owl-nav button{position: absolute; opacity: .5; box-shadow: 0px 0 12px 0px #d1d1d169 !important; left: -15px; top:50%; transform: translateY(-50%); background-color: var(--accent-color) !important; display: flex; justify-content: center; align-items: center; border-radius: 100%; height: 40px;  width: 40px;}
.owl-nav button.owl-next{right: -15px; left:initial;}
.owl-nav button:hover{opacity: 1;}
 .owl-nav button span{font-size: 50px; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; color: #fff;}

 .sec-title {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    margin-bottom: 69px;
}

.sec-title .subtitle {
    margin-bottom: 6px;
}

.title-left-area {
    margin-right: auto;
    padding-right: 20px;
}

/* common title section */

/* button start  */
.btn-primary-two {
    color: #1F1F1F;
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 400;
    line-height: 1.5;
    display: flex;
    align-items: center;
    line-height: normal;
    gap: 19px;
    letter-spacing: 10%;
}

.btn-primary-three {
    color: #1F1F1F;
    font-size: clamp(16px, 2vw, 24px);
    font-weight: 400;
    display: flex;
    align-items: center;
    line-height: normal;
    gap: 15px;
    letter-spacing: 10%;
}

.btn-primary-two:hover,
.btn-primary-three:hover {
    color: var(--accent-color);
}

.header-overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    background: #0000004a;
    z-index: 3;
    display: none;

}
.mobile-menu .header-overlay{display: block;} 
 


@media(min-width:1340px){

    .container{max-width:1310px}

}

@media(min-width:1710px){

    .container{max-width:1680px}

}

@media(max-width:1400px){

 .pt-150{padding-top: 120px;}
 .pb-150{padding-bottom: 120px;}

}

@media(max-width:1709px){

  .title-two{font-size: 65px;}

}

@media(max-width:1339px){

  .title-two {font-size: 55px;}

}



@media(max-width:1199px){

 .pt-150{padding-top: 60px;}
 .pb-150{padding-bottom: 60px;}
 .btn-primary{padding: 14px 20px;}
 .subtitle{font-size: 26px; margin-bottom: 12px;}
  .title-two {font-size: 45px;}
   body{font-size: 18px;}

  .sec-title {
        margin-bottom: 40px;
    }

    .devider {
        margin: 20px 0;
    }

    .btn-primary-two,
    .btn-primary-three {

        gap: 10px;
        letter-spacing: 10%;
    }

    .btn-primary-two svg {
        height: 13px;
        width: 13px;
    }

}

@media(max-width:991px){

 .pt-150{padding-top: 45px;}
 .pb-150{padding-bottom: 45px;}
 .btn-primary {padding: 12px 16px;}
 .title-two {  font-size: 36px;}
 .subtitle { font-size: 22px; line-height: 1.2;}
  body{font-size: 16px;}
  .sec-title {
        margin-bottom: 30px;
    }

}

@media(max-width:767px){

 .pt-150{padding-top: 30px;}
 .pb-150{padding-bottom: 30px;}
 .btn-primary { padding: 11px 15px; font-size: 13px;}
 .title-two {  font-size: 32px;}
 .subtitle { font-size: 20px;}
 .title-two span{display: inline-block;}

  .devider {
        margin: 18px 0;
    }

    .sec-title {
        margin-bottom: 25px;
    }

}

@media(max-width:575px){

.title-two {  font-size: 28px;}
 .subtitle { font-size: 18px;}
  .sec-title {
        margin-bottom: 20px;
    }

}

@media(max-width:479px){

.title-two {  font-size: 26px;}

}