/*
Theme Name: ueb
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.top-divider {
    display: none;
}

.header-nav-main.nav-right>li {
    margin: 0 26px;
}

.header-nav-main.nav-right>li>a {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.header-nav-main.nav-right>li.header-divider {
    height: 16px;
    border-left: 1px solid #fff;
}

.header-nav-main.nav-right>li.html.header-button-1 a {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    min-height: inherit;
}

.header-nav-main.nav-right>li.html.header-button-1 a:hover {
    color: #FEF9C3;
}

.header-nav-main.nav-right>li.html.header-button-1 .header-button {
    position: relative;
    padding-left: 26px;
}

.header-nav-main.nav-right>li.html.header-button-1 .header-button:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M5 15.8333V15C5 14.1159 5.35119 13.2681 5.97631 12.643C6.60143 12.0179 7.44928 11.6667 8.33333 11.6667H11.6667C12.5507 11.6667 13.3986 12.0179 14.0237 12.643C14.6488 13.2681 15 14.1159 15 15V15.8333M12.5 6.66667C12.5 7.32971 12.2366 7.96559 11.7678 8.43444C11.2989 8.90328 10.663 9.16667 10 9.16667C9.33696 9.16667 8.70107 8.90328 8.23223 8.43444C7.76339 7.96559 7.5 7.32971 7.5 6.66667C7.5 6.00363 7.76339 5.36774 8.23223 4.8989C8.70107 4.43006 9.33696 4.16667 10 4.16667C10.663 4.16667 11.2989 4.43006 11.7678 4.8989C12.2366 5.36774 12.5 6.00363 12.5 6.66667Z" stroke="white" stroke-linecap="round"/></svg>');
    top: 0;
    left: 0;
}

.header-nav-main.nav-right>li .nav-dropdown-default {
    padding: 5px;
    box-shadow: none;
    border: none;
}

.header-nav-main.nav-right>li .nav-dropdown-default > li > a {
    font-size: 14px;
    color: #000;
    padding: 10px 0;
}

.header-nav-main.nav-right>li .nav-dropdown-default > li.current-menu-item > a, .header-nav-main.nav-right>li .nav-dropdown-default > li:hover > a  {
    color: #1e4646;
}

.home-1 .banner h4 {
    color: #FEF9C3;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 5px 0;
}

.home-1 .banner h3 {
    font-size: 96px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: linear-gradient(90deg, #AD9756 0%, #FEF9C3 23.56%, #AD9756 47.12%, #FEF9C3 71.63%, #AD9756 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 16px 0;
}

.home-1 .banner p {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 39px;
    margin: 0 0 15px 0;
}

.home-1 .banner .button {
    padding: 16px 40px;
    color: #1E4646;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: linear-gradient(90deg, #AD9756 0%, #FEF9C3 51.44%, #AD9756 100%);
    border: none;
}

.home-1 .banner .button i:before {
    display: none;
}

.home-1 .banner .button i {
    width: 16px;
    height: 12px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none"><path d="M0.75 4.77295H0V6.27295H0.75V5.52295V4.77295ZM15.2803 6.05328C15.5732 5.76039 15.5732 5.28551 15.2803 4.99262L10.5074 0.219648C10.2145 -0.073245 9.73959 -0.073245 9.4467 0.219648C9.15381 0.512542 9.15381 0.987415 9.4467 1.28031L13.6893 5.52295L9.4467 9.76559C9.15381 10.0585 9.15381 10.5334 9.4467 10.8263C9.73959 11.1191 10.2145 11.1191 10.5074 10.8263L15.2803 6.05328ZM0.75 5.52295V6.27295H14.75V5.52295V4.77295H0.75V5.52295Z" fill="%231E4646"/></svg>');
}

.home-1-text1 p:before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M12.375 3.75V2.25M5.625 3.75V2.25M2.4375 6H15.5625M2.25 7.533C2.25 5.94675 2.25 5.15325 2.577 4.54725C2.87268 4.00673 3.3315 3.57338 3.888 3.309C4.53 3 5.37 3 7.05 3H10.95C12.63 3 13.47 3 14.112 3.309C14.6768 3.5805 15.135 4.014 15.423 4.5465C15.75 5.154 15.75 5.9475 15.75 7.53375V11.2177C15.75 12.804 15.75 13.5975 15.423 14.2035C15.1273 14.744 14.6685 15.1774 14.112 15.4418C13.47 15.75 12.63 15.75 10.95 15.75H7.05C5.37 15.75 4.53 15.75 3.888 15.441C3.33161 15.1768 2.87281 14.7437 2.577 14.2035C2.25 13.596 2.25 12.8025 2.25 11.2162V7.533Z" stroke="%23FEF9C3" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    top: 0;
    left: 0;
}

.home-1 .banner .stack p {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-left: 22px;
    position: relative;
}

.home-1-text2 p:before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.8125 7.875C11.8125 8.62092 11.5162 9.33629 10.9887 9.86374C10.4613 10.3912 9.74592 10.6875 9 10.6875C8.25408 10.6875 7.53871 10.3912 7.01126 9.86374C6.48382 9.33629 6.1875 8.62092 6.1875 7.875C6.1875 7.12908 6.48382 6.41371 7.01126 5.88626C7.53871 5.35882 8.25408 5.0625 9 5.0625C9.74592 5.0625 10.4613 5.35882 10.9887 5.88626C11.5162 6.41371 11.8125 7.12908 11.8125 7.875ZM10.6875 7.875C10.6874 8.3227 10.5094 8.75201 10.1927 9.06848C9.876 9.38494 9.44658 9.56265 8.99888 9.5625C8.55117 9.56235 8.12187 9.38436 7.8054 9.06768C7.48893 8.751 7.31123 8.32158 7.31138 7.87388C7.31152 7.42617 7.48952 6.99687 7.80619 6.6804C8.12287 6.36393 8.5523 6.18623 9 6.18638C9.4477 6.18652 9.87701 6.36452 10.1935 6.68119C10.5099 6.99787 10.6876 7.4273 10.6875 7.875Z" fill="%23FEF9C3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.75 7.875C15.75 12.9375 10.125 18 9 18C7.875 18 2.25 12.9375 2.25 7.875C2.25 4.15125 5.27625 1.125 9 1.125C12.7238 1.125 15.75 4.15125 15.75 7.875ZM14.625 7.875C14.625 10.0238 13.41 12.3075 11.925 14.13C11.1971 15.0233 10.44 15.7612 9.82125 16.2562C9.56359 16.4691 9.2885 16.6599 8.99888 16.8266L8.94037 16.7951C8.67214 16.6351 8.41641 16.4549 8.17537 16.2562C7.55438 15.7545 6.80287 15.0188 6.07162 14.13C4.58662 12.3075 3.37162 10.0238 3.37162 7.875C3.37162 4.77 5.89163 2.25 8.99663 2.25C12.1016 2.25 14.6216 4.77 14.6216 7.875H14.625Z" fill="%23FEF9C3"/></svg>');
    top: 0;
    left: 0;
}

.home-1 .slider .flickity-page-dots {
    left: 0;
    right: 0;
    max-width: 1400px;
    margin: auto;
    text-align: left;
    padding-left: 15px;
    bottom: 130px;
}

.home-1 .slider .flickity-page-dots li {
    border: none !important;
    width: 30px;
    height: 30px;
    background: none !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #fff !important;
    border-radius: 0;
    margin: 0 8px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.home-1 .slider .flickity-page-dots li.is-selected {
    width: 50px;
    border-bottom: 1px solid #FEF9C3 !important;
}

.gb-heading h2 {
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 55px 0;
}

.home-2 .text p {
    color: #90A1B9;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2.4px;
}

.home-2 .box {
    padding: 12px;
    border-radius: 7px;
    background: linear-gradient(90deg, #AD9756 0%, #FEF9C3 51.44%, #AD9756 100%);
}

.home-4 {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="787" viewBox="0 0 1920 787" fill="none"><path d="M0 0C627.206 180.975 1292.79 180.975 1920 0V787H0V0Z" fill="%23610000"/></svg>');
    padding-bottom: 100px !important;
}

.gb-heading2 h2 {
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 28px 0;
}

.gb-heading2 p {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    color: rgb(255, 255, 255, 0.6);
}

.home-4-row1 .icon-box h4 {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.2px;
    margin: 0 0 12px 0;
}

.home-4-row1 .icon-box h3 {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0 0 16px 0;
    margin: 0 0 16px 0;
    border-bottom: 2px solid #E2E8F1;
}

.home-4-row1 .icon-box p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

.home-4-row1 .icon-box .button {
    margin: 5px 0 0 0;
    padding: 5px 14px;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(0, 86, 179, 0.05);
}

.home-4-row1 .icon-box .button.active {
    background: #FEF9C3;
    color: #930F1C;
}

.home-5-row1 .icon-box h3 {
    font-size: 72px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 4px 0;
    color: #fff;
}

.home-5-row1 .icon-box .icon-box-img {
    margin: 0 0 10px 0;
}

.home-5-row1 .icon-box p {
    color: #FEF9C3;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.row-solid.home-5-row1 .col:before {
    top: 20%;
    height: 60%;
    border-left: 1px solid rgb(255, 255, 255, 0.2);
}

.home-5-row1.row-solid .col-inner {
    padding: 0;
}

.row-solid.home-5-row1 .col {
    padding: 0 30px 30px;
}

.row-solid.home-5-row1 .col:after {
    border-bottom: none;
}

.home-5 .text h2 {
    font-size: 80px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 15px 0;
}

.home-5 .text h2 span {
    color: #fff;
}

.home-5 .text p {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 39px;
}

.form-dangky .row-2 {
    display: flex;
    gap: 40px;
    margin-bottom: 30px;
}

.form-dangky .row-1 {
    margin-bottom: 40px;
}

.form-dangky .field {
    flex: 1;
}

.form-dangky label {
    display: block;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.form-dangky input {
    width: 100%;
    background: transparent !important;
    border: none;
    border-bottom: 2px solid rgba(226, 232, 241, 0.30);
    padding: 8px 0;
    outline: none;
    height: 50px;
    box-shadow: none !important;
    color: rgba(255, 255, 255, 0.53);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.form-dangky input::placeholder {
    color: rgba(255, 255, 255, 0.53);
}

/* placeholder */
.form-dangky input::-webkit-input-placeholder,
.form-dangky textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.53);
}

.form-dangky input::-moz-placeholder,
.form-dangky textarea::-moz-placeholder {
    color: rgba(255, 255, 255, 0.53);
}

.form-dangky input:-ms-input-placeholder,
.form-dangky textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.53);
}

.form-dangky input:-moz-placeholder,
.form-dangky textarea:-moz-placeholder {
    color: rgba(255, 255, 255, 0.53);
}

/* focus + hover */
.form-dangky input:focus,
.form-dangky input:hover,
.form-dangky textarea:focus,
.form-dangky textarea:hover {
    border-bottom: 2px solid #fff;
    color: rgba(255, 255, 255, 0.53);
}

.form-dangky .submit-wrap {
    text-align: center;
}

.form-dangky button {
    border: none;
    padding: 20px;
    transition: 0.3s;
    width: 100%;
    border-radius: 32px;
    background: linear-gradient(90deg, #AD9756 0%, #FEF9C3 23.56%, #AD9756 47.12%, #FEF9C3 71.63%, #AD9756 100%);
    color: #1E4646;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.form-dangky button:hover {
    opacity: 0.9;
}

.form-dangky textarea {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 2px solid rgba(226, 232, 241, 0.30);
    padding: 8px 0;
    outline: none;
    min-height: 70px;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.53);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.form-dangky textarea::placeholder {
    color: rgba(255, 255, 255, 0.53);
}

.form-dangky textarea:focus {
    border-bottom: 1px solid #fff;
}

.footer-1 {
    border-top: 1px solid rgba(255, 255, 255, 0.30);
    background: #003A33;
}

.footer-1 h2 {
    color: #FFF;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 16px 0;
}

.footer-1 p {
    color: rgb(255, 255, 255, 0.6);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.footer-1 .button {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin: 0 32px;
}

.footer-1 .button:hover span {
    color: rgb(255, 255, 255, 0.6);
}

.absolute-footer.dark {
    color: #FFF;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 15px 0;
}

.sdntop-main {
    padding: 90px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
    background: #610000;
}

.doanhnghiep-wrapper,
.vieclam-wrapper {
    padding-top: 0;
}

.sdntback-main a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #90A1B9;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
}

.sdntback-main {
    margin: 0 0 45px 0;
}

.sdntback-main a:hover {
    color: #fff;
}

.sdntgr-main {
    display: flex;
    gap: 36px;
}

.sdntgr-left {
    width: 200px;
    height: 200px;
    border-radius: 20px;
    border: 1px solid #FFF;
    background: #FFF;
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sdntgr-cate a {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.05);
    color: #FFF;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 6px 0 0;
}

.sdntgr-cate {
    margin: 0 0 10px 0;
}

.sdntgr-title {
    color: #FEF9C3;
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 26px 0;
}

.sdntgr-con span {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    margin: 0 0 5px 0;
}

.sdntgr-con span:first-child {
    margin-left: 0;
}

.sdntgr-con span:last-child {
    margin-right: 0;
}

.sdntgr-con span:after {
    content: '';
    width: 1px;
    height: 12px;
    background: #E2E8F1;
    position: absolute;
    right: -20px;
    top: 6px;
}

.sdntgr-con span:last-child:after {
    display: none;
}

.sdnbottom-main {
    padding: 60px 0;
}

h2.sdnbottom-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    padding: 0 0 25px 0;
    margin: 0 0 42px 0;
    border-bottom: 1px solid #fff;
}

.sdnbgt-main {
    margin: 0 0 90px 0;
}

.sdnbha-img .box .box-image {
    border-radius: 30px;
}

.sdnbha-main {
    margin: 0 0 90px 0;
}

.sdnbtd-item {
    padding: 40px 30px;
    border-radius: 20px;
    background: rgba(226, 232, 241, 0.18);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 30px 0;
}

.sdnbtd-right {
    min-width: 40px;
    height: 40px;
    border-radius: 7px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
}

.sdnbtd-right svg {
    margin-top: -4px;
}

h3.sdnbtd-td a {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

h3.sdnbtd-td {
    margin: 0 0 10px 0;
}

.sdnbtd-time {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.05);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

h3.sdnbtd-td a:hover {
    color: #1e4646;
}

.sdnbtd-main {
    margin: 0 0 60px 0;
}

.sdnblh-main {
    padding: 30px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: #FFF;
    margin: 0 0 50px 0;
}

h3.sdnblh-title {
    color: #1E4646;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 30px 0;
}

.sdnblh-item {
    margin: 0 0 20px 0;
}

.sdnblh-item p:first-child {
    color: rgb(30, 70, 70, 0.5);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.sdnblh-item p:last-child {
    color: #1E4646;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.sdnblh-center .sdnblh-item:last-child {
    margin: 0;
}

.sdnbbm-main {
    padding: 30px;
    border-radius: 20px;
    border: 1px solid rgba(226, 232, 241, 0.28);
    background: #064F4A;
}

.sdnbbm-main h3 {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 30px 0;
}

.sdnbbm-main p {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 30px 0;
}

.sdnbbm-main a.button {
    margin: 0;
    border-radius: 32px;
    background: linear-gradient(90deg, #AD9756 0%, #FEF9C3 23.56%, #AD9756 47.12%, #FEF9C3 71.63%, #AD9756 100%);
    box-shadow: 0 4px 14px 0 rgba(0, 86, 179, 0.32);
    border: none;
    color: #1E4646;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.sdnbbo-main {
    display: flex;
    padding: 40px;
    border-radius: 20px;
    background: #FFF;
    gap: 100px;
}

.sdnbbo-left {
    width: 60%;
}

.sdnbbo-right .icon-box .text p {
    color: #1E4646;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sdnbbo-right .icon-box .text p:first-child {
    margin: 0 0 14px 0;
}

.sdnbbo-right .icon-box {
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid rgb(0, 0, 0, 0.1);
}

.sdnbbo-right {
    width: 40%;
}

.sdnbbo-right .icon-box:last-child {
    border: none;
}

.sdnbbo-icon {
    border: none !important;
}

a.sdnbbo-button {
    width: 229px;
    display: inline-block;
    padding: 10px;
    border-radius: 4px;
    background: #1E4646;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

a.sdnbbo-button:hover {
    background: #610000;
}

.sdnp-wrapper {
    padding: 70px 0;
}

.sdnp-search input {
    margin: 0;
    width: 480px;
    height: 60px;
    padding: 20px 30px 20px 50px;
    border-radius: 44px;
    border: 1px solid #E2E8F1;
    background: #FFF;
    box-shadow: 0 1px 4px 0 rgba(144, 161, 185, 0.16) !important;
    color: #A4A4A4;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 2.8px;
}

.sdnp-search input::-webkit-input-placeholder {
    color: #A4A4A4;
}

.sdnp-search input::-moz-placeholder {
    color: #A4A4A4;
}

.sdnp-search input:-ms-input-placeholder {
    color: #A4A4A4;
}

.sdnp-search input:-moz-placeholder {
    color: #A4A4A4;
}

.sdnp-search {
    margin: 0 0 50px 0;
    position: relative;
}

.sdnp-search:after {
    content: '';
    width: 19px;
    height: 19px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"><path d="M16.625 16.625L13.1868 13.1868M13.1868 13.1868C13.7749 12.5987 14.2414 11.9005 14.5597 11.1321C14.878 10.3637 15.0418 9.5401 15.0418 8.70837C15.0418 7.87665 14.878 7.05307 14.5597 6.28465C14.2414 5.51624 13.7749 4.81804 13.1868 4.22992C12.5987 3.6418 11.9005 3.17527 11.1321 2.85699C10.3637 2.5387 9.54007 2.37488 8.70834 2.37488C7.87662 2.37488 7.05303 2.5387 6.28462 2.85699C5.5162 3.17527 4.81801 3.6418 4.22989 4.22992C3.04212 5.41768 2.37485 7.02863 2.37485 8.70837C2.37485 10.3881 3.04212 11.9991 4.22989 13.1868C5.41765 14.3746 7.0286 15.0419 8.70834 15.0419C10.3881 15.0419 11.999 14.3746 13.1868 13.1868Z" stroke="%2390A1B9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    position: absolute;
    left: 22px;
    top: 20px;
}

.sdnp-filter button {
    margin: 0 18px 0 0;
    padding: 14px 30px;
    border-radius: 44px;
    border: 1px solid #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.sdnp-filter {
    margin: 0 0 90px 0;
}

.sdnp-filter button.active,
.sdnp-filter button:hover {
    background: #930F1C;
    box-shadow: 0 1px 4px 0 rgba(144, 161, 185, 0.16);
    border: 1px solid #930F1C;
}

.sdnp-item {
    border-radius: 20px;
    border: 1px solid #E2E8F1;
    background: #FFF;
    padding: 35px 42px;
    transition: all 0.3s ease;
}

a.sdnp-thumb {
    display: inline-block;
    margin: 0 0 30px 0;
}

.sdnp-content {
    text-align: center;
}

h3.sdnp-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 6px 0;
}

.sdnp-cat a {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 30px;
    background: rgba(147, 15, 28, 0.05);
    color: #930F1C;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.sdnp-cat {
    margin: 0 0 20px 0;
}

.sdnp-exc {
    color: #1E4646;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 30px 0;
}

a.sdnp-readmore {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

a.sdnp-readmore svg path {
    transition: all 0.3s ease;
}

.sdnp-item:hover {
    border: 1px solid #930F1C;
    box-shadow: 0 24px 34px 0 rgba(0, 0, 0, 0.30);
}

.sdnp-item:hover a.sdnp-readmore,
.sdnp-item:hover h3.sdnp-title a {
    color: #930F1C;
}

.sdnp-item:hover a.sdnp-readmore svg path {
    stroke: #930F1C;
}

.sdnp-item:hover .has-hover .image-zoom img {
    transform: scale(1.1);
}

.sdnp-heading {
    margin: 0 0 50px 0;
}

.sdnp-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 40px;
}

.sdnp-page {
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    transition: all 0.25s ease;
    background: #fff;
    color: #444653 !important;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.sdnp-page.active,
.sdnp-page:hover {
    background: #FEF9C3;
}

a.sdnp-page.next svg {
    position: relative;
    left: 1px;
    top: -1px;
}

a.sdnp-page.prev svg {
    position: relative;
    top: -1px;
    left: 1px;
}

.vieclam-single .sdntgr-con a {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 30px 0;
    color: #fff;
}

.vieclam-single .sdntgr-con a:hover {
    color: #1E4646;
}

.vieclam-single .sdntgr-con {
    margin: 0 0 30px 0;
}

.svlgb-main {
    width: 368px;
    height: 42px;
    margin: 0;
    border-radius: 44px;
    background: #1E4646;
    box-shadow: 0 1px 4px 0 rgba(144, 161, 185, 0.16) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

.svlgb-main:hover {
    background: #930F1C;
}

.vieclam-single .sdntop-main {
    position: relative;
    z-index: 1;
}

.vieclam-single .sdntop-main:after {
    content: '';
    width: 412px;
    height: 100%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="412" height="480" viewBox="0 0 412 480" fill="none"><path opacity="0.06" d="M135 0H411.5V480H0L135 0Z" fill="white"/></svg>');
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.svlctt-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 22px 0;
    border-radius: 10px;
    background: linear-gradient(90deg, #AD9756 0%, #FEF9C3 23.56%, #AD9756 47.12%, #FEF9C3 71.63%, #AD9756 100%);
    margin: 0 0 44px 0;
}

.svlctt-item {
    width: calc(25% - 15px);
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    color: #1E4646;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-right: 1px solid rgb(30, 70, 70, 0.2);
}

.svlctt-main .svlctt-item:last-child {
    border: none;
}

.svlbottom-main {
    padding: 60px 0;
}

.svlbtt-item {
    margin: 0 0 20px 0;
}

.svlbtt-item p:first-child {
    margin: 0 0 10px 0;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 15px;
}

.svlbtt-item p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.svlbtt-item p:last-child {
    padding-left: 36px;
    margin: 0;
}

.svlbottom-main .row-large>.col:last-child {
    border-right: none;
}

.svlcmt-con ul {
    margin-left: 20px;
}

.svlret-main {
    padding: 80px 0;
    background: #064F4A;
}

.svlcenter-main {
    padding: 60px 0;
}

.svlp-item {
    padding: 38px 36px;
    border-radius: 20px;
    border: 1px solid #1E4646;
    background: #FFF;
    transition: all 0.3s ease;
}

.svlp-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 30px 0;
}

.svlp-logo {
    color: rgba(30, 70, 70, 0.30);
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 5.1px;
}

.svlp-logo span {
    color: #1E4646;
    transition: all 0.3s ease;
}

.svlp-cat a {
    display: inline-block;
    padding: 5px 10px;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 30px;
    background: rgba(30, 70, 70, 0.10);
    margin-left: 5px;
}

a.svlp-thumb {
    display: inline-block;
    margin: 0 0 30px 0;
}

h3.svlp-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.svlp-con a {
    color: rgba(30, 70, 70, 0.50);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.svlp-con {
    line-height: normal;
    margin: 0 0 40px 0;
}

.svlp-adr {
    display: flex;
    align-items: center;
    color: #1E4646;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    gap: 5px;
    margin: 0 0 16px 0;
}

.svlp-ch {
    color: #FF3939;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    position: relative;
}

.svlp-ch:before {
    content: '';
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #FF3939;
    border-radius: 50%;
    margin-right: 9px;
}

.svlp-item .svlgb-main {
    width: 100%;
}

.svlp-item:hover {
    box-shadow: 0 24px 34px rgba(51, 51, 51, 0.30);
}

.svlp-item:hover .svlp-logo span,
.svlp-item:hover .svlp-cat a,
.svlp-item:hover h3.svlp-title a {
    color: #930F1C;
}

.svlp-item:hover .svlgb-main {
    background: #930F1C;
}

.svlp-item:hover .has-hover .image-zoom img {
    transform: scale(1.1);
}

.svl-popup {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;

    justify-content: center;
    align-items: center;
}

.svl-popup.active {
    display: flex;
}

.svl-popup-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

.svl-popup-content {
    position: relative;
    max-width: 640px;
    width: 90%;
    border-radius: 30px;
    overflow: hidden;
}

.svl-popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 45px;
    background: #1E4646;
}

.svl-close {
    cursor: pointer;
    font-size: 28px;
    position: absolute;
    top: 25px;
    right: 25px;
    line-height: 10px;
    height: 15px;
    display: inline-block;
    transition: transform 0.5s ease;
}

.svl-close:hover {
    transform: rotate(360deg);
}

.form-group {
    margin-bottom: 12px;
}

.btn-submit {
    width: 100%;
    padding: 10px;
    border: none;
    margin: 20px 0 0;
    border-radius: 32px;
    background: linear-gradient(90deg, #AD9756 0%, #FEF9C3 23.56%, #AD9756 47.12%, #FEF9C3 71.63%, #AD9756 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 56px;
    color: #1E4646;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.custom-file .btn {
    display: inline-block;
    padding: 8px 16px;
    background: #0073aa;
    color: #fff;
    cursor: pointer;
}

/* upload box */
.upload-box {
    border: 1px dashed rgba(30, 70, 70, 0.15);
    border-radius: 20px;
    padding: 25px;
    text-align: center;
    cursor: pointer;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upload-box:hover {
    border-color: #1f4d4d;
}

.upload-content .icon {
    font-size: 20px;
    margin-bottom: 10px;
}

.upload-content p {
    margin: 0 0 10px 0;
    color: #3F3F3F;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.upload-content span {
    color: #1E4646;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

#form-ungtuyen {
    padding: 30px 45px;
    background: #fff;
    margin: 0;
}

.svl-popup-header h3 {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.svl-popup-header p {
    color: #FEF9C3;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

#form-ungtuyen .form-group label {
    color: #1E4646;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin: 0;
}

#form-ungtuyen .form-group input {
    width: 100%;
    height: 50px;
    outline: none;
    box-shadow: none;
    border: none;
    border-bottom: 2px solid rgba(30, 70, 70, 0.15);
    padding: 5px 0;
    color: rgba(30, 70, 70, 0.50);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* placeholder */
#form-ungtuyen .form-group input::-webkit-input-placeholder {
    color: rgba(30, 70, 70, 0.50);
}

#form-ungtuyen .form-group input::-moz-placeholder {
    color: rgba(30, 70, 70, 0.50);
}

#form-ungtuyen .form-group input:-ms-input-placeholder {
    color: rgba(30, 70, 70, 0.50);
}

#form-ungtuyen .form-group input:-moz-placeholder {
    color: rgba(30, 70, 70, 0.50);
}

#form-ungtuyen .form-group input:focus,
#form-ungtuyen .form-group input:hover {
    border-bottom: 2px solid #1E4646;
    color: #1E4646;
}

#form-ungtuyen .form-group label.label-upload {
    margin: 0 0 8px 0;
}

.pdktg-1 .form-dangky label,
.plh-1 .form-dangky label {
    color: #1E4646;
}

.pdktg-1 .form-dangky input,
.plh-1 .form-dangky input {
    border-bottom: 2px solid rgba(30, 70, 70, 0.15);
    color: rgba(30, 70, 70, 0.50);
}

/* placeholder */
.pdktg-1 .form-dangky input::placeholder,
.pdktg-1 .form-dangky textarea::placeholder,
.plh-1 .form-dangky input::placeholder,
.plh-1 .form-dangky textarea::placeholder {
    color: rgba(30, 70, 70, 0.50);
}

/* fix cross-browser */
.pdktg-1 .form-dangky input::-webkit-input-placeholder,
.pdktg-1 .form-dangky textarea::-webkit-input-placeholder,
.plh-1 .form-dangky input::-webkit-input-placeholder,
.plh-1 .form-dangky textarea::-webkit-input-placeholder {
    color: rgba(30, 70, 70, 0.50);
}

.pdktg-1 .form-dangky input::-moz-placeholder,
.pdktg-1 .form-dangky textarea::-moz-placeholder,
.plh-1 .form-dangky input::-moz-placeholder,
.plh-1 .form-dangky textarea::-moz-placeholder {
    color: rgba(30, 70, 70, 0.50);
}

.pdktg-1 .form-dangky input:-ms-input-placeholder,
.pdktg-1 .form-dangky textarea:-ms-input-placeholder,
.plh-1 .form-dangky input:-ms-input-placeholder,
.plh-1 .form-dangky textarea:-ms-input-placeholder {
    color: rgba(30, 70, 70, 0.50);
}

/* focus + hover */
.pdktg-1 .form-dangky input:focus,
.pdktg-1 .form-dangky input:hover,
.pdktg-1 .form-dangky textarea:focus,
.pdktg-1 .form-dangky textarea:hover,
.plh-1 .form-dangky input:focus,
.plh-1 .form-dangky input:hover,
.plh-1 .form-dangky textarea:focus,
.plh-1 .form-dangky textarea:hover {
    border-bottom: 2px solid #1E4646;
    color: #1E4646;
}

.pdktg-1 .icon-box .icon-box-text h3 {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    margin: 0 0 4px 0;
}

.pdktg-1 .icon-box .icon-box-text p {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.pdktg-1 .icon-box {
    margin: 0 0 30px 0;
}

.plh-1-text1 h4 {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin: 0 0 12px 0;
    padding-left: 50px;
    position: relative;
}

.plh-1-text1 h4:after {
    content: '';
    width: 39px;
    height: 1px;
    background: #FEF9C3;
    position: absolute;
    left: 0;
    top: 7px;
}

.plh-1-text1 h3 {
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 18px 0;
}

.plh-1-text1 h3 strong {
    display: block;
    color: #FFF;
}

.plh-1-text1 p {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}

.plh-1-text2 h4 {
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgb(255, 255, 255, 0.5);
    margin: 0 0 10px 0;
}

.plh-1-text2 p a {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.4px;
}

@media only screen and (min-width: 48em) {
    .gb-col5 .col {
        flex-basis: 20%;
        max-width: 20%;
    }

    .sdnbottom-main>.row>.large-9 {
        flex-basis: 70%;
        max-width: 70%;
    }

    .sdnbottom-main>.row>.large-3 {
        flex-basis: 30%;
        max-width: 30%;
    }

    .svlbottom-main .row-large>.col {
        padding: 10px 50px;
        border-right: 1px solid rgb(255, 255, 255, 0.2);
    }

    .sdnbottom-main>.row>.large-9 {
        flex-basis: 70%;
        max-width: 70%;
    }

    .sdnbottom-main>.row>.large-3 {
        flex-basis: 30%;
        max-width: 30%;
    }
}

@media (max-width: 849px) {

    [data-animate],
    [data-animated] {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }


}

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

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .form-dangky .row-2 {
        flex-direction: column;
        gap: 20px;
    }

    .nav-column>li>a,
    .nav-dropdown>li>a,
    .nav-vertical-fly-out>li>a,
    .nav>li>a {
        color: #fff;
    }

    .home-1 .banner h4 {
        font-size: 12px;
    }

    .home-1 .banner h3 {
        font-size: 50px;
    }

    .home-1 .banner p {
        font-size: 14px;
        line-height: normal;
    }

    .home-1 .banner .button {
        padding: 10px 20px;
    }

    .gb-heading h2 {
        font-size: 28px;
        margin: 0 0 55px 0;
    }

    .sdnp-wrapper {
        padding: 30px 0;
    }

    .gb-heading2 h2 {
        font-size: 28px;
        margin: 0 0 15px 0;
    }

    .gb-heading2 p {
        font-size: 14px;
        line-height: normal;
    }

    .sdnp-heading {
        margin: 0 0 30px 0;
    }

    .sdnp-search {
        margin: 0 0 30px 0;
    }

    .sdnp-search input {
        width: 100%;
        height: 50px;
        padding: 15px 30px 15px 50px;
        font-size: 12px;
    }

    .sdnp-search:after {
        top: 15px;
    }

    .sdnp-filter button {
        margin: 0 10px 10px 0;
        padding: 5px 10px;
    }

    .sdnp-filter {
        margin: 0 0 30px 0;
    }

    .sdnp-pagination {
        margin-top: 20px;
    }

    .home-4 {
        background: #610000;
        padding-bottom: 30px !important;
    }

    .home-5 .text h2 {
        font-size: 28px;
    }

    .home-5 .text p {
        font-size: 14px;
        margin: 0 0 10px 0;
    }

    .footer-1 h2 {
        font-size: 28px;
        margin: 0 0 15px 0;
    }

    .footer-1 p {
        font-size: 14px;
    }

    .footer-1 .button {
        margin: 0 10px;
    }

    .sidebar-menu .nav>li>a {
        color: hsla(0, 0%, 40%, .85);
    }

    .svlp-item {
        padding: 20px;
    }

    .svl-popup-header {
        padding: 15px;
    }

    #form-ungtuyen {
        padding: 15px;
    }

    #form-ungtuyen .form-group input {
        height: 30px;
    }

    .upload-box {
        padding: 10px;
        height: 140px;
    }

    .svl-popup-header h3 {
        font-size: 18px;
    }

    .svl-popup-header p {
        font-size: 12px;
    }

    .btn-submit {
        padding: 5px;
        margin: 10px 0 0;
        height: 40px;
    }

    .svlp-logo {
        font-size: 12px;
    }

    .svlp-top {

        margin: 0 0 15px 0;
    }

    a.svlp-thumb {
        margin: 0 0 15px 0;
    }


    h3.svlp-title {
        font-size: 16px;
    }

    .svlp-con {
        margin: 0 0 20px 0;
    }

    .sdntop-main {
        padding: 30px 0;
    }

    .sdntback-main {
        margin: 0 0 15px 0;
    }

    .sdntgr-title {
        font-size: 28px;
        margin: 0 0 10px 0;
    }

    .vieclam-single .sdntgr-con a {
        font-size: 18px;
        margin: 0 0 10px 0;
    }

    .vieclam-single .sdntgr-con {
        margin: 0 0 20px 0;
    }

    .svlgb-main {
        width: 100%;
    }

    .svlbottom-main {
        padding: 30px 0;
    }

    .svlbottom-main .row-large>.col:last-child {
        padding-bottom: 0;
    }

    .svlcenter-main {
        padding: 0 0 30px 0;
    }

    .svlctt-item {
        width: 100%;
        justify-content: left;
        text-align: center;
        border: none;
    }

    .svlctt-main {
        gap: 15px;
        padding: 15px;
        margin: 0 0 30px 0;
    }

    h2.sdnbottom-title {
        padding: 0 0 10px 0;
        margin: 0 0 20px 0;
    }

    .svlret-main {
        padding: 30px 0;
    }

    .sdntgr-main {
        display: inline-block;
    }

    .sdntgr-left {
        margin: 0 0 20px 0;
        padding: 15px;
    }

    .sdntgr-con span {
        font-size: 14px;
    }

    .sdnbottom-main {
        padding: 30px 0 0 0;
    }

    .sdnbha-img {
        margin: 0 !important;
    }

    .sdnbha-img .col {
        padding: 0 5px !important;
    }

    .sdnbha-img .box .box-image {
        border-radius: 10px;
    }

    .sdnbha-main {
        margin: 0 0 30px 0;
    }

    .sdnbtd-main {
        margin: 0;
    }

    .sdnbtd-item {
        padding: 15px;
        border-radius: 10px;
        margin: 0 0 15px 0;
        gap: 10px;
    }

    h3.sdnbtd-td a {
        font-size: 14px;
    }

    h3.sdnbtd-td {
        margin: 0 0 5px 0;
    }

    .sdnblh-main {
        margin: 0 0 30px 0;
    }

    .sdnbbm-main h3 {
        margin: 0 0 15px 0;
    }

    .sdnbbm-main p {
        margin: 0 0 15px 0;
    }

    .sdnbbo-main {
        padding: 30px;
        display: block;
    }

    .sdnbbo-left {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .sdnbbo-right {
        width: 100%;
    }

    .sdnbbo-right .icon-box {
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
    }

    .sdnbbo-right .icon-box .text p {
        font-size: 16px;
    }

    .plh-1-text1 h3 {
        font-size: 28px;
        margin: 0 0 15px 0;
    }

    .plh-1-text1 h3 strong {
        display: inline-block;
    }

    .plh-1-text2 p {
        margin: 0;
    }
}