/* Inter Font */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-variablefont_opsz,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-italic-variablefont_opsz,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
}
/* Gotham Font */
@font-face {
    font-family: "Gotham";
    src: url("fonts/Gotham-Medium.otf");
}
@font-face {
    font-family: "Gotham";
    src: url("fonts/Gotham-Bold.otf");
    font-weight: bold;
}
@font-face {
    font-family: "Gotham";
    src: url("fonts/Gotham-MediumIta.otf");
    font-style: italic;
}
@font-face {
    font-family: "Gotham";
    src: url("fonts/Gotham-BoldIta.otf");
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: "Gotham";
    src: url("fonts/Gotham-Book.otf");
    font-weight: 300;
}
@font-face {
    font-family: "Merriweather";
    src: url("fonts/Merriweather-Regular.ttf");
    font-weight: 300;
}
@font-face {
    font-family: "GothamBlack";
    src: url("fonts/Gotham-Black.otf");
}

/* Animate On Click START */
/*
a {
	position: relative;
	overflow: hidden;
}

a:after,.clickRipple:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5px;
	height: 5px;
	background: rgba(220, 220, 220,.5);
	opacity: 0;
	border-radius: 100%;
	transform: scale(1, 1) translate(-50%);
	transform-origin: 50% 50%;
	pointer-events: none;
}

a:before{
	display:block;
	content:" ";
	position:absolute;
	z-index:0;
	background:rgb(20,20,20,.2);
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	transition: all 0.3s;
	pointer-events: none;
}

a:focus:not(:active):after {
	animation: ripple 1s ease-out;
}
*/
/* Animate On Click END */

/* Mobile Icon START */
#hamburger-icon {
	width: 23px;
	height: 16px;
	position: relative;
	display: block;
	margin: 10px;
	overflow: visible;
}
#hamburger-icon .line {
	display: block;
	background: rgba(0,0,0,0.5);
	width: 23px;
	height: 3px;
	position: absolute;
	left: 0;
	border-radius: 1.5px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
}
#hamburger-icon .line.line-1 {
	top: 0;
}
#hamburger-icon .line.line-2 {
	top: 50%;
}
#hamburger-icon .line.line-3 {
	top: 100%;
}
#hamburger-icon.active .line-1 {
	transform: translateY(8px) translateX(0) rotate(45deg);
	-webkit-transform: translateY(8px) translateX(0) rotate(45deg);
	-moz-transform: translateY(8px) translateX(0) rotate(45deg);
}
#hamburger-icon.active .line-2 {
	opacity: 0;
}
#hamburger-icon.active .line-3 {
	transform: translateY(-8px) translateX(0) rotate(-45deg);
	-webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
	-moz-transform: translateY(-8px) translateX(0) rotate(-45deg);
}
/* Mobile Icon END */

body {
	font-family: "Gotham", "Segoe UI", Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.6rem;
	color: #a7a7a7;
}
a:hover {
	text-decoration: none;
}
.letterSpacing2 {
	letter-spacing: 2px;
}
input[type="text"],input[type="password"],select,textarea {
	color: #000;
}
input[type="button"],input[type="submit"],button,.buttonStyle {
	display: inline-block;
	background-color: #000;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	min-width: 120px;
}
.max-width-400 {
	max-width: 400px;
}
.ab-close-button {
	min-width: auto !important;
}
.latest-news-max-img {
	max-width: 362px;
    max-height: 202px;
	margin-left: 10px;
	display: block;
	width: inherit;
	height: auto;
	object-fit: cover;
}
.related-news-max-img {
	max-width: 362px;
    max-height: 171px;
	display: block;
	width: inherit;
	height: auto;
	object-fit: cover;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
}
.min-width-60 {
    min-width: 60px;
}
.f-w-400 {
	font-weight: 400 !important;
}
.mw-769 {
    max-width: 769px;
}
.width-40 {
	width: 40px;
}
.p-absolute {
	position: absolute;
}
.lowRisk{
	background-color:#E0E7EA !important;
}
.medRisk{
	background-color:#6FCF97;
}
.highRisk{
	background-color:#00A562;
}
.verIcon {
    margin: -6px !important;
    margin-right: 16px !important;
 }
.pillGreen{
	background: #00A562;
	border-radius: 100px;
	padding: 9px 18px !important; 
}
.BgGradientBlue{
	background: linear-gradient(360deg, #183D4D -2.67%, #102930 100%);
}
.BgGradientBlue2{
	background: linear-gradient(180deg, #01121C 0%, #016AA4 100%);
}
.bg384858{
	background-color: #384858;
}
.bgGradieutBlueDark{
	background: linear-gradient(180deg, #091B38 0%, #1B3452 100%);
}
.bg384858{
	background-color: #384858;
}
.width-120 {
	width: 120px !important;
}
.w-20 {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 20% !important;
			flex: 0 0 20% !important;
	max-width: 20%;
}
.max-width-news-blog {
	max-height: 320px;
    max-width: 769px;
    margin: auto;
	display: block;
	width: inherit;
	height: auto;
	object-fit: cover;
}
.max-width-news-blog-detail {
	max-height: 420px;
    max-width: 770px;
    margin: auto;
	display: block;
	width: inherit;
	height: auto;
	object-fit: cover;
}
ol.inherit{
	list-style-type: disc;
}
ol.listPromoPoint {
	list-style-type: lower-alpha;
}
.font-got{
	font-family: 'GothamBlack';
}
.cardSemudahItu{
	position: relative;
	z-index: 100;
}
.cardSpecktaCuan{
	padding: 32px 64px;
	background: #FFF;
	border-radius: 30px;
	box-shadow: 0px 0px 10px 0px rgba(126, 174, 211, 0.20);
}
.marginTop75{
	margin-top: -75px;
}
.marginTop40{
	margin-top: 40px;
}
.marginAuto {
    margin: auto;
}
.m-l-70 {
    margin-left: 70px;
}
.m-r-70{
	margin-right: 70px;
}
.p-absolute {
	position: absolute;
}
.m-r-20 {
    margin-right: 20px;
}
.m-r-30 {
    margin-right: 30px;
}

.marginleft10imp{
	margin-left: 10px !important;
}
.marginleftmin10{
	margin-left: -10px;
}

.ab-iam-root,.ab-in-app-message {
    font-family: "Gotham", "Segoe UI", Verdana, Geneva, sans-serif !important;
}
.ab-centering-div, .ab-iam-root.v3 {
	z-index: 999999 !important;
}
.textnoBorder{
	border-style: none;
}
.droidSerif {
	font-family: 'Mukta', "Segoe UI", Verdana, Geneva, sans-serif;
	font-weight: 200;
}
.colorWhite {
	color: #fff;
}
.colorWhiteImportant {
	color: #fff !important;
}
.colorSubHeader {
	color: #ADB3C0;
}
.colorNameLabel{
	color:#677186;
}
.colorBlack {
	color: #202832;
}
.colorBlack24 {
	color: #202832;
}
.colorBlack28 {
	color: #202832;
}
.colorDarkgrey{
	color: #45526c;
}
.colorGreen{
	color: #00A562;
}
.colorGrey{
	color:#9B9B9B;
}
.colorE0E7EA{
	color: #E0E7EA;
}
.colorLightgrey{
	color:#CECECE;
}
.colorDarkRed{
	color:#ce0f0f;
}
.colorYellow{
	color: #feed2f;
}
.color687785{
	color: #687785;
}
.colorBlue{
	color:#4E7DB6 !important;
}
.colorRed{
	color:#f15e5f !important;
}
.color677186{
	color: #677186;
}
.color2E2E2E{
	color: #2E2E2E;
}
.linearGradientBg {
	background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.blueBgGradient{
	background: linear-gradient(350deg, #57A5CB -9.31%, #031D2B 92.57%);
}
.whiteBg {
	background-color: #ffffff;
}

.DarkGreyBg {
	background-color: #1D252E;
}

.semiwhiteBg{
	background-color: #F7FFF7;
}

.DarkLightBg{
	background: linear-gradient(90deg, #01101C 50%, #00334C 100%);
}

.softGreenBg{
	background-color: #F1F8DE;
}
.semiblackBg{
	background-color: #1D2833 !important;
}
.fullblackBg{
	background-color: #161616 !important;
}

.navyDarkBg{
	background-color: #1D252E !important;
}
.imagePreviewContainer {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.imagePreviewContainer img {
    width: 100%;
    opacity: 0;
}

.slider2Container {
	margin-top: -60px;
	/* overflow: hidden; */
}

.imgBannerNavy{
	background: url('../images/bannergrey_2.png') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.imgBannerRed{
	background: url('../images/bannerred_3.png') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.imgBannerBlue{
	background: url('../images/bannerblue_3.png') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.line-1px-e6e5e5 {
    height: 1px;
    width: 100%;
    background-color: #FAFAFA;
}

.posterBg{
	background-image: url('../images/videoposter.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.blackBg {
	background-color: #25303c !important;
}
.blackDarkBlue {
	background-color: #00264D !important;
}
.heightAuto{
	height: auto !important;
}
/*
.greyBg {
	background-color: #f7f7f7;
}
*/
.greenBg{
	background: linear-gradient(270deg, #07A964 0%, #1BCB3B 100%);
}
.greenBgnoGradien{
	background: #00A562;
	padding: 20px !important;
}
.darkgreyBg{
	background-color: #45526C;
}

.bluectaBg{
	background-color: #4E7DB6;
}

.graddarkBg{
	background: linear-gradient(180deg, #061733 0%, #1C3554 100%);
}

.gradgreenBg{
	background: linear-gradient(90deg, #00D301 0%, #36C275 49.02%, #00A562 100%);
}

.bluedarkBg{
	background: linear-gradient(360deg, #1B3452 -2.67%, #071935 100%);
}

.creamBg{
	background-color: #F4F8FA;
}

.blueskyBg{
	background-color: #E3EFF7;	
}

.greyBorder {
	border-top: 1px solid #eee;
}
.greyAllBorder {
	border: 1px solid #eee;
}
.greyBorderFull {
	border: 1px solid #eee;
	padding: 7px;
	padding-top: 5px;
}
.padding-15 {
	padding: 15px !important;
}
.cartOptions select {
	font-size: 1.3rem;
	background-color: #fff;
	border: 1px solid #eee;
	width: 100%;
}
.hideme{
	display: none !important;
}
.fontsize230{
	font-size: 230px;
}
.fontsize65{
	font-size: 6.5rem;
}
.mtb-20 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.mt-10 {
	margin-top: 10px;
}
.mt-20 {
	margin-top: 20px !important;
}
.fontsize26 {
	font-size: 2.6rem;
}
.fontsize27{
	font-size: 2.7rem;
}
.fontsize38px{
	font-size: 38px;
}
.fonthomepage{
	font-size: 6.5rem;
}
.fontsubhomepage{
	font-size: 2.8rem;
}
.fontsize100{
	font-size: 100px;
}
.fontsize10{
	font-size: 1.0rem;
}
.fontsize21px{
	font-size: 21px;
}
.fontsize60 {
	font-size: 6.0rem;
}
.fontsize54 {
	font-size: 5.4rem;
}
.fontsize50 {
	font-size: 50px;
}
.fontsize42 {
	font-size: 42px;
}
.fontsize45 {
	font-size: 4.5rem;
}

.fontsize38{
	font-size: 3.8rem;
}

.fontsize30{
	font-size: 3.0rem;
}

.fontsize34{
	font-size: 3.4rem;
}
.fontsize35{
	font-size: 3.5rem;
}
.fontsize28 {
	font-size: 2.8rem;
}
.fontsize24 {
	font-size: 2.4rem;
}
.fontsize20 {
	font-size: 2.0rem;
}
.fontsize22 {
	font-size: 2.2rem;
}
.fontsize23 {
	font-size: 2.3rem;
}
.fontsize16 {
	font-size: 1.6rem;
}
.fontsize17 {
	font-size: 1.7rem;
}
.fontsize18 {
	font-size: 1.8rem;
}
.fontsize15 {
	font-size: 1.5rem;
}
.fontsize14 {
	font-size: 1.4rem !important;
}
.border-radius-13 {
	border-radius: 13px;
}
.fontsize13 {
	font-size: 1.3rem;
}
.fontsize12 {
	font-size: 1.2rem;
}
.fontsize11 {
	font-size: 1.1rem;
}
.rootBox {
	display: block;
	position: relative;
}
.bigFont{
	font-size:5rem;
}
.border-left-only{
	border-radius: 8px 0 0 8px;
}
.border-right-only{
	border-radius: 0 8px 8px 0;
}
.border-right {
	border-right: 1px solid #F3F3F3 !important;
}
.border-top {
	border-top: 1px solid #F3F3F3 !important;
}
.eyePasswordForget,.eyePasswordForgetNew {
    position: absolute;
    right: 30px;
    top: 14px;
    cursor: pointer;
}
.eyePasswordOn, .eyePasswordOnNew {
    position: absolute;
    right: 30px;
    top: 10px;
    cursor: pointer;
}
.rootBox > .insideBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	text-align: center;
	font-size: 2.0rem;
	padding: 10px;
}
.marginLR20 {
	margin-left: 20px;
	margin-right: 20px;
}

ol.ref > li::marker {
	font-weight: bold;
	color: #1D2833;
  }

.marginLR40 {
	margin-left: 40px;
	margin-right: 40px;
}
.ptl {
	padding-top: 7px;
	padding-left: 7%;
}
.ptl2 {
    padding-bottom: 7px;
    padding-left: 7px;
}
.pt7 {
	padding-top: 7px;
}
.ptpb18px{
	padding-top: 18px !important;
	padding-bottom: 18px !important;
}
.displayNone {
	display: none;
}
.eachPrdName {
	line-height: 20px;
	margin-bottom: 4px;
}
.uppercase {
	text-transform: uppercase;
}
.eachLeftMenu a {
	display: block;
}
.eachLeftMenu input[type="checkbox"] {
	margin-right: 5px;
}
.eachLeftMenu > a:first-child {
	margin-bottom: 10px;
}
.eachLeftMenu > div > a {
	border-left: 1px solid #eee;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.eachLeftMenu > div > a:hover {
	border-left: 1px solid #c6c6c6;
	color: #000;
}
.footerMenu {
	color: #000;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.footerSubmenu a {
	display: block;
	text-transform: uppercase;
	font-size: 1.1rem;
	letter-spacing: 2px;
}
.footerSubmenu a:hover {
	padding-left: 10px;
}
.priceCoret {
	text-decoration: line-through;
}
.priceSale {
	color: #900;
	font-weight: bold;
}
.margintradecomp{
	margin-left: -16px;
    margin-top: -1px;
    margin-bottom: -1px;
}
.prdListBg {
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: contain;
}
.menuLeftSpacer {
	border-bottom: 1px solid #ddd;
}
.padTop2 {
	padding-top: 2px;
}
.padTop12 {
	padding-top: 12px;
}
.padRight10 {
	padding-right: 10px;
}
.padLeft10 {
	padding-left: 10px;
}
.marginRight10 {
	margin-right: 10px;
}
.padlr30{
	padding-left: 30px;
	padding-right: 30px;
}
.padTopBot20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.m-15 {
	margin: 15px;
}
.insidePrdEmblem {
	position: absolute;
	top: 5%;
	left: 0;
	font-size: 1.0rem;
	padding: 5px;
	padding-left: 8px;
	padding-right: 8px;
	color: #fff;
	letter-spacing: 2px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#checkTarget {
	display: block;
	overflow: hidden;
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
}
#topHead {
	/*background: linear-gradient(270deg, #07A964 0%, #1BCB3B 100%);*/
	font-size: 1.2rem;
}
#topHeadMobile {
	position: fixed;
	width: 100%;
	padding-bottom: 4px;
	background: linear-gradient(270deg, #07A964 0%, #1BCB3B 100%);
	z-index: 5;
	transition: all 0.4s;
}
.topHeadMobileTransparent {
	border-bottom: 1px solid transparent !important;
	background-color: rgba(255,255,255,0) !important;
}
/* #search {
	border: none;
	border-bottom: 1px solid lightgray;
	font-size: 1.3rem;
	width: 100%;
	max-width: 500px;
} */
#mainMenu a {
	font-size: 1.2rem;
	letter-spacing: 2px;
	margin-left: 10px;
	margin-right: 10px;
}
#googleMapIframe {
	border: 1px solid #ddd;
}
#subscribeIdxInput {
	width: 100%;
	font-size: 1.2rem;
	padding: 15px;
}
#footerSoc {
	text-align: center;
	margin-top: 1px;
	color: #000;
}
#footerSoc a {
	width: 25px;
	margin-left: 5px;
	margin-right: 12px;
}
#currentProductQuantity {
	height: 30px;
	width: 65px;
	text-align: center;
	font-size: 1.3rem;
}
#addToCart {
	display: block;
	text-align: center;
	background-color: #000;
	color: #fff;
	font-size: 1.2rem;
	letter-spacing: 2px;
	padding: 6px;
	border: 1px solid #eee;
	margin-left: 5px;
}
#addToCartSold {
	display: block;
	text-align: center;
	background-color: #c6c6c6;
	color: #fff;
	font-size: 1.2rem;
	letter-spacing: 2px;
	padding: 6px;
	border: 1px solid #eee;
	margin-left: 5px;
}
#prdorder {
	border: none;
	font-size: 1.1rem;
	padding: 5px;
	padding-left: 0;
	padding-right: 0;
	border-bottom: 1px solid #eee;
}
#indexRestTitle {
	font-size: 3.0rem;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#dashedTitle {
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #000;
}
#cartIcon {
	margin-right: 5px;
}
#leftMobSearchContainer input {
	border-radius: 3px;
	overflow: hidden;
	width: 100%;
	padding: 5px;
	font-size: 1.2rem;
}
#avatarLeft {
	border: 1px solid #ddd;
	max-width: 65px;
}
#locationfootericon {
	margin-right: 10px;
}
#mapPopupBox {
	max-width: 650px;
	background-color: #fff;
}
#prdMobileMenuContainer {
	position: relative;
}
#dummyArrowMobileMenu {
	position: absolute;
	top: 11px;
	right: 10px;
}
#mobileMenuPrdBtn {
	display: block;
	padding: 10px;
	background-color: #e7e7e7;
}
#mobileMenuPrdBtn:hover {
	cursor: pointer;
}
#mobilePrdMenu {
	border-bottom: 1px solid #e7e7e7;
}
#mapPopupBoxBtn {
	display: block;
	padding: 10px;
	color: #000;
}
#loginPopup {
	margin: auto;
	background-color: #fff;
}

#eventPopupCategory {
    top: 100px;
    position: fixed;
    width: 97%;
}
#ac-search {
    width: 100%;
    padding: 10px;
    color: #000;
    border: none;
    font-size: 1.3rem;
    border-radius: 45px;
    text-align: center;
    background-color: #F4F8FA;
}

.dropdown {
    z-index: 99;
    border: 1px solid #EFF4F6;
    box-sizing: border-box;
    /* Card / Shadow / 3 */
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0px 4px 10px 10px rgba(126, 174, 211, 0.1), 0px 4px 10px rgba(126, 174, 211, 0.25), 0px 0px 10px rgba(126, 174, 211, 0.2);
    border-radius: 6px;
    /* font */
    font-family: Gotham;
    font-style: normal;
    font-weight: normal;
    font-size: 1.4rem;
}
.res-padding-search {
    background:white;
    border-radius: 14px;
    padding:30px;
}
.custom-list-dd {
    margin-left: 30px;
}
.custom-list-dd.active {
    color: #00A562 !important;
}
.custom-list-dd-title {
    margin-left: 30px;
    color: #ADB3C0 !important;
    pointer-events: none;
}
.wrapper-dropdown-1 {
    /* Size and position */
    position: relative; /* Enable absolute positionning for children and pseudo elements */
    padding: 10px;
    margin: 0 auto;
    /* Styles */
    color: #202832;
    outline: none;
    cursor: pointer;
    border: 1px solid #EFF4F6;
    box-sizing: border-box;
    border-radius: 6px;
	background: #FFFFFF;
}

.wrapper-dropdown-1:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -6px;       
    border-style: solid;
    border-color: #202832 transparent;
    border-width: 6px 6px 0 6px ;
}

.wrapper-dropdown-1 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 3px;
    /* Styles */
    background: #fff;
    list-style: none;
    font-weight: normal; /* Cancels previous font-weight: bold; */

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}
.wrapper-dropdown-1 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #45526C;
    padding: 10px 0px;
    font-family: 'Gotham';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}

/* Hover state */
.wrapper-dropdown-1 .dropdown li:hover a {
    background: #f3f8f8;
}

.wrapper-dropdown-1 .dropdown li div {
    display: block;
    text-decoration: none;
    color: #45526C;
    padding: 10px 0px;
    font-family: 'Gotham';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}

/* Hover state */
.wrapper-dropdown-1 .dropdown li:hover div {
    background: #f3f8f8;
}

/* Active state */
.wrapper-dropdown-1.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

.wrapper-dropdown-1.active:after {

    border-color: transparent rgb(10, 10, 10);    
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #202832; 
    margin-top: -10px;
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-1 .dropdown,
.no-pointerevents .wrapper-dropdown-1 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-1.active .dropdown,
.no-pointerevents .wrapper-dropdown-1.active .dropdown {
    display: block;
}

.ac-breadcumb {
    margin-top: 10px;
    margin-bottom: 10px;
}
.ac-btn-searc {
    background: #FFFF;
    border-radius: 50%;
    background-image: url(../images/magni.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    width: 35px;
    height: 35px;
    border: 1px solid #EFF4F6;
    cursor: pointer;
}
/* color */
.ac-color-bg-green {
   background :linear-gradient(90deg, #00D301 0%, #36C275 49%, #00A562 100%);
}
.color-green {
    color: #00A562;
}
.tombol-search {
    width: 100%;
    height: 32px; 
    border-radius: 6px;
    cursor: pointer;
}
.min-width-none {
    min-width: auto;
}

.align-middle{
	vertical-align: middle!important;
}

.smalldarkgreyBox{
	background: #677186;
	border-radius: 100px;
	color: #ECF5F1;
	padding: 12px;
	width: 100%;
}

.smallgreensBox{
	background: #00A562;
	border-radius: 100px;
	color: #ECF5F1;
	padding: 12px;
	width: 100%;
}

.label-green-active {
    color: #00A562 !important;
    background: #ECF5F1;
    border-radius: 10px;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    margin-left: -8px;
}

.tab-left-label {
    /* Body / Medium */
    font-family: Gotham;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    /* identical to box height, or 150% */
    /* Hierarchy / 2 */
    color: #45526C;
}

.rm-dote {
    list-style-type:none;
    padding-left: 10px;
}

.left20{
	margin-left: 20px;
}
.leftminus20{
	margin-left: -20px;
}

.left30{
	margin-left: 30px;
}

.left50{
	margin-left: 50px;
}

.metat5{
	padding-top: 50px;
	padding-bottom: 50px;
}

.marginl10px{
	margin-left: 10px;
}

.borderradius100 {
    border-radius: 15px;
    overflow: hidden;
}
.borderradius18 {
    border-radius: 18px;
    overflow: hidden;
}
.pcc{
	place-content: center;
}

.borderWhiteBottom {
    border-bottom: 1px #ececec solid;
}

.backgroundTableNews {
    font-family: Gotham;
    background: #F5F8FA;
    color: #202832;
    font-size: 14px;
    line-height: 27px;
}
.backgroundTableNc {
	border-radius: 20px;
    font-family: Gotham;
    background: #fff;
    color: #202832;
    font-size: 14px;
    line-height: 27px;
	filter: drop-shadow(0px 0px 10px rgba(126, 174, 211, 0.2));
}
.backgroundTableNc, .thPromoNc, .tdPromoNc {
	border: 0.5px solid #EFF4F6 !important;
  }

.mainbg{
	background-image: url("../images/mainbg.jpg");
	background-blend-mode: luminosity;	
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}

.productBg{
	background-image: url("../images/productbg.png");
	background-blend-mode: luminosity;	
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;	
}

.downloadplatformBg{
	background-image: url("../images/mobileappbanner.png");
	background-blend-mode: luminosity;	
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;	
}

ul.line {
	list-style: none;
  }
  
  ul.line li.line {
	padding-bottom: 11px;
	margin-bottom:29px;
	position:relative;
  }
  
  ul.line li.line span:first-child {
	background: #00A562;
	border-radius: 8px;
	border: 1px;
	color: #FFF;
	padding: 8px 14px;
	margin-right: 10px;
  }
  ul.line li.line span.text{
	padding-left: 40px;
  }
  .verticalLine{
	position:absolute;
	height:100%;
	width:1px;
	border-left:2px solid #ECF5F1;
	left:15px;
	top:26px;
  }
  .paddingl100px{
	  padding-left: 100px;
  }

.removeGrayscale{
	filter: grayscale(0%);
}

.grayOverlay{
	background: rgba(0,0,0,0.4);
}

.whiteBorder{
	border: 1px solid #FFF;
}
.symbolImageSignal{
	min-width: 50px;
	width: auto;
}
.rounded4{
	border-radius: 4px;
}
.rounded2{
	border-radius: 2px;
}
.rounded8{
	border-radius: 8px;
}
.rounded10{
	border-radius: 10px;
}
.rounded14{
	border-radius: 14px;
}
.rounded20{
	border-radius: 20px;
}
.rounded30{
	border-radius:30px;
}
.rounded20top{
	border-radius: 20px 20px 0 0;
}
.maxWidth400x1{
	max-width: 400px;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.noBottomRightBorderRadius{
	border-bottom-right-radius: 0px !important;
	-moz-border-radius-bottomright: 0px !important;
	-webkit-border-bottom-right-radius: 0px !important;
}
.noBottomLeftBorderRadius{
	border-bottom-left-radius: 0px !important;
	-moz-border-radius-bottomleft: 0px !important;
	-webkit-border-bottom-left-radius: 0px !important;
}
.noTopRightBorderRadius{
	border-top-right-radius: 0px !important;
	-moz-border-radius-topright: 0px !important;
	-webkit-border-top-right-radius: 0px !important;
}
.noTopLeftBorderRadius{
	border-top-left-radius: 0px !important;
	-moz-border-radius-topleft: 0px !important;
	-webkit-border-top-left-radius: 0px !important;
}
.hiddenCorner{
	overflow:hidden;
}

.italicFont {
  font-style: italic;
}

.regularFont{
	font-weight: 300;
}

.semi-bold{
	font-weight: 500;
}

.bold{
	font-weight: bold;
}

.topmenu{
	padding:10px;
	padding-left:18px;
	padding-right: 18px;
	display: inline-block;
	overflow:unset;
}

.slideMenuContainer {
	margin: auto;
	display: none;
	width: auto;
	min-width: 520px;
	padding:14px;
}

.slideDownMenu {
	position: absolute;
	display: none;
	background-color: #FFF;
	z-index: 999;
	width: 70%;
	left: 15%
}

.overlayBlack{
	width: 100%;
	background-color: rgba(0,0,0,0.6);
	/*
	min-height: 95%;
	height:auto;
	*/
	height: 100%;
	position: fixed;
	display: none;
	z-index: 9;
}

.btnChange {
	border: none;
	outline: none;
	padding: 10px 16px;
	background-color: #f1f1f1;
	cursor: pointer;
  }
  
.btnChange:hover {
background-color: #666;
color: white;
}

.radioofbutton{
display:inline-block;
padding:3px;
border:1px solid #e0e0e0;
border-radius:8px;
background-color:rgba(69, 82, 108, 0.1);
color: #8A92A2;
width:100%;
text-align:center;
}
input[type='radio'][name='buttonGroup'] { display:none; }
input[type='radio'][name='buttonGroup']:checked + label { background-color:#45526C; color: #FFFFFF;}

.paddingbtnchange{
	padding: 11px 36px;
}

.adjustOverlay{
	/*margin-top: -38px;*/ /*Default*/
	margin-top: -72px; /*adjustment notif banner*/
}

.inlineBlock{
	display: inline-block;
}

.posRelative{
	position: relative;
}

.closePop{
	position: absolute;
	right:20px;
	top:20px;
	cursor: pointer;
}

.pointer{
	cursor: pointer;
}

.productFaq{
	cursor: pointer;
	background-image: url("../images/arrowdown.png");
	background-repeat: no-repeat;
	background-position: right;
	background-size: 10px;
}

.closePop img{
	width: auto; /*override magni popup css*/
	height: auto; /*override magni popup css*/
}

.absoluteLeft{
	cursor: pointer;
	top:35%;
	position: absolute;
	left:20px;
	z-index: 7;
}

.absoluteRight{
	cursor: pointer;
	top:35%;
	position: absolute;
	right:20px;	
	z-index: 7;
}
.tambahScrollHeader{
	max-height: 400px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.lineHeight80px{
	line-height: 80px;
}

.lineHeight60px{
	line-height: 60px;
}

.lineHeight150{
	line-height: 150%;
}

.lineHeight165{
	line-height: 165%;
}

.lineHeight175{
	line-height: 175%;
}
.lineHeight27px{
	line-height: 27px;
}

.lineHeight200{
	line-height: 200%;
}

.lineHeight300{
	line-height: 300%;
}

.dropShadow{
	border: 1px solid #F6F6F6;
	box-shadow: 0px 20px 25px rgba(40, 47, 60, 0.05), 0px 3px 4px rgba(40, 47, 60, 0.05);
}

.whiteBox{
	background-color: #FFFFFF;
	box-shadow: 0px 20px 25px rgba(40, 47, 60, 0.05), 0px 3px 4px rgba(40, 47, 60, 0.05);
	border-radius: 15px;
	padding:18px;
	overflow: hidden;
}

.creamBox{
	background-color: #F4F8FA;
	box-shadow: 0px 20px 25px rgba(40, 47, 60, 0.05), 0px 3px 4px rgba(40, 47, 60, 0.05);
	border-radius: 15px;
	padding:18px;
	overflow: hidden;
}

.greyBox{
	background-color: #E0E7EA;
	border-radius: 20px;
	padding:18px;
	overflow: hidden;
	/* width: 100%; */
}

.greenBox{
	background-color: #ECF5F1;
	border-radius: 20px;
	padding:18px;
	overflow: hidden;
	/* width: 100%; */
}

.box {
    /* width:662px; */
    margin:0 auto;
    
}

.box li {
   display: flex;
  align-content: center;
  flex-wrap: wrap;
  flex-direction:column;
  
}

.imagew{
  /* height: 100px;
  width:100px; */
  border-radius: 50%;
}

.linews {
     border-left: 1px solid green;
     height: 70px;
}
.linew {
	border-left: 1px solid green;
	height: 40px;
}
.ulil {
    display: inline-block;
}
.linews {
    display: block;
    margin: 0 auto;
}
.linew {
    display: block;
    margin: 0 auto;
}

ul li:first-child > span.line { display: none; }

.borderstyle td {
	border-collapse: separate;
	border:1px solid #F4F8FA;
}
.borderstyleSpread td {
	border-collapse: separate;
	border:0.5px solid #F4F8FA;
}
.borderstyleSpread th {
	border-collapse: separate;
	border:0.5px solid #F4F8FA;
}
/* Position the parent relative. Set visibility of overflow and border colors. */
.fancy {
	position: relative;
	overflow: visible;
	border-color: #00A562;
	color: #00A562;
  }
  
  /* Add a pseudo element that contains our image. */
  .fancy:after {
	content: " ";
	position: absolute;
	display: block;
	top: -2em;
	width: 58px;
	height: 58px;
	left: 45%;
	margin-left: -8px; 
	
	background: url("../images/versus@2x.png");
	background-repeat: no-repeat;
	background-color: white;
	background-size: contain;
	outline: 3px solid white;
  }
  
  /* If we choose to use a div, set the border color. */
  div.fancy {
	  border-top: 1px solid;
  }
  
  /* If we choose to use an HR, set the border to be solid */
  hr.fancy {
	border-style: solid;
  }
  
.whiteBoxNoShadow{
	background-color: #FFFFFF;
	/*box-shadow: 0px 20px 25px rgba(40, 47, 60, 0.05), 0px 3px 4px rgba(40, 47, 60, 0.05);*/
	border-radius: 15px;
	padding:18px;
	overflow: hidden;
}

.sliderProductmobile .whiteBox{
	height:400px;
}

.sliderSignalstmobile .whiteBox{
	height:200px;
}

.noPadding{
	padding:0;
}
.paddinglr20px{
	padding-left:20px !important;
	padding-right:20px !important;
}
.paddinglr50px{
	padding-left:50px !important;
	padding-right:50px !important;
}
.paddinglr15{
	padding-left:15px;
	padding-right:15px;
}
.paddingH6{
	padding-left:6px !important;
	padding-right:6px !important;
}

.paddingH8{
	padding-left:8px !important;
	padding-right:8px !important;
}

.padding10{
	padding:10px !important;
}

.padding18{
	padding:18px !important;
}
.padding20{
	padding:20px !important;
}
.padding15{
	padding:15px;
}
.padding15Im{
	padding:15px !important;
}

.padding24{
	padding:24px !important;
}

.padding40{
	padding:40px !important;
}
.padding25{
	padding:25px !important;
}

.paddinglr5{
	padding-left: 5px;
	padding-right: 5px;
}
.stickyFooter{
	/*display: none;*/
	position: fixed;
	bottom: 0;
	z-index: 20;
}

.marginTopfloat{
	margin-top: -180px;
	float:left; 
}

.marginTop50{
	margin-top: 50px;
}

.marginTop20{
	margin-top: 20px;
}

.imgBgDropDownAndUp{
	background-image: url('../images/arrow_drop_down.png'),url('images/megaMenuArrUp.png');
	background-repeat: no-repeat ,no-repeat;
	background-position: right center, right 20px bottom -10px ;
	padding-right: 25px;
}
.imgBgDropDown{
	background-image: url('../images/arrow_drop_down.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 25px;
}
.displayBlock{
	display: block;
}
.height63{
	height: 63px;
}
.hidemenu{
	display:none;
}
.ovhidden {
	overflow: hidden;
}
.ue-click{
	cursor: pointer;
}

.progress{
	cursor: progress !important;
}
.fullRounded{
	width: 50px;
	height: 50px;
	border-radius: 100%;
	overflow: hidden;
}

.borderRadius8{
	border-radius: 8px;
}

.boxShadow{
	box-shadow: 0px 20px 25px rgba(40, 47, 60, 0.05), 0px 3px 4px rgba(40, 47, 60, 0.05);
}

.allShadow{
	box-shadow: 0px 0px 25px rgba(40, 47, 60, 0.05), 0px 20px 25px rgba(40, 47, 60, 0.05), 0px 3px 4px rgba(40, 47, 60, 0.05);
}

.bgMifx{
	background-image: url("../images/background_stripe.png");
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
}
.bgTransparent{
	background-color: transparent !important; 
}
.bgSecondary{
	background: #F4F8FA;
}
.bgWhite{
	background: #FFFF;
}
.bgGray {
	background: #E1E6EF;
}
.bgSemiGray {
	background: #E5EAF3;
}
.divMobilemenu{
	position: fixed;
	width: 100%;
	overflow:scroll;
	height:100%;
	display: none;
	background-color: #000;
	z-index: 999999;
}

.fixedBottom{
	padding-top:10px;
	padding-bottom:10px;
	background-color: #000;
	bottom:0px;
	position: fixed;
	width: 92%;
}

.submenumobile{
	display: none;
	padding:20px;
}

.lightgreyLine{
	border-top: 1px solid #F4F8FA;
}
.greyLine{
	border-top: 1px solid #ECECEC;
}
.darkgreyLine{
	border-top: 1px solid #424242;
}
.blueLine{
	border-top: 1px solid #4E7DB6;
}
.fullHeight{
	height: 100%;
}
.fullWidth{
	width: 100% !important;
}
.autoWidth{
	width: auto !important;
}
#legal1{
	background-image: url("../images/kemendag.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
}

#legal2{
	background-image: url("../images/jfx.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50%;
}

#legal3{
	background-image: url("../images/icdx.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50%;
}

#legal4{
	background-image: url("../images/kbi.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50%;
}

#legal5{
	background-image: url("../images/ich.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40%;
}

.sliderProductmobile{
	margin-top: -180px;
	overflow: hidden;
}

.sliderSignalsmobile{
	margin-top: -180px;
	overflow: hidden;
}

.sliderProductmobile .item img{
	width: auto !important;
}

.sliderSignalsmobile .item {
	width: auto !important;
}

.sliderTestimobile{
	overflow: hidden;
}

.sliderNewsmobile .item{
	padding:8px;
	padding-top:20px;
	padding-bottom: 20px;
}

.paddingbwb {
	padding-bottom: 20px;
	border-bottom: green;
}

.letterSpacing10 {
	letter-spacing: 10px;
}

.letterSpacingless2 {
	letter-spacing: -2px;
}

.currentCategory{
	border-bottom: 2px solid #00A562;
}
.colorGreenr{
	color : #00A562 !important;
}
.fixedHeight80{
	vertical-align: middle;
	height:80px;
}
.fixedHeight30{
	vertical-align: middle;
	height:30px;
}
.wrapperTopWinner{
	vertical-align: middle;
	height:34px;
	align-content: center;
}

.fixImage{
	width: auto;
	height: 40px;
}

.owl-dot{
	margin-right: -95px !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #07aa62 !important;
}

.owl-dots button.owl-dot:focus {
outline: none;
}

.superoffer{
	background: linear-gradient(270deg, #00d301, #36c275, #00a562);
	background-size: 600% 600%;
	-webkit-animation: AnimationName 15s ease infinite;
	-moz-animation: AnimationName 15s ease infinite;
	-o-animation: AnimationName 15s ease infinite;
	animation: AnimationName 15s ease infinite;
	position: relative;
}

.colorWhite70{
	color: rgba(255, 255, 255, 0.7);
}

.width-fit{
	width: fit-content;
}
.greenButton{
	padding:12px;
	background: linear-gradient(90deg, #00D301 0%, #36C275 49.02%, #00A562 100%);
	width: 100%;
	text-align: center;
}
.greenButtonReward{
	margin-right: -20px;
    background: linear-gradient(90deg, #00D301 0%, #36C275 49.02%, #00A562 100%);
    width: 119%;
    float: right;
    text-align: center;
}

.whiteButtonReward{
	background-color: #FFFFFF;
    width: 114%;
    text-align: center;
    margin-left: 16px;
}
.greenButtonwa{
	padding:20px;
	/*background: linear-gradient(90deg, #00D301 0%, #36C275 49.02%, #00A562 100%);*/
	background: linear-gradient(90deg, #00D301 0%, #36C275 49%, #00A562 100%);
	width: 100%;
	text-align: center;
	font-weight: 400;
	cursor: pointer;
	color: #ffff !important;
}
.resetButton{
	padding:12px;
	width: 100%;
	text-align: center;
	color: #1cae68;
	border: 1px solid #1cae68;
}
.greyButton{
	padding:12px;
	background: #45526C;
	width: 100%;
	text-align: center;
}
.yellowButton{
	padding:12px;
	background: #FEED2F;
	width: 100%;
	text-align: center;
}
.greenBtn {
	display: block;
	border: 1px solid #00A562;
	color: #00A562;
	text-align: center;
	width: 100%;
	padding:17px 0px;
}

.btngreenSmall {
	background: #00A562;
	border-radius: 8px;
	border: 1px;
	color: #FFF;
	padding: 8px 14px;
	margin-right: 10px;
}
.margin-right-16 {
	margin-right: 16px;
}
.transButton{
	padding:12px;
	border:1px solid #00A562;
	width: 100%;
	text-align: center;
}
.transButton2 {
	padding:12px;
	width: 100%;
	text-align: center;
	color: #687785;
}
.transButton2wa {
	padding:20px;
	width: 100%;
	text-align: center;
	color: #687785;
	background-color: #E0E7EA !important;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.transButton2wa .verIcon {
	filter: saturate(0.3) contrast(0.7) grayscale(0.5) brightness(0.5) opacity(0.8);
}
.color8A92A2{
	color: #8A92A2;
}
.color25303C{
	color: #25303C;
}
.color00BF72{
	color: #00BF72;
}
.blueButton{
	padding:12px;
	border:1px solid #4E7DB6;
	background-color: #4E7DB6;
	width: 100%;
	text-align: center;
}
/* css q */
.mAuto {
	margin: auto !important;
}
.maxWidth370 {
	max-width: 370px !important;
}
.maxWidth360 {
	max-width: 360px !important;
}
.pinkButton{
	padding:12px;
	border:1px solid #E24E6F;
	background-color: #E24E6F;
	width: 100%;
	text-align: center;
}

.whiteBorder{
	border:1px solid #FFF !important;
}

.whiteButton{
	padding:12px;
	background-color: #FFFFFF;
	width: 100%;
	text-align: center;
}


.productFaqcontent{
	display: none;
}

/*CSS dari agung*/
/*
.btn-beat:link,
.btn-beat:visited {
    text-decoration: none;
    padding:12px;
    display: inline-block;
    border-radius: 5px;
    transition: all .2s;
    position: relative;
}
*/

.btn-beat{
	text-decoration: none;
    padding:12px;
    display: inline-block;
    border-radius: 5px;
    transition: all .2s;
    position: relative;
}
.left-30 {
	left:30px;
}
.is-otp  {
	cursor: pointer;
}
.is-otp-disable {
	cursor: no-drop;
	color: #939a97 !important;

}
.left-80 {
	left:80px;
}
.btnOTPsend {
	background: white !important;
	padding: 20px;
    width: 100%;
    border: 1px solid #00A562;
    color: #00A562;
}
.top-16 {
	top: 16px;
}
.text-header-icon {
	position: sticky;
	top: 12px;
}
.text-uppercase{
	text-transform:uppercase!important;
}
.text-capitalize{
	text-transform:capitalize!important;
}
.mw-270 {
	max-width: 270px !important;
}
.p-download-head {
	padding-top: 10px;
	padding-bottom: 10px;
}

.btn-beat:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 10px rgba(153, 229, 65, 1);
}

.btn-blue-beat:hover{
	transform: translateY(-3px);
    box-shadow: 0 5px 10px rgba(78, 125, 182, 1);
}

.btn-pink-beat:hover{
	transform: translateY(-3px);
    box-shadow: 0 5px 10px rgba(226, 78, 111, 1);
}

.btn-beat:active {
    transform: translateY(-1px);
    box-shadow: 0 0px 5px rgba(153, 229, 65, 1);
}

.btn-beat::after {
	content:"";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .2s;
}

.btn-beat:hover::after {
    transform: scaleX(1.2) scaleY(1.6);
    opacity: 0;
}
/*
.btn-white-small {
    color: #fff;
}
*/
.btn-green-beat::after {
    background-image: linear-gradient(90deg, #00D301 0%, #36C275 49%, #00A562 100%);
}

.btn-blue-beat::after {
	border:1px solid #4E7DB6;
    background-color: #4E7DB6;
}

.btn-pink-beat::after {
	border:1px solid #E24E6F;
    background-color: #E24E6F;
}

.btn-trans-beat::after {
	border:1px solid #07D10F;
    background-color: transparent;
}

.btn-trans-beat-white-border::after {
	border:1px solid #fff;
    background-color: transparent;
}

.btn-white-beat::after{
	background-color: white;
}

.btn-cream-beat::after{
	border:1px solid #07D10F;
	background-color: #F4F8FA;
}

.btn-animated-small {
    animation: moveInBottom 5s ease-out;
    animation-fill-mode: backwards;
}
.color-white {
	color: white;
}
/*
.whiteBox{
	background-color: #FFFFFF;
	box-shadow: 0px 20px 25px rgba(40, 47, 60, 0.05), 0px 3px 4px rgba(40, 47, 60, 0.05);
	border-radius: 15px;
	padding:18px;
	min-width: 200px;
	overflow: hidden;
}

.card-product{
	padding:20px;
	box-shadow: 0 1px 5px #ececec;
	border-radius: 8px;
	max-width: 200px;
	position: relative;
	float: left;
	margin:20px;
	transition: all .2s;
	top:0px;
    font-family: Gotham-Medium;
    background-color: #fff;
}

.card-product p{
    font-size:14px;
    line-height: 20px;
    color:#585F6A;
    font-weight:regular;
    font-family: Gotham-Medium;
}
*/
.positionRelative{
	position: relative;
}

.padding-10{
	padding:10px;
}

.width-100{
	width: 100%;
}
.width-110{
	width: 110%;
}

.rounded4{
	border-radius: 4px;
}

.newsTable2 tr:nth-child(even) {
    background-color: #fff;
}

.newsTable2 tr:first-child {
    background-color: #00A562;
}

.newsTable3 tr:nth-child(even) {
    background-color: #fff;
}

.newsTable3 tr:first-child {
    background-color: #45526C;
}

.firstRow td {
    border-right: 1px solid #fff;
}

.firstRow td:last-child {
    border-right: none;
}

.borderWhiteRight {
    border-right: 1px #ececec solid;
}

.borderWhiteLeft {
    border-left: 1px #ececec solid;
}

.borderWhiteTop {
    border-top: 1px #ececec solid;
}

.borderWhiteBottom {
    border-bottom: 1px #ececec solid;
}

.bottomInfo {
    background: #E0E7EA;
    padding: 10px 29px 10px 29px;
    color: #202832;
    font-family: Gotham;
    font-style: normal;
    /* font-weight: normal; */
    font-size: 14px;
    line-height: 21px;
}

.outofstockButton{
	background-color: #687785;
	text-align: center;
	padding: 10px 10px;
	color: #ffffff;
}

.imageSame {
    width:  150px;
    height: 150px;
    object-fit: cover;
}
.imageSameDpr {
    width:  150px;
    object-fit: cover;
}

.floatNone{
	float: none !important;
}

.cardAnimate{
	top:0px;
	float: left;
	transition: all .2s;
	position: relative;
}

.cardAnimate:hover{
	box-shadow: 0 10px 20px #e0e0e0;
	transition: all .2s;
	top:-5px;
}

.homeBtn{
	float: left;
    vertical-align :middle;
}

.opacity1{
	opacity: 0.1;
}

.maxWidth200{
	max-width: 200px;
}
.height68{
	height: 68px;
}
.heightAndWithButtonVerif{
	height: 54px !important;
	width: 217px !important;
}
.width20{
	width: 20px;
}

.maxWidth250{
	max-width: 250px;
}

.maxWidth400{
	max-width: 400px;
}

.maxWidth500{
	max-width: 500px;
}
.customUl {
	list-style-type: none;
  	list-style-image:none;
  	padding: 0;
}
.cursor-pointer {
	cursor: pointer;
}
.SALE {
	text-align: center;
	background: #CA0000;
	letter-spacing: -0.245614px;
	flex: none;
	order: 0;
	flex-grow: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	margin-top: 15px;
	padding: 5px 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-left: 0px;
}
.NEW {
	text-align: center;
	letter-spacing: -0.245614px;
	background: #2D9CDB;
	flex: none;
	order: 0;
	flex-grow: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	margin-top: 15px;
	padding: 5px 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-left: 0px;
}

.customUl li {
	background-size: 16px;
	background-image:  url('../images/greencheck.png');
	background-position: 0px 8px;
	background-repeat: no-repeat;
	padding-left: 40px;
}

.customUl li.cross{
	background-size: 16px;
	background-image:  url('../images/redcross.png');
	background-position: 0px 8px;
	background-repeat: no-repeat;
	padding-left: 40px;
}

.customUl li.whiteCheck{
	background-size: 16px;
	background-image:  url('../images/whitecheck.png');
	background-position: 0px 8px;
	background-repeat: no-repeat;
	padding-left: 40px;
}

.customUl li.yellowCheck{
	background-size: 16px;
	background-image:  url('../images/yellowcheck.png');
	background-position: 0px 8px;
	background-repeat: no-repeat;
	padding-left: 40px;
}

.resetMargin{
	margin:0 !important;
}

.marginTopminus50{
	margin-top: -50px;
}

.sliderContainer{
	margin-top: -100px;
	overflow: hidden;
}

.sliderContainer .item img{
	width:100%;
}

.sliderContainermobile{
	margin-top: -50px;
	overflow: hidden;
}

/*Video css START*/
/*
.videoContainer{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    height: 90vh;
}
*/
#myVideo {
	z-index: -1;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	object-fit: cover;
	height: 100%;
	/*
	z-index: -1;
  	position: absolute;
  	right: 0;
  	top: 0;
  	width: 100%;
  	object-fit: cover;
  	height: 50vh;
	overflow: hidden;
	*/
}
/*Video css END*/

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
/*CSS dari agung*/
/* CSS ASEN START */
a.menuItemHover:hover{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #ECF5F1;
} 

.border-0{border:0!important}
.border-top-0{border-top:0!important}
.border-right-0{border-right:0!important}
.border-bottom-0{border-bottom:0!important}
.border-left-0{border-left:0!important}

.roundedFullTop{
	-webkit-border-top-left-radius: 100px;
	-webkit-border-top-right-radius: 100px;
	-moz-border-radius-topleft: 100px;
	-moz-border-radius-topright: 100px;
	border-top-left-radius: 100px;
	border-top-right-radius: 100px;
}
.roundedFullBottom{
	-webkit-border-bottom-right-radius: 100px;
	-webkit-border-bottom-left-radius: 100px;
	-moz-border-radius-bottomright: 100px;
	-moz-border-radius-bottomleft: 100px;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 100px;
}
.paddingtb5px{
	padding-top:5px;
	padding-bottom:5px;
}
.paddingtb10px{
	padding-top:10px;
	padding-bottom:10px;
}
.paddingtb15px{
	padding-top:15px;
	padding-bottom:15px;
}
.paddingtb16im{
	padding-top:16px !important;
	padding-bottom:16px !important;
}
.paddingtb20px{
	padding-top:20px!important;
	padding-bottom:20px!important;
}
.paddingtb18px {
	padding-top:18px!important;
	padding-bottom:18px!important;
}
.paddinglr0{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}

.containerKotak{
	margin-right:3%;
	margin-bottom:3%;
}
.width45{
	width: 45px;
}
.kotakHuruf{
	display:block;
	padding:5px;;
    width: 30px;
	text-align: center;
}
a.kotakHuruf:hover{
	background-color: #F1F8DE;
	border-radius: 2px;
}
.kotakHurufFirst{
	display:block;
	padding:5px;;
    width: 30px;
	text-align: center;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
a.kotakHurufFirst:hover{
	background-color: #F1F8DE;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.kotakHurufLast{
	display:block;
	padding:5px;;
    width: 30px;
	text-align: center;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
a.kotakHurufLast:hover{
	background-color: #F1F8DE;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.isinya{
	display:none;
}
.headnya{
	display:block;
	padding:10px 0;
}
.blueProcessBg{
	background-color: #4E7DB6;
	padding:12px;
	width: 100%;
	text-align: center;
}
.bg202832{
	background-color: #202832;
}
.bgE5EAF3{
	background: #E5EAF3;
}
.bgEDF2FC{
	background: #EDF2FC;
}
.blueBg{
	background-color: #E3ECF3;
	box-shadow: 0px 20px 25px rgba(40, 47, 60, 0.05), 0px 3px 4px rgba(40, 47, 60, 0.05);
	border-radius: 15px;
	padding:18px;
	overflow: hidden;
}
.redProcessBg{
	background-color: #E24E6F;
	padding:12px;
	width: 100%;
	text-align: center;
}
.redBg{
	background-color: #F2E7EC;
	box-shadow: 0px 20px 25px rgba(40, 47, 60, 0.05), 0px 3px 4px rgba(40, 47, 60, 0.05);
	border-radius: 15px;
	padding:18px;
	overflow: hidden;
}
.greyProcessBg {
	background-color: #ADB3C0;
	color: #677186;
	width: 100%;
	text-align: center;
	padding:12px;
}
.cursorDisabled {
	cursor: not-allowed !important;
}
.cardBlackBox{
	background: #202832;
	border-radius: 40px;
}
.greendropBg{
	background-color: #00A562;
}
.greenBorder{
	border: 1px solid #00A562;
}
.greenBorderOtp{
	border: 1px #DBF1D9 solid !important;
}
.greenButtonOtp{
	display: block;
	padding: 11px 10px;
	width: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #50b848;
	color: #ffffff;
}
.lineHeight25px{
	line-height: 25px;
}
.lineHeight30px{
	line-height: 30px;
}
.form-select select {
	width: 100%;
	border: 0;
	border: 1px solid #BECAD6;
	background: #ffffff url('../images/dropdown.png') no-repeat;
	/*background-size: 10px;*/
	background-position:  right 15px center;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.form-select select option {
	font-weight: 300;
}
/* CSS ASEN END */

/*CSS HANSEN START*/
.arrowLearn{
	padding: 20px;
	clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 0 45%, 0% 0%);
}

.staticgreenBg{
	background-color: #00A562;
}

.arrowPractice{
	padding: 20px;
	clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 51%, 0% 0%);
}

.arrowTrade{
	padding: 20px;
	clip-path: polygon(100% 1%, 100% 50%, 100% 100%, 0% 100%, 10% 51%, 0% 0%);
}

.greyBg{
	background-color: #E0E7EA;
}
.greyBgDisable{
	background-color: #E0E7EA;
	box-shadow: 0px 20px 25px rgba(40, 47, 60, 0.05), 0px 3px 4px rgba(40, 47, 60, 0.05);
	border-radius: 15px;
	padding:18px;
	overflow: hidden;
}
.greyBg1{
	background: rgba(69, 82, 108, 0.63);
}
.searchVideo{
	background-image: url("../images/magni.png");
	background-repeat: no-repeat;
	background-position: 10px;
	background-size: 20px;
	border:none !important;
	/* padding:8px; */
	padding-top: 14px;
	padding-left:40px;
	border-radius: 100px;
	overflow: hidden;
}

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

.listVideo{
	border: 1px solid #F4F8FA !important;
	width: 100%;
	border:none;
	padding:10px;
}
.padding-l3{
	padding-left: 3px;
}
.padding-r3{
	padding-right: 3px;
}
.hideLegal{
	cursor: pointer;
}

.grayscaleImage{
	filter: grayscale(100%);
	transition: all .2s ease-in-out;
}

.grayscaleImage:hover{
	filter: grayscale(0%);
	transition: all .2s ease-in-out;
}

#legalDiv{
	display: none;
}

.smallGreenbox{
	width: 30px;
	padding-top:6px;
	padding-bottom:6px;
	vertical-align: middle;
	background: #F1F8DE;
	border: 1px solid #00A562;
	border-radius: 2px;
}

.marketMovers{
	background-image: url("../images/marketmovers.png");
	background-repeat: no-repeat;
	background-position: center center;
}

.autoMaxWidthHeight{
	max-width:100%;
	max-height:100%;
}

.breakCrumbtext{
	font-size: 1.2rem;
}

.breakCrumbmargin{
	margin-left: 10px;
}

.faqDesc a{
	font-weight: bold;
	color: #00A562;
}
.color00A562 {
	color: #00A562;
}
.marginBottom10{
	margin-bottom: 10px;
}
.mwidth-270 {
	max-width: 270px;
}
.marginBottom20{
	margin-bottom: 20px;
}

.marginBottom60{
	margin-bottom: 60px;
}
/*CSS HANSEN END*/

/*CSS dari old mifx.com START*/
#viewVideoBox{
	max-width: 960px;
    margin: auto;
}

.videoViewWrapperPopup {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.videoTarget{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*CSS dari old mifx.com END*/
label {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type=checkbox].css-checkbox {
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 
	margin:-1px; 
	padding:0;
	border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:20px;
	height:15px; 
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -15px;
}

.lite-green-check{
	background-image:url("../images/lite-green-check.png");
}
.otpInputs input:focus-visible{
	outline: 1px solid #00A562;
}
#sendotp:disabled{
	background-color: #ccc !important;
	cursor: wait;
	border: 1px #f7f7f7 solid;
	color: #ffffff !important ;
}
.otpInputs {
	display: inline-block;
	margin: auto;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.otpInputs input[type="number"] {
	margin-right: 4px;
	margin-left: 4px;
}
input[type=number] {
	-moz-appearance:textfield; /* Firefox */
}
.termConditionContainer{
	background-color:#FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-right:2%;
	max-width:950px;
	margin:auto;
}

.privacyPolicyContainer{
	background-color:#FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-right:2%;
	max-width:950px;
	margin:auto;
}
.mfp-close.close-custom {
    min-width: auto;
    width:100% !important;
    height: 25px;
    line-height: 25px;
    position: relative !important;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 1;
    filter: alpha(opacity=1);
    padding: 0 0 18px 10px;
    font-style: normal;
	font-size:1.6rem !important;
	font-weight:bold;
	color: #00A562 !important;
	text-transform: capitalize;
}
.mfp-close.gbrx{
	height: 16px !important;
	width: auto;
	top: 15px !important;
	right: 15px !important;
	cursor: pointer;
	opacity: 1;
    filter: alpha(opacity=1);
}
#captchaInput input[type="text"]{
	border-radius:4px;
}
.comm100class{
	width: 188px;
	padding-right:25px;
	pointer-events:auto;
	margin-right:10px;
}
.comm100class a{
	display:inline-block;
	text-align:left !important;
	font-weight:bold;
	color:#ffffff;
	background-color:#50b848;
	border-bottom:none;
	text-transform:capitalize;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-image:url(../images/chat.png);
	background-repeat:no-repeat;
	background-position:center right 20px;
}
.fixed-bottom {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}
/*
.bottom90{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	bottom:90px !important;
}
*/
/* The container */
.containerCheckbox {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containerCheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmarkCheckbox {
  position: absolute;
  top: -3px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.containerCheckbox:hover input ~ .checkmarkCheckbox {
  background-color: #32c073;
}

/* When the checkbox is checked, add a blue background */
.containerCheckbox input:checked ~ .checkmarkCheckbox {
  background-color: #32c073;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmarkCheckbox:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containerCheckbox input:checked ~ .checkmarkCheckbox:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerCheckbox .checkmarkCheckbox:after {
	left: 9px;
	top: 3px;
	width: 8px;
	height: 15px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#captchaWrapper, #captchaImage, #captchaInput {
    text-align: left;
}
#captchaInput {
    width: 100%;
}
#captchaInput input {
    text-align: left;
}
.preload {
	overflow: hidden;
	margin-top: -1px;
	margin-left: -1px;
	width: 0.1px;
	height: 0.1px;
	opacity: 0.1;
}
.colorOrange{
	color: #FF8400;
}
.maxHeight199{
	height: 199px;
	max-height: 199px;
}
/* video campaign start */
.containervc {
	position: relative;
	/*width: 380px;*/
	margin: 30px auto;
	position: fixed;
	left: 30px;
	bottom: 10px;
	z-index: 9999;
}
.menuvideo {
  z-index: 1;
  position: absolute;
  top: -14px;
  /*left: -14px;*/
  right: -14px;
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  color: #99A3BA;
  border-radius: 50%;
  box-shadow: 0px 2px 14px -2px rgba(18, 22, 33, .5);
  background: #fff;
  transition: all .3s ease;
}
#checkTab {
  display: none;
}
.menuvideo .icon {
  position: absolute;
  top: 5px;
  left: 9px;
  width: 100px;
  height: 1px;
  /*background: currentColor;*/
  transition: width .3s ease;
}
.menuvideo .icon:before {
  /*content: '';
  position: absolute;
  top: -5px;
  left: 0;
  width: 14px;
  height: 1px;
  background: currentColor;
  transition: width .3s;*/
}
.menuvideo .icon:after {
  /*content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 12px;
  height: 1px;
  background: currentColor;
  transition: width .3s;*/
}
#checkTab:checked ~ .menuvideo:hover {
  /*transform: rotate(45deg);*/
}
#checkTab:not(:checked) ~ .menuvideo {
  box-shadow: 0 2px 12px -2px rgba(18, 22, 33, .1);
}
#checkTab:not(:checked) ~ .menuvideo:hover .icon,
#checkTab:not(:checked) ~ .menuvideo:hover .icon::before,
#checkTab:not(:checked) ~ .menuvideo:hover .icon::after {
  /*width: 14px;*/
  transition: all .3s ease;
}
#checkTab:not(:checked) ~ .menuvideo:hover .icon {
  /*background: currentColor;*/
}
#checkTab:not(:checked) ~ .tabs {
  display: none;
}
#checkTab:checked ~ .menuvideo .icon {
  background: transparent;
}
#checkTab:checked ~ .menuvideo .icon:before {
  /*width: 14px;
  position: absolute;
  top: 0px;
  transform: rotate(45deg);
  transition: all .3s ease;*/
}
#checkTab:checked ~ .menuvideo .icon:after {
  /*width: 14px;
  position: absolute;
  top: 0px;
  transform: rotate(-45deg);
  transition: all .3s ease;*/
}

.tabs {
  /*width: 380px;*/
  border-radius: 6px;
  box-shadow: 0 4px 24px -2px rgba(18, 22, 33, .1);
  background: #fff;
  color: #6C7486;
}
.nav-box {
  font-size: 0;
}

.content-box {
  position: relative;
  width: 100%;
  height: 300px;
  border-top: 1px solid #E4ECFA;
  border-radius: 0 0 6px 6px;
  background: #fff;
  font-size: 14px;
}
.content-box > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}
.nav-box:not(:focus-within) .nav-a {
  border-bottom: 1px solid #5628EE;
  color: #5628EE;
}
.nav-box:not(:focus-within) .content-a {
  display: hide;
}
.nav-a:focus-within ~ .content-box .content-a {
  display: hide;
}
.nav-b:focus-within ~ .content-box .content-b {
  display: hide;
}
.rebateol ol li{
	padding: 5px 10px;
	line-height: 30px;
	color: #1D2833;
	font-size: 1.4rem;
}

.rebateolhe ol,.rebateolhe ul{
	padding:0;
	margin:0;
	padding-left: 12px;
}

.rebateolhe ol li{
	padding: 0px 10px;
	line-height: 30px;
	font-size: 1.4rem;
}

ul.dashed {
  list-style-type: none;
}
ul.dashed > li {
  text-indent: -15px;
}
ul.dashed > li:before {
  content: "-";
  text-indent: -5px;
  padding-right: 10px;
}
.bg45526C{
	background-color: #45526C;
}
.bgE0E7EA{
	background-color: #E0E7EA;
}
.bg687785{
	background-color: #687785;
}
.bgeceef0{
	background-color: #eceef0;
}
.bgF2C94C{
	background-color: #F2C94C;
}
.color45526C{
	color: #45526C;
}
.colorAFFE04{
	color: #AFFE04;
}
.margintop-30{
	margin-top: -30px;
}
.fixImage-small-si{
	width: auto;
	height: 25px;
}
.object-semudah{
	-webkit-filter: drop-shadow(1px 1px 0 black)
	drop-shadow(-1px -1px 0 black);
	filter: drop-shadow(1px 1px 0 black) 
	drop-shadow(-1px -1px 0 black);
}
.greenButtonYellow{
	padding:5px;
	background:linear-gradient(88.25deg, #1BFF1B 0%, #B1FF3C 100.79%);
	width: 100%;
	border-radius: 4px;
	text-align: center;
}
iframe.vcamp {
  border-radius: 6px;
}
.maxHeight165{
	max-height: 165px;
}
.saleBadge{
	background-color: #CA0000;
	width: 67px;
	max-width: 67px;
	text-align: center;
	padding: 5px 10px;
}
.salebadgeposition{
	top:10px;
}

.newBadge{
	background-color: #2D9CDB;
	width: 67px;
	max-width: 67px;
	text-align: center;
	padding: 5px 10px;
}
.positionAbsolute{
	position: absolute;
}
.padding40{
	padding: 40px;
}
/* new style reff prog start*/
.fontsize41 {
	font-size: 4.1rem;
}
.fontsize40 {
	font-size: 4.0rem;
}
.fontsize88 {
	font-size: 8.8rem;
}
.fontsize21 {
	font-size: 2.1rem;
}
.fontsize121 {
	font-size: 12.1rem;
}
.fontsize28c {
	font-size: 2.5rem;
}
.color1D2833{
	color: #1D2833;
}
.color202832{
	color: #202832;
}
.allShadowNew{
	box-shadow: 0px 0px 10px rgba(126, 174, 211, 0.25), 0px 0px 10px rgba(126, 174, 211, 0.2);
}
.rounded18{
	border-radius: 18px;
}
.paddinglr10{
	padding-left:10px;
	padding-right:10px;
}
.gradientdarkbluebg{
	background: linear-gradient(360deg, #1B3452 -2.67%, #071935 100%);
}
.colorAED250{
	color: #AED250;
}
.borderAED250{
	border: 1px solid #AED250;
}
.letterspacingmin15 {
	letter-spacing: -15px;
}
.lineHeight120px{
	line-height: 120px;
}
.bg2E4D71{
	background-color: #2E4D71;
}
.marginRight25{
	margin-right: 25px;
}
.marginLeft1px{
	margin-left : 1px
}
.imagePointNews{
	margin-right: -10px;
	height: 26px;
	width: 26px;
	margin-top: 3px;
}
.width330c{
	max-width: auto;
	min-width: auto;
}
.fontsize21c {
	font-size: 1.8rem;
}
.fontsize38px{
	font-size: 38px;
}
.fontsize48px{
	font-size: 48px;
}
.lineHeight44{
	line-height: 44px;
}
.lineHeight50{
	line-height: 50px;
}
.lineHeight24{
	line-height: 24px;
}
.lineHeight20{
	line-height: 20px;
}
.w160px{
	width: 160px !important;
}
.w155px{
	width: 155px !important;
}

.webkitCenter {
	text-align: -webkit-center;
}
.pscenter  {
	place-self: center;
	}
.wrapperProfitSmartVps{
	justify-content: center;
	text-align: center;
	background: linear-gradient(347deg, #01455F 0%, #071935 100%);
	padding: 38px 55px 48px 55px;
}

.wrapperCardProfitSmartVps{
	padding: 40px 20px 40px 20px;
	border-radius: 19.443px;
	background: #FFF;
	box-shadow: 0px 0px 9.301669120788574px 0px rgba(126, 174, 211, 0.20), 0px 0px 9.301669120788574px 0px rgba(126, 174, 211, 0.25);
}
.colorTextTitleProfitSmartVps{
	color: var(--headline, #1D2833);
}
.colorSubTextTitleProfitSmartVps{
	color: var(--hierarchy-2, #45526C);
}

.numberingLangkahSmartVps{
	text-align: center;
	border-radius: 100px;
	color: #fff;
	width: 45px;
	height: 45px;
	padding: 10px;
	justify-content: center;
	align-items: center;
	display: flex;
	font-size: 22px;
	background: var(--button-primary-click, linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(90deg, #00D301 0%, #36C275 49.02%, #00A562 100%));
}
.numberingLangkahTradeComp{
	text-align: center;
	border-radius: 100px;
	color: #fff;
	width: 45px;
	height: 45px;
	padding: 10px;
	justify-content: center;
	align-items: center;
	display: flex;
	font-size: 22px;
	background: var(--button-primary-click, linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(90deg, #00D301 0%, #36C275 49.02%, #00A562 100%));
}
.wrapperPrice{
	border-radius: 14px;
	border: 1px solid #A3EDBC;
	background: var(--linier-2, linear-gradient(180deg, #EBFFED 0%, #FFF 100%));
	padding: 40px 30px;
}
.displayFlex{
	display: flex;
}
.noneBorder{
	border: none !important;
}
.placeContentCenter{
	place-content: center;
}
  .textDiscountPriceSmartVps {
	position: relative;
  }
  .textDiscountPriceSmartVps:before {
	position: absolute;
	content: "";
	left: 0;
	top: 54%;
	right: 0;
	border-top: 3px solid;
	border-color: inherit;
  }
  .btnActivateSmartVps{
	text-align: center;
	justify-content: center;
	align-items: center;
	color: #FFF;
	border-radius: 10px;
	background: var(--primary-green-gradient, linear-gradient(90deg, #00D301 0%, #36C275 49.02%, #00A562 100%));
	padding: 25px 18px;
	font-size: 16px;
	display: block;
  }

  .wrapperActivateSmartVps{
	margin-top: 50px;
	border-top: 1px solid #EFF4F6;
  }

  .validateNewPAssword{
    border: 1px solid red !important;
}
  .validateReferralClass{
    border: 1px solid red !important;
}

.cardDpr{
	background-color: #ffff;
	border: 2px solid #00A562;
	border-radius: 20px;
	padding: 40px;
	max-width: 460px;
	text-align: center;
	margin-top: 70px;
}
.cardDprCA{
	background-color: #ffff;
	border: 2px solid #00A562;
	border-radius: 20px;
	max-width: 270px;
	text-align: center;
	margin-top: 70px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 20px 0px 20px 0px;
}
.pointDpr{
	color:#fff;
	font-weight: bold;
	font-size: 23px;
	position: absolute;
	background-color: #00A562;
	height: 75px;
	width: 75px;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 0;
	border-radius: 100%;
	border: 5px solid #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pointDprCA{
	color:#fff;
	font-weight: bold;
	font-size: 23px;
	position: absolute;
	background-color: #00A562;
	height: 57px;
	width: 57px;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 0;
	border-radius: 100%;
	border: 5px solid #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.justifyContentEvenly{
	justify-content: space-evenly;
}
.shadowCardFloating{
	box-shadow: 0px 0px 10px 0px #7EAED333;
}

/* new style reff prog end*/
/* video campaign end */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
} 
@media (max-width: 450px){
	.otpInputs input[type="number"] {
		margin-right: 0px;
		margin-left: 0px;
		width: 50px;
		height: 52px;
	}
	.heightAndWithButtonVerif{
		width: 330px !important;
	}
	/*
	.bottom90{
		-webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
		bottom:90px !important;
	}
	*/
}
@media(max-width: 768px){
	.wrapperProfitSmartVps{
		padding: 38px 15px 40px 15px !important;
	}
	.dtpicker-mobile .dtpicker-cont {
		top:35% !important;
	}

	.backgroundTableNews {
        font-size: 11.7px;
        color: #202832;
        line-height: 15px;
	}
	.backgroundTableNc {
        font-size: 11.7px;
        color: #202832;
        line-height: 15px;
	}

	.bottomInfo {
        padding: 2px 10px 2px 10px;
        color: #202832;
        font-size: 10px;
    }
	.maxwidth165b{
		max-width: 165px;
	}
	/*
	.bottom90{
		-webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
		bottom:90px !important;
	}
	*/
	.arrowLearn{
		font-size: 1.2rem !important;
	}

	.arrowPractice{
		padding-right: 30px !important; 
		font-size: 1.2rem !important;	
	}

	.arrowTrade{
		font-size: 1.2rem !important;
	}

	.breakCrumbtext{
		font-size: 1.0rem;
	}

	.breakCrumbmargin{
		margin-left: 10px;
	}

	.mobileImage img{
		width: 100%;
	}

	.bgMifx{
		background-image: none;
	}

	.stickyHeader{
		z-index:999;
		top:0;
		position:fixed;
		width: 100%;
		/*
		-webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
		*/
	}
	.smh{
		background-color:transparent;
		height: auto;
	}
	.judulPageBanner{
		font-size: 3.4rem;
	}
	.hidePaginationMobile{
		display: none;
	}
	.otpTxtBox{
		padding-top: 10%;
		padding-bottom:10%;
		font-size:1.8rem;
	}
	.otpInputs input[type="number"] {
		width: 50px !important;
		height: 52px;
	}
	/*
	.comm100class a{
		padding-right: 10px;
		width:50px;
		height: 50px;
		border-radius: 100px;
		background-image: url("../images/voicechat.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.comm100class{
		width:130px;
		padding-right:0px;
		padding-bottom:10px;
	}
	*/

	.comm100class a{
		width:130px;
		padding:7px 20px;
		font-size:1.4rem;
		background-size:20px;
	}
	.comm100class{
		width:130px;
	}
	.nextBg{
		background-image: none;
	}
	.fsContentWidth{
		width: auto;
	}
	.download-app-ios{
		width: 100%;
	}
	.download-app-android{
		width: 95%;
	}
	.fsminheight{
		min-height: auto;
	}
	.padding-box{
		padding: 0px;
	}
	.containervc {
		margin : 60px auto;
		width: 85%;
		max-width: 380px;
	}
	.tabs {
	  	width: 100%;
	  	max-width: 380px;
	}
	.vcamp{
		width: 100%;
		height: 220px;
	}
	.fontsize28c {
		font-size: 2.1rem;
	}
	.width330c{
		max-width: 330px;
		min-width: 330px;
	}
	.fontsize21c {
		font-size: 1.8rem;
	}
}

@media (min-width: 768px) { 
	.stickyHeader{
		z-index:999;
		position:fixed;
		width: 100%;
		top:0;
	}
	.maxwidth165b{
		max-width: 165px;
	}
	.smh{
		background-color:transparent;
		height: 58px;
	}
	.judulPageBanner{
		font-size: 5.4rem;
	}
	.hidePaginationMobile{
		display: none;
	}
	.otpTxtBox{
		height: 80px;
		font-size: 3.2rem;
	}
	.otpInputs input[type="number"] {
		width: 64px;
		height: 68px;
	}
	.textRightForDekstop{
		text-align:right;
	}
	.textLeftForDekstop{
		text-align:left;
	}
	.comm100class a{
		width:130px;
		padding:7px 20px;
		font-size:1.4rem;
		background-size:20px;
	}
	.comm100class{
		width:130px;
	}
	.padding-box{
		padding: 20px;
	}
	.nextBg{
		background-image: none;
	}
	.download-app-ios{
		width: 100%;
	}
	.download-app-android{
		width: 95%;
	}
	.fsContentWidth{
		width: 350px;
		max-width: 350px;
		min-width: 350px;
	}
	.fsminheight{
		min-height: auto;
	}
	.containervc {
	  	margin: 50px auto;
		width: 380px;
	}
	.tabs {
	  	width: 380px;
	}
	.vcamp{
		width: 380px;
		height: 220px;
	}
	.fontsize28c {
		font-size: 2.6rem;
	}
	.width330c{
		max-width: 330px;
		min-width: 330px;
	}
	.fontsize21c {
		font-size: 1.8rem;
	}
}

@media (min-width: 992px) {
	.dtpicker-mobile .dtpicker-cont {
		top:35% !important;
	}
	.stickyHeader{
		position:fixed;
		z-index:999;
		top:0;
		width: 100%;
	}
	.smh{
		background-color:transparent;
		height: 63px;
	}
	.judulPageBanner{
		font-size: 5.4rem;
	}
	.hidePaginationMobile{
		display: inline-block;
	}
	.otpTxtBox{
		height: 80px;
		font-size: 3.6rem;
	}
	.otpInputs input[type="number"] {
		width: 64px;
		height: 68px;
	}
	.comm100class a{
		width:188px;
		padding:7px 24px;
		font-size:1.6rem;
		background-size:28px;
	}
	.comm100class{
		width:188px;
	}
	.nextBg{
		background-image: url(../images/panahlive.png);
		background-repeat: no-repeat;
		background-position: right top 25%;
	}
	.fsContentWidth{
		width: 288px;
		max-width: 288px;
		min-width: 288px;
	}
	.fsminheight{
		min-height: 148px;
	}
	.containervc {
		margin: 30px auto;
		width: 380px;
	}
	.font-menu-header {
		font-size: 1.2rem;
	}
	.tabs {
	  width: 380px;
	}
	.vcamp{
		width: 380px;
		height: 220px;
	}
	.fontsize28c {
		font-size: 1.8rem;
	}
	.width330c{
		max-width: auto;
		min-width: auto;
	}
	.fontsize21c {
		font-size: 1.6rem;
	}
}

@media (min-width: 1200px) {
	.dtpicker-mobile .dtpicker-cont {
		top:35% !important;
	}
	.fonthomepage{
		font-size: 6.0rem;
	}
	.fontsubhomepage{
		font-size: 2.4rem;
	}
	#searchVideo{
		background-image: url("../images/magni@2x.svg");
	}

	.customUl li {
		background-image: url('../images/greencheck@2x.png');
	}

	.customUl li.cross{
		background-image: url('../images/redcross@2x.png');
	}

	.customUl li.whiteCheck{
		background-image: url('../images/whitecheck@2x.svg');
	}

	.customUl li.yellowCheck{
		background-image: url('../fonts/yellowcheck@2x.svg');
	}

	.productBg{
		background-image: url("../images/productbg@2x.png");
	}

	.downloadplatformBg{
		background-image: url("../images/mobileappbanner@2x.png");
	}

	.stickyHeader{
		position:fixed;
		z-index:999;
		top:0;
		width: 100%;
	}
	.smh{
		background-color:transparent;
		height: 63px;
	}
	.judulPageBanner{
		font-size: 5.4rem;
	}
	.hidePaginationMobile{
		display: inline-block;
	}
	.otpTxtBox{
		height: 90px;
		font-size: 3.6rem;
	}
	.otpInputs input[type="number"] {
		width: 64px;
		height: 68px;
	}
	.comm100class a{
		width:188px;
		padding:7px 24px;
		font-size:1.6rem;
		background-size:28px;
	}
	.comm100class{
		width:188px;
	}
	.nextBg{
		background-image: url(../images/panahlive.png);
		background-repeat: no-repeat;
		background-position: right top 25%;
	}
	.fsContentWidth{
		width: 350px;
		max-width: 350px;
		min-width: 350px;
	}
	.fsminheight{
		min-height: 123px;
	}
	.containervc {
		margin: 30px auto;
		width: 380px;
	}
	.font-menu-header {
		font-size: 1.4rem;
	}
	.tabs {
	  width: 380px;
	}
	.vcamp{
		width: 380px;
		height: 220px;
	}
	.fontsize28c {
		font-size: 2.8rem;
	}
	.width330c{
		max-width: 360px;
		min-width: 360px;
	}
	.fontsize21c {
		font-size: 2.1rem;
	}
}

.video-tutorial {
	border-radius: 8px;
    height: 16rem;
}

.font-video-tutorial {
	/* Headline */

	font-family: Gotham;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 26px;
	/* or 153% */

	letter-spacing: -0.2px;
	color: #202832;
}

.font-date-video {
	/* Caption 2 */

	font-family: Gotham;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	/* identical to box height, or 164% */

	letter-spacing: 0.008em;

	/* Hierarchy / 4 */

	color: #ADB3C0;
}

.font-selengkapnya {
	/* Caption 1 / Medium */

	font-family: Gotham;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	/* identical to box height, or 150% */

	letter-spacing: 0.008em;

	/* Pure Green */

	color: #00A562;
}

.padding-alamat {
	padding-left:3rem !important;
	padding-right:5px !important;
}

.about-img {
    height: 80px;
    width: 80px;
}

.ml17pxmin {
	margin-left: -17px !important;
}

@media (max-width: 770px) {

	.video-tutorial {
		height: auto;
	}

	#search {
		max-width: 100%;
	}
}

@media only screen and (max-width: 370px) {
	.about-img {
		height: 50px;
		width: 50px;
	}
	.magin-left20 {
		margin-left: 20px;
	}
}

@media only screen and (min-width: 370px) and  (max-width: 480px) {
	.about-img {
		height: 60px;
		width: 60px;
	}
	.magin-left20 {
		margin-left: 25px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 600px) {
	.about-img {
		height: 65px;
		width: 65px;
	}

	.magin-left20 {
		margin-left: 15px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
	.about-img {
		height: 75px;
		width: 75px;
	}
	.magin-left20 {
		margin-left: 15px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
	#search {
		max-width: 100%;
	}
	.p-box-white {
		padding-right: 0px;
	}
	#legal1 {
		background-size: 40%;
	}
	#legal2 {
		background-size: 30%;
	}
	#legal3 {
		background-size: 30%;
	}
	#legal4 {
		background-size: 30%;
	}
	#legal5 {
		background-size: 20%;
	}
}

@media only screen and (min-width: 1120px) and  (max-width: 1200px) {
	.fonthomepage{
		font-size: 5.5rem;
	}
	.fontsubhomepage{
		font-size: 2.2rem;
	}
}

@media only screen and (max-width: 1119px) {
	.fonthomepage{
		font-size: 5.0rem;
	}
	.fontsubhomepage{
		font-size: 2.2rem;
	}
}

@media only screen and (max-width: 999px) {
	.fonthomepage{
		font-size: 4.0rem;
	}
	.fontsubhomepage{
		font-size: 1.8rem;
	}
}

@media only screen and (max-width: 990px) {
	.fontsize14 {
		font-size: 14px !important;
	}
	.row.small-gutter.justify-content-center {
		padding: 0px 2%;
	}
	/* .colorBlack {
		font-size: 16px
	} */
	.colorBlack28 {
		font-size: 28px
	}
	.colorBlack24 {
		font-size: 24px;
	}
	.colorDarkgrey {
		font-size: 14px;
	}
}

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

.container-period {
    padding: 4px 14px;
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgb(126 174 211 / 20%);
}

.container-period2 {
    padding: 4px 14px;
    background: #FFFFFF;
	border: 1px solid #677186;
	border-radius: 20px;
}
.container-period-hujan-emas {
	padding: 10px 14px;
    font-weight: 400;
    background: #FFFFFF;
    border: 1px solid #00A562;
    border-radius: 20px;
    color: #00A562;
	font-size: 16px;
}

/* untuk style video tutorial */
.container-search {
    padding: 20px;
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgb(126 174 211 / 20%);
}

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

.w-100 {
	width: 100%;
}

.marginRight12 {
	margin-right: 12px;
}

.marginLeft5 {
	margin-left: 5px;
}
.marginRight5 {
	margin-right: 5px;
}

	
.ml-82 {
	padding-left: 55px;
}
	
.uespacer15 {
    height: 15px;
}


.ml-5 {
	padding-left: 5px;
}

.padding-date-vid {
    padding: 1px 10px 0px;
}
.verline-date-vide {
    border-left: 1.5px solid #ADB3C0;
    height: 12px;
    width: 1px;
    margin: auto;
}
.margin-div-vidtor {
    padding: 15px 15px;
}

.ml-0 {
	margin-left: 0px;
}

.mr-0 {
	margin-right: 0px;
}

.pl-0 {
	padding-left: 0px;
}

.pr-0 {
	padding-right: 0px;
}
.danger {
	color: red !important;
}
.danger_input {
	border : 1px solid red !important;
}
.danger_input::placeholder {
    opacity: 0.5;
    color: red;
}

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

/* start breadscrum menu icon => support  */

.d-flex {
	display: flex;
}

.is-active-tab {
	padding-top: 9px;
	padding-bottom: 9px;
}

.margin-bread {
	padding-left: 55px;
}

.border-bottome4e4e4{
	border: 1px solid #e4e4e4;
}

.whiteTextbox{
	background: #FFFFFF;
	border: 1px solid #BECAD6;
}

.width-icon {
	position: static;
	width: 20px;
	height: 20px;
}

.width-arrow {
	position: static;
	width: 10px;
	height: 12px;
	left: 0px;
	top: 3px;
	margin: 0px 10px;
}

.marginRight-icon{
	margin-right: 12px;
}

.breadscrum-page {
	flex-direction: row;
	align-items: center;
    padding: 0px 7px;

	position: static;
	/* width: 116px;
	height: 18px; */
	left: 32px;
	top: 1px;
}

.label-tab-active {
	letter-spacing: 0.008em;
	font-weight: 500;
	color: #00A562;
	flex: none;
	order: 1;
	font-size: 12px;
	flex-grow: 0;
}

.label-tab {
	letter-spacing: 0.008em;
	color: #687785;
	flex: none;
	order: 1;
	font-size: 12px;
	flex-grow: 0;
}

.bgNewGrafik{
	padding: 28px 65px 12px 65px;
	background-image: url("../images/bgnewgrafik.png");
	background-size: cover;
	background-repeat: no-repeat;	
	border-radius: 20px;
}

.colorEFF4F6{
	color: var(--divider, #EFF4F6);
}
.placeSelfCenter {
	place-self: center;
}
.bgCtaNewGrafik{
	border-radius: 40px;
	background: linear-gradient(142deg, #0A1117 0%, #002B45 100%);
}

.bgCtaNewGrafikResponsive{
	background: linear-gradient(134.11deg, #010F17 56.34%, #293648 92.8%);
}
.lineNewGrafik{
	text-align: center;
	justify-content: center;
	height: 1px;
	background-color: #EFF4F6;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
}
@media (max-width: 770px) {
	.margin-bread {
		padding-left: 13px !important;
	}
	.breadscrum-page {
		padding: 0px 0px !important;
	}
	.marginRight-icon{
		margin-right: 5px !important;
	}
}

@media (max-width: 330px) {
	.breadscrum-page {
		padding: 0px !important;
		margin-left: 6px !important;
	}
	.width-arrow {
		margin: 0 0px;
	}
}

/* end breadscrum menu icon => suport  */

/* start searching menu */
#search {
	width: 100%;
	padding: 10px;
	color: #000;
	border: none;
	/* border-bottom: 1px solid lightgray; */
	font-size: 1.3rem;
	border-radius: 45px;
	text-align: center;
	padding-left: 45px;
	padding-right: 45px;
	background-color: #F4F8FA;
	/* background-image: url(../images/magni.png); */
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size : 20px;
}
.clearSearch{
	margin-left: -25px; 
	z-index: 100;
	width: 14px;
	height: 14px;
	background-image: url("../images/cancelsearch.svg");
	place-self: center;
	cursor: pointer;
}
.SeacrhLogo{
	margin-right: -41px; 
	margin-left: 26px;
	z-index: 100;
	width: 14px;
	height: 14px;
	background-image: url(../images/magni.png);
	place-self: center;
	background-repeat: no-repeat;
	background-size: 14px;
}
#search-box {
	width: 100%;
	padding: 8px;
	color: #000;
	border: none;
	font-size: 1.3rem;
	border-radius: 45px;
	text-align: center;
	padding-left: 45px;
	padding-right: 45px;
	background-color: #F4F8FA;
	/* background-image: url(../images/magni.png); */
	background-repeat: no-repeat;
	background-position: 32px center;
	background-size : 17px;
}
#ac-search {
	width: 100%;
	padding: 10px;
	color: #000;
	border: none;
	/* border-bottom: 1px solid lightgray; */
	font-size: 1.3rem;
	border-radius: 45px;
	text-align: center;
	padding-left: 45px;
	padding-right: 45px;
	background-color: #F4F8FA;
	background-image: url(../images/magni.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size : 20px;
}
#search::-webkit-search-cancel-button, #ac-search::-webkit-search-cancel-button, #search-box::-webkit-search-cancel-button {
	-webkit-appearance: none;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: url("../images/cancelsearch.svg");
	cursor: pointer;
  }
.btn-filter {
	background: #FFFFFF;
    box-shadow: 0px 0px 10px rgb(126 174 211 / 20%);
    border-radius: 20px;
    flex: none;
    order: 0;
    flex-grow: 0;
    padding: 8px 0px;
    text-align: center;
    border: 1px solid #00A562;
    color: #00A562;
	/* Button 1 / Medium */
	cursor: pointer;
	font-family: 'Gotham';
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	/* identical to box height, or 112% */
	letter-spacing: 0.008em;    
    margin-right: 0px;
    margin-left: -5px;
}
.padding-0 {
    padding: 0px;
}
.padding13 {
	padding: 13px;
}
.fwnormal {
	font-weight: normal;
}
.margin-0 {
    margin: 0px;
}
.search-mobile {
	border-radius: 0px;
	padding: 10px;
	box-shadow : none;
}
.filter-label {
	font-size: 12px;
}
.size-filter {
	margin: -1.5px -1px;
    height: 10px;
}
.popUpSmall{
	width: 100%;
}
@media (max-width: 770px) {
	.container-search {
		padding: 10px !important;
	}
}
@media (max-width: 300px) {
	.filter-label {
		font-size: 10px !important;
	}
}
/* end searching menu */


/* start glosarry */
.d-col {
	flex-direction: column;
}
.d-row {
	flex-direction: row;
}
.margin-search-glosarry {
	margin: 27px 0px;
}
.verticalLine-glossary {
    border: 1px solid #E0E7EA;
    margin: 0px 25px 0px 75px;
}
.wrap-verticalline-glossary {
    width: 32px;
    height: auto;
    background: #FFFFFF;
    border: 1px solid #00A562;
    box-sizing: border-box;
    border-radius: 100px;
	margin-top: -20px;
}
.font-line {
	font-family: Gotham;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
	letter-spacing: -0.2px;
	color: #00A562;
}
.header-line {
	height: 33px;
	background: #E0E7EA;
	text-align: center;
	margin-top:	20px;
}
.font-header-line {
	font-family: Gotham;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	letter-spacing: -0.2px;
	color: #687785;
}

.pnovafont{
    font-size: 1.8rem;
}
.content-desc {
	padding-left: 15px;
}

@media (max-width: 770px) {
	.pnovafont{
		font-size: 1.6rem;
	}
}
@media (max-width: 430px) {
	.pnovafont{
		font-size: 1.2rem;
		padding-left: 25px;
	}
	.content-desc {
		padding-left: 25px;
	}	
	.d-sm-ml-0 {
		padding-left: 0px !important;
	}
}
/* end glosarry */

/* start contact-us */
.header-form {
	font-family: Gotham;
	font-style: normal;
	font-weight: normal;
	font-size: 34px;
	line-height: 44px;
	color: #2E2E2E;
	mix-blend-mode: normal;
}
.header-maps {
	font-family: Gotham;
	font-style: normal;
	font-weight: normal;
	font-size: 34.1797px;
	line-height: 44px;
	color: #202832;
	mix-blend-mode: normal;
}
.header-list-office {
	font-family: Gotham;
	font-style: normal;
	font-weight: normal;
	font-size: 34.1797px;
	line-height: 44px;
	text-align: center;
	color: #202832;
	mix-blend-mode: normal;	
}
.padding-office-title {
	margin: 30px 0px;
}
.font-head-box-contact {
	font-family: Gotham;
	font-style: normal;
	font-weight: bold;
	font-size: 17.5px;
	line-height: 24px;
	color: #202832;
}

.font-desc-box-contact {
	font-family: Gotham;
	font-style: normal;
	font-size: 13px;
	line-height: 16px;
	color: #202832;
}

.title-20-melayani {
	font-family: Gotham;
	font-size: 28px;
	line-height: 44px;
	color: #1D2833;
}

.title-mifx-experiance {
	font-family: Gotham;
	font-size: 34.1797px;
	line-height: 44px;
	text-align: center;
	color: #202832;
}
.text-awards-about {
	font-family: Gotham;
	font-style: normal;
	font-size: 34px;
	line-height: 44px;
	text-align: center;
	color: #1D2833;
}
.text-mifx-csr-about {
	font-family: Gotham;
	font-style: normal;
	font-size: 28px;
	line-height: 44px;
	text-align: center;
	color: #1D2833;
}
.text-head-legal-about {
	font-family: Gotham;
	font-style: normal;
	font-size: 34.1797px;
	line-height: 44px;
	text-align: center;
	color: #1D2833;
}
.text-legal-about {
	text-align: justify;	
	font-family: Gotham;
	font-style: normal;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #45526C;
}

@media (max-width: 799px) {
	.padding-left-25 {
		padding-left: 25px;
	}
	.title-mifx-experiance {
		font-size: 27.3438px;
		line-height: 33px;
	}
	.text-awards-about {
		font-size: 27.3438px;
		line-height: 33px;
	}
	.text-mifx-csr-about {
		font-size: 21.875px;
		line-height: 32px;
	}
	.text-head-legal-about {
		font-size: 27.1797px;
	}
}
@media (max-width: 999px) {
	.bgNewGrafik{
		width: 90%;
	}
	.padding-legal-about {
		padding:0px 20px;
	}
}

@media (max-width: 575px) { 
	.mplr-0 {
		padding-left: 0px !important ;
		padding-right: 0px !important;
	}
}
@media (min-width: 576px) { 
	.popUpSmall{
		width: 100%;
	}
	.mplr-0 {
		padding-left: 0px !important ;
		padding-right: 0px !important;
	}
	.padding-left-25 {
		padding-left: 25px;
	}
	.min-width-425 {
		min-width: none;
	}	
	.min-width-425-i {
		min-width: 425px !important;
	}	
	.min-width-333 {
		min-width: none;
	}
	.min-width-333-i {
		min-width: 333px !important;
	}
 }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.popUpSmall{
		width: 100%;
	}
	.mplr-0 {
		padding-left: 0px !important ;
		padding-right: 0px !important;
	}
	.padding-left-25 {
		padding-left: 25px;
	}
	.min-width-425 {
		min-width: none;
	}	
	.min-width-425-i {
		min-width: 425px !important;
	}	
	.min-width-333 {
		min-width: none;
	}
	.min-width-333-i {
		min-width: 333px !important;
	}
	.newStyleModalForResponsive{
		position: absolute;
		right:0 !important;
		left:0 !important;
		top:110px !important;
		}
 }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.min-width-425 {
		min-width: 425px;
	}	
	.min-width-333 {
		min-width: 333px;
	}
 }

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.popUpSmall{
		width: 470px;
	}
	.min-width-425 {
		min-width: 425px;
	}	
	.min-width-333 {
		min-width: 333px;
	}
 }
 .is-content-p {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 25px;
	/* or 179% */
	
	text-align: center;
	letter-spacing: -0.2px;
	
	/* Headline */
	
	color: #1D2833;
 }

.ln-label-bg {
    color: #FFFFFF;
    background-color: #00A562;
    border-radius: 13px;
    font-family: 'Gotham';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 28px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 9px;
    margin-top: 9px;
}
.ln-label-bg-new {
    color: #FFFFFF;
    background-color: #F2FAF7;
    border-radius: 13px;
    font-family: 'Gotham';
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 28px;
	color: #00A562;
	border: 1px solid #00A562;
	padding: 6px 10px 6px 10px !important;
	margin-right: 5px;
}
.l-h-33 {
    line-height: 33px;
	font-family: 'Merriweather';
}
.l-h-24 {
    line-height: 24px;
}
.gotham {
	font-family: 'Gotham';
}
.color-45526C {
	color: #45526C;
}
.color-paragraf {
	color: #45526C;
}

.img-blog {
    height: 220px;
}
.accordion-title{
	cursor: pointer;
	color: #00A562;
    font-family: Gotham;
    font-style: normal;
    font-weight: normal;
    font-size: 17.5px;
    line-height: 20px;
}
.accordion-content {
	background: #FFFFFF;
    box-shadow: 0px 0px 10px rgb(126 174 211 / 20%);
    border-radius: 14px;
    max-width: 852px;
    padding: 30px;
    margin: auto;
	/* text */
	font-family: Gotham;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	/* or 171% */

	letter-spacing: -0.2px;

	/* Hierarchy / 2 */

	color: #45526C;
}
.btn-filter-komisi {
	background : #e3e7ec;
	border-radius: 8px;
    box-shadow: 0px 0px 10px rgb(126 174 211 / 20%);
    border-radius: 8px;
    flex: none;
    order: 0;
    flex-grow: 0;
    padding: 8px 0px;
    text-align: center;
    border: 1px solid #e3e7ec;
    color: #8A92A2;
    cursor: pointer;
    font-family: 'Gotham';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.008em;
    margin-right: 0px;
    margin-left: -5px;
}
.active-k-f {
	background: #45526C !important;
    border: 1px solid #45526C !important;
    color: #FFFFFF !important;
}
.placeItemCenter{
	place-items:center;
}
.placeContentmCenter{
	place-content:center;
}
.searchInputProduct{
	background-image: url("../fonts/magni.svg");
	background-repeat: no-repeat;
	background-position: 10px;
	background-size: 20px;
	padding:10px;
	padding-left:40px;
	border-radius: 8px;
	overflow: hidden;
	border: none !important;
	/* Card / Shadow / 1 */
	box-shadow: 0px 0px 10px rgba(126, 174, 211, 0.2);
	font-weight: 500;
	font-size: 1.4rem;
}
.searchInputProduct:placeholder {
  color: #ADB3C0;
}
.is-title-hover {
    font-family: 'Gotham';
	color: #45526C;
	font-size: 15.3183px;
	font-style: normal;
	font-weight: 500;
}
.hide-me-mobile {
	display: none;
	background: white;
    color: #677186;
    border-radius: 15px;
    padding: 25px;
    position: absolute;
    max-width: 360px;
    font-weight: normal;
    font-size: 12px;
    line-height: 21px;
	box-shadow: 0px 20px 25px rgba(40, 47, 60, 0.05), 0px 3px 4px rgba(40, 47, 60, 0.05);
	z-index: 999;
  }
.hide-me {
	display: none;
	background: white;
    color: #677186;
    border-radius: 15px;
    padding: 25px;
    position: absolute;
    width: 330px;
    font-weight: normal;
    font-size: 12px;
    line-height: 21px;
	box-shadow: 0px 20px 25px rgba(40, 47, 60, 0.05), 0px 3px 4px rgba(40, 47, 60, 0.05);

  }
  .myDIV:hover + .hide-me {
	display: block;
  }
  .footertd {
	padding-left: 30px;
	font-family: 'Gotham';
	font-style: normal;
	font-weight: normal;
	font-size: 11.2px;
	line-height: 20px;
	/* or 179% */
	
	letter-spacing: 0.12em;
	
	/* Hierarchy / 3 */
	
	color: #677186;
  }
.disnone {
	display:none;
}
.mr-13 {
	margin-right: 13px;
}
.ml-13 {
	margin-left: 13px;
}
.icon_collapse{
	position: absolute;
    color: #ffffff;
    z-index: -1;
}
.header-x {
	cursor: pointer;
}
.padding-tb-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.text-tab {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	text-align: center;

	/* Hierarchy / 3 */

	color: #677186;
}
.border-tab{
	border : 1px solid #f3f6f8
}
.border-tab-active{
	border-bottom: 2px solid #00A562
}
.pl-10 {
	padding-left: 10px;
}
.pl-20 {
	padding-left: 20px !important;
}
.cs-div {
	border: 1px solid #00A562;
	border-radius: 20px;
	padding: 30px;
}
.cs-number {
	color: #00A562;
	font-size: 17px;
	font-weight: bold;
}
.cs-name {
	color: black;
	font-size: 17px;
	font-weight: bold;
}
.cs-direction{
	color:#677186;
	font-size: 14px;
	line-height: 23px;
}
.btn-close-pp {
	align-items: center;
	padding: 9px 18px;
	position: static;
	max-width: 308.39px;
	max-height: 57.32px;
	left: 30.1px;
	top: 157.93px;
	background: #FFFFFF;
	border: 1px solid #00A562;
	box-sizing: border-box;
	border-radius: 8px;
	cursor: pointer;
}
.is-dateperide{
    background: #FFFFFF;
    border-radius: 20px;
    color: #45526C;
	max-width: 250px;
    padding: 11px;
	margin:auto;
}

.updatedbg {
	width: 10px;
    background: silver;
    padding: 6px;
    border-radius: 5px;
    color: #ffff;
}
.plr-0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.color-00A562 {
	color: #00A562;
}
.text-underline {
	text-decoration-line: underline;
}
.leftRoundedrank{
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}
.borderTopLeft8px{
	border-top-left-radius: 8px;
}
.borderTopright8px{
	border-top-right-radius: 8px;
}
.paddinglr20{
	padding-right: 20px;
	padding-left: 20px;
}
.paddingtb10{
	padding-top:10px !important;
	padding-bottom:10px !important;
}
.trapezoid{
	height: 100%;
	clip-path: polygon(0 0, 100% 0, 79% 100%, 0% 100%);
}
.paddingtb20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.paddinglr78 {
	padding-top: 32px;
	padding-left: 78px;
	padding-right: 78px;
}
.btnresend {
	background: white;
    border: 1px solid #00A562;
    color: #00A562 !important;
}
.trade-compbar {
	border-radius: 8px;
	border: 1px solid #DBE0E4;
	background: var(--pure-white, #FFF);

	/* Card / Shadow / 1 */
	box-shadow: 0px 0px 10px 0px rgba(126, 174, 211, 0.20);
}

.trade-compbar-green {
	border-radius: 8px;
	border: 1px solid #00A562;
	background: var(--pure-white, #FFF);
	color: #00A562;
	box-shadow: 0px 0px 10px 0px rgba(126, 174, 211, 0.20);
	font-weight: 500;
}

.webkitCenter {
	text-align: -webkit-center;
}
.numberingLangkah{
	text-align: center;
	border-radius: 100px;
	color: #fff;
	width: 55px;
	height: 55px;
	padding: 10px;
	justify-content: center;
	align-items: center;
	display: flex;
	font-size: 22px;
	background: var(--button-primary-click, linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), linear-gradient(90deg, #00D301 0%, #36C275 49.02%, #00A562 100%));
}
.rightgrey {
    left: 0;
	z-index: 1;
}
.labelrightgrey{
	position: absolute;
    z-index: 2;
    color: white;
	font-family: Gotham;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	padding: 8px;
	left: 10px;
}
.pt-6 {
	padding-top: 6px;
}

  .centered {
	position: absolute;
	top: 50%;
	left: 80%;
	transform: translate(-50%, -50%);
	z-index:1;
    color: white;
	font-family: Gotham;
	font-size: 12px;
	font-weight: 600;
  }
  @media (min-width: 601px) and (max-width: 1000px) { 
	.centered {
		position: absolute;
		top: 50%;
		left: 30%;
		transform: translate(-50%, -50%);
		z-index:1;
		color: white;
		font-family: Gotham;
		font-size: 12px;
		font-weight: 600;
		}
	}

  .centeredmv {
	position: absolute;
	top: 50%;
	left: 65%;
	transform: translate(-50%, -50%);
	z-index:1;
    color: white;
	font-family: Gotham;
	font-size: 12px;
	font-weight: 600;
  }
  @media (min-width: 601px) and (max-width: 1000px) { 
	.centeredmv {
		position: absolute;
		top: 50%;
		left: 30%;
		transform: translate(-50%, -50%);
		z-index:1;
		color: white;
		font-family: Gotham;
		font-size: 12px;
		font-weight: 600;
		}
	}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.68); /* Black w/ opacity */
  }
  @media only screen and (max-width: 600px) {
	.centered {
		position: absolute;
		top: 50%;
		left: 55%;
		transform: translate(-50%, -50%);
		z-index:1;
		color: white;
		font-family: Gotham;
		font-size: 12px;
		font-weight: 600;
	  }
  }
  /* Modal Content */

  .modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;

	width: 466px;
	border-radius: 10px;
  }
  @media only screen and (max-width: 600px) {
	.modal-content {
		background-color: #fefefe;
		margin: auto;
		padding: 20px;
		border: 1px solid #888;
	
		width: 100%;
		border-radius: 10px;
	  }
  }
  /* The Close Button */
  .close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
  }
  .colorRedRequired {
    color: #f15e5f !important;
}
.titlecomp{
	color: #2E2E2E;
	font-family: Gotham;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 162.5% */
}
.desccomp {
	color: #687785;
	text-align: center;
	/* Body */
	font-family: Gotham;
	font-size: 14px;
	font-style: normal;
	font-weight: 325;
	line-height: 24px; /* 171.429% */
}
.desccompkecil {
	text-align: center;
	/* Body */
	font-family: Gotham;
	font-size: 12px;
	font-style: normal;
	font-weight: 325;
	line-height: 24px; /* 171.429% */
}
.dangerx{
	color: #E24E6F;
	border-radius: 8px;
    background: rgba(226, 78, 111, 0.10);
    padding-left: 8px;
    padding-right: 8px;
}
.btnfooter {
	margin-right: -20px;
    background: linear-gradient(90deg, #00D301 0%, #36C275 49.02%, #00A562 100%);
	color: white;
    width: 100%;
    float: left;
    text-align: center;
}
.btnfooterwhite {
	margin-right: -20px;
    width: 100%;
	color :#00A562;
    float: left;
	cursor: pointer;
    text-align: center;
	border-radius: 8px;
	border: 1px solid var(--pure-green, #00A562);
}
.bgEFF4F6 {
	background: #EFF4F6;
}
.bgEFF4F6important {
	background-color: #EFF4F6 !important;
}
.nodrop {
	cursor: no-drop;
}
.pointer{
    cursor: pointer;
}
.centered123{
	position: absolute;
    top: -70px;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: white;
    font-family: Gotham;
    font-size: 12px;
    font-weight: 600;
}
.reddanger {
	background: #ff00000a !important;
	border: 1px solid red !important;
}

.wraperBadgeNews{
	display: inline-block;
	position: relative;
  }

.newsStyleBadge {
	display: inline-block;
    padding: 5px 10px;
	border-radius: 4px;
	font-weight: 400;
  }

.normalNews {
	background-color: #E0E7EA;
	color: #45526C;
  }
.breakingNews {
	background-color: #E24E6F;
	color: #ffff;
  }
.specialNews {
	background-color: #4E7DB6;
	color: #ffff;
  }


  .bgTradeComp{
	background-image: url('../images/bgctatradecomp.png');
	background-repeat: no-repeat;
	background-size: cover;
  }

  .bgE24E6F1A{
	background-color: rgba(226, 78, 111, 0.1);
  }
  .colorE24E6F{
	color: #E24E6F;
  }

  .iconAwardTradeComp{
	margin-top: -3px;
    margin-left: 4px;
  }

  .blueBgGradientTradeComp{
	background: linear-gradient(180deg, #061733 0%, #1F608A 100%);
}

.bgGradientGreenNew{
	background: linear-gradient(90deg, #00D301 0%, #36C275 49.02%, #00A562 100%);
  }
.wrapperCardBannerNews{
	padding: 32px;
	position: relative;
	border-radius: 20px;
    background-size: cover;
	border-radius: 20px;
	border: 1px solid var(--Divider, #EFF4F6);
}
.wrapperCardNew{
	border-radius: 20px 20px 0px 0px;
	border: 1px solid #EFF4F6;
	background: #FFF;
	box-shadow: 0px 0px 10px 0px rgba(126, 174, 211, 0.20);
}
.wrapperCardNewNext{
	border-bottom: 1px solid #EFF4F6;
	border-left: 1px solid #EFF4F6;
	border-right: 1px solid #EFF4F6;
	background: #FFF;
}
.lineNewNews{
	height: 2px;
	width: 100%;
	background-color: #EFF4F6;
}
.wrapperCardSectionNews{
	padding: 32px;
}
.wrapperCardSectionNewsMobile{
	padding: 20px 32px;
}
.overlayBreakingNews{
	border-radius: 20px;
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background-color: rgba(0, 0, 0, 0.6);
}
.dNone{
	display: none !important;
}
.bgColorE3ECF3{
	background-color: #E3ECF3;
}
.wrapperTableHujanEmas{
	border: 1px solid #677186;
	border-radius: 10px;
}

.borderTdHujanEmas{
	border-left: 1px solid #677186;
	border-bottom: 1px solid #677186;
}

.borderTdLeftHujanEmas{
	border-left: 1px solid #677186;
}

.borderRightHujanEmas{
	border-right: 1px solid #677186;
}
.borderBottomHujanEmas{
	border-bottom: 1px solid #677186;
}

.dNone{
	display: none;
}
.align-content-center{
	align-content: center;
}

.flag-text { margin-left: 10px; }
.flag-icon {
	width: 20px;
	height: 15px;
	margin-right: 5px;
	vertical-align: middle;
}
#phone-group {
	margin-top: 20px;
}
.phone-input-group {
	display: flex;
	align-items: center;
}
#country-select {
	width: 100px;
	margin-right: 10px;
}
#phone-input {
	flex-grow: 1;
	width: 200px;
}
.wrapperBigClient{
	border-radius: 12px;
	border: 1px solid #BECAD6;
	background: #FFF;
	padding: 10px 20px;
}
.color00CF7B{
	color: #00CF7B;
}
.bgLinearGradientBlue{
	background: linear-gradient(180deg, #061733 0%, #1C3554 100%);
}
.font-inter{
	font-family: 'Inter', sans-serif !important;
}
#hero-section {
	font-family: 'Inter', sans-serif;
	padding-bottom: 75px;
	color: #F0F9FF;
}
#hero-section .hero-title {
	line-height: 62px;
	font-size: 50px;
	font-weight: 700;
}
#hero-section .hero-subtitle {
	line-height: 30px;
	font-size: 20px;
	font-weight: 400;
	padding-top: 13px;
}
@media screen and (max-width: 991px) {
	.DarkLightBg {
		background: #01101C;
	}
	#hero-section {
		padding-bottom: 30px;
	}
	#hero-section .hero-title {
		line-height: 52px;
		font-size: 40px;
	}
	#hero-section .hero-subtitle {
		font-size: 20px;
		line-height: 32px;
		padding-bottom: 40px;
	}
}
@media screen and (max-width: 450px) {
	#hero-section {
		padding-bottom: 0px;
	}
	#hero-section .hero-title {
		line-height: 40px;
		font-size: 30px;
	}
	#hero-section .hero-subtitle {
		line-height: 24px;
		font-size: 16px;
		padding-bottom: 60px;
		padding-inline: 15px;
	}
}

/* FOOTER Client Area */

.bottom-footer {
	display: grid;
	grid-template-columns: 0.3fr 0.7fr;
	gap: 30px;
	font-size: 12px;
	line-height: 18px;
	border-top: 1px solid #424242;
	padding-top: 24px;
	width: calc(100% - 8% - 7px);
	margin: 0 auto;
	margin-top: 20px;
}

.bootm-footer--about {
    position: relative;
    padding-right: 24px;
}

.bootm-footer--about::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #424242;
}

.bottom-footer--disclaimer p,
.bootm-footer--about p {
    margin: 0;
    color: #B5B5B5;
}

@media screen and (max-width: 450px) {
	.app-platform {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
	}

	.app-platform img {
		width: 100%;
	}
}

@media screen and (max-width: 991px) {
	.bottom-footer {
		grid-template-columns: 1fr;
		gap: 20px;
		width: calc(100% - 3% - 6px);
		margin: auto;
		margin-top: 40px;
	}

	.bootm-footer--about {
			padding-right: 0;
			padding-bottom: 20px;
			border-bottom: 1px solid #424242;
	}

	.bootm-footer--about::after {
			display: none;
	}
}