@charset "utf-8";
.fr-type-vimeo .fr-content {
    width: 90%!important;
    height: 80%!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%);
}
/*===========================================================================================================*/
/*=========================================== FLEX LIST =====================================================*/
/*===========================================================================================================*/
.flex-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 10px;
	justify-content: space-evenly;
	align-items: center;
}
.flex-list li img {
	max-width: 168px;
}
@media (max-width: 768px) {
	.flex-list li img {
		max-width: 80px;
	}
}

/*===========================================================================================================*/
/*=========================================== PARALLAX SECTION ==============================================*/
/*===========================================================================================================*/
.parallax-section {
	position: relative;
	overflow: hidden;
	padding: 200px 0;
	color: #fff;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
}
.parallax-section .parallax {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background: #000;
}
.parallax-section .parallax img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .5;
}
.parallax-section h2,
.parallax-section h3,
.parallax-section h4,
.parallax-section h5 {color: #fff;margin: 0 0 30px;}
.parallax-section > .container,
.parallax-section > .container-fluid {
  position: relative;
  opacity: 0;
}
.parallax-section.ready > .container,
.parallax-section.ready > .container-fluid {
  opacity: 1;
  animation: fadeIn 1.2s both;
}
@media (max-width: 768px) {}

/*===========================================================================================================*/
/*=========================================== FOMRS =========================================================*/
/*===========================================================================================================*/
.gform_legacy_markup_wrapper {
	margin-top: 0!important;
}
label {
  display: block;
  text-align: left;
  color: #231f20 !important;
  font-size: 14px!important;
  font-style: normal!important;
  font-weight: 500!important;
  line-height: normal!important;
  margin: 0;
  margin-bottom: 3px;
  text-transform: unset;
}
input[type='text'], 
input[type='email'], 
input[type='tel'], 
input[type='url'], 
input[type='password'], 
input[type='number'], 
input[type='date'], 
textarea, 
select {
  width: 100%;
  height: 66px;
  background: transparent;
  padding: 0 17px!important;
  border-radius: 6px;
  border: 1px solid var(--color-3, #1E4382);
  color: rgb(35 31 32);
  font-size: 16px!important;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
textarea {
  padding: 12px 17px;
  border-radius: 10px;
  min-height: 120px;
}
.gform_legacy_markup_wrapper .gform_fileupload_multifile .gform_drop_area {
  border-radius: 6px!important;
  border: 1px solid var(--color-3, #1E4382)!important;
  background: transparent!important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gform_legacy_markup_wrapper span.gform_drop_instructions {
	color: rgba(44, 44, 52, 0.70);
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 187.5% */
	margin: 0;
}
.gform_wrapper .gform_button_select_files,
.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button, 
.gform_wrapper .gform_page_footer input[type=submit] {
  display: inline-block;
  position: relative;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 700;
  font-style: normal;
  color: #FFF;
  background: var(--color-3, #1E4382);
  border: solid 2px var(--color-3, #1E4382);
  border-radius: 700px;
  padding: 15px 30px;
  border-radius: 327px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.gform_wrapper .gform_button_select_files:hover,
.gform_wrapper .gform_button_select_files:focus,
.gform_wrapper .gform_footer input.button:hover, 
.gform_wrapper .gform_footer input.button:focus, 
.gform_wrapper .gform_footer input[type=submit]:hover, 
.gform_wrapper .gform_footer input[type=submit]:focus, 
.gform_wrapper .gform_page_footer input.button:hover, 
.gform_wrapper .gform_page_footer input.button:focus, 
.gform_wrapper .gform_page_footer input[type=submit]:hover, 
.gform_wrapper .gform_page_footer input[type=submit]:focus {
  color: var(--color-3, #1E4382);
  background-color: #fff;
  border-color: #fff;
  text-decoration: none;
}
.gform_legacy_markup_wrapper .gform_footer {
	text-align: center;
}

/* Pagination */
.pagination {
	margin: 40px 0 0;
}
.pagination > div {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 5px;
}
.pagination > div a,
.pagination > div span {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: #1278b5;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    font-size: 16px;
}
.pagination > div a:hover { 
	color: #fff;
	background: #1278b5;
}
.pagination .page-numbers.current {
    background: #423b3d;
    color: #fff;
}
.pagination .page-numbers.next,
.pagination .page-numbers.prev {
    background: #fff;
    color: #1278b5;
    font-size: 0
}
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:hover {
    background: #1278b5;
    color: #fff;
    font-size: 0
}
.pagination .page-numbers.next:after,
.pagination .page-numbers.prev:after {
    color: #1278b5;
    content: '\f30b';
    font-size: 16px;
    font-weight: 600;
	margin-left: 5px;
    font-family: "Font Awesome 6 Pro";
    transition: all .3s ease;
}
.pagination .page-numbers.next:hover:after,
.pagination .page-numbers.prev:hover:after {
	color: #fff;
}
.pagination .page-numbers.prev:after {
    content: '\f30a';
}

/*===========================================================================================================*/
/*=========================================== BTN-LAYOUT ====================================================*/
/*===========================================================================================================*/
.btn-layout {
  display: inline-block;
  position: relative;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 700;
  font-style: normal;
  color: #FFF;
  background: var(--color-3, #1E4382);
  border: solid 2px var(--color-3, #1E4382);
  border-radius: 700px;
  padding: 15px 30px;
  border-radius: 327px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-layout:hover,
.btn-layout:focus {
  color: var(--color-3, #1E4382);
  background-color: #fff;
  border-color: #fff;
  text-decoration: none;
}
.btn-white {
  color: var(--color-1, #82C7E7);
  background-color: #fff;
  border: solid 1px #fff;
}
.btn-white:hover,
.btn-white:focus {
  color: #fff;
  background-color: var(--color-1, #82C7E7);
  border-color: var(--color-1, #82C7E7);
  text-decoration: none;
}
.btn-gold {
  color: var(--color-4, #231F20);
  background-color: var(--accent-color-3, #F5D76E);
  border: solid 1px var(--accent-color-3, #F5D76E);
}
.btn-gold:hover,
.btn-gold:focus {
  color: var(--accent-color-3, #F5D76E);
  background-color: #fff;
  border-color: #fff;
  text-decoration: none;
}
.btn-black {
  color: #fff;
  background-color: var(--color-4, #231F20);
  border: solid 2px var(--color-4, #231F20);
}
.btn-black:hover,
.btn-black:focus {
  color: #fff;
  background-color: var(--color-4, #231F20);
  border-color: var(--color-4, #231F20);
  text-decoration: none;
}
.btn-layout.hollow {
  color: var(--color-2, #1278B5);
  background-color: transparent;
  border: solid 2px var(--color-2, #1278B5);
}
.btn-layout.hollow:hover,
.btn-layout.hollow:focus {
  color: #fff;
  background-color: var(--color-2, #1278B5);
  border-color: var(--color-2, #1278B5);
  text-decoration: none;
}
.btn-white.hollow {
  color: #fff;
  background-color: transparent;
  border: solid 2px #fff;
}
.btn-white.hollow:hover,
.btn-white.hollow:focus {
  color: var(--color-1, #82C7E7);
  background-color: #fff;
  border-color: #fff;
  text-decoration: none;
}
.btn-gold.hollow {
  color: var(--accent-color-3, #F5D76E);
  background-color: transparent;
  border: solid 2px var(--accent-color-3, #F5D76E);
}
.btn-gold.hollow:hover,
.btn-gold.hollow:focus {
  color: #fff;
  background-color: var(--accent-color-3, #F5D76E);
  border-color: var(--accent-color-3, #F5D76E);
  text-decoration: none;
}

/*=========================================== SEARCH SECTION ==============================================*/
.search-section {
	padding: 15px 20px;
	background: #fff;
}
.search-section .container-fluid {
  opacity: 0;
}
.search-section.ready .container-fluid {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.search-section .grid {
  display: flex;
  gap: 10px;
  justify-content: space-evenly;
  /* align-items: center; */
}
.search-section .grid .item {
	width: 100%;
}
.search-section .grid .item .input {
	padding: 15px 30px;
	border-radius: 327px;
	border: 1px solid #909090;
}
.search-section .grid .item .input label {
	color: #909090;
	font-size: 8px!important;
	font-style: normal;
	font-weight: 900;
	line-height: 12px; /* 150% */
	text-transform: uppercase;
}
.search-section .grid .item .input select {
	color: #909090;
	font-size: 14px!important;
	font-style: normal;
	font-weight: 400;
	line-height: 21px; /* 131.25% */
	height: 21px;
	border-radius: 0;
	padding: 0;
	border: none;
	border-bottom: 1px solid #909090;
}
.search-section .grid .item .input select:focus-visible {
	outline: solid 2px #86cae8;
	outline-offset: 0;
	border-radius: 50px;
}
.search-section .grid .item .btn-layout {
	display: block;
	width: 100%;
	height: 100%;
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {
	.search-section .grid {
		flex-wrap: wrap;
		row-gap: 15px;
	}
	.search-section .grid .item {
		width: calc(50% - 5px);
	}
}
@media (max-width: 768px) {
	.search-section .grid .item {
		width: 100%;
	}
}

/*=========================================== BRANDS SECTION ==============================================*/
.brands-section {
    padding: 15px;
}
.brands-section .container-fluid {
  opacity: 0;
}
.brands-section.ready .container-fluid {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.brands-section .grid {
  display: flex;
  flex-wrap: wrap;
	gap: 15px;
}
.brands-section .grid .item.full-width {
  flex: 1 0 100%;
}
.brands-section .grid .item.half-width {
  flex: 1 0 calc(50% - 7.5px);
}

.brands-section .grid .item {
	flex: 1 0 calc(33.333% - 10px);
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: center;
	border-radius: 5px;
	overflow: hidden;
	background: #000;
	padding: 70px 20px;
}
.brands-section .grid .item .bnn {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	transform: scale(1);
	transition: all 1.3s ease;
}
.brands-section .grid .item:hover .bnn {
	transform: scale(1.1);
}
.brands-section .grid .item .bnn img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.brands-section .grid .item .logo {
	position: relative;
}
.brands-section .grid .item .logo img {
	max-height: 130px;
}
.brands-section .grid .item h2 {
	position: relative;
	color: #FFF;
	text-align: center;
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; /* 133.333% */
	text-transform: uppercase;
	margin: 25px 0;
}
.brands-section .grid .item .btn-layout {}

@media (max-width: 1200px) {}
@media (max-width: 991px) {
	.brands-section .grid .item:not(.full-width) {
	  flex: 1 0 calc(50% - 7.5px);
	}
}
@media (max-width: 768px) {
	.brands-section .grid .item {
	  flex: 1 0 100%!important;
	}
}

/*=========================================== LINKS SECTION ==============================================*/
.links-section {}
.links-section .container-fluid {
  opacity: 0;
}
.links-section.ready .container-fluid {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.links-section .grid {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.links-section .grid .item {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 20%;
	overflow: hidden;
}
.links-section .grid .item .bnn {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
	background: #000;
}
.links-section .grid .item .bnn:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	margin: 20px;
	border: solid 3px #fff;
}
.links-section .grid .item .bnn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	opacity: .8;
	transform: scale(1);
	transition: all 1.3s ease;
}
.links-section .grid .item:hover .bnn img  {
	transform: scale(1.1);
}
.links-section .grid .item .info {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.links-section .grid .item .info h2 {
	font-family: 'Montserrat', sans-serif;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.2em;
	text-transform: uppercase;
}
.links-section .grid .item .info p {
	color: var(--accent-color-1, #E7F1F9);
	text-align: center;
	font-family: "Playfair Display";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2em;
	margin: 0;
}
.links-section .grid .item .info p .fa-solid {
	font-size: 10px;
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {
	.links-section .grid {
		flex-wrap: wrap;
	}
	.links-section .grid .item {
    width: 50%;
    padding-bottom: 45%;
}
}
@media (max-width: 568px) {
	.links-section .grid .item {
		width: 100%;
		padding-bottom: 75%;
	}
}

/*=========================================== WHY SECTION ==============================================*/
.why-section {
	padding: 0 0 40px;
}
.why-section .bnn {
	opacity: 0;
}
.why-section.ready .bnn {
  opacity: 1;
  animation: fadeInLeft 1.2s both;
}
.why-section .bnn {
	margin: 0 0 40px;
}
.why-section .bnn img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (min-width: 992px) {
	.why-section {
		position: relative;
		padding: 90px 0;
	}
	.why-section .bnn {
		position: absolute;
		left: 0;
		top: 0;
		width: 50%;
		height: 100%;
		margin: 0;
	}
}
.why-section .container {
  opacity: 0;
}
.why-section.ready .container {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.why-section h2 {
    margin: 0 0 30px
}
.why-section .text-right {
	text-align: right
}
.why-section .col-lg-6 {
	--bs-gutter-x: 8vw;
}
.link-arrow {
	display: inline-block;
	position: relative;
	color: var(--color-1, #82C7E7);
	text-align: right;
	font-family: Montserrat;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px; /* 300% */
	text-transform: uppercase;
}
.link-arrow:after {
	content: '\f178';
	font-family: "Font Awesome 6 Pro";
	margin-left: 7px;
}
.link-arrow:before {
  content: '';
  position: absolute;
  top: 100%;
  left: unset;
  right: 0;
  width: 0;
  height: 2px;
  background-color: transparent;
  transition: all .3s ease;
}
.link-arrow:hover:before,
.link-arrow:focus:before {
 left: 0;
 right: unset;
 width: 100%;
 background-color: var(--color-3, #1E4382);
}
.link-arrow.hidden {
	display: none
}
.link-arrow.full-specs {
	font-size: 14px;
	color: var(--color-3, #1E4382);
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {
	.why-section .container {
	  padding: 0 45px;
	}
}
@media (max-width: 768px) {}

/*=========================================== START SECTION ==============================================*/
.start-section {
  padding:  0;
  background: #012F51;
  color: #fff;
  display: flex;
  justify-content: space-between;
}
.start-section .content {
	width: 100%;
	padding: 15px;
	text-align: center;
	opacity: 0;
}
.start-section.ready .content {
	opacity: 1;
    animation: fadeInLeft 1.2s both;
}
.start-section .content p {
	margin: 0 0 15px;
}
.start-section .content .flex-list {
	max-width: 800px;
	margin: 0 auto;
}
.start-section .call-cta {
	width: 100%;
	max-width: 300px;
	padding: 15px;
	display: flex;
	gap:  10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #012F51;
	text-align: center;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 100% */
	background: #E5B200;
	transition: all .3s ease;
	opacity: 0;
}
.start-section.ready .call-cta {
  opacity: 1;
  animation: fadeInRight 1.2s both;
}
.start-section .call-cta:hover,
.start-section .call-cta:focus {
	background: #99cce9;
}
.start-section .call-cta strong {
	color: #012F51;
	text-align: center;
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px; /* 83.333% */
	text-transform: uppercase;
}
@media (max-width: 768px) {
	.start-section {
		flex-direction: column;
		flex-wrap: wrap;
	}
	.start-section .call-cta {
		max-width: 100%
	}
}
@media (max-width: 620px) {
	.start-section .content .flex-list {
		justify-content: center;
		flex-wrap: wrap;
	}

}

/*=========================================== THE LATEST SECTION ==============================================*/
.latest-section {
  padding: 50px 0;
  background: var(--color-4, #231F20);
}
.latest-section .container {
  opacity: 0;
}
.latest-section.ready .container {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.latest-section .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #fff;
  padding: 0 0 50px;
  margin: 0 0 40px;
}
.latest-section h2 {
  color: #fff;
  font-size: 40px;
}
.latest-section .link-arrow {
  color: #fff;
}
.latest-section .link-arrow:hover:before,
.latest-section .link-arrow:focus:before {
  left: 0;
  right: unset;
  width: 100%;
  background-color: #fff;
}
.latest-section .grid {
  display: flex;
  row-gap: 30px;
  justify-content: space-evenly;
  margin: 0 -12px;
  overflow: hidden;
}
.latest-section .grid .item {
  width: 100%;
  padding: 0 12px;
}
.latest-section .grid .item .card-item {
  display: block;
  position: relative;
  padding-bottom: 34px;
}
.latest-section .grid .item .card-item .bnn {
  display: block;
  position: relative;
  padding-bottom: 68%;
  margin: 0 0 10px;
  border-radius: 5px;
  overflow: hidden;
}
.latest-section .grid .item .card-item .bnn img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all 1.3s ease;
}
.latest-section .grid .item .card-item:hover .bnn img {
  transform: scale(1.1);
}
.latest-section .grid .item .card-item h3 {
  color: #FFF;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 133.333% */
}
.latest-section .grid .item .card-item .link-arrow {
  position: absolute;
  right: 0;
  bottom: 2px;
  color: var(--color-1, #82C7E7);
}
.latest-section .grid .item .card-item:hover .link-arrow:before,
.latest-section .grid .item .card-item:focus .link-arrow:before {
  left: 0;
  right: unset;
  width: 100%;
  background-color: var(--color-1, #82C7E7);
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {
	.latest-section .grid {
		flex-wrap: wrap;
		gap: 50px;
		margin: 0;
	}
	.latest-section .grid .item {
		min-width: 100%;
		margin: 0;
	}
}

/*=========================================== EVENTS SECTION ==============================================*/
.events-section {
  padding: 50px 0;
  background: var(--color-2, #1278B5);
}
.events-section .container {
  opacity: 0;
}
.events-section.ready .container {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.events-section .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #fff;
  padding: 0 0 50px;
  margin: 0 0 40px;
}
.events-section h2 {
  color: #fff;
  font-size: 40px;
}
.events-section .link-arrow {
  color: #fff;
}
.events-section .link-arrow:hover:before,
.events-section .link-arrow:focus:before {
 left: 0;
 right: unset;
 width: 100%;
 background-color: #fff;
}
.events-section .grid {
  display: flex;
  justify-content: space-evenly;
  margin: 0 -12px;
  overflow: hidden;
}
.events-section .grid .item {
  width: 100%;
  margin: 0 12px;
}
.events-section .grid .item .card-item {
  display: block;
  position: relative;
  border-radius: 5px;
  padding: 15px;
  padding-bottom: 48px;
  background: #fff;
  height: 100%;
}
.events-section .grid .item .card-item .bnn {
  display: block;
  position: relative;
  padding-bottom: 68%;
  border-radius: 5px;
  overflow: hidden;
  margin: 0 0 10px;
}
.events-section .grid .item .card-item .bnn img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all 1.3s ease;
}
.events-section .grid .item .card-item:hover .bnn img {
  transform: scale(1.1);
}
.events-section .grid .item .card-item h3 {
  color: var(--color-2, #1278B5);
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 133.333% */
}
.events-section .grid .item .card-item p {
  color: #9F9F9F;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
  margin: 0 0 10px;
}
.events-section .grid .item .card-item .link-arrow {
  position: absolute;
  right: 15px;
  bottom: 15px;
  color: var(--color-1, #82C7E7);
}
.events-section .grid .item .card-item:hover .link-arrow:before,
.events-section .grid .item .card-item:focus .link-arrow:before {
 left: 0;
 right: unset;
 width: 100%;
 background-color: var(--color-1, #82C7E7);
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {
	.events-section .grid {
		flex-wrap: wrap;
		gap: 50px;
		margin: 0;
	}
	.events-section .grid .item {
		min-width: 100%;
		margin: 0;
	}
}

/*=========================================== IMAGE SECTION ==============================================*/
.image-section {
  padding: 50px;
}
.image-section .container-fluid {
  opacity: 0;
  --bs-gutter-x: 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.image-section.ready .container-fluid {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.image-section .container-fluid .row {
  --bs-gutter-x: 50px;
  --bs-gutter-y: 50px;
  align-items: center; 
}
.image-section .container-fluid .col-lg-6 {
  --bs-gutter-x: 50px;
  height: 100%;
}
.image-section .container-fluid .col-lg-6 .bnn {
	width: 100%;
	height: 100%;
}
.image-section .container-fluid .col-lg-6 .bnn img {
	border-radius: 6px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.image-section .container-fluid .col-lg-6 .logo {
	margin: 0 0 20px;
}
.image-section .container-fluid .col-lg-6 h2 {
	margin: 0 0 30px;
}
.image-section .container-fluid .col-lg-6 p {
	margin: 0 0;
}
.image-section .container-fluid .col-lg-6 p:not(:last-child) {
	margin: 0 0 30px;
}
@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {}

/*=========================================== BLUE SECTION ==============================================*/
.blue-section {
  background: var(--color-2, #1278B5);
  padding: 100px 0;
  text-align: center;
}
.blue-section .container {
  opacity: 0;
}
.blue-section.ready .container {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.blue-section h2,
.blue-section p {
	color: #fff;
	margin: 0 0 30px
}
.blue-section ul {
	margin: 0;
}
.blue-section ul li img {
	border-radius: 5px;
	background: #FFF;
	padding: 20px;
	max-width: 180px;
}
@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {}

/*=========================================== LEFTRIGHT SECTION ==============================================*/
.leftright-section {
  background: var(--color-3, #1E4382);
  color: #fff;
}
.leftright-section a {
  color: #fff;
}
.leftright-section a:hover,
.leftright-section a:focus {
  color: #fff;
  border-bottom: solid 1px;
}
.leftright-section .item {
  opacity: 0;
  display: flex;
  justify-content: space-evenly;
}
.leftright-section .item:nth-child(even) {
	flex-direction: row-reverse;
}
.leftright-section .item.ready {
  opacity: 1;
  animation: fadeIn 1.2s both;
}
.leftright-section .item .bnn {
	width: 50%;
}
.leftright-section .item .bnn img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.leftright-section .item .text {
	width: 50%;
	padding: 50px;
}
.leftright-section .item .text h2 {
	color: #fff;
	margin: 0 0 30px;
}
.leftright-section .item .text p {
	margin: 0 0;
}
.leftright-section .item .text p:not(:last-child) {
	margin: 0 0 30px;
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {
	.leftright-section .item {
		flex-wrap: wrap;
	}
	.leftright-section .item .text,
	.leftright-section .item .bnn {
		width: 100%
	}
}

/*=========================================== BLUE SECTION ==============================================*/
.tagline-section {
  background: #fff;
  padding: 20px 0;
  text-align: center;
}
.tagline-section .container-fluid {
  opacity: 0;
}
.tagline-section.ready .container-fluid {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.tagline-section h2 {
  color: var(--text, #7F7F7F);
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 166.667%; /* 166.667% */
  letter-spacing: 4.32px;
  text-transform: uppercase;
  margin: 0;
}
.tagline-section h2 strong {
  font-weight: 700;
}

@media (max-width: 1200px) {}
@media (max-width: 768px) {
	.tagline-section h2 {
		font-size: 16px;
		letter-spacing: 2.32px;
	}
}

/*=========================================== CONTACT SECTION ==============================================*/
.contact-section {
  padding: 50px 0;
  text-align: center;
}
.contact-section .container {
  opacity: 0;
}
.contact-section.ready .container {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.testimonials-section h2 {
  text-align: center;
  margin: 0 0 20px;
}
@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {}

/*=========================================== TESTIMONIALS SECTION ==============================================*/
.testimonials-section {
  background: var(--color-3, #1E4382);
  padding: 50px 0;
  text-align: center;
}
.testimonials-section .container {
  opacity: 0;
}
.testimonials-section.ready .container {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.testimonials-section h2 {
  color: #fff;
  margin: 0 0 50px;
}
.testimonials-section .grid {
	margin: 0 0 50px;
}
.testimonials-section .grid li {}
.testimonials-section .grid li .card {
	padding: 30px;
	border-radius: 10px;
	background: #FFF;
	flex-direction: column;
}
.testimonials-section .grid li .card .flex-list {
    margin: 0 auto 20px;
}
.testimonials-section .grid li .card .flex-list > div {
    color: var(--accent, #D4B996);
    text-align: center;
    font-family: "Font Awesome 6 Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}
.testimonials-section .grid li .card .info {
	display: block;
	color: var(--dark-color, #2B2B2B);
	text-align: center;
	font-family: "Playfair Display";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.testimonials-section .grid li .card .info .author {
	display: block;
	color: var(--main-color, #7F7F7F);
	text-align: center;
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.testimonials-section .grid li .card .info .author:before {
	content: '';
	display: block;
	width: 65px;
	height: 1px;
	background: var(--main-color, #7F7F7F);
	margin: 20px auto;
}
@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {}

/*=========================================== GALLERY SECTION ===============================================*/
.gallery-section {
    display: flex;
    justify-content: space-evenly;
	border: solid 1px #f2f2f2;
}
.gallery-section .item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.gallery-section .item .cta {
    width: 50%;
	overflow: hidden;
	border: solid 1px #f2f2f2;
}
.gallery-section .item:nth-child(even) .cta:last-child {
    min-width: 100%;
}
.gallery-section .item:nth-child(odd) .cta:last-child {
    min-width: 100%;
}
.gallery-section .item:nth-child(even) .cta:first-child {
    min-width: 100%;
}
.gallery-section .item .cta img {
	transform: scale(1);
	transition: all 1.3s ease;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.gallery-section .item .cta:hover img  {
	transform: scale(1.1);
}
@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {}

/*=========================================== INFO SECTION ==============================================*/
.info-section {
  padding: 50px;
}
.info-section .container-fluid {
  opacity: 0;
}
.info-section.ready .container-fluid {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.info-section .row {
	align-items: center;
	--bs-gutter-x: 50px;
}
.info-section .info-table {}
.info-section .info-table .item {
	display: flex;
	padding: 7px 0;
}
.info-section .info-table .item:not(:last-child) {
	border-bottom: solid 1px;
}
.info-section .info-table .item strong {
	width: 200px;
}
.info-section .flex-buttons {
	margin: 30px 0;
	display: flex;
	gap: 10px;
	justify-content: space-between;
}
.info-section .flex-buttons {
	flex-wrap: wrap;
}
@media (min-width: 992px) {
	.info-section .flex-buttons .btn-layout {
		text-align: center;
		width: calc(33.3333% - 7px);
	}
	.info-section .flex-buttons .btn-layout:nth-child(4),
	.info-section .flex-buttons .btn-layout:nth-child(5) {
		width: calc(50% - 5px);
	}
}
.info-section .royalSlider {}

@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {
	.info-section {
	  padding: 50px 20px;
	}
}

/*===========================================================================================================*/
/*=========================================== FOOTER ========================================================*/
/*===========================================================================================================*/
.footer {
  padding: 50px 0;
}
.footer .container,
.footer .container-fluid {
  opacity: 0;
}
.footer.ready .container,
.footer.ready .container-fluid {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}
.footer .footer-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 45px;
}
.footer .footer-top .item {}
.footer .footer-top .item .logo-nav {
    display: block;
    width: 220px;
}
.footer .footer-top .item .btn-layout {}
.footer .footer-top .item .social-nav {
	display: flex;
	justify-content: space-between;
	margin: 0;
}
.footer .footer-top .item .social-nav li {
	font-size: 25px;
}
.footer .footer-top .item .social-nav li:not(:last-child) { margin-right: 2vw; }
.footer .footer-top .item .social-nav li a {}
.footer .footer-top .item .social-nav li a:hover,
.footer .footer-top .item .social-nav li a:focus {
	
}
.footer .footer-navigation {
	display: flex;
	gap: 50px;
}
.footer .footer-navigation .item {
	width: 45%;
}
.footer .footer-navigation .item:not(:first-child) {
	width: 22%;
}
.footer .footer-navigation .item h2 {
    margin: 0 0 24px;
}
.footer .footer-navigation .item ul {
    margin: 0 0 35px;
}
.footer .footer-navigation .item ul li {
    margin: 0 0 10px;
}
.footer .footer-navigation .item:not(:first-child) ul li { display: block }
.footer .footer-navigation .item ul li:not(:last-child) {
	margin-right: 2vw;
}
.footer .footer-navigation .item ul li a {
	position: relative;
}
.footer .footer-navigation .item ul li a:before {
  content: '';
  position: absolute;
  top: 100%;
  left: unset;
  right: 0;
  width: 0;
  height: 1px;
  background-color: transparent;
  transition: all .3s ease;
}
.footer .footer-navigation .item ul li a:hover:before,
.footer .footer-navigation .item ul li a:focus:before {
 left: 0;
 right: unset;
 width: 100%;
 background-color: var(--color-3, #1E4382);
}
.footer .footer-navigation .item ul li a:hover,
.footer .footer-navigation .item ul li a:focus {}
.footer .footer-info {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid var(--color-4, #231F20);
	padding-top: 25px;
}
.footer .footer-info .item {}
.footer .footer-info .item.flex {
	width: 65%;
	display: flex;
	justify-content: space-between;
}
.footer .footer-info .item h2 {}
.footer .footer-info .item.sub {
	font-size: 16px;
	color: var(--color-3, #1E4382);
}
.footer .footer-info .item p {
	line-height: 1.3em;
	margin: 0 0;
	text-align: center;
}
.footer .footer-info .item p strong {
	display: block;
}
.footer .footer-info .item p a {
	position: relative;
	padding: 3px 0;
}
.footer .footer-info .item p a:before {
  content: '';
  position: absolute;
  top: 100%;
  left: unset;
  right: 0;
  width: 0;
  height: 1px;
  background-color: transparent;
  transition: all .3s ease;
}
.footer .footer-info .item p a:hover:before,
.footer .footer-info .item p a:focus:before {
 left: 0;
 right: unset;
 width: 100%;
 background-color: var(--color-3, #1E4382);
}

.footer a {
	
}
.footer a:hover,
.footer a:focus {
	
}
.copy {
	background: var(--color-4, #231F20);
	color: #fff;
	text-align: center;
	padding: 5px 0;
	margin: 0;
	color: var(--secondary-color, #E8E6E1);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 214.286% */
}
.copy .container,
.copy .container-fluid {
  opacity: 0;
}
.copy.ready .container,
.copy.ready .container-fluid {
  opacity: 1;
  animation: fadeInUp 1.2s both;
}


@media (max-width: 1400px) {}
@media (max-width: 991px) {
	.footer .footer-info {
    flex-direction: column;
    gap: 20px;
}
	.footer .footer-info .item.flex {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.footer {
		border-top: solid 1px #1278b5;
	}
  .footer .footer-top {
	  flex-direction: column;
	  gap: 24px;
  }
	.footer .footer-navigation {
		flex-direction: column;
	  gap: 24px;
	}
	.footer .footer-navigation .item {
		min-width: 100%
	}
	.footer .footer-info {
		text-align: center
	}
	.footer .footer-info .item.flex {
		flex-wrap: wrap;
		gap: 20px;
	}
	.footer .footer-info .item.flex .item {
		min-width: 100%;
	}
  h1, .h1-style {
    font-size: 28px;
  }
  h1 > span, .h1-style > span {
	  font-size: 16px;
  }
  h2 {
    font-size: 23px;
  }
  h3 {
    font-size: 25px;
  }
  h4 {
    font-size: 16px;
  }
  p, li, td, th, label {
    font-size: 17px;
    line-height: 1.5em;
    letter-spacing: 0;
  }
  .btn-layout {
    padding: 14px 17px;
    font-size: 14px;
  }
}
@media (max-width: 560px) {
}