/* ==========================
   General CSS
========================== */

		* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			font-family: Arial, Helvetica, sans-serif;
		}

		body {
			background: #f7f9fc;
		}


		/* ==========================
   Top Bar
========================== */

		.top-bar {
			background: linear-gradient(90deg, #062b50, #008fa8);
			color: #fff;
			padding: 8px 0;
		}


		.container {
			width: 90%;
			max-width: 1200px;
			margin: auto;
		}


		.row {
            margin-top: 16px;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}


		.top-contact {
			display: flex;
			gap: 30px;
		}


		.top-contact .list {
			font-size: 14px;
		}


		.top-contact i {
			color: #fff;
			margin-right: 0px;
		}



		/* Social Icons */

		.top-social ul {
			list-style: none;
		}


		.top-social ul li {
			display: inline-block;
			margin-left: 8px;
		}


		.top-social ul li a {
			display: flex;
			width: 32px;
			height: 32px;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			background: rgba(255, 255, 255, 0.2);
			color: #fff;
			transition: .3s;
		}


		.top-social ul li a:hover {
			background: #ddba08;
			color: #008fa8;
			transform: translateY(-4px);
		}



		/* ==========================
   Header
========================== */


		header {
			background: #fff;
			padding: 0px 0;
			box-shadow: 0 5px 20px rgba(0, 0, 0, .08);

		}


		.logo img {
			margin-left: -12px;
			width: 160px;
		}



		/* Navigation */

		.nav-wrapper {
			display: flex;
			justify-content: flex-end;
		}


		nav ul {
			list-style: none;
		}


		.sf-menu>li {
			display: inline-block;
			position: relative;
		}


		.sf-menu>li>a {

			color: #222;
			text-decoration: none;
			padding: 20px 14px;
			display: block;
			font-size: 15px;
			font-weight: 600;
			transition: .3s;

		}


		.sf-menu>li>a:hover {
			color: #009bb5;
		}


        .sf-menu>li .by-dsc:hover{
            background-color: #125533;
        }


		/* Dropdown */

		.sf-menu li ul {

			position: absolute;
			top: 30px;
			left: 0;
			background: #fff;
			width: 270px;
			padding: 10px 0;
			border-radius: 8px;
			box-shadow: 0 10px 30px rgba(0, 0, 0, .15);

			opacity: 0;
			visibility: hidden;
			transform: translateY(15px);
			transition: .3s;

		}


		.sf-menu li:hover ul {

			opacity: 1;
			visibility: visible;
			transform: translateY(0);

		}



		.sf-menu li ul li a {

			display: block;
			padding: 12px 18px;
			text-decoration: none;
			color: #333;
			font-size: 14px;
			transition: .3s;

		}


		.sf-menu li ul li a i {
			color: #009bb5;
			margin-right: 8px;
		}


		.sf-menu li ul li a:hover {

			background: #009bb5;
			color: white;
			padding-left: 25px;

		}


		.sf-menu li ul li a:hover i {
			color: white;
		}



		/* ==========================
   Responsive
========================== */


		@media(max-width:992px) {

			.row {
				flex-direction: column;
			}


			.top-contact {
				margin-bottom: 10px;
			}


			.nav-wrapper {
				margin-top: 20px;
			}


			.sf-menu {
				text-align: center;
			}



			.sf-menu>li {
				display: block;
			}


			.sf-menu li ul {

				position: static;
				width: 100%;
				display: none;
				opacity: 1;
				visibility: visible;
				transform: none;

			}


			.sf-menu li:hover ul {
				display: block;
			}


		}

		/* Mobile Menu Button */

		.menu-toggle {
			display: none;
			background: #009bb5;
			color: #fff;
			border: none;
			font-size: 24px;
			padding: 8px 12px;
			border-radius: 5px;
			cursor: pointer;
		}


		/* Mobile Responsive */




		@media(max-width:992px) {

			header .row {
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
			}


			.menu-toggle {
				display: block;
			}


			.nav-wrapper {
				display: none;
				width: 100%;
				margin-top: 20px;
			}


			.nav-wrapper.active {
				display: block;
			}


			.sf-menu>li {
				display: block;
			}


			.sf-menu li ul {
				position: static;
				display: none;
				opacity: 1;
				visibility: visible;
				transform: none;
			}

			.sf-menu>li>a {
				padding: 20px 14px;
			}


		}



		/* ================= MOBILE MENU ================= */
		/* Mobile */
		@media(max-width:992px) {

			.menu-toggle {
				display: block;
			}

			.nav-wrapper {
				display: none;
				width: 100%;
			}

			.nav-wrapper.active {
				display: block;
				margin-bottom: 36px;
			}

			.sf-menu {
				display: block;
			}

			.sf-menu>li {
				display: block;
				width: 100%;
				border-bottom: 1px solid #eee;
			}

			header .logo {
				margin: 50px auto;

			}

			header .logo img {
				margin-top: -69px;
				margin-left: -148px;
			}

			.sf-menu>li>a {
				display: block;
				padding: 15px;
			}

			.sf-menu li ul {
				display: none;
				position: static;
				width: 100%;
				box-shadow: none;
				opacity: 1;
				visibility: visible;
				transform: none;
				background: #f7f7f7;
			}

			.sf-menu li.open>ul {
				display: block;
			}

		}

		/* Desktop */
		@media (min-width:993px) {

			.sf-menu {
				display: flex;
				align-items: center;
			}

			.sf-menu>li {
				position: relative;
			}

			.sf-menu>li ul {
				display: block;
				position: absolute;
				top: 100%;
				left: 0;
				width: 270px;
				opacity: 0;
				visibility: hidden;
				transform: translateY(15px);
				transition: .3s;
				background: #fff;
				box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
				z-index: 999;
			}

			.sf-menu>li:hover>ul {
				opacity: 1;
				visibility: visible;
				transform: translateY(0);
			}

		}



		/* Header */
		header {
			position: relative;
			background: #fff;
			box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
		}

		header .row {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 10px 0;
		}

		/* Logo */
		.logo img {
			width: 160px;
		}

		/* Menu Button */
		.menu-toggle {
			display: none;
			background: #009bb5;
			color: #fff;
			border: none;
			padding: 10px 14px;
			font-size: 24px;
			cursor: pointer;
			border-radius: 5px;
		}

		/* Mobile */
		@media(max-width:992px) {

			.menu-toggle {
				display: block;
				margin-top: -66px;

			}

			.nav-wrapper {
				display: none;
				width: 100%;
				position: absolute;
				top: 100%;
				left: 0;
				background: #fff;
				box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
				z-index: 999;
			}

			.nav-wrapper.active {
				display: block;
			}

			.sf-menu {
				display: block;
				width: 100%;
			}

			.sf-menu>li {
				display: block;
				width: 100%;
				border-bottom: 1px solid #eee;
			}

			.sf-menu>li>a {
				display: flex;
				padding: 15px 20px;
			}

			.sf-menu li ul {
				display: none;
				position: static;
				width: 100%;
				background: #f7f7f7;
				box-shadow: none;
				opacity: 1;
				visibility: visible;
				transform: none;
			}

			.sf-menu li.open>ul {
				display: block;
			}

			.sf-menu li ul li a {
				padding: 12px 35px;
			}

		}

		header {
			position: relative;
			top: 0;
			background: #fff;
			z-index: 999;
			box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
		}

		header .row {
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
		}

		.logo {
			display: flex;
			align-items: center;
		}

		.logo img {
			width: 160px;
		}

		.menu-toggle {
			display: none;
			background: #009bb5;
			color: #fff;
			border: none;
			padding: 10px 12px;
			border-radius: 5px;
			font-size: 22px;
			cursor: pointer;
		}

		@media(max-width:992px) {

			.menu-toggle {
				display: block;
			}

			.nav-wrapper {
				width: 100%;
				display: none;
				margin-top: 15px;
			}

			.nav-wrapper.active {
				display: block;
			}

			.sf-menu {
				width: 100%;
			}

			.sf-menu>li {
				display: block;
				width: 100%;
			}
		}

		.nav-wrapper .sf-menu li {
			background-color: #fff;
		}


        .nav-wrapper .sf-menu li a:hover{
             color: black;
        }


		/* Parent li */
		.has-submenu {
			position: relative;
		}

		/* Hide third level menu */
		.has-submenu .sub-menu {
			display: none;
			position: absolute;
			left: 100%;
			top: 0;
			min-width: 220px;
			background: #fff;
			list-style: none;
			padding: 0;
			margin: 0;
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
		}

		/* Show on hover */
		.has-submenu:hover>.sub-menu {
			display: block;
		}

		/* Links */
		.sub-menu li a {
			display: block;
			padding: 10px 15px;
			color: #333;
			text-decoration: none;
		}

		.sub-menu li a:hover {
			background: #f1f1f1;
		}

		/* ================= MOBILE HEADER FIX ================= */
		@media (max-width:992px) {

			header {
				position: sticky;
				top: 0;
				z-index: 999;
				background: #fff;
				padding: 0;
			}

			header .row {
				display: flex !important;
				flex-direction: row !important;
				justify-content: space-between;
				align-items: center;
				flex-wrap: nowrap;
				min-height: 70px;
				padding: 10px 15px;
			}

			.logo {
				margin: 0 !important;
				display: flex;
				align-items: center;
			}

			.logo img {
				width: 140px;
				margin: 0 !important;
			}

			.menu-toggle {
				display: flex !important;
				align-items: center;
				justify-content: center;
				width: 42px;
				height: 42px;
				margin: 0 !important;
				padding: 0;
				font-size: 22px;
				flex-shrink: 0;
			}

			.nav-wrapper {
				display: none;
				position: absolute;
				top: 70px;
				left: 0;
				width: 100%;
				background: #fff;
				box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
				max-height: calc(100vh - 70px);
				overflow-y: auto;
				margin: 0 !important;
			}

			.nav-wrapper.active {
				display: block;
			}

			.sf-menu {
				display: block;
				width: 100%;
				text-align: left;
			}

			.sf-menu>li {
				display: block;
				width: 100%;
				border-bottom: 1px solid #eee;
			}

			.sf-menu>li>a {
				display: flex;
				align-items: center;
				padding: 15px 20px;
			}

			.sf-menu li ul {
				position: static;
				display: none;
				width: 100%;
				opacity: 1;
				visibility: visible;
				transform: none;
				background: #f7f7f7;
				box-shadow: none;
			}

			.sf-menu li.open>ul {
				display: block;
			}

			.sf-menu li ul li a {
				padding: 12px 35px;
			}
		}

		@media (max-width:992px) {
			.logo {
				margin-right: 20px;
			}
		}

		/* Third Level Menu */
		.has-submenu>.sub-menu {
			display: none;
			position: static;
			width: 100%;
			background: #f1f1f1;
			box-shadow: none;
		}

		.has-submenu.open>.sub-menu {
			display: block;
		}

		/* Desktop */
		@media (min-width:993px) {

			.has-submenu {
				position: relative;
			}

			.has-submenu>.sub-menu {
				position: absolute;
				left: 100%;
				top: 0;
				min-width: 220px;
				background: #fff;
				box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
				display: none;
			}

			.has-submenu:hover>.sub-menu {
				display: block;
			}


		}

		.sf-menu li a {
			outline: none;
			border: none;
			box-shadow: none;
			-webkit-tap-highlight-color: transparent;
		}

		.sf-menu li a:focus,
		.sf-menu li a:active,
		.sf-menu li a:visited {
			outline: none;
			border: none;
			box-shadow: none;
		}

        .top-right .list a{
            font-weight: bold;
            font-size: 15px;
            
        }



		.partner-btn {

            font-weight: 100;

            margin-bottom: -12px;
            
			background: #fd8a0f;
			color: #fff;
			padding: 8px 18px;
			border-radius: 4px;
			text-decoration: none;
			transition: .3s;
			font-size: 14px;
		}

		.partner-btn:hover {
			background: #0b4a88;
			color: #fff;
		}

		.top-social ul {
			display: flex;
			list-style: none;
			margin: 0;
			padding: 0;
		}

		.top-social ul li {
			margin-left: 8px;
		}

		.top-social ul li a {
            align-items: center;
			width: 35px;
			height: 35px;
			display: flex;
			align-items: center;
			justify-content: center;

			color: #fff;
			border-radius: 50%;
			transition: .3s;
		}

		.top-social ul li a:hover {
			background: #062b50;
		}

		/* Responsive */
		@media (max-width:768px) {

			.top-contact {
				flex-direction: column;
				gap: 15px;
				text-align: center;
			}

			.top-left {
				flex-direction: column;
				gap: 10px;
			}

			.top-social {
				width: 100%;
			}

			.top-social ul {
				justify-content: center;
			}

			.top-social ul li {
				margin: 0 5px;
			}

			.top-contact .list {
				font-size: 14px;
				margin-right: 169px;
			}

		}



		.top-right {
			margin-left: 538px;
		}

		.partner-btn {
			margin-top: 12px;
			margin-left: 158px;
		}

		.list1 {
			margin-top: -15px;
		}

		@media (max-width:768px) {
			.top-right {
				margin-left: 0px;


			}

			.list1 {
				margin-top: -25px;
			}
		}







		/* ================================
   TOP BAR FINAL OVERRIDE CSS
================================ */


		.top-bar {
			width: 100% !important;
			background: linear-gradient(90deg, #062b50, #008fa8) !important;
			padding: 10px 0 !important;
		}


		.top-bar .container {
			width: 90% !important;
			max-width: 1200px !important;
			margin: auto !important;
		}



		.top-contact {

			display: flex !important;
			justify-content: space-between !important;
			align-items: center !important;
			flex-wrap: wrap !important;

		}



		/* SOCIAL */

		.top-social {

			margin: 0 !important;
			padding: 0 !important;

		}


		.top-social ul {

			display: flex !important;
			gap: 10px !important;

			margin: 0 !important;
			padding: 0 !important;

			list-style: none !important;

		}


		.top-social ul li {

			display: block !important;
			margin: 0 !important;

		}


		.top-social ul li a {

			width: 36px !important;
			height: 36px !important;

			display: flex !important;
			align-items: center !important;
			justify-content: center !important;

			border-radius: 50% !important;

			background: rgba(255, 255, 255, .15) !important;

			color: #fff !important;

			text-decoration: none !important;

		}



		.top-social ul li a:hover {

			background: #fd8a0f !important;

			transform: translateY(-3px);

		}



		/* RIGHT SIDE */


		.top-right {

			display: flex !important;

			align-items: center !important;

			gap: 25px !important;

		}



		.top-right .list {

			display: flex !important;

			align-items: center !important;

			gap: 8px !important;

			margin: 0 !important;

			color: #fff !important;

			font-size: 15px !important;

		}



		.top-right .list i {

			color: #fff !important;

		}







		.partner-btn {
           font-weight: 100;

			display: inline-block !important;

			margin: 0 !important;

			padding: 9px 22px !important;

			background: #fd8a0f !important;

			color: #fff !important;

			border-radius: 30px !important;

			text-decoration: none !important;

		}



		.partner-btn:hover {

			background: #fff !important;

			color: #062b50 !important;

		}



		/* ================================
   TABLET
================================ */


		@media(max-width:991px) {


			.top-contact {

				flex-direction: column !important;

				justify-content: center !important;

				gap: 15px !important;

			}


			.top-right {

				flex-direction: row !important;

				justify-content: center !important;

			}


		}



		/* ================================
   MOBILE
================================ */


		@media(max-width:576px) {


			.top-bar {

				padding: 12px 0 !important;

			}



			.top-bar .container {

				width: 95% !important;

			}





			.top-contact {

				flex-direction: column !important;

				text-align: center !important;

			}



			.top-social ul {

				justify-content: center !important;

			}



			.top-right {



				gap: 12px !important;

				width: 100% !important;

			}



			.top-right .list {

				justify-content: center !important;

			}



			.partner-btn {

				padding: 8px 20px !important;

			}



		}




		/* ================================
   CUSTOM TOPBAR DESIGN
================================ */

		.custom-topbar {
			width: 100%;
			background: #05375a;
			padding: 10px 15px;
			box-sizing: border-box;
			overflow: hidden;
		}

		.custom-topbar * {
			box-sizing: border-box;
		}


		.custom-topbar-inner {
			max-width: 1200px;
			margin: auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 20px;
		}


		/* Social */

		.custom-social ul {
			display: flex;
			gap: 12px;
			padding: 0;
			margin: 0;
			list-style: none;
		}

		.custom-social ul li a {
			width: 32px;
			height: 32px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			background: #121955;
			color: #fff;
			text-decoration: none;
			font-size: 14px;
		}


		/* Right Side */

		.custom-top-right {
			display: flex;
			align-items: center;
			gap: 20px;
		}


		.custom-phone {
			display: flex;
			align-items: center;
			gap: 8px;
			color: #fff;
			font-size: 15px;
			white-space: nowrap;
		}


		.custom-phone i {
			color: #f98611;
			font-size: 18px;
		}



		.custom-partner-btn {

			background: #f98611;
			color: #fff !important;

			padding: 10px 22px;

			border-radius: 30px;

			font-size: 14px;
			font-weight: 600;

			text-decoration: none;

			display: inline-flex;
			align-items: center;
			justify-content: center;

			white-space: nowrap;

			transition: .3s;
		}


		.custom-partner-btn:hover {
			background: #fff;
			color: #05375a !important;
		}


		/* ================================
   MOBILE RESPONSIVE
================================ */

		@media(max-width:768px) {

			.custom-topbar {
				padding: 8px 10px;
			}


			.custom-topbar-inner {

				flex-direction: column;
				gap: 10px;

			}


			.custom-social ul {

				justify-content: center;

			}


			.custom-top-right {

				width: 100%;
				justify-content: center;
				gap: 10px;

				flex-wrap: nowrap;

			}


			.custom-phone {

				font-size: 13px;

			}


			.custom-partner-btn {

				padding: 8px 14px;
				font-size: 12px;

			}

		}


		/* Extra Small Mobile */

		@media(max-width:360px) {

			.custom-phone span {

				font-size: 12px;

			}


			.custom-partner-btn {

				padding: 7px 10px;

			}

		}