            .hover_actions:hover{border: 2px solid #1b3b6f;}
            .visa-page-content-area {
                max-width: 1075px !important
            }

            .steps-process {
                margin: 0 auto 60px;
                font-size: 12px;
                line-height: 1.2;
                font-weight: 300;
                box-shadow: -1px 0 25px #0000001a;
                position: relative;
                left: auto;
                top: auto;
                width: 90%;
                transform: none;
                background: #fff;
                border-radius: 1rem
            }

            .steps-process .inner-info {
                padding: 15px 69px 27px
            }

            .steps-process .h3 {
                text-align: center;
                display: block;
                margin-bottom: 25px;
                font-weight: 400;
                color: #231f20;
                text-transform: uppercase;
                font-size: 21px;
                line-height: 1.2
            }

            .steps-process .row-items {
                flex-direction: row
            }

            .steps-process .col {
                display: flex;
                flex-wrap: wrap;
                align-items: center
            }

            .steps-process .text-col {
                width: calc(100% - 66px);
                padding-left: 15px
            }

            .steps-process .h4 {
                font-weight: 500;
                font-size: 21px;
                text-transform: capitalize;
                margin-bottom: 5px;
                color: #000;
                position: relative;
                padding-bottom: 10px;
                display: block
            }

            .steps-process .h4:after {
                background: #fcdc04;
                width: 50px
            }

            .steps {
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
                counter-reset: steps;
                overflow: hidden;
                list-style: none;
                padding: 0;
                margin: 0 0 2em;
                display: flex;
                justify-content: space-between;
                background: #aaa;
            }

            .steps__item {
                counter-increment: steps;
                background: #1b3b6f;
                float: left;
                position: relative;
                white-space: nowrap;
                padding-right: 12px;
                box-sizing: border-box;
            }

            .steps__item--active {
                background: #1b3b6f !important
            }

            .steps__link {
                transition: .25s ease-out;
                color: #fff;
                display: block;
                text-align: center;
                text-decoration: none;
                padding: 1.3em 0;
                position: relative;
                z-index: 4;
                padding-left: 20px;
                padding-right: 35px;
            }

            .steps__item:first-child:nth-last-child(3),
            .steps__item:first-child:nth-last-child(3)~.steps__item {
                width: 33.3333333333%
            }

            .steps__link:before {
                width: 1.5em;
                height: 1.5em;
                display: inline-block;
                content: counter(steps);
                text-align: center;
                background: #fff;
                border-radius: 50%;
                color: #1b3b6f;
                margin: 0 1em;
                line-height: 1.5em;
                display: none;
            }

            .steps__item:after {
                width: 2.6143032403em;
                height: 2.6143032403em;
                position: absolute;
                top: .4949747468em;
                left: 100%;
                transform: rotate(45deg);
                content: "";
                z-index: 2;
                background: inherit;
                border-right: 1px solid #ccc;
                border-top: 1px solid #ccc;
                margin-left: -1.3071516202em
            }

            .steps__item[disabled] {
                background: #aaa;
                cursor: not-allowed
            }

            .step_title {
                color: #fff
            }

            .step_image {
                position: relative;
                right: 0
            }

            .step_text {
                position: relative;
                top: 0;
                font-size: 25px;
                text-align: left;
                font-weight: 700;
                color: #fff
            }

            .step1_subtext {
                position: relative;
                top: -10px;
                text-align: left;
                font-size: 15px;
                text-decoration: underline;
                color: #fff
            }

            .step2_subtext {
                position: relative;
                top: -10px;
                text-align: left;
                font-size: 15px;
                color: #fff
            }

            .step1_subtext>a {
                text-decoration: underline;
                color: #fff
            }

            .steps__link:nth-of-type(1):before {
                margin-left: 0;
                margin-right: 10px
            }

            @media screen and (max-width: 1110px) {
                .steps__item {
                    padding-right: 0
                }

                .steps__link {
                    padding-right: 0
                }

                .steps-process {
                    margin: 0 auto;
                    font-size: 12px;
                    line-height: 1.2;
                    font-weight: 300;
                    box-shadow: none;
                    width: 100%
                }

                .steps__link:nth-of-type(1):before {
                    margin-left: 10px;
                    margin-right: 10px
                }

                .steps {
                    flex-direction: column;
                }

                .steps-process .inner-info {
                    padding: 0
                }

                .steps-process .col {
                    margin-bottom: 30px
                }

                .steps-process .row-items {
                    flex-direction: column
                }

                .steps__item {
                    width: 100% !important;

                    border-bottom: none
                }

                .steps__item:after {
                    content: none
                }

                .steps__link {
                    line-height: 25px
                }

                .steps__link:before {
                    float: left;
                    margin-right: 0
                }

                .steps__link {
                    padding-left: 0;
                }

            }

            @media screen and (max-width: 500px) {
                .displat_none_xx {
                    display: none;
                }
                .steps__link{text-align:left; padding-left:15px; font-size:19px}
                .flex_pop.flex_pop2 .pho-apps:nth-of-type(2) .popup-btn{font-size:19px}
            }