body {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
}

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

.main_div {
    background: rgba(255, 255, 255, 0.95);
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    display: grid;
    place-items: center;
    top: 0;
    bottom: 0;
}

.center_div h2 {
    font-size: 28px;
    color: rgba(50, 2, 100, 1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    font-family: 'Architects Daughter', cursive;
    letter-spacing: 2px;
}

.center_div {
    position: relative;
}

.rot {
    border: 12px solid rgba(4, 128, 7, 1);
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    position: relative;
    border-left: 12px solid rgba(255, 165, 0, 1);
    border-right: 12px solid rgba(255, 165, 0, 1);
    animation: rot 2s linear infinite;
}

.rot-logo {
    position: absolute;
    top: 24%;
    left: 25%;
}

@keyframes rot {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*****************pre-loader end*********************************/

/*****************facility pop-up part start*****************/

.faiclity-image {
    display: inline-block;
    background-color: rgba(180, 0, 0, 0.4);
    border-radius: 50%;
    padding: 8px;
}

.facility-list li span {
    font-size: 15px;
    font-weight: 500;
    padding: 0 10px;
}

.facility-list li {
    padding-bottom: 25px;
}

/*****************facility pop-up part end*****************/

/****************top-header part start*************/

.top-header {
    background: rgba(2, 106, 5, 1);
    padding: 8px 0;
}

.top-box p {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}

.header-info li {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding-right: 20px;
}

.header-info li span {
    padding-left: 4px;
}

.header-icon li {
    padding: 0 10px;
}

.header-icon li a {
    color: #fff;
    font-size: 12px;
}

.top-header-c {
    float: right;
}


/****************top-header part end*************/

/****************bottom-header part start*************/

.bottom-header {
    position: fixed;
    z-index: 99;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 1);
    transition: all 0.5s;
}

.bottom-header .navbar-light .navbar-nav .nav-item.active {
    color: rgba(25, 25, 25, 1);
    font-weight: 400;
    transition: all 0.2s;
}

.bottom-header .navbar-light .navbar-nav .nav-item.active .nav-link.active {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(2, 106, 5, 1);
}

.bottom-header .navbar-light .navbar-nav .nav-link {
    font-size: 15px;
    color: rgba(25, 25, 25, 1);
    font-weight: 600;
    padding: 27px 18px;
    transition: all 0.2s;
}

.navbar-nav .nav-item {
    font-size: 14px;
    padding: 0;
}

.navbar-light .navbar-toggler {
    background-color: #fff;
}

.dropdown-item {
    color: #1b1b1b;
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.navbar-nav li:hover {
    color: #fff;
}

.dropdown-item:hover {
    color: #fff;
    background-color: rgba(2, 106, 5, 1);
}

.dropdown-menu {
    background-color: rgba(254, 239, 210, 1);
    box-shadow: 0px 0px 10px #1b1b1b;
}

.dropdown-menu li {
    border-bottom: 1px solid rgba(2, 106, 5, 1);
}

.bottom-header .navbar {
    padding-top: 0;
    padding-bottom: 0;
    justify-content: right;
}

.dropdown-item.active {
    color: #fff;
    text-decoration: none;
    background-color: rgba(50, 2, 100, 1);
}

.logo-name {
    color: rgba(0, 0, 0, 1);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 25px;
    margin-left: 25px;
    text-transform: uppercase;
    font-family: 'Roboto';
}

.navbar-brand {
    display: inline-flex;
}

.logo-content {
    display: inline-flex;
}

.bottom-logo span {
    display: grid;
    align-items: center;
    padding-left: 10px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
}

/****************bottom-header part end*************/

/*****************banner section start*****************/

.banner .carousel-indicators [data-bs-target] {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    opacity: 1;
    margin: 4px;
}

.banner .carousel-indicators .active {
    background-color: rgba(265, 155, 0, 1);
}

/*****************banner section end*****************/

/****************banner part start*************/

.new-box {
    background-color: rgba(244, 67, 54, 0.28);
    margin: 0;
}

.new-box h6 {
    color: rgba(255, 255, 255, 1);
    font-size: 15px;
    font-weight: 600;
    padding: 14px 0;
}

.new-box marquee {
    padding: 14px 0;
}

/****************banner part end*************/
/*****************about section start*****************/
.about {
    background-color: #fff;
    padding: 80px 0;
}

.about-box .about-image {
    width: 100%;
}

.about-image {
    border: 10px solid pink;
    border-image: repeating-linear-gradient(45deg, rgba(265, 155, 0, 1) 10%, rgba(244, 67, 54, 1) 18%, rgba(244, 67, 54, 0.1) 20%) 22;
}

.about-box {
    padding: 60px 28px 0;
}

.about h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    position: relative;
}

.about h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: rgba(244, 67, 54, 1);
    bottom: 4px;
    left: 46.5%;
}

.about-box h3 {
    font-size: 25px;
    color: rgba(2, 106, 5, 1);
    padding-bottom: 12px;
}

.about-box p {
    color: #888888;
    font-size: 15px;
    line-height: 28px;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
}

.about-button {
    font-size: 12px;
    color: #fff;
    background-color: rgba(244, 67, 54, 1);
    font-weight: 500;
    padding: 8px 15px;
}

.about-button:hover {
    color: #fff;
    background-color: #c68802;
}

/*****************about section end*****************/

/*********service section start**********/
.service {
    background-color: #f5f5f5;
    padding: 100px 0;
}

.service h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 40px;
    position: relative;
}

.service h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: rgba(244, 67, 54, 1);
    bottom: 4px;
    left: 46.5%;
}

.service-card {
    background-color: #fff;
    padding: 10px;
    box-shadow: 0px 0px 10px #b4b4b5;
    display: block;
    transition: all 1s;
}

.service-card:hover {
    background-color: rgba(2, 106, 5, 0.2);
}

.service-info {
    padding: 28px 0;
}

.service-info h4 {
    color: rgba(2, 106, 5, 1);
    font-size: 15px;
    font-weight: 600;
}

/*********service section end**********/

/******************features part start******************/
.features {
    background-color: #fff;
}

.features-box {
    padding: 20px 0;
}

.features-box h6 {
    font-size: 15px;
    line-height: 21px;
    color: #000000;
    font-weight: 500;
    padding-top: 20px;
}

/******************features part end******************/

/******************vision section start******************/
.vision-box,
.vision-box1 {
    padding: 20px 40px;
}

.vision-box {
    background: rgba(2, 106, 5, 1);
}

.vision-box1 {
    background: rgba(265, 155, 0, 1);
}

.vision-box h4 {
    color: #000000;
    font-size: 18px;
    background: rgba(265, 155, 0, 1);
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.vision-box1 h4 {
    color: #ffffff;
    font-size: 18px;
    background: rgba(2, 106, 5, 1);
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.vision-box p {
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.vision-box1 p {
    color: #000000;
    font-size: 14px;
    line-height: 22px;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}

/******************vision section end******************/

/******************features section start******************/
.features h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 40px;
    position: relative;
}

.features h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: rgba(244, 67, 54, 1);
    bottom: 4px;
    left: 46.5%;
}

/****************features section end*************/

/****************footer part start*************/
.footer-background {
    background: #323232 !important;
    padding: 50px 0;
    border-top: 5px solid rgba(255, 165, 0, 1);
}

.bg-theme,
.bg-dark,
.footer-background,
.bg-secondary {
    color: #ffffff;
}

.footer-box .widget-title {
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    margin-bottom: 30px;
    letter-spacing: 0.5px;
    position: relative;
    padding-bottom: 15px;
}

.footer-box .widget-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 80px;
    background: rgba(255, 165, 0, 1);
}

.footer-about p {
    font-size: 13px;
    line-height: 24px;
}

.footer-box .footer-quick-link ul {
    margin-top: -4px;
}

.footer-box .footer-subbox ul {
    padding-left: 0;
    margin-bottom: 0;
}

.footer-box .footer-quick-link ul li {
    display: block;
}

.footer-box .footer-quick-link ul li a {
    display: block;
    font-size: 13px;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 9px 0;
}

.footer-box .footer-subbox ul li {
    list-style: none;
    font-family: "Raleway", sans-serif;
}

.footer-box .footer-contact ul li {
    color: #000;
    font-size: 13px;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-box .footer-contact ul li span {
    font-size: 14px;
    color: #ffffff;
    border: 2px solid #cccccc;
    border-radius: 3px;
    height: 32px;
    width: 32px;
    display: inline-block;
    line-height: 28px;
    text-align: center;
    margin-right: 20px;
}


.footer-box .footer-contact ul li + li {
    margin-top: 20px;
}

.bottom-footer {
    padding: 15px 0;
    background-color: rgba(2, 106, 5, 1);
}

.bottom-footer p {
    color: #888888;
}

.bottom-footer-1,
.bottom-footer-2 {
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
}

/****************footer part end*************/


/******************banner-about section start******************/
.banner-about {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 160px 0 85px;
    position: relative;
}

.banner-about::before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.banner-about h1 {
    color: #fff;
    font-size: 60px;
    font-family: 'PT Serif', serif;
    font-weight: bold;
    z-index: 1;
    position: relative;
}

/******************banner-about section end******************/

/******************team section start******************/
.team {
    background-color: #fff;
    padding: 80px 0;
}

.team h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.team h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: rgba(244, 67, 54, 1);
    bottom: 4px;
    left: 46.5%;
}

.team-box {
    margin: 5px;
    padding: 5px;
    border: 2px solid #144d82;
}

.team-box .team-image {
    width: 100%;
}

.team-info {
    padding: 10px 0;
}

.team-info {
    background-color: #ff9b00;
}

.team-info h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #c68802;
}

.team-info p {
    color: #fff;
    font-size: 15px;
    padding-top: 5px;
}

/******************team section end******************/

/******************newfeature section start******************/
.newfeature-box {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 10px rgba(25, 25, 25, 0.5);
    margin: 0 20px 50px;
    padding: 20px;
    border-radius: 5px;
}

.newfeature-image img {}

.newfeature-info p {
    font-size: 14px;
    line-height: 22px;
    padding-top: 10px;
    color: #8f8b8b;
}

.newfeature-info h5 {
    font-size: 18px;
    padding-top: 20px;
}

/******************newfeature section end******************/

/****************savings-page part start*************/

/****************savings-page section start*************/


.savings-page {
    background-color: rgba(10, 32, 77, 0.02);
    padding: 80px 0;
}

.savings-page-box {
    padding: 20px;
}

.savings-page-box h2 {
    font-size: 30px;
    font-family: 'PT Serif', serif;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(2, 106, 5, 1);
    display: inline-block;
    margin: 0 auto;
    padding: 20px 25px;
    border: 2px solid rgba(265, 155, 0, 1);
}



.savings-dropdown-box {
    text-align: center;
    border: 1px solid rgba(265, 155, 0, 1);
    background-color: rgba(255, 232, 196, 1);

}

.savings_link {
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    margin: 0px auto;
    color: rgb(0, 0, 0);
    border-bottom: 1px solid rgba(265, 155, 0, 1);
    display: grid;
    align-items: center;
    padding: 20px 0;
}


.service_content {
    color: #fff;
    display: none;
    padding: 50px 20px;
}

.service-content {
    border: 1px solid rgba(2, 106, 5, 1);

}

.savings-box {
    margin-top: 50px;
}

.savings-box .table > :not(caption) > * > * {
    padding: 0.8rem 0.8rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}


/****************savings-page section end*************/

/******************loan part start******************/

.loan-page {
    background-color: #f5f5f5;
    padding: 100px 0;
}

.loanlink {
    color: #000;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 18px 0;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    border-bottom: 1px solid rgb(255, 155, 0);
    background: rgba(255, 232, 196, 1);
    display: block;
}

.loan-background {
    border: 1px solid rgba(2, 106, 5, 1);
}

.loan_content {
    color: white;
    display: none;
    padding: 40px 20px;
}

.loan_content h3 {
    color: #000;
    font-size: 25px;
    padding: 10px 0 20px 0;
}

.loan_content p {
    color: #000;
    font-size: 15px;
    line-height: 22px;
    padding-bottom: 40px;
}

.loan-condition h6 {
    padding-top: 25px;
}

.checklist {
    margin-top: 20px;
}

.checklist li {
    color: #000;
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 5px;
}

.checklist li i {
    color: rgba(10, 32, 77, 1);
}

.loan-condition h6 {
    color: rgba(10, 32, 70, 1);
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: bold;
    margin-bottom: 20px;

}

.loan-page .table thead {
    background-color: rgba(10, 32, 77, 0.8);
    color: #fff;
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    text-align: center;
}

.loan-page .table thead tr th {
    padding: 15px 10px;
}

.loan-page .table tbody {
    background-color: rgba(0, 165, 245, 0.1);
}

.loan-page .table tbody tr td {
    padding: 12px 0;
    text-align: center;
}

.table {
    border: 2px solid #000;
    margin-top: 20px;
}

.loan-condition h4 {
    display: inline-block;
    border-bottom: 4px double rgb(255, 155, 0);
    padding-bottom: 10px;
    color: rgba(2, 106, 5, 1);
    font-family: 'PT Serif', serif;
    font-weight: bold;
}

.loan-condition .loan-image {
    width: 100%;
}

.loan-box {
    margin-bottom: 20px;
}

.loan-dropdown {
    border: 1px solid rgb(255, 155, 0);
}

/******************loan part end******************/

/*****************savings-page part start******************
.savings-page {
    background-color: rgba(151, 31, 100, 0.2);
    padding: 80px 50px;
}
.savings-page-box {
    background-color: rgba(255, 255, 255, 1);
    padding: 40px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 1);
}
.savings-page-box h4 {
    color: rgba(224, 55, 54, 1);
    font-size: 25px;
    font-family: 'PT Serif', serif;
    border-bottom: 1px dotted rgba(151, 31, 100, 1);
    padding-bottom: 10px;
    margin-bottom: 20px; 
}
.savings-page-box p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 20px;
}
.savings-page-box h6 {
    font-size: 20px;
    font-family: 'PT Serif', serif;
    border: 1px solid rgba(224, 55, 54, 1);
    margin-bottom: 20px;
    display: inline-block;
    padding: 10px;
    
}
.savings-button {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(151, 31, 100, 1);
    padding: 12px 0;
    display: block;
    margin-bottom: 20px;
    border-radius: 5px;
}
.savings-button:hover {
    color: rgba(0, 0, 0, 1);
    background-color: rgba(224, 55, 54, 1);
}
.help-button {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(151, 31, 100, 1);
    padding: 12px 0;
    display: block;
    margin-bottom: 20px;
    border-radius: 5px;
}
.help-button:hover {
    color: rgba(0, 0, 0, 1);
    background-color: rgba(224, 55, 54, 1);
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 12px 20px;
    font-size: 15px;
    color: #212529;
    text-align: left;
    background-color: rgba(224, 55, 54, 0.4);
    border: 0;
    border-radius: 0;
}
.accordion-button:focus {
    border-color: rgba(255, 255, 255, 1);
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    color: rgba(0, 0, 0, 1);
    background-color: rgba(224, 55, 54, 1);
    box-shadow: none;
}
.accordion h6 {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 80px;
}
.accordion-body {
    padding: 1rem 1.25rem;
    font-size: 15px;
}
/****************savings-page section end*************/

/****************savings-page part end*************/

/******************sb section start******************
.sb {
    background-color: #fff;
    padding: 80px 0;
}

.sb h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.sb h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.sb-box .sb-image {
    width: 100%;
}

.sb-box {
    padding: 0 32px;
}

.sb-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.facility {
    padding-bottom: 15px;
}

.facility li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.sb-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 20px;
}

/******************sb section end******************/

/******************ca section start******************
.ca {
    background-color: #fff;
    padding: 80px 0;
}

.ca h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.ca h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.ca-box .ca-image {
    width: 100%;
}

.ca-box {
    padding: 0 32px;
}

.ca-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.facility-ca {
    padding-bottom: 15px;
}

.facility-ca li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.ca-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 20px;
}

/******************sb section end******************/

/******************dd section start******************
.dd {
    background-color: #fff;
    padding: 80px 0;
}

.dd h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.dd h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.dd-box .dd-image {
    width: 100%;
}

.dd-box {
    padding: 0 32px;
}

.dd-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.facility-dd {
    padding-bottom: 15px;
}

.facility-dd li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.dd-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 20px;
}

/******************dd section end******************/

/******************gly section start******************
.gly {
    background-color: #fff;
    padding: 80px 0;
}

.gly h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.gly h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.gly-box .gly-image {
    width: 100%;
}

.gly-box {
    padding: 0 32px;
}

.gly-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.facility-gly {
    padding-bottom: 15px;
}

.facility-gly li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.gly-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 20px;
}

/******************gly section end******************/

/******************rd section start******************
.rd {
    background-color: #fff;
    padding: 80px 0;
}

.rd h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.rd h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.rd-box .rd-image {
    width: 100%;
}

.rd-box {
    padding: 0 32px;
}

.rd-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.facility-rd {
    padding-bottom: 15px;
}

.facility-rd li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.rd-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 20px;
}

/******************rd section end******************/

/******************fd section start******************
.fd {
    background-color: #fff;
    padding: 80px 0;
}

.fd h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.fd h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.fd-box .fd-image {
    width: 100%;
}

.fd-box {
    padding: 0 32px;
}

.fd-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.facility-fd {
    padding-bottom: 15px;
}

.facility-fd li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.fd-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 20px;
}

/******************fd section end******************/

/******************mis section start******************
.mis {
    background-color: #fff;
    padding: 80px 0;
}

.mis h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.mis h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.mis-box .mis-image {
    width: 100%;
}

.mis-box {
    padding: 0 32px;
}

.mis-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.facility-mis {
    padding-bottom: 15px;
}

.facility-mis li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.mis-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 20px;
}

/******************mis section end******************/

/******************share section start******************
.share {
    background-color: #fff;
    padding: 80px 0;
}

.share h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.share h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.share-box .share-image {
    width: 100%;
}

.share-box {
    padding: 0 32px;
}

.share-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.facility-share {
    padding-bottom: 15px;
}

.facility-share li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.share-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 20px;
}

/******************share section end******************/

/******************cash-credit section start******************
.cash-credit {
    background-color: #fff;
    padding: 80px 0;
}

.cash-credit h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.cash-credit h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.cash-credit-box {
    padding: 40px 50px;
    width: 85%;
    margin: 0 auto;
    border: 5px double #144d82;
}

.cash-credit-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.features-cash {
    padding-bottom: 28px;
}

.features-cash li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.cash-credit-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 28px;
}

/******************cash-credit section end******************/


/******************term-loan section start******************
.term-loan {
    background-color: #fff;
    padding: 80px 0;
}

.term-loan h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.term-loan h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.term-loan-box {
    padding: 40px 50px;
    width: 85%;
    margin: 0 auto;
    border: 5px double #144d82;
}

.term-loan-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.features-term {
    padding-bottom: 28px;
}

.features-term li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.term-loan-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 28px;
}

/******************term-loan section end******************/

/******************secure-loan section start******************
.secure-loan {
    background-color: #fff;
    padding: 80px 0;
}

.secure-loan h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.secure-loan h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.secure-loan-box {
    padding: 40px 50px;
    width: 85%;
    margin: 0 auto;
    border: 5px double #144d82;
}

.secure-loan-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.features-secure {
    padding-bottom: 28px;
}

.features-secure li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.secure-loan-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 28px;
}

/******************secure-loan section end******************/

/******************vehicle-loan section start******************
.vehicle-loan {
    background-color: #fff;
    padding: 80px 0;
}

.vehicle-loan h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.vehicle-loan h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.vehicle-loan-box {
    padding: 40px 50px;
    width: 85%;
    margin: 0 auto;
    border: 5px double #144d82;
}

.vehicle-loan-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.features-vehicle {
    padding-bottom: 28px;
}

.features-vehicle li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.vehicle-loan-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 28px;
}

/******************vehicle-loan section end******************/

/******************home-loan section start******************
.home-loan {
    background-color: #fff;
    padding: 80px 0;
}

.home-loan h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.home-loan h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.home-loan-box {
    padding: 40px 50px;
    width: 85%;
    margin: 0 auto;
    border: 5px double #144d82;
}

.home-loan-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.features-home {
    padding-bottom: 28px;
}

.features-home li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.home-loan-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 28px;
}

/******************home-savings section end******************/

/******************home-savings section start******************
.home-loan {
    background-color: #fff;
    padding: 80px 0;
}

.home-loan h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.home-loan h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.home-loan-box {
    padding: 40px 50px;
    width: 85%;
    margin: 0 auto;
    border: 5px double #144d82;
}

.home-loan-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.features-home {
    padding-bottom: 28px;
}

.features-home li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.home-loan-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 28px;
}

/******************home-loan section end******************/

/******************staff-loan section start******************
.staff-loan {
    background-color: #fff;
    padding: 80px 0;
}

.staff-loan h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.staff-loan h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.staff-loan-box {
    padding: 40px 50px;
    width: 85%;
    margin: 0 auto;
    border: 5px double #144d82;
}

.staff-loan-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.features-staff {
    padding-bottom: 28px;
}

.features-staff li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.staff-loan-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 28px;
}

/******************staff-loan section end******************/

/******************personal-loan section start******************
.personal-loan {
    background-color: #fff;
    padding: 80px 0;
}

.personal-loan h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.personal-loan h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.personal-loan-box {
    padding: 40px 50px;
    width: 85%;
    margin: 0 auto;
    border: 5px double #144d82;
}

.personal-loan-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.features-personal {
    padding-bottom: 28px;
}

.features-personal li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.personal-loan-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 28px;
}

/******************personal-loan section end******************/

/******************education-loan section start******************
.education-loan {
    background-color: #fff;
    padding: 80px 0;
}

.education-loan h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.education-loan h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.education-loan-box {
    padding: 40px 50px;
    width: 85%;
    margin: 0 auto;
    border: 5px double #144d82;
}

.education-loan-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.features-education {
    padding-bottom: 28px;
}

.features-education li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.education-loan-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 28px;
}

/******************education-loan section end******************/

/******************agriculture-loan section start******************
.agriculture-loan {
    background-color: #fff;
    padding: 80px 0;
}

.agriculture-loan h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.agriculture-loan h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.agriculture-loan-box {
    padding: 40px 50px;
    width: 85%;
    margin: 0 auto;
    border: 5px double #144d82;
}

.agriculture-loan-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.features-agriculture {
    padding-bottom: 28px;
}

.features-agriculture li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.agriculture-loan-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 28px;
}

/******************agriculture-loan section end******************/

/******************animal-loan section start******************
.animal-loan {
    background-color: #fff;
    padding: 80px 0;
}

.animal-loan h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.animal-loan h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.animal-loan-box {
    padding: 40px 50px;
    width: 85%;
    margin: 0 auto;
    border: 5px double #144d82;
}

.animal-loan-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.features-animal {
    padding-bottom: 28px;
}

.features-animal li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.animal-loan-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 28px;
}

/******************animal-loan section end******************/

/******************fishereies-loan section start******************
.fishereies-loan {
    background-color: #fff;
    padding: 80px 0;
}

.fishereies-loan h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.fishereies-loan h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.fishereies-loan-box {
    padding: 40px 50px;
    width: 85%;
    margin: 0 auto;
    border: 5px double #144d82;
}

.fishereies-loan-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.features-fishereies {
    padding-bottom: 28px;
}

.features-fishereies li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.fishereies-loan-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 28px;
}

/******************fishereies-loan section end******************/

/******************group-loan section start******************
.group-loan {
    background-color: #fff;
    padding: 80px 0;
}

.group-loan h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.group-loan h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #144d82;
    bottom: 4px;
    left: 46.5%;
}

.group-loan-box {
    padding: 40px 50px;
    width: 85%;
    margin: 0 auto;
    border: 5px double #144d82;
}

.group-loan-box h4 {
    font-size: 20px;
    color: #144d82;
    padding-bottom: 10px;
}

.features-group {
    padding-bottom: 28px;
}

.features-group li {
    font-size: 15px;
    color: #888888;
    line-height: 25px;
    list-style: disc;
    margin-left: 20px;
}

.group-loan-box p {
    font-size: 15px;
    color: #888888;
    padding-bottom: 28px;
}

/******************group-loan section end******************/

/*****************gallery-area section start*****************/
.gallery-area {
    background-color: #fff;
    padding: 150px 0;
}

.gallery-area-box .gallery-area-image {
    width: 100%;
}

.gallery-area-image {
    border: 5px solid #c68802;
}

/*****************gallery-area section end*****************/

/******************contact-page-form section start******************/
.contact-page-form {
    background-color: #fff;
    padding: 80px 0;
}

.contact-page-form h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.contact-page-form h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #ff9b00;
    bottom: 4px;
    left: 46.5%;
}

.contact-page-form form {
    width: 100%;
    margin: 0 auto;
}

.contact-page-form .form-control {
    padding: 10px 18px;
    font-weight: 300;
    line-height: 28px;
    color: rgba(21, 21, 21, 0.7);
    background-color: #f5f5f5;
    font-size: 15px;
    margin-bottom: 20px;
}

.contact-page-button {
    font-size: 15px;
    color: #fff;
    background-color: rgba(2, 106, 5, 1);
    font-weight: 500;
    border-radius: 25px;
    padding: 11px 60px;
    margin-top: 8px;
    transition: all 0.5s;
}

.contact-page-button:hover {
    color: #fff;
    background-color: #ff9b00;
}

.form-box {
    width: 60%;
    margin: 0 auto;
}

/******************contact-page-form section end******************/

/******************contact-branch section start******************/
.contact-branch {
    background-color: #f5f5f5;
    padding: 80px 0;
}

.contact-branch h2 {
    color: #494232;
    font-size: 40px;
    font-weight: 600;
    font-family: 'PT Serif', serif;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
}

.contact-branch h2::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    background-color: #ff9b00;
    bottom: 4px;
    left: 46.5%;
}

.branch-address li {
    display: flex;
    padding-bottom: 25px;
}

.branch-address li h5 {
    color: rgba(2, 106, 5, 1);
    font-size: 16px;
    width: 28%;
    margin: 0 auto;
}

.branch-address li p {
    color: #000;
    font-size: 15px;
    line-height: 25px;
    width: 65%;
    margin: 0 auto;
}

.branch-address li i {
    color: #ff9b00;
}

.branch-box {
    padding: 0 25px;
}

.branch-media li {}

.branch-media li {
    margin-bottom: 20px;
}

.branch-media li a span {
    font-size: 18px;
    padding-left: 10px;
    color: #000000;
}

/******************contact-branch section end******************/

.policy-page {
    padding: 100px 0;
}

.policy-page_content {
    margin-bottom: 80px;
    padding: 0 20px;
}

.privacy-box {
    margin-bottom: 20px;
}

.checklist li {
    color: #000;
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 15px;
}

.checklist li i {
    color: rgba(255, 165, 0, 1);
    font-weight: 600;
}

.privacy-list h6 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}

.privacy-list h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 18px;

}

.policy-page h4 {
    display: inline-block;
    border-bottom: 2px solid rgba(255, 165, 0, 1);
    padding-bottom: 10px;
    color: rgba(2, 106, 5, 1);
    font-family: 'PT Serif', serif;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 25px;
}

.terms-box p {
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    margin-top: 50px;
}

.privacy-box p,
.privacy-list p {
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 10px;
}

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

    .bottom-logo span {
        padding-left: 8px;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 1px;
    }

    .bottom-header .navbar-light .navbar-nav .nav-link {
        font-size: 14px;
        padding: 27px 18px;
    }

    .new-box h6,
    .new-box marquee {
        font-size: 14px;
        padding: 11px 0 5px;
    }

    .about h2,
    .service h2,
    .contact-page-form h2,
    .contact-branch h2,
    .team h2,
    .features h2 {
        font-size: 38px;
        padding-bottom: 20px;
    }

    .about-box h3 {
        font-size: 23px;
        padding-bottom: 12px;
    }

    .about-box p {
        font-size: 13px;
        line-height: 24px;
        padding-bottom: 25px;
    }

    .about-button {
        font-size: 11px;
        padding: 7px 11px;
    }

    .about-box {
        padding: 56px 10px 0;
    }

    .vision-box h4,
    .vision-box1 h4 {
        font-size: 17px;
        padding: 10px;
        border-radius: 5px;
        margin-bottom: 15px;
    }

    .vision-box p,
    .vision-box1 p {
        font-size: 13px;
        line-height: 22px;
        padding: 10px;
        border-radius: 5px;
    }

    .service-info h4 {
        font-size: 14px;
    }

    .service-info p {
        font-size: 11px;
        line-height: 17px;
        padding-bottom: 28px;
    }

    .button-service {
        font-size: 9px;
        border-radius: 25px;
        padding: 8px 18px;
    }

    .service h2::after {
        width: 80px;
        height: 2px;
        bottom: 4px;
        left: 45.5%;
    }

    .features-box {
        padding: 18px 0;
    }

    .features-box h6 {
        font-size: 13px;
        line-height: 19px;
        padding-top: 15px;
    }

    .banner-about h1 {
        font-size: 50px;
    }

    .banner-about {
        padding: 190px 0 100px;
    }

    .contact-page-form .form-control {
        padding: 12px 18px;
        font-weight: 300;
        line-height: 28px;
        font-size: 14px;
        margin-bottom: 17px;
    }

    .contact-page-button {
        font-size: 14px;
        border-radius: 25px;
        padding: 10px 54px;
        margin-top: 5px;
    }

    .branch-box {
        padding: 0 15px;
    }


    .branch-address li p {
        font-size: 14px;
        line-height: 24px;
        width: 62%;
    }

    .branch-media li a img {
        width: 50%
    }

    .branch-media li a img {
        width: 15%;
    }

    .branch-address li {
        display: flex;
        padding-bottom: 40px;
    }

    .facility li {
        font-size: 14px;
        line-height: 22px;
        margin-left: 14px;
    }

    .newfeature-info h5 {
        font-size: 15px;
        padding-top: 18px;
    }

    .newfeature-info p {
        font-size: 12px;
        line-height: 21px;
        padding-top: 10px;
    }

    .newfeature-box {
        margin: 0 5px 40px;
        padding: 20px;
        border-radius: 5px;
    }

    .team-info p {
        font-size: 14px;
        padding-top: 4px;
    }

    .team-info {
        padding: 8px 0;
    }

    .savings_link {
        font-size: 14px;
        padding: 18px 0;
    }

    .savings-page-box h2 {
        font-size: 25px;
        padding: 15px 25px;
    }

    .savings-box {
        margin-top: 40px;
    }

    .savings-page .service_content {
        padding: 40px 20px;
    }

    .savings-box .table {
        margin-top: 20px;
        font-size: 15px;
    }

    .loan_content p {
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 40px;
    }

    .loan-condition h4 {
        border-bottom: 4px double rgb(255, 155, 0);
        padding-bottom: 8px;
        font-size: 22px;
    }

    .loan_condition h6 {
        font-size: 17px;
    }

    .loan-box .loan-condition .checklist li {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 18px;
    }

    .gallery-area {
        padding: 100px 0;
    }

    .contact-page-form .form-control {
        padding: 12px 18px;
        line-height: 21px;
        font-size: 13px;
        margin-bottom: 15px;
    }

    .contact-page-button {
        font-size: 13px;
        border-radius: 25px;
        padding: 8px 50px;
        margin-top: 0px;
    }

    .footer-box .widget-title {
        margin-bottom: 30px;
        letter-spacing: 0.5px;
        padding-bottom: 10px;
        font-size: 18px;
    }

    .footer-box .widget-title::after {
        height: 2px;
        width: 60px;
    }

    .footer-about p {
        font-size: 12px;
        line-height: 22px;
    }

    .bottom-footer-1,
    .bottom-footer-2 {
        font-size: 12px;
    }

    .bottom-footer {
        padding: 12px 0;
    }

    .policy-page_content .checklist li {
        color: #000;
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .policy-page_content .checklist {
        margin-top: 5px;
    }

    .policy-page_content .privacy-box p,
    .privacy-list p {
        font-size: 14px;
        line-height: 25px;
        padding-bottom: 10px;
    }

    .policy-page_content .privacy-list h5 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 17px;
    }

    .policy-page_content .privacy-list h6 {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .policy-page_content .terms-box p {
        font-size: 14px;
        line-height: 24px;
        font-weight: 600;
        margin-top: 40px;
    }

    .policy-page h4 {
        border-bottom: 2px solid rgba(255, 165, 0, 1);
        padding-bottom: 8px;
        font-size: 24px;
        margin-bottom: 22px;
    }
}

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

    .bottom-logo span {
        padding-left: 8px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 1px;
    }
}

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

    .bottom-logo span {
        padding-left: 8px;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 1px;
    }

    .bottom-header .navbar-light .navbar-nav .nav-link {
        font-size: 13px;
        padding: 25px 16px;
    }

    .new-box h6,
    .new-box marquee {
        font-size: 13px;
        padding: 10px 0 2px;
    }

    .about h2,
    .service h2,
    .contact-page-form h2,
    .contact-branch h2,
    .team h2,
    .features h2 {
        font-size: 36px;
        padding-bottom: 16px;
    }

    .about-box h3 {
        font-size: 22px;
        padding-bottom: 11px;
    }

    .vision-box h4,
    .vision-box1 h4 {
        font-size: 16px;
        padding: 9px 10px;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .vision-box p,
    .vision-box1 p {
        font-size: 12px;
        line-height: 20px;
        padding: 8px;
    }

    .features-box {
        padding: 16px 0;
    }

    .banner-about {
        padding: 180px 0 95px;
    }

    .team-box {
        margin: 2px;
        padding: 5px;
        border: 2px solid #144d82;
    }

    .footer-box .footer-contact ul li span {
        font-size: 13px;
        border: 2px solid #cccccc;
        height: 31px;
        width: 31px;
        line-height: 28px;
        margin-right: 12px;
    }

    .footer-box .footer-quick-link ul li a {
        font-size: 12px;
        padding: 8px 0;
    }

    .footer-box .footer-contact ul li {
        font-size: 12px;
    }

    .bottom-footer-1,
    .bottom-footer-2 {
        font-size: 11px;
    }

    .footer-box .widget-title {
        margin-bottom: 28px;
        letter-spacing: 0.5px;
        padding-bottom: 10px;
        font-size: 17px;
    }

    .header-info li {
        font-size: 11px;
        padding-right: 18px;
    }

    .header-icon li {
        padding: 0 8px;
    }
}

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

    .footer-box .footer-contact ul li {
        font-size: 11px;
        line-height: 18px;
    }

    .footer-box .footer-quick-link ul li a {
        font-size: 11px;
        padding: 8px 0;
    }

    .bottom-footer-1,
    .bottom-footer-2 {
        font-size: 10px;
    }

    .bottom-footer {
        padding: 8px 0;
    }

    .footer-about p {
        font-size: 11px;
        line-height: 20px;
    }

    .footer-box .widget-title {
        margin-bottom: 25px;
        letter-spacing: 0.5px;
        padding-bottom: 8px;
        font-size: 16px;
    }

    .navlogo {
        width: 11%;
    }
}

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

    .bottom-header .navbar-light .navbar-nav .nav-link {
        font-size: 12px;
        padding: 24px 15px;
    }

    .footer-box .footer-contact ul li span {
        font-size: 12px;
        border: 2px solid #cccccc;
        height: 30px;
        width: 28px;
        line-height: 28px;
        margin-right: 8px;
    }

    .about h2,
    .service h2,
    .contact-page-form h2,
    .contact-branch h2,
    .team h2,
    .features h2 {
        font-size: 34px;
        padding-bottom: 12px;
    }

    .about-box h3 {
        font-size: 20px;
        padding-bottom: 8px;
    }

    .about-box {
        padding: 54px 8px 0;
    }

    .vision-box h4,
    .vision-box1 h4 {
        font-size: 15px;
        padding: 8px 10px;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .vision-box p,
    .vision-box1 p {
        font-size: 11px;
        line-height: 20px;
        padding: 8px;
    }

    .features-box {
        padding: 12px 0;
    }

    .features-box h6 {
        font-size: 12px;
        line-height: 18px;
        padding-top: 15px;
    }

    .team-info h6 {
        font-size: 15px;
    }

    .team-info p {
        font-size: 13px;
        padding-top: 4px;
    }

    .banner-about {
        padding: 150px 0 85px;
    }

    .branch-address li h5 {
        font-size: 15px;
        width: 25%;
    }

    .branch-address li p {
        font-size: 14px;
        line-height: 24px;
        width: 65%;
    }

    .branch-media li a img {
        width: 14%;
    }

    .branch-media li a span {
        font-size: 17px;
        padding-left: 10px;
    }

    .branch-media li {
        margin-bottom: 25px;
    }

}

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

    .banner .carousel-indicators [data-bs-target] {
        width: 12px;
        height: 12px;
        margin: 3px;
    }

    .about h2::after {
        width: 65px;
        height: 2px;
        bottom: 4px;
        left: 46.5%;
    }

    .about-box h3 {
        font-size: 22px;
        padding-bottom: 10px;
    }

    .service-info {
        padding: 20px 0;
    }


    .features-box h6 {
        font-size: 13px;
        line-height: 18px;
        padding-top: 15px;
    }

    .loan-condition h4 {
        border-bottom: 4px double rgb(255, 155, 0);
        padding-bottom: 6px;
        font-size: 21px;
    }

    .loan_content h3 {
        font-size: 24px;
        padding: 4px 0 18px 0;
    }

    .loan-box .loan-condition .checklist li {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 18px;
    }

    .loan_content p {
        font-size: 13px;
        line-height: 22px;
        padding-bottom: 40px;
    }

    .loan-condition h6 {
        font-size: 17px;
        margin-bottom: 20px;
    }

    .savings-page-box h2 {
        font-size: 24px;
        padding: 14px 25px;
    }

    .savings-box {
        margin-top: 35px;
    }

    .savings-box .table {
        margin-top: 20px;
        font-size: 14px;
    }

}

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


    .bottom-header .navbar-light .navbar-nav .nav-link {
        font-size: 12px;
        padding: 8px 15px;
    }

    .bottom-header .navbar-toggler-icon {
        width: 1.4em;
        height: 1.4em;
    }

    .navlogo {
        width: 10%;
    }

    .navbar-nav {
        margin: 10px 0;
        background: rgba(2, 106, 5, 0.2);
    }

    .banner .carousel-indicators [data-bs-target] {
        width: 11px;
        height: 11px;
        margin: 3px;
    }

    .carousel-indicators {
        margin-bottom: 0.25rem;
    }


    .about-box h3 {
        font-size: 21px;
        padding-bottom: 9px;
    }

    .about-box p {
        font-size: 11px;
        line-height: 19px;
        padding-bottom: 8px;
    }

    .about-image {
        border-width: 9px;
    }

    .vision-box,
    .vision-box1 {
        padding: 20px 25px;
    }

    .about-button {
        font-size: 8px;
        padding: 6px 9px;
    }

    .about-box {
        padding: 42px 4px 0;
    }

    .service-card {
        padding: 8px;
    }

    .service-info {
        padding: 18px 8px 20px;
    }

    .service-info h4 {
        font-size: 9px;
        padding-bottom: 10px;
    }

    .service-info p {
        font-size: 8px;
        line-height: 13px;
        padding-bottom: 15px;
    }

    .button-service {
        font-size: 7px;
        padding: 6px 11px;
    }

    .footer-box .widget-title {
        margin-bottom: 25px;
        letter-spacing: 0.5px;
        padding-bottom: 8px;
        font-size: 16px;
        padding-top: 28px;
    }

    .features-box h6 {
        font-size: 12px;
        line-height: 17px;
        padding-top: 12px;
    }



    .contact-page-form .form-control {
        padding: 10px 12px;
        font-weight: 300;
        line-height: 22px;
        font-size: 12px;
        margin-bottom: 12px;
    }

    .contact-page-button {
        font-size: 12px;
        border-radius: 25px;
        padding: 8px 42px;
        margin-top: 0px;
    }

    .form-box {
        padding: 0 10px;
    }


    .branch-address li h5 {
        font-size: 15px;
        width: 32%;
    }

    .branch-media li a img {
        width: 16%;
    }

    .branch-media li {
        margin-bottom: 28px;
    }


    .branch-box {
        padding: 0 4px;
    }

    .facility li {
        font-size: 12px;
        line-height: 18px;
        margin-left: 10px;
    }

    .facility {
        padding-bottom: 12px;
    }

    .gallery-area {
        padding: 68px 0;
    }

    .team-info h5 {
        font-size: 15px;
        font-weight: 500;
        padding-bottom: 6px;
    }

    .team-info {
        padding: 5px 0;
    }

    .savings_link {
        font-size: 13px;
        padding: 15px 0;
    }

    .savings-page-box h2 {
        font-size: 22px;
        padding: 14px 25px;
    }

    .savings-box .table {
        margin-top: 20px;
        font-size: 13px;
    }

    .loanlink {
        font-size: 13px;
        padding: 15px 0;
    }

    .loan_content h3 {
        font-size: 22px;
        padding: 4px 0 18px 0;
    }

    .loan_content p {
        font-size: 12px;
        line-height: 21px;
        padding-bottom: 35px;
    }

    .loan-box .loan-condition .checklist li {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 18px;
    }

    .loan-condition h4 {
        border-bottom: 4px double rgb(255, 155, 0);
        padding-bottom: 5px;
        font-size: 20px;
    }
}

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

    .header-info li {
        font-size: 10px;
        padding-right: 15px;
    }

    .header-info li span {
        padding-left: 2px;
    }

    .header-icon li {
        padding: 0 6px;
    }

    .navlogo {
        width: 8%;
    }

    .bottom-logo span {
        padding-left: 8px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
    }

    .bottom-header .navbar-light .navbar-nav .nav-link {
        font-size: 11px;
        padding: 6px 10px;
    }


    .navbar-toggler {
        padding: .18rem .68rem;
        font-size: 1rem;
    }

    .banner .carousel-indicators [data-bs-target] {
        width: 9px;
        height: 9px;
        margin: 2px;
    }

    .new-box h6,
    .new-box marquee {
        font-size: 12px;
        padding: 10px 0 0px;
    }

    .vision-box h4,
    .vision-box1 h4 {
        font-size: 14px;
        padding: 8px 10px;
        border-radius: 5px;
        margin-bottom: 8px;
    }

    .vision-box p,
    .vision-box1 p {
        font-size: 10px;
        line-height: 18px;
        padding: 4px;
    }

    .newfeature-info h5 {
        font-size: 12px;
        padding-top: 15px;
    }

    .newfeature-info p {
        font-size: 10px;
        line-height: 18px;
        padding-top: 10px;
    }

    .team-info h6 {
        font-size: 12px;
    }

    .team-info p {
        font-size: 10px;
        padding-top: 1px;
    }

    .team-box {
        margin: 0px;
        padding: 5px;
        border: 2px solid #144d82;
    }

    .loanlink {
        font-size: 12px;
        padding: 12px 0;
    }

    .loan_content h3 {
        font-size: 20px;
        padding: 0px 0 15px 0;
    }

    .about h2,
    .service h2,
    .contact-page-form h2,
    .contact-branch h2,
    .team h2,
    .features h2 {
        font-size: 32px;
        padding-bottom: 13px;
    }

    .about h2::after,
    .service h2::after,
    .contact-page-form h2::after,
    .contact-branch h2::after,
    .team h2::after,
    .features h2::after {
        width: 66px;
        height: 2px;
        left: 45.5%;
    }

    .about-box {
        padding: 35px 2px 0;
    }

    .about-box h3 {
        font-size: 19px;
        padding-bottom: 8px;
    }

    .service h6 {
        font-size: 10px;
        line-height: 16px;
        padding-bottom: 38px;
        padding-top: 10px;
    }

    .features-image {
        width: 28%;
    }

    .features-box h6 {
        font-size: 11px;
        line-height: 15px;
        padding-top: 10px;
    }

    .banner-about h1 {
        font-size: 38px;
    }

    .banner-about {
        padding: 158px 0 85px;
    }

    .gallery-area-image {
        border: 4px solid #c68802;
    }
}

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

    .top-header .top-info {
        width: 60%;
    }

    .top-header .top-icon {
        width: 40%;
    }

    .facility-box {
        width: 45%;
    }

    .facility-box1 {
        width: 55%;
    }

    .facility-list li span {
        font-size: 14px;
        padding: 0 8px;
    }

    .top-logo {
        width: 30%;
    }

    .navbar-toggler {
        padding: .18rem .58rem;
        font-size: 0.8rem;
    }

    .nav-link {
        padding: .16rem 1rem;
    }


    .about-box p {
        font-size: 12px;
        line-height: 24px;
        padding-bottom: 15px;
    }

    .about-button {
        font-size: 10px;
        padding: 6px 9px;
    }

    .about-box .about-image {
        width: 50%;
    }

    .new-box {
        display: none;
    }

    .about h2,
    .service h2,
    .contact-page-form h2,
    .contact-branch h2,
    .team h2,
    .features h2 {
        font-size: 30px;
        padding-bottom: 14px;
    }

    .service-info h4 {
        font-size: 16px;
        padding-bottom: 0px;
    }

    .service-info {
        padding: 28px 98px 20px;
    }

    .service-card {
        padding: 20px 0px;
        margin: 15px 15px;
    }

    .service-info h4 {
        font-size: 16px;
    }

    .service-info p {
        font-size: 11px;
        line-height: 17px;
        padding-bottom: 20px;
    }

    .button-service {
        font-size: 9px;
        padding: 8px 15px;
    }

    .features-image {
        width: 10%;
    }

    .features-box {
        padding: 8px 0;
    }

    .features-box h6 {
        font-size: 12px;
        line-height: 18px;
        padding-top: 15px;
    }

    .partner-image {
        width: 20%;
    }

    .branch-address {
        padding-top: 40px;
    }

    .form-box {
        padding: 0 1px;
    }

    .banner-about h1 {
        font-size: 35px;
    }

    .banner-about {
        padding: 142px 0 80px;
    }

    .gallery-area-image {
        border: 5px solid #c68802;
    }

    .gallery-area-box {
        margin-bottom: 25px;
    }

    .team-box {
        border: 6px solid #144d82;
        margin: 20px 80px;
    }

    .bottom-footer-box {
        width: 50%;
    }

    .team-info p {
        font-size: 12px;
        padding-top: 1px;
    }

    .team-info h6 {
        font-size: 14px;
    }

    .team-info {
        padding: 10px 0;
    }

    .savings_link,
    .loanlink {
        font-size: 12px;
        padding: 12px 0;
    }

    .savings-dropdown-box,
    .loan-dropdown {
        margin-bottom: 20px;
    }

    .gallery-area-box {
        margin: 0 200px 25px;
    }

    .contact-page-form .form-control {
        padding: 8px 12px;
        line-height: 22px;
        font-size: 11px;
        margin-bottom: 12px;
    }

    .contact-page-button {
        font-size: 11px;
        border-radius: 25px;
        padding: 6px 35px;
        margin-top: 0px;
    }

    .form-box {
        width: 80%;
    }

    .branch-media li a img {
        width: 8%;
    }

    .branch-media {
        margin-top: 20px;
    }
}

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

    .bottom-logo span {
        padding-left: 8px;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0;
    }

    .navbar-brand {
        margin-right: 0;
    }

    .logo-content {
        width: 85%;
    }

    .bottom-header .navbar-light .navbar-nav .nav-link {
        font-size: 10px;
        padding: 5px 10px;
    }
}

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

    .nav-link {
        padding: .08rem 1rem;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .banner .carousel-indicators [data-bs-target] {
        width: 8px;
        height: 8px;
        margin: 2px;
    }

    .navbar-toggler {
        padding: .18rem .5rem;
        font-size: 0.75rem;
    }

    .about h2,
    .service h2,
    .contact-page-form h2,
    .contact-branch h2,
    .team h2,
    .features h2 {
        font-size: 25px;
        padding-bottom: 10px;
    }

    .about h2::after,
    .service h2::after,
    .contact-page-form h2::after,
    .contact-branch h2::after,
    .team h2::after,
    .features h2::after {
        width: 50px;
        height: 1px;
        left: 45.5%;
    }

    .about-box h3 {
        font-size: 16px;
        padding-bottom: 6px;
    }

    .about-button {
        font-size: 7px;
        padding: 6px 8px;
    }

    .service-card {
        padding: 50px 0px;
        margin: 15px 22px;
    }

    .service-info h4 {
        font-size: 16px;
        padding-bottom: 14px;
    }

    .service-info p {
        font-size: 10px;
        line-height: 16px;
        padding-bottom: 20px;
    }

    .button-service {
        font-size: 8px;
        padding: 7px 12px;
    }

    .contact-page-form .form-control {
        padding: 11px 12px;
        font-weight: 300;
        line-height: 22px;
        font-size: 11px;
        margin-bottom: 14px;
    }

    .contact-page-button {
        font-size: 12px;
        border-radius: 25px;
        padding: 8px 44px;
        margin-top: 4px;
    }

    .branch-address li h5 {
        font-size: 14px;
        width: 45%;
    }

    .branch-address li p {
        font-size: 13px;
        line-height: 22px;
        width: 64%;
    }

    .banner-about {
        padding: 118px 0 54px;
    }

}

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


    .features-box h6 {
        font-size: 12px;
        line-height: 17px;
        padding-top: 18px;
    }

    .footer-box .footer-subbox ul {
        padding-left: 0;
        margin-bottom: 0;
        padding-right: 20px;
    }

    .footer-about p {
        font-size: 10px;
        line-height: 18px;
        padding-right: 20px;
    }

    .service-card {
        padding: 0;
        margin: 15px 50px;
    }

    .partner-image {
        width: 28%;
    }
}

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

    .facility-box {
        width: 42%;
    }

    .facility-box1 {
        width: 58%;
    }

    .facility-list li span {
        font-size: 14px;
        padding: 0 6px;
    }

    .bottom-footer-1,
    .bottom-footer-2 {
        font-size: 9px;
        line-height: 15px;
    }

    .policy-page h4 {
        border-bottom: 2px solid rgba(255, 165, 0, 1);
        padding-bottom: 8px;
        font-size: 20px;
        margin-bottom: 20px;
    }
}

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

    .rot-logo {
        top: 24%;
        left: 26%;
        width: 50%;
    }

    .rot {
        border: 10px solid rgba(4, 128, 7, 1);
        width: 10rem;
        height: 10rem;
        border-left: 10px solid rgba(255, 165, 0, 1);
        border-right: 10px solid rgba(255, 165, 0, 1);
    }

    .top-header {
        display: none;
    }

    .navbar-toggler {
        padding: .18rem .45rem;
        font-size: 0.7rem;
    }

    .about h2,
    .service h2,
    .contact-page-form h2,
    .contact-branch h2,
    .team h2,
    .features h2 {
        font-size: 23px;
        padding-bottom: 9px;
        margin-bottom: 28px;
    }

    .gallery-area-box {
        margin: 0 50px 25px;
    }

    .about-box h3 {
        font-size: 15px;
        padding-bottom: 6px;
    }

    .service-info h4 {
        font-size: 15px;
        padding-bottom: 12px;
    }

    .service-info p {
        font-size: 9px;
        line-height: 14px;
        padding-bottom: 15px;
    }

    .button-service {
        font-size: 7px;
        padding: 6px 9px;
    }

    .service-info {
        padding: 20px 98px 5px;
    }

    .service-card {
        padding: 26px 0px;
        margin: 15px 22px;
    }

    .features-box h6 {
        font-size: 11px;
        line-height: 15px;
        padding-top: 16px;
    }

    .branch-address li p {
        font-size: 12px;
        line-height: 18px;
        width: 70%;
    }

    .branch-address li h5 {
        font-size: 13px;
        line-height: 20px;
        width: 20%;
    }

    .branch-media li a img {
        width: 6%;
    }

    .branch-media li a span {
        font-size: 15px;
        padding-left: 10px;
    }

    .bottom-header {
        padding: 2px 0;
    }

    .bottom-logo span {
        padding-left: 5px;
        font-size: 12px;
    }

    .banner-about {
        padding: 85px 0 54px;
    }

    .branch-address li {
        padding-bottom: 32px;
    }

    .facility li {
        font-size: 11px;
        line-height: 17px;
        margin-left: 9px;
    }

    .team-info h5 {
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 10px;
    }

    .team-info {
        padding: 8px 0;
    }

    .team-box {
        border: 4px solid #144d82;
        margin-bottom: 40px;
    }

    .loan_content p {
        font-size: 11px;
        line-height: 19px;
        padding-bottom: 28px;
    }

    .loan-condition h6 {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .loan-box .loan-condition .checklist li {
        font-size: 11px;
        line-height: 16px;
        margin-bottom: 18px;
    }

    .savings-box .table {
        margin-top: 10px;
        font-size: 12px;
    }

    .savings-page-box h2 {
        font-size: 20px;
        padding: 12px 20px;
    }

}

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

    .facility-list li span {
        font-size: 13px;
        padding: 0 6px;
    }


    .top-logo {
        width: 31%;
    }

    .nav-link {
        padding: .04rem 0.8rem;
    }

    .policy-page h4 {
        border-bottom: 2px solid rgba(255, 165, 0, 1);
        padding-bottom: 8px;
        font-size: 18px;
        margin-bottom: 20px;
    }

    .policy-page_content .checklist li {
        color: #000;
        font-size: 13px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .policy-page_content .privacy-box p,
    .privacy-list p {
        font-size: 13px;
        line-height: 24px;
        padding-bottom: 10px;
    }

    .policy-page_content .privacy-list h5 {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 16px;
    }

    .policy-page_content .privacy-list h6 {
        font-size: 13px;
        line-height: 22px;
        margin-bottom: 10px;
    }

}

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

    .facility-list li {
        padding-bottom: 20px;
    }

    .facility-list li span {
        font-size: 12px;
        padding: 0 5px;
    }

    .bottom-logo span {
        padding-left: 2px;
        font-size: 11px;
    }

    .loan-condition h4 {
        border-bottom: 4px double rgb(255, 155, 0);
        padding-bottom: 4px;
        font-size: 18px;
    }

    .loan-condition h6 {
        font-size: 14px;
        margin-bottom: 4px;
    }

}

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

    .faiclity-image {
        padding: 5px;
    }
}

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

    .facility-list li span {
        font-size: 12px;
        padding: 0 8px;
    }

    .faiclity-image {
        background: none;
    }

    .facility-box {
        width: 50%;
    }

    .facility-box1 {
        width: 50%;
    }

    .facility-list li {
        padding-bottom: 25px;
        display: inline-flex;
    }

    .banner .carousel-indicators [data-bs-target] {
        width: 6px;
        height: 6px;
        margin: 1px;
    }




    .about-button {
        font-size: 6px;
        padding: 5px 6px;
    }

    .service-card {
        padding: 18px 0px;
        margin: 15px 0px;
    }

    .service-info h4 {
        font-size: 14px;
        padding-bottom: 10px;
    }

    .contact-page-button {
        font-size: 10px;
        border-radius: 25px;
        padding: 5px 28px;
        margin-top: 2px;
    }

    .contact-page-form .form-control {
        padding: 9px 8px;
        font-weight: 300;
        line-height: 18px;
        font-size: 10px;
        margin-bottom: 8px;
    }

    .banner-gallery h1 {
        font-size: 24px;
    }

    .banner-gallery {
        padding: 92px 0 40px;
    }
}

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

    .bottom-logo span {
        padding-left: 1px;
        font-size: 10px;
    }

    .about h2,
    .service h2,
    .contact-page-form h2,
    .contact-branch h2,
    .team h2,
    .features h2 {
        font-size: 22px;
        padding-bottom: 8px;
    }

    .banner-about {
        padding: 65px 0 40px;
    }

    .banner-about h1 {
        font-size: 34px;
    }
}

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


    .bottom-logo span {
        padding-left: 1px;
        font-size: 9px;
    }

}

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


    .carousel-indicators {
        margin-bottom: 0px;
    }

    .bottom-logo span {
        padding-left: 1px;
        font-size: 8px;
    }

    .banner-about h1 {
        font-size: 28px;
    }

    .banner-about {
        padding: 50px 0 28px;
    }

    .about h2,
    .service h2,
    .contact-page-form h2,
    .contact-branch h2,
    .team h2,
    .features h2 {
        font-size: 20px;
        padding-bottom: 8px;
    }

    .about h2::after,
    .service h2::after,
    .contact-page-form h2::after,
    .contact-branch h2::after,
    .team h2::after,
    .features h2::after {
        width: 40px;
        height: 1px;
        left: 45%;
    }

    .about-box {
        padding: 20px 2px 0;
    }

    .savings_link,
    .loanlink {
        font-size: 12px;
        padding: 8px 0;
    }

    .savings-page-box h2 {
        font-size: 18px;
        padding: 10px 20px;
    }

    .loan_content h3 {
        font-size: 18px;
        padding: 0px 0 15px 0;
    }

    .loan-condition h4 {
        border-bottom: 4px double rgb(255, 155, 0);
        padding-bottom: 2px;
        font-size: 16px;
    }

    .branch-media li a img {
        width: 8%;
    }

    .branch-media li a span {
        font-size: 12px;
        padding-left: 8px;
    }

    .footer-box .widget-title {
        margin-bottom: 18px;
        letter-spacing: 0.5px;
        padding-bottom: 6px;
        font-size: 15px;
        padding-top: 28px;
    }

    .bottom-footer-1,
    .bottom-footer-2 {
        font-size: 8px;
        line-height: 12px;
    }

    .policy-page h4 {
        border-bottom: 2px solid rgba(255, 165, 0, 1);
        padding-bottom: 8px;
        font-size: 15px;
        margin-bottom: 22px;
    }

    .policy-page_content .checklist li {
        font-size: 11px;
        line-height: 20px;
        margin-bottom: 12px;
    }

    .policy-page_content .terms-box p {
        font-size: 12px;
        line-height: 20px;
        font-weight: 600;
        margin-top: 28px;
    }

    .policy-page_content .privacy-box p,
    .privacy-list p {
        font-size: 11px;
        line-height: 20px;
        padding-bottom: 8px;
    }

    .policy-page_content .privacy-list h5 {
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .policy-page_content .privacy-list h6 {
        font-size: 11px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .branch-address {
        padding-top: 0;
    }

    .team-info {
        padding: 5px 0;
    }
}

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

    .service-info {
        padding: 20px 50px 5px;
    }

    .about h2::after,
    .service h2::after,
    .contact-page-form h2::after,
    .contact-branch h2::after,
    .team h2::after,
    .features h2::after {
        display: none;
    }

    .team-info h6 {
        font-size: 12px;
    }

    .team-info p {
        font-size: 10px;
        padding-top: 0px;
    }
}