a,h1,h2,h3,h4,h5,li,p,span,strong{font-family:Outfit,sans-serif}.panel p,div.getting h3{line-height:25px;font-size:15px}div#inner,header{object-fit:contain}div#di,img#search,img.logo{position:relative}*{font-family:Outfit}a{color:#1fb3e8;text-decoration:none}body{background-color:#f5f6f7}p{letter-spacing:.3px}header{height:58px;box-shadow:0 3px 6px 0 #e6ecf2;background-color:#fff;padding:20px}span#back{font-size:13px;color:#6d6e6e;padding-left:10px}.container.faqs{padding:40px 30px}header h1{font-size:13px;font-weight:700;color:#012d3b}div#privacy-policy li,p{font-size:13px;font-weight:300;color:#646767;line-height:25px}div#di{bottom:15px}form.form.faqs input.form-control{border-radius:24px;height:32px}input.form-control{font-size:13px;color:#012d3b;font-weight:400}::placeholder{color:#bac1c3!important;font-weight:400!important}::marker{font-size:18px}img#search{bottom:22px;float:right;right:15px}div.getting{padding-top:35px}div.getting h3{font-weight:500;color:#012d3b}div#inner{padding:20px 0;margin:20px 0 50px;background:#fafbfb;border-radius:16px;border:.5px solid #ddd}hr.mrclean{height:.5px;background:#ddd;border-top:none;opacity:1}.panel p{color:#646767;font-weight:400;padding:0 10px}div#feedback label,div#privacy-policy h4,div#tnc h4,p.accordion{font-weight:500;line-height:25px}.panel a{color:#1fb3e8}p.accordion{color:#9ac936;cursor:pointer;padding:16px 30px;margin-bottom:10px;font-size:15px}p.accordion:after{content:url('../../img/down-arrow.png');font-size:13px;color:#777;float:right;margin-left:5px}p.accordion.active:after{content:url('../../img/up-arrow.png')}div.panel{padding:0 18px;background-color:#fff;max-height:0;overflow:hidden;transition:.4s ease-in-out;opacity:0;margin-bottom:10px}div.panel.show{opacity:1;max-height:100vh}div#privacy-policy h4,div#tnc h4{font-size:13px;color:#012d3b}img.logo{width:55%;right:5px}div#feedback label{color:#012d3b;font-size:13px}div#feedback input[type=text]{border:none;background:0 0;border-bottom:.8px solid #d1d6d6;border-radius:0;padding:15px 0 5px}div#feedback input[type=submit]{background:#1fb3e8;border-radius:25px;color:#fff;height:50px;margin-top:44px}div#feedback textarea.form-control{margin-top:10px;font-size:13px}@media (min-width:767px){img.logo{width:20%!important;position:relative;right:5px}}
.container.head {
    display: flex;
    justify-content: space-between;
}
header h1{
    font-size: 16px;
}
ul.lang li {
    list-style: none;
    display: inline;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
    position: relative;
    bottom: 4px;
    padding: 0 10px;
    cursor: pointer;
}
ul.lang {
    display: flex;
    position: relative;
    top: 8px;
    left: 12px;
}
ul.lang li a {
    color: #012d3b;
}
ul.lang li a.active {
    color: #1fb3e8;
}
ol li ,::marker{
    font-size: 13px;
    font-weight: 300;
    color: #646767;
    line-height: 25px;
}
h1.head {
    font-size: 32px;
    line-height: 40px;
    color: #103355;
    font-weight: 600;
}

.container.head a {
    color: #012d3b;
}


.terms-box {
    text-align: center;
    padding: 20px;
}
.general {
  --bg-color: #DCE9FF;
  --bg-color-light: #DCE9FF;
  --text-color-hover: #DCE9FF;
  --box-shadow-color: #DCE9FF;
}

.circle img {
    z-index: 99;
}
.terms-box.general.card h1 {
    font-size: 20px;
    line-height: 25px;
    color: #103355;
    position: relative;
    top: 10px;
    text-align: center;
}

.card {
    border: 2px solid #C3DEE5;
    border-radius: 12px;
    width: auto;
    height: 233px;
    background: #fff;
    border-top-right-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    box-shadow: 0 14px 26px rgba(0,0,0,0.04);
    transition: all 0.3s ease-out;
    text-decoration: none;
}

.card:hover {
  transform: translateY(-5px) scale(1.005) translateZ(0);
  box-shadow: 0 24px 36px rgba(0,0,0,0.11),
  0 24px 46px var(--box-shadow-color);
}

.card:hover .overlay {
  transform: scale(4) translateZ(0);
}

.card:hover .circle {
  border-color: var(--bg-color-light);
/*  background: var(--bg-color);*/
}

.card:hover .circle:after {
  background: var(--bg-color-light);
}

.card:active {
  transform: scale(1) translateZ(0);
  box-shadow: 0 15px 24px rgba(0,0,0,0.11),
  0 15px 24px var(--box-shadow-color);
}

.circle {
  width: 128px;
  height: 128px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid var(--bg-color);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-out;
}

.circle:after {
  content: "";
  width: 113px;
  height: 113px;
  display: block;
  position: absolute;
  background: var(--bg-color);
  border-radius: 50%;
  top: 6px;
  left: 6px;
  transition: opacity 0.3s ease-out;
}

.overlay {
  position: absolute; 
  border-radius: 50%;
  top: 70px;
  left: 50px;
  z-index: 0;
  transition: transform 0.3s ease-out;
}

div#divider {
    height: 2px;
    background: linear-gradient(to right, #03B3E380 7%, #9ACA3C80 93%);
    margin: 10px 0 45px 0;
}

ol.tnc {
    padding: 0 0 0 14px;
}

.contents h4 {
    font-size: 16px;
    font-weight: 500;
    color: #103355;
    line-height: normal;
}

.contents p, .tnc li{
    color: #858585;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
}

.contents {
    margin-top: 26px;
}

@media (min-width:768px){
.row.second {
    margin-top: 30px;
}
}

@media (max-width:767px){
.col-md-3 {
    padding: 14px;
}
.container.pt-5.pb-5 {
    padding: 0 20px;
}
h1.head {
    font-size: 24px;
    line-height: 30px;
}
header{
    padding: 10px;
}
ul.lang {
    top: 17px;
    left: 12px;
}
h1.logo img {
    position: relative;
    top: 10px;
}
.contents p, .tnc li{
    font-size: 14px;
    line-height: 28px;
}
header h1{
    font-size: 14px;
}

}