@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

@import url('animate.css');

:root
{
	/* Default max width */
	--global-content-max-width: 1580px;
	--global-content-wrapper-max--width: 1200px;
	--global-partner-wrapper-max--width: 1170px;

    /* Font Family */
    --global-font-family: 'Poppins', sans-serif;

    /* Font Size */
    --global-font-size-base: 20px;
    --global-font-size-typo10: 10px;
    --global-font-size-typo11: 11px;
    --global-font-size-typo12: 12px;
    --global-font-size-typo13: 13px;
    --global-font-size-typo14: 14px;
    --global-font-size-typo15: 15px;
    --global-font-size-typo16: 16px;
    --global-font-size-typo17: 17px;
    --global-font-size-typo18: 18px;
	--global-font-size-typo20: 20px;
	--global-font-size-typo22: 22px;
	--global-font-size-typo24: 24px;
	--global-font-size-typo28: 28px;
	--global-font-size-typo29: 29px;
	--global-font-size-typo30: 30px;
	--global-font-size-typo32: 32px;
	--global-font-size-typo34: 34px;
	--global-font-size-typo35: 35px;
	--global-font-size-typo38: 38px;
	--global-font-size-typo40: 40px;
	--global-font-size-typo48: 48px;
	--global-font-size-typo58: 58px;
	--global-font-size-typo68: 68px;
	--global-font-size-typo68: 76px;

	/* Font weight */
	--global-font-weight-regular: 400;
	--global-font-weight-medium: 500;
	--global-font-weight-semibold: 600;
	--global-font-weight-bold: 700;

    /* Colors */
	--color-black: #111111;
	--color-white: #ffffff;
	--color-green: #008a20;
	--color-red: #d6363b;
	--color-yellow: #ffec59;
	--color-orange: #fb8b12;
	--color-fullservice-gray: #f0f0f0;
	--color-blue-button: #007bde;
	--color-blue: #007bde;
	--color-light-blue: #b3ddfe;
	--color-light-blue-2: #6cbdff;
}

body,
html
{
	font-family: var(--global-font-family);
	font-size: var(--global-font-size-base);
	line-height: 1.25;
	color: var(--color-black);
	/* max-width: 100vw;
	overflow: hidden; */
}

.screen-size
{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	font-weight: 400;
	color: var(--color-yellow);
	z-index: 9999999;
}

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

.typo-weight-medium {
	font-weight: 500;
}

.typo-weight-semibold {
	font-weight: 600;
}

.typo-weight-bold {
	font-weight: 700;
}

.width-60 {
	width: 60%;
}

.width-80 {
	width: 80%;
}

.--color-green
{
	color: var(--color-green) !important;
}

.border-green {
    border: var(--color-green) solid 1px;
}

.border-red {
	border: var(--color-red) solid 1px;
}

.fullscreen-width {
	max-width: 100vw;
	overflow: hidden;
}

.btn-orange-fill {
	background-color: var(--color-orange);
	border-radius: 1.75rem;
    color: var(--color-white);
	padding: 14px 28px;
	font-size: var(--global-font-size-typo18);
}

.btn-orange-fill:hover,
.btn-orange-fill:active,
.btn-orange-fill:visited {
	color: var(--color-white);
}

.btn-orange-stroke {
	border-radius: 1.75rem;
    color: var(--color-orange);
	padding: 14px 28px;
	font-size: var(--global-font-size-typo18);
	border: var(--color-orange) solid 3px;
}

.btn-orange-stroke:hover,
.btn-orange-stroke:active,
.btn-orange-stroke:visited {
	background-color: var(--color-orange);
	color: var(--color-white);
}

.btn-orange-fill .fa {
	font-size: var(--global-font-size-typo22);
}

.btn-blue-fill {
	border-radius: 1.75rem;
	padding: 14px 56px;
	font-size: var(--global-font-size-typo18);
	background-color: var(--color-blue-button);
	color: var(--color-white);
}

.btn-blue-fill:hover,
.btn-blue-fill:active,
.btn-blue-fill:visited {
	color: var(--color-white);
}

.pt-2-2 {
	padding-top: 2.2rem !important;
}

#header-banner {
	width: 100vw;
	height: calc(100vw/(1920/930));
	overflow: hidden;
}

#header-banner .top-menu-container {
	position: absolute;
    /* background: white; */
	background-color:rgba(0, 0, 0, 0);
    width: 100%;
    max-width: 100vw;
    display: block;
    height: 120px;
    /* opacity: 0.4; */
    top: 10px;
    padding-top: 22px;
    /* border-bottom: var(--color-orange) 3px solid; */
	z-index: 9995;
	color: var(--color-white);
	/* transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s; */
}

#header-banner .top-menu-container.fixed {
	background: white;
	color: var(--color-black);
	border-bottom: var(--color-orange) 3px solid;
}

#header-banner .top-menu-container .top-menu-wrapper {
	width: 1578px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
	z-index: 9995;
}

.main-menu-wrapper {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
	top: 34px;
    color: white;
	max-width: 1578px;
	height: calc(100vw/(1920/740));
    display: flex;
    flex-direction: column;
	z-index: 999;
}

.main-menu-wrapper .content-wrapper {
	margin: auto 15%;
}

.main-menu-wrapper #header-menu {
	display: unset;
	align-items: unset;
	justify-content: unset;
}

#header-logo .img-logo {
	width: 78px;
	height: 74px;
}

ul#menu-primary {
	float: right;
	margin-bottom: 0;
	list-style: none;
	display: flex;
	height: 100%;
}

#menu-primary li.menu-item {
	display: flex;
	align-items: center;
	font-size: var(--global-font-size-typo17);
	font-weight: var(--global-font-weight-medium);
	text-transform: uppercase;
	padding: 0 24px;
	cursor: pointer;
}

#menu-primary li.menu-item:last-child {
	padding-right: 0;
}

#menu-primary li.menu-item-active {
	color: var(--color-orange);
	font-weight: var(--global-font-weight-semibold);
}

.content-wrapper {
	max-width: var(--global-content-wrapper-max--width);
	margin: auto;
}

.content-wrapper .title {
	font-size: var(--global-font-size-typo68);
    font-weight: var(--global-font-weight-bold);
    text-transform: uppercase;
	line-height: 1.25;
}

.content-wrapper .text {
	margin-top: 30px;
	line-height: 1.75;
}

.content-wrapper .btn {
	margin-top: 30px;
}

.sec-whoweare {
	padding-top: 126px;
    padding-bottom: 88px;
}

.sec-whoweare text {
	font-size: var(--global-font-size-base);
	font-weight: var(--global-font-weight-regular);
	line-height: 1.75;
}

.sec-whoweare .title-1 {
	font-size: var(--global-font-size-typo35);
	color: var(--color-blue);
	font-weight: var(--global-font-weight-semibold);
}

.sec-whoweare .title-2 {
	font-size: var(--global-font-size-typo38);
	color: var(--color-orange);
	font-weight: var(--global-font-weight-bold);
	text-transform: uppercase;
}

.sec-whoweare .text-italic {
	font-size: var(--global-font-size-typo28);
    font-weight: var(--global-font-weight-regular);
    font-style: italic;
    line-height: 1.65;
    padding-top: 24px;
}

.sec-whoweare .whoweare-banner {
	padding-left: 50px;
}

.sec-fullservices {
	background-image: url('../images/img-kyg-services-bg.jpg');
	background-color: var(--color-fullservice-gray);
	background-repeat: no-repeat;
    background-position: center top;
	background-size: contain;
    padding-top: 184px;
    padding-bottom: 116px;
}

.sec-fullservices .title-1,
.sec-fullservices .why-kyg .title-1,
.sec-kyg-campaign .title-1,
.sec-kyg-partners .title-1,
.sec-kgy-contact-wrapper .title-1 {
	font-size: var(--global-font-size-typo35);
	color: var(--color-blue);
	font-weight: var(--global-font-weight-semibold);
}

.sec-fullservices .title-2,
.sec-fullservices .why-kyg .title-2,
.sec-kyg-campaign .title-2,
.sec-kyg-partners .title-2 {
	font-size: var(--global-font-size-typo38);
	color: var(--color-black);
	font-weight: var(--global-font-weight-bold);
}

.sec-fullservices .text {
	font-size: var(--global-font-size-typo18);
	color: var(--color-black);
	font-weight: var(--global-font-weight-medium);
	width: 83%;
    margin: 0 auto;
}

.sec-fullservices .separator,
.sec-fullservices .why-kyg .separator,
.sec-kyg-campaign .separator,
.sec-kyg-partners .separator,
.sec-kgy-contact-wrapper .separator {
	padding-top: 16px;
    padding-bottom: 26px;
}

.sec-fullservices .service-list {
	padding-top: 48px;
}

.sec-fullservices .services-icon {
	border-radius: 258px;
	-moz-border-radius: 258px;
	-webkit-border-radius: 258px;
	border: 0px solid #000000;
	/* -webkit-box-shadow: 10px 10px 26px 8px rgb(32 31 31 / 8%); */
	/* -moz-box-shadow: 10px 10px 26px 8px rgb(32 31 31 / 8%); */
	/* box-shadow: 10px 10px 26px 8px rgb(32 31 31 / 8%); */
	-webkit-box-shadow: 4px 8px 22px 0px rgb(32 31 31 / 8%);
	-moz-box-shadow: 4px 8px 22px 0px rgb(32 31 31 / 8%);
	box-shadow: 4px 8px 22px 0px rgb(32 31 31 / 8%);
    margin: 28px 0;
	width: 100%;
}

.sec-fullservices .carousel {
	padding-bottom: 38px;
}

.sec-fullservices .carousel .carousel-item {
	padding-left: 20px;
    padding-right: 20px;
	transition: transform 2s ease, opacity .5s ease-out
}

.sec-fullservices .carousel .carousel-control-next,
.sec-fullservices .carousel .carousel-control-prev {
	opacity: 1;
}

.sec-fullservices .carousel .carousel-control-prev {
	justify-content: flex-start;
    left: -15px;
}

.sec-fullservices .carousel .carousel-control-next {
	right: -90px;
}

.sec-fullservices .carousel .carousel-control-next-icon,
.sec-fullservices .carousel .carousel-control-prev-icon {
	width: unset;
    height: unset;
	outline: black;
	background-size: 100%, 100%;
	border-radius: 50%;
	border: 0 solid black;
	background-image: none;
	font-family: var(--global-font-family);
}

.sec-fullservices .carousel .carousel-control-prev-icon:after {
	content: '<';
	font-size: 58px;
	color: #c5c5c5;
}

.sec-fullservices .carousel .carousel-control-next-icon:after {
	content: '>';
	font-size: 58px;
	color: #c5c5c5;
}

.sec-fullservices .carousel .carousel-indicators li {
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 0px solid #000000;
    width: 14px;
    height: 14px;
    -moz-border-radius: 258px;
    background-color: #696969;
	opacity: 1;
}

.sec-fullservices .carousel .carousel-indicators .active {
	background-color: var(--color-blue);
}

.sec-fullservices .carousel .carousel-indicators {
	margin-bottom: 0;
}

.sec-fullservices .why-kyg-header {
	padding-top: 112px;
}

.sec-fullservices .why-kyg-content .title {
	font-size: var(--global-font-size-typo38);
	color: var(--color-blue);
	font-weight: var(--global-font-weight-semibold);
	line-height: 1.3;
}

.sec-fullservices .why-kyg-content .text {
	font-size: var(--global-font-size-base);
	font-weight: var(--global-font-weight-regular);
	width: 100%;
}

.sec-fullservices .why-kyg-content .pt {
	padding-top: 4rem;
}

.sec-fullservices .why-kyg-content .pl {
	padding-left: 1.5rem;
}

.sec-fullservices .why-kyg-content .pr {
	padding-right: 1rem;
}

.sec-kgy-campaign-wrapper {
	max-width: var(--global-content-max-width);
}

.sec-kyg-campaign {
	padding-top: 96px;
	padding-bottom: 78px;
}

.sec-kyg-campaign .title-1 {
	color: var(--color-orange);
}

.sec-kyg-campaign .campaign-list {
	padding-top: 48px;
}

.sec-kyg-campaign .campaign-item {
	margin: 22px 0;
}

.sec-kyg-campaign .campaign-icon {
	border-radius: 258px;
	-moz-border-radius: 258px;
	-webkit-border-radius: 10px;
	width: 100%;
}

.sec-kyg-campaign .campaign-title-overlay {
	background-color: rgb(251 141 20 / 96%);
	height: 4px;
	overflow: hidden;
	position: absolute;
    bottom: 0;
	margin: 22px 18px 0 4px;
    border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	color: var(--color-orange);
    font-size: var(--global-font-size-typo24);
    padding: 0 32px;
	display: flex;
    align-items: center;
	justify-content: center;
	text-align: center;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	right: 0;
    left: 15px;
}

.sec-kyg-campaign .campaign-item:hover .campaign-title-overlay {
	height: 64px;
	margin: 22px 15px 0 0;
	color: var(--color-white);
}

.sec-kyg-partners {
	padding-top: 86px;
	padding-bottom: 58px;
	border-top: var(--color-fullservice-gray) solid 3px;
}

.sec-kyg-partners  .sec-kgy-partners-wrapper {
	padding-top: 38px;
}

.sec-kyg-partners  .sec-kgy-partners-wrapper,
.sec-kyg-contact  .sec-kgy-contact-wrapper {
	max-width: var(--global-partner-wrapper-max--width);
}

.sec-kyg-partners .partners-item {
	padding: 18px 0;
}

.sec-kyg-partners .partners-item img {
	width: 100%;
}

.sec-kyg-contact {
	background-color: var(--color-fullservice-gray);
	padding-top: 86px;
	padding-bottom: 68px;
}

.sec-kyg-contact .contact-form {
	padding-top: 46px;
}

.sec-kyg-contact .form-control {
	height: calc(1.5em + 0.75rem + 15px);
}

.sec-kyg-contact textarea.form-control {
	height: auto;
	resize: none;
}

.sec-kyg-contact .btn-blue-fill {
	margin-top: 50px;
	font-weight: var(--typo-weight-semibold);
}

.sec-kyg-contact .btn-blue-fill i {
	margin-left: 6px;
}

*:focus {
    outline: none;
}

.sec-footer {
	background-color: var(--color-blue);
	color: var(--color-white);
}

.sec-footer .footer-wrapper {
	max-width: var(--global-content-wrapper-max--width);
	margin: 0 auto;
	padding-top: 3.5rem;
    padding-bottom: 2rem;
}

.sec-footer .footer-mottos {

}

.sec-footer .footer-mottos .mottos-title {
	margin-top: 22px;
    margin-bottom: 0;
    font-size: var(--global-font-size-typo24);
    font-weight: var(--global-font-weight-medium);
}

.sec-footer .footer-mottos .mottos-text {
	margin-bottom: 0;
	margin-top: 34px;
	font-size: var(--global-font-size-typo14);
    color: var(--color-light-blue);
    padding-right: 5rem;
}

.sec-footer .footer-contact {
	/* padding-left: 78px; */
}

.sec-footer .footer-contact .footer-icon  i {
	font-size: 45px;
	color: var(--color-orange);
	font-weight: var(--global-font-weight-semibold);
}

.sec-footer .footer-contact .footer-content {
	padding-left: 12px;
}

.sec-footer .footer-contact .content {
	position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    padding-right: 35px;
}

.sec-footer .footer-contact .content .col-content:nth-child(2) {
	padding-left: 24px;
}

.sec-footer .footer-contact .footer-content p {
	margin-bottom: 1px;
}

.sec-footer .footer-contact .footer-content .title {
	font-size: var(--global-font-size-typo12);
	color: var(--color-light-blue);
}

.sec-footer .footer-contact .footer-content .text {
	font-size: var(--global-font-size-typo20);
	font-weight: var(--global-font-weight-semibold);
}

.sec-footer .footer-separator {
	display: block;
	border-top: var(--color-light-blue-2) solid 2px;
	padding-bottom: 0;
    padding-top: 0;
}

.sec-footer .footer-wrapper.sec-footer-copyright {
	padding-top: 1.3rem;
	padding-bottom: 1.3rem;
}

.sec-footer-copyright .footer-copyright {
	color: var(--color-light-blue-2);
	font-size: var(--global-font-size-typo12);
}

.sec-footer-copyright .footer-copyright label,
.sec-footer-copyright .footer-copyright a:hover,
.sec-footer-copyright .footer-copyright a:active,
.sec-footer-copyright .footer-copyright a:visited {
	color: var(--color-white);
	text-decoration: none;
}

.sec-footer-copyright .footer-menu ul {
	list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-inline-start: 0;
	margin-block-end: 0;
}

.sec-footer-copyright .footer-menu ul > li {
	font-size: var(--global-font-size-typo14);
	color: var(--color-light-blue-2);
	cursor: pointer;
}

.sec-footer-copyright .footer-menu ul > li > a,
.sec-footer-copyright .footer-menu ul > li > a:hover,
.sec-footer-copyright .footer-menu ul > li > a:active,
.sec-footer-copyright .footer-menu ul > li > a:visited {
	color: var(--color-light-blue-2);
	text-decoration: none;
	font-weight: var(--global-font-weight-semibold);
}

#scroll-up
{
    display: none;
    position: fixed;
    width: 60px;
    height: 60px;
    right: 60px;
    bottom: 60px;
    background: var(--color-light-blue-2);
    border-radius: 30px;
    opacity: 0.7;
    color: white;
    z-index: 9990;
}

#scroll-up > span
{
    position: absolute;
    left: 20px;
    top: 16px;
}

.nav-background,
.navbar-toggle,
.overlay {
	display: none;
}

.toast {
	position: fixed;
    right: 29px;
    top: 155px;
    z-index: 99991;
}

.toast .toast-body {
	color: var(--color-white);
	padding: 1rem 2.5rem;
}

@media (min-width: 1180px) {
	
}