@charset "utf-8";

/* CSS Document */

@media (min-width: 768px) {
.pc-hidden {
    display: none;
}
.form-width {
    width: 100%;
}
.more-btn {
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
}
.inquiry-btn {
    background-color: #161B25;
    color: white;
    padding: 10px 30px;
}
.inquiry-btn:hover {
    background-color: #F4A950;
    color: #161B25;
}
.learn-btn {
    background-color: white;
    color: #253c4a;
    padding: 6px 80px;
    border: 1px solid #253c4a;
}
.learn-btn:hover {
    background-color: #eba34e;
    color: white;
}
.banner-btn {
    color: #253c4a;
    background-color: white;
    padding: 6px 80px;
    box-shadow: 1px 1px #000000;
}
.banner-btn:hover {
    background-color: #b7d4ff;
    color: #253c4a;
}
.center-allign {
}
}

@media (max-width: 767px) {
.mobile-hidden {
    display: none;
}
.form-width {
    width: 95%;
}
.center-allign {
    text-align: center;
}
.more-btn {
    background-color: #111e6c; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
    cursor: pointer;
}
.more-btn1 {
    background-color: #111e6c; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
}
.inquiry-btn {
    background-color: #1fa84c;
    color: white;
    padding: 10px 80px;
    border: 1px solid #1fa84c;
}
.inquiry-btn:hover {
    background-color: white;
    color: #1fa84c;
}
.learn-btn {
    background-color: white;
    color: #253c4a;
    padding: 6px 22px;
    border: 1px solid #253c4a;
}
.learn-btn:hover {
    background-color: #253c4a;
    color: white;
}
.learn-btn1 {
    background-color: white;
    color: #253c4a;
    padding: 6px 80px;
    border: 1px solid #253c4a;
}
.learn-btn1:hover {
    background-color: #253c4a;
    color: white;
}
.banner-btn {
    color: #253c4a;
    background-color: white;
    padding: 6px 80px;
    box-shadow: 1px 1px #000000;
}
.banner-btn:hover {
    background-color: #b7d4ff;
    color: #253c4a;
}
}