* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
     /* font-family: 'SFPro-regular'; */
     font-family: 'DMSans-Regular', 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
        background: #FFF5D4;
    background: linear-gradient(90deg, rgba(255, 245, 212, 0.5) 0%, rgba(255, 208, 217, 0.5) 38%, rgba(165, 208, 255, 0.5) 70%, rgba(215, 242, 255, 0.5) 100%);
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 1rem;
    font-weight: 600;
    line-height: 1.2;
}
header {
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
}
main {
    /* padding-top: 90px; */
}

/* Links */
a {
    color: #007bff;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* Images */
img {
    max-width: 100%;
    height: auto;
}

/* Containers */
.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Buttons */
button {
    padding: 10px 20px;
    border: none;
    background-color: #007bff;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
}

button:hover {
    background-color: #0056b3;
}
/***************/
.hero-heading-landing
{
    font-size: 72px;
    font-weight: 400;
    line-height: 70px;
}
.navbar-nav .nav-link {
    white-space: nowrap;
    text-align: right;
    font-size: 30px;
    color: #999;
    transition: all .2s ease-in-out;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.navbar-nav .nav-link:hover
{
    transform: scale(0.92);
}

.text-dark
{
    color: #000 !important;
}

.light-bg-color
{
    background-color: #EDEEF1;
}
.theme-bg-color
{
    background-color: #00B1E6;
}
.bg-info-light{
    background-color: rgba(143, 211, 244, 0.2);
}
.bg-warning-light{
    background-color: rgb(255, 230, 250, 0.3);
}

.text-success
{
    color: rgb(91, 181, 162, 1);
}
.text-warning
{
    color: rgb(255, 149, 0, 1);
}
.text-info
{
    color: rgb(0, 122, 255, 1);
}
.success-bg-20
{
    background-color: rgb(91, 181, 162, 0.2);
}
.warning-bg-20
{
    background-color: rgb(255, 149, 0, 0.2);
}
.info-bg-20
{
    background-color: rgb(0, 122, 255, 0.2);
}
.red-bg
{
    background: #e42d7f;
}
.blue-bg
{
    background: #2D68FF;
}
.yellow-bg
{
    background: #FF9500;
}
.border-color-dark
{
    border-color: #002861;
}
.blue-text
{
    color: #2D68FF;
}
.gradientColor1
{
background: #8FD3F4;
background: linear-gradient(203deg, rgba(143, 211, 244, 1) 0%, rgba(255, 230, 250, 1) 100%);
}
section{
    padding-top: 100px;
    padding-bottom: 100px;
}

h1
{
	font-size: 44px;
	line-height: 52px;
}
h2
{
	font-size: 34px;
	line-height: 42px;
}
h3
{
	font-size: 22px;
	line-height: 30px;
}
h4
{
	font-size: 20px;
	line-height: 28px;
}
h5
{
	font-size: 18px;
	line-height: 26px;
}
h6
{
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
}
p{
    line-height: 22px;
    font-size: 14px;
    font-weight: 200;
}
.bold-200
{
font-weight: 200;
}
.bold-400
{
font-weight: 400;
}
.bold-500
{
font-weight: 500;
}
.bold-600
{
font-weight: 600;
}

.navbar
{
    height: 90px;
    z-index: 3;
}
.btn-rounded
{
    border-radius: 50px;
}

.btn-theme {
    border: 0px;
    --bs-btn-color: #fff;
    --bs-btn-bg: #e42d7f;
    --bs-btn-border-color: #e42d7f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e42d7f;
    --bs-btn-hover-border-color: #e42d7f;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e42d7f;
    --bs-btn-active-border-color: #e42d7f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #e42d7f;
    --bs-btn-disabled-border-color: #e42d7f;
     /* background: #e52e71;
    background: linear-gradient(151deg, #ff8a00 0%, #e52e71 100%); */
    background: linear-gradient(135deg, #a67cee 0%, #e42d7f 100%);
}

/********/
.nav-tabs-apply .nav-tabs .nav-link {
    background: #ffffff;
}
.navbar-brand-desk img {
    width: 60px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(0 0 0 / 10%);
    border-radius: 10px;
        padding: 10px;
}
.navbar-toggler-custom
{
    display: block !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(0 0 0 / 50%);
    height: 40px;
    width: 40px;
    padding: 0;
    line-height: 40px;
    align-items: center;
        border-radius: 100px;
    transition: all .2s ease-in-out;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    box-shadow: 0px 2px 6px -2px rgba(107, 107, 107, 0.5);
}
.navbar-toggler-custom:hover
{
    transform: scale(0.92);
}

.header-right {
    display: flex;
    align-items: center;
}
.navbar-collapse-custom {
    /* display: none !important; */
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(0 0 0 / 50%);
    justify-content: space-between;
    padding: 0 100px;
    display: flex;
    align-items: center;
}
.navbar-nav-custom
{
    flex-direction: column !important;
}
.navbar-toggler-close-custom {
    display: block !important;
    position: fixed;
    z-index: 99;
    background: #fff;
    height: 40px;
    width: 40px;
    right: 120px;
    border-radius: 100px;
    text-align: center;
    line-height: 40px;
    padding: 0;
}
.navbar-toggler-custom .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-main
{
    display: flex;
    align-items: center;
    gap: 16px;
}
.navbar-nav-main
{
    gap: 16px;
    flex-wrap: nowrap;
    flex-direction: row;
}
.navbar-nav-main li a
 {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(0 0 0 / 20%);
    height: 40px;
    padding: 0 24px !important;
    line-height: 40px;
    align-items: center;
    border-radius: 100px;
    color: #fff !important;
    font-size: 16px !important;
    box-shadow: 0px 2px 6px -2px rgba(107, 107, 107, 0.5);
}
.navbar-nav-main li a:hover
{
    background-color: rgb(0 0 0);
}
.navbar-nav-main .nav-link.active
 {
    background: #000;
    color: #fff;
}
.navbar-collapse-custom-in
{
display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    height: 100%;
}
.navbar-nav-custom .nav-item a.active {
    color: #fff;
}
.nav-link:focus, .nav-link:hover
{
    text-decoration: none;
    color: #000;
}
.navbar-toggler:focus
{
    background-color: #000;
}
.navbar-toggler:hover
{
    background-color: #000;
}
.nav-social-media {
    float: right;
    margin: 50px 10px 10px 10px;
}
.nav-social-media li a svg {
    width: 40px;
    height: 40px;
}
.nav-social-media li a svg path
{
    fill: #999;
}
.nav-social-media li a svg:hover path
{
    fill: #fff;
}
.hero {
    height: calc(100vh - 0px);
    background: url(../img/slider/slider1.jpg) no-repeat center center / cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    position: relative;
}
.hero:before
{
content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #03A9F4;
    background: linear-gradient(133deg, rgba(3, 169, 244, 0.4) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
}
.btn-borrow-warning {
    color: #333;
    background: #fff;
    border-radius: 50px;
}
.btn-borrow-warning:hover {
    color: #333;
    background: #999;
}
.hero-heading
{}
.hero-heading h1
{
    font-size: 44px;
    font-weight: 400;
    line-height: 52px;
}
.hero-heading h1 b
{
    font-weight: 700;
}
.hero-container {
    position: absolute;
    z-index: 1;
}
.floating-button {
    position: fixed;
    z-index: 999;
    bottom: 120px;
    right: 0;
    left: 0;
}

.floating-inner {
    display: flex;
    justify-content: center;
    width: 100%;
}
.btn-black-floating
{
    background-color: #000;
    color: #fff;
    height: 60px;
    width: 200px;
    border-radius: 50px;
    border: 1px solid #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px 0px 30px;
    text-decoration: none !important;
    font-size: 16px;
    transition: all .2s ease-in-out;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.btn-black-floating:hover
{
    transform: scale(1.05);
    background-color: #fff;
    color: #fff;
    border: 1px solid #fff;
        text-decoration: none !important;
}
.btn-black-floating span
{
    width: 40px;
    height: 40px;
    display: flex;
    background: #fff;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
}
.btn-black-floating:hover span
{
    background-color: #000;
    color: #fff;
    border: 1px solid #333;
}
.btn-black-floating:hover span svg path
{
    fill: #fff;
}
/****/
.gradient-border {
  --borderWidth: 3px;
  background: #000;
  position: relative;
  border-radius: 50px;
}
.gradient-border:after {
    content: '';
    position: absolute;
    top: calc(-1.5 * var(--borderWidth));
    left: calc(-1.5 * var(--borderWidth));
    height: calc(100% + var(--borderWidth) * 3);
    width: calc(100% + var(--borderWidth) * 3);
    background: linear-gradient(60deg, #FFEB3B, #E91E63, #F44336, #9C27B0, #3F51B5, #03A9F4, #4CAF50, #8BC34A);
    border-radius: 50px;
    z-index: -1;
    animation: animatedgradient 3s ease alternate infinite;
    background-size: 300% 300%;
}


@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}




.widget-select select {
    width: 100%;
    height: 50px;
    padding: 10px;
    font-size: 24px;
    font-weight: 600;
    border-radius: 7px;
    border: 0px solid rgba(0, 0, 0, 0.3);
    /* background: #fff !important; */
    box-shadow: none !important;
    /* -webkit-appearance: none; */
    
  -webkit-appearance: none;
  -moz-appearance: none;
    outline: none ! Important;
    color: #000;
    text-align: center;
    line-height: 30px;
}
.hero-heading {
    display: flex;
    align-items: center;
    height: 100%;
}
.hero-inner .hero-heading {
    justify-content: center;
}


.widget-select select.minimal {
    background-image: linear-gradient(45deg, transparent 50%, #808080 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #cccccc00, #cccccc00);
    background-position: calc(100% - 20px) calc(1em + -2px), calc(100% - 15px) calc(20px + 2px), calc(100% - 20px) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

.widget-select select.minimal:focus {
    background-image: linear-gradient(45deg, #000000 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #000000 50%), linear-gradient(to right, #cccccc00, #cccccc00);
    background-position: calc(100% - 15px) 20px, calc(100% - 20px) 20px, calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    /* border-color: green; */
    outline: 0;
}


.btn-black
{
        border: 0px !important; 
background-color: #000;
    color: #fff;
    height: 48px;
    width: auto;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px 0px 30px;
    text-decoration: none !important;
    font-size: 16px;
    gap: 24px;
        transition: all .2s ease-in-out;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.btn-black:hover
{
    transform: scale(1.05);
    background-color: #fff;
    color: #000;
    border: 1px solid #fff;
        text-decoration: none !important;
}
.btn-black span
{
    width: 30px;
    height: 30px;
    display: flex;
    background: #fff;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
}
.btn-black:hover span
{
    background-color: #000;
    color: #fff;
    border: 1px solid #333;
}
.btn-black:hover span svg path
{
    fill: #fff;
}

.btn-white {
    border: 0px !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(255 255 255 / 20%);
    color: #fff;
    height: 48px;
    width: auto;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px 0px 30px;
    text-decoration: none !important;
    font-size: 16px;
    white-space: nowrap;
    gap: 24px;
}
.btn-white:hover
{
    background-color: #fff;
    color: #000;
    border: 1px solid #fff;
        text-decoration: none !important;
}
.btn-white span
{
    width: 30px;
    height: 30px;
    display: flex;
    background: #fff;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
}
.btn-white:hover span
{
    background-color: #000;
    color: #fff;
    border: 1px solid #333;
}
.btn-white:hover span svg path
{
    fill: #fff;
}
.usp-points
{
width: 100%;
    gap: 16px;
    transition: all .2s ease-in-out;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    flex-direction: row;
}
.usp-points:hover
{
    transform: scale(0.94);
}

.widget-box-right
{

}
.widget-box-right ul
{
    margin: 0;
    padding: 0;
    display: flex;
    gap: 16px;
    align-items: center;
}
.widget-box-right ul li
{
    list-style: none;
}

.hero-foot {
position: absolute;
    bottom: 20px;
    width: unset;
    z-index: 1;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(0 0 0 / 20%);
    border-radius: 20px;
    padding: 0px 40px;
}
.thumb-icon {
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
}
.tab-content-hero-col {
    padding: 10px 16px;
    flex-direction: row;
    display: flex;
    align-items: center;
        gap: 16px;
}
.usp-points p
{
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
    text-align: left;
    font-weight: 400;
}
.usp-points-text h6 {
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-bottom: 0px;
}
.usp-points-text h6 i
 {
    font-size: 12px;
}

/**********/

.vertical-section{
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sticky-container main {
overflow-x: hidden;
    display: flex;
    position: sticky;
    top: 100px;
    gap: 16px;
}

.sticky-container section {
    min-width: 300px;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    border-radius: 20px;
        /* transition: all .2s ease-in-out;
    -webkit-transition: all 1s ease;
    transition: all 1s ease; */
}

.sticky-container section:hover {
    /* transform: scale(0.94); */
}
.sticky-image
{
        background-size: cover;
    background-position: center;
}
.sticky-container section:nth-child(even) {
  background-color: teal;
  color: white;
}
.main-title
{
font-size: 64px;
    line-height: 62px;
    font-weight: 400;
}
.main-title b
{
    font-weight: 700;
}
.main-para
{
    font-size: 18px;
    line-height: 24px;
    font-weight: 200;

}
.section-img
{

}
.section-img-in {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
}
.section-img-title {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(0 0 0 / 20%);
    border-radius: 20px;
    padding: 16px;
}
.section-img-title h3
{
    color: #fff;
    margin-bottom: 4px;
        font-size: 16px;
        font-weight: 200;
            line-height: 22px;
}
.section-img-title p
{
color: #fff;
margin-bottom: 0px;
}
.section-img-title h3 b {
    font-weight: 600;
}
.section-video
{
    position: relative;
    min-width: 100%;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    border-radius: 20px;
        transition: all .2s ease-in-out;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.section-video:hover {
    transform: scale(0.94);
}
.background-video {
     position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    border-radius: 20px;
}
.section-video-in {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mama-thumb-icon {
    width: 150px;
    height: 150px;
    text-align: center;
    line-height: 150px;
}
.section-video-full {
    position: relative;
    min-width: 100%;
    min-height: 560px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    border-radius: 20px;
}
.background-full-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    border-radius: 20px;
}
.why-choose-monzi
{
    /* height: calc(100vh - 0px); */
}

.tab-mama-content-item h4
{
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
}
.tab-mama-content-item p
{
    color: #fff;
    font-size: 18px;
    line-height: 26px;

}
.section-full-video
{
    position: relative;
    min-width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    border-radius: 20px;
}
.card-products {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(255 255 255 / 50%);
    padding: 16px 24px;
    border-radius: 20px;
    height: 100%;
        min-height: 250px;
    display: flex;
    justify-content: space-between;
        transition: all .2s ease-in-out;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.card-products:hover {
    transform: scale(0.94);
}
.card-products img {
    width: 64px;
}

.tab-content-apply-col {
    padding: 40px 0px;
    flex-direction: column;
    display: flex;
    align-items: center;
}

.apply-points p
{
    font-size: 16px;
    line-height: 24px;
}
.thumb-text
{

}
.apply-points h2
{
    color: #9E9E9E;
    margin-bottom: 0;
    font-size: 72px;
    opacity: 0.4;
}
.apply-points h3
{
    color:#fff;
    font-size: 32px;
}
.apply-points p
{
    color:#fff;
}

.tab-content-apply-col
{

}
.tab-content-apply-col .apply-points
{
    border-bottom: 1px solid rgba(234, 234, 234, 0.2);
    padding-bottom: 24px;
    padding-top: 24px;
        transition: all .2s ease-in-out;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.tab-content-apply-col .apply-points:hover {
    transform: scale(0.94);
}
.tab-content-apply-col .apply-points:last-child
{
    border-bottom: 0px solid rgba(234, 234, 234, 0.2);
}


/*************/
.hero.hero-inner {
    background: transparent;
    height: auto;
}
.hero-inner .hero-container {
    position: unset;
    margin-top: 80px;
}
.widget-box {
    max-width: 600px;
    margin: auto;
}

.hero-inner .hero-heading h2
{
    color: #000;
    margin-bottom: 24px;
    font-size: 48px;
}

.section-img-box-wrap
{
    display: grid;
    gap: 24px;
}

.section-img-box
{
    height: 400px;
    border-radius: 20px;
    background-position: center;
    background-size: cover;
    transition: all .2s ease-in-out;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.section-img-box:hover
{
    transform: scale(0.94);
}
.how-it-works
{
    position: relative;
    background-position: center;
    background-size: cover;
}
.how-it-works:before {
content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #F44336;
    background: linear-gradient(133deg, rgba(244, 67, 54, 0.7) 0%, rgba(244, 67, 54, 0) 100%);
}
.how-it-works .container
{
    z-index: 2;
    position: relative;
}
.section-img-box-title {
    position: relative;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(0 0 0 / 20%);
    border-radius: 20px;
    padding: 32px;
    height: 300px;
    transition: all .2s ease-in-out;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.section-img-box-title:hover
{
    transform: scale(0.94);
}
.section-img-box-title h3
{
    color: #fff;
    margin-bottom: 4px;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}
.section-img-box-title p
{
    color: #fff;
    margin-bottom: 0px;
    font-size: 16px;
}
.section-img-box-title:before {
    position: absolute;
    bottom: 0;
    right: 10px;
    z-index: -1;
    font-weight: 900;
    font-size: 120px;
    line-height: 140px;
    opacity: 0.3;
}
.section-img-box-1:before
{
    content: '01';
}
.section-img-box-2:before
{
    content: '02';
}
.section-img-box-3:before
{
    content: '03';
}
.thumb-image-box {
    position: absolute;
    bottom: 0;
}
.fast-loans
{
    padding-bottom: 0px;
    padding-top: 0;
    height: calc(100vh - 0px);
}

.thumb-image-wrap
{
    padding-bottom: 0px;
    height: calc(100vh - 0px);
    display: flex;
    align-items: flex-end;
}
.thumb-image-content {
    display: flex;
    height: 100%;
    align-items: center;
}


/******************/

.about-us
{
    position: relative;
    background-position: center;
    background-size: cover;
}
.about-us:before {
content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #005F02;
    background: linear-gradient(133deg, rgba(0, 95, 2, 0.7) 0%, rgba(0, 95, 2, 0) 100%);
}
.about-us .container
{
    z-index: 2;
    position: relative;
}
.hero-inner .widget-box-foot {
    display: none;
}

.section-about-img-box {
    height: 100%;
    border-radius: 20px;
    background-position: center;
    background-size: cover;
    transition: all .2s ease-in-out;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.section-about-img-box:hover
{
    transform: scale(0.94);
}


.section-about-img-box-title {
    position: relative;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(0 0 0 / 20%);
    border-radius: 20px;
    padding: 32px;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all .2s ease-in-out;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.section-about-img-box-title:hover
{
    transform: scale(0.94);
}
.section-about-img-box-title h3
{
    color: #fff;
    margin-bottom: 4px;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}
.section-about-img-box-title p
{
    color: #fff;
    margin-bottom: 0px;
    font-size: 14px;
}
.section-about-img-box-title img
{
    width: 96px;
    height:96px;
    opacity: 0.6;
}
.about-us-row
{
    align-items: stretch;
}
.SAIBT
{
    min-height: 400px;
}

.section-wht-WD-img-wrap {
    position: relative;
    min-width: 100%;
    min-height: 560px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    border-radius: 20px;
    background-size: cover !important;
    background-position: center !important;
    transition: all .2s ease-in-out;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.section-wht-WD-img-wrap:hover
{
    transform: scale(0.94);
}

.section-wht-WD-img
 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-img-wht-WD-title
{
        position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(0 0 0 / 20%);
    border-radius: 20px;
    padding: 16px;
}
.section-img-wht-WD-title h3
{
        color: #fff;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 200;
    line-height: 22px;
}
.section-img-wht-WD-title p
{
        color: #fff;
    margin-bottom: 0px;
}
.section-wht-WD-img-wrap img 
{

}

/**********/
.nav-tabs-faq {
    gap: 16px;
    border-bottom: 0px;
    justify-content: center;
}
.nav-tabs-faq button{
    flex-grow: 0;
}
      
.nav-tabs .nav-link
 {
    border-radius: 20px;
    background: rgb(255, 255, 255, 1);
    height: auto;
    color: #000000;
    padding: 24px;
    border: 0px; 
    transition: all .2s ease-in-out;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.nav-tabs .nav-link:hover {
    transform: scale(0.94);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-radius: 20px;
    background: #000;
    height: auto;
    color: #fff;
    padding: 24px;
    border: 0px;
        opacity:1;
}
.tab-content-faq
{
    background: transparent;
    border-radius: 30px;
    border: 0 !important;
}
.nav-tabs-faq .nav-link.active {
    border-radius: 50px;
    background: #fff;
    color: #000000;
}
.nav-tabs-faq .nav-link {
    opacity: 1;
    border-radius: 50px;
    height: 50px !important;
    line-height: 50px;
    padding: 0px 24px !important;
    background: #222;
    color: #fff;
}


.nav-tabs-faq .nav-link.active
{
    border-radius: 50px;
}
.modal-body-wrap
{
    display: flex;
    flex-direction: row;
    width: 100%;
        gap: 32px;
}
.modal-body-left {
/* height: 400px; */
    border-radius: 20px;
    background-position: center;
    background-size: cover;
    width: 320px;
    display: flex
;
}
.modal-body-right
{
    width: -webkit-fill-available;
    display: flex;
    flex-direction: column;
}
.modal-body-custom
{
    padding: 32px;
    border-radius: 20px;
}

.modal-borrow 
{

}

.modal-close-btn
{
    border-radius: 50px;
    padding: 8px 32px;
}
.modal-close-btn:hover
{
background: #333;
color: #fff;
}
.modal-body-right
{}
.modal-body-right ul
{
    margin: 0;
    padding: 0;
}
.modal-body-right ul li
{
        list-style: none;
    background: #efefef;
    padding: 16px;
    font-size: 14px;
    margin-bottom: 8px;
    border-radius: 10px;
}
.modal-body-right p
{
color: #000;
}

.contact-container-image {
min-width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    border-radius: 20px;
    position: relative;
    background-position: center;
    background-size: cover;
    background-position: center !important;
}

.contact-img-in
{
    display: flex;
    height: 100px;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    padding-right: 10px;
    transition: all .2s ease-in-out;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.contact-img-in:hover
{
    transform: scale(0.94);
}
.contact-img-title {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(0 0 0 / 20%);
    border-radius: 20px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
}
.contact-img-title h3 {
    color: #fff;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 200;
    line-height: 22px;
}
.contact-thumb-icon {
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    opacity: 0.6;
}
.contact-thumb-icon img {
    width: 64px;
    max-width: 64px;
}
.flex-col-contact-right {
    flex-direction: column;
    gap: 16px;
}


/************/

.scroller[data-animated="true"] {
  overflow: hidden;
  /* -webkit-mask: linear-gradient(
    90deg,
    transparent,
    white 20%,
    white 80%,
    transparent
  );
  mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent); */
}

.scroller[data-animated="true"] .scroller__inner {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
}

.scroller[data-direction="right"] {
  --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
  --_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
  --_animation-duration: 20s;
}

.scroller[data-speed="slow"] {
  --_animation-duration: 60s;
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}
    .sticky-container section {
    min-width: 100%;
    min-height: 400px;
    }

   .why-choose-monzi .slider-wrapper .swiper-pagination-bullet {
    background: #ffffff;
}

.tab-content-hero-review
{
    margin-top: 8px;
}
.hero-review-box
{
        max-width: 100%;
-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgb(0 0 0 / 30%);
    margin: auto;
    border-radius: 20px;
}
.default-pager-iiner
{

}
.default-pager-iiner h1 {
    font-weight: 600;
    font-size: 44px;
    line-height: 52px;
}
.default-pager-iiner h2 {
    font-size: 28px;
    line-height: 36px;
}
.default-pager-iiner h3 {
    font-size: 22px;
    line-height: 30px;
}
.default-pager-iiner ul li {
    line-height: 22px;
    font-size: 14px;
    font-weight: 200;
}
#provesrc-notification-container .bubble-body
{
    border: 0px !important;
}