:root {
	--theme-color-1: #005691;
	--theme-color-2: #F15A29;
	--google-yellow: #FFA500;
	--blue-1: #1068AB;
	--blue-2: #008DD7;
	--blue-3: #32D4FF;
	--blue-4: #ECF3F9;
	--grey-1: #727272;
	--grey-2: #ddd;
	--grey-3: #eee;
	--grey-4: #e9e9e9;
	--grey-5: #f7f7f7;
	--orange-1: #ff7d29;
}

/* poppins-regular - latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url('/assets/fonts/poppins-v12-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Poppins Regular'), local('Poppins-Regular'),
		 url('/assets/fonts/poppins-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/assets/fonts/poppins-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/assets/fonts/poppins-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/assets/fonts/poppins-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/assets/fonts/poppins-v12-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
    font-display: swap;
}
    
/* poppins-500 - latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	src: url('/assets/fonts/poppins-v12-latin-500.eot'); /* IE9 Compat Modes */
	src: local('Poppins Medium'), local('Poppins-Medium'),
		 url('/assets/fonts/poppins-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/assets/fonts/poppins-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/assets/fonts/poppins-v12-latin-500.woff') format('woff'), /* Modern Browsers */
		 url('/assets/fonts/poppins-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/assets/fonts/poppins-v12-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
	font-display: swap;
}

/* poppins-700 - latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url('/assets/fonts/poppins-v12-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Poppins Bold'), local('Poppins-Bold'),
		 url('/assets/fonts/poppins-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/assets/fonts/poppins-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/assets/fonts/poppins-v12-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('/assets/fonts/poppins-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/assets/fonts/poppins-v12-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
	font-display: swap;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html {
	font-family: sans-serif;
	font-size: 10px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	color: black;
	background-color: white;
	padding: 0;
	margin: 0;
}

body.noscroll {
	overflow: hidden;
    height: 100%;
}

a,
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}

button,
input,
select {
	font-family: inherit;
	font-size: inherit;
}

input:focus,
select:focus {
	outline: none;
}

main {
	margin-top: 80px;
}



/* ================================================================

	CONTAINER

================================================================ */

.container {
	margin-inline: 15px;
}

.relative {
	position: relative;
}

.section {
	padding-block: 40px;
}

.section-blue {
	background-color: var(--blue-4);
}



/* ================================================================

	TEXT

================================================================ */

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

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

.text-h {
	font-size: 24px;
	font-weight: 700;
	margin-block: 0;
}

.text-p {
	margin-block: 10px;
}



/* ================================================================

	BUTTONS

================================================================ */

.button {
	display: inline-block;
	background-color: var(--theme-color-1);
	color: white;
	font-weight: 500;
	text-align: center;
	padding: 15px 20px;
	border: 1px solid var(--theme-color-1);
	border-radius: 100px;
}

.button-cta {
	background-color: var(--theme-color-2);
	border-color: var(--theme-color-2);
}

.button-lgt {
	background-color: white;
	border-color: var(--theme-color-1);
	color: black;
}



/* ================================================================

	HEADER

================================================================ */

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background-color: white;
}

.header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	margin: 0;
}

.header .hdr-logo-img {
	height: 20px;
}

.header .hdr-cta {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	column-gap: 5px;
}

.header .hdr-cta-btn {
	padding-block: 10px;	
}

.header .hdr-cta-tel {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45px;
	height: 45px;
	padding: 0;
	border-radius: 100%;
}

.header .hdr-cta-tel-icon {
	width: 25px;
	height: 25px;
}

.header .hdr-cta-tel-txt {
	display: none;
}

.header .hdr-cta-opn {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	border: none;
	padding: 0;
}

.header .hdr-cta-opn-icon {
	width: 40px;
	height: 40px;
}

.header .hdr-cta-opn-icon * {
	stroke: black;
}

.header .hdr-cta-opn.active .hdr-cta-opn-icon * {
	stroke: var(--theme-color-1);
}

.header .hdr-nav {
	position: fixed;
	top: 75px;
	left: 0;
	width: 100%;
	height: calc(100% - 75px);
	max-height: 0px;
	overflow: hidden;
	transition: max-height .2s ease-in-out;
	background-color: white;
	overflow: hidden;
	z-index: 20;
}

.header .hdr-nav.active {
	max-height: calc(100% - 75px);
}

.header .hdr-nav-list {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	scrollbar-width: none; /* For Firefox */
  	-ms-overflow-style: none; /* For Internet Explorer and Edge */
}

.header .hdr-nav-list::-webkit-scrollbar {
	display: none; /* For WebKit browsers (Chrome, Safari, newer Edge) */
}

.header .hdr-nav-lbl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: black;
	padding: 15px 20px;
	border-top: 1px solid var(--grey-2);
}

.header .hdr-nav-icon {
	width: 30px;
	height: 30px;
	transition: .1s ease-in-out;
}

.header .hdr-nav-icon * {
	stroke: black;
}

.header .hdr-nav-dd {
	max-height: 0px;
	overflow: hidden;
	transition: max-height .2s ease-in-out;
}

.header .hdr-nav-dd-con { 
	display: none;
}

.header .hdr-nav-dd-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.header .hdr-nav-dd-link {
	display: block;
	background-color: var(--grey-5);
	color: black;
	padding: 15px 20px;
	border-top: 1px solid var(--grey-2);
}

.header.hdr-nav-dd-link-icon {
	display: none;
}

.header .hdr-nav-itm.active .hdr-nav-lbl-txt {
	font-weight: 500;
}

.header .hdr-nav-itm.active .hdr-nav-icon {
	transform: rotate(180deg);
}

.header .hdr-nav-itm.active .hdr-nav-icon * {
	stroke: var(--theme-color-1);
}

.header .hdr-nav-itm.active .hdr-nav-dd {
	max-height: 1000px;
}



/* ================================================================

	HERO

================================================================ */

.hero .container {
	padding: 30px 20px 20px;
}

.hero .her-h1 {
	font-size: 40px;
	font-weight: 500;
	line-height: 1.2;
	text-shadow: 1px 1px 10px white;
	margin: 0;
}

.hero .her-h2 {
	font-size: 18px;
    font-weight: 500;
	text-shadow: 1px 1px 10px white;
	margin: 0;
}

.hero .her-rate {
	color: var(--theme-color-2);
	font-size: 36px;
}

.hero .her-ggl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 20px;
	background-color: white;
	width: max-content;
	padding: 12px;
	margin-block: 40px;
	border-radius: 20px;
	box-shadow: 0 2px 5px -2px rgba(0,0,0,.4);
}

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

.hero .her-ggl-logo-img {
	display: block;
}

.hero .her-ggl-label {
	font-size: 13px;
	font-weight: 500;
}

.hero .her-ggl-rate {
	display: flex;
	align-items: center;
	column-gap: 5px;
}

.hero .her-ggl-rate-txt {
	color: var(--google-yellow);
	font-size: 18px;
	font-weight: 500;
}

.hero .her-ggl-stars {
	display: inline-flex;
	align-items: center;
	column-gap: 2px;
}

.hero .her-ggl-star {
	width: 20px;
	height: 20px;
}

.hero .her-ggl-star * {
	fill: var(--google-yellow);
}

.hero .her-ggl-num {
	font-size: 12px;
}

.hero .her-rate-sel-txt {
	font-size: 14px;
	margin-block: 0 8px;
}

.hero .her-rate-sel-con {
	column-gap: 10px;
}

.hero .her-rate-sel-input {
	background-color: rgba(255,255,255,.85);
	appearance: none;
	width: 100%;
	min-width: 160px;
	padding: 15px;
	border: none;
	border-radius: 10px;
}

.hero .her-rate-sel-icon {
	position: absolute;
	top: 14px;
	right: 15px;
	width: 25px;
	height: 25px;
	fill: none;
}

.hero .her-rate-sel-btn {
	width: 100%;
	margin-top: 10px;
}

.hero .her-cta {
	display: none;
}

.hero .her-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	z-index: -1;
	overflow: hidden;
}

.hero .her-bg-img {
	object-fit: cover;
	object-position: 60% 0;
	width: 100%;
	height: 100%;
}

.hero .her-bg-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgb(242 251 254) 0%, rgba(255, 255, 255, 0) 100%)
}

.hero .her-list {
	list-style: none;
	padding: 0;
}

.hero .her-list-itm {
	display: flex;
	align-items: center;
	column-gap: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid var(--blue-4);
}

.hero .her-list-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--theme-color-1);
	width: 25px;
	height: 25px;
	border-radius: 100%;
}

.hero .her-list-icon .icon {
	width: 15px;
	height: 15px;
}

.hero .her-list-icon .icon * {
	stroke: white;
}

.hero .her-list-h {
	font-size: 16px;
	margin: 0;
}

.hero .her-list-p {
	font-size: 14px;
	margin: 0;
}

.hero-basic .her-h1 {
    font-size: 32px;
}

.hero-basic .her-h2 {
    font-size: 15px;
    margin-block: 10px 20px;
}

.hero-basic .button-lgt {
    background-color: rgba(255,255,255,.8);
}



/* ================================================================

	OPTIONS

================================================================ */

.options .opt-con {
	margin-block: 40px;
}

.options .opt-itm {
	color: black;
}

.options .opt-itm-img-con {
	width: 100%;
	height: 300px;
	border-radius: 20px;
	overflow: hidden;
}

.options .opt-itm-img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.options .opt-itm-h {
	font-size: 24px;
	margin-block: 20px 0;
}

.options .opt-itm-p {
	margin-block: 5px 15px;
}

.options .opt-itm-link {
	display: flex;
	align-items: center;
	column-gap: 8px;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--theme-color-2);
}

.options .opt-itm-link-txt {
	color: var(--theme-color-2);
}

.options .opt-itm-link-icon {
	width: 20px;
	height: 20px;
}

.options .opt-itm-link-icon * {
	stroke: var(--theme-color-2);
}

.options .opt-cta {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

.options .opt-cta-txt {
	width: 100%;
	font-size: 16px;
}



/* ================================================================

	TESTIMONIALS

================================================================ */

.testimonial {
	display: flex;
	justify-content: center;
	padding-inline: 15px;
}

.testimonial .tes-block {
	background-color: var(--blue-4);
	width: 100%;
	padding: 20px;
	border-radius: 20px;
	box-shadow: 0 2px 5px -2px rgba(0,0,0,.4);
}

.testimonial .tes-con {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--grey-2);
}

.testimonial .tes-stars {
	display: inline-flex;
	align-items: center;
	column-gap: 2px;
}

.testimonial .tes-star {
	width: 20px;
	height: 20px;
}

.testimonial .tes-star * {
	fill: var(--google-yellow);
}

.testimonial .tes-txt {
	margin-block: 5px 15px;
}

.testimonial .tes-thumb {
	display: flex;
	align-items: center;
	column-gap: 10px;
}

.testimonial .tes-aut {
	font-weight: 500;
}

.testimonial .tes-cta-btn {
	width: 100%;
}



/* ================================================================

	WHY CREDIT ONE

================================================================ */

.why .why-con {
	margin-top: 25px;
}

.why .why-itm {
	display: flex;
	column-gap: 20px;
	padding: 20px;
	border: 1px solid var(--grey-2);
	border-radius: 20px;
	margin-bottom: 20px;
}

.why .why-itm-icon {
	width: 60px;
	height: 60px;
}

.why .why-itm-h {
	font-size: 20px;
	margin-block: 0 10px;
}

.why .why-itm-p {
	margin-block: 0;
}

.why .why-btn {
	width: 100%;
	margin-top: 10px;
}



/* ================================================================

	HARDWORK

================================================================ */

.hardwork .container {
	background-color: #1068AB;
	color: white;
	padding: 20px;
	border-radius: 20px;
}

.hardwork .hdwk-tel {
	display: flex;
	align-items: center;
	column-gap: 10px;
	color: white;
	font-size: 30px;
	font-weight: 500;
	margin-block: 20px;
}

.hardwork .hdwk-tel-icon {
	width: 40px;
	height: 40px;
}

.hardwork .hdwk-btn {
	width: 100%;
	margin-top: 10px;
}

.hardwork .button-cta {
	background-color: white;
	border-color: white;
	color: var(--blue-2);
}

.hardwork .button-lgt {
	background-color: transparent;
	border-color: var(--blue-3);
	color: white;
}



/* ================================================================

	CALCULATOR

================================================================ */

.calculator .calc-quote {
	padding-left: 20px;
	margin-top: 30px;
	border-left: 2px solid var(--blue-2);
}

.calculator .calc-quote-txt {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 5px;
}

.calculator .calc-calc {
	margin-top: 40px;
}

.calculator .calc-swt-opt {
	width: 100%;
	font-weight: 500;
	padding-block: 10px;
	border-bottom: 2px solid var(--grey-2);
}

.calculator .calc-swt-opt.active {
	border-color: var(--blue-1);
	color: var(--blue-1);
}

.calculator .calc-lts {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 20px;
}

.calculator .calc-lt {
	width: calc((100% / 3) - 10px);
}

.calculator .calc-lt-lbl {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	row-gap: 5px;
	padding: 10px;
	border: 2px solid transparent;
	border-radius: 20px;
}

.calculator .calc-lt-inp,
.calculator .calc-lt-icon-blue {
	display: none;
}

.calculator .calc-lt-inp:checked + .calc-lt-lbl {
	border-color: var(--blue-2);
	color: var(--blue-2);
}

.calculator .calc-lt-inp:checked + .calc-lt-lbl .calc-lt-icon-black {
	display: none;
}

.calculator .calc-lt-inp:checked + .calc-lt-lbl .calc-lt-icon-blue {
	display: block;
}

.calculator .calc-tabs {
	width: calc(100vw - 30px);
	margin-top: 30px;
	overflow: hidden;
}

.calculator .calc-tabs-slider {
	display: flex;
	column-gap: 30px;
	width: calc((100vw - 15px) * 2);
	transition: margin-left .2s ease-in-out;
}

.calculator .calc-tabs-slider.active {
	margin-left: -100vw;
}

.calculator .calc-tab {
	width: calc(100vw - 30px);
}

.calculator .calc-field {
	display: flex;
	align-items: center;
	column-gap: 10px;
	background-color: white;
	padding-inline: 20px;
	margin-bottom: 10px;
	border-radius: 10px;
}

.calculator .calc-lbl {
	min-width: 140px;
	font-weight: 500;
}

.calculator .calc-inp {
	flex: 1;
	font-size: 18px;
	padding-block: 20px;
	border: none;
}

.calculator .calc-inp:focus {
	border: none;
	outline: none;
}

.calculator .calc-rpopts {
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 5px;
	background-color: transparent;
	padding-inline: 0;
}

.calculator .calc-rpopt {
	overflow: hidden;
	flex: 1;
}

.calculator .calc-rpopt:first-child {
	border-radius: 10px 0 0 10px;
}

.calculator .calc-rpopt:last-child {
	border-radius: 0 10px 10px 0;
}

.calculator .calc-rpopt-lbl {
	display: block;
	background-color: white;
	width: 100%;
	padding-block: 20px;
}

.calculator .calc-rpopt-inp {
	display: none;
}

.calculator .calc-rpopt-inp:checked + .calc-rpopt-lbl {
	background-color: var(--theme-color-1);
	color: white;
}

.calculator .calc-res {
	margin-top: 40px;
}

.calculator .calc-res-pop {
	font-size: 40px;
	font-weight: 700;
	margin-block: 0 20px;
}

.calculator .calc-res-btn {
	width: 100%;
	margin-top: 10px;
}

.calculator .calc-no-con .calc-lt-lbl,
.calculator .calc-no-con .calc-field,
.calculator .calc-no-con .calc-inp,
.calculator .calc-no-con .calc-rpopt-lbl {
	background-color: var(--blue-4);
}

#calculator-anchor {
	position: absolute;
	top: -75px;
	width: 0px;
	height: 0px;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}



/* ================================================================

	LENDERS

================================================================ */

.lenders .lend-con {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 40px;
}

.lenders .lend-itm {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc((100% / 3) - 20px);
}

.lenders .lend-itm-img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}



/* ================================================================

	NEWS

================================================================ */

.news .news-con {
	padding-inline: 15px;
	margin-top: 30px;
}

.news .news-itm {
	color: black;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--grey-3);
}

.news .news-img {
	object-fit: cover;
	width: 100%;
	height: 200px;
	border-radius: 20px;
}

.news .news-title {
	margin-block: 20px 0;
}

.news .news-date {
	color: var(--grey-1);
	font-size: 13px;
	margin-block: 5px 10px;
}



/* ================================================================

	FAQS

================================================================ */

.faqs .faqs-con {
	list-style: none;
	padding: 0;
	margin-top: 40px;
}

.faqs .faqs-itm {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid var(--grey-3);
}

.faqs .faqs-ques {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	column-gap: 20px;
	font-size: 16px;
	font-weight: 500;
	margin-block: 0;
}

.faqs .faqs-ques-txt {
	flex: 1;
}

.faqs .faqs-icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background-color: var(--blue-4);
	width: 40px;
	height: 40px;
	border-radius: 100%;
}

.faqs .faqs-icon .icon {
	width: 25px;
	height: 25px;
	transition: .2s ease-in-out;
}

.faqs .faqs-icon .icon * {
	stroke: var(--blue-2);
}

.faqs .faqs-ans {
	max-height: 0px;
	overflow: hidden;
	transition: max-height .2s ease-in-out;
	margin-block: 10px 0;
}

.faqs .faqs-itm.active .faqs-icon .icon {
	transform: rotate(180deg);
}

.faqs .faqs-itm.active .faqs-ans {
	max-height: 1000px;
}



/* ================================================================

	QUICK QUOTE

================================================================ */

.form {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 40px;
}

.form .form-field {
	width: 100%;
	margin-bottom: 10px;
}

.form .form-lbl {
	display: block;
	font-weight: 500;
	margin-bottom: 5px;
}

.form .form-inp {
	appearance: none;
	background-color: white;
	width: 100%;
	padding: 15px;
	border: 1px solid #aaa;
	border-radius: 10px;
}

.form .form-inp:focus {
	border-color: var(--theme-color-1);
	outline: none;
}

.form .form-arrow {
	position: absolute;
	top: 42px;
	right: 15px;
	width: 25px;
	height: 25px;
}

.form .form-arrow * {
	stroke: black;
}

.form .form-cbox {
	display: flex;
	column-gap: 15px;
	margin-bottom: 15px;
}

.form .form-cbox-inp {
	display: none;
}

.form .form-cbox-box {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
	width: 25px;
	height: 25px;
	border: 1px solid #aaa;
	border-radius: 5px;
}

.form .form-cbox-box .icon {
	display: none;
	width: 20px;
	height: 20px;
}

.form .form-cbox-box .icon * {
	stroke: white;
}

.form .form-cbox-inp:checked + .form-cbox-box {
	background-color: var(--theme-color-1);
	border-color: var(--theme-color-1);
}

.form .form-cbox-inp:checked + .form-cbox-box .icon {
	display: block;
}

.form .form-btn {
	width: 100%;
	margin-bottom: 10px;
}

.form .form-note {
	color: var(--grey-1);
	font-size: 14px;
	padding-inline: 15px;
}

#quick-quote-anchor {
	position: absolute;
	top: -75px;
	width: 0px;
	height: 0px;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}



/* ================================================================

	FOOTER

================================================================ */

.footer {
	background-color: var(--theme-color-1);
	color: var(--grey-4);
}

.footer .ftr-nav-list {
	list-style: none;
	width: 100%;
	padding: 30px 0 10px;
	margin-block: 0;
	border-bottom: 1px solid white;
}

.footer .ftr-nav-h {
	display: flex;
	justify-content: space-between;
	color: white;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 5px;
}

.footer .ftr-nav-h-icon {
	width: 30px;
	height: 30px;
	transition: .2s ease-in-out;
}

.footer .ftr-nav-h-icon * {
	stroke: var(--grey-4);
}

.footer .ftr-nav-itm {
	border-bottom: 1px solid var(--grey-2);
}

.footer .ftr-nav-itm:last-child {
	border-bottom: none;
}

.footer .ftr-nav-link {
	display: block;
	width: 100%;
	padding-block: 10px;
	color: var(--grey-4);
}

.footer .ftr-nav-dd {
	max-height: 0px;
	overflow: hidden;
	transition: max-height .2s ease-in-out;
}

.footer .ftr-nav-list.active .ftr-nav-dd {
	max-height: 1000px;
}

.footer .ftr-nav-list.active .ftr-nav-h-icon {
	transform: rotate(180deg);
}

.footer .ftr-info {
	margin-top: 60px;
}

.footer .ftr-logo-link {
	display: block;
	margin-bottom: 20px;
}

.footer .ftr-brch {
	padding-block: 10px;
}

.footer .ftr-brch-name {
	color: white;
	font-weight: 500;
}

.footer .ftr-brch-field {
	display: flex;
	column-gap: 10px;
}

.footer .ftr-brch-txt {
	color: var(--grey-4);
}

.footer a.ftr-brch-txt {
	text-decoration: underline;
}

.footer .ftr-sm {
	display: flex;
	align-items: center;
	column-gap: 20px;
	margin-top: 20px;
}

.footer .ftr-btt {
	display: flex;
	align-items: center;
	column-gap: 10px;
	margin-top: 20px;
}

.footer .ftr-btt-link {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
	width: 60px;
	height: 60px;
    border: none;
	border-radius: 100%;
}

.footer .ftr-btt-link-icon {
	width: 30px;
	height: 30px;
}

.footer .ftr-btt-link-icon * {
	stroke: var(--blue-2);
}

.footer .ftr-btt-msg {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 10px;
	padding-right: 25px;
}

.footer .ftr-btt-msg-icon {
	width: 30px;
	height: 30px;
}

.footer .ftr-btt-msg-icon * {
	stroke: white;
}

.footer-b {
	font-size: 14px;
	padding-block: 20px 60px;
}

.footer-b .ftr-b-info {
	color: var(--grey-1);
}

.footer-b .ftr-b-info p:first-child {
	color: black;
}

.footer-b .ftr-b-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-b .ftr-b-nav-link {
	text-transform: uppercase;
}

.footer-b .ftr-b-mems {
	margin-top: 40px;
}

.footer-b .ftr-b-mems-con {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.footer-b .ftr-b-mem-img {
	width: 80px;
}

.footer-cta {
	position: fixed;
	bottom: 20px;
	right: 15px;
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.footer-cta .ftr-cta-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	padding: 0;
	border: 1px solid white;
}

.footer-cta .ftr-cta-icon {
	width: 30px;
	height: 30px;
}



/* ================================================================

	PAGINATION

================================================================ */

.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 5px;
	padding: 0;
	margin-block: 20px 0;	
	list-style: none;
}

.pagination .page {
	background-color: var(--blue-4);
	width: 20px;
	height: 20px;
	border: none;
	border-radius: 100%;
}

.section-blue .pagination .page {
	background-color: #c8daeb;
}

.pagination .page.is-active,
.section-blue .pagination .page.is-active {
	background-color: var(--theme-color-1);
}



/* ================================================================

	RESPONSIVE

================================================================ */

@media only screen and (max-width: 400px) {
    
    .header .hdr-logo-img {
        height: 15px;
    }
}