/*--master css--*/

@import url("/css/master.css");

/*-- Header --*/

header {
    position: fixed;
    margin: 0px;
    padding: 0px 10px;
    display: inline-block;
    width: 100%;
    background: rgb(255, 255, 255);
    z-index: 999;
}

header .container-fluid {
    width: calc(100% - 100px);
}

header .row {
    align-items: center;
    justify-content: space-between;
}

header .logo {
    width: 200px;
    margin: 0px;
    padding: var(--zeropadding);
    display: inline-block;
}

header nav {
    margin: 0px;
    padding: var(--zeropadding);
    display: inline-block;
    width: auto !important;
    box-shadow: unset !important;
    border: unset !important;
}

nav ul {
    margin: 0px;
    padding: var(--zeropadding);
    list-style: none;
    width: auto;
    display: inline-block;
}

.dropdown li:hover {
    background: rgb(243, 245, 253);
}

nav ul li span {
    font-size: 13px;
    line-height: unset;
    margin: 0px;
}

nav ul li {
    margin: 0px;
    padding: var(--zeropadding);
    width: auto;
    display: inline-block;
    cursor: pointer;
}

nav ul li a {
    padding: 0px 20px;
    font-size: 16px;
    font-weight: var(--fontwei60);
    cursor: pointer;
    color: rgb(0, 0, 0);
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    line-height: 90px;
}


/*-- Mega Dropdown --*/

nav ul li ul li a span {
    width: 19px;
    display: inline-block;
    margin: 0px 15px 0px 0px;
    object-fit: contain;
    object-position: center top;
    overflow: hidden;
    height: 20px;
    top: 0px;
    position: relative;
    line-height: unset;
}

.megaropdown {
    position: absolute;
    display: none;
}

ul .dropdown:hover>ul,
.dropnav:hover .megaropdown {
    display: var(--disblo);
}

.dropdown ul,
.megaropdown {
    width: 250px;
    text-align: left;
    display: none;
    left: 0px;
    right: 0px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(7, 7, 7, 0.13) 0px 20px 20px 0px;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid rgb(191 191 191);
    position: absolute;
    top: 100%;
}

.dropdown li {
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    padding: 8px 5px;
    display: block;
    width: 100%;
    margin: 0px 0px 2px;
    height: unset;
    transition: all 0.5s linear 0s;
    text-align: left;
    line-height: 25px;
}

.dropdown li:last-child a {
    border-bottom: unset;
    margin-bottom: unset;
    padding-bottom: unset;
}

.dropdown li a {
    padding: 0px;
    width: 100%;
    flex-direction: row;
    line-height: 20px;
    font-size: 14px;
    transition: all 0.5s linear 0s;
    font-weight: 500;
    gap: 5px;
    color: rgb(0, 0, 0) !important;
}

.dropdown li a sum,
.megaropdown li a span {
    border-radius: 4px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub-dropdown ul {
    top: 0px;
    left: 100%;
}

.sub-dropdown a {
    position: relative;
}

.sub-dropdown ul li a span {
    position: relative !important;
}

.sub-dropdown a span:last-child {
    position: absolute;
    right: 0px;
    top: 0px;
    width: max-content;
}

.subdelis ul {
    padding-right: 0px;
}

nav ul li a p {
    margin: 5px 0px 0px;
    padding: var(--zeropadding);
    font-size: 12px;
    color: rgb(110, 109, 121);
    width: 100%;
    line-height: 25px;
}

.megaropdown {
    height: max-content;
    margin: 0px auto;
    width: 60%;
}

header .container {
    position: relative;
}

.megaropdown h6 {
    padding: 0px 0px 2px;
    font-size: 15px;
    font-weight: 600;
    color: rgb(1, 55, 17);
    text-align: left;
    border-bottom: 2px solid rgb(1, 55, 17);
    margin-bottom: 20px;
    width: max-content;
}

.megaropdown ul li {
    width: 100%;
    margin-bottom: 0px;
    cursor: pointer;
}

.megaropdown ul li a {
    position: relative;
    border-radius: 4px;
    padding: 9px 10px;
    width: 100%;
    margin: 0px 0px 2px;
    height: unset;
    text-align: left;
    display: flex;
    flex-flow: row;
    line-height: 20px;
    font-size: 14px;
    transition: all 0.5s linear 0s;
    font-weight: 500;
    place-content: flex-start;
    cursor: pointer;
    color: rgb(0, 0, 0) !important;
}

.megaropdown li a span {
    width: 19px;
    display: inline-block;
    margin: 0px;
    object-fit: contain;
    object-position: center top;
    overflow: hidden;
    height: 20px;
    top: 0px;
    position: relative;
}

.nav-toggle {
    position: relative;
    margin: 0px;
    width: 35px;
    height: 40px;
    padding: 5px 7px;
    float: right;
    border-radius: 4px;
    top: 4px;
    border: 1px solid rgba(23, 16, 70, 0.12);
    display: none;
}

.nav-toggle div {
    width: 100%;
    height: 2px;
    background: rgb(23, 16, 70);
    margin: 6px auto;
    transition: all 0.3s ease 0s;
    text-align: right;
    border-radius: 10px;
    font-size: large;
}

.nav-toggle .two {
    width: 100%;
    margin-right: 0px;
}

.nav-toggle .three {
    width: 100%;
    margin-right: 0px;
}

.userco {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: auto;
    display: flex;
    cursor: pointer !important;
    gap: 10px;
}

.userco span {
    width: 50px;
    height: auto;
    display: block;
    cursor: pointer;
}

.userco span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.userco a.applyBtn {
    border-radius: 4px;
    margin-right: 30px;
    padding: 10px 30px;
    height: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divider-box h4 {
    font-size: 15px;
    font-weight: 600;
    color: rgb(1, 55, 17);
    text-align: left;
    border-bottom: 2px solid rgb(1, 55, 17);
    margin-bottom: 20px;
    padding-bottom: 2px;
    width: max-content;
}

.divider-box h5 {
    font-size: 15px;
    font-weight: 600;
    color: rgb(84, 182, 74);
    margin-bottom: 30px;
    width: 100%;
    margin-top: 0px;
}

.divider-box:last-child h5 {
    margin-top: 20px;
}

.styled-rich-text {
    position: relative;
    margin: 20px 0px 0px;
    padding: 0px 5px;
    width: 100%;
}

.styled-rich-text img {
    max-width: 35px;
    height: auto;
    text-align: left;
    margin: 0px 0px 10px !important;
}

.styled-rich-text p {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.71429;
    font-family: inherit;
    color: rgb(51, 51, 51);
    margin-bottom: 0px;
}

.support_sec_are a {
    background: rgb(255, 193, 7);
    border-radius: 4px;
    padding: 5px 10px;
    color: rgb(32, 31, 31);
    font-weight: bold;
    font-size: 11px;
    width: 190px;
}

.support_sec_are a:hover {
    color: rgb(0, 0, 0);
}

.dropnav .row {
    display: flex;
    align-items: flex-start;
}

.divider-box {
    position: relative;
    margin: 0px;
    padding: 10px;
}

.divider-box h4+h5 {
    margin-top: 0px !important;
}

.styled-rich-text p a {
    color: rgb(44, 80, 255);
    transition: all 0.5s linear 0s;
    line-height: unset;
    padding: 0px;
    font-size: 14px;
    margin: 0px 0px 10px;
}

.megaropdown ul li:hover {
    background: rgb(243, 245, 253);
    border-radius: 4px;
}


/*-- Support in header --*/

.supnabar {
    display: none;
}

.needtohelp h4,
.supnabar h4 {
    margin: 0px auto 50px;
    letter-spacing: 0.5px;
    text-transform: unset;
    color: rgb(0, 80, 9);
    font-weight: 700;
    font-size: 25px;
    position: relative;
    text-align: center;
    line-height: 50px;
}

.needtohelp h4::after {
    content: "";
    position: absolute;
    bottom: -10px;
    border-bottom: 5px solid rgb(86, 186, 75);
    width: 60px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}

.needtohelp ul,
.supnabar ul {
    position: relative;
    margin: 0px;
    padding: 0px;
    display: contents;
}

.needtohelp ul li:nth-child(1) a span,
.supnabar ul li:nth-child(1) a span {
    color: rgb(71, 135, 250);
    background-image: linear-gradient(rgba(71, 135, 250, 0.37) 0%, rgba(71, 135, 250, 0) 100%);
}

.needtohelp ul li:nth-child(2) a span,
.supnabar ul li:nth-child(2) a span {
    background-image: linear-gradient(rgba(139, 195, 74, 0.24) 0%, rgba(71, 135, 250, 0) 100%);
    color: rgb(139, 195, 74);
}

.needtohelp ul li:nth-child(3) a span,
.supnabar ul li:nth-child(3) a span {
    background-image: linear-gradient(rgba(65, 166, 66, 0.35) 0%, rgba(77, 194, 71, 0) 100%);
    color: rgb(11, 90, 14);
}

.needtohelp ul li:nth-child(4) a span,
.supnabar ul li:nth-child(4) a span {
    color: rgb(114, 194, 39);
    background-image: linear-gradient(rgba(114, 194, 39, 0.26) 0%, rgba(71, 135, 250, 0) 100%);
}

.needtohelp ul li:nth-child(5) a span,
.supnabar ul li:nth-child(5) a span {
    background-image: linear-gradient(rgba(63, 81, 181, 0.17) 0%, rgba(71, 135, 250, 0) 100%);
    color: rgb(63, 81, 181);
}

.needtohelp ul li a .texspan {
    width: calc(100% - 85px);
}

.needtohelp ul li:nth-child(6) a span,
.supnabar ul li:nth-child(6) a span {
    background-image: linear-gradient(rgba(63, 81, 181, 0.17) 0%, rgba(71, 135, 250, 0) 100%);
    color: rgb(63, 81, 181);
}

.needtohelp ul li,
.supnabar ul li {
    list-style: none;
    margin: 0px;
    padding: 20px 15px;
    width: calc(33%);
    background: rgb(255, 255, 255);
    height: unset;
    display: inline-block;
    position: relative;
    border: 1px solid rgb(239, 239, 239);
    transition: all 0.5s linear 0s;
    cursor: pointer;
    border-radius: 6px;
    overflow: hidden;
}

.needtohelp ul li a span,
.supnabar ul li a span {
    background-color: transparent;
    border-radius: 10px;
    overflow: hidden;
    font-size: 30px;
    transform: rotate(0deg);
    width: 60px;
    display: inline-block;
    height: 80px;
    text-align: center;
    line-height: 70px;
    float: left;
    margin-right: 15px;
}

.needtohelp ul li a,
.supnabar ul li a {
    text-align: left;
    margin: 0px;
    padding: 0px;
    display: flex;
    position: relative;
    gap: 15px;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none;
}

.needtohelp ul li a h5,
.supnabar ul li a h5 {
    margin-bottom: 5px;
    color: rgb(31, 133, 51);
    font-size: 16px;
    font-weight: 600;
    transition: all 0.5s linear 0s;
}

.needtohelp ul li a p,
.supnabar ul li a p {
    color: rgb(0, 0, 0);
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    font-weight: 600;
}

.needtohelp .top-heading {
    width: 100%;
    position: relative;
    margin: 0px 0px 50px;
    padding: 0px;
    display: inline-block;
}

.needtohelp ul li:hover,
.supnabar ul li:hover {
    transition: all 0.5s linear 0s;
    transform: scale(1.03);
    box-shadow: rgb(157, 157, 157) 0px 5px 10px;
    z-index: 9;
}

.catifications {
    margin-top: 20px;
}

ul .dropdown:hover>ul li.dropdown:hover>ul {
    left: 100%;
    top: 0;
}


/*-- Slider --*/

#hero-slider {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    border: unset;
}

.slider {
    padding: 100px 0px 0px;
    background: linear-gradient(0deg, #f9f9f9e0, #ffffff00);
}

ul.tick-list {
    position: relative;
    margin: 30px 0px;
    list-style: none;
    padding: 0;
    margin-bottom: 25px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px 15px;
}

ul.tick-list li {
    margin-bottom: 10px;
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

ul.tick-list li span {
    color: #ffb901;
    margin-right: 5px;
    background: #f8f8f8;
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 4px;
    line-height: 25px;
    text-align: center;
}

.slider .banrcntprd {
    position: relative;
    margin: 0px;
    padding: 30px 0px 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.slider .banrcntprd h1 {
    font-size: 30px;
    display: block;
    color: rgb(0, 0, 0);
    line-height: 40px;
    font-weight: 800;
    margin: 0;
}

.slider .banrcntprd h2 {
    font-size: 45px;
    line-height: 60px;
    text-align: left;
    width: 100%;
    color: rgb(26, 19, 72);
    margin: 0px;
    font-weight: 800;
    padding: 10px 0px;
    text-transform: capitalize;
}

.slider .banrcntprd h3 {
    line-height: 20px;
    font-size: 20px;
    margin: 5px 0px 20px;
    color: rgb(0, 0, 0);
    font-style: normal;
    display: block;
    font-weight: 400;
}

#hero-slider .owl-dots {
    margin: 0px auto;
    width: max-content;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: block !important;
}

#hero-slider .owl-nav {
    position: relative;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    display: contents;
    top: 0px;
}

#hero-slider .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin: 0px 2px;
    background: rgb(173, 172, 172) !important;
    padding: 0px !important;
}

#hero-slider .owl-dots .owl-dot.active {
    background: rgb(42, 53, 148) !important;
    width: 30px;
}

.secdiv .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.logosection {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: auto !important;
}

header.secdiv nav {
    margin: 0px;
    padding: 0px;
    width: auto;
}

#hero-slider .owl-nav button {
    position: absolute;
    top: 40%;
    margin: 0px;
    width: 35px;
    height: 60px;
    background: rgb(255 255 255);
    border-radius: 4px;
    border: 1px solid rgb(222 220 220);
}

.hedfixse {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: auto;
}

.owl-nav button.owl-next {
    right: 0px;
}

#hero-slider .owl-nav button.owl-prev {
    left: 0px;
}

#hero-slider .owl-nav button.owl-next {
    right: 0px;
}

.slider .banrcntprd img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    display: block;
    height: unset !important;
}

.applyBtn {
    margin-top: 5px;
    background-color: #043873;
    color: white;
    border: none;
    cursor: pointer;
    width: max-content;
    position: relative;
    display: inline;
    padding: 12px 50px;
    background: radial-gradient(circle, rgb(9, 118, 51) 0%, rgb(13, 155, 67) 0%, rgb(9, 118, 51) 60%);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: all 0.5s linear;
    border-radius: 8px;
}


/*-- footer --*/

footer {
    background-color: rgb(32, 31, 31);
    position: relative;
    padding: 50px 0px 0px;
}

footer h4,
.sitemapganerated .footer_menu_Sec h4 {
    color: white;
    margin-bottom: 20px;
    text-transform: capitalize;
    border-bottom: 2px solid rgb(255, 193, 7);
    width: max-content;
    padding-bottom: 5px;
    margin-top: 30px;
    font-size: 16px;
}

footer h5,
.sitemapganerated .footer_menu_Sec h5 {
    color: rgb(255, 193, 7);
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 30px;
}

footer ul,
.sitemapganerated .footer_menu_Sec ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    position: relative;
}

footer ul li,
.sitemapganerated .footer_menu_Sec ul li {
    margin: 0px 0px 5px;
    display: inline-block;
    width: 100%;
    transition: all 0.5s linear 0s;
    padding-left: 5px;
}

footer ul li a,
.sitemapganerated .footer_menu_Sec ul li a {
    color: white;
    font-weight: 400;
    font-size: 12px;
    width: 100%;
    display: inline-block;
    padding: 5px 0px;
    border-radius: 4px;
    transition: all 0.5s linear 0s;
}

footer .footer_menu_Sec,
.sitemapganerated .footer_menu_Sec {
    width: 100%;
    height: unset;
    overflow: hidden auto;
}

footer .footer_menu_Sec:first-child h5,
footer .footer_menu_Sec:first-child h4 {
    margin-top: 0px;
}

ul.social-mediased li,
.secondfooter li {
    display: inline-block;
    width: auto;
    margin: 0px 5px 0px 0px;
    padding: 0px 5px 0px 0px;
    border-right: 2px solid white;
    line-height: 10px;
    background: unset;
}

footer h2 {
    color: white;
    font-size: 14px;
    margin: 0px;
    position: relative;
    display: inline-block;
    line-height: unset;
}

footer .row:first-child {
    margin-bottom: 0px;
}

.copyright {
    position: relative;
    margin: 0px;
    padding: 5px 0px;
    background: rgb(51, 51, 51);
}

.copyright p {
    padding: 0px;
    text-align: center;
    font-size: 13px;
    color: rgb(255, 255, 255);
    margin: 0px;
    line-height: unset;
}

.second-footer {
    border-top: 1px solid white;
    padding-top: 15px;
    margin-top: 30px;
    padding-bottom: 15px;
}

ul.social-mediased li:last-child,
.secondfooter li:last-child {
    border-right: unset;
}

.secondfooter .col-md-3 {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
}

ul.social-mediased li span {
    font-size: 14px;
    margin-right: 5px;
}

footer .footer_menu_Sec:last-child {
    height: unset;
}

footer ul li:hover a {
    transition: all 0.5s linear 0s;
    color: green;
    font-weight: 600;
}

footer ul li a span {
    margin-right: 5px;
}

.secondfooter li a {
    padding: 0px;
}

span#siteseal {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: auto;
    height: 26px;
    display: block;
    text-align: left;
    border-right: 2px solid #fff;
    padding-right: 30px;
}

span#siteseal img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0px;
    text-align: left;
    object-position: left center;
}

.support_sec_are a {
    background: rgb(255, 193, 7);
    border-radius: 4px;
    padding: 5px 10px;
    color: rgb(32, 31, 31);
    font-weight: bold;
    font-size: 11px;
    width: 220px;
}

footer .catifications li,
.sitemapganerated .catifications li {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    position: relative;
    width: max-content;
}

footer .catifications li a,
.sitemapganerated .catifications li a {
    width: 55px;
    height: 55px;
    margin: 0px;
    padding: 0px;
    background: rgb(0, 60, 169);
    border-radius: 50%;
    position: relative;
    border: 1px solid rgb(255, 255, 255);
}

footer .catifications li a img,
.sitemapganerated .catifications li a umg {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    filter: drop-shadow(black 2px 2px 4px);
}

.flogsection {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
}

.flogsection .build-with {
    display: flex;
    font-weight: 600;
    justify-content: flex-end;
    gap: 10px;
}

.flogsection .build-with span {
    color: #9f9fa6;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}

.flogsection .build-with span img {
    width: 32px;
}


/*-- FAQ--*/

.hedtittex {
    text-align: center;
    margin: 0px auto 30px;
    font-size: 30px;
    position: relative;
    width: max-content;
    padding-bottom: 10px;
}

.accordion-button:not(.collapsed) {
    background: rgb(10, 118, 51);
    color: rgb(255, 255, 255);
}

.accordion-item button:not(.collapsed)::after {
    background: var(--minbnt);
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(192deg) brightness(105%) contrast(101%);
}

.accordion-item button::after {
    background: var(--minbnt);
}

.accordion-item button::after,
.accordion-item button:not(.collapsed)::after {
    width: 25px;
    height: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.accordion-item.feauturedsec {
    border: unset;
}

.freasque .accordion {
    margin-top: 5px;
}

.freasquebox {
    margin: 0px;
    padding: 0px;
    position: relative;
}

.feautured.comonmarpad+.our_partners {
    display: none;
}

.feautured .featureclient img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

.freasque .accordion-button {
    margin: 0px;
    padding: 0px;
    border-radius: 15px;
    overflow: hidden;
}

.freasquebox h2 {
    line-height: unset;
    margin: 0px 0px 20px;
    padding: 0px;
    border-radius: 15px;
    overflow: hidden;
    background: unset;
    box-shadow: rgb(215, 215, 215) 2px 3px 10px;
}

.freasquebox h2 .accordion-button {
    margin: 0px;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 20px;
    overflow: hidden;
    transform: unset;
    border-radius: 15px !important;
}


/*-- EMI Calculator --*/

.emicalseardes {
    position: relative;
    margin: 0px 0px 30px;
    padding: 30px;
    border: 1px solid rgb(213, 215, 219);
    box-shadow: rgba(209, 209, 209, 0.35) 5px 5px 10px;
    border-radius: 6px;
}

.emicalseardes h4 {
    font-size: 25px;
    line-height: 35px;
    color: rgb(49, 66, 89);
    margin-bottom: 50px;
}

.emicalseardes .form-group {
    position: relative;
    margin: 0px 0px 30px;
}

.emicalseardes .form-group label {
    color: rgb(49, 66, 89);
    text-transform: none;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.emicalseardes .form-group .form-control {
    border-radius: 4px;
    border: unset;
    height: unset;
    font-size: 16px;
    padding: 0px 10px;
}

.emicalseardes .form-group label span {
    font-weight: 600;
    color: rgb(22, 120, 251);
    font-style: italic;
    font-size: 13px;
    background: rgb(225, 229, 238);
    padding: 5px 15px;
    border-radius: 4px;
}

.inputicorsare {
    position: relative;
    margin: 0px;
    padding: 0px;
    display: flex;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgb(224, 224, 224);
    height: 50px;
    align-items: center;
    justify-content: space-between;
}

.inputicorsare span {
    position: relative;
    padding: 14px 10px;
    background: rgb(225, 229, 238);
    color: rgb(22, 120, 251);
    font-size: 18px;
}

.calemidat h5 {
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: rgb(49, 66, 89);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0px;
}

.calemidat h5 b {
    font-weight: 600;
    margin: 0px;
    padding: 0px;
}

.calemidat h5 b span {
    margin-left: 5px;
}

.calemidat h4 {
    font-size: 18px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgb(225, 229, 238);
    width: max-content;
}

.chartsecare {
    margin-top: 50px;
}

.frombox {
    margin: 0px;
    padding: 0px;
    width: 30px;
    border: unset;
    background: unset;
    aspect-ratio: unset;
    color: rgb(22, 120, 251);
    text-align: center;
    font-weight: 700;
}

.formseclcomregistios h5,
.formsectionsare.formseclcomregistios h5 {
    font-size: 14px;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.frombox:focus-visible {
    outline: navajowhite;
    box-shadow: unset;
    border: unset;
}

.formseclcomregistios h5 a,
.formsectionsare.formseclcomregistios h5 a {
    background: rgb(61, 167, 55);
    width: 35px;
    display: flex;
    height: 35px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    font-size: 20px;
    cursor: pointer;
}

.frombox::-webkit-outer-spin-button,
.frombox::-webkit-inner-spin-button {
    appearance: none;
    margin: 0px;
}

.range-bar {
    appearance: none;
    margin: 15px 0px;
    width: 100%;
    background-color: rgb(225, 229, 238);
}

.range-bar:focus,
.emicalseardes .form-control:focus {
    outline: none;
    box-shadow: unset;
}

.range-bar::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background-image: linear-gradient(90deg, #1678fb var(--webkitProgress), #e1e5ee var(--webkitProgress));
    border-radius: 30px;
}

.range-bar::-webkit-slider-thumb {
    border: 3px solid rgb(22, 120, 251);
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    cursor: pointer;
    appearance: none;
    margin-top: -7.5px;
    position: relative;
    z-index: 1;
}


/*-- top Banner --*/

.combanesec {
    padding: 90px 0px 0px;
    background: rgb(255, 255, 255);
    text-align: center;
    margin: 0px auto 10px;
    overflow: hidden;
    position: relative
}

.combanesec .slitexar {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0px;
    padding: 0px;
    height: 100%;
}

.combanesec .slitexar h3 {
    font-size: 60px;
    z-index: 1;
    font-weight: 800;
    color: rgb(42, 53, 148);
    margin-bottom: 40px;
    line-height: 55px;
    text-align: left;
}

.combanesec .slitexar h3.marqtext {
    top: 30%;
}

.combanesec .slitexar h3.marqtext {
    font-size: 80px;
    color: rgb(255, 255, 255);
    position: absolute;
    font-weight: 800;
    top: 55%;
    opacity: 0.1;
    animation: 10s linear 0s infinite normal none running colorSlide;
}

.sliimgbox.fullsecimg {
    width: calc(100% - 20px);
}

.sliimgbox {
    position: relative;
    margin: 0px auto;
    width: calc(100% - 80px);
}


/*-- Breadcrumbs --*/

.breadcrumbs {
    position: relative;
    margin: 5px 0px;
    padding: 10px 0px;
}

.breadcrumbs .breat {
    padding: 10px;
    border-radius: 4px;
    position: relative;
    margin-top: 0px;
    overflow: hidden;
}

.breadcrumbs .breat ul {
    list-style: none;
    padding: 0px 20px;
    width: auto;
    margin: 0px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.8px;
}

.breadcrumbs .breat ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    font-size: 15px;
}

.breadcrumbs .breat ul li a {
    font-size: 15px;
}

.breadcrumbs .breat ul li span {
    margin: 0px 5px;
}


/*-- PDF --*/

.certified-company {
    position: relative;
    margin: 0px;
    padding: 50px 0px;
    display: inline-block;
    width: 100%;
}

.certified-company .pdf-views {
    width: 100%;
    margin: 0px;
    padding: 5px;
    display: inline-block;
    border: 2px solid rgb(145, 158, 171);
    border-radius: 4px;
    cursor: ns-resize;
}

.certified-company .pdf-views canvas {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.certified-company .btnsection {
    position: relative;
    margin: 0px;
    border-radius: 4px;
    padding: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.certified-company .btnsection a {
    background: rgb(33, 135, 52);
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 13px;
    color: rgb(255, 255, 255);
    position: relative;
    margin: 0px;
    font-weight: 600;
}

.certified-company .btnsection button {
    border: unset;
    margin: 0px;
    background: rgb(11, 22, 155);
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    color: rgb(255, 255, 255);
}


/*-- How to work --*/

.titlesec {
    text-align: center;
    margin: 0px auto 30px;
    position: relative;
    width: max-content;
    padding-bottom: 10px;
}

.titlesec h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
}

.titlesec p {
    font-size: 14px;
}

.servvbox {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 13.6px 0px;
    width: 100%;
    height: 100%;
    margin: 0px auto;
    padding: 15px;
    display: inline-block;
    border-radius: 10px;
    position: relative;
    border: 1px solid rgb(217 216 216);
}

.servvbox span {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    display: flex;
    height: 120px;
    background: #e8f3e8;
    align-items: center;
    align-content: center;
    border-radius: 8px;
    margin-bottom: 20px;
}

.howtowork {
    background: rgba(242, 242, 242, 0.45);
}

.servvbox span img {
    width: auto;
    margin: 0 auto;
    display: block;
}

.servvbox h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 10px;
}

.servvbox p {
    font-size: 14px;
    line-height: 25px;
}

.cetbutn .applyBtn {
    margin: 0 auto;
    border-radius: 6px;
}

.cetbutn {
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 50px;
}


/*--- Form sec --*/

.forseczon label {
    color: black !important;
}

.frosecare {
    background: rgba(242, 242, 242, 0.45);
    padding: 100px 0px;
    margin: 0;
    display: inline-block;
    width: 100%;
}

.forseczon {
    background: #fff;
    border-radius: 12px;
    box-shadow: rgb(233, 233, 233) 2px 5px 20px;
    overflow: hidden;
    border: 1px solid rgb(84 84 84 / 78%);
    padding: 30px;
    width: calc(100% - 300px);
    margin: 0 auto;
    /* border: 1px solid rgb(217 216 216); */
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 13.6px 0px;
}

.forseczon .formsec {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0px 0px 30px;
}

.forseczon .form-group {
    width: calc(98% /2);
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 15px;
}

.forseczon .form-group:nth-child(even) {
    margin-right: 0;
}

.forseczon .form-group label {
    width: 100%;
    margin: 0px 0px 5px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #a3a3a3;
}

.forseczon .form-group .form-control {
    height: 40px;
    border: 1px solid #e8e8e8;
    width: 100%;
    border-radius: 4px;
    font-size: 11px;
    color: #222;
    margin: 0;
    padding: 5px 10px;
}

.forseczon h6 {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-bottom: 30px;
}

.frosecare h4 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    border-bottom: 1px solid #000;
    width: max-content;
    padding-bottom: 5px;
    margin-bottom: 1px;
}

.frosecare p {
    font-size: 13px;
    margin: 0px 0px 30px;
    padding: 0;
    color: #797977;
}

.forseczon .submit.secare {
    margin: 0;
    padding: 10px 40px;
    display: inline-block;
    background: #000;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.forseczon .form-group.form-check {
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 20px;
}

.forseczon .form-group.form-check p {
    font-size: 13px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.form-group .form-control:focus,
.form-group .form-control:focus-visible {
    outline: unset;
    box-shadow: unset;
    border-color: red;
    border-radius: 4px;
}

.forseczon .form-group label sup {
    color: red;
    font-size: 12px;
}

.forseczon .form-group .iti.iti--allow-dropdown {
    width: 100%;
}


/*-- ADS Banner --*/

.adsbaner {
    background: #e8f3e8;
    padding: 0px 0px 0;
}

.adsbaner .col-md-7 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.adsbaner h5 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 65px;
    text-transform: capitalize;
    letter-spacing: 0;
}

.adsbaner a {
    border: 2px solid #000;
    padding: 10px 30px;
    font-size: 17px;
    letter-spacing: 0.5px;
    margin: 0;
    display: inline-block;
    margin-top: 10px;
    border-radius: 50px;
}


/*--- coming soon --*/

.comingsoon {
    padding: 250px 0px 150px;
    background: #024614;
    text-align: center;
}

.comingsoon h1 {
    margin: 0;
    font-family: 'Poppins';
    font-size: 7em;
    color: #ffffff;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.6), 0 0 2px rgba(0, 0, 0, 0.7);
    word-spacing: 14px;
    line-height: 95px;
}

.comingsoon p {
    color: #fff;
    font-size: 34px;
    line-height: 50px;
    margin-top: 20px;
    letter-spacing: 0.5px;
}

.comingsoon a {
    border: 1px solid #ffff;
    width: max-content;
    margin: 0 auto;
    display: block;
    padding: 8px 70px;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
}


/*--EMI Calculator--*/

.emilcalculaterses {
    margin: 0px;
    padding: 100px 0px 0px;
}


/*--about us--*/

.combansec {
    position: relative;
    padding: 110px 0px 0px;
    text-align: center;
    margin: 0px auto 0px;
    overflow: hidden;
}

.commanbanner .slitexar {
    display: flex;
    align-items: center;
    padding: 0px;
}

.commanbanner .slitexar h3 {
    font-size: 30px;
    z-index: 1;
    line-height: 50px;
}

.commanbanner h3.marqtext {
    top: 30%;
}

.slitexar {
    position: relative;
    margin: 0px;
    padding: 20px 0px 0px 50px;
    height: 100%;
    display: inline-block;
}

.slitexar h3 {
    font-size: 30px;
    font-weight: 800;
    color: rgb(42, 53, 148);
    margin-bottom: 20px;
    line-height: 55px;
    text-align: left;
}


/*aboutus*/

.about_us_detail .box {
    background: rgb(255, 255, 255);
    position: relative;
    margin: 30px 0px 0px;
    padding: 40px 20px 30px;
    border-radius: 6px;
    width: calc(31.3333%);
    height: 350px;
    display: inline-block;
    float: left;
    overflow: hidden;
    box-shadow: rgb(216, 216, 216) 0px 5px 10px;
    transition: all 0.5s linear 0s;
    z-index: 1;
    cursor: pointer;
}

.about_us_detail .box h4 {
    color: rgb(35, 87, 35);
    font-size: 19px;
    font-weight: 900;
    letter-spacing: 0.1px;
    transition: all 0.5s linear 0s;
    height: auto;
    line-height: 25px;
}

.about_us_detail .box .countbx {
    position: relative;
    margin: 20px auto 30px;
    text-align: center;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 80px;
    overflow: hidden;
}

.about_us_detail .box .countbx .count-number,
.about_us_detail .box .countbx sup {
    font-size: 45px;
    color: rgba(73, 63, 159, 0.88);
    font-weight: 900;
    transition: all 0.5s linear 0s;
}

.about_us_detail .box .countbx sup {
    margin-left: 5px;
    top: -20px;
    transition: all 0.1s linear 0s;
}

.about_us_detail .box:hover p {
    overflow-y: auto;
}

.about_us_detail .box p {
    font-style: normal;
    color: rgb(51, 51, 51);
    transition: all 0.5s linear 0s;
    overflow: hidden;
    margin-bottom: 0px;
    text-align: justify;
    line-height: 25px;
    height: unset;
    font-size: 14px;
}

.about_us_detail .box::after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    content: "";
    transition: all 0.5s linear 0s;
    height: 4px;
    z-index: -1;
}

.about_us_detail .box:nth-child(2n+1) {
    margin-right: 20px;
    top: 0px;
}

.about_us_detail .box:nth-child(2n) {
    top: 0px;
    margin-right: 20px;
}

.about_us_detail {
    position: relative;
    margin: 0px;
    padding: 50px 0px;
    width: 100%;
}

.about_us_detail .box:hover {
    transition: all 0.5s linear 0s;
    box-shadow: rgb(192, 191, 191) 0px 5px 10px;
}

.about_us_detail .box:hover::after {
    transition: all 0.5s linear 0s;
    height: 100%;
}

.about_us_detail .box:nth-child(1)::after {
    background: rgb(7, 49, 105);
}

.about_us_detail .box:nth-child(2)::after {
    background: rgb(35, 87, 35);
}

.about_us_detail .box:nth-child(3)::after {
    background: rgb(0, 28, 163);
}

.about_us_detail .box:nth-child(4)::after {
    background: rgb(10, 103, 39);
}

.about_us_detail .box:hover h4,
.about_us_detail .box:hover p,
.about_us_detail .box:hover .countbx .count-number,
.about_us_detail .box:hover .countbx sup {
    color: rgb(255, 255, 255);
    transition: all 0.5s linear 0s;
}

.about_us_detail h4 {
    font-size: 15px;
    color: rgb(37, 37, 37);
    margin: 0px;
    padding: 0px;
}

.about_us_detail h4 {
    font-weight: 700;
    color: rgb(49, 66, 89);
    font-size: 40px;
    letter-spacing: 0.5px;
    line-height: 40px;
    margin-bottom: 20px;
    font-family: Roboto, sans-serif;
}

.about_us_detail h4 span {
    color: rgb(35, 87, 35);
}

.about_us_detail h5 {
    font-weight: 900;
    color: rgb(49, 66, 89);
    font-size: 45px;
    letter-spacing: 0.5px;
    line-height: 40px;
    margin-bottom: 20px;
    font-family: Roboto, sans-serif;
}

.about_us_detail h5 span {
    color: rgb(35, 87, 35);
}

.about_us_detail p {
    font-style: normal;
    color: rgb(51, 51, 51);
    margin-bottom: 25px;
    text-align: justify;
}


/*leadership*/

.about_us_detaill h4 {
    font-size: 15px;
    color: rgb(37, 37, 37);
    margin: 0px;
    padding: 0px;
}

.about_us_detaill h4 {
    font-weight: 700;
    color: rgb(49, 66, 89);
    font-size: 50px;
    letter-spacing: 0.5px;
    line-height: 40px;
    margin-bottom: 20px;
    font-family: Roboto, sans-serif;
}

.about_us_detaill h4 span {
    color: rgb(35, 87, 35);
}

.about_us_detaill h5 {
    font-weight: 600;
    color: rgb(49, 66, 89);
    font-size: 40px;
    letter-spacing: 0.5px;
    line-height: 40px;
    margin-bottom: 20px;
    font-family: Roboto, sans-serif;
}

.about_us_detaill h5 span {
    color: rgb(35, 87, 35);
}

.about_us_detaill p {
    font-style: normal;
    color: rgb(51, 51, 51);
    margin-bottom: 25px;
    text-align: justify;
}


/*leader section 8*/

.applyBtn {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fullsecimg img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    margin-top: 10px;
}

.Our_leaddership h4 {
    font-size: 25px;
    color: #097633;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 35px;
}

.Our_leaddership p {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.Our_leaddership h5 {
    color: #000;
    font-size: 18px;
    margin: 20px 0px 15px;
    display: inline-block;
    width: 100%;
    font-weight: 700;
}

.Our_leaddership .textabout {
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: rgb(223, 223, 223) 0px 1px 5px;
    transition: all 0.5s linear 0s;
    border: 1px solid rgba(9, 33, 19, 0.12);
}

.ourleader {
    margin: 0px 0px 0px;
    padding: 0px 10px;
    display: inline-block;
    width: 100%;
    position: sticky;
    top: 100px;
}

.ourleader img {
    width: calc(100%/1.6);
    margin: 0;
    padding: 0;
    display: inline-block;
    box-shadow: unset !important;
    border-radius: unset !important;
    object-position: right;
    object-fit: contain;
    text-align: right;
    float: right;
}

.leadsef {
    position: relative;
    margin: 0;
    padding: 0;
    display: inline-block;
    background: #ffffff;
    border-radius: 8px;
    width: 100%;
    overflow: hidden;
    border: 1px solid rgb(213, 215, 219);
    box-shadow: 0 5px 14px #ededed;
    height: 100%;
    margin-bottom: 30px;
}

.leadsef span {
    width: 100%;
    height: 250px;
    display: inline-block;
    background: #e2e8eb;
    padding: 15px 15px 0px;
}

.leadsef span img {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: inline-block;
    object-fit: contain;
    object-position: bottom;
    height: 100%;
}

.leadsef .texaresc {
    padding: 10px 20px 20px;
    margin: 0;
    display: inline-block;
    width: 100%;
}

.leadsef .texaresc a {
    background: #073273;
    display: flex;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 13px;
    overflow: hidden;
    gap: 10px;
    transition: 0.5s all linear;
    padding: 10px 10px;
    width: max-content;
    color: pointer;
}

.leadsef:last-child {
    margin-bottom: 0;
}

.ourleader .leadsef .texaresc h4 {
    font-size: 15px;
    line-height: 25px;
    margin: 0px 0px 5px;
    color: #000;
}

.ourleader .leadsef .texaresc p {
    font-size: 20px;
    font-weight: 700;
    margin: 0px 0px 20px;
    color: #097633;
}

.leadsef .texaresc a b {
    display: none;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.8px;
    transition: 0.5s all linear;
}

.leadsef .texaresc a:hover {
    width: max-content;
    padding: 10px 30px;
    height: unset;
    transition: 0.5s all linear;
    background: #293155;
}

.leadsef .texaresc a:hover b {
    display: block;
    transition: 0.5s all linear;
}

.leadsef:last-child span {
    background: #9ea5d745;
}

.documents h4 {
    margin-bottom: 30px;
}

.documents p.docp {
    margin-bottom: 40px;
}