@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* b-bagain font */

@font-face {
 font-family: 'b Bagian';
 src: url('../fonts/bBagian.woff2') format('woff2'),  url('../fonts/bBagian.woff') format('woff');
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}
 @font-face {
 font-family: 'b Bagian';
 src: url('../fonts/bBagian.woff2') format('woff2'),  url('../fonts/bBagian.woff') format('woff');
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}
* {
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	font-family: "Poppins", serif;
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 24px;
	color: #474747;
	font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
}
p {
}
a {
	display: inline-block;
	text-decoration: none;
}
a:hover {text-decoration: none;}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* web header */

.web-header-top {
	width: 100%;
	background: #172b22;
	padding: 10px 0;
}
.web-header-top-inner p {
	font-size: 16px;
	letter-spacing: 0px;
	line-height: 34px;
	color: #ffffff;
	font-weight: 200;
	text-align: center;
	margin-bottom:0px;
}
.web-header-top-inner strong {
	font-weight: 600;
}
.social-media-sec {
	display: flex;
	align-items: center;
}
.social-media-sec ul {
	display: flex;
	align-items: center;
}
.social-media-sec ul li {
	margin-right: 5px;
}
.social-media-sec ul li a {
	width: 30px;
	height: 30px;
	background: #162b21;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
 transition: all .3s ease-in-out;
}
.social-media-sec ul li a:hover {
	background-color: #b4a03d;
}
.social-media-sec p {
	font-size: 16px;
	letter-spacing: 0px;
	line-height: 27px;
	color: #172b22;
	font-weight: 500;
	margin-right: 8px;
	margin-bottom:0px;
}
.navbar-nav {
	margin-left: auto;
}
.navbar-collapse {
	flex-grow: 0;
}
.navbar-brand {
	margin-left: auto;
	margin-right: auto;/* position: relative; */
}
.web-header-bottom {
	width: 100%;
}
.navbar-brand img {
	position: absolute;
	width: 133px;
	height: 133px;
	bottom: -72px;
	left: 50%;
	z-index: 8;
	transform: translate(-50%, 0);
}
.nav-item .nav-link {
	font-size: 17px;
	letter-spacing: 0px;
	color: #58595b;
	font-weight: 275;
	padding: 0 0 !important;
 transition: all .3s ease-in-out;
	font-weight: 300;
}
.nav-item .nav-link:hover {
	color: #172b22;
}
.nav-item {
	padding: 13px 10px;
	position: relative;
}
.sub-menu {
	position: absolute;
	top: 100%;
	left: -97%;
	width: 260px;
	display: flex !important;
	background: #fff;
	padding: 13px 15px !important;
	text-align: left;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	border-radius: 0px;
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
 transition: all .5s ease;
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 -o-transition: all .5s ease;
 -ms-transition: all .5s ease;
 transition: all .5s ease-out;
 -moz-transition: all .5s ease-out;
 -ms-transition: all .5s ease-out;
	z-index: 2;
}
.sub-menu li{}
.sub-menu li:last-child{}
.sub-menu li a{color: #000;display: block;padding: 3px 0;}
.sub-menu li a:hover{color: #4249dc;}
.sub-menu-inner {
	padding: 0 15px;
}
.sub-menu-inner p {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 8px;
}
.sub-menu-inner li a {
	font-size: 14px;
	color: #000;
	margin-bottom: 5px;
	display: inline-block;
}
.sub-menu-inner li a:hover {
	color: #4249dc;
}
.tools-sub-menu {
	width: 248px !important;
}
.partnership-sub-menu {
	width: 248px !important;
	left: -38%;
	padding: 20px 18px !important;
}
.web-header .navbar .navbar-nav .nav-item:hover .sub-menu {
	opacity: 1;
	display: flex !important;
	flex-direction: column;
	visibility: visible;
	height: auto;
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
}
.nav-link.active {
	color: #172b22;
	font-weight: 500
}
 @media(min-width: 1920px) {
 .container {
 min-width: 1404px;
}
 .web-header-top-inner p {
 font-size: 18px;
}
 .nav-item .nav-link {
 font-size: 18px;
}
}
 @media(max-width: 1199px) {
.navbar-brand img {
 width: 118px;
 height: 118px;
 bottom: -55px;
 left: 50%;
}
}
 @media(max-width: 991px) {
.web-header-bottom-inner .navbar{padding:0px;} 
 .navbar-toggler {
 border: 0;
 padding: 0;
 width: 50px;
 height: 50px;
font-size: 30px;
 line-height: 45px;
}
 .nan-btn-icon {
 display: block;
 width: 30px;
 height: 3px;
 background-color: #000;
 margin: 5px 0;
}
 .navbar-toggler:focus {
 box-shadow: none;
}
 .menu_overlay {
 display: none;
 content: '';
 position: fixed;
 top: 0;
 left: 0;
 background: rgba(0, 0, 0, 0.6);
 width: 100%;
 height: 100%;
 display: none;
 z-index: 2;
}
 .navbar-collapse {
 background-color: #000;
 position: fixed;
 top: 0;
 left: 0;
 width: 260px;
 display: none;
 height: 100% !important;
 max-height: 100% !important;
 overflow: hidden;
 overflow-x: scroll;
 display: block !important;
 transform: translateX(-260px);
 opacity: 0;
 visibility: hidden;
 padding: 0px 0 20px;
 transition: all 300ms ease;
 -o-transition: all 300ms ease;
 -ms-transition: all 300ms ease;
 -moz-transition: all 300ms ease;
 -webkit-transition: all 300ms ease;
 z-index: 3;
 padding: 18px 15px;
}
 .navbar-collapse.menu-visible {
 transform: translateX(0px);
 transition: all 300ms ease;
 -o-transition: all 300ms ease;
 -ms-transition: all 300ms ease;
 -moz-transition: all 300ms ease;
 -webkit-transition: all 300ms ease;
 opacity: 1;
 visibility: visible;
}
 .menu_overlay.menu-visible {
 display: block;
}
 .navbar-brand img {
 width: 90px;
 height: 90px;
 bottom: -46px;
 left: 50%;
}
 .web-header-top-inner p {
 font-size: 14px;
}
 .social-media-sec ul li a {
 width: 28px;
 height: 28px;
 font-size: 14px;
}
 .social-media-sec p {
 font-size: 15px;
}
 .nav-link {
 color: #fff !important;
}
 .curent .sub-menu {
 visibility: visible;
 opacity: 1;
 position: relative;
 transform: translateY(0em);
 z-index: 1;
 transition: none;
 background-color: transparent;
 /* margin-top: 2px; */
 display: block !important;
 min-width: 100%;
 left: 0 !important;
 transform: translate(0%, 0px);
  width:auto;
}
 .sub-menu {
 background: #fff;
 padding: 10px 0 !important;
 width:auto;
}
 .nav-item {
 padding: 7px 7px;
 position: relative;
}
 .navbar-brand img {
 z-index: 2;
}
 .navbar-brand img {
 position: relative;
 left: 0;
 bottom: 0;
 transform: translate(0, 0);
}
 .web-header-bottom .social-media-sec {
 display: none;
}
 .navbar-brand {
 margin-left: 0;
 margin-right: auto;
}
.nav-item .nav-link {   
    display: flex;
    align-items: center;
    justify-content: space-between;	
}
.sub-menu li a {
    color: #fff;
    display: block;
    padding: 5px 0;
    font-size: 14px;
}
}
 @media (max-width: 767px) {
}
 @media(max-width: 575px) {
}
 @media(max-width: 440px) {
.web-header-top {
 padding: 5px 0;
}

.navbar-brand img {
        width: 70px;
        height: 70px;
}
}