*{
  font-family: 'Inter', sans-serif;
  box-sizing: border-box;
}

html{
  scroll-behavior: smooth;
}

body{
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.text-jakarta{
  font-family: 'Plus Jakarta Sans', 'sans-serif';
}

.fs-20{
  font-size: 20px;
}

.submit-button{
  background-color: #FFFFFF !important;
  color: #087DBE !important;
  border: 1px solid #FFFFFF !important;
}

.submit-button:hover{
  background-color: #087DBE !important;
  color: #FFFFFF !important;
  border: 1px solid #087DBE !important;
  cursor: pointer;
}

.height-100{
  min-height: 100vh;
}

.cover-bg{
	background-size: cover;
	background-position: center;
	padding: 80px 74px;

}

.cover-bg h1{
    font-weight: 700;
    letter-spacing: -2px;
    font-size: 40px;
    margin-top: 5%;
    margin-bottom: 40px
}
.cover-bg h1.line-left{
    position:relative;
}
.cover-bg img{
	max-width: 120px;
}
.cover-bg p{
	font-size:18px;
}
.cover-bg p b{
	font-weight: bold
}
.formside{
    padding: 80px 40px;

    background-image: url(/tour-produk-gratis/images/section-right-background.png);
    background-size: cover;

    display: flex;
}

.section-right{
  align-self: center;
}
.line-left::after {
	content: "";
    width: 80px;
    border-bottom: 3px solid orange;
    position: absolute;
    bottom: -17px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.line-left::after {
    margin: 0 auto 0 0;
}
.formside .text-center.text-md-right > div {
    display: inline-block;
    float: left;
}
.formside .btn.btn-warning{
	padding: 15px 70px;
	font-size: 18px;
	font-weight: bold;
}
#form-contact input.form-control, #form-contact select.form-control {
    height: 42px;
}
#form-contact .form-control {
    padding: 8px;
    background: #ffffff;
    border-radius:8px;
    /*box-shadow: 6px 6px 12px #c4c4c4, -6px -6px 12px #ffffff;*/
    /*border: 0;*/
}
/*=====================*/
#contact-form label:after{content:"*"; color:red}#contact-form label{font-size:14px}#contact-form .contact-form-container form{max-width:530px}
.formside h2{
	margin-top: 6%;
	font-weight: bold;
	color: #353b48;
	font-size: 37px;
	margin-bottom: 32px;
}
.text-center{text-align:center}
.formside .btn.btn-warning {
    padding: 15px 70px;
    font-size: 20px;
    font-weight: 700;
}
.formside .btn.btn-warning{background:orange;color:#fff;transition:ease all 0.3s;border:1px solid orange;border-radius:5px;font-size:16px; margin:20px auto;}
.formside .btn.btn-warning:hover{background:#fff;color:orange;}
#form-contact textarea{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
}

.form-control{
  padding: 10px 12px !important;
}

.koneksi-logo-white{
  display: none;
}

@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}
.slider {
  height: 102px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 40vw;
}
.slider::before, .slider::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 120px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  -webkit-animation: scroll 40s linear infinite;
          animation: scroll 40s linear infinite;
  display: flex;
  width: calc(110px * 22);
}
.slider .slide {
  height: 100px;
  width: 120px;
}


.section-right{
  
}

@media only screen and (max-width: 767px) {
	.formside {
		padding: 40px;
	}
	/*.slider{display:none;}*/
	.cover-bg{
		min-height: 40vh;
		text-align: center;
		padding: 40px;
	}
	.cover-bg h1,.formside h2{
	    font-weight: 700;
	    letter-spacing: -2px;
	    font-size: 30px;
	    max-width: 100%;
	    text-align: center;
	}
	.cover-bg h1{
	    margin-top: 30px;
      font-size: 28px;
	}
	.formside h2{
		margin-top: 0;
		margin-bottom: 30px
	}
	.cover-bg p{
		font-size:14px;
	}
	.line-left::after {
	    margin: 0 auto 0 ;
	}
	.formside .btn.btn-warning{width: 100%}
	#form-contact h2{margin-top: 10px}
	
	.slider {
	    width: 80vw;
	}

  .section-left .koneksi-logo{
    display: none;
  }

  .section-right .koneksi-logo-white{
    display: block !important;
    max-width: 140px;
  }
}

@media (max-width: 992px){
  .formside{
    flex: 100%;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
  }

 .section-left{
  text-align: center;
 }
}


@media (max-width: 480px){
  .section-left h1{
    font-size: 28px;
    margin-bottom: 16px;
  }

  .cover-bg{
    padding: 12px 0px;
  }

  .section-left .dipercaya-oleh{
    margin-bottom: 0px !important;
  }

  .section-left .koneksi-logo{
    display: none;
  }

  .section-right .koneksi-logo-white{
    display: block !important;
    max-width: 140px;
  }

  .section-right p{
    margin-top: 1rem !important;
  }

  .formside{
    padding: 40px 20px;
  }
}

@media (min-width: 481px) and (max-width: 767px){
  .cover-bg h1{
    font-size: 28px;
  }

  .section-right .koneksi-logo-white{
    display: block !important;
    max-width: 140px;
  }

  .section-left .koneksi-logo{
    display: none;
  }

  .mt-1{
    margin-top: 1.25rem !important;
  }



}

@media (min-width: 767px) and (max-width: 992px){
  .slider {
    width: 80vw;
  } 

  .section-left .koneksi-logo{
    display: none;
  }

  .section-right .koneksi-logo-white{
    display: block !important;
    max-width: 140px;
  }

  .cover-bg h1{
    font-size: 32px;
  }

  .cover-bg{
    padding: 40px 74px;
  }

  .section-right{
    width: 80%;
  }
}



@media (min-width: 1200px) and (max-width: 1399px){
  .cover-bg h1{
    font-size: 36px ;
  }

  .cover-bg{
    padding: 40px 52px;
  }
}

@media (min-width: 1400px){

}