main > .container {
    display: inline-flex;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    padding: 70px 345px 256px 345px;
    flex-direction: column;
    align-items: flex-start;
    gap: 43px;
}

@media (max-width: 1200px) {
    main > .container {
        padding: 50px 200px;
    }
}

@media (max-width: 992px) {
    main > .container {
        padding: 50px 120px !important;
    }
}

@media (max-width: 768px) {
    main > .container {
        padding: 50px 60px !important;
    }
}

@media (max-width: 560px) {
    main > .container {
        padding: 30px 20px !important;
    }
}

p {
    margin-bottom: 0 !important;
}

.welcome-blog {
    margin-top: 43px;
}

.welcome-blog > .title {
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
}

.welcome-blog > .subtitle {
    margin: 24px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.warning-blog {
    display: flex;
    border-radius: 10px;
    background: #F6F6F8;
    padding: 24px 16px;
    align-items: flex-start;
    gap: 12px;
}

.warning-blog > .warning-info > .title {
    color: #F5454A;
    font-size: 18px;
    font-weight: 500;
    line-height: 23.4px;
}

.warning-blog > .warning-info > .subtitle {
    margin-top: 12px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.process-blog {
    margin: 24px 0;
}

.process-blog > .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 23.4px;
}

.process-blog > .subtitle {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.form-blog {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
    display: flex;
    padding: 48px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
}

.form-blog > .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 23.4px;
}

.form-blog {
    width: 100%;
}

.form-blog > .form-group {
    margin-top: 24px;
    font-family: 'Roboto', sans-serif !important;
    font-style: normal;
    width: 100% !important;
}

.form-blog > .form-group > label {
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
}

.form-blog > .form-group > input {
    margin-top: 8px !important;
    display: flex !important;
    height: 48px !important;
    padding: 12px 16px !important;
    align-items: center !important;
    gap: 8px !important;
    align-self: stretch !important;
    border-radius: 10px !important;
    background: #F6F6F8 !important;
}

.form-blog > .form-group > .help-block {
    color: #F5454A;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
}

.form-blog > .form-group > textarea {
    margin-top: 8px;
    display: flex;
    height: 96px;
    padding: 14px 16px;
    gap: 8px;
    align-items: flex-start;
    align-self: stretch;
    background: #F6F6F8;
}

.form-blog > .form-group > .switch {
    margin-top: 24px;
    display: flex;
}

.con-switch {
    min-width: 70px;
    background: #EBEBF0;
    position: relative;
    height: 38px;
    border-radius: 25px;
    cursor: pointer;
    transition: all .25s ease;
}

.con-switch:active .circle {
    width: 50px;
}

.con-switch:active .switch-button:checked ~ .circle {
    left: 0px;
}

.has-success > .switch > .con-switch {
    background: #45110B;
}

.switch-button {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    opacity: 0;
    z-index: 100;
    cursor: pointer;
}

.switch-button:checked ~ .circle {
    left: 42px;
    opacity: 1;
}

.circle {
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 4px;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    background: #FFFFFF;
    z-index: 200;
    transition: all .25s ease;
}

@media (max-width: 1400px) {
    .switch-button:checked ~ .circle {
        left: 32px;
    }
}

@media (max-width: 1200px) {
    .con-switch {
        height: 38px;
    }
}

.form-blog > .form-group > .switch > .switch-text {
    margin-left: 16px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.8px;
}

.submit-blog > .submit-info {
    margin: 24px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.submit-blog > .submit-button > button {
    border: none !important;
    display: flex;
    padding: 19px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #EBEBF0;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
    color: #697077;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: 'SF Pro Text', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.submit-blog > .submit-button > button.allow {
    background: #45110B;
    color: #FFF;
}

.modal > .modal-dialog > .modal-content > .modal-body > .success-title {
    margin: 24px 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
}

.modal > .modal-dialog > .modal-content > .modal-body > .success-info {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.modal > .modal-dialog > .modal-content > .modal-body > .close-button {
    margin-top: 24px;
}

.modal > .modal-dialog > .modal-content > .modal-body > .close-button > button {
    border: none !important;
    display: flex;
    padding: 19px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #EBEBF0;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
    color: #697077;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: 'SF Pro Text', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
    gap: 43px;
}