/* font-family */
/* @font-face {
  font-family: 'Inter';
  src: url('Inter-Regular.eot');
  src: url('Inter-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Inter-Regular.woff2') format('woff2'),
      url('Inter-Regular.woff') format('woff'),
      url('Inter-Regular.ttf') format('truetype'),
      url('Inter-Regular.svg#Inter-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
} */

@font-face {
  font-family: 'Amaranth';
  src: url('../fonts/Amaranth-Regular.eot');
  src: url('../fonts/Amaranth-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Amaranth-Regular.woff2') format('woff2'),
      url('../fonts/Amaranth-Regular.woff') format('woff'),
      url('../fonts/Amaranth-Regular.ttf') format('truetype'),
      url('../fonts/Amaranth-Regular.svg#Amaranth-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

*{margin:0px;padding:0px;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;}
html,figure,figcaption,label{margin:0px;padding:0px;}
body{position: relative;font-family: "Amaranth", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
a,h1,h2,h3,h4,h5,h6,p,div,img{text-decoration:none;padding:0px;margin:0px;}
a:hover,a:focus{text-decoration:none;}
ul,ol{list-style-type:none;margin:0px;padding:0px;}
button{cursor: pointer; }
body.overflowBodyContent{overflow: hidden;}

/* placholder */
::-webkit-input-placeholder{font-family: "Amaranth", sans-serif; sans-serif;font-size: 14px;}
:-moz-placeholder{font-family: "Amaranth", sans-serif; sans-serif;font-size: 14px;}
::-moz-placeholder{font-family: "Amaranth", sans-serif; sans-serif;font-size: 14px;}
:-ms-input-placeholder{font-family: "Amaranth", sans-serif; sans-serif;font-size: 14px;}

/* remove icon from input type number */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* Firefox */
input[type=number] {-moz-appearance: textfield;}

/* selection */
::-moz-selection{background-color:#00a2d7;color:#ffffff;}
::selection{background-color:#00a2d7;color:#ffffff;}

/* toaster */
#success-msg {width: 270px;position: fixed;top: 120px;left: 50%;text-transform: capitalize;font-size: 14px;color: #fff;transform: translateX(-50%);background-color: #1B686A;padding: 10px 20px;border-radius: 5px;display: none;transition: opacity 0.5s ease-in-out;z-index: 9999;line-height: 22px;text-align: left;}
#success-msg.show {display: block;}

/* header */
.header{width: 100%;background-color: #fff;padding: 40px 0 20px;position: fixed;z-index: 9990;;top: 0;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.container{max-width: 100%;padding: 0 130px;margin: 0 auto;}
.header .logo a{display: inline-block;width: 100%;}
.header .logo a img{width: 100%;}
.navigation{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.navigation ul{display: flex;align-items: center;}
.navigation ul li{margin-right: 56px;position: relative;}
.navigation ul li:nth-last-of-type(2){margin-right: 30px;}
.navigation ul li:last-of-type{margin-right: 0;}
.navigation ul li a{color: #1B686A;font-size: 22px;font-weight: 400;line-height: 18px;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.navigation ul li a button{font-family: "Amaranth", sans-serif;}
.navigation ul li a:hover{color: #000;}
.navigation ul li a.mPS2id-highlight{color: #000;}
.navbar-dropdown{display: flex;align-items: center;}
.navbar-dropdown img{margin-left: 8px;width: 15px;}
ul.dropdown{min-width: 255px;display: none;position: absolute;z-index: 999;;background: #fff;left: -40px;top: 35px;padding: 15px;text-align: center;box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);border-radius: 6px;}
ul.dropdown li{margin: 0;}
ul.dropdown li:nth-last-of-type(2){margin-right: 0 !important;}
ul.dropdown li a{width: 100%;display: inline-block;padding: 12px 0;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border-radius: 6px;}
ul.dropdown li a:hover{background: #1B686A;color: #fff;}
/* qr-dropdown */
.header-dropdown-wrap h4{font-size: 16px;color: #191919;margin-bottom: 15px;text-align: left;}
.header-dropdown-wrap figure{width: 100px;height: 100px;margin-bottom: 15px;}
.header-dropdown-wrap figure img{width: 100%;height: 100%;}
.header-dropdown-wrap .header-dropdown-btn a{width: 100%;height: 40px;background-color: #000;display: flex;align-items: center;border-radius: 6px;padding: 0 10px;color: #fff;font-size: 16px;border: 1px solid #000;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.header-dropdown-wrap .header-dropdown-btn a:first-of-type{margin-bottom: 7px;}
.header-dropdown-wrap .header-dropdown-btn a span{margin-right: 10px;}
.header-dropdown-wrap .header-dropdown-btn a span:nth-of-type(1){width: 20px;height: 25px;}
.header-dropdown-wrap .header-dropdown-btn a span:nth-of-type(1) img{width: 100%;height: 100%;}
.header-dropdown-wrap .header-dropdown-btn a:hover{background-color: transparent;border: 1px solid #000;color: #000;}
.header-dropdown-wrap .header-dropdown-btn a:hover svg{fill: #000;}
/* qr-dropdown */
.header-buttons .primary-btn{margin-right: 15px;}
.primary-btn{min-width: 150px;color: #FFF;background-color: #1B686A;border-radius: 10px;padding: 15px;text-align: center;font-size: 22px;font-weight: 400;text-transform: capitalize;border: 1px solid transparent;}
.secondary-btn{min-width: 150px;color: #24C6BF;background-color: transparent;border-radius: 10px;padding: 15px 10px;text-align: center;font-size: 18px;font-weight: 400;text-transform: capitalize;border: 1px solid #24C6BF;}

/* main-banner */
.main-banner{margin-top: 114px;padding: 70px 0 112px;background-color: #fff;}
.main-banner-wrap{display: flex;align-items: center;justify-content: space-between;}
.main-banner h1{font-size: 58px;font-weight: 700;line-height: 48px;color: #1B686A;margin-bottom: 80px;text-align: center;text-transform: uppercase;}
.main-banner-content h2{font-size: 50px;font-weight: 700;line-height: 67px;color: #1B686A;margin-bottom: 30px;}
.main-banner-content h2 span{display: block;text-transform: uppercase;font-style: italic;font-weight: 900;color: #DFC188;}
.main-banner-content{width: 50%;}
.banner-content-image{width: 45% !important;text-align: center;}
.banner-content-image img{width: 50%;}

/* video */
.video-section{padding: 112px 0;}

/* mission */
.misssion-wrap{display: flex;}
.mission-content-section{width: 50%;}
.mission-image{display: flex;}
.mission-content-section img{width: 65%;margin: auto;}
.mission-main-content{background-color: #1B686A;padding: 110px 133px 110px 72px;}
.mission-main-content h5{color: #D3F4F2;font-size: 80px;font-weight: 700;line-height: 65px;margin-bottom: 60px;letter-spacing: 10px;}
.mission-main-content p{font-style: italic;color: #D3F4F2;font-size: 22px;font-weight: 400;line-height: 35px;}
.mission-main-content p:first-of-type{margin-bottom: 26px;}
.mission .book-meeting-wrap{display: flex;justify-content: center;margin-top: 60px;}

/* meet team */
.meet-team{padding: 112px 0;}
.meet-team h4{color: #1B686A;text-align: center;font-size: 40px;font-weight: 700;line-height: 48px;margin-bottom: 80px;}
.meet-team-list ul{display: flex;justify-content: center;gap: 30px;width: 100%;margin: 0 auto;}
.meet-team-list ul li{width: 300px;text-align: center;}
.meet-team-list ul li figure{width: 300px;height: 300px;margin-bottom: 15px;}
.meet-team-list ul li figure img{width: 100%;height: 100%;object-fit: cover;border-radius: 15px;}
.meet-team-list ul li h3{font-size: 22px;color: #1B686A;text-transform: uppercase;margin-bottom: 6px;}
.meet-team-list ul li h5{font-size: 16px;color: #686868;}

/* partner-team */
.partner-team{padding: 112px 0;background: url('../images/contact-TL.webp') top left no-repeat, url('../images/contact-BR.webp') bottom right no-repeat, #D3F4F2;}
.partner-team h4{color: #1B686A;text-align: center;font-size: 40px;font-weight: 700;line-height: 48px;margin-bottom: 80px;}
.partner-team-list ul{display: flex;justify-content: center;gap: 30px;width: 100%;}
.partner-team-list ul li{width: 300px;text-align: center;}
.partner-team-list ul li{width: 40%;background: #fff;border: 2px solid #1B686A;border-radius: 10px;padding: 30px;}
.partner-team-list ul li figure{display: flex;width: 300px;;height: 105px;margin: 0 auto 30px;}
.partner-team-list ul li figure img{width: 100%;border-radius: 15px;object-fit: contain;}
.partner-team-list ul li h3{font-size: 26px;color: #1B686A;text-transform: uppercase;margin-bottom: 6px;}

/* banner */
.banner{padding: 112px 0;}
.banner-wrap{width: 1200px;display: flex;justify-content: space-between;margin: 0 auto;}
.banner-sections{width: 45%;position: relative;}
.banner-sections:first-of-type{width: 41%;}
.banner-img-1{position: absolute;left: 0;top: -55px;}
.banner-img-2{position: absolute;bottom: -83px;left: 0;}
.banner-sections h1{color: #1B686A;font-size: 56px;font-weight: 700;line-height: 70.2px;margin-bottom: 23px;}
.banner-sections p{color: #498688;font-size: 22px;font-style: italic;font-weight: 400;line-height: 32px;margin-bottom: 20px;}
.loan-card{width: 512px;height: auto;border: 1px solid #E4E4E4;border-radius: 10px;padding: 30px;background: #fff;box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.08), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);position: relative;}
.loan-card h2{color: #498688;font-size: 24px;font-weight: 600;line-height: 21.982px;margin-bottom: 20px;text-transform: capitalize;}
.slider{margin-bottom: 27px;padding: 0 15px;}
.output{display: inline-block;min-width: 85px;padding: 5px 0;margin-bottom: 11px;font-size: 14px;line-height: 20px;color: #fff;text-align: center;background: #1B686A;border-radius: 100px;}
#range{width: 100%;height: 13px;border-radius: 100px;background: #D3F4F2;appearance: none;}
#range::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 20px;height: 20px;background: #FFF;border: 5px solid #2F9194;cursor: pointer;border-radius: 18px;}
#range::-moz-range-progress {
  background-color: #1B686A !important;   
  height: 100%;
  border-radius: 100px;
}
.loan-card h3{color: #498688;font-size: 20px;font-weight: 500;line-height: 30px;text-transform: capitalize;margin-bottom: 15px;}
.loan-card ul li{display: flex;justify-content: space-between;align-items: center;padding: 7px 9px;border-bottom: 1px solid #EEF1F4;}
.loan-card ul li span{color: #1B686A;font-size: 16px;font-weight: 400;line-height: 22px;}

input[type="radio"] {display: none;}
label {cursor: pointer;position: relative;font-size: 16px;font-weight: 400;line-height: 22px;color: #1B686A;padding-left: 20px;}
label::before {content: "";position: absolute;width: 20px;height: 20px;background-color: transparent;border: 2px solid #1B686A;border-radius: 50%;top: 50%;left: -10px;transform: translateY(-50%);transition: border-color 400ms ease;}
label::after {content: "";position: absolute;width: 20px;height: 20px;background-color: #1B686A;border: 2px solid #1B686A;border-radius: 50%;top: 50%;left: -10px;transform: translateY(-50%) scale(0);transition: transform 400ms ease;}
input[type="radio"]:checked + label::before {border-color: #1B686A;}
input[type="radio"]:checked + label::after {transform: translateY(-50%) scale(0.55);}
.loan-card button{width: 100%;}
.loan-card-shadow{background-color: #D3F4F2;border-radius: 10px;width: 512px;height: 455px;position: absolute;top: 25px;left: 35px;z-index: -1;}

/* modal */
.modal{position: fixed;z-index: 10000;top: 0;left: 0;visibility: hidden;width: 100%;height: 100vh;}
.modal.is-visible {visibility: visible;}
.modal-overlay {position: fixed;z-index: 10;top: 0;left: 0;width: 100%;height: 100vh;background: hsla(0, 0%, 0%, 0.5);visibility: hidden;opacity: 0;transition: visibility 0s linear 0.3s, opacity 0.3s;}
.modal.is-visible .modal-overlay {opacity: 1;visibility: visible;transition-delay: 0s;}
.modal-wrapper {position: relative;z-index: 9999;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.modal-main-wrap{position: absolute;width: 700px;background-color: #fff;box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);border-radius: 10px;padding: 25px;}
.modal-transition {transition: all 0.3s 0.12s;transform: translateY(-10%);opacity: 0;}
.modal.is-visible .modal-transition {transform: translateY(0);opacity: 1;}
.modal-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.modal-close {color: #aaa;background: none;border: 0;}
.modal-close:hover {color: #777;}
.modal-heading {color: #498688;font-size: 24px;font-weight: 600;line-height: 21.982px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
table{width: 100%;text-align: center;border-spacing: 0;}
table tr th{background: #D3F4F2;color: #1B686A;font-size: 16px;font-weight: 600;line-height: 35px;}
table tr td{background: rgba(211, 244, 242, 0.5);color: #1B686A;font-size: 15px;font-weight: 400;line-height: 35px;}

/* policy modal */
.modal.policy-modal {display: none;position: fixed;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.4);visibility: visible;}
.policy-modal .modal-content {background-color: #fff;margin: 15% auto;padding: 20px;border: 1px solid #888;width: 30%;text-align: end;border-radius: 8px;}
.policy-modal .modal-content p{text-align: center;margin: 15px 0 30px;}
.policy-modal .close-modal {color: #aaa;font-size: 28px;cursor: pointer;}
.policy-modal .close:hover,
.policy-modal .close:focus {color: #000;text-decoration: none;cursor: pointer;}
#closeModalButton{background: transparent;padding: 10px;border-radius: 6px;border: 1px solid #aaa;width: 80px;color: #1e1e1e;font-weight: 300;}

/* Add Animation */
@-webkit-keyframes animatetop {from {top:-300px; opacity:0} to {top:0; opacity:1}}
@keyframes animatetop {from {top:-300px; opacity:0} to {top:0; opacity:1}}

/* how it works */
.how-it-works{padding: 112px 0;background: #D3F4F2;}
.how-it-works h4{color: #1B686A;text-align: center;font-size: 40px;font-weight: 700;line-height: 41px;margin-bottom: 80px;}
.timeline{max-width: 750px;margin: 0 auto;position: relative;}
.left-card{left: 0;}
.right-card{left: 70%;}
.works-card{position: relative;max-width: 230px;min-height: 218px;position: relative;padding: 42px 16px 20px 20px;border: 2px solid #1B686A;border-radius: 10px;background: #fff;}
.works-card .card-number{position: absolute;left: 20px;top: -20px;width: 40px;height: 40px;border: 1px solid #1B686A;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: #D3F4F2;}
.works-card .card-number span{color: #1B686A;font-size: 18px;font-weight: 400;line-height: 24px;}
.works-card h5{color: #1B686A;font-size: 22px;font-weight: 700;line-height: 29.12px;margin-bottom: 5px;}
.works-card p{color: #498688;font-size: 16px;font-style: italic;font-weight: 400;line-height: 24px;}
.works-card .line{width: 150px;height: 3px;background: #1B686A;position: absolute;top: 50%;opacity: 0;}
.left-card .line{left: 226px;}
.right-card .line{left: -147px;width: 146px;}
.default-line {content: '';position: absolute;left: 50%;width: 10px;background: #fff;height: 100%;border-radius: 50px;}
.draw-line {width: 10px;height: 0;position: absolute;left: 50%;background: #1B686A;border-radius: 50px;}

/* POWERFUL FEATURES */
.trust-us{width: 100%;background-color: #fff;padding: 112px 0;}
.trust-us h4{color: #1B686A;text-align: center;font-size: 40px;font-weight: 700;line-height: 48px;margin-bottom: 80px;}
.trust-us .trust-layoutlist{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;gap: 32px;margin: 0 auto;}
.trust-layoutlist li{width: 17%;text-align: center;}
.trust-layoutlist li.cibil figure{padding: 25px;}
.trust-layoutlist li figure{width: 160px;margin: 0 auto;}
.trust-layoutlist li figure img{width: 100%;}
.trust-layoutlist li p{color: #686868;text-align: center;font-size: 18px;font-weight: 600;line-height: 30px;text-transform: capitalize;}

/* happy workplace */
.workplace{display: flex;width: 100%;}
.workplace-section{display: flex;align-items: center;justify-content: center;width: 50%;}
.workplace-section img{width: 100%;}
.workplace-main-section{padding: 100px 0;background: #1B686A;background-size: cover;}
.workplace-main-section img{width: 550px;}

/* benefits for employee */
.benefits-section{padding: 112px 0 112px;}
.employee-benefits{width: 1260px;margin: 0 auto;}
.employers{padding: 112px 0;}
.benefits-section .employee-benefits h4{color: #1B686A;text-align: center;font-size: 40px;font-weight: 700;line-height: 41.6px;margin-bottom: 70px;}
.card-wrap{display: flex;justify-content: center;flex-wrap: wrap;gap: 30px;}
.card-wrap .benefit-card{max-width: 375px;background-color: #fff;border-radius: 10px;border: 2px solid #DFC188;padding: 25px;}
.employers .card-wrap .benefit-card{border-color: #24C6BF;}
.card-wrap .benefit-card .card-figure{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 1px solid #DFC188;background-color: rgba(223, 193, 136, 0.20);margin-bottom: 20px;}
.employers .card-wrap .benefit-card .card-figure{border-color: #24C6BF;background-color: rgba(36, 198, 191, 0.20);}
.card-wrap .benefit-card .card-content h5{color: #1B686A;font-size: 24px;font-weight: 700;line-height: 34px;margin-bottom: 12px;}
.card-wrap .benefit-card .card-content p{color: #498688;font-style: italic;font-size: 18px;font-weight: 400;line-height: 28px;}

/* financial product */
.financial-product{width: 100%;padding: 112px 0;background: url('../images/financial-products-bg.webp') no-repeat, #fff;background-position: 88% 76px;}
.financial-product h4{color: #1B686A;text-align: center;font-size: 34px;font-weight: 700;line-height: 48px;margin-bottom: 80px;}
.financial-product-wrap{display: flex;justify-content: center;gap: 48px;}
.financial-card{width: 550px;border-radius: 10px;border: 1px solid #DFC188;box-shadow: 0px 0px 32px 0px rgba(223, 193, 136, 0.20);padding: 40px 40px 75px;}
.financial-card figure{margin-bottom: 30px;width: 46px;height: 46px;}
.employers-card figure{display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: 50%;background-color: #F9F3E7;}
.financial-card h5{display: inline-block;color: #1B686A;font-size: 45px;font-weight: 600;margin-bottom: 18px;}
.financial-card p{color: #498688;font-size: 13.5px;font-weight: 400;line-height: 24px;margin-bottom: 32px;}
.financial-card button{width: 100%;font-size: 14px;}

/* accelerate business */
.accelerate-business{display: flex;}
.accelerate-content{width: 50%;display: flex;align-items: center;background: #24C6BF;padding: 257px 120px 283px 72px;}
.accelerate-content h2{color: #D3F4F2;font-size: 47.906px;font-weight: 700;line-height: 67.2px;}
.impact-swiper-content{width: 50%;background: #d3f4f2;}
.impact-swiper-content .swiper{height: 100%;}
.swiper .swiper-slide{display: flex;align-items: center;justify-content: center;}
.swiper-card{display: flex;justify-content: center;flex-direction: column;text-align: left;width: 300px;height: 300px;padding-left: 40px;border-radius: 10px;border: 1px solid #7CDDD9;background: url('../images/slider-DL.png') no-repeat left bottom,url('../images/Slider-TR.png') no-repeat right top ,rgba(255, 255, 255, 0.00);box-shadow: 0px 4px 40px 0px rgba(46, 76, 96, 0.15);-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.swiper-card:hover{background: url('../images/slider-DL.png') no-repeat left bottom,url('../images/Slider-TR.png') no-repeat right top , #fff;}
.swiper-card h6{color: #1B686A;font-size: 17.031px;font-weight: 700;line-height: 28px;margin-bottom: 16px;}
.swiper-card p{color: #498688;font-size: 13.375px;font-weight: 400;line-height: 24px;}
.swiper-pagination{text-align: initial;padding-left: 25px;margin-bottom: 40px;}
.swiper-pagination .swiper-pagination-bullet{background-color: #fff;opacity: 0.4;}
.swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
.swiper-btns{width: 48px;height: 48px;border: 1px solid #000;border-radius: 50%;bottom: 35px;top: auto;z-index: 5555;}
.swiper-button-prev{right: 95px;left: auto;}
.swiper-button-next{right: 30px;}
.swiper-btns::after{display: none;}

/* why rely */
.why-rely{padding: 88px 0;background: url('../images/hero-BG.webp') 10% 120px no-repeat, #FCFCFC;}
.why-rely h4{color: #1B686A;text-align: center;font-size: 34px;font-weight: 700;line-height: 48px;margin-bottom: 70px;}
.tabs.ui-tabs{display: flex;padding: 0;border-radius: 20px;border: none;}
.tabs ul{width: 50%;display: flex;flex-direction: column;background: transparent;border-radius: 0;border: none;border-right: 1px solid rgba(27, 104, 106, 0.20);padding: 53px 0 48px 96px !important;}
.tabs ul li{height: 30px;margin-bottom: 40px !important;background: transparent !important;border: none !important;}
.tabs ul li:last-of-type{margin-bottom: 0 !important;}
.tabs ul li a{padding: 0 !important;color: rgba(27, 104, 106, 0.50) !important;text-align: center;font-size: 24px;font-weight: 400;line-height: 28px;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.tabs ul li a:hover{color: #1B686A !important;}
.tabs ul li.ui-state-active a{color: #1B686A !important;font-weight: 700;}
.tabs-image-list{width: 50%;}
.tabs-image-list img{width: 100%;}

/* about us */
.about-us{display: flex;}
.about-us-section{width: 50%;text-align: end;}
.about-us-content{background: #191919;padding: 146px 133px 146px 72px;text-align: start;}
.about-us-content h5{color: #24C6BF;font-size: 20.25px;font-weight: 700;line-height: 33.6px;margin-bottom: 24px;}
.about-us-content p{color: #D3F4F2;font-size: 15.469px;font-weight: 400;line-height: 27px;}

/* partner company */
.partner-company{width: 100%;padding: 112px 0;}
.partner-company h4{color: #1B686A;text-align: center;font-size: 40px;font-weight: 700;line-height: 48px;margin-bottom: 20px;}
.partner-company p{font-size: 22px;color: #1B686A;text-align: center;margin-bottom: 80px;text-transform: capitalize;}
.partner-company .partner-swiper .swiper-slide figure{width: 150px;height: 150px;display: flex;align-items: center;}
.partner-company .partner-swiper .swiper-slide figure img{width: 100%;height: 100%;object-fit: contain;}

/* download */
.download-section{display: flex;padding: 112px 0;background: url('../images/contact-TL.webp') top left no-repeat, url('../images/contact-BR.webp') bottom right no-repeat, #D3F4F2;}
.download-section-wrap{width: 90%;margin: 0 auto;display: flex;justify-content: space-between;}
.download-section-wrap figure{width: 200px;height: 200px;display: flex;margin-right: 70px;}
.download-section-wrap figure img{width: 100%;height: 100%;object-fit: contain;}
.download-wrap-content h4{color: #1B686A;font-size: 40px;font-weight: 700;line-height: 45px;margin-bottom: 8px;}
.download-wrap-content p{color: #498688;font-style: italic;font-size: 22px;font-weight: 500;line-height: 25px;}
.download-wrap-content .button-grp{display: flex;gap: 20px;margin-top: 35px;}
.download-wrap-content .button-grp a{width: 250px;height: 60px;background-color: #000;display: flex;align-items: center;border-radius: 6px;padding: 12px;color: #fff;font-size: 18px;border: 1px solid #000;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.download-wrap-content .button-grp a span{margin-right: 10px;}
.download-wrap-content .button-grp a span img{width: 25px;height: 30px;}
.download-wrap-content .button-grp a:hover{background-color: transparent;border: 1px solid #000;color: #000;}
.download-wrap-content .button-grp a:hover svg{fill: #000;}

/* FAQ */
.faqs{width: 100%;padding: 112px 0;}
.faqs h4{color: #1B686A;font-size: 40px;font-weight: 700;line-height: 57px;text-align: center;margin-bottom: 80px;}
.faq-wrapper{display: flex;align-items: flex-start;}
.faq-sections{width: 50%;display: flex;justify-content: center;margin: auto 0;}
.faq-sections .accordions{width: 100%;}
.ui-accordion-header{color: #498688 !important;padding: 20px !important;font-size: 22px !important;font-weight: 700;line-height: 35px;border: 1px solid #DFC188;border-radius: 10px;background: transparent !important;margin-bottom: 20px !important;}
.ui-accordion-header-icon{left: 95% !important;}
.ui-accordion-header-active{border-radius: 10px 10px 0 0 !important;margin-bottom: 0 !important;} 
.ui-accordion-content{font-style: italic !important;color: #686868;font-size: 16px !important; font-style: normal;font-weight: 600;line-height: 24px;border: 1px solid #DFC188;background-color: transparent;border-radius: 0 0 10px 10px;}
.ui-accordion-content{margin-bottom: 20px;}
.ui-accordion-content-active{margin-bottom: 20px !important;}

/* connect us */
.connect-us{padding: 112px 0;background: url('../images/contact-TL.webp') top left no-repeat, url('../images/contact-BR.webp') bottom right no-repeat, #D3F4F2;text-align: center;}
.connect-us h4{color: #1B686A;font-size: 40px;font-weight: 700;line-height: 57px;margin-bottom: 70px;}
.form-wrap{width: 560px;margin: 0 auto;}
.form-field-wrapper{margin-bottom: 24px;position: relative;}
.form-field-wrapper input{width: 100%;background: transparent;border: none;border-bottom: 1px solid #1B686A;padding: 8px 0px 16px;color: rgba(0, 0, 0);font-size: 16px;font-weight: 400;line-height: normal;}
.form-field-wrapper input::placeholder{color: rgba(0, 0, 0);font-size: 16px;font-weight: 400;line-height: normal;}
.form-field-wrapper input::-moz-placeholder{font-family: "Amaranth", sans-serif;color: #000;font-size: 16px;font-weight: 400;line-height: normal;}
.form-field-wrapper input:focus-within{border-bottom-color: #000;}
/* .form-field-wrapper select{width: 100%;background: transparent;border: none;border-bottom: 1px solid #1B686A;padding: 8px 0px 16px;color: rgba(0, 0, 0);font-size: 14.25px;font-weight: 400;line-height: normal;}
.form-field-wrapper select option{color: white;font-size: 14.25px;font-weight: 400;line-height: normal;background: #1B686A;padding: 0;} */
.range-field{display: none;}
.select-button{font-family: "Amaranth", sans-serif;width: 100%;text-align: left;background: url('../images/down-arrow.svg') right no-repeat ,transparent;border: none;border-bottom: 1px solid #1B686A;padding: 8px 0px 16px;color: rgba(0, 0, 0);font-size: 16px;font-weight: 400;line-height: normal;background-size: 10px;}
.form-field-wrapper ul{width: 100%;position: absolute;top: 35px;z-index: 999;background-color: #fff;border-radius: 6px;text-align: left;display: none;}
.form-field-wrapper ul li{font-size: 14.25px;font-weight: 400;line-height: normal;color: rgba(0, 0, 0, 0.8);padding: 8px 10px;cursor: pointer;}
.form-field-wrapper ul li:last-of-type{border-bottom: none;}
.form-field-wrapper ul li:hover{color: #000;}
.input-error{border-color: #ED4337 !important;}
.error-msg{display: inline-block;width: 100%;text-align: left;color: #ED4337;margin-top: 5px;font-size: 12px;font-weight: 400;}

/* footer */
.footer{width: 100%;padding: 80px 0;background: #1B686A;}
.footer-top{width: 100%;display: flex;margin-bottom: 32px;padding-bottom: 104px;border-bottom: 1px solid #ffff;}
.footer-address{width:48%;}
.footer-logo{display: inline-block;margin-bottom: 24px;width: 190px;}
.footer-logo img{width: 100%;}
.address-details span{display: inline-block;color: #D3F4F2;font-size: 18px;font-weight: 600;line-height: 24px;}
.address-details address{color: #D3F4F2;font-size: 16px;font-weight: 400;line-height: 24px;font-style: normal;}
.footer-link-list{width: 18%;}
.footer-link-list h5{color: #D3F4F2;font-size: 18px;font-weight: 600;line-height: 24px;margin-bottom: 24px;}
.footer-link-list ul li{margin-bottom: 16px;}
.footer-link-list ul li:last-of-type{margin-bottom: 0;}
.footer-link-list a{color: #D3F4F2;font-size: 14px;font-weight: 400;line-height: 21px;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.footer-link-list ul li span{color: #D3F4F2;}
.footer-link-list a:hover{border-bottom: 1px solid #D3F4F2;}
.footer-bottom{width: 100%;text-align: center;}
.footer-bottom p{color: #D3F4F2;font-size: 14px;font-weight: 400;line-height: 21px;letter-spacing: 1px;}

/* terms-condition & privacy-policy */
.terms-condition{padding: 50px 0 112px;background-color: #fff}
/* .terms-condition a{text-decoration: 1px solid #1B686A;} */
.terms-condition ol{list-style: decimal;}
ol.alphabet{list-style: lower-alpha;margin-left: 40px;}
ol.roman{list-style: lower-roman;margin-left: 50px;}
.terms-condition ul li{list-style: square;margin-left: 30px;}
.terms-condition-wrap ol li ol{margin-left: 25px;}
.terms-condition-wrap ol li ul li h2{font-size: 22px;margin-bottom: 20px;color: #1B686A;font-weight: 900;margin-left: 15px;}
.terms-condition-wrap ol li ul li{font-size: 16px;margin-bottom: 20px;color: #1B686A;font-weight: 400;margin-left: 15px;line-height: 24px;} 
.terms-condition-wrap h1{color: #1B686A;text-align: center;font-size: 34px;font-weight: 700;line-height: 48px;margin-bottom: 40px;}
.terms-condition-wrap p{color: #498688;font-size: 16px;font-weight: 400;line-height: 24px;margin-bottom: 20px;}
.terms-condition ol li h3{font-size: 22px;margin-bottom: 20px;color: #1B686A;font-weight: 900;margin-left: 15px;}
.terms-condition ol li h4{color: #1B686A;margin-bottom: 15px;}
.terms-condition ul li p{margin-left: 45px;}
.team-details{margin: 0 0 20px 50px;color: #1B686A;}
.team-details h4{margin-bottom: 3px;}
.team-details a{margin: 5px 0;}
li::marker{color: #1B686A;font-weight: 900;font-size: 22px;}
.loan-terms-wrap{margin: 50px 0 0;}
.loan-terms{color: #1B686A;text-align: center;font-size: 34px;font-weight: 700;line-height: 48px;margin-bottom: 40px;}

/* delete-account-form */
.delete-account-form{margin: 40px 0 0 !important;}

/* qr scanner section */
.QR-scanner{display: flex;height: 100vh;padding: 112px 0;background: url('../images/contact-TL.webp') top left no-repeat, url('../images/contact-BR.webp') bottom right no-repeat, #D3F4F2;}
.QR-scanner .button-grp{display: flex;align-items: center;height: 100%;gap: 20px;}
.QR-scanner .button-grp a{width: 250px;height: 60px;background-color: #000;display: flex;align-items: center;border-radius: 6px;padding: 12px;color: #fff;font-size: 16px;border: 1px solid #000;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.QR-scanner .button-grp a span{margin-right: 10px;}
.QR-scanner .button-grp a span img{width: 25px;height: 30px;}
.QR-scanner .button-grp a:hover{background-color: transparent;border: 1px solid #000;color: #000;}
.QR-scanner .button-grp a:hover svg{fill: #000;}