.page_header_section {
    padding: 70px 0;
    position: relative;
    display: flex;
    align-items: center;
    flex-align: center;
    background-color: var(--ma-body-bg);
    background-image: url('../../images/index/Self-Service-Kiosk-Bg.webp');
    background-size: cover;
    background-position: center;
}

    .page_header_section:before {
        position: absolute;
        content: " ";
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: var(--ma-type-primary);
        opacity: 0.8;
    }

    .page_header_section .container {
        position: relative;
        z-index: 100;
    }

    .page_header_section h1 {
        color: var(--ma-grey20);
        font-size: var(--ma-page-title);
        margin-bottom: 10px;
    }

    .page_header_section p {
        color: var(--ma-white);
        font-size: var(--ma-body-text);
        width: 100%;
        margin-bottom: 10px;
    }
/*-------------------------------------------------------------------*/
.breadcrumb {
    background-color: transparent;
    margin: 0;
    padding: 0;
}

    .breadcrumb li {
        margin-right: 10px;
        font-size: var(--ma-body-text);
        color: #fff;
    }

        .breadcrumb li a, .breadcrumb li a:active, .breadcrumb li a:focus, .breadcrumb li a:hover, .breadcrumb li span, .breadcrumb li strong {
            color: var(--ma-grey20);
        }
/*-------------------------------------------------------------------*/
.blog_section {
    background-color: var(--ma-grey10);
    padding: 70px 0px;
}

.blog_post_head {
    margin-bottom: 20px;
}

.blog_post_title {
    color: var(--ma-type-primary);
    font-size: var(--ma-page-title);
    margin-bottom: 0px;
    font-weight: 700;
}
/*------*/
.blog_section p.blog_post_details {
    color: var(--ma-type-secondary);
    font-size: var(--ma-body-text);
    width: 100%;
    margin-bottom: 0px;
    padding-left: 0px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
}

    .blog_section p.blog_post_details span {
        display: inline-block;
        margin: 0px 10px;
    }

    .blog_section p.blog_post_details strong {
        display: inline-block;
        margin: 0px 10px;
    }
/*------*/
.post_image {
    display: block;
    margin-bottom: 20px;
}

    .post_image img {
        border-radius: 10px;
    }
/*------*/
.post_contain h1 {
    color: var(--ma-type-primary);
    font-size: var(--ma-page-title);
    margin-bottom: 20px;
}

.post_contain h2 {
    color: var(--ma-type-secondary);
    font-size: var(--ma-page-title);
    margin-bottom: 20px;
}

.post_contain h3 {
    color: var(--ma-type-secondary);
    font-size: var(--ma-header);
    width: 100%;
    margin-bottom: 10px;
}

.post_contain p {
    color: var(--ma-type-secondary);
    font-size: var(--ma-body-text);
    width: 100%;
    margin-bottom: 10px;
}

.post_contain img {
    border-radius: 10px;
}

.post_contain a.post_kayword {
    color: var(--ma-type-secondprimary);
    font-size: var(--ma-body-text);
    font-weight: 700;
}

    .post_contain a.post_kayword:active, .post_contain a.post_kayword:focus, .post_contain a.post_kayword:hover {
        color: var(--ma-type-secondprimary);
        font-size: var(--ma-body-text);
        text-decoration: underline;
        outline: 0;
    }

.post_contain p.list_point {
    padding-left: 20px;
    position: relative;
    margin-bottom: 5px;
}

    .post_contain p.list_point:before {
        content: "";
        position: absolute;
        left: 0;
        top: 7px;
        height: 7px;
        width: 7px;
        background-color: var(--ma-type-secondary);
        border-radius: 100%;
    }

.post_contain p.img_list {
    position: relative;
    padding-left: 80px;
}

    .post_contain p.img_list img {
        position: absolute;
        left: 0;
        top: 0;
        width: 60px;
    }
/*------*/
.lets_connect_box {
    position: relative;
    height: auto;
    background-image: url('../../images/blog/lets-connect.webp');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px;
    border-radius: 10px;
    overflow: hidden;
}

    .lets_connect_box:before {
        content: "";
        background-color: #123c89;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        opacity: 0.8;
        z-index: 0;
    }

    .lets_connect_box .row {
        position: relative;
        z-index: 1;
    }

.lets_connect_contain h4 {
    color: var(--ma-white);
    font-size: var(--ma-page-title);
    margin-bottom: 20px;
}

.lets_connect_img {
    text-align: center;
}

    .lets_connect_img img {
        max-height: 200px;
    }

.btn_lets_connect {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 7px 20px;
    display: inline-block;
    font-size: 15px;
    border-radius: 10px;
}

    .btn_lets_connect:hover, .btn_lets_connect:focus, .btn_lets_connect:active {
        background-color: #fff;
        color: #123c89;
    }
/*----------------------------------------------------------------------*/
.right_links h2, .right_links h2 a, .right_links h2 a:active, .right_links h2 a:focus, .right_links h2 a:hover {
    color: var(--ma-type-primary);
}

.right_links {
    background-color: #eee;
    padding: 20px;
    border-radius: 10px;
}

    .right_links h2 {
        font-size: var(--ma-page-title);
        margin-bottom: 10px;
    }

    .right_links a {
        display: block;
        color: var(--ma-type-secondary);
        width: 100%;
        margin-bottom: 5px;
    }

        .right_links a:active, .right_links a:focus, .right_links a:hover {
            color: var(--ma-type-secondary);
            text-decoration: underline;
        }

    .right_links p.list_point {
        padding-left: 20px;
        position: relative;
        margin-bottom: 5px;
    }

        .right_links p.list_point:before {
            content: "";
            position: absolute;
            left: 0;
            top: 9px;
            height: 2px;
            width: 7px;
            background-color: var(--ma-type-secondary);
        }
/*----------------------------------------------------------------------*/
.link-redirect {
    text-decoration: none;
    color: var(--ma-type-secondprimary);
    font-size: 15px;
}
    .link-redirect:hover, .link-redirect:active, .link-redirect:focus {
        text-decoration: underline;
        color: var(--ma-type-secondprimary);
        font-size: 15px;
    }