/* Shared — all pages */
.container,.container-fluid{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}
@media (min-width:576px){.col-sm-6{flex:0 0 auto;width:50%}}
.navbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between;width:100%}
.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}
.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.375rem}
.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}
.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}
.align-items-center{align-items:center!important}
.text-end{text-align:right!important}
@media (min-width:992px){.col-lg-6{flex:0 0 auto;width:50%}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .offcanvas{position:static;z-index:auto;display:flex!important;flex-direction:row;flex-grow:1;align-items:center;width:auto!important;max-width:100%;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important}.navbar-expand-lg .offcanvas-body{display:flex;flex-grow:1;align-items:center;padding:0;overflow-y:visible}.ms-auto{margin-left:auto!important}.mb-lg-0{margin-bottom:0!important}}
.btn{display:inline-block;padding:.375rem .75rem;font-weight:400;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:.375rem}
.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}
.breadcrumb{display:flex;flex-wrap:wrap;padding:0;margin-bottom:1rem;list-style:none}
.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}

/* Global */
::-moz-selection { /* Code for Firefox */
	background-color: #DBF1FF;
	color: #56BFFF;
}
::selection {
	background-color: #DBF1FF;
	color: #56BFFF;
}
/* Works on Firefox */
*{
  scrollbar-width: thin;
  scrollbar-color: #D8D8D8 #EEEEF2;
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar{
  width: 8px;
}
*::-webkit-scrollbar-track{
  background: #EEEEF2;
}
*::-webkit-scrollbar-thumb{
  background: #D8D8D8;
}
*, body, h1, h2, h3, h4, h5, h6, p, a{
	outline: 0 !important;
	font-family: 'Montserrat', sans-serif;
}
a{
	text-decoration: none;
	color: inherit;
}
html{
	scroll-behavior: smooth;
}
body{
	background-color: #F4F6F8;
	/* background: rgb(237,237,241);
	background: linear-gradient(0deg, rgba(237,237,241,1) 0%, rgba(246,246,248,1) 100%); */
}

.site_header_wrap{
	z-index: 1020;
}
.site_header_wrap .header_nav{
	position: static;
}

/* Top Bar */
.main_ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}
.main_ul li{
}
.main_ul li:first-child{
	margin-left: 0;
}
.main_ul li:last-child{
	margin-right: 0;
}
/* .main_ul .dropdown-menu{
	padding-right: 20px;
} */
.main_ul li a{
	font-weight: 400;
	font-size: 17px;
	color: #fff;
	text-decoration: none;
	padding-right: 18px;
	padding-left: 18px;
	transition: all 0.15s ease-in-out;
	text-transform: uppercase;
}
.main_ul .dropdown-item{
	color: #000;
}
.main_ul li a:hover{
	color: #00C1EF !important;
	background: transparent !important;
}

/* Main Header */
#main_header{
	background-color: transparent;
	z-index: 2;
	padding-bottom: 20px;
	padding-top: 0;
}
#main_header .navbar-brand{
	display: flex;
	align-items: center;
	flex-shrink: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: 1.5rem;
}
#main_header .navbar-brand img{
	display: block;
	width: 103px;
	height: 103px;
	max-width: 103px;
	flex-shrink: 0;
}
@media only screen and (max-width: 991px){
	#main_header .navbar-brand img{
		width: 72px;
		height: 72px;
		max-width: 72px;
	}
}

@media only screen and (min-width: 992px){
	#main_header > .container{
		flex-wrap: nowrap;
	}
	#main_header .nav-item.dropdown{
		position: static;
	}
	#main_header .offcanvas,
	#main_header .offcanvas-body,
	#main_header .offcanvas-body > .main_ul{
		overflow: visible;
	}
	#main_header .offcanvas-body{
		display: flex;
		align-items: center;
		flex: 1;
		min-width: 0;
		padding: 0;
	}
	#main_header .offcanvas-body > .main_ul{
		position: static;
		left: auto;
		transform: none;
		margin: 0 !important;
		flex: 1 1 auto;
		justify-content: center;
		white-space: nowrap;
		flex-wrap: nowrap;
		flex-direction: row;
		align-items: center;
		min-width: 0;
	}
	#main_header .offcanvas-body > .main_ul > li{
		flex: 0 0 auto;
	}
	#main_header .offcanvas-body > .head_contact_btn{
		margin-left: auto;
		margin-right: 0;
	}
	#main_header .offcanvas-body > .header_actions{
		flex: 0 0 auto;
		margin-left: 16px;
		margin-right: 0;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1399px){
	#main_header .main_ul li a{
		padding-left: 10px;
		padding-right: 10px;
		font-size: 14px;
	}
	#main_header .navbar-brand img{
		width: 88px;
		height: 88px;
		max-width: 88px;
	}
}

#main_header .nav-item{
	margin: 0 5px;
}
#main_header .nav-item:first-child{
	margin-left: 0;
}
#main_header .nav-item:last-child{
	margin-right: 0;
}
#main_header .nav-link{
	color: #fff;
	font-weight: 400;
	padding-right: 10px;
    padding-left: 10px;
}
#main_header .nav-link.active{
	color: #00C1EF !important;
}
#main_header .nav-link:hover{
	color: #00C1EF;
}
#main_header .nav-link.hollow_btn{
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	border-radius: 90px;
	padding: 10px 30px;
	background-color: #F89F41;
	border: 1px solid #F89F41;
}
#main_header .nav-link.hollow_btn_b{
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	border-radius: 90px;
	padding: 10px 30px;
	background-color: transparent;
	border: 1px solid #fff;
}
#main_header .nav-link.hollow_btn_c{
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	border-radius: 90px;
	padding: 10px 30px;
	background-color: #009EFF;
	border: 1px solid #009EFF;
}
#main_header .nav-link.hollow_btn_c:hover{
	filter: drop-shadow(0 3px 10px rgba(42, 179, 250, 0.28));
}
#main_header .nav-link.hollow_btn i{
	margin-left: 5px;
}
#main_header .nav-link.hollow_btn:hover{
	color: #000;
	background-color: #fff;
	border-color: #fff;
}
#main_header .nav-link.hollow_btn_b:hover{
	color: #000;
	background-color: #fff;
	border-color: #fff;
}
.head_contact_btn{
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	display: flex;
	flex-shrink: 0;
	align-items: center;
}
.head_contact_btn h6{
	font-weight: 600;
	font-size: 18px;
	color: #fff;
	margin-bottom: 0;
}
.head_contact_btn i{
	font-size: 18px;
	color: #fff;
	border-radius: 50%;
	width: 43px;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	background-color: #ffffff31;
	margin-right: 15px;
}

#main_header .navbar-toggler{
	color: #ffffff;
	border-color: #ffffff;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, 0.11);
}

/* Top Notification Bar */
.top_notification_bar{
	background-image: url(../images/header-top-bg.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 10px 0;
	position: relative;
	z-index: 1030;
}
.top_notification_inner{
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 16px;
}
.top_notification_left{
	grid-column: 2;
	justify-self: center;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	flex-wrap: wrap;
}
.top_free_demo_badge{
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius:2px;
	background: #fff;
	color: #000;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	text-decoration: none;
	font-style: italic;
	flex-shrink: 0;
}
.header_social_icon{
	border-radius: 50%;
	background: #4B4B4B63;
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.top_free_demo_badge:hover{
	background: #009EFF;
	color: #050C1B;
}
.top_notification_left p{
	margin: 0;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	font-style: italic;
}
.top_notification_left p strong{
	font-weight: 700;
}
.top_notification_social{
	grid-column: 3;
	justify-self: end;
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
	min-width: 0;
}
.top_notification_social a{
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #12223A;
	font-size: 16px;
	text-decoration: none;
	transition: color 0.2s ease;
}
.top_notification_social a:hover{
	color: #00C1EE;
}

/* Header Phone & Demo Buttons */
.header_actions{
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
}
.header_phone_btn{
	width: 46px;
	height: 46px;
	min-width: 46px;
	border-radius: 8px;
	border: 1px solid rgba(0, 193, 238, 0.65) !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	color: #fff !important;
	padding: 0 !important;
	flex-shrink: 0;
	background: transparent;
	line-height: 1;
}
.header_phone_btn i{
	font-size: 16px;
}
.header_phone_btn:hover{
	background: rgba(0, 193, 238, 0.12) !important;
	color: #00C1EE !important;
}
.header_try_demo_btn{
	height: 46px;
	padding: 0 22px !important;
	border-radius: 8px !important;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	white-space: nowrap;
	color: #050C1B !important;
	background: #00C1EE !important;
	border-color: #00C1EE !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	line-height: 1;
}
.header_try_demo_btn:hover{
	background: #00b8e6 !important;
	border-color: #00b8e6 !important;
	color: #050C1B !important;
}
.header_2.add_shadow .header_phone_btn{
	border-color: rgba(0, 193, 238, 0.65) !important;
	color: #00C1EE !important;
}

@media only screen and (min-width: 992px){
	#main_header > .container{flex-wrap:nowrap}
	#main_header .nav-item.dropdown{position:static}
	#main_header .offcanvas,#main_header .offcanvas-body,#main_header .offcanvas-body > .main_ul{overflow:visible}
	#main_header .offcanvas-body{display:flex;align-items:center;flex:1;min-width:0;padding:0}
	#main_header .offcanvas-body > .main_ul{position:static;left:auto;transform:none;margin:0!important;flex:1 1 auto;justify-content:center;white-space:nowrap;flex-wrap:nowrap;flex-direction:row;align-items:center;min-width:0}
	#main_header .offcanvas-body > .main_ul > li{flex:0 0 auto}
	#main_header .offcanvas-body > .header_actions{flex:0 0 auto;margin-left:16px;margin-right:0}
}
.header_2 #main_header{padding-bottom:12px;padding-top:8px;background:#071223}

@media only screen and (max-width: 991px){
	.top_notification_bar{display:none!important}
	#main_header .offcanvas-body{display:flex;flex-direction:column;align-items:stretch;overflow-y:auto}
	#main_header .offcanvas-body > .main_ul{position:static;transform:none;white-space:normal;width:100%;flex-direction:column;align-items:stretch!important}
}
