body {padding: 0; margin: 0; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}

.container {max-width: 1360px;}

/* Buttons */
.btn {display: inline-flex; flex-wrap: wrap; justify-content: space-between; width: auto; align-items: center; gap: 10px; padding: 14px 26px; background: transparent; border: solid 1px transparent; font-size: 16px; font-weight: 700; line-height: 20px; border-radius: 8px; box-shadow: none; outline: none; min-width: 10rem;}
.btn svg {display: block; width: 19px; height: auto; fill: #fff;}
.btn:focus {box-shadow: none;}

.btn.btn-primary {background: #00509e; border-color: #00509e;}
.btn.btn-primary:hover {background: #002950; border-color: #002950;}

.btn.btn-outline-light {border-color: #fff;}
.btn.btn-outline-light:hover {border-color: #fff; background: #fff; color: #00509e;}
.btn.btn-outline-light:hover svg {fill: #00509e;}


ul.feature-list {display: block; padding: 20px 0 0 0; margin: 0px; list-style: none;}
ul.feature-list li {display: flex; flex-wrap: wrap; align-items: center; font-size: 17px; font-weight: 600; color: #000; margin-bottom: 10px;}
ul.feature-list li .icon {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 24px; height: 24px; margin: 0 9px 0 0; background: #00509e; border-radius: 50%;}
ul.feature-list li .icon svg {display: block; width: 12px; height: auto; fill: #fff;}
ul.feature-list.two-column {display: flex; flex-wrap: wrap;}
ul.feature-list.two-column li {width: 50%;}


header {display: block; position: sticky; top: 0px; z-index: 999; background: #fff;}

.top-bar {display: block; background: #00509e; padding: 0;} 
.top-bar ul.social-media {display: flex; flex-wrap: wrap; align-items: center; gap: 0; padding: 0px; margin: 0px; list-style: none;} 
.top-bar ul.social-media li {display: block; border-left: solid 1px #0262c0;} 
.top-bar ul.social-media li a {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 50px; height: 50px;} 
.top-bar ul.social-media li svg {display: block; width: 15px; height: 15px; fill: #fff;}
.top-bar ul.social-media li:last-child {border-right: solid 1px #0262c0;}

.top-bar .text-info {display: flex; flex-wrap: wrap; align-items: center; gap: 30px;}
.top-bar .text-info .text {display: flex; flex-wrap: wrap; align-items: center; gap: 10px;}
.top-bar .text-info .text svg {display: block; width: 15px; height: 15px; fill: #9acdff;}
.top-bar .text-info .text a {display: block; font-size: 14px; color: #fff; text-decoration: none; line-height: 50px;}

header .navbar {padding: 0px;}
header .navbar .navbar-brand {padding: 0px; margin: 0px;}
header .navbar .navbar-brand .custom-logo-link {display: block;}
header .navbar .navbar-brand .custom-logo-link img {display: block; max-height: 60px; max-width: 100%; width: auto;}
header .navbar ul.navbar-nav {gap: 0px; align-items: center;}
header .navbar ul.navbar-nav li.nav-item {display: block;}
header .navbar ul.navbar-nav li.nav-item a.nav-link {display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; line-height: 22px; padding: 32px 16px; color: #000;}
header .navbar ul.navbar-nav li.nav-item a.nav-link:after {display: none;}
header .navbar ul.navbar-nav li.nav-item a.nav-link svg {fill: #000;}
header .navbar ul.navbar-nav li.nav-item:hover a.nav-link {color: #00509e;}
header .navbar ul.navbar-nav li.nav-item:hover a.nav-link svg {fill: #00509e;}

header .navbar ul.navbar-nav li.nav-item a.nav-link.btn.btn-primary {display: inline-flex; flex-wrap: wrap; justify-content: space-between; width: auto; align-items: center; gap: 10px; padding: 14px 26px; background: #00509e; border: solid 1px #00509e; font-size: 16px; font-weight: 700; color: #fff; line-height: 20px; border-radius: 8px; box-shadow: none; outline: none;}
header .navbar ul.navbar-nav li.nav-item a.nav-link.btn.btn-primary svg {fill: #fff;}
header .navbar ul.navbar-nav li.nav-item a.nav-link.btn.btn-primary:hover {background: #002950; border-color: #002950;}

header .navbar ul.navbar-nav li.nav-item ul.dropdown-menu {display: block; transform: translate3d(0px, 2rem, 0px); padding: 10px 0; visibility: hidden; box-shadow: 0 8px 8px rgba(23, 22, 24, 0.04), 0 4px 4px rgba(23, 22, 24, 0.04), 0 2px 2px rgba(23, 22, 24, 0.04); transition: all 0.5s; opacity: 0; border-radius: 0 0 15px 15px; border: 0px; min-width: 18rem;}
header .navbar ul.navbar-nav li.nav-item ul.dropdown-menu li {display: block; padding: 0 24px;}
header .navbar ul.navbar-nav li.nav-item ul.dropdown-menu li a {display: block; padding: 10px 0; font-size: 15px; line-height: 22px; font-weight: 600; border-bottom: 1px dashed #e7e7e7; position: relative; background: transparent; transition: all 520ms ease;}
header .navbar ul.navbar-nav li.nav-item ul.dropdown-menu li a:before {position: absolute; content: ''; left: -5px; top: 50%; width: 5px; height: 5px; opacity: 0; visibility: hidden; border-radius: 50%; transform: translateY(-50%); transition: all 520ms ease; background: #00509e;}
header .navbar ul.navbar-nav li.nav-item ul.dropdown-menu li a:hover {padding-left: 10px; color: #00509e;}
header .navbar ul.navbar-nav li.nav-item ul.dropdown-menu li a:hover:before {left: 0px; opacity: 1; visibility: visible;}
header .navbar ul.navbar-nav li.nav-item ul.dropdown-menu li:last-child a {border-bottom: 0;}
header .navbar ul.navbar-nav li.nav-item:hover ul.dropdown-menu {transform: translate3d(0px, 0rem, 0px); visibility: visible; opacity: 1;}

.hero-section {display: flex; flex-wrap: wrap; align-items: center; position: relative; background: url(./assets/images/hero-bg.jpg) right -153px no-repeat; background-size: cover; padding: 230px 0;}
.hero-section:before {content: ''; position: absolute; left: 0px; top: 0px; right: 0; bottom: 0px; display: block; background: linear-gradient(90deg, #000000 0%, #00000000 100%);}
.hero-section .hero-content {position: relative; display: block;}
.hero-section .hero-content .top-sub-title {display: block; font-size: 14px; line-height: 25px; margin-bottom: 7px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.96px; color: #d3d3d3;}
.hero-section .hero-content h1 {display: block; font-size: 50px; line-height: 1.2; font-weight: 700; color: #fff; margin: 0 0 15px;}
.hero-section .hero-content p {display: block; font-size: 18px; line-height: 28px; font-weight: 500; color: #fff; margin: 0 0 40px;}
.hero-section .hero-content .buttons {display: flex; flex-wrap: wrap; gap: 10px;}

.sub-hero-section {display: block; padding: 120px 0px; background: url(./assets/images/banner-bg.jpg) center center no-repeat; background-size: cover; position: relative;}
.sub-hero-section:before {content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: linear-gradient(90deg, #00509e 0%, rgba(0, 80, 158, 0.4) 100%);}
.sub-hero-section h1 {display: block; position: relative; font-size: 54px; color: #fff; font-weight: 700; line-height: 1.1; margin: 0 0 5px;}
.sub-hero-section .breadcrumbs {position: relative; margin: 0;}
.sub-hero-section .breadcrumbs > span {display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 0px; margin: 0; list-style: none; color: #fff; font-weight: 500; font-size: 15px;}
.sub-hero-section .breadcrumbs > span > span {display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 15px; font-weight: 500;}
.sub-hero-section .breadcrumbs > span > span a {display: block; color: #fff; font-weight: 500; margin: 0px; padding: 0px; text-decoration: none;}
.sub-hero-section .breadcrumbs > span > span.breadcrumb_last {color: #77bcff; font-weight: 700;}

.about-section {display: block; padding: 100px 0;}
.about-section .about-images {display: block; position: relative;}
.about-section .about-images img {display: block;}
.about-section .counter-box {display: flex; flex-wrap: wrap; align-items: center; position: absolute; left: 14px; bottom: 58px; padding: 20px 20px 20px 20px; border-radius: 50px 12px 50px 12px; background: #EDF5F4; column-gap: 12px;}
.about-section .counter-box .bg-shape {display: block; width: 80px;}
.about-section .counter-box .bg-shape svg {display: block; width: 100%;}
.about-section .counter-box .counter-wrap {flex: 1;}
.about-section .counter-box .counter-number {display: flex; flex-wrap: wrap; font-size: 40px; color: #00509e; font-weight: 500; line-height: 1.2;}
.about-section .counter-box .counter-label {display: block; margin: 0px; font-size: 14px; color: #002c57; font-weight: 600;}

.about-section .about-images-main {display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 20px; position: relative;}
.about-section .about-images-main img {display: block; max-width: 82%; border-radius: 20px; object-fit: cover;}
.about-section .about-images-main img.half-width {max-width: calc(50% - 10px); height: 215px;}
.about-section .about-images-main img.half-width.last-img {height: 330px;}
.about-section .about-images-main .counter-box {left: 50%; transform: translateX(-50%); bottom: 30px;}

.about-section .about-content {display: block; padding: 0 60px;}
.about-section .about-content .top-sub-title {display: block; font-size: 14px; line-height: 25px; margin-bottom: 7px; text-transform: uppercase; color: #00509e; font-weight: 700; letter-spacing: 0.96px;}
.about-section .about-content h2 {display: block; font-size: 40px; line-height: 1.2; margin-bottom: 15px; color: #111; font-weight: 700;}
.about-section .about-content p {display: block; font-size: 16px; line-height: 28px; margin-bottom: 15px; color: #565757; font-weight: 500;}
.about-section .about-content .sign-boxs {display: flex; flex-wrap: wrap; margin-top: 30px;}
.about-section .about-content .sign-boxs .sign-img {display: block; width: 50%;}
.about-section .about-content .sign-boxs .sign-img img {display: block;}
.about-section .about-content .sign-boxs .sign-content {display: block; width: 50%;}
.about-section .about-content .sign-boxs .sign-content h3 {display: block; font-size: 22px; font-weight: 700; line-height: 1.2; color: #000; margin: 0px 0 10px;}
.about-section .about-content .sign-boxs .sign-content p {display: block; font-size: 16px; font-weight: 500; line-height: 1; color: #565757; margin: 0px;}


.services-section {display: block; background: #f1f1f1; padding: 100px 0;}
.services-section .top-sub-title {display: block; font-size: 14px; line-height: 25px; margin-bottom: 7px; text-transform: uppercase; color: #00509e; font-weight: 700; letter-spacing: 0.96px;}
.services-section h2 {display: block; font-size: 40px; line-height: 1.2; margin: 0; color: #111; font-weight: 700;}
.services-section p {display: block; font-size: 16px; line-height: 28px; margin: 0 0 0 30px; color: #565757; font-weight: 500;}

.services-section .services-card {display: block; margin: 60px 0 0 0; background: #fff; padding: 30px; border-radius: 20px; height: calc(100% - 60px); position: relative;}
.services-section .services-card .services-icon {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 60px; height: 60px; margin: 0 0 30px; background: #00509e; padding: 0; border-radius: 8px;}
.services-section .services-card .services-icon svg {display: block; width: 30px; height: auto; fill: #fff;}
.services-section .services-card h3 {display: block; font-size: 22px; font-weight: 700; line-height: 1.2; color: #00509e; margin: 0 0 15px;}
.services-section .services-card h3 a {color: #00509e; text-decoration: none;}
.services-section .services-card p {display: block; font-size: 16px; font-weight: 500; line-height: 1.75; color: #565757; margin: 0 0 80px;}
.services-section .services-card .btn {position: absolute; left: 30px; bottom: 30px;}

.partner-section {display: block; padding: 100px 0px;}
.partner-section .top-sub-title {display: block; font-size: 14px; line-height: 25px; margin-bottom: 7px; text-transform: uppercase; color: #00509e; font-weight: 700; letter-spacing: 0.96px;}
.partner-section h2 {display: block; font-size: 40px; line-height: 1.2; margin: 0 0 50px; color: #111; font-weight: 700;}
.partner-section .partner-logo {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 20px; border-radius: 15px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);}
.partner-section .partner-logo img {display: block;}


.our-process-section {display: block; padding: 100px 0px; background: #00509e; position: relative;}
.our-process-section:before {content: ''; position: absolute; right: 0; top: 0; height: 30%; width: 20%; display: block; background: url(./assets/images/logo-shapa-white.png) left bottom no-repeat; background-size: 150% auto; opacity: 0.05;}
.our-process-section:after {content: ''; position: absolute; left: 0; bottom: 0; height: 30%; width: 20%; display: block; background: url(./assets/images/logo-shapa-white.png) right bottom no-repeat; background-size: 150% auto; opacity: 0.05;}
.our-process-section .top-sub-title {display: block; font-size: 14px; line-height: 25px; margin-bottom: 7px; text-transform: uppercase; color: #d3d3d3; font-weight: 700; letter-spacing: 0.96px;}
.our-process-section h2 {display: block; font-size: 40px; line-height: 1.2; margin: 0; color: #fff; font-weight: 700;}
.our-process-section .process-item {display: block; text-align: center; margin-top: 50px;}
.our-process-section .process-item .step {display: block; margin: 0 0 65px; font-size: 15px; font-weight: 700; color: #d3d3d3; text-transform: uppercase;}
.our-process-section .process-item .process-content {display: block; background: #fff; box-shadow: 0 22px 30px rgba(0, 46, 39, 0.5); border-radius: 10px 30px; padding: 53px 30px 35px; position: relative; transition: all 520ms ease; min-height: 330px;}
.our-process-section .process-item .process-content .number {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: absolute; left: 0; right: 0; top: -40px; margin: auto; font-size: 18px; font-weight: 700; height: 80px; width: 80px; line-height: 46px; color: #000; background-color: #fff; border: 7px solid #00509e; border-radius: 50%; transition: all 520ms ease;}
.our-process-section .process-item .process-content .number svg {display: block; width: 30px; fill: #00509e;}
.our-process-section .process-item .process-content h3 {display: block; font-size: 22px; font-weight: 700; color: #000; margin-bottom: 15px; line-height: 1.3;}
.our-process-section .process-item .process-content p {display: block; font-size: 16px; font-weight: 500; color: #565757; margin: 0; line-height: 1.5;}
.our-process-section .process-item:hover .process-content .number {color: #fff; background-color: #00509e; border-color: #fff;}
.our-process-section .process-item:hover .process-content .number svg {fill: #fff;}


.calculator-section {display: block; padding: 100px 0px 0;}
.home.tpl-homepage .calculator-section {padding: 100px 0px;}

.calculator-section h2 {display: none; font-size: 40px; line-height: 1.2; margin: 0 0 40px; padding: 0; color: #111; font-weight: 700; text-align: center;}
.home.tpl-homepage .calculator-section h2 {display: block;}
.calculator-section .emi_calculator_info {max-width: 100% !important; display: flex; flex-wrap: wrap; gap: 20px;}
.calculator-section .emi_calculator_info .emi_calculator_col {flex: 1;}
.calculator-section .emi_calculator_info .emi_calculator_col2 {flex: 1; margin: 0px;}

.calculator-section .emi-calculator {display: flex; flex-wrap: wrap; gap: 20px; flex-wrap: wrap; margin: 0; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 5px 0 rgba(0,0,0,.2);}
.calculator-section .emi-left, .calculator-section .emi-right {flex: 1; display: flex; flex-wrap: wrap; align-content: flex-start; border: solid 1px #ccc; background: #fff; padding: 20px; border-radius: 5px; justify-content: space-between;}
.calculator-section .emi-field {margin-bottom: 32px; width: 100%;}
.calculator-section .emi-field:last-child {margin-bottom: 0;}
.calculator-section .emi-field .emi-top {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.calculator-section .emi-field .emi-top label {display: flex; flex-wrap: wrap; align-items: center; gap: 15px; font-size: 16px; font-weight: 500; color: #565757; line-height: 1;}
.calculator-section .emi-field .emi-top select {display: block; padding: 5px 8px; margin: 0px; border-radius: 0px; border: 1px solid #e3e1e1; background: #fff; font-size: 14px; font-weight: 500; color: #565757;}

.calculator-section .emi-field .emi-top input[type="text"] {display: inline-flex; width: 140px; border: 1px solid #e3e1e1; border-radius: 3px; padding: 5px 8px; margin: 0px; font-size: 16px; font-weight: 700; color: #565757; line-height: 1; box-shadow: none; outline: none;}
.calculator-section .emi-field .emi-top input[type="text"]#tenureInput {width: 50px;}
.calculator-section .emi-field .emi-top input[type="text"]#interestInput {width: 70px;}
.calculator-section .emi-field .emi-top .num-inp-wrap {display: block; position: relative;}
.calculator-section .emi-field .emi-top .num-inp-wrap .input-suffix {display: block; position: absolute; top: 50%; right: 8px; transform: translateY(-50%); font-size: 16px; font-weight: 700; color: #565757; line-height: 1;}
.calculator-section .emi-field input[type="range"] {width: 100%; margin: 20px 0 15px;}
.calculator-section .range-labels {display: flex; justify-content: space-between; font-size: 14px; color: #565757; font-weight: 500;}

.calculator-section .emi-summary {display: flex; flex-wrap: wrap; align-content: flex-start; gap: 30px; width: 30%;}
.calculator-section .emi-summary p {display: block; font-size: 14px; color: #565757; font-weight: 500; line-height: 1.5; margin: 0;}
.calculator-section .emi-summary p strong {display: block; font-size: 18px; color: #00509e; font-weight: 700; line-height: 1; margin: 5px 0 0;}

.calculator-section .emi-chart-wrapper {display: block; width: 65%;}
.calculator-section #emiChart {display: block;}

.emi-amortization {display: block; margin: 50px 0 0;}
.emi-amortization h2 {display: block; font-size: 28px; line-height: 1.2; margin: 0 0 20px 0; color: #00509e; font-weight: 700;}
.emi-amortization .table * {border-color: #e4e4e4;}
.emi-amortization .table > :not(caption) > * > * {box-shadow: none;}
.emi-amortization .table th,
.emi-amortization .table td {padding: 10px;}
.emi-amortization .table th {background: #00509e; color: #fff; font-size: 16px;}
.emi-amortization .table td {color: #565757; font-size: 14px;}
.emi-amortization .table tr:nth-child(even) td {background: #f9f9f9;}


/* ================================ RANGE BASE ================================ */
.custom-range {-webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 50px; background: linear-gradient(to right, #00509e 0%, #00509e var(--percent, 0%), #e5e7eb var(--percent, 0%), #e5e7eb 100% ); outline: none; transition: background 0.3s ease;}

/* ================================ WEBKIT TRACK ================================ */
.custom-range::-webkit-slider-runnable-track {height: 6px; border-radius: 50px;}

/* ================================ WEBKIT THUMB ================================ */
.custom-range::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 18px; height: 18px; border-radius: 50%; background: #00509e; border: 3px solid #e5e7eb; box-shadow: 0 2px 6px rgba(0,0,0,0.25); cursor: pointer; margin-top: -6px; transition: transform 0.2s ease, box-shadow 0.2s ease;}
.custom-range::-webkit-slider-thumb:hover {transform: scale(1.15);}

/* ================================ FIREFOX ================================ */
.custom-range::-moz-range-track {height: 6px; background: #e5e7eb; border-radius: 50px;}
.custom-range::-moz-range-progress {height: 6px; background: #00509e; border-radius: 50px;}
.custom-range::-moz-range-thumb {width: 18px; height: 18px; border-radius: 50%; background: #00509e; border: 3px solid #e5e7eb; cursor: pointer;}

/* ================================ EDGE / IE ================================ */
.custom-range::-ms-track {height: 6px; background: transparent; border-color: transparent; color: transparent;}
.custom-range::-ms-fill-lower {background: #00509e; border-radius: 50px;}
.custom-range::-ms-fill-upper {background: #e5e7eb; border-radius: 50px;}
.custom-range::-ms-thumb {width: 18px; height: 18px; background: #00509e; border-radius: 50%; border: 3px solid #e5e7eb;}


.choose-section {display: block; padding: 100px 0px; background: #00509e;}
.choose-section .video-bg {display: block; background: url(./assets/images/about-03.jpg) center center no-repeat; height: 635px; border-radius: 30px; position: relative;}
.choose-section .video-bg .counter-box {display: flex; flex-wrap: wrap; align-items: center; position: absolute; left: 0; bottom: 0; padding: 20px; border-radius: 0px 30px 0px 30px; background: #EDF5F4; column-gap: 12px;}
.choose-section .video-bg .counter-box .bg-shape {display: block; width: 80px;}
.choose-section .video-bg .counter-box .bg-shape svg {display: block; width: 100%;}
.choose-section .video-bg .counter-box .counter-wrap {flex: 1;}
.choose-section .video-bg .counter-box .counter-number {display: flex; flex-wrap: wrap; font-size: 40px; color: #00509e; font-weight: 500; line-height: 1.2;}
.choose-section .video-bg .counter-box .counter-label {display: block; margin: 0px; font-size: 14px; color: #002c57; font-weight: 600;}
.choose-section .video-bg .video-popup-icon {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 62px; height: 62px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: linear-gradient(180deg, #FFFFFF 0%, #AAA4A6 100%); border-radius: 50%; border: 0px;}
.choose-section .video-bg .video-popup-icon svg {display: block; width: 25px; height: auto; fill: #00509e;}
.choose-section .choose-content {display: block; padding: 0 0 0 65px;}
.choose-section .choose-content .top-sub-title {display: block; font-size: 14px; line-height: 25px; margin-bottom: 7px; text-transform: uppercase; color: #d3d3d3; font-weight: 700; letter-spacing: 0.96px;}
.choose-section .choose-content h2 {display: block; font-size: 32px; line-height: 1.2; margin-bottom: 15px; color: #fff; font-weight: 700;}
.choose-section .choose-content p {display: block; font-size: 16px; line-height: 28px; margin-bottom: 15px; color: #fff; font-weight: 500;}
.choose-section .choose-content p.middle-text {font-size: 20px;}
.choose-section .choose-content ul.feature-list li {color: #fff; width: 100%;}
.choose-section .choose-content ul.feature-list li .icon {width: 34px; height: 34px; border: solid 1px #fff;}
.choose-section .choose-content ul.feature-list li .icon svg {width: 16px;}
.choose-section .choose-content .btn {margin-top: 30px;}

.modal-content {background: transparent; border: 0px; border-radius: 0px;}
.modal-content .btn-close {position: absolute; right: 0px; top: 0px; box-shadow: none; outline: none; padding: 0px; width: 45px; height: 45px; border-radius: 0 0 0 10px; opacity: 1; background-color: #fff; z-index: 1; background-size: 15px auto;}
.youtube-video {display: block; aspect-ratio: 16 / 9; position: relative;}
.youtube-video iframe {position: absolute; left: 0px; top: 0px; width: 100% !important; height: 100%;}

.career-section {display: block; padding: 50px 0; background: #f1f1f1; position: relative;}
.career-section:before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 30%; display: block; background: url(./assets/images/logo-shapa-blue.png) center center no-repeat; background-size: 100% auto; opacity: 0.05;}
.career-section .career-content {display: block; position: relative;}
.career-section .career-content h2 {display: block; font-size: 40px; line-height: 1.2; margin-bottom: 15px; color: #111; font-weight: 700;}
.career-section .career-content p {display: block; font-size: 16px; line-height: 28px; margin: 0; color: #565757; font-weight: 500;}

.contact-section {display: block; padding: 100px 0;}
.contact-section .row {box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); border-radius: 12px;}
.contact-section .contact-form {display: block; padding: 50px; border-radius: 0 12px 12px 0; background: #eaf5ff;}
.contact-section .contact-form h2 {display: block; font-size: 40px; line-height: 1.2; margin-bottom: 30px; color: #00509e; font-weight: 700;}
.contact-section .contact-form .form-group {display: block; margin: 0 0 20px;}
.contact-section .contact-form .form-group p {display: block; margin: 0;}
.contact-section .contact-form .form-group .form-label {display: block; margin: 0 0 10px; font-size: 15px; color: #000; line-height: 1;}
.contact-section .contact-form .form-group .form-label span {color: red; margin-left: 3px;}
.contact-section .contact-form .form-group .form-control {display: block; margin: 0; font-size: 16px; color: #000; line-height: 20px; padding: 14px 15px; border-radius: 8px; background: #fff; height: auto; border-color: #ced4da !important; box-shadow: none; outline: none;}
.contact-section .contact-form .form-group .form-control.wpcf7-select {background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M9.78571 2.21429C9.5 1.92857 9.07143 1.92857 8.78571 2.21429L5 6L1.21429 2.21429C0.928571 1.92857 0.5 1.92857 0.214286 2.21429C-0.0714286 2.5 -0.0714286 2.92857 0.214286 3.21429L4.5 7.5C4.64286 7.64286 4.85714 7.71429 5 7.71429C5.14286 7.71429 5.35714 7.64286 5.5 7.5L9.78571 3.21429C10.0714 2.92857 10.0714 2.5 9.78571 2.21429Z'/%3E%3C/svg%3E") right 15px center no-repeat; background-size: 10px auto;}
.contact-section .contact-form .form-check {display: block; margin: 0px 0 40px; padding: 0px;}
.contact-section .contact-form .form-check p {display: block; margin: 0;}
.contact-section .contact-form .form-check .wpcf7-list-item {display: block; margin: 0;}
.contact-section .contact-form .form-check .wpcf7-list-item label {display: flex; flex-wrap: wrap; gap: 10px; margin: 0;}
.contact-section .contact-form .form-check .wpcf7-list-item label input[type="checkbox"] {display: block; width: 20px; height: 20px;}
.contact-section .contact-form .form-check .wpcf7-list-item label .wpcf7-list-item-label {display: block; flex: 1; font-size: 15px; color: #000; line-height: 1.4;}
.contact-section .wpcf7-not-valid-tip {font-size: 0.8em; line-height: 1; margin-top: 10px;}
.contact-section .wpcf7 form .wpcf7-response-output {margin: 2em 0em 0; font-size: 0.8em;}

.contact-section .contact-details {display: block; padding: 50px; background: #fff; border-radius: 12px 0 0 12px;}
.contact-section .contact-details h2 {display: block; font-size: 40px; line-height: 1.2; margin-bottom: 15px; color: #00509e; font-weight: 700;}
.contact-section .contact-details p {display: block; font-size: 16px; line-height: 28px; margin: 0 0 50px; color: #565757; font-weight: 500;}

.contact-section .contact-details .contact-details-main {display: block; padding: 40px; border: solid 1px #e4e4e4; background: #f9f9f9; position: relative;}
.contact-section .contact-details h3 {display: block; font-size: 30px; line-height: 1.2; margin-bottom: 25px; color: #00509e; font-weight: 700;}
.contact-section .contact-details ul {display: block; width: 100%; margin: 0; padding: 0px; list-style: none;}
.contact-section .contact-details ul li {display: flex; flex-wrap: wrap; align-items: flex-start; gap: 20px; margin: 0 0 40px;}
.contact-section .contact-details ul li .icon {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 60px; height: 60px; background: #00509e; border-radius: 50%;}
.contact-section .contact-details ul li .icon svg {display: block; width: 25px; height: auto; fill: #fff;}
.contact-section .contact-details ul li .text {display: block; flex: 1; font-size: 18px; line-height: 1.5; color: #000; font-weight: 500;}
.contact-section .contact-details ul li .text h5 {display: block; width: 100%; font-size: 16px; line-height: 1; margin: 0 0 10px; color: #565757; font-weight: 500;}
.contact-section .contact-details ul li .text p {display: block; margin: 0; font-size: 18px; line-height: 1.5; color: #000; font-weight: 500;}
.contact-section .contact-details ul li a {display: inline-flex; color: #000; text-decoration: none;}
.contact-section .contact-details ul li:last-child {margin: 0;}

.map-section {display: block; position: relative; padding-bottom: 30%;}
.map-section iframe {display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;}


.rich-section {display: block; padding: 50px 0px; background: #f9f9f9; position: relative; overflow: hidden;}
.rich-section:before {content: ''; position: absolute; top: 0; bottom: 0px; right: 0; width: 50%; display: block; background: #eaf5ff;}
.rich-section .rich-content {display: block; padding: 50px; position: relative;}
.rich-section .rich-content .icon {display: block; width: 80px; margin-bottom: 15px;}
.rich-section .rich-content .icon svg {display: block; fill: #00509e;}
.rich-section .rich-content h2 {display: block; font-size: 40px; line-height: 1.2; margin: 0 0 15px; color: #00509e; font-weight: 700;}
.rich-section .rich-content p {display: block; font-size: 16px; line-height: 1.6; color: #565757; margin: 0 0 15px;}
.rich-section.left-side:before {left: 0; right: auto;}

.impact-numbers-section {display: block; padding: 100px 0px; background: #00509e;}
.impact-numbers-section .top-sub-title {display: block; font-size: 14px; line-height: 25px; margin-bottom: 7px; text-transform: uppercase; color: #d3d3d3; font-weight: 700; letter-spacing: 0.96px;}
.impact-numbers-section h2 {display: block; font-size: 40px; line-height: 1.2; margin: 0 0 40px; color: #fff; font-weight: 700;}
.impact-numbers-section .numbers-card {display: block; text-align: center;}
.impact-numbers-section .numbers-card h3 {display: block; font-size: 28px; color: #fff; line-height: 1.2; font-weight: 700; margin: 0 0 15px;}
.impact-numbers-section .numbers-card p {display: block; font-size: 16px; line-height: 1.6; color: #fff; margin: 0;}

.services-details-section {display: block; padding: 100px 0px 0;}
.services-details-section ul.navbar-nav.service-nav {display: block; padding: 0px;}
.services-details-section ul.navbar-nav.service-nav li.menu-item {display: block; padding: 0px; margin: 0 0 8px;}
.services-details-section ul.navbar-nav.service-nav li.menu-item a {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 22px 26px; font-size: 16px; font-weight: 600; line-height: 22px; background: #eaf5ff; color: #00509e; border-radius: 6px;}
.services-details-section ul.navbar-nav.service-nav li.menu-item a svg {display: block; width: 20px; height: auto; fill: #00509e;}
.services-details-section ul.navbar-nav.service-nav li.menu-item a:hover,
.services-details-section ul.navbar-nav.service-nav li.menu-item.current_page_item a {background: #00509e; color: #fff;}
.services-details-section ul.navbar-nav.service-nav li.menu-item a:hover svg,
.services-details-section ul.navbar-nav.service-nav li.menu-item.current_page_item a svg {fill: #fff;}

.services-details-section .service-image {display: block; width: 100%; margin-bottom: 30px;}
.services-details-section .service-image img {display: block; border-radius: 20px;}
.services-details-section p {display: block; font-size: 16px; color: #565757; margin: 0 0 20px;}
.services-details-section ul {font-size: 16px; color: #565757; padding-left: 1.2rem;}
.services-details-section ul li {margin: 0 0 5px;}

.services-details-section .loan-features {display: block; margin: 0; padding: 20px 0 30px 0px;}
.services-details-section .loan-features h3 {display: block; font-size: 28px; line-height: 1.2; font-weight: 700; color: #111; margin: 0px 0 20px;}
.services-details-section .loan-features .accordion {display: block;}
.services-details-section .loan-features .accordion .accordion-item {display: block; border-radius: 0px; border: 0px; border-bottom: solid 1px #ccc;}
.services-details-section .loan-features .accordion .accordion-item:last-child {border-bottom: 0;}
.services-details-section .loan-features .accordion .accordion-header {font-weight: 700;}
.services-details-section .loan-features .accordion .accordion-header .accordion-button {background: transparent; border-radius: 0px; padding: 18px 0px; font-weight: 700; line-height: 1.4; font-size: 18px; color: #00509e; box-shadow: none; outline: none;}
.services-details-section .loan-features .accordion .accordion-header .accordion-button.collapsed {color: #565757;}
.services-details-section .loan-features .accordion .accordion-header .accordion-button:after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300509e'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.services-details-section .loan-features .accordion .accordion-header .accordion-button.collapsed:after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23565757'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.services-details-section .loan-features .accordion .accordion-body {padding: 0px 0 10px;}
.services-details-section .loan-features .accordion .accordion-body h4 {display: block; font-size: 18px; color: #111; font-weight: 600; margin: 0 0 10px;}
.services-details-section .loan-features .accordion .accordion-body ul {padding-left: 1.2rem; font-size: 16px; color: #565757;}
.services-details-section .loan-features .accordion .accordion-body ul li {margin: 0 0 10px;}
.services-details-section .loan-features .accordion .accordion-body ul li:last-child {margin: 0;}

.services-details-section .standard-main {display: block; margin: 0 0 30px; padding: 0px;}
.services-details-section .standard-main h3 {display: flex; flex-wrap: wrap; align-items: center; font-size: 28px; line-height: 1.2; font-weight: 700; color: #111; margin: 0px 0 20px; gap: 10px;}
.services-details-section .standard-main h3 svg {display: block; width: 20px; height: auto; fill: #000;}
.services-details-section .standard-main .standard-card {display: block; background: #eaf5ff; height: calc(100% - 30px); padding: 30px; border-radius: 20px; margin-bottom: 30px;}
.services-details-section .standard-main .standard-card .standard-icon {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 80px; background: #00509e; border-radius: 10px; padding: 15px; margin: 0 0 25px;}
.services-details-section .standard-main .standard-card .standard-icon svg {display: block; width: 100%; height: auto; fill: #fff;}
.services-details-section .standard-main .standard-card h5 {display: block; font-size: 18px; font-weight: 700; color: #111; line-height: 1.3; margin: 0 0 15px;}
.services-details-section .standard-main .standard-card ul {display: block; margin: 0px; padding: 0 0 0 1.2rem;}
.services-details-section .standard-main .standard-card ul li {font-size: 15px; color: #565757; margin: 0 0 10px;}

.services-details-section .table-main {display: block; margin: 0 0 30px; padding: 0px;}
.services-details-section .table-main h3 {display: block; font-size: 28px; line-height: 1.2; font-weight: 700; color: #111; margin: 0px 0 20px;}
.services-details-section .table * {border-color: #e4e4e4;}
.services-details-section .table > :not(caption) > * > * {box-shadow: none;}
.services-details-section .table th,
.services-details-section .table td {padding: 15px;}
.services-details-section .table th {background: #00509e; color: #fff; font-size: 16px;}
.services-details-section .table td {color: #565757; font-size: 14px;}
.services-details-section .table tr:nth-child(even) td {background: #f9f9f9;}



/* Careers */
.careers-section {display: block; padding: 100px 0 0 0;}
.awsm-job-wrap {display: block;}
.awsm-job-wrap .awsm-job-listings {display: flex; flex-wrap: wrap; gap: 30px; border: 0;}
.awsm-job-wrap .awsm-job-listings .awsm-job-listing-item {display: block;}
.awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item {display: flex; flex-wrap: wrap; border-radius: 20px; background: #00509e; padding: 40px; border: 0px;}
.awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-list-left-col {display: block; width: 100%; margin-bottom: 30px;}
.awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-featured-image {display: none;}
.awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item h2.awsm-job-post-title {display: block;}
.awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item h2.awsm-job-post-title a {display: block; font-weight: 600; font-size: 30px; line-height: 1; color: #fff; text-decoration: none;}
.awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-list-right-col {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; align-items: center;}
.awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-specification-wrapper {display: flex; flex-wrap: wrap; width: calc(100% - 200px); gap: 40px;}
.awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-specification-wrapper .awsm-job-specification-item {display: block; flex: 0 0 auto; margin: 0; text-align: left;}
.awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-specification-wrapper .awsm-job-specification-item .awsm-job-specification-term {display: block; font-weight: 400; font-size: 16px; line-height: 1.4; color: #fff; position: relative;}

.awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-specification-wrapper .awsm-job-specification-item .awsm-job-specification-term:before {content: ''; display: block; font-weight: 500; font-size: 18px; line-height: 1; color: #fff; margin: 0 0 10px;}

.awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-specification-wrapper .awsm-job-specification-item.awsm-job-specification-department .awsm-job-specification-term:before {content: 'Department';}
.awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-specification-wrapper .awsm-job-specification-item.awsm-job-specification-job-category .awsm-job-specification-term:before {content: 'Qualification';}
.awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-specification-wrapper .awsm-job-specification-item.awsm-job-specification-job-type .awsm-job-specification-term:before {content: 'Experience';}
.awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-specification-wrapper .awsm-job-specification-item.awsm-job-specification-job-location .awsm-job-specification-term:before {content: 'Location';}
.awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-specification-wrapper .awsm-job-specification-item.awsm-job-specification-opening .awsm-job-specification-term:before {content: 'Opening';}

.awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-more-container {display: block; width: auto;}
.awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-more-container .awsm-job-more span:before {display: none;}


/* Careers Details */
.awsm_job_openings {display: block; padding: 100px 0;}
.awsm_job_openings h1 {display: block; font-weight: 900; font-size: 60px; line-height: 1; color: #00509e; margin: 0px; text-align: left;}

.career-details-main {display: block; padding: 70px 0 0;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 {display: flex; flex-wrap: wrap; margin: 0; align-items: self-start;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-content {padding: 0px; width: calc(100% - 40%); display: flex; flex-wrap: wrap; flex-direction: column-reverse; align-items: self-start;}

.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-specifications-container {display: block; border-bottom: solid 1px #000; padding-bottom: 30px; margin-bottom: 30px; width: 100%;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-specifications-container .awsm-job-specifications-row {display: block;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-specifications-container .awsm-job-specification-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-specifications-container .awsm-job-specification-item {display: block; flex: 0 0 auto;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-specifications-container .awsm-job-specification-item .awsm-job-specification-label {display: block; width: 100%; font-weight: 600; font-size: 18px; line-height: 1; color: #00509e; margin: 0 0 10px;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-specifications-container .awsm-job-specification-item .awsm-job-specification-label strong {font-weight: 600;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-specifications-container .awsm-job-specification-item .awsm-job-specification-term {display: block; width: 100%; font-weight: 400; font-size: 16px; line-height: 1.4; color: #111;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-specifications-container .awsm-job-specification-item.awsm-job-specification-job-location,
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-specifications-container .awsm-job-specification-item.awsm-job-specification-categorys {display:none;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-content .awsm-job-entry-content {display: block;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-content .awsm-job-entry-content h3 {display: block; font-weight: 700; font-size: 26px; line-height: 1; color: #111; margin: 0 0 20px;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-content .awsm-job-entry-content p {display: block; padding: 0px; margin: 0px 0 50px; font-weight: 400; font-size: 16px; line-height: 1.7; color: #565757;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-content .awsm-job-entry-content p strong {font-weight: 700; color: #00509e;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-content .awsm-job-entry-content ul {display: block; padding: 0px 0 0 1.5rem; margin: 0px 0 50px;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-content .awsm-job-entry-content ul li {font-weight: 400; font-size: 16px; line-height: 1.7; color: #565757;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-content .awsm-job-entry-content ul:last-child {margin: 0px;}


.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form {width: 35%; padding: 0px; margin-left: auto;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner {display: block; width: 100%; background: #eaf5ff; border-radius: 12px; padding: 45px 40px; border: 0px;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner h2 {display: block; font-weight: 700; font-size: 26px; line-height: 1; color: #00509e; margin: 0 0 25px;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner .awsm-application-form {display: block;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner .awsm-job-form-group {display: block; position: relative; margin-bottom: 20px;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner .awsm-job-form-group:last-child {margin: 0px;}

.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner .awsm-job-form-group label {display: flex; flex-wrap: wrap; align-items: self-start; font-weight: 500; font-size: 15px; line-height: 1; color: #000; margin-bottom: 10px; gap: 3px;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner .awsm-job-form-group label .awsm-job-form-error {display: block; color: red; font-size: 15px; margin: 0px;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner .awsm-job-form-group .awsm-job-form-control {display: block; background: #fff; border: 1px solid #ced4da; padding: 14px 15px; font-weight: 500; font-size: 16px; line-height: 20px; color: #000; border-radius: 8px; box-shadow: none; outline: none;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner .awsm-job-form-group small {display: block; color: #000;}

.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner input[type=file] {color: #999999; padding: 7px 5px;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner input[type=file]::file-selector-button {display: inline-flex; border: 0; padding: 9px 20px; border-radius: 5px; background-color: #F9F9F9; font-weight: 500; font-size: 14px; line-height: 1; color: #999999; margin: 0 10px 0 0;}

.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner .awsm-job-form-group.awsm-job-inline-group {display: flex; flex-wrap: wrap; align-items: center; position: relative;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner .awsm-job-form-group.awsm-job-inline-group .awsm-job-form-field {display: block; width: 100%; height: 100%; border-radius: 0px; padding: 0px; margin: 0px; position: absolute; left: 0px; top: 0px; cursor: pointer; opacity: 0; z-index: 1;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner .awsm-job-form-group.awsm-job-inline-group .awsm-job-form-field + label {display: block; width: 100%; margin: 0px; padding: 0 0 0 35px; position: relative;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner .awsm-job-form-group.awsm-job-inline-group .awsm-job-form-field + label .awsm-job-form-error {display: inline-flex;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner .awsm-job-form-group.awsm-job-inline-group .awsm-job-form-field + label:before {content: ''; position: absolute; left: 0px; top: 0; display: block; width: 25px; height: 25px; background: #fff; border: solid 2px #00509e;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner .awsm-job-form-group.awsm-job-inline-group .awsm-job-form-field:checked + label:before {box-shadow: inset 0 0 0 5px #fff;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner .awsm-job-form-group.awsm-job-inline-group .awsm-job-form-field + label:after {content: ''; display: none; position: absolute; left: 5px; top: 5px; width: 15px; height: 15px; background: url(https://finbuxgrowth.com/wp-content/uploads/2026/01/check.svg) center; border: 0;}
.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner .awsm-job-form-group.awsm-job-inline-group .awsm-job-form-field:checked + label:after {display: block;}

.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner .awsm-job-form-group .awsm-job-form-error {display: block; color: red; margin-top: 5px; font-size: 12px;}

.career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner .awsm-application-message {margin: 20px 0 0px; padding: 10px; font-size: 14px;}

.become-section {display: block; padding: 100px 0px 0;}
.become-section p {display: block; font-size: 16px; color: #565757; margin: 0 0 30px;}


footer {display: block; padding: 100px 0; background: #003569; position: relative;}
footer:before {content: ''; position: absolute; right: 0; top: 0; height: 40%; width: 30%; display: block; background: url(./assets/images/logo-shapa-white.png) left bottom no-repeat; background-size: 150% auto; opacity: 0.05;}
footer .footer-content {display: block; text-align: center; margin-bottom: 60px;}
footer .footer-content .top-sub-title {display: block; font-size: 14px; line-height: 25px; margin-bottom: 15px; text-transform: uppercase; color: #d3d3d3; font-weight: 700; letter-spacing: 0.96px;}
footer .footer-content h2 {display: block; font-size: 40px; line-height: 1.2; margin: 0 0 30px; color: #fff; font-weight: 700;}
footer .footer-inner {display: block; padding: 100px 80px; background: #0057ac; border-radius: 50px; position: relative;}
footer .footer-inner .logo {display: block; margin: 0 0 30px;}
footer .footer-inner .logo img {display: block; max-width: 180px;}
footer .footer-inner ul.contact-details {display: block; margin: 0; padding: 0px; list-style: none;}
footer .footer-inner ul.contact-details li {display: block; font-size: 14px; line-height: 1.5; margin: 0 0 10px; color: #fff; font-weight: 500;}
footer .footer-inner ul.contact-details li a {display: inline-flex; color: #fff; text-decoration: none;}
footer .footer-inner ul.contact-details li.tel-text {font-size: 26px; font-weight: 900;}
footer .footer-inner h4 {display: block; margin: 0 0 20px; font-size: 20px; font-weight: 700; line-height: 1.2; color: #fff;}
footer .footer-inner ul.menu-list {display: block; margin: 0; padding: 0px; list-style: none;}
footer .footer-inner ul.menu-list li {display: block;}
footer .footer-inner ul.menu-list li a {display: block; padding: 8px 0px; font-size: 16px; line-height: 22px; color: #fff; text-decoration: none;}
footer .footer-copyright {display: block; text-align: left; margin: 40px 0 0 0; font-size: 15px; color: #fff; line-height: 1.2; font-weight: 500;}
footer .footer-copyright a {color: #fff; text-decoration: none;}

.whatsapp-icon {position: fixed; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 50px; height: 50px; bottom: 20px; right: 20px; background: #00d757; border-radius: 50%; z-index: 9999;}
.whatsapp-icon svg {display: block; width: 20px; height: auto; fill: #fff;}


/* Responsive */

/* 1280px */
@media (max-width: 1360px) {
  .container {max-width: 1140px;}
  .about-section .about-content {padding: 0px;}
  .our-process-section .process-item .process-content {min-height: 380px;}
  .choose-section .choose-content {padding: 0px;}
  .contact-section .contact-details {padding: 30px;}
  .contact-section .contact-details .contact-details-main {padding: 20px;}

  .sub-hero-section {padding: 80px 0px;}

}

/* 1024px */
@media (max-width: 1199px) {
  .container {max-width: 960px;}
  header .navbar {padding: 15px 0px;}
  header .navbar-toggler {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0px; background: #00509e; box-shadow: none; outline: none;}
  header .navbar .navbar-toggler:focus {box-shadow: none; outline: none;}
  header .navbar .navbar-toggler svg {display: block; width: 20px; height: auto; fill: #fff;}
  header .navbar .navbar-toggler .menu-list {display: none;}
  header .navbar .navbar-toggler .menu-close {display: block; width: 15px;}
  header .navbar .navbar-toggler.collapsed .menu-list {display: block;}
  header .navbar .navbar-toggler.collapsed .menu-close {display: none;}

  header .navbar .navbar-collapse {width: 100%; background: #fff; left: 0px; top: 100%; right:0px; position: absolute; max-height: calc(100vh - 220px); overflow: auto;}
  header .navbar ul.navbar-nav {display: block; padding-bottom: 30px;}
  header .navbar ul.navbar-nav li.nav-item {padding: 0 20px;}
  header .navbar ul.navbar-nav li.nav-item a.nav-link {padding: 16px 0px; justify-content: space-between;}
  header .navbar ul.navbar-nav li.nav-item a.nav-link.btn.btn-primary {width: 100%;}
  header .navbar ul.navbar-nav li.nav-item ul.dropdown-menu {visibility: visible; opacity: 1; transform: translate3d(0px, 0px, 0px); padding: 0px; box-shadow: none; border-radius: 0px; display: none;}
  header .navbar ul.navbar-nav li.nav-item ul.dropdown-menu.show {display: block;}
  header .navbar ul.navbar-nav li.nav-item ul.dropdown-menu li {padding: 0 12px;}

  ul.feature-list li {font-size: 14px;}

  .about-section, .services-section, .partner-section, .our-process-section, .home.tpl-homepage .calculator-section, .choose-section, .contact-section, footer, .impact-numbers-section, .awsm_job_openings {padding: 80px 0;}
  .about-section .about-content h2, .services-section h2, .partner-section h2, .our-process-section h2, .calculator-section h2, .choose-section .choose-content h2, .contact-section .contact-details h2, .contact-section .contact-form h2, .rich-section .rich-content h2, .impact-numbers-section h2 {font-size: 32px;}

  .hero-section {padding: 100px 0px;}
  .sub-hero-section {padding: 60px 0px;}

  .rich-section .rich-content {padding: 30px 40px;}

  .impact-numbers-section .numbers-card h3 {font-size: 20px;}

  .services-section p {margin: 0px;}
  .services-section .services-card {height: calc(100% - 40px); margin: 40px 0 0 0;}

  .our-process-section .process-item .process-content {min-height: 350px;}

  .choose-section .choose-content ul.feature-list li .icon {width: 34px; height: 34px;}
  .choose-section .choose-content ul.feature-list li .icon svg {width: 12px;}

  .contact-section .contact-details h3 {font-size: 26px;}
  .contact-section .contact-details ul li .icon {width: 50px; height: 50px;}
  .contact-section .contact-details ul li .icon svg {width: 20px;}
  .contact-section .contact-details ul li .text {font-size: 16px;}
  .contact-section .contact-details ul li .text h5 {font-size: 14px; margin: 0 0 5px;}
  .contact-section .contact-details ul li .text p {font-size: 16px;}
  .contact-section .contact-form {padding: 40px;}

  .services-details-section {padding-top: 80px;}
  .services-details-section ul.navbar-nav.service-nav li.menu-item a {padding: 16px;}
  .services-details-section .standard-main .standard-card {padding: 20px;}
  .services-details-section .standard-main .standard-card .standard-icon {width: 60px;}

  .calculator-section, .careers-section, .become-section {padding: 80px 0 0 0;}

  .awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-specification-wrapper {gap: 20px;}
  .awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-specification-wrapper .awsm-job-specification-item {width: calc(50% - 10px);}

  .career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form .awsm-job-form-inner {padding: 30px;}
  .career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-content .awsm-job-entry-content p {margin: 0 0 40px;}

  footer .footer-content {margin-bottom: 50px;}
  footer .footer-inner {padding: 50px; border-radius: 25px;}
}

/* 768px */
@media (max-width: 991px) {
  .container {max-width: 720px;}

  .hero-section {padding: 68px 0;}
  .hero-section .hero-content h1 {font-size: 46px;}

  .about-section, .services-section, .partner-section, .our-process-section, .home.tpl-homepage .calculator-section, .choose-section, .contact-section, footer, .impact-numbers-section, .awsm_job_openings {padding: 60px 0px;}

  .calculator-section, .careers-section, .career-details-main, .become-section {padding: 60px 0 0 0;}

  .about-section .about-images {margin-bottom: 30px;}
  .about-section .about-images-main {margin-bottom: 30px;}

  .rich-section::before {left: 0px; top: auto; width: 100%; height: 54%;}
  .rich-section .rich-content {padding: 30px 0;}

  .impact-numbers-section .numbers-card {margin: 30px 0 0 0;}

  .services-section h2 {margin-bottom: 20px;}
  
  .our-process-section .process-item .process-content {min-height: 300px;}
  
  .calculator-section .emi-left, .calculator-section .emi-right {flex: 0 0 100%;}
  
  .emi-amortization .table th {font-size: 14px;}
  
  .choose-section .video-bg {margin-bottom: 30px;}

  .contact-section .contact-details {border-radius: 0 0 12px 12px;}  
  .contact-section .contact-details p {margin-bottom: 30px;}
  .contact-section .contact-details ul li {margin: 0 0 25px;}
  .contact-section .contact-form {padding: 30px; border-radius: 12px 12px 0 0;}

  .services-details-section {padding-top: 60px;}
  .services-details-section ul.navbar-nav.service-nav {margin-bottom: 40px;}

  .awsm_job_openings h1 {font-size: 50px;}
  .career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-content {width: 100%; margin-bottom: 40px;}
  .career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-specifications-container .awsm-job-specification-item {width: calc(50% - 10px);}
  .career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-form {width: 100%;}

  .map-section {padding-bottom: 50%;}

  footer .footer-inner h4 {margin: 30px 0 20px;}
  footer .footer-copyright {text-align: center; margin-top: 20px;}
}

/* 767px */
@media (max-width: 767px) {
  .container {max-width: 540px;}
  .top-bar ul.social-media li a {width: 30px; height: 40px;}
  .top-bar ul.social-media li svg {width: 10px; height: 10px;}
  .top-bar .text-info {gap: 10px;}
  .top-bar .text-info .text a {font-size: 12px; line-height: 40px;}

  .our-process-section .process-item .process-content {padding: 53px 20px 25px; min-height: 310px;}
  .our-process-section .process-item .process-content h3 {font-size: 18px;}
  .our-process-section .process-item .process-content p {font-size: 14px;}

  .emi-amortization .table {width: 800px;}
  .career-section .career-content {margin-bottom: 20px;}
  
  .map-section {padding-bottom: 120%;}

  .awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item {padding: 30px;}
  .awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-list-left-col {padding: 0px; margin-bottom: 20px;}
  .awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-specification-wrapper {width: 100%; margin-bottom: 20px;}

}

/* 567px */
@media (max-width: 567px) {
  .container {max-width: 100%; padding: 0 20px;}

  ul.feature-list {padding: 0px;}
  ul.feature-list.two-column li {width: 100%;}

  header .navbar .navbar-brand .custom-logo-link img {max-height: 40px;}

  .btn {padding: 12px 16px; font-size: 14px; min-width: 8rem;}

  .hero-section {padding: 50px 0px;}
  .hero-section .hero-content h1 {font-size: 26px;}
  .hero-section .hero-content p {font-size: 16px; line-height: 1.6; margin: 0 0 20px;}

  .about-section, .services-section, .partner-section, .our-process-section, .home.tpl-homepage .calculator-section, .choose-section, .contact-section, footer, .sub-hero-section, .impact-numbers-section, .awsm_job_openings {padding: 30px 0px; background-position: right -50px center !important;}

  .calculator-section, .careers-section, .career-details-main, .become-section {padding: 40px 0 0 0;}

  .about-section .about-content h2, .services-section h2, .partner-section h2, .our-process-section h2, .calculator-section h2, .choose-section .choose-content h2, .contact-section .contact-details h2, .contact-section .contact-form h2, .rich-section .rich-content h2, .impact-numbers-section h2 {font-size: 20px;}

  .sub-hero-section h1 {font-size: 30px;}

  .about-section .about-content p {line-height: 1.5;}
  .about-section .about-content .sign-boxs {margin-top: 15px;}
  .about-section .about-content .sign-boxs .sign-img {width: 100%; margin-bottom: 10px;}
  .about-section .about-content .sign-boxs .sign-content {width: 100%;}
  .about-section .counter-box {left: 0px; bottom: 0px; border-radius: 25px 6px 25px 6px; padding: 15px;}
  .about-section .counter-box .bg-shape {width: 50px;}
  .about-section .counter-box .bg-shape svg {width: 100%; height: auto; display: block;}
  .about-section .counter-box .counter-number {font-size: 30px;}
  .about-section .counter-box .counter-label {font-size: 12px;}
  .about-section .about-images-main .counter-box {width: 220px;}

  .rich-section {padding: 0px; overflow: hidden;}
  .rich-section .container {padding: 0px;}
  .rich-section .col-12:last-child {background: #eaf5ff;}
  .rich-section.left-side .col-12:first-child {background: #eaf5ff;}
  .rich-section.left-side .col-12:last-child {background: transparent;}
  .rich-section::before {display: none;}
  .rich-section .rich-content {padding: 30px 20px;}
  .rich-section .rich-content .icon {width: 60px;}

  .services-section p {line-height: 1.5;}
  .services-section .services-card {height: calc(100% - 30px); margin: 30px 0 0 0;}
  .services-section .services-card .services-icon {margin-bottom: 20px;}
  .services-section .services-card h3 {font-size: 20px; margin-bottom: 10px;}
  .services-section .services-card p {margin: 0 0 20px; line-height: 1.5;}
  .services-section .services-card .btn {position: relative; left: 0px; bottom: 0px;}

  .our-process-section .process-item {margin-top: 30px;}
  .our-process-section .process-item .step {margin-bottom: 35px; font-size: 14px;}
  .our-process-section .process-item .process-content {min-height: inherit; padding: 53px 30px 35px;}

  .calculator-section .emi-summary {width: 100%; gap: 20px;}
  .calculator-section .emi-summary p {flex: 1; font-size: 10px;}
  .calculator-section .emi-chart-wrapper {width: 100%;}
  .emi-amortization {margin: 30px 0 0 0;}

  .choose-section .video-bg {padding-bottom: 100%; height: auto;}
  .choose-section .counter-box {left: 0px; bottom: 0px; border-radius: 25px 6px 25px 6px; padding: 15px;}
  .choose-section .counter-box .bg-shape {width: 50px;}
  .choose-section .counter-box .bg-shape svg {width: 100%; height: auto; display: block;}
  .choose-section .counter-box .counter-number {font-size: 30px;}
  .choose-section .counter-box .counter-label {font-size: 12px;}
  .choose-section .choose-content p.middle-text {font-size: 16px; line-height: 1.4;}

  .career-section .career-content h2 {font-size: 26px; line-height: 1; margin-bottom: 0;}

  .contact-section .contact-details {padding: 20px;}
  .contact-section .contact-form {padding: 20px;}
  .contact-section .contact-form h2 {margin-bottom: 15px;}
  .contact-section .contact-form .form-group {margin-bottom: 15px;}
  .contact-section .contact-details ul li {gap: 10px;}
  .contact-section .contact-details ul li .icon {width: 40px; height: 40px;}
  .contact-section .contact-details ul li .icon svg {width: 15px;}
  .contact-section .contact-details ul li .text {font-size: 14px;}

  .services-details-section {padding-top: 40px;}
  .services-details-section .loan-features h3, .services-details-section .standard-main h3 {font-size: 20px;}
  .services-details-section .standard-main h3 span {flex: 1;}
  .services-details-section .loan-features .accordion .accordion-header .accordion-button {padding: 15px 0px; font-size: 16px;}
  .services-details-section .loan-features .accordion .accordion-body {padding: 0px;}
  .services-details-section p {font-size: 14px;}
  .services-details-section ul {font-size: 14px;}

  .impact-numbers-section h2 {margin-bottom: 0px;}
  .impact-numbers-section .numbers-card h3 {margin: 0px 0 6px;}
  .impact-numbers-section .numbers-card h3 br {display: none;}

  .awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item {padding: 25px;}
  .awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item h2.awsm-job-post-title a {font-size: 26px;}
  .awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-specification-wrapper {padding: 0px; gap: 15px;}
  .awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-specification-wrapper .awsm-job-specification-item {width: 100%;}
  .awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-specification-wrapper .awsm-job-specification-item .awsm-job-specification-term {font-size: 14px;}
  .awsm-job-wrap .awsm-job-listings .awsm-job-listing-item .awsm-job-item .awsm-job-specification-wrapper .awsm-job-specification-item .awsm-job-specification-term::before {margin: 0 0 5px;}

  .awsm_job_openings h1 {font-size: 36px;}
  .career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-content .awsm-job-entry-content h3 {font-size: 22px; margin-bottom: 15px;}
  .career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-content .awsm-job-entry-content p {margin: 0 0 30px; font-size: 14px; line-height: 1.5;}
  .career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-content .awsm-job-entry-content ul {padding: 0px 0 0 1.2rem; margin: 0px 0 30px;}
  .career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-content .awsm-job-entry-content ul li {font-size: 14px; line-height: 1.6;}

  .career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-specifications-container {border-bottom-color: rgba(0, 0, 0, 0.2);}
  .career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-specifications-container .awsm-job-specification-item {width: 100%;}
  .career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-specifications-container .awsm-job-specification-item .awsm-job-specification-label {margin: 0 0 5px;}
  .career-details-main .awsm-job-single-wrap.awsm-col-2 .awsm-job-specifications-container .awsm-job-specification-item .awsm-job-specification-term {font-size: 14px;}

  footer .footer-content h2 {font-size: 26px;}
  footer .footer-inner {padding: 30px; border-radius: 20px;}
  footer .footer-inner ul.menu-list li a {padding: 5px 0px;}
  footer .footer-copyright {font-size: 14px; margin: 20px 0 0 0;}
}