/* .navBar{background-color: var(--dynamic-header);}
.logotop{width: 64%}
.logotop img{width: 100%; height: 100%;object-fit: contain;}
.links-tab{display: flex; align-items: center;padding: 0 20px;white-space: nowrap;}
.links-tab>a{font-size: 16px;color: #ccc;text-decoration: none;font-weight: 600;padding: 10px 30px;}
.links-tab .more-links {font-weight: 500;border: 1px solid #d2d2d2; background: transparent;border-radius: 20px;color: #d2d2d2;padding: 2px 8px;cursor: pointer;white-space: nowrap;margin-left: 25px;}
.links-tab .more-links:hover{color:white;background-color: var(--dynamic-color);border:1px solid  var(--dynamic-color) ;}
.links-tab>a.active {color:  var(--dynamic-color) !important;}
.more-links-box {position: absolute;top: 28px; right: 3%;background-color:white;display: flex; flex-direction: column;gap: 4px; border-radius: 10px;z-index: 99999999; transform: scale(.8);transition: all 200ms linear;width: 230px;overflow: hidden;box-shadow: 0 5px 5px rgba(0,0,0,0.2);}
.more-links-box a{color: #333;text-decoration: none;font-size: 19px;font-weight: 600;display: flex;justify-content: space-between;align-items: center;padding: 10px 15px;overflow: hidden;}
.more-links-box a:hover{background-color:  var(--dynamic-color);color: white;}
.more-links-box i{font-size: 12px;}
.bookNow{border-radius: 25px;color: white;font-size: 16px;font-weight: 500;background-color: var(--dynamic-color);padding: 6px 18px;max-width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align: center;border: 0px;}
.links-tab>a:hover{color: var(--dynamic-color);}
.label-text{font-weight: 500;font-size: 14px;}
.input-F input{width: 100%;border-radius: 5px;border: 1px solid #ddd;font-size: 14px;outline: 0;padding: 6px 9px;}
.btn-box button{width: 100%;border: 0;outline: 0;padding: 9px;font-weight: 500;font-size: 16px;background-color: var(--dynamic-color);color: white;border-radius: 12px;}
.more-links + ul li a{
    font-size: 14px;font-weight: 500;
}
.loginebde1{
    font-size: 16px;width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;font-weight: 600;
}
.ewrtbgwe4rg{
    font-size: 12px;color: #353535;line-height: 1;
}
.loginebde2{
    display: flex;align-items: center;gap: 10px;color: inherit;border-bottom: 1px solid #666;
}
.loginebde31{
    display: flex;align-items: center;position: relative;
    &::after{
content: '';position: absolute;height: 78%;width: 1px;background: white;left: -13px;transform: rotate(-20deg);
    }
    & a{
        background: var(--dynamic-color);color: white;padding: 6px 13px;border-radius: 26px;font-size: 14px;font-weight: 500;
    }
} */



/* !-----------------------header css 2------------------------------- */

/* .navBar{background-color: white;}
.logotop{width: 200px;height: 40px;}
.links-tab{display: flex; align-items: center;padding: 0 20px;white-space: nowrap;gap:60px;}
.links-tab a{font-size: 16px;color: black;text-decoration: none;font-weight: 600;padding: 7px 4px;display: flex;align-items: center; gap: 6px;cursor: pointer;}
.links-tab a.dropdown-item{
    padding:8px 10px ;font-weight: 500;font-size: 14px;
}
.links-tab a.active {color:  var(--dynamic-color) !important;}
.more-links-box {position: absolute;top: 28px; right: 3%;background-color:white;display: flex; flex-direction: column;gap: 4px; border-radius: 10px;z-index: 99999999; transform: scale(.8);transition: all 200ms linear;width: 230px;overflow: hidden;box-shadow: 0 5px 5px rgba(0,0,0,0.2);}
.more-links-box a{color: #333;text-decoration: none;font-size: 19px;font-weight: 600;display: flex;justify-content: space-between;align-items: center;padding: 10px 15px;overflow: hidden;}
.more-links-box a:hover{background-color:  var(--dynamic-color);color: white;}
.more-links-box i{font-size: 12px;}
.bookNow{border-radius: 30px;color: white;font-size: 14px;font-weight: 500;background-color: var(--dynamic-color);padding: 11px 24px;display: flex;align-items: center;gap: 6px;}
.bookNow i{font-size: 14px;}
.bookNow34{
    display: flex;align-items: center;position: relative;
    &::after{
content: '';position: absolute;height: 78%;width: 1px;background: #ccc;left: -13px;
    }
    & a{
        background: var(--dynamic-color);color: white;padding: 11px 18px;border-radius: 26px;font-size: 14px;font-weight: 500;
    }
}
.links-tab a:hover{color: var(--dynamic-color);}
.label-text{font-weight: 500;font-size: 14px;}
.input-F input{width: 100%;border-radius: 5px;border: 1px solid #ddd;font-size: 14px;outline: 0;padding: 6px 9px;}
.btn-box button{width: 100%;border: 0;outline: 0;padding: 9px;font-weight: 500;font-size: 16px;background-color: var(--dynamic-color);color: white;border-radius: 12px;}
.logo-header{background-color: var(--dynamic-header);box-sizing: border-box;padding: 30px 6px;display: flex;border-radius: 0 100px 100px 0;}
.header-left{margin-left: -40px;border-radius: 100px 0 0px 100px;background-color: white;padding: 10px 0;border: 1px solid rgba(115, 180, 88, 0.2);} */



/* !-----------------------header css 2------------------------------- */

/* header {
    display: flex;align-items: center;justify-content: flex-start;padding: 18px 28px;background: var(--dynamic-background);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);border-radius: 0 0 13px 13px;
}

.logo {
    height: 40px;width: 200px;overflow: hidden;display: block;
}

nav.navsfsaf{
    margin-left: auto;
}

nav.navsfsaful {
    display: flex;align-items: center;gap: 28px;list-style: none;
}

nav.navsfsaful li {
    position: relative;
}

nav.navsfsaful li a {
    text-decoration: none;color: #fff;font-weight: 500;display: flex;align-items: center;gap: 8px;transition: all 0.3s ease;padding: 8px 0;
}

nav.navsfsaful li a:hover {
    color: #ddd;
}

nav.navsfsaful li ul li {
    padding: 6px 0;
}

nav.navsfsaful li ul li a {
    color: #1f7a5f;font-weight: 500;transition: 0.9s;
}

nav.navsfsaful li ul li a:hover {
    color: #0a4b3e;
    display: block;
}

.auth-buttons>a ,
.auth-buttons>button {
    text-decoration: none;font-weight: 500;padding: 8px 18px;border-radius: 25px;transition: all 0.3s;margin: 0 12px;border:0 ;
}

.auth-buttons .login {
    color: #fff;background: var(--dynamic-color);width: 130px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 8px 18px;border-radius: 25px;border: 0;
}

.auth-buttons .signup {
    background: #fff;
    color: #1f7a5f;
}

.auth-buttons {
    display: flex;align-items: center;gap: 10px;font-size: 14px;color: #ddd;padding-left: 18px;
}

.partner-log {
    background: var(--dynamic-color);color: white;
}

.nav-menu {
    list-style: none;margin: 0;padding: 0;display: flex;gap: 40px;
}

.nav-menu li {
    position: relative;
}

.nav-menu a {
    text-decoration: none;font-weight: 500;display: flex;align-items: center;gap: 5px;font-size: 14px;color: white;padding-bottom:4px;
    &.active{
        border-bottom: 1px solid #ddd;
    }
    &.dropdown-item{
        color: #000 ;
    }
}

.submenu {
    display: none;position: absolute;top: 100%;left: 0;list-style: none;margin: 0;padding: 10px 0;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.submenu li a {
    padding: 5px 15px;display: block;white-space: nowrap;
}
.loginebde1{
    font-size: 16px;width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;font-weight: 600;
}
.ewrtbgwe4rg{
    font-size: 12px;color: #353535;line-height: 1;
}
.loginebde2{
    display: flex;align-items: center;gap: 10px;color: inherit;border-bottom: 1px solid #666;
}


@media (max-width: 900px) {
    header {
        flex-wrap: wrap;justify-content: center;gap: 12px;
    }

    nav.navsfsaful {
        gap: 20px;flex-wrap: wrap;justify-content: center;
    }

    .auth-buttons {
        margin-top: 8px;
    }
} */