/*new css added 15-01-25*/
@import url('href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css'); 


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



@font-face {
    font-family: 'gotham_htfbook';
    src: url('gothamhtf-book-webfont.woff2') format('woff2'), url('gothamhtf-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_htfultra';
    src: url('gothamhtf-ultra-webfont.woff2') format('woff2'), url('gothamhtf-ultra-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_htfbold';
    src: url('gothamhtf-bold-webfont.woff2') format('woff2'), url('gothamhtf-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_htfblack';
    src: url('gothamhtf-black-webfont.woff2') format('woff2'),
         url('gothamhtf-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_htfmedium';
    src: url('gothamhtf-medium-webfont.woff2') format('woff2'), url('gothamhtf-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'gotham_htfbook';
    color:#000;
    font-size:14px;
    padding:0;
    margin:0;
	background:#f5f5f7;
}

.title-4 {
     font-family: 'gotham_htfmedium';
    font-size:20px;
}

.mb-20{margin-bottom:20px;}


img{max-width:100%;}

.font-700{font-family: 'gotham_htfbold';}
.font-bold{font-family: 'gotham_htfbold';}
.font-medium{ font-family: 'gotham_htfmedium';}
.font-ultra{ font-family: 'gotham_htfultra';}
.mb-15{margin-bottom:15px;}
.mb-13{margin-bottom:13px;}
.font-12{font-size:12px;}
.font-13{font-size:13px;}
.font-40{font-size:40px;}
.uppercase{text-transform:uppercase;}
.green-text {    color: #007D8A}
.normal-llink{color:#000; text-decoration:none;}
.gray-text{color:#949494;}
.gray-text-2{color:#98999B;}
.lh-24{line-height:24px;}
.red-text, .red-text:hover{color:#EB002A;}
.individual-page-logo {
    width: 163px;
    height: 32px;
    background: url(images/usd_logo.png) no-repeat 0 0;
}
.w-95{width:95px;}

.white-bg{background:#fff;}
.px-30{padding-left:30px; padding-right:30px;}
.radus-8{border-radius:8px;}
.p-20{padding:20px;}

.navigation-wrapper {
    width: 100%;
    display: flex;
    background: #fff;
    padding: 15px 0;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}


.logo_header {
    float: left;
}

.topNav_container {
    float: right;
    margin: 18px 0 0 0;
}
#headerNav_container a {
	display: inline-block;
	padding: 0 16px 0 16px;
	margin: 0px;
	font-size: 14px;
	font-weight: normal;
	color: #181A20;
	text-decoration:none;
}

#headerNav_container div, #footerNav_container div{
	padding-left:0px;
	text-transform:lowercase;
	display:inline;
	}

.mobile-menu-icon {
    display: none;
}
ul.menu-style-1{list-style:none;}
ul.menu-style-1 li{display:inline-block; position:relative;}
ul.mobile-menu-icon{display:none;}

.normal-text{line-height:22px; font-size:14px;}


ul.menu-style-1 li a.active:before, ul.menu-style-1 li a:hover::before {
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	left: 0;
	top: 4px;
	background: #007D8A;
	border-radius:50%;
}

#headerNav_container ul.menu-style-1 li:hover a, #headerNav_container ul.menu-style-1 li a.active {
	color: #007D8A;
}




.btn.style-1, .btn.style-2{
	background:#fff;
	padding:8px 20px;
	border:#007D8A solid 1px;
	border-radius:5px;
	font-size:16px;
	color:#007D8A;
}
.btn.style-1 label, .btn.style-2 label{cursor:pointer;}
.btn .fa-solid{margin-left:5px; margin-right:5px;}
.btn.remove-button  .fa-solid{margin-right:0;}
.btn.remove-button.lg{}
.btn.simple-button{color:#007D8A; font-size:16px;}
.ml-10{margin-left:10px;}
.btn.style-2{background:#007D8A; color:#fff;}
.green-bg{background:#007D8A;}
.ml-auto {
    margin-left: auto;
}
.mb-10{margin-bottom:10px;}
.px-30{padding-left:30px; padding-right:30px;}
.py-40{padding-top:40px; padding-bottom:40px;}

/* form field */
.cat-form-wrap .input-field-reset{border:#007D8A solid 1px; padding:4px 8px; font-size:14px; color:#000;}
.cat-form-wrap .input-field-reset:focus{box-shadow:none;}

ul.list-style-2{list-style:none;}
ul.list-style-2 li{line-height:24px;}

.overflow-y-fix{max-height:500px; overflow-y:auto;}

.overflow-y-fix::-webkit-scrollbar{
      width:7px;
      background-color:#007D8A;
      }
      
.overflow-y-fix::-webkit-scrollbar-thumb{
    background:#000;
    border-radius:5px;
  }



/*right section*/
.font-16{font-size:16px;}
.col-half{width:50%;}
.pr-6{padding-right:6px;}
.d-flex{display:flex;}
.content-space-between{justify-content:space-between;}
.font-60{font-size:60px;}
.align-item-center {
    align-items: center;
}


.font-40{} 
.font-itelic{}

.font-20{font-size:20px;}

.banner-wrapper{width:100%; text-align:center; margin-bottom:50px;}
.banner-wrapper img{width:100%;}
.point-styling-1 {
    margin: 0 0 20px 0;
}

.point-styling-1 i{margin-right:4px;}

.point-styling-1 li {
    line-height: 24px;
    font-size: 14px;
}


.footer-wrapper {
    background: #1C1C1C;
    width: 100%;
    padding-top: 35px;
    padding-bottom: 26px;
	    margin-top: 30px;
}



.footer-link {
    margin-bottom: 10px;
}
.footer-link, .copyrit-row {
    text-align: center;
}

.footer-link a {
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    border-right: #fff solid 1px;
    padding:0 5px 0 5px;
}

.copyrit-row a, .copyrit-row {
    font-size: 12px;
    color: #888888;
    text-decoration: none;
}

.copyrit-row a {
    color: #fff;
}


a.logo-link {
    background: #fff;
    width: 150px;
    display: block;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 15px;
	box-shadow:0 0 2px 0 #d7d3d3;
	padding: 4px;
	
}

a.logo-link.active-page:after{
	font-family: "Font Awesome 6 Free"; 
    content: "\f178";
    font-weight: 900;
    margin-right: 5px;
	color: #007D8A;
    text-decoration: none;
    top: 28%;
    position: absolute;
    font-size: 40px;
    right: -46px;
			
}




.inner-page-title-baner {
    background: #007D8A;
	margin-bottom:50px;
}
.inner-page-title {
    font-size: 40px;
    padding: 50px 0;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-style: italic;
	display: flex;
    justify-content: center;
	    align-items: center;
}

.inner-page-title .brand-logo{margin-left:20px;}
.inner-page-title .brand-logo img{border-radius:10px;}
.title-5 {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 22px;
    color: #000;
    font-weight: 700;
}

.green-link{color:#007D8A;}
.green-link:hover{text-decoration:none;}


.title-6 {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 22px;
    color: #000;
    font-weight: 700;
}


.image-box-style {
    padding: 30px;
    background: #fff;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 #d7d3d3;
}

.box-shadow{box-shadow: 0 2px 4px 0 #d7d3d3;}

.adress-wrap {
    background: #fff;
    padding: 15px;
    border-radius: 8px;
}

.py-20{padding-top:20px; padding-bottom:20px;}

.logo_header .union-group-logo{width:163px; height:46px;}

.left-logo-section .logo-link{position:relative;}

.radius-8{border-radius:8px;}

.font-30 {font-size:30px;}

@media screen and (min-width: 768px) {
    .menu-toggle.reset {
        display: none;
    }
}



@media screen and (max-width: 767px) {

	.banner-wrapper {
		width: 100%;
		margin-top: 78px;
		margin-bottom: 30px;
	}


		.inner-page-title-baner {
			margin-top: 60px;
		}

		.navigation-wrapper {
			position: fixed;
			top: 0;
			z-index:99;
		}

		#backToTop {
			bottom: 3px;
			right: 1px;
		}
		/* Default state for the menu */
		#headerNav_container {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100vh;
			background-color: #fff; /* Dark semi-transparent background */
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			opacity: 0;
			transform: translateY(-100%);
			transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
		}


ul.menu-style-1 li a:before{display:none;}

		.py-50 {
			padding-top: 30px;
			padding-bottom: 30px;
		}


		/* Show menu when active */
		#headerNav_container.active {
			opacity: 1;
			transform: translateY(0);
		}

		/* Style the menu links */
		#headerNav_container a {
			color: #000;
			font-size: 16px;
			margin: 15px 0 15px 0;
			text-decoration: none;
			transition: color 0.3s;
		}

			#headerNav_container a:hover {
				color: #00c8ff; /* Highlight color */
			}

		/* Button positioning */
		.menu-toggle {
			position: fixed;
			right: 13px;
			font-size: 14px;
			color: #000;
			background: none;
			border: none;
			cursor: pointer;
			z-index: 1000;
		}

			/* Icon visibility handling */
			.menu-toggle .close-menu {
				display: none;
			}

			/* When menu is active, show close icon */
			.menu-toggle.active .open-menu {
				display: none;
			}

			.menu-toggle.active .close-menu {
				display: inline;
			}

			.menu-toggle.reset .fa-solid {
				color: #000000;
				font-size: 20px;
			}

			#headerNav_container {
			display: block;
		}

			#headerNav_container .menu-style-1 {
				margin: 105px 20px 0 20px;
			}

.mobile-menu-icon {
    display: block;
}

				#headerNav_container .menu-style-1 li {
					display: flex;
				}

				#headerNav_container .menu-style-1 li {
					align-items: center;
					border-bottom: #E2E2E2 solid 1px;
				}

		.mobile-menu-icon {
			display: block;
			font-size: 16px;
		}

		#headerNav_container a {
			padding: 0 16px 0 13px;
		}
		.stamp-icon{right:-7px;}
		ul.menu-style-1 li a:hover:before {display:none;}
		ul.menu-style-1 li:hover a {
			color: #000000;
		}
		
		.left-logo-section .logo-link{width:100%;}
		.footer-link a{padding: 5px 5px 5px 5px;}
		
		.inner-page-title{font-size:16px;}
		.inner-page-title .brand-logo img{max-width:66px;}
		a.logo-link.active-page:after{right:3px;}
}