@import url('https://fonts.googleapis.com/css2?family=Alice&family=Italiana&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Alice&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Italiana&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Antic+Didone&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');

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


}


@font-face {
    font-family: 'satoshi';
    src: url('/font/satoshi/Satoshi-Medium.otf') format('opentype');
    font-style: normal;
}


@font-face {
    font-family: 'Satoshi-Variable';
    src: url('../font/Satoshi_Complete/Fonts/TTF/Satoshi-Variable.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}




.def-slider {
    position: relative;
}

.def-slider .owl-nav {
    position: absolute;
    bottom: -14%;
    width: 62%;
    /* Yeh ensure karega ke buttons full width pe aligned ho */
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
  
}

.def-slider .owl-prev,
.owl-next {
    font-size: 14px !important;
    height: 30px;
    width: 30px;
    border-radius: 50px;
}
.def-slider .owl-dots {
    position: absolute;
    bottom: -35px;
    left: 45px;
    width: 56%;
    height: 3px;
    background: #E8DED6;
    overflow: hidden;
    display: flex;
}

.def-slider .owl-dot {
    flex: 1;
    height: 4px;
}

.def-slider .owl-dot span {
    display: none !important;
}

/* Smooth active highlight */
.def-slider .owl-dot {
   
    background: transparent;
    transition: background 0.4s ease;
}

.def-slider .owl-dot.active {
    background: #8F6347;
}