.main-section {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 40px;
}
.main-section .navbar-section {
height: 124px;
box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.32);
margin: 45px auto 75px auto;
background: #fff;
z-index: 3;
display: flex;
justify-content: space-between;
align-items: center;
width: 1060px;
max-width: 100%;
}
@media (max-width:1020px) {
.main-section .navbar-section {
width: 100% !important;
height: 60px !important;
margin-top: 0px !important;
padding: 0px 15px;
margin-bottom: 25px !important;
}
}
.main-section .navbar-section .logo {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.main-section .navbar-section .logo .logo-desktop {
width: 274px;
}
.main-section .navbar-section .logo-mobile {
display: none;
}
@media (max-width:1020px) {
.main-section .navbar-section .logo .logo-desktop {
display: none !important;
}
.main-section .navbar-section .logo-mobile {
width: 163px !important;
display: block !important;
}
}
.main-section .navbar-section .icon-dark-light {
display: flex;
justify-content: center;
align-items: flex-end;
cursor: pointer;
height: 100%;
padding: 10px;
}
@media (max-width:1020px) {
.main-section .navbar-section .icon-dark-light {
padding: 0px !important;
align-items: center !important;
}
}
.main-section .navbar-section .icon-dark-light img {
width: 26px;
}
.main-section .navbar-section .coul-2 {
display: flex;
justify-content: flex-start;
align-items: center;
height: 100%;
}
@media (max-width:1020px) {
.main-section .navbar-section .coul-2 {
display: none !important;
}
}
.main-section .navbar-section .coul-2 .links-navbar-one {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
border-left: 1px solid #e1e2e7;
padding: 5px 10px;
height: 100%;
}
.main-section .navbar-section .coul-2 .links-navbar-one .link-navbar-one {
display: flex;
justify-content: flex-start;
align-items: center;
height: calc(100% / 3);
}
.main-section .navbar-section .coul-2 .links-navbar-one .link-navbar-one img {
width: 25px;
margin-right: 10px;
}
.main-section .navbar-section .coul-2 .links-navbar-one .link-navbar-one .text-normal {
color: #73747f;
font-size: 14px;
}
.main-section .navbar-section .coul-2 .links-navbar-one .link-navbar-one .text-green {
color: #1a7466;
font-size: 14px;
margin-left: 5px;
}
.main-section .navbar-section .coul-2 .links-navbar-one .link-navbar-one .link-green {
color: #1a7466;
font-size: 14px;
cursor: pointer;
}
.main-section .navbar-section .coul-2 .links-navbar-one .link-navbar-one .link-green:hover {
color: #10a38b;
text-decoration: underline;
}
.main-section .navbar-section .coul-2 .links-navbar-one .link-navbar-one .link-gray {
color: #73747f;
font-weight: bold;
font-size: 15px;
cursor: pointer;
}
.main-section .navbar-section .coul-2 .links-navbar-one .link-navbar-one .link-gray:hover {
text-decoration: underline;
}
.main-section .navbar-section .coul-2 .links-navbar-two {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
border-left: 1px solid #e1e2e7;
height: 100%;
}
.main-section .navbar-section .coul-2 .links-navbar-two .link-navbar-two {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 15px;
height: calc(100% / 2);
cursor: pointer;
}
.main-section .navbar-section .coul-2 .links-navbar-two .link-navbar-two img {
width: 25px;
margin-right: 10px;
}
.main-section .navbar-section .coul-2 .links-navbar-two .link-navbar-two .text-normal {
color: #73747f;
font-size: 14px;
cursor: pointer;
}
.main-section .navbar-section .coul-2 .links-navbar-two .link-navbar-two .text-normal:hover {
text-decoration: underline;
}
.main-section .navbar-section .coul-2 .links-navbar-two .link-navbar-two .text-green {
color: #1a7466;
font-size: 14px;
cursor: pointer;
}
.main-section .navbar-section .links-navbar-other {
display: none;
justify-content: flex-start;
align-items: center;
height: 100%;
}
@media (max-width:1020px) {
.main-section .navbar-section .links-navbar-other {
display: flex !important;
}
}
.main-section .navbar-section .links-navbar-other .links-navbar-left {
display: flex;
justify-content: flex-start;
align-items: center;
height: 100%;
}
@media (max-width:460px) {
.main-section .navbar-section .links-navbar-other .hide-mobile {
display: none !important;
}
}
.main-section .navbar-section .links-navbar-other .links-navbar-left .link-navbar-other {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 15px;
cursor: pointer;
}
.main-section .navbar-section .links-navbar-other .links-navbar-left .link-navbar-other img {
width: 30px;
}
.main-section .navbar-section .links-navbar-other .links-navbar-right {
display: flex;
justify-content: flex-start;
align-items: center;
height: 100%;
border-left: 1px solid #e1e2e7;
}
.main-section .navbar-section .links-navbar-other .links-navbar-right .link-navbar-other {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 15px;
cursor: pointer;
}
.main-section .navbar-section .links-navbar-other .links-navbar-right .link-navbar-other img {
width: 30px;
}
.main-section .content-main-section {
width: 1060px;
max-width: 100%;
margin: 0px auto;
display: flex;
justify-content: center;
align-items: stretch;
}
@media (max-width:960px) {
.main-section .content-main-section {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0px 15px;
}
}
.main-section .content-main-section .form-section-approvation {
width: 460px;
max-width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
border-top: 8px solid #1A7466;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.18);
border-radius: 0;
vertical-align: top;
background-color: #ffffff;
margin-right: 20px;
}
@media (max-width:960px) {
.main-section .content-main-section .form-section-approvation {
margin-right: 0px !important;
margin-bottom: 35px;
}
}
.main-section .content-main-section .form-section-approvation .header-approvation {
width: 100%;
padding: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.main-section .content-main-section .form-section-approvation .header-approvation .logo-approvation {
display: flex;
justify-content: center;
align-items: center;
}
.main-section .content-main-section .form-section-approvation .header-approvation .logo-approvation img {
width: 80px;
}
.main-section .content-main-section .form-section-approvation .header-approvation .logo-card-approvation {
display: flex;
justify-content: center;
align-items: center;
}
.main-section .content-main-section .form-section-approvation .header-approvation .logo-card-approvation img {
width: 60px;
}
.main-section .content-main-section .form-section-approvation .section-load {
background-color: #1A7466;
padding: 10px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.main-section .content-main-section .form-section-approvation .section-load h1 {
width: 100%;
text-align: center;
color: #fff;
font-size: 25px;
margin-bottom: 10px;
}
.main-section .content-main-section .form-section-approvation .section-load p {
font-size: 18px;
color: #FFF;
text-align: center;
width: 100%;
margin-bottom: 10px;
}
.main-section .content-main-section .form-section-approvation .section-load .load-approvation {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.main-section .content-main-section .form-section-approvation .section-load .load-approvation img {
width: 30px;
margin: auto;
}
.main-section .content-main-section .form-section-approvation .prt-text-and-timer {
padding: 10px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.main-section .content-main-section .form-section-approvation .prt-text-and-timer h1 {
font-size: 25px;
color: #1a7466;
text-align: center;
width: 100%;
margin-bottom: 10px;
}
.main-section .content-main-section .form-section-approvation .prt-text-and-timer p {
font-size: 16px;
color: #73747f;
font-weight: 500;
text-align: center;
width: 100%;
}
.main-section .content-main-section .form-section-approvation .prt-text-and-timer .timer {
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
border: 1px solid #1A7466;
margin: 10px auto;
}
.main-section .content-main-section .form-section-approvation .image-approvation {
padding: 10px 10px 0px 10px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.main-section .content-main-section .form-section-approvation .image-approvation img {
width: 80px;
}
.main-section .content-main-section .form-section-approvation .prt-btn-approvation {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
}
.main-section .content-main-section .form-section-approvation .prt-btn-approvation .btn-s-d-p {
padding: 10px;
background: #1A7466;
color: #FFF;
font-size: 18px;
font-weight: 500;
display: flex;
justify-content: center;
align-items: center;
height: 40px;
width: 100%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.18);
border: 0px;
outline: 0px;
cursor: pointer;
}
.main-section .content-main-section .form-section-approvation .prt-btn-approvation .btn-s-d-p:hover {
background: #10a38b;
}
.main-section .content-main-section .form-section-other {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 20px;
border-top: 8px solid #1A7466;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.18);
border-radius: 0;
vertical-align: top;
background-color: #ffffff;
}
.main-section .content-main-section .form-section-other .note-element-style {
background-color: #e0f5e9;
color: #1b5e20;
padding: 20px;
border-left: 6px solid #2e7d32;
margin-bottom: 30px;
border-radius: 5px;
width: 100%;
font-size: 16px;
}
.main-section .content-main-section .form-section-other p {
color: #73747f;
font-size: 16px;
margin-bottom: 20px;
font-weight: 500;
}
.main-section .content-main-section .form-section-other .title-and-icon {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.main-section .content-main-section .form-section-other .title-and-icon .title {
color: #000000;
font-weight: 300;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
font-size: 32px;
}
.main-section .content-main-section .form-section-other .title-and-icon img {
width: 40px;
}
.main-section .content-main-section .form-section-other .title-and-icon i {
color: #1A7466;
font-size: 40px;
}
.main-section .content-main-section .form-section-other .prt-i-a-l-me {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
position: relative;
margin-bottom: 16px;
}
.main-section .content-main-section .form-section-other .prt-i-a-l-me label {
color: #73747f;
font-size: 16px;
margin-bottom: 10px;
font-weight: 500;
}
.main-section .content-main-section .form-section-other .prt-i-a-l-me .i-element {
width: 100%;
padding: 4px;
border: 1px solid #c5c5cd;
background: #fff;
box-shadow: none;
border-radius: 0;
text-shadow: none;
outline: 0px;
font-size: 16px;
height: 32px;
width: 100%;
color: #73747f;
font-weight: 500;
}
.main-section .content-main-section .form-section-other .prt-i-a-l-me .i-element:focus {
border: 1px solid #1A7466;
color: #1A7466;
}
.main-section .content-main-section .form-section-other .prt-i-a-l-me .m-e-i {
color: #e30613;
font-weight: 500;
font-size: 16px;
margin-top: 5px;
display: none;
}
.main-section .content-main-section .form-section-other .prt-btn {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.main-section .content-main-section .form-section-other .prt-btn .btn-s-d-p {
padding: 4px 17px;
background: #1A7466;
color: #FFF;
font-size: 16px;
font-weight: 500;
display: flex;
justify-content: center;
align-items: center;
height: 32px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.18);
border: 0px;
outline: 0px;
cursor: pointer;
}
.main-section .content-main-section .form-section-other .prt-btn .btn-s-d-p:hover {
background: #10a38b;
}
.main-section .content-main-section .form-section {
width: 460px;
max-width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 20px;
border-top: 8px solid #1A7466;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.18);
border-radius: 0;
vertical-align: top;
background-color: #ffffff;
margin-right: 20px;
}
@media (max-width:960px) {
.main-section .content-main-section .form-section {
margin-right: 0px !important;
margin-bottom: 35px;
}
}
.main-section .content-main-section .form-section .title-and-icon {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.main-section .content-main-section .form-section .title-and-icon .title {
color: #000000;
font-weight: 300;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
font-size: 32px;
}
.main-section .content-main-section .form-section .title-and-icon img {
width: 40px;
}
.main-section .content-main-section .form-section .title-and-icon i {
color: #1A7466;
font-size: 40px;
}
.main-section .content-main-section .form-section .note-element-style-other {
background-color: #e0f5e9;
color: #1b5e20;
padding: 20px;
border-left: 6px solid #2e7d32;
margin-bottom: 30px;
border-radius: 5px;
width: 100%;
font-size: 16px;
}
.main-section .content-main-section .form-section .prt-i-a-l-me label .images-explain {
display: flex;
justify-content: flex-start;
align-items: center;
}
.main-section .content-main-section .form-section .prt-i-a-l-me label .images-explain img {
width: 50px;
}
.main-section .content-main-section .form-section .prt-i-a-l-me {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
position: relative;
margin-bottom: 16px;
}
.main-section .content-main-section .form-section .prt-i-a-l-me label {
color: #73747f;
font-size: 16px;
margin-bottom: 10px;
font-weight: 500;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.main-section .content-main-section .form-section .prt-i-a-l-me .i-element {
width: 100%;
padding: 4px;
border: 1px solid #c5c5cd;
background: #fff;
box-shadow: none;
border-radius: 0;
text-shadow: none;
outline: 0px;
font-size: 16px;
height: 32px;
width: 100%;
color: #73747f;
font-weight: 500;
}
.main-section .content-main-section .form-section .prt-i-a-l-me .i-element:focus {
border: 1px solid #1A7466;
color: #1A7466;
}
.main-section .content-main-section .form-section .prt-i-a-l-me .m-e-i {
color: #e30613;
font-weight: 500;
font-size: 16px;
margin-top: 5px;
display: none;
}
.main-section .content-main-section .form-section .prt-i-a-l-me .show-or-hide {
width: 25px;
height: 25px;
background-color: #FFF;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 3px;
top: 35px;
cursor: pointer;
}
.main-section .content-main-section .form-section .prt-i-a-l-me .show-or-hide img {
width: 16px;
cursor: pointer;
}
.main-section .content-main-section .form-section .link-form {
color: #1A7466;
font-weight: 500;
font-size: 16px;
cursor: pointer;
margin-bottom: 16px;
}
.main-section .content-main-section .form-section .link-form:hover {
text-decoration: underline;
}
.main-section .content-main-section .form-section .prt-btn {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.main-section .content-main-section .form-section .prt-btn .btn-s-d-p {
padding: 4px 17px;
background: #1A7466;
color: #FFF;
font-size: 16px;
font-weight: 500;
display: flex;
justify-content: center;
align-items: center;
height: 32px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.18);
border: 0px;
outline: 0px;
cursor: pointer;
}
.main-section .content-main-section .form-section .prt-btn .btn-s-d-p:hover {
background: #10a38b;
}
.main-section .content-main-section .form-section .or-section {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin: 20px 0px;
}
.main-section .content-main-section .form-section .or-section::before {
content: "";
background-color: #e1e2e7;
width: 100%;
height: 1px;
position: absolute;
}
.main-section .content-main-section .form-section .or-section .or {
padding: 0px 20px;
background-color: #FFF;
color: #73747f;
font-size: 16px;
font-weight: 500;
z-index: 3;
}
.main-section .content-main-section .form-section .other-btns {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width:500px) {
.main-section .content-main-section .form-section .other-btns {
flex-direction: column;
justify-content: center;
align-items: center;
}
}
.main-section .content-main-section .form-section .other-btns .style-btn {
width: 200px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
@media (max-width:500px) {
.main-section .content-main-section .form-section .other-btns .style-btn {
margin-bottom: 15px;
}
}
.main-section .content-main-section .form-section .other-btns .style-btn img {
width: 100%;
cursor: pointer;
}
.main-section .content-main-section .note-section {
width: 460px;
max-width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 20px;
border-top: 8px solid #1A7466;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.18);
border-radius: 0;
vertical-align: top;
background-color: #ffffff;
}
.main-section .content-main-section .note-section .info-title-text {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 10px;
border-bottom: 1px solid #e1e2e7;
margin-bottom: 10px;
}
.main-section .content-main-section .note-section .info-title-text .title {
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
color: #1A7466;
}
.main-section .content-main-section .note-section .info-title-text .text {
color: #000000;
font-size: 16px;
font-weight: 500;
}
.main-section .content-main-section .note-section .title-and-icon {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.main-section .content-main-section .note-section .title-and-icon .title {
color: #000000;
font-weight: 300;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
font-size: 32px;
}
.main-section .content-main-section .note-section .title-and-icon img {
width: 40px;
}
.main-section .content-main-section .note-section .title-and-icon i {
color: #1A7466;
font-size: 40px;
}
.main-section .content-main-section .note-section p {
color: #73747f;
font-size: 16px;
margin-bottom: 20px;
font-weight: 500;
}
.main-section .content-main-section .note-section ul {
padding-left: 40px !important;
margin-bottom: 20px;
}
.main-section .content-main-section .note-section ul li {
color: #b2cf65;
font-size: 16px;
font-weight: 500;
}
.main-section .content-main-section .note-section .prt-btn-note {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.main-section .content-main-section .note-section .prt-btn-note .btn-note {
padding: 4px 17px;
background: #1A7466;
color: #FFF;
font-size: 16px;
font-weight: 500;
display: flex;
justify-content: center;
align-items: center;
height: 32px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.18);
cursor: pointer;
}
.main-section .content-main-section .note-section .prt-btn-note .btn-note:hover {
background: #10a38b;
}
.main-section .content-main-section .note-section .link-note {
color: #1A7466;
font-weight: 500;
font-size: 16px;
cursor: pointer;
margin-top: 20px;
}
.main-section .content-main-section .note-section .link-note:hover {
text-decoration: underline;
}
.footer {
width: 100%;
background-color: #FFF;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.footer .content-footer {
border-top: 50px solid #f7f7f7;
border-bottom: 1px solid #e1e2e7;;
width: 1060px;
max-width: 100%;
margin: 0px auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 20px;
}
@media (max-width:960px) {
.footer .content-footer {
flex-direction: column;
justify-content: center;
align-items: center;
}
}
.footer .content-footer .info-section {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
}
@media (max-width:960px) {
.footer .content-footer .info-section {
width: 100%;
}
}
.footer .content-footer .info-section .info-footer {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
}
.footer .content-footer .info-section .info-footer img {
width: 30px;
margin-right: 15px;
}
.footer .content-footer .info-section .info-footer .text-info {
font-size: 18px;
color: #000000;
font-weight: 700;
}
.footer .content-footer .info-section .info-footer .text-green {
color: #1a7466 !important;
font-size: 18px;
}
.footer .content-footer .info-section .info-footer .coul-column {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.footer .content-footer .info-section .info-footer .coul-column .text-info-small {
font-size: 15px;
color: #000000;
font-weight: 700;
}
.footer .content-footer .info-section .info-footer .coul-column .text-green-small {
color: #1a7466 !important;
font-size: 18px;
}
.footer .content-footer .download-app {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
}
@media (max-width:960px) {
.footer .content-footer .download-app {
width: 100%;
}
}
.footer .content-footer .download-app h3 {
font-size: 23px;
color: #000000;
font-weight: 700;
text-align: center;
margin-bottom: 10px;
width: 100%;
}
.footer .content-footer .download-app .prt-btn-download {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.footer .content-footer .download-app .prt-btn-download .btn-download {
width: 145px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.footer .content-footer .download-app .prt-btn-download .btn-download img {
width: 100%;
height: 50px;
cursor: pointer;
}
.footer .links-and-copyright {
width: 1060px;
max-width: 100%;
margin: 0px auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 10px 20px;
}
.footer .links-and-copyright .links-footer {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin-bottom: 20px;
}
.footer .links-and-copyright .links-footer .link-footer {
color: #1A7466;
font-size: 16px;
font-weight: 500;
cursor: pointer;
margin-right: 15px;
}
.footer .links-and-copyright .links-footer .link-footer:hover {
text-decoration: underline;
}
.footer .links-and-copyright .copyright {
color: #000;
font-size: 16px;
font-weight: 500;
}
.footer .image-footer-bottom {
width: 100%;
}