body, p, h1, h2, h3, h4, h5, h6 {

    font-family: 'Inter',sans-serif !important;

}



.d-block {

    display: block;

}



.pl-6 {

    padding-left: 4.5rem;

}



.ml-7percentmin {

    margin-left: -7% !important;

}



.ml-7rem {

    margin-left: 7rem !important;

}



.ml-9rem {

    margin-left: 9rem !important;

}



.ml-10rem {

    margin-left: 10rem !important;

}



.mr-9rem {

    margin-right: 9rem !important;

}



/* CSS Halaman Home */

/* Header */

.txt-header-right span, .txt-header-left span {

    font-size: 18px;

    font-weight: 200;

    letter-spacing: 1px;

}



.txt-header-right h2, .txt-header-left h2 {

    margin-top: 0;

    line-height: 73px;

    font-weight: 500;

    font-size: 68px;

    margin-bottom: 2rem;

    letter-spacing: 1.3px;

}



.txt-header-right p, .txt-header-left p {

    color: #fff;

    font-size: 19px;

    letter-spacing: 0.3px;

    margin-bottom: 2rem;

}



.txt-header-right-hp span {

    font-size: 18px;

    font-weight: 200;

    letter-spacing: 1px;

}



.txt-header-right-hp h2 {

    margin-top: 0;

    line-height: 83px;

    font-weight: 500;

    font-size: 68px;

    margin-bottom: 2rem;

    letter-spacing: 1.3px;

}



.txt-header-right-hp p {

    color: #fff;

    font-size: 19px;

    letter-spacing: 0.3px;

    font-weight: 300;

}



.btn-started-header {

    color: #fff;

    border: 1.5px solid #fff;

    border-radius: 7px;

    padding: 0 20px;

    text-transform: none;

}



.btn-started-header:hover {

    background: #ffffff29 !important;

    color: #fff;

    box-shadow: 0 4px 10px rgb(0 0 0 / 12%);

}



.txt-header-right .btn-started-header span, .txt-header-left .btn-started-header span, .txt-header-right-hp .btn-started-header span {

    font-size: 14.5px;

    font-weight: 300;

    margin-right: 5px;

    letter-spacing: 0.3px;

}



/* .txt-header-right .btn-started-header span:hover, .txt-header-left .btn-started-header span:hover {

    margin-right: 17px;

    -webkit-transition: all 300ms ease;

    transition: all 300ms ease;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

} */



.txt-header-right .btn-started-header i, .txt-header-left .btn-started-header i, .btn-started i {

    font-size: 10px !important;

}

/* Akhir Header */



/* Video */

.section-watch-video {

    padding-top: 0px;
    background: #192535;

}



.section-watch-video .control-button {

    top: 230px;

}

/* AKhir Video */



/* Fitur */

.fitur p {

    font-weight: 300;

    color: #636F73;

    font-size: 18px;

    margin-top: 15px;

    line-height: 24px;

    padding-right: 70px;

    letter-spacing: 0.06px;

}



.fitur a {

    margin-top: 20px;

    color: #26A7B5;

    font-size: 18px;

    display: block;

    font-weight: 500;

    letter-spacing: 0.06px;



}

/* Akhir Fitur */




.py-6rem{
    padding-bottom: 6rem !important;
    padding-top: 6rem !important;
}

.bg--reason p, .bg--reason-healthy p, .bg--reason-erp p{
    font-size: 18px !important;
}


/* Info Card */

.rounded-w-bg {

    background-color: #133A72;

    border-radius: 20px;

}



/* .h-box-f {

    height: 502px;

    width: 435px;

} */

.h-box-f {

    height: 502px;

    width: auto;

}



.info-card .card-safety .text-judul {

    color: #FFA200;

    font-size: 18px;

    display: block;

    margin-top: 17px;

    margin-bottom: 8px;

    font-weight: 700;

    letter-spacing: 0.08px;

}



.info-card .card-safety p {

    color: #fff;

    font-size: 22px;

    font-weight: 300;

    margin-bottom: 14px;

    letter-spacing: 0.05px;

    line-height: 30px;

}



.info-card .card-safety p > strong {

    font-weight: 600;

}



.info-card .card-safety img {

    position: absolute;

    bottom: 0;

    right: 97px;

    width: 65%;

}



.btn-detail {

    height: 43px;

    border-radius: 7px;

    padding: 0 36px;

    padding-right: 20px !important;

    text-transform: none;

    background: transparent linear-gradient(1deg, #FFA234 0%, #FFDB50 100%) 0% 0% no-repeat padding-box;

}



.btn-detail:hover {

    height: 40px;

    background-color: transparent !important;

    /* box-shadow: -1px 7px 10px #3d3d3d !important; */

    border: none;

}



.btn-detail span {

    color: #133A72 !important;

    font-size: 13.5px !important;

    font-weight: 700 !important;

    margin-right: 10px !important;

}



.btn-detail > i {

    font-size: 10px;

}



.btn-detail i {

    color: #133A72;

    font-size: 10px !important;

}



/* Card ERP */

.h-box-l {

    height: 205px;

    padding-left: 6% !important;

}



.h-box-l-erp {

    height: 230px;

    padding-left: 6% !important;

}



.info-card .card-erp .text-judul {

    color: #FFA200;

    font-size: 18px;

    display: block;

    margin-top: 5px;

    font-weight: 700;

    letter-spacing: 0.08px;

}



.info-card .card-erp p {

    color: #fff;

    font-size: 28px;

    font-weight: 300;

    margin-bottom: 14px;

    padding-right: 28%;

    line-height: 35px;

    letter-spacing: 0.8px;

}



.info-card .card-erp p > strong {

    font-weight: 600;

}



.info-card .card-erp img {

    position: absolute;

    bottom: -1px;

    right: 30px;

    width: 26%;

}

/* Akhir Info Card */



/* Portfolio */

.bg-port {

    background: #EBEBEB;

}

/* Akhir Portfolio */



/* Started  */

#started {

    background: url(../img/assets/home/goodeva-texture-background.png) center no-repeat;

    background-size: cover;

}

#started-mobile {

    background: #26A7B5 0% 0% no-repeat padding-box;

    background-size: cover;

}



.btn-started {

    background: #fff;

    

    border-radius: 7px;

    padding: 0 20px;

    text-transform: none;

}





.btn-started span,.btn-started i {

    color: #000 !important;

    font-size: 14px !important;

}



.btn-started:hover {

    background-color: #ffffffba !important;

    /* box-shadow: 0px 8px 11px #3d3d3d !important; */

}



#started img {

    margin-bottom: -7px;

    margin-top: -55px;

}

/* Akhir Started  */

/* Akhir CSS Halaman Home */



.mt-10 {

    margin-top: 6rem !important;

}

/* Css Header */

.content-title span {

    color: #fff;

    text-transform: none;

    font-family: 'Inter',sans-serif;

    margin-top: -45px;

    font-weight: 300;

    font-size: 44px;

    line-height: 47px;

    letter-spacing: .5px;

    margin-bottom : 18px;

}



.content-title {

    margin-bottom: 0px !important;

    padding-bottom: 0px !important;

}



.content-title span > strong {

    font-weight: 600;

}



.header-section p {

    font-weight: 200;

    line-height: 27px;

    font-size: 18px;

    margin-bottom: 10%;

    letter-spacing: 0.08px;

}



.component img {

    margin-top: -14%;

    z-index: 999;

    position: absolute;

    right: 55px;

    width: 90%;

}

/* Akhir Css Header */



/* CSS Solusi */

.solusi .header h3, .section-watch-video .header h3 {

    font-weight: 700 !important;

    font-size: 40px;

    color: #ffffff;

    line-height: 45px;

    letter-spacing: 0.04px;

}

.solusi .header h3{
    color: #1D1D1D !important;
}

.solusi .header h5, .section-watch-video .header h5 {

    font-weight: 700 !important;

    /* font-size: 40px; */

    color: #ffffff;

    line-height: 28px;

    letter-spacing: 0.04px;

}

.solusi .header h5{
    color: #1D1D1D !important;
}



.solusi .header p, .section-watch-video .header p {

    font-weight: 300;

    color: #ffffff;

    padding-right: 20%;

    padding-left: 20%;

    font-size: 18px;

    line-height: 27px;

    letter-spacing: 0.08px;

}

.solusi .header p{
    color: #636F73;
}




.solusi .row-iot h4, .solusi .row-android h4, .solusi .row-robotic h4, .solusi .row-data h4 {

    color: #133A72;

    font-weight: 700;

    font-size: 32px;

}



.solusi .row-iot p, .solusi .row-android p, .solusi .row-robotic p, .solusi .row-data p {

    font-weight: 300;

    color: #636F73;

    font-size: 18px;

    line-height: 28px;

    padding-right: 12%;

    letter-spacing: 0.08px;

}



.bg-abu {

    background: #F3F3F3;

}



.mt-center {

    margin-top: 20%;

}

/* Akhir CSS Solusi */

.liputan .header h4.mobile-show{
	font-size:28px;
}

/* CSS Portfolio */

.portfolio .header h4, .liputan .header h4, .fitur-heatlhy .header-fitur h4, .info-card .header-fitur-safety h4 {

    font-weight: 700 !important;

    font-size: 32px;

    color: #2B2A35;

    letter-spacing: 0.03px !important;

}



.section-compannies {

    padding: 15px 0 !important;

    padding-bottom: 50px !important;

}



.portfolio {

    padding: 50px !important;

}

/* Akhir CSS Portfolio */



/* Contact */



#ts-footer {

    /* background-color: #f68d0c; */

    background: url(../img/assets/solution/background-goodeva-contact.png) center no-repeat;

    background-size: cover;

    margin-top: 15%;

    padding-bottom: 10%;

}

.ts-box {

    background-color: #fff;

    /* border-radius: .25rem; */

    border-radius: 12px;

    margin-bottom: 1.875rem;

    box-shadow: 0.125rem 0.1875rem 0.9375rem rgb(0 0 0 / 15%);

    padding: 1.5625rem;

    max-width: 80%;

}

@media (min-width: 1200px) {

    #ts-footer .ts-box {

        margin-top: -13.125rem !important;

    }

}



.btn--kirim {

    background: #26A7B5;

    color: #ffffff;

    border-radius: 7px;

    padding: 0 13%;

    font-size: 14px;

    height: 47px;
    text-transform: none;

}



.contact h5 {

    color: #133A72;

    font-size: 28px;

    font-weight: 700;

}



.contact p {

    color: #636F73;

    font-size: 18px;

    font-weight: 300;
    
    line-height: 1.9rem;

}

/* Akhir Contact */



/* Program Healthy */

.integrasi .header span {

    color: #2B2A35;

    font-size: 18px;

    font-weight: 500;

    letter-spacing: 0.03px;

}



.integrasi .header h3 {

    margin-top: 0 !important;

    font-weight: 700 !important;

    font-size: 40px;

    letter-spacing: 0.08px;

}



.integrasi .header p {

    font-weight: 300;

    color: #2B2A35;

    padding-right: 7%;

    padding-left: 7%;

    font-size: 18px;

    line-height: 25px;

    letter-spacing: 0.03px;

}



.integrasi .two-col span {

    color: #133A72;

    font-weight: 400;

    font-size: 18px;

    display: block;

    letter-spacing: 0.03px;

}



.integrasi .two-col h4 {

    margin-top: 10px;

    margin-bottom: 18px;

    font-weight: 700;

    font-size: 32px;

    letter-spacing: 0.03px;

}



.integrasi .two-col p {

    color: #2B2A35;

    font-size: 18px !important;

    line-height: 26px !important;

    letter-spacing: 0.06px;

    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-27) Open Sans;

}



.mt-center-program {

    margin-top: 40%;

}



.mt-center-program-erp {

    margin-top: 20%;

}



.rounded-w-bg-healthy {

    background: transparent linear-gradient(180deg, #4AB5C9 0%, #3E8391 100%) 0% 0% no-repeat padding-box;

    border-radius: 30px;

}



.rounded-l-bg-healthy {

    background: transparent linear-gradient(180deg, #4AB5C9 0%, #3E8391 100%) 0% 0% no-repeat padding-box;

    border-radius: 20px;

}



.rounded-w-bg-erp {

    background: transparent linear-gradient(180deg, #59537A 0%, #37334D 100%) 0% 0% no-repeat padding-box;

    border-radius: 20px;

}







.info-card .card-healthy .text-judul, .info-card .card-erp-l .text-judul {

    color: #fff;

    font-size: 13px;

    display: block;

    margin-top: 17px;

    margin-bottom: 3px;

    font-weight: 200;

    letter-spacing: 0;

}



.info-card .card-healthy .text-judul.oren, .info-card .card-healthy-l .text-judul.oren, .info-card .card-erp-l .text-judul.oren {

    color: #FFA234;

}







.info-card .card-healthy p {

    color: #fff;

    font-size: 24px;

    font-weight: 600;

    line-height: 32px;

    margin-top: 10px;

    margin-bottom: 15px;

    font-family: 'Open Sans' !important;

}



.info-card .card-healthy span {

    color: #fff;

    font-size: 15px;

    font-weight: 200;

    display: block;

    letter-spacing: 0.6px;

}



.info-card .card-healthy img {

    position: absolute;

    bottom: 0;

    right: 101px;

    width: 63%;

}



.info-card .ads img {

    right: 70px !important;

    width: 73% !important;

}



.info-card .card-healthy-l p {

    color: #fff;

    font-size: 26px;

    font-weight: 300;

    margin-bottom: 0px !important;

    padding-right: 40%;

    line-height: 38px;

    letter-spacing: 0.7px;

    padding-left: 2rem;

    padding-top: 1rem !important;

    padding-bottom: 1.5rem !important;

    font-family: 'Open Sans';

}



.info-card .card-healthy-l p > strong {

    font-weight: 700;

}



.info-card .card-healthy-l img{

    position: absolute;

    bottom: -1px;

    right: 9px;

    width: 27%;

}



/* .h-box-l {

    box-shadow: 0px 2px 11px 0px #3e8391 !important;

} */



.fitur-heatlhy p, .info-card p {

    color: #2B2A35;

}



.fitur-heatlhy .header-fitur h4 {

    letter-spacing: 1px;

}



.fitur-heatlhy img {

    width: 20%;

    /* margin-top: 20px; */

}



.fitur-heatlhy .title {

    color: #143477;

    font-size: 15px;

    font-weight: 700;

    margin-bottom: 6px;

    margin-top: 11px;

}



.fitur-heatlhy .desc {

    color: #2B2A35;

    font-size: 15px;

    font-weight: 400;

    line-height: 23px;

    letter-spacing: 0.06px;

}



.partner span {

    color: #B1B1B1 !important;

    font-size: 18px !important;

    font-weight: 300 !important;

    display: block !important;

    margin-top: 4rem !important;

    margin-bottom: 1rem !important;

}



.btn--uji--coba {

    background: transparent linear-gradient(0deg, #E08417 0%, #FFBB00 100%) 0% 0% no-repeat padding-box;

    padding: 0 20px;

    border-radius: 8px;

}



.btn--uji--coba:hover {

    background: transparent linear-gradient(0deg, #bf6802 0%, #e4ac13 100%) 0% 0% no-repeat padding-box;

}



.btn--uji--coba span {

    color: #143477;

    font-weight: 600;

    font-size: 14px;

}

/* Akhir Program Healthy */



/* Program Safety */

.header-safety {

    padding-top: 4.5%;

    padding-left: 5%;

    /* padding-bottom: 40px; */

}



.header-safety span {

    font-weight: 500;

    color: #133A72;

    letter-spacing: 0.03px;

    font-size: 18px;

    

}

.header-safety .sub-header span{
    background: transparent linear-gradient(180deg, #FFCA6E 0%, #FFA200 100%) 0% 0% no-repeat padding-box;

    padding: 5px 15px;

    border-radius: 19px;
}

.header-safety .sub-header p{
    color:#ffffff;
}

.btn--uji {

    background-color: #ffffff;

    padding: 0 18px;

    border-radius: 7px;
    border:1px solid #ffffff;

}

.btn--fitur-lihat{
    border:1px solid #ffffff;
    background: transparent;
    color:#ffffff;
    padding: 0 18px;
    border-radius: 7px;
    font-weight: 500;
    font-size: 14px;
    margin-right: 10px;
}

.safety-produk .btn--fitur-lihat:hover{
    
    background: #0c2b58 !important;
    color: #ffffff !important ;
}

.safety-produk .box .img-fluid{
    
    vertical-align: middle;
}

.healthy-produk .btn--fitur-lihat:hover,.healthy-produk .btn--uji:hover{
    
    background: rgb(5 95 105) !important;
    color: #ffffff !important ;
}

.healthy-produk .box .img-fluid{
    
    vertical-align: middle;
}

.erp-produk .btn--fitur-lihat:hover,.erp-produk .btn--uji:hover{
    
    background:#21212d !important;
    color: #ffffff !important ;
}

.erp-produk .box .img-fluid{
    
    vertical-align: middle;
}

.btn--uji{

    color: #133A72;

    font-weight: 500;

    font-size: 14px;

    margin-right: 10px;

}


.partner{
    padding-left: 5%;
}


.header-safety h3 {

    font-weight: 700;

    font-size: 40px;

    line-height: 48px;

    letter-spacing: 0.08px;

}



.header-safety p {

    color: #2B2A35;

    font-weight: 300;

    font-size: 18px;

    margin-bottom: 3.5rem;

    letter-spacing: 0.03px;

    line-height: 27px;

}



.header-safety img {

    margin-left: 58px;

}



.mt-center-offline {

    margin-top: 13%;

}



.mt-center-fatigue {

    margin-top: 23%;

}



.row-grey {

    background-color: #F9F9F9;

}



.section-comment-custom {

    min-height: 780px !important;

    padding-bottom: 34px !important;

}



.header-safety {

    overflow: hidden;

}



.mt-center-header {

    margin-top: 25%;

}







.btn--uji i {

    font-size: 11px !important;

}



.btn--trial {

    background: transparent linear-gradient(1deg, #FFA234 0%, #FFDB50 100%) 0% 0% no-repeat padding-box;

    padding: 0 33px;

    border-radius: 8px;

    height: 45px !important;

}



.btn--trial:hover {

    background: transparent linear-gradient(1deg, #f98900 0%, #e5b707 100%) 0% 0% no-repeat padding-box;

}



.btn--trial span {

    color: #133A72;

    font-weight: 600;

    font-size: 14px;

    margin-right: 10px;

}



.btn--trial i {

    font-size: 11px !important;

    color: #133A72;

}



.rounded-w-bg-safety {

    background-color: #133A72;

    border-radius: 20px;

}



/* .info-card .card-safety img::before {

    content: '';

	position: absolute;

	height: 100vh;

	width: 100%;

	left: 0;

	bottom: 0;

	background: url(../img/wave-d.png) 100% 100% no-repeat;

	background-size: contain;

} */



/* .info-card .card-safety-l p {

    color: #fff;

    font-size: 26px;

    font-weight: 300;

    margin-bottom: 14px;

    padding-right: 26%;

    line-height: 38px;

    letter-spacing: 0.7px;

    padding-top: 33px;

    padding-left: 2rem;

} */

.info-card .card-safety-l p {

    color: #fff;

    font-size: 26px;

    font-weight: 300;

    margin-bottom: 0px !important;

    padding-right: 40%;

    line-height: 38px;

    letter-spacing: 0.7px;

    padding-top: 1rem !important;

    padding-bottom: 1.5rem !important;

    padding-left: 2rem;

    font-family: 'Open Sans' !important;

}



.info-card .card-safety-l p > strong {

    font-weight: 700;

}

.info-card .card-safety-l img {

    position: absolute;

    bottom: -1px;

    right: 9px;

    width: 27%;

}



/* .info-card .card-safety-l img {

    position: absolute;

    bottom: 0;

    right: 9px;

    width: 33%;

} */



.h-box-g {

    height: 400px;

}



/* .card--custom {

    width: 62rem !important;

    border-radius: 20px !important;

    margin-left: 7.7rem !important;

    background: #133A72 !important;

} */

.card--custom {
    width: 58.9rem !important;
    border-radius: 20px !important;
    margin-left: 6rem !important;
    background: #133A72 !important;
}



.card--custom .card-body span {

    color: #fff;

    font-weight: 600;

    font-family: 'Open Sans';

    letter-spacing: 0.07px;

}



.card--custom .card-body p {

    color: #fff;

    font-weight: 300;

    font-size: 12px;

    line-height: 15px;

    letter-spacing: 0.06px;

    font-family: 'Open Sans' !important;

}



.card--custom .card-body i {

    color: #4AB5C9;

}



.card--custom .hslide-area img {

    margin-top: -3px; 

    /* border-radius: 20px; */

    border-top-left-radius: 20px;

    border-top-right-radius: 20px;

}



.info-card .header-fitur-safety p {

    line-height: 1.9rem;
    margin-bottom: 3rem !important;

}

.h-box-safety {

    height: 214px;

    padding-left: 6% !important;

}



.btn--uji:hover {

    /* box-shadow: 3px 9px 11px rgb(33 33 33 / 20%) !important; */

    background-color: #0c2b58 !important;

    color: #fff !important;

}



.text-active {

    font-weight: 700 !important;

    font-size: 20px !important;

    color: #fff !important;

    letter-spacing: 1px !important;

}



.text-active .numberCircle {

    background: #fff !important;

}


.overflow-hidden{
    overflow: hidden;
}

.text-non-active {

    font-weight: 300;

    font-size: 20px;

    letter-spacing: 1px !important;

}



.text-non-active .numberCircle {

    background: #ffffffc7;

    font-weight: 700;

    font-size: 19px;

}



.text-non-active p {

    font-weight: 300;

}



.section-comments-custom {

    padding-bottom: 5px !important;

}



.info-card .card-custom-erp img {

    right: 8px !important;

    bottom: -3px !important;

    width: 97% !important;

}



.col-md-custom-2 {

    position: relative;

	min-height: 1px;

	padding-right: 15px;

	padding-left: 15px

}



@media(min-width: 992px) {

    .col-md-custom-2 {

        float: left;

    }



    .col-md-custom-2 {

        width: 14.666667%;

    }

}



/* Akhir Program Safety */



/* Program ERP */

.btn-uji-coba {

    height: 45px;

    margin-top: 10px;

    border-radius: 7px;

    padding: 0 20px;

    padding-right: 20px !important;

    text-transform: none;

    background: transparent linear-gradient(1deg, #FFA234 0%, #FFDB50 100%) 0% 0% no-repeat padding-box;

}



.btn-uji-coba:hover {

    background: transparent linear-gradient(1deg, #f98900 0%, #e5b707 100%) 0% 0% no-repeat padding-box;

}



.btn-uji-coba span {

    color: #133A72 !important;

    font-size: 12.5px !important;

    font-weight: 600 !important;

    margin-right: 15px !important;

    display: inherit !important;

    letter-spacing: 0.3px !important;

}



.btn-uji-coba i {

    color: #133A72;

    font-size: 10px !important;

}



.fitur-heatlhy .header-fitur h4, .info-card .header-fitur-safety h4 {

    font-family: 'Open Sans' !important;

}



.info-card .header-fitur-safety p, .fitur-heatlhy p {

    font-family: 'Open Sans' !important;

    font-weight: 500;

    font-size: 18px;

    line-height: 1.9rem;

}



.info-card .card-erp-l p {

    color: #fff;

    font-size: 26px;

    font-weight: 300;

    margin-bottom: 0px !important;

    padding-right: 40%;

    line-height: 38px;

    letter-spacing: 0.7px;

    padding-top: 1rem !important;

    padding-bottom: 1.5rem !important;

    padding-left: 2rem;

    font-family: 'Open Sans' !important;

}





.info-card .card-erp-l p > strong {

    font-weight: 700;

}



.info-card .card-erp-l img {

    position: absolute;

    bottom: -1px;

    right: 9px;

    width: 27%;

}



/* Akhir Program ERP */



/* Zoom 150% */

@media screen and (min-width: 1000px) and (max-width: 1098px) { 

    .header-safety h3 {

        font-size: 30px;

        line-height: 40px;

    }

    

    .header-safety p {

        font-size: 13.5px;

    }

    

    .header-safety span {

        font-size: 14px;

    }

}



/* Zoom 100% */

@media screen and (min-width: 1410px) { 

    .ml-9rem, .ml-10rem {

        margin-left: 13% !important;

    }

}