* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikThin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikLight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikLightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikRegular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikRegular.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikRegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}


@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikMedium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikMediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikSemibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikSemiboldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikBoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikBlack.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikBlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikExtralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikExtralightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikSuper.otf') format('opentype');
  font-weight: 950;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('../font/GraphikSuperItalic.otf') format('opentype');
  font-weight: 950;
  font-style: italic;
}


body {
    min-height: 100vh;
    background: #f1f4f9;
    font-family: 'Graphik', sans-serif;
   /* font-family: 'Inter', sans-serif; */
    /* letter-spacing: 1px;    */
}

.main-logo {
    width: 150px;
    max-width: 100%;
}

.header-sec {
    padding: 10px 20px;
   /* background: white;*/
}


/* nav bar css */
.navbar-custom {
    letter-spacing: 1px;
    background-color: #401c9a;
}

.nav-link,
.navbar-brand,
.dropdown-toggle {
    color: #ffffff !important;
}

.nav-link:hover,
.dropdown-toggle:hover {
    color: #5ab3f7 !important;
}

/* Hover dropdown */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.nav-item.dropdown>.nav-link {
    cursor: pointer;
}
.side-icon {
    width: 25px;
    margin-right: 8px;
    position: relative;
}

ul.navbar-nav {
    font-size: 1.1rem;
}
@media (min-width:992px){
    
ul.navbar-nav {
    gap: 14px;
}
}

.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 600;
}
.fw-700{
    font-weight: 700;
}
@media (max-width:1200px){
    ul.navbar-nav {
    font-size: 1.1rem;
}
}
button:focus:not(:focus-visible) {
    outline: 0;
    border: 1px solid black;
    box-shadow: none;
}
.navbar-nav li{
    white-space: nowrap;
}
.nav-opt .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    top: 2px;
    position: relative;
    left: 5px;
}
.txt-dash{
    font-size: 1.1rem;
}
.fw-600{
    font-weight: 600;
}
.fw-500{
    font-weight: 500;
}
.fw-400{
    font-weight: 400;
}


    .iti {
        width: 100% !important;
    }
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 85% !important;
    }
}