/*body, html {
    height: 100%;
    width: 100%;
    overflow: hidden;
}*/

/*form {
    height: 100%;
}*/

.centerimage {
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: 100% 100%;
    height: 100%;
}

.full-div {
    /*background-image: url('../../../Images/shape.png');*/
    width: 27%;
    height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left;
    background-size: 25.7% 100%;
    margin-left: 8%;
    margin-top: -4%;
}


.social-icon {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
}

.social_column1 img {
    width: 67%;
    /* height: 100%; */
}

social-icon .social_column1 img:hover {
   box-shadow: 0 0.222vw 0.741vw #adadad;
}

.social-icon .social_column1 {
    /* margin-right: 23px; */
    width: 100%;
}

.logo-default {
    display: block;
    outline: none;
    width: 63% !important;
    margin-left: 19%;
    position: relative;
    margin-top: 2%;
}

.bottombg1 img {
    width: 58%;
    margin-left: 19%;
    margin-top: 5%;
    /* position: fixed; */
}

.btn.btn-primary {
    font-size: 1.85vw !important;
    color: #fff;
    text-transform: uppercase !important;
    background-color: #3BAFDA;
    border-color: #3BAFDA;
    padding: 0.7rem 0.5rem 0.7rem 0.5rem;
    width: 87% !important;
    display: block;
    margin-left: 19%;
    width: 60% !important;
    margin-top: 5%;
    border-radius: 0.741vw;
}

    .btn.btn-primary:hover {
        box-shadow: -0.074vw 0.296vw 0.889vw #9E9E9E;
    }

.mt29 {
    /* margin-top: 29%; */
}



.pTop2 {
    padding-top: 0.148vw;
}

.follow {
    position: relative;
    margin-left: 19%;
    width: 60% !important;
    margin-top: 5%;
}

.mt35 {
    margin-top: 35%;
}

.mt10 {
    margin-top: 10%;
}

.mt30 {
    margin-top: 9%;
}

@media only screen and (min-width : 1824px) {
    .mt35 {
        margin-top: 45%;
    }

    .mt10 {
        margin-top: 10%;
    }

    .mt30 {
        margin-top: 16%;
    }

    .btn.btn-primary {
        padding: 0.9rem 0.5rem 0.9rem 0.5rem;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .mt35 {
        margin-top: 38%;
    }

    .mt10 {
        margin-top: 10%;
    }

    .mt30 {
        margin-top: 21%;
    }

    .centerimage {
        background-size: cover;
    }

    .full-div {
        width: 35%;
        background-size: 35.7% 100%;
    }
}

* {
    box-sizing: border-box;
}


body {
    font-family: 'Poppins';
    margin: 0;
    padding: 0;
    /*background-image: url('/ContentTemplates/Brand/bg_login.png');*/
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    height: 100vh;
}

.center {
    text-align: center;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

.maincontainer {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #fff;
    border-radius: 2.222vw;
    padding: 1vw 0;
    min-width: 90vw;
}

.bothsidebox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 85vh;
    /*align-items: center;*/
    overflow:hidden;
}
.leftparent, .rigthparent{
    display:flex;
    align-items:center;
}

.leftcard {
    /*border-right: 0.148vw solid #d3d3d3;*/
    width: 39vw;
    padding: 1.352vw 4.815vw;
}

    .leftcard .cardinside {
        display: flex;
        justify-content: center;
        outline: none;
    }

        .leftcard .cardinside .card_a {
            display: flex;
            outline: none;
        }

.cardinside .cardinsideimg {
    width: 18.519vw;
}

.btn {
    margin: 2.222vw 0;
    justify-content: center;
    display: flex;
}


.leftcard .leftbtn {
    font-size: 1.778vw;
    background-color: #00bcd4;
    color: white;
    border-radius: 0.741vw;
    padding: 0.593vw 0.593vw 0.593vw 4.074vw;
    border: none;
    display: flex;
    align-items: center;
    font-weight: 600;
    outline: none;
    cursor: pointer;
}

    .leftcard .leftbtn:hover {
        box-shadow: -0.074vw 0.296vw 0.889vw #9E9E9E;
    }

    .leftcard .leftbtn .btnimage {
        margin-left: 2.222vw;
        background: white;
        padding: 0.37vw;
        border-radius: 0.593vw;
        height: 2.519vw;
        width: 2.593vw;
    }

.text {
    font-family: sans-serif;
    margin: 0 auto;
    color: #333333;
    text-align: center;
    font-size: 1.6vw;
    max-width: 17.037vw;
    position: relative;
    font-weight: 600;
}

    .text:before {
        content: "";
        display: block;
        width: 2.222vw;
        height: 0.37vw;
        background: #d3d3d3;
        left: 0;
        top: 50%;
        position: absolute;
    }

    .text:after {
        content: "";
        display: block;
        width: 2.222vw;
        height: 0.37vw;
        background: #d3d3d3;
        right: 0;
        top: 50%;
        position: absolute;
    }

.icons {
    margin: 1.852vw 0;
    display: flex;
    justify-content: space-evenly;
}

    .icons .circular {
        height: 4.444vw;
        width: 4.444vw;
        background-color: #f2f2f2;
        border-radius: 3.704vw;
    }

.iconprop {
    height: 2.222vw;
    margin-top: 1.111vw;
}

.ownership p {
    font-size: 1.5vw;
    font-weight: 500;
}

.ownership a {
    text-decoration: none;
    color: #333333;
    display:flex;
}

.ownership .txtcolor {
    color: #f98012;
    font-weight: 600;
    font-size: 1.8vw;
}

.review {
    display: flex;
    justify-content: space-evenly;
    width: 30.593vw;
}
.reviewdiv{
    display:flex;
    align-items:center;
}
.reviewimages {
    width: 7.407vw;
    height: 7.407vw;
}

.rightcard {
    padding: 1.63vw;
    width: 53vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.rightimage img {
    width: 37.037vw;
}

.rightcard .rightimage {
    display: flex;
    justify-content: center;
}

.rightcard .rightitems {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 51.852vw;
    margin-top: 1.281vw;
}

    .rightcard .rightitems .boxes {
        width: 7.889vw;
        height: 6.026vw;
        border-radius: 0.741vw;
        margin: 0.741vw;
        padding: 0.593vw 0 0 0;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
    }

.boxes p {
    font-weight: 600;
    margin: 0;
    color: #333333;
    font-size: 0.985vw;
    width: 100%;
}

.bpink {
    border-top: 0.296vw solid #db5372;
    background-color: #fef1f4;
}

.rightitems .boximage {
    height: 1.97vw;
    width: 1.97vw;
}

.rightitems .boximagetally {
    height: 1.97vw;
    width: 2.933vw;
}

.bgreen {
    border-top: 0.296vw solid #60bc24;
    background-color: #f6f9db;
}

.byellow {
    background-color: #fef4e1;
    border-top: 0.296vw solid #dc931f;
}

.btally {
    border-top: 0.296vw solid #7a3dd8;
    background-color: #f2eaff;
}

.bbio {
    border-top: 0.296vw solid #e8673b;
    background-color: #fbf4ee;
}

.bbar {
    border-top: 0.296vw solid #43c5bf;
    background-color: #e7f7f6;
}

.bexam {
    border-top: 0.296vw solid #3952de;
    background-color: #ebf0f8;
}

.bbus {
    border-top: 0.296vw solid #d63636;
    background-color: #ffe5e5;
}

.bclass {
    border-top: 0.296vw solid #c435fe;
    background-color: #f5ebf9;
}

.LoginbtnDiv {
    position: relative;
    display: inline-flex !important;
}

.leftcard .LoginbtnName {
    width: 14.5vw;
    height: 3.7vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.979vw 0 0 !important;
    color: #fff !important;
}

.leftcard .LoginbtnIcon {
    position: absolute;
    right: 0.5vw;
    top: 0.54vw;
    background: white;
    padding: 0.37vw;
    border-radius: 0.593vw;
    height: 2.519vw;
}

img.PoweredByImage {
    width: 21vw;
    margin: 1vw 0;
}

.ownership {
    display: flex;
    justify-content: center;
}
/* -------------------------------------------------------Responsive (Mobile View)-------------------------------------------------------------- */

@media (max-width: 767px) {
    .center {
        margin: 7.813vw 6.25vw;
    }

    .maincontainer {
        display: block;
        padding: 3.125vw 0;
        min-width: 87.519vw;
    }

    .leftcard {
        width: auto;
        padding: 4.688vw 2.938vw;
        border: none;
    }

    .cardinside .cardinsideimg {
        width: 59.375vw;
    }

    .btn {
        margin: 4.688vw 0;
    }

    .leftcard .leftbtn {
        font-size: 6.25vw;
        padding: 1.25vw 1.25vw 1.25vw 2.938vw;
        border-radius: 2.041vw;
    }

        .leftcard .leftbtn .btnimage {
            height: 7.5vw;
            width: 7.813vw;
            padding: 1.17vw;
            border-radius: 1.693vw;
        }

    .leftcard .LoginbtnName {
        width: 43vw;
        height: 10vw;
    }

    .leftcard .LoginbtnIcon {
        top: 2vw;
        right: 3vw;
        height: 6.4vw;
    }

    .text {
        margin: 4.688vw auto;
        font-size: 6.25vw;
        max-width: 62.5vw;
    }

        .text:before {
            width: 10.222vw;
            height: 0.77vw;
        }

        .text:after {
            width: 10.222vw;
            height: 0.77vw;
        }

    .icons {
        margin: 4.688vw 0;
    }

        .icons .circular {
            height: 12.5vw;
            width: 12.5vw;
            border-radius: 12.500vw;
        }

    .iconprop {
        height: 6.25vw;
        margin-top: 3.125vw;
    }

    .ownership p {
        font-size: 6.25vw;
    }

    .ownership .txtcolor {
        font-size: 6.25vw;
    }

    .review {
        width: auto;
    }

    .reviewimages {
        width: 25vw;
        height: 25vw;
    }

    .rightcard {
        padding: 4.688vw 0.875vw;
        width: 70vw;
    }

    .rightimage img {
        width: 71.875vw;
    }

    .rightcard .rightitems {
        width: auto;
        margin-top: 4.688vw;
    }

        .rightcard .rightitems .boxes {
            width: 29.688vw;
            height: 21.875vw;
            margin: 2.041vw;
            padding: 3.493vw 0 0 0;
        }

    .boxes p {
        font-size: 3.075vw;
    }

    .bpink {
        border-top: 1.25vw solid #db5372;
    }

    .rightitems .boximage {
        height: 7.813vw;
        width: 7.813vw;
    }

    .rightitems .boximagetally {
        height: 7.813vw;
        width: 11.875vw;
    }

    .bgreen {
        border-top: 1.25vw solid #60bc24;
    }

    .byellow {
        border-top: 1.25vw solid #dc931f;
    }

    .btally {
        border-top: 1.25vw solid #7a3dd8;
    }

    .bbio {
        border-top: 1.25vw solid #e8673b;
    }

    .bbar {
        border-top: 1.25vw solid #43c5bf;
    }

    .bexam {
        border-top: 1.25vw solid #3952de;
    }

    .bbus {
        border-top: 1.25vw solid #d63636;
    }

    .bclass {
        border-top: 1.25vw solid #c435fe;
    }

    body {
        height: unset;
    }

    img.PoweredByImage {
        width: 50vw;
        margin: 1vw 0;
    }
}