/* ============================================= */
/* !!!!          RESPONSIVE MEDIA           !!!! */
/* ============================================= */
/* === MIN WIDTH === */
@media (min-width: 992px) {
  .page-template-loans .navbar .container {
    max-width: 1459px;
    padding-right: 15px;
    padding-left: 15px;
  }
  /* HERO BANNER */
  .hero_banner {
    padding: 85px 0;
  }
  .hero_container {
    padding: 0 20px;
    gap: 94px;
  }
}
/* === MAX WIDTH === */
@media (max-width: 1399px) {
  /* TYPOGRAPHY */
  h1,
  .h1 {
    font-size: 66px;
    line-height: 84px;
  }
  /* NAV */
  .navbar .container {
    padding-right: 20px;
    padding-left: 20px;
  }
  /* LOAN CATEGORY */
  .loan_categories_box {
    min-height: 650px;
  }
  /* OUR COMMITMENT */
  .oc_box {
    max-width: 570px;
  }
  /* CONTACT PAGE CSS */
  .cb_container_img {
    max-width: 514px;
  }
  /* FAQs */
  .faqs_banner {
    padding: 80px 0 0;
  }
}
@media (max-width: 1199px) {
  /* TYPOGRAPHY */
  h2,
  .h2 {
    font-size: 34px;
  }
  /* HERO BANNER */
  .hero_container {
    gap: 40px;
  }
  /* LOAN CATEGORY */
  .loan_categories_box .lcb_content .para p {
    font-size: 18px;
  }
  /* LOAN STEPS */
  .loan_steps_container {
    gap: 40px;
  }
  /* FAQS */
  .faqs_section.position-relative {
    padding: 68px 0 120px;
  }
  .accordion-item:not(:last-child) {
    margin: 0 0 28px;
  }
  /* FOOTER */
  .footer_links_wrapper {
    max-width: 600px;
  }
  /* CONTACT PAGE CSS */
  .cb_container_img {
    max-width: 314px;
  }
  /* FAQs */
  .faq_banner_content {
    max-width: 468px;
  }
  .faq_banner_content h1 {
    font-size: 52px;
    line-height: 56px;
  }
}
@media (max-width: 991px) {
  /* TYPOGRAPHY */
  h1,
  .h1 {
    font-size: 40px;
    line-height: 60px;
  }
  h5,
  .h5 {
    font-size: 22px;
  }
  /* NAVIGATION */
  .navbar {
    --bs-navbar-padding-y: 9px;
  }
  .navbar .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .nav_inner_brand {
    padding: 8px 9px 0;
  }
  .nav_inner_brand .navbar-toggler {
    background-color: transparent;
  }
  .navbar-toggler .navbar-toggler-icon:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42' fill='none'%3E%3Cg filter='url(%23filter0_d_9310_16832)'%3E%3Crect x='7' y='12' width='28' height='2' rx='1' fill='%23E4BC2E'/%3E%3Crect x='14' y='20' width='14' height='2' rx='1' fill='%23E4BC2E'/%3E%3Crect x='18' y='28' width='6' height='2' rx='1' fill='%23E4BC2E'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_9310_16832' x='1' y='6' width='40' height='30' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0941176 0 0 0 0 0.835294 0 0 0 0 0.317647 0 0 0 0.7 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_9310_16832'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_9310_16832' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  }
  .nav_inner_brand .navbar-toggler .navbar-toggler-icon:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42' fill='none'%3E%3Cg filter='url(%23filter0_d_9310_16841)'%3E%3Cpath d='M29.2782 12.4999C29.6688 12.8904 29.6688 13.5236 29.2782 13.9141L13.7219 29.4705C13.3314 29.861 12.6982 29.861 12.3077 29.4705C11.9172 29.08 11.9172 28.4468 12.3077 28.0563L27.864 12.4999C28.2546 12.1094 28.8877 12.1094 29.2782 12.4999Z' fill='%23E4BC2E'/%3E%3Crect x='28.9854' y='30.207' width='24' height='2' rx='1' transform='rotate(-135 28.9854 30.207)' fill='%23E4BC2E'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_9310_16841' x='6.01465' y='10.207' width='29.9707' height='29.5859' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.439216 0 0 0 0 0.439216 0 0 0 0 0.439216 0 0 0 0.75 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_9310_16841'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_9310_16841' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  }
  .navbar-nav {
    padding: 20px 9px 34px;
  }
  /* HERO BANNER */
  .hero_container {
    gap: 0;
  }
  .hero_content {
    max-width: 100%;
    padding: 80px 10px 20px;
    min-height: 202px;
  }
  .hero_content h1 {
    margin: 0 0 4px;
  }
  .hero_content .para p {
    font-size: 18px;
  }
  .hero_banner_lp {
    border-top: 1px solid #ff9f00;
    max-width: 100%;
  }
  .hero_banner_lp,
  .loan_amount_wrapper {
    background-color: #e4bd31;
  }
  .loan_amount_process {
    max-width: 390px;
    border-radius: 0;
    outline: none;
    overflow: unset;
  }
  .loan_amount_wrapper {
    padding: 34px 17px 28px;
  }
  .loan_amount_wrapper .form-group label {
    font-size: 14px;
    color: var(--bs-green);
  }
  .loan_amount_wrapper .form_group_wrapper .form-group:not(:last-child) {
    margin: 0 0 22px;
  }
  .pay_back h6 {
    font-size: 18px;
  }
  .loan_amount_info {
    background-color: transparent;
    border: none;
    border-radius: 0;
  }
  .loan_amount_info ul {
    padding: 0;
  }
  .loan_amount_info ul li .lm_title,
  .loan_amount_info ul li .lm_description {
    color: rgba(0, 0, 0, 0.75);
  }
  a#credit_information {
    margin: 28px 0 42px;
  }
  .pay_back .btn, .pay_back .btn:hover, .pay_back .btn:focus {
    box-shadow: none;
  }
  /* LOAN SUPERVISION */
  .loan_supervision {
    padding: 35px 0 58px;
  }
  .loan_supervision_container {
    padding: 0 11px;
  }
  .loan_supervision_title {
    margin: 0 0 31px;
  }
  .loan_supervision_info {
    padding: 40px 15px;
  }
  .loan_supervision_info_container {
    gap: 74px;
  }
  .lst_right_block .finfsa {
    max-width: 166px;
    width: 100%;
  }
  /* LOAN CATEGORY */
  .loan_categories {
    padding: 0 0 58px;
  }
  .loan_categories_title {
    padding: 0 0 48px;
  }
  .loan_categories_title h3,
  .loan_categories_title .para {
    padding: 0 16px;
  }
  .show_more {
    margin: 14px 0 0;
  }
  /* LOAN STEPS */
  .loan_steps_title {
    margin: 0 0 36px;
  }
  .loan_steps_container {
    gap: 64px;
  }
  .loan_steps_container::after {
    height: 72%;
    width: 4px;
    left: 35px;
  }
  .loan_steps_box {
    display: flex;
    align-items: start;
  }
  .loan_steps_box:first-child,
  .loan_steps_box:nth-child(2),
  .loan_steps_box:nth-child(3),
  .loan_steps_box .para {
    max-width: 100%;
  }
  .number {
    flex-shrink: 0;
  }
  .loan_steps_content {
    margin: 0 0 0 17px;
  }
  .loan_steps_content h3 {
    font-size: 24px;
    margin: 0 0 15px;
  }
  /* FAQS */
  .faqs_title {
    padding: 0 0 0 10px;
  }
  .accordion-button {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    padding: 20px;
    gap: 32px;
  }
  .accordion-button[aria-expanded="true"] {
    padding: 20px 20px 24px;
  }
  .accordion-body {
    padding: 0 20px 20px;
  }
  .accordion-body {
    font-size: 18px;
    line-height: 26px;
  }
  /* OUR COMMITMENT */
  .our_commitment {
    padding: 37px 0 45px;
  }
  .oc_image_wrap::after {
    height: 53px;
  }
  .oc_title h2,
  .oc_box h4,
  .oc_box .para p {
    color: var(--bs-green);
  }
  /* DOCUMNENT PAGE CSS */
  .document_wrapper {
    padding: 86px 0 88px;
  }
  .document_wrapper nav .container {
    padding-left: 9px;
    padding-right: 9px;
  }
  /* FAQS */
  .faqs_banner {
    padding: 175px 0 0;
  }
  .faq_banner_container {
    flex-wrap: wrap;
  }
  .faq_common_img {
    max-width: 50%;
  }
  .faq_img_one {
    order: 2;
  }
  .faq_img_two {
    order: 3;
  }
  .faq_banner_content {
    max-width: 100%;
    order: 1;
    margin: 0 0 37px;
  }
  /* LOAN PAGE CSS */
  .loans_banner {
    padding: 71px 0 0;
  }
  .loans_banner .contact_el img {
    height: 91px;
  }
  .loans_banner .breadcrumb {
    --bs-breadcrumb-margin-bottom: 27px;
    z-index: 999;
    position: relative;
  }
  .loans_banner .row:not(.g-0),
  .loans_banner .container {
    --bs-gutter-x: 20px;
  }
  .loans_banner_content {
    margin: 0 0 5px;
    padding: 0 10px;
  }
  .loans_banner_content h1 {
    margin: 0 0 24px;
  }
  .lb_bg_video_container {
    position: relative;
    max-width: 100%;
    top: auto;
    bottom: auto;
    right: auto;
  }
  .lb_bg_video_container::after {
    background: linear-gradient(
      to top,
      rgba(16, 28, 37, 0.55) 0.54%,
      rgba(16, 28, 37, 0.594281) 10.28%,
      rgba(16, 28, 37, 0.622012) 16.37%,
      rgba(16, 28, 37, 0.653192) 23.23%,
      rgba(16, 28, 37, 0.682648) 29.71%,
      rgba(16, 28, 37, 0.71731) 37.33%,
      rgba(16, 28, 37, 0.753705) 45.34%,
      rgba(16, 28, 37, 0.791832) 53.72%,
      rgba(16, 28, 37, 0.826502) 61.35%,
      rgba(16, 28, 37, 0.859432) 68.59%,
      rgba(16, 28, 37, 0.897567) 76.98%,
      rgba(16, 28, 37, 0.932221) 84.6%,
      rgba(16, 28, 37, 0.965158) 91.84%,
      #101c25 99.51%
    );
  }
  /*  */
  .loans_wrapper {
    padding: 33px 0 37px;
  }
  .loans_wrapper a:not(:last-child) {
    margin: 0 0 22px;
  }

  .loans_wrapper a {
    max-width: 100%;
    text-align: center;
  }

  .loan_wrapper_box {
    text-align: center;
    padding: 46px 57px;
  }
  .loan_cat_wrapper {
    padding: 0 0 8px;
  }
  .loan_faqs_wrapper {
    padding: 98px 0 63px;
  }
  .loan_faqs_wrapper .accordion-item:not(:last-child) {
    margin: 0 0 28px;
  }
  .loan_sub_banner  .loan_categories_box {
    min-height: 734px;
}
  /* LOAN SUB PAGE CSS */
  .loan_sub_banner {
    padding: 71px 0 43px;
  }
  .loansub_supervision {
    padding: 71px 0 92px;
  }
  .loansub_faqs_wrapper {
    padding: 56px 0 121px;
  }
  /* Contact page css */
  .cb_container {
    padding: 45px 45px;
  }
  .contact_block_wrapper_left .contact_block:not(:last-child),
  .contact_block_wrapper_right .contact_block:not(:last-child),
  .contact_block_wrapper_right .contact_block,
  .contact_block_wrapper_bottom .contact_block:not(:last-child) {
    margin: 0 0 42px;
  }
  /* Jono Page */
  .loan_number_wrapper .loan_number_container {
    padding: 71px 10px 162px;
  }
}

@media (max-width: 767px) {
  /* LOAN SUPERVISION */
  .lst_right_block {
    width: 100%;
  }
  /* LOAN CATEGORY */
  .loan_categories_title h3,
  .loan_categories_title h4 {
    font-size: 22px;
  }
  /* OUR COMMITMENT */
  .oc_image_container {
    gap: 0;
  }
  .oc_image_container img {
    width: 50%;
  }
  .oc_box_wrap {
    padding: 0 18px 0 0;
    row-gap: 36px;
  }
  .oc_title {
    padding: 64px 0 44px;
  }
  .oc_title h2 {
    font-size: 28px;
  }
  .oc_box h4 {
    font-size: 20px;
    margin: 0 0 20px 0;
  }
  .oc_box .para p {
    font-size: 18px;
    line-height: 23px;
  }
  /* FOOTER */
  footer {
    padding: 23px 17px;
  }
  .footer_logo_img {
    margin: 0 0 24px;
  }
  .working_hours.para p {
    color: #fcf6ed;
  }
  .help_center h6 {
    font-size: 22px;
    margin: 20px 0;
  }
  .footer_links_wrapper {
    gap: 14px;
  }
  .footer_links h6 {
    font-weight: 500;
    font-size: 34px;
    margin: 0;
    padding: 10px 34px 10px 10px;
  }
  .footer_links h6::after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='4' y='11' width='16' height='2' fill='%23FACE31'/%3E%3Crect x='11' y='20' width='16' height='2' transform='rotate(-90 11 20)' fill='%23FACE31'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    right: 0;
    top: 18px;
    transition: 0.4s ease-in-out;
  }
  .footer_links.show_acc h6::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Crect x='4' y='11' width='16' height='2' fill='%23D9D9D9'/%3E%3Crect x='20' y='13' width='16' height='2' transform='rotate(180 20 13)' fill='%23FACE31'/%3E%3C/svg%3E");
    transform: rotate(180deg);
  }
  .footer_links ul {
    display: none;
  }
  .footer_links li:not(:last-child) {
    margin: 0 0 12px;
  }
  .footer_links li a {
    font-family: "Avenir Next";
    display: inline-block;
    font-weight: 600;
    font-size: 16.5px;
    line-height: 35px;
    padding: 0 10px;
  }
  .copyright {
    margin: 38px 0 0;
  }
  .copyright .para {
    font-size: 14px;
    margin: 0 0 16px;
  }
  .copyright_links {
    margin: 0 0 6px;
  }
  .copyright_links li a {
    font-size: 12px;
  }
  /* CONTACT PAGE CSS */
  .contact_banner {
    padding: 131px 0 51px;
  }
  .contact_el img {
    height: 130px;
  }
  .cb_container_img {
    display: none;
  }
  .cb_container {
    padding: 20px;
  }
  .contact_block_wrapper_left {
    margin: 0 0 42px 0;
  }
  .contact_banner .loan_supervision_title {
    gap: 18px;
  }
  .contact_banner .lst_left_block h6 {
    font-size: 14px;
  }
  /* FAQs Page css */
  .faqs_banner {
    padding: 150px 0 0;
  }
  .faq_banner_content h1 {
    font-size: 42px;
    line-height: 50px;
  }
  .page-template-faqs .faq_contact {
    padding: 54px 0 62px;
  }
  /* LOAN PAGE CSS */
  .loans_banner_content h1 {
    font-size: 36px;
    line-height: 42px;
  }
  .loans_banner_content .para p {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 575px) {
  /* TYPOGRAPHY */
  h1,
  .h1 {
    font-size: 34px;
    line-height: normal;
  }
  /* NAVIGATION */
  .navbar .container {
    padding-right: 9px;
    padding-left: 9px;
  }
  .navbar-brand,
  .navbar-brand img {
    max-width: 84px;
  }
  /* HERO BANNER */
  .hero_content {
    padding: 59px 10px 20px;
  }
  /* LOAN STEPS */
  .loan_steps .container {
    --bs-gutter-x: 17px;
  }
  /* CONTACT PAGE CSS */
  .cb_container {
    padding: 20px 10px;
  }
  .contact_el img {
    height: 110px;
  }
  /* FAQs page css */
  .faqs_banner {
    padding: 127px 0 0;
  }
  .page-template-faqs .lst_left_block h6 {
    font-size: 14px;
    padding: 0 15px;
  }
  .faq_wrapper {
    margin-top: 42px;
  }
  .faq_wrapper:first-child {
    margin-top: 34px;
  }
  .faq_wrapper .title_wrapper h5 {
    margin: 0 0 30px 10px;
  }
  /* LOAN SUB PAGE */
  .loan_sub_banner::after {
    height: 459px;
  }
  .loan_sub_banner .loan_categories_box {
    padding: 10px;
  }
  .loan_sub_banner .lcb_content {
    margin: 0;
  }
  .loan_categories_box .lcb_content .para {
    margin: 0 28px 22px 0;
  }
  .loan_sub_banner .loan_categories_box .lcb_content h2 {
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 20px;
  }
  .loan_sub_banner .lcb_content .btn {
    min-width: unset;
    width: 100%;
  }
  .loan_sub_banner .loan_categories_box:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  }
  .loansub_supervision .lst_left_block h6 {
    font-size: 14px;
  }
  .loan_categories_title p, .loan_categories_title ul li {
    line-height: 23px;
  }
}
@media (max-width: 380px) {
  /* BUTTON */
  .btn {
    --bs-btn-padding-x: 12px;
    --bs-btn-padding-y: 18.5px;
    --bs-btn-font-size: 16px;
  }
  .btn-primary img,
  .btn-primary svg {
    margin: 0 0 0 6px;
  }
  /* LOAN CATEGORY */
  .lc_slider_box {
    min-height: 80vh;
  }
  /* FAQS */
  .accordion-button {
    gap: 15px;
  }
}
