/* ----Start Stylesheet---- */

/* ---- General Style---- */
body {
    position: relative;
    background: #F5F5F5;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 0.004); /* 1px = 0.0625rem */
  font-family: 'Noto Sans SC', sans-serif;
}

textarea:focus,
input:focus {
  outline: none;
}

img {
  max-width: 100%;
}

ul {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}

/* ------ Typography Style----- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 0.004); /* 1px = 0.0625rem */
}

h1 {
  font-size: 1.875rem; /* 30px / 16 = 1.875rem */
}

h2 {
  font-size: 1.75rem; /* 28px / 16 = 1.75rem */
}

h3 {
  font-size: 1.5rem; /* 24px / 16 = 1.5rem */
}

h4 {
  font-size: 1.25rem; /* 20px / 16 = 1.25rem */
}

h5 {
  font-size: 1.125rem; /* 18px / 16 = 1.125rem */
}

h6 {
  font-size: 0.875rem; /* 14px / 16 = 0.875rem */
}

a,
p,
li,
input,
textarea {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  outline: 0;
  text-decoration: none;
  border: 0;
}

.no-scroll {
    overflow: hidden;
}

/* ------ Section Header Style ------ */
.sn-section-wrapper {
  padding: 5rem 0; /* 80px / 16 = 5rem */
  overflow: hidden;
}

.sn-section-header {
  text-align: center;
  margin-bottom: 2.75rem; /* 44px / 16 = 2.75rem */
}

.sn-section-header h1 {
    font-size: 1.875rem; /* 30px / 16 = 1.875rem */
    font-weight: 700;
    color: #333333;
}

.sn-section-header p {
  height: 2.5rem; /* 40px / 16 = 2.5rem */
  line-height: 2.5rem; /* 40px / 16 = 2.5rem */
  font-size: 1rem; /* 16px / 16 = 1rem */
  color: #000000;
  margin-bottom: 0;
}

/* -------- Slider Pagination ------- */
.owl-theme .owl-controls {
  margin-top: 1.875rem; /* 30px / 16 = 1.875rem */
  text-align: center;
}

.owl-theme .owl-controls .owl-page span {
  background-color: transparent;
  border-radius: 3.125rem; /* 50px / 16 = 3.125rem */
  display: block;
  height: 0.625rem; /* 10px / 16 = 0.625rem */
  margin: 0.3125rem 0.3125rem; /* 5px / 16 = 0.3125rem */
  opacity: 1;
  width: 0.625rem; /* 10px / 16 = 0.625rem */
}

.owl-theme .owl-controls .owl-page.active span {
  border: 0.0625rem solid rgba(0, 0, 0, 0); /* 1px / 16 = 0.0625rem */
}

/* --------- Modal Style ---------- */
.agreementModal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-box {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 1.25rem; /* 20px / 16 = 1.25rem */
    width: 60%;
    overflow: hidden;
    border-radius: 0.625rem; /* 10px / 16 = 0.625rem */
}
.modal-content {
    width:100%;
    height: 31.25rem; /* 500px / 16 = 31.25rem */
    overflow:auto;
    padding: 1.875rem 3.75rem; /* 30px / 16 = 1.875rem, 60px / 16 = 3.75rem */
    border:none;
    background:#fff;
    font-size: 0.875rem; /* 14px / 16 = 0.875rem */
}

.agreementModal .modal-box .agreeBtn {
    margin-top: 1.875rem; /* 30px / 16 = 1.875rem */
    display: block;
	width:fit-content;
    height: 3.125rem; /* 50px / 16 = 3.125rem */
    background-color: #ccc;
    border: none;
    cursor: pointer;
    border-radius: 0.3125rem; /* 5px / 16 = 0.3125rem */
    font-size: 0.875rem; /* 14px / 16 = 0.875rem */
    color: #fff;
    overflow: hidden;
    z-index: 9999;
    text-align: center;
}

@media only screen and (max-width: 600px) {

 .modal-box {
	width: 80%;
	height: 450px;
 }
 
 .modal-content {
	height:400px;
 }
 
.agreementModal .modal-box .agreeBtn {
    margin-top: 1.875rem; /* 30px / 16 = 1.875rem */
    height: 30px; /* 50px / 16 = 3.125rem */
    border-radius: 5px; /* 5px / 16 = 0.3125rem */
    font-size: 12px; /* 14px / 16 = 0.875rem */
	}
}




/* --------- Footer Style ---------- */
.footer {
    background-color: #272727;
    text-align: center;
    color: #696868;
    overflow: hidden;
}

.footer .row {
    width:100%;
}
.footer-top {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #424242;
}

.footer .footer-top p {
    font-size: 1rem; /* 16px / 16 = 1rem */
    font-weight: 400;
    color: #acacac;
    padding: 1.875rem 0; /* 30px / 16 = 1.875rem */
    width: 43.125rem; /* 690px / 16 = 43.125rem */
}

.footer a {
  color: #696868;
}

.footer .footer-bottom {
    height: 3.75rem; /* 60px / 16 = 3.75rem */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

@media only screen and (max-width: 600px) {
 .footer .footer-top p{
	 width: 345px;
 }
}