/*
.process5 .step-vert-left:after{
    content: "";
    width: 23px;
    height: 23px;
    background: #caced6 !important;
    border-radius: 50%;
    position: absolute;
    top: 53px;
    right: -12px;
}
.process5 .step-vert-left{
    padding: 30px 35px;
    border-right-width: 1px;
    border-right-color: #caced6 !important;
    text-align: right;
}
.process5 .step-vert-right{
    padding: 30px 35px;
    border-left-width: 1px;
    border-left-color: #caced6 !important;
    position: relative;
    
}
.process5 .step-vert-right:after{
    content: "";
    width: 23px;
    height: 23px;
    background: #caced6 !important;
    border-radius: 50%;
    position: absolute;
    top: 53px;
    left: -12px;
}

    .process6 .step-vert-left:after{
                content: "";
                width: 23px;
                height: 23px;
                background: #226dad !important;
                border-radius: 50%;
                position: absolute;
                top: 53px;
                right: -12px;
        }
    .process6 .step-vert-left{
        padding: 30px 35px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #226dad !important;
        text-align: right;
    }
    .process6 .step-vert-right{
        padding: 30px 35px;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #226dad !important;
        position: relative;
        
    }
    .process6 .step-vert-right:after{
        content: "";
        width: 23px;
        height: 23px;
        background: #226dad !important;
        border-radius: 50%;
        position: absolute;
        top: 53px;
        left: -12px;
    }

    .process7 .step-vert-left:after{
                content: "";
                width: 23px;
                height: 23px;
                background: #f0ad4e !important;
                border-radius: 50%;
                position: absolute;
                top: 53px;
                right: -12px;
        }
    .process7 .step-vert-left{
        padding: 30px 35px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #f0ad4e !important;
        text-align: right;
    }
    .process7 .step-vert-right{
        padding: 30px 35px;
        border-left-width: 1px;
        border-left-color: #f0ad4e !important;
        position: relative;
        border-left-style: solid;
        
    }
    .process7 .step-vert-right:after{
        content: "";
        width: 23px;
        height: 23px;
        background: #f0ad4e !important;
        border-radius: 50%;
        position: absolute;
        top: 53px;
        left: -12px;
    }

        .process8 .step-hor:after {
            content: "";
            width: 24px;
            height: 24px;
            background: #fff;
            border: 2px solid #caced6;
            border-radius: 50%;
            position: absolute;
            top: -13px;
            left: 15px;
        }
        .process8 .step-hor {
            padding: 30px 20px 20px;
            border-top-width: 2px;
            border-top-style: solid;
            border-top-color: #caced6;
        }

        .process9 .step-hor:after {
            content: "";
            width: 24px;
            height: 24px;
            background: #fff;
            border: 2px solid #caced6;
            border-radius: 50%;
            position: absolute;
            top: -13px;
            left: 15px;
        }
        .process9 .step-hor {
            padding: 30px 20px 20px;
            border-top-width: 2px;
            border-top-style: solid;
            border-top-color: #caced6;
        }
        .process10 .step-hor:after {
            content: "";
            width: 24px;
            height: 24px;
            background: #fff;
            border: 2px solid #226dad;
            border-radius: 50%;
            position: absolute;
            top: -13px;
            left: 15px;
        }
        .process10 .step-hor {
            padding: 30px 20px 20px;
            border-top-width: 2px;
            border-top-style: solid;
            border-top-color: #226dad;
        }

        .process12 .step-vert-left2 {
            padding: 30px 35px;
            border-right-style: solid;
            border-right-width: 1px;
            border-right-color: #caced6;
            text-align: right;
        }
        .process12 .step-vert-left2 .stepHeader {
            border: 1px solid #caced6;
            text-align: center;
            padding: 15px 20px;
            background: #fff;
            border-radius: 4px;
            float: right;
            position: relative;
        }

        .process12 .step-vert-right2 .stepHeader {
            border: 1px solid #caced6;
            text-align: center;
            padding: 15px 20px;
            background: #fff;
            border-radius: 4px;
            float: left;
            position: relative;
        }
        .process12 .step-vert-right2 {
            padding: 30px 35px;
            border-left-style: solid;
            border-left-width: 1px;
            border-left-color: #caced6;
            position: relative;
            left: -1px;
        }
        .process12 .step-vert-right2 .stepHeader:after {
            content: "";
            position: absolute;
            top: 49.5%;
            left: -37px;
            width: 37px;
            height: 1px;
            border-top: 1px solid #caced6;
        }
        .process12 .step-vert-left2 .stepHeader:after {
            content: "";
            position: absolute;
            top: 49.5%;
            right: -37px;
            width: 37px;
            height: 1px;
            border-top: 1px solid #caced6;
        }
        .process12 div:after, div:before {
            display: table;
            content: "";
        }
        .process12 div:after {
            clear: both;
        }
        */
.seperator-xs {
    /*display: none;*/
}
.process37 .iconDivMob {
    padding-left: 20px;
}
@media (max-width:767px){
    .process5 .seperator {
        left: 5px !important;
    }
    .process5 .step-vert-left .dotsBullets,
    .process5 .step-vert-right .dotsBullets {
        left: 7px !important;
        right: auto !important;
    }
    .process5 .step-vert-left, 
    .process5 .step-vert-right {
        padding-left: 40px !important;
        text-align: left !important;
    }
    .process6 .seperator {
        left: 5px !important;
    }
    .process6 .step-vert-left .dotsBullets,
    .process6 .step-vert-right .dotsBullets {
        left: 7px !important;
        right: auto !important;
    }
    .process6 .step-vert-left, 
    .process6 .step-vert-right {
        padding-left: 40px !important;
        text-align: left !important;
    }
    .process7 .seperator {
        left: 5px !important;
    }
    .process7 .step-vert-left .dotsBullets,
    .process7 .step-vert-right .dotsBullets {
        left: 7px !important;
        right: auto !important;
    }
    .process7 .step-vert-left, 
    .process7 .step-vert-right {
        padding-left: 40px !important;
        text-align: left !important;
    }
    .process8 .dotsBullets,
    .process9 .dotsBullets,
    .process10 .dotsBullets,
    .process11 .dotsBullets {
        left: 25px !important;
    }
}

@media (min-width:768px) and (max-width:992px){
    .process31 .processDiv .titleSection {
        max-width: 130px !important;
    }
    .process31 .processItembg {
        max-width: 500px;
        height: auto;
        margin:  auto;
    }
    .process31 .processDiv .titleDiv {
        transform: translate(-50%, calc(-50% - 25px));
        padding: 10px;
    }
    .process31 .detailsSection .processItem.processItem1 {
        transform: rotate(252deg) translate(0,-180px) rotate(-252deg) translate(-50%,-50%) !important;
        width: 45px;
        height: 45px;
    }
    .process31 .detailsSection .processItem.processItem2 {
        transform: rotate(218deg) translate(0,-180px) rotate(-218deg) translate(-50%,-50%) !important;
        width: 45px;
        height: 45px;
    }
    .process31 .detailsSection .processItem.processItem3 {
        transform: rotate(180deg) translate(0,-180px) rotate(-180deg) translate(-50%,-50%) !important;
        width: 45px;
        height: 45px;
    }
    .process31 .detailsSection .processItem.processItem4 {
        transform: rotate(142deg) translate(0,-180px) rotate(-142deg) translate(-50%,-50%) !important;
        width: 45px;
        height: 45px;
    }
    .process31 .detailsSection .processItem.processItem5 {
        transform: rotate(106deg) translate(0,-180px) rotate(-106deg) translate(-50%,-50%) !important;
        width: 45px;
        height: 45px;
    }
    .process31 .contentSection  .processItem.processItem1 {
        transform: rotate(245deg) translate(0,-350px) rotate(-245deg) translate(-50%,-50%) !important;
        width: 15%
    }
    .process31 .contentSection  .processItem.processItem2 {
        transform: rotate(210deg) translate(0,-380px) rotate(-210deg) translate(-50%,-50%) !important;
        max-width: 15% !important;
    }
    .process31 .contentSection  .processItem.processItem3 {
        transform: rotate(180deg) translate(0,-380px) rotate(-180deg) translate(-50%,-50%) !important;
        max-width: 25% !important;
    }
    .process31 .contentSection  .processItem.processItem4 {
        transform: rotate(150deg) translate(0,-380px) rotate(-150deg) translate(-50%,-50%) !important;
        max-width: 15% !important;
    }
    .process31 .contentSection  .processItem.processItem5 {
        transform: rotate(115deg) translate(0,-350px) rotate(-115deg) translate(-50%,-50%) !important;
        max-width: 15% !important;
    }
    .process31 .processItem4 .cntSeperator {
        border-top: 0 !important;
        width: 2px !important;
        transform: skew(0deg, 0deg) !important;
        left: -15px !important;
    }
    .process31 .processItem2 .cntSeperator {
        border-top: none !important;
        transform: skew(0deg, 0deg) !important;
        width: 2px !important;
        right: -15px !important;
    }
    .process30 .stepHeader {
        font-size: 16px;
    }
    .process30 .step-hor2 .stepContent {
        padding: 10px 20px 25px 30px !important;
        left: 0 !important;
    }
    .process30 .stepsCol {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .process30 .stepContent {
        padding: 10px 20px 25px 30px !important;
        left: 0 !important;
    }
    .process30 .triShape .triImage {
        right: 8px !important;
    }
    .process32 .detailsSection .processItem .iconSection {
        width: 45px;
        height: 45px;
    }
    .process32 .detailsSection .processItem1 {
        transform: rotate(-72deg) translate(0,-290px) rotate(72deg) translate(-50%,-50%) !important;
    }
    .process32 .detailsSection .processItem2 {
        transform: rotate(-38deg) translate(0,-260px) rotate(38deg) translate(-50%,-50%) !important;
    }
    .process32 .detailsSection .processItem3 {
        transform: rotate(-0deg) translate(0,-250px) rotate(0deg) translate(-50%,-50%) !important;
    }
    .process32 .detailsSection .processItem4 {
        transform: rotate(38deg) translate(0,-260px) rotate(-38deg) translate(-50%,-50%) !important;
    }
    .process32 .detailsSection .processItem5 {
        transform: rotate(72deg) translate(0,-290px) rotate(-72deg) translate(-50%,-50%) !important;
    }
    .process32 .contentSection .processItem1 {
        transform: rotate(30deg) translate(-365px,-70px) rotate(-30deg) translate(-50%,-50%) !important;
    }
    .process32 .contentSection .processItem2 {
        transform: rotate(60deg) translate(-395px,-40px) rotate(-60deg) translate(-50%,-50%) !important;
    }
    .process32 .contentSection .processItem3 {
        transform: rotate(90deg) translate(-400px,0px) rotate(-90deg) translate(-50%,-50%) !important;
    }
    .process32 .contentSection .processItem4 {
        transform: rotate(110deg) translate(-395px,-40px) rotate(-110deg) translate(-50%,-50%) !important;
    }
    .process32 .contentSection .processItem5 {
        transform: rotate(150deg) translate(-375px,60px) rotate(-150deg) translate(-50%,-50%) !important;
    }
    .process34 {
        background-position: left center !important;
        padding: 100px 0 !important;
    }
    .process35 {
        background-position: left center !important;
        padding: 100px 0 !important;
    }
    .process36 .stepsCol {
        padding-left: 5px !important;
        padding-right: 5px !important;
        width: 20% !important;
        max-width: 20% !important; 
        margin-bottom: 15px;
    }
    .process38 .detailsSection .processItem5 {
        transform: rotate(95deg) translate(0,-170px) rotate(-95deg) translate(-50%,-50%) !important;
    }
    .process38 .detailsSection .processItem1 {
        transform: rotate(265deg) translate(0,-170px) rotate(-265deg) translate(-50%,-50%) !important;
    }
    .process38 .detailsSection .processItem2 {
        transform: rotate(210deg) translate(0,-170px) rotate(-210deg) translate(-50%,-50%) !important;
    }
    .process38 .detailsSection .processItem4 {
        transform: rotate(150deg) translate(0,-170px) rotate(-150deg) translate(-50%,-50%) !important;
    }
    .process38 .detailsSection .processItem .iconSection {
        width: 150px !important;
    }
    .process38 .contentSection .processItem5 {
        transform: rotate(105deg) translate(0,-320px) rotate(-105deg) translate(-50%,-50%) !important;
    }
    .process38 .contentSection .processItem1 {
        transform: rotate(245deg) translate(0,-320px) rotate(-245deg) translate(-50%,-50%) !important;
    }
    .process38 .contentSection .processItem2 {
        transform: rotate(205deg) translate(0,-320px) rotate(-205deg) translate(-50%,-50%) !important;
    }
    .process38 .contentSection .processItem4 {
        transform: rotate(150deg) translate(0,-320px) rotate(-150deg) translate(-50%,-50%) !important;
    }
}
@media (max-width:767px){
    .process30 .stepsCol {
        padding-left: 35px !important;
        padding-right: 35px !important;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .process30 .triShape .triImage {
        right: 28px !important;
    }
    .process30 .stepContent {
        left: 8px !important;
    }
    .process30 .seperator-xs {
        width: 80% !important;
        margin: auto !important;
        border: none !important;
    }
    .process31 .processItembg {
        display: none;
    }
    .process31 .contentSection {
        position: relative !important;
        display: block;
        height: 100% !important;
    }
    .process31 .contentSection .processItem {
        position: static !important;
        display: block;
        transform: none !important;
        max-width: initial !important;
        text-align: left !important;
    }
    .process31 .titleSection {
        position: relative !important;
        top: 0 !important;
        bottom: 0 !important;
        transform: none !important;
    }
    .process31 .titleDiv {
        transform: translate(-50%, calc(-50% - 30px)) !important;
    }
    .process31 .contentSection .cntSeperator {
        display: none;
    }
    .process31 .detailsSection {
        display: none;
    }
    .process31 {
        padding-bottom: 50px !important;
        padding-top: 50px !important;
    }
    .process31 .iconDivMob {
        display: block !important;
        width: 62px;
        height: 62px;
        padding: 10px;
        background: #ffffff;
        border-radius: 50%;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
        box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
        margin-top: 5px;
    }
    .process31 .contentSection .processItem {
        display: flex !important;
        flex-direction: row;
        margin-bottom: 15px;
    }
    .process31 .contentSection .contentDiv {
        width: calc(100% - 70px);
        margin-left: auto;
    }
    .process32 .processItembg {
        display: none;
    }
    .process32 .contentSection {
        position: static !important;
        display: block;
        height: 100% !important;
    }
    .process32 .contentSection .processItem {
        position: static !important;
        display: block;
        transform: none !important;
        max-width: initial !important;
        text-align: left !important;
    }
    .process32 .titleSection {
        position: static !important;
        top: 0 !important;
        bottom: 0 !important;
        transform: none !important;
        margin: auto auto 25px auto !important;
    }
    .process32 .titleDiv {
        transform: none !important;
        position: static !important;
    }
    .process32 .contentSection .cntSeperator {
        display: none;
    }
    .process32 .detailsSection {
        display: none;
    }
    .process32 {
        padding-bottom: 50px !important;
        padding-top: 50px !important;
    }
    .process32 .iconDivMob {
        display: block !important;
        width: 75px;
        height: 75px;
        padding: 12px;
        border-radius: 50%;
        -webkit-box-shadow: 0px 0px 0px 5px rgb(0 0 0 / 35%);
        -moz-box-shadow: 0px 0px 0px 5px rgb(0 0 0 / 35%);
        box-shadow: 0px 0px 0px 5px rgb(0 0 0 / 35%);
        margin-top: 5px;
    }
    .process32 .contentSection .processItem {
        display: flex !important;
        flex-direction: row;
        margin-bottom: 15px;
        width: 100%;
    }
    .process32 .contentSection .contentDiv {
        width: calc(100% - 100px);
        margin-left: auto;
    }
    .process32 .contentSection .processItem1 .iconDivMob {
        background-image: linear-gradient(#fa8c37, #fa8c37);
        border: 8px solid #ffa846;
        -webkit-box-shadow: 0px 0px 0px 5px #ffd3a2;
        -moz-box-shadow: 0px 0px 0px 5px #ffd3a2;
        box-shadow: 0px 0px 0px 5px #ffd3a2;
    }
    .process32 .contentSection .processItem2 .iconDivMob {
        background-image: linear-gradient(#1ca4d6, #1ca4d6);
        border: 8px solid #3eb9e5;
        -webkit-box-shadow: 0px 0px 0px 5px #9fdbf3;
        -moz-box-shadow: 0px 0px 0px 5px #9fdbf3;
        box-shadow: 0px 0px 0px 5px #9fdbf3;
    }
    .process32 .contentSection .processItem3 .iconDivMob {
        background-image: linear-gradient(#e74078, #e74078);
        border: 8px solid #f76896;
        -webkit-box-shadow: 0px 0px 0px 5px #fcb4cc;
        -moz-box-shadow: 0px 0px 0px 5px #fcb4cc;
        box-shadow: 0px 0px 0px 5px #fcb4cc;
    }
    .process32 .contentSection .processItem4 .iconDivMob {
        background-image: linear-gradient(#c04a9e, #c04a9e);
        border: 8px solid #d761b5;
        -webkit-box-shadow: 0px 0px 0px 5px #eab0d9;
        -moz-box-shadow: 0px 0px 0px 5px #eab0d9;
        box-shadow: 0px 0px 0px 5px #eab0d9;
    }
    .process32 .contentSection .processItem5 .iconDivMob {
        background-image: linear-gradient(#00b7bd, #00b7bd);
        border: 8px solid #21d8de;
        -webkit-box-shadow: 0px 0px 0px 5px #91ecef;
        -moz-box-shadow: 0px 0px 0px 5px #91ecef;
        box-shadow: 0px 0px 0px 5px #91ecef;
    }
    .process34 {
        background-size: cover !important;
        padding: 50px 0 !important;
        background-position: center center !important;
    }
    .process34 .heading h1 {
        font-size: 40px !important;
    }
    .process34 .heading {
        padding: 0 !important;
    }
    .process35 {
        background-size: cover !important;
        padding: 50px 0 !important;
        background-position: center center !important;
    }
    .process35 .heading h1 {
        font-size: 40px !important;
    }
    .process35 .heading {
        padding: 0 !important;
    }
    .process35 .colRight .row {flex-direction: column-reverse;}

    .process36 .stepsCol {
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 50%;
        max-width: 50%; 
        margin-bottom: 15px;
    }
    .process38 .titleSection {
        max-width: 100% !important;
    }
    .process38 .detailsSection {
        display: none;
    }
    .process38 .detailsSection .processItem {
        position: static !important;
        transform: none !important;
    }
    .process38 .contentSection {
        position: static !important;
        height: initial !important;
    }
    .process38 .contentSection .processItem {
        position: static !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        display: flex;
        align-items: center;
    }
    .process38 .dsDivider {
        display: none;
    }
    .process38 .contentSection .processItem .iconDivMob{
        display: block !important;
        width: 40%;
    }
    .process38 .titleSection {
        position: static !important;
    }
    .process38 .contentSection .processItem .contentDiv {
        width: 60%;
        text-align: left !important;
    }
    .process38 {
        padding: 50px 15px !important;
        height: auto !important;
    }
    .process39 .step-vert-right-mob {
        background-image: linear-gradient(rgba(237,211,183,0.5),rgba(237,211,183,0.5)) !important;
        padding: 40px 20px 20px !important;
    }
    .process37 .contentSection {
        display: block !important;
        width: 100% !important;
    }
    .process37 .processItembg .bgDiv {
        display: none;
    }
    .process37 .processItembg .bgMob {
        display: block !important;
    }
    .process37 {
        padding: 50px 0 !important;
    }
    .process37 .contentSection .processItem {
        transform: none !important;
        width: 50% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
        display: block;
        height: 100% !important;
        overflow: visible;
        position: absolute;
    }
    .process37 .contentSection .processItem1 {
        right: 0;
        top: 0;
    }
    .process37 .contentSection .processItem2 {
        left: 0;top: 160px;
    }
    .process37 .contentSection .processItem3 {
        right: 0;top: 310px;
    }
    .process37 .contentSection .processItem4 {
        left: 0;top: 450px;
    }
    .process37 .processMob .step {
        font-size: 12px !important;
        line-height: 15px;}
    .process37 .processMob .num {
        font-size: 18px !important;
        line-height: 24px;
    }
    .process37 .processMob .iconDivMob img {
        width: 25px;
        height: 25px;
    }
    .process37 .contentSection .processItem .contentDiv h6 {
        font-size: 14px;
        margin-bottom: 0;
    }
    .process37 .contentSection .processItem .contentDiv p {
        font-size: 10px !important;
    }
}