@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap");
:root {
				--h1: clamp(2.8125rem, 4vw + 1rem, 4.209rem);
				--h2: clamp(2.0625rem, 3vw + 1rem , 3.1575rem);
				--h3: clamp(1.875rem, 2.7vw + 1rem, 2.369rem);
				--h4: 1.777rem;
				--h5: 1.333rem;
				--h6: 1rem;
				--r: 255;
				--g: 171;
				--b: 1;
				--dark-r: 0;
				--dark-g: 0;
				--dark-b: 0;
				--white: #fff;
}

html {
				font-size: 16px;
}

body {
				position: relative;
				background-color: var(--white);
				font-family: "Roboto", sans-serif;
				font-size: 1rem;
				font-weight: 400;
				line-height: 1.5;
				color: #757575;
}

p {
				margin-bottom: 1.25rem;
}

h1,
h2,
h3,
h4,
h5 {
				margin: 1.5rem 0 1rem;
				font-family: "Inter", sans-serif;
				font-weight: 700;
				line-height: 1.15;
				color: #212121;
}

h1 {
				margin-top: 0;
				font-size: var(--h1);
}

h2 {
				font-size: var(--h2);
}

h3 {
				font-size: var(--h3);
}

h4 {
				font-size: var(--h4);
}

h5 {
				font-size: var(--h5);
}

h6 {
				font-size: var(--h6);
}

small,
.sm-text {
				font-size: 14px;
}

.lg-text {
				font-size: 18px;
}

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

.xxl-text {
				font-size: 24px;
}

.fw-regular {
				font-weight: 400;
}

.fw-md {
				font-weight: 500;
}

.lh-1 {
				line-height: 1;
}

.hr {
				background-color: rgb(var(--r), var(--g), var(--b));
}

button:focus {
				outline: none !important;
}

.btn:focus,
.btn.focus {
				outline: none;
				-webkit-box-shadow: none;
				        box-shadow: none;
}

input:focus {
				outline: none;
}

.form-control {
				border-color: rgba(0, 0, 0, 0.1);
}

textarea {
				resize: none;
}

@media screen and (min-width: 1600px) {
				.container-restricted {
								max-width: 1540px;
								margin-left: auto;
								margin-right: auto;
				}
}

a {
	text-decoration: none;
}

/*---------------------------------------
    0.2 Modules Style
-----------------------------------------*/
/*---------------------------------------
    2.1 Hero
-----------------------------------------*/
.hero {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				height: 100vh;
				min-height: 650px;
				position: relative;
				background-size: cover;
				background-position: center bottom;
				background-repeat: no-repeat;
				background-image: url(../img/hero.jpg);
				z-index: 2;
}
@media screen and (min-width: 768px) {
				.hero {
								height: 90vh;
				}
}
.hero::after {
				content: "";
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background-image: -webkit-gradient(linear, left top, right top, from(rgba(1, 33, 85, 0.6)), to(rgba(1, 33, 85, 0.1)));
				background-image: linear-gradient(to right, rgba(1, 33, 85, 0.6), rgba(1, 33, 85, 0.1));
				mix-blend-mode: overlay;
				z-index: -1;
}
.hero__img {
				position: relative;
}
@media screen and (min-width: 1600px) {
				.hero__img-is {
								width: 750px;
								max-width: 750px;
								height: 750px;
								-o-object-fit: contain;
								   object-fit: contain;
				}
}
.hero__content {
				padding-top: 60px;
				padding-bottom: 60px;
				margin-top: auto;
				margin-bottom: auto;
				overflow: hidden;
}

/*---------------------------------------
    2.2 Header
-----------------------------------------*/
.header {
				padding: 15px 0;
				position: relative;
				z-index: 10;
}
@media screen and (min-width: 992px) {
				.header {
								padding: 0;
				}
}
.header__top {
				padding: 13px 45px;
				position: relative;
				background: #f7f9fb;
}
@media screen and (min-width: 992px) {
				.header__top {
								padding: 12px 25px;
				}
}
@media screen and (min-width: 1200px) {
				.header__top {
								padding: 12px 45px;
				}
}
.header--primary {
				padding: 10px 0;
				position: absolute;
				width: 100%;
				background: rgba(1, 33, 85, 0.5);
				z-index: 10;
				border-top-width: 0px;
				border-left-width: 0px;
				border-right-width: 0px;
				border-bottom-width: 1px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 0.5);
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}

/*---------------------------------------
    2.3 Logo
-----------------------------------------*/
.logo {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				width: 100%;
				max-width: 140px;
				height: 46px;
				font-size: 24px;
				text-transform: capitalize;
				font-family: "Inter", sans-serif;
				font-weight: 700;
				color: var(--white);
				letter-spacing: 0.03em;
}
.logo:hover {
				color: var(--white);
}
@media screen and (min-width: 992px) {
				.logo {
								height: 64px;
								max-width: 160px;
				}
}
.logo__is {
				width: 100%;
				height: 100%;
				-o-object-fit: contain;
				   object-fit: contain;
}

/*---------------------------------------
    2.4 List
-----------------------------------------*/
.list {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				padding: 0;
				margin: 0;
				list-style: none;
}
.list__item {
				position: relative;
}
.list--row {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				gap: 1rem;
}
.list--row-sm {
				gap: 0.5rem;
}
.list--row-xl {
				gap: 2rem;
}
.list--row__item:last-child {
				margin-right: 0;
}
.list--row__item-sm {
				margin-top: 2px;
				margin-bottom: 2px;
				margin-right: 0.5rem;
}
.list--row__item-sm:last-child {
				margin-right: 0;
}
.list--row__item-xl {
				margin-top: 2px;
				margin-bottom: 2px;
				margin-right: 2rem;
}
.list--row__item-xl:last-child {
				margin-right: 0;
}
.list--column {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
}
.list--column__item {
				margin-bottom: 1rem;
}
.list--column__item:last-child {
				margin-bottom: 0;
}
.list--column__item-sm {
				margin-bottom: 0.5rem;
}
.list--column__item-sm:last-child {
				margin-bottom: 0;
}
.list--column__item-xl {
				margin-bottom: 2rem;
}
.list--column__item-xl:last-child {
				margin-bottom: 0;
}
.list--primary li {
				position: relative;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
}
.list--primary li::before {
				content: "";
				font-family: "Font Awesome 5 Free";
				font-weight: 900;
				color: var(--white);
				display: -webkit-inline-box;
				display: -ms-inline-flexbox;
				display: inline-flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				font-size: 10px;
				width: 20px;
				height: 20px;
				line-height: 20px;
				border-radius: 50%;
				margin-right: 14px;
				background: #33BDFF;
}
.list--base li {
				position: relative;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
}
.list--base li::before {
				content: "";
				font-family: "Font Awesome 5 Free";
				font-weight: 900;
				color: var(--white);
				display: -webkit-inline-box;
				display: -ms-inline-flexbox;
				display: inline-flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				font-size: 10px;
				width: 20px;
				height: 20px;
				line-height: 20px;
				border-radius: 50%;
				margin-right: 14px;
				background-color: rgba(var(--r), var(--g), var(--b), 1);
}

/*---------------------------------------
    2.5 Nav
-----------------------------------------*/
.nav-container {
				position: relative;
}

.navs {
				min-width: 200px;
				position: absolute;
				top: calc(100% + 20px);
				right: 0;
				border-radius: 5px;
				background: var(--white);
				-webkit-transition: all 0.4s ease;
				transition: all 0.4s ease;
				visibility: hidden;
				opacity: 0;
				z-index: -9999;
				-webkit-box-shadow: 0 5px 15px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.3);
				        box-shadow: 0 5px 15px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.3);
}
@media screen and (min-width: 992px) {
				.navs {
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
								min-width: auto;
								position: relative;
								top: auto;
								right: auto;
								visibility: visible;
								opacity: 1;
								z-index: 9998;
								background: transparent;
								-webkit-box-shadow: none;
								        box-shadow: none;
				}
				.navs::after {
								display: none;
				}
}
.navs::after {
				content: "";
				border-top: 10px solid transparent;
				border-left: 10px solid transparent;
				border-right: 10px solid transparent;
				border-bottom: 10px solid var(--white);
				position: absolute;
				top: -20px;
				right: 10px;
}
.navs--toggle {
				padding: 3px 5px;
				border-radius: 2px;
				border: 1px solid var(--white);
				font-size: 24px;
				color: var(--white);
				line-height: 1;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}
.navs--toggle:hover {
				background: var(--white);
				color: #222736;
}

/*---------------------------------------
    2.6 Primary Menu
-----------------------------------------*/
.primary-menu {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
}
@media screen and (min-width: 992px) {
				.primary-menu {
								-webkit-box-orient: horizontal;
								-webkit-box-direction: normal;
								    -ms-flex-direction: row;
								        flex-direction: row;
				}
}
.primary-menu--dark {
				background: #222736;
}
@media screen and (min-width: 992px) {
				.primary-menu--dark .primary-menu__link {
								color: var(--white);
				}
}
.primary-menu__list {
				position: relative;
}
@media screen and (min-width: 992px) {
				.primary-menu__list {
								margin-right: 1rem;
				}
				.primary-menu__list:first-child {
								padding-left: 1rem;
				}
				.primary-menu__list:last-child {
								margin-right: 0;
				}
}
@media screen and (min-width: 1200px) {
				.primary-menu__list {
								margin-right: 1.5rem;
				}
}
.primary-menu__list.has-sub:hover .primary-menu__link {
				border-bottom: 1px solid transparent;
}
@media screen and (min-width: 992px) {
				.primary-menu__list.has-sub:hover .primary-menu__link {
								border-bottom: none;
								color: rgba(var(--r), var(--g), var(--b), 1);
				}
}
@media screen and (min-width: 992px) {
				.primary-menu__list.has-sub:hover .primary-menu__link::after {
								content: "";
				}
}
@media screen and (min-width: 992px) {
				.primary-menu__list.has-sub:hover .primary-menu__sub {
								top: 100% !important;
								visibility: visible !important;
								opacity: 1 !important;
								height: auto !important;
								z-index: 9999 !important;
				}
}
.primary-menu__list.has-sub .primary-menu__link::after {
				content: "";
				font-family: "Line Awesome Free";
				font-weight: 900;
				line-height: 1;
				display: inline-block;
				position: absolute;
				right: 15px;
				font-size: 16px;
}
@media screen and (min-width: 992px) {
				.primary-menu__list.has-sub .primary-menu__link::after {
								position: relative;
								right: -5px;
								top: 0;
				}
}
.primary-menu__link {
				display: block;
				padding-top: 8px;
				padding-bottom: 8px;
				margin-left: 15px;
				margin-right: 15px;
				border-bottom: 1px solid rgba(34, 39, 54, 0.1);
				text-decoration: none;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
				color: #222736;
}
@media screen and (min-width: 992px) {
				.primary-menu__link {
								color: var(--white);
								margin-left: 0;
								margin-right: 0;
								font-weight: 700;
								border-bottom: none;
								padding-top: 20px;
								padding-bottom: 20px;
				}
}
.primary-menu__link:hover {
				color: rgba(var(--r), var(--g), var(--b), 1);
				text-decoration: none;
}
.primary-menu--alt {
				padding-top: 1rem;
				padding-bottom: 1rem;
}
@media screen and (min-width: 992px) {
				.primary-menu--alt {
								padding-top: 0;
								padding-bottom: 0;
				}
}
.primary-menu--alt .primary-menu__list {
				margin-bottom: 0.5rem;
				width: 100%;
}
@media screen and (min-width: 992px) {
				.primary-menu--alt .primary-menu__list {
								margin-bottom: 0;
								width: auto;
				}
}
.primary-menu--alt .primary-menu__list:last-child {
				margin-bottom: 0;
}
.primary-menu--alt .list--row__item {
				margin-right: 0;
}
@media screen and (min-width: 992px) {
				.primary-menu--alt .list--row__item {
								margin-right: 1rem;
				}
				.primary-menu--alt .list--row__item:last-child {
								margin-right: 0;
				}
}
.primary-menu__sub {
				list-style: none;
				padding: 0;
				margin-left: 15px;
				margin-right: 15px;
				z-index: -9999;
				visibility: hidden;
				opacity: 0;
				height: 0;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}
@media screen and (min-width: 992px) {
				.primary-menu__sub {
								min-width: 200px;
								height: auto;
								padding: 15px;
								position: absolute;
								left: 50%;
								top: calc(100% + 20px);
								-webkit-transform: translateX(-50%);
								        transform: translateX(-50%);
								margin-left: 0;
								margin-right: 0;
								background: var(--white) !important;
								border-radius: 5px;
								-webkit-box-shadow: 0 5px 15px rgba(34, 39, 54, 0.4);
								        box-shadow: 0 5px 15px rgba(34, 39, 54, 0.4);
				}
				.primary-menu__sub::after {
								content: "";
								border-left: 10px solid transparent;
								border-right: 10px solid transparent;
								border-top: 10px solid transparent;
								border-bottom: 10px solid var(--white);
								position: absolute;
								top: -20px;
								left: 50%;
								-webkit-transform: translateX(-50%);
								        transform: translateX(-50%);
				}
}
.primary-menu__sub-list {
				border-top-width: 0px;
				border-left-width: 0px;
				border-right-width: 0px;
				border-bottom-width: 1px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 0.5);
}
@media screen and (min-width: 992px) {
				.primary-menu__sub-list {
								border-bottom: 1px solid #e0e0e0;
				}
				.primary-menu__sub-list:hover {
								border-bottom: 1px solid transparent;
				}
}
.primary-menu__sub-list:first-child {
				border-top: none;
}
.primary-menu__sub-list:first-child .primary-menu__sub-link {
				border-radius: 3px 3px 0 0;
}
.primary-menu__sub-list:last-child {
				border-bottom: none;
}
.primary-menu__sub-list:last-child .primary-menu__sub-link {
				border-radius: 0 0 3px 3px;
}
.primary-menu__sub-link {
				display: block;
				padding: 8px 14px;
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				color: var(--white);
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
				position: relative;
}
@media screen and (min-width: 992px) {
				.primary-menu__sub-link {
								background: var(--white);
								color: #212121;
								border-radius: 3px !important;
								text-align: center;
				}
}
.primary-menu__sub-link:hover {
				color: var(--white);
}
@media screen and (min-width: 992px) {
				.primary-menu__sub-link:hover {
								color: var(--white);
								background-color: rgba(var(--r), var(--g), var(--b), 1);
				}
}

/*---------------------------------------
    2.7 Nav Toggler
-----------------------------------------*/
.nav-toggler .navs {
				visibility: visible;
				opacity: 1;
				z-index: 9997;
				top: calc(100% + 10px);
}
@media screen and (min-width: 992px) {
				.nav-toggler .navs {
								top: auto;
				}
}
.nav-toggler .navs--toggle {
				background: var(--white);
				color: #757575;
}

/*---------------------------------------
    2.8 Nice Select
-----------------------------------------*/
.custom--nice-select .nice-select {
				width: 100%;
				height: 50px;
				line-height: 48px;
				border-radius: 3px;
				background: transparent;
				font-size: 16px;
}
.custom--nice-select .nice-select::after {
				height: 8px;
				width: 8px;
				margin-top: -6px;
				border-bottom: 2px solid #33BDFF;
				border-right: 2px solid #33BDFF;
}
.custom--nice-select .nice-select .list {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				background: #33BDFF;
				right: 0;
				border-radius: 0 0 5px 5px;
				-webkit-box-shadow: 0 10px 15px rgba(34, 39, 54, 0.2);
				        box-shadow: 0 10px 15px rgba(34, 39, 54, 0.2);
}
.custom--nice-select .nice-select .list .option {
				color: var(--white);
}
.custom--nice-select .nice-select .list .option:hover {
				color: var(--white);
				background: #1ab5ff;
}
.custom--nice-select .nice-select .list .selected {
				background: #0fb1ff;
}
.custom--nice-select .nice-select .current {
				color: rgba(117, 117, 117, 0.7);
}
.custom--nice-select .nice-select:active,
.custom--nice-select .nice-select.open,
.custom--nice-select .nice-select:focus {
				border-color: #e0e0e0;
}
.custom--nice-select--outline .nice-select {
				border: 1px solid var(--white);
}
.custom--nice-select--light .nice-select::after {
				border-bottom: 2px solid var(--white);
				border-right: 2px solid var(--white);
}
.custom--nice-select--light .current {
				color: var(--white);
}

/*---------------------------------------
    2.9 Form Control
-----------------------------------------*/
select.form-control {
	-webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}
.form--control {
				height: 50px;
				border-radius: 3px;
				font-size: 16px;
				border: 1px solid #023ea1;
				background: #01235a;
				color: var(--white);
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}

.form--control.form-control[type="file"] {
	padding: 0 10px;
    line-height: 50px;
}
.form--control::-webkit-input-placeholder {
				text-transform: capitalize;
				color: rgba(247, 249, 251, 0.5);
}
.form--control::-moz-placeholder {
				text-transform: capitalize;
				color: rgba(247, 249, 251, 0.5);
}
.form--control:-ms-input-placeholder {
				text-transform: capitalize;
				color: rgba(247, 249, 251, 0.5);
}
.form--control::-ms-input-placeholder {
				text-transform: capitalize;
				color: rgba(247, 249, 251, 0.5);
}
.form--control::placeholder {
				text-transform: capitalize;
				color: rgba(247, 249, 251, 0.5);
}
.form--control:focus {
				color: var(--white);
				outline: none;
				border-width: 1px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 0.3);
				background: #012764;
				-webkit-box-shadow: none;
				        box-shadow: none;
}
.form--control:-webkit-autofill {
				-webkit-text-fill-color: var(--white) !important;
				-webkit-box-shadow: 0 0 0px 1000px #012155 inset;
}
.form--control-outline {
				background: transparent;
}
.form--control-outline:focus {
				background: transparent;
				outline: none;
				-webkit-box-shadow: none;
				        box-shadow: none;
}
.form--control-outline-light {
				border-color: var(--white);
				color: var(--white);
}
.form--control-outline-light::-webkit-input-placeholder {
				color: var(--white);
}
.form--control-outline-light::-moz-placeholder {
				color: var(--white);
}
.form--control-outline-light:-ms-input-placeholder {
				color: var(--white);
}
.form--control-outline-light::-ms-input-placeholder {
				color: var(--white);
}
.form--control-outline-light::placeholder {
				color: var(--white);
}
.form--control-outline-light:focus {
				border-color: var(--white);
				color: var(--white);
}
.form--control-outline-dark {
				border-color: #e0e0e0;
				color: #757575;
}
.form--control-outline-dark::-webkit-input-placeholder {
				color: rgba(117, 117, 117, 0.7);
}
.form--control-outline-dark::-moz-placeholder {
				color: rgba(117, 117, 117, 0.7);
}
.form--control-outline-dark:-ms-input-placeholder {
				color: rgba(117, 117, 117, 0.7);
}
.form--control-outline-dark::-ms-input-placeholder {
				color: rgba(117, 117, 117, 0.7);
}
.form--control-outline-dark::placeholder {
				color: rgba(117, 117, 117, 0.7);
}
.form--control-outline-dark:focus {
				border-color: #e0e0e0;
				color: #757575;
}
.form--control-textarea {
				padding-top: 15px;
				border-radius: 3px;
				font-size: 16px;
				color: var(--white);
				border: 1px solid #023ea1;
				background: #01235a;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}
.form--control-textarea::-webkit-input-placeholder {
				text-transform: capitalize;
				color: rgba(247, 249, 251, 0.5);
}
.form--control-textarea::-moz-placeholder {
				text-transform: capitalize;
				color: rgba(247, 249, 251, 0.5);
}
.form--control-textarea:-ms-input-placeholder {
				text-transform: capitalize;
				color: rgba(247, 249, 251, 0.5);
}
.form--control-textarea::-ms-input-placeholder {
				text-transform: capitalize;
				color: rgba(247, 249, 251, 0.5);
}
.form--control-textarea::placeholder {
				text-transform: capitalize;
				color: rgba(247, 249, 251, 0.5);
}
.form--control-textarea:focus {
				color: var(--white);
				outline: none;
				border-width: 1px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 0.3);
				background: #012764;
				-webkit-box-shadow: none;
				        box-shadow: none;
}
.form--control[readonly],.form--control[disabled] {
				background: #012d74;
				border-width: 1px;
				border-style: solid;
				color: var(--white);
}

.input-group-text {
				border: 1px solid #e0e0e0;
				border-right: none;
				background: #f7f9fb;
}

/*---------------------------------------
    2.10 Primary Submenu Toggler
-----------------------------------------*/
.primary-submenu-toggler {
				position: relative;
}
.primary-submenu-toggler .primary-menu__list.has-sub.active {
				padding-bottom: 15px;
				background-color: rgba(var(--r), var(--g), var(--b), 0.2);
}
@media screen and (min-width: 992px) {
				.primary-submenu-toggler .primary-menu__list.has-sub.active {
								padding-bottom: 0;
								background: transparent;
				}
}
.primary-submenu-toggler .primary-menu__list.has-sub.active .primary-menu__link {
				color: rgba(var(--r), var(--g), var(--b), 1);
}
@media screen and (min-width: 992px) {
				.primary-submenu-toggler .primary-menu__list.has-sub.active .primary-menu__link {
								padding-bottom: 0;
								background: transparent;
				}
}
.primary-submenu-toggler .primary-menu__list.has-sub.active .primary-menu__sub {
				visibility: visible;
				opacity: 1;
				height: auto;
				z-index: 9999;
}
@media screen and (min-width: 992px) {
				.primary-submenu-toggler .primary-menu__list.has-sub.active .primary-menu__sub {
								z-index: -9999;
								visibility: hidden;
								opacity: 0;
				}
}

/*---------------------------------------
    2.11 Preloader
-----------------------------------------*/
.preloader {
				position: relative;
				display: -ms-grid;
				display: grid;
				place-items: center;
				height: 100vh;
				background-color: #222736;
				position: fixed;
				top: 0;
				bottom: 0;
				right: 0;
				left: 0;
				z-index: 9999;
}

.preloader__loader {
				--loader-part-size: 24px;
				--loader-size: calc(var(--loader-part-size) * 3);
				position: relative;
				width: var(--loader-size);
				height: var(--loader-size);
}
.preloader__loader.hidden {
				display: none;
}
.preloader__loader span {
				position: absolute;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				width: var(--loader-part-size);
				height: var(--loader-part-size);
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				-webkit-box-shadow: 0 0 6px 0 rgba(var(--r), var(--g), var(--b), 1);
				        box-shadow: 0 0 6px 0 rgba(var(--r), var(--g), var(--b), 1);
				-webkit-transform-origin: center center;
				        transform-origin: center center;
				-webkit-animation: main 6s ease infinite, fading 6s ease infinite;
				        animation: main 6s ease infinite, fading 6s ease infinite;
}
.preloader__loader span:nth-child(1) {
				--translationValue: calc(var(--loader-part-size) / 4),
				  calc(var(--loader-part-size) / 4);
				--translationValueWhenAssebled: var(--loader-part-size), 0px;
				--translationBeforeDisassembling: calc(var(--loader-part-size) / 4),
				  calc(var(--loader-part-size) / 4 * -1);
				top: 0;
				left: var(--loader-part-size);
				-webkit-animation-delay: 0s, 0.2s;
				        animation-delay: 0s, 0.2s;
}
.preloader__loader span:nth-child(2) {
				--translationValue: calc(var(--loader-part-size) / 4),
				  calc(var(--loader-part-size) / 4 * -1);
				--translationValueWhenAssebled: 0px, calc(var(--loader-part-size) * -1);
				--translationBeforeDisassembling: calc(var(--loader-part-size) / 4 * -1),
				  calc(var(--loader-part-size) / 4 * -1);
				top: var(--loader-part-size);
				left: 0;
}
.preloader__loader span:nth-child(3) {
				--translationValue: calc(var(--loader-part-size) / 4 * -1),
				  calc(var(--loader-part-size) / 4);
				--translationValueWhenAssebled: 0px, var(--loader-part-size);
				--translationBeforeDisassembling: calc(var(--loader-part-size) / 4),
				  calc(var(--loader-part-size) / 4);
				top: var(--loader-part-size);
				right: 0;
				-webkit-animation-delay: 0s, 0.4s;
				        animation-delay: 0s, 0.4s;
}
.preloader__loader span:nth-child(4) {
				--translationValue: calc(var(--loader-part-size) / 4 * -1),
				  calc(var(--loader-part-size) / 4 * -1);
				--translationValueWhenAssebled: calc(var(--loader-part-size) * -1), 0px;
				--translationBeforeDisassembling: calc(var(--loader-part-size) / 4 * -1),
				  calc(var(--loader-part-size) / 4);
				bottom: 0;
				left: var(--loader-part-size);
				-webkit-animation-delay: 0s, 0.6s;
				        animation-delay: 0s, 0.6s;
}

@-webkit-keyframes fading {
				0% {
								opacity: 1;
				}
				8% {
								opacity: 0.2;
				}
				16.6%, 33.2% {
								opacity: 1;
				}
				41.6% {
								opacity: 0.2;
				}
				50%, 66.6% {
								opacity: 1;
				}
				74.9% {
								opacity: 0.2;
				}
				83.2%, 100% {
								opacity: 1;
				}
}

@keyframes fading {
				0% {
								opacity: 1;
				}
				8% {
								opacity: 0.2;
				}
				16.6%, 33.2% {
								opacity: 1;
				}
				41.6% {
								opacity: 0.2;
				}
				50%, 66.6% {
								opacity: 1;
				}
				74.9% {
								opacity: 0.2;
				}
				83.2%, 100% {
								opacity: 1;
				}
}
@-webkit-keyframes main {
				0%, 25% {
								-webkit-transform: rotate(0) translate(0, 0);
								        transform: rotate(0) translate(0, 0);
				}
				33.3%, 58.3% {
								-webkit-transform: rotate(45deg) translate(var(--translationValue));
								        transform: rotate(45deg) translate(var(--translationValue));
				}
				62.45% {
								-webkit-transform: rotate(90deg) translate(var(--translationValueWhenAssebled));
								        transform: rotate(90deg) translate(var(--translationValueWhenAssebled));
				}
				66.6%, 91.6% {
								-webkit-transform: rotate(135deg) translate(var(--translationBeforeDisassembling));
								        transform: rotate(135deg) translate(var(--translationBeforeDisassembling));
				}
				100% {
								-webkit-transform: rotate(180deg) translate(0, 0);
								        transform: rotate(180deg) translate(0, 0);
				}
}
@keyframes main {
				0%, 25% {
								-webkit-transform: rotate(0) translate(0, 0);
								        transform: rotate(0) translate(0, 0);
				}
				33.3%, 58.3% {
								-webkit-transform: rotate(45deg) translate(var(--translationValue));
								        transform: rotate(45deg) translate(var(--translationValue));
				}
				62.45% {
								-webkit-transform: rotate(90deg) translate(var(--translationValueWhenAssebled));
								        transform: rotate(90deg) translate(var(--translationValueWhenAssebled));
				}
				66.6%, 91.6% {
								-webkit-transform: rotate(135deg) translate(var(--translationBeforeDisassembling));
								        transform: rotate(135deg) translate(var(--translationBeforeDisassembling));
				}
				100% {
								-webkit-transform: rotate(180deg) translate(0, 0);
								        transform: rotate(180deg) translate(0, 0);
				}
}
/*---------------------------------------
    2.12 Back To Top
-----------------------------------------*/
.back-to-top {
				position: fixed;
				right: 30px;
				bottom: 15px;
				width: 40px;
				height: 40px;
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				color: var(--white);
				text-align: center;
				line-height: 40px;
				border-radius: 50%;
				z-index: 99;
				font-size: 16px;
				cursor: pointer;
				-webkit-box-shadow: 0 0 5px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.5);
				        box-shadow: 0 0 5px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.5);
				display: none;
}

/*---------------------------------------
    2.13 Button Style
-----------------------------------------*/
.btn {
				font-family: "Inter", sans-serif;
				font-weight: 500;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
				border-radius: 3px;
}
.btn:hover {
				-webkit-box-shadow: 0 8px 15px rgba(34, 39, 54, 0.4);
				        box-shadow: 0 8px 15px rgba(34, 39, 54, 0.4);
}
.btn--primary {
				background: #33BDFF;
				color: var(--white);
}
.btn--primary:hover {
				color: var(--white);
				background: #24b8ff;
}
.btn--secondary {
				background: #adb5bd;
				color: var(--white);
}
.btn--secondary:hover {
				color: var(--white);
				background: #a5adb6;
}
.btn--success {
				background: #28c76f;
				color: var(--white);
}
.btn--success:hover {
				color: var(--white);
				background: #19b8b0;
}
.btn--danger {
				background: #f75b60;
				color: var(--white);
}
.btn--danger:hover {
				color: var(--white);
				background: #f64c52;
}
.btn--warning {
				background: #ff9f43;
				color: var(--white);
}
.btn--warning:hover {
				color: var(--white);
				background: #ff9734;
}
.btn--info {
				background: #09c2de;
				color: var(--white);
}
.btn--info:hover {
				color: var(--white);
				background: #08b5cf;
}
.btn--dark {
				background: #222736;
				color: var(--white);
}
.btn--dark:hover {
				color: var(--white);
				background: #1c202d;
}
.btn--light {
				background: var(--white);
				color: #33BDFF;
}
.btn--light:hover {
				color: var(--white);
				background: #222736;
}
.btn--base {
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				color: var(--white);
}
.btn--base:hover {
				color: #012155;
				background-color: rgba(var(--r), var(--g), var(--b), 1);
}
.btn--sqr {
				line-height: 1;
				padding: 0.75rem;
				font-size: 20px;
}
.btn--sm {
				padding: 0.3rem 1rem;
}
.btn--md {
				padding: 0.5rem 1rem;
}
.btn--lg {
				padding: 0.625rem 1.25rem;
}
.btn--xl {
				padding: 0.75rem 1.5rem;
}
.btn--xxl {
				padding: 1rem 2rem;
}
.btn--outline {
				border: 1px solid #e0e0e0;
				background: transparent;
}
.btn--outline:hover {
				color: var(--white);
				background: #33BDFF;
				border-color: #33BDFF;
}
.btn--outline.active {
				color: var(--white);
				background: #33BDFF;
				border-color: #33BDFF;
}
.btn--custom {
				padding-top: 8px;
				padding-bottom: 8px;
				padding-left: 30px;
				padding-right: 30px;
				background: transparent;
				border-width: 2px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 1);
				color: rgba(var(--r), var(--g), var(--b), 1);
}
.btn--custom:hover {
				color: rgba(var(--r), var(--g), var(--b), 1);
				background: var(--white);
				border-width: 2px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 1);
}
.btn--custom.active {
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				color: var(--white);
}

/*---------------------------------------
    2.14 Section 
-----------------------------------------*/
.section {
				padding-top: clamp(60px, 8vw, 120px);
				padding-bottom: clamp(60px, 8vw, 120px);
}
.section--sm {
				padding-top: clamp(30px, 4vw, 60px);
				padding-bottom: clamp(30px, 4vw, 60px);
}
.section--top {
				padding-top: clamp(60px, 8vw, 120px);
}
.section--bottom {
				padding-bottom: clamp(60px, 8vw, 120px);
}
.section__head {
				padding-bottom: clamp(30px, 4vw, 60px);
}
.section__subtitle {
				display: inline-block;
				position: relative;
				font-weight: 500;
				letter-spacing: 0.05em;
				font-family: "Inter", sans-serif;
				color: rgba(var(--r), var(--g), var(--b), 1);
}
.section__subtitle::after {
				content: "";
				position: absolute;
				width: 15px;
				height: 4px;
				border-radius: 20px;
				top: 50%;
				left: calc(100% + 10px);
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
				background-color: rgba(var(--r), var(--g), var(--b), 0.5);
}
.section__subtitle::before {
				content: "";
				position: absolute;
				width: 35px;
				height: 4px;
				border-radius: 20px;
				top: 50%;
				left: calc(100% + 30px);
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
				background-color: rgba(var(--r), var(--g), var(--b), 1);
}

/*---------------------------------------
    2.15 Icon
-----------------------------------------*/
.icon {
				position: relative;
				display: inline-block;
}
.icon--circle {
				border-radius: 50%;
				text-align: center;
}
.icon--sqr {
				border-radius: 5px;
				text-align: center;
}
.icon--xs {
				width: 40px;
				height: 40px;
				line-height: 40px;
				font-size: 20px;
}
.icon--sm {
				width: 45px;
				height: 45px;
				line-height: 45px;
				font-size: 22px;
}
.icon--md {
				width: 50px;
				height: 50px;
				line-height: 50px;
				font-size: 25px;
}
.icon--lg {
				width: 60px;
				height: 60px;
				line-height: 60px;
				font-size: 30px;
}
.icon--xl {
				width: 70px;
				height: 70px;
				line-height: 70px;
				font-size: 35px;
}
.icon--xxl {
				width: 80px;
				height: 80px;
				line-height: 80px;
				font-size: 40px;
}

/*---------------------------------------
    2.16 Search Popup
-----------------------------------------*/
.search-popup.active .search-form {
				visibility: visible;
				opacity: 1;
				z-index: 9999;
}

.search--toggler {
				font-size: 23px;
				line-height: 1;
}

.search-popup .search-form {
				min-width: 90%;
				position: absolute;
				position: fixed;
				top: 50%;
				left: 50%;
				-webkit-transition: 0.5s ease;
				transition: 0.5s ease;
				visibility: hidden;
				opacity: 0;
				/* IE 9 */
				-webkit-transform: translate(-50%, -50%);
				/* Chrome, Safari, Opera */
				transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
				.search-popup .search-form {
								min-width: 50%;
				}
}
@media screen and (min-width: 1200px) {
				.search-popup .search-form {
								min-width: 40%;
				}
}

.search-popup .search-form .form-group .form-control {
				border: none;
				border-top-right-radius: 6px;
				border-bottom-right-radius: 6px;
				height: 55px;
				padding: 0 100px 0 30px;
}

.search-popup .search-form .submit-btn {
				position: absolute;
				right: 0;
				top: 0;
				width: 60px;
				height: 55px;
				border-top-right-radius: 5px;
				border-bottom-right-radius: 5px;
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
				padding: 0;
				text-align: center;
				border: 0;
				color: var(--white);
}
.search-popup .search-form .submit-btn:hover {
				background: #012155;
				cursor: pointer;
}

.body-overlay {
				position: fixed;
				width: 100%;
				height: 100%;
				display: block;
				background-color: rgba(0, 0, 0, 0.6);
				z-index: 9998;
				content: "";
				left: 0;
				top: 0;
				visibility: hidden;
				opacity: 0;
				-webkit-transition: all 0.3s ease-in;
				transition: all 0.3s ease-in;
				cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress;
}

.body-overlay.active {
				visibility: visible;
				opacity: 0.8;
}

/*---------------------------------------
    2.17 Widget
-----------------------------------------*/
.widget {
				padding: 30px 15px;
				border-radius: 15px;
				-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
				        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
				border-top-width: 4px;
				border-left-width: 0px;
				border-right-width: 0px;
				border-bottom-width: 4px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 1);
}
@media screen and (min-width: 1400px) {
				.widget {
								padding: 40px 30px;
				}
}
.widget__title {
				margin-top: 0;
}
.widget-alt__head {
				padding: 15px 30px;
				border-radius: 5px 5px 0 0;
				background: #33BDFF;
}
.widget-alt__body {
				background: #f7f9fb;
				padding: 15px 30px;
}

/*---------------------------------------
    2.18 Widget Category
-----------------------------------------*/
.widget-category__item {
				border-bottom: 1px dashed rgba(var(--r), var(--g), var(--b), 0.5);
}
.widget-category__item:last-child {
				border-bottom: none;
}
.widget-category__item:last-child .vh-widget-category__link {
				padding-bottom: 0;
}
.widget-category__link {
				display: inline-block;
				padding-bottom: 1rem;
				color: #757575;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}
.widget-category__link:hover {
				color: rgba(var(--r), var(--g), var(--b), 1);
}

/*---------------------------------------
    2.19 User
-----------------------------------------*/
.user {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
}
.user__img {
				-ms-flex-negative: 0;
				    flex-shrink: 0;
				border-radius: 50%;
				overflow: hidden;
}
.user__img--sm {
				width: 35px;
				height: 35px;
}
.user__img--md {
				width: 45px;
				height: 45px;
}
.user__img--lg {
				width: 50px;
				height: 50px;
}
.user__img--xl {
				width: 70px;
				height: 70px;
}
.user__img--xxl {
				width: 130px;
				height: 130px;
}
.user__img-is {
				-o-object-fit: cover;
				   object-fit: cover;
				width: 100%;
				height: 100%;
}

/*---------------------------------------
    2.20 Banner
-----------------------------------------*/
.banner {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				position: relative;
				isolation: isolate;
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
}
.banner::after {
				content: "";
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background-image: -webkit-gradient(linear, left top, right top, from(rgba(1, 33, 85, 0.9)), to(rgba(1, 33, 85, 0.5)));
				background-image: linear-gradient(to right, rgba(1, 33, 85, 0.9), rgba(1, 33, 85, 0.5));
				mix-blend-mode: darken;
				z-index: -1;
}
.banner__content {
				padding-top: clamp(100px, 12vw, 160px);
				padding-bottom: clamp(50px, 8vw, 80px);
				margin-top: auto;
				margin-bottom: auto;
}

/*---------------------------------------
    2.21 Table
-----------------------------------------*/
/* table css start */
.custom--table {
				margin-bottom: 0;
				border-radius: 10px;
				-webkit-box-shadow: 0 5px 15px 0 rgba(var(--r), var(--g), var(--b), 0.25);
				        box-shadow: 0 5px 15px 0 rgba(var(--r), var(--g), var(--b), 0.25);
				background: #012155;
}
.custom--table > :not(:first-child) {
				border-bottom-width: 0px;
				border-left-width: 0px;
				border-right-width: 0px;
				border-top-width: 1px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 1);
}
.custom--table > :not(caption) > * > * {
				border-bottom-width: 0;
}
.custom--table thead {
				background-color: rgba(var(--r), var(--g), var(--b), 1);
}
.custom--table thead th {
				padding: 0.75rem 1.25rem;
				font-family: "Inter", sans-serif;
				color: var(--white);
				text-transform: uppercase;
				text-align: center;
				font-weight: 500;
				vertical-align: middle;
}
.custom--table thead th:first-child {
				border-radius: 10px 0 0 0;
				text-align: left;
}
.custom--table thead th:last-child {
				border-radius: 0 10px 0 0;
				text-align: right;
}
.custom--table tbody td {
				border-top: none;
				border-top-width: 0px;
				border-left-width: 0px;
				border-right-width: 0px;
				border-bottom-width: 1px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 0.3);
				padding: 15px 20px;
				font-family: "Inter", sans-serif;
				text-align: center;
				vertical-align: middle;
}
.custom--table tbody td:first-child {
				text-align: left;
}
.custom--table tbody td:last-child {
				text-align: right;
}
.custom--table tbody tr:last-child td {
				border-bottom: none;
}
.custom--table [data-label] {
				position: relative;
}
.custom--table [data-label]::before {
				position: absolute;
				content: attr(data-label);
				font-weight: 500;
				left: 0;
				padding: 0.8125rem 0.9375rem;
				display: none;
				color: var(--white);
}

@media (max-width: 991px) {
				.table-responsive--md thead {
								display: none;
				}
				.table-responsive--md tbody tr:nth-child(odd) {
								background-color: #012b6e;
				}
				.table-responsive--md tbody tr:last-child td {
								border-bottom-width: 0px;
								border-left-width: 0px;
								border-right-width: 0px;
								border-top-width: 1px;
								border-style: solid;
								border-color: rgba(var(--r), var(--g), var(--b), 0.3);
				}
				.table-responsive--md tbody tr td {
								padding-right: 15px;
				}
				.table-responsive--md tbody tr td:last-child {
								padding-right: 15px;
				}
				.table-responsive--md tr th,
.table-responsive--md tr td {
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
								-webkit-box-pack: end;
								    -ms-flex-pack: end;
								        justify-content: flex-end;
								padding-left: 45% !important;
								text-align: right !important;
				}
				.table-responsive--md tr th:first-child,
.table-responsive--md tr td:first-child {
								border-top: none !important;
				}
				.table-responsive--md [data-label]::before {
								display: block;
				}
}
@media (max-width: 767px) {
				.table-responsive--sm thead {
								display: none;
				}
				.table-responsive--sm tbody tr:nth-child(odd) {
								background-color: #012b6e;
				}
				.table-responsive--sm tbody tr td {
								padding-right: 15px;
				}
				.table-responsive--sm tbody tr td:last-child {
								padding-right: 15px;
				}
				.table-responsive--sm tr th,
.table-responsive--sm tr td {
								display: block;
								padding-left: 45% !important;
								text-align: right !important;
								border-top-width: 0px;
								border-left-width: 0px;
								border-right-width: 0px;
								border-bottom-width: 1px;
								border-style: solid;
								border-color: rgba(var(--r), var(--g), var(--b), 0.25);
				}
				.table-responsive--sm tr th:first-child,
.table-responsive--sm tr td:first-child {
								border-top: none !important;
				}
				.table-responsive--sm [data-label]::before {
								display: block;
				}
}
td {
				color: var(--white);
}

/* table css end */
/*---------------------------------------
    2.22 Accordion
-----------------------------------------*/
.custom--accordion .accordion-header {
				margin-top: 0;
}
.custom--accordion .accordion-item {
				border-radius: 0 !important;
				margin-bottom: 15px;
				background: transparent;
				color: #757575;
				border: 0;
}
.custom--accordion .accordion-item:last-child {
				margin-bottom: 0;
}
.custom--accordion .accordion-button {
				padding: 10px 20px;
				border-radius: 3px;
				border: 1px solid #023ea1;
				background: #012155 !important;
				color: var(--white);
				font-family: "Roboto", sans-serif;
				font-size: 18px;
				font-weight: 500;
}
.custom--accordion .accordion-button:focus {
				border-color: #e0e0e0;
				-webkit-box-shadow: none;
				        box-shadow: none;
}
.custom--accordion .accordion-button[aria-expanded=true]::after {
				content: "";
}
.custom--accordion .accordion-button[aria-expanded=false]::after {
				content: "";
}
.custom--accordion .accordion-button::after {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				width: 40px;
				height: 40px;
				border-radius: 3px;
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				text-align: center;
				background-image: initial !important;
				-webkit-transform: rotate(0deg) !important;
				        transform: rotate(0deg) !important;
				font-family: "Line Awesome Free";
				font-weight: 900;
				font-size: 24px;
				color: var(--white);
				line-height: 1;
}
.custom--accordion .accordion-button:not(.collapsed) {
				border-width: 1px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 1);
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				background-image: initial !important;
				-webkit-box-shadow: inset 0 0 0 transparent !important;
				        box-shadow: inset 0 0 0 transparent !important;
				color: var(--white);
}
.custom--accordion .accordion-button:not(.collapsed)::after {
				background: #023ea1;
				color: var(--white);
}
.custom--accordion .accordion-body {
				margin-top: 15px;
				border-radius: 5px;
				background: #012155;
				color: var(--white);
}

/*---------------------------------------
    2.23 Badge
-----------------------------------------*/
.badge {
				border-radius: 2px;
}
.badge--primary {
				background: rgba(51, 189, 255, 0.15);
				border: 1px solid #33BDFF;
				color: #33BDFF;
}
.badge--secondary {
				background: rgba(173, 181, 189, 0.15);
				border: 1px solid #adb5bd;
				color: #adb5bd;
}
.badge--danger {
				background: rgba(247, 91, 96, 0.15);
				border: 1px solid #f75b60;
				color: #f75b60;
}
.badge--success {
				background: rgba(27, 197, 189, 0.15);
				border: 1px solid #28c76f;
				color: #28c76f;
}
.badge--warning {
				background: rgba(255, 159, 67, 0.15);
				border: 1px solid #ff9f43;
				color: #ff9f43;
}
.badge--info {
				background: rgba(9, 194, 222, 0.15);
				border: 1px solid #09c2de;
				color: #09c2de;
}
.badge--dark {
				background: rgba(83, 96, 132, 0.15);
				border: 1px solid #536084;
				color: #536084;
}

/*---------------------------------------
    2.24 Form Select
-----------------------------------------*/
.form--select-container {
				position: relative;
				isolation: isolate;
				border: 1px solid #023ea1;
				background: #012155;
}
.form--select-container::after {
				content: "";
				font-family: "Line Awesome Free";
				font-weight: 900;
				position: absolute;
				color: var(--white);
				right: 5px;
				top: 50%;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
				font-size: 0.75rem;
				z-index: -1;
}

.form--select {
				height: 50px;
				border-radius: 3px;
				border-radius: 2px;
				background: transparent;
				border: none;
				color: var(--white);
				position: relative;
}
.form--select:focus {
				border: none;
				background: transparent;
				-webkit-box-shadow: none;
				        box-shadow: none;
				z-index: -1;
}
.form--select-sm {
				border-radius: 3px;
				border-radius: 2px;
				border: none;
				background: transparent;
				font-size: 0.875rem;
				color: var(--white);
				position: relative;
}
.form--select-sm:focus {
				border: none;
				background: inherit;
				-webkit-box-shadow: none;
				        box-shadow: none;
				z-index: -1;
}

/*---------------------------------------
    2.25 Custom Check
-----------------------------------------*/
.custom--check {
				border-radius: 1px !important;
				border: 1px solid #023ea1;
				background: #01235a;
}
.custom--check:checked {
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				border-width: 1px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 0.5);
}
.custom--check:focus {
				border-width: 1px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 0.5);
				-webkit-box-shadow: none;
				        box-shadow: none;
}

/*---------------------------------------
    2.26 Breadcrumbs
-----------------------------------------*/
.breadcrumbs {
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
}
.breadcrumbs__item {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				position: relative;
}
.breadcrumbs__item::after {
				content: "";
				position: relative;
				display: inline-block;
				right: -1rem;
				height: 16px;
				width: 2px;
				background: var(--white);
				-webkit-transform: skew(-25deg);
				        transform: skew(-25deg);
}
.breadcrumbs__item:last-child {
				margin-right: 0;
}
.breadcrumbs__item:last-child::after {
				display: none;
}
.breadcrumbs__link {
				color: var(--white);
}
.breadcrumbs__link:hover {
				color: rgba(var(--r), var(--g), var(--b), 1);
}

/*---------------------------------------
    2.27 Custom Pagination
-----------------------------------------*/
.pagination {
				margin-bottom: 0;
}
.pagination .page-item {
				margin-right: 1rem;
}
.pagination .page-item.active .page-link {
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				border-width: 1px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 1);
}
.pagination .page-item.disabled .page-link {
				background: #023ea1;
				border-color: #023ea1;
}
.pagination .page-item:last-child {
				margin-right: 0;
}
.pagination .page-item:first-child .page-link {
				border-radius: 50%;
				font-size: 18px;
				line-height: 1;
}
.pagination .page-item:last-child .page-link {
				border-radius: 50%;
				font-size: 18px;
				line-height: 1;
}
.pagination .page-link {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				padding: 0;
				width: 40px;
				height: 40px;
				border-radius: 50%;
				border-width: 1px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 1);
				color: rgba(var(--r), var(--g), var(--b), 1);
				text-align: center;
				font-size: 14px;
				background: transparent;
}
.pagination .page-link:hover {
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				border-width: 1px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 1);
				color: var(--white);
}

/*---------------------------------------
    2.28 Custom Card
-----------------------------------------*/
.custom--card {
				border-radius: 3px;
				background: #023587;
				border: 1px solid #023ea1;
}
.custom--card .card-header {
				padding: 1rem 1.5rem;
				background: rgba(1, 33, 85, 0.5);
				border-bottom: 1px solid #023ea1;
}
.custom--card .card-title {
				margin-top: 0;
				margin-bottom: 0;
}
.custom--card .card-text {
				margin-top: 1rem;
}
.custom--card .card-body {
				padding: 2rem 1.5rem;
}
.custom--card .card-footer {
				padding: 1rem 1.5rem;
				background: rgba(1, 33, 85, 0.5);
				border-top: 1px solid #023ea1;
}

/*---------------------------------------
    2.29 Custom Modal
-----------------------------------------*/
.custom--modal .modal-content {
				border-radius: 5px;
				background: #023ea1;
				border: 1px solid #0252d3;
}
.custom--modal .modal-title {
				margin-top: 0;
				color: var(--white);
}
.custom--modal .btn-close {
				position: relative;
				background: transparent;
				color: var(--white);
				opacity: 1;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}
.custom--modal .btn-close:hover {
				outline: none;
				-webkit-box-shadow: none;
				        box-shadow: none;
				color: rgba(var(--r), var(--g), var(--b), 1);
}
.custom--modal .btn-close::after {
				content: "";
				font-family: "Line Awesome Free";
				font-weight: 900;
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				        transform: translate(-50%, -50%);
				font-size: 34px;
}
.custom--modal .modal-body {
				color: var(--white);
}
.custom--modal .modal-header {
				border-bottom: 1px solid #0252d3;
				background: #023a97;
}
.custom--modal .modal-footer {
				border-top: 1px solid #0252d3;
				background: #023a97;
}

/*---------------------------------------
    2.30 Fixed Header 
-----------------------------------------*/
.fixed-header .header-top {
				display: none;
				visibility: hidden;
				opacity: 0;
				height: 0;
				overflow: hidden;
}
.fixed-header .header-fixed {
				position: fixed;
				top: 0;
				left: 0;
				-webkit-box-shadow: 0 15px 30px 0 rgba(var(--r), var(--g), var(--b), 0.1);
				        box-shadow: 0 15px 30px 0 rgba(var(--r), var(--g), var(--b), 0.1);
}
.fixed-header .header--primary {
				background: #012155;
}

/*---------------------------------------
    2.31 User Group List
-----------------------------------------*/
.user-group-list li {
				margin-right: -25px;
}
.user-group-list li .user__img {
				-webkit-box-shadow: 0 0 8px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.5);
				        box-shadow: 0 0 8px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.5);
}

/*---------------------------------------
    2.32 Default Card
-----------------------------------------*/
.default-card {
				padding: 30px;
				border-radius: 15px;
				background: #012155;
				z-index: 1;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}
@media screen and (min-width: 1400px) {
				.default-card {
								position: relative;
								padding: 40px;
				}
}
.default-card--animate:hover {
				-webkit-transform: translateY(-5px);
				        transform: translateY(-5px);
}
.default-card-container {
				position: relative;
				z-index: 1;
}
.default-card-container::before {
				content: "";
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				-webkit-box-shadow: 0 0 5px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.4);
				        box-shadow: 0 0 5px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.4);
				border-radius: 15px;
				position: absolute;
				top: 0;
				left: 40px;
				right: 40px;
				bottom: -8px;
				z-index: -1;
}
.default-card-container::after {
				content: "";
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				border-radius: 15px;
				position: absolute;
				top: 0;
				left: 80px;
				right: 80px;
				bottom: -16px;
				z-index: -2;
}
.default-card__icon {
				display: -webkit-inline-box;
				display: -ms-inline-flexbox;
				display: inline-flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-ms-flex-negative: 0;
				    flex-shrink: 0;
				width: 45px;
				height: 45px;
				line-height: 45px;
				border-radius: 50%;
				font-size: 24px;
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				color: var(--white);
}
.default-card__icon--outline {
				outline: 15px solid #01173c;
}
.default-card__head {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
}
.default-card__title {
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
}
.default-card__body-text {
				color: var(--white);
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
				overflow: hidden;
}

/*---------------------------------------
    2.33 Shape
-----------------------------------------*/
.shape {
				display: none;
				width: 200px;
				height: 300px;
				border-radius: 15px;
				position: absolute;
				z-index: -1;
}
@media screen and (min-width: 1366px) {
				.shape {
								display: block;
				}
}
.shape--base {
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				mix-blend-mode: screen;
}
.shape--accent {
				background: #012155;
				mix-blend-mode: screen;
}
.shape--dark {
				background: #000;
				mix-blend-mode: soft-light;
}
.shape--light {
				background: var(--white);
				mix-blend-mode: soft-light;
}
.shape--xl {
				width: 300px;
				height: 500px;
}

/*---------------------------------------
    2.34 Step Card
-----------------------------------------*/
.step-card {
				padding: 50px 20px;
				height: 100%;
				position: relative;
				isolation: isolate;
				background: #01112d;
				-webkit-box-shadow: 0px 8px 10px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.3);
				        box-shadow: 0px 8px 10px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.3);
				border-width: 1px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 1);
				border-radius: 15px;
}
@media screen and (min-width: 768px) {
				.step-card {
								padding: 50px 30px;
				}
}
@media screen and (min-width: 992px) {
				.step-card {
								border-width: 1px;
								border-style: solid;
								border-color: rgba(var(--r), var(--g), var(--b), 0.2);
								-webkit-box-shadow: none;
								        box-shadow: none;
								-webkit-transition: all 0.3s ease;
								transition: all 0.3s ease;
				}
				.step-card:hover {
								border-width: 1px;
								border-style: solid;
								border-color: rgba(var(--r), var(--g), var(--b), 0.8);
				}
				.step-card::after {
								content: "";
								width: 1px;
								height: 80%;
								background-color: rgba(var(--r), var(--g), var(--b), 0.2);
								position: absolute;
								right: 0;
								top: 50%;
								-webkit-transform: translateY(-50%);
								        transform: translateY(-50%);
				}
				.step-card:last-child::after {
								display: none;
				}
}
.step-card__icon {
				color: rgba(var(--r), var(--g), var(--b), 1);
				font-size: var(--h1);
				line-height: 1;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}
.step-card__counter {
				display: block;
				position: absolute;
				bottom: 0;
				right: 15px;
				font-family: "Inter", sans-serif;
				font-weight: 700;
				font-size: 12rem;
				line-height: 1;
				color: var(--white);
				mix-blend-mode: soft-light;
				opacity: 0.3;
}

/*---------------------------------------
    2.35 Price Card
-----------------------------------------*/
.price-card {
				position: relative;
				isolation: isolate;
				border-radius: 15px;
				background: #012155;
				overflow: hidden;
				border-bottom-width: 0px;
				border-left-width: 0px;
				border-right-width: 0px;
				border-top-width: 5px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 1);
				-webkit-box-shadow: 0 10px 20px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.3);
				        box-shadow: 0 10px 20px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.3);
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}
.price-card:hover .price-card__header {
				background-color: rgba(var(--r), var(--g), var(--b), 1);
}
.price-card:hover .price-card__title {
				color: #012155;
}
.price-card:hover .price-card__price {
				color: #012155;
}
.price-card:hover .price-card__price::before {
				color: #012155;
}
.price-card:hover .price-card__price::after {
				color: #012155;
}
.price-card--important .price-card__header {
				background-color: rgba(var(--r), var(--g), var(--b), 1);
}
.price-card--important .price-card__title {
				color: #012155;
}
.price-card--important .price-card__price {
				color: #012155;
}
.price-card--important .price-card__price::before {
				color: #012155;
}
.price-card--important .price-card__price::after {
				color: #012155;
}
.price-card__header {
				padding: 40px 30px;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}
.price-card__body {
				padding: 40px 30px;
				border-top-width: 1px;
				border-left-width: 0px;
				border-right-width: 0px;
				border-bottom-width: 1px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 0.3);
}
.price-card__footer {
				padding: 40px 30px;
}
.price-card__title {
				font-family: "Inter", sans-serif;
				font-weight: 700;
				font-size: 0.875rem;
				letter-spacing: 0.1em;
				color: rgba(var(--r), var(--g), var(--b), 1);
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
				margin-bottom: 0;
}
.price-card__price {
				position: relative;
				display: -webkit-inline-box;
				display: -ms-inline-flexbox;
				display: inline-flex;
				line-height: 1;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}
.price-card__link {
				display: -webkit-inline-box;
				display: -ms-inline-flexbox;
				display: inline-flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				font-family: "Inter", sans-serif;
				font-weight: 700;
				font-size: 0.875rem;
				line-height: 1;
				color: var(--white);
}
.price-card__link:hover {
				color: rgba(var(--r), var(--g), var(--b), 1);
}

/*---------------------------------------
    2.36 Payment Card
-----------------------------------------*/
.payment-card {
				display: block;
				width: 100px;
				height: 100px;
				background: #012b6e;
				padding: 10px;
				border-radius: 10px;
				border: 1px solid #023ea1;
}
.payment-card:hover .payment-card__img {
				-webkit-transform: scale(0.95);
				        transform: scale(0.95);
				mix-blend-mode: normal;
}
.payment-card__img {
				width: 100%;
				height: 100%;
				border-radius: 10px;
				-o-object-fit: contain;
				   object-fit: contain;
				mix-blend-mode: luminosity;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}

/*---------------------------------------
    2.37 Video Image
-----------------------------------------*/
.video-image {
				width: 100%;
				height: 100%;
				position: relative;
				isolation: isolate;
}
.video-image__link {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				width: 50px;
				height: 50px;
				border-radius: 50%;
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				color: var(--white);
				font-size: 24px;
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				        transform: translate(-50%, -50%);
				z-index: 2;
				-webkit-animation: btnVideo 2s linear 2s infinite;
				        animation: btnVideo 2s linear 2s infinite;
				-webkit-box-shadow: 0 10px 20px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.4);
				        box-shadow: 0 10px 20px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.4);
}
@media screen and (min-width: 768px) {
				.video-image__link {
								width: 80px;
								height: 80px;
								font-size: 40px;
				}
}
.video-image__link:hover {
				background: #012155;
				color: rgba(var(--r), var(--g), var(--b), 1);
				-webkit-box-shadow: 0 15px 30px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.8);
				        box-shadow: 0 15px 30px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.8);
}
.video-image__container {
				width: 100%;
				height: 100%;
				position: relative;
				isolation: isolate;
}
@media screen and (min-width: 1200px) {
				.video-image__container {
								border-radius: 50px 0 50px 0;
								overflow: hidden;
				}
}
.video-image__img {
				width: 100%;
				height: 100%;
				-o-object-fit: cover;
				   object-fit: cover;
}
.video-image__info {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				position: absolute;
				bottom: 0;
				right: 0;
}
.video-image__info-icon {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				padding: 32px 25px;
				font-size: var(--h4);
				color: var(--white);
				background-color: rgba(var(--r), var(--g), var(--b), 1);
}
.video-image__info-content {
				padding: 20px 30px;
				background: #012155;
}

/*---------------------------------------
    2.38 Testimonial Slider
-----------------------------------------*/
.testimonial-slider__item {
				position: relative;
				isolation: isolate;
				padding-left: 0.5rem;
				padding-right: 0.5rem;
				margin-bottom: 30px;
}
.testimonial-slider__item::before {
				content: "";
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				-webkit-box-shadow: 0 0 5px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.4);
				        box-shadow: 0 0 5px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.4);
				border-radius: 15px;
				position: absolute;
				top: 0;
				left: 40px;
				right: 40px;
				bottom: -8px;
				z-index: -1;
}
.testimonial-slider__item::after {
				content: "";
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				border-radius: 15px;
				position: absolute;
				top: 0;
				left: 80px;
				right: 80px;
				bottom: -16px;
				z-index: -2;
}
.testimonial-slider__body {
				padding: 30px;
				border-radius: 15px;
				background: #012155;
				position: relative;
				isolation: isolate;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}
@media screen and (min-width: 1400px) {
				.testimonial-slider__body {
								padding: 40px;
				}
}
.testimonial-slider__body::after {
				content: "";
				font-family: "Line Awesome Free";
				font-weight: 900;
				position: absolute;
				right: 25px;
				bottom: 15px;
				color: var(--white);
				font-size: 60px;
				line-height: 1;
				opacity: 0.2;
}
.testimonial-slider .slick-list {
				margin-bottom: -30px;
}

/*---------------------------------------
    2.39 Blog post
-----------------------------------------*/
.blog-post {
				padding: 30px 20px;
				position: relative;
				isolation: isolate;
				border-radius: 15px;
				background: #012155;
				overflow: hidden;
				height: 100%;
				border-top-width: 4px;
				border-left-width: 0px;
				border-right-width: 0px;
				border-bottom-width: 4px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 1);
				-webkit-box-shadow: 0 10px 20px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.3);
				        box-shadow: 0 10px 20px 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.3);
}
.blog-post__img {
				display: block;
				border-radius: 15px;
				overflow: hidden;
}
.blog-post__img:hover .blog-post__img-is {
				-webkit-transform: scale(1.05);
				        transform: scale(1.05);
}
.blog-post__img-is {
				width: 100%;
				height: 180px;
				-o-object-fit: cover;
				   object-fit: cover;
				-webkit-transform: scale(1);
				        transform: scale(1);
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}
@media screen and (min-width: 1600px) {
				.blog-post__img-is {
								height: 250px;
				}
}
.blog-post__img-is-xl {
				width: 100%;
				height: 500px;
				-o-object-fit: cover;
				   object-fit: cover;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}
.blog-post__body {
				padding-top: 30px;
}
.blog-post__title {
				display: -webkit-box !important;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				white-space: normal;
				overflow: hidden;
				text-overflow: ellipsis;
				vertical-align: middle;
}
.blog-post__title-link {
				color: var(--white);
}
.blog-post__title-link:hover {
				color: rgba(var(--r), var(--g), var(--b), 1);
}
.blog-post__para {
				display: -webkit-box !important;
				-webkit-line-clamp: 4;
				-webkit-box-orient: vertical;
				white-space: normal;
				overflow: hidden;
				text-overflow: ellipsis;
				vertical-align: middle;
}
.blog-post__meta {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
}
.blog-post__meta-icon {
				font-size: 20px;
				line-height: 1;
				color: rgba(var(--r), var(--g), var(--b), 1);
}
.blog-post__meta-text {
				font-size: 14px;
}

/*---------------------------------------
    2.40 CTA
-----------------------------------------*/
.cta {
				position: relative;
				isolation: isolate;
				border-radius: 15px;
				overflow: hidden;
				background: #012155;
}
.cta::after {
				content: "";
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background-image: url(../img/section-shape-five.png);
				background-size: cover;
				background-position: left center;
				background-repeat: no-repeat;
				mix-blend-mode: soft-light;
				z-index: -2;
				opacity: 0.2;
}
.cta__container {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				gap: 1.5rem;
				padding-left: 30px;
				padding-right: 30px;
}
@media screen and (min-width: 992px) {
				.cta__container {
								-ms-flex-wrap: nowrap;
								    flex-wrap: nowrap;
				}
}
@media screen and (min-width: 1200px) {
				.cta__container {
								padding-left: 50px;
								padding-right: 50px;
				}
}
@media screen and (min-width: 1366px) {
				.cta__container {
								padding-left: 80px;
								padding-right: 80px;
				}
}
.cta__title {
				max-width: 30ch;
}
.cta .shape-1 {
				top: -240px;
				right: 100px;
				-webkit-transform: rotate(-45deg);
				        transform: rotate(-45deg);
}
.cta .shape-2 {
				top: -280px;
				right: 200px;
				-webkit-transform: rotate(-45deg);
				        transform: rotate(-45deg);
}
.cta .shape-3 {
				bottom: -250px;
				left: 100px;
				-webkit-transform: rotate(45deg);
				        transform: rotate(45deg);
				z-index: -1;
}

/*---------------------------------------
    2.41 Newsletter
-----------------------------------------*/
.newsletter {
				border-width: 2px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 1);
				padding: 5px;
				max-width: 550px;
}
.newsletter__container {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				padding: 5px;
				background: var(--white);
}
.newsletter__input {
				background: transparent;
				border: none;
				color: #212121;
				font-size: 14px;
}
.newsletter__input:focus {
				color: #212121;
				outline: none;
				-webkit-box-shadow: none;
				        box-shadow: none;
				border-color: transparent;
				background-color: transparent;
				border-width: 0;
}
.newsletter__input::-webkit-input-placeholder {
				color: #757575;
}
.newsletter__input::-moz-placeholder {
				color: #757575;
}
.newsletter__input:-ms-input-placeholder {
				color: #757575;
}
.newsletter__input::-ms-input-placeholder {
				color: #757575;
}
.newsletter__input::placeholder {
				color: #757575;
}

/*---------------------------------------
    2.42 Client Slider
-----------------------------------------*/
.client-slider__item {
				display: block;
				padding-left: 15px;
				padding-right: 15px;
				text-align: center;
}
.client-slider__img {
				max-width: 100%;
				height: 50px;
				-o-object-fit: contain;
				   object-fit: contain;
				mix-blend-mode: overlay;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}
.client-slider__img:hover {
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
				mix-blend-mode: normal;
}
.client-slider .slick-track {
				background: #012b6e;
				position: relative;
				isolation: isolate;
}

/*---------------------------------------
    2.43 Sidebar Nav
-----------------------------------------*/
.sidebar-nav .list__item {
				border-bottom: 1px dashed rgba(var(--r), var(--g), var(--b), 0.5);
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}
.sidebar-nav .list__item:hover {
				border-right: 3px solid rgb(var(--r), var(--g), var(--b));
}
.sidebar-nav__link {
				display: block;
				padding-top: 10px;
				padding-bottom: 10px;
				border-right: 3px solid transparent;
				color: rgba(247, 249, 251, 0.8);
				font-weight: 500;
}
.sidebar-nav__link:hover {
				padding-left: 15px;
				padding-right: 15px;
				color: rgba(var(--r), var(--g), var(--b), 1);
}
.sidebar-nav__link.active {
				border-right: 3px solid rgb(var(--r), var(--g), var(--b));
				color: rgba(var(--r), var(--g), var(--b), 1);
}

/*---------------------------------------
    2.44 Google Map
-----------------------------------------*/
.g-map {
				width: 100%;
				height: 350px;
				overflow: hidden;
				border-radius: 15px;
}
.g-map__frame {
				width: 100%;
				height: 100%;
				opacity: 0.8;
}

/*---------------------------------------
    2.45 Dashboard
-----------------------------------------*/
.dashboard {
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 1fr;
				grid-template-columns: 1fr;
				gap: 1.5rem;
				background: #012155;
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: start;
}
@media screen and (min-width: 375px) {
				.dashboard {
								padding: 1rem;
				}
}
@media screen and (min-width: 768px) {
				.dashboard {
								gap: 1rem;
								-ms-grid-columns: 1fr 1rem 1fr 1rem 1fr;
								grid-template-columns: repeat(3, 1fr);
				}
}
@media screen and (min-width: 1200px) {
				.dashboard {
								-ms-grid-columns: 250px 1fr 250px;
								grid-template-columns: 250px 1fr 250px;
								-ms-flex-line-pack: start;
								    align-content: start;
				}
}
@media screen and (min-width: 1600px) {
				.dashboard {
								-ms-grid-columns: 300px 1fr 300px;
								grid-template-columns: 300px 1fr 300px;
				}
}
.dashboard__menu {
				padding: 2rem 1rem;
				border-radius: 15px;
				background: #01317d;
}
@media screen and (min-width: 768px) {
				.dashboard__menu {
								-ms-grid-row: 1;
								-ms-grid-row-span: 1;
								grid-row: 1/2;
				}
}
@media screen and (min-width: 1200px) {
				.dashboard__menu {
								position: sticky;
								top: 1rem;
				}
}
.dashboard__body {
				border-radius: 15px;
}
@media screen and (min-width: 768px) {
				.dashboard__body {
								-ms-grid-row: 1;
								-ms-grid-row-span: 3;
								grid-row: 1/4;
								-ms-grid-column-span: 2;
								grid-column: span 2;
				}
}
@media screen and (min-width: 1200px) {
				.dashboard__body {
								-ms-grid-column: 2;
								-ms-grid-column-span: 1;
								grid-column: 2/3;
				}
}
.dashboard__sidebar {
				border-radius: 15px;
}
@media screen and (min-width: 768px) {
				.dashboard__sidebar {
								-ms-grid-row: 2;
								-ms-grid-row-span: 1;
								grid-row: 2/3;
				}
}
@media screen and (min-width: 1200px) {
				.dashboard__sidebar {
								-ms-grid-row: 1;
								-ms-grid-row-span: 1;
								grid-row: 1/2;
								-ms-grid-column: 3;
								-ms-grid-column-span: 1;
								grid-column: 3/4;
								position: sticky;
								top: 1rem;
				}
}
.dashboard__nav {
				padding-top: 40px;
				padding-bottom: 40px;
				height: calc(100vh - 144px);
				overflow-x: hidden;
}

@media (max-width: 767px) {
	.dashboard__nav {
		height: 100vh;
	}
}

.dashboard__nav {
	scrollbar-width: thin;
	scrollbar-color: rgba(255,255,255, 0.15) #01317d;
  }
.dashboard__nav::-webkit-scrollbar {
	width: 12px;
  }
  
.dashboard__nav::-webkit-scrollbar-track {
	background: #01317d;
  }
  
.dashboard__nav::-webkit-scrollbar-thumb {
	background-color: rgba(255,255,255, 0.15);
	border-radius: 20px;
	border: 3px solid #01317d;
}

.dashboard__nav .list {
				overflow-y: scroll;
				margin-right: -17px;
				padding-left: 15px;
				padding-right: 15px;
}
@media screen and (min-width: 768px) {
				.dashboard__nav .list {
								padding-left: 0;
								padding-right: 0;
				}
}
.dashboard__nav .list__item {
				margin-right: 17px;
}
.dashboard__nav-container {
				max-width: 250px;
				background: rgba(34, 39, 54, 0.3);
				position: fixed;
				top: 0;
				left: -100%;
				bottom: 0;
				z-index: 99;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
				.dashboard__nav-container {
								display: none !important;
				}
}
.dashboard__nav-container .dashboard__nav {
				background: #01317d;
}
.dashboard__nav-icon {
				display: -webkit-inline-box;
				display: -ms-inline-flexbox;
				display: inline-flex;
				-webkit-box-pack: center;
				
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				width: 40px;
				height: 40px;
				border-radius: 5px;
				background: rgba(1, 33, 85, 0.5);
				color: rgba(var(--r), var(--g), var(--b), 1);
				font-size: 22px;
				line-height: 1;
}
.dashboard__nav-link {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				padding: 10px 15px;
				border-radius: 5px;
				font-family: "Inter", sans-serif;
				font-weight: 500;
				color: var(--white);
				letter-spacing: 0.03em;
}
.dashboard__nav-link:hover {
				color: rgba(var(--r), var(--g), var(--b), 1);
				background: rgba(247, 249, 251, 0.1);
}
.dashboard__nav-link:hover .dashboard__nav-icon {
				background: #012155;
}
.dashboard__nav-link:hover::after {
				content: "";
				width: 5px;
				height: 50%;
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				position: absolute;
				top: 50%;
				right: 0;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
}
.dashboard__nav-link.active {
				color: #012155;
				background: rgba(247, 249, 251, 0.9);
}
.dashboard__nav-link.active .dashboard__nav-icon {
				background: #012155;
}
.dashboard__nav-link.active::after {
				content: "";
				width: 5px;
				height: 50%;
				background-color: rgba(var(--r), var(--g), var(--b), 1);
				position: absolute;
				top: 50%;
				right: 0;
				-webkit-transform: translateY(-50%);
				        transform: translateY(-50%);
}
.dashboard__banner {
				padding-top: clamp(50px, 8vw, 80px);
				padding-bottom: clamp(50px, 8vw, 80px);
				border-radius: 15px 15px 50px 50px;
				position: relative;
				isolation: isolate;
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
}
.dashboard__banner::after {
				content: "";
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background-image: -webkit-gradient(linear, left top, right top, from(rgba(1, 33, 85, 0.9)), to(rgba(1, 33, 85, 0.5)));
				background-image: linear-gradient(to right, rgba(1, 33, 85, 0.9), rgba(1, 33, 85, 0.5));
				mix-blend-mode: darken;
				z-index: -1;
}
.dashboard__activity {
				padding: 30px 15px;
				border-radius: 5px;
				background: #01317d;
}

/*---------------------------------------
    2.46 Profile Balance
-----------------------------------------*/
.profile-balance {
				padding: 10px 30px;
				background: rgba(1, 33, 85, 0.5);
				border-bottom-width: 0px;
				border-left-width: 5px;
				border-right-width: 0px;
				border-top-width: 0px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 1);
				border-radius: 0 5px 5px 0;
}

/*---------------------------------------
    2.47 Login
-----------------------------------------*/
.login {
				background: #012b6e;
				min-height: 100vh;
}
@media screen and (min-width: 768px) {
				.login {
								padding-top: 0;
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-orient: vertical;
								-webkit-box-direction: normal;
								    -ms-flex-direction: column;
								        flex-direction: column;
								-webkit-box-pack: center;
								    -ms-flex-pack: center;
								        justify-content: center;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
								background: #012155;
								position: relative;
								isolation: isolate;
								overflow: hidden;
				}
				.login::after {
								content: "";
								position: absolute;
								top: 0;
								bottom: 0;
								left: 0;
								right: 0;
								background-image: url(../img/section-shape-seven.png);
								background-size: cover;
								background-position: right center;
								background-repeat: no-repeat;
								mix-blend-mode: soft-light;
								z-index: -1;
								opacity: 0.2;
				}
}
.login__left {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				background-size: 0 0;
}
@media screen and (min-width: 768px) {
				.login__left {
								height: 100vh;
								padding: 100px 50px;
								background-size: cover;
								background-position: center;
								background-repeat: no-repeat;
								background-attachment: fixed;
								position: relative;
				}
}
@media screen and (min-width: 1366px) {
				.login__left {
								padding: 120px;
				}
}
@media screen and (min-width: 1920px) {
				.login__left {
								padding: 120px 200px;
				}
}
.login__left-text {
				color: var(--white);
}
.login__left-para {
				color: var(--white);
}
@media screen and (min-width: 768px) {
				.login__left-content {
								height: 100%;
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								position: relative;
								isolation: isolate;
								padding: 50px 30px;
								background: inherit;
								overflow: hidden;
								border-radius: 20px;
								-webkit-box-shadow: 0 0 1rem 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.3);
								        box-shadow: 0 0 1rem 0 rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.3);
				}
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
				.login__left-content {
								padding: 100px 50px;
				}
}
@media screen and (min-width: 768px) {
				.login__left-content::before {
								content: "";
								position: absolute;
								top: 0;
								bottom: 0;
								left: 0;
								right: 0;
								-webkit-box-shadow: inset 0 0 2000px rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.8);
								        box-shadow: inset 0 0 2000px rgba(var(--dark-r), var(--dark-g), var(--dark-b), 0.8);
								-webkit-filter: blur(5px);
								        filter: blur(5px);
								background: inherit;
								margin: -30px;
								z-index: -1;
				}
}
.login__right {
				padding-top: 40px;
				padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
				.login__right {
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-orient: vertical;
								-webkit-box-direction: normal;
								    -ms-flex-direction: column;
								        flex-direction: column;
								-webkit-box-pack: center;
								    -ms-flex-pack: center;
								        justify-content: center;
								padding: 100px 50px;
								height: 100%;
								position: relative;
								isolation: isolate;
				}
}
@media screen and (min-width: 1366px) {
				.login__right {
								padding-left: 100px;
								padding-right: 100px;
				}
}
@media screen and (min-width: 1600px) {
				.login__right {
								padding-left: 150px;
								padding-right: 150px;
				}
}
@media screen and (min-width: 1920px) {
				.login__right {
								padding-left: 200px;
								padding-right: 200px;
				}
}
.login__right-text {
				color: var(--white);
}
@media screen and (min-width: 768px) {
				.login .form--control {
								font-size: 14px;
								border: 1px solid rgba(247, 249, 251, 0.3);
								color: var(--white);
				}
				.login .form--control::-webkit-input-placeholder {
								color: rgba(247, 249, 251, 0.7);
				}
				.login .form--control::-moz-placeholder {
								color: rgba(247, 249, 251, 0.7);
				}
				.login .form--control:-ms-input-placeholder {
								color: rgba(247, 249, 251, 0.7);
				}
				.login .form--control::-ms-input-placeholder {
								color: rgba(247, 249, 251, 0.7);
				}
				.login .form--control::placeholder {
								color: rgba(247, 249, 251, 0.7);
				}
}
@media screen and (min-width: 768px) {
				.login .form-check-input:checked[type=checkbox] {
								background-color: rgba(var(--r), var(--g), var(--b), 1);
								border-width: 1px;
								border-style: solid;
								border-color: rgba(var(--r), var(--g), var(--b), 1);
				}
}

/*---------------------------------------
    2.48 Contact Card
-----------------------------------------*/
.contact-card {
				padding: 30px;
				border-width: 1px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 1);
				border-radius: 5px;
				background-color: rgba(var(--r), var(--g), var(--b), 0.25);
}
.contact-card__title {
				font-size: 18px;
				font-weight: 500;
}

/*---------------------------------------
    2.49 Alert
-----------------------------------------*/
.alert {
				border-radius: 5px;
}
.alert--primary {
				background: rgba(51, 189, 255, 0.15);
				border: 1px solid #1ab5ff;
				color: #1ab5ff;
}
.alert--secondary {
				background: rgba(173, 181, 189, 0.15);
				border: 1px solid #9fa8b2;
				color: #9fa8b2;
}
.alert--success {
				background: rgba(27, 197, 189, 0.15);
				border: 1px solid #28c76f;
				color: #28c76f;
}
.alert--danger {
				background: rgba(247, 91, 96, 0.15);
				border: 1px solid #f64348;
				color: #f64348;
}
.alert--warning {
				background: rgba(255, 159, 67, 0.15);
				border: 1px solid #ff922a;
				color: #ff922a;
}
.alert--info {
				background: rgba(9, 194, 222, 0.15);
				border: 1px solid #08adc5;
				color: #08adc5;
}
.alert--light {
				background: rgba(247, 249, 251, 0.15);
				border: 1px solid #e6ecf3;
				color: #e6ecf3;
}
.alert--dark {
				background: rgba(34, 39, 54, 0.15);
				border: 1px solid #181c26;
				color: #fff;
}

/*---------------------------------------
    2.50 Dash Nav toggler
-----------------------------------------*/
.dash-nav-toggler .dashboard__nav-container {
				left: 0;
}

/*---------------------------------------
    0.3 Theme Style
-----------------------------------------*/
/*---------------------------------------
    3.1 Color
-----------------------------------------*/
.text--primary {
				color: #33BDFF;
}

.text--secondary {
				color: #adb5bd;
}

.text--success {
				color: #28c76f;
}

.text--danger {
				color: #f75b60;
}

.text--warning {
				color: #ff9f43;
}

.text--info {
				color: #09c2de;
}

.text--dark {
				color: #222736;
}

.text--white {
				color: var(--white);
}

.text-clr {
				color: #757575;
}

.heading-clr {
				color: #212121;
}

.text--base {
				color: rgba(var(--r), var(--g), var(--b), 1);
}

.text--accent {
				color: #012155;
}

/*---------------------------------------
    3.2 Background
-----------------------------------------*/
.bg--primary {
				background: #33BDFF;
}

.bg--secondary {
				background: #adb5bd;
}

.bg--success {
				background: #28c76f;
}

.bg--danger {
				background: #f75b60;
}

.bg--warning {
				background: #ff9f43;
}

.bg--info {
				background: #09c2de;
}

.bg--dark {
				background: #222736;
}

.bg--light {
				background: var(--white);
}

.bg--base {
				background-color: rgba(var(--r), var(--g), var(--b), 1);
}

.bg--accent {
				background: #012155;
}

.bg--accent-dark {
				background: #01173c;
}

.bg--accent-light {
				background: #01317d;
}

/*---------------------------------------
    3.3 Padding
-----------------------------------------*/
.t-pt-5 {
				padding-top: 5px;
}

.t-pt-10 {
				padding-top: 10px;
}

.t-pt-15 {
				padding-top: 15px;
}

.t-pt-20 {
				padding-top: 20px;
}

.t-pt-25 {
				padding-top: 25px;
}

.t-pt-30 {
				padding-top: 30px;
}

.t-pt-35 {
				padding-top: 35px;
}

.t-pt-40 {
				padding-top: 40px;
}

.t-pt-45 {
				padding-top: 45px;
}

.t-pt-50 {
				padding-top: 50px;
}

.t-pt-55 {
				padding-top: 55px;
}

.t-pt-60 {
				padding-top: 60px;
}

.t-pt-65 {
				padding-top: 65px;
}

.t-pt-70 {
				padding-top: 70px;
}

.t-pt-75 {
				padding-top: 75px;
}

.t-pt-80 {
				padding-top: 80px;
}

.t-pt-85 {
				padding-top: 85px;
}

.t-pt-90 {
				padding-top: 90px;
}

.t-pt-95 {
				padding-top: 95px;
}

.t-pt-100 {
				padding-top: 100px;
}

.t-pt-105 {
				padding-top: 105px;
}

.t-pt-110 {
				padding-top: 110px;
}

.t-pt-115 {
				padding-top: 115px;
}

.t-pt-120 {
				padding-top: 120px;
}

.t-pb-5 {
				padding-bottom: 5px;
}

.t-pb-10 {
				padding-bottom: 10px;
}

.t-pb-15 {
				padding-bottom: 15px;
}

.t-pb-20 {
				padding-bottom: 20px;
}

.t-pb-25 {
				padding-bottom: 25px;
}

.t-pb-30 {
				padding-bottom: 30px;
}

.t-pb-35 {
				padding-bottom: 35px;
}

.t-pb-40 {
				padding-bottom: 40px;
}

.t-pb-45 {
				padding-bottom: 45px;
}

.t-pb-50 {
				padding-bottom: 50px;
}

.t-pb-55 {
				padding-bottom: 55px;
}

.t-pb-60 {
				padding-bottom: 60px;
}

.t-pb-65 {
				padding-bottom: 65px;
}

.t-pb-70 {
				padding-bottom: 70px;
}

.t-pb-75 {
				padding-bottom: 75px;
}

.t-pb-80 {
				padding-bottom: 80px;
}

.t-pb-85 {
				padding-bottom: 85px;
}

.t-pb-90 {
				padding-bottom: 90px;
}

.t-pb-95 {
				padding-bottom: 95px;
}

.t-pb-100 {
				padding-bottom: 100px;
}

.t-pb-105 {
				padding-bottom: 105px;
}

.t-pb-110 {
				padding-bottom: 110px;
}

.t-pb-115 {
				padding-bottom: 115px;
}

.t-pb-120 {
				padding-bottom: 120px;
}

.t-pr-5 {
				padding-right: 5px;
}

.t-pr-10 {
				padding-right: 10px;
}

.t-pr-15 {
				padding-right: 15px;
}

.t-pr-20 {
				padding-right: 20px;
}

.t-pr-25 {
				padding-right: 25px;
}

.t-pr-30 {
				padding-right: 30px;
}

.t-pr-35 {
				padding-right: 35px;
}

.t-pr-40 {
				padding-right: 40px;
}

.t-pr-45 {
				padding-right: 45px;
}

.t-pr-50 {
				padding-right: 50px;
}

.t-pr-55 {
				padding-right: 55px;
}

.t-pr-60 {
				padding-right: 60px;
}

.t-pr-65 {
				padding-right: 65px;
}

.t-pr-70 {
				padding-right: 70px;
}

.t-pr-75 {
				padding-right: 75px;
}

.t-pr-80 {
				padding-right: 80px;
}

.t-pr-85 {
				padding-right: 85px;
}

.t-pr-90 {
				padding-right: 90px;
}

.t-pr-95 {
				padding-right: 95px;
}

.t-pr-100 {
				padding-right: 100px;
}

.t-pr-105 {
				padding-right: 105px;
}

.t-pr-110 {
				padding-right: 110px;
}

.t-pr-115 {
				padding-right: 115px;
}

.t-pr-120 {
				padding-right: 120px;
}

.t-pl-5 {
				padding-left: 5px;
}

.t-pl-10 {
				padding-left: 10px;
}

.t-pl-15 {
				padding-left: 15px;
}

.t-pl-20 {
				padding-left: 20px;
}

.t-pl-25 {
				padding-left: 25px;
}

.t-pl-30 {
				padding-left: 30px;
}

.t-pl-35 {
				padding-left: 35px;
}

.t-pl-40 {
				padding-left: 40px;
}

.t-pl-45 {
				padding-left: 45px;
}

.t-pl-50 {
				padding-left: 50px;
}

.t-pl-55 {
				padding-left: 55px;
}

.t-pl-60 {
				padding-left: 60px;
}

.t-pl-65 {
				padding-left: 65px;
}

.t-pl-70 {
				padding-left: 70px;
}

.t-pl-75 {
				padding-left: 75px;
}

.t-pl-80 {
				padding-left: 80px;
}

.t-pl-85 {
				padding-left: 85px;
}

.t-pl-90 {
				padding-left: 90px;
}

.t-pl-95 {
				padding-left: 95px;
}

.t-pl-100 {
				padding-left: 100px;
}

.t-pl-105 {
				padding-left: 105px;
}

.t-pl-110 {
				padding-left: 110px;
}

.t-pl-115 {
				padding-left: 115px;
}

.t-pl-120 {
				padding-left: 120px;
}

/*---------------------------------------
    3.4 Margin
-----------------------------------------*/
.t-mt-5 {
				margin-top: 5px;
}

.t-mt-10 {
				margin-top: 10px;
}

.t-mt-15 {
				margin-top: 15px;
}

.t-mt-20 {
				margin-top: 20px;
}

.t-mt-25 {
				margin-top: 25px;
}

.t-mt-30 {
				margin-top: 30px;
}

.t-mt-35 {
				margin-top: 35px;
}

.t-mt-40 {
				margin-top: 40px;
}

.t-mt-45 {
				margin-top: 45px;
}

.t-mt-50 {
				margin-top: 50px;
}

.t-mt-55 {
				margin-top: 55px;
}

.t-mt-60 {
				margin-top: 60px;
}

.t-mt-65 {
				margin-top: 65px;
}

.t-mt-70 {
				margin-top: 70px;
}

.t-mt-75 {
				margin-top: 75px;
}

.t-mt-80 {
				margin-top: 80px;
}

.t-mt-85 {
				margin-top: 85px;
}

.t-mt-90 {
				margin-top: 90px;
}

.t-mt-95 {
				margin-top: 95px;
}

.t-mt-100 {
				margin-top: 100px;
}

.t-mt-105 {
				margin-top: 105px;
}

.t-mt-110 {
				margin-top: 110px;
}

.t-mt-115 {
				margin-top: 115px;
}

.t-mt-120 {
				margin-top: 120px;
}

.t-mb-5 {
				margin-bottom: 5px;
}

.t-mb-10 {
				margin-bottom: 10px;
}

.t-mb-15 {
				margin-bottom: 15px;
}

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

.t-mb-25 {
				margin-bottom: 25px;
}

.t-mb-30 {
				margin-bottom: 30px;
}

.t-mb-35 {
				margin-bottom: 35px;
}

.t-mb-40 {
				margin-bottom: 40px;
}

.t-mb-45 {
				margin-bottom: 45px;
}

.t-mb-50 {
				margin-bottom: 50px;
}

.t-mb-55 {
				margin-bottom: 55px;
}

.t-mb-60 {
				margin-bottom: 60px;
}

.t-mb-65 {
				margin-bottom: 65px;
}

.t-mb-70 {
				margin-bottom: 70px;
}

.t-mb-75 {
				margin-bottom: 75px;
}

.t-mb-80 {
				margin-bottom: 80px;
}

.t-mb-85 {
				margin-bottom: 85px;
}

.t-mb-90 {
				margin-bottom: 90px;
}

.t-mb-95 {
				margin-bottom: 95px;
}

.t-mb-100 {
				margin-bottom: 100px;
}

.t-mb-105 {
				margin-bottom: 105px;
}

.t-mb-110 {
				margin-bottom: 110px;
}

.t-mb-115 {
				margin-bottom: 115px;
}

.t-mb-120 {
				margin-bottom: 120px;
}

.t-mr-5 {
				margin-right: 5px;
}

.t-mr-10 {
				margin-right: 10px;
}

.t-mr-15 {
				margin-right: 15px;
}

.t-mr-20 {
				margin-right: 20px;
}

.t-mr-25 {
				margin-right: 25px;
}

.t-mr-30 {
				margin-right: 30px;
}

.t-mr-35 {
				margin-right: 35px;
}

.t-mr-40 {
				margin-right: 40px;
}

.t-mr-45 {
				margin-right: 45px;
}

.t-mr-50 {
				margin-right: 50px;
}

.t-mr-55 {
				margin-right: 55px;
}

.t-mr-60 {
				margin-right: 60px;
}

.t-mr-65 {
				margin-right: 65px;
}

.t-mr-70 {
				margin-right: 70px;
}

.t-mr-75 {
				margin-right: 75px;
}

.t-mr-80 {
				margin-right: 80px;
}

.t-mr-85 {
				margin-right: 85px;
}

.t-mr-90 {
				margin-right: 90px;
}

.t-mr-95 {
				margin-right: 95px;
}

.t-mr-100 {
				margin-right: 100px;
}

.t-mr-105 {
				margin-right: 105px;
}

.t-mr-110 {
				margin-right: 110px;
}

.t-mr-115 {
				margin-right: 115px;
}

.t-mr-120 {
				margin-right: 120px;
}

.t-ml-5 {
				margin-left: 5px;
}

.t-ml-10 {
				margin-left: 10px;
}

.t-ml-15 {
				margin-left: 15px;
}

.t-ml-20 {
				margin-left: 20px;
}

.t-ml-25 {
				margin-left: 25px;
}

.t-ml-30 {
				margin-left: 30px;
}

.t-ml-35 {
				margin-left: 35px;
}

.t-ml-40 {
				margin-left: 40px;
}

.t-ml-45 {
				margin-left: 45px;
}

.t-ml-50 {
				margin-left: 50px;
}

.t-ml-55 {
				margin-left: 55px;
}

.t-ml-60 {
				margin-left: 60px;
}

.t-ml-65 {
				margin-left: 65px;
}

.t-ml-70 {
				margin-left: 70px;
}

.t-ml-75 {
				margin-left: 75px;
}

.t-ml-80 {
				margin-left: 80px;
}

.t-ml-85 {
				margin-left: 85px;
}

.t-ml-90 {
				margin-left: 90px;
}

.t-ml-95 {
				margin-left: 95px;
}

.t-ml-100 {
				margin-left: 100px;
}

.t-ml-105 {
				margin-left: 105px;
}

.t-ml-110 {
				margin-left: 110px;
}

.t-ml-115 {
				margin-left: 115px;
}

.t-ml-120 {
				margin-left: 120px;
}

/*---------------------------------------
    3.5 Utility Classes
-----------------------------------------*/
.t-heading-font {
				font-family: "Inter", sans-serif;
}

.t-body-font {
				font-family: "Roboto", sans-serif;
}

.t-link {
				text-decoration: none;
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
}
.t-link:hover {
				text-decoration: none;
}
.t-link--primary:hover {
				color: #33BDFF;
}
.t-link--danger:hover {
				color: #f75b60;
}
.t-link--info:hover {
				color: #09c2de;
}
.t-link--light:hover {
				color: var(--white);
}
.t-link--base:hover {
				color: rgba(var(--r), var(--g), var(--b), 1);
}
.t-link--accent:hover {
				color: #012155;
}

.t-short-para {
				max-width: 55ch;
}

/*---------------------------------------
    3.6 Animation
-----------------------------------------*/
@-webkit-keyframes btnVideo {
				0% {
								-webkit-box-shadow: 0 0 0 0 rgba(var(--r), var(--g), var(--b), 1);
								        box-shadow: 0 0 0 0 rgba(var(--r), var(--g), var(--b), 1);
				}
				50% {
								-webkit-box-shadow: 0 0 0 10px rgba(var(--r), var(--g), var(--b), 0.3);
								        box-shadow: 0 0 0 10px rgba(var(--r), var(--g), var(--b), 0.3);
				}
				100% {
								-webkit-box-shadow: 0 0 0 20px  rgba(var(--r), var(--g), var(--b), 0.04);
								        box-shadow: 0 0 0 20px  rgba(var(--r), var(--g), var(--b), 0.04);
				}
}
@keyframes btnVideo {
		0% {
				-webkit-box-shadow: 0 0 0 0 rgba(var(--r), var(--g), var(--b), 1);
						box-shadow: 0 0 0 0 rgba(var(--r), var(--g), var(--b), 1);
		}
		50% {
				-webkit-box-shadow: 0 0 0 10px rgba(var(--r), var(--g), var(--b), 0.3);
						box-shadow: 0 0 0 10px rgba(var(--r), var(--g), var(--b), 0.3);
		}
		100% {
				-webkit-box-shadow: 0 0 0 20px  rgba(var(--r), var(--g), var(--b), 0.04);
						box-shadow: 0 0 0 20px  rgba(var(--r), var(--g), var(--b), 0.04);
		}
}
@-webkit-keyframes circle {
				0% {
								-webkit-transform: rotate(0deg) translate(-60px) rotate(0deg);
								        transform: rotate(0deg) translate(-60px) rotate(0deg);
				}
				100% {
								-webkit-transform: rotate(360deg) translate(-60px) rotate(-360deg);
								        transform: rotate(360deg) translate(-60px) rotate(-360deg);
				}
}
@keyframes circle {
				0% {
								-webkit-transform: rotate(0deg) translate(-60px) rotate(0deg);
								        transform: rotate(0deg) translate(-60px) rotate(0deg);
				}
				100% {
								-webkit-transform: rotate(360deg) translate(-60px) rotate(-360deg);
								        transform: rotate(360deg) translate(-60px) rotate(-360deg);
				}
}
@-webkit-keyframes goright {
				0% {
								-webkit-transform: translateX(0);
								        transform: translateX(0);
				}
				50% {
								-webkit-transform: translateX(80px);
								        transform: translateX(80px);
				}
				100% {
								-webkit-transform: translateX(0);
								        transform: translateX(0);
				}
}
@keyframes goright {
				0% {
								-webkit-transform: translateX(0);
								        transform: translateX(0);
				}
				50% {
								-webkit-transform: translateX(80px);
								        transform: translateX(80px);
				}
				100% {
								-webkit-transform: translateX(0);
								        transform: translateX(0);
				}
}
@-webkit-keyframes goleft {
				0% {
								-webkit-transform: translateX(0);
								        transform: translateX(0);
				}
				50% {
								-webkit-transform: translateX(-80px);
								        transform: translateX(-80px);
				}
				100% {
								-webkit-transform: translateX(0);
								        transform: translateX(0);
				}
}
@keyframes goleft {
				0% {
								-webkit-transform: translateX(0);
								        transform: translateX(0);
				}
				50% {
								-webkit-transform: translateX(-80px);
								        transform: translateX(-80px);
				}
				100% {
								-webkit-transform: translateX(0);
								        transform: translateX(0);
				}
}
@-webkit-keyframes topRight {
				0% {
								-webkit-transform: translate(0);
								        transform: translate(0);
				}
				50% {
								-webkit-transform: translate(80px, -80px);
								        transform: translate(80px, -80px);
				}
				100% {
								-webkit-transform: translate(0);
								        transform: translate(0);
				}
}
@keyframes topRight {
				0% {
								-webkit-transform: translate(0);
								        transform: translate(0);
				}
				50% {
								-webkit-transform: translate(80px, -80px);
								        transform: translate(80px, -80px);
				}
				100% {
								-webkit-transform: translate(0);
								        transform: translate(0);
				}
}
@-webkit-keyframes topLeft {
				0% {
								-webkit-transform: translate(0);
								        transform: translate(0);
				}
				50% {
								-webkit-transform: translate(80px, 80px);
								        transform: translate(80px, 80px);
				}
				100% {
								-webkit-transform: translate(0);
								        transform: translate(0);
				}
}
@keyframes topLeft {
				0% {
								-webkit-transform: translate(0);
								        transform: translate(0);
				}
				50% {
								-webkit-transform: translate(80px, 80px);
								        transform: translate(80px, 80px);
				}
				100% {
								-webkit-transform: translate(0);
								        transform: translate(0);
				}
}
@-webkit-keyframes circlerotate {
				0% {
								-webkit-transform: rotate(0deg) translate(-60px);
								        transform: rotate(0deg) translate(-60px);
				}
				100% {
								-webkit-transform: rotate(360deg) translate(-60px);
								        transform: rotate(360deg) translate(-60px);
				}
}
@keyframes circlerotate {
				0% {
								-webkit-transform: rotate(0deg) translate(-60px);
								        transform: rotate(0deg) translate(-60px);
				}
				100% {
								-webkit-transform: rotate(360deg) translate(-60px);
								        transform: rotate(360deg) translate(-60px);
				}
}
@-webkit-keyframes rotates {
				0% {
								-webkit-transform: rotate(0deg);
								        transform: rotate(0deg);
				}
				100% {
								-webkit-transform: rotate(360deg);
								        transform: rotate(360deg);
				}
}
@keyframes rotates {
				0% {
								-webkit-transform: rotate(0deg);
								        transform: rotate(0deg);
				}
				100% {
								-webkit-transform: rotate(360deg);
								        transform: rotate(360deg);
				}
}
@-webkit-keyframes goTop {
				0% {
								-webkit-transform: translateY(0) translateX(-50%);
								        transform: translateY(0) translateX(-50%);
				}
				50% {
								-webkit-transform: translateY(-20px) translateX(-50%);
								        transform: translateY(-20px) translateX(-50%);
				}
				100% {
								-webkit-transform: translateY(0) translateX(-50%);
								        transform: translateY(0) translateX(-50%);
				}
}
@keyframes goTop {
				0% {
								-webkit-transform: translateY(0) translateX(-50%);
								        transform: translateY(0) translateX(-50%);
				}
				50% {
								-webkit-transform: translateY(-20px) translateX(-50%);
								        transform: translateY(-20px) translateX(-50%);
				}
				100% {
								-webkit-transform: translateY(0) translateX(-50%);
								        transform: translateY(0) translateX(-50%);
				}
}
/*---------------------------------------
    0.4 Layouts Style
-----------------------------------------*/
/*---------------------------------------
    4.1 Choose Us Section
-----------------------------------------*/
.choose-us-section {
				background: url(../img/bg-world.png);
				background-size: cover;
				background-position: center top;
				background-repeat: no-repeat;
}

/*---------------------------------------
    4.2 Work Step Section
-----------------------------------------*/
.work-step-section {
				background-color: #01173c;
				position: relative;
				isolation: isolate;
				overflow: hidden;
}
.work-step-section::after {
				content: "";
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background-image: url(../img/section-shape-one.png);
				background-size: cover;
				background-position: right center;
				background-repeat: no-repeat;
				mix-blend-mode: soft-light;
				z-index: -1;
}
@media screen and (min-width: 1200px) {
				.work-step-section::after {
								background-size: contain;
				}
}

/*---------------------------------------
    4.3 Achievement Section
-----------------------------------------*/
.achievement-section {
				position: relative;
				isolation: isolate;
				overflow: hidden;
}
@media screen and (min-width: 1366px) {
				.achievement-section::after {
								content: "";
								position: absolute;
								top: 0;
								bottom: 0;
								left: 0;
								right: 0;
								background: url(../img/section-shape-two.png);
								background-size: cover;
								background-position: center;
								background-repeat: no-repeat;
								z-index: -1;
								opacity: 0.2;
				}
}
.achievement-section .shape-1 {
				-webkit-transform: rotate(45deg);
				        transform: rotate(45deg);
				bottom: -100px;
				left: 80px;
				z-index: 2;
				mix-blend-mode: initial;
}
@media screen and (min-width: 1920px) {
				.achievement-section .shape-1 {
								left: 280px;
								bottom: -150px;
				}
}
.achievement-section .shape-2 {
				-webkit-transform: rotate(45deg);
				        transform: rotate(45deg);
				bottom: -20px;
				left: 220px;
				z-index: 1;
}
@media screen and (min-width: 1920px) {
				.achievement-section .shape-2 {
								left: 480px;
								bottom: -100px;
								mix-blend-mode: normal;
				}
}
.achievement-section .shape-3 {
				-webkit-transform: rotate(45deg);
				        transform: rotate(45deg);
				bottom: -250px;
				left: 310px;
				z-index: 1;
}
@media screen and (min-width: 1920px) {
				.achievement-section .shape-3 {
								left: 650px;
				}
}
.achievement-section .shape-4 {
				top: -180px;
				right: 100px;
				-webkit-transform: rotate(-45deg);
				        transform: rotate(-45deg);
}
.achievement-section .shape-5 {
				top: -250px;
				right: 300px;
				-webkit-transform: rotate(-45deg);
				        transform: rotate(-45deg);
}

/*---------------------------------------
    4.4 Plan Section
-----------------------------------------*/
.plan-section {
				background-color: #01173c;
				position: relative;
				isolation: isolate;
				overflow: hidden;
}
.plan-section::after {
				content: "";
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background-image: url(../img/section-shape-one.png);
				background-size: cover;
				background-position: right center;
				background-repeat: no-repeat;
				mix-blend-mode: soft-light;
				z-index: -1;
}
@media screen and (min-width: 1200px) {
				.plan-section::after {
								background-size: contain;
				}
}

/*---------------------------------------
    4.5 About Section
-----------------------------------------*/
.about-section {
				position: relative;
				isolation: isolate;
				overflow: hidden;
}
@media screen and (min-width: 1366px) {
				.about-section::after {
								content: "";
								position: absolute;
								top: 0;
								bottom: 0;
								left: 0;
								right: 0;
								background: url(../img/section-shape-three.png);
								background-size: cover;
								background-position: center;
								background-repeat: no-repeat;
								z-index: -1;
								opacity: 0.1;
				}
}
.about-section .shape-1 {
				-webkit-transform: rotate(45deg);
				        transform: rotate(45deg);
				bottom: -100px;
				left: 80px;
				mix-blend-mode: initial;
}
@media screen and (min-width: 1920px) {
				.about-section .shape-1 {
								left: 80px;
								bottom: -290px;
				}
}
.about-section .shape-2 {
				-webkit-transform: rotate(45deg);
				        transform: rotate(45deg);
				bottom: -20px;
				left: 220px;
}
@media screen and (min-width: 1920px) {
				.about-section .shape-2 {
								left: 200px;
								bottom: -250px;
				}
}
.about-section .shape-3 {
				-webkit-transform: rotate(45deg);
				        transform: rotate(45deg);
				bottom: -250px;
				left: 310px;
}
@media screen and (min-width: 1920px) {
				.about-section .shape-3 {
								left: 650px;
				}
}
.about-section .shape-4 {
				top: -180px;
				right: 100px;
				-webkit-transform: rotate(-45deg);
				        transform: rotate(-45deg);
}
.about-section .shape-5 {
				top: -250px;
				right: 300px;
				-webkit-transform: rotate(-45deg);
				        transform: rotate(-45deg);
}

/*---------------------------------------
    4.6 Payment Section
-----------------------------------------*/
.payment-section {
				background-color: #01173c;
				position: relative;
				isolation: isolate;
				overflow: hidden;
}
.payment-section::after {
				content: "";
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background-image: url(../img/section-shape-one.png);
				background-size: cover;
				background-position: left center;
				background-repeat: no-repeat;
				mix-blend-mode: overlay;
				opacity: 0.4;
				z-index: -1;
}
@media screen and (min-width: 1200px) {
				.payment-section::after {
								background-size: contain;
				}
}
.payment-section .shape-1 {
				top: -180px;
				right: 100px;
				-webkit-transform: rotate(-45deg);
				        transform: rotate(-45deg);
}
.payment-section .shape-2 {
				top: -250px;
				right: 300px;
				-webkit-transform: rotate(-45deg);
				        transform: rotate(-45deg);
}

/*---------------------------------------
    4.7 Testimonial Section
-----------------------------------------*/
.testimonial-section {
				background-color: #01173c;
				position: relative;
				isolation: isolate;
				overflow: hidden;
}
.testimonial-section::after {
				content: "";
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background-image: url(../img/section-shape-five.png);
				background-size: cover;
				background-position: left center;
				background-repeat: no-repeat;
				mix-blend-mode: soft-light;
				z-index: -1;
				opacity: 0.3;
}
.testimonial-section .shape-1 {
				top: -180px;
				right: 100px;
				-webkit-transform: rotate(-45deg);
				        transform: rotate(-45deg);
}
.testimonial-section .shape-2 {
				top: -250px;
				right: 300px;
				-webkit-transform: rotate(-45deg);
				        transform: rotate(-45deg);
}

/*---------------------------------------
    4.8 Blog Section
-----------------------------------------*/
.blog-section {
				position: relative;
				isolation: isolate;
				overflow: hidden;
}
@media screen and (min-width: 1366px) {
				.blog-section::after {
								content: "";
								position: absolute;
								top: 0;
								bottom: 0;
								left: 0;
								right: 0;
								background: url(../img/section-shape-six.png);
								background-size: cover;
								background-position: center;
								background-repeat: no-repeat;
								z-index: -1;
								mix-blend-mode: soft-light;
				}
}

/*---------------------------------------
    4.9 Footer 
-----------------------------------------*/
.footer {
				position: relative;
				isolation: isolate;
				overflow: hidden;
				background: #012155;
}
.footer::after {
				content: "";
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background-image: url(../img/section-shape-five.png);
				background-size: cover;
				background-position: left center;
				background-repeat: no-repeat;
				mix-blend-mode: soft-light;
				z-index: -2;
				opacity: 0.2;
}
.footer-copyright {
				padding-top: 1.5rem;
				padding-bottom: 1.5rem;
				border-bottom-width: 0px;
				border-left-width: 0px;
				border-right-width: 0px;
				border-top-width: 1px;
				border-style: solid;
				border-color: rgba(var(--r), var(--g), var(--b), 0.5);
				background: #011941;
}
.footer .shape-1 {
				top: -240px;
				right: 100px;
				-webkit-transform: rotate(-45deg);
				        transform: rotate(-45deg);
}
.footer .shape-2 {
				top: -280px;
				right: 200px;
				-webkit-transform: rotate(-45deg);
				        transform: rotate(-45deg);
}

/*---------------------------------------
    4.10 Client Section
-----------------------------------------*/
.client-section {
				padding-top: 25px;
				padding-bottom: 25px;
				background: #012b6e;
				position: relative;
				isolation: isolate;
}

/*---------------------------------------
    4.11 Privacy Policy Section
-----------------------------------------*/
.privacy-policy-section {
				position: relative;
				isolation: isolate;
				background: #01173c;
}
@media screen and (min-width: 992px) {
				.privacy-policy-section__content {
								padding-left: 30px;
				}
}
.privacy-policy-section__content-text {
				margin-bottom: 1.5rem;
				color: rgba(247, 249, 251, 0.8);
}

/*---------------------------------------
    4.12 Sidebar
-----------------------------------------*/
.sidebar {
				position: sticky;
				top: 100px;
}

/*---------------------------------------
    4.13 Contact Section
-----------------------------------------*/
.contact-section {
				position: relative;
				isolation: isolate;
				background: #01173c;
}
@media screen and (min-width: 992px) {
				.contact-section__content {
								padding-left: 30px;
				}
}
.contact-section__content-text {
				color: rgba(247, 249, 251, 0.8);
}
.contact-section__content-img {
				width: 100%;
				height: 300px;
				border-radius: 15px;
				overflow: hidden;
				position: relative;
				isolation: isolate;
}
.contact-section__content-img::after {
				content: "";
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background-image: -webkit-gradient(linear, left top, right top, from(rgba(1, 33, 85, 0.9)), to(rgba(1, 33, 85, 0.5)));
				background-image: linear-gradient(to right, rgba(1, 33, 85, 0.9), rgba(1, 33, 85, 0.5));
				z-index: -1;
}
.contact-section__content-img-is {
				width: 100%;
				height: 100%;
				-o-object-fit: cover;
				   object-fit: cover;
				-o-object-position: right top;
				   object-position: right top;
				mix-blend-mode: luminosity;
}
/*# sourceMappingURL=style.css.map */