a,
a:focus {
  color: #7FBE42;
}
a:hover {
  color: #84B043;
}
.bell-font {
  font-family: arial, 'ciscosans', 'helvetica', sans-serif;
}
.bg-clr-tai-ble {
  background-color: #528B16;
}

/*---------- header --------*/
.header {
  padding-top: 20px;
}
.header .logo {
  padding-top: 0;
  max-width: 190px;
}
.hdr-lang .bl-lang,
.header-inner .hdr-lang .bl-lang {
  color: #7FBE42;
}
/*---------- header end --------*/

/*---- hero wrp ---*/
.bl-hro-wrp {
  background: url(../../img/taiwan/hero-taiwan.png) no-repeat;
  background-size: 100%;
  background-position: center;
}
.bl-hro-wrp .bl-hro-wrp-cnt {
  width: 40%;
}
.bl-ref-inpt-grp .bl-close:hover {
  color: #f66c12;
}
/*---- hero wrp ---*/

/*----  home page what is IoT -----*/
.taiwan-btwrp {
  max-width: 86%;
  margin: 0 auto;
}
.bl-wht-iot-mn img {
  max-width: 100%;
  margin: 0;
  width: auto;
}
.bl-wht-iot-hd {
  margin: 0;
  padding-left: 35px;
  padding-bottom: 0;
}
.bl-wht-iot-hd h2 {
  margin-left: 0;
}
.bl-wht-iot-mn .col-md-6 {
  background-color: #fff;
}
/*----  home page what is IoT -----*/

/*--- button style change -----*/
.btn-cus-primary,
.btn-cus-primary:focus {
  background-color: #f66c12;
  border: 1px solid #f66c12;
  color: #fff;
}
.btn-cus-primary:hover,
.btn-cus-primary:hover:focus {
  background-color: transparent;
  color: #f66c12;
  border-color: #f66c12;
}

.btn-mn-frmpri,
.btn-mn-frmpri:focus {
  background-color: #f66c12;
  color: #fff;
  border-color: #f66c12;
}
.btn-mn-frmpri:hover:focus,
.btn-mn-frmpri:hover {
  background-color: #fff;
  color: #f66c12;
  border-color: #f66c12;
}

.btn-cus-bdr, .btn-cus-bdr:focus {
  border-color: #f66c12;
  color: #f66c12;
  background-color: transparent;
}
.btn-cus-bdr:hover,
.btn-cus-bdr:hover:focus {
  background-color: #f66c12;
  color: #fff;
  border-color: #f66c12;
}

.btn-bdr-wt:hover,
.btn-bdr-wt:hover:focus {
  color: #f66c12;
}
/*--- button style change end -----*/

/*---- form style change -----*/
.radio-style input[type="radio"]:checked + label::before,
.ckbx-style label::before,
.form-pge-wrp .form-info-icon {
  color: #7FBE42;
}

.iot-ordr-track-mn.status .iot-kit-info .bl-cur-ic {
  color: #7FBE42;
}
.iot-ordr-track-mn.status .iot-kit-info .bl-status,
.iot-ordr-track-mn.status1 .iot-kit-ship .bl-status,
.iot-ordr-track-mn.status2 .iot-kit-pay .bl-status,
.iot-ordr-track-mn.status3 .iot-kit-rc .bl-status,
.iot-ordr-track-mn.status4 .iot-kit-del .bl-status {
  color: #7FBE42;
}
.iot-ordr-track-mn.status1 .iot-kit-info .bl-old-ic,
.iot-ordr-track-mn.status1 .iot-kit-ship .bl-cur-ic,
.iot-ordr-track-mn.status2 .iot-kit-info .bl-old-ic,
.iot-ordr-track-mn.status2 .iot-kit-ship .bl-old-ic,
.iot-ordr-track-mn.status2 .iot-kit-pay .bl-cur-ic,
.iot-ordr-track-mn.status3 .iot-kit-info .bl-old-ic,
.iot-ordr-track-mn.status3 .iot-kit-ship .bl-old-ic,
.iot-ordr-track-mn.status3 .iot-kit-pay .bl-old-ic,
.iot-ordr-track-mn.status3 .iot-kit-rc .bl-cur-ic,
.iot-ordr-track-mn.status4 .iot-kit-info .bl-old-ic,
.iot-ordr-track-mn.status4 .iot-kit-ship .bl-old-ic,
.iot-ordr-track-mn.status4 .iot-kit-pay .bl-old-ic,
.iot-ordr-track-mn.status4 .iot-kit-rc .bl-old-ic,
.iot-ordr-track-mn.status4 .iot-kit-del .bl-cur-ic {
  color: #7FBE42;
}
.sim-style label {
  border-color: #7FBE42;
}
.ordr-trck-line:before {
  border-color: #7FBE42;
}
/*---- form style change end -----*/



.whw-mn ul.bl-whw>li a::after,
.whw-mn ul.bl-whw>li.active a::after {
  border-color: #f66c12;
}


@media (max-width: 1199px) {
  .bl-hro-wrp .bl-hro-wrp-cnt {
    width: 50%;
  }
}

@media (max-width: 991px) {
  .bl-hro-wrp {
    background-size: cover;
  }
  .bl-hro-wrp .bl-hro-wrp-cnt {
    width: 100%;
  }

  .bl-wht-iot-mn img {
    margin: 30px auto 0;

  }
}

@media (max-width: 568px) {
  .whw-mn  ul.list-inline li a:hover {
    background-color: #f66c12;
  }
  .taiwan-btwrp {
    max-width: 100%;
  }
}


/***  footer css starts ***/
.frm-pge-mn {
  min-height: 80vh;
}
footer.all-footer {
  padding: 10px 0;
  background: #528b16;
}
footer.all-footer ul li a {
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
}
footer.all-footer ul{
  margin-bottom: 0;
}
@media (max-width:991px) {
  .frm-pge-mn {
    min-height: auto;
  }
}
/***  footer css End ***/

/** Track Order disable button **/
.btn-dis-frm {
  background-color: #f66c12;
  color: #fff;
  border-color: #f66c12;
}

.btn-dis-frm:hover:focus, .btn-dis-frm:hover {
  background-color: #f66c12;
  color: #fff;
  border-color: #f66c12;
}