@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');

 /* when scroll change background color */
.transparent{
    background-color: var(--theme-color-3);
}
/* when scroll change menu color */
.transparent .tnav a{
    color: var(--theme-color-2)!important;
}
/* when scroll change booknow color */
.transparent #navbarSupportedContent .booknow a{
    color: var(--theme-color-2)!important;
}
/* when scroll change close icon color */
.transparent .close-icon1{
    color: var(--theme-color-2);
}
/* when scroll change toggler icon color */
.transparent .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
}

/* without scroll menu color and menu background color */
/* menu */
.tnav a{
    text-transform: uppercase;
    font-family: var(--bs-font-Catamaran);
    font-size: 9px;
    font-weight: 300;
    line-height: 2.1em;
    letter-spacing: .15em; 
    position: relative;
}
/* close icon */
.close-icon1{
    color: var(--theme-color-3);
}
/* toggler icon */
.navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
}

/* hide close when toggler icon shown */
.navbar-toggler.collapsed .close-icon1{
    display: none;
}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon{
    display: inline;
}

/* remove toggler box shadow */
.navbar .navbar-toggler:focus{
    box-shadow: none;
}

/* for header menu logo always center */
#navbarSupportedContent{
    padding-inline: 5.3%;
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
}

/* hover effect */
#navbarSupportedContent .nav-link{
    margin-inline: .5rem;
}
#navbarSupportedContent .nav-link::after{  
    content: '';
	position: absolute;
	bottom: 0;
	left: -2px;
	height: 1px;
	width: calc(100% + 2px);	
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .36s cubic-bezier(.57,.01,.29,.99);
}
.transparent #navbarSupportedContent .nav-link::after{  
    background-color: var(--theme-color-2)!important;
}
#navbarSupportedContent .nav-link:hover::after, #navbarSupportedContent .nav-link.a1::after {
	transform: scaleX(1);
	transform-origin: left;
}
#navbarSupportedContent .btn-check:focus + .btn, .btn:focus{
    box-shadow: none!important;
}

/* for all header css  */
.dropdown-menu{
    margin-left: 10px!important;
}
.dropdown-menu .dropdown-item:hover{
    background-color: initial;
}
#dropdown-menu a{
    display: initial!important;
    color: var(--theme-color-2)!important;
}


/* media queries */
@media (min-width: 1591px){
    .tnav a{
        font-size: 12px; 
    }
}
@media (min-width: 0px) and (max-width: 991px) {
    #navbarSupportedContent .nav-link{
        margin-block: .5rem;
        display: inline-block;
        font-size: 12px;
    }
    #navbarSupportedContent .nav-link::after{  
        background-color: var(--theme-color-2);
    }
    .navbar{
        background-color: var(--theme-color-3);
    }

    /* when scroll change menu color */
    .navbar .tnav a{
        color: var(--theme-color-2)!important;
    }
    /* when scroll change booknow color */
    .navbar .booknow{
        color: var(--theme-color-2)!important;
    }
    /* when scroll change close icon color */
    .navbar .close-icon1{
        color: var(--theme-color-2);
    }
    /* when scroll change toggler icon color */
    .navbar .navbar-toggler-icon{
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
    }
    .nav{
        margin-top: 60px;
    }
    .nav-item{
        margin-bottom: 0px;
    }
}