/*************** ADD CUSTOM CSS HERE.   ***************/





@media only screen and (max-width: 48em) {

/*************** ADD MOBILE ONLY CSS HERE  ***************/



  #searchForm .col {

    padding-bottom: 0

  }



  .stat-item , .thongtin{

    flex-basis: 100%!important;

    min-height: 100px;

  }



  #searchForm .col {

    padding-bottom: 10px;

  }



  #searchForm input, #textdiachiCd {

    min-height: 45px!important;

    height: auto!important;

  }



}





:root {

	--jet-primary : #003e71;

	--jet-secondary: #ffffff;

	--jet-label : #3e497a;

}



#jet-tinhthanh h1, #searchForm label, #jet-diachimoi label, #jet-tinhthanh p, #jet-chuyendoi h1, #jet-chuyendoi p {

	color : var(--jet-primary);

}







#jet-tinhthanh p , #jet-chuyendoi p, #jet-diachimoi p{

	font-weight: 600;

}



#searchForm select , #searchForm input{

	border-radius: 10px;

	height: 45px;

}



#jet-diachimoi .truocday .col-inner, #jet-diachimoi .hientai .col-inner {

  border: 1px solid #ccc;

  padding: 20px;

  border-radius: 10px;

}



#textdiachiCd {

  border: 1px solid #ccc;

  display: block;

  width: 100%;

  padding: 10px;

  border-radius: 10px;

  height: 45px;

}



#diachimoi {

  border: 1px solid #ccc;

  display: block;

  width: 100%;

  padding: 10px;

  border-radius: 10px;

  height: 45px;

  color: red;

}



#btnCd {

    background: var(--jet-primary);

    color: #fff;

    border: 2px solid var(--jet-primary);

    box-shadow: 0 2px 8px rgba(33, 150, 243, 0.18);

    width: 100%;

    border-radius: 12px;

    padding: 14px 0;

}



#resetCd {

    background: #e0e6f8;

    color: #000;

    border: none;

    border-radius: 12px;

    padding: 14px 0;

    font-size: 1.15rem;

    width: 100%;

}



.thongtin {

  flex-basis: 32% ;

  margin: 0.5%;

}



#jet-tinhthanh , #jet-chuyendoi{

      background: #fff;

    padding: 20px;

    border-radius: 20px;

    box-shadow: 0px 0px 4px 1px #fff;

}



.stat-item {

  background: linear-gradient(90deg, var(--jet-primary) 0%, var(--jet-secondary) 100%);

  color: #fff;

  border-radius: 12px;

  padding: 12px 0 6px 0;

  text-align: center;

  font-size: 1.1rem;

  font-weight: 800;

  box-shadow: 0 2px 12px rgba(35, 41, 70, 0.10);

  flex-basis: 32% ;

  margin: 0.5%;

}

.stat-item i {

  font-size: 1.3rem;

  position: absolute;

  left: 10px;

  top: 50%;

  transform: translateY(-50%);

  opacity: 0.18;

  pointer-events: none;

}

.stat-item:hover {

  box-shadow: 0 6px 24px rgba(35, 41, 70, 0.18);

  transform: translateY(-2px) scale(1.04);

}



.stat-item span {

    font-size: 2rem;

    font-weight: 700;

    line-height: 1.1;

    color: var(--jet-primary);

}



.stat-note {

  font-size: 0.8em;

  font-style: italic;

  opacity: 0.8;

  margin-top: 2px;

}



.stat-label {

    font-size: 0.9rem;

    font-weight: 400;

    color: var(--jet-label);

    margin-top: 2px;

    letter-spacing: 0.5px;

}



.thongtin {

	display: flex;

	align-items: center;

	gap: 30px;

	background: #f4f4f4;

	margin-bottom: 10px;

	border-radius: 10px;

	padding: 10px 20px;

	font-size: 14px;

}



.thongtin span {

	font-weight: 600;

	font-size: 16px;

}



.thongtin i {

	font-size: 30px;



}





#get-info {

  display: none;

}