@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400&display=swap');
@media screen and (max-width:470px) {
    .or p {
        font-size: 8px;
    }
}

.Login h1 {
    color: #000000;
    text-align: center;
    margin-bottom: 5vh;
}

.Login h4 {
    color: #000000;
    text-align: center;
    margin-bottom: 5vh;
}

.Login h5 {
    color: #000000;
    text-align: center;
    font: normal normal normal 20px/25px Source Sans Pro;
    margin: 0 120px 0 120px;
}

.S a {
    width: 30%;
    height: 3rem;
}

.SV svg {
    height: 12vh;
    width: 15vw;
    position: absolute;
    right: 0;
    bottom: 15px;
}

.login .eye {
    border: none;
    background-color: #fff;
}

@media screen and (max-width:1400px) {
    .BC {
        background-color: #384C6D;
        color: white;
        font-size: calc(6.5px + 1vh);
    }
    .Login h6 {
        font-size: 15px;
    }
    .Login h5 {
        margin: 0 60px 0 60px;
    }
    .RS h5 {
        margin-top: -1vh;
    }
    .RS {
        margin-top: 1vh;
    }
    .RS #FpR {
        margin-top: 5vh;
    }
    .SVs p {
        margin-top: 48vh;
    }
    .SVf p {
        margin-top: 41vh;
    }
    .SV p {
        font-size: 13px;
        margin-top: 40vh;
    }
}

@media screen and (max-width:1300px) {
    .SV p {
        font-size: 13px;
        margin-top: 51vh;
    }
    #uiline {
        border-bottom: 1px solid #ccc;
        margin: 42px 50px 0 50px;
    }
    .Fp #log2 {
        transform: translate(-50%, 0%);
    }
}

@media screen and (max-width:991px) {
    .Fp #log2 {
        transform: translate(-25%, 0%);
    }
    #uiline {
        border-bottom: 1px solid #ccc;
        margin: 42px 130px 0 130px;
    }
}

@media screen and (max-width:1246px) {
    .SV p {
        font-size: 13px;
        margin-top: 51vh;
        margin-bottom: 0;
        float: right;
        position: relative;
    }
}

@media screen and (max-width:991px) {
    .Login {
        transform: translate(0%, 0%);
    }
    .SV svg {
        height: 7em;
        width: 12em;
        float: right;
        position: static;
    }
}

@media screen and (max-width:575px) {
    .Login h5 {
        margin: 0 0px 0 0px;
    }
    #uiline {
        border-bottom: 1px solid #ccc;
        margin: 42px 50px 0 50px;
    }
}

@media screen and (max-width:430px) {
    .Fp #log2 {
        transform: translate(-80%, 0%);
    }
    .SV svg {
        height: 7em;
        width: 8em;
    }
}


/* ====================================================================================================================== */


/* =======================================================================RegisterPage================================================================================ */

.intl-tel-input {
    display: table-cell;
}

.intl-tel-input .selected-flag {
    z-index: 4;
}

.intl-tel-input .country-list {
    z-index: 5;
}

.input-group .intl-tel-input .form-control {
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
}

.BCR {
    position: fixed;
    background-color: #8BB6AE;
    min-height: 100vh;
}

.RB {
    background-color: #F2F8F7;
    position: relative;
}

.RS .htext {
    margin-left: 3%;
    font-size: 17px;
    color: #43425D;
}

.rbi {
    background-color: white;
    margin: 30px;
    margin-top: 1vh;
    padding: 15px 0 15px 0;
}

#r1logo {
    width: 4rem;
    margin: 14vh 0 0vh 0;
}

#r2logo {
    width: 2.4rem;
    margin: 8vh 0 0vh 0;
    height: 60vh;
}

#rlogo {
    width: 15rem;
    height: 5rem;
    margin: 5vh 0vh 3vh -2vh;
    padding: 10px;
}

.RS {
    float: right;
    position: relative;
    left: 21%;
}

.RS h5 {
    text-align: center;
    font-family: inherit;
    font-size: 15px;
}

.RS p {
    text-align: end;
}

.RS label {
    font-size: 15px;
    float: right;
    text-align: end;
    margin-top: 10px;
    color: #707070;
}

.RS select {
    width: 22rem;
    height: 4vh;
    margin-top: 10px;
    border: 1.8px solid #9f9f9f;
    background-color: white;
    margin-bottom: 0.8vh;
    border-radius: 4px;
}

.cc {
    margin-top: 10px;
    margin-bottom: 0.8vh;
}

.RS input {
    width: 22rem;
    height: 4vh;
    margin-top: 10px;
    border: 1.8px solid #9f9f9f;
    background-color: white;
    box-shadow: ivory;
    border-radius: 4px;
    margin-bottom: 0.8vh;
}

.ll input {
    height: 7vh;
}

.ll label {
    float: right;
    margin-top: 3.5vh;
}

.RS #log {
    border: none;
    background: #384C6D;
    color: white;
    transform: translate(0%, 20%);
    padding: 6px;
    text-decoration: none;
    text-align: center;
    width: 10rem;
    height: 3rem;
    transition: 0.5s;
    margin-top: 5vh;
    font-family: 'Source Sans Pro', sans-serif;
}

.RS #log:hover {
    /* transform: scale(0.9); */
    background-color: #566279;
}

.RS #FpR {
    color: #43425D;
    font-size: 15px;
    margin-top: 3vh;
}

.RS svg {
    height: 20%;
    width: 20%;
    position: relative;
    bottom: 0;
    right: 4%;
    float: right;
    margin-top: -12vh;
    margin-right: -8vh;
}

.rfoo p {
    font-size: 12px;
}

@media screen and (max-width:991px) {
    .cc {
        margin-top: 15px;
        margin-bottom: 0.8vh;
        width: fit-content;
    }
}

@media screen and (max-width:1300px) {
    .RS svg {
        height: 15%;
        width: 15%;
    }
}

@media screen and (max-width: 991px) {
    .BCR {
        min-height: 0vh;
    }
    .RS {
        text-align: center;
    }
    .RS label {
        font-size: 15px;
        float: left;
        text-align: left;
    }
    .RS input {
        width: 100%;
        height: 4vh;
    }
    .RS select {
        width: 100%;
    }
    .ll input {
        height: 6vh;
    }
    .ll label {
        float: none;
        margin-top: 0vh;
    }
    .RS #FpR {
        margin-left: -2vh;
    }
    .RS svg {
        height: 10%;
        width: 32%;
    }
    .rbi {
        padding: 10px;
    }
}

@media screen and (max-width:767px) {
    .RS {
        text-align: center;
    }
    #rlogo {
        margin: 2vh 0 2vh 0;
    }
    .RS select {
        width: 100%;
    }
    .RS input {
        width: 100%;
    }
    .RS svg {
        height: 8%;
        width: 23%;
    }
}

@media screen and (max-width:575px) {
    #r1logo {
        display: none;
    }
    .RS #FpR {
        margin-left: -8vh;
    }
    .RS svg {
        height: 6%;
        width: 30%;
    }
    .rbi {
        background-color: white;
        margin: 0px;
        margin-top: 1vh;
    }
}

@media screen and (max-width:440px) {
    .RS #FpR {
        margin-left: -2vh;
        font-size: 12px;
    }
    .RS svg {
        height: 6%;
        width: 28%;
    }
}


/* ============================================================submission====================================================================== */

#sc {
    background-color: #E4A956;
}

.Loginsb {
    transform: translate(0%, 50%);
    text-align: center;
}

.Loginsb h1 {
    font-weight: 600;
    font-family: 'Source Sans Pro', sans-serif;
}

.Loginsb h4 {
    font-weight: 600;
    margin-top: 2vh;
    margin-bottom: 3vh;
    font-family: 'Source Sans Pro', sans-serif;
}

.Loginsb h5 {
    padding: 0 9vw 0 9vw;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    color: #000000;
}

.S #log {
    border: none;
    background: #384C6D;
    color: white;
    transform: translate(0%, 50%);
    padding: 6px;
    width: 8rem;
    font-size: 17px;
    height: 2.6rem;
    text-decoration: none;
    text-align: center;
    transition: 0.6s;
    margin-top: 3vh;
}


/* .S #log:hover {
    background-color:  
    ;
} */

.ssv svg {
    position: absolute;
    bottom: 20px;
    right: 0;
    height: 28vh;
    width: 12vw;
}

.ssv p {
    position: absolute;
    bottom: 0;
    font-size: 12px;
    margin-right: 25px;
}

@media screen and (max-width:991px) {
    .Loginsb {
        transform: translate(0%, 0%);
        text-align: center;
    }
    .ssv svg {
        position: static;
        float: right;
        height: 13em;
        width: 7em;
    }
    .ssv p {
        position: static;
        margin-top: 22vh;
    }
}


/* ============================================================Forgotpassword====================================================================== */

#fpb {
    background-color: #9CD1EF;
}

.Loginfp {
    transform: translate(0%, 50%);
    text-align: center;
}

.Loginfp h6 {
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    color: #4D4F5C;
    opacity: 0.5;
    font-size: 17px;
}

.Fp1 #log {
    border: none;
    background: #384C6D;
    color: white;
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
    transform: translate(0%, 50%);
    padding: 9px;
    text-decoration: none;
    width: 13rem;
    height: 2.8rem;
    text-align: center;
    transition: 0.6s;
}

.Fp1 #log:hover {
    background-color: #566279;
}

.fsv svg {
    position: absolute;
    right: 0;
    bottom: 30PX;
    height: 13vh;
    width: 11vw;
}

.Fp1 input::placeholder {
    color: #3d3b3a;
}

.Fpp a {
    text-align: center;
    float: none;
    font-size: 14px;
    text-decoration: underline;
    white-space: nowrap;
    font-family: 'Source Sans Pro', sans-serif;
    color: #43425D;
}

.fsv p {
    position: absolute;
    bottom: 15PX;
    margin: 0 15px 0 0;
    font-size: 13px;
    color: #43425D;
}

.Fp1 #uiline {
    border-bottom: 1px solid #ccc;
    margin: 42px 140px 0 140px;
}

@media screen and (max-width:1235px) {
    .Fp1 #uiline {
        border-bottom: 1px solid #ccc;
        margin: 42px 85px 0 85px;
    }
}

@media screen and (max-width:991px) {
    .Loginfp {
        transform: translate(0%, 0%);
        text-align: center;
    }
    .fsv svg {
        position: static;
        float: right;
        height: 7em;
        width: 10em;
    }
    .fsv p {
        position: static;
        margin-top: 9vh;
        font-size: 15px;
    }
}

@media screen and (max-width:575px) {
    .fsv p {
        font-size: 10px;
    }
    .fsv svg {
        height: 7em;
        width: 6em;
    }
}

@media screen and (max-width:410px) {
    .Fpp a {
        margin-left: -5vw;
    }
}


/* =============================================================HomePage========================================================================== */

.HB {
    position: fixed;
    background-color: #384C6D;
    z-index: 1;
    height: 10vh;
    margin-left: -11px;
}

#logohome {
    width: 100%;
    height: 100%;
    padding: 10px 20px 15px 20px;
}

.HT {
    padding: 15px 0 0 0;
}

.HT a {
    float: right;
    text-decoration: none;
    color: black;
    padding: 8px;
    margin-right: 10px;
    font-weight: 500;
}

.HT a:hover {
    color: rgb(61, 2, 2);
    text-decoration: underline;
}

.dropdown button {
    float: right;
    font-weight: 500;
    /* margin-right: 10px;
    padding: 0px; */
    font-size: 16px;
}

.sn {
    height: 9vh;
    width: 100%;
    position: fixed;
    background-color: white;
    z-index: 1;
}

.HB2 {
    background-color: #384C6D;
    min-height: 100vh;
}

.HB2 ul {
    position: fixed;
    margin-top: 10vh;
}

.HB3 {
    background-color: #EFF8FD;
    padding: 30px 30px 0px 30px;
    margin-top: 4vh;
    /*z-index: -1;*/
}

.HB3 h5 {
    font-size: 18px;
    margin-bottom: 30px;
}

.HB4 {
    background-color: white;
    padding-bottom: 2vh;
}

.HB4 svg {
    float: right;
    margin-top: 20px;
    height: 71%;
    width: 28%;
}

.HB4 h5 {
    font-family: inherit;
    margin: 5vh 0 5vh 1vh;
}

.HB4 p {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0px 0 9px;
    line-height: 1.7;
    opacity: 1;
}

.hometxt {
    color: #213353;
    font-family: Source Sans Pro, Regular;
    font-weight: 300;
    line-height: 1.5rem;
}

.hbut {
    margin-top: 8vh;
}

.hbut .bg1 button {
    background-color: #D3933F;
    height: 6vh;
    width: 15rem;
    border-radius: 3px;
    white-space: nowrap;
    border: none;
    transition: 0.6s;
    margin-left: 4vh;
}

.hbut .bg1 button:hover {
    background-color: #D3933F;
}

.hbut .bg2 button {
    background-color: #DA6C5C;
    height: 6vh;
    width: 11rem;
    border-radius: 3px;
    white-space: nowrap;
    border: none;
    margin: 0 0 0 0px;
    transition: 0.6s;
}

.hbut img {
    margin-left: -30px;
    height: 1.7rem;
    width: 1.7rem;
}

.hbut .bg2 button:hover {
    background-color: #DA6C5C;
}

.hbut .bg3 button {
    background-color: #8BB6AE;
    height: 6vh;
    width: 12rem;
    border-radius: 3px;
    white-space: nowrap;
    border: none;
    margin: 0 0 0 0px;
    transition: 0.6s;
    margin-top: 4vh;
}

.hbut .bg3 button:hover {
    background-color: #8BB6AE;
}

.hbut .bg4 button {
    background-color: #384C6D;
    height: 6vh;
    width: 15rem;
    border-radius: 3px;
    white-space: nowrap;
    border: none;
    transition: 0.6s;
    margin: 4vh 0 0 4vh;
}

.hbut .bg4 button:hover {
    background-color: #384C6D;
}

.hbut button span {
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: 900;
}

@media screen and (max-width:1200) {
    .hbut .bg2 button {
        background-color: #DA6C5C;
        height: 6vh;
        width: 11rem;
        border-radius: 3px;
        white-space: nowrap;
        border: none;
        margin: 0 0 0 80px;
        transition: 0.6s;
    }
}

.vl {
    border-right: 1px solid #EBEBF2;
    height: 30px;
    float: right;
    margin: 4px;
}

#Pic {
    max-height: 100%;
    width: 25vw;
    float: right;
}

.Hbook {
    float: right;
    text-align: center;
}

.activehome {
    background-color: rgb(0 0 0 / 20%);
    width: 15.5vw;
}

.himg {
    height: 37%;
    width: 11%;
    margin: -7px 15px 0 0px;
}

.simg {
    height: 37%;
    width: 11%;
    margin: -7px 15px 0 0px;
}

.vimg {
    height: 6vh;
    width: 2%;
    margin: 0 22px 0 -28px;
}

.HB2 a {
    width: 16.3vw;
    color: #FFFFFF;
    font-size: 16px;
    font-family: Source Sans Pro;
    margin-top: 0px;
    white-space: nowrap;
    margin-left: -9px;
    padding: 11px;
}

.HB2 a:focus {
    color: white;
}

.nav-linkInHome[data-toggle].collapsedInHome:after {
    content: " ▾";
    float: right;
    transform: rotate( 360deg);
    font-size: 2rem;
    margin-top: -1.4vh;
    padding-right: 5px;
}

.nav-linkInHome[data-toggle]:not(.collapsedInHome):after {
    content: " ▴";
    float: right;
    transform: rotate( 90deg);
    font-size: 2rem;
    margin-top: -1.4vh;
    padding-right: 5px;
}

@keyframes afterrotate {
    from {
        transform: rotate( 240deg);
    }
    to {
        transform: rotate( 360deg);
    }
}

@keyframes afterrotate1 {
    from {
        transform: rotate( 360deg);
    }
    to {
        transform: rotate( 240deg);
    }
}

.nav-link[data-toggle].collapsed:after {
    content: " ▾";
    float: right;
    animation-name: afterrotate;
    animation-duration: 0.2s;
    font-size: 1.8rem;
    margin-top: -1vh;
    padding-left: 5px;
    padding-right: 7px;
}

.nav-link[data-toggle]:not(.collapsed):after {
    content: " ▴";
    float: right;
    animation-name: afterrotate1;
    animation-duration: 0.2s;
    font-size: 1.8rem;
    margin-top: -1.5vh;
    padding-left: 5px;
    padding-right: 7px;
}

.HB2 a:hover {
    color: rgb(183, 187, 186);
}

@media screen and (max-width:991px) {
    .activehome {
        width: 23.5vw;
    }
    .HB2 a {
        width: 24.7vw;
    }
}

@media screen and (max-width:767px) {
    .HB3 {
        background-color: #EDF0F5;
        padding: 10px;
        margin-top: 0vh;
    }
    .HB {
        position: relative;
        background-color: #384C6D;
        z-index: 1000;
        height: 15vh;
    }
    .sn {
        /* height: 0%;
               width: 0%; */
        position: absolute;
        background-color: white;
    }
    .HT {
        padding: 30px 0 0 0;
    }
    /* #pic1 {
        width: 50%;
    } */
    .HB2 ul {
        position: relative;
        margin-top: 0%;
    }
    .simg {
        width: 3%;
    }
    .himg {
        width: 3%;
    }
    .HB2 {
        min-height: 50vh;
    }
    .vimg {
        width: 1%;
    }
    .active {
        width: 98vw;
    }
}

@media screen and (max-width:575px) {
    .HB {
        position: relative;
        background-color: #384C6D;
    }
    .sn {
        height: 7vh;
        width: 100%;
        position: relative;
        background-color: white;
    }
    .hbut .bg1 button {
        width: 100%;
    }
    .hbut .bg2 button {
        width: 100%;
        margin: 0;
    }
    .HT {
        padding: 10px 0 0 0;
    }
    .HB2 ul {
        position: relative;
        margin-top: 0h;
    }
    .simg {
        width: 5%;
    }
    .himg {
        width: 5%;
    }
    .active {
        width: 97vw;
    }
    /* #pic1 {
        height: 50%;
        width: 100%;
    } */
}

.hbut .bg2 button img {
    margin-left: -30px;
}

.ripple {
    background-position: center;
    transition: background 0.8s;
}

.ripple:hover {
    background: #47a7f5 radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%;
}

.ripple:active {
    background-color: #6eb9f7;
    background-size: 100%;
    transition: background 0s;
}


/* =========================================================Admin homepage=============================================================== */

.ahp h6 {
    padding: 20px 0 0 20px;
}

.trp {
    background-color: #EFF8FD;
    padding: 35px 60px 0px 60px;
    margin-top: 8vh;
}

.trp .pHB4 {
    background-color: white;
    min-height: 70vh;
    padding-bottom: 10px;
}

.trp h5 {
    margin-top: -10px;
}

#zoom_img_id {
    /* height: 120px;
    width: 100%; */
    background: #8bb6ae;
    margin-left: 20px;
    float: left;
}

#zoom_img_id img {
    margin-top: 20px;
    height: 80px;
    width: 100%;
}

.btn2 button {
    background-color: #D3933F;
    height: 5vh;
    width: 9rem;
    border-radius: 3px;
    white-space: nowrap;
    border: none;
    transition: 0.6s;
    margin-left: 15px;
    margin-top: 5px;
}

.btn2 span {
    color: white;
    font-size: small;
}

.btn2 a {
    text-decoration: none;
}

.btn2 img {
    height: 3vh;
}

.btn2 #btn {
    background-color: #3380F0;
    height: 5vh;
    width: 17rem;
    border-radius: 3px;
    white-space: nowrap;
    border: none;
    transition: 0.6s;
    margin-top: 2vh;
}

.btn2 span {
    color: white;
    font-size: small;
}

.btn2 #btn img {
    height: 3vh;
}

hr:not([size]) {
    height: 2px;
    width: 90%;
    color: #D3933F;
    margin: 5px 0 20px 30px;
    ;
}

.txt1 p {
    font-size: 13px;
    margin-left: 20px;
    margin-top: 2px;
    text-align: left;
    color: #43425D;
}

.txt1 p span {
    font-size: 9px;
    margin-left: 0px;
    text-align: left;
    color: #43425D;
}

@media screen and (max-width:991px) {
    #zoom_img_id {
        height: 100px;
        width: 160px;
        background: #8bb6ae;
        margin-left: 20px;
        float: left;
    }
    #zoom_img_id img {
        height: 80px;
        width: 100%;
    }
}


/* =========================================================Pre-Test Questionnaire=============================================================== */

.pHB3 {
    background-color: #FFF9F0;
    padding: 35px;
    margin-top: 6vh;
}

.pHB3 h5 {
    font-size: 18px;
    margin-bottom: 3vh;
    color: #43425D;
}

.pHB4 {
    background-color: white;
    min-height: 0vh;
}

.pR {
    padding: 20px;
    box-shadow: 0px 2px 6px #0000000A;
    opacity: 1;
}

.cb input[type="radio"] {
    height: 16px;
    width: 30px;
}

.pR label {
    float: right;
    text-align: end;
    font-size: 15px;
    color: #43425D;
    font-weight: 400;
}

.pR .row {
    margin-bottom: 3vh;
}

.pbut button {
    background-color: #D3933F;
    margin-left: 25vw;
    height: 2.5rem;
    width: 9rem;
    padding: 7px;
    border-radius: 4px;
    border: none;
    transition: 0.6s;
}

.pbut button:hover {
    background-color: #8BB6AE;
}

.pbut a {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 18px;
}

@media screen and (max-width:991px) {
    .pR label {
        float: none;
        text-align: left;
        font-size: 16px;
        color: #43425D;
    }
}

@media screen and (max-width:765px) {
    .pHB3 {
        margin-top: 0vh;
    }
    .pHB4 {
        min-height: auto;
    }
}


/* =======================================================Consent Form======================================================================= */


/* =========================================================Trainer profile=============================================================== */


/* ======================================================online training===========================================================*/

.oT h6 {
    color: #DA6C5C;
    padding-top: 20px;
}

.zimg img {
    height: 70%;
    margin-top: 10%;
}


/* ======================================================Upload photo===========================================================*/

#pep {
    float: right;
    width: 35px;
    height: 35px;
    border-radius: 20px;
    margin-right: 25px;
}


/* ======================================================OTP verification===========================================================*/

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');
#otpForm {
    background-color: #F2F8F7;
    font-family: 'Source Sans Pro', sans-serif;
}

#otpFormHeading {
    font-size: 22px;
    font-weight: bold;
    color: #43425D;
}

.emailform {
    position: relative;
    margin-left: 20%;
    padding: 40px;
    min-height: 70vh;
}

.emailcard {
    min-height: 78vh;
}

.card p {
    color: #252525;
    font-size: 17px;
}

.card span {
    color: #0050D3;
}

.form-group p {
    color: #3380f0;
    text-align: right;
    opacity: .7;
}

.form-group #re_send {
    color: #0050D3;
    cursor: pointer;
}

.form-group span {
    color: #384c6d;
}

.form-group a {
    color: #3380f0;
    text-align: right;
    opacity: .7;
}

#otpForm .card button {
    text-align: left;
    margin-top: 30px;
    background-color: #384c6d;
    width: 150px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 20px;
}

#otpForm .card a {
    color: #da6c5c;
}

#otpForm .card img {
    height: 150px;
    width: 200px;
    position: absolute;
    right: -40px;
    bottom: -10px;
}

@media screen and (max-width:765px) {
    #otpForm .card img {
        right: 0px;
        bottom: 0;
    }
    #otpForm #r1logo {
        display: none;
    }
    #otpForm #rlogo {
        height: 150px;
    }
}


/* =========================================================ContactUs=============================================================== */

#contact_us {
    background-color: #FFFAF2;
    padding: 60px;
    margin-top: 8vh;
}

#telephoneNumber {
    color: #D3933F;
    font-size: 19px;
    margin-bottom: 18px;
}

.contectBackgrounder {
    background-color: rgba(255, 250, 242, 1);
    padding-top: 18px;
    padding-bottom: 6px;
    padding-left: 15px;
    width: 35%;
}

.contectBackgrounder1 {
    background-color: rgba(255, 250, 242, 1);
    padding-top: 18px;
    padding-bottom: 6px;
    padding-left: 15px;
    width: 50%;
}

#contactFooter {
    text-align: right;
}

#contactFooter img {
    width: 50%;
}

@media screen and (max-width: 992px) {
    .contectBackgrounder {
        width: 70%;
        overflow-wrap: break-word;
    }
    .contectBackgrounder1 {
        width: 100%;
        overflow-wrap: break-word;
    }
}

@media screen and (max-width: 537px) {
    #telephoneNumber {
        font-size: 13px;
        word-wrap: break-word;
        width: 100%;
    }
}


/* =========================================================Change password=============================================================== */

.pHB3 svg {
    margin-top: 10vh;
    height: 20vh;
    float: right;
}

.pR {
    background-color: white;
    min-height: 60vh;
    padding: 50px;
    box-shadow: 0px 2px 6px #0000000A;
    opacity: 1;
}


/* ================================================================admin left navbar================================================================= */

.sidebar li .submenu {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 1rem;
    padding-right: 1rem;
}

.has-submenu {
    margin-top: -10vh;
}

.sideNavBar {
    width: max-content;
    height: 100vh;
    padding: 10px;
    position: fixed;
    z-index: -1;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-y: auto;
}