:root {
    /*Colour Scheme*/
    --PrimaryAccent: #7209B7;
    --SecondaryAccent: #A329F5;
    --highlight: #33A1FD;
    --Black: #14110F;
    --white:#f8f7f2;

    /*Font Sizes*/
    --fs1: 96px;
    --fs2: 80px; 
    --fs3: 64px; 
    --fs4: 48px; 
    --fs5: 32px; 
    --fs6: 24px; 
    --fs7: 16px; 
    --fs8: 12px; 
}

/*navbar styling*/

.navbar{
    background-color: var(--Black);
    
}
.navbar-nav{
    --bs-nav-link-color: var(--white) !important;
    --bs-nav-link-hover-color: var(--SecondaryAccent);
}


.nav-link{
    font-size: 24px;
}

.last-nav-item{
    margin-left: 15px;
}
@media (max-width: 991px){
    .last-nav-item{
        margin-left: 0px;
    }
}

.last-nav-item .cust-btn{
    padding: 10px;
}

.navbar-toggler {
    width: 20px;
    height: 20px;
    position: relative;
    transition: .5s ease-in-out;
    border: 0 !important;
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none !important;
    border: 0 !important;
    position: relative;
}

.navbar-toggler span {
    margin: 0;
    padding: 0;
}

.toggler-icon {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: var(--white);
    border-radius: 1px;
    border: 0 !important;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

.middle-bar {
    margin-top: 0px;
}


/* State when the navbar is collapsed */

.navbar-toggler.collapsed .top-bar {
    position: absolute;
    top: 0px;
    transform: rotate(0deg);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
    position: absolute;
    top: 10px;
    filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
    position: absolute;
    top: 20px;
    transform: rotate(0deg);
}

/* when navigation is clicked */

.navbar-toggler .top-bar {
    top: inherit;
    transform: rotate(135deg);
}

.navbar-toggler .middle-bar {
    opacity: 0;
    top: inherit;
    filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
    top: inherit;
    transform: rotate(-135deg);
}

/* Color of 3 lines */

.navbar-toggler.collapsed .toggler-icon {
    background: linear-gradient( 263deg, var(--white) 0%, var(--white) 100% );
}
.pattern-back1{
    background: /* horizontal and vertical lines */
    conic-gradient(from 90deg at 1px 1px, 
      transparent 70%, gainsboro 0%) 
    -0.5px -0.5px / 1em 1em,
    
    /* main diagonal */
    linear-gradient(45deg, 
      transparent calc(70% - 0.5px), 
      gainsboro 0 calc(50% + 0.5px), 
      transparent 0) 
    0 0 / 2em 2em,
    
    /* secondary diagonal */
    linear-gradient(-45deg, 
      transparent calc(70% - 0.5px), 
      gainsboro 0 calc(50% + 0.5px), 
      transparent 0) 
    0 0 / 2em 2em;;
}

.nav-link {
    
    color: var(--white);
    transition: 0.5s;
}
.nav-link:hover {               
    color: var(--SecondaryAccent) !important;
    transform:scale(1.05);
    transition: 0.5s
}   

.headerSpacing{
    height: 77.6px;
}