body{
    margin: 0;
    padding: 0;
    font-family: 'Switzer', sans-serif;
}
.navbar-brand img {
    max-width: 180px;
    height: 28px;
    margin-right: 10px; /* Reduce the margin */
    flex-shrink: 0;
}
.navbar{
    padding-top: 2% ;
    padding-bottom: 2%;
}

.btn-login-icon{
    background: linear-gradient(180deg, rgba(78, 19, 102, 0.40) 0%, rgba(193, 4, 210, 0.40) 100%);
    color: #fff;
    border: 1px solid #6F1677;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 35px;
    padding:0.735%;
}
.btn-login-icon:hover{
    color: #fff;
}


.btn-login-icon:active,
.btn-login-icon:focus {
    outline: none;
    border-color: #6F1677;

    background:#6F1677 ;
    color: #fff;
}


.btn-contact-us {
    background: linear-gradient(180deg, rgba(78, 19, 102, 0.40) 0%, rgba(193, 4, 210, 0.40) 100%);
    color: #fff;
    border-radius: 100px;
    border: 1px solid #6F1677;
    width:auto;
    text-align: center;
    justify-content: center;
    padding:6px;
    text-decoration: none;
}
.btn-contact-us:hover{
    border-radius: 100px;
border: 1px solid #6F1677;
background: linear-gradient(180deg, #4E1366 0%, #C104D2 100%);
color: #fff;
}
@media (max-width: 992px) {
    .btn-contact-us{
        width: auto;
        padding: 8px 16px;
    }
}
.btn-contact-us:focus {
    border-color: transparent;
    box-shadow: none;
}
.navbar-nav {
    margin: auto;

}

.navbar-nav .nav-link,
.navbar-nav .dropdown-item {
   color: #fff;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    color:#fff;
}
.navbar-nav .nav-item.dropdown .dropdown-menu a:hover {
    color: #fff;
    background: linear-gradient(180deg, rgba(78, 19, 102, 0.40) 0%, rgba(193, 4, 210, 0.40) 100%);
}
.custom-width {
width: 90%;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.40);
background: linear-gradient(180deg, rgba(193, 4, 210, 0.12) 0%, rgba(111, 22, 119, 0.12) 100%);
color: #fff;
height: 50px;
padding: 8px; /* Added padding for better appearance */
}


.navbar-nav .nav-link {
    color: white !important;
}

/* Style for dropdown links */
.dropdown-menu a {
    color: white !important;
}

.custom-width:focus {
border-color: #6F1677; /* Change input box color when clicked */
background: linear-gradient(180deg, rgba(78, 19, 102, 0.40) 0%, rgba(193, 4, 210, 0.40) 100%);
border: 2px solid #6F1677;

}

.btn-login {
margin-top: 30px;
width: 90%;
border-radius: 100px;
border: 1px solid #6F1677;
background: linear-gradient(180deg, rgba(78, 19, 102, 0.40) 0%, rgba(193, 4, 210, 0.40) 100%);
color: #fff;
display: flex;
 align-items: center;
justify-content: center;

}

.horizantil-line {
height: 1px;
width: 100%;
background: rgba(255, 255, 255, 0.40);
margin-top: 30px;
}

body {
background: #030115;
color: #fff;
}
.btn-close {
color: #C104D2;

}body{
    margin: 0;
    padding: 0;
    font-family: 'Switzer', sans-serif;
}
.navbar-brand img {
    max-width: 180px;
    height: 28px;
    margin-right: 10px; /* Reduce the margin */
    flex-shrink: 0;
}
.login-avatar{
    margin-right: 16px;

}
.btn-login-icon{
    background: linear-gradient(180deg, rgba(78, 19, 102, 0.40) 0%, rgba(193, 4, 210, 0.40) 100%);
    color: #fff;
    border: 1px solid #6F1677;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 35px;
    padding:0.735%;
}
.btn-login-icon:hover{
    color: #fff;
}


.btn-login-icon:active,
.btn-login-icon:focus {
    outline: none;
    border-color: #6F1677;

    background:#6F1677 ;
    color: #fff;
}


.btn-contact-us {
    background: linear-gradient(180deg, rgba(78, 19, 102, 0.40) 0%, rgba(193, 4, 210, 0.40) 100%);
    color: #fff;
    border-radius: 100px;
    border: 1px solid #6F1677;
    width:auto;
    text-align: center;
    justify-content: center;
    padding:8px;
    text-decoration: none;
}
.btn-contact-us:hover{
    border-radius: 100px;
border: 1px solid #6F1677;
background: linear-gradient(180deg, #4E1366 0%, #C104D2 100%);
color: #fff;
}

.btn-contact-us:focus {
    border-color: transparent;
    box-shadow: none;
}
.navbar-nav {
    margin: auto;

}
.navbar{
  background:#030115;

}
.navbar-nav .nav-link,
.navbar-nav .dropdown-item {
   color: #fff;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    color:#fff;
}
.navbar-nav .nav-item.dropdown .dropdown-menu a:hover {
    color: #fff;
    background: linear-gradient(180deg, rgba(78, 19, 102, 0.40) 0%, rgba(193, 4, 210, 0.40) 100%);
}
.custom-width {
width: 90%;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.40);
background: linear-gradient(180deg, rgba(193, 4, 210, 0.12) 0%, rgba(111, 22, 119, 0.12) 100%);
color: #fff;
height: 50px;
padding: 8px; /* Added padding for better appearance */
}


.navbar-nav .nav-link {
    color: white !important;
}

/* Style for dropdown links */
.dropdown-menu a {
    color: white !important;
}

.custom-width:focus {
border-color: #6F1677; /* Change input box color when clicked */
background: linear-gradient(180deg, rgba(78, 19, 102, 0.40) 0%, rgba(193, 4, 210, 0.40) 100%);
border: 2px solid #6F1677;

}

.btn-login {
margin-top: 30px;
width: 90%;
border-radius: 100px;
border: 1px solid #6F1677;
background: linear-gradient(180deg, rgba(78, 19, 102, 0.40) 0%, rgba(193, 4, 210, 0.40) 100%);
color: #fff;
display: flex;
 align-items: center;
justify-content: center;

}

.horizantil-line {
height: 1px;
width: 100%;
background: rgba(255, 255, 255, 0.40);
margin-top: 30px;
}

body {
background: #030115;
color: #fff;
}
.btn-close {
color: #C104D2;

}


/* off canvas navbar */

 .offcanvas {
     top: 70px !important;
    --bs-offcanvas-width: 100% !important;
   height: 80%;
    background: linear-gradient(180deg, #140127 0%, #040116 100%);

 }
.accordion-item  {
    background: transparent !important;
    color: #fff;
    border: none !important;
}
.accordion-header{
    background: transparent !important;
        color: #fff;


        border: none !important;


            /* 125% */

}
.accordion-button, .accordion-button:not(.collapsed){
    background: transparent !important;
    border-color: transparent !important;
    border: none !important;
    border-top-left-radius: none !important;
    box-shadow: none !important;
    color: #FFF;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
}
.accordion-body{
    color: #FFF;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        /* 114.286% */
}
.list-unstyled>li{
    margin: 16px auto ;
}
.accordian-nav-list{
    color: #FFF !important;

}
.accordion-button::after, .accordion-button:not(.collapsed)::after{

    background-image: url(images/accordion-arrow.svg);
    width: 24px;
    height: 24px;
}
.navbar-toggler-icon{
background-image: url(images/hamburger.svg) !important;
}
.icon-close{
    background-image: url(images/close.svg) !important;
        display: inline-block;
            width: 1.5em;
            height: 1.5em;
            vertical-align: middle;
            content: "";
            background: no-repeat center center;
            background-size: 100%;
}

@media (max-width: 768px){
.btn-contact-us {


        text-align: center;
        justify-content: center;
        padding: 12px;
        width: 104px;
        height: 40px;
        color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 16px;
            /* 114.286% */


    }
    .btn-contact-us span img{
        width: 16px;
    }
        .navbar-brand img {
            max-width: 140px;
            height: 28px;
            margin-right: 0;
            /* Reduce the margin */
            flex-shrink: 0;
        }
        .navnar{
            padding-top: 3% !important;
        }
}
@media (min-width: 2560px) {
    .navbar-brand img {
        max-width: 192px;
        height: 34px;
        margin-right: 10px;
        flex-shrink: 0;
    }
}