p a,
li a {
    text-decoration: underline;
}

.button-group {
    column-gap: 20px;
}

.orange-text {
    color: #F0684F;
    font: inherit;
}

.dark-grey-text{
    color: gray;
    font-weight: bolder;
}

.incorp-local-page-input-wrapper {
    padding-top: 30px;
    column-gap: 20px;
}

.incorp-local-page-input-wrapper-2 {
    padding-top: 10px;
    column-gap: 20px;
}

.incorp-local-page-input,
.incorp-local-page-input-2 {
    border-radius: 10px;
    border: 1px solid #BEBEBE;
    background: #E8E8E6;
    font-family: 'Poppins-Light';
    font-size: 20px;
    padding: 18px;
    width: 100%;
}

select,
select option {
  color: #000000;
}

select:invalid,
select option[value=""] {
  color: gray;
}

/*Added for browser compatibility*/
[hidden] {
  display: none;
}

.grey_color{
    color: gray;
}

.description{
    padding-top: 30px;
}

.mw-h4,
.mw-h4 span {
    font-family: 'Poppins-Bold';
    font-size: 40px;
}

.section-one .section-one-wrapper {
    column-gap: 40px;
    padding-top: 10px;
}

.section-one svg,
.section-one img {
    width: 100%;
}

.section-one .left-side {
    row-gap: 30px;
}

.section-one h1 {
    font-size: 60px;
}

.section-one .service-desc {
    column-gap: 20px;
    margin-top: 40px;
}

.section-one .back-button {
    width: auto;
    column-gap: 5px;
    margin-top: 50px;
}

.section-one .back-button svg {
    width: auto;
}

.section-one .back-button span {
    font-family: 'Poppins-Light';
    font-size: 15px;
}

.section-one .left-side h1 {
    margin-top: 0;
}
    
.section-two .section-two-wrapper {
    row-gap: 40px;
}

.section-two .top-part .left-side {
    width: 60%;
    min-width: 450px;
}

.section-two .top-part .right-side {
    max-width: 300px;
}

.section-two .top-part .right-side a {
    text-decoration: underline;
}

.section-two .top-part .right-side svg {
    width: 50px;
}

.section-two .middle-part {
    column-gap: 100px;
}

.section-two .middle-part .image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-two .middle-part img {
    width: 100%;
}

.section-two .middle-part .benefits-grid {
    width: 60%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 40px;
    row-gap: 40px;
}

.section-two .middle-part .benefit {
    row-gap: 10px;
}

.section-two .benefit-title {
    font-family: 'Poppins-Bold';
    font-size: 30px;
}

.section-two .benefit-desc small {
    font-size: 16px;
}

.section-three .section-three-wrapper {
    row-gap: 30px;
}

.section-three .steps-container {
    row-gap: 30px;
    padding-left: 90px;
}

.section-three .step {
    position: relative;
    border-radius: 0 150px 150px 0;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    height: 205px;
    column-gap: 40px;
    align-items: center;
    justify-content: space-between;
}

.section-three .step:first-child {
    background-color: #D9D9D9;
}

.section-three .step:nth-child(2) {
    background-color: #BEABA4;
}

.section-three .step:nth-child(3) {
    background-color: #AABDBF;
}

.section-three .step:nth-child(4) {
    background-color: #DDD9D0;
}

.section-three .step:nth-child(5) {
    background-color: #CACACA;
}

.section-three .step-number {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-65%, -50%);
}

.section-three .step .step-content {
    padding-left: 100px;
    width: 60%;
}

.section-three .step svg:not(.step-number) {
    margin-right: 150px;
}

.outline-text {
    color: #C9C9C9;
    font-family: 'Poppins-ExtraBold';
    font-size: 20px;
    text-shadow: -2px 2px 2px #ffffff,
        2px 2px 2px #ffffff,
        2px -2px 0 #ffffff,
        -2px -2px 0 #ffffff;
}

.section-three .step:nth-child(2) .outline-text {
    color: #BEABA4;
}

.section-three .step:nth-child(3) .outline-text {
    color: #AABDBF;
}

.section-three .step:nth-child(4) .outline-text {
    color: #DDD9D0;
}

.section-three .step:nth-child(5) .outline-text {
    color: #CACACA;
}

.section-three .step .step-content ul {
    padding-left: 20px;
}

.section-three .request-title {
    font-size: 30px;
}

.section-four .section-four-wrapper {
    row-gap: 20px;
}

.section-four .promises {
    align-items: flex-end;
    margin-top: 20px;
    column-gap: 15px;
}

.section-four .promise {
    row-gap: 10px;
}

.section-four .promise .promise-title {
    color: #BEABA4;
    font-family: 'Poppins-Bold';
    font-size: 40px;
}

.section-four .promise:nth-child(2) .promise-title {
    color: #ADAAA1;
}

.section-four .promise:nth-child(3) .promise-title {
    color: #AABDBF;
}

.section-four .promise:last-child .promise-title {
    color: #B5B5B5;
}

.section-four .promise ul {
    padding: 30px;
    border-radius: 20px;
    width: 100%;
    font-family: 'Poppins-Light';
}

.section-four .promise:first-child ul {
    background-color: #BEABA4;
}

.section-four .promise:nth-child(2) ul {
    background-color: #ADAAA1;
}

.section-four .promise:nth-child(3) ul {
    background-color: #AABDBF;
}

.section-four .promise:last-child ul {
    background-color: #B5B5B5;
}

.section-five .related-content {
    column-gap: 50px;
    position: relative;
}

.section-five .related-content .left-side {
    max-width: calc(100% - 200px);
}

.section-five .related-content .faq-button {
    padding: 15px;
    border-radius: 50%;
    height: 150px;
    width: 150px;
    background-color: #F0684F;
    position: absolute;
    bottom: 50px;
    right: 0;
    transform: translateX(-50%);
}

.section-five .related-content .faq-button span {
    color: #ffffff;
    text-align: center;
    margin-bottom: 0;
}

.section-five .related-swiper {
    padding: 40px;
}

.section-five .content-col {
    border: 1px solid #CECECE;
    border-radius: 20px;
    position: relative;
    margin: 0;
}

.section-five .content-col::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 80%;
    width: 10px;
}

.section-five .content-col:nth-child(3n+1)::before {
    background-color: #AABDBF;
}

.section-five .content-col:nth-child(3n+2)::before {
    background-color: #BEABA4;
}

.section-five .content-col:nth-child(3n)::before {
    background-color: #ADAAA1;
}

.section-five .content-row:first-child span {
    font-family: 'Poppins-Bold';
}

.section-five .content-col:nth-child(3n+1) .content-row:first-child span {
    color: #AABDBF;
}

.section-five .content-col:nth-child(3n+2) .content-row:first-child span {
    color: #BEABA4;
}

.section-five .content-col:nth-child(3n) .content-row:first-child span {
    color: #ADAAA1;
}

.mw-sub-page-input-message-container-fail span {
    color: #F0684F;
}

.section-six .section-six-wrapper {
    column-gap: 20px;
}

.section-six .accounting-col {
    border-radius: 30px;
    padding: 30px;
    position: relative;
    min-height: 155px;
}

.section-six .accounting-col:first-child {
    background-color: #CACACA;
}

.section-six .accounting-col:nth-child(2) {
    background-color: #CDD5D5;
}

.section-six .accounting-col:nth-child(3) {
    background-color: #C0B2A8;
}

.section-six .accounting-col svg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}

.section-six .col-title {
    color: rgba(0, 0, 0, 0.50);
    font-family: 'Poppins-Bold';
    font-size: 20px;
    position: relative;
    z-index: 1;
}

.section-six .accounting-col p {
    position: relative;
    z-index: 1;
}

.section-seven .section-seven-wrapper>p {
    margin: 15px 0 30px;
}

.section-seven table {
    width: 100%;
    table-layout: fixed;
    position: relative;
    right: 5px;
}

.section-seven table::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: calc(100% + 92px);
    background-color: #000;
}

.section-seven td {
    padding: 30px;
}

.section-seven td:first-child {
    text-align: right;
    width: calc((100% - 160px) / 2);
}

.section-seven td:nth-child(2) {
    padding: 40px;
    width: 160px;
    position: relative;
    z-index: 1;
}

.section-seven td:last-child {
    text-align: left;
    width: calc((100% - 160px) / 2);
}

.section-seven table .process-text {
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.section-seven table tr:first-child .process-text {
    background-color: #cecece;
}

.section-seven table tr:nth-child(2) .process-text {
    background-color: #CEC9BF;
}

.section-seven table tr:nth-child(3) .process-text {
    background-color: #A0B0B1;
}

.section-seven table tr:nth-child(4) .process-text {
    background-color: #B6A49D;
}

.section-seven table .process-text * {
    text-align: left;
}

.section-eight {
    position: relative;
}

.section-eight .section-eight-header {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.section-eight .circle-diagram {
    display: grid;
    grid-template-areas: '. a .'
        'b c d'
        'e c f'
        '. g .';
}

.section-eight .a {
    grid-area: a;
    transform: translateY(100px);
}

.section-eight .b {
    grid-area: b;
}

.section-eight .c {
    grid-area: c;
}

.section-eight .d {
    grid-area: d;
}

.section-eight .e {
    grid-area: e;
}

.section-eight .f {
    grid-area: f;
}

.section-eight .g {
    grid-area: g;
    transform: translateY(-100px);
}

.section-eight .diagram-content {
    padding: 40px;
}

.section-nine .middle-part {
    column-gap: 15px;
    row-gap: 15px;
    flex-wrap: wrap;
}

.section-nine .middle-part .flex {
    width: calc(50% - 7.5px);
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    padding: 20px;
    column-gap: 20px;
    background-color: #A99C92F2;
}

.section-nine .middle-part .flex img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.section-nine .middle-part .flex svg {
    position: relative;
    z-index: 1;
}

.section-nine .middle-part .flex span {
    position: relative;
    z-index: 1;
    color: #fff;
}

.whatis-section .qualifications,
.expandable-section .qualifications {
    column-gap: 20px;
}

.whatis-section .qualifications .qualifications-wrapper,
.expandable-section .qualifications .qualifications-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    padding: 30px;
    margin-top: 30px;
}

.whatis-section .whatis-wrapper .mw-h1 {
    text-align: center;
}

.whatis-section .whatis-wrapper > p {
    margin: 15px 0;
}

.whatis-section .qualifications img,
.expandable-section .qualifications img {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.whatis-section .qualifications *:not(img),
.expandable-section .qualifications .title-wrapper,
.expandable-section .qualifications .content-wrapper {
    position: relative;
    z-index: 1;
    color: #ffffff;
}

.whatis-section .qualifications li,
.expandable-section .qualifications li {
    list-style-position: inside;
    font-family: 'Poppins-Light';
}

.whatis-section .qualifications p a,
.expandable-section .qualifications p a {
    text-decoration: underline;
    color: inherit;
}

.whatis-section p.outline-text {
    color: #A99C92
}

.expandable-section .qualifications .content-wrapper {
    display: none;
}

.expandable-section .qualifications * {
    color: #fff;
}

.expandable-section .qualifications .title-wrapper {
    cursor: pointer;
}

.expandable-section .qualifications .title-wrapper h4:last-child {
    transition: all 500ms ease;
}

.whois-section .warning-container {
    border-radius: 20px;
    overflow: hidden;
    height: 200px;
}

.whois-section .warning-container .warning-icon-wrapper {
    background-color: #00D1CD;
    width: fit-content;
    margin: 0;
}

.whois-section .warning-container .text-wrapper {
    background-color: #fff;
    margin: 0;
}

.whois-section .warning-container .text-wrapper .mw-h5 {
    color: rgba(0, 0, 0, 0.50);
    font-family: 'Poppins-Bold';
    font-size: 15px;
    line-height: 30px;
}

.whois-section .applications {
    border-radius: 20px;
    overflow: hidden;
    margin-top: 50px;
}

.whois-section table {
    border-collapse: separate;
}

.whois-section td,
.whois-section th {
    padding: 20px;
}

.whois-section table tr {
    background-color: #BEABA4;
}

.whois-section table tr:first-child {
    background-color: #A8968F;
}

table th:first-child {
    color: #fff;
}

table td:first-child {
    color: #fff;
    font-family: 'Poppins-Medium';
}

.structure-section .structures {
    column-gap: 30px;
    padding-top: 10px;
}

.letter-section h4 {
    margin: 30px 0;
}

.letter-section .letter-container {
    padding-left: 80px;
}

.letter-section .letter-container h4 {
    text-align: center;
    opacity: 0.5;
}

.letter-section .step {
    padding-left: 100px;
    position: relative;
    border-radius: 20px;
    background-color: #93A5A7F2;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.letter-section .step:nth-child(2) {
    background-color: #BBB2A0F2;
}

.letter-section .step svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

.letter-section .step * {
    color: #fff;
}

.letter-section .step p,
.letter-section .step li,
.letter-section .step span {
    font-family: 'Poppins-Light';
}

#mw-voucher-modal .modal-content {
    border-radius: 35px;
}

#mw-voucher-modal .modal-body {
    background-color: #E7DCD1;
    background-position: center;
    background-size: cover;
    padding: 50px;
}

#mw-voucher-modal .modal-dialog {
    margin: auto;
    max-width: 800px;
    width: calc(100% - (var(--padding) * 2))t;
}

#mw-voucher-modal .voucher {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px;
}

#mw-voucher-modal p {
    text-align: center;
    color: black;
    font-size: 16px;
    max-width: 450px;
    margin: auto;
    font-family: 'Poppins-SemiBold';
}

#mw-voucher-modal p strong {
    font-family: 'Poppins-Bold';
}

#mw-voucher-modal .close-voucher {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

#mw-voucher-modal .copy-code {
    position: relative;
}

#mw-voucher-modal .copy-code::after {
    content: 'Copy Code';
    white-space: nowrap;
    font-family: 'Poppins-Light';
    font-size: 15px;
    color: #3B3B3B;
    background-color: #CABDB4;
    border-radius: 10px;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translate(-50%, -100%);
    padding: 5px;
    opacity: 0;
    transition: all 300ms ease;
}

#mw-voucher-modal .copy-code:hover::after {
    opacity: 0.9;
}

#mw-voucher-modal .copy-code:disabled {
    filter: grayscale(1);
    cursor: normal;
    pointer-events: none;
}

.ssic-btn,
.company-name-btn {
    padding: 18px;
    border-radius: 10px;
    border: 3px solid #F0684F;
    background-color: #F0684F;
    opacity: 1;
    color: #ffffff;
    white-space: nowrap;
}

.ssic-btn:hover,
.company-name-btn:hover {
    background-color: transparent;
    color: #F0684F;
}

.ssic-btn::before,
.ssic-btn::after,
.company-name-btn::before,
.company-name-btn::after {
    display: none;
}

@media only screen and (min-width: 990px) and (max-width: 1920px)  {
    .ssic-btn{
        margin-left: 10px;
    }  

    .select{
        margin-left: 10px;
        padding: 23px;
        width: 20%;
        appearance: none;
        outline: none;
    }

    .incorp-local-page-input {
        width: 52%;
        padding: 20px;
    }

    .incorp-local-page-input-2 {
        width: 52%;
        padding: 20px;
    }

    .company-name-btn{
        margin-left: 10px;
        padding: 19px;
        border-radius: 10px;
    }

}

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

    .section-one .left-side h1 {
        font-size: 40px;
        line-height: 1.2;
    }

    .incorp-local-page-input,
    .incorp-local-page-input-2 {
        width: 100%;
        padding: 15px;
        font-size: 16px;
    }

    .section-one svg {
        height: auto;
    }

    .select{
        margin-left: 5px;
        padding: 23px;
        width: 30%;
        appearance: none;
        outline: none;
    }

    .ssic-btn,
    .company-name-btn{
        margin-top: 10px;
        padding: 13px;
        border-radius: 10px;
    }

    h4,
    h4 span {
        font-size: 20px;
    }

    .section-one .section-one-wrapper,
    .section-two .middle-part {
        flex-wrap: wrap;
    }

    .section-one .section-one-wrapper>div,
    .section-two .middle-part>div {
        width: 100%;
        flex: auto;
        row-gap: 15px;
    }

    .section-two .middle-part .image-wrapper {
        max-width: 450px;
        margin: auto auto 40px;
    }

    .section-two .benefit-title {
        font-size: 20px;
    }

    .section-two .top-part {
        min-width: 100%;
        max-width: 100%;
        flex-wrap: wrap;
    }

    .section-two .top-part .left-side {
        min-width: unset;
        width: 100%;
    }

    .section-two .middle-part .benefits-grid {
        grid-template-columns: 1fr !important;
    }

    .section-three .steps-container {
        row-gap: 100px;
        padding-left: 40px;
    }

    .section-three .step {
        flex-direction: column;
        padding: 20px 70px 20px 50px;
        height: auto;
    }

    .section-three .step .step-content {
        padding-left: 0;
        margin-bottom: 75px;
    }

    .section-three .step svg:not(.step-number) {
        margin: auto;
        max-width: 70%;
        bottom: 0;
        transform: translateY(50%);
        position: absolute;
    }

    .section-three .step-number {
        transform: translate(-50%, -50%);
        height: 120px;
    }

    .section-four .promises {
        flex-direction: column;
    }

    .section-four .promise {
        width: 100%;
    }

    .section-five .related-content .left-side {
        max-width: 100%;
    }

    .section-five .related-content .faq-button {
        position: static;
        transform: none;
    }

    .section-five .related-content {
        flex-direction: column;
    }

    .section-five .related-content .faq-button {
        height: 110px;
        width: 110px;
    }

    .whatis-section .qualifications,
    .expandable-section .qualifications {
        flex-direction: column;
        row-gap: 20px;
    }

    .section-six .section-six-wrapper {
        flex-direction: column;
        row-gap: 20px;
    }

    .section-six .section-six-wrapper .accounting-col {
        width: 100%;
    }

    .letter-section .letter-container {
       padding-left: 0; 
    }

    .letter-section .step {
        padding-top: 100px;
        padding-left: var(--padding);
        margin-top: 70px;
    }

    .letter-section .step svg {
        left: 50%;
        top: 0;
    }

    .structure-section .structures {
        flex-direction: column;
        row-gap: 15px;
    }

    .structure-section .structures svg {
        width: 100%;
    }

    .section-eight .circle-diagram {
        grid-template-areas:
        'c'
        'a'
        'b'
        'd'
        'e'
        'f'
        'g';
    }

    .section-eight .diagram-content {
        transform: none;
        padding-bottom: 0;
    }

    .section-eight .c {
        padding: var(--padding);
    }

    .section-eight .c img {
        width: 100%;
    }

    .section-nine .middle-part .flex {
        width: 100%;
    }

    .whatis-section .whatis-wrapper > div:nth-child(2) {
        flex-wrap: wrap;
    }

    .whatis-section .whatis-wrapper > div:nth-child(2) p {
        width: 100%;
        flex: auto;
    }

    .whois-section .whois-wrapper > div {
        flex-direction: column-reverse;
        row-gap: 30px;
    }

    .whois-section .whois-wrapper .applications {
        max-width: 100%;
        overflow: auto;
    }

    .whois-section table {
        min-width: 600px;
    }

    #mw-voucher-modal .mw-h1 {
        font-size: 27px;
    }
}