html,body{height: 100%;}

:root{
    --primaryColor: #210E00;
    --secondaryColor: #D1AB6E;
    --otherColor:#A0A0A0;
    --otherColor_1:#4A1F01;
    --bodytext: 'Quicksand', sans-serif;
    --headings:  'Prata', serif;  
    --coutureBG: #e6e7e9;
    --coutureTxt: #451d00;

}
.letsconnect,.letsconnect h6{color:#655d56 !important}
.letsconnect h6{font-size:13px;}

.otherlinks ul li{list-style:none;}
.otherlinks ul li a {
    text-decoration: none;
    color: #655d56;
    font-weight: 400;}
.coutureBG{background: var(--coutureBG);}
.carousel-indicators{bottom: 10px;}
.coutureBG .carousel-indicators [data-bs-target]{background-color: var(--primaryColor) !important;}
.coutureTxt{color: var(--coutureTxt);}
[type="radio"]{width: 15px; height: 15px;}
.spanRadio span{display: inline-block; position: relative; top: 2px;}
footer input::placeholder{color:#655d56 !important;}
.parallax-window { min-height: 400px; background: transparent;}
button + ul > li > a:hover{color: var(--primaryColor) !important; background: var(--secondaryColor) !important;}
#csr img{filter:grayscale(1); transition:all 0.5s ease-in-out;}
#csr .card:hover img{filter:grayscale(0);}
#csr h6{color:#ffffff;}
.dropdown button{background: transparent !important; border: none; line-height: 40px;}
.card-text{padding:0 5px;}
#more1,#more2,#more3 {display: none;}
.darkbg{background:#4f1e00 !important;}
.card{border:0 !important;}
.cta{font-size:13px}
.book:hover{background: var(--secondaryColor) !important;  border: 1px solid #210E00;}
body{font-family: var(--bodytext); line-height: 1.5rem; font-size: 15px; font-weight: 600;}
.btn:hover{color: var(--secondaryColor) !important; background: var(--primaryColor) !important; border:0.5px solid #D1AB6E;}
h1,h2,h3,h4,h5{font-family: var(--headings);}
h2{line-height: 28px !important;}
h2+p{line-height:24px !important}
#search input{font-size: 12px; letter-spacing: 0.5px; font-family: var(--bodytext); background: transparent; border: 1px solid #393830; font-weight: 600; border-radius:20px ; padding: 6px 0 6px 2.5rem; }
input:focus{outline: #ffffff; }
.container-fluid{padding-left: 0 !important; padding-right: 0 !important;}
.bg-primary{background: var(--primaryColor) !important;}
.bg-secondary{background: var(--secondaryColor) !important;}
.bg-light{background: var(--otherColor) !important;}
.bg-othercolor{background: var(--otherColor_1) !important;}
.text-primary{color: var(--primaryColor) !important;}
.text-secondary{color: var(--secondaryColor) !important;}
.text-light{color: var(--otherColor) !important;}
.text-othercolor{color: var(--otherColor_1) !important;}
.body-text{font-family: var(--bodytext);}
.body-text{font-family: var(--headings);}
.marginTB43{margin: 25px 0;}
.serach-icon{left: 15px; top: 50%; transform: translatey(-50%); }
.cta{background: var(--secondaryColor); color: var(--primaryColor); border-radius: 20px; padding: 4px 10px;font-weight: 600; letter-spacing: 0; font-size: 13px;}
.fs-7{font-size: 12px; }
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{color: var(--primaryColor);}
.nav-link:focus, .nav-link:hover{color: var(--otherColor_1);}
/*.nav-item a{position: relative; display: block; transition: 1s linear ease-in-out;}
.nav-item a:hover::after{position: absolute; background: url(../images/diamond_icon.png);content: ""; width: 26px; height: 8px;   background-repeat: no-repeat; background-size: 10px; display: block;  left: 50%; transform: translate(-50%); background-position: center; bottom: -1px;}
.nav-item a:hover::before{position: absolute; border-bottom:1px solid #D1AB6E ; content: ""; width: 100%; bottom: 5px; left: 0;}*/
.animate{ background:#D1AB6E !important; overflow: hidden;opacity: 0;}
.common{transition: all 3s ease-out;}
.w-35{width:35% !important}
#navigationBar.bg-primary ul li button, #navigationBar.bg-primary ul li a, .mail{color: var(--secondaryColor);}
.z_index-1{z-index: 1;}
.border-bottom-secondary{border-bottom:1px solid #D1AB6E }
.w-30{width: 30%;}
.w-70{width: 70%;}
p{line-height: 30px; letter-spacing: 0.5px; font-weight: 300;}
.btn{border-radius: 0px; font-weight: 800;}
.icon{position: relative; display: inline-block;}
.icon::before{position:absolute ; content:"";background: url(assets/images/diamond_icon.png); background-repeat: no-repeat;background-position: center; display: inline-block;}
.w-65{width: 75% !important; }
h5, h6{font-family: var(--bodytext); font-weight: 800; }
h6{color:#ffffff}
.tab-content p{ font-weight: 500;}
#pills-tab li{ border: 1px solid #210E00 !important;}
#pills-tab li .active{border-radius: 0; background: var(--primaryColor); color: var(--secondaryColor);}
#pills-tab li button{color: var(--primaryColor);}
.border-1-light{border: 1px solid #D1AB6E;}
.seprater{position: relative; }
.seprater::before{content: ""; position: absolute; right: 0; border-right: 1px solid #D1AB6E; display: block; height: 100%; }
.seprater::after { content: ""; position: absolute;top: 50%; right: -11px; background: url(../images/diamond_icon.png), #210e00;  background-position-x: 0%, 0%; background-position-y: 0%, 0%; background-repeat: repeat, repeat; background-repeat: repeat;  height: 18px; width: 24px; display: block; transform: translatey(-50%); background-repeat: no-repeat; padding: 19px 0; background-position: center; }
.border-bottom_1{ border: 0; border-bottom: 1px solid #D1AB6E;}
.seprater ul li{list-style: none;}
.seprater ul li a {text-decoration: none; color:#655d56; font-weight:400;}
.seprater ul li a:hover {text-decoration: none; color:--var(othercolor); font-weight:400;}
.imghover:hover{transform: scale(1.1); transition:all 0.1s linear ;}

.underline{position: relative; }
.underline::before{content: ""; position: absolute; left: 0; border-bottom: 1px solid #D1AB6E;display: block; height: 1px; width: 40%; top: 50%;  transition:all 0.2s linear;}
.underline::after{content: ""; position: absolute; right: 0; border-bottom: 1px solid #D1AB6E;display: block; height: 1px; width: 40%; top: 50%; transition:all 0.2s linear;}
div.mx-auto:hover .underline::before, div.mx-auto:hover .underline::after{width:0%;}

.underlineLongLight{position: relative; }
.underlineLongLight::before{content: ""; position: absolute; left: 0; border-bottom: 1px solid #D1AB6E;display: block; height: 1px; width: 45%; top: 50%;  transition:all 0.2s linear;}
.underlineLongLight::after{content: ""; position: absolute; right: 0; border-bottom: 1px solid #D1AB6E;display: block; height: 1px; width: 45%; top: 50%; transition:all 0.2s linear;}
.underlineLongDark{position: relative; }
.underlineLongDark::before{content: ""; position: absolute; left: 0; border-bottom: 1px solid #210E00;display: block; height: 1px; width: 45%; top: 50%;  transition:all 0.2s linear;}
.underlineLongDark::after{content: ""; position: absolute; right: 0; border-bottom: 1px solid #210E00;display: block; height: 1px; width: 45%; top: 50%; transition:all 0.2s linear;}

.carousel-caption{left: 17%;
right: initial;
top: 42%;}
.carousel-dark .carousel-caption{color:var(--secondaryColor);}
.boutiques{transition: all 1s ease-in-out;}
.boutiques:hover img{transform: scale(1.1);}
.line-height{line-height: 23px;}
::placeholder, select{color: var(--otherColor) !important;}
.border-radius{border-radius: 0 !important;}
.form-control:focus, .form-select:focus{box-shadow: 0 0 0 0.25rem rgb(209 171 110 / 25%); border-color: transparent !important;}
[type="submit"]{border-radius: 4px; font-weight: 600;}
[type="submit"]:hover{border-color: var(--secondaryColor) !important; color: var(--secondaryColor) !important; background: var(--primaryColor) !important; }
.gradient{background: radial-gradient(#9e5939, #280c01);}
.accordion-button{padding: 5px !important; font-family: var(--bodytext); background: var(--primaryColor); color: var(--secondaryColor);}
.accordion-button:not(.collapsed){
    color: var(--primaryColor);background-color:var(--secondaryColor); font-weight: 600;
}
a{text-decoration: none;}
#products a, #productDetails a {color: var(--primaryColor);}
#products a:hover, #productDetails a:hover {color: var(--secondaryColor);}
#products .darkbg .gradient {overflow: hidden;}
#products .darkbg:hover .gradient {background: radial-gradient(#280c01, #4A1F01);}
#products .darkbg img{transition: all 0.2s ease-in-out;}
#products .darkbg:hover img{transform: scale(1.1);}
.text-white{color: #ffffff;}
#appointment input::placeholder , #appointment select, textarea::placeholder{color: var(--primaryColor) !important;}
#appointment input, #appointment select{color: var(--primaryColor) !important; font-size: 14px;}
#appointment select, #appointment [type="date"]{padding-left: 8px;}
#appointment .border-bottom_1{border-bottom-color: var(--primaryColor);}
#appointment .form-control:focus, .form-select:focus{box-shadow: 0 0 0 0.25rem rgb(54 54 53 / 25%);
    border-color:  rgb(54 54 53 / 25%) !important;}
    input[type="radio"]{position: relative;top: 3px;}
    input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
       top:-2px;
        position: relative;
        background-color: var(--secondaryColor);
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }

    input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top:-2px;
        position: relative;
        background-color: var(--primaryColor);
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid   white;
    }
    address{font-size: 15px;}
    .carousel-indicators [data-bs-target] {
        width: 5px !important;
        height: 5px !important;}
        
        
.tab-pane img{box-shadow: 4px 6px 20px #333333f7;
    border: 4px solid #ffffff;
    }
    .priceonDemand{    border: 1px solid #d1ab6e;
    display: inline-block;
    font-weight: 100;
    padding: 10px;
    text-transform: uppercase;
    font-size: 14px;}
    .pdesc p{line-height:10px;color: #b78d74}