@font-face{font-family:Poppins-Medium;src: url(../fonts/Poppins-Medium.ttf);}
@font-face{font-family:Poppins-Regular;src: url(../fonts/Poppins-Regular.ttf);}
@font-face{font-family:Poppins-Light;src: url(../fonts/Poppins-Light.ttf);}

html,body{overflow-x:hidden;}
.logo{width: 50%;margin-top:10px;margin-bottom:10px;}
.nav_li{font-family: Poppins-Medium;padding-right:2em;font-size:20px;}
.section_title{font-family: 'Poppins-Medium';color: #a00c18;padding-top: 2em;}
a{color:#fff;text-decoration: none;}
a:hover {color:  #a00c18;text-decoration: none;}  
.section_hr{border-top: 1px solid #0081a8;}
.section_sub_title{font-family: 'Poppins-Medium';color: #0000009e;font-style: italic;}
.bg-light {background-color: #fff !important;padding-top: 0 !important;padding-bottom: 0 !important;}
.row_mrg{margin-top: 2em;}
/* .service_name{letter-spacing: 1px;font-family: 'Poppins-Medium';text-align: center;color: #a00c18;font-size: 15px;} */
.navbar-light .navbar-brand {font-size: 4.25rem;color: #3380cc; }
.navbar-light .navbar-brand:focus{color: #3380cc;}
.navbar-light .navbar-brand:hover {color: #3380cc;font-weight: bold;}
.navbar-light .nav-item .nav-link, .navbar-light .nav-item.active .nav-link {color: #a00c18;}  
.navbar-light .nav-item .nav-link:focus, 
.navbar-light .nav-item.active .nav-link:focus, 
.navbar-light .nav-item .nav-link:hover, 
.navbar-light .nav-item.active .nav-link:hover {color: #0081a8!important;font-weight: bold;}
#about {background-color: #f6f6f6;padding-bottom: 2.5em;}
#about img {width:100%; height:auto}
#about h2 {font-weight: 500;font-size: 30px;color: #0081a8;font-family: 'Poppins-Medium';padding-bottom: 10px;text-align: left;}
#about p {margin-bottom: 20px;line-height: 2;color: #000;font-family: 'Poppins-Regular';}
.sec-heading {text-transform: capitalize;margin-bottom: 0px;text-align: center;font-size: 40px;padding: 1.5em 0;margin: 0;font-family:Poppins-Medium;color:#a00c18;}
.sec-heading-mob {text-transform: capitalize;margin-bottom: 0px;text-align: center;font-size: 36px;padding: 1.5em 0;margin: 0;font-family:Poppins-Medium;color:#a00c18;}
.chose_bg{background-color: #0081a8;}
.about_after_bg{background-image: url('../images/about-banner.jpg');background-position: inherit;background-repeat: no-repeat;background-size: cover;padding-bottom: 2em;}
.caption_title{margin-top: 0px;font-weight: 800;font-family:'Poppins-Medium';text-align: center;color: #fff;text-transform:capitalize;padding-top:2em;padding-bottom: 2.3px;margin-bottom: 0;font-size:29px;letter-spacing: 1px;}
.caption_p{text-align: center;color: #fff;font-family: 'Poppins-Medium';font-size: 14px;}
.home_btn{border-radius: 6px;cursor: pointer;border: none;width: 16%;font-size: 17px;margin-left: auto;margin-right: auto;padding: 0.5em;display: block;background: #dc1220;color: #fff;font-family: 'Poppins-Medium';}
.contact_btn{
  border-radius: 6px;
  cursor: pointer;
  border: none;
  width: 50%;
  font-size: 20px;
  margin-top:17%;
  margin-left: auto;
  padding: 0.5em;
  display: block;
  background: #a00c18;
  color: #fff;
  font-family: 'Poppins-Medium';
}
.link_color:hover {color: #0081a8;text-decoration: none;}
.base_link_color {
  color: #000000; /* Initial link color */
}
.base_link_color:hover {color: #0081a8;text-decoration: none;}
.contact_btn:hover {background: #c41626;}
.section-hero {background-color: #fdf2e9;padding: 5.4rem 0 5.4rem 0;}
.hero {max-width: 130rem;display: grid;grid-template-columns: 1fr 1fr;padding: 0 3.2rem;margin: 0 auto;align-items: flex-start;gap: 0 9.6rem;}
.heading-primary {font-family: 'Poppins-Medium';font-size:60px;color: #a00c18;font-weight: 700;letter-spacing: -0.5px;line-height: 1.05;margin-bottom:1.6rem;}
.hero-img {width: 100%;}
ul{list-style: none;padding: 0}
.chose_li{font-family: 'Poppins-Medium';font-size: 19px;line-height: 3;font-style: italic;}
.chose_icon{margin-right: 1em;background-color: #0081a8;color: #fff;border-radius: 50%;padding: 2px 6px;font-weight: bold;}
.service-1 .service-box {padding: 35px 30px 20px 30px;position: relative;-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;margin:20px 0;}
.service-1 .service-box .service-icon {color: #353535;font-size: 40px;position: absolute;top:53px;z-index: 9;text-align: center;}
/* .service-1 .service-box::before {border: 4px solid #8c240f;content: "";height: 95%;left: 40%;position: absolute;top: 0;width:127px;} */
.service-1 .service-box .service-content {background: #fff none repeat scroll 0 0;padding: 30px 0 5px;position: relative;text-align: center;}
/* .service-1 .service-box .service-content h3 {font-size: 16px;margin-top: 3em;text-align: center;font-family: 'Poppins-Medium';} */
.footer {background-color: #a00c18;width: 100%;text-align: left;font-family:'Poppins-Regular';padding: 50px;margin-top:0px;}
.footer .footer-left,
.footer .footer-center,
.footer .footer-right {display: inline-block;vertical-align: top;}
.footer .footer-left {width: 33%;padding-right: 15px;}
.footer_about{padding-bottom: 14px;line-height: 20px;color: #ffffff;font-size:18px;font-weight:800;margin: 0;font-family:'Poppins-Medium';}
.footer_span {line-height: 2;display: block;color: #ffffff;font-size: 14px;font-weight: normal;margin-bottom: 20px;font-family: 'Poppins-Regular';}
.footer .icons {margin-top: 25px;}
.footer .icons a {display: inline-block;width: 35px;height: 35px;cursor: pointer;background-color: #0081a8;border-radius: 2px;font-size: 20px;color: #ffffff;text-align: center;line-height: 35px;margin-right: 3px;margin-bottom: 5px;}
.footer .footer-center {width: 30%;}
.footer .footer-center i {background-color: #0081a8;color: #ffffff;font-size: 25px;width: 38px;height: 38px;border-radius: 50%;text-align: center;line-height: 42px;margin: 10px 15px;vertical-align: middle;}
.footer .footer-center i.fa-envelope {font-size: 17px;line-height: 38px;}
.footer .footer-center p {display: inline-block;color: #ffffff;vertical-align: middle;margin: 0;}
.footer .footer-center p span {display: block;font-weight: normal;font-size: 14px;line-height: 2;}
.footer .footer-center p a {color:#fff;text-decoration: none;}
.footer .footer-right {width: 35%;}
.footer h2 {color: #ffffff;font-size: 36px;font-weight: normal;margin: 0;}
.footer h2 span {color: #0099ff;}
.footer .menu {color: #ffffff;margin: 20px 0 12px;padding: 0;}
.footer .menu a {display: inline-block;line-height: 1.8;text-decoration: none;color: inherit;font-weight: 800;}
.footer .menu a:hover {color: #0099ff;}
.footer .name {color:#fff;font-size: 14px;font-weight: normal;margin: 0;}
@media (max-width: 767px) {
.footer {font-size: 14px;}
.footer .footer-left,
.footer .footer-center,
.footer .footer-right {display: block;width: 100%;margin-bottom: 40px;text-align: center;}
.footer .footer-center i { margin-left: 0;}
.contact_btn {width: 50%;}}
.coverage_p{color: #000;font-family: 'Poppins-Regular';line-height: 2;font-weight:400;}
.ser_p{margin: 0;font-family: 'Poppins-Regular';font-size: 14px;text-align: left;}
.footer_img{width: 68%;}
.body_contact {padding-top: 5%;padding-bottom: 5%;}
.wrapper {background: white;border: 1px solid #fff;border-radius: 15px;margin: 70px auto; padding:0px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.row_bg{background: #0081a8;color: #fff;}
.contact_head{text-align: center;font-family: 'Poppins-Medium';padding-top: 1em;text-transform: uppercase;}
.contact_li{font-size: 16px;font-family: 'Poppins-Medium';}
.gradient-brand-color {background-image: -webkit-linear-gradient(0deg, #376be6 0%, #6470ef 100%);background-image: -ms-linear-gradient(0deg, #376be6 0%, #6470ef 100%);color: #fff;}
.contact-info__wrapper {overflow: hidden;border-radius: .625rem .625rem 0 0}

@media (min-width: 1024px) {
  .contact-info__wrapper {
      border-radius: 0 .625rem .625rem 0;
      padding: 5rem !important
  }
  .contact_btn {width: 50%;}
}
.contact-info__list span.position-absolute {
  left: 0;
}
.z-index-101 {
  z-index: 101;
}
.list-style--none {
  list-style: none;
}
.contact__wrapper {
  background-color: #fff;
  border-radius: 0 0 .625rem .625rem
}

@media (min-width: 1024px) {
  .contact__wrapper {
      border-radius: .625rem 0 .625rem .625rem
  }
}
@media (min-width: 1024px) {
  .contact-form__wrapper {
      padding: 5rem !important
  }
}
.shadow-lg, .shadow-lg--on-hover:hover {box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);margin-top: 5em;margin-bottom: 5em;}
.contact_title{text-align: center;font-family: 'Poppins-Medium';margin-bottom: 1em;}
input[type="text"],
input[type="tel"],
input[type="email"]
 {margin-bottom: 1.8em;width: 100%;padding: 10px;border: none;border-bottom: 2px solid #a00c18;outline: none;font-size: 16px;transition: border-bottom-color 0.3s;border-radius: 0;}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus {border: 2px solid #0081a8;    padding: 10px;}
.contact_label{font-family: 'Poppins-Medium';color: #000;}
textarea{border: none!important;
border-bottom: 2px solid #a00c18!important;
outline: none!important;
font-size: 16px;
transition: border-bottom-color 0.3s!important;
border-radius: 0!important;}
textarea,input::placeholder {color:red;font-family:Poppins-Regular;font-size: 15px;}
.btnContact {
background: #a00c18;
color: #fff;
border: none;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
border-radius: 12px;
transition: background-color 0.3s;    width: 100%;}
.btnContact:hover {background: #c41626;}

h1 {
  text-align: center;
  margin: 50px auto 120px;
  color: #fff;
  text-transform: uppercase;
}

.main {
  width: 100%;
  min-height: 300px;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.service {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  box-shadow: 0 0 20px -15px #030380;
  transition: transform .8s;
}

/* Mengatur posisi logo service */
.service-logo {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  margin: -90px auto 0;
  background: #fff;
  border: 18px solid #a00c18;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Membuat border title */
.service h4 {
height: 35px;
width: 94%;
margin:12px auto;
background: #fff;
position: relative;font-family: 'Poppins-Medium';
font-size: 20px;
}

.service h4::after,
.service h4::before {
  content: '';
  width: 40px;
  height: 30px;
 position: absolute;
 z-index: -1;
}

.service h4::after {
  background: linear-gradient(to right, #fff, #007bff);
  right: -5px;
  top: -5px;
}

.service h4::before {
  background: linear-gradient(to right, #007bff, #fff);
  left: -5px;
  bottom: -5px;
}


/* membuat shadow untuk service */
.main::after {
  content: '';
  height: 200px;
  width: 80%;
  background: #fff;
  position: absolute;
  border-radius: 10px;
  bottom: 0;
  left: 10%;
  z-index: -1;
  box-shadow: 0 0 20px -15px #030380;
  transition: transform .8s;
}
.main::before {
  content: '';
  height: 200px;
  width: 64%;
  background: #fff;
  position: absolute;
  border-radius: 10px;
  bottom: 0;
  left: 18%;
  z-index: -2;
}

.main:hover .service {
  transform: translateY(-50px);
}

.main:hover::after {
  transform: translateY(-25px);
}

.service-logo i {transition: transform 1s;}
.main:hover .service-logo i {transform: rotate(360deg);}
.con_icon{color: #0081a8;font-weight: 800;font-size: 2em;}
.bg{background: #0081a8!important;padding-bottom: 4em;margin-top: 3em;}
.con_title {font-family: 'Poppins-Medium';color: #fff;padding-top: 2em;}
.con_row{margin-top:2em;}
.section_sub_con {font-family: 'Poppins-Medium';color: #fff;font-style: italic;}
.con_hr {border-top: 1px solid #ffffff;}
.con_p{font-family: 'Poppins-Regular';font-size: 15px;}
#myBtn {
width:45px;
height:45px;
border-radius: 50%;
display: none;
position: fixed;
bottom: 80px;
right: 30px;
z-index: 99;
font-size:18px;
border: none;
text-align:center;
outline: none;
background:#0081a8;
color:#fff;
cursor: pointer;
padding: 8px;
-webkit-transition: all 0.3s cubic-bezier(0.25,0.25,0,1);
-moz-transition: width 0.3s ease-out, padding-top 0.3s ease-out;
transition: all 0.3s cubic-bezier(0.25,0.25,0,1);}


@media(min-width:300px) and (max-width:767px){
.logo_mob{margin-top: 10px;width: 85%;}
.icon_border{padding: 10px;border: 1px solid #000;margin-top: 14px;}
.nav_mob{color: #000 !important;font-family:'Poppins-Medium';}
.home_btn {width: 50%;}
.contact_btn {width: 50%;margin: auto;}
.heading-primary {font-size: 45px;margin-top: 0;}}



.delay-1 {
  animation-delay: 0.2s;
}

.delay-2 {
  animation-delay: 0.4s;
}

.delay-3 {
  animation-delay: 0.6s;
}

.delay-4 {
  animation-delay: 0.8s;
}

.delay-5 {
  animation-delay: 1s;
}

.whatsapp_btn{
	position:fixed;
	width:50px;
	height:50px;
	bottom: 20px;
  right: 28px;
	background-color:#25d366;
	color:#FFF;
	border-radius:5px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:10px;
}

@media(min-width:768px) and (max-width:1199px){
  .contact_btn {width: 63%;}
}

@media(min-width:993px) {
  .service-1 .service-box .service-content{margin: 12px 0 0;}
  .service-1 .service-box::before {border: 4px solid #8c240f;content: "";height: 95%;left: 40%;position: absolute;top: 0;width:127px;}
  .service-1 .service-box .service-content h3 {font-size: 16px;margin-top: 3em;text-align: center;font-family: 'Poppins-Medium';}
  .service-1 .service-box .service-icon {left:34%;}
}

@media(min-width:320px) and (max-width:403px){
  .service-1 .service-box .service-content{margin: 12px 70px 0;}
  .service-1 .service-box::before {border: 4px solid #8c240f;content: "";height: 95%;left: 40%;position: absolute;top: 0;width:127px;}
  .service-1 .service-box .service-content h3 {font-size: 16px;margin-top: 3em;text-align: center;font-family: 'Poppins-Medium';}
  .service-1 .service-box .service-icon {left:34%;}
}

@media(min-width:403px) and (max-width:450px){
  .service-1 .service-box .service-content{margin: 12px 99px 0;}
  .service-1 .service-box::before {border: 4px solid #8c240f;content: "";height: 95%;left: 40%;position: absolute;top: 0;width:127px;}
  .service-1 .service-box .service-content h3 {font-size: 16px;margin-top: 3em;text-align: start;font-family: 'Poppins-Medium';}
  .service-1 .service-box .service-icon {left:34%;}
}

@media(min-width:451px) and (max-width:499px){
  .service-1 .service-box .service-content{margin: 12px 128px 0;}
  .service-1 .service-box::before {border: 4px solid #8c240f;content: "";height: 95%;left: 40%;position: absolute;top: 0;width:127px;}
  .service-1 .service-box .service-content h3 {font-size: 16px;margin-top: 3em;text-align: start;font-family: 'Poppins-Medium';}
  .service-1 .service-box .service-icon {left:34%;}
}
@media(min-width:500px) and (max-width:767px){
  .service-1 .service-box .service-content{margin: 12px 144px 0;}
  .service-1 .service-box::before {border: 4px solid #8c240f;content: "";height: 95%;left: 26%;position: absolute;top: 0;width: 240px;}
  .service-1 .service-box .service-content h3 {font-size: 16px;margin-top: 3em;text-align: center;font-family: 'Poppins-Medium';}
  .service-1 .service-box .service-icon {left:45%;}
}
@media(min-width:768px) and (max-width:993px){
  .service-1 .service-box .service-content{margin: 15px 0 0;}
  .service-1 .service-box .service-content h3 {font-size: 16px;margin-top: 3em;text-align: start;font-family: 'Poppins-Medium';}
  .service-1 .service-box .service-icon {left:34%;}

}
@media(min-width:1024px) {
  .sp{font-size: 5em;}
  .abt_pp{font-size: 1.5em;}
  .service_name{letter-spacing: 1px;font-family: 'Poppins-Medium';text-align: center;color: #a00c18;font-size: 15px;}


}
@media(min-width:768px)  and (max-width:1023px) {
  .sp{font-size: 3em;}
  .abt_pp{font-size: 1.2em;}
  .service_name{letter-spacing: 1px;font-family: 'Poppins-Medium';text-align: center;color: #a00c18;font-size: 15px;}


}
@media(min-width:320px)  and (max-width:767px) {
  .sp{font-size: 2em;}
  .abt_pp{font-size: 1em;}
  .service_name{font-family: 'Poppins-Normal';text-align: center;color: #a00c18;font-size: 20px;}

}