* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



/* root */

:root {

  --color-primary: #F5D88A;

  --color-secondary: #121212;

  --bg-body: #0C0C0C;

  --color-white: #ffffff;

  --text-color: #DDDDDD;

  --color-black: #000000;

  --border-color: #F5D88A;

  --border-radius: 10px;

  --border-radius-2: 20px;

  --font-primary: "Marcellus SC", serif;

  --font-secondary: "Urbanist", sans-serif;

}

a {

  text-decoration: none;

}

img{

  width: 100%;

}



h1,

h2,

h3,

h4,

h5,

h6,

p {

  margin: 0;

}



.typography h1,

.typography h1>p {

  font-family: var(--font-primary);

  font-weight: 400;

  font-size: 66px !important;

  line-height: 80px !important;

  color: var(--color-white);

}





.typography h2,

.typography h2 p {

  font-family: var(--font-primary);

  font-weight: 400;

  font-size: 44px !important;

  line-height: 41 !important;

  letter-spacing: 0%;

text-transform: capitalize;

color: var(--color-white);

  



}



.typography h3, .typography h3 > p {

  font-family: var(--font-primary);

  font-weight: 600;

  font-size: 32px;

  line-height: 1;



}



.typography h4 {

  font-family: var(--font-primary);

  font-weight: 600;

  font-size: 28px;

  line-height: 1.14;



}



.typography h6 {

  font-family: var(--font-primary);

  font-weight: 400;

  font-size: 18px;

  line-height: 1;

}



.h-span span {

  font-family: var(--font-primary);

  font-weight: 400;

  color: var(--color-primary);

}







.typography p {

  font-family: var(--font-secondary);

  font-weight: 500;

  font-size: 25px;

  line-height: 41px;

  letter-spacing: 0%;



}

ul, ul li{

  list-style: none; 

  margin: 0;

}



body {

  background: var(--bg-body);

}



.container {

  width: 100%;

  max-width: 1710px;

  margin: 0 auto;

  padding: 0px 15px;

}



p:empty {

  display: none;

}



/* ==========

header css start

========== */

.logo a.custom-logo-link img.custom-logo {

    width: 156px;

    object-fit: contain;

}

.site-header {


    padding: 5px 0px;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9;

}

.site-header-wrapper {

    display: flex;

    align-items: center;

    width: 100%;

    gap: 131px;

}

.nav-list-sec .navbar-nav {

    display: flex;

    align-items: center;

    gap: 63px;

}

.nav-list-sec {

    display: flex;

    align-items: center;

    gap: 50px;

    justify-content: end;

    width: 80%;

}

.header-btn-wrapper {

    text-align: end;

    width: 20%;

}

.nav-list-sec .navbar-nav li a {

    color: var(--color-white);

    font-family: var(--font-secondary);

    line-height: 19px;

    font-size: 16px;

    font-weight: 400;



}

a.btn-wrap {

    background: rgba(255, 255, 255, 0.2)!important;

    padding: 17px 39px;

    border-radius: 16px;

    font-size: 16px;

    font-family: var(--font-secondary);

    line-height: 19px;

    font-weight: 500;

    color: var(--color-white)!important;

    transition: all 0.2s ease;

}

.nav-list-sec .navbar-nav li:hover a {

    color: var(--color-primary);

}



a.btn-wrap:hover {

    background: #e8c875;

}

.site-header.sticky {

    background: #000;

}



/* ==========

Banner sec start

========== */

.content-main-sec h1.h-span span {

     color: var(--color-primary)!important;

}

.banner-sec-wrapper .item {

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 180px 0px;

    height: 980px;

    position: relative;

}
.owl-theme .owl-nav {
    margin-top: 10px;
    display: none;
}

.first-slider-image img {

    width: 654px!important;

    height: 626px;

    object-fit: contain;

}

.slider-wrapper {

    display: flex;

    flex-wrap: wrap;

    align-items: flex-start;

}

.slider-wrapper {

    display: flex;

    flex-wrap: wrap;

    align-items: end;

    justify-content: flex-start;

    width: 100%;

    max-width: 1710px;

    margin: 0 auto;

    position: relative;

}

.slider-wrapper .bottom-div-slider {

    display: block;

    position: absolute;

}

.slider-wrapper .left-side-banner {

    display: none;

}

.slider-wrapper.logo-slide .left-side-banner {

    display: block;

    margin-top: -50px;

}

.logo-slide .left-side-banner {

    width: 50%;

}

.right-side-banner {

    width: 50%;

    display: flex;

    align-items: end;

    justify-content: flex-end;
    padding-top: 50px;

}

.slider-wrapper.logo-slide .bottom-div-slider {

    display: none;

}

.slider-wrapper .bottom-div-slider {
    display: block;
    margin-top: 93px;
}
.slider-wrapper .bottom-div-slider p {
    width: 100%;
    max-width: 767px;
    margin: 0;
}
.content-main-sec p {

    color: var(--color-white);

    margin-top: 24px;

    margin-bottom: 37px;

    width: 100%;

    max-width: 90%;
    font-size: 26px;

}

.slide-btn-wrapper a.btn-wrap {
    width: 193px;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 13px 20px;
    height: 65px;
    justify-content: space-between;
    font-size: 20px;
    line-height: 100%;
    font-weight: 700;
    transition: all 0.2s ease-in;
    background: rgba(245, 216, 138, 1)!important;
    backdrop-filter: blur(14px);
    color: rgba(17, 17, 17, 1)!important;
    border-radius: 20px;
}
.slide-btn-wrapper a.btn-wrap span svg path {
    stroke: rgba(17, 17, 17, 1)!important;
}

.slide-btn-wrapper a.btn-wrap:hover {

    background-color: #F5D88A!important;

    color: #000!important;

}

.slide-btn-wrapper a.btn-wrap:hover span svg path, .slide-btn-wrapper a.btn-wrap:hover span svg {

    fill: #000;

    color: #000;

    stroke: #000!important;

}

.logo-slide .right-side-banner {

    margin-bottom: -110px;

}


.slider-wrapper .bottom-div-slider p {
    color: var(--color-white);
    font-size: 18px;
    line-height: 32px;
    margin: 0;
}

.second-slide .content-main-sec {

    margin-top: 220px;

}

.second-slide .bottom-div-slider {

    bottom: -75px;

}

.banner-sec-wrapper .owl-dots {

    position: absolute;

    top: 40%;

    left: auto;

    right: 20px;

    z-index: 50;

    transform: rotate(90deg);

}

.banner-sec-wrapper .owl-dots button.owl-dot span {

    width: 35px;

    height: 3px;

    border-radius: 10px;

    background: rgba(255, 255, 255, 0.3);

    transition: all .5s ease;

}



.banner-sec-wrapper .owl-dots button.owl-dot.active span {

 background: var(--color-white);

}



/* star sec css */

.star-sec {

    position: relative;

    z-index: 1;

    padding: 123px 0 120px 0;

}

.shape-one img {

    width: 100%;

    height: 544px;

}

.shape-two {

    position: absolute;

    bottom: auto;

    left: 0;

    top: 150px;

}

.shape-two img {

    width: 100%;

    max-width: 403px;

    height: 423px;

    object-fit: contain;

}

.shape-one {

    position: absolute;

    top: 0;

    left: 0;

    bottom: auto;

}

.star-inner-sec .star-main-div span img {

    width: 274px;

    object-fit: contain;

}

.star-inner-sec .star-main-div {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 26px;

}

.star-inner-sec {

    position: relative;

    z-index: 3;

}

.star-inner-sec p {

    font-size: 38px;

    line-height: 60px;

    font-weight: 400;

    color: #fff;

    width: 100%;

    max-width: 91%;

    margin: 0 auto;

    text-align: center;

}



/* ==========

alrticle sec start

========== */

.article-main-wrap {

    display: flex;

    gap: 24px;

}

.article-main-wrap .article-col .article-img-wrap {

    border-radius: 21px;

    overflow: hidden;

    position: relative;

}

.article-main-wrap .article-col .article-img-wrap img {

    width: 100%;

    border-radius: 22px;

    object-fit: contain;

}

.article-main-wrap .article-col {

    flex: 1;

    position: relative;

}

.article-main-wrap .article-col .article-img-wrap::before {

    content: "";

    position: absolute;

    inset: 0;

    background: rgba(0, 0, 0, 0.4);

    z-index: 1;

    width: 100%;

    height: 100%;

}

.article-main-wrap .article-col h3 {

    position: absolute;

    top: auto;

    bottom: 45px;

    line-height: 53px;

    font-size: 44px;

    color: var(--color-white);

    z-index: 5;

    font-family: var(--font-secondary);

    left: 20px;

    width: 100%;

    max-width: 92%;

    margin: 0 auto;

    text-align: center;

}

.articles-section h1.h-span {

    margin-bottom: 50px;

    text-align: center;

}



/* =========

Exotic sec start

========= */





.Exotic-section {

    margin: 40px 0;

}

.exotic-sec-main {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    border-radius: 20px;

    padding: 298px 62px 57px 62px;

    position: relative;

    backdrop-filter: blur(8px);

}

.exotic-sec-main::before {

    background: rgba(0, 0, 0, 0.35);

    content: "";

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    border-radius: 20px;

}

.exotic-inner-main {

    position: relative;

    z-index: 4;

}

.exotic-inner-main p {

    font-size: 24px;

    color: var(--color-white);

    line-height: 32px;

    font-weight: 500;

    margin: 20px 0 56px 0;

}

.exotic-list-wrapper {

    display: flex;

    flex-direction: column;

    gap: 28px;

}

.exotic-list-wrapper .exotic-list-inner ul {

    display: flex;

    align-items: center;

    gap: 38px;

}

.exotic-list-wrapper .exotic-list-inner ul li h4 {

    font-size: 34px;

    font-weight: 600;

    line-height: 41px;

    font-family: var(--font-secondary);

    text-transform: capitalize;

    color: var(--color-white);

    display: flex;

    align-items: center;

    gap: 11px;

}



/* =========

gallery start

========= */

.gallery-sec .article-col:nth-child(2) h3 {

    padding: 0 10px 0 10px;

}

.gallery-sec .slide-btn-wrapper {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 80px;

    margin-bottom: 120px;

}

/* =========

service sec start

========= */

.service-section .service-category {

    padding: 148px 0 148px 0;

}

.service-section .service-category ul {

    flex-direction: column;

    align-items: flex-start;

    margin-top: 60px;

    gap: 50px;

}

.service-section .service-category ul li h4 {

    gap: 0;

}

.service-section {

    position: relative;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

     backdrop-filter: blur(10px);

}

.service-section::before {

    content: "";

    position: absolute;

    inset: 0;

    background: rgba(0, 0, 0, 0.5);

    z-index: -1;

    width: 100%;

    height: 100%;

}



/*===========

footer sec start

==============  */



.site-footer {

  padding: 129px 0 133px 0;

    background: rgba(227, 227, 227, 0.04);

}

.footer-nav-main .navbar-nav {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 95px;

    margin-bottom: 94px;

}



.footer-nav-main .navbar-nav li a {

  font-size: 22px;

  line-height: 28px;

  color: var(--color-white);

  font-weight: 400;

  font-family: var(--font-primary);

  color: var(--color-white);

text-transform: uppercase;

}

.footer-info-list {

    display: flex;

    justify-content: space-between;

}

.footer-info-list h4 {

    font-size: 30px;

    letter-spacing: -2px;

    font-weight: 400;

    line-height: 38px;

    margin-bottom: 15px;

    color: var(--color-white);

}



.footer-info-left a, .footer-info-right p {

    font-size: 22px;

    font-weight: 400;

    color: var(--color-white);

    text-transform: uppercase;

    line-height: 28px;

}

.footer-info-right p {

    width: 100%;

    max-width: 48%;

}

.footer-info-right p:last-child {

    margin-top: 30px;

}

.footer-logo a.custom-logo-link img.custom-logo {

    width: 100%;

    max-width: 147px;

    object-fit: contain;

}

.footer-bottom-detail h2 {

    font-size: 160px;

    color: var(--color-white);

    text-transform: uppercase;

    font-weight: 400;

    letter-spacing: -2px;

    line-height: 155px;

    margin: 11px 0 19px 0;

}

.footer-boottom-info h4 {

    font-size: 30px;

    letter-spacing: -2px;

    color: var(--color-white);

    line-height: 38px;

    font-weight: 400;

    text-transform: uppercase;

    font-family: var(--font-primary);

}

.footer-boottom-info {

    display: flex;

    align-items: center;

    gap: 523px;

}









/* media query sceen */

/* banner start */

@media (min-width: 2200px) and (max-width: 3000px){

    .banner-sec-wrapper .owl-dots {

    right: 14%;

}

}

@media  (max-width: 1440px){

 .banner-sec-wrapper .owl-dots {

    top: 25%;

    right: 0;

}

.slider-wrapper .bottom-div-slider {

    bottom: -148px;

}

.slider-wrapper {

    padding: 0px 20px 0px 20px;

}

   .slider-wrapper.logo-slide .left-side-banner {

    margin-top: 0px;

}

}

@media  (max-width: 1280px){

.typography h1, .typography h1>p {

    font-size: 44px !important;

    line-height: 54px !important;

}

.typography p {

    font-size: 20px;

    line-height: 30px;

}

.slider-wrapper .bottom-div-slider p {

    font-size: 16px;

    line-height: 24px;

}

.first-slider-image img {

    width: 400px!important;

}

.slider-wrapper .bottom-div-slider {

    bottom: -270px;

}

.logo-slide .right-side-banner {

    margin-bottom: -200px;

}

}



@media (max-width: 991px) {

    .slider-wrapper.logo-slide .left-side-banner {

    margin-top: 0px;

}

.logo-slide .right-side-banner {

    margin-bottom: 0;

}

    .logo-slide .right-side-banner {

    margin-bottom: 0;

}

.banner-sec-wrapper .item {

    padding: 100px 0px 150px 0;

    height: 750px;

    display: flex;

}

.slider-wrapper {

    display: flex;

    flex-direction: column-reverse;

    width: 100%;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    padding: 0 60px;

    text-align: center;

}

.slider-wrapper .bottom-div-slider, .slider-wrapper .right-side-banner, .logo-slide .left-side-banner {

    width: 100%;
    padding-top: 0;

}

.slider-wrapper .bottom-div-slider {

    position: unset;

    max-width: 100%;

}

.slider-wrapper.logo-slide {

    flex-direction: row;

    gap: 20px;

}

.content-main-sec {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.first-slider-image img {

    width: 200px!important;

    margin: 0 auto;

}

.banner-sec-wrapper .owl-dots {

    right: -40px;

}

}



@media (max-width: 767px) {

.slider-wrapper {

    padding: 0 10px;

}

.slider-wrapper.logo-slide .left-side-banner, .slider-wrapper .bottom-div-slider {

    margin-top: 0px;

    display: none;

}

.banner-sec-wrapper .owl-dots button.owl-dot span {

    width: 25px;

    height: 3px;

}

.banner-sec-wrapper .owl-dots {

    top: 28%;

}

.banner-sec-wrapper .item {

    height: 400px;

    padding: 65px 0px 0 0;

    background-position: 34% 20%;

}

.first-slider-image img {

    width: 150px!important;

}

.slider-wrapper.logo-slide {

    gap: 5px;

}

.typography h1, .typography h1>p {

    font-size: 20px!important;

    line-height: 30px !important;

}

.typography p {

    font-size: 14px;

    line-height: 24px;

    max-width: 100%;

    margin-top: 10px;

    margin-bottom: 20px;

}

.slide-btn-wrapper a.btn-wrap {

    width: auto;

    padding: 11px 16px;

    font-size: 14px;

    line-height: 24px;

    gap: 10px;

    height: 55px;

}

.slide-btn-wrapper a.btn-wrap svg, .slide-btn-wrapper a.btn-wrap span {

    width: 25px;

    height: 25px;

}

.slider-wrapper .bottom-div-slider p {

    font-size: 14px;

    line-height: 24px;

}

.slider-wrapper {

    flex-direction: unset;

 

}
.banner-sec-wrapper .item {
    position: relative;
}

.banner-sec-wrapper .item::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
}
}