:root {
	--font-primary: "Roboto", sans-serif;
	--font-weight-thin: 100;
	--font-weight-ultralight: 200;
	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 500;
	--font-weight-bold: 700;
	--font-weight-semiblack: 800;
	--font-weight-black: 900;

	--color-primary: #182851;
	--color-secondary: #fecf0a;
	--color-white: #ffffff;
	--transition-03: all 0.3s ease-in-out;
}

*,
*::before,
*::after {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	outline: none;
}

/* Works on Firefox */
* {
	scrollbar-width: thin;
	scrollbar-color: red;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 8px;
	padding: 10px;
}

*::-webkit-scrollbar-track {
	background: red;
}

*::-webkit-scrollbar-thumb {
	background-color: #000;
}

::-moz-selection {
	color: #fff;
	background: #000;
	text-shadow: none;
}

::selection {
	color: #fff;
	background: #000;
	text-shadow: none;
}

html {
	font-size: 62.5%;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	scrollbar-gutter: stable;
}



body {
	font-family: var(--font-primary);
	font-weight: var(--font-weight-regular);
	line-height: 1;
	overflow-x:hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	font-size: inherit;
	margin: 0;
}

ol,
ul,
li {
	list-style: none;
}

a {
	outline: none;
	color: inherit;
	background-color: transparent;
	text-decoration: none;
	transition: var(--transition-03);
	-webkit-transition: var(--transition-03);
	-moz-transition: var(--transition-03);
	-ms-transition: var(--transition-03);
	-o-transition: var(--transition-03);
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

main {
	display: block;
}

section {
	display: flex;
	flex-direction: column;
	width: 100%;
}

img {
	border-style: none;
}

.img-res {
	width: 100%;
	max-width: 100%;
	height: auto;
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
}

/* ! Global css */
.cnt {
	width: 100%;
	margin: 0 auto;
}

.cnt_wp {
	display: flex;
	width: 100%;
	padding:0 2rem;
}

.cnt_1865 {
	max-width: 186.5rem;
}

.cnt_1720 {
	max-width: 172rem;
}

.cnt_1520 {
	max-width: 152rem;
}

.cnt_1450 {
	max-width: 145rem;
}

.cnt_organisation_chart .cnt_box_img
{
    position:relative;
}

.cnt_organisation_chart .cnt_box_info_btn
{
    position:absolute;
    bottom:2.5%;
    right:2.5%;
    z-index:10;
    width:25%!important;
}

.cnt_organisation_chart .cnt_box_info_btn a
{
    text-transform:normal;
}

.swiper {
	width: 100%;
	height: 100%;
}

/* ! Header */

/*===ADDED/AMENDED?SAM*/

.disablescroll {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
  border:2px solid red;
}


.header.resize-header {
		height: 80px;
		background: #fff;
		transition: all 0.3s ease-out 0s;
		box-shadow: 0 4px 2px -2px rgba(0,0,0,0.1);
		backdrop-filter: blur(8px);
	}

    .header.resize-header {
		height: 111px;
		background: #fff;
		transition: all 0.3s ease-out 0s;
		box-shadow: 0 4px 2px -2px rgba(0,0,0,0.1);
		backdrop-filter: blur(8px);
		padding:1rem 0;
	}
	
    .header.resize-header .header_logo {
        width: 9rem;
    }

    .header.resize-header .cnt_wp {
        align-items: center;
    }


    .header.resize-header .burger_menu-txt {
	   color: var(--color-primary);
    }
            
            
    .header.resize-header .line {
    	stroke: var(--color-primary);
    }

    .header.resize-header .burger_menu.active .line {
    	stroke: var(--color-white);
    }


     .header.resize-header .header_btn a:hover {
        background: var(--color-primary);;
        border-bottom: 2px solid var(--color-secondary);
    }
    
    .header.resize-header.header_fullscreen .header_btn a:hover {
        background: var(--color-white);;
    }

    .header {
    	position: fixed;
    	width: 100%;
    	/* background: red; */
    	z-index: 999;
    	display: flex;
    	padding: 4rem 0;
    	/*background:rgba(255,255,255,0.75);*/
    	top:0;
    }

.header .cnt_wp {
	align-items: flex-start;
}

.header_logo {
	width: 17.2rem;
	position: relative;
	z-index: 1;
	transition: all 0.1s ease-out 0s;
}

.header_btn {
	/*margin-left: auto;*/
	margin-left: 6.5rem;
	position: relative;
	z-index: 1;
}

.btnsvg {
	fill: #fecf0a;
	transition: var(--transition-03);
}

.header_btn a {
	width: 200px;
	height: 50px;
	background: #182851;
	padding: 2rem 3rem;
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	font-size: 1.2rem;
	color: var(--color-white);
	border-radius: 4px;
	border-bottom: 2px solid var(--color-white);
	display: flex;
	align-items: center;
	gap: 1rem;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
}

.header_btn a::after {
	content: "";
	position: absolute;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-primary);
}

.header_btn a::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 99%;
	left: 0;
	background: #ffffff;
	transition: all 0.4s ease;
}

.header_btn a:hover:before {
	top: 0%;
	left: 0px;
}

.header_btn a:hover {
	color: var(--color-secondary);
	background: transparent;
	border-bottom: 2px solid var(--color-secondary);
}

.header_btn a:hover .btnsvg {
}

.burger_menu-txt {
	font-weight: var(--font-weight-light);
	font-size: 1.8rem;
	color: var(--color-white);
	transition: var(--transition-03);
}

.burger_menu:hover .burger_menu-txt {
	color: var(--color-secondary);
}

.burger_menu.active .burger_menu-txt {
	opacity: 0;
}

.burger_menu {
	cursor: pointer;
	display: flex;
	align-items: center;
	margin-left: 6.5rem;
	position: relative;
	z-index: 2;
}

.burger_menu-svg {
	width: 5.5rem;
	height: 5.5rem;
}

.burger_menu-svg svg {
	width: 100%;
	height: 100%;
}

.line {
	fill: none;
	stroke: var(--color-white);
	stroke-width: 6;
	transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
		stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.burger_menu:hover .line {
	stroke: var(--color-secondary);
	transition: var(--transition-03);
}

.line1 {
	stroke-dasharray: 60 207;
	stroke-width: 6;
}
.line2 {
	stroke-dasharray: 60 60;
	stroke-width: 6;
}
.line3 {
	stroke-dasharray: 60 207;
	stroke-width: 6;
}
.burger_menu.active .line1 {
	stroke-dasharray: 90 207;
	stroke-dashoffset: -134;
	stroke-width: 6;
}
.burger_menu.active .line2 {
	stroke-dasharray: 1 60;
	stroke-dashoffset: -30;
	stroke-width: 6;
}
.burger_menu.active .line3 {
	stroke-dasharray: 90 207;
	stroke-dashoffset: -134;
	stroke-width: 6;
}

.search_btn {
    display: flex;
    color: #ffffff;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-left: auto;
    font-size: 1.5rem;
    transform: translateY(1.4rem);
}

.search_btn_wp svg path {
    stroke: #ffffff;
    transform: var(--transition-03);
}

.search_btn:hover {
    cursor: pointer;
    color: var(--color-secondary);
}

.search_btn:hover .search_btn_wp svg path {
    stroke: var(--color-secondary);
}

.resize-header .search_btn {
    color: var(--color-primary);    
    transform: translateY(0);
}

.nobanner_header .search_btn {
    color: var(--color-primary);
}

.resize-header .search_btn:hover,
.nobanner_header .search_btn:hover {
    color: var(--color-secondary);
}

.resize-header .search_btn_wp svg path,
.nobanner_header .search_btn_wp svg path{
    stroke: var(--color-primary);
}

/* navigation */
.navigation {
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	pointer-events: none;
	display: flex;
}

.navigation_left {
	width: 0%;
	height: 100%;
	background: #bbc258;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.navigation_maincontent {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.main_navigation {
	width: 100%;
	padding: 27rem 15% 0rem;
}

.main_navigation ul {
	display: flex;
	flex-direction: column;
	gap: 4rem;
}

.main_navigation ul li a {

	font-size: 4rem;
	line-height: 3rem;
	font-weight: var(--font-weight-regular);
}

.main_navigation ul li a:hover {
	color: var(--color-primary);
}
.main_navigation ul li {
	color: var(--color-white);
}

.main_navigation ul li.active {
	color: var(--color-primary);
}

.other_navigation {
	width: 100%;
	padding: 6rem 15% 0rem;
	display: flex;
}

.other_navigation ul {
	display: flex;
	flex-wrap: wrap;
	gap: 3%;
}

.other_navigation ul li {
	width: 48%;
	margin-bottom: 2rem;
}

.other_navigation ul li a {
	color: var(--color-white);
	font-size: 2rem;
	font-weight: var(--font-weight-medium);
	line-height: 3rem;
}

.other_navigation ul li a:hover {
	color: var(--color-primary);
}

.navigation_right {
	width: 0%;
	height: 100%;
	background: var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
}

.navigation_subcontent {
	width: 100%;
	padding: 0 5%;
	display: flex;
	flex-direction: column;
}

.navigation_Related {
	width: 100%;
	display: flex;
}

.navigation_subcontent_col {
	width: 33.3333%;
	display: flex;
	flex-direction: column;
	gap: 5rem;
}

.subcontent_nav {
	display: flex;
	flex-direction: column;
	opacity: 0;
	transform: translateY(30px);
	will-change: transform, opacity;
}

.subcontent_nav_title {
	display: flex;
	color: var(--color-white);
	font-size: 2.5rem;
	line-height: 2rem;
	gap: 2rem;
}

.subnavigation {
	width: 100%;
	display: flex;
	margin-top: 2rem;
}

.subnavigation ul {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.subnavigation ul li a {
	color: var(--color-white);
	font-size: 1.6rem;
	font-weight: var(--font-weight-light);
	line-height: 2rem;
}

.subnavigation ul li a:hover {
	color: var(--color-secondary);
}

/* ? header full screen */
.header.header_fullscreen .header_btn a {
	color: var(--color-primary);
	background: var(--color-white);
	border-bottom: 2px solid var(--color-secondary);
}

.header.header_fullscreen .header_btn a .btnsvg {
	fill: var(--color-primary);
}

.header.header_fullscreen .header_btn a:hover {
}

.header.header-hidden,
.header.header-visible {
	display: none;
}

.header.header_fullscreen.header-hidden,
.header.header_fullscreen.header-visible {
    display: block;
}

.header.header_fullscreen + main {
    overflow: hidden;   
}

.inner_header .header_logo {
	width: 13.3rem;
}

.nobanner_header .line {
	stroke: var(--color-primary);
}

.nobanner_header .burger_menu:hover .line {
	stroke: var(--color-secondary);
}

.nobanner_header .burger_menu-txt {
	color: var(--color-primary);
}

.nobanner_header.header_fullscreen .line {
	stroke: var(--color-white);
}

.nobanner_header.header_fullscreen .burger_menu:hover .line {
	stroke: var(--color-secondary);
}

/* ! Footer */
.Sticky__footer {
	min-height: calc(100vh - 70rem);
}
.footer {
	padding: 4.5rem 3rem;
}

.footer_wp {
	width: 100%;
	height: 100%;
	background: var(--color-primary);
	border-radius: 4px;
	padding: 8rem 7rem 4rem 7rem;
	display: flex;
	flex-direction: column;

}

.footer_top {
	width: 100%;
	display: flex;
	
}

.footer_top_left {
	width: 30%;
	display: flex;
	flex-wrap: wrap;

}
.footer_top_right {
	width: 70%;
	display: flex;
	flex-wrap: wrap;
}


.footer_top_left_title {
	color: rgba(255, 255, 255, 0.1);
	font-size: 7rem;
	font-style: normal;
	font-weight: var(--font-weight-light);
	line-height: 7rem;
	width: 100%;
	margin-bottom: 5rem;
}

.footer_top_left_title strong {
	font-weight: var(--font-weight-bold);
}

.footer_top_applink {
    display:flex;
    width:100%;
    
}

.footer_mobile {
	width: 210px;
}

.footer_app {
	display: block;
	flex-direction: column;
	margin-left: 5rem;
}

.footer_app_title {
	display: flex;
	flex-direction: column;
	color: var(--color-white);
	font-size: 2rem;
	line-height: 2.6rem;
}

.footer_app_title strong {
	font-weight: var(--font-weight-bold);
}

.footer_app_dl {
	display: flex;
	flex-direction: column;
	position: relative;
	left: -10px;
}

.footer_app_dl li { max-width:150px}

.footer_app_dl a {
	display: block;
}

.footer_top_nav {
	width: 70%;
	display: flex;
	gap: 5%;
	margin-left: 5%;
}

.footer_nav-col {
	width: 32.3333%;
	display: flex;
	flex-direction: column;
	gap: 3rem;
}

.footer_nav {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.footer_nav span {
	color: var(--color-white);
	font-size: 1.6rem;
	font-weight: var(--font-weight-bold);
	line-height: 2rem;
}

.footer_nav ul {
	display: flex;
	flex-direction: column;
	gap: 1.4rem;
}

.footer_nav ul li a {
	color: var(--color-white);
	font-size: 1.4rem;
	line-height: 2rem;
	font-weight: var(--font-weight-light);
}

.footer_nav ul li a:hover {
	color: var(--color-secondary);
}

.footer_top_contact {
	display: flex;
	flex-direction: column;
	gap: 4rem;
	width: 15%;
	margin-left: auto;
}

.footer_top_contact li {
	color: var(--color-white);
	font-size: 1.4rem;
	line-height: 2rem;
	font-weight: var(--font-weight-light);
}

.socialwhite {
	fill: var(--color-white);
	transition: var(--transition-03);
}

.footer_social ul {
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
}

.footer_social ul a:hover .socialwhite {
	fill: var(--color-secondary);
}

.footer_bot {
	width: 100%;
	margin-top: 8rem;
	display: flex;
}

.copyright {
	color: var(--color-white);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: 2rem;
}

.footer_bot ul {
	display: flex;
	margin-left: auto;
	gap: 1rem;
}

.footer_bot ul a {
	color: var(--color-white);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: 2rem;
}

.footer_bot ul li {
	position: relative;
	padding-right: 1rem;
}

.footer_bot ul li::after {
	content: "";
	width: 1px;
	height: 100%;
	background: var(--color-white);
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.footer_bot ul li:last-child::after {
	display: none;
}

.footer_bot ul a:hover {
	color: var(--color-secondary);
}

/* ! sticky icon */
.sticky_block {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 998;
}

.sticky_block ul {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.sticky_block ul li {
	width: 4.1rem;
	height: 4.1rem;
}

.sticky_block ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--color-secondary);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.sticky_block ul li a svg {
  display: block;
  max-width: 70%;
  max-height: 70%;
}

/*locator icon*/
.sticky_block ul li:nth-child(2) svg {
transform: translateX(0.75rem) translateY(0.5rem);
}

.sticky_block ul li a:hover {
	background: var(--color-primary);
}

.fillblue {
	fill: var(--color-primary);
	transition: var(--transition-03);
}

.sticky_block ul li a:hover .fillblue {
	fill: var(--color-secondary);
}

/* ! Hero video */
.hero {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(24, 40, 81, 0.4) 0%,
        rgba(254, 207, 10, 0.3) 100%
    );
    z-index: 1;
    pointer-events: none;
}

.hero_video video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}

.hero_content {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    /*background: url('/assets/images/interfaces/banner-home.jpg?width=1920&height=881') center/cover no-repeat fixed;*/
}

.hero_content::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6));
    z-index: 1;
}

.hero_content .cnt {
    height: 100%;
    position: relative;
    z-index: 2;
    color: white;
    padding: 2rem;
}

.hero_content .cnt_wp {
    position: relative;
    height: 100%;
}

.hero_content_desc {
	width: 50%;
	display: flex;
	flex-direction: column;
	margin-top: 26%;
}

.hero_content_title {
	color: var(--color-white);
	font-size: 7rem;
	font-style: normal;
	font-weight: var(--font-weight-ultralight);
	line-height: 8rem;
}

.hero_content_title strong {
	font-weight: var(--font-weight-medium);
	display: block;
}

.hero_content_text {
	color: var(--color-white);
	font-size: 2rem;
	font-style: normal;
	line-height: 2.4rem;
	margin-top: 2.4rem;
}

.hero_content_btn {
	display: flex;
	gap: 2rem;
	margin-top: 5rem;
	align-items: center;
}

.hero_content_btn a {
	padding: 2rem 4rem;
	background: var(--color-secondary);
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	font-size: 1.4rem;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
}

.hero_content_btn a::after {
	content: "";
	position: absolute;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-secondary);
}

.hero_content_btn a::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 99%;
	left: 0;
	background: var(--color-primary);
	transition: all 0.4s ease;
}

.hero_content_btn a:hover:before {
	top: 0%;
	left: 0px;
}

.hero_content_btn a:hover {
	color: var(--color-white);
	background: transparent;
}

.hero_scrolldown {
	display: flex;
	gap: 0.8rem;
	color: #fefeff;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: 2rem;
}

.play_button a {
    background: transparent;
    border: 1px solid var(--color-secondary);
    color: var(--color-secondary);
}

.play_button a::before,
.play_button a::after{
    content: none
}

.play_button a:hover {
    background: var(--color-secondary);
    color: var(--color-primary);
}

.hero_content_socials {
	position: absolute;
	right: 0;
	bottom: 10%;
}

.hero_content_socials ul {
	display: flex;
	gap: 4rem;
}

.fillwhite {
	fill: var(--color-white);
	transition: var(--transition-03);
}

.hero_content_socials ul li a:hover .fillwhite {
	fill: var(--color-secondary);
}

.hero_content_arrow {
	width: 30%;
	position: absolute;
	bottom: 20%;
	right: 15%;
}

/* ! updates */
.updates {
	border-radius: 0px 0px 4px 4px;
	border-top: 1px solid #fff;
	background: #859ba3;
	min-height:60px;
	justify-content: center;
	padding:2rem;
	margin-top: -60px;
    z-index: 9;
    position: relative;
}

.u_open {
	width: 33.3333%;
	display: flex;
	color: var(--color-white);
	font-size: 1.4rem;
	line-height: 1.4rem;

	gap: 0.8rem;
}

.u_open_title {
	display: flex;
	font-weight: var(--font-weight-medium);
	text-transform: uppercase;
	align-items: center;
	gap: 0.8rem;
}

.u_updates_info {
    height: 20px;
}

.u_open_details {
	display: flex;
	gap: 0.8rem;
}

.u_open_details_item {
	display: flex;
	align-items: center;
	gap: 0.65rem;
}

.u_open_details_item::after {
	content: "";
	width: 1px;
	height: 80%;
	background: #fff;
}

.u_open_details_item:last-child::after {
	display: none;
}

.u_open_hr {
	font-weight: var(--font-weight-medium);
}

.u_open_icn {
	width: 0.6rem;
	display: flex;
}

.u_open_icn svg {
	width: 100%;
	height: 100%;
}

.u_updates {
	width: 65%;
	display: flex;
	color: var(--color-white);
	font-size: 1.4rem;
	line-height: 1.4rem;

	gap: 0.8rem;
	margin-left: auto;
}

.update_info_wp {
	display: flex;
	align-items: center;
	height: 100%;
	gap: 1rem;
}

.update_info_link {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.update_info_link a {
	color: var(--color-white);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: normal;

	text-decoration: underline;
}

.update_info_link a:hover {
	color: var(--color-secondary);
}

.update_info_icn {
	width: 0.8rem;
	display: flex;
}

.update_info_icn svg {
	width: 100%;
	height: 100%;
	display: block;
}

/* ! services */
.services {
	padding: 4rem 0;
	
}

.inner-cn-services {
    display: flex;
    width: calc(100% - 6.25rem);
    flex-direction: column;
    margin-left:3.125rem;
}

.inner-cn-services .inner-cn-box {
    display: flex;
    width: 100%;
    flex-direction: column;
    border: 1px solid rgba(133, 155, 163, 0.2);
}

.services_box {
	height: 30rem;
	width: 100%;
	border-right: 1px solid rgba(133, 155, 163, 0.2);
	
}

.services .swiper-slide:last-child .services_box {
    border-right: none;
}



.services_box a {
	display: flex;
	width: 100%;
	height: 100%;
	padding: 4rem 5rem 3rem 2.5rem;
	flex-direction: column;
	position: relative;
}

.services_box a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(194, 194, 184, 0.15);
	height: 0%;
	width: 100%;
	pointer-events: none;
	transition: all 0.5s ease-in-out;
}

.services_box a:hover::after {
	height: 100%;
}

.services_box_icn {
	width: 80px;
	border-radius: 8px;
	border: 1px solid #fecf0a;
	background: rgba(254, 207, 10, 0.02);
}

.services_box_bot {
	margin-top: auto;
	width: 100%;
}

.services_box_bot_animate {
	overflow: hidden;
	height: 0;
	transition: var(--transition-03);
	opacity: 0;
}

.services_box_title {
	color: var(--color-primary);
	font-size: 2rem;
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: 2.2rem;
	min-height:50px;
	display:flex;
	align-items: flex-end;
}

.services_box_txt {
	color: #859ba3;
	font-size: 1.6rem;
	font-weight: var(--font-weight-light);
	font-style: normal;
	line-height: 2rem;
    min-height:50px;
	margin-top: 1.2rem;
}

.services_box_learnmore {
	display: flex;
	color: var(--color-primary);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;

	text-transform: uppercase;
	align-items: center;

	gap: 0.8rem;
}

.services_box_learnmore span {
	display: flex;
	width: 1.4rem;
	position: relative;
	top: -2px;
}

.services_box_learnmore svg {
	width: 100%;
	height: 100%;
	display: block;
}

.services_box a:hover .services_box_bot_animate {
	height: 2rem;
	opacity: 1;
	margin-top: 2rem;
}


.services-nav-controls {
 display:flex;
width:100%;
padding:12px 0;

}

.swiperServices-button-prev,
.swiperServices-button-next {
	width: 3rem;
	height: 3rem;
	display: flex;
	border-radius: 10px;
	border: 1px solid var(--color-primary);
	position: inherit;
	top: inherit;
	margin-top: inherit;
	left: inherit;
	right: inherit;
	padding: 0.8rem;
	align-items: center;
	justify-content: center;
	transition: var(--transition-03);
	cursor:pointer;
	margin:0 5px;
}

.swiperServices-button-next:after,
.swiperServices-button-prev:after {
	display: none;
}

.swiperServices-button-prev:hover,
.swiperServices-button-next:hover {
	border: 1px solid var(--color-secondary);
	background: var(--color-secondary);
}





/* ! overAll */
.overall {
	padding: 5rem 0 5rem;
}

.overall .cnt_wp {
	align-items: flex-end;
}

.overall_left {
	width: 31.39%;
	display: flex;
}

.overall_right {
	width: 62.21%;
	display: flex;
	flex-direction: column;
	margin-left: auto;
}

.app_block {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.app_subtitle {
	color: var(--color-secondary);
	font-size: 1.6rem;
	line-height: 2rem;

	font-weight: var(--font-weight-medium);
}

.app_title {
	display: flex;
	flex-direction: column;
	color: var(--color-primary);
	font-size: 4.5rem;
	font-style: normal;
	font-weight: var(--font-weight-thin);
	line-height: 5.5rem;

	margin-top: 2.5rem;
}

.app_title strong {
	font-weight: var(--font-weight-medium);
}

.app_dl {
	display: flex;
	margin-top: 3rem;
}

.app_mobile {
	width: 100%;
	display: flex;
	position: relative;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	overflow: hidden;
	margin-top: 5rem;
}

.app_mobile_bigphone {
	width: 71.65%;
}

.app_mobile_smallphone {
	width: 65.74%;
	position: absolute;
	bottom: 0;
	right: 0;
}

.app_mobile_btn {
	position: absolute;
	width: 75%;
	left: 50%;
	bottom: 7%;
	transform: translateX(-50%);
}

.app_mobile_btn a {
	padding: 2rem 4rem;
	background: var(--color-secondary);
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	font-size: 1.4rem;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
	justify-content: center;
}

.app_mobile_btn a::after {
	content: "";
	position: absolute;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-secondary);
}

.app_mobile_btn a::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 99%;
	left: 0;
	background: var(--color-white);
	transition: all 0.4s ease;
}

.app_mobile_btn a:hover:before {
	top: 0%;
	left: 0px;
}

.app_mobile_btn a:hover {
	color: var(--color-primary);
	background: transparent;
}

/* ! ads */
.ads {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.ads_box {
	border-radius: 4px;
	overflow: hidden;
	width: 100%;
	display: flex;
}
.ads_box a {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ads_nav {
	position: relative;
	display: flex;
	width: 100%;
	justify-content: flex-end;
	gap: 1rem;
	margin-bottom: 1rem;
}

.ads_nav .swiper-button-prev,
.ads_nav .swiper-button-next {
	width: 3rem;
	height: 3rem;
	display: flex;
	border-radius: 10px;
	border: 1px solid var(--color-primary);
	position: inherit;
	top: inherit;
	margin-top: inherit;
	left: inherit;
	right: inherit;
	padding: 0.8rem;
	align-items: center;
	justify-content: center;
	transition: var(--transition-03);
}

.ads_nav .swiper-button-next:after,
.ads_nav .swiper-button-prev:after {
	display: none;
}

.ads_nav .swiper-button-prev:hover,
.ads_nav .swiper-button-next:hover {
	border: 1px solid var(--color-secondary);
	background: var(--color-secondary);
}

.rates_section {
	width: 100%;
	display: flex;
	margin-top: 4rem;
}

.exchanges_rate_hp {
	width: 38.5%;
	height: 406px;
	border-radius: 4px;
	border: 1px solid rgba(133, 155, 163, 0.3);
	padding: 4rem 3rem 2rem 3rem;
	display: flex;
	flex-direction: column;
}

.conversation_rate_hp {
	width: 58%;
	height: 406px;
	border-radius: 4px;
	border: 1px solid rgba(133, 155, 163, 0.3);
	margin-left: auto;
	padding: 4rem 5.5rem 2rem 5.5rem;
	display: flex;
	flex-direction: column;
}

.rates_top {
	display: flex;
	flex-direction: column;
	margin-bottom: 3rem;
}

.rates_title {
	color: var(--color-primary);
	font-size: 3rem;
	line-height: 3.2rem;
	font-weight: var(--font-weight-medium);
	line-height: normal;
}

.rates_txt {
	color: #859ba3;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: var(--font-weight-light);
	line-height: normal;

	margin-top: 1rem;
}

.rates_table {
	width: 100%;
	display: flex;
}

.rates_tables table {
	width: 100%;
	border-collapse: collapse;
}

.rates_tables th {
	color: var(--color-primary);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: normal;

	padding: 1rem 0rem;
	width: 15%;
	text-align: left;
}

.rates_tables td {
	padding: 1rem 0rem;
	text-align: left;
	border-bottom: 1px solid rgba(133, 155, 163, 0.3);
	color: var(--color-primary);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: var(--font-weight-light);
	line-height: normal;
}

.rates_tables td:first-child {
	font-weight: var(--font-weight-bold);
	width: 50%;
}

.rates_tables th:first-child,
.rates_tables td:first-child {
	text-align: left;
}

.sellingimg {
	width: 100%;
	display: flex;
	align-items: center;
}

.sellingimg span {
	margin-left: auto;
}

.rates_btn {
	display: flex;
	width: 100%;
	margin-top: auto;
}

.rates_btn a {
	padding: 2rem 4rem;
	background: var(--color-secondary);
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	font-size: 1.4rem;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
	justify-content: center;
}

.rates_btn a::after {
	content: "";
	position: absolute;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-secondary);
}

.rates_btn a::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 99%;
	left: 0;
	background: var(--color-primary);
	transition: all 0.4s ease;
}

.rates_btn a:hover:before {
	top: 0%;
	left: 0px;
}

.rates_btn a:hover {
	color: var(--color-white);
	background: transparent;
}

.converstation_form {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 2rem;
	position: relative;
}

.converstation_form_Reset {
	width: 4.5rem;
	height: 4.5rem;
	background: #859ba3;
	border-radius: 100%;
	position: absolute;
	right: 0;
	top: 35%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: var(--transition-03);
	cursor: pointer;
}

.converstation_form_Reset:hover {
	background: var(--color-secondary);
}

.converstation_field {
	display: flex;
	width: 85%;
	border-bottom: 1px solid rgba(133, 155, 163, 0.3);
	align-items: flex-end;
}

.converstation_field_select {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-bottom: 0.5rem;
}

.converstation_field_label {
	color: var(--color-primary);
	font-size: 1.4rem;
	font-weight: var(--font-weight-bold);
	line-height: 1.5rem;

	margin-bottom: 0.5rem;
}

.converstation_field_select select {
	width: 100%;
	appearance: none;
	color: #182851;
	font-size: 1.8rem;
	font-weight: var(--font-weight-regular);
	line-height: normal;
	border: none;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABySURBVHgB7Y+xFYAgDESjzyEssXMNNtBJdQPXoJOSLVCJPCQklZRclcDdTwLQ9Fvdtxnn9cTKa2d2m/8t6rYfT+3MNsX3noEGIwaKsKLmIW+9TsYA0e+iMWzRI5zATLNpKwzT0woAAwEpLAIIBKRwUyVdLNko3BRyfxgAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: 100% center;
	background-color: transparent;
}

.converstation_field_input {
	width: 48%;
	display: flex;
	flex-direction: column;
	margin-left: auto;
}

.converstation_field_input input {
	border: none;
	color: var(--color-primary);
	font-size: 3rem;
	font-style: normal;
	font-weight: var(--font-weight-regular);
	line-height: normal;

	text-align: right;
	background-color: transparent;
}

.converstation_notice {
	color: #859ba3;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: var(--font-weight-light);
	line-height: normal;
}

.converstation_disclaimer {
	display: flex;
	gap: 1rem;
	margin-top: auto;
}

.disclaimer_icn {
	color: var(--color-white);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: var(--font-weight-bold);
	line-height: normal;

	width: 2.7rem;
	height: 2.7rem;
	border-radius: 100%;
	background: var(--color-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
}

.converstation_disclaimer_txt {
	width: 100%;
	margin-left: auto;
	color: #859ba3;
	font-weight: var(--font-weight-light);
	font-size: 1.4rem;
	font-style: normal;
	line-height: 1.6rem;
}

/* ! products */
.products {
	padding: 10rem 0% 8rem 5%;
	flex-direction: row;
}

.products_right {
	width: 70%;
	display: flex;
	flex-direction: column;
	margin-left: auto;
}

.product_box {
	/* width: 457px; */
	border-radius: 4px;
	overflow: hidden;
	border-radius: 4px;
}

.product_box a {
	display: flex;
	flex-direction: column;
	position: relative;
}

.product_box_img {
	display: flex;
	width: 100%;
	position: relative;
	pointer-events: none;
	aspect-ratio: 16 / 9;
}

.product_box_img video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.product_box_img video {
	opacity: 0;
	transition: var(--transition-03);
}

.product_box:hover .product_box_img video {
	opacity: 1;
}

.product_box_img::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		180deg,
		rgba(23, 39, 81, 0) 0%,
		rgba(23, 39, 81, 0.3) 100%
	);
}

.product_box svg {
	width: 100%;
	height: 100%;
	display: block;
}

.product_box_shape_1 {
	position: absolute;
	width: 10%;
	right: 5%;
	top: 5%;
	transition: var(--transition-03);
	pointer-events: none;
}

.product_shape_1 {
	fill: #fff;
}

.product_box_shape_2 {
	position: absolute;
	right: 5%;
	top: 5%;
	transition: var(--transition-03);
	opacity: 0;
	width: 10%;
}

.product_shape_2 {
	fill: var(--color-white);
	opacity: 0.1;
}

.product_box a:hover .product_box_shape_1 {
	opacity: 0;
}

.product_box a:hover .product_box_shape_2 {
	opacity: 1;
}

.product_box a:hover .product_box_shape_2 {
	width: 90%;
}

.product_box_info {
	display: flex;
	flex-direction: column;
	position: absolute;
	left: 10%;
	bottom: 10%;
}

.product_box_title {
	color: var(--color-white);
	font-size: 3rem;
	font-weight: var(--font-weight-medium);
	line-height: 110%;
}

.product_box_txt {
	color: var(--color-white);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: var(--font-weight-light);
	line-height: 110%;
	width: 60%;
	margin-top: 1.3rem;
	height: 0;
	overflow: hidden;
	transition: var(--transition-03);
	opacity: 0;
}

.product_box a:hover .product_box_txt {
	height: auto;
    opacity: 1;
}

.products_nav {
	position: relative;
	display: flex;
	width: 100%;
	justify-content: flex-end;
	gap: 1rem;
	margin-bottom: 1rem;
	padding-right: 8%;
}

.products_nav .swiper-button-prev,
.products_nav .swiper-button-next {
	width: 3rem;
	height: 3rem;
	display: flex;
	border-radius: 10px;
	border: 1px solid var(--color-primary);
	position: inherit;
	top: inherit;
	margin-top: inherit;
	left: inherit;
	right: inherit;
	padding: 0.8rem;
	align-items: center;
	justify-content: center;
	transition: var(--transition-03);
}

.products_nav .swiper-button-next:after,
.products_nav .swiper-button-prev:after {
	display: none;
}

.products_nav .swiper-button-prev:hover,
.products_nav .swiper-button-next:hover {
	border: 1px solid var(--color-secondary);
	background: var(--color-secondary);
}

.products_swiper {
	visibility: hidden;
}
.products_swiper.swiper-initialized {
	visibility: visible;
}

.products_left {
	width: 23%;
	display: flex;
	padding-bottom: 4rem;
}

.produts_info {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.produts_info_subtitle {
	color: var(--color-secondary);
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: var(--font-weight-medium);
}

.produts_info_title {
	color: var(--color-primary);
	font-size: 4.5rem;
	font-style: normal;
	font-weight: 300;
	line-height: 5.5rem;
	margin-top: 2.5rem;
}

.produts_info_title strong {
	font-weight: var(--font-weight-medium);
}

.produts_info_desc {
	margin-top: auto;
	color: #859ba3;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: -0.54px;
}

.produts_info_btn {
	display: flex;
	width: 100%;
	max-width: 25.8rem;
	margin-top: 4rem;
}

.produts_info_btn a {
	padding: 2rem 3rem;
	background: var(--color-secondary);
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	font-size: 1.4rem;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
	justify-content: center;
}

.produts_info_btn a::after {
	content: "";
	position: absolute;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-secondary);
}

.produts_info_btn a::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 99%;
	left: 0;
	background: var(--color-primary);
	transition: all 0.4s ease;
}

.produts_info_btn a:hover:before {
	top: 0%;
	left: 0px;
}

.produts_info_btn a:hover {
	color: var(--color-white);
	background: transparent;
}

/* ! teams */
.teams {
	height: 91vh;
	background: #b6c3c8;
	position: relative;
	align-items: center;
	justify-content: center;
}

.teams_center {
	max-width: 70rem;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3rem;
	position: absolute;
	z-index: 1;
}

.video_career {
    width: 100%;
    height: 100%;
    position: relative;
}

.video_career video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video_after_gray {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.85;
    background: #859BA3;
}

.arrow_video_img-right,
.arrow_video_img-left {
    position: absolute;
    top: 0;
}

.arrow_video_img-right {
    right: 0    
}

.arrow_video_img-left {
    left: 0;
}

.teams_center_title {
	color: var(--color-white);
	font-size: 6rem;
	font-style: normal;
	font-weight: var(--font-weight-light);
	line-height: 6.5rem;
	text-align: center;
}

.teams_center_title strong {
	font-weight: var(--font-weight-medium);
}

.teams_btn {
	display: flex;
	width: 100%;
	max-width: 25.8rem;
}

.teams_btn a {
	padding: 2rem 3rem;
	background: var(--color-secondary);
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	font-size: 1.4rem;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
	justify-content: center;
}

.teams_btn a::after {
	content: "";
	position: absolute;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-secondary);
}

.teams_btn a::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 99%;
	left: 0;
	background: var(--color-primary);
	transition: all 0.4s ease;
}

.teams_btn a:hover:before {
	top: 0%;
	left: 0px;
}

.teams_btn a:hover {
	color: var(--color-white);
	background: transparent;
}

.teams_images_cnt {
	position: absolute;
	width: 100%;
	height: 100%;
}

.teams_images_cnt > div {
	position: absolute;
	overflow: hidden;
	background: #b6c3c8;
}

.t_img_1 {
	width: 30.1rem;
	border-radius: 0px 0px 4px 4px;
	left: 8%;
	top: 0;
}

.t_img_2 {
	width: 37.1rem;
	height: 21.2rem;
	border-radius: 4px;
	left: 50%;
	top: 5%;
	transform: translateX(-50%);
}

.t_img_3 {
	width: 26.1rem;
	border-radius: 4px;
	right: 8%;
	top: 3%;
}

.t_img_4 {
	width: 29.1rem;
	border-radius: 4px;
	left: 4%;
	bottom: 27%;
}

.t_img_5 {
	width: 22.4rem;
	border-radius: 4px 4px 0 0;
	left: 27%;
	bottom: 0%;
}

.t_img_6 {
	width: 32.6rem;
	height: 17.4rem;
	border-radius: 4px;
	right: 27%;
	bottom: 3%;
}

.t_img_7 {
	width: 23.7rem;
	border-radius: 4px;
	right: 14%;
	bottom: 28%;
}

.teams_images_cnt video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ! news */
.news {
	padding: 11rem 0 7rem 0;
}

.news .cnt_wp {
	display: flex;
	flex-direction: row;
	width: 100%;
}

.news_left {
	width: 42.5%;
	height: 72rem;
	border-radius: 4px;
	border: 1px solid rgba(133, 155, 163, 0.3);
	position: relative;
	display: flex;
	overflow: hidden;
}




.news_left_img_wp {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-end; /* push image to bottom if container height exists */
  min-height: 200px;     /* fallback height if no container height */
  transition: all 0.3s ease-out 0s;
}

.news_left_img_wp img {
  position: relative;      /* for flex alignment */
  width: 100%;
  height: auto;            /* maintain aspect ratio */
  max-height: 100%;
  object-fit: contain;     /* show full image */
  object-position: bottom center;
  margin-top: auto;        /* push image down in flex */
  display: block;
  
}

@media (max-width: 767px) {
  .news_left_img_wp img {
    /*position: absolute;*/
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: auto;
    max-height: none;      /* allow natural height */
  }
}

@media (max-width: 1023px) {
  .news_left_img_wp {
    min-height: 300px;
  }
}

@media (min-width: 1024px) {
  .news_left_img_wp {
    position: absolute;
    bottom: 0;
    
  }
}










.news_left_desc_link:hover .news_left_img_wp {
    transform: translateY(-12px) scale(1.05);
    
}



.news_left_desc_link:hover .arrow-svg-wp svg path {
    fill: #FECF0A;
}

.news_left_desc {
	display: flex;
	flex-direction: column;
	padding: 8rem 6rem 0;
	width: 100%;
}

.news_left_desc_title {
	color: var(--color-primary);
	font-size: 4rem;
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: 120%;
}

.news_left_desc_subtitle {
	color: var(--color-primary);
	font-size: 1.6rem;
	font-style: normal;
	line-height: 140%;
}

.arrow-svg-wp {
    position: absolute;
    right: 2.8rem;
    top: 0;
    z-index: -1;
    transform: scale(.9);
}

.arrow-svg-wp svg path {
    fill: transparent;
    stroke: #FECF0A;
    stroke-width: 3px;
    transition: all 0.3s ease-in;
}

.news_right {
	width: 55.5%;
	margin-left: auto;
	display: flex;
	flex-wrap: wrap;
}

.annual_report {
	width: 100%;
	display: flex;
	background: #859ba3;
	height: 39rem;
	border-radius: 4px;
	padding: 10rem 4.5rem 4rem;
	position: relative;
}

.annual_report_desc {
	width: 50%;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.annual_report_img {
    position: absolute;
    top: -40px;
    right: 0;
}

.annual-book {
    position: relative;
    z-index: 11;
}

.svg_wp {
    position: absolute;
    top: 55%;
    left: 55%;
    transform: translate(-50%, -50%) scale(1.4);
    opacity: 0;
    transition: all 0.3s ease-in;
}

.svg_wp path {
    fill: transparent;
    stroke: #FECF0A;
    stroke-width: 3px;
}

.annual_report_btn a:hover .annual_report_img .svg_wp {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1.2);
}

.annual_report_title {
	position: relative;
	color: var(--color-white);
	font-size: 4rem;
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: 120%;
}

.annual_report_title span {
	color: rgba(255, 255, 255, 0.15);
	font-size: 10rem;
	font-style: normal;
	font-weight: var(--font-weight-light);
	position: absolute;
	top: 50%;
	right: 10%;
	transform: translateY(-50%);
}

.annual_report_txt {
	color: var(--color-white);
	font-size: 1.6rem;
	font-style: normal;
	line-height: 140%;
	margin-top: auto;
	width: 80%;
}

.annual_report_btn {
	display: flex;
	margin-top: 2rem;
}

.annual_report_btn a {
	color: var(--color-white);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: var(--font-weight-bold);
	line-height: normal;
	text-transform: uppercase;
	display: flex;
	gap: 1.3rem;
	align-items: flex-end;
	transition: all 0.3s ease-in;
}

.annual_report_btn a span {
	width: 1.2rem;
	height: 1.2rem;
	display: flex;
	position: relative;
	top: -1px;
}

.annual_report_btn a span svg {
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
	transition: all 0.3s ease-in;
}

.annual_report_btn a:hover {
	color: var(--color-secondary);
}

.annual_report .annual_report_btn a:hover span svg {
	opacity: 0;
	position: absolute;
	bottom: 0;
}

.annual_report .annual_report_btn_text {
    transform: translateX(0);
	transition: all 0.3s ease-in;
}

.annual_report .annual_report_btn a:hover > .annual_report_btn_text {
	transform: translateX(-23px);
}

.arrowhite {
	fill: var(--color-white);
	transition: var(--transition-03);
}

.annual_report_btn a:hover .arrowhite {
	fill: var(--color-secondary);
}

.estatement {
	width: 48%;
	height: 30rem;
	display: flex;
	background: #bbc258;
	border-radius: 4px;
	margin-top: auto;
}

.estatement a {
	width: 100%;
	height: 100%;
	display: flex;
	padding: 4.2rem 4.5rem;
	border-radius: 4px;
	flex-direction: column;
	transition: all 0.3s ease-in;
	position: relative;
}

.estatement a:hover {
	background: var(--color-secondary);
}

.estatement_title {
	color: var(--color-primary);
	font-size: 3rem;
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: 120%;
}

.estatement_desc {
	margin-top: auto;
	color: var(--color-primary);
	font-size: 1.6rem;
	font-style: normal;
	line-height: 140%;
}

.estatement_btn {
	display: flex;
	color: var(--color-primary);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: var(--font-weight-bold);
	line-height: normal;
	text-transform: uppercase;
	gap: 1.3rem;
	margin-top: 4rem;
	align-items: flex-end;
}

.estatement_btn span {
	width: 1.2rem;
	height: 1.2rem;
	display: flex;
	position: relative;
	top: -1px;
}

.estatement_btn span svg {
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
    transition: all 0.3s ease-in;
}

.estatement a:hover > .estatement_btn span svg,
.complaint a:hover > .estatement_btn span svg {
	opacity: 0;
	position: absolute;
	bottom: 0;
}

.estatement .estatement_btn_text,
.complaint .estatement_btn_text {
    transform: translateX(0);
	transition: all 0.3s ease-in;
}

.estatement a:hover > .estatement_btn .estatement_btn_text,
.complaint a:hover > .estatement_btn .estatement_btn_text {
	transform: translateX(-23px);
}

.complaint {
	width: 48%;
	height: 30rem;
	display: flex;
	background: #e1e1db;
	border-radius: 4px;
	margin-left: auto;
	margin-top: auto;
}

.complaint a {
	width: 100%;
	height: 100%;
	display: flex;
	padding: 4.2rem 4.5rem;
	border-radius: 4px;
	flex-direction: column;
}

.complaint a:hover {
	background: var(--color-secondary);
}

/* ! Inner page */
.smaller_hero {
	height: 70vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	border-radius: 0px 0px 4px 4px;
}

.smaller_hero::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		135deg,
		rgba(24, 40, 81, 0.4) 0%,
		rgba(254, 207, 10, 0.3) 100%
	);
}

.smaller_hero_wp {
	width: 100%;
	height: 100%;
	display: flex;
}

.smaller_hero_wp .cnt_wp {
	height: 100%;
	position: relative;
	z-index: 1;
	flex-direction: column;
	display: flex;
	justify-content: flex-end;
	padding-bottom: 10%;
}

.smaller_hero_inner {
	width: 40%;
}

.smaller_hero_title {
	color: var(--color-white);
	font-size: 5.8rem;
	font-style: normal;
	font-weight: var(--font-weight-light);
	line-height: 7rem;
}

.smaller_hero_title strong {
	font-weight: var(--font-weight-medium);
}

.smaller_hero_txt {
	color: var(--color-white);
	font-size: 1.8rem;
	line-height: 2.5rem;
	margin-top: 1.5rem;
}

.smaller_hero_btn {
	display: flex;
	margin-top: 4rem;
}

.smaller_hero_btn a {
	margin-top: auto;
	padding: 2rem 4rem;
	background: var(--color-secondary);
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	font-size: 1.4rem;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
	justify-content: center;
	transition: var(--transition-03);
	width: 25.8rem;
}

.smaller_hero_btn a::after {
	content: "";
	position: absolute;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-secondary);
}

.smaller_hero_btn a::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 99%;
	left: 0;
	background: var(--color-primary);
	transition: all 0.4s ease;
}

.smaller_hero_btn a:hover:before {
	top: 0%;
	left: 0px;
}

.smaller_hero_btn a:hover {
	color: var(--color-white);
	background: transparent;
}

.bottom_box_right {
	width: 50%;
	height: 50rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.bottom_box_right::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(90deg, #f5f5f5 5%, rgba(245, 245, 245, 0) 72.58%);
}

.loans_listing {
	padding: 8rem 0;
}

.loans_listing .cnt_wp {
	flex-direction: column;
}

.loans_listing_subtitle {
	color: var(--color-secondary);
	font-size: 2rem;
	font-weight: var(--font-weight-medium);
	line-height: 2rem;
	text-align: center;
	margin-bottom: 3.5rem;
}

.loans_listing_title {
	color: var(--color-primary);
	text-align: center;
	font-size: 3rem;
	font-weight: var(--font-weight-light);
	line-height: 4rem;
	letter-spacing:-1px;
	margin:auto;
	padding:0 1.5rem;
}

.loans_listing_title strong {
	font-weight: var(--font-weight-medium);
}

.loans_listing_wp {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 7rem;
}

.loans_box {
	width: 50%;
	border-bottom: 1px solid rgba(133, 155, 163, 0.3);
	padding-bottom: 5rem;
	padding-left: 5rem;
	padding-top: 5rem;
	padding-right: 1rem;
}

.loans_box:nth-child(odd) {
	border-right: 1px solid rgba(133, 155, 163, 0.3);
	padding-right: 5rem;
	padding-left: 0;
	padding-left: 1rem;
}




.loans_box a {
	display: flex;
	width: 100%;
}

.loans_box_img {
	width: 53%;
	margin-left: auto;
	border-radius: 4px;
	overflow: hidden;
}

.loans_box_info {
	width: 37%;
	display: flex;
	flex-direction: column;
}

.loans_box_info_title {
	color: var(--color-primary);
	font-size: 3rem;
	font-weight: var(--font-weight-medium);
	line-height: 110%;
	margin-bottom: 3rem;
}

.loans_box_info_subtitle {
	color: var(--color-primary);
	font-size: 1.6rem;
	font-weight: var(--font-weight-medium);
	line-height: 130%;
	margin-bottom: 1rem;
}

.loans_box_info_txt {
	color: #859ba3;
	font-size: 1.6rem;
	line-height: 130%;
}

.loans_box_info ul {
	display: flex;
	flex-direction: column;
	margin-top: 1.5rem;
}

.loans_box_info ul li {
	color: #182851;
	font-size: 1.6rem;
	font-weight: var(--font-weight-medium);
	line-height: 130%;
	border-bottom: 1px solid rgba(133, 155, 163, 0.3);
	padding: 0.5rem 0 0.5rem 1.8rem;
	position: relative;
}

.loans_box_info ul li::before {
	content: "";
	width: 8px;
	height: 8px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABUSURBVHgBjY2rEcAgFATvISIiUVGJiUlPoREaowAKQFEAPaAQfCQMw+fMid2ZpWjOhMkYFtsQLgnwfywQF4DXQ4Gi/RKCmyRqeDxdjtWQXlX+boQMEYUOdbQNYRAAAAAASUVORK5CYII=)
		center center no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 8px;
}

.loans_box_info ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.loans_box_info_btn {
	margin-top: auto;
	padding: 2rem 4rem;
	background: var(--color-secondary);
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	font-size: 1.4rem;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
	justify-content: center;
	transition: var(--transition-03);
}

.loans_box_info_btn::after {
	content: "";
	position: absolute;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-secondary);
}

.loans_box_info_btn::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 99%;
	left: 0;
	background: var(--color-primary);
	transition: all 0.4s ease;
}

.loans_box_info_btn:hover:before {
	top: 0%;
	left: 0px;
}

.loans_box_info_btn:hover {
	color: var(--color-white);
	background: transparent;
}

.bottom_box {
	padding: 4rem 0;
}

.bottom_box_left {
	padding-left: 7%;
	width: 50%;
	background: #f5f5f5;
	display: flex;
	align-items: center;
}

.bottom_box_desc {
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
	z-index: 1;
}

.bottom_box_subtitle {
	color: var(--color-secondary);
	font-size: 1.8rem;
	font-weight: var(--font-weight-medium);
	line-height: 2rem;
	margin-bottom: 2.5rem;
}

.bottom_box_title {
	color: var(--color-primary);
	font-size: 5rem;
	font-weight: var(--font-weight-light);
	line-height: 5.5rem;
}

.bottom_box_title strong {
	font-weight: var(--font-weight-medium);
}

.bottom_box_btn {
	display: flex;
	margin-top: 4rem;
}

.bottom_box_btn a {
	margin-top: auto;
	padding: 2rem 4rem;
	background: var(--color-secondary);
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	font-size: 1.4rem;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
	justify-content: center;
	transition: var(--transition-03);
	width: 25.8rem;
}

.bottom_box_btn a::after {
	content: "";
	position: absolute;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-secondary);
}

.bottom_box_btn a::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 99%;
	left: 0;
	background: var(--color-primary);
	transition: all 0.4s ease;
}

.bottom_box_btn a:hover:before {
	top: 0%;
	left: 0px;
}

.bottom_box_btn a:hover {
	color: var(--color-white);
	background: transparent;
}

.bottom_box_right {
	width: 50%;
	height: 50rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.bottom_box_right::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(90deg, #f5f5f5 5%, rgba(245, 245, 245, 0) 72.58%);
}

/* ! inner loans */
.inner_loans_banner {
	padding: 22rem 0 10rem 0;
}

.inner_loans_banner .cnt_wp {
}

.inner_loans_banner_img {
	width: 50%;
	top: 100px;
    position: -webkit-sticky;
    position: sticky;
    padding-right: 2rem;

}

.cnt_wp.sticky {align-items: start;}

.inner_loans_banner_right {
	width: 50%;
	padding-top: 5rem;
	display: flex;
	flex-direction: column;
}

.inner_loans_breadcrumb {
	display: flex;
	margin-bottom: 2rem;
}

.inner_loans_breadcrumb li a,
.inner_loans_breadcrumb li {
	color: rgba(24, 40, 81, 0.3);
	font-size: 1.4rem;
	line-height: 2rem;
}

.inner_loans_breadcrumb li:last-child a {
	color: var(--color-secondary);
	pointer-events: none;
}

.inner_loans_breadcrumb li::after {
	content: ">";
	margin-left: 1rem;
	margin-right: 1rem;
}

.inner_loans_breadcrumb li:last-child::after {
	display: none;
}

.inner_loans_breadcrumb li a:hover {
	color: var(--color-primary);
}

.inner_loans_title {
	color: var(--color-primary);
	font-size: 5rem;
	font-weight: var(--font-weight-medium);
	line-height: 6.5rem;
	margin-bottom: 2.4rem;
}

.inner_loans_subtitle {
	color: var(--color-primary);
	font-size: 2rem;
	font-weight: var(--font-weight-medium);
	line-height: 2.8rem;
	margin-bottom: 1.4rem;
}

.inner_loans_txt {
	color: var(--color-primary);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
	max-width: 90%;
}

.inner_loans_txt ul li {
    padding: 0 0 0 1.8rem;
    position: relative;
   
}

.inner_loans_txt ul li::before {
    content: "";
    width: 8px;
    height: 9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABNSURBVHgBhcyxDcAgEANA+4sUmSKjJKNlk9+EEVgBFsFQIYQEuHHhk1niLWxiOOQM2v9PwpfAUFzCu3mw0PpZgmlMAn0GfSSuD1AeQQWZ+xBunR/NggAAAABJRU5ErkJggg==) center center no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 8px;
}

.inner_loans_features {
	display: flex;
	width: 100%;
	margin-top: 4rem;
	flex-direction: column;
}

.inner_loans_features_title {
	color: var(--color-primary);
	font-size: 2rem;
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: 2.8rem;
}

.inner_loans_features ul {
	/*display: flex;*/
	gap: 1rem;
	margin-top: 2rem;
	border-bottom: 1px solid rgba(24, 40, 81, 0.2);
	padding-bottom: 4rem;
}

.inner_loans_features li {
	color: #182851;
	font-size: 1.6rem;
	font-weight: var(--font-weight-medium);
	line-height: 130%;
	position: relative;
	border-radius: 4px;
	/*background: rgba(133, 155, 163, 0.2);*/
	padding: 1rem 2rem 1rem 2rem;
}

.inner_loans_features li::before {
	content: "";
	width: 8px;
	height: 8px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABUSURBVHgBjY2rEcAgFATvISIiUVGJiUlPoREaowAKQFEAPaAQfCQMw+fMid2ZpWjOhMkYFtsQLgnwfywQF4DXQ4Gi/RKCmyRqeDxdjtWQXlX+boQMEYUOdbQNYRAAAAAASUVORK5CYII=)
		center center no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 15px;
}

.inner_loans_btn {
	display: flex;
	width: 100%;
	margin-top: 4rem;
}

.inner_loans_btn li:first-child a {
	margin-top: auto;
	padding: 2rem 4rem;
	background: var(--color-secondary);
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	font-size: 1.4rem;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
	justify-content: center;
	transition: var(--transition-03);
	/*width: 25.8rem;*/
	border: 1px solid var(--color-secondary);
}

.inner_loans_btn li:first-child a::after {
	content: "";
	position: absolute;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-secondary);
}

.inner_loans_btn li:first-child a::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 99%;
	left: 0;
	background: var(--color-primary);
	transition: all 0.4s ease;
}

.inner_loans_btn li:first-child a:hover:before {
	top: 0%;
	left: 0px;
}

.inner_loans_btn li:first-child a:hover {
	color: var(--color-white);
	background: transparent;
	border: 1px solid var(--color-primary);
}

.inner_loans_btn li:nth-child(2) a {
	margin-top: auto;
	padding: 2rem 4rem;
	background: var(--color-white);
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	border: 1px solid var(--color-primary);
	font-size: 1.4rem;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
	justify-content: center;
	transition: var(--transition-03);
	/*width: 25.8rem;*/
}

.inner_loans_btn li:nth-child(2) a::after {
	content: "";
	position: absolute;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-white);
}

.inner_loans_btn li:nth-child(2) a::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 99%;
	left: 0;
	background: var(--color-primary);
	transition: all 0.4s ease;
}

.inner_loans_btn li:nth-child(2) a:hover:before {
	top: 0%;
	left: 0px;
}

.inner_loans_btn li:nth-child(2) a:hover {
	color: var(--color-white);
	background: transparent;
}

.inner_loans_btn ul {
	display: flex;
	gap: 2rem;
}

.inner_loans_txt p:first-of-type {
  margin-bottom:-2.5rem;
}


.features {
	padding: 5rem 0;
}

.features .cnt_wp {
	display: flex;
	flex-direction: column;
}

.features_top {
	display: flex;
	flex-direction: column;
	width: 50%;
	text-align: center;
	margin: 0 auto;
}

.features_title {
	color: var(--color-secondary);
	font-size: 1.6rem;
	font-weight: var(--font-weight-medium);
	line-height: 2rem;
}

.features_txt {
	color: var(--color-primary);
	text-align: center;
	font-size: 4rem;
	font-style: normal;
	font-weight: var(--font-weight-light);
	line-height: 5rem;
	margin-top: 3rem;
}

.features_txt strong {
	font-weight: var(--font-weight-medium);
}

.features_wp {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 6rem;
	margin-bottom: 5rem;
	position:relative;
}

.features_box {
	width: 33.3333%;
	display: flex;
	height: 24rem;
    border:1px solid rgba(133, 155, 163, 0.3);
	padding: 2rem 4rem;
	flex-direction: column;
	justify-content: flex-start;
}

.features_box:nth-child(1),
.features_box:nth-child(2),
.features_box:nth-child(4),
.features_box:nth-child(5) {
    border-top-color: #fff;
    border-bottom-color: rgba(133, 155, 163, 0.3);
    border-left-color: #fff;
    border-right-color: rgba(133, 155, 163, 0.3);
}

.features_box:nth-child(3),
.features_box:nth-child(6),
.features_box:nth-child(9){
    border-top-color: #fff;
    border-bottom-color: rgba(133, 155, 163, 0.3);
    border-left-color: #fff;
    border-right-color: #fff;
}

.features_box:nth-child(7) {
    border-top-color: #fff;
    border-bottom-color: #fff;
    border-left-color: #fff;
    border-right-color: rgba(133, 155, 163, 0.3);
}

.features_box:nth-child(8) {
    border-color: #fff;
    border-right-color: rgba(133, 155, 163, 0.3);
}


/*.features_box:nth-child(1) {*/
/*    border-right:1px solid rgba(133, 155, 163, 0.3);*/
/*    border-bottom: 1px solid rgba(133, 155, 163, 0.3);   */
/*}*/

/*.features_box:nth-child(2) {*/
/*    border-bottom: 1px solid rgba(133, 155, 163, 0.3);   */
/*}*/

/*.features_box:nth-child(3) {*/
/*    border-left:1px solid rgba(133, 155, 163, 0.3);*/
/*    border-bottom: 1px solid rgba(133, 155, 163, 0.3);   */
/*}*/

/*.features_box:nth-child(4) {*/
/*    border-right:1px solid rgba(133, 155, 163, 0.3);  */
/*}*/

/*.features_box:nth-child(5) {*/
/*    border-right:1px solid rgba(133, 155, 163, 0.3);  */
/*}*/

/*.features_box:nth-child(7) {*/
/*    border-top:1px solid rgba(133, 155, 163, 0.3);*/
/*    border-right:1px solid rgba(133, 155, 163, 0.3);  */
/*}*/

/*.features_box:nth-child(8) {*/
/*    border-top:1px solid rgba(133, 155, 163, 0.3);*/
/*    border-right:1px solid rgba(133, 155, 163, 0.3);*/
/*}*/

/*.features_box:nth-child(10) {*/
/*    border-top:1px solid rgba(133, 155, 163, 0.3);*/
/*    border-right:1px solid rgba(133, 155, 163, 0.3);*/
/*}*/

/*.features_box:nth-child(11) {*/
/*    border-top:1px solid rgba(133, 155, 163, 0.3);*/
/*    border-right:1px solid rgba(133, 155, 163, 0.3);*/
/*}*/
/*.features_box:nth-child(12) {*/
/*    border-top:1px solid rgba(133, 155, 163, 0.3);*/
/*}*/

/*.features_box.border {*/
/*    border-bottom:1px solid rgba(133, 155, 163, 0.3);*/
/*}*/

.features_box_title {
	gap: 2rem;
	color: var(--color-primary);
	font-size: 2rem;
	font-weight: var(--font-weight-medium);
	line-height: 2.2rem;
	display: flex;
	align-items: center;
}

.features_box_title span.icon {
	width: 4.5rem;
}

.f_title {
	width: 80%;
}

.features_box_txt {
	color: #859ba3;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2.4rem;
	margin-top: 2rem;
}

.features_btn {
	display: flex;
	margin: 0 auto;
}

.features_btn a {
	margin-top: auto;
	padding: 2rem 4rem;
	background: var(--color-secondary);
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	font-size: 1.4rem;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
	justify-content: center;
	transition: var(--transition-03);
	width: 25.8rem;
	border: 1px solid var(--color-secondary);
}

.features_btn a::after {
	content: "";
	position: absolute;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-secondary);
}

.features_btn a::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 99%;
	left: 0;
	background: var(--color-primary);
	transition: all 0.4s ease;
}

.features_btn a:hover:before {
	top: 0%;
	left: 0px;
}

.features_btn a:hover {
	color: var(--color-white);
	background: transparent;
	border: 1px solid var(--color-primary);
}

.usefull_section {
	/*padding: 10rem 0;*/
}

.usefull_wp {
	width: 100%;
	background: var(--color-primary);
	border-radius: 4px;
	display: flex;
	padding: 10rem 6rem 7rem 6rem;
}

.usefull_left {
	width: 53%;
	position: relative;
}

.usefull_shape {
	width: 60%;
	position: absolute;
	left: 0;
	top: -4rem;
}

.usefull_shape svg {
	width: 100%;
	height: 100%;
	display: block;
}

.usefull_img {
	width: 80%;
	margin-left: auto;
	overflow: hidden;
	border-radius: 4px;
	position: relative;
}

.usefull_right {
	width: 40%;
	margin-left: auto;
	padding-top: 2rem;
	display: flex;
	flex-direction: column;
	padding-right: 6%;
	padding-bottom: 2rem;
}

.usefull_right.hide_img  {
    width: 96%;
}

.usefull_subtitle {
	color: var(--color-secondary);
	font-size: 1.6rem;
	font-weight: var(--font-weight-medium);
	line-height: 2rem;
	margin-bottom: 2rem;
}

.usefull_title {
	color: var(--color-white);
	font-size: 3rem;
	font-weight: var(--font-weight-light);
	line-height: 4rem;
}

.usefull_title p {
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.usefull_tabs {
	display: flex;
	width: 100%;
}

.tabs {
	display: flex;
	width: 100%;
	flex-direction: column;
}

.tab-nav {
	display: flex;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 0 0.5rem;
	margin-bottom: 2rem;
	gap: 1.5rem;
}

.tab-nav li {
	cursor: pointer;
	transition: var(--transition-03);
	color: rgba(255, 255, 255, 0.3);
	font-size: 1.8rem;
	line-height: 2rem;
	padding: 2rem 0;
	position: relative;
}

.tab-nav li::after {
	content: "";
	width: 100%;
	height: 2px;
	background: var(--color-secondary);
	position: absolute;
	left: 0;
	bottom: -1px;
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

.tab-nav li.active {
	color: var(--color-white);
}

.tab-nav li.active::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}

.tab-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 0 0.5rem;
}

.usefull_section .tab-content{
  display: block;
}

.tab-pane {
	display: none;
}

.tab-pane.active {
	display: block;
}

.usefull_tabs_content {
	/*display: flex;*/
	width: 100%;
}

.usefull_tabs_content .tab_text {
	color: var(--color-white);
    font-size: 1.8rem;
    line-height: 2.4rem;
    position: relative;
    padding: 2.4rem 0 3.4rem 0;
}

.usefull_tabs_content ul {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.usefull_tabs_content ul li {
	color: var(--color-white);
	font-size: 1.8rem;
	line-height: 2.4rem;
	padding: 0 0 0 1.8rem;
	position: relative;
}

.usefull_tabs_content ul li::before {
	content: "";
	width: 8px;
	height: 9px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABNSURBVHgBhcyxDcAgEANA+4sUmSKjJKNlk9+EEVgBFsFQIYQEuHHhk1niLWxiOOQM2v9PwpfAUFzCu3mw0PpZgmlMAn0GfSSuD1AeQQWZ+xBunR/NggAAAABJRU5ErkJggg==)
		center center no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 8px;
}

.loan_cal_section {
	padding: 10rem 0;
}

.loan_cal_wp {
	display: flex;
	width: 100%;
	border-radius: 4px;
	background: rgba(133, 155, 163, 0.2);
	padding: 9rem 12%;
	flex-direction: column;
}

.loan_cal_wrapper {
    display: flex;
    margin-bottom: 5rem;
}

.loan_cal_left {
	width: 50%;
}

.loan_cal_title {
	color: var(--color-primary);
	font-size: 3rem;
	font-weight: var(--font-weight-medium);
	line-height: 3rem;
	margin-bottom: 1.5rem;
}

.loan_cal_txt {
	color: #859ba3;
	font-size: 1.6rem;
	font-style: normal;
	line-height: 2rem;
}

.loan_cal_nouislider {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 8rem;
}

.loan_cal_nouislider_box {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 4rem;
}

.loan_cal_nouislider_box:last-child {
	margin-bottom: 0;
}

.loan_cal_nouislider_info {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.loan_cal_nouislider_title {
	color: var(--color-primary);
	font-size: 2rem;
	font-weight: var(--font-weight-medium);
	line-height: 2rem;
}

.loan_cal_nouislider_amount {
	color: var(--color-primary);
	font-size: 1.6rem;
	font-size: 2rem;
	font-weight: var(--font-weight-medium);
	line-height: 2rem;
	border-radius: 4px;
	border: 1px solid rgba(24, 40, 81, 0.2);
	padding: 1.5rem 3rem;
}

.loan_cal_nouislider_range {
	display: flex;
	flex-direction: column;
	margin-top: 3rem;
}

.loan_cal_num {
	display: flex;
	color: var(--color-primary);
	font-size: 1.6rem;
	line-height: 2rem;
	justify-content: space-between;
	margin-top: 1.5rem;
}

.loan_cal_numtxt {
	color: #859ba3;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
	margin-top: 1rem;
}

.noUi-connect {
	background: var(--color-secondary);
}

.noUi-connects {
	border-radius: 8px;
}
.noUi-target {
	border-radius: 8px;
	border: none;
}

.noUi-horizontal .noUi-handle {
	width: 33px;
	height: 33px;
	top: -8px;
}

.noUi-handle {
	border-radius: 100%;
	border: none;
	cursor: pointer;
}

.noUi-handle:after,
.noUi-handle:before {
	display: none;
}

.loan_cal_right {
	width: 45%;
	height: 100%;
	margin-left: auto;
	padding-top: 9rem;
	display: flex;
}

.loan_cal_right_wp {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background: var(--color-white);
	border-radius: 4px;
	padding: 6rem 6rem;
}

.loan_cal_right_title {
	color: #859ba3;
	font-size: 1.8rem;
	line-height: 2rem;
}

.loan_cal_right_pricing {
	display: flex;
	align-items: flex-end;
	margin-top: 2rem;
}

.loan_pricing {
	width: 66.6666%;
	display: flex;
	color: var(--color-primary);
	font-size: 5rem;
	font-weight: var(--font-weight-light);
	align-items: flex-end;
	gap: 1rem;
}

.loan_pricing span {
	font-size: 2.4rem;
	font-weight: var(--font-weight-regular);
	line-height: inherit;
	position: relative;
	top: -5px;
}

.loan_pricing_txt {
	width: 33.3333%;
	color: var(--color-primary);
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2rem;
	position: relative;
	top: -5px;
}

.loan_cal_right_inner {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 4.5rem;
	margin-bottom: 3.5rem;
}

.loan_cal_right_box {
	display: flex;
	align-items: flex-end;
	border-bottom: 1px solid rgba(24, 40, 81, 0.3);
	padding: 0 1rem 2rem 0.5rem;
}

.loan_cal_right_box_info {
	display: flex;
	flex-direction: column;
	width: 45%;
}

.loan_cal_right_box_title {
	color: #859ba3;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: 2rem;
}

.loan_cal_right_box_desc {
	color: var(--color-primary);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: var(--font-weight-regular);
	line-height: 2rem;
	margin-top: 0.8rem;
}

.loan_cal_right_box_price {
	color: var(--color-primary);
	font-size: 2rem;
	font-weight: var(--font-weight-regular);
	line-height: 2rem;
	width: 30%;
	margin-left: auto;
	text-align: right;
}

.loan_cal_right_box:nth-child(2) {
	padding-top: 2rem;
	border: none;
	padding-bottom: 0;
}

.loan_cal_right_apply {
	display: flex;
	flex-direction: column;
	margin-top: auto;
}

.loan_cal_right_apply_btn input {
	margin-top: auto;
	padding: 2rem 4rem;
	background: var(--color-secondary);
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	font-size: 1.4rem;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	text-align: center;
	justify-content: center;
	transition: var(--transition-03);
	width: 100%;
	border: 1px solid var(--color-secondary);
	cursor: pointer;
}

.loan_cal_right_apply_btn input:hover {
	color: var(--color-white);
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.loan_cal_right_apply_title {
	color: var(--color-primary);
	font-size: 2.4rem;
	font-weight: var(--font-weight-medium);
	line-height: 3rem;
}

.loan_cal_right_email_txt input {
    padding: 2rem 2rem 2rem 0rem;
    margin-top: 2rem;
    width: 100%;
    border: 0;
    border-bottom: 1px solid rgba(133, 155, 163, 1);
    font-size: 1.6rem;
}


.loan_cal_right_apply_txt {
	color: #859ba3;
	font-size: 1.6rem;
	line-height: 2rem;
}

.loan_cal_right_apply_btn {
	width: 100%;
	display: flex;
	margin-top: 3rem;
	position: relative;
	z-index: 1;
}

.loan_cal_right_apply_btn a {
	margin-top: auto;
	padding: 2rem 4rem;
	background: var(--color-secondary);
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	font-size: 1.4rem;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
	justify-content: center;
	transition: var(--transition-03);
	width: 100%;
	border: 1px solid var(--color-secondary);
}

.loan_cal_right_apply_btn a::after {
	content: "";
	position: absolute;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-secondary);
}

.loan_cal_right_apply_btn a::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 99%;
	left: 0;
	background: var(--color-primary);
	transition: all 0.4s ease;
}

.loan_cal_right_apply_btn a:hover:before {
	top: 0%;
	left: 0px;
}

.loan_cal_right_apply_btn a:hover {
	color: var(--color-white);
	background: transparent;
	border: 1px solid var(--color-primary);
}

.loans_listing.loans_listing_inner .loans_box {
	border-bottom: none;
}

/* ! career */
.career_intro {
	padding: 10rem 0;
}

.career_intro_left {
	width: 47%;
	display: flex;
	flex-direction: column;
}

.career_intro_subtitle {
	color: var(--color-secondary);
	font-size: 1.6rem;
	font-weight: var(--font-weight-medium);
	line-height: 2rem;
}

.career_intro_title {
	color: var(--color-primary);
	font-size: 4.5rem;
	font-style: normal;
	font-weight: var(--font-weight-light);
	line-height: 5.5rem;
	margin-top: 4rem;
}

.career_intro_title strong {
	font-weight: var(--font-weight-medium);
}

.career_intro_txt {
	color: #859ba3;
	font-size: 1.8rem;
	font-style: normal;
	line-height: 2.4rem;
	width: 80%;
	margin-top: auto;
}

.career_intro_strongtxt {
	color: var(--color-primary);
	font-size: 2.4rem;
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: 3rem;
	margin-top: 3.5rem;
	width: 80%;
}

.career_intro_btn {
	display: flex;
	margin-top: 4rem;
}

.career_intro_btn a {
	margin-top: auto;
	padding: 2rem 4rem;
	background: var(--color-secondary);
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	font-size: 1.4rem;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	text-align: center;
	justify-content: center;
	transition: var(--transition-03);
	min-width: 25rem;
	border: 1px solid var(--color-secondary);
}

.career_intro_btn a::after {
	content: "";
	position: absolute;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-secondary);
}

.career_intro_btn a::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 99%;
	left: 0;
	background: var(--color-primary);
	transition: all 0.4s ease;
}

.career_intro_btn a:hover:before {
	top: 0%;
	left: 0px;
}

.career_intro_btn a:hover {
	color: var(--color-white);
	background: transparent;
	border: 1px solid var(--color-primary);
}

.career_intro_right {
	width: 66.6666%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-top: 10rem;
}

.career_img_s {
	width: 48%;
	border-radius: 4px;
	overflow: hidden;
}

.career_img_m {
	width: 48%;
	border-radius: 4px;
	overflow: hidden;
}

.joblisting {
	padding: 10rem 0;
}

.joblisting .cnt_wp {
	flex-direction: column;
}

.joblisting_top {
	display: flex;
	flex-direction: column;
	max-width: 60rem;
	margin: 0 auto;
	text-align: center;
}

.joblisting_subtitle {
	color: var(--color-secondary);
	font-size: 2rem;
	font-weight: var(--font-weight-medium);
	line-height: 2rem;
	margin-bottom: 4rem;
}

.joblisting_title {
	color: var(--color-primary);
	text-align: center;
	font-size: 4rem;
	font-weight: var(--font-weight-light);
	line-height: 5rem;
	margin-bottom: 2rem;
}

.joblisting_title strong {
	font-weight: var(--font-weight-medium);
}

.joblisting_txt {
	color: var(--color-primary);
	font-size: 1.8rem;
	line-height: 2.4rem;
}

.joblistig_wp {
	width: 100%;
	display: flex;
	margin-top: 5rem;
}

.jobs_boxes {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.jobs_box {
	display: flex;
	width: 100%;
}

.jobs_box a {
	width: 100%;
	display: flex;
	padding: 4rem 5rem;
	border-bottom: 1px solid #d7dcdf;
	color: var(--color-primary);
	font-size: 2rem;
	line-height: 3.4rem;
}

.jobs_box:last-child a {
	border-bottom: none;
}

.jobs_position {
	width: 25%;
}

.jobs_location {
	width: 25%;
}

.jobs_type {
	width: 15%;
}

.jobs_closing {
	width: 20%;
}

.jobs_fbtn {
	width: 15%;
	text-align: right;
	display: flex;
	gap: 1.5rem;
	align-items: center;
	justify-content: flex-end;
}

.jobs_fbtn_txt {
	color: var(--color-secondary);
	font-size: 1.5rem;
	font-weight: var(--font-weight-medium);
	text-transform: uppercase;
	text-decoration: underline;
	transition: var(--transition-03);
}

.jobs_fbtn_icn {
	width: 2.4rem;
	height: 2.4rem;
	background: var(--color-secondary);
	display: flex;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
	transition: var(--transition-03);
}

.fillblue {
	fill: var(--color-primary);
	transition: var(--transition-03);
}

.jobs_box a:hover {
	background: var(--color-primary);
	color: var(--color-white);
}

.jobdetails {
	padding-top: 25rem;
	/*padding-bottom: 15rem;*/
}

.jobdetails_left {
	width: 55%;
	display: flex;
	flex-direction: column;
}

.strokeyellow {
	stroke: var(--color-secondary);
	transition: var(--transition-03);
}

.backtopage {
	display: flex;
}

.backtopage a {
	color: var(--color-secondary);
	font-size: 1.6rem;
	font-weight: var(--font-weight-bold);
	line-height: 2rem;
	display: flex;
	align-items: center;
	gap: 1rem;
}

.backtopage a:hover .strokeyellow {
	stroke: var(--color-primary);
}

.backtopage a:hover {
	color: var(--color-primary);
}



.newslisting */,
.cnt_listing*/ {
	padding: 25rem 0 2.5rem;
}

.newslisting .cnt_wp {
	flex-direction: column;
}

.newslisting_wp {
	display: flex;
	width: 100%;
	margin-top: 5rem;
	gap: 3rem;
	flex-wrap: wrap;
}

.newslisting_box {
	width: 31.3333%;
	height: 449px;
	display: flex;
}

.newslisting_box a {
	background: #f3f5f6;
	display: flex;
	flex-direction: column;
	padding: 2rem;
	height: 100%;
	width: 100%;
}

.newslisting_box_img {
	width: 100%;
	overflow: hidden;
	border-radius: 4px;
}

.newslisting_box_info {
	display: flex;
	flex-direction: column;
	margin-top: 3rem;
}

.newslisting_box_info-top {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 2rem;
}

.newslisting_box_info-tag {
	color: var(--color-white);
	font-size: 1.2rem;
	font-weight: var(--font-weight-bold);
	line-height: 1.4rem;
	background: #7a98ab;
	border-radius: 80px;
	padding: 0.5rem 1rem;
	text-transform: uppercase;
}

.newslisting_box_info-tag.share-tag {
  display: flex;
  align-items: center;
  gap: 0.5rem
}

.newslisting_box_info-tag.share-tag .icon svg {
    width: 1.5rem;
    height: 1.5rem;
}

.newslisting_box.interview .newslisting_box_info-tag {
	background: #e89e6c;
}

.newslisting_box_info-date {
	color: #859ba3;
	font-size: 1.4rem;
	font-weight: var(--font-weight-medium);
}

.newslisting_box_info-desc {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 2.5rem;
}

.newslisting_box_info-title {
	color: var(--color-primary);
	font-size: 2rem;
	font-weight: var(--font-weight-medium);
	line-height: 2.8rem;
}

.newslisting_box_info-txt {
	color: #859ba3;
	font-size: 1.6rem;
	line-height: 2rem;
	margin-top: 1.5rem;
}

.pagination {
	margin-top: 6rem;
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	align-items: center;
	background: transparent;
	justify-content: center;
}

.pagination button {
	padding: 5px 10px;
	color: rgba(133, 155, 163, 0.3);
	font-size: 1.6rem;
	font-weight: var(--font-weight-medium);
	border: none;
	cursor: pointer;
	background: transparent;
	transition: var(--transition-03);
}

.pagination button.active,
.pagination button:hover {
	color: var(--color-primary);
}

.pagination button:disabled {
	color: rgba(133, 155, 163, 0.3);
	cursor: not-allowed;
}

.separator {
	color: rgba(133, 155, 163, 0.3);
	font-size: 1.6rem;
	font-weight: var(--font-weight-medium);
	pointer-events: none;
	user-select: none;
}

/* ! archive */
.archived_wp {
	display: flex;
	width: 100%;
	flex-direction: column;
}

.tabhead {
	display: flex;
	justify-content: center;
	margin-top: 7rem;
}

.tabbing_nav {
    display: flex;
    border-bottom: 1px solid #859ba3;
    gap: 4rem;
    padding: 0 4rem;
    background: #F3F5F6;
    margin-bottom: 2%;
    width: 100%;
}

.tabbing_nav li {
    cursor: pointer;
    color: #859ba3;
    width: 125px;
    font-size: 1.6rem;
    transition: var(--transition-03);
    padding: 2rem 1rem;
    position: relative;
    font-weight: var(--font-weight-regular);
}

.tabbing_nav li::after {
	content: "";
	width: 100%;
	height: 2px;
	background: var(--color-secondary);
	position: absolute;
	left: 0;
	bottom: -1px;
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

.tabbing_nav li.active,
.tabbing_nav li:hover {
	color: var(--color-primary);
	font-weight: 700;
}

.tabbing_nav li.active::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}

.tab_content {
	display: none;
	margin-top: 20px;
}

.tab_content_inner {
	display: flex;
	width: 100%;
	margin-top: 5rem;
	gap: 3rem;
	flex-wrap: wrap;
}

.tab_box {
	width: 31.3333%;
	height: 400px;
}

.tab_box a {
	background: #f3f5f6;
	display: flex;
	padding: 4rem;
	height: 100%;
	width: 100%;
	position: relative;
	align-items: flex-end;
}

.tab_box a::after {
	content: "";
	position: absolute;
	width: 13.7rem;
	height: 14rem;
	background: url("../assets/images/svg/tabshape.png") center center no-repeat;
	background-size: cover;
	right: 1rem;
	top: 1rem;
}

.tab_box_img {
	width: 50%;
}

.tab_box_info {
	display: flex;
	flex-direction: column;
	width: 43%;
	margin-left: auto;
}

.tab_box_title {
	color: var(--color-primary);
	font-size: 1.6rem;
	/*font-weight: var(--font-weight-medium);*/
	line-height: 2.6rem;
}

.tab_box_btn {
	padding: 2rem 4rem;
	background: var(--color-secondary);
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	font-size: 1.4rem;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 4rem;
	text-align: center;
	justify-content: center;
	transition: var(--transition-03);
	position: relative;
	z-index: 1;
	margin-top: 4.5rem;
}

.tab_box_btn::after {
	content: "";
	position: absolute;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-secondary);
}

.tab_box_btn::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 99%;
	left: 0;
	background: var(--color-primary);
	transition: all 0.4s ease;
}

.tab_box_btn:hover:before {
	top: 0%;
	left: 0px;
}

.tab_box_btn:hover {
	color: var(--color-white);
	background: transparent;
}

@media (max-width: 767px) {
	.tabbing_nav {
		display: none;
	}

	.accordion-header {
		background: #f0f0f0;
		padding: 12px 16px;
		cursor: pointer;
		border-top: 1px solid #ccc;
		font-weight: bold;
		transition: background 0.3s ease;
	}

    .accordion-header {
		background: var(--color-primary);
		color: #fff;
		font-size:1.5rem;
	}
	.accordion-header.active {
		background: var(--color-primary);
		color: var(--color-secondary);
	}

	.tab_content {
		display: none;
		padding: 10px 16px;
		border: 1px solid #ddd;
		border-top: none;
	}
}

/* ! Annual report  */
.inner_normal {
	align-self: flex-end;
	padding-bottom: 5rem;
}

.inner_normal_subtitle {
	color: var(--color-secondary);
	font-size: 1.8rem;
	font-weight: var(--font-weight-light);
	line-height: 2rem;
	margin-bottom: 3.5rem;
}

.inner_normal_subtitle strong {
	font-weight: var(--font-weight-medium);
}

.inner_normal_title {
	color: var(--color-primary);
	font-size: 4rem;
	font-weight: var(--font-weight-light);
	line-height: 4rem;
	margin-bottom: 2.5rem;
}

.inner_normal_title strong {
	font-weight: var(--font-weight-medium);
}

.inner_normal_txt {
	color: #859ba3;
	font-size: 1.6rem;
	line-height: 2.6rem;
	padding-bottom: 3rem;
	border-bottom: 1px solid rgba(24, 40, 81, 0.2);
	margin-bottom: 3rem;
}

.inner_normal_btn {
	display: flex;
}

.inner_normal_btn a {
	padding: 2rem 4rem;
	background: var(--color-secondary);
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	font-size: 1.4rem;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	width: auto;
	text-align: center;
	justify-content: center;
	transition: var(--transition-03);
	border: 1px solid var(--color-secondary);
}

.inner_normal_btn a::after {
	content: "";
	position: absolute;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-secondary);
}

.inner_normal_btn a::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 99%;
	left: 0;
	background: var(--color-primary);
	transition: all 0.4s ease;
}

.inner_normal_btn a:hover:before {
	top: 0%;
	left: 0px;
}

.inner_normal_btn a:hover {
	color: var(--color-white);
	background: transparent;
	border: 1px solid var(--color-primary);
}

.speak {
	padding: 5rem 0;
}

.speak .cnt_wp {
	border-radius: 4px;
	background: rgba(133, 155, 163, 0.1);
	padding: 10rem 0;
}

.speak_wp {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.speak_box {
	display: flex;
	width: 100%;
	padding: 10rem 0;
	position: relative;
	align-items: center;
}

.speak_box::after {
	content: "";
	position: absolute;
	width: 85%;
	height: 1px;
	background: rgba(24, 40, 81, 0.2);
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.speak_box_info {
	width: 50%;
	display: flex;
	flex-direction: column;
}

.speak_box_quote {
	color: #859ba3;
	font-size: 3.5rem;
	line-height: 4.5rem;
	margin-bottom: 2.5rem;
}

.speak_box_txt {
	color: var(--color-primary);
	font-size: 1.6rem;
	line-height: 2.6rem;
	margin-bottom: 3rem;
}

.speak_box_signature {
	width: 145px;
}

.speak_box_bot {
	display: flex;
	width: 100%;
	margin-top: 2.5rem;
	align-items: center;
}

.speak_box_desc {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.speak_box_name {
	color: var(--color-secondary);
	font-size: 2rem;
	font-weight: var(--font-weight-medium);
	line-height: 2.4rem;
}

.speak_box_title {
	color: #182851;
	font-size: 1.6rem;
	font-weight: var(--color-primary);
	line-height: 2rem;
}

.speak_box_btn {
	display: flex;
	margin-left: auto;
}

.speak_box_btn a {
	padding: 2rem 4rem;
	background: var(--color-secondary);
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	font-size: 1.4rem;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	width: auto;
	text-align: center;
	justify-content: center;
	transition: var(--transition-03);
	border: 1px solid var(--color-secondary);
}

.speak_box_btn a::after {
	content: "";
	position: absolute;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-secondary);
}

.speak_box_btn a::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 99%;
	left: 0;
	background: var(--color-primary);
	transition: all 0.4s ease;
}

.speak_box_btn a:hover:before {
	top: 0%;
	left: 0px;
}

.speak_box_btn a:hover {
	color: var(--color-white);
	background: transparent;
	border: 1px solid var(--color-primary);
}

.speak_box_img {
	width: 40%;
	margin-left: auto;
	overflow: hidden;
	border-radius: 4px;
}

.speak_box:nth-child(2) .speak_box_img {
	order: 1;
	margin-left: 0;
	margin-right: auto;
}

.speak_box:nth-child(2) .speak_box_info {
	order: 2;
}

.speak_box:nth-child(2)::after {
	display: none;
}

/* ! performance */
.fperformance {
	padding: 10rem 0 8rem;
	position: relative;
}
.fperformance .cnt_wp {
	flex-direction: column;
}

.fperformance::after {
	content: "";
	position: absolute;
	width: 70%;
	height: 1px;
	background: rgba(24, 40, 81, 0.2);
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.fperformance_title {
	color: var(--color-primary);
	font-size: 4rem;
	font-weight: var(--font-weight-medium);
	line-height: 5rem;
	padding: 0 3rem;
}

.fperformance_wp {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 10rem;
}

.fperformance_box {
	width: 33.3333%;
	display: flex;
	height: 13.5rem;
	flex-direction: column;
	padding: 0 3rem;
	border-right: 1px solid rgba(24, 40, 81, 0.1);
	margin-bottom: 10rem;
}

.fperformance_box:nth-child(3n) {
	border-right: none;
}

.fperformance_box_title {
	color: var(--color-primary);
	font-size: 1.6rem;
	font-weight: var(--font-weight-medium);
	line-height: 2rem;
	padding: 1rem 0;
	border-bottom: 1px solid rgba(24, 40, 81, 0.1);
}

.fperformance_box_metrics {
	display: flex;
	width: 100%;
	align-items: flex-end;
}

.fperformance_box_v {
	display: flex;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: var(--font-weight-bold);
	line-height: 2rem;
	position: relative;
	padding-left: 3rem;
}

.fperformance_box_v.vup {
	color: #bbc258;
}

.fperformance_box_v.vdown {
	color: #e53626;
}

.fperformance_box_v.vup::after {
	content: "";
	position: absolute;
	left: 0;
	width: 15px;
	height: 20px;
	background: url("../assets/images/svg/up.png") center center no-repeat;
	background-size: cover;
}

.fperformance_box_v.vdown::after {
	content: "";
	position: absolute;
	left: 0;
	width: 15px;
	height: 20px;
	background: url("../assets/images/svg/down.png") center center no-repeat;
	background-size: cover;
	transform: rotate(180deg);
}
.fperformance_box_value {
	margin-left: auto;
	margin-top: 4rem;
}

.fperformance_box_s {
	color: #859ba3;
	font-size: 2rem;
	font-weight: 400;
	line-height: 2rem;
}

.fperformance_box_m {
	color: var(--color-secondary);
	font-size: 7rem;
	font-weight: 400;
	line-height: 5rem;
}

/* ! documents */
.documents {
	padding: 10rem 0;
}

.documents .cnt_wp {
	padding: 12rem 10rem 8rem;
	border-radius: 4px;
	background: rgba(133, 155, 163, 0.5);
	position: relative;
}

.documents_shape {
	width: 25%;
	position: absolute;
	left: 7rem;
	top: 7rem;
	max-width: 55rem;
}

.documents_shape svg {
	width: 100%;
	height: 100%;
	display: block;
}

.documents_img {
	width: 28.488%;
	border-radius: 4px;
	overflow: hidden;
	margin-left: 10%;
	position: relative;
}

.documents_info {
	width: 50%;
	margin-left: auto;
	display: flex;
	flex-direction: column;
}

.procurement_docs .documents_info {
    width: 100%;
	margin-left: 0;
}

.documents_title {
	color: var(--color-white);
	font-size: 2.0rem;
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: 2rem;
	margin-bottom: 3rem;
}

.procurement_docs .documents_title {
    color: var(--color-primary);
}

.documents_txt {
	color: var(--color-white);
	font-family: "Helvetica Neue";
	font-size: 3rem;
	font-weight: 300;
	line-height: 4rem;
}

.documents_txt strong {
	font-weight: var(--font-weight-medium);
}

.documents_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 3rem;
}

.documents_list_box {
	display: flex;
	width: 48%;
	border-bottom: 1px solid #fff;
}

.procurement_docs .documents_list_box {
    width: 100%;
}

.documents_list_box:nth-last-child(-n + 2) {
	border-bottom: none;
}

.documents_list_box a {
	display: flex;
	width: 100%;
	color: #fff;
	font-size: 1.8rem;
	font-weight: var(--font-weight-medium);
	line-height: 2rem;
	align-items: center;
	gap: 2rem;
	padding: 3.5rem 0;
}

.procurement_docs .documents_list_box a {
    color: var(--color-primary);
}

.documents_list_box a span {
	width: 32px;
	height: 32px;
}

.documents_list_box a span svg {
	display: block;
}

.documents_list_box a:hover .fillwhite {
	fill: var(--color-primary);
}

.documents_list_box a:hover {
	color: var(--color-primary);
}

/* ! Rates inner */
.rates_inner {
	padding: 10rem 0;
}
.rates_inner_right {
	margin-left: auto;
	width: 36.05%;
	height: 44.5rem;
	display: flex;
	position: sticky;
	top: 5rem;
}

.rates_inner_right .conversation_rate_hp {
	border-radius: 4px;
	background: rgba(133, 155, 163, 0.1);
	border: none;
	height: 100%;
	width: 100%;
}

.rates_inner_left {
	width: 60.47%;
	border-radius: 4px;
	border: 1px solid rgba(133, 155, 163, 0.5);
	display: flex;
	flex-direction: column;
	padding: 5rem 4rem 10rem;
}

.rates_inner_title {
	color: var(--color-primary);
	font-size: 3rem;
	font-style: normal;
	font-weight: var(--font-weight-medium);
}

.rates_inner_txt {
	color: #859ba3;
	font-size: 1.4rem;
	margin-top: 1rem;
}

.rates_inner_table {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 4rem;
}

.rates_inner_table table {
	width: 100%;
	border-collapse: collapse;
}

.rates_inner_table th {
	width: 20%;
	color: #859ba3;
	font-size: 1.3rem;
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: 16px; /* 123.077% */
	letter-spacing: -0.39px;
}

.buying_head,
.selling_head {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-top: 1.5rem;
}

.buying_head span {
	width: 33.3333%;
	color: var(--color-primary);
	font-size: 1.3rem;
	font-style: normal;
	font-weight: var(--font-weight-bold);
}

.selling_head span {
	width: 50%;
	color: var(--color-primary);
	font-size: 1.3rem;
	font-style: normal;
	font-weight: var(--font-weight-bold);
	padding: 0 1.5rem;
}

.rates_inner_table td {
	color: var(--color-primary);
	font-size: 1.6rem;
	line-height: 2rem;
	padding: 2.5rem 0;
	text-align: center;
	border-bottom: 1px solid rgba(24, 40, 81, 0.2);
	position: relative;
}

.rates_inner_table tr:first-child td {
	padding-top: 4rem;
}

.rates_inner_table tr:last-child td {
	border: none;
}

.buying_body,
.selling_body {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	position: relative;
}

.buying_body span {
	width: 33.3333%;
}

.selling_body span {
	width: 50%;
	padding: 0 1.5rem;
}

.selling_body .up,
.selling_body .down,
.selling_body .steady {
	position: absolute;
	right: 0;
	width: auto;
}

.rates_inner_table .flag {
	border-radius: 100%;
	width: 36px;
	height: 36px;
	background: #859ba3;
	position: absolute;
	left: 0;
	bottom: 1.5rem;
	overflow: hidden;
}

/* ? locator */
.locator {
	padding-top: 30rem;
}

.locator .cnt_wp {
	flex-direction: column;
}

.locator_subtitle {
	text-align: center;
	color: var(--color-secondary);
	font-size: 2rem;
	font-weight: var(--font-weight-medium);
	line-height: 2rem;
	margin-bottom: 1.5rem;
}

.locator_title {
	color: var(--color-primary);
	text-align: center;
	font-size: 4rem;
	font-weight: var(--font-weight-light);
	line-height: 4.5rem;
	max-width: 80rem;
	margin: 0 auto;
}

.locator_title strong {
	font-weight: var(--font-weight-bold);
}

.locator_wp {
	display: flex;
	width: 100%;
	margin-top: 15rem;
	flex-direction: column;
}

.map-container {
	display: flex;
	width: 100%;
	height: 85rem;
}

.map-box {
	width: 68.3%;
	height: 100%;
	margin-left: auto;
}

.map-list {
	width: 30%;
	padding: 1rem;
	height: 100%;
	overflow: scroll;
}

.map-item {
	border-bottom: 1px solid #fecf0a;
	background: rgba(133, 155, 163, 0.1);
	padding: 2rem 2rem 1.5rem;
	margin-bottom: 1rem;
	cursor: pointer;
	transition: all var(--transition-03);
	height: 20rem;
	display: flex;
}

.map-item:last-child {
	margin-bottom: 0;
}

.map-item:hover {
	background: #f0f0f0;
}

.map-img {
	width: 28%;
}

.map-desc {
	width: 100%;
	margin-left: auto;
	padding-top: 1rem;
	display: flex;
	flex-direction: column;
}

.map-title {
	color: var(--color-primary);
	font-size: 1.8rem;
	font-weight: var(--font-weight-medium);
	margin-bottom: 2rem;
}
.map-address {
	color: #859ba3;
	font-size: 1.5rem;
	display: flex;
	margin-bottom: 1rem;
}

.map-address-icn {
	width: 15px;
	height: 15px;
	margin-right: 1.2rem;
}

.map-address-icn svg {
	width: 100%;
	height: 100%;
	display: block;
}

.map-address-txt {
	width: 80%;
}

.map_links {
	margin-top: auto;
	display: flex;
	color: var(--color-primary);
	font-size: 1.4rem;
	font-weight: var(--font-weight-medium);
	text-transform: uppercase;
	gap: 1rem;
}

/* Custom scrollbar for SimpleBar */
[data-simplebar] .simplebar-scrollbar:before {
	background-color: var(--color-primary);
	border-radius: 4px;
	width: 6px;
	opacity: 1;
}

[data-simplebar] .simplebar-scrollbar {
	right: 2px;
}

/* Optional: smooth appearance */
[data-simplebar] .simplebar-track.simplebar-vertical {
	background: #f4f6f8; /* light track background */
	width: 8px;
	border-radius: 4px;
}

.map-list {
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE */
}

.map-list::-webkit-scrollbar {
	display: none;
}

.tab-content {
	display: none;
}

.tab-content.active {
	display: block;
}

.locator_top {
	display: flex;
	width: 68.3%;
	margin-left: auto;
	margin-bottom: 4rem;
}

.tab-buttons {
	display: flex;
	margin-left: auto;
	gap: 8rem;
	border-bottom: 1px solid #859ba3;
	padding: 0 2rem;
}

.tab-btn {
	color: #859ba3;
	font-size: 1.6rem;
	background: none;
	border: none;
	transition: var(--transition-03);
	padding: 1rem 2rem 1.5rem 2rem;
	position: relative;
	cursor: pointer;
}

.tab-btn::after {
	content: "";
	width: 100%;
	height: 2px;
	background: var(--color-secondary);
	position: absolute;
	left: 0;
	bottom: -1px;
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

.tab-btn.active::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}

.tab-btn.active {
	color: var(--color-primary);
	font-weight: var(--font-weight-bold);
}

.tab-btn:hover {
	color: var(--color-secondary);
}

.map-search {
	display: flex;
	gap: 1rem;
}
#clearSearch {
	width: 4rem;
	height: 4rem;
	display: none;
	position: relative;
	top: 1rem;
	border: none;
	background: #b6c3c8;
	color: #fff;
	font-size: 2rem;
	cursor: pointer;
	transition: var(--transition-03);
}

#clearSearch:hover {
	background: var(--color-secondary);
}

.mapSearchInput_wp {
	width: 40rem;
	height: 6rem;
	position: relative;
}

.mapSearchInput_wp input {
	width: 100%;
	height: 100%;
	border: none;
	background: #f3f5f6;
	padding: 1rem;

	color: rgba(133, 155, 163, 0.5);
	font-size: 1.6rem;
	font-weight: var(--font-weight-regular);
}

.searcicon {
	width: 4rem;
	height: 4rem;
	background: var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	transition: var(--transition-03);
	cursor: pointer;
}

.mapSearchInput_wp:hover .searcicon {
	background: var(--color-secondary);
}

.tab-content {
	display: none;
}

.tab-content.active {
	display: block;
}

/* ! news details*/
.newslisting_details {
	padding: 25rem 0 13rem;
}

.newslisting_details .cnt_wp {
	gap: 10.3rem;
}

.news_detail_info-left {
	width: 50%;
}

.back_btn {
	font-size: 1.6rem;
	color: #F9C312;
	font-family: var(--font-primary);
	font-weight: 700;
	line-height: 1.9rem;
	margin-bottom: 3.9rem;
}

.newslisting_share_info {
	display: flex;
	align-items: center;
	gap: 3rem;
	margin-top: 3.3rem;
}

.newslisting_box_info-tag.download-tag {
	background-color: #BBC258;
}

.news_detail_info-right {
	width: 50%;
	margin-left: auto;
}

.news_detail_info-right .newslisting_share_info {
	margin-top: 0;
	margin-bottom: 3.3rem;
}

.newslisting_box-date-publish {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  color: #859BA3;
  font-family: "Helvetica Neue";
}

.news_detail_info-title {
	max-width: 73.6rem;
	font-family: var(--font-primary);
	font-size: 5rem;
	line-height: 5.8rem;
	color: var(--color-primary);
	margin-bottom: 3.4rem;
}

.news_detail_info-text {
	max-width: 73.6rem;
	font-family: var(--font-primary);
	font-size: 1.6rem;
	line-height: 2.4rem;
	color: var(--color-primary);
	margin-bottom: 3rem;
}

.news_detail_links {
	margin-bottom: 3rem;
	padding-left: 2rem;
}

.detail_link {
	list-style-type: disc;
	font-family: var(--color-primary);
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 2.4rem;
	color: var(--color-primary);
}

.newslisting.other_news {
	padding: 0rem 0 12.5rem;
}

/* ! error page */
.error_page {
	padding: 8.6rem 0 0;
}
.error_page-left {
	width: 60%;
}
.error_page-right {
	width: 38%;
	margin-left: auto;
}

.error-number {
	font-size: 40.4rem;
	font-family: var(--font-primary);
	color: var(--color-secondary);
	max-width: 70rem;
	font-weight: 400;
	margin-bottom: 3rem;
	position: relative;
	right: 14rem;
}

.error_text {
	font-size: 2rem;
	font-family: var(--font-primary);
	max-width: 59.3rem;
	line-height: 3rem;
	font-weight: 400;
	color: #859BA3;
	margin-bottom: 9.8rem;
}

.error_back_btn {
	text-transform: uppercase;
	color: var(--color-primary);
	background-color: var(--color-secondary);
	padding: 2rem 8rem;
	font-weight: 700;
	font-size: 1.5rem;
}


/* ! Contact us page */
.contact_us_wp {
	display: flex;
	margin-top: 8.3rem;
	justify-content: space-between;
}

.contact_us_wp-left .contact_us_big_text {
	font-family: var(--font-primary);
	font-weight: var(--font-weight-semibold);
	font-size: 6.9rem;
	line-height: 6.5rem;
	color: #182851;
	opacity: 0.1;
	margin-bottom: 8.5rem;
}

.contact_us_wp-left {
    width: 35%;
}

.contact_us_wp-right {
	width: 65%;
	height: auto;
	background: #f9f9f9;
	padding: 9.2rem;
}

.csr_partners,
.contact_us {
    padding: 20rem 0rem 5rem;
}

.contact_us_info {
    display: flex;
	margin-bottom: 4rem;
	gap: 5rem;
}

.contact_info-left {
	font-weight: var(--font-weight-regular);
	font-size: 1.8rem;
	color: var(--color-secondary);
	width: 40%;
}

.contact_info-right {
	font-size: 1.6rem;
	color: var(--color-primary);
	width: 60%;
}

.contact.contact_form .umbraco-forms-field.shortanswer,
.contact.contact_form .umbraco-forms-field.country.dropdown {
    width: 48%;
}

.contact.contact_form .umbraco-forms-field.shortanswer input,
.contact_us_wp-right .contact_us_form_wp .contact.contact_form .umbraco-forms-field.country.dropdown select {
    border: none;
    outline: none;
    background: transparent;
    border-bottom: 1px solid rgba(215, 220, 223, 1);
    border-radius: 0;
    height: 3.5rem;
    padding: 0 2rem;
    margin-bottom: 4rem;
    margin-top: 0;
}

.contact.contact_form .umbraco-forms-fieldset .umbraco-forms-field.message textarea {
    border: none;
    outline: none;
    background: transparent;
    border-bottom: 1px solid;
    border-radius: 0;
}

.locate_bank {
	display: inline-block;
	margin-bottom: 0.5rem;
}

.locate_bank span {
	margin-right: 0.3rem;
}

.num-right:first-child {
    border-right: 2px solid var(--color-primary);
    margin-right: 6px;
    padding-right: 1rem;
}

.num-left {
	padding-left: 1rem;
}

.contact_info-right .num-right:last-of-type {
	line-height: 2.5rem;
}

.contact_us_social_media a:not(:last-child) {
	display: inline-block;
	margin-right: 3rem;
}

/* contact form */ 

.umbraco-forms-navigation
{
    width:100%;
}
.contact_us_wp-right .contact_us_form_wp .umbraco-forms-fieldset,
.jobdetails_right_form .umbraco-forms-fieldset {
    border: none;
    padding:0;
}

.contact_us_wp-right .contact_us_form_wp .umbraco-forms-fieldset .umbraco-forms-container {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1rem;
    column-gap: 3rem;
}

.contact_us_wp-right .contact_us_form_wp .umbraco-forms-fieldset .umbraco-forms-field.message {
    width: 100%;
}


.umbraco-forms-page label {
    display:inline-block;
}
.ivoluntarilygivemyconsenttothedisclosureandprocessingofmypersonaldataasstatedinmaubankprivacynotice + div label {
    display:none;
}


.umbraco-forms-field.dataconsent.mandatory input[type="radio"],
.umbraco-forms-field.dataconsent.mandatory input[type="checkbox"]{
    margin: 1.5rem 0.5rem;
}


.contact_us_wp-right .contact_us_form_wp .umbraco-forms-fieldset .umbraco-forms-field input::placeholder,
.contact_us_wp-right .contact_us_form_wp .umbraco-forms-fieldset .umbraco-forms-field textarea::placeholder{
     color: transparent;
}

.contact_us_wp-right .contact_us_form_wp .umbraco-forms-fieldset .umbraco-forms-field.country label {
    display: block;
    font-size: 15px;
     color:#859ba3;
}

/* Select Scroll Bar Color Starts */
.contact_us_wp-right .contact_us_form_wp .umbraco-forms-fieldset .umbraco-forms-field.country select {
    width:100%;
	height:35px;
	padding:5px 10px;
	transition: all 0.3s ease-out 0s;
	font-size: 15px;
    color:#859ba3;
    border:1px solid rgba(0,0,0,0.2);
    margin: 15px 0;
    background: rgba(255, 255, 255, 0.8);
     border-radius:3px;
}



/* Firefox */
.contact_us_wp-right .contact_us_form_wp .umbraco-forms-fieldset .umbraco-forms-field.country select,
.umbraco-forms-fieldset select
{
  scrollbar-width: thin;
  scrollbar-color: #fecf0a white; /* thumb | track */
}

/* WebKit (Chrome, Safari, Edge) */
.contact_us_wp-right .contact_us_form_wp .umbraco-forms-fieldset .umbraco-forms-field.country select::-webkit-scrollbar,
.umbraco-forms-fieldset select::-webkit-scrollbar {
  width: 8px;
}

.contact_us_wp-right .contact_us_form_wp .umbraco-forms-fieldset .umbraco-forms-field.country select::-webkit-scrollbar-track,
.umbraco-forms-fieldset select::-webkit-scrollbar-track {
  background: white;
}

.contact_us_wp-right .contact_us_form_wp .umbraco-forms-fieldset .umbraco-forms-field.country select::-webkit-scrollbar-thumb,
.umbraco-forms-fieldset select::-webkit-scrollbar-track::-webkit-scrollbar-thumb{
  background-color: #fecf0a;
  border-radius: 4px;
  border: 2px solid white; /* optional spacing */
}
/* Select Scroll Bar Color Ends */


.umbraco-forms-fieldset .umbraco-forms-field input, 
.umbraco-forms-fieldset .umbraco-forms-field.message textarea {
   	width:100%;
	height:100px;
	padding:5px 10px;
	transition: all 0.3s ease-out 0s;
	font-size: 15px;
    color:#859ba3;
    border:1px solid rgba(0,0,0,0.2);
    margin: 15px 0;
    background: rgba(255, 255, 255, 0.8);
    border-radius:3px;
}


.umbraco-forms-navigation input,
.umbraco-forms-page .btn {
    margin:3rem 1.5rem 0 0;
    padding: 2rem 4rem;
    background: var(--color-secondary);
    text-transform: uppercase;
    font-weight: var(--font-weight-bold);
    font-size: 1.4rem;
    color: var(--color-primary);
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    /*width: 40%;*/
    text-align: center;
    justify-content: center;
    transition: var(--transition-03);
    border: 1px solid var(--color-secondary);
    cursor: pointer;
    display:inline-block;
}

.umbraco-forms-navigation input:hover,
.umbraco-forms-page .btn.next:hover,
.umbraco-forms-page .btn.prev:hover{
    color: var(--color-white);
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.umbraco-forms-hidden {
    display: none;
}


.jobdetails_content {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 5rem;
}

.jobdetails_content_title {
	color: var(--color-primary);
	font-size: 4.5rem;
	font-weight: var(--font-weight-medium);
	line-height: 5rem;
}

.jobdetails_content_introtxt {
	margin-top: 4rem;
	color: var(--color-primary);
	font-size: 2rem;
	line-height: 3rem;
}

.jobdetails_content_subintro {
	color: var(--color-secondary);
	font-size: 2rem;
	line-height: 3rem;
	margin-top: 3rem;
}

.jobdetails_desc {
	display: flex;
	flex-direction: column;
	margin-top: 5rem;
	width: 100%;
}

.jobdetails_desc h3 {
	color: var(--color-primary);
	font-size: 2rem;
	font-weight: var(--font-weight-medium);
	line-height: 2.4rem;
}

.jobdetails_desc ul {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	margin-bottom: 3rem;
}

.jobdetails_desc ul li {
	color: var(--color-primary);
	font-size: 1.6rem;
	line-height: 2rem;
	position: relative;
	padding-left: 2rem;
}

.jobdetails_desc ul li::before {
	content: "";
	position: absolute;
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 100%;
	background: #d9d9d9;
	left: 0;
	top: 5px;
}

.jobdetails_right {
	width: 33.3333%;
	margin-left: auto;
	border-radius: 8px;
	background: rgba(133, 155, 163, 0.1);
	display: flex;
	flex-direction: column;
	padding: 6rem 7rem;
}


.jobdetails_right_title {
	color: #f9c312;
	font-size: 2.4rem;
	line-height: 3rem;
}

.jobdetails_right_form {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-top: 3rem;
}


.jobdetails_right_form .umbraco-forms-fieldset {
    display: block;
    font-size: 1.8rem;
    color: #757575;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.umbraco-forms-fieldset input,
.umbraco-forms-fieldset textarea {
    /*padding: 0rem 2rem 2rem 0rem;*/
    margin: 1rem 0 5rem;
    width: 100%;
    border: 0;
    border-bottom: 1px solid rgba(133, 155, 163, 1);
    font-size: 1.8rem;
    background: transparent;
}

.umbraco-forms-fieldset input[type="checkbox"] {
    width:unset;
    margin: 0 1rem 0 0;
}

.jobdetails_right .btn {
  all: unset;
  display: inline-block;
  float: right; /* float right */
  font-size: 2rem;
  font-weight: normal; /* keep text normal */
  color: #F9C312;
  cursor: pointer;
  font-family: inherit;
  padding-right: 1.5em; /* space for arrow */
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.4em 1.4em; /* bigger arrow for better visibility */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 24' fill='none' stroke='%23F9C312' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><line x1='2' y1='12' x2='9.5' y2='12'/><polyline points='9.5 6 13 12 9.5 18'/></svg>");
  border: none;
}


.jobdetails_right .umbraco-forms-field-wrapper input[type="file"],
.contact_us_wp-right .umbraco-forms-field-wrapper input[type="file"] {
  color: transparent;
  text-indent: -9999px;
  /*width: auto;*/
  cursor: pointer;
  background-color: transparent!important;
  background-repeat: no-repeat!important;
  background-position: center!important;
  background-size: 24px 24px!important;
  border: 1px solid #ccc!important;
  border-radius: 6px;

  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23757575' stroke-width='2' fill='none' stroke-linejoin='round'><path d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6z'/><polyline points='14 2 14 8 20 8'/><line x1='12' y1='9' x2='12' y2='15'/><line x1='9' y1='12' x2='15' y2='12'/></svg>")!important;
}

.jobdetails_right .umbraco-forms-field-wrapper input[type="file"]:hover,
.contact_us_wp-right .umbraco-forms-field-wrapper input[type="file"]:hover
{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23424242' stroke-width='2' fill='none' stroke-linejoin='round'><path d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6z'/><polyline points='14 2 14 8 20 8'/><line x1='12' y1='9' x2='12' y2='15'/><line x1='9' y1='12' x2='15' y2='12'/></svg>")!important;
}



/*Content Page Styles Starts*/
.cnt_wrap .locator_subtitle {
    margin-bottom:5rem;
}
.cnt_wrap .locator_title {
    margin-bottom:7.5rem;
}
.cnt_wrap .cnt_text {
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: -2%;
vertical-align: middle;
}

.cnt_text h3 {
position: relative;
  font-size: 1.75em;
  color: #859BA3;
  margin: 5rem 0 1rem;
  padding: 2.5rem 0;
}


.cnt_wrap .cnt_text h4 {
position: relative;
  font-weight: 700;
  font-size: 1.25em;
  color: #859BA3;
  margin: 5rem 0 1rem;
  padding: 2.5rem 0;
}

.cnt_wrap .cnt_text h4::before {
  content: '';
  position: absolute;
  top: 0;
  left: 1rem;
  right: 1rem;
  height: 1px;
  background-color: rgba(24, 40, 81, 0.2); /* same as #18285133 */
}

.cnt_wrap .cnt_text li
{
    margin:1.5rem 2rem;
}
/*Content Page Styles Ends*/

/*Content Listing Styles Starts*/


.cnt_listing .cnt_wp {
	flex-direction: column;
}

.cnt_listing_subtitle {
	color: var(--color-secondary);
	font-size: 2rem;
	font-weight: var(--font-weight-medium);
	line-height: 2rem;
	text-align: center;
	margin-bottom: 3.5rem;
}

.cnt_listing_title {
	color: var(--color-primary);
	text-align: center;
	font-size: 4rem;
	font-weight: var(--font-weight-light);
	line-height: 5rem;
}

.cnt_listing_title strong {
	font-weight: var(--font-weight-medium);
}

.cnt_listing_wp {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 0 1rem;
}

.cnt_box {
	width: 50%;
	/*border-bottom: 1px solid rgba(133, 155, 163, 0.3);*/
	padding-bottom: 5rem;
	padding-left: 1rem;
	padding-top: 5rem;
	padding-right: 1rem;
}

.bg_grey .cnt_box {
	padding:8rem 8rem 2rem 8rem;
}

.cnt_box_lg {
	width: 100%!important;
	display: flex;
}

.cnt_border_btm {
    border-bottom: 1px solid #18285133!important;
    padding-bottom:7.5rem;
    column-gap: 5rem;
    display:flex;
}


.cnt_box_lg .cnt_box_info_btn {
    text-align:center;
	width:35%;
}


/*
.cnt_box_pad
{
    padding:0 15rem!important;
}

.cnt_box_pad .cnt_box_img {
    width:40%;
}
*/

.bg_grey {
    background:#859BA3;
}

.usefull_wp.bg_grey {
    background:#859BA3;
}

.bg_grey .cnt_box_constitution {
    padding:2rem 8rem;
    display: flex;
    align-items: center;
}


.bg_grey .cnt_box_constitution h3 {
    color: #859BA3;
    font-weight: 400;
    font-size: 3rem;
    margin: 3rem 0 1rem;
}


.bg_blue {
    background: #182851;
}


/**/
.inner_company_banner {
    padding: 22rem 0 10rem 0;
}

.inner_company_banner_img {
    width:50%;
}
.inner_company_banner_right{
    width:50%;
    display: flex;
    flex-direction: column;
    padding:8% 6% 4% 6%;
}
.inner_company_banner_right .title{
    color: var(--color-primary);
    font-size: 4rem;
    font-weight: var(--font-weight-medium);
    line-height: 110%;
    margin-bottom: 3rem;
}
.inner_company_banner_right .txt{
    color: #859ba3;
    font-size: 1.6rem;
    line-height: 130%;
    margin-bottom: 2.5rem;
}

.inner_company_banner_right .cnt_box_info_btn {
    text-align: center;
    width: 35%;
}

.bg-grey-company {
    display:flex;
    background:#859BA31A;
    width:98%;
    margin:0 auto;
    padding:12rem 20rem;
    margin-top: 6%;
    flex-direction: column;
    
}

.bg-grey-company .cnt_box_info_title {
    color: #859BA3;
    font-size: 3.6rem;
    font-weight: var(--font-weight-regular);
    line-height: 110%;
    margin-bottom: 3rem;
    letter-spacing: -1px;
}
.bg-grey-company .cnt_text h3 {
    color: #859BA3;
    font-size: 3.6rem;
    font-weight: var(--font-weight-regular);
    line-height: 110%;
    margin-bottom: 3rem;
    letter-spacing: -1px;
}

.bg-grey-company .accordion-label {
    font-size: 1.8rem;
}

.cn-charter {
    display:flex;
    width:100%;
    margin:0 auto;
    padding:0 22rem;
    margin-top: 5%;
}
.cn-charter-left {
    width:50%;
}

.cn-charter-left .cnt_box_img {
    width: 86%;
    margin-right: 5rem;
    border-radius: 4px;
    overflow: hidden;
    position:relative;
}

.org_btn {
    display: flex;
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 168px;
    height: 172px;
   
}

.org_btn a {
    padding:2rem;
	background: var(--color-secondary);
	font-weight: var(--font-weight-medium);
	font-size: 1.6rem;
	color: var(--color-primary);
	display: flex;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	transition: var(--transition-03);
	width: 168px;
    height: 172px;
    flex-direction: column;
     border-radius:4px;
}

.org_btn a::after {
	content: "";
	position: absolute;
	z-index: 0;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-secondary);
}

.org_btn a::before {
	content: "";
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	top: 100%;
	left: 0;
	background: var(--color-primary);
	transition: all 0.4s ease;
}

.org_btn a:hover:before {
	top: 0%;
	left: 0px;
}

.org_btn a:hover {
	color: var(--color-white);
	background: transparent;
}
.org_btn span.icon {
    z-index:2;
    width:33px;
    height:33px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items: center;
    justify-content: center;
} 


.org_btn span.icon .arrow {
    display:flex;
    height: 1px;
    width: 15px;
    background: var(--color-primary);
    position: relative;
    transition: all 0.3s ease-out 0s;
}

.org_btn span.icon .arrow::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    width: 5px;
    height: 1px;
    -webkit-transform: rotate(45deg) translate3d(0, 0, 1px);
    transform: rotate(45deg) translate3d(0, 0, 1px);
    background: var(--color-primary);
    margin-top: -2px;
    right: 0;
    outline: 1px solid transparent;
}

.org_btn span.icon .arrow::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    width: 5px;
    height: 1px;
    -webkit-transform: rotate(-45deg) translate3d(0, 0, 1px);
    transform: rotate(-45deg) translate3d(0, 0, 1px);
    background: var(--color-primary);
    margin-top: 2px;
    right: 0;
    outline: 1px solid transparent;
}			

.org_btn span.txt {
    z-index: 2;
    display: flex;
    margin-top: auto;
}

.cn-charter-right {
    width:50%;
}

.cn-charter-right .cnt_box_info {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 5rem;
}
.cn-charter-right .cnt_box_info_title {
    color: #859BA3;
    font-size: 3.6rem;
    font-weight: var(--font-weight-regular);
    line-height: 110%;
    margin-bottom: 3rem;
    letter-spacing: -1px;
}

.company_financial_statement {
    display:flex;
    width:100%;
    margin:0 auto;
    padding:0 22rem;
    margin-top: 5%;
}
.company_financial_statement .cn-left {
    display:flex;
    width:50%;
    margin-right: 5%;
    flex-direction:column;
}
.company_financial_statement .cn-right {
    display:flex;
    width:45%;
    
}

.company_financial_statement .cn-left h3 {
    color: #fecf0a;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 2.5rem;
}

.company_financial_statement .cn-left h4 {
    color: var(--color-primary);
    font-size: 3rem;
    font-weight: var(--font-weight-medium);
    line-height: 110%;
    margin-bottom: 3rem;
}

.company_financial_statement .cn-left .txt{
    font-size: 1.6rem;
    line-height: 130%;
    margin-bottom: 2.5rem;
    color: var(--color-primary);
    
}

.company_financial_statement .cn-left .cnt_box_info_btn {
    text-align: center;
    width: 35%;
}

.usefull_subtitle.company {
    font-size: 3rem;
}

/*
.cnt_box.bg_blue
{
    padding:15rem!important;
}
*/

.cnt_box.bg_blue h4 {
    color: #FECF0A;
}

.bg_grey .cnt_box h3,
.cnt_organisation_chart h3 {
    color: #859BA3;
    font-weight:400;
    font-size:3rem;
}

.bg_blue .cnt_box_info_txt {
    color:#fff;
}


.cnt_box_sub_title {
    color:#fecf0a;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -2%;
    margin-bottom:2.5rem;
}



.cnt_box {
    display: flex;
    align-items: center; /* This vertically aligns the items */
    gap: 5rem; /* Optional: adds space between image and text */
}

.cnt_box_img img {
    max-width: 100%;
    height: auto;
    display: block;
}

.cnt_box_info {
    flex: 1; /* Allows the text container to take remaining space */
}

.cnt_box_info_txt p
{
    padding-bottom:2rem;
}

.cnt_box a {
	display: flex;
	width: 100%;
}

.cnt_box_lg a {
    width:unset;
}

.cnt_box_img {
	width: 42%;
	/*margin-left: auto;*/
	margin-right:5rem;
	border-radius: 4px;
	overflow: hidden;
	/*border:1px solid rgba(133, 155, 163, 0.3);*/
}

.cnt_box_info {
	width: 50%;
	display: flex;
	flex-direction: column;
}

.cnt_box_info_title {
	color: var(--color-primary);
	font-size: 3rem;
	font-weight: var(--font-weight-medium);
	line-height: 110%;
	margin-bottom: 3rem;
}

.cnt_box_info_subtitle {
	color: var(--color-primary);
	font-size: 1.6rem;
	font-weight: var(--font-weight-medium);
	line-height: 130%;
	margin-bottom: 1rem;
}

.cnt_box_info_txt {
	color: var(--color-primary);
	font-size: 1.6rem;
	line-height: 130%;
	margin-bottom:2.5rem;
}

.cnt_box_info_txt_blu_dark
{
    color:var(--color-primary);
}

.cnt_box_info_btn {
    padding: 2rem 4rem;
	margin-top: auto;
	background: var(--color-secondary);
	text-transform: uppercase;
	font-weight: var(--font-weight-bold);
	font-size: 1.4rem;
	color: var(--color-primary);
	display: flex;
	align-items: center;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
	justify-content: center;
	transition: var(--transition-03);
}

.cnt_box_info_btn::after {
	content: "";
	position: absolute;
	z-index: -2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: var(--color-secondary);
}

.cnt_box_info_btn::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	top: 99%;
	left: 0;
	background: var(--color-primary);
	transition: all 0.4s ease;
}

.cnt_box_info_btn span {
    background:url("/media/w13frvpk/icon_search.png") top left no-repeat;
    padding-left:3rem;
    line-height:1.5rem;
}

.cnt_box_info_btn a {
    /*padding: 2rem 4rem;*/
    width: 100%;
    display: block;
}

.cnt_box_info_btn:hover span {
    background:url("/media/w13frvpk/icon_search.png") bottom left no-repeat;
    padding-left:3rem;
    line-height:1.5rem;
}

.cnt_box_info_btn:hover:before {
	top: 0%;
	left: 0px;
}

.cnt_box_info_btn:hover {
	color: var(--color-white);
	background: transparent;
}

.cnt_box.bg_grey .cnt_box_info_title {
font-weight: 400;
font-size: 35px;
line-height: 45px;
letter-spacing: -2%;
vertical-align: middle;
color:#859BA3;
}
/*Content Listing Styles Ends*/


/*Accordion Starts*/
.accordion {
      width: 100%;
      margin-bottom: 5rem;
    }

    .accordion-item {
      margin-bottom: 1rem;
    }

    .accordion input {
      display: none;
    }

.accordion-label {
  display: flex;
  align-items: center;
  padding: 1rem;
  cursor: pointer;
  font-size: 1.5rem;
  color: var(--color-primary);
  text-decoration: none;
  border: none;
  position: relative;
  
}

.accordion-item .accordion-label {
    color: #859ba3;
    transition: color 0.3s ease-in;
}

.accordion-item .accordion-label:hover {
    color: var(--color-primary);
}

/* Add grey bullet before the text */
.accordion-label::before {
  content: "•";
  color: #888;
  font-size: 1.5rem;
  margin-right: 0.5rem;
  position: relative;
  top: -1px;
}

/* Move icon(s) to the right */
.accordion-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #FECF0A;
  color: #000;
  font-size: 1.5rem;
  line-height: 24px;
  text-align: center;
  border-radius: 4px;
  margin-left: auto; /* This pushes icon to the far right */
  flex-shrink: 0;
}

    /* Show only one of the icons based on state */
    .icon-plus,
    .icon-minus {
      display: block;
      position: absolute;
      right: 2rem;
    }
    
    .icon-minus {
        display: none;
    }
    
    .accordion-label.active .icon-minus {
        display: block;
    }
    
    .accordion-label.active .icon-plus {
        display: none;
    }

    input:not(:checked) + .accordion-label .icon-plus {
      display: inline-block;
    }

    input:checked + .accordion-label .icon-minus {
      display: inline-block;
    }

    .accordion-content {
      /*max-height: 0;*/
      /*overflow: hidden;*/
      /*transition: max-height 0.4s ease, padding 0.4s ease;*/
      padding: 2rem;
      background: none;
      font-size:1.5rem;
      line-height: 24px;
      color:var(--color-primary);
    }

    input:checked + .accordion-label + .accordion-content {
      max-height: 100%;
      padding: 1rem;
    }
    
    
    .accordion_nobg .accordion-icon
    {
        margin-left: 1.5rem;
    }
    .accordion_blue .accordion-label
    {
        background:#859BA3;
        color:#fff;
        border-bottom:1px solid #f5f5f5;
        border-radius:0.5rem;
    }

   
/*Accordion Ends*/


.ivoluntarilygivemyconsenttothedisclosureandprocessingofmypersonaldataasstatedinmaubankprivacynotice .field-validation-error {
        padding-left:0;
}


/* for fees and charges */



/* end fees and charges */


/* Container flex layout */
.umbraco-forms-page/*#e16ce108-9645-462e-d091-1d996c0ce4a9*/{
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* spacing between items */
  box-sizing: border-box;
}


/* Fieldset base style */


h4.umbraco-forms-caption
{
    width:100%;
    color: var(--color-primary);
    text-align: center;
    font-size: 4rem;
    font-weight: var(--font-weight-light);
    line-height: 5rem;
    margin-bottom:2.5rem;
}





/* Radio Button and Checkbox Styles Starts */



.umbraco-forms-fieldset input[type="radio"],
.umbraco-forms-fieldset input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #182851;
  border-radius: 50%;
  background-color: white;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  margin:1.5rem;
  transition: background-color 0.2s ease;
  top:-0.3rem;
   display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  padding:1rem;

}

.umbraco-forms-fieldset input[type="checkbox"] {
  border-radius:0;
  display: inline-block;
}


/* Radio and Checkbox Checked Styles Starts */
.umbraco-forms-fieldset input[type="radio"]:checked,
.umbraco-forms-fieldset input[type="checkbox"]:checked {
  background-color: var(--color-secondary);
  border: 2.5px solid #182851;
}
/* Radio and Checkbox Checked Styles Starts */

/* Base radio button style */
.umbraco-forms-fieldset input[type="radio"] {
  box-sizing: border-box;
}

/* Checked state background and border */
.umbraco-forms-fieldset input[type="radio"]:checked {
  background-color: var(--color-secondary);
}

/* Blue dot inside the checked radio */
.umbraco-forms-fieldset input[type="radio"]:checked::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background-color: var(--color-primary);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}



/* Checkmark Styles Starts */
.umbraco-forms-fieldset input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 10px;
  border: solid var(--color-primary);
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -60%) rotate(45deg);
  pointer-events: none;
}
/* Checkmark Styles Ends */



/* Radio Button and Checkbox Styles Ends */


.umbraco-forms-fieldset legend
{
    color: var(--color-secondary);
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    line-height: 2rem;
    text-transform:unset;
}


.contact_us_wp-right .contact_us_form_wp .umbraco-forms-fieldset .umbraco-forms-field.privacy p
{
    font-size: 1.4rem;
    color:#757b81;
}
.contact_us_wp-right .contact_us_form_wp .umbraco-forms-fieldset .umbraco-forms-field.privacy p a
{
    font-size: 1.4rem;
     color: var(--color-secondary);
}



.umbraco-forms-fieldset#ffe5d235-455c-43ab-a0bc-493a73577676
{
    flex:none;
    width:100%;
}

/* Mobile: 1 fieldset per row */
@media (max-width: 768px) {
  .umbraco-forms-fieldset {
    flex: 1 1 100%;
  }
}




.umbraco-forms-field-wrapper li {
    list-style-type:disc;
}


/*Fees and Charges Styles Starts*/

.archived_wp.fees_tab .tab_content,
.archived_wp.fees_tab .tab_content_inner {
    margin-top:unset;
}

.archived_wp.fees_tab .tab_content_inner {
    display:unset;
}

.fees-table,
.fees_tab_intro {
    padding:2.5rem;
}

.fees-table {
    border-radius:4px;
    background:#F3F5F6;
    font-size:1.8rem;
    border-collapse: separate;
    border-spacing: 0;
    width:100%;
}




.fees-table th,
.fees-table td {
    border:none;
}

.fees-table thead th {
    background:#fff;
    border-radius:20rem;
    margin:5rem 0;
    padding:1rem 10rem;
}

.fees-table thead td {
    background:none;
}

table.fees-table > tbody > tr:nth-child(n + 2):nth-child(odd) > td {
  background: #f9f9f9; /* grey */
}

table.fees-table tbody td
{
    color: #4b5a65;
}

.fees-table tr
{
    border-radius:5rem;
}


.fees-table td {
    padding:2.5rem 5rem;
    background: #fff;
}


.fees-table tr td:nth-child(2),
.fees-table tr th:nth-child(2),
.fees-table tr td:nth-child(3),
.fees-table tr th:nth-child(3),
.fees-table tr td:nth-child(4),
.fees-table tr th:nth-child(4){
  text-align: center;
}

.fees-table .separator-row
{
    padding: 5rem 0;
    font-weight: bold;
    background: #F3F5F6;
    border-radius: 1rem;
    color: var(--color-primary);
}


.fees_tab_intro
{
    margin:0 0 2.5rem 0;
    border-radius:0 0 4px 4px;
    background: #f9f9f9;
    
}

h6.fees_tab_intro_title
{
    font-size:2rem;
    text-align:center;
    color:var(--color-primary);
    margin:1.5rem 0 5rem;
}

.archived_wp.fees_tab .fees_tab_intro p
{
    font-size:1.5rem;
    text-align:center;
    margin:1.5rem 0;
}

.fees-table p
{
    margin:1.5rem 0;
}
/*Fees and Charges Styles Ends*/


/*Responsive Table Starts*/
.table-outer {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.fees-table {
  border-radius: 4px;
  background: #F3F5F6;
  font-size: 1.8rem;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 600px; /* Ensures scroll when table is too wide */
  width: 100%;
}
/*Responsive Table Ends*/

/*Sticky Header Starts*/
header {
  transition: transform 0.3s ease;
}
header.sticky_header
{
    background:#fff;
    padding: 1.5rem 5.5rem;
}

header.sticky_header .burger_menu-svg .line {
    stroke: #182851;
    stroke-width: 6;
    fill: none;
    stroke-linecap: round;
  }
  
 header.sticky_header .header_btn
  {
      top:1.25rem;
  }
   header.sticky_header .burger_menu
  {
      top:1rem;
  }
/*Sticky Header Ends*/


.ivoluntarilygivemyconsenttothedisclosureandprocessingofmypersonaldataasstatedinmaubankprivacynotice label,
.ivoluntarilygivemyconsenttothedisclosureandprocessingofmypersonaldataasstatedinmaubankprivacynotice .umbraco-forms-fieldset label,

.ivoluntarilygivemyconsenttothedisclosureandprocessingofmypersonaldataasstatedinmaubankprivacynotice .umbraco-forms-page label
{
    display:none!important;
}

/*CSS Tabs Starts*/
.tabs {
  margin-top: 1.5rem;
  color: #fff;
  display: inline-block;
}

.tabs input[type="radio"] {
  display: none;
}

.tabs label {
  padding: 0.75rem 1rem;
  margin-right: 1rem;
  cursor: pointer;
  color: #8890a3;
  font-weight: 500;
  border-bottom: 2px solid transparent;
  display: inline-block;
  transition: all 0.3s ease;
}

.tabs input[type="radio"]:checked + label {
  color: #fff;
  border-bottom: 2px solid #f7c346; /* Yellow underline */
}

.tab-panels {
  margin-top: 1rem;
  background: transparent;
}

.tab-panel {
  display: none;
  animation: fadeIn 0.3s ease-in-out;
}

#tab1:checked ~ .tab-panels .tab-panel:nth-child(1),
#tab2:checked ~ .tab-panels .tab-panel:nth-child(2),
#tab3:checked ~ .tab-panels .tab-panel:nth-child(3) {
  display: block;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
/*CSS Tabs Ends*/


.other-content-top {
    display: flex;
    flex-direction: column;    
    align-items: center;
    margin-top: 20rem;
    position:relative;
    width:100%;
}
.other-content-top::before {
    position: absolute;
    content: "";
    width: 106%;
    height: 1px;
    background: rgba(133, 155, 163, 0.3);
    top: -8rem;
    left: -3%;
}

.other-subtitle {
    color: var(--color-secondary);
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    line-height: 2rem;
    margin-bottom: 2rem;
}

.other-title {
    color: var(--color-primary);
    text-align: center;
    font-size: 4rem;
    font-weight: var(--font-weight-light);
    line-height: 5rem;
    margin-bottom: 2rem;
}

.other-content-bodyText {
    display: flex;
    width: 100%;
    flex-direction: column;
     color:var(--color-primary);
    font-size: 1.6rem;
    line-height: 150%;
    margin-bottom: 2.5rem;
    padding: 0px 13rem;
}

/*Table Responsive*/
/* table-block*/
.body__table{float: left;width: 100%;    }
.body__table .table-title{font-weight: 700;font-size: 20px;color: #1A1E23;margin-bottom: 10px;}
.body__table table {width: 100%;border-collapse: separate;margin:0px 0px 30px 0px;}
.body__table thead th {font-weight: 400;font-size: 15px;color: #fecf0a;background: #182851;position: relative;}
.body__table thead th::before {content: '';position: absolute;height: 7px;width: 100%;background:#182851;top: -5px;left: 0px; border-radius:43px}
.body__table th,.body__table td {border-bottom: none;border-top: none;color: #859ba3;}

/* Zebra striping */
.body__table tr:nth-of-type(odd) {background: #F3F4F6;}
.body__table tr:nth-of-type(even) { background: #FFF; }
.body__table th { position: relative;background: #F7F7FA; font-size: 15px;padding: 15px;text-align: left;     color: #2C3338;}

.body__table td.separator-row {font-weight: var(--font-weight-medium);font-size: 2rem;color: var(--color-primary);}

.body__table th small{font-size: 14px;margin-top: 5px;display: block;}
.body__table td, .body__table th { padding: 10px 15px;text-align: left;font-size: 15px; line-height:120%;  }

.body__table .rates {
    margin: 0 0 2.5rem 0;
    border-radius: 4px;
    background: #f9f9f9;
    width:100%;
    display:flex;
    padding:3rem;
    flex-direction: column;
}
.body__table .rates .title {
    color: var(--color-secondary);
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    line-height: 2rem;
    margin-bottom: 2rem;
    width:100%;
}
.body__table .rates .txt {
    color: #859ba3;
    font-size:1.4rem;
    font-weight: var(--font-weight-light);
    line-height: 1.8rem;
    width:100%;
}


/*UMBRACO FORMS*/
.umbraco-forms-fieldset {
  background: #f9f9f9;
  flex: 1 1 calc(50% - 10px); /* two per row with spacing */
  box-sizing: border-box;
  padding:2rem;
  border:none;
}




.umbraco-forms-container {
    
}


.umbraco-forms-field-wrapper {
    margin:0
}

.umbraco-forms-fieldset label {
    font-size: 15px;
     color:#859ba3;
}

.umbraco-forms-field input[type=text],.umbraco-forms-field input[type=email],.umbraco-forms-field input[type=tel],.umbraco-forms-container .umbraco-forms-field number {
		width:100%;
		height:35px;
		padding:5px 10px;
		transition: all 0.3s ease-out 0s;
		font-size: 15px;
	    color:#859ba3;
        border:1px solid rgba(0,0,0,0.2);
        margin: 15px 0;
        background: rgba(255, 255, 255, 0.8);
         border-radius:3px;

	}

.umbraco-forms-field input[type=text]:focus,.umbraco-forms-field input[type=email]:focus,.umbraco-forms-field input[type=tel]:focus {
    background: rgba(255, 255, 255, 0.8);
    border:1px solid #182851;
}

.umbraco-forms-fieldset textarea
{
   	width:100%;
	height:100px;
	padding:5px 10px;
	transition: all 0.3s ease-out 0s;
	font-size: 15px;
    color:#859ba3;
    border:1px solid rgba(0,0,0,0.2);
    margin: 15px 0;
    background: rgba(255, 255, 255, 0.8);
    border-radius:3px;
}

.umbraco-forms-field textarea:focus {
    background: rgba(255, 255, 255, 0.8);
    border:1px solid #182851;
}


.umbraco-forms-fieldset select { 
    width:50%;
	height:35px;
	padding:5px 10px;
	transition: all 0.3s ease-out 0s;
	font-size: 15px;
    color:#859ba3;
    border:1px solid rgba(0,0,0,0.2);
    margin: 15px 0;
    background: rgba(255, 255, 255, 0.8);
     border-radius:3px;
    
}
.umbraco-forms-fieldset select {
    position: relative;
    margin-bottom: 2.5rem;
}


.field-validation-error,
.umbraco-forms-field-wrapper li
{
    font-size:1.5rem;
    margin: 1.5rem 0 0;
    display:block;
}

.field-validation-error {
     margin: 0 0 1.5rem;
     color: #b94a48;
}

.umbraco-forms-tooltip {
     font-size:13px;
    color: var(--color-primary);
    margin-left: 10px;
}


fieldset.umbraco-forms-field {
    margin: 1rem 0 2rem;
    padding: 1.5rem;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}


.gender .radiobuttonlist.radiobuttonlist-vertical {
     display:flex;
    }

.umbraco-forms-legend {
    color: var(--color-primary) !important;
    font-size: 1.8rem !important;
    font-weight: var(--font-weight-regular);
    line-height: 2rem;
    text-transform: unset;
}

.umbraco-forms-field.privacy.titleanddescription {
    display: flex;
    margin: 15px 0 0 -26px;
    padding: 0;
    width: 80%;
}


.tabhead_financial {
    display: flex;
	justify-content: center;
	margin-top: 7rem;
}

.tabhead_financial .tabbing_nav {
    background: transparent;
    margin-bottom: unset;
    width: unset;
}

.tabhead_financial .tabbing_nav li {
    width: max-content;
    display: inline-block;
    white-space: nowrap;
}

/* manBank WithMe */
.inner_loans_banner.MauBank_withMe .inner_loans_banner_right.inner_normal .inner_normal_txt {
    color: rgba(24, 40, 81, 1);
}

.MauBank_withMe .features_top {
    width: 55%;
}

.MauBank_withMe .app_dl {
    margin-top: 0rem;
    margin-bottom: 3rem;
}

.feature_app_list_wp {
    width: 32%;
    padding-top: 4rem;
    position: relative;
}

.feature_app_list {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap:2rem;
}

.feature_app_box {
    padding: 3rem 2rem;
    cursor: pointer;
    transition: all var(--transition-03);
    /*height: 20rem;*/
    display: flex;
    flex-direction: column;
    border-left: 3px solid #fecf0a;;
}

.feature_app_name {
    display: flex;
    justify-content:flex-start;
    align-items: center;
    gap: 1.2rem;
    color: var(--color-primary);
    font-size: 1.8rem;
    line-height: 2.5rem;
    font-weight: var(--font-weight-medium);
}

.app_desc {
    color: var(--color-primary);
    margin-top: auto;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.app_asc_img_wp {
    width: 65%;
    height: 100%;
    margin-left: auto;
}

.app_function_wp {
    flex-direction: column;
}

.app_function_box_repeat {
    display: flex;
    gap: 5rem;
    align-items: center
}

.app_function_left {
    width: 45%;
}

.app_function_right {
    width: 50%;
}

.ads_nav.feature_nav {
    position: absolute;
    top: 0;
    right: 0;
    justify-content:flex-start;
}

.ads_nav.feature_nav .swiper-button-prev, 
.ads_nav.feature_nav .swiper-button-next {
    right: 5rem;
}

.ads_nav.feature_nav .swiper-button-next {
    right: 0;
}

.main_function_name {
    color: var(--color-primary);
    font-size: 4rem;
    line-height: 5rem;
    margin-bottom: 2rem;
    font-weight: 500;
    max-width: 56rem;
}

.app_benefit_list {
    display: flex;
    gap: 2rem;
    flex-direction: column;
}

.app_benefit_list li,
.function-txt{
    color: var(--color-primary);
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 400;
    max-width: 50rem;
}

.withdraw_money .app_function_text {
    padding-left: 9rem;
}

.withdraw_money .function-txt {
    max-width: 60rem;
}

.app_function_right.withdraw_money {
    padding-left: 10rem;
}

.app_benefit_list li {
    list-style: disc;
    margin-left: 2rem;
}

.register {
    margin: 10rem 0 0;
}

.register_cnt {
    background: rgba(245, 245, 245, 1);
    padding: 8rem 0;
}

.register_wp {
    flex-direction: column;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5rem;
}

.resgister-steps_wp {
    display: flex;
    gap: 1rem;
    max-width: 110.6rem;
    margin: 0 auto;
    justify-content: center;
}

.resgister_left,
.resgister_mid,
.resgister_right {
    display: flex;
    width: 30%;
}

.resgister_left_wp,
.resgister_right_wp {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.resgister_mid_wp {
    display: flex;
}

.resgister_box {
    background: #ffffff;
    padding: 2rem 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.resgister_steps_name {
    font-size: 2rem;
    line-height: 4rem;
    font-weight: 500;
}

.resgister_txt {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 400;
}

.resgister_box.last_box {
    background: transparent;
    border: 1px solid rgba(24, 40, 81, 1);
    padding: 3.4rem 3rem;
}

.video-play {
    margin-top: 2rem;
}

.video-play .video-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.5rem;
    color: rgba(254, 207, 10, 1);
    font-weight: 700;
    gap: 2rem;
    text-decoration: underline;
}

.faq_section {
    padding: 10rem 0 0;
}

.faq_section_wp {
    flex-direction: column;
}

.faq_accordion {
    margin: 5rem auto;
    display: flex;
    flex-direction: column;
    gap: 1.7rem;
}

.faq_txt {
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 400;
}

.faq_txt:first-child {
    margin-top: 4.6rem;
}

.accordion-label.faq_accordion-label {
    color: var(--color-primary);
    font-size: 1.6rem;
    line-height: 5.5rem;
    font-weight: 500;
    position: relative;
    padding: 1.5rem 3.6rem;
    background: rgba(245, 245, 245, 1);
    transition: var(--transition-03);
}

.accordion-item .accordion-label.faq_accordion-label:hover {
    background: rgba(254, 207, 10, 1); 
}

.accordion-label.faq_accordion-label::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='11' viewBox='0 0 19 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3535 10.4018L18.6587 2.03452C19.1138 1.54738 19.1138 0.802344 18.6587 0.343862C18.2036 -0.114621 17.4641 -0.114621 16.9806 0.343862L9.5002 7.88017L2.01982 0.343861C1.56474 -0.114621 0.796797 -0.114621 0.341717 0.343861C-0.113363 0.802343 -0.113363 1.54738 0.341717 2.03451L8.67537 10.4018C9.13045 10.8603 9.86996 10.8603 10.3535 10.4018Z' fill='%23182851'/%3E%3C/svg%3E");
    position: absolute;
    right: 3.6rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2rem;
    height: 1.2rem;
    background-size: cover;
    background-repeat: no-repeat;
}

.accordion-label.faq_accordion-label.active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='11' viewBox='0 0 19 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.64652 0.343787L0.34131 8.71109C-0.11377 9.19823 -0.11377 9.94326 0.34131 10.4017C0.79639 10.8602 1.5359 10.8602 2.01942 10.4017L9.4998 2.86544L16.9802 10.4017C17.4353 10.8602 18.2032 10.8602 18.6583 10.4017C19.1134 9.94326 19.1134 9.19823 18.6583 8.71109L10.3246 0.343787C9.86955 -0.114695 9.13004 -0.114695 8.64652 0.343787Z' fill='%23182851'/%3E%3C/svg%3E");
}

.accordion-item.faq_accordion-item {
    margin-bottom: 0;
}

.accordion-content.faq_accordion-content {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    background-color: transparent;
    padding: 1.5rem 3.6rem;
    max-height: unset;
    overflow: unset;
    transition: unset;
}

.accordion-content.faq_accordion-content ul li {
    list-style: disc;
    margin-left: 2rem;
}

/* elleBoost page */

.inner_loans_banner.elleBoost_page .inner_loans_banner_img {
    width: 50%;
}

.inner_loans_banner.elleBoost_page .inner_loans_banner_right {
    width: 45%;
    margin-left: auto;
    align-self: flex-start;
    padding-top: 3rem;
}

.inner_loans_banner.elleBoost_page .inner_loans_banner_right .inner_normal_txt {
    color: rgba(24, 40, 81, 1);
    padding-bottom: 6rem;
}

.elleBoost_page .inner_normal_btn ul {
    display: flex;
    gap: 2rem;
}

.cnt_wp.elleBoost_cnt {
    background: rgba(133, 155, 163, 1);
    padding: 13.4rem 3rem;
}

.tab_content.elleBoost_tab_content {
    display: none;
}

.tab_content.elleBoost_tab_content.active {
    display: block;
}

.tabhead_financial.elleBoost_facilities {
    margin-top: 0;
}

.elleBoost_cnt .tabbing_nav li {
    color: #ffffff;
}

.elleBoost_cnt .tabbing_nav {
    border-bottom: 1px solid #ffffff;
}

.elleBoost_tab_box {
    width: 100%;
    height: auto;
    display: flex;
    margin: 0 auto;
}

.cn-charter-left.elleBoost-charter-left .cnt_box_img {
    width: 100%;
}

.cn-charter-left.elleBoost-charter-left {
    width: 47%;
}

.cn-charter-right.elleBoost-charter-right {
    width: 48%;
    margin-left: auto;
}

.elleBoost_tab_header {
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 2rem;
}

.elleBoost_tab_txt_wp {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.elleBoost_facility_name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 700;
    color: rgba(254, 207, 10, 1);
    margin-bottom: 1rem;
}

.elleBoost_facility_list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: #ffffff;
}

.elleBoost_facility_list li {
    margin-left: 2rem;
    list-style: disc;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 3rem;
}

.elleBoost_facility_txt {
    color: #ffffff;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 3rem;
}

.rates-btn-wp {
    margin-top: 2rem;
    padding: 0 2rem;
    display: flex;
    gap: 2rem;
}

.csr_partners .cnt_listing_wp {
    margin-top: 5rem;
}

.cnt_box.csr {
    gap: 3rem;
}

.cnt_box.csr .cnt_box_img {
    margin-right: initial;
    width: 50%;
}

.cnt_box.csr .cnt_box_info .cnt_box_info_title {
    font-size: 2.6rem;
    line-height: 3rem;
}

.cnt_box.csr .cnt_box_info .cnt_box_info_txt {
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.maubankgroup .bottom_box_left {
    width: 100%;
}

/* complaint page */
.complaint_wp {
    display: flex;
    margin-top: 8.3rem;
    justify-content: space-between;
}

.complaint_wp_left {
    width: 33%;
    padding-top: 5.5rem;
}

.complaint_left_intro {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.2rem;
    margin-bottom: 4.3rem;
    color: var(--color-primary);
}

.complaint_info {
    display: flex;
    margin-bottom: 4rem;
    gap: 10rem;
}

.complaint_info-left {
    font-weight: var(--font-weight-regular);
    font-size: 1.8rem;
    color: var(--color-secondary);
    width: 25%;
}

.complaint_info-right {
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--color-primary);
    width: 75%;
    font-weight: 700;
    position: relative;
}

.complaint_info-right a {
    display: flex;
    gap: 1rem;
}

.complaint_info-right .location_icon {
    position: absolute;
    left: -2.5rem;
}

.drop_complaint_btn a {
    padding: 1.8rem 5.8rem;
    background: var(--color-secondary);
    text-transform: uppercase;
    font-weight: var(--font-weight-bold);
    font-size: 1.5rem;
    color: var(--color-primary);
    display: inline-block;
    margin-top: 3rem;
    transition: all 0.5s;
}

.drop_complaint_btn a:hover {
    color: var(--color-white);
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.complaint_wp_right {
    width: 65%;
    height: auto;
    background: #f9f9f9;
    padding: 5.5rem;
    color: var(--color-primary);
    font-size: 1.8rem;
    line-height: 2.2rem;
}

.complaints_address_office {
    padding: 3rem 0;
    font-weight: 700;
    line-height: 2.4rem;
}

.complaints_list_check ul {
    padding: 3rem 0 5rem;
}

.complaints_list_check ul li {
    list-style: disc;
    margin-left: 2rem;
    margin-bottom: 0.8rem;
}

.complaints_list_check ul li::marker {
    color: rgba(217, 217, 217, 1);
}

.complaints_link a {
    text-decoration: underline;
    font-weight: 700;
    display: block;
    margin-bottom: 3rem;
}

.complaints_download_btn a {
    font-size: 1.5rem;
    color: var(--color-secondary);
    background: var(--color-primary);
    display: inline-block;
    padding: 1.8rem 3.6rem;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.5s;
}

.complaints_download_btn a:hover {
    color: var(--color-secondary);
    background: var(--color-primary);
}

.disclaimer_wp {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.loan_disclaimer_title {
    color: #859ba3;
    font-size: 1.8rem;
}

.db-accordion {
    display: flex;
}

.db-accordion .accordion-content-text {
    width: 75%;
}

.db-accordion .accordion-content-img {
    width: 20%;
    margin-right: auto;
}

.director-img-wp {
    position: sticky;
    top: 2rem;
}

.search-block {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
}

.search-block.open {
    opacity: 1;
    visibility: visible;
}

.search-block-content {
    width: 100%;
    height: 65%;
    position: absolute;
    z-index: 2;
    top: -500px;
    left: 0;
    background: var(--color-primary);
}

.search-block.open .search-block-content {
    top: 0;
}

.search-block-content .search-close {
    position: fixed;
    top: 5%;
    right: 5%;
    text-align: end;
}

.search-block-content .search-close svg {
    width: 16%;
    margin: 0 0 0 auto;
    padding: 10px;
    cursor: pointer;
}

.search-block-content .search-close svg path{
    fill: #ffffff;
    transition: var(--transition-03);
}

.search-block-content .search-close:hover svg path{
    fill: var(--color-secondary);
}

.inner-block-content {
    position: absolute;
    width: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.search-inner {
    width: 100%;
    position: relative;
}

.search-title {
    letter-spacing: 3px;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    color: var(--color-secondary);
    font-size: 1.5rem;
}

.search-form input {
    background: 0 0;
    transition: 0.7s ease-out;
    border: 0;
    border-bottom: 2px solid var(--color-secondary);
    font-size: 3.2rem;
    line-height: 110%;
    color: #ffffff;
    position: relative;
    padding: 2rem;
    font-family: font-regular, sans-serif;
    width: 100%;
}

.search-icon {
    position: absolute;
    bottom: 23%;
    right: 3%;
    text-align: right;
}

.search-icon svg {
    width: 7%;
    stroke: var(--color-secondary);
    margin: 0 0 0 auto;
}

.search-block-bg {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    z-index: 1;
}

.search-results ul li {
    color: #182851;
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 130%;
    padding: 0.5rem 0 0.5rem 1.8rem;
    position: relative;
}

.search-results ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABUSURBVHgBjY2rEcAgFATvISIiUVGJiUlPoREaowAKQFEAPaAQfCQMw+fMid2ZpWjOhMkYFtsQLgnwfywQF4DXQ4Gi/RKCmyRqeDxdjtWQXlX+boQMEYUOdbQNYRAAAAAASUVORK5CYII=) center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 8px;
}

/* procurement page */
.procurement_page_docs .documents_title {
    margin-bottom: 2rem;
}

.document_procuremnt_title {
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--color-primary);
    width: 40%;
}

.procurement_page_docs .documents_list {
    margin-top: 0;
}

.procurement_page_docs .documents_info:not(:last-child) {
    margin-bottom: 5rem;
}

.procurement_page_docs .documents_list_box {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5rem;
}

.procurement_page_docs .documents_list_box:not(:last-child) {
    margin-bottom: 2rem;
}

.procurement_page_docs .documents_list_box a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    font-size: 1.6rem;
    font-weight: 400;
    padding: 0;
    transition: var(--transition-03);
    width: 60%;
}

.procurement_page_docs .documents_list_box a:hover {
    color: var(--color-secondary);
}

.procurement_svg_wp {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:1rem;
}

.contact_us_wp-right .contact_us_form_wp.procurement_form .umbraco-forms-fieldset .umbraco-forms-container {
    column-gap: 2rem;
}

.procurement_form .umbraco-forms-field {
    width: 48%;
}

.procurement_form .umbraco-forms-field.epsregistration,
.procurement_form .umbraco-forms-field.supplierclassification {
    width: 100%;
}

.procurement_form .umbraco-forms-fieldset select {
    width: 100%;
}

.procurement_form .umbraco-forms-field.supplierclassification select {
    width: 48%;
}

.procurement_form .umbraco-forms-fieldset label {
    line-height: 2rem;
}

.procurement_form .umbraco-forms-field.businesssizecategory label {
    margin-bottom: 1.8rem;
} 

.procurement_form .umbraco-forms-field.businessregistrationnumber .umbraco-forms-tooltip {
    display: block;
    font-size: 1.3rem;
    color: #859ba3;
    margin-left: 0;
    margin-top:0.5rem;
}

.procurement_form .umbraco-forms-field.contactnumber,
.procurement_form .umbraco-forms-field.email, 
.procurement_form .umbraco-forms-field.businesswebsite {
    width: 31.333333333%;
}

.procurement_form .umbraco-forms-field.uploadfile.fileupload {
    width: 25%;
}

.procurement_form .umbraco-forms-field.uploadfile.fileupload input {
    height: 8rem;
}

.complaint_page {
   padding: 10rem 0 5rem; 
}

.procurement_page {
    padding: 5rem 0rem;
}

.expanded_list_wp .loans_box {
    display: flex;
    align-items: flex-start;
}

.expanded_list_wp .loans_box_info {
    width: 50%;
}

.expanded_list_wp .loans_box_img {
    width: 45%;
}

.expanded_text {
    margin-bottom: 3rem;
    overflow: hidden;
    max-height: 18.5rem;
    transition: all 0.3s ease-in;
}

.expanded_text ul li {
    border-bottom: none;
}

.expanded_btn {
   cursor: pointer;
}

.customer_bottom_box .bottom_box_left {
    background: #859BA3;
    color: #fff;
    padding: 10rem 7%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    border-radius: 4px;
}

.customer_lite_txt {
    margin-bottom: 2rem;
    font-size: 2rem;
}

.customer_lite_desc ul {
    max-width: 75%;
}

.customer_lite_desc ul li {
    margin-bottom: 1rem;
    font-size: 1.6rem;
    line-height: 2rem;
    position: relative;
    padding: 0.5rem 0 0.5rem 1.8rem;
}

.customer_lite_desc ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cpath d='M4.56075 0H0V3.48148H2.09346L0 5.55556V8H2.46729L4.56075 5.92593V8H8V3.48148V0H4.56075Z' fill='%23FECF0A'/%3E%3C/svg%3E"); center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 8px;
}

.customer_last_txt {
    font-size: 1.6rem;
    line-height: 2rem;
    max-width: 53%;
}


.input_amount {
    width: 30%;
}

.input_amount input {
    color: var(--color-primary);
    font-size: 2rem;
    background: none;
    border: none;
    width: 75%;
}

.input_amount input[type="number"]::-webkit-outer-spin-button,
.input_amount input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input_amount input[type="number"] {
    -moz-appearance: textfield;
}