/* Auto-extracted page-specific CSS */

/* Globe Wrapper Layout Override */
            .globeWrapper {
                display: flex !important;
                gap: 40px;
                margin: 65px auto 0;
                width: 100%;
            }
            .globeLeftContent, .globeRightContent {
                flex: 1;
            }
            .contentWrapper {
                position: relative;
            }
            .contentWrapper .nn {
                position: relative;
                left: 0;
                top: 0;
                height: auto;
                padding: 0;
                display: inline-block;
                font-size: 95px !important;
                font-weight: 600;
                color: #f07f3433 !important;
                line-height: 1;
            }
            .globeImage {
                width: 420px;
                align-content: center;
                align-items: center;
                height: 100%;
            }
            .contentWrapper.boxG3, .contentWrapper.boxG4 {
                text-align: right;
            }
            .contentWrapper.boxG1 {
                border-bottom: 2px solid #999;
                padding-bottom: 20px;
                margin-bottom: 0px;
            }
            .contentWrapper.boxG2 {
                border-top: 0px solid #999;
                padding-top: 0px;
                margin-top: 0px;
            }
            .contentWrapper.boxG3 {
                border-bottom: 2px solid #999;
                padding-bottom: 20px;
                margin-bottom: 0px;
            }
            .contentWrapper.boxG4 {
                border-top: 0px solid #999;
                padding-top: 0px;
                margin-top: 0px;
            }
            /* .contentWrapper.boxG1:hover:after {
                content: '';
                width: 103%;
                height: 80%;
                border-left: 5px solid #f07f344f;
                position: absolute;
                top: 212px;
                right: -103%;
                border-radius: 50146px;
                transform: rotate(49deg);
                z-index: 1;
            }
            .contentWrapper.boxG2:hover:after {
                content: '';
                width: 103%;
                height: 80%;
                border-left: 5px solid #ffbfbb;
                position: absolute;
                top: -127px;
                right: -103%;
                border-radius: 50146px;
                transform: rotate(-55deg);
                z-index: 1;
            }
            .contentWrapper.boxG3:hover:after {
                content: '';
                width: 103%;
                height: 80%;
                border-left: 5px solid #ffbfbb;
                position: absolute;
                bottom: -117px;
                left: -107%;
                border-radius: 50146px;
                transform: rotate(-233deg);
                z-index: 1;
            }
            .contentWrapper.boxG4:hover:after {
                content: '';
                width: 103%;
                height: 98%;
                border-left: 5px solid #ffbfbb;
                position: absolute;
                top: -135px;
                left: -100%;
                border-radius: 50146px;
                transform: rotate(228deg);
                z-index: 1;
            } */
            .contentWrapper.boxG1:before {
                content: '';
                height: 200px;
                position: absolute;
                top: 0;
                right: -62%;
                width: 2px;
                background: #999;
            }
            .contentWrapper.boxG2:before {
                content: '';
                height: 200px;
                position: absolute;
                bottom: 0;
                right: -62%;
                width: 2px;
                background: #999;
            }
            
            @media (max-width: 991px) {
                .globeWrapper {
                    flex-direction: column;
                    align-items: center;
                }
                .globeImage {
                    width: 100%;
                    max-width: 420px;
                    order: -1;
                    margin-bottom: 30px;
                }
                .contentWrapper.boxG1:before,
                .contentWrapper.boxG2:before,
                .contentWrapper.boxG1:hover:after,
                .contentWrapper.boxG2:hover:after,
                .contentWrapper.boxG3:hover:after,
                .contentWrapper.boxG4:hover:after {
                    display: none;
                }
                .contentWrapper.boxG3, .contentWrapper.boxG4 {
                    text-align: left;
                }
            }

.processTabContent .nav-link {
        color: #555 !important;
    }
    .processTabContent .nav-link.active {
        color: #f07f34 !important;
        font-weight: 700 !important;
    }
    .processTabContent .nav-link.active .howHwading,
    .processTabContent .nav-link.active::after {
        animation: activeBlink 1s ease infinite;
    }
   .processTabContent .nav-link.active::after {
        content: ""!important;
        width: 20px!important;
        height: 20px!important;
        position: absolute!important;
        transform: rotate(45deg)!important;
        z-index: -1!important;
        bottom: -17px!important;
        left: 0px!important;
        right: 0px!important;
        background: rgba(255, 255, 255, 0.72)!important;
        margin: 0px auto!important;
        border-bottom: 1px solid rgb(240, 127, 52)!important;
        border-right: 1px solid rgb(240, 127, 52)!important;
    }
    @keyframes activeBlink {
        0%, 100% { opacity: 1; }
        50% { opacity: 0.15; }
    }

@media (max-width: 767px) {

    .contentWrapper.boxG1, .contentWrapper.boxG2, .contentWrapper.boxG3, .contentWrapper.boxG4 {
        border: 1px solid #ccc;
        padding: 50px 20px 20px 20px;
        margin-bottom: 30px;
        border-radius: 8px;
    }
    .contentWrapper.boxG1 .nn, .contentWrapper.boxG2 .nn, .contentWrapper.boxG3 .nn, .contentWrapper.boxG4 .nn {
        position: absolute;
        left: -24px;
        top: -30px;
        height: auto;
        padding: 0;
        display: inline-block;
        font-size: 95px !important;
        font-weight: 600;
        color: #f07f3433 !important;
        line-height: 1;
    }

}

