.ss1 {
    padding: 130px 0;
    color: #171f50;
}
.ss1_left {
    color: #fff;
}
.ss1_left .tilte_top_ss11 {
    border-radius: 20px;
    padding: 5px 25px;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    width: auto;
    background: #c02026;
    border: solid 1px #c02026;
}
.ss1_left h1 {
    font-size: 54px;
    line-height: 1.3;
    color: #fff;
    margin: 35px 0 25px 0;
    max-width: 70%;
}
.ss1_left .desc_about {
    max-width: 80%;
}
.brands-scroll-wrap {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
    margin-top: 20px;
}
.brand-pill {
    display: flex;
    padding: 5px 15px;
    border-radius: 8px;
    background-color: #eee;
    color: #333;
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
    align-items: center;
    transition: .3s;
    line-height: 1.5;
    gap: 5px;
}
.brand-pill svg {
    width: 15px;
    height: 15px;
    background: #c02026;
    padding: 0px;
    border-radius: 50%;
    gap: 5px;
}
.support {
    display: flex;
    margin-top: 30px;
    gap: 20px;
}
.support a {
    display: flex;
    gap: 10px;
    font-weight: 600;
    font-size: 16px;
}
.support .hotline_ss1 {
    background: #c02026;
    padding: 10px 15px;
    border-radius: 5px;
}
.support .zaloss1 {
    background: #2088de;
    padding: 10px 15px;
    border-radius: 5px;
}
.from_ss1 {
    padding: 50px 40px;
    background: #fff;
    border-radius: 10px;
}
.title_form {
    margin-bottom: 20px;
    font-size: 15px;
    text-align: center;
}
.title_form h2 {
    color: #171f50;
    font-size: 25px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.from_ss1 form {
}
.from_ss1 .form-group {
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}
.from_ss1 .form-group input, .box-artifacts-test .form-group select, .from_ss1 .form-group textarea {
    width: 100%;
    padding: 15px 16px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.3s ease;
    background: #ffffffe6;
}
.from_ss1 .form-group select {
    background: #fff;
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-right: 40px;
    appearance: none;
    color: #000000a1;
    width: 100%;
    padding: 15px 16px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.3s ease;
    background: #ffffffe6;
}
.from_ss1 .btn-register-driver {
    display: inline-block;
    background: linear-gradient(135deg, #c02026, #c02026);
    margin-bottom: 0;
    animation-name: pulse;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    height: 53px;
    letter-spacing: .1em;
    line-height: 53px;
    margin-top: 5px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
}
.form_look {
    display: flex;
    text-align: center;
    width: 100%;
    margin-top: 20px;
    gap:10px;
    justify-content: center;
}
.form_look svg {
    width: 15px;
}
.ss2 {
    padding: 40px 0;
    color: #171f50;
}
.ss2 .title_landing {
    margin-bottom: 20px;
}
.ss2 .title_landing h2 {
    color: #171f50;
    font-size: 25px;
    text-align: center;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.ss2 .title_landing p {
    max-width: 80%;
    text-align: center;
    font-size: 16px;
    margin: auto;
} 
.ss2 .text_one_text {
    border-radius: 10px;
    border: solid 1px #ccc;
    padding: 40px 20px;
}
.ss2 .text_one_text span {
    background: #c02026;
    padding: 5px 10px;
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    border-radius: 3px;
}
.ss2 .text_one_text h3 {
    font-size: 20px;
    margin: 15px 0;
    font-weight: 500;
}
.ss2 .text_one_text p {
    color: #333;
    font-size: 15px;
    margin-bottom: 25px;
}
.ss2 .text_one_text .text_one_text_nd {

}
.ss2 .text_one_text .text_one_text_nd ul li {
    list-style: disc;
    margin-left: 17px;
}
.ta-center {
    text-align: center;
    margin-top: 20px;
}
.ta-left {
    text-align: left;
    margin-top: 30px;
}
.btn-consultant a, .c-btn-01 {
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    background-image: linear-gradient(135deg, #c02026, #c02026);
    font-size: 22px;
    font-family: Oswald, sans-serif;
    font-weight: 500;
    line-height: 1.6;
    color: #fff;
    text-align: center;
    text-transform: none;
    border-radius: 5px;
    animation-name: pulse;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.ss3 {
    background: #fff;
    padding: 50px 0;
    color: #333;
}
.ss3 .row {
    align-items: center;
}
.ss3 .box_left_ss3 {
    max-width: 90%;
}
.ss3_text_one_text {
    border-radius: 18px;
    background: #fff;
    padding: 15px 20px;
    border: solid 1px #171f50;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.ss3_text_one_text .order_ss3 {
    width: 44px;
    height: 45px;
    text-align: center;
    background: linear-gradient(135deg, #c02026, #c02026);
    border-radius: 50%;
    color:#fff;
    line-height: 40px;
    font-size: 20px;
    font-weight: 600;
}
.ss3_text_one_text .content_ss3 h3 {
    font-size: 18px;
    color: #171f50;
    margin-bottom: 5px;
}
.ss3_text_one_text .content_ss3 {
    width: 90%;
}
.ss3_text_one_text .box_left_ss3 {

}

.ss3 .box_left_ss3 h2{
    font-size: 50px;
    line-height: 1.3;
    color: #c02026;
    margin: 35px 0 25px 0;
    max-width: 90%;
}
.ss3 .box_left_ss3 span {
    border-radius: 20px;
    padding: 5px 25px;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    width: auto;
    background: #171f50;
    border: solid 1px #171f50;
}
.box_left_ss3_nd {
    font-size: 17px;
}
.box_left_ss3_nd p {
    padding-bottom: 10px;
}
blockquote {
    margin: 0 0 20px 0;
    padding: 10px 15px;
    background: rgb(147 146 144 / 19%);
    border-left: 5px solid #171f50;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 600;
    color: #171f50;
}
blockquote p:last-child {
    margin-bottom: 0;
    padding: 0;
}
.ss4 {
    padding: 50px 0;
    background: #171f50;
    text-align: center;
}
.ss4 .title_landing span {
    border-radius: 20px;
    padding: 5px 25px;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    width: auto;
    background: #c02026;
    border: solid 1px #c02026;
}
.ss4 .title_landing h2 {
    font-size: 40px;
    line-height: 1.3;
    color: #fff;
    margin: 25px 0 35px 0;
}
.ss4 .text_one_text {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    color: #333;
    margin-bottom: 30px;
    text-align: left;
}
.ss4 .text_one_text p {
    font-size: 17px;
}
.ss4 .text_one_text img {
    width: 60px;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    border: solid 1px #171f50;
    color: #fff;
}
.ss4 .text_one_text img svg {
    fill: #fff;
}
.ss4 .text_one_text h3 {
    font-size: 22px;
    color: #171f50;
    margin: 10px 0;
}
.ss4 .desc_ss4 h2 {
    font-size: 25px;
}
.ss4 .desc_ss4 .compare-table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 12px;
    overflow: hidden;
}
.ss4 .desc_ss4 .compare-table th {
    background: #c02026;
    color: #fff;
    padding: 15px;
    text-align: left;
    font-weight: 700;
    font-size: 18px;
}
.ss4 .desc_ss4 .compare-table td {
    padding: 15px;
    border-bottom: 1px solid #ccc;
    color: #333;
    text-align: left;
}
.ss4 .desc_ss4 .compare-table tbody tr:nth-child(odd) {
    background: #eee;
}
.ss4 .desc_ss4 .compare-table tbody tr:nth-child(even) {
    background: #fff;
}
.ss4 .desc_ss4 .compare-table tbody tr:last-child td {
    border-bottom: none;
}
.box_left_ss3_nd table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 0;
    overflow: hidden;
}
.box_left_ss3_nd table h2 {
    width: 100%;
    max-width: 100% !important;
}
.ss5 .ss3_text_one_text .order_ss3 {
    background: none;
}
.ss5 .box_left_ss3 h2 {
    max-width: 100% !important;
    font-size: 46px;
}
.ss6 {
    text-align: center;
}
.ss6 .box_left_ss3 h2 {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 15px;
}
.ss6 .ss3_text_one_text {
    text-align: left;
    border: none;
    background: #fff;
}
.ss6 .content_ss6 h3 {
    border-radius: 20px;
    padding: 5px 25px;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    width: auto;
    background: #171f50;
    border: solid 1px #171f50;
}
.ss6 .content_ss6 span {
    margin: 0 0 20px 0;
    padding: 10px 15px;
    background: rgb(147 146 144 / 19%);
    border-left: 5px solid #171f50;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 600;
    color: #171f50;
}
.ss6 .content_ss6 .desc_nd_ss6 {
    margin: 20px 0;
    font-size: 15px;
}
.ss6 .content_ss6 .desc_nd_ss6 h2 {
    font-size: 22px;
    margin-bottom: 10px;
}
.ss6 .content_ss6 {
    width: 90%;
}
.ss7 .server_ss7 {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:20px
}
.ss7 .title_landing {
    text-align: center;
}
.ss7 .title_landing h2 {
    font-size: 50px;
    text-transform: none;
    margin-top: 15px;
}
.ss7 .title_landing p {
    border-radius: 20px;
    padding: 5px 25px;
    color: #171f50;
    font-size: 18px;
    display: inline-block;
    width: auto;
    background: transparent;
    border: solid 1px #171f50;
}
.ss7 .server_ss7 .server_ss7_in:nth-child(2) .server_ss7_top {
    background: linear-gradient(135deg, #c02026, #c02026);
    border-radius: 20px 20px 0 0;
    color: #fff;
}
.ss7 .server_ss7 .server_ss7_in:nth-child(2) .server_ss7_top p {
    color: #fff;
}
.ss7 .server_ss7 .server_ss7_in .c-btn-01 {
    background: #eee;
    color: #333;
}
.ss7 .server_ss7 .server_ss7_in:nth-child(2) .c-btn-01  {
    background: #c02026;
    color: #fff;
}
.ss7 .server_ss7 .server_ss7_in:nth-child(3) .c-btn-01  {
    background: #171f50;
    color: #fff;
}
.ss7 .text_one_text {
    border-radius: 20px;
    border: solid 1px #ccc;
    padding:0;
}
.ss7 .server_ss7_top {
    background: #eee;
    padding: 10px 20px;
    text-align: center;
    border-radius: 20px 20px 0 0;
    margin-bottom: 0;
}
.ss7 .server_ss7_top h3 {
    font-size: 28px;
    margin-bottom: 5px;
}
.ss7 .server_ss7_top p {
    font-size: 37px;
    font-weight: 800;
    color: #c02026;
    margin-bottom: 10px;
}
.ss7 .text_one_text_nd {
    padding: 20px 20px 5px 20px;
}
.ss7 .ta-center {
    margin-bottom: 20px;
}
.ss7 .text_one_text_nd span {
    background: transparent;
    color: unset;
    font-size:16px;
}
.ss7 .text_one_text p {
    margin-bottom: 15px;
}
.ss7 .text_one_text .text_one_text_nd ul li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: solid 1px #eee;
}
.ss7 .server_ss7 .server_ss7_in:nth-child(3) .server_ss7_top {
    background: #171f50;
    color: #fff;
}
.ss7 .server_ss7 .server_ss7_in:nth-child(3) .server_ss7_top p {
    color: #fff;
}
.ss8 {
    background: #F8F8F8;
    padding: 50px 0;
    color: #333;
}
.title_faq {
    margin-bottom: 30px;
}
.title_faq span {
    border-radius: 20px;
    padding: 5px 25px;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    width: auto;
    background: #171f50;
    border: solid 1px #171f50;
}
.title_faq h2 {
    font-size: 30px;
    color: #171f50;
    margin-top: 10px;
}
.ss8_content {
    background: #fff;
    border-radius: 20px;
    border: 1px #c02026 solid;
    border-left: 5px #c02026 solid;
    margin: 30px 0;
    padding: 20px;
}
.ss8_content .item_ss8_content {
    display: flex;
    gap: 10px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 15px;
    padding-bottom: 10px;
    align-items: center;
}
.ss8_content .item_ss8_content img {
    width: 60px;
}
.ss8_content .item_ss8_content .order_ss3 svg {
    width: 20px;
}
.ss8_content .content_ss3 h3 {
    font-size: 20px;
    color: #171f50;
    margin-bottom: 5px;
}
.ss8_content .content_ss3 p {
    font-size: 16px;
}
.ss8 .title_landing h2 {
    color: #c02026;
    font-size: 45px;
    max-width: 80%;
    text-align: left;
    padding-bottom: 10px;
    margin-top: 20px;
    text-transform: none;
}
.ss8 .title_landing span {
    border-radius: 20px;
    padding: 5px 25px;
    color: #171f50;
    font-size: 18px;
    display: inline-block;
    width: auto;
    background: #fff;
    border: solid 1px #171f50;
}
.ss8 .title_landing {
    font-size: 17px;
}
.ss8 .title_landing ul li {
    list-style: disc;
    margin-left: 20px;
}
.ss8 .title_landing ul li span {
    border-radius: 0;
    padding: 0;
    border:0;
    background: transparent;
}
.ss10 {
    padding: 50px 0;
}
.ss10 .ss10_in {
    background: linear-gradient(135deg, #c02026, #c02026);
    border-radius: 20px;
    padding: 50px 30px;
    margin: 0 5px;
}
.ss10 .ss1_left .tilte_top_ss11 {
    border-radius: 20px;
    padding: 5px 25px;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    width: auto;
    background: transparent;
    border: solid 1px #fff;
}
.ss10 .ss1_left h2 {
    font-size: 50px;
    line-height: 1.3;
    color: #fff;
    margin: 35px 0 25px 0;
    max-width: 100%;
}
.ss10 .ss1_left .desc_about {
    max-width: 100%;
    font-size: 17px;
}
.ss10 .ss1_left .desc_about ul {
    margin: 10px 0;
}
.ss10 .ss1_left .desc_about ul li {
    list-style:disc;
    margin-left: 17px;
}
.ss10 .support .hotline_ss1 {
    border: solid 1px #fff;
}
.ss10 .from_ss1 .form_look {
    color: #fff;
}
.ss10 .from_ss1 {
    padding: 0;
    background: transparent;
    border-radius: 0;
    color: #fff;
}
.ss10 .form-row-2 {
    display: flex;
    gap: 20px;
    width: 100%;
    justify-content: space-between;
}
.ss10 .form-row-2 textarea {
    width: 100%;
    height: 120px;
    color: #333;
    padding: 10px;
    border-radius: 5px;
    background: #fff;
    font-size: 15px;
    border: 1px solid #d1d5db;
}
.ss10 .from_ss1 .btn-register-driver {
    margin-top: 20px;
    background: linear-gradient(135deg, #171f50, #171f50);
}
.ss10 .title_form h2 {
    color: #fff;
}
@media (max-width: 768px) {
    .ss1 {
        padding: 30px 0;
    }
    .ss1_left .tilte_top_ss11 {
        font-size: 14px;
    }
    .ss1_left h1 {
        max-width: 100%;
        font-size: 30px;
        line-height: 1.5;
        margin: 20px 0;
    }
    .ss1_left .desc_about {
        max-width: 100%;
    }
    .brand-pill {
        font-size: 12px;
        padding: 5px 10px;
    }
    .brands-scroll-wrap {
        gap: 6px;
    }
    .support {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .from_ss1 {
        padding: 20px;
    }
    .title_form h2 {
        font-size: 22px;
    }
    .ss2 .title_landing p {
        max-width: 95%;
    }
    .ss2 .text_one_text {
        padding: 20px;
        margin-bottom: 15px;
    }
    .ss2 {
        padding: 20px 0;
    }
    .ss3 {
        padding: 20px 0;
    }
    .ss3 .box_left_ss3 h2 {
        max-width: 100%;
        margin: 15px 0;
        font-size: 25px;
    }
    .ss3 .box_left_ss3 {
        max-width: 100%;
    }
    .ss3 .box_left_ss3 span {
        font-size: 14px;
    }
    .ss3 .ta-left {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .btn-consultant a, .c-btn-01 {
        padding: 5px 20px 8px;
        font-size: 20px;
    }
    .ss4 {
        padding: 20px 0;
    }
    .ss4 .title_landing h2 {
        font-size: 25px;
        margin-bottom: 20px;
    }
    .ss4 .text_one_text {
        margin-bottom: 15px;
    }
    .ss4 .ta-center {
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .ss6 .ss3_text_one_text {
        padding: 10px;
    }
    .ss6 .content_ss6 span {
        font-size: 15px;
        display: flex;
    }
    .ss6 .content_ss6 h3 {
        font-size: 16px;
    }
    .ss7 .title_landing h2 {
        font-size: 35px;
    }
    .ss7 .server_ss7 {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }
    .ss8 {
        padding: 20px 0;
    }
    .ss8 .title_landing h2 {
        max-width: 100%;
        font-size: 35px;
    }
    .list-text-opport-left {
        margin-top: 30px;
    }
    .ss10 .ss10_in {
        padding: 30px 15px;
    }
    .ss10 .ss1_left h2 {
        font-size: 35px;
    }
    .support .zaloss1 {
        font-size: 15px;
    }
    .ss10 .form-row-2 {
        display: block;
    }
    .ss10 .from_ss1 .btn-register-driver {
        font-size: 11px;
    }
}