/**
Theme Name: Versa - Your money can do more.
Theme URI: https://versa.com.my/
Description: Versa custom theme desigend theme by Versa Team.
Author: Versa
Author URI: https://versa.com.my/
Version: 1.0.0
Tags: two-columns, theme-options, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, post-formats
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: versa
*/

/* FONTS
----------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap');

/* WORDPRESS DEFAULTS
----------------------*/
.alignleft, img.alignleft{ margin-right: 1em; display: inline; float: left; }
.alignright, img.alignright{ margin-left: 1em; display: inline; float: right; }
.aligncenter, img.aligncenter{ margin-right: auto; margin-left: auto; display: block; clear: both; }
.alignnone, img.alignnone{	/* not sure about this one */ }
.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; max-width: 100%; }
.wp-caption img { border: 0 none; padding: 0; margin: 0; }
.wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; }
.wp-smiley { margin: 0 !important; max-height: 1em; }
blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eeeeee; }
blockquote p { font-style: italic; font-size: 1.063rem; }
blockquote small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; }
.gallery{ position:relative; }
.gallery .gallery-item{display: inline-block;text-align: center;vertical-align: top;width: 25%;margin: 0 0 0.7em;}
.gallery.gallery-columns-1 .gallery-item{ width: 100%; }
.gallery.gallery-columns-2 .gallery-item{ width: 50%; }
.gallery.gallery-columns-3 .gallery-item{ width: 33.33%; }
.gallery.gallery-columns-5 .gallery-item{ width: 20%; }
.gallery.gallery-columns-6 .gallery-item{ width: 16.667%; }
.gallery.gallery-columns-7 .gallery-item{ width: 14.285%; }
.gallery.gallery-columns-8 .gallery-item{ width: 12.5%; }
.gallery.gallery-columns-9 .gallery-item{ width: 11.11%; }
.gallery img {
	box-shadow: 0 5px 15px -8px rgba(0,0,0,.24), 0 8px 10px -5px rgba(0,0,0,.2);
	border-radius: 6px; max-width: 84%; height: auto;
}
.gallery img:hover{background-color: #ffffff;}
.gallery .gallery-caption { color: #999; font-size: 12px; margin: 7px 0 10px; line-height: 1.48; }
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br{ display: none; }
.bypostauthor{ text-transform: none; }
.bypostauthor .media-heading{ color: #d12a5c; }

/* MAIN STYLESHEET
----------------------*/
body,html{ overflow-x: hidden; }
body {
	font-family: 'Inter', sans-serif;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'Montserrat', sans-serif;
}

/* a{ text-decoration: none; }
a:hover{ text-decoration: none; }
a:focus{ outline: none; text-decoration: none; }
button:focus{ outline: unset; }
.btn.focus, .btn:focus{ outline: unset; box-shadow: unset; }
.w-100 > figure{ width: 100%; }
.w-100 > figure > div{ width: 100%; }
.w-100 > figure > div > img{ width: 100%; }
----------------------*/
/* PADDING & MARGINS 
----------------------*/
#main-content{ padding: 90px 0 0px 0; }
.theme-flush-top-space{ margin-top: -90px; }
.theme-flush-bottom-space{ margin-bottom: -45px; }
.pt90{ padding-top: 80px!important; }
.pb90{ padding-bottom: 80px!important; }
.ptb90{ padding-top: 80px!important; padding-bottom: 80px!important; }
.pt45{ padding-top: 45px!important; }
.pb45{ padding-bottom: 45px!important; }
.ptb45{ padding-top: 45px!important; padding-bottom: 45px!important; }
.no-padding{ padding-right: 0!important; padding-left: 0!important; }

/* COLOR
----------------------*/
.color-gray{ color: #7B7B7B; }
.color-dark{ color: #282828; }
.color-blue{ color: #13728B; }
.color-dark-blue{ color: #003A54; }
.color-green{ color: #00CFA7; }
.color-white{ color: #FFFFFF; }
.color-black{ color: #000000; }

/* BACKGROUND COLOR
----------------------*/

/* TEXT SIZE
----------------------*/
.big-text{ font-size: 20px; }


/* FORM FIELD
----------------------*/
input[type="text"], input[type="email"],
input[type="tel"], input[type="password"],
input[type="search"], input[type="number"], .form-control{
	display: block;
	width: 100%;
	height: 45px;
	padding: 10px 15px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
input[type="text"]:focus, input[type="email"]:focus,
input[type="tel"]:focus, input[type="password"]:focus,
input[type="search"]:focus, input[type="number"]:focus, .form-control:focus{
	outline: 0;  
	box-shadow: none; 
	color: #8e8d8d;
	background-color: #ffffff;
	border-color: #13728b;
}
.form-control::-moz-placeholder{ color: #8e8d8d; opacity: 1; }
.form-control:-ms-input-placeholder{ color: #8e8d8d; }
.form-control::-webkit-input-placeholder{ color: #8e8d8d; }
.form-control[disabled], 
.form-control[readonly], 
fieldset[disabled] .form-control{ cursor: not-allowed; background-color: transparent; opacity: 1; }
input:-internal-autofill-selected { background-color: transparent; }

span.wpcf7-not-valid-tip{ display: none; }
.wpcf7-not-valid{ border-color: red !important; }
.wpcf7 form .wpcf7-response-output{ 
	font-size: 16px; 
	margin: 20px 0 0 0; 
	padding: 7px 15px 5px 15px;
	background-color: #f7e700;
	color: #000000;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{ border: unset; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ background-color: #f7e700; color: #000000; }

div.wpcf7 .ajax-loader{ position: absolute; top: 10px; margin: 0 0 0 10px; }

.upload_file label{
	height: 50px;
	font-size: 18px;
	border: 1px solid #13728b;
	border-radius: 7px;
	width: 100%;
	padding: 10px;
	color: #13728b;
}
.remove_file{ color: #13728b; margin-left: 15px; }

/* BUTTONS 

.btn{
	position: relative;
	font-family: 'Inter', sans-serif;
	font-size: 24px;
	font-weight: 700;
	padding: 13px 25px;
	border-radius: 12px;
	letter-spacing: 0.5px;
	cursor: pointer;
	z-index: 2;
}
.btn.btn-theme{ background-color: #13728B; color: #ffffff; }
----------------------*/
/* .btn.btn-theme:hover{ background-color: #003A54; color: #ffffff;}
.btn.btn-dark-blue{ background-color: #003A54; color: #ffffff; }
.btn.btn-dark-blue:hover{ background-color: #13728b; color: #ffffff;}
.btn.btn-green{ background-color: #13728B; color: #ffffff; }
.btn.btn-green:hover{ background-color: #13728B; color: #ffffff; }
----------------------*/


/* SEARCH FORM
----------------------*/
.search-form label{ position: relative; margin: 0; width: calc( 100% - 45px ); }
.search-form .search-field{ height: 45px; border: 1px solid #dddddd; border-radius: 0; margin-bottom: 0; }
.search-form .search-submit{
	width: 45px; height: 45px;
	float: right;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	cursor: pointer;
}
.search-form .search-submit i{ font-size: 18px; }

/* WIDGET COMMON
----------------------*/
aside.sidebar .widget{ margin-bottom: 25px; }
aside.sidebar .widget ul{ margin: 0; padding: 0; list-style-type: none; }
aside.sidebar .widget ul li{ padding: 8px 0; border-bottom: 1px solid #cccccc; }

/* POST COMMON
----------------------*/
.post-meta .meta{ display: inline-block; margin: 0 10px 3px 0; }
.post-meta .meta i, .post-meta .meta img{ margin-right: 2px; }
.post-categories{ padding: 0; margin: 0; display: inline-block; list-style-type: none; }
.post-categories a, .post-meta .meta a, .entry-title a{ color: inherit; }
#commentform label{ position: relative; background-color: unset; color: #000000; top: 0; left: 0; padding: 0; margin-bottom: 5px; }
#commentform .form-control{ border: 1px solid #000000; color: #000000; }
#commentform .form-control::-moz-placeholder{ color: #000000; opacity: 1; }
#commentform .form-control:-ms-input-placeholder{ color: #000000; }
#commentform .form-control::-webkit-input-placeholder{ color: #000000; }
#commentform .form-group{ margin-bottom: 1.5rem; }

/* PAGINATION COMMON
----------------------*/
.pagination-wrap{ width: 100%; text-align: center; }
.page-link{ padding: 10px 15px; font-size: 18px; }
.page-item .page-link{ background-color: #ffffff; color: #13728b; border: 1px solid #13728b; }
.page-item.active .page-link,
.page-item:hover .page-link{ background-color: #13728b; color: #fff; border: 1px solid #13728b; }
.page-item:first-child .page-link{ border-radius: 0; }
.page-item:last-child .page-link{ border-radius: 0; }
.page-item .page-link:focus{ box-shadow: unset; }

/* 404 PAGE
----------------------*/
body.error404 .error-page-text span{ font-size: 23px; padding: 5px 0; display: block; text-transform: uppercase; }

/* HEADER
----------------------*/
/*.site-header{ position: relative; background-color: #13728b; height: 85px; }*/
.navbar{ background-color: #ffffff; height: 85px; padding: 22px 0; margin: 0; box-shadow: 0px 0px 15px rgb(0 0 0 / 15%); }
.navbar .navbar-brand{ padding: 0; margin: 0; }
.navbar .navbar-brand .navbar-brand-inner{ display: flex; align-items: center; }
.navbar .navbar-brand .navbar-brand-inner img{ max-width: 120px; padding: 0; margin: 0 15px 0 0; }
.navbar .navbar-brand .navbar-brand-inner h4{ font-size: 20px; font-weight: 700; color: #054456; margin-bottom: 0; }
.navbar .navbar-brand .navbar-brand-inner h4 sup{ font-size: 10px; }
.navbar .navbar-nav .nav-item{ padding: 0 30px 0 30px; }
.navbar .navbar-nav .nav-item:first-child{ padding: 0 30px 0 0; }
.navbar .navbar-nav .nav-item:last-child{ padding: 0 0 0 30px; }
.navbar .navbar-nav .nav-item .nav-link{ font-size: 18px; font-weight:700; color: #282828; padding: 0; }
.navbar .navbar-nav .nav-item.active .nav-link{ color: #21CFA7; font-weight: 700; }
.navbar .navbar-nav .nav-item:hover .nav-link{ color: #21CFA7; }

/*.site-topbar{ font-size: 12px; background-color: #13728b; color: #ffffff; padding: 10px 0!important; }
.site-topbar img{ max-width: 22px; margin-right: 5px; }
.site-topbar a{ color: #ffffff; padding: 3px 5px; border: 1px solid #ffffff; margin-left: 10px; font-weight: 700; }
.site-topbar a:hover{ background-color: #21CFA7; color: #ffffff; }*/

/* TITLE 
----------------------*/
.theme-title h2{ font-size: 26px; font-weight: 900; margin-bottom: 30px!important; color: #13728b; }
.theme-title.text-white h2{ color: #ffffff; }
.custom-heading{ font-size: 36px; font-weight: 900; }

/* HOME PAGE
----------------------*/
.top-bar > div{ display: flex; align-items: center; font-size: 12px; color: #ffffff; padding: 10px 0!important; }
.top-bar img{ max-width: 22px; margin-right: 5px; }
.top-bar a{ color: #ffffff; padding: 3px 5px; border: 1px solid #ffffff; margin-left: 10px; }
.top-bar a:hover{ background-color: #21CFA7; color: #ffffff; }

.h-banner .banner-left > div > div{ max-width: 550px; }
.h-banner .banner-left h1{ font-size: 48px; font-weight: 900; color: #13728B; margin-bottom: 30px; }
.h-banner .banner-left h1 b{ color: #21CFA7; }
.h-banner .banner-left h6{ font-family: 'Inter', sans-serif; font-size: 20px; font-weight: 700; }
.h-banner .banner-left p{ font-family: 'Inter', sans-serif; font-size: 18px; color: rgba(78,78,78,0.8); line-height: 1.7; }
.h-banner .banner-left .our-apps{ display: flex; align-items: center; }
.h-banner .banner-left .our-apps img{ max-width: 150px; }


.barcode-box{
	position: fixed;
	bottom: 0; right: 0;
	max-width: 400px;
	margin: 0 20px 20px 0;
	padding: 7px;
	background-color: rgba(33, 207, 167, 0.8);
	border-radius: 12px;
	display: flex;
	align-items: center;
	z-index: 999;
}
.barcode-box .box-image{ margin-right: 15px; }
.barcode-box .box-image img{ max-width: 80px; border-radius: 5px; }
.barcode-box .box-content{ color: #ffffff; margin-right: 50px; }
.barcode-box .box-content h5{ font-family: 'Inter', sans-serif; font-size: 16px; color: #ffffff; margin-bottom: 0; }
.barcode-box .box-content p{ font-size: 12px; margin-bottom: 0; }
.barcode-box .close{
	position: absolute;
	top: 10px; right: 10px;
	color: #ffffff;
	cursor: pointer;
	opacity: 1;
	z-index: 999;
}

/*.h-banner .banner-right{ position: relative; }
.h-banner .banner-right .barcode-box{
	position: fixed;
	bottom: 0; right: 0;
	max-width: 350px;
	margin: 0 0 0 auto;
	padding: 7px;
	background-color: rgba(33, 207, 167, 0.8);
	border-radius: 5px;
	display: flex;
	align-items: center;
	z-index: 999;
}
/*.h-banner .banner-right .barcode-box{
	position: -webkit-sticky;
 	position: sticky;
	bottom: 0; right: 0;
	max-width: 350px;
	margin: 0 0 0 auto;
	padding: 7px;
	background-color: rgba(33, 207, 167, 0.8);
	border-radius: 5px;
	display: flex;
	align-items: center;
	z-index: 99999;
}*/




/*.h-banner .banner-right .barcode-box .box-image{ margin-right: 15px; }
.h-banner .banner-right .barcode-box .box-image img{ max-width: 80px; border-radius: 5px; }
.h-banner .banner-right .barcode-box .box-content{ color: #ffffff; margin-right: 50px; }
.h-banner .banner-right .barcode-box .box-content h5{ font-family: 'Inter', sans-serif; font-size: 16px; color: #ffffff; margin-bottom: 0; }
.h-banner .banner-right .barcode-box .box-content p{ font-size: 12px; margin-bottom: 0; }
.h-banner .banner-right .barcode-box .close{
	position: absolute;
	top: 10px; right: 10px;
	color: #ffffff;
	cursor: pointer;
	opacity: 1;
	z-index: 999;
}
/*.h-banner .banner-right .barcode-box .close{
	position: -webkit-sticky;
 	position: sticky;
	top: 10px; right: 10px;
	color: #ffffff;
	cursor: pointer;
	opacity: 1;
	z-index: 99999;
}*/
.h-banner .banner-right .barcode-box .close i{ color: #ffffff; }

.h-banner .banner-box{ padding-top: 50px; }
.h-banner .banner-box .vc_column-inner{ padding: 0!important; }
.h-banner .banner-box .banner-box-inner > div > div{ padding: 30px!important; }
.h-banner .banner-box .banner-box-inner:first-child > div > div{ padding: 0!important; }
.h-banner .banner-box .banner-box-inner h4{ font-size: 26px; font-weight: 900; }
.h-banner .banner-box .banner-box-inner .btn{ font-size: 10px; padding: 3px 7px; border: 1px solid #ffffff; }

.h-video{ background: linear-gradient(to bottom, #31cea8 85%, #ffffff 15%); }
.h-video h2{ font-size: 36px; font-weight: 900; margin-bottom: 30px; }
.h-video .star-rating img{ max-width: 200px; margin-top: 20px; }

.h-icon-box{ overflow: visible; }
.icon-box{ display: flex; align-items: center; margin-bottom: 35px; }
.icon-box .box-image{ margin-right: 20px; }
.icon-box .box-image img{ max-width: 70px; }
.icon-box .box-content h5{ font-size: 18px; color: #13728B; margin-bottom: 0; }

.h-how-works{ padding-top: 90px!important; padding-bottom: 100px; overflow: visible!important; }
.work-title > div > div > div{ margin-left: 60px; margin-bottom: 50px; }
.work-step-box{ padding: 35px 0;  margin-left: 50px; cursor: pointer; }
.work-step-box .box-content{ position: relative;  }
.work-step-box .box-content .arrow{
	display: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 40%;
	font-size: 38px;
	color: #13728b;
}
.work-step-box .box-content .box-content-inner{ display: flex; align-items: center; }
.work-step-box .box-content .box-content-inner .box-number{
	width: 65px; height: 65px;
	line-height: 60px;
	font-size: 36px;
	font-weight: 900;
	color: #ffffff;
	border: 3px solid #ffffff;
	border-radius: 100%;
	text-align: center;
	margin-right: 15px;
}
.work-step-box .box-content .box-content-inner .box-detail h5{ font-size: 30px; font-weight: 900; color: #ffffff; }
.work-step-box .box-content .box-content-inner .box-detail p{ font-size: 18px; margin-bottom: 0; }
.work-step-box .box-image{ 
	display: none;
	position: absolute; 
	top: -230px; 
	right: 0;
	z-index: 1;
}
.work-step-box .box-image img{ max-height: 700px; }
.work-step-box.active .box-image{ 
	display: block;
	-webkit-box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 20%);
}
.work-step-box.active {
	background-color: #ffffff;
	margin-left:  calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding-left: 130px;
}
.work-step-box.active .box-content .arrow{ display: block; }
.work-step-box.active .box-content .box-number{ color: #13728b; border: 3px solid #13728b; }
.work-step-box.active .box-content .box-detail h5{ color: #13728b; }

.h-our-invests{ overflow: visible!important; }
.invests-left > div > div{
	position: absolute!important;
	top: -130px;
	left: 30px;
	max-width: 400px;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 25px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 25px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}
.invests-left img{ height: 300px!important; object-fit: cover; object-position: top center; }
.invests-left h5{ font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 700; padding: 40px 30px 30px 30px; margin-bottom: 0; }
.invests-left p{ font-family: 'Roboto', sans-serif; font-size: 14px; padding: 0 30px 30px 30px; }
.invests-left p strong{ font-size: 20px; }
.invests-right h2{ font-size: 38px; font-weight: 900; margin-bottom: 35px; }

.h-hwang{ padding-top: 120px!important; padding-bottom: 90px; }
.h-hwang h3{ font-size: 46px; font-weight: 900; margin-top: 15px; }

.featured-slider .slick-slider{ margin: 0 -15px; }
.featured-slider .slick-slider:focus{ outline: unset; }
.featured-slider .slick-slide{ margin: 15px!important; }
.featured-slider .slick-slide:focus{ outline: unset; }
.featured-slider .slick-dots{
	display: flex;
	justify-content: center;
	padding: 0; margin: 15px 0 0 0;
	list-style-type: none;
}
.featured-slider .slick-dots li{ margin: 0 0.25rem; }
.featured-slider .slick-dots li button{
	display: block;
	padding: 0;
	width: 10px; height: 10px;
	background-color: #fff;
	border: 1px solid #054254;
	border-radius: 100%;
	text-indent: -9999px;
	opacity: 1;
}
.featured-slider .slick-dots li.slick-active button{ background-color: #054254; }
.image-box{
	padding: 15px;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.2);
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.image-box .image-box-inner{
	width: 100%; height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.image-box:hover{ transform: scale(1.05); }

.testimonial-slider .slick-slider{ margin: 0 -15px; }
.testimonial-slider .slick-slider:focus{ outline: unset; }
.testimonial-slider .slick-slide{ margin: 0 15px 0 15px; }
.testimonial-slider .slick-slide:focus{ outline: unset; }
.testimonial-slider .testimonial-slide img{ max-width: 200px; margin-bottom: 30px; }
.testimonial-slider .testimonial-slide h3{ font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 700; color: #13728b; }
.testimonial-slider .slick-dots{
	display: flex;
	justify-content: center;
	padding: 0; margin: 15px 0 0 0;
	list-style-type: none;
}
.testimonial-slider .slick-dots li{ margin: 0 0.25rem; }
.testimonial-slider .slick-dots li button{
	display: block;
	padding: 0;
	width: 10px; height: 10px;
	background-color: #fff;
	border: 1px solid #054254;
	border-radius: 100%;
	text-indent: -9999px;
	opacity: 1;
}
.testimonial-slider .slick-dots li.slick-active button{ background-color: #054254; }

.recent-posts-slider .slick-slider{ margin: 0 -15px; }
.recent-posts-slider .slick-slider:focus{ outline: unset; }
.recent-posts-slider .slick-slide{ margin: 15px!important; }
.recent-posts-slider .slick-slide:focus{ outline: unset; }
.recent-posts-slider .slick-prev,
.recent-posts-slider .slick-next{
	position: absolute;
	top: 35%;
	transform: translateY(-35%);
	font-size: 24px;
	color: #13728b;
	background-color: unset;
	border: 0;
	z-index: 1;
}
.recent-posts-slider .slick-prev{ left: -65px; }
.recent-posts-slider .slick-next{ right: -65px; }

/* LEARN PAGE
----------------------*/
.learn-life{ background: linear-gradient(to bottom, #13728b 60%, #ffffff 40%); padding-top: 90px!important; padding-bottom: 120px!important; overflow: visible!important; }
.life-left h2{ font-size: 36px; font-weight: 900; margin-bottom: 30px; }
.life-left p{ font-size: 16px; color: #ffffff; }
.life-left h3{ font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 700; }
.life-right h4{ font-size: 24px; font-weight: 700; margin-bottom: 25px; }
.life-right .person-box{ margin-bottom: 20px; cursor: pointer; }
.life-right .person-box .box-main{ 
	position: relative; 
	border: 4px solid #ffffff;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 25px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 25px 0px rgba(0, 0, 0, 0.2);
}
.life-right .person-box .box-main::before{
	content: "";
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
	width: 100%; height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
}
.life-right .person-box .box-main .box-image img{ width: 100%; height: 170px; object-fit: cover; }
.life-right .person-box .box-main .box-title{ position: absolute; bottom: 0; padding: 15px; z-index: 1; }
.life-right .person-box .box-main .box-title h3{ font-size: 22px; color: #13728b; font-weight: 900; }
.life-right .person-box .box-main .box-title h4{ font-size: 18px; color: #3fe4b6; font-weight: 900; margin-bottom: 0; }
.life-right .vc_col-sm-6{ position: unset!important; }
.life-right .vc_col-sm-6 > div{ padding-left: 10px; padding-right: 10px; }
.life-right .person-box .box-active{
	display: none;
	position: absolute;
	top: 0; right: 102%;
	width: 95%;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 25px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 25px 0px rgba(0, 0, 0, 0.2);
}
.life-right .person-box.active .box-active{  display: block; }
.life-right .person-box.active .box-main::before{ content: unset; }
.life-right .person-box.active .box-main .box-title{ display: none; }
.life-right .person-box .box-active .box-content{ padding: 30px; }
.life-right .person-box .box-active .box-content h3{ font-size: 34px; color: #13728b; font-weight: 900; }
.life-right .person-box .box-active .box-content h4{ font-size: 24px; color: #3fe4b6; font-weight: 900; margin-bottom: 15px; }
.life-right .person-box .box-active .box-content p{ font-size: 16px; margin-bottom: 0; }
.back-to-learn a{ font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 700; color: #13728b; }
.back-to-learn a:hover{ color: #000000; }

/* VERSA GAG PAGE
----------------------*/
.versagag-box{ margin-bottom: 30px!important; }

/* CAREER PAGE
----------------------*/
.careers-banner{
	height: 770px;
	padding-top: 120px!important;
	padding-bottom: 120px!important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
}
.careers-banner h1{ font-size: 44px; font-weight: 900; margin-bottom: 40px; } 
.job-priority-box{ max-width: 400px; margin: 0 0 40px 0!important; }
.job-priority-box .box-title{ background-color: #31cea8; color: #ffffff; padding: 15px 30px; }
.job-priority-box .box-title h2{ font-size: 22px; font-weight: 700; }
.job-priority-box .box-job{ background-color: #ffffff; padding: 30px; }
.job-priority-box .box-job h3{ font-size: 24px; font-weight: 900; color: #13728b; }
.job-priority-box .box-job h3 a{ color: #13728b; }
.job-priority-box .box-job h3 a:hover{ color: #31cea8; }
.job-priority-box .date-more{ display: flex; align-items: center; justify-content: space-between; margin-top: 5px; }
.job-priority-box .date-more .date{ font-size: 13px; color: #13728b; font-weight: 500; }
.job-priority-box .date-more .btn{ 
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	padding: 5px 10px;
	background-color: #ffffff;
	color: #13728b;
	border: 1px solid #13728b;
}
.job-priority-box .date-more .btn:hover{ background-color: #13728b; color: #ffffff; border: 1px solid #13728b; }
.career-value .value-left h2{ font-size: 30px; font-weight: 900; line-height: 1.3; padding-right: 15px; }
.career-value .value-left h2 b{ color: #21CFA7; }
.career-value .value-right h3{ font-size: 26px; color: #13728b; }
.career-value .value-right h3 b{ font-weight: 900; }
.career-value .value-right p{ font-size: 18px; }
.career-benefits .theme-title h2{ margin-bottom: 50px; }
.career-benefits .icon-box .box-content h5{ color: #ffffff; }

.job-search{ text-align: right; }
.job-search .form-control{ border-radius: 5px; height: 55px; font-size: 16px; border: 1px solid #13728b; color: #13728b;}
.job-item{
	padding: 30px;
	margin-bottom: 30px!important;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 25px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 25px 0px rgba(0, 0, 0, 0.2);
}
.job-item h3{ font-size: 22px; font-weight: 900; color: #13728b; }
.job-item h3 a{ color: #13728b; }
.job-item h3 a:hover{ color: #31cea8; }
.job-item .date-more{ display: flex; align-items: center; justify-content: space-between; margin-top: 5px; }
.job-item .date-more .date{ font-size: 13px; color: #13728b; font-weight: 500; }
.job-item .date-more .btn{ 
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	padding: 5px 10px;
	background-color: #ffffff;
	color: #13728b;
	border: 1px solid #13728b;
}
.job-item .date-more .btn:hover{ background-color: #13728b; color: #ffffff; border: 1px solid #13728b; }

/* CAREER DETAIL PAGE
----------------------*/
.job-sidebar .job-bps{ display: flex; }
.job-sidebar .job-bps .job-back i{ position: absolute; left: -40px; font-size: 32px; color: #13728b; }
.job-sidebar .job-bps .job-posted{ font-size: 20px; color: #13728b; }
.job-sidebar .job-bps .job-posted ul{ margin: 0 0 15px 0; }
.job-sidebar .job-bps .job-posted ul li a{ width: 40px; height: 40px; line-height: 42px; background-color: #13728b; color: #ffffff; }
.job-sidebar .job-apply h2{ font-size: 26px; font-weight: 700; color: #13728b; margin-bottom: 25px; }
.job-sidebar .job-apply .form-control{ height: 50px; font-size: 18px; border: 1px solid #13728b; border-radius: 7px; }
.job-sidebar .job-apply .form-control:focus{ color: #13728b; border-color: #13728b; }
.job-sidebar .job-apply .form-control::-moz-placeholder{ color: #13728b; opacity: 1; }
.job-sidebar .job-apply .form-control:-ms-input-placeholder{ color: #13728b; }
.job-sidebar .job-apply .form-control::-webkit-input-placeholder{ color: #13728b; }

.job-detail{ padding-left: 30px; }
.job-detail h1{ font-size: 48px; font-weight: 900; color: #13728b; margin-bottom: 25px; }
.job-detail .meta{ margin-bottom: 25px; }
.job-detail .content{ font-size: 22px; color: #4e4e4e; }
.job-detail .content p{ font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 22px; line-height: 1.7; }
.job-detail .content ul{ padding: 0 0 0 20px; }
.job-detail .content ul li{ font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 22px; padding: 10px 0; }
.job-detail .content h2{ font-size: 36px; font-weight: 700; color: #13728b;  }
.job-detail .content h3{ font-size: 30px; font-weight: 700; color: #13728b;  }

/* BLOG LIST
----------------------*/
.our-recent-posts{ padding-top: 30px; }
.our-recent-posts .blog-item{ margin-bottom: 0!important; }
.blog-filter .btn-theme{ font-size: 20px; padding: 8px 25px; margin: 5px; background-color: #ffffff; color: #13728b; border: 1px solid #13728b; }
.blog-filter .btn-theme.active{ background-color: #21CFA7; color: #ffffff; border: 1px solid #21CFA7; }
.blog-filter .btn-theme:hover{ background-color: #21CFA7; color: #ffffff; border: 1px solid #21CFA7; }
.blog-item{ margin-bottom: 30px!important; }
.blog-item .item-image{
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}
.blog-item .item-image img{ width: 100%; height: 200px; object-fit: cover; object-position: center; }
.blog-item .item-content{ padding: 30px 0 15px 0; }
.blog-item .item-content h3{ font-size: 24px; font-weight: 500; color: #4e4e4e; line-height: 1.4; }
.blog-item .item-content h3 a{ color: #4e4e4e; }
.blog-item .item-content h3 a:hover{ color: #054254; }

/* BLOG SINGLE
----------------------*/
#sidebar.fixed {
	position: fixed;
	top: 120px;
	width: 300px;
}
.blog-sidebar .blog-bps{ display: flex; }
.blog-sidebar .blog-bps .blog-back i{ position: absolute; left: -40px; font-size: 32px; color: #13728b; }
.blog-sidebar .blog-bps .blog-posted{ font-size: 20px; color: #13728b; }
.blog-sidebar .blog-bps .blog-posted ul{ margin: 0 0 15px 0; }
.blog-sidebar .blog-bps .blog-posted ul li a{ width: 40px; height: 40px; line-height: 42px; background-color: #13728b; color: #ffffff; }

.blog-detail{ padding-left: 30px; }
.blog-detail h1{ font-size: 48px; font-weight: 900; color: #13728b; margin-bottom: 25px; }
.blog-detail .post-meta{ font-size: 18px; color: #13728b; }
.blog-detail .post-meta i{ color: #13728b; }
.blog-detail .post-meta a{ color: #13728b; }
.blog-detail .post-meta a:hover{ color: #21CFA7; }
.blog-detail .entry-content{ font-size: 22px; }
.blog-detail .entry-content img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border-style: none;
}
.blog-detail .entry-content p{ font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 22px; color: #4e4e4e; line-height: 1.7; }
.blog-detail .entry-content ul li{ padding: 15px 0; font-weight: 600; font-size: 22px; }
.blog-detail .entry-content h2{ font-size: 36px; font-weight: 700; color: #13728b; }
.blog-detail .entry-content h3{ font-size: 30px; font-weight: 700; color: #13728b; }
.blog-detail .entry-content a{ color: inherit; }
.blog-detail .entry-content a:hover{ color: #13728b; }

/* ABOUT PAGE
-----------------------*/
.our-vision > div > div{ padding: 0 30px; }
.our-mission > div > div{ padding: 0 30px; }
.about-contact-bg{
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.about-contact-bg .custom-heading{ padding-top: 200px; }
.team-box > div > div{
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
.team-box .box-icon{ margin-top: -35px; }
.team-box .box-icon img{ max-width: 80px; }
.team-box .box-title{ padding: 0 30px 0 30px; margin-bottom: 0; }
.team-box .box-content > div{ padding: 10px 30px 30px 30px; display: flex; align-items: center; justify-content: space-between; }
.team-box .box-content h4{ font-size: 20px; color: #004456; font-weight: 700; margin-bottom: 0; }
.team-box .box-content i{ font-size: 28px; color: #107BB8; }

/* CONTACT PAGE
----------------------*/
.contact-title{ font-size: 48px; font-weight: 900; color: #13728B; margin-bottom: 30px!important; }
.contact-box{ display: flex; padding: 25px 0; }
.contact-box .box-icon{ margin-right: 10px; }
.contact-box .box-icon i{ color: #fe865d; }
.contact-box .box-content p{ line-height: 1.7; margin-bottom: 0; }
.contact-box .box-content a{ color: inherit; }

/* FOOTER
----------------------*/
.site-footer{ position: relative; }
.footer-top{ background-color: #003A54; padding: 70px 0; color: #ffffff; }

.f-logo{ margin-bottom: 7px; }
.f-logo-text{ font-size: 22px; font-weight: bold; margin-bottom: 30px; }
.f-logo-text sup{ font-size: 12px; margin-left: 7px; }

.f-address{ font-size: 16px; margin-bottom: 15px; }

.ft-right{ position: relative; text-align: right; }
.ft-right h5{ font-family: 'Inter', sans-serif; font-size: 22px; font-weight: 600; margin-bottom: 15px; }
.ft-right .f-our-app{ display: flex; align-items: center; justify-content: flex-end; }
.ft-right .f-our-app img{ width: 170px; }
.ft-right .widget_nav_menu{ position: absolute; bottom: 5px; right: 15px; }
.ft-right ul{ padding: 0; margin: 0; list-style: none; }
.ft-right ul li{ display: inline-block; line-height: 0.8; }
.ft-right ul li a{ font-size: 16px; padding: 0 8px 0 4px; color: #ffffff; border-right: 1px solid #ffffff; line-height: 0.8; }
.ft-right ul li:first-child a{ padding: 0 8px 0 0; }
.ft-right ul li:last-child a{ padding: 0 0 0 4px; border-right: 0; }
.ft-right ul li a:hover{ color: #21CFA7; }

.footer-bottom{ background-color: #042e3b; color: #ffffff; padding: 19px 0; font-size: 16px; }
.footer-bottom a{ color: inherit; }
.footer-bottom a:hover{ color: #21CFA7; }

footer { background-color: #003A54; color: white; }
footer .versa-logo { width: 150px; height: auto; }
@media (min-width: 576px) { footer .versa-logo { width: 100px; } }
footer .hr { border-color: #BCBCBC; }
footer .label, footer .link-container .widget-title { font-size: 10pt; }
footer .label-sm { font-size: 8pt; }
footer .f-mt, footer .link-container .widget-title { font-family: 'montserrat'; }
footer .f-in { font-family: 'inter'; }
footer .color-grey, footer .link-container .widget-title { color: #CECECE; }
footer .link-container ul { margin: 0; padding: 0; }
footer .link-container li { list-style: none; font-family: 'inter'; margin: 12px 0; font-size: 14pt; }
footer .link-container li a { text-decoration: none; color: white; }
footer a { text-decoration: none; color: white; }
footer .links .widget_custom_html .custom-html-widget { display: flex; }
footer .links a { text-decoration: none; color: #CECECE; }
footer .app-link .widget_media_image { margin: 0.5em 0; margin-right: 1em; }

/* SOCIAL LINKS
----------------------*/
.social-links{ padding: 0; margin: 0; list-style-type: none; }
.social-links li{ display: inline-block; margin:0 3px; }
.social-links li a{
	display: block;
	font-size: 16px;
	width: 35px; height: 35px;
	line-height: 35px;
	border-radius: 100px;
	background:#ffffff;
	color:#000000;
	text-align: center;
}
.social-links li.s-fb a:hover{ background:#3b5998; color:#ffffff; }
.social-links li.s-ig a:hover{ background:#6F4740; color:#ffffff; }
.social-links li.s-tw a:hover{ background:#1da1f2; color:#ffffff; }
.social-links li.s-ld a:hover{ background:#0077b5; color:#ffffff; }

/* HOVER

a, a:hover, .btn.btn-theme{
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
----------------------*/
/* CONTAINER
----------------------*/
@media ( min-width: 1400px ){
	.container{ max-width: 1320px; }
}


/* Kelsey's code on Responsive*/

/* BUTTONS 
/*----------------------*/

.linktext {color:#00cfa7;}

@media only screen and (max-width: 375px) {
    /*for mobile*/
	.h1, h1 { font-size: 36px;font-weight:800; }
    .h2, h2 { font-size: 32px;font-weight:800; }
	.h3, h3 { font-size: 24px; }
    .h4, h4 { font-size: 20px; }
	.h5, h5 { font-size: 18px; font-weight:400;}
    .p, p { font-size: 16px;}  
	.psmall p {font-size: 14px;font-weight:400;}
	.wpb_wrapper_btn { text-align:center;}
	.btn1{background-color: #13728B; width:100%; font-size: 18px; font-weight: 700;}
	.img_mobile img {height: auto; max-width: 90% !important; margin:auto;}
	.shield_img {height: auto; max-width: 30%;}
    .paddingtop {padding-top:40px; }
    .paddingbottom {padding-bottom:55px; }
	.img_mobile_smaller img {height: auto; max-width: 90% !important; margin:auto;}
	.display_website {display:none !important;}
	.barcode-box-mobile .box-button .btn{padding: 4px 8px;font-weight:600;font-size: 12px;background-color: #13728b;color: #ffffff;border-radius:8px;}
	.article_paddingbottom {padding-bottom:24px;}
	.navbar_paddingtop {padding-top:46px;}
}

@media only screen and ( max-width: 767px ) {
.barcode-box-mobile{ align-items: center; background-color: rgba(33, 207, 167); padding: 15px; height: auto; position:fixed; z-index:999; margin-top:60px; width:100%;}
	.barcode-box-mobile .box-image{ margin-right: 8px; }
	.barcode-box-mobile .box-image img{ max-width: 35px; }
	.barcode-box-mobile .box-content{ color: #ffffff; }
	.barcode-box-mobile .box-content p{ font-size: 12px; margin-bottom: 1px; }
	.barcode-box-mobile .box-content img{ max-width: 90px; margin-right: 5px; }
	.barcode-box-mobile .box-content p strong{ color: #13728b; }
	.barcode-box-mobile .box-button{ margin: 0 0 0 auto; }
	.barcode-box-mobile .box-button .btn{padding: 4px 8px;font-weight:600;font-size: 12px;background-color: #13728b;color: #ffffff;border-radius:8px;}
	.barcode-box-mobile .close{position: absolute;top: 2px; right: 2px;color: #ffffff;font-size: 14px;cursor: pointer;opacity: 1;z-index: 111;}
	.barcode-box-mobile .close i{ color: #ffffff; }
}

@media only screen and (min-width: 376px) and (max-width:479px) {
    /*for mobile*/
	.h1, h1 { font-size: 36px; font-weight:800; }
    .h2, h2 { font-size: 32px; font-weight:800; }
	.h3, h3 { font-size: 20px; }
    .h4, h4 { font-size: 18px; }
	.h5, h5 { font-size: 16px; font-weight:400;}
    .p, p { font-size: 16px; }  
	.psmall p {font-size: 14px;font-weight:400;}
	.wpb_wrapper_btn { text-align:center;}
	.img_mobile img {height: auto; max-width: 80% !important; margin:auto;}
	.shield_img {height: auto; max-width: 30%;}
    .paddingtop {padding-top:40px; }
    .paddingbottom {padding-bottom:55px; }
	.img_mobile_smaller img {height: auto; max-width: 90% !important; margin:auto;}
	.barcode-box-mobile .box-button .btn{padding: 4px 8px;font-weight:600;font-size: 12px;background-color: #13728b;color: #ffffff;border-radius:8px;}	
	.article_paddingbottom {padding-bottom:24px;}
	.display_website {display:none !important;}
	.navbar_paddingtop {padding-top:46px;}
}


@media only screen and (min-width: 480px) and (max-width:767px){
    /*for mobile*/
	.h1, h1 { font-size: 36px;font-weight:800; }
    .h2, h2 { font-size: 32px;font-weight:800; }
	.h3, h3 { font-size: 24px; }
    .h4, h4 { font-size: 20px; }
	.h5, h5 { font-size: 18px; font-weight:500;}
    .p, p { font-size: 18px; }  
	.psmall p {font-size: 16px; font-weight:400;}
	.wpb_wrapper_btn { text-align:center;}
	.shield_img {height: auto; max-width: 60%;}
	.img_mobile img {height: auto; max-width: 90% !important; margin:auto;}
    .paddingtop {padding-top:60px; }
    .paddingbottom {padding-bottom:95px; }
	.img_mobile_smaller img {height: auto; max-width: 70% !important; margin:auto;}
	.article_paddingbottom {padding-bottom:24px;}
	.display_website {display:none !important;}
	.navbar_paddingtop {padding-top:46px;}
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    /*for mobile*/
    .h1, h1 { font-size: 50px; font-weight:800; }
    .h2, h2 { font-size: 44px;font-weight:800; }
	.h3, h3 { font-size: 32px; }
    .h4, h4 { font-size: 28px; }
	.h5, h5 { font-size: 22px;font-weight:500;  }
    .p, p { font-size: 22px; }  
	.psmall p {font-size: 18px;font-weight:400;}
	.wpb_wrapper_btn { text-align:center;}
	.shield_img {height: auto; max-width: 50%;}
	.img_mobile img {height: auto; max-width: 90% !important; margin:auto;}
    .paddingtop {padding-top:60px; }
    .paddingbottom {padding-bottom:95px; }
	.img_mobile_smaller img {height: auto; max-width: 90% !important; margin:auto;}
	.display_website {display:none !important;}
	.article_paddingbottom {padding-bottom:24px;}

}  

@media only screen and (min-width: 992px)  {
    /*for bigger screens*/
    .h1, h1 { font-size: 50px; font-weight:800; }
    .h2, h2 { font-size: 44px;font-weight:800; }
	.h3, h3 { font-size: 32px; }
    .h4, h4 { font-size: 28px; }
	.h5, h5 { font-size: 22px;font-weight:500; }
    .p, p { font-size: 22px;}  
	.psmall p{font-size: 18px; font-weight:400;}
    .wpb_single_image img {height: auto; max-width: 100%;}
	.wpb_wrapper_btn {  text-align:center;}
	.img_mobile img {height: auto; max-width: 90% !important; margin:auto;}
    .paddingtop {padding-top:60px; }
    .paddingbottom {padding-bottom:95px; }
	.img_mobile_smaller img {height: auto; max-width: 70% !important; margin:auto;}
	.display_mobile {display:none !important;}
	.article_paddingbottom {padding-bottom:95px;}

}

.p_sc p {font-size:14px; line-height:absolute;}

.inlineblock {display: inline-block;}

.textalignmid {text-align:center;}

.theme-button1 a{
    font-size:15px;
    font-weight:400;
}

.theme-button:hover { color:#13758b;}

.aligncenteri, img.aligncenteri{ margin-right: auto !important; margin-left: auto !important; display: block; clear: both;}

/* smartsliders */
@media only screen and (max-width:600px){ 
	.smartslider_web {display:none;}
}


@media only screen and (min-width:601px){ 
	.smartslider_mobile {display:none;}
}

@media only screen and (max-width:600px){ 
	.smartslider_web {display:none;}
}
@media only screen and (min-width:320px)and (max-width:460px){ 
	.logoslider_web {display:none;}
	.logoslider_tablet {display:none;}
}

@media only screen and (min-width:461px)and (max-width:1199px){ 
	.logoslider_mobile {display:none;}
	.logoslider_web {display:none;}
}
@media only screen and (min-width:1200px){ 
	.logoslider_mobile {display:none;}
	.logoslider_tablet {display:none;}
}


/*----------------------*/
/*--end KELSEY--*/

/* Adriana's code for theme button */
.theme-button a{
    font-size:16px;
    font-weight:600;
	letter-spacing: normal;
	padding: 16px 24px !important;
	border-radius:12px !important;
    background-image: none !important;
}

/*-----end ADRIANA-----*/



/* RESPONSIVE
----------------------*/
@media only screen and ( max-width: 1699px ) {
	#main-content{ padding: 140px 0 0px 0; }
	/*.theme-flush-top-space{ margin-top: -70px; }*/
	/*.theme-flush-bottom-space{ margin-bottom: -35px; }*/
	/*.pt90{ padding-top: 70px!important; }*/
	/*.pb90{ padding-bottom: 70px!important; }*/
	/*.ptb90{ padding-top: 70px!important; padding-bottom: 70px!important; }*/
	.pt45{ padding-top: 35px!important; }
	.pb45{ padding-bottom: 35px!important; }
	.ptb45{ padding-top: 35px!important; padding-bottom: 35px!important; }
	.h-banner .banner-left > div > div{ max-width: 500px; }
	.h-banner .banner-left h1{ font-size: 44px; }
	.h-banner .banner-box{ padding-top: 40px; }
	.h-video h2{ font-size: 34px; }
	.work-step-box .box-content .box-content-inner .box-number{ width: 60px; height: 60px; line-height: 55px; font-size: 32px; }
	.work-step-box .box-content .box-content-inner .box-detail h5{ font-size: 28px; }
	.invests-right h2{ font-size: 34px; }
	.h-hwang{ padding-bottom: 70px!important; }
	.h-hwang h3{ font-size: 42px; }
	.blog-item .item-content h3{ font-size: 22px; }
	.blog-detail h1{ font-size: 44px; }
	.blog-detail .entry-content{ font-size: 20px; }
	.blog-detail .entry-content h2{ font-size: 32px; }
	.blog-detail .entry-content h3{ font-size: 28px; }
	.blog-detail .entry-content p{ font-size: 20px; }
	.blog-detail .entry-content ul li{ font-size: 20px; }
	.custom-heading{ font-size: 32px; }
	.about-contact-bg .custom-heading{ padding-top: 190px; }
	.learn-life{ padding-top: 70px!important; padding-bottom: 90px!important; }
	.life-left h2{ font-size: 32px; }
	.careers-banner{ height: 621px; padding-top: 90px!important; padding-bottom: 90px!important; }
	.careers-banner h1{ font-size: 40px; margin-bottom: 30px; }
	.job-priority-box .box-job{ padding: 25px; }
	.job-priority-box .box-title{ padding: 15px 25px; }
	.job-priority-box .box-title h2{ font-size: 20px; }
	.job-priority-box .box-job h3{ font-size: 20px; }
	.career-value .value-left h2{ font-size: 28px; }
	.career-value .value-right h3{ font-size: 24px; }
	.job-item{ padding: 25px; }
	.job-item h3{ font-size: 20px; }
	.job-detail h1{ font-size: 44px; }
	.job-detail .content h2{ font-size: 32px; }
	.job-detail .content h3{ font-size: 28px; }
	.job-detail .content p{ font-size: 20px; }
	.job-detail .content ul li{ font-size: 20px; }
	.job-sidebar .job-apply h2{ font-size: 24px; margin-bottom: 20px; }
	.contact-title{ font-size: 44px; }
}
@media only screen and ( max-width: 1599px ) {	
	.h-banner .banner-left h1{ font-size: 40px; }
	.theme-title h2{ margin-bottom: 25px!important; }
	.h-video h2{ font-size: 32px; }
	.work-step-box .box-content .box-content-inner .box-number{ width: 55px; height: 55px; line-height: 50px; font-size: 30px; }
	.work-step-box .box-content .box-content-inner .box-detail h5{ font-size: 26px; }
	.invests-right h2{ font-size: 30px; }
	.invests-left h5{ padding: 30px 30px 30px 30px; }
	.h-hwang h3{ font-size: 38px; }
	.blog-item .item-content h3{ font-size: 20px; }
	.blog-detail h1{ font-size: 40px; }
	.blog-detail .entry-content h2{ font-size: 30px; }
	.blog-detail .entry-content h3{ font-size: 26px; }
	.custom-heading{ font-size: 30px; }
	.about-contact-bg .custom-heading{ padding-top: 180px; }
	.life-left h2{ font-size: 30px; }
	.life-right .person-box .box-active .box-content{ padding: 25px; }
	.life-right .person-box .box-active .box-content h3{ font-size: 30px; }
	.life-right .person-box .box-active .box-content h4{ font-size: 22px; }
	.life-right .person-box .box-main .box-title{ padding: 15px 15px 10px 15px; }
	.careers-banner{ height: 611px; }
	.careers-banner h1{ font-size: 36px; }
	.career-value .value-left h2{ font-size: 26px; }
	.career-value .value-right h3{ font-size: 22px; }
	.job-detail h1{ font-size: 40px; }
	.job-detail .content h2{ font-size: 30px; }
	.job-detail .content h3{ font-size: 26px; }
	.job-sidebar .job-apply h2{ font-size: 22px; margin-bottom: 15px; }
	.contact-title{ font-size: 40px; }
}
@media only screen and ( max-width: 1499px ) {
	.h-banner .banner-left > div > div{ max-width: 450px; }
	.h-banner .banner-left h1{ font-size: 36px; }
	.h-banner .banner-left .our-apps img{ max-width: 140px; }
	.theme-title h2{ margin-bottom: 20px!important; }
	.h-video h2{ font-size: 30px; }
	.work-title > div > div > div{ margin-left: 15px; }
	.work-step-box.active{ padding-left: 60px; }
	.work-step-box{ margin-left: 15px; }
	.invests-left h5{ font-size: 20px; padding: 25px;}
	.invests-left p{ padding: 0 25px 25px 25px; }
	.invests-left p strong{ font-size: 18px; }
	.invests-right h2{ font-size: 28px; }
	.h-hwang{ padding-top: 100px!important; }
	.h-hwang h3{ font-size: 34px; }
	.blog-sidebar .blog-bps .blog-back i{ left: -25px; font-size: 28px; }
	.blog-sidebar.fixed .blog-bps .blog-back i{ left: -40px; }
	.blog-detail h1{ font-size: 36px; }
	.blog-detail .entry-content h2{ font-size: 28px; }
	.blog-detail .entry-content h3{ font-size: 24px; }
	.custom-heading{ font-size: 28px; }
	.board-box h3{ font-size: 26px; }
	.team-box .box-icon img{ max-width: 70px; }
	.team-box .box-title{ font-size: 24px; padding: 0 25px 0 25px; }
	.team-box .box-content > div{ padding: 10px 25px 25px 25px; }
	.team-box .box-content h4{ font-size: 18px; }
	.about-contact-bg .custom-heading{ padding-top: 160px; }
	.learn-life{ padding-bottom: 70px!important; }
	.life-left h2{ font-size: 26px; margin-bottom: 20px; }
	.life-left .big-text{ margin-bottom: 20px!important; }
	.life-right h4{ font-size: 22px; }
	.life-right .person-box .box-active .box-content h3{ font-size: 28px; }
	.life-right .person-box .box-active .box-content h4{ font-size: 20px; }
	.careers-banner{ height: 581px; padding-top: 80px!important; padding-bottom: 80px!important; }
	.careers-banner h1{ font-size: 32px; }
	.career-value .value-left h2{ font-size: 24px; }
	.job-sidebar .job-bps .job-back i{ left: -25px; font-size: 28px; }
	.job-sidebar.fixed .job-bps .job-back i{ left: -40px; }
	.job-detail h1{ font-size: 36px; }
	.job-detail .content h2{ font-size: 28px; }
	.job-detail .content h3{ font-size: 34px; }
	.job-detail .meta h3{ font-size: 26px; }
	.contact-title{ font-size: 36px; }
	.footer-top{ padding: 60px 0; }
	.f-logo-text{ margin-bottom: 20px; }
}
@media only screen and ( max-width: 1399px ) {
	/*.btn{ padding: 10px 20px; }*/
	.big-text{ font-size: 18px; }
	.navbar{ padding: 20px; }
	.navbar .navbar-nav .nav-item{ padding: 0 25px 0 25px; }
	.navbar .navbar-nav .nav-item:first-child{ padding: 0 25px 0 0; }
	.navbar .navbar-nav .nav-item:last-child{ padding: 0 0 0 25px; }
	.h-banner .banner-left > div > div{ max-width: 400px; }
	.h-banner .banner-left h1{ font-size: 32px; }
	.h-banner .banner-left .our-apps img{ max-width: 120px; }
	.h-banner .banner-box .banner-box-inner > div > div{ padding: 25px!important; }
	.h-banner .banner-box .banner-box-inner:first-child > div > div{ padding: 0!important; }
	.h-banner .banner-box .banner-box-inner h4{ font-size: 22px; }
	.h-video h2{ font-size: 26px; }
	.icon-box{ margin-bottom: 30px; }
	.icon-box .box-image{ margin-right: 15px; }
	.icon-box .box-image img{ max-width: 60px; }
	.h-how-works{ padding-top: 70px!important; padding-bottom: 90px; }
	.work-step-box .box-content .box-content-inner .box-detail h5{ font-size: 24px; }
	.work-step-box .box-content .box-content-inner .box-number{ font-size: 26px; }
	.invests-right h2{ font-size: 26px; }
	.h-hwang h3{ font-size: 30px; }
	.testimonial-slider .testimonial-slide h3{ font-size: 20px; }
	.blog-filter .btn-theme{ font-size: 18px; padding: 8px 20px; }
	.blog-item .item-content{ padding: 25px 0 10px 0; }
	.blog-item .item-content h3{ font-size: 18px; }
	.blog-sidebar .blog-bps .blog-posted{ font-size: 18px; }
	.blog-detail{ padding-left: 20px; }
	.blog-detail h1{ font-size: 30px; }
	.blog-detail .entry-content{ font-size: 18px; }
	.blog-detail .entry-content h2{ font-size: 26px; }
	.blog-detail .entry-content h3{ font-size: 22px; }
	.blog-detail .entry-content p{ font-size: 18px; }
	.blog-detail .entry-content ul{ margin: 0; }
	.blog-detail .entry-content ul li{ font-size: 18px; padding: 10px 0; }
	.custom-heading{ font-size: 26px; }
	.our-vision .wpb_single_image img{ max-width: 120px; }
	.our-vision h2{ font-size: 26px; }
	.our-mission .wpb_single_image img{ max-width: 120px; }
	.our-mission h2{ font-size: 26px; }
	.board-box h3{ font-size: 24px; }
	.team-box .box-title{ font-size: 22px; }
	.team-box .box-content > div{ padding: 5px 25px 25px 25px; }
	.team-box .box-content h4{ font-size: 16px; }
	.about-contact-bg .custom-heading{ padding-top: 140px; }
	.life-left h2{ font-size: 24px; }
	.life-left h3{ font-size: 18px; }
	.life-right .person-box .box-active .box-content{ padding: 20px; }
	.life-right .person-box .box-active .box-content h3{ font-size: 24px; }
	.life-right .person-box .box-main .box-title h3{ font-size: 20px; }
	.life-right .person-box .box-main .box-image img{ height: 160px; }
	.careers-banner{ height: 525px; }
	.careers-banner h1{ font-size: 28px; margin-bottom: 20px; }
	.job-priority-box{ max-width: 350px; margin: 0 0 30px 0!important; }
	.job-priority-box .box-title{ padding: 13px 20px; }
	.job-priority-box .box-title h2{ font-size: 18px; }
	.job-priority-box .box-job{ padding: 20px; }
	.job-priority-box .box-job h3{ font-size: 18px; }
	.career-value .value-left h2{ font-size: 22px; }
	.career-value .value-right h3{ font-size: 20px; }
	.career-value .value-right p{ font-size: 16px; }
	.job-item{ padding: 20px; }
	.job-item h3{ font-size: 18px; }
	#sidebar.fixed{ width: 250px; }
	.job-sidebar .job-bps .job-posted{ font-size: 18px; }
	.job-sidebar .job-apply h2{ font-size: 20px; }
	.job-sidebar .job-apply .form-control{ height: 45px; font-size: 14px; }
	.upload_file label{ height: 45px; font-size: 14px; }
	.job-search .form-control{ font-size: 14px; }
	.job-detail{ padding-left: 20px; }
	.job-detail h1{ font-size: 30px; }
	.job-detail .content{ font-size: 18px; }
	.job-detail .content h2{ font-size: 26px; }
	.job-detail .content h3{ font-size: 22px; }
	.job-detail .content p{ font-size: 18px; }
	.job-detail .content ul{ margin: 0; }
	.job-detail .content ul li{ font-size: 18px; padding: 10px 0; }
	.job-detail .meta h3{ font-size: 22px; }
	.contact-title{ font-size: 32px; }
	.wpb_gmaps_widget .wpb_map_wraper iframe{ height: 450px; }
}
@media only screen and ( max-width: 1299px ) {
	.navbar .navbar-nav .nav-item{ padding: 0 20px 0 20px; }
	.navbar .navbar-nav .nav-item:first-child{ padding: 0 20px 0 0; }
	.navbar .navbar-nav .nav-item:last-child{ padding: 0 0 0 20px; }
	.navbar .navbar-nav .nav-item .nav-link{ font-size: 16px; }
	.h-banner .banner-left h1{ font-size: 28px; margin-bottom: 20px; }
	.h-banner .banner-box{ padding-top: 30px; }
	.theme-title h2{ font-size: 24px; }
	.h-video h2{ font-size: 24px; }
	.work-step-box{ padding: 30px 0; }
	.work-step-box .box-content .box-content-inner .box-detail h5{ font-size: 22px; }
	.work-step-box .box-content .box-content-inner .box-number{ width: 50px; height: 50px; line-height: 45px; font-size: 22px; }
	.work-step-box .box-content .arrow{ font-size: 34px; }
	.work-step-box .box-image{ top: -220px; }
	.work-step-box .box-image img{ max-height: 650px; }
	.invests-left h5{ font-size: 18px; }
	.invests-right h2{ font-size: 24px; }
	.h-hwang{ padding-top: 80px!important; }
	.h-hwang h3{ font-size: 28px; }
	.featured-slider .slick-slide{ margin: 10px!important; }
	.blog-detail .post-meta{ font-size: 16px; }
	.blog-detail h1{ font-size: 26px; }
	.blog-detail .entry-content h2{ font-size: 24px; }
	.custom-heading{ font-size: 24px; }
	.our-vision h2{ font-size: 24px; }
	.our-mission h2{ font-size: 24px; }
	.board-box h3{ font-size: 22px; }
	.board-box h5{ font-size: 18px; }
	.team-box .box-icon img{ max-width: 60px; }
	.about-contact-bg .custom-heading{ padding-top: 120px; }
	.life-left h2{ font-size: 22px; }
	.life-right h4{ font-size: 20px; margin-bottom: 20px; }
	.life-right .person-box .box-active .box-content h3{ font-size: 22px; }
	.life-right .person-box .box-active .box-content h4{ font-size: 18px; }
	.life-right .person-box .box-main .box-title{ padding: 10px; }
	.life-right .person-box .box-main .box-title h3{ font-size: 18px; }
	.life-right .person-box .box-main .box-title h4{ font-size: 16px; }
	.careers-banner{ height: 501px; padding-top: 70px!important; padding-bottom: 70px!important; }
	.careers-banner h1{ font-size: 26px; }
	.career-value .value-left h2{ font-size: 20px; }
	.career-value .value-right h3{ font-size: 18px; }
	.job-item{ padding: 15px; }
	.job-detail h1{ font-size: 26px; }
	.job-detail .content h2{ font-size: 24px; }
	.job-detail .meta h3{ font-size: 20px; }	
	.contact-title{ font-size: 28px; margin-bottom: 20px!important; }
}	
@media only screen and ( max-width: 1199px ) {
	#main-content{ padding: 40px 0 0px 0; }
	/*.btn{ font-size: 16px; }*/
	.site-header{ height: 80px; }
	.navbar{ padding: 15px; height: 80px; }
	.navbar .navbar-brand .navbar-brand-inner img{ max-width: 75px; margin: 0 10px 0 0; }
	.navbar .navbar-brand .navbar-brand-inner h4{ font-size: 18px; }
	.navbar .navbar-nav .nav-item{ padding: 0 15px 0 15px; }
	.navbar .navbar-nav .nav-item:first-child{ padding: 0 15px 0 0; }
	.navbar .navbar-nav .nav-item:last-child{ padding: 0 0 0 15px; }
	.h-banner .banner-left h1{ font-size: 26px; }
	.h-banner .banner-box .banner-box-inner > div > div{ padding: 20px!important; }
	.h-banner .banner-box .banner-box-inner:first-child > div > div{ padding: 0!important; }
	.h-banner .banner-box .banner-box-inner h4{ font-size: 20px; }
	.h-video h2{ font-size: 22px; margin-bottom: 20px; }
	.h-video .star-rating img{ max-width: 160px; }
	.icon-box .box-content h5{ font-size: 16px; }
	.work-step-box .box-image{ top: -200px; }
	.work-step-box .box-image img{ max-height: 620px; }
	.work-step-box .box-content .box-content-inner .box-detail p{ font-size: 16px; }
	.invests-left > div > div{ top: -120px; max-width: 330px; }
	.invests-left img{ height: 250px!important; }
	.invests-left h5{ padding: 20px; }
	.invests-left p{ padding: 0 20px 20px 20px; }
	.invests-right h2{ font-size: 22px; margin-bottom: 20px; }
	.h-hwang h3{ font-size: 26px; }
	.blog-sidebar .blog-bps .blog-posted p{ margin-bottom: 10px; }
	.blog-sidebar .blog-bps .blog-posted ul li a{ width: 35px; height: 35px; line-height: 37px; font-size: 14px; }
	.blog-detail h1{ font-size: 24px; }
	.blog-detail .entry-content h2{ font-size: 22px; }
	.blog-detail .entry-content h3{ font-size: 20px; }
	.blog-detail .entry-content ul li{ font-size: 16px; padding: 7px 0; }
	.our-vision h2{ font-size: 22px; }
	.our-mission h2{ font-size: 22px; }
	.board-box h3{ font-size: 20px; }
	.team-box .box-title{ font-size: 20px; padding: 0 15px 0 15px; }
	.team-box .box-content > div{ padding: 5px 15px 15px 15px; }
	.about-contact-bg .custom-heading{ padding-top: 100px; margin-bottom: 15px!important; }
	.life-left h2{ margin-bottom: 15px; }
	.life-right .person-box .box-main .box-image img{ height: 140px; }
	.life-right .person-box .box-active .box-content{ padding: 15px; }
	.life-right .person-box .box-active .box-content h3{ font-size: 20px; }
	.life-right .person-box .box-active .box-content h4{ margin-bottom: 5px; }
	.life-right .person-box .box-active .box-content p{ font-size: 16px; }
	.careers-banner{ height: 472px; padding-top: 60px!important; padding-bottom: 60px!important; }
	.careers-banner h1{ font-size: 24px; }
	.job-priority-box{ max-width: 300px; }
	.job-search .form-control{ height: 45px; }
	.job-sidebar .job-bps .job-posted p{ margin-bottom: 10px; }
	.job-sidebar .job-bps .job-posted ul li a{ width: 35px; height: 35px; line-height: 37px; font-size: 14px; }
	.job-sidebar .job-apply h2{ font-size: 18px; }
	#sidebar.fixed{ width: 210px; }
	.job-detail{ padding-left: 5px; }
	.job-detail h1{ font-size: 24px; margin-bottom: 15px; }
	.job-detail .content h2{ font-size: 22px; }
	.job-detail .content h3{ font-size: 20px; }
	.job-detail .content ul li{ font-size: 16px; padding: 7px 0; }
	.contact-title{ font-size: 24px; }
	.contact-box{ padding: 20px 0; }
	.wpb_gmaps_widget .wpb_map_wraper iframe{ height: 400px; }
}
@media only screen and ( max-width: 1023px ) {
	.work-step-box.active{ padding-left: 46px; }
	.work-step-box .box-content .arrow{ font-size: 28px; }
	.work-step-box .box-content .box-content-inner .box-number{ width: 45px; height: 45px; line-height: 40px; font-size: 20px; }
	.work-step-box .box-content .box-content-inner .box-detail h5{ font-size: 20px; }
	.blog-sidebar .blog-bps .blog-back i{ left: -10px; font-size: 20px; }
	.blog-sidebar.fixed .blog-bps .blog-back i{ left: -25px; }
	.job-sidebar .job-bps .job-back i{ left: -10px; font-size: 20px; }
	.job-sidebar.fixed .job-bps .job-back i{ left: -25px; }
}	
@media only screen and ( max-width: 991px ) {
	.h5, h5{ font-size: 1.1rem; }
	.container{ width: 98%; margin: auto; max-width: none; }
	*#main-content{ padding: 50px 0 0px 0; }*/
	.theme-flush-top-space{ margin-top: -50px; }
	.theme-flush-bottom-space{ margin-bottom: -35px; }
	.pt90{ padding-top: 50px!important; }
	.pb90{ padding-bottom: 50px!important; }
	.ptb90{ padding-top: 50px!important; padding-bottom: 50px!important; }
	.site-header{ height: 60px; }
	.navbar{ padding: 10px; height: 60px; }
	.navbar-toggler{ 
		padding: 0;
		font-size: unset;
		line-height: unset;
		border: unset;
		border-radius: unset;
	}
	.toggler-icon {
		width: 27px;
		height: 20px;
		position: relative;
		margin: 0px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	.toggler-icon span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	.toggler-icon span { background: #212529; }
	.toggler-icon span:nth-child(1) {
		top: 0px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	.toggler-icon span:nth-child(2) {
		top: 8px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	.toggler-icon span:nth-child(3) {
		top: 17px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}
	.toggler-icon.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 0;
		left: 0;
	}
	.toggler-icon.open span:nth-child(2) { width: 0%; opacity: 0; }
	.toggler-icon.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 19px;
		left: 0;
	}
	.navbar-collapse{
		position: absolute;
		top: 60px; 
		left: 0; right: 0;
		width: 100%;
		background: #ffffff;
		z-index: 999;
	}
	.navbar-toggler:focus, .navbar-toggler:hover{ outline: unset; }
	.navbar .navbar-nav .nav-item{  padding: 0; border-top: 1px solid #d3d3d3; }
	.navbar .navbar-nav .nav-item:first-child{ padding: 0; }
	.navbar .navbar-nav .nav-item:last-child{ padding: 0; border-bottom: 1px solid #d3d3d3; }
	.navbar .navbar-nav .nav-item .nav-link{ padding: 15px 15px; color: #212529; line-height: 1; }
	.navbar .navbar-nav .nav-item.active .nav-link{ color: #00cfa7; }
	.h-banner .banner-left > div > div{ max-width: 350px; }
	.h-banner .banner-left h1{ font-size: 24px; }
	.h-banner .banner-left h6{ font-size: 18px; }
	.h-banner .banner-left p{ font-size: 16px; }
	.h-banner .banner-left .our-apps{ margin-bottom: 10px!important; }
	.h-banner .banner-left .our-apps img{ max-width: 110px; }
	.h-banner .banner-right .barcode-box .box-image{ margin-right: 10px; }
	.h-banner .banner-right .barcode-box .box-image img{ max-width: 60px; }
	.h-banner .banner-right .barcode-box .box-content h5{ font-size: 14px; }
	.h-banner .banner-right .barcode-box .box-content p{ font-size: 10px; }
	.h-banner .banner-right .barcode-box .close{ top: 3px; }
	.h-banner .banner-right .barcode-box .close i{ font-size: 18px; }
	.h-banner .banner-box .banner-box-inner > div > div{ padding: 15px!important; }
	.h-banner .banner-box .banner-box-inner:first-child > div > div{ padding: 0!important; }
	.h-banner .banner-box .banner-box-inner h4{ font-size: 16px; }
	.theme-title h2{ font-size: 22px; margin-bottom: 15px!important; }
	.h-video h2{ font-size: 20px; margin-bottom: 10px; }
	.h-video .btn{ font-size: 14px; padding: 10px 20px; }
	.h-video .star-rating img{ max-width: 140px; }
	.icon-box .box-image{ margin-right: 10px; }
	.icon-box .box-image img{ max-width: 50px; }
	.icon-box .box-content h5{ font-size: 14px; }
	.h-how-works{ padding-top: 50px!important; padding-bottom: 70px; }
	.work-title > div > div > div{ margin-left: 5px; margin-bottom: 30px; }
	.work-step-box.active{ padding-left: 15px; }
	.work-step-box{ margin-left: -7px; padding: 20px 0; }
	.work-step-box .box-content .box-content-inner .box-detail h5{ font-size: 18px; }
	.work-step-box .box-content .box-content-inner .box-detail p{ font-size: 14px; }
	.work-step-box .box-content .box-content-inner .box-number{ width: 40px; height: 40px; line-height: 34px; font-size: 18px; margin-right: 10px; }
	.work-step-box .box-content .arrow{ font-size: 24px; }
	.work-step-box .box-image{ top: -150px }
	.work-step-box .box-image img{ max-height: 460px; }
	.invests-left > div > div{ top: -90px; max-width: 250px; }
	.invests-left img{ height: 200px!important; }
	.invests-left h5{ padding: 15px; font-size: 16px; }
	.invests-left p{ font-size: 12px; padding: 0 15px 15px 15px; }
	.invests-left p strong{ font-size: 16px; }
	.invests-right h2{ font-size: 20px; }
	.h-hwang{ padding-top: 60px!important; padding-bottom: 40px!important; }
	.h-hwang h3{ font-size: 24px; }
	.h-hwang .big-text{ font-size: 16px; }
	.testimonial-slider .testimonial-slide img{ max-width: 130px; margin-bottom: 15px; }
	.testimonial-slider .testimonial-slide h3{ font-size: 16px; }
	.testimonial-slider .testimonial-slide p{ font-size: 14px; }
	.back-to-learn a{ font-size: 18px; }
	.blog-item .item-content{ padding: 15px 0 0 0; }
	.blog-item .item-content h3{ font-size: 16px; }
	.page-link{ padding: 8px 12px; font-size: 16px; }
	.blog-detail{ padding-left: 0; }
	.blog-detail .post-meta{ margin-bottom: 5px!important; }
	.blog-detail h1{ font-size: 22px; }
	.blog-sidebar .blog-bps .blog-back{ display: none; }
	.blog-sidebar .blog-posted p{ display: none; }
	.blog-sidebar .blog-bps .blog-posted ul{ margin: 0; }
	.custom-heading{ font-size: 22px; }
	.our-vision > div > div{ padding: 0; }
	.our-vision .wpb_single_image img{ max-width: 90px; }
	.our-vision h2{ font-size: 20px; margin-bottom: 5px!important; }
	.our-vision .big-text{ font-size: 16px; margin-bottom: 0!important; }
	.our-mission > div > div{ padding: 0; }
	.our-mission .wpb_single_image img{ max-width: 90px; }
	.our-mission h2{ font-size: 20px; margin-bottom: 5px!important; }
	.our-mission .big-text{ font-size: 16px; margin-bottom: 0!important; }
	.board-box h3{ font-size: 18px; }
	.board-box h5{ font-size: 16px; }
	.board-box p{ font-size: 14px; }
	.team-box .box-icon{ margin-top: -25px; }
	.team-box .box-icon img{ max-width: 50px; }
	.team-box .box-title{ font-size: 16px; }
	.team-box .box-content h4{ font-size: 14px; }
	.team-box .box-content > div{ padding: 0 15px 10px 15px; }
	.about-contact-bg .custom-heading{ padding-top: 80px; }
	.learn-life{ padding-top: 50px!important; padding-bottom: 50px!important; }
	.life-left h2 {margin-bottom: 10px; }
	.life-left h3{ font-size: 16px; line-height: 1.5; margin-bottom: 15px; }
	.life-left p{ font-size: 14px; }
	.life-left .big-text{ margin-bottom: 10px!important; }
	.life-right h4{ font-size: 16px; margin-bottom: 15px; }
	.life-right .person-box .box-active .box-content h3{ font-size: 18px; margin-bottom: 3px; }
	.life-right .person-box .box-active .box-content h4{ font-size: 16px; }
	.life-right .person-box .box-active .box-content p{ font-size: 12px; }
	.life-right .person-box .box-main .box-image img{ height: 110px; }
	.life-right .person-box .box-main .box-title{ padding: 5px; }
	.life-right .person-box .box-main .box-title h3{ font-size: 14px; margin-bottom: 5px; }
	.life-right .person-box .box-main .box-title h4{ font-size: 12px; }
	.careers-banner{ height: 417px; padding-top: 50px!important; padding-bottom: 50px!important; }
	.careers-banner h1{ font-size: 22px; }
	.job-priority-box{ max-width: 250px; margin: 0 0 20px 0!important; }
	.job-priority-box .box-title{ padding: 10px 15px; }
	.job-priority-box .box-title h2{ font-size: 16px; }
	.job-priority-box .box-job{ padding: 15px; }
	.job-priority-box .box-job h3{ font-size: 16px; }
	.job-priority-box .date-more .btn{ font-size: 12px; }
	.career-value .value-left h2{ font-size: 18px; padding-right: 0; }
	.career-value .value-right .wpb_text_column{ margin-bottom: 20px!important; }
	.career-value .value-right .wpb_text_column:last-child{ margin-bottom: 0!important; }
	.job-detail{ padding-left: 0; }
	.job-detail h1{ font-size: 22px; margin-bottom: 10px; }
	.job-detail .meta{ margin-bottom: 15px; }
	.job-detail .meta h3{ font-size: 18px; }
	.job-sidebar .job-bps .job-back{ display: none; }
	.contact-title{ font-size: 22px; }
	.contact-box{ padding: 10px 0; }
	.wpb_gmaps_widget .wpb_map_wraper iframe{ height: 350px; }
	.footer-top{ padding: 50px 0; }
	.f-logo-text{ font-size: 20px; }
	.ft-right h5{ font-size: 20px; }
	.ft-right .f-our-app img{ width: 150px; }
	.footer-bottom{ padding: 15px 0; }
}
@media only screen and ( max-width: 767px ) {
	.container{ width: 100%; }
	#main-content{ padding: 35px 0 0px 0; }
	.theme-flush-top-space{ margin-top: -35px; }
	.theme-flush-bottom-space{ margin-bottom: -35px; }
	.pt90{ padding-top: 35px!important; }
	.pb90{ padding-bottom: 35px!important; }
	.ptb90{ padding-top: 35px!important; padding-bottom: 35px!important; }

	.big-text{ font-size: 16px; }

/*.barcode-box-mobile{ align-items: center; background-color: rgba(33, 207, 167); padding: 15px; height: 70px; }
	.barcode-box-mobile .box-image{ margin-right: 8px; }
	.barcode-box-mobile .box-image img{ max-width: 35px; }
	.barcode-box-mobile .box-content{ color: #ffffff; }
	.barcode-box-mobile .box-content p{ font-size: 12px; margin-bottom: 1px; }
	.barcode-box-mobile .box-content img{ max-width: 90px; margin-right: 5px; }
	.barcode-box-mobile .box-content p strong{ color: #13728b; }
	.barcode-box-mobile .box-button{ margin: 0 0 0 auto; }
	.barcode-box-mobile .box-button .btn{
		padding: 8px 8px;
		width: 105px;
		font-size: 12px;
		background-color: #ffffff;
		color: #13728b;
		border: 1px solid #ffffff;
	}
	.barcode-box-mobile .close{
		position: absolute;
		top: 2px; right: 2px;
		color: #ffffff;
		font-size: 14px;
		cursor: pointer;
		opacity: 1;
		z-index: 111;
	}
	.barcode-box-mobile .close i{ color: #ffffff; }*/

	.navbar.navbar-shrink{ top: 0; }

	.h-banner .banner-left > div > div{ max-width: 100%; }
	.h-banner .banner-right .barcode-box{ display: none; }
	.h-banner .banner-left .our-apps img{ max-width: 120px; }
	.h-banner .banner-box{ padding-top: 15px; }
	.h-banner .banner-box .slick-slider{ margin: 0 -15px; }
	.h-banner .banner-box .slick-slider:focus{ outline: unset; }
	.h-banner .banner-box .slick-slide{ margin: 0 15px!important; }
	.h-banner .banner-box .slick-slide:focus{ outline: unset; }
	.h-banner .banner-box .slick-dots{
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding: 0; margin: 0 auto;
		list-style-type: none;
	}
	.h-banner .banner-box .slick-dots li{ margin: 15px 0.25rem 0 0.25rem; }
	.h-banner .banner-box .slick-dots li button{
		display: block;
		padding: 0;
		width: 12px; height: 12px;
		background-color: #fff;
		border: 1px solid #054254;
		border-radius: 100%;
		text-indent: -9999px;
		opacity: 1;
	}
	.h-banner .banner-box .slick-dots li.slick-active button{ background-color: #054254; }
	.h-banner .banner-box .banner-box-inner > div > div{ padding: 0!important; }
	.h-banner .banner-box .banner-box-inner h4{ font-size: 24px; padding: 30px 30px 10px 30px; }
	.h-banner .banner-box .banner-box-inner .btn{ font-size: 14px; padding: 5px 10px; margin: 0 30px 30px 30px; }
	.h-star img{ max-width: 230px; margin-bottom: 20px; }
	.h-video{ background: linear-gradient(to bottom, #31cea8 70%, #ffffff 30%); }
	.h-video h2{ font-size: 24px; margin-bottom: 15px; }
	.h-video .star-rating{ margin-bottom: 25px!important; }
	.h-video .star-rating img{ max-width: 150px; }
	.icon-box{ margin-bottom: 20px; }
	.icon-box .box-content h5{ font-size: 16px; }

	.h-how-works{ padding-top: 35px!important; padding-bottom: 35px; }
	.h-how-works .work-step .slick-slider{ margin: 0 -15px; }
	.h-how-works .work-step .slick-slider:focus{ outline: unset; }
	.h-how-works .work-step .slick-slide{ margin: 0 15px!important; }
	.h-how-works .work-step .slick-slide:focus{ outline: unset; }
	.h-how-works .work-step .slick-dots{
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding: 0; margin: 0 auto;
		list-style-type: none;
	}
	.h-how-works .work-step .slick-dots li{ margin: 15px 0.25rem 0 0.25rem; }
	.h-how-works .work-step .slick-dots li button{
		display: block;
		padding: 0;
		width: 12px; height: 12px;
		background-color: #fff;
		border: 1px solid #054254;
		border-radius: 100%;
		text-indent: -9999px;
		opacity: 1;
	}
	.h-how-works .work-step .slick-dots li.slick-active button{ background-color: #054254; }
	.work-title > div > div > div{ margin-left: 0; margin-bottom: 15px; }
	.work-step-box{ margin-left: 0; padding: 0; text-align: center; display: flex!important; flex-direction: column-reverse!important; }
	.work-step-box .box-content .box-content-inner{ justify-content: center; padding-top: 15px; }
	.work-step-box .box-content .box-content-inner .box-number{ display: none; }
	.work-step-box .box-content .box-content-inner .box-detail h5{ font-size: 22px; }
	.work-step-box .box-content .box-content-inner .box-detail p{ font-size: 16px; }
	.work-step-box .box-content .arrow{ font-size: 24px; display: none; }
	.work-step-box.active{ padding-left: 0; background-color: inherit; }
	.work-step-box.active .box-content .box-detail h5{ color: #ffffff; }
	.work-step-box.active .box-content .arrow{ display: none; }
	.work-step-box .box-image{ position: relative; top: 0; bottom: 0; left: 0; right: 0; display: block; text-align: center; margin: 0 auto; }
	.work-step-box.active .box-image{ display: block; }
	.work-step-box .box-image img{ max-height: 550px; margin: 0 auto; }

	.invests-right h2{ font-size: 24px; }
	.invests-left > div > div{ position: relative!important; top: 60px; left: 0; right: 0; bottom: ; max-width: 100%; }
	.invests-left img{ width: 100%; height: 100%!important; }
	.invests-left h5{ font-size: 20px; }
	.invests-left p strong{ font-size: 18px; }
	.invests-left p{ font-size: 16px; }
	.h-hwang{ padding-top: 50px!important; padding-bottom: 35px!important; }
	.h-hwang h3{ font-size: 22px; }
	.featured-slider-inner > div > div{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.featured-slider-inner .image-box {
		-ms-flex: 0 0 45%;
		flex: 0 0 45%;
		max-width: 45%;
		position: relative;
		width: 100%;
		margin: 15px auto 15px auto;
	}
	.image-box .image-box-inner{ height: 100%; }
	.back-to-learn{ display: none; }
	.blog-filter{ margin-top: 20px; }
	.blog-filter .btn-theme{ margin: 3px; }
	.blog-detail h1{ margin-bottom: 15px; }
	.blog-detail .entry-content p{ font-size: 16px; }
	.our-vision > div > div{ margin-bottom: 15px; }
	.board-box h3{ font-size: 20px; }
	.board-box h5{ font-size: 18px; }
	.board-box p{ font-size: 16px; }
	.team-box .box-icon img{ max-width: 60px; }
	.team-box .box-title{ font-size: 18px; }
	.team-box .box-content h4{ font-size: 16px; }
	.about-contact-bg .custom-headin{ padding-top: 60px; }
	.learn-life{ padding-top: 35px!important; padding-bottom: 35px!important; }
	.life-right .person-box .box-main .box-image img{ height: 100%; }
	.life-right .person-box .box-main .box-title h3{ font-size: 18px; }
	.life-right .person-box .box-main .box-title h4{ font-size: 16px; }
	.life-right .person-box.show .box-main::before{ content: unset; }
	.life-right .person-box.show .box-main .box-title{ display: none; }
	.versagag-box img{ width: 100%; }
	.careers-banner-mobile{
		height: 669px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.careers-banner-mobile h1{ font-size: 28px; font-weight: 900; margin-bottom: 20px; }
	.careers-banner-mobile .btn.btn-green{
		background-color: #ffffff;
		color: #13728b;
		border: 1px solid #ffffff;
	}
	.job-priority-box{
		max-width: 270px;
		margin: 270px auto 20px auto!important;
		background-color: #ffffff;
		-webkit-box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 20%);
		-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 20%);
	}
	.job-search .col-12{ margin-bottom: 15px; }
	.job-item h3{ font-size: 16px; }
	.job-item .meta{ font-size: 14px; }
	.job-detail .meta h3{ font-size: 16px; }
	.job-detail .content p{ font-size: 16px; }
	.wpb_gmaps_widget .wpb_map_wraper iframe{ height: 300px; }

	.footer-top{ padding: 35px 0; text-align: center; }
	.ft-right{ margin-top: 20px; text-align: center; }
	.ft-right h5{ font-size: 20px; }
	.ft-right .f-our-app{ justify-content: center; padding: 0 0 15px 0; }
	.ft-right .widget_nav_menu{ position: relative; bottom: 0; right: 0; }

	.life-right .person-box .box-active{
		position: fixed;
		top: 50%; left: 50%;
		transform: translate(-50%, -50%);
		width: 100%; height: 100%;
		padding: 70px 20px 0 20px;
		background: rgba(5,66,84,0.95);
		z-index: 1031;
	}
	.life-right .person-box .box-active .box-image img{ width: 100%; }
	.life-right .person-box .box-active .box-content{ background-color: #ffffff; }
	.life-right .person-box .box-active .box-content h3{ font-size: 22px; }
	.life-right .person-box .box-active .box-content h4{ font-size: 20px; }
	.life-right .person-box .box-active .box-content p{ font-size: 16px; }
	.life-right .person-box .box-active .pb-close{
		display: none;
		position: absolute;
		top: 15px; right: 20px;
		font-size: 24px;
		z-index: 1031;
		cursor: pointer;
		color: #ffffff;
	}
}
@media only screen and ( max-width: 575px ) {
	/*.barcode-box-mobile .box-content p{ font-size: 11px; }*/
	.navbar .navbar-brand .navbar-brand-inner img{ max-width: 65px; }
	.navbar .navbar-brand .navbar-brand-inner h4{ font-size: 14px; }
	.site-topbar img{ max-width: 16px; }
	.site-topbar a{ padding: 2px 5px; font-size: 8px; margin-left: 3px; }
	.h-banner .banner-left h1{ font-size: 22px; }
	.h-banner .banner-left h6{ font-size: 16px; }
	.h-banner .banner-left .our-apps img{ max-width: 90px; }
	.h-banner .banner-box .banner-box-inner h4{ font-size: 18px; padding: 20px 20px 10px 20px; }
	.h-banner .banner-box .banner-box-inner .btn{ margin: 0 20px 20px 20px; }
	.h-video h2{ font-size: 22px; }
	.icon-box .box-image img{ max-width: 45px; }
	.work-step-box .box-content .box-content-inner .box-detail h5{ font-size: 20px; }
	.invests-right h2{ font-size: 22px; }
	.invests-left h5{ font-size: 18px; }
	.invests-left p strong{ font-size: 16px; }
	.invests-left p{ font-size: 14px; }
	.ft-right .f-our-app{ display: grid; }
	.ft-right .f-our-app a{ margin-bottom: 15px; }
	.ft-right .f-our-app a:last-child{ margin-bottom: 0; }
	.ft-right .f-our-app img{ margin-right: 0!important;}
}
@media only screen and ( max-width: 480px ) {
	/*.barcode-box-mobile{ padding: 10px; }
	.barcode-box-mobile .box-button .btn { padding: 7px 7px; width: 90px; font-size: 10px; }*/

	.topbar{ display: flex; align-items: center; }
	.site-topbar img{ max-width: 100%; margin-right: 2px; }
	.site-topbar a{ padding: 5px 4px; font-size: 10px; margin-left: 3px; width: 100px; text-align: center; }
}
@media only screen and ( max-width: 374px ) {
	.site-topbar{ font-size: 10px; }
}

/** Calculator **/
.versa-radio-label .versa-input-radio:checked ~ span {
    background: #004456 !important;
    color: #32E6B4 !important;
    box-shadow: 6px 6px #0BC1B6;
}
.flex {
    display: flex;
    justify-content: flex-start;
}
.flex .currency {
    font-size: inherit;
    padding: 0 10px 0 20px;
    color: #939393;
    font-weight:500 !important;
    border: 1px solid #cccaca;
    border-right: 0;
    background: #FFFBF3;
    line-height: 58px;
}
.fancybox-bg{ background-color: #13728b; }
.fancybox-thumbs {
	top: auto;
	width: auto;
	bottom: 0;
	left: 0;
	right : 0;
	height: 95px;
	padding: 10px 10px 5px 10px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.3);
}
.fancybox-show-thumbs .fancybox-inner{ right: 0; bottom: 95px; }
.fancybox-thumbs__list{ margin: 0 auto; }
.fancybox-thumbs__list a:before{ border: 2px solid #13728b; }

/* ------ VERSA 404 PAGE ------ */
.nf-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.75rem;
}
.nf-text {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  text-align: center;
  color: #003A54;
  font-family: 'montserrat';
  max-width: 41.875rem;
}
.back-home-button {
  font-size: 1.125rem;
  line-height: 1.75rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  gap: 0.5rem;
  padding: 1rem 2.5rem 1rem 2.5rem;
  border-radius: 0.75rem;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  white-space: nowrap;
  background: #13728B;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  border: none;
  font-family: 'Inter';
}
.back-home-button:hover {
  background: #0F5A6F;
}
.promo-section {
  background-color: #F5F7FB;
  padding: 4rem 0 2rem 0;
  margin-top: 4rem;
}
.lp-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #F5F7FB;
}
.lp-title {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
.lp-title p {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  color: #003A54;
  padding: 0;
  margin: 0;
}
.nf-images {
  position: relative;
}
.leaf-1 {
  position: absolute;
  top: 80%;
  left: -20%;
  transform: translateX(-50%);
  max-width: 100%;
  height: auto;
}
.leaf-2 {
  position: absolute;
  right: -69%;
  top: 120%;
  max-width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .lp-title p {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

/* ----------- VERSA POST CARD ----------- */
.post-img {
  object-fit: cover;
  border-radius: 0.75rem;
  width: 100%;
  height: 14rem;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.post-content {
  padding: 1rem 0;
}

.post-category {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.2rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25;
  color: #7B7B7B;
  font-family: "Inter";
}

.post-title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  color: #282828;
}

.post-date {
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #BCBCBC;
}

.post-group:hover {
  text-decoration: none;
}

.post-group:hover .post-img {
  filter: grayscale(50%);
}

.post-img {
  object-fit: cover;
  border-radius: 0.75rem;
  width: 100%;
  height: 12rem;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

@media (min-width: 640px) {
	.post-img {
		height: 14rem;
	}
}

.post-content {
  padding: 1rem 0;
}

.post-title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #282828;
  font-family: "Inter";
}

.post-date {
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #BCBCBC;
  font-family: "Inter";
}

.post-group:hover {
  text-decoration: none;
}

.post-group:hover .post-img {
  filter: grayscale(50%);
}

/* ----------- BLOG & LEARN - FEATURED ARTICLES ----------- */
.featured-articles-section {
  background-color: #fff;
}

.featured-articles-title {
  font-weight: 800;
  font-family: 'Montserrat';
  font-size: 2rem;
  line-height: 1;
  color: #003A54;
  margin-top: 2rem;
}

/* BLOG & LEARN - ARTICLES */
.articles-section {
  background-color: #F5F7FB;
  display: flex;
  align-items: center;
  padding-top: 2.5rem;
}

.articles-list {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 640px) {
  .featured-articles-title {
	font-size: 3rem;
	margin-top: 0.5rem;
  }
  .articles-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .articles-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.tabs {
  margin: 3rem 0 2rem 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 1rem;
}

.tabs-container {
  display: inline-flex;
  border-bottom: 1px #E5E7EB solid;
}

.tabs-nav {
  display: flex;
  margin-bottom: -1px;
  gap: 1.5rem;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.tabs-nav a:hover {
  text-decoration: none;
}

.tab-item {
  flex-shrink: 0;
  border-bottom: 2px transparent solid;
  padding: 0 0.25rem 0.5rem 0.25rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #6B7280;
  text-decoration: none;
  font-family: "Inter";
}

.tab-item.active {
  border-color: #13728B;
  color: #13728B;
}

.tab-item:hover {
  border-color: #D1D5DB;
  color: #374151;
}

/* --------- Pagination Styling ---------  */
.learn-pagination {
  display: flex;
  justify-content: center;
  width: 100%;
}

.pagination-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
  margin-top: 1rem;
  margin-bottom: 5rem;
/*   flex-wrap: wrap; */
  padding: 0;
}

.pagination-item {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.375rem;
  white-space: nowrap;
  border-radius: 0.375rem;
  padding: clamp(0.5rem, 0.3rem + 1vw, 1rem) clamp(0.65rem, 0.4rem + 2vw, 2.5rem);
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: #13728B;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

/* @media (min-width: 768px) {
  .pagination-item {
    padding: 1rem 2.5rem;
  }
} */

.pagination-item.button:hover {
  background-color: #dfdfdf;
  cursor: pointer;
}

.pagination-content a {
  color: #13728B;
  text-decoration: none;
}

.pagination-item.button.active {
  background-color: #13728B;
  color: #ffffff;
  cursor: default;
}


/* -------------- Media Releases -------------- */
.mr-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
}

.mr-head {
  font-size: 2rem;
  line-height: 1;
  font-weight: 800;
  color: #003A54;
  font-family: "Montserrat";
}

.year-select {
  padding: 12px 64px 12px 24px;
  background-color: white;
  outline: none;
  border: 2px solid #13728B;
  color: #13728B;
  border-radius: 0.75rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%2313728B' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 90%;
  background-position-y: 50%;
  font-family: "Inter";
  font-weight: 700;
 flex-basis: 100%;
}

.mr-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mr-card {
  display: flex;
  padding: 1.5rem;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 1rem;
  width: 100%;
  background: #F5F7FB;
}

.mr-text {
  font-size: 0.9rem;
  line-height: 1.2rem;
  font-weight: 550;
  text-decoration: none;
  padding: 0;
  margin: 0;
  color: black;
  font-family: "Inter";
}

@media (min-width: 640px) {
  .mr-text {
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: 550;
  }
  .mr-head {
	font-size: 2.5rem;
  }
	.year-select {
		flex-basis: none;
	}
}

.mr-text.title {
  width: 100%;
}

.mr-text.date {
  width: 150px;
}

.mr-link:hover {
  text-decoration: none;
}

.mr-icon {
  color: #13728B;
}


/* FOOTER */

.newsletter-btn {
    background-color: #13728B;
    color: #ffffff;
    border-color: #13728B;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    font-weight: 650;
  }

  .newsletter-btn:hover {
    background-color: #0F5A6F;
    outline: none;
    color: #ffffff;
  }