header .drop_down.with_desc > ul > li + li, header ul .drop_down li.vw_all {border-top: 1px solid rgba(232, 232, 232, .1)}  header .h_flex > ul > li > a, header ul .drop_down > ul > li > a, header ul li a.btn_orange {font-family: var(--font-family);transition: .3s ease-in-out}  /*Header svg icon css*/  header .h_flex li a .downArr {height: 16px;width: 16px;position: relative;top: 2px;}  header .h_flex li a .downArr path {fill: #fff;}  header ul > li:hover > a.drop_down_click .downArr, header ul > li > a.drop_down_click:hover .downArr {transform: rotate(180deg);}  /*end*/  :root {--font-family: 'Inter', sans-serif}  * {padding: 0;margin: 0;box-sizing: border-box}  body {font-size: 16px;color: #1f1f1f}  a:hover {text-decoration: none}  body #desktopheader {display: block !important}  header {background: #3b3b3b;padding: 0 45px;box-shadow: 0 3px 5px rgb(57 57 57 / 10%) !important}  #desktopheader header .row {margin: 0 -15px !important;padding: 0 !important}  header .h_flex {display: flex;align-items: center;position: relative;justify-content: space-between}  header .h_logo a {display: block}  header .h_logo a img {height: 75px;width: 190px;object-fit: cover}  header ul > li:last-child {padding-right: 0}  header .h_flex > ul > li > a {color: #ccc;font-size: 16px;font-weight: 400;position: relative;display: block;padding: 30px 10px;z-index: 1}  header .h_flex li a .fa:not(.fa-user)::before {content: "\f107"}  header .h_flex li a i:not(.fa-user) {margin-left: 5px}  header .h_flex li a .fa-user::before {font-weight: 400}  header ul .drop_down > ul > li > a.active, header ul .drop_down > ul > li > a:hover, header ul > li > a:hover {color: #ffa306}  header ul > li:hover > a {color: var(--menu-onhover-color) !important}  header ul > li:hover > a.drop_down_click i:not(.fa-user), header ul > li > a.drop_down_click:hover i:not(.fa-user) {transform: rotate(180deg)}  header ul li a.btn_orange {border-radius: 5px;background: #ff702f;font-size: 16px;margin-left: 15px;padding: 14px 22px;font-weight: 500;text-transform: capitalize;text-align: center;color: #fff !important}  header ul li a.btn_orange:hover {background: #e65933;color: #fff}  header ul.right_nav {list-style: none;margin: 0;font-weight: 600;text-align: right;font-size: 16px;text-transform: uppercase}  header ul.right_nav li {display: inline-block;position: relative}  header ul .drop_down {list-style: none;margin: 0;width: 260px;background: #3b3b3b;border: 1px solid #707070;border-radius: 10px;position: absolute;text-align: left;padding: 20px 0;top: 130%;left: -10px}  header ul a.user-dropdown ~ .drop_down {left: initial;width: 200px;right: -15px}  header ul.right_nav > li:nth-last-child(2) > .drop_down {left: initial;right: -50px}  header ul.right_nav.is_login > li:nth-last-child(3) .drop_down.lvl_2, header ul.right_nav > li:nth-last-child(4) .drop_down.lvl_2 {left: initial;right: 90%}  header ul .drop_down.lvl_2 {left: 90%;max-height: 450px;overflow-y: auto;top: -10px}  header .drop_down.with_desc {width: 280px}  header .drop_down.with_desc > ul > li > a {display: flex}  header .drop_down.with_desc > ul > li > a img {flex: 0 0 30px;max-width: 30px}  header .drop_down.with_desc > ul > li > a p {color: #707070;font-size: 13px;margin-top: 5px}  header .drop_down.with_desc > ul > li:not(:last-child) {padding-bottom: 18px}  header ul .drop_down li.vw_all {text-align: center;margin-top: 20px;width: calc(100% - 20px * 2);margin-left: 20px}  header ul.right_nav .drop_down > ul > li:hover > .drop_down.lvl_2, header ul.right_nav > li:hover > .drop_down {top: 90%;opacity: 1;pointer-events: all;visibility: visible}  header ul.right_nav .drop_down > ul > li:hover > .drop_down.lvl_2 {top: -10px;left: 100%}  header ul.right_nav.is_login > li:nth-last-child(3) .drop_down > ul > li:hover > .drop_down.lvl_2, header ul.right_nav > li:nth-last-child(4) .drop_down > ul > li:hover > .drop_down.lvl_2 {left: initial;right: 100%}  header ul .drop_down > ul > li > a {font-size: 14px;color: #ccc;padding: 0 20px;display: block;text-transform: capitalize;font-weight: 400}  header ul .drop_down > ul > li > a img {height: 30px;width: 30px;margin-right: 10px}  @media screen and (min-width: 1200px) {  header .drop_down li > a.drop_down_click i {transform: rotate(-90deg) !important}  header ul .drop_down {transition: .3s ease-in-out;opacity: 0;visibility: hidden;pointer-events: none}  header .menu_collapse {display: none !important}  }  header ul .drop_down li {display: block;list-style: none}  header ul .drop_down::-webkit-scrollbar {width: 5px;border-radius: 10px}  header ul .drop_down::-webkit-scrollbar-track {background: #f2f2f2;border-radius: 10px}  header ul .drop_down::-webkit-scrollbar-thumb {background: #1f1f1f;border-radius: 10px}  header ul .drop_down li + li {padding-top: 20px}  header .h_flex > ul > li.gray_button {margin: 0 10px}  header .h_flex > ul > li.gray_button > .drop_down_click {position: relative;color: var(--theme-accent-color);font-weight: 500}  header .h_flex > ul > li.gray_button > .drop_down_click::before {content: '';position: absolute;left: -2px;width: calc(100% + 5px);height: 35px;background: #fff;z-index: -1;border-radius: 100px;top: 50%;transform: translateY(-50%)}  @media screen and (max-width: 1199.5px) {  header .h_flex > ul > li.gray_button > .drop_down_click::before {width: 105px;left: 5px}  header ul .drop_down li + li {padding-top: 15px}  header .drop_down.with_desc > ul > li:not(:last-child) {padding-bottom: 15px}  header ul .drop_down li.vw_all {margin: 15px 0 0;width: 100%}  header .h_flex > ul > li > a:not(.btn_orange), header ul.right_nav > li.btn_li {padding: 15px}  header ul.right_nav {position: absolute;top: 0;max-height: calc(100vh - 65px);left: -45px;width: calc(100% + 90px);text-align: left;background-color: #3b3b3b;transition: .3s ease-in-out;z-index: 9999;pointer-events: none;opacity: 0;border-top: 1px solid rgba(232, 232, 232, .1)}  header ul.right_nav.slide {top: 65px;opacity: 1;overflow-y: auto;pointer-events: all}  header ul.right_nav > li {display: block;padding: 0}  header .menu_collapse {padding: 12px 0 12px 15px;position: relative;cursor: pointer}  header .menu_collapse span {height: 2px;position: relative;width: 30px;background: #fff;border-radius: 5px;display: block}  header .menu_collapse.active span {background: 0 0}  header .menu_collapse span::after, header .menu_collapse span::before {content: '';bottom: -8px;position: absolute;right: 0;width: 100%;height: 2px;border-radius: 5px;background: #fff;transition: .3s ease-in-out}  header .menu_collapse span::after {top: -8px}  header .menu_collapse.active span::before {transform: rotate(45deg);bottom: 1px}  header .menu_collapse.active span::after {transform: rotate(-45deg);top: -1px}  header ul .drop_down {position: initial;box-shadow: none;display: none;width: 100% !important;padding: 15px;border-radius: 0;border: 0;background: #292929 !important}  header ul.right_nav > li + li {margin-top: 1px}  header ul > li > a:not(.btn):before {content: none}  header ul li a:not(.btn):after {left: 0;width: 0;height: 100%;transform: none}  header ul li a.drop_down_click:hover i, header ul li:hover a.drop_down_click i {transform: none !important}  header .drop_down li > a.active > i:not(.fa-user), header ul.right_nav > li > a.active > i:not(.fa-user) {transform: rotate(180deg) !important}  header ul.right_nav > li.btn_li .btn {margin: 0}  header ul.right_nav > li .btn_orange {margin: 15px;display: inline-block}  header ul .drop_down > ul > li > a {padding: 0}  header ul .drop_down > ul > li > a.active, header ul.right_nav > li > a.active {color: var(--menu-onhover-color) !important;background: inherit !important}  header ul .drop_down.lvl_2 {padding-right: 0;margin-top: 15px}  header .drop_down.with_desc > ul > li > a p {font-size: 12px}  }  @media (max-width: 991.5px) {  header {padding: 0}  header ul.right_nav {width: 100%;left: 0}  header .h_logo {margin: auto}  }  @media (max-width: 575.5px) {  header ul.right_nav > li .btn_orange {display: block}  header .h_logo a img {height: 65px;width: 160px;object-fit: cover}  }
