body {
    /* font-family: poppins, sans-serif !important; */
    background: url("/static/website/vendors/images/Group26.jpg");
    /* display: inline-block; */
    background-repeat: no-repeat;
    background-size: auto auto;
    /* background-size: 1500px; */
    background-position: 26% 1%;
    /* background-repeat: no-repeat; */
    /* background-size:1300px; */
    position: relative;
    /* background-attachment: fixed;
    background-position: 38% 27%; */
}

.login-menu a {
    color: #2daab8;
}

.text-primary {
    color: #2daab8 !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #2daab8 !important;
    border-color: #16bbe5 !important;
}

.btn-primary:hover {
    background-color: #09828E !important;
    color: white !important;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #2daab8 !important;
    border-color: #16bbe5 !important;
}

.btn-outline-primary {
    color: #2daab8 !important;
    border-color: #2daab8 !important;
}

.custom-control-label::before {
    border-color: #2daab8 !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #2daab8 !important;
}

.btn-outline-primary:hover {
    color: #fff !important;
    background-color: #2daab8 !important;
    border-color: #2daab8 !important;
}

.logincustm.login-box {
    width: 72%;
    max-width: none;
}

.loginText {
    margin-top: 77px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 88px;
}

.loginSubText {
    font-size: 37px;
    font-weight: 500;
    line-height: 52px;
    text-align: center;
    color: #fff;
}

.login-img {
    margin-top: 200px;
}

.peopleImage {
    height: 415px;
    width: clamp(250px, 100%, 700px);
    margin-bottom: 100px;
}

.padcLogo {
    margin-left: 137px;
    margin-top: 70px;
    width: 290px;
    height: 80px;
}

.login-left-title {
    margin-top: 80px;
    margin-left: 22px;
}

.text-left {
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    color: #2C2C2C;
    margin-bottom: 6px;
}

.sub-text-left {
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #909090
}

.logincustm {
    box-shadow: unset;
    margin-left: 0px;
    padding: 20px 20px;
    margin: unset
}

.btn-primary {
    border-radius: 10px
}

.login-title {
    margin-top: 30px;
    margin-left: 22px;
}

.text-center {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #909090
}

.login-box {
    box-shadow: unset;
    margin-left: 0px;
    padding: 20px 20px;
    margin: unset
}

.btn-primary {
    border-radius: 10px
}

.login-title {
    margin-top: 30px;
    margin-left: 22px;
}

.mb-0 {
    margin-top: 25px;
}

.login-footer-icon {
    margin-top: 172px;
}

.loginlink {
    color: #0B99A7;
    font-weight: 600
}

.login-footer-img {
    margin-bottom: 40px
}

.socialIcons {
    margin-right: 10px
}

.text-right-follow {
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #5E5E5E;
    margin-right: 64px;
}

.WebVersionDiv {
    display: block;
}

.TabVersionDiv {
    display: none;
}

/* For basic web responsive Start */

@media (width <=1570px) { 
    .logincustm.login-box {
        width: 85%;
        margin-left: 40px;
    }

    .login-left-title {
        margin-left: 55px;
    }
}

/* For basic web responsive End */

/* for tablet version */

@media (width <=1024px) {

    .webversionsocialDiv{
        display: none;
    }

    .text-right-follow {
        margin-left: 22px;
        margin-right: 22px;
    }

    body {
        /* font-family: poppins, sans-serif !important; */
        background: url("/static/website/vendors/images/login_tablet_backgroundImg.jpg");
        /* display: inline-block; */
        background-repeat: no-repeat;
        background-size: cover;
        /* background-size: 1500px; */
        background-position: unset;
        /* background-repeat: no-repeat; */
        /* background-size:1300px; */
        position: relative;
        /* background-attachment: fixed;
        background-position: 38% 27%; */
    }

    .loginMaindiv .row{
        display: flex;
        /* flex-direction: column ; */
    }

    .WebVersionDiv{
        display: none;
    }

    .TabVersionDiv {
        display: block;
    }

    .peopleImg {
        height: 268px;
        /* width: clamp(432px, 100%, 432px); */
        width: 432px;
      }

      .login-img {
        margin-top: 0px;
        padding-top: 24px;
      }

      .loginText {
        margin-top: 36px;
        justify-content: center;
        align-items: center;
        padding-left: 0px;
      }

      .TabversionsocialDiv .text-right{
        font-size: 16px;
        font-weight: 400;
        /* font-family: lato; */
        color: white;
      }

      .login-footer-icon {
        margin-top: 0px;
      }

      .socialImgDiv {
        padding-top: 24px;
        display: flex;
        justify-content: space-between;
      }

      .logincustm.login-box {
        width: 700px;
        max-width: none;
        margin-left: 36px;
        margin-right: 36px;
      }

      .padcLogo {
        margin-left: 230px;
        margin-top: 70px;
        width: 290px;
        height: 80px;
        margin-right: 230px;
      }

      .login-left-title {
        margin-top: 80px;
        margin-left: 60px;
        width: 100%;
      }

}

::selection {
    color: white;
    background: #0B99A7;
}

::-moz-selection {
    /* Code for Firefox */
    color: white;
    background: #0B99A7;
}