header {
          position: fixed;
          top: 0;
          width: 100%;
          background: #fff;
          z-index: 99;
          /* border-bottom: 1.5px solid #000; */
     }
     
     .navbar-main .navbar-expand-lg .navbar-nav .nav-link {
          font-family: 'Mabry Pro Regular';
          font-weight: 500;
          font-size: 20px;
          color: #000;
          padding: 0 35px;
          height: 76px;
          line-height: 76px;
          /* border-left: 1.5px solid #000; */
          transition: all 0.5s ease-in-out;
     }
     
     .navbar-nav .nav-link.active,
     .navbar-nav .show>.nav-link,
     .navbar-nav .nav-link:hover,
     a:hover {
          text-decoration: none;
          color: #000;
     }
     
     .navbar-nav li.nav-item:last-child {
          margin-right: 0;
     }
     
     .navbar-nav {
          align-items: center;
     }
     
     .navbar-main .navbar-expand-lg .navbar-nav .nav-link.reg-btn {
          padding: 0 50px;
          background: #000;
          color: #fff;
     }
     
     .navbar-main .navbar-expand-lg .navbar-nav .nav-link.reg-btn svg {
          margin-left: 8px;
          vertical-align: initial;
     }
     
     .navbar-main .navbar {
          padding: 0;
     }
     
     header .btn-main {
          font-family: 'Raleway';
          font-weight: 600;
          color: #FFFFFF;
          background: #9743FF;
          padding: 14px 30px;
          border-radius: 30px;
     }
     
     header .btn-main:hover {
          color: #FFFFFF;
     }
     
     .navbar-main {
          padding-left: 50px;
     }
     
     .navbar-expand-lg .navbar-nav .dropdown-menu {
          padding: 0;
          width: 100%;
          border: none;
          border-radius: 0;
     }
     
     .navbar-expand-lg .navbar-nav .dropdown-menu li a {
          padding: 16px 32px;
     }
     
     .dropdown-item.active,
     .dropdown-item:active,
     .dropdown-item:hover {
          background-color: #FFC900;
     }
     
     .dropdown-menu.show {
          -webkit-animation: fadeIn 0.3s alternate;
          animation: fadeIn 0.3s alternate;
     }
     
     .custom_navbar.navbar .dropend .dropdown-toggle::after {
          position: absolute;
          right: 5%;
          top: 6px;
          /* top: 50%;
          transform: translateY(-50%); */
     }
     
     .custom_navbar.navbar .dropend .dropdown-toggle::after {
          top: 6px;
     }
     /**active**/
     
     .custom_navbar.navbar .dropend .dropdown-toggle::after {
          display: inline-block;
          margin-left: 0.255em;
          vertical-align: 0.255em;
          content: "";
          border-top: 0.3em solid;
          border-right: 0.3em solid transparent;
          border-bottom: 0;
          border-left: 0.3em solid transparent;
          top: 22px;
          content: none;
     }
     
     .navbar-nav .dropdown-menu li.dropend .submenu a {
          padding: 15px 30px;
     }
     
     .navbar-expand-lg .navbar-nav .dropdown-menu li a {
          padding: 15px;
          position: relative;
     }
     
     .custom_navbar.navbar .dropend .dropdown-toggle.show .dd-arrw {
          transform: translateY(-50%) rotate(-180deg);
     }
     
     .navbar-expand-lg .navbar-nav .dropdown-menu li a:hover {
          background: transparent;
     }
     
     .navbar .navbar-brand {
          display: block;
          width: 145px;
     }
     
     .navbar-mobile .navbar-toggler span {
          display: block;
          width: 30px;
          height: 2px;
          margin: 6px auto;
          background: #000;
          transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
     }
     
     .navbar-mobile .navbar-toggler[aria-expanded="true"] span:first-of-type {
          transform: rotate(45deg) translate(6px, 6px);
     }
     
     .navbar-mobile .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {
          opacity: 0;
     }
     
     .navbar-mobile .navbar-toggler[aria-expanded="true"] span:last-of-type {
          transform: rotate(-45deg) translate(5px, -5px);
     }
     
     .navbar-mobile .navbar-toggler[aria-expanded="false"] span {
          transform: none;
          opacity: 1;
     }
     
     .navbar-toggler {
          width: 30px;
          min-width: 30px;
          height: 30px;
          border: none;
          padding: 0;
          position: relative;
          z-index: 999;
     }
     
     .navbar-toggler:focus {
          box-shadow: none;
     }
     
     .nav-link .new-badge {
          position: absolute;
          display: inline-block;
          color: red;
          top: 2%;
          right: 0;
          width: 21%;
          font-size: 16px;
          text-transform: uppercase;
          /* transform: rotate(340deg); */
          animation: blinkText 1s ease infinite alternate;
     }
     
     .nav-link .new-badge img {
          width: 100%;
     }
     
     .navbar-expand-lg .navbar-nav .dropdown-menu li a {
          padding: 16px 18px;
     }
     
     .compitition-main .smooth-wrapper {
          overflow: hidden;
     }
     
     @keyframes blinkText {
          0% {
               transform: rotate(-15deg);
               color: red;
          }
          100% {
               transform: rotate(0deg);
               color: orange;
          }
     }
     
     @media(max-width:1750px) {
          .navbar-main .navbar-expand-lg .navbar-nav .nav-link {
               padding: 0 25px;
          }
     }
     
     @media(max-width: 1600px) {
          .register-form-banner.join-community,
          .register-form-banner.passport {
               padding-top: 66px !important;
          }
          .navbar-main .navbar-expand-lg .navbar-nav .nav-link.reg-btn,
          .navbar-main .navbar-expand-lg .navbar-nav .nav-link {
               font-size: 18px;
          }
          .navbar-main .navbar-expand-lg .navbar-nav .nav-link,
          .navbar-main .navbar-expand-lg .navbar-nav .nav-link.reg-btn {
               padding: 0 25px;
          }
          .navbar-main .navbar-expand-lg .navbar-nav .nav-link {
               height: 65px;
               line-height: 65px;
          }
          .navbar-expand-lg .navbar-nav .dropdown-menu {
               width: 120%;
          }
          .register-form-banner.passport,
          .register-form-banner.join-community {
               padding-top: 66px;
          }
     }
     
     @media(max-width:1470px) {
          .marquee-inner-main {
               font-size: 18px;
          }
     }
     
     @media(max-width:1400px) {
          .navbar-main {
               padding-left: 40px;
          }
          .navbar-main .navbar-expand-lg .navbar-nav .nav-link,
          .navbar-main .navbar-expand-lg .navbar-nav .nav-link.reg-btn {
               font-size: 16px;
          }
     }
     
     @media(max-width:1350px) {
          .navbar-main .navbar-expand-lg .navbar-nav .nav-link,
          .navbar-main .navbar-expand-lg .navbar-nav .nav-link.reg-btn {
               padding: 0 20px;
          }
     }
     
     @media(max-width:1280px) {
          .navbar-main {
               padding-left: 30px;
          }
          .navbar-main .navbar-expand-lg .navbar-nav .nav-link,
          .navbar-main .navbar-expand-lg .navbar-nav .nav-link.reg-btn {
               padding: 0 17px;
          }
          .navbar-main .navbar-expand-lg .navbar-nav .nav-link {
               font-size: 16px;
          }
     }
     
     @media(max-width:1199px) {
          /**active**/
          .dd-icon {
               bottom: -6px;
               left: 0;
               right: auto;
               transform: translateX(0);
               width: 100%;
          }
          header .dd-arrw {
               top: 47%;
          }
          .submenu.dropdown-menu .dropdown-item.active .dd-icon {
               left: 0;
          }
          .dropend .dropdown-menu[data-bs-popper] {
               margin-left: 0;
          }
          /* .navbar-main .navbar-expand-lg .navbar-nav .nav-link {} */
          .nav-item ul.submenu.dropdown-menu {
               margin-top: 0;
               padding-top: 10px;
          }
          .register-form-banner.join-community,
          .register-form-banner.passport {
               padding-top: 56px !important;
          }
          .register-form-banner.passport,
          .register-form-banner.join-community {
               padding-top: 55px;
          }
          .nav-item ul.submenu.dropdown-menu {
               margin-top: 0;
               padding-top: 10px;
          }
          .navbar-expand-lg .navbar-nav .dropdown-menu {
               width: 100%;
          }
          .nav-link .new-badge {
               top: -7px;
               right: -54px;
               width: 40%;
          }
          .navbar-main .navbar-expand-lg .navbar-nav .nav-link {
               height: auto;
               line-height: normal;
          }
          .new-label {
               display: inline-block;
          }
          .navbar-expand-lg .navbar-toggler {
               display: block;
          }
          .dropdown-menu.show {
               -webkit-animation: fadeIn 0.3s alternate;
               /* Safari 4.0 - 8.0 */
               animation: fadeIn 0.3s alternate;
          }
          .custom_navbar.navbar .dropdown-toggle::after {
               position: absolute;
               right: 5%;
               top: 6px;
               /* top: 50%;
 transform: translateY(-50%); */
          }
          .custom_navbar.navbar .dropend .dropdown-toggle::after {
               top: 6px;
          }
          .custom_navbar.navbar .dropend .dropdown-toggle::after {
               display: inline-block;
               margin-left: 0.255em;
               vertical-align: 0.255em;
               content: "";
               border-top: 0.3em solid;
               border-right: 0.3em solid transparent;
               border-bottom: 0;
               border-left: 0.3em solid transparent;
               top: 22px;
               content: none;
          }
          .navbar-nav .dropdown-menu li.dropend .submenu a {
               padding: 15px 30px;
          }
          .navbar-expand-lg .navbar-nav .dropdown-menu li a {
               padding: 15px;
          }
          .navbar-expand-lg .navbar-nav .dropdown-menu li a:hover {
               background: transparent;
          }
          .navbar-expand-lg .navbar-nav .dropdown-menu {
               padding: 15px 0 15px;
               background: #f2f2f2;
               margin-top: 15px;
          }
          .navbar-expand-lg .navbar-nav {
               margin-top: 80px;
               text-align: left;
               width: 100%;
               padding: 0 30px;
               align-items: flex-start;
          }
          .navbar-main {
               padding: 0 30px
          }
          .navbar-expand-lg .navbar-toggler {
               display: block;
          }
          .navbar-mobile {
               width: 100%;
               display: flex;
               align-items: center;
               justify-content: space-between;
          }
          .main-menu-wrapper {
               position: fixed;
               right: 0;
               top: 0;
               background: #fff;
               height: 100vh;
               width: 30%;
               transform: translateX(100%);
               transition: all 0.5s ease-in-out;
               padding: 50px 0;
               z-index: 99;
          }
          body.navbar-open {
               overflow-x: hidden;
               overflow-y: hidden;
          }
          .navbar-open .main-menu-wrapper {
               transform: translateX(0);
          }
          .navbar-collapse {
               align-items: center;
               display: flex;
               align-items: center;
               /* justify-content: center;
   height: 100%; */
          }
          .main-menu-wrapper .navbar-nav {
               -webkit-animation: fadeOut 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
               animation: fadeOut 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
               animation-delay: 0s;
          }
          .navbar-open .main-menu-wrapper .navbar-nav {
               -webkit-animation: fadeIn 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
               animation: fadeIn 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
               animation-delay: 0.6s;
          }
          .navbar-main .navbar-expand-lg .navbar-nav .nav-link {
               padding: 0;
               border-left: none;
          }
          .navbar-main .navbar-expand-lg .navbar-nav .nav-item {
               margin-bottom: 30px;
               width: 100%;
          }
          .navbar-main .navbar-expand-lg .navbar-nav .nav-link.reg-btn {
               padding: 18px 25px;
          }
          .navbar-main .navbar-expand-lg .navbar-nav .nav-link {
               padding: 0 25px;
          }
          .navbar-main .navbar-expand-lg .navbar-nav .nav-link {
               font-size: 16px;
               padding: 0 0 10px 0;
               position: relative;
          }
     }
     
     @media (min-width: 1200px) {
          .navbar-expand-lg .navbar-nav {
               flex-direction: row;
          }
          .navbar-expand-lg .navbar-nav .dropdown-menu {
               position: absolute;
               width: 180px;
               box-shadow: 3px 7px 10px 1px rgba(0, 0, 0, 0.1);
               margin-top: 0;
          }
          .navbar-expand-lg .navbar-nav {
               flex-direction: row;
          }
          .navbar-expand-lg {
               flex-wrap: nowrap;
               justify-content: space-between;
          }
          .navbar-expand-lg .navbar-toggler {
               display: none;
          }
          .border-left-col {
               border-right: 1px solid #000;
          }
          .dropdown-menu li {
               position: relative;
          }
          .nav-item .submenu {
               display: none;
               position: absolute;
               left: 100%;
               top: 0;
          }
          .nav-item .submenu-left {
               right: 100%;
               left: auto;
          }
          .dropdown-menu>li:hover>.submenu {
               display: block;
          }
     }
     
     @media(min-width:992px) and (max-width:1199px) {
          .navbar-expand-lg .navbar-nav .dropdown-menu {
               position: static !important;
          }
          .navbar-expand-lg .navbar-nav {
               flex-direction: column !important;
          }
     }
     
     @media(max-width:991px) {
          .main-menu-wrapper {
               width: 50%;
          }
          .dropdown-menu .dropdown-menu {
               margin-left: 0.7rem;
               margin-right: 0.7rem;
               margin-bottom: .5rem;
          }
          .navbar-main {
               padding: 15px 30px;
          }
          .register-form-banner.join-community,
          .register-form-banner.passport {
               padding-top: 85px !important;
          }
     }
     
     @media(max-width:650px) {
          .register-form-banner.passport,
          .register-form-banner.join-community {
               padding-top: 82px;
          }
     }
     
     @media(max-width:575px) {
          .main-menu-wrapper {
               padding: 50px 0;
               width: 100%;
          }
          .navbar-main {
               padding: 10px 15px;
          }
          .register-form-banner.passport,
          .register-form-banner.join-community {
               padding-top: 74px;
          }
          .register-form-banner.join-community,
          .register-form-banner.passport {
               padding-top: 76px !important;
          }
     }
     
     @keyframes fadeIn {
          0% {
               opacity: 0;
          }
          100% {
               opacity: 1;
          }
     }
     
     @-webkit-keyframes fadeIn {
          0% {
               opacity: 0;
          }
          100% {
               opacity: 1;
          }
     }
     
     @keyframes fadeOut {
          0% {
               opacity: 1;
          }
          100% {
               opacity: 0;
          }
     }
     
     @-webkit-keyframes fadeOut {
          0% {
               opacity: 1;
          }
          100% {
               opacity: 0;
          }
     }