body {
    /* background: #E5E5E5; */
    /* background: #FFFFFF; */
    background: #fafafa;
    font-family: Poppins;
    color: #4D4D4D;
    /* font-size: 14px; */
}
/* typograhpy */
h1 {
    line-height: 140%!important;
}
h2 {
    line-height: 170%!important;
}
h3 {
    line-height: 170%!important;
}
h4 {
    line-height: 175%!important;
}
h5 {
    line-height: 170%!important;
}
.h1 {
    line-height: 140%!important;
}
.h2 {
    line-height: 170%!important;
}
.h3 {
    line-height: 170%!important;
}
.h4 {
    line-height: 175%!important;
}
.h5 {
    line-height: 170%!important;
}
p{
    line-height: 200%!important;
}
#button-addon2{
    padding: 12px;
}

.text-derection-none{
    text-decoration: none
}

.navbar {
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.dropdown-menu {
    border: none;
    filter: drop-shadow(0px 0px 32px rgba(64,64,64, 0.1));
    border-radius: 1rem;
}

.navbar-light .navbar-toggler-icon {
    background-image: url('../img/nav-button.svg');
}

.navbar-toggler {
    padding: 0.9rem 0.75rem;
    font-size: 1.8rem;
    border-radius: 0;
    height: 100%;
}

.navbar-toggler:focus {
    box-shadow: none!important;
}

.btn-reset {
    padding: 15px;
}

.dropdown-item.active, .dropdown-item:active {
    color: #FFAA00;
    text-decoration: none;
    background-color: #E6E6E6;
}

.dropdown-item {
    padding: 1rem 1.5rem;
}

ul.dropdown-menu li:first-child > a {
    border-radius: 1rem 1rem 0 0;
}

ul.dropdown-menu li:last-child > a {
    border-radius: 0 0 1rem 1rem;
}
.dropdown-menu {
    padding: 0;
}
.color-1 {
    font-weight: 500;
    color: #262626!important;
}
.color-2 {
    color: #737373!important;
}
main {
    position: relative;
    /* margin-top: 5%; */
}
.offcanvas-header .btn-close {
    padding: 1.5rem 1.5rem;
}
.offcanvas-header {
    padding: 0!important;
}
.navbar {
    display: flex;
  justify-content: space-between;
}
.navbar-nav .nav-link.active {
    border-bottom: 3px solid #FFAA00
}
#search-mobile {
    display: none;
}
.btn-request {
    padding: 12px 24px;
    border-radius: 12px;
    width: 100%;
    font-size: 14px;
    line-height: 200%;
    font-weight: 500;
}
.btn-apply {
    padding: 12px 24px;
    border-radius: 12px;
}
.btn-fixed-wa {
    /* background-color: #555; */
    color: white;
    border: none;
    /* position: absolute; */
    cursor: pointer;
    opacity: 0.8;
    position: fixed;
    right: 2px;
    bottom: 0;
}
.floating {
    font-size: 25px;
    float: right;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 60px;
    text-align: center;
    z-index: 99999;
    /* box-shadow: 0 0 7px rgb(0 0 0 / 13%); */
}

.floating:hover
{
    color: white;
}
.fixed-floating {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 40px;
    z-index: 1030;
}
.btn-send-wa {
    background: #FFAA00;
    border: none;
    cursor: pointer;
    padding: 0.75rem!important;
    width: 100%;
}
.chat-box {
    margin-right: 20px;
    margin-bottom: 80px;
    display: none;
}
.chat-img {
    width: 250px;
}

#search {
    font-size: 18px;
    padding-top: 25px;
    margin: -20px auto 0;
}
#search #search-input, #search .hint {
    padding-left: 43px;
    padding-right: 43px;
    border-radius: 23px;
}
#search label {
    position: absolute;
    left: 17px;
    top: 30px;
}
@media only screen and (min-width: 1400px){
    .navbar-nav .nav-item {
        margin-right: 40px;
    }
    .navbar-brand {
        margin-right: 68px;
    }
}
@media only screen and (max-width: 1399px){
    .nav-item {
        margin-right: 15px;
    }
    .navbar-brand {
        margin-right: 68px;
    }
}

@media only screen and (max-width: 1200px){
    .nav-item {
        margin-right: 25px;
    }
    .navbar-brand {
        margin-right: 20px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.2rem;
        padding-left: 0.4rem;
    }
}

.nav-link:focus, .nav-link:hover {
    color: #FFAA00;
}

.btn:focus {
    box-shadow: none;
}
.px-6{
    padding-right: 5rem!important;
    padding-left: 5rem!important;
}
.fs-14 {
    font-size: 14px;
}

.slider {
    width: 100%;
    margin: 100px auto;
}

.slider-partner {
    width: 100%;
    /* margin: 3rem auto; */
}

.slider-portfolio {
    width: 100%;
    margin: 60px auto;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}
.dropdown-toggle::after{
    display: none!important;
}
.bg-mtn {
    background: #FFAA00;
}
.header-home{
    /* height: 748px; */
    /* padding-top: 152px; */
    background: linear-gradient(180deg, #000000 0%, #262421 100%)
}
@media only screen and (max-width: 992px){
    .header-home p.text-mjp{
        margin-top: 20vh;
    }
}
.vh {
    height: 100vh;
}
.content-header {
    position: absolute;
    margin-left: auto;
}
.home-img::before{
    content: "";
    background-color: #fff;
    position: absolute;
    /* width: 395px; */
    width: 100%;
    height: 381px;
    filter: blur(170px);
    opacity: .4;
    /* left: 55%;
    top: 30%; */
}
.before-title::before{
    content: "";
    background-color: #fff;
    position: absolute;
    /* width: 395px; */
    align-items: center;
    top:0;
    width: 307px;
    height: 307px;
    filter: blur(170px);
    opacity: .4;
    /* left: 30%; */
    /* top: 30%; */
}
.color-mtn {
    color: #FFAA00!important;
}

.pt-100 {
    padding-top: 200px;
}


/* Hoeme Style */
.containera{
    width: 100%;
    overflow: hidden;

}
.scene{
    overflow: hidden;
    position: absolute;
    width: 100%;
    /* top: -10%; */
}

.btn-wa {
    padding-top: 16px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 16px;
    border-radius: 12px;
}

.btn-wa-header {
    padding-top: 16px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 16px;
    border-radius: 12px;
}

.partner-item {
    width: 200px;
    height: 136px;
    padding-top: 40px;
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
    background: #F2F2F2;
}
.partner-item img{
    /* position: static; */
    position: static;
    width: 160px;
    height: 56px;
    /* height: auto;
    max-width: 100%; */
}

.card-service{
    /* position: absolute; */
    /* content: ""; */
    height: 450px;
    width: 280px;
    /* border-radius: 24px; */
    border-top-left-radius: 24px;
    border-top-right-radius: 150px;
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
    backdrop-filter: blur(20px);
    /* clip-path: polygon(10% 0%, 84% 30%, 100% 38%, 100% 100%, 0 100%, 0 0); */
    /* clip-path: polygon(85% 23%, 95% 27%, 100% 29%, 100% 88%, 100% 99%, 0 100%, 0 86%, 0 0, 12% 0); */
    clip-path: polygon(90% 24%, 95% 26%, 100% 29%, 100% 88%, 100% 99%, 0 100%, 0 86%, 0 0, 12% 0);
}

.shadow-service {
    filter: drop-shadow(19px 22px 26px rgba(0, 0, 0, 0.320));
    /* backdrop-filter: blur(20px); */
}

li.tab-mtn a.active {
    background: #FFF7E6;
    border: 1px solid #FFAA00;
    color: #FFAA00;
}


.list-service .card {
    display: flex;
}

@media screen and (max-width: 768px) {
    .service-advantage h3 {
        text-align: center;
    }
    .service-advantage p {
        text-align: center;
    }
    .item-advantage{
        margin: auto;
        margin-bottom: 2rem;
    }
    .btn-wa{
        width: 100%;
    }
}

/* parallax service */
.list-service {
    position: relative;
}
.list-service .items-service{
    position: relative;
    z-index: 100;
}
.scene-service{
    position: absolute;
    height: 100%;
    width: 100%;
    /* top: -20%; */
    z-index: -100;
}
.scene-advantage{
    position: absolute;
    height: 128%;
    width: 100%;
    top: -20%;
    z-index: 0;
}
.img-service2 {
    display: none;
}
@media only screen and (max-width: 834px){
    #search-mobile {
        display: flex;
    }
    #search-addon{
        display: none;
    }
    .img-form {
        display: none;
    }
    .img-service1{
      display: none;
    }

    .img-service2{
      display: block;
    }
    .img-form {
        display: none;
    }
    .arrow-big {
        display: none!important;
    }
 }
.scene-step{
    width: 100%;
    /* top: 24%; */
    position: absolute;
    z-index: 0;
}
/* parallax */

.offer {
    background: #262626;
}

.offer-cel::before {
    content: "";
    background-color: #4285F4;;
    position: absolute;
    width: 483.9px;
    height: 483.9px;
    left: 658.61px;
    top: 807.51px;
    filter: blur(700px);
    /* opacity: .4; */
}
/* .offer::after{
    position: absolute;
width: 254px;
height: 254px;
left: 1163px;
top: 938px;

background: #FF4C0C;
filter: blur(300px);
transform: matrix(1, 0, 0, -1, 0, 0);
} */

.card-project {
    border: none!important;
    border-radius: 16px;
    background: #FFFFFF;
    /* box-shadow: 0px 0px 16px rgba(128, 128, 128, 0.15); */
    filter: drop-shadow(0px 0px 32px rgba(64, 64, 64, 0.1));
    /* margin-bottom: 48px; */
}

.card-project .card-body {
    padding: 1.5rem;
}

.card-project img {
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}

.button-project {
    width: auto;
    border-radius: 12px;
}

.technology {
    position: relative;
    /* z-index: -120; */
    background: linear-gradient(98.97deg, #262626 0%, rgba(38, 38, 38, 0.95) 100%);
}

.card-tech {
    border: none!important;
    background: none;
}

.item-tech {
    padding: 20px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 20px;
    width: 80px;
    height: 80px;
    align-items: center;
    text-align: center;
}

@media only screen and (max-width: 768px){
    .item-tech {
        padding: 15px;
        background: rgba(255, 255, 255, 0.4);
        border-radius: 20px;
        width: 75px;
        height: 75px;
        align-items: center;
        text-align: center;
    }
}

/* parallax Technology */
.list-technology {
    position: relative;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px;
}
.list-technology::before {
    content: '';
    position: absolute;
width: 483.9px;
height: 483.9px;
left: 0px;
top: 0px;

background: #4285F4;
opacity: 0.5;
filter: blur(700px);
transform: matrix(1, 0, 0, -1, 0, 0);
}
.content-tech::before {
    position: absolute;
width: 254px;
height: 254px;
right: 0px;
bottom: -254px;

background: #FF4C0C;
opacity: 0.5;
filter: blur(400px);
transform: matrix(1, 0, 0, -1, 0, 0);
}
.list-technology .items-technology{
    position: relative;
    z-index: 100;
}
.list-technology .scene-technology{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.scene-technology img {
    object-fit: contain;
    /* width: 100%; */
    margin:0;
    top: o;
    left: 0;
    right: o;
    bottom: 0;
}
/* parallax */

.banner {
    background-image: url('../img/cta/bg-cta.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 398px; */
}

@media only screen and (max-width: 992px) {
    .banner a {
        width: 100%!important;
    }
}


@media only screen and (max-width: 768px) {
    .banner {
        background-image: url('../img/cta/CTA.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media only screen and (max-width: 834px) {

    .wraperr {
        padding-top: 120px!important;
    }
    .logo-mtn {
        width: 240px;
    }

    .gy-sm-96 {
        --bs-gutter-y: 96px;
    }
}
@media only screen and (max-width: 375px) {
    .logo-mtn {
        width: 200px;
    }
    .img-banner{
        max-width: 100%;
        height: auto;
    }
    .navbar-toggler {
        font-size: 1.5rem;
    }
    .page-link {
        font-size: 16px!important;
    }

}

.card-step {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
    backdrop-filter: blur(10px);
    padding: 24px;
}

.list-step {
    background: linear-gradient(92.16deg, rgba(255, 187, 0, 0.054) 49.58%, rgba(255, 170, 0, 0) 100%);
    backdrop-filter: blur(20px);
    border-radius: 16px;
    padding: 24px;
}
.step-2 {
    margin-top: -100px;
}
.step-3 {
    margin-top: -57px;
}

.btn-outline-mtn {
    color: #FFAA00;
    border-color: #FFAA00;
    padding: 12px 24px;
}
.btn-outline-mtn:hover{
    background: #FFAA00;
    color: #fff;
}
/* /Home style  */
/* Portfolio style */
.scene-portfolio{
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: -34%;
}
.header-portfolio{
    height: 307px;
    background: linear-gradient(180deg, #000000 0%, #262421 100%)
}

section.portfolio-detail {
    margin-bottom: 80px;
}

.btn-mtn {
    color: #737373;
    background: #E6E6E6;

}
.btn-mtn:hover{
    background: #faeac8;
    border: 1px solid #FFAA00;
    color: #FFAA00;
}
.active-mtn{
    background: #FFF7E6;
    border: 1px solid #FFAA00;
    color: #FFAA00;
}
.page-link {
    background: none;
    color: #999999;
    border: none;
    font-weight: 500;
    font-size: 24px;
    line-height: 170%;
}
.page-link:hover{
    color: #000000;
}
.page-item .active {
    color: #000000;
}
.card-portfolio {
    border-radius: 16px;
    background: #FFFFFF;
    padding: 24px;
    box-shadow: 0px 0px 16px rgba(128, 128, 128, 0.15);
}

.card-portfolio .card-body{
    padding: 0;
}



/* /Portfolio style */
.pad-100 {
    padding: 100px;
}
/* About us */

/* grid css */
@media (min-width: 768px){
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1  {
      width: 25%;
      *width: 25%;
    }
  }

  @media (min-width: 992px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
      width: 12.5%;
      *width: 12.5%;
      max-width: 12.5% !important;
  flex:none !important;
    }
  }

  @media (min-width: 1200px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
      width: 12.5%;
      *width: 12.5%;
      max-width: 12.5% !important;
  flex:none !important;
    }
  }
/* ..grid css.. */
.img-tim {
    width: 100%;
    height: 100%;
}
.img-full {
    width: 100%;
    height: 100%;
}
.about-us {
    margin-top: 100px;
}
.about-us img.image-1 {
    height: 400px;
}
.about-us img.image-2 {
    height: 190px;
}
@media only screen and (max-width: 1399px) {
    .about-us img.image-1 {
        height: 370px;
    }
    .about-us img.image-2 {
        height: 175px;
    }
}
@media only screen and (max-width: 1200px) {
    .about-us img.image-1 {
        height: 305px;
    }
    .about-us img.image-2 {
        height: 140px;
    }
}
@media only screen and (max-width: 1100px) {
    .about-us img.image-1 {
        height: 300px;
    }
    .about-us img.image-2 {
        height: 137px;
    }
}
@media only screen and (max-width: 992px) {
    .about-us img.image-1 {
        height: 373px;
    }
    .about-us img.image-2 {
        height: 175px;
    }
}
@media only screen and (max-width: 767px) {
    .about-us img.image-1 {
        height: 315px;
    }
    .about-us img.image-2 {
        height: 315px;
    }
}
@media only screen and (max-width: 612px) {
    .about-us img.image-1 {
        height: 290px;
    }
    .about-us img.image-2 {
        height: 290px;
    }
}
@media only screen and (max-width: 480px) {
    .about-us img.image-1 {
        height: 270px;
    }
    .about-us img.image-2 {
        height: 270px;
    }
}
@media only screen and (max-width: 440px) {
    .about-us img.image-1 {
        height: 250px;
    }
    .about-us img.image-2 {
        height: 250px;
    }
}
@media only screen and (max-width: 400px) {
    .about-us img.image-1 {
        height: 220px;
    }
    .about-us img.image-2 {
        height: 220px;
    }
}
@media only screen and (max-width: 350px) {
    .about-us img.image-1 {
        height: 200px;
    }
    .about-us img.image-2 {
        height: 200px;
    }
}

@media only screen and (max-width: 300px) {
    .about-us img.image-1 {
        height: 175px;
    }
    .about-us img.image-2 {
        height: 175px;
    }
}

.ceo-about {
    padding-top: 80px;
    padding-bottom: 80px;
}
.py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.py-100 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.detail-about {
    font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 200%;
}
.visi-misi {
    background: #FFF7E6;
}

.about-consultant h3 {
    font-size: 1.25rem;
}

.about-filosofi {
    background: #262626;
    /* padding-top: 100px;
    padding-bottom: 120px; */
}
.card-filosofi {
    align-items: center;
    background: none;
    border: none;
}
.card-filosofi img {
    width: 200px;
    align-items: center;
}
.ceo-content {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 200%;
}

section.tim-us {
    background: #262626;
    /* padding: 100px; */
}


.count-tim {
position: relative;
height: 220px;
background-repeat: no-repeat;
background-size: auto;
background-position: center;
background-image: url('../img/about/polygon.svg');
}
.content-tim{
    align-items: center;
}
/* /About us */

/* service */

/* mobile development */
section.about-mobile {
    /* height: 100%; */
    /* position: relative; */
    background-image: url('../img/service/mobile/Header.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* border: 1px solid black; */
}
section.about-mobile p.reguler {
    font-family: 'reguler';
}

section.about-mobile p.desc {
    padding-right: 4rem;
}

@media only screen and (max-width: 992px) {
    section.about-mobile p.desc {
        padding-right: 0rem;
    }
}

.img-about-mobile {
    max-width: 100%;
    height: auto;
}
section.quts-mobile {
    background: url('../img/service/mobile/bg-quts.svg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /* padding: 100px; */
    padding-top: 100px;
    padding-bottom: 100px;
}

section.quts-mobile .container p {
    padding-left: 10rem;
    padding-right: 10rem;
}

@media only screen and (max-width: 1200px) {
    section.quts-mobile {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    section.quts-mobile .container p {
        padding-left: 6rem;
        padding-right: 6rem;
    }
}

@media only screen and (max-width: 992px) {
    section.quts-mobile {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    section.quts-mobile .container p {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media only screen and (max-width: 880px) {
    section.quts-mobile {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    section.quts-mobile .container p {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media only screen and (max-width: 768px) {
    section.quts-mobile {
        background-size: 100% 100%;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    section.quts-mobile .container p {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media only screen and (max-width: 600px) {
    section.quts-mobile {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    section.quts-mobile .container p {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

@media only screen and (max-width: 425px) {
    section.quts-mobile {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    section.quts-mobile .container p {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

section.dev-tech {
    background: #262626;
    /* padding: 100px; */
}
section.dev-tech img.icon{
    width: 2.75rem;
    height: 2.75rem;
}
.pad-tech {
    padding-top: 100px;
    padding-bottom: 100px;
}
@media only screen and (max-width: 425px) {
    .pad-tech {
        padding-left:0;
        padding-right:0;
    }

    .pad-100 {
        padding-top: 100px;
        padding-bottom: 100px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .arrow {
        display: none!important;
    }
    .step-2 {
        margin-top: 0px;
    }

    .step-3 {
        margin-top: 0px;
    }
}

.card-dev {
    background: none;
    border: none;
}
.card-dev .card-header {
    background: none;
    border: none;
    padding: 0;
}

.proces-tech {
    padding-top: 80px;
    padding-bottom: 80px;
}

/* .proces-tech h3 {
    font-size: 1rem;
} */

.service-advantage h3 {
    font-size: 1.25rem;
}

.item-advantage {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 16px;
    width: 108px;
    height: 108px;
    align-items: center;
    text-align: center;
}
.solution-digital {
    padding-top: 80px;
    padding-bottom: 80px;
}

.solution-digital h3 {
    font-size: 1.25rem;
}

.card-solution  {
    padding: 20px;
    height: 430px;
    width: 365px;
}

section.form-call {
    background-image: url('../img/service/consultant/solustion/bg-form.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

section.form-call h2 {
    font-size: 1.25rem;
}
/* /service */
/* blog */
section.header-blog {
    height: 307px;
}
/* .accordion {
    background: rgba(255, 246, 229, 1);
} */

.toc {
    background:#FFF7E6;
}
.toc a {
    color: #4d4d4d;
    text-decoration: none;
    font-size: 14px;
}
.toc ul {
    list-style: none;
}
.toc ul li ul.menu_level_1 {
    list-style-type: decimal;
}
li.branch ul{
    list-style-type: lower-alpha;
}
.accordion-item {
    border: none;
    background: #FFF7E6;
}
.accordion-button:focus {
    border: none;
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    color: #262626;
    background-color: #FFF7E6;
    box-shadow: none;
}
.accordion-button:not(.collapsed)::after {
    background-image: url('../img/blog/button.svg');
}
.accordion-button{
    background: #FFF7E6;
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 175%;
    color: #262626;
}
.scene-blog {
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: -34%;
}

.item-social {
    width: 72px;
    height: 40px;
}

.blog-other {
    background: rgba(255, 246, 229, 1);
}

.card-blog {
    margin-bottom: 64px;
}

.rounded-4 {
    border-radius: 1rem;
}
.rounded-5 {
    border-radius: 1.7rem;
}

/* blog */
/* carrer */
.scene-carrer{
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: -34%;
}
section.header-carrer{
    height: 350px;
}
section.header-carrer-detail{
    height: 400px;
}
.btn-search {
    width: 76px;
    height: 52px;
    border-radius: 12px!important;
    /* background: #FFAA00; */
    margin-left: 24px!important;
}

.input-search {
    height: 52px;
    border-radius: 12px;
    border-end-end-radius:12px!important ;
    border-start-end-radius:12px!important ;
}

.input-search:focus {
    background-color: #fff;
    border-color: #ced4da;
    box-shadow: none;
}

.icon-search {
    border-radius: 12px;
}

.card-search {
    border-radius: 16px;
    box-shadow: 0px 0px 32px rgba(64, 64, 64, 0.1);
}

.shadow-custom {
    box-shadow: 0px 0px 32px rgba(64, 64, 64, 0.1);
    border: none;
}

.shadow-custom .card-body{
    padding: 24px;
}

.card-career {
    box-shadow: 0px 0px 32px rgba(64, 64, 64, 0.1);
    border-radius: 16px;
    padding: 24px;
    border: none;
}

.card-career .card-body{
    padding: 0;
}

.list-card-career {
    box-shadow: 0px 0px 32px rgba(64, 64, 64, 0.1);
    border-radius: 16px;
    /* margin-top: 48px; */
    padding: 24px;
    border: none;
    height: 400px;
}

.list-card-career .card-body {
    padding: 0;
}

.list-card-career .card-body .card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.page-item.active .page-link {
    z-index: 3;
    color: #262626!important;
    background-color: transparent!important;
    border: none!important;
}

.btn-career {
    width: 100%;
    border-radius: 12px;
    padding: 12px 24px;
}

.btn-career-detail {
    width: 100%;
    border-radius: 12px;
    padding: 12px 24px;
}

.modal-apply .modal-dialog .modal-content{
    padding: 1rem;
    border-radius: 16px;
}

@media (min-width: 800px){
    .modal-dialog {
        max-width: 784px;
    }
}

.start-34{
    left: 34%!important;;
}

@keyframes rotate10deg {
    0%   {transform:rotate(0deg) translate(0px,0px)}
    50%   {transform:rotate(2deg) translate(100px,50px)}
    100%  {transform:rotate(0deg) translate(0px,0px)}
}

@keyframes updown {
    0%   {transform:rotate(0deg) translate(0px,0px)}
    50%   {transform:rotate(2deg) translate(10px,100px)}
    100%  {transform:rotate(0deg) translate(0px,0px)}
}

.animate {
    animation:ease-in-out rotate10deg 18s infinite;
}

.animate-header {
    animation:ease-in-out updown  18s infinite;
}

.text-justify {
    text-align: justify;
    text-justify: inter-word
}

.card-form {
    border-radius: 16px;
}

footer {
    background-color: white;
}

footer .sec1 {
    z-index: 1;
    position: relative
}

footer .sec2 {
    z-index: 1;
    position: relative
}

footer .sec3 {
    z-index: 1;
    position: relative
}

footer .sec4 {
    z-index: 1;
    position: relative
}

footer .sec5 {
    z-index: 1;
    position: relative;
    font-size: 14px;
}

.footer-image-left {
    padding: 11vh;
    background-image: url('../img/img-footer-left.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.footer-image-right {
    padding: 11vh;
    background-image: url('../img/img-footer-right.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


@media only screen and (max-width: 991px) {
    footer .list-unstyled-kontak p {
        margin-left: -1.5rem;
    }
}

@media only screen and (max-width: 768px) {
    footer .list-unstyled-kontak p {
        margin-left: -0.75rem;
    }
}

@media only screen and (max-width: 500px) {
    footer .list-unstyled-kontak .footer-icon-kontak {
        margin-left: 0.5rem;
    }
}

@media only screen and (max-width: 330px) {
    footer .list-unstyled-kontak .footer-icon-kontak {
        margin-left: 1rem;
    }
}

@media only screen and (max-width: 1400px) {
    .footer-image-left {
        padding: 15vh;
    }

    .footer-image-right {
        padding: 15vh;
    }
}

@media only screen and (max-width: 875px) {
    .footer-image-left {
        padding: 12vh;
    }

    .footer-image-right {
        padding: 12vh;
    }
}

@media only screen and (max-width: 815px) {
    .footer-image-left {
        padding: 8vh;
    }

    .footer-image-right {
        padding: 8vh;
    }
}

@media only screen and (max-width: 490px) {
    .footer-image-left {
        padding: 6vh;
    }

    .footer-image-right {
        padding: 6vh;
    }
}

@media only screen and (max-width: 450px) {
    .footer-image-left {
        padding: 4vh;
    }

    .footer-image-right {
        padding: 4vh;
    }
}

@media only screen and (max-width: 420px) {
    .footer-image-left {
        padding: 3vh;
    }

    .footer-image-right {
        padding: 3vh;
    }
}

@media only screen and (max-width: 398px) {
    .footer-image-left {
        padding: 6vh;
    }

    .footer-image-right {
        padding: 6vh;
    }
}

@media only screen and (max-width: 345px) {
    .footer-image-left {
        padding: 4vh;
    }

    .footer-image-right {
        padding: 4vh;
    }
}

input.heighttext{
    padding: 15px 10px;
    line-height: 28px;
}

.konsultasi-text {
    margin-top: 10rem;
    padding: 1rem;
}

/* .text-reguler {
    font-family: 'reguler';
} */

.child1 {
    height: 150px;
    width: 150px;
    border-top: 250px solid transparent;
    border-left: 145px solid #FFF6E5;
    border-right: 150px solid transparent;
}

.child2 {
    height: 150px;
    width: 150px;
    border-top: 250px solid transparent;
    border-left: 145px solid transparent;
    border-right: 145px solid #FFF6E5;
}

.child3 {
    height: 100px;
    width: 100px;
    border-top: 150px solid transparent;
    border-left: 150px solid #FFAA00;
    border-right: 150px solid transparent;
}

.child4 {
    height: 100px;
    width: 100px;
    border-top: 150px solid transparent;
    border-left: 150px solid transparent;
    border-right: 150px solid #FFAA00;
}

@media only screen and (max-width: 1100px) {
    .child1 {
        border-top: 230px solid transparent;
    }

    .child2 {
        border-top: 230px solid transparent;
    }

    .child3 {
        border-top: 130px solid transparent;
    }

    .child4 {
        border-top: 130px solid transparent;
    }
}

@media only screen and (max-width: 992px) {
    .child1 {
        border-top: 180px solid transparent;
        border-left: 145px solid #FFF6E5;
    }

    .child2 {
        border-top: 180px solid transparent;
        border-left: 125px solid transparent;
    }

    .child3 {
        border-top: 100px solid transparent;
        border-left: 150px solid #FFAA00;
    }

    .child4 {
        border-top: 100px solid transparent;
        border-left: 130px solid transparent;
    }
}

@media only screen and (max-width: 820px) {
    .child1 {
        border-left: 145px solid #FFF6E5;
        border-top: 170px solid transparent;
    }

    .child2 {
        border-left: 115px solid transparent;
        border-top: 170px solid transparent;
    }

    .child3 {
        border-top: 110px solid transparent;
        border-left: 150px solid #FFAA00;
    }

    .child4 {
        border-top: 110px solid transparent;
        border-left: 120px solid transparent;
    }
}

@media only screen and (max-width: 600px) {
    .child1 {
        border-left: 150px solid #FFF6E5;
        border-top: 150px solid transparent;
    }

    .child2 {
        border-left: 95px solid transparent;
        border-top: 150px solid transparent;
    }

    .child3 {
        border-top: 100px solid transparent;
        border-left: 155px solid #FFAA00;
    }

    .child4 {
        border-top: 100px solid transparent;
        border-left: 100px solid transparent;
    }
}

@media only screen and (max-width: 500px) {
    .child1 {
        border-left: 140px solid #FFF6E5;
        border-top: 150px solid transparent;
    }

    .child2 {
        border-left: 15px solid transparent;
        border-top: 150px solid transparent;
    }

    .child3 {
        border-top: 100px solid transparent;
        border-left: 145px solid #FFAA00;
    }

    .child4 {
        border-top: 100px solid transparent;
        border-left: 40px solid transparent;
    }
}


/* .jancuk2 { */
/*  */
/* } */