*{
padding: 0px;
margin: 0px;
box-sizing: border-box;
}
img{
max-width: 100%;
}
a,li{
list-style: none;
text-decoration: none;
}
ul{
padding: 0px;
margin: 0px;
}
body{
font-family: "Open Sans", sans-serif;
background: #fff;
}

input:focus{
box-shadow: none !important;  
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
width: 95%;
}


:root {
--primary-color: #002953;
--secondary-color:#002142;
--black-color:#000811;

}



.bg-color-section {
    background: #c6c6c60f;;
    padding: 10px 0px;
    margin: 5px 0px;
}
.home-section-title {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 20px 20px;
}

.home-section-title h2 {
    font-size: 20px;
    font-weight: 500;
    margin: 0px;
    padding: 0px;
    color: var(--secondary-color);
}

.home-section-title a {
    font-size: 16px;
    display: block;
    margin: 0px;
    color: var(--primary-color);
}

.view-all-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 20px 0px;
}

.view-all-btn a {
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-color);
}

.section_banner {
    padding: 5px 0px;
}

.section_banner .bannre-img img {
    height: 246px;
}

/*Top Header Section Start*/

.top_header.fixed-top.scrolled {
background-color: var(--primary-color) !important;
transition: background-color 200ms linear;
}
.top_header.fixed-top{
position: sticky;
}

.top_header {
background: var(--primary-color);
line-height: 55px;
}

.top_header .top-header-logo img{
height: 60px;
}

.top_header .top-header-logo {
position: relative;
}

.top_header .top-search-bar {
position: relative;
margin: 0px 20px;
}

.top_header .top-search-bar:before {
content: "";
position: absolute;
height: 20px;
width: 2px;
background: #ddd;
right: -3%;
top: 50%;
transform: translate(-50%,-50%);
}

.top_header .top-search-bar:after {
content: "";
position: absolute;
height: 20px;
width: 2px;
background: #ddd;
left: -3%;
top: 50%;
transform: translate(-50%,-50%);
}

.top_header .top-search-bar input {
height: 50px;
border-radius: 5px;
font-size: 13px;
}
.top_header .top-search-bar .search-icon {
position: absolute;
top: 0;
right: 0;
padding: 0px 15px;
background: var(--secondary-color);
border-radius: 0px 5px 5px 0px;
color: #fff;
font-size: 15px;
cursor: pointer;
}

.top_header .top-header-right .top-header-menu li a span {
display: block;
margin-top: -30px;
}

.top_header .top-header-right .top-header-menu li {
text-align: center;
margin: 0px 4px;
}
.top_header .top-header-right .top-header-menu li a {
font-size: 11px;
text-transform: capitalize;
font-weight: 500;
color: #fff;
display: inline-block;
transition: all 0.3s linear;
padding: 0px 8px;
}
.top_header .top-header-right .top-header-menu li a:hover {
background: var(--secondary-color);
display: inline-block;
}

.top_header .top-header-right .top-header-menu li a img {
filter: invert(1);
height: 25px;
}
.top_header .top-header-right .top-header-menu {
display: flex;
align-items: center;
justify-content: right;
}

.top_header .top-header-right .top-header-menu .dropdown-menu {
right: 0px;
width: 400px;
background: var(--secondary-color);
height: 100vh;
overflow: auto;
}
.top_header .top-header-right .top-header-menu .dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}

.top_header .top-header-right .top-header-menu .dropdown:hover>.dropdown-menu {
display: block;
}

.top_header .top-header-right .top-header-menu .dropdown-submenu:hover>.dropdown-menu {
display: block;
}

.top_header .top-header-right .top-header-menu .notification-content {
background: #fff;
padding: 10px 10px;
margin: 10px 10px;
border-radius: 5px;
}
.top_header .top-header-right .top-header-menu .notification-content a:hover {
background: none !important;
color: var(--secondary-color);
}

.top_header .top-header-right .top-header-menu .notification-content .notification-inner {
display: flex;
}

.top_header .top-header-right .top-header-menu .notification-content .notification-inner .notification-text h4 {
color: var(--secondary-color);
margin: 0px;
font-size: 15px;
text-transform: uppercase;
font-weight: 700;
}

.top_header .top-header-right .top-header-menu .notification-content .notification-inner .notification-text p {
margin: 0px;
font-size: 11px;
line-height: 16px;
color: var(--secondary-color);
}

.top_header .top-header-right .top-header-menu .notification-icon {
margin: 0px 10px 0px 5px;
}

.top_header .top-header-right .top-header-menu .notification-trash {
margin: 0px 5px 0px 10px;
font-size: 15px;
color: var(--secondary-color);
}

.top_header .top-header-right .top-header-menu .notification-icon img {
filter: none !important;
width: 90px;
}

.top_header .top-header-right .top-header-menu .dsfghhy {
border-bottom: solid 1px #ddd;
padding: 0px 0px 15px;
}

.top_header .top-header-right .top-header-menu .opne-noti a {
color: var(--primary-color);!important;
font-size: 14px !important;
font-weight: 600 !important;
text-transform: capitalize;
}

.top_header .top-header-right .top-header-menu .opne-noti {
margin: 0px 15px 0px;
}

.top_header .top-header-right .top-header-menu .dropdown-menu.partner-dropdown {
    right: 0px !important;
    width: max-content;
    height: auto !important;
}

.top_header .top-header-right .top-header-menu .dropdown-menu.partner-dropdown.language-drop{
left: 0px !important;
    width: max-content;
}

.top_header .top-header-right .top-header-menu .dropdown-menu.partner-dropdown li {
text-align: start !important;
}
/*.top_header .top-header-right .top-header-menu .dropdown-menu.partner-dropdown li a {
font-size: 13px !important;
}*/

.top_header .top-header-right .top-header-menu .dropdown-menu.partner-dropdown li a img {
filter: none !important;
margin-right: 10px;
height: 30px;
width: 30px;
object-fit: contain;
}

/*.top_header .top-header-right .top-header-menu .dropdown-menu.partner-dropdown li {
margin-bottom: 10px;
}*/

.top_header .top-header-right .top-header-menu .dropdown-menu.partner-dropdown li:last-child {
margin-bottom: 0px;
}

.top_header .top-header-right .top-header-menu .dropdown-menu.partner-dropdown li a {
font-size: 13px !important;
display: block;
}



/*Top Header Section End*/


/*Bottom Header Start*/

.bottom_header {
background: var(--secondary-color);
}

.bottom_header .bottom-menu .navbar {
display: flex;
justify-content: space-between;
align-items: start;
padding: 0px;
position: relative;
}
.bottom_header .bottom-menu .navbar .menu {
display: flex;
align-items: center;
}
.bottom_header .bottom-menu .bottom-header-all-menu {
    display: flex;
}
.bottom_header .bottom-menu .navbar .menu li {
position: relative;
}
.bottom_header .bottom-menu .navbar .menu li a {
color: #fff;
font-size: 14px;
text-transform: capitalize;
}

.bottom_header .bottom-menu .navbar .menu li a:hover{
background: #000;
}
.bottom_header .bottom-menu .navbar .dropdown, .submenu {
display: none;
position: absolute;
left: 0;
top: 100%;
background: var(--secondary-color);
list-style: none;
padding: 0;
margin: 0;
width: max-content;
z-index: 99;
}
.bottom_header .bottom-menu .navbar .menu li:hover > .dropdown {
display: block;
color: #fff;
}
.bottom_header .bottom-menu .navbar .dropdown li {
position: relative;
}
.bottom_header .bottom-menu .navbar .dropdown li:hover > .submenu {
display: block;
left: 100%;
top: 0;
}
.bottom_header .bottom-menu .navbar .submenu li a, .dropdown li a {
display: block;
color: #fff;
}
/*.bottom_header .bottom-menu .navbar .submenu li:hover, .bottom_header .dropdown li:hover {
background: #666;
}*/

.bottom_header .bottom-menu .apply_btn{
    display: block;
    background: red;
    color: #fff;
    text-transform: capitalize;
    font-size: 10px;
    border: none;
    padding: 2px 10px;
    border-radius: 10px;
    margin-top: 3px;
    display: none;
}
.bottom_header .bottom-menu .navbar .menu li a:hover .apply_btn{
    display: block;
}


.bottom_header .bottom-menu .offcanvas-header {
    background: var(--primary-color);
}
.bottom_header .bottom-menu .bottom-offcanvas-header img{
    filter: invert(1);
    height: 25px;
}
.bottom_header .bottom-menu .bottom-offcanvas-header a{
   color: #fff;
   font-size: 15px;
   text-transform: capitalize;
}

.bottom_header .bottom-menu .bottom-offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.bottom_header .bottom-menu .bottom-offcanvas-header button {
    background: none;
    border: none;
    color: #fff;
    font-size: 20px;
}

.bottom_header .bottom-menu .offcanvas-body ul.offcanvas-body-list li a {
    color: #000 !important;
    font-size: 15px !important;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1px 23px 22px 16px;
}
.bottom_header .bottom-menu .offcanvas-body ul.offcanvas-body-list li a i {
    font-size: 10px !important;
}

.bottom_header .bottom-menu .offcanvas-body ul.offcanvas-body-list li a:hover{
    background: #ddd !important;
}

.bottom_header .bottom-menu .offcanvas-body {
    padding: 0px;
}


/*Bottom Header End*/



/*Top Category Section Start*/

.top_category{
    background: #fff;
}

.top_category .top-category-iteam .top_category_item .top-category-icon img {
    height: 60px;
    width: 60px;
    margin: 0px auto;
}

.top_category .top-category-iteam .top_category_item .top-category-icon p {
    font-size: 14px;
    text-align: center;
    color: var(--secondary-color);
    margin: 7px 0px 0px;
    text-transform: capitalize;
}

.top_category .top-category-iteam .top_category_item .top-category-icon {
    padding: 15px 0px 0px;
}

.top_category .top-category-iteam .top_category_item .top-category-icon a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}


/*Top Category Section End*/

/*Slider Section Start*/

.slider .carousel-item img {
    height: 278px;
}
.slider .banner-content {
    position: absolute;
    bottom: 10%;
    left: 3%;
    transform: translate(-3%, -10%);
}

.slider .banner-content .banner-btn {
    background: #fff;
    color: var(--secondary-color);
    border-radius: 40px;
    border: 1px solid var(--secondary-color);
    padding: 7px 16px;
    text-transform: capitalize;
    font-size: 14px;
    transition: all 0.3s linear;
}

.slider .banner-content .banner-btn:hover {
    background: var(--secondary-color);
    color: #fff;
}
.slider .carousel-control-next, .slider .carousel-control-prev {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    text-align: center;
    background: #fff;
    border: 0;
    transition: opacity .15s ease;
    top: 50%;
    bottom: 50%;
    transform: translate(0%, -50%);
    height: 48px;
    width: 42px;
    border-radius: 10px 0px 0px 10px;
}


.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 20px;
    border: none;
}
/*Slider Section End*/

/*Bill And Recharge Section Start*/

.bill_and_recharge .bill-recharge .bill-recharge-inner .content img {
    height: 150px;
    width: 150px;
    margin: 0px auto;
}

.bill_and_recharge .bill-recharge .bill-recharge-inner .content {
    text-align: center;
}

.bill_and_recharge .bill-recharge .bill-recharge-inner .content p {
    font-size: 15px;
    text-transform: capitalize;
    margin: 12px 0px 0px;
    color: var(--secondary-color);
}


/*Bill And Recharge Section End*/


.exclusive_loan_offers .exclusive-loan-offers-inner .exclusive-content {
    display: flex;
    align-items: baseline;
    gap: 15px;
    padding: 0px 20px;
    text-align: center;
    flex-wrap: wrap;
}


.exclusive_loan_offers .exclusive-loan-offers-inner .exclusive-content .exclusive-content-inner p {
    font-size: 15px;
    text-transform: capitalize;
    color: var(--secondary-color);
    margin: 8px 0px 0px;
}



.section_banner .bannre-img .second-banner .second-banner-img img {
    height: 181px;
    width: 382px;
}

.section_banner.credit_banner .bannre-img img {
    height: 368px;
    object-fit: cover;
}


/*Articel Section Start*/


.articles .our-articals{
    padding: 0px 20px;
}

.articles .articles_inner {
    background: #fafafa;
    border-radius: 0 0 3px 3px;
    margin-bottom: 20px;
}
.articles .articel-section .articles_inner .articles_content p {
    color: var(--secondary-color);
    font-size: 15px;
    margin: 0px 0px 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 23px;
}

.articles .articel-section .articles_inner .articles_content {
    padding: 10px 10px;
}

.articles .articel-section .articles_inner .artical-text {
    justify-content: space-between;
    align-items: center;
}

.articles .articel-section .articles_inner .artical-text .artical-date span {
    margin: 0px;
    font-size: 14px;
    text-transform: capitalize;
    color: #000;
}

.articles .articel-section .articles_inner .artical-text .artical-more button {
    font-size: 14px;
    text-transform: capitalize;
    color: var(--primary-color);
    background: none;
    border: none;
}
.articles .articel-section .articles_inner .articles_img img {
    height: 157px;
    width: 100%;
}


/*Articel Section End*/



/*.exclusive-content-innerfdg img {
    height: 85px;
}

.exclusive-content-innerfdg {
    background: #fceff6;
    height: 150px;
    width: 152px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px 20px 0px 0px;
}
.csdv p {
    font-size: 15px;
    text-transform: capitalize;
    color: var(--secondary-color);
    margin: 8px 0px 0px;
}*/


/*.jknjn{
    width: 500px;
}
.loan-goals {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.loan-goals .loan-btn-goals {
    border: none;
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 4px 10px;
}*/

/* NEw Css Add*/
.exploar-bank .exclusive-content {
    padding: 0px 0px 0px 20px;
}



.exclusive-content.exploar-bank {
    padding: 0px 20px;
}




.bottom_header .bottom-menu .offcanvas-body ul.offcanvas-body-list ul.dropdown.dropmegamenu {
    width: 100% !important;
   
}


.bottom_header .bottom-menu .offcanvas-body ul.offcanvas-body-list ul.dropdown.dropmegamenu li a {
    color: #fff !important;
}
.bottom_header .bottom-menu .offcanvas-body ul.offcanvas-body-list ul.dropdown.dropmegamenu li a:hover{
background:#000 !important
}
.bottom_header .bottom-menu .offcanvas-body ul.offcanvas-body-list ul.dropdown.dropmegamenu li {
    border-bottom: dotted 1px #666;
}

ul.dropdown-menu.drop_downmega {
    width: 100%;
}