* {

    font-family: "Jost", sans-serif;

    font-optical-sizing: auto;

    font-style: normal;

}





/* ---header-css--- */



.top-header {

    background-color: #1b3259;

    padding: 5px 0px;

}



.top-mail li {

    color: #fff;

    list-style: none;

    display: inline-block;

    margin: 0px 10px 0px 0px;

}



.top-mail span a {

    font-size: 13px;

    font-weight: 400;

    line-height: 30px;

    color: #fff;

    text-decoration: none;

}



.top-make-payment {

    background: #fff;

    color: #1b3259 !important;

    text-decoration: none;

    padding: 3px 15px;

    border-radius: 4px;

    font-size: 7px;

    font-weight: 700;

    cursor: pointer;

}



.top-mail {

    margin: 0;

    padding: 0;

}



.top-mail li i {

    font-weight: 600;

    font-size: 14px;

}



.top-social-head {

    color: #fff;

    font-size: 14px;

    font-weight: 400;

    line-height: 30px;

    margin-right: 15px;

}



.top-social-icon ul {

    padding: 0;

    margin: 0;

}



.top-social-icon ul li {

    list-style: none;

    display: inline-block;

}



.top-social-icon ul li a {

    width: 25px;

    height: 25px;

    border: 1px solid #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    border-radius: 50%;

    font-size: 13px;

    text-decoration: none;

}



.top-social-icon ul li a:hover {

    background-color: #fff;

    color: #1b3259;

}



.top-right {

    display: inline-flex;

    width: 100%;

    justify-content: end;

}



.bottom-border {

    background-color: #fff;

    padding: 8px 0px;

}



.drphead {

    position: relative;

}



.drpdwn-menu {

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);

    background: #0d1028;

    position: absolute;

    top: 80px;

    left: 0;

    width: 220px;

    z-index: 99;

    display: block;

    opacity: 0;

    visibility: hidden;

    transition: all .3s ease-in-out;

    padding-left: 0;

}



.drpdwn-menu li {

    list-style: none;

}



.drpdwn-menu li a {

    font-size: 15px;

    font-weight: 500;

    text-transform: capitalize;

    padding: 9px 15px;

    margin: 0;

    display: block;

    color: #fff;

    position: relative;

    transition: .5s all ease;

}



.drphead:hover .drpdwn-menu {

    visibility: visible;

    opacity: 1;

    top: 100%;

}



.drpdwn-menu li {

    border-bottom: 1px solid #ddd3;

}



.drpdwn-menu li a:hover {

    color: #fff;

    padding-left: 30px;

}



.drpdwn-menu li a:before {

    position: absolute;

    content: "";

    width: 7px;

    height: 7px;

    background: #00adef;

    left: 15px;

    top: 16px;

    border-radius: 50%;

    opacity: 0;

    visibility: hidden;

}



.drpdwn-menu li a:hover:before {

    opacity: 1;

    visibility: visible;

}



.cust-menu-link {

    color: #243c82;

    font-size: 16px;

    font-weight: 600;

    margin: 0px 8px;

    padding: 2px 13px;

    border-right: 1px solid;

}



.mobile-menu.mobile-menu {

    color: #1b3259;

    font-size: 25px;

    border: 1px solid #ccc;

    padding: 2px 5px;

    border-radius: 5px;

}



.cust-menu-link:hover {

    color: #243c82;

}



.last-menu {

    border-right: 0px;

}



.login-btn {

    display: inline-block;

}



.login-btn a {

    background-color: #1b3259;

    padding: 15px 20px;

    color: #fff;

    font-size: 13px;

    font-weight: 600;

    text-decoration: none;

    border-radius: 5px;

    display: flex;

}



.offcn-drpdwn-menu {

    margin: 0;

    padding: 0;

    list-style: none;

    padding-left: 10px;

    margin-bottom: 15px;

}



.offcn-drpdwn-menu li a {

    display: flex;

    align-items: center;

    justify-content: space-between;

    min-height: 36px;

    line-height: 36px;

    font-size: 14px;

    color: #212529;

}



.offcn-cust-link:not(.collapsed) .btn-open-sub::before {

    transform: rotate(90deg);

}



.offcn-menu-item {

    border-bottom: 1px solid #E9E9E9;

}



.offcn-cust-link {

    min-height: 42px;

    font-weight: 500;

    font-size: 15px;

    line-height: 24px;

    color: #212529;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.btn-open-sub {

    position: relative;

    width: 20px;

    height: 30px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

}



.btn-open-sub:before,

.btn-open-sub:after {

    content: "";

    position: absolute;

    z-index: 1;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background-color: #212529;

    transition: 0.4s ease 0.1s;

    margin: auto;

}



.btn-open-sub:before {

    width: 2px;

    height: 12px;

}



.btn-open-sub::after {

    width: 12px;

    height: 2px;

}



.offcn-menulist li:last-child {

    border-bottom: 0;

}



.offcn-cntnbx {

    padding-right: 20px;

    padding-left: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #E9E9E9;

    overscroll-behavior-y: contain;

    overflow-y: auto;

}



.offcn-hdbtm {

    padding: 10px 15px;

    background: #1b3259;

    display: flex;

    justify-content: space-around;

}



.offcn-body {

    padding: 0;

    min-width: 100%;

    max-width: min(90%, 320px);

    grid-auto-rows: minmax(0, 1fr) auto;

    isolation: isolate;

    height: 100%;

    width: 100%;

    display: grid;

    align-content: start;

}



.offcn-memlg a {

    color: #fff;

    font-size: 18px;

    text-decoration: none;

    font-weight: 500;

}



.offcn-hdbtm {

    padding: 10px 15px;

    background: #1b3259;

}



.offcn-closebtn {

    text-align: right;

    background: no-repeat;

    border: 0;

    font-size: 20px;

    color: #212529;

}



.offcn-closebtn i:hover {

    color: #1b3259;

    transform: rotate(90deg);

}



.offcn-cntndtl-inn a {

    color: #212529;

    font-size: 14px;

    text-decoration: none;

    font-weight: 500;

    display: inline-block;

}



.offcn-cntndtl-inn span {

    color: #1b3259;

    font-size: 16px;

    display: inline-block;

    margin-right: 8px;

}



.offcn-cntndtl-inn {

    display: flex;

    align-items: baseline;

    justify-content: start;

}



.offcn-cntndtl-inn {

    display: flex;

    align-items: baseline;

    justify-content: start;

    margin-bottom: 10px;

}



.offcn-cont-detbx {

    margin: 30px 0px 0px 0px;

    border: 1px solid #ccc;

    padding: 15px;

    border-radius: 10px;

}



.offcn-cntndtl-inn:last-child {

    margin-bottom: 0;

}



.offcn-soc-hd {

    font-weight: 500;

    font-size: 15px;

    line-height: 24px;

    color: #212529;

    margin-bottom: 15px;

}



.offcn-soc-iconbx ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.offcn-soc-iconbx ul li a {

    width: 25px;

    height: 25px;

    border: 1px solid #1b3259;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #1b3259;

    border-radius: 50%;

    font-size: 13px;

    text-decoration: none;

}



.offcn-socinn {

    margin: 25px 0px 0px;

}



.offcn-soc-iconbx ul li a:hover {

    color: #fff;

    border: 1px solid #1b3259;

    background-color: #1b3259;

    transition: .3s;

}



.offcn-soc-iconbx ul li {

    display: inline-block;

}



.offcn-memlg a i {

    margin-right: 4px;

}





/* ---banner-css--- */



.custom-carousel-item {

    position: relative;

    height: 430px;

}



.custom-carousel-item img {

    height: 100%;

}





/* .custom-carousel-item:before {

    content: "";

    position: absolute;

    background: #302c51;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    opacity: 0.6;

} */



.cust-carsl-cap {

    bottom: 7rem;

    left: 12%;

    width: 52%;

}



.hm-bnbtn {

    text-align: left;

}



.cust-carsl-cap h5 {

    font-size: 50px;

    font-weight: 800;

    text-transform: capitalize;

    margin-bottom: 12px;

    text-shadow: 1px 2px 1px rgba(0, 0, 0, .2);

    text-align: left;

}



.cust-carsl-cap p {

    font-size: 21px;

    font-weight: 400;

    text-shadow: 1px 2px 1px rgba(0, 0, 0, .2);

    text-align: left;

}





/* ---about-css--- */



.section-main {

    padding: 100px 0px 80px 0px;

    position: relative;

}



.abt-main-img img {

    border-radius: 20px;

}



.about-img-main {

    position: relative;

}



.abt-secimg img {

    border-radius: 15px;

}



.abt-secimg {

    position: absolute;

    bottom: -100px;

    right: 0;

}



.sec-subhead {

    font-size: 20px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 4px;

    background: linear-gradient(90deg, rgba(48, 44, 81, 1) 0%, rgba(29, 94, 142, 1) 11%, rgba(0, 173, 239, 1) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    position: relative;

    padding-left: 40px;

    margin-bottom: 10px;

}



.sec-subhead:before {

    content: "";

    background: #107fc4;

    height: 2px;

    width: 30px;

    position: absolute;

    left: 0;

    top: 10px;

}



.sec-head {

    font-size: 48px;

    font-weight: 800;

    line-height: 55px;

    color: #212529;

    margin-bottom: 40px;

    text-transform: capitalize;

}



.sec-content-box p {

    font-size: 16px;

    color: #67687A;

    line-height: 28px;

    font-weight: 400;

}



.sec-btn a,

#enquiryForm form button[type="submit"] {

    background: linear-gradient(90deg, rgba(48, 44, 81, 1) 0%, rgba(0, 173, 239, 1) 100%);

    color: #fff;

    text-decoration: none;

    padding: 10px 20px;

    display: inline-block;

    margin: 15px 0px 0px 0px;

    border-radius: 5px;

}



.hm-bnbtn a {

    margin: 10px 10px 0px 0px;

    background: #fff;

    padding: 10px 25px;

    color: #1b3259;

    font-weight: 600;

    text-decoration: none;

    border-radius: 8px;

    display: inline-block;

}



.sec-btn a:hover {

    background: linear-gradient(90deg, rgba(0, 173, 239, 1) 0%, rgba(48, 44, 81, 1) 100%);

}



.background-effect {

    position: absolute;

    right: 0;

    bottom: 0;

}



.section-two {

    background: rgb(246, 246, 249);

    padding: 80px 0px;

}



.sec-subhead-center {

    font-size: 20px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 4px;

    background: linear-gradient(90deg, rgba(48, 44, 81, 1) 0%, rgba(29, 94, 142, 1) 11%, rgba(0, 173, 239, 1) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    position: relative;

    /* padding-left: 40px; */

    text-align: center;

    margin-bottom: 10px;

}



.service-card-box {

    background: #fff;

    padding: 40px;

    border-radius: 5px;

    position: relative;

}



.ser-card-head {

    font-size: 24px;

    font-weight: 600;

    color: #302c51;

    margin-bottom: 10px;

    transition: all .3s 0s ease-out;

    text-decoration: none;

    display: inline-block;

}



.ser-card-head:hover {

    color: #00adef;

    transition: all .3s 0s ease-out;

}



.ser-card-text {

    font-size: 16px;

    color: #67687A;

    line-height: 28px;

    font-weight: 400;

}



.service-card-main {

    margin-top: 60px;

}



.service-card-img a img {

    border-radius: 5px;

    transition: all .3s 0s ease-out;

}



.service-card-box:hover .service-card-img img {

    transform: scale(1.08);

}



.service-card-img {

    overflow: hidden;

    border-radius: 5px;

}



.ser-card-icon {

    height: 65px;

    width: 65px;

    color: #fff;

    background: linear-gradient(90deg, rgba(48, 44, 81, 1) 0%, rgba(0, 173, 239, 1) 100%);

    font-size: 30px;

    border-radius: 5px;

    display: flex;

    justify-content: center;

    align-items: center;

    position: absolute;

    top: -20px;

    right: 38px;

}





/* ---animation-icon-bounce--- */



@keyframes icon-bounce {

    0%,

    100%,

    20%,

    50%,

    80% {

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

        transform: translateY(0);

    }

    40% {

        -webkit-transform: translateY(-10px);

        -moz-transform: translateY(-10px);

        -ms-transform: translateY(-10px);

        -o-transform: translateY(-10px);

        transform: translateY(-10px);

    }

    60% {

        -webkit-transform: translateY(-5px);

        -moz-transform: translateY(-5px);

        -ms-transform: translateY(-5px);

        -o-transform: translateY(-5px);

        transform: translateY(-5px);

    }

}



@keyframes shine {

    100% {

        left: 125%;

    }

}



.service-card-box:hover .ser-card-icon {

    animation: icon-bounce .8s 1;

}



.ser-card-rowtwo {

    margin: 70px 0px 0px;

}



.not-sli-left {

    background: #243c82;

    padding: 10px 15px;

}



.not-slider-head {

    color: #fff;

    font-size: 18px;

    margin: 0;

    text-transform: capitalize;

    font-weight: 400;

    text-align: center;

}



.not-slider-head span {

    margin-left: 7px;

}



.marq-list {

    padding: 0;

    margin: 0;

    list-style: none;

}



.marq-list li {

    display: inline-block;

    border-right: 1px solid #fff;

    padding-right: 14px;

    margin: 0px 4px;

}



.marq-list li a {

    font-size: 18px;

    text-decoration: none;

    font-weight: 500;

    color: #fff;

}



.not-sli-right {

    background-color: #1b3259;

    padding: 10px 0px;

}



.not-sider {

    background-color: #1b3259;

}



.cta-head {

    font-weight: 700;

    font-size: 27px;

    color: #fff;

    margin-bottom: 10px;

}



.topcta {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding: 50px;

    background-color: #1b3259;

    border-radius: 10px;

}



.cta-subhead {

    font-size: 17px;

    font-weight: 400;

    color: #fff;

    margin: 0;

}



.cta-right a {

    background-color: #fff;

    font-size: 18px;

    color: #0a7ab7;

    text-decoration: none;

    padding: 10px 50px;

    font-weight: 600;

    border-radius: 10px;

}



.cta-right a:hover {

    border: 1px solid #fff;

    background: none;

    color: #fff;

}



.cta-right {

    text-align: right;

    margin-right: 20px;

}





/* ----loader---- */



@-webkit-keyframes spin {

    0% {

        -webkit-transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

    }

}



@keyframes spin {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}



.loader {

    border: 6px solid #f3f3f3;

    border-radius: 50%;

    border-top: 6px solid #1b3259;

    width: 50px;

    height: 50px;

    -webkit-animation: spin 2s linear infinite;

    animation: spin 2s linear infinite;

}



.loader-full-scr {

    position: fixed;

    right: 0;

    left: 0;

    top: 0;

    bottom: 0;

    background: #ffffffcc;

    width: 100%;

    height: 100%;
    z-index: 99999;
    display: none;

}



.loader-main {

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}



.footer {

    margin: 0px 0px 0px 0px;

    background-color: #1b3259;

    position: relative;

    padding: 80px 0px 0px;

    color: #e8edf7;

}



.footer-logo-sum p {

    font-size: 16px;

    font-weight: 400;

    line-height: 28px;

    margin-bottom: 20px;

}



.footer-logo-box {

    margin-bottom: 20px;

}



.footer-social-media ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.footer-social-media ul li {

    display: inline-block;

}



.footer-social-media ul li a {

    width: 35px;

    height: 35px;

    background-color: #263c80;

    color: #fff;

    border-radius: 5px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-decoration: none;

}



.footer-menu-head p {

    font-size: 24px;

    color: #ffffff;

    font-weight: 600;

    margin-bottom: 30px;

}



.footer-menu-links ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.footer-menu-links ul li a {

    font-size: 16px;

    color: #fff;

    font-weight: 400;

    text-decoration: none;

    margin-bottom: 20px;

    display: inline-block;

    background-image: linear-gradient(#f1f1f5, #f3f3f8), linear-gradient(#4f4f54, #f2f2f7);

    background-size: 0% 1px, 0 1px;

    background-position: 100% 100%, 0 100%;

    background-repeat: no-repeat;

    transition: background-size .2s linear;

}



.footer-continfobx ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.footer-continfobx ul li span {

    color: #00adef;

    margin-bottom: 0px;

    display: inline-block;

    font-size: 22px;

}



.footer-continfobx ul li {

    font-size: 16px;

    color: #e8edf7;

    margin-bottom: 15px;

    display: flex;

    align-items: top;

    gap: 10px;

    word-break: break-word;

}



.footer-continfobx ul li:last-child {

    margin-bottom: 0;

}



.footer-continfobx {

    border: 1px solid #4a5f8e;

    padding: 20px 20px;

    border-radius: 12px;

}



.footer-menu-links ul li a:hover {

    background-size: 0 1px, 100% 1px;

}



.newsletter {

    margin-top: 36px;

}



.newsletter input[type="email"] {

    flex: 1;

    padding: 10px;

    border: 1px solid #4a5f8e;

    background-color: #ffffff;

    color: #212529;

    outline: none;

    font-size: 14px;

    transition: 0.3s;

}



form[action="form_submit"] {

    display: flex;

}



.newsletter button {

    padding: 10px;

    border: none;

    background: #00adef;

    color: #fff;

    font-weight: bold;

    transition: 0.3s;

}



.footer-logo-sum h6,

.newsletter h6,

.bottom-band p,

.bottom-band a,

.bottom-band span {

    color: #e8edf7;

}



.cta-sec {

    margin: 60px 0px 0px;

}



.bottom-band p {

    font-size: 16px;

    text-align: left;

    margin: 0;

}



.btm-ftrmenu-bx ul {

    margin: 0;

    padding: 0;

    list-style: none;

    text-align: right;

}



.btm-ftrmenu-bx ul li a {

    font-size: 16px;

    color: #e8edf7;

    font-weight: 400;

    text-decoration: none;

    margin-bottom: 0;

    display: inline-block;

    background-image: linear-gradient(#f1f1f5, #f3f3f8), linear-gradient(#4f4f54, #f2f2f7);

    background-size: 0% 1px, 0 1px;

    background-position: 100% 100%, 0 100%;

    background-repeat: no-repeat;

    transition: background-size .2s linear;

    margin-right: 15px;

    border-right: 3px solid #4a5f8e;

    line-height: 17px;

    padding-right: 15px;

}



.btm-ftrmenu-bx ul li:last-child a {

    border-right: 0;

    margin-right: 0;

    padding-right: 0px;

}



.btm-ftrmenu-bx ul li {

    display: inline-block;

}



.btm-ftrmenu-bx ul li a:hover {

    background-size: 0 1px, 100% 1px;

}



.footer-main {

    padding-bottom: 40px;

}



.bottom-band {

    padding: 20px 0px;

    border-top: 1px solid #4a5f8e;

}



.gall-sec {

    padding: 80px 0px 20px;

}



.gall-row-two {

    margin: 25px 0px 50px;

}



.gallery-img {

    border-radius: 5px;

    overflow: hidden;

    position: relative;

}



.gallery-img:before {

    position: absolute;

    content: "";

    top: 0;

    left: -75%;

    z-index: 2;

    display: block;

    width: 50%;

    height: 100%;

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);

    transform: skew(-25deg);

}



.gallery-img:hover:before {

    animation: shine .8s;

}



.sec-btn2 {

    width: 100%;

    text-align: center;

}



.sec-btn2 a {

    background: linear-gradient(90deg, rgba(48, 44, 81, 1) 0%, rgba(0, 173, 239, 1) 100%);

    color: #fff;

    text-decoration: none;

    padding: 10px 20px;

    display: inline-block;

    margin: 15px 0px 0px 0px;

    border-radius: 5px;

}



.sec-btn2 a:hover {

    background: linear-gradient(90deg, rgba(0, 173, 239, 1) 0%, rgba(48, 44, 81, 1) 100%);

}



.gall-main-box {

    margin: 50px 0px 0px;

}



.fea-sec {

    margin: 100px 0px 0px;

    background-position: top;

    background-repeat: no-repeat;

    background-size: cover;

}



.fea-card-box {

    background: #edf8fd;

    border: none;

    border-bottom: 3px solid #0f83bb;

    position: relative;

    text-align: center;

    overflow: hidden;

    margin-bottom: 30px;

    border-radius: 4px;

    padding: 25px 20px 15px;

}



.fea-crd-icon i {

    width: 80px;

    height: 80px;

    font-size: 35px;

    color: #ffffff;

    background-color: #0f83bb;

    border-radius: 50%;

    padding-top: 16px;

}



.fea-card-head {

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 12px;

    letter-spacing: 2px;

    margin-top: 20px;

}



.fea-card-text {

    font-size: 17px;

    color: #888;

    font-weight: 400;

    line-height: 1.9;

}



.fea-card-mt {

    margin-top: 50px;

}



.fea-crd-main {

    margin-top: 70px;

    padding-bottom: 20px;

}



.card-list {

    padding: 0;

    margin: 0;

    list-style: none;

}



.card-link {

    width: 100%;

    display: block;

    background-color: #fff;

    text-decoration: none;

    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;

    padding: 30px 40px;

    border-radius: 10px;

}



.card-item {

    list-style: none;

    padding: 20px;

    width: 100%;

}



.card-head {

    font-size: 20px;

    color: #212529;

    font-weight: 500;

    margin-bottom: 7px;

}



.price-icon {

    font-size: 20px;

    font-weight: 500;

    color: #212529;

}



.price-value {

    font-size: 30px;

    color: #212529;

    font-weight: 600;

}



.price-cap {

    font-size: 13px;

    color: #212529;

    font-weight: 400;

}



.card-price {

    margin-bottom: 15px;

}



.card-price-des {

    font-size: 16px;

    color: #212529;

    font-weight: 500;

    margin-bottom: 15px;

}



.swiper-btn {

    height: 45px;

    width: 45px;

    background: #edf8fd;

    padding: 12px;

    border-radius: 50%;

    color: #263c80;

}



.price-card-btn {

    background: linear-gradient(90deg, rgba(48, 44, 81, 1) 0%, rgba(0, 173, 239, 1) 100%);

    color: #fff;

    text-decoration: none;

    padding: 10px 30px;

    display: inline-block;

    margin: 15px 0px 0px 0px;

    border-radius: 5px;

    border: 0;

}



.price-card-btn:hover {

    background: linear-gradient(90deg, rgba(0, 173, 239, 1) 0%, rgba(48, 44, 81, 1) 100%);

}



.slider-sec {

    margin: 80px 0px 80px 0px;

}



.test-sec {

    background: rgb(246, 246, 249);

    padding: 80px 0px 70px;

    position: relative;

}



.mar-sec-head {

    margin-bottom: 0;

}



.test-sec:after {

    position: absolute;

    content: "";

    top: 0px;

    right: 0px;

    z-index: 0;

    width: 49%;

    height: 100%;

    clip-path: polygon(42% 1%, 100% -159%, 100% 100%, 0% 100%);

    background: #1b3259;

}



.test-right-bg {

    position: absolute;

    top: 20%;

    right: 0px;

    z-index: 1;

}



.client-reviw {

    font-size: 17px;

    font-weight: 400;

    color: #212529;

    line-height: 30px;

    margin-bottom: 25px;

}



.client-title {

    font-size: 20px;

    font-weight: 500;

    color: #212529;

    margin-bottom: 8px;

}



.client-pos {

    font-size: 14px;

    color: #67687A;

    font-weight: 400;

    margin-bottom: 0;

}



.test-review-box {

    padding: 34px 40px 39px 30px;

    position: relative;

}



.test-card-box {

    background-color: #fff;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: rgba(0, 0, 0, 0.07) 0px 10px 60px;

}



.test-card-main {

    margin: 40px 0px 0px;

    z-index: 1;

    position: relative;

}



.quotes-img {

    position: absolute;

    right: 40px;

    bottom: 45px;

}





/* ---member-login-page--- */



.form-field label {

    display: inline-block;

    font-size: 15px;

    color: #212529;

    margin-bottom: 0;

    font-weight: 500;

}



.form-error,

.frm-err {

    font-size: 14px;

    color: red;

    font-weight: 400;

    float: right;

}



.val-time {

    font-size: 14px;

    color: #212529;

    font-weight: 500;

    display: block;

    text-align: center;

    margin: 15px 0px 5px 0px;

}



.otpnt-gettxt {

    font-size: 15px;

    color: #666464;

    text-align: center;

    display: block;

    margin: 10px 0px 0px;

}



#resenotp {

    color: #666464;

    text-decoration: none;

    font-weight: 600;

    margin-left: 5px;

}



.form-field input {

    display: block;

    height: 50px;

    width: 100%;

    border-radius: 3px;

    padding: 0 10px;

    margin-top: 8px;

    font-size: 14px;

    font-weight: 300;

    border: 1px solid #0f83bb;

}



.form-field {

    margin-bottom: 25px;

}



.mem-log-btn input {

    background: linear-gradient(90deg, rgba(48, 44, 81, 1) 0%, rgba(0, 173, 239, 1) 100%);

    color: #fff;

    text-decoration: none;

    padding: 10px 30px;

    display: inline-block;

    margin: 25px 0px 0px 0px;

    border-radius: 5px;

    border: 0;

    width: 100%;

}



.cont-form-captcha {

    margin: 10px 0px 5px 0px;

    display: block;

}



.cont-form-captcha iframe {

    display: block;

}



.mem-log-btn input:hover {

    background: linear-gradient(90deg, rgba(0, 173, 239, 1) 0%, rgba(48, 44, 81, 1) 100%);

}



.memlog-subhead {

    font-size: 15px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 4px;

    background: linear-gradient(90deg, rgba(48, 44, 81, 1) 0%, rgba(29, 94, 142, 1) 11%, rgba(0, 173, 239, 1) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    position: relative;

    padding-left: 0;

    text-align: center;

    margin-bottom: 12px;

}



.memlog-head {

    font-size: 20px;

    font-weight: 800;

    line-height: 25px;

    color: #212529;

    margin-bottom: 40px;

    text-transform: capitalize;

    text-align: center;

}



#chngNumber {

    color: #1b3259;

    font-size: 15px;

    text-decoration: none;

    font-weight: 500;

}



.mem-log-right,

.mem-log-veriprt {

    width: 65%;

    margin: 50px auto;

}



.mem-log-veriprt {

    display: none;

}



.mem-login-main {

    background-color: #f1f3f6;

    padding: 50px 0px;

}



.mem-log-innbx {

    width: 100%;

    margin: 0 auto;

    background-color: #fff;

    box-shadow: rgba(19, 16, 34, 0.1) 0px 4.8px 24.4px -6px, rgba(19, 16, 34, 0.06) 0px 4px 13px -2px;

    border-radius: 10px;

    overflow: hidden;

}



.form-field input:focus-visible {

    outline: none;

}





/* ---profile-css--- */



.prof-left-top {

    padding: 12px 18px;

    margin-bottom: 16px;

    background-color: #fff;

    border-radius: 2px;

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);

    border-radius: 10px;

}



.prof-left-innertop {

    display: flex;

    align-items: center;

}



.profile-psec {

    background-color: #f1f3f6;

}



.prof-inner-box {

    padding: 14px 0px;

}



.prof-greet {

    font-size: 13px;

    color: #212529;

    font-weight: 400;

    margin: 0;

}



.prof-n {

    font-size: 16px;

    font-weight: 600;

    color: #212529;

    letter-spacing: 1px;

    margin: 0;

}



.prof-name {

    display: block;

    padding: 0px 0px 0px 16px;

}



.prf-left-bottom {

    background-color: #fff;

    border-radius: 2px;

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);

    margin-bottom: 16px;

    border-radius: 10px;

}



.prof-left-menuhead a {

    font-size: 17px;

    font-weight: 500;

    color: #878787;

    cursor: pointer;

    margin: 0;

    text-decoration: none;

    display: block;

}



.prof-menu-icon {

    color: #1b3259;

    font-size: 18px;

    margin-right: 15px;

}



.prof-left-innbtm {

    padding: 16px 18px;

    border-bottom: 1px solid #f0f0f0;

}



.prof-left-drpicon {

    float: right;

    margin-top: 2px;

}



.prof-left-menuhead a:hover {

    color: #1b3259;

}



.prof-left-menuhead p {

    font-size: 18px;

    font-weight: 500;

    color: #878787;

    margin: 0;

    text-decoration: none;

}



.pro-submenu-inn a {

    font-size: 15px;

    color: #212529;

    text-decoration: none;

    font-weight: 400;

}



.pro-submenu-inn {

    padding: 12px 5px 12px 55px;

    cursor: pointer;

}



.prof-menu-drpmain p {

    font-size: 18px;

    font-weight: 500;

    color: #878787;

    cursor: pointer;

    margin: 0;

    text-decoration: none;

}



.prof-menu-drpmain {

    padding: 16px 18px 8px;

}



.pro-submenu-inn:hover {

    background: #f5faff;

}



.pro-submenu-inn:hover a {

    color: #1b3259;

}



.prof-left-drpmenu {

    border-bottom: 1px solid #f0f0f0;

}



.pro-detail-bx {

    padding: 20px 30px;

    margin-bottom: 16px;

    background-color: #fff;

    border-radius: 2px;

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);

    border-radius: 10px;

}



.prf-dtl-head p {

    color: #1b3259;

    font-size: 17px;

    font-weight: 400;

    margin: 0;

}



.prof-edit-btn a {

    background: #1b3259;

    color: #fff;

    font-size: 13px;

    text-decoration: none;

    padding: 4px 10px;

    border-radius: 6px;

}



.prf-dtl-headprt {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding-bottom: 20px;

    margin-bottom: 5px;

    border-bottom: 1px solid #eee;

}



.prf-dtlprt-sub {

    color: #878787;

    font-size: 13px;

    margin-bottom: 5px;

}



.prf-dtlprthead {

    font-size: 16px;

    color: #212529;

    font-weight: 500;

    margin: 0;

}



.prf-dtl-inndtl {

    margin: 15px 0px 8px;

}



.log-drpicon {

    display: none;

}





/* balance-page */



.dash-bal-crd {

    padding: 12px 18px;

    margin-bottom: 16px;

    background-color: #fff;

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);

    border-radius: 10px;

}



.dash-bal-crdhead {

    color: #1b3259;

    font-size: 17px;

    font-weight: 400;

    margin-bottom: 10px;

    border-bottom: 1px solid #f0f0f0;

    padding-bottom: 8px;

}



.dash-bal-crddtl {

    font-size: 24px;

    color: #4e4d4d;

    font-weight: 400;

    margin: 0;

}



.dash-bal-crddtl span {

    font-size: 18px;

}



.dash-bal-crdmore {

    font-size: 15px;

    text-decoration: none;

    margin: 20px 0px 0px 0px;

    display: block;

    color: #33b6ec;

}



.dash-int-innbnd {

    padding: 12px 18px;

    margin-bottom: 16px;

    background-color: #fff;

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);

    border-radius: 10px;

}



.dash-int-innbnd ul {

    padding: 0;

    margin: 0;

    list-style: none;

    text-align: center;

}



.dash-int-innbnd ul li {

    display: inline-block;

    color: #4e4e4e;

    font-size: 14px;

    font-weight: 500;

    border-right: 2px solid #243c82;

    padding: 0px 8px 0px 5px;

    line-height: 13px;

}



.dash-int-innbnd ul li:last-child {

    border-right: 0;

}





/* ---transaction--- */



.trabs-tb-main {

    padding: 20px 30px;

    margin-bottom: 16px;

    background-color: #fff;

    border-radius: 2px;

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);

    border-radius: 10px;

}



.trans-tb-trhd {

    background-color: #f6f6f6;

}



.trans-tb-trhd th {

    background: transparent;

    font-size: 14px;

    color: #212529;

    font-weight: 600;

    margin: 0;

    padding: 10px 15px;

}



.trans-tb-bx {

    border: 1px solid #f0f0f0;

    border-radius: 10px;

}



.trans-tb-trnr th,

.trans-tb-trnr td {

    font-size: 13px;

    color: #212529;

    font-weight: 500;

    margin: 0;

    padding: 15px 20px;

}





/* ---payment-page--- */



.payment-pgmain {

    background-color: #f1f3f6;

    padding: 50px 0px;

}



.pay-pg-left {

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    background: #fff;

    border-radius: 10px;

    padding-bottom: 20px;

}



.pay-pg-lefthd {

    padding: 15px 20px;

    border-bottom: 1px solid #f0f0f0;

}



.pay-pg-lefthd p {

    font-size: 20px;

    font-weight: 600;

    line-height: 30px;

    color: #212529;

    margin-bottom: 0;

    text-transform: capitalize;

    text-align: center;

}



.pay-pg-left-scprt {

    padding: 10px 20px;

}



.paypg-scpy p {

    font-size: 18px;

    color: #212529;

    font-weight: 500;

    margin-bottom: 0px;

    text-align: center;

}



.paypg-scnn-mainbx {

    background-color: #f5f7fb;

    border: 1px solid #e8eaee;

    border-radius: 10px;

    margin: 10px 0px 0px;

}



.paypg-sca-part {

    padding: 15px 0px;

    border-bottom: 1px solid #e8eaee;

}



.paypg-scner {

    width: 150px;

    height: 150px;

    margin: 0 auto;

    background: #fff;

    border-radius: 5px;

    padding: 5px;

}



.paypg-upi {

    color: #878787;

    font-size: 15px;

    text-align: center;

    font-weight: 500;

    margin: 14px 0px 0px;

}



.paypg-upi-prtn {

    padding: 15px 0px;

}



.paypgupi-head p {

    margin: 0;

    text-align: center;

    font-size: 16px;

    font-weight: 500;

    color: #212529;

}



.paypgupi-logo {

    margin: 20px auto 0px;

    max-width: 300px;

}



.pay-pg-right {

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    background: #fff;

    border-radius: 10px;

}



.paypg-right-inntext {

    margin: 0;

    font-size: 16px;

    font-weight: 500;

    color: #212529;

    line-height: 28px;

}



.paypg-rightinn {

    padding: 20px 20px;

    border-bottom: 1px solid #f0f0f0;

}



.paypg-right-inntext span {

    color: #1b3259;

}



.paypg-bnkdtl {

    margin: 20px 0px 0px;

}





/* about-us */



.aboutus-banner {

    padding: 110px 0px;

    background-color: #243c82;

}



.page-bnn-head {

    font-size: 44px;

    font-weight: 600;

    line-height: 55px;

    margin-bottom: 0;

    text-transform: capitalize;

    color: #fff;

}



.aboutpg-main {

    padding: 70px 0px 40px;

}



.aboutpg-imgbx {

    position: relative;

    margin: 0 30px 0px 0px;

}



.aboutpg-imgbx:before {

    content: '';

    position: absolute;

    right: 30px;

    bottom: 0;

    width: 90%;

    height: 96%;

    border: 10px solid #1b3259;

}



.aboutpg-imgbx img {

    max-width: 90%;

    position: relative;

    margin-bottom: 30px;

}



.miss-and-vssec {

    padding: 90px 0px;

    background-color: rgb(246, 246, 249);

}



.vanm-icon {

    padding: 24px 40px 24px 30px;

    color: #1b3259;

    font-size: 40px;

}



.vanm-icontxt h3 {

    font-weight: 600;

    font-size: 20px;

    letter-spacing: -.96px;

    color: #212529;

    margin-bottom: 5px;

}



.vanm-icontxt p {

    font-size: 16px;

    font-weight: 400;

    color: #333F4D;

    line-height: 24px;

    margin-bottom: 0;

}



.vanm-iconbx {

    display: flex;

    align-items: center;

    margin: 15px 0px 15px 0px;

}



.abtpg-manv-left {

    margin-right: 20px;

    position: relative;

}



.abtpg-manv-right {

    position: relative;

    z-index: 1;

    margin-top: 50px;

    border: 5px solid #1b3259;

    border-radius: 15px;

    padding: 0px 30px 0;

    margin-left: 50px;

}



.abtpg-manv-right img {

    width: 100%;

    border-radius: 15px;

    position: relative;

    top: -30px;

}



.team-cardbx {

    overflow: hidden;

    position: relative;

    border-radius: 5px;

    transition: 1.3s;

}



.team-cardimg:before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    right: auto;

    bottom: auto;

    width: 100%;

    height: 100%;

    background: linear-gradient(3.65deg, #1b3259 5.86%, rgba(0, 77, 110, 0) 35.23%);

    border-radius: 5px;

    z-index: 1;

}



.team-cardhd {

    font-weight: 600;

    font-size: 18px;

    letter-spacing: -.60px;

    color: #fff;

    background-image: linear-gradient(#f1f1f5, #f3f3f8), linear-gradient(#f3f3f7, #f2f2f7);

    background-size: 0% 1px, 0 1px;

    background-position: 100% 100%, 0 100%;

    background-repeat: no-repeat;

    transition: background-size .3s linear;

    margin-bottom: 10px;

    display: inline-block;

    cursor: pointer;

}



.team-cardsbhd {

    font-size: 16px;

    color: #fff;

    margin: 0;

}



.team-cardtext {

    position: absolute;

    bottom: 10px;

    left: 0;

    right: 0;

    margin: 0 auto;

    z-index: 2;

    text-align: center;

}



.team-cardhd:hover {

    background-size: 0 1px, 100% 1px;

}



.team-cardimg img {

    width: 100%;

}



.our-teamsec {

    padding: 90px 0px;

}



.team-card-main {

    margin-top: 60px;

}



.team-cardbx:hover .team-cardimg img {

    transform: scale(1.1);

    transition: .5s;

}



.team-crd-mt {

    margin-top: 40px;

}



.bann-inn h1 {

    font-size: 25px;

    color: #fff;

    margin: 1px 0px 4px;

}





/* ---rd-page--- */



.dep-cardbx {

    border-radius: 10px;

    background-color: #fff;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, .11);

    border: none;

    padding: 40px 20px;

    margin-bottom: 30px;

}



.dep-cardicon {

    border: 2px solid #1b3259;

    position: relative;

    margin: 0 auto;

    margin-top: 0px;

    max-width: 100px;

    height: 100px;

    line-height: 90px;

    padding: 5px;

    font-size: 50px;

    text-align: center;

    color: #1b3259;

}



.dep-cardicon:before {

    content: '';

    border: 2px dashed #1b3259;

    position: absolute;

    left: -10%;

    top: -10%;

    width: 120%;

    height: 120%;

}



.dep-cardhd {

    font-size: 20px;

    font-weight: 600;

    color: #212529;

    text-align: center;

    margin-bottom: 10px;

}



.dep-cardsbhd {

    color: #888;

    font-size: 16px;

    text-align: center;

    line-height: 26px;

    margin: 0;

}



.dep-cardtxt {

    padding: 35px 15px 0px;

}



.deposit-ben-sec {

    margin: 100px 0px 0px;

    background-position: top;

    background-repeat: no-repeat;

    background-size: cover;

    padding-bottom: 30px;

}



.sec-cont-pointsmain ul {

    padding: 0;

    margin: 0;

    list-style: none;

    display: flex;

    flex-wrap: wrap;

}



.sec-cont-pointsmain ul li {

    list-style: none;

    font-size: 13px;

    color: #212529;

    margin-bottom: 10px;

    transition: all 0.3s ease;

}



.sec-cont-pointsmain ul li span {

    font-size: 8px;

    background: linear-gradient(90deg, #243c82 0%, #00ACCC 100%);

    -webkit-text-fill-color: transparent;

    background-clip: text;

    display: inline-block;

    margin-right: 8px;

    transform: translateY(-3px);

}





/* .sec-cont-pointsmain ul li:nth-child(2n) {

    padding-left: 30px;

} */



.sec-cont-pointsmain {

    margin: 25px 0px 10px;

}



.dep-plan-tbbx {

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    background: #fff;

    border-radius: 10px;

    padding: 25px 30px;

    border: 1px solid #e8eaee;

}



.dep-plan-tbhd {

    font-size: 20px;

    font-weight: 600;

    color: #212529;

    text-align: center;

    margin-bottom: 10px;

}



.dep-plan-tbsbhd {

    color: #888;

    font-size: 16px;

    text-align: center;

    line-height: 26px;

    margin: 0;

}



.dep-plan-inntbhd th {

    background: #f6f6f6;

    font-size: 14px;

    color: #212529;

    font-weight: 600;

    margin: 0;

    padding: 10px 15px;

}



.dep-plan-tr th,

.dep-plan-tr td {

    font-size: 13px;

    color: #212529;

    font-weight: 500;

    margin: 0;

    padding: 16px 15px;

}



.dep-plan-table .table {

    border: 1px solid #dee2e6;

    margin: 0;

}



.dep-plan-table {

    margin: 25px 0px 0px;

}



.dep-plantb-rwtwo {

    margin-top: 25px;

}



.dep-plan-mainsec {

    padding: 60px 0px 70px;

}





/* ---event-page--- */



.date-main ul {

    margin: 0;

    display: inline-block;

    border: 1px solid #bbbcbd;

    padding: 2px 8px;

    border-radius: 25px;

}



.date-main ul li {

    list-style: none;

    display: inline-block;

    font-size: 14px;

    font-weight: 400;

    color: #67687A;

    border-right: 1px solid #bbbcbd;

    padding: 0px 10px 0px 5px;

    line-height: 16px;

}



.evnt-dateicon {

    color: #1b3259;

    margin-right: 5px;

}



.date-main ul li:last-child {

    border: 0;

}



.evnt-bxhd {

    font-size: 19px;

    font-weight: 600;

    color: #212529;

    margin-bottom: 8px;

}



.evnt-bxsbhd {

    font-size: 16px;

    color: #67687A;

    line-height: 26px;

    font-weight: 400;

    margin: 0;

}



.evnt-bxcntn {

    margin: 18px 0px;

}



.evnt-locbx p {

    list-style: none;

    font-size: 15px;

    font-weight: 500;

    color: #212529;

    margin-bottom: 0px;

}



.evnt-imgtext {

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    background: #fff;

    border-radius: 15px;

    padding: 25px 40px;

    border: 1px solid #e8eaee;

}



.evnt-leftimg img {

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    border-radius: 15px;

    overflow: hidden;

    height: 100%;

    object-fit: cover;

    width: 100%;

}



.evnt-leftimg {

    height: 100%;

    width: 100%;

}



.evnt-bx-rwtw {

    margin-top: 30px;

}



.event-mainsec {

    margin: 60px 0px;

}



.event-mainbx {

    margin: 20px 0px 0px;

}





/* ---conttact-page--- */



.contpg-formhd {

    font-size: 45px;

    font-weight: 800;

    line-height: 55px;

    color: #212529;

    margin-bottom: 15px;

    text-transform: capitalize;

}



.contpg-formsbhd {

    font-size: 18px;

    color: #67687A;

    line-height: 28px;

    font-weight: 400;

    margin: 0;

}



.cont-innermain {

    position: relative;

    box-shadow: rgba(19, 16, 34, 0.1) 0px 4.8px 24.4px -6px, rgba(19, 16, 34, 0.06) 0px 4px 13px -2px;

    padding: 80px 80px 75px;

    background: #fff;

    border-radius: 0px 0px 5px 5px;

}



.contpg-forminput input,

.contpg-forminput textarea {

    height: 55px;

    margin-bottom: 20px;

    resize: none;

    font-size: 16px;

    background: #fff;

    border-width: 1px;

    border-style: solid;

    border-color: rgb(227, 227, 227);

    border-image: initial;

    border-radius: 5px;

    width: 100%;

    padding-left: 26px;

    padding-right: 26px;

    outline: none;

}



.contpg-forminput textarea {

    padding-top: 17px;

    height: 110px;

    margin-bottom: 10px;

}



.contpg-forminput input:focus,

.contpg-forminput textarea:focus {

    font-size: 16px;

    font-weight: 400;

    color: #67687A;

    border: 1px solid #1b3259;

}



.contpg-formbx {

    margin-top: 40px;

}



.contpg-dtlcrd-icon {

    font-size: 40px;

    font-weight: 900;

    background: linear-gradient(90deg, #243c82 0%, #1b3259 100%);

    -webkit-text-fill-color: transparent;

    background-clip: text;

    margin-right: 30px;

}



.contpg-dtlcrd-hd {

    font-size: 20px;

    margin-bottom: 12px;

    color: #212529;

}



.contpg-dtlcrd-sbhd {

    font-size: 18px;

    color: #67687A;

    line-height: 28px;

    font-weight: 400;

    margin: 0;

}



.contpg-dtlcard {

    display: flex;

    padding: 25px 30px 25px 25px;

    background: #fff;

    border: 1px solid #E3E3E3;

    border-radius: 5px;

    margin-bottom: 40px;

}



.contpg-dtl-main {

    padding-top: 40px;

    padding-left: 30px;

}



.cont-mainsec {

    margin: 80px 0px 50px 0px;

}



.cont-locmap iframe {

    width: 100%;

}



.locat-map-sec {

    margin: 80px 0px 50px 0px;

    display: block;

}



.cont-bottomtxt {

    margin: 40px 0px 70px 0px;

}





/* ---loans--- */



.loans-main-sec {

    margin: 70px 0px 50px 0px;

}



.acc-cust-item {

    border: 0;

    background-color: #F6F6F8;

    border-radius: 0 !important;

}



.loa-custaac-btn {

    border: 0;

    background: none;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    padding: 20px 30px;

    font-size: 20px;

    color: #212529;

    font-weight: 600;

    line-height: 1.5;

    text-transform: capitalize;

    transition: all 500ms ease;

    z-index: 2;

    width: 100%;

}



.acc-cust-item h2 {

    position: relative;

}



.acc-cust-item h2:after {

    content: "";

    position: absolute;

    width: 0;

    height: calc(100% + 1px);

    top: -1px;

    right: 0;

    background-color: #1b3259;

    z-index: 1;

    transition: all 500ms ease;

}



.acc-cust-item h2:hover:after {

    left: 0;

    width: 100%;

}



.acc-cust-item h2:hover .loa-custaac-btn {

    color: #fff;

}



.acc-cust-item h2:before {

    content: "";

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    width: 6px;

    height: calc(100% - 60px);

    background-color: #1b3259;

}



.loan-acc-txthd {

    font-size: 24px;

    font-weight: 700;

    line-height: 1.2;

    text-transform: capitalize;

    margin-bottom: 17px;

    color: #212529;

}



.loan-acc-txt {

    line-height: 1.875;

    font-size: 16px;

    color: #82828a;

    font-weight: 400;

}



.loan-acc-txtbx {

    margin: 25px 0px 0px;

}



.loa-custaac-btn:not(.collapsed) {

    background-color: #1b3259;

    color: #fff;

}



.accor-tab-main,

.loan-acc-cntnmain {

    margin: 15px 0px 0px;

}





/* --gallery-- */



.gallery {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    gap: 16px;

    width: 100%;

    max-width: 100%;

}



.gallery-detail {

    margin: 70px 0px;

}



.gallery img {

    width: 100%;

    border-radius: 8px;

    cursor: pointer;

    transition: transform 0.3s ease;

}



.gallery img:hover {

    transform: scale(1.05);

}



.modal {

    display: none;

    position: fixed;

    inset: 0;

    background: rgba(0, 0, 0, 0.8);

    backdrop-filter: blur(2px);

    justify-content: center;

    align-items: center;

    z-index: 9999;

}



.modal-content {

    /* width: 75%;

    max-height: 90vh; */

    border-radius: 10px;

    box-shadow: 0 0 40px #000;

}



.closeBtn {

    position: fixed;

    top: 20px;

    right: 30px;

    font-size: 2rem;

    color: #fff;

    cursor: pointer;

    z-index: 1000;

}



.gall-det-imgbx {

    margin: 15px 0px;

}



.gall-cat-bx img {

    width: 50%;

    padding: 5px;

}



.gall-cat-bx {

    display: flex;

    flex-wrap: wrap;

    border: 1px solid #ccc;

    border-radius: 5px;

    padding: 5px;

}



.gall-mainsec {

    margin: 70px 0px 70px;

}



.gall-cat-namebx {

    text-align: center;

}



.gall-cat-namebx a {

    font-size: 22px;

    color: #243c82;

    font-weight: 600;

    text-align: center;

    margin: 12px 0px 0px 0px;

    display: inline-block;

    text-decoration: none;

    position: relative;

}



.gall-cat-namebx a:before {

    content: "";

    width: 0%;

    height: 2px;

    background: #1b3259;

    left: 0;

    bottom: 0;

    position: absolute;

    transition: .4s;

}



.gall-cat-namebx a:hover:before {

    width: 100%;

}





/* ---membership-plan--- */



.mem-plancrd-ftr {

    color: #888;

    text-align: center;

    margin: 25px 0px 0px;

    font-size: 16px;

    font-weight: 400;

    position: relative;

}



.mem-plancrd-ftr:before {

    content: "";

    height: 1px;

    background-color: #888;

    left: 0;

    width: 38%;

    top: 11px;

    position: absolute;

}



.mem-plancrd-ftr:after {

    content: "";

    height: 1px;

    background-color: #888;

    right: 0;

    width: 38%;

    top: 11px;

    position: absolute;

}



.mem-plancrd-btn {

    width: 100%;

}



.mem-plancrd-ftrpoints ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.mem-plancrd-ftrpoints ul li {

    color: #212529;

    font-size: 15px;

    font-weight: 400;

    margin: 10px 0px 0px 0px;

}



.mem-plancrd-ftrpoints ul li span {

    color: #1b3259;

    font-size: 18px;

    margin-right: 10px;

}



.mem-plancrd-ftrpoints {

    margin-top: 20px;

}





/* ----common-page--- */



.breadcrumb-main ul li a,

.breadcrumb-main ul li {

    font-size: 17px;

    color: #fff;

    text-decoration: none;

    font-weight: 600;

}



.breadcrumb-main ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.breadcrumb-main ul li {

    display: inline-block;

}



.bredcrum-comm-icon {

    font-size: 16px;

    color: #fff;

    margin-top: 0;

    display: inline-block;

}



.breadcrumb-main {

    margin-top: 6px;

}



.commpg-cardbx {

    position: relative;

    padding: 25px 25px 20px 25px;

    background-color: #fff;

    border-radius: 25px;

    transition: .4s;

    margin-top: 25px;

}



.commpg-card-sec {

    background-color: #F9F3EB;

    padding: 80px 0px 70px 0px;

    margin-top: 30px;

}



.commpg-cardimg img {

    border-radius: 25px;

}



.commpg-cardhd {

    font-size: 20px;

    text-decoration: none;

    font-weight: 500;

    margin-bottom: 10px;

    cursor: pointer;

    position: relative;

    color: #212529;

    display: inline;

    background-repeat: no-repeat;

    background-size: 0% 1px, 0 1px;

    background-position: 100% 100%, 0 100%;

    transition: background-size 0.3s linear;

    background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);

}



.commpg-cardhd:hover {

    background-position: 0% 1px, 100% 1px;

}



.commpg-card-txtbx {

    margin: 20px 0px 0px 0px;

}



.commpg-cardtxtp {

    font-size: 16px;

    color: #67687A;

    font-weight: 400;

    margin: 10px 0px 10px 0px;

}



.commpg-crdpnt {

    color: #212529;

    font-size: 16px;

    margin-bottom: 10px;

}



.commpg-crdpnt span {

    font-size: 8px;

    background: linear-gradient(90deg, #243c82 0%, #00ACCC 100%);

    -webkit-text-fill-color: transparent;

    background-clip: text;

    display: inline-block;

    margin-right: 8px;

    transform: translateY(-3px);

}



.commpg-card-points {

    margin: 20px 0px 0px 0px;

    color: #000;

}



.commpg-card-points:hover {

    color: #fff;

}



.commpg-crd-btnbx a {

    background: linear-gradient(90deg, rgba(48, 44, 81, 1) 0%, rgba(0, 173, 239, 1) 100%);

    color: #fff;

    text-decoration: none;

    padding: 10px 20px;

    display: inline-block;

    margin: 15px 0px 0px 0px;

    border-radius: 10px;

    transition: .4s;

}



.commpg-crd-icnbtn a {

    background: linear-gradient(90deg, rgba(48, 44, 81, 1) 0%, rgba(0, 173, 239, 1) 100%);

    color: #fff;

    height: 40px;

    width: 40px;

    font-size: 16px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    text-decoration: none;

    padding: 5px;

}



.commpg-crd-icnbtn {

    position: absolute;

    right: 20px;

    bottom: 20px;

}



.commpg-crd-icnbtn a i {

    transform: rotate(-45deg);

}



.commpg-cardbx:hover {

    background-color: #1b3259;

    transition: 0.4s;

}



.commpg-cardbx:hover .commpg-cardhd {

    color: #fff;

}



.commpg-cardbx:hover .commpg-cardtxtp {

    color: #fff;

}



.commpg-cardbx:hover .commpg-crdpnt,

.commpg-cardbx:hover .commpg-card-points {

    color: #fff;

}



.commpg-cardbx:hover .commpg-crdpnt span {

    background: none;

    -webkit-text-fill-color: #fff;

}



.commpg-cardbx:hover .commpg-crd-btnbx a {

    background: #fff;

    color: #1b3259;

}



.commpg-cardbx:hover .commpg-crd-icnbtn a {

    background: #fff;

    color: #1b3259;

}



.commpg-cardimg img {

    width: 100%;

    object-fit: cover;

}



.page-bnn-sbhead {

    font-size: 17px;

    color: #fff;

    margin: 0px 0px 4px;

}



.commpg-faqimg {

    border-radius: 20px;

    overflow: hidden;

}



.commpg-faqimgbtn-left {

    display: flex;

    justify-content: left;

    align-items: center;

}



.commpg-faqbtn-icon i {

    color: #1b3259;

    font-size: 30px;

    margin-right: 20px;

}



.commpg-faqbtnsbhd {

    color: #566593;

    font-size: 16px;

    margin: 0;

    font-weight: 400;

}



.commpg-faqbtnhd {

    color: #212529;

    text-decoration: none;

    font-size: 20px;

    font-weight: 600;

    margin: 0;

}



.commpg-faq-rightimg-main {

    position: relative;

    margin-left: 50px;

}



.commpg-faqimg-btn {

    position: absolute;

    background-color: #fff;

    bottom: 30px;

    width: 85%;

    left: 0;

    right: 0;

    margin: 0 auto;

    padding: 10px 20px;

    border-radius: 20px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.commpg-faqbtn-arr {

    font-size: 20px;

    background: #1b3259;

    color: #fff;

    height: 50px;

    width: 50px;

    border-radius: 10px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.commpg-faqbtn-arr i {

    transform: rotate(-45deg);

}



.faq-main-sec {

    margin: 80px 0px 50px 0px;

}



.commpg-acc-item {

    border: 0px;

}



.commpg-acc-btn {

    background-color: #ecf5fb !important;

    width: 100%;

    border: 0;

    font-size: 18px;

    padding: 14px 15px;

    text-align: left;

    font-weight: 500;

    color: #212529 !important;

    box-shadow: 2px 2px 0 rgba(0, 189, 224, 0.2) !important;

    margin-bottom: 10px;

}



.commpg-acc-body {

    border: 1px solid #ebe6e7;

    border-radius: 6px;

    color: #67687A;

    font-size: 15px;

    font-weight: 400;

    margin-bottom: 20px;

}



.commpg-nrm-cntn {

    padding: 80px 0px 50px;

}





/* responsive */



@media only screen and (max-width: 1400px) {

    .mem-log-left img {

        height: 550px;

        object-fit: cover;

    }

}



@media only screen and (max-width: 1200px) {

    .login-btn a {

        padding: 6px 15px;

        font-size: 15px;

    }

    .cust-menu-link {

        margin: 0px 5px;

        padding: 2px 10px;

        font-size: 15px;

    }

}



@media only screen and (max-width: 992px) {

    .cust-menu-link {

        padding: 0;

        margin: 10px 0px 5px 0px;

        border-right: 0;

    }

    .login-btn {

        margin: 0px 0px 20px 0px;

        padding: 10px 0px 0px;

    }

    .cust-carsl-cap h5 {

        font-size: 38px;

    }

    .cust-carsl-cap p {

        font-size: 19px;

    }

    .hm-bnbtn a {

        padding: 8px 20px;

    }

    .marq-list li a {

        font-size: 16px;

    }

    .sec-subhead {

        font-size: 17px;

    }

    .sec-head {

        font-size: 35px;

        line-height: 45px;

        margin-bottom: 25px;

    }

    .sec-text {

        font-size: 15px;

        margin-bottom: 10px;

    }

    .sec-btn a {

        padding: 8px 16px;

    }

    .abt-text-main {

        margin-top: 50px;

    }

    .ser-card-head {

        font-size: 21px;

    }

    .ser-card-icon {

        top: -15px;

        right: 15px;

    }

    .cta-head {

        font-size: 22px;

    }

    .cta-subhead {

        font-size: 16px;

    }

    .cta-right a {

        padding: 8px 35px;

        font-size: 16px;

    }

    .menu-toggbtn:focus {

        box-shadow: none;

    }

    .abt-secimg {

        display: none;

    }

    .abt-main-img img {

        width: 100%;

    }

    .cont-innermain {

        padding: 50px 50px 45px;

    }

    .contpg-formhd {

        font-size: 35px;

    }

    .contpg-dtl-main {

        padding-top: 60px;

        padding-left: 0;

    }

    .memlog-head {

        font-size: 18px;

        margin-bottom: 25px;

        line-height: 30px;

    }

    .memlog-subhead {

        font-size: 15px;

        margin-bottom: 8px;

    }

    .mem-log-btn input {

        margin: 15px 0px 0px 0px;

    }

    .form-field input {

        height: 40px;

    }

    .form-field {

        margin-bottom: 15px;

    }

    .gall-cat-namebx {

        text-align: center;

        margin-bottom: 20px;

    }

}



@media only screen and (max-width: 768px) {

    .top-right {

        justify-content: center;

        display: none;

    }

    .top-mail li:first-child {

        display: none;

    }

    .top-mail li:last-child {

        float: right;

    }

    .top-left {

        margin-bottom: 4px;

        justify-content: center;

    }

    .sec-subhead {

        font-size: 16px;

    }

    .sec-head {

        font-size: 30px;

    }

    .fea-card-mt {

        margin-top: 0px;

    }

    .gallery-img img {

        width: 100%;

    }

    .cta-right {

        text-align: center;

        margin-right: 0;

        padding: 30px 0px 0px 0px;

    }

    .topcta {

        padding: 40px;

    }

    .test-sec:after {

        display: none;

    }

    .footer {

        border-top: 5px solid #1b3259;

    }

    .footer-menu-head p {

        font-size: 21px;

        margin-bottom: 20px;

    }

    .footer-menu-links ul li:last-child a {

        margin-bottom: 0;

    }

    .text-end {

        position: absolute;

        right: 10px;

    }

    .section-main {

        padding: 60px 0px 60px 0px;

    }

    .section-two {

        padding: 60px 0px;

    }

    .fea-sec {

        margin: 60px 0px 0px;

    }

    .gall-sec {

        padding: 60px 0px 20px;

    }

    .cta-head,

    .cta-subhead {

        text-align: center;

    }

    .slider-sec {

        margin: 80px 0px 60px 0px;

    }

    .test-sec {

        padding: 60px 0px 60px;

    }

    .top-mail {

        text-align: justify;

    }

    .custom-carousel-item {

        height: 400px;

    }

    .page-bnn-head {

        font-size: 35px;

    }

    .aboutpg-imgbx:before {

        right: 0;

    }

    .abtpg-manv-left {

        margin-right: 0px;

    }

    .miss-and-vssec {

        padding: 60px 0px;

    }

    .our-teamsec {

        padding: 60px 0px;

    }

    .btm-ftrmenu-bx ul {

        text-align: left;

        margin-top: 15px;

    }

    .evnt-imgtext {

        padding: 25px 30px;

    }

    .contpg-formhd {

        font-size: 30px;

    }

    .contpg-formsbhd {

        font-size: 16px;

    }

    .contpg-dtlcrd-hd {

        margin-bottom: 5px;

    }

    .contpg-dtlcrd-hd {

        font-size: 19px;

    }

    .contpg-dtlcrd-sbhd {

        font-size: 16px;

    }

    .mem-log-right,

    .mem-log-veriprt {

        margin: 30px 40px;

        width: auto;

    }

    .mem-log-left {

        display: none;

    }

    .prf-left-bottom {

        display: flex;

        overflow-x: scroll;

        width: 100%;

        padding: 10px;

    }

    .prof-left-innbtm {

        padding: 10px

    }

    .prof-menu-icon,

    .prof-left-drpicon {

        display: none;

    }

    .prof-menu-drpmain {

        padding: 10px 18px 8px;

    }

    .pro-submenu-inn {

        padding: 8px 5px 8px 17px;

        border-bottom: 1px solid #ccc;

    }

    .prof-submenu-box {

        display: none;

        position: absolute;

        background: #fff;

        width: 100px;

        border: 1px solid #ccc;

    }

    .prof-left-drpmenu:hover .prof-submenu-box {

        display: block;

    }

    .pro-submenu-inn:last-child {

        border-bottom: 0;

    }

    .prof-menu-drpmain p {

        font-size: 15px;

    }

    .prof-left-menuhead a {

        font-size: 15px;

    }

    .log-drpicon {

        display: block;

    }

}



@media only screen and (max-width: 576px) {

    .sec-head {

        font-size: 24px;

        margin-bottom: 15px;

        line-height: 35px;

    }

    .sec-subhead {

        font-size: 15px;

        margin-bottom: 8px;

    }

    .service-card-box {

        padding: 30px;

    }

    .ser-card-head {

        font-size: 19px;

    }

    .ser-card-text {

        font-size: 15px;

    }

    .ser-card-icon {

        height: 50px;

        width: 50px;

        font-size: 20px;

    }

    .fea-card-head {

        font-size: 19px;

    }

    .fea-card-text {

        font-size: 15px;

    }

    .cta-head {

        font-size: 20px;

    }

    .cta-subhead {

        font-size: 15px;

    }

    .cta-right a {

        padding: 7px 25px;

        font-size: 15px;

    }

    .sec-subhead-center {

        font-size: 16px;

    }

    .price-value {

        font-size: 28px;

    }

    .card-head {

        font-size: 18px;

    }

    .card-price-des {

        font-size: 15px;

    }

    .price-card-btn {

        padding: 8px 25px;

    }

    .footer-menu-head p {

        font-size: 19px;

    }

    .footer-menu-links ul li a {

        font-size: 15px;

    }

    .custom-carousel-item {

        height: 350px;

    }

    .bann-inn h1 {

        font-size: 13px;

    }

    .page-bnn-head {

        font-size: 30px;

    }

    .breadcrumb-main ul li a,

    .breadcrumb-main ul li {

        font-size: 16px;

    }

    /* .abtpg-manv-right {

        display: none;

    } */

    .vanm-icontxt p {

        font-size: 15px;

    }

    .vanm-icontxt h3 {

        font-size: 19px;

    }

    .vanm-icon {

        padding: 22px 30px 22px 25px;

        font-size: 32px;

    }

    .contpg-formhd {

        font-size: 25px;

    }

    .cont-innermain {

        padding: 30px 30px 25px;

    }

    .contpg-dtlcrd-icon {

        font-size: 30px;

        margin-right: 25px;

    }

    .contpg-dtlcard {

        margin-bottom: 25px;

    }

    .loan-acc-txthd {

        font-size: 22px;

    }

    .prf-dtl-inndtl {

        margin: 10px 0px 20px;

    }

    .form-field label {

        display: block;

    }

    .form-error,

    .frm-err {

        float: none;

    }

    #mobileMenu {

        width: 83%;

    }

    .offcn-memlg a {

        font-size: 16px;

    }

}



#enquiryForm input[type="text"] {

    padding: 8px;

    border-radius: 0;

    margin-bottom: 10px;

    border: 1px solid #ccc;

    font-size: 14px;

}



#enquiryForm .close {

    position: absolute;

    right: 10px;

}