@media(max-width:1024px){
    .desktopoption h3 {color: #fff;font-size: 20px;}
    .desktopoption {height:200px; padding:20px;}
    .desktopoption img { max-width: 45px; min-width: 45px;}
    .moduleminwidth { max-width: 480px;}
    .modulecontent2 h3 { font-size: 36px;}
}
@media(max-width:768px){
    .headinghome h1 {font-size: 38px;}
    .headinghome { margin-top: 40px;}
    .headinghome p { font-size: 16px;}
    .desktopoption h3 { color: #fff; font-size: 15px; margin-bottom: 0;}
    .desktopoption {  height: 164px; padding: 20px; row-gap: 14px;}
    .visishow { color: #fff; word-break: break-all; font-size:13px;}
    .modulecontent h3 { color: #fff; font-size: 19px;}
    .modulecard { padding: 21px; column-gap: 18px;}
    .moduleminwidth {
    max-width: 470px;
}
 .modulecontent2 h3 { color: #fff; font-size: 36px;}
 .moduleimg2 img { max-width: 60px; min-width: 60px;}
}
@media(max-width:576px){
    .profiletext span {
    color: #fff;
    word-break: break-all;
    font-size: 13px;
}
    .headcer {
    margin-bottom: 0;
    color: #fff;
    padding-bottom: 29px;
}
    .dslkd {
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    flex-basis: 60%;
    row-gap: 18px;
}
    .profilemain {
    display: flex
;
    align-items: flex-start;
    justify-content: start;
    column-gap: 18px;
}
    .profilemains {
    display: flex
;
    align-items: normal;
    justify-content: start;
    column-gap: 18px;
}
.downloadbtn {
    padding: 7px 13px;
    border-radius: 4px;
    color: #fff;
    background-color: #0219760d;
    border: 1px solid #fff;
    cursor: pointer;
    transition: 0.5s ease-in-out;
    line-height: 22px;
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 14px;
}
       .profileimg {
        width: 96px;
        height:116px;
        background-color: #0F1053;
        flex-basis: 30%;
        border-radius: 4px;
        position: relative;
        overflow: hidden;
    }
    .profiledetails {
    display: flex
;
    flex-direction: column;
    row-gap: 15px;
    flex-basis: 60%;
}
    .bgdkt {
    background: linear-gradient(180deg, rgba(15, 16, 83, 1) 0%, rgba(17, 20, 105, 1) 94%);
    max-width: 640px;
    margin: 0 auto;
    padding: 28px 10px;
    margin-top: 60px;
}
    .page-indicator {font-size: 16px;}
    .next-btn { background: none; font-size: 16px;}
    .pagniws{margin-top: 0 !important;}
    .headingh1{margin-top:18px !important;}
    .qutionsmain { max-width: 620px; width: auto; row-gap: 20px;}
    .rwgaps {row-gap: 35px;}
    .qutions p {font-size: 16px;}
    .qutions h3 {font-size: 19px;}
    .headingh1 h1{font-size:22px !important;}
    .sectionpaddings{padding-top: 25px;}
    .custom-checkbox { width: 100%; max-width: 100%;}
    .logo img { max-width: 140px; min-width: 140px;}
    .borbtn { padding: 10px 20px; font-size: 14px;}
    .login {  min-width: 100%;}
.loginform {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
}    .loginhead h2 {font-size: 24px; text-align: center;}

.headinghome { margin-top: 40px;}
.headinghome p {
    color: #fff;
    text-align: center;
    font-size: 12px;
}
.headinghome h1 {
    color: #fff;
    font-size: 34px;
    text-align: center;
}
.moduleimg img {
    max-width: 30px;
    min-width: 30px;
}
.modulecard{column-gap:12px; padding:20px;}
.modulecontent ul li {color: #fff; font-size: 14px; word-break: break-all;}
.moduleimg img {max-width: 50px; min-width: 50px;}
.modulecontent2 p { color: #fff; word-break: break-all; font-size: 18px;}
.moduleoption {font-size: 17px;}
}

@media(max-width:375px){
    .headinghome h1 { font-size: 32px;}
.modulecontent2 h3 { color: #fff; font-size: 30px;}
}
@media(max-width:320px){
.loginhead p { font-size: 16px; color: var(--color-white);}
.headinghome h1 {
    color: #fff;
    font-size: 27px;
    text-align: center;
}
.desktopoption h3 {  color: #fff; font-size: 14px;}
.desktopoption {padding: 14px;}
.visishow { font-size: 12px;}
    .desktopoption img { max-width: 35px; min-width: 35px;}
        .modulecontent h3 { font-size:17px; margin-bottom: 22px;}
            .modulecontent2 h3 {font-size: 30px; margin-bottom: 22px;}
                .modulecontent2 p {  font-size: 14px;}

}