a:hover,
a:link,
a:visited {
    text-decoration: none
}

body,
ol,
ul {
    padding: 0;
    margin: 0
}

.circle-text,
.common-heading,
.service-box,
.testi-box {
    text-align: center
}

.back-to-top,
.go-top,
footer {
    background: linear-gradient(116deg, #ed2424 0, #f26622 100%) no-repeat padding-box
}

.compare-loan-1 .modal-body .thnks-box input,
input,
select {
    height: 4rem
}

header li.nav-item {
    position: relative;
    margin: 0 0 0 30px
}

.error,
form .error {
    color: red
}

header li.nav-item .nav-link.active::after,
header li.nav-item.active::after {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 0;
    content: ' ';
    height: .2rem;
    background-color: var(--color-orange)
}

:root {
    --text-light: #FFFFFF;
    --text-primary: #333333;
    --text-secondary: #212121DE;
    --color-orange: #F15F22;
    --bg-light-one: #EEEEEE;
    --bg-border: #CCCCCC;
    --color: #376AB3;
    --text-one: #707070;
    --box-shadow: #00000029;
    --hover-text: #FFFFFFDE;
    --color-orange-one: #F26622;
    --text-yellow: #FBFB67;
    --scrollbarBG: transparent;
    --thumbBG: transparent
}

html {
    font-size: 62.5%
}

body {
    background: var(--text-light) 0 0 no-repeat padding-box;
    border: 0;
    top: 0 !important;
    font-family: 'Work Sans', sans-serif;
    -webkit-text-size-adjust: auto
}

.service-box .service-text,
a,
body,
p {
    font-size: 1.6rem !important
}

.file-upload label .border-bottom-1 p span,
input,
select {
    font-size: 1.2rem
}

a {
    color: inherit;
    transition: .2s
}

a:hover {
    color: var(--text-color-dark)
}

section {
    overflow: hidden
}

.back-to-top,
.go-top {
    position: fixed;
    display: none;
    border: .1rem solid var(--bg-color-main);
    color: var(--text-color-secondary);
    width: 4.4rem;
    height: 4.4rem;
    text-align: center;
    line-height: 1;
    font-size: 1.6rem;
    border-radius: 50%;
    right: 1.5rem;
    bottom: 1.5rem;
    transition: .5s;
    z-index: 10002;
    box-shadow: 0 .1rem .5rem 0 var(--box-shadow)
}

.back-to-top i,
.go-top i {
    padding-top: 1.2rem;
    color: var(--text-light)
}

.hero-section p,
.hero-section-container h1 span {
    color: var(--text-color-secondary)
}

input::placeholder,
optgroup,
select,
textarea::placeholder {
    font-size: 1.4rem !important
}

.common-heading {
    color: var(--text-color-dark);
    font-size: 3.5rem;
    font-weight: 700
}

.hire-team-fixed-tab {
    position: fixed;
    top: 43%;
    right: 0;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: flex-end
}

.accordion,
.element-container,
.image1,
.img-cont-1,
.service-box-1,
.service-section,
.test,
header li.nav-item .nav-link {
    position: relative
}

.hire-team-fixed-tab .details-1,
.hire-team-fixed-tab .details-2 {
    background-color: var(--color);
    border: .1rem solid #fff;
    border-right: none;
    padding: 1rem;
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem;
    box-shadow: 0 0 .3rem rgb(255 255 255 / 40%);
    overflow: hidden;
    min-height: 3rem;
    transition: .5s
}

.hire-team-fixed-tab .details-1:hover,
.hire-team-fixed-tab .details-2:hover {
    background-color: var(--color-orange);
    transition: .3s
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after,
.after-hover,
.dropdown-menu-1,
.faq .accordion-button .before,
.faq .accordion-button.collapsed .after,
.hire-team-fixed-tab .details-1 span,
.hire-team-fixed-tab .details-2 span,
.owl-dots,
.service-box:hover .before-hover {
    display: none
}

.hire-team-fixed-tab .details-1:hover span,
.hire-team-fixed-tab .details-2:hover span {
    display: inline-block;
    font-size: 1rem;
    color: var(--text-light);
    transition: .5s;
    margin-left: .5rem
}

.details img {
    width: 2.8rem
}

header li.nav-item .nav-link span {
    color: var(--color-orange);
    font-weight: 700
}

header .dropdown-item:focus,
header .dropdown-item:hover {
    color: #1e2125;
    background-color: #fac4aa
}

.tc-button {
    color: #376ab3;
    font-weight: 900;
    text-decoration: underline
}

.navbar-expand-lg .navbar-nav .dropdown-menu.show {
    top: 80%
}

.dropdown-menu-1.show-1 {
    display: block;
    background: #f8f9fa;
    border: none
}

.hero-section.hero-1 {
    background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/hero-1.webp) 50% 50%/cover no-repeat;
    min-height: 90vh
}

.hero-heading strong {
    font-weight: 600 !important
}

.img-cont-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.image1 {
    left: -2rem;
    top: 10rem;
    width: 44rem
}

.image2 {
    position: absolute;
    bottom: -8rem;
    right: -7.1rem !important;
    display: flex;
    justify-content: center;
    width: 68rem
}

.before-hover,
.otp-form input,
.service-box:hover .after-hover {
    display: inline-block
}

.hero-section-text-container {
    margin: 9rem 0 0 .6rem;
    position: relative
}

.hero-element-img-top {
    position: absolute;
    top: -1rem;
    left: -2rem
}

.glow {
    border-radius: 100%;
    animation: 1s ease-in-out infinite alternate glow
}

@-webkit-keyframes glow {
    from {
        box-shadow: 0 0 1rem #fef0e9, 0 0 2rem #fef0e9, 0 0 3rem #f69464, 0 0 4rem #f69464, 0 0 5rem #f69464, 0 0 6rem #f69464, 0 0 7rem #f69464
    }

    to {
        box-shadow: 0 0 2rem #fef0e9, 0 0 3rem #fbd1bd, 0 0 4rem #fbd1bd, 0 0 5rem #fbd1bd, 0 0 6rem #fbd1bd, 0 0 7rem #fbd1bd, 0 0 8rem #fbd1bd
    }
}

.hero-element-img-bottom {
    position: absolute;
    bottom: -4rem;
    right: 12rem
}

.hero-section p {
    font-size: 1.6rem !important;
    margin: 1.5rem 0
}

.hero-section h1 {
    color: var(--text-color-primary);
    font-size: 4rem
}

.apply-btn {
    background: var(--color-orange);
    padding: 1.3rem;
    font-size: 1.6rem;
    color: var(--text-light);
    width: 163px;
    height: 50px
}

.apply-btn:hover,
.btn-emi:hover,
.more-service:hover {
    background: var(--color-orange-one);
    color: var(--text-light)
}

.compare-loan .nav-pills .nav-link.active:after,
.service-box:hover {
    background-color: var(--color-orange);
    background-color: var(--color-orange)
}

.element-img {
    position: absolute;
    top: -2rem;
    left: -2rem;
    z-index: -1
}

.service-box {
    padding: 4rem 2.5rem;
    background-color: var(--text-light);
    box-shadow: 0 0 3.5rem #00000026;
    border-radius: 1rem;
    height: 100%
}

.service-box .service-title {
    font-size: 2rem !important
}

.service-box:hover {
    transition: .3s
}

.service-box:hover .service-text,
.service-box:hover .service-title {
    color: var(--hover-text);
    transition: .3s
}

.service-more {
    color: var(--color-orange);
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-emi,
.more-service {
    color: var(--text-light)
}

.service-box:hover .service-more {
    color: var(--text-light);
    transition: .3s
}

.more-service {
    background: var(--color-orange);
    padding: 1.2rem;
    font-size: 1.6rem;
    border-radius: .6rem;
    width: 163px;
    height: 50px
}

.EMI-container {
    background-color: var(--bg-light-one);
    padding: 6rem 0
}

.emi-box,
.emi-box .form-control,
.exclusive-service .services-card {
    background-color: var(--text-light)
}

.emi-box {
    padding: 1.8rem 4rem 4rem;
    box-shadow: 0 0 1rem #00000029;
    border-radius: 1rem
}

.emi-box span.emi-heading {
    font-size: 2.4rem;
    font-weight: 700
}

.emi-box .form-control {
    border: .1rem solid #ccc;
    height: 4.5rem;
    border-radius: .6rem;
    font-size: 1.6rem;
    color: #999
}

.btn-emi {
    background: var(--color-orange);
    padding: 1.5rem;
    font-size: 1.6rem;
    border-radius: .6rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.emi-box .border-left {
    border-left: 2px dashed var(--bg-border);
    padding: 1rem 1rem 1rem 2rem
}

.emi-box .orange-text {
    color: var(--color-orange);
    font-size: 1.6rem;
    display: block
}

.emi-box .dark-text,
.service-text,
.service-title {
    color: var(--text-primary)
}

.emi-box .dark-text {
    font-size: 2rem;
    font-weight: 700
}

.exclusive-service {
    padding: 5rem 0;
    position: relative
}

.service-card-1 {
    position: relative;
    overflow: visible !important
}

.element-img-1 {
    position: absolute;
    top: -3rem;
    right: -3rem;
    z-index: -1
}

.exclusive-service .services-card {
    box-shadow: 0 0 35px #00000029;
    padding: 0;
    border-radius: 2rem;
    overflow: hidden;
    border: none
}

.services-body {
    padding: 1.5rem 2.5rem 2.5rem
}

.service-title {
    font-size: 3rem;
    font-weight: 700
}

.service-text {
    font-size: 1.6rem
}

.heading,
.small-heading {
    color: var(--text-light)
}

.offer-content.position-absolute {
    top: 0;
    left: 0;
    right: 0;
    padding: 7rem 5.9rem
}

.small-heading {
    font-size: 2.4rem
}

.heading {
    font-size: 3rem;
    font-weight: 400
}

.call,
.heading span,
.text-call {
    font-weight: 700
}

.heading span {
    font-size: 5rem;
    color: var(--text-yellow)
}

.circle-text .rate,
.circle-text .text,
.table-top p {
    color: var(--text-light);
    margin: 0
}

.pd-r {
    padding-right: 7rem
}

.circle-text {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.circle-text .rate {
    font-size: 3rem !important
}

.text-call {
    font-size: 2rem !important;
    margin: 0
}

.call {
    font-size: 2.5rem !important;
    margin: 0
}

.offer-section .offer-img {
    width: 100%
}

.compare-loan {
    padding: 5rem 0;
    background-color: var(--bg-light-one)
}

.table-bottom,
.table-top {
    padding: 1.2rem;
    border-radius: 1rem !important
}

.compare-loan #pills-tab {
    display: flex;
    justify-content: space-between
}

.compare-loan .nav-ul-container {
    position: relative !important
}

.compare-loan .border-bottom {
    position: absolute;
    left: 0;
    right: 0
}

.compare-loan .nav-link {
    color: var(--text-primary);
    font-weight: 400
}

.compare-loan .nav-pills .nav-link.active,
.compare-loan .nav-pills .show>.nav-link {
    color: var(--text-primary);
    background-color: transparent;
    font-weight: 700;
    position: relative
}

.compare-loan .nav-pills .nav-link.active:after {
    position: absolute;
    content: '';
    width: 100%;
    left: 0;
    right: 0;
    bottom: -11px;
    height: .2rem
}

.table-top {
    background-color: var(--color)
}

.table-top p {
    font-weight: 700
}

.table-bottom {
    background-color: var(--text-light);
    margin-top: 2rem
}

.table-bottom p {
    font-size: 1.4rem !important;
    font-weight: 700
}

.heading-1 {
    font-size: 4rem;
    font-weight: 700
}

.benifits-title,
.blog-title,
.testi-box .name {
    font-size: 2rem;
    font-weight: 700
}

.blog-date span,
.read-more {
    font-size: 1.4rem;
    color: var(--color-orange)
}

.testimonial-element-img {
    position: absolute;
    bottom: 56px;
    left: -8px;
    z-index: -1
}

.testi-box,
.testimonial,
.why-choose {
    position: relative
}

.testimonial-element-img img {
    transform: rotate(270deg)
}

.margin-top {
    /* margin-top: 22rem !important; */
}

.margin-top.home-test {
    margin-top: 15rem
}

.testimonial {
    background:#f04e22;
    padding: 2rem;
    overflow: visible
}

.testi-box {
    background: var(--text-light) 0 0 no-repeat padding-box;
    box-shadow: 0 0 1rem #0000001a;
    border-radius: 1rem;
    margin: 2rem;
    padding: 4rem 2rem 2rem;
    height: 35rem
}

.testi-box .mr-t {
    position: absolute;
    top: -3rem;
    margin: auto;
    left: 0;
    right: 0
}

.testi-box .avtar {
    max-width: 7rem
}

.testi-box .blue-text {
    color: var(--color);
    font-size: 1.6rem
}

.testi-box .quote {
    max-width: 2rem
}

.news-letters,
.testimonial .owl-stage-outer {
    padding: 5rem 0
}

#customers-testimonials .box {
    opacity: .2;
    transform: scale3d(.8, .8, 1);
    -webkit-transform: scale3d(.8, .8, 1);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out
}

#customers-testimonials .owl-item.active.center .box {
    opacity: 1;
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1)
}

.blog-section {
    background-color: var(--bg-light-one);
    padding: 3rem 0
}

.blog-card {
    background-color: var(--text-light);
    box-shadow: 0 0 1rem #00000029;
    padding: 0 !important;
    border-radius: 1.2rem;
    overflow: hidden;
    border: none;
    height: 100%
}

.form-1,
.form-2,
.loans-section {
    overflow: visible
}

.blog-card .card-body {
    padding: 1rem 2rem 2rem
}

.blog-date span {
    font-weight: 700
}

.read-more {
    background-color: transparent
}

.brand,
footer hr {
    background-color: var(--text-light)
}

.read-more:hover {
    color: var(--color-orange-one);
    transition: .3s
}

.brand {
    padding: 0 0 4rem
}

.brand .item .slider-img-container {
    background: no-repeat padding-box #fff;
    box-shadow: 0 0 1.5rem #00000029;
    border-radius: .5rem;
    padding: 2rem 1rem;
    margin: 1rem;
    height: 12rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.brand .owl-nav.disabled {
    display: block !important;
    z-index: -1
}

.brand .owl-nav {
    position: absolute;
    top: 20%;
    left: -15px;
    right: -15px;
    z-index: -1
}

.brand .owl-nav .owl-next {
    position: absolute;
    right: 0
}

.brand .owl-nav span {
    font-size: 4rem !important
}

.brand .owl-nav .owl-next,
.brand .owl-nav .owl-prev {
    color: var(--bg-light-one);
    opacity: .5
}

.brand .owl-nav .owl-next:hover,
.brand .owl-nav .owl-prev:hover {
    color: var(--color-orange);
    opacity: 1
}

.news-letters h3 {
    color: var(--text-primary);
    font-size: 3rem;
    text-transform: capitalize
}

.news-letters .form-control {
    background: no-repeat padding-box #fff;
    border: .1rem solid #ccc;
    border-radius: .5rem !important;
    color: var(--text-one);
    height: 5rem
}

.news-letters .input-group-text {
    background-color: var(--color);
    padding: .6rem 2rem;
    font-size: 1.6rem;
    border-radius: 1rem !important;
    color: var(--text-light)
}

.accordion-button:not(.collapsed),
.faq-heading {
    color: var(--text-color-primary) !important
}

footer ul {
    list-style: none;
    padding: 0;
    margin: 0
}

footer address,
footer p,
footer ul li a {
    font-size: 1.4rem !important;
    line-height: 3rem;
    color: var(--text-light);
    margin: .5rem 0
}

footer ul li a:hover {
    color: var(--text-light)
}

footer .footer-heading {
    font-size: 1.6rem;
    font-weight: 600;
    display: inline-block;
    position: relative;
    color: var(--text-light)
}

.breadcrumb-item+.breadcrumb-item::before,
footer .copyright-text {
    color: var(--text-light);
    font-size: 1.4rem
}

footer hr {
    height: .2rem !important
}

.icons {
    margin: 0 .5rem
}

.about-section {
    background: url(../../images/about.jpg) 50%/cover no-repeat;
    height: 25rem;
    position: relative;
    z-index: 1;
}

.about-section::before
{
    content: '';
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    background: #000000b5;
}
.vision-mission,
.why-choose {
    background-color: var(--bg-light-one)
}

.about-section p {
    color: var(--text-secondary);
    font-weight: 400
}

.why-choose {
    padding: 5rem 0
}

.why-choose h3 {
    font-weight: 700;
    color: var(--text-primary);
    margin-top: 1rem
}

.why-choose .element-img {
    position: absolute;
    top: 2rem;
    left: 2%;
    z-index: 1
}

.team .team-img {
    height: 23rem;
    overflow: hidden
}

.team .team-text h4 {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0
}

.faq-para,
.team .team-text p {
    font-size: 1.4rem !important
}

.team .team-text p {
    font-weight: 400;
    color: var(--color)
}

.vision-mission {
    padding: 3rem
}

.vision-box {
    background: var(--text-light) 0 0 no-repeat padding-box;
    box-shadow: 0 0 3.5rem #0000001A;
    border-radius: 1rem;
    padding: 3rem;
    height: 100%
}

.vision-box p {
    font-weight: 300;
    font-size: 1.5rem !important;
    margin-top: 1.5rem
}

.light-bg {
    background-color: var(--bg-light-one)
}

.faq .accordion-item {
    background-color: transparent;
    border: none;
    height: 100%
}

.faq .accordion-header {
    background-color: var(--text-light)
}

.compare-loan-1 .modal-content,
.faq .accordion-button,
.file-upload label .border-bottom-1 {
    box-shadow: none;
    background-color: transparent;
    outline: 0
}

.accordion-collapse.collapse.show .accordion-body {
    background-color: var(--text-light);
    transition: none
}

.faq .accordion-button {
    transition: none;
    border: none
}

.contact-box,
.partner-box,
.thnks-box {
    box-shadow: 0 0 3.5rem #00000026;
    border-radius: 1rem;
    text-align: center
}

.faq i {
    color: var(--color-orange);
    font-size: 2rem
}

.faq-heading {
    font-weight: 700;
    padding-right: 1.1rem
}

.faq .accordion-button.collapsed .before {
    position: absolute;
    right: .8rem;
    display: block
}

.faq .accordion-button .after {
    display: block;
    position: absolute;
    right: .8rem
}

.faq-element-img-1 {
    position: absolute;
    left: -1.7rem;
    top: -1rem
}

.faq-element-img-2 {
    position: absolute;
    transform: rotate(180deg);
    right: -1.7rem;
    bottom: -2rem
}

.why-element-img-1 {
    position: absolute;
    top: 0;
    left: 0
}

.contact-section {
    background: url(../../images/banner-contact.jpg) 50%/cover no-repeat;
    height: 35rem;
    position: relative;
    z-index: 1;
}
.contact-section::before
{
    content: '';
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    background: #000000b5;
}
.form-1 {
    background-color: var(--bg-light-one);
    /* height: 40rem; */
    position: relative
}

.nagetive-margin {
    /* position: absolute; */
    padding-top: 4rem;
    padding-bottom: 4rem;
    right: 0
}

.file-upload,
.form-2,
.loans-section,
.thnks-box {
    position: relative
}

.contact-box {
    padding: 4rem;
    background-color: var(--text-light);
    height: 100%
}

.contact-box .image {
    height: 5rem
}

.contact-box .title {
    font-weight: 700;
    font-size: 2.4rem
}

.contact-box input,
.contact-box textarea,
.partner-box input,
.partner-box textarea {
    height: 4.3rem;
    border-radius: .5rem
}

.partner-section {
    background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/our-partners.webp) 50%/cover no-repeat;
    height: 35rem
}

.partner-box {
    padding: 2rem 1rem;
    background-color: var(--text-light);
    height: 8rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

img.img-fluid.partner-img {
    max-width: 100%;
    max-height: 100%;
}

.partner-box-1 {
    height: auto !important
}

.form-2 {
    background-color: var(--bg-light-one);
    height: 47rem
}

.thnks-box {
    padding: 4rem;
    background-color: var(--text-light);
    height: 100%
}

.upload-box,
.upload-doc-container {
    background: var(--text-light) 0 0 no-repeat padding-box
}

.compare-loan-1 .modal-content {
    border: none
}

.compare-loan-1 .modal-body .thnks-box {
    padding: 5rem
}

.compare-loan-1 .modal-body .btn-close {
    top: 1.1rem;
    position: absolute;
    right: 1rem
}

.otp-form input {
    width: 5rem;
    height: 3.3rem;
    text-align: center;
    border: .1rem solid var(--bg-border);
    outline: 0;
    box-shadow: none;
    border-radius: .5rem;
    margin: 0 .3rem
}

.input-1 input,
.input-1 select,
.upload-box {
    border: .1rem solid var(--bg-border);
    box-shadow: 0 0 3.5rem #0000001A
}

.reset-color {
    color: var(--color-orange);
    font-weight: 600
}

.upload-box {
    padding: .5rem 1rem
}

.file-upload {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    z-index: 1
}

.file-upload>input[type=file] {
    display: none;
    width: 100%
}

.file-upload label {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.file-upload label .border-bottom-1 {
    border: none;
    border-bottom: .2rem solid var(--color-orange);
    border-radius: 0;
    height: 3.5rem;
    z-index: -1;
    font-size: 1rem !important;
    width: 100%
}

.file-upload label .border-bottom-1 p {
    font-size: 1.5rem !important;
    color: var(--text-one);
    line-height: 1
}

.file-upload .upload-circle {
    width: 4rem;
    height: 3rem;
    padding: .5rem;
    border-radius: 50%;
    background-color: var(--color-orange);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 1rem
}

.upload-doc-container {
    box-shadow: 0 0 3.5rem #0000001A;
    border: .1rem solid var(--bg-border);
    padding: 2rem;
    border-radius: .5rem
}

input,
input:focus,
input:hover {
    box-shadow: none !important;
    outline: 0 !important
}

.e-range:focus,
.loan-amount,
.loan-amount:focus,
.loan-amount:hover {
    outline: 0
}

.e-range {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    margin: 0;
    height: 2rem;
    overflow: hidden;
    border-radius: .5rem !important;
    cursor: pointer
}

.e-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 1rem;
    border-radius: .5rem !important;
    background: linear-gradient(to bottom, var(--color-orange), var(--color-orange)) 100% 50%/100% 1rem no-repeat transparent
}

.e-range::-webkit-slider-thumb {
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    height: 2rem;
    width: 2rem;
    background: var(--text-light) !important;
    border-radius: 100%;
    border: .3rem solid var(--color-orange);
    top: 50%;
    margin-top: -1rem;
    box-shadow: 1px 0 0 -5px var(--bg-border), 2px 0 0 -5px var(--bg-border), 3px 0 0 -5px var(--bg-border), 4px 0 0 -5px var(--bg-border), 5px 0 0 -5px var(--bg-border), 6px 0 0 -5px var(--bg-border), 7px 0 0 -5px var(--bg-border), 8px 0 0 -5px var(--bg-border), 9px 0 0 -5px var(--bg-border), 10px 0 0 -5px var(--bg-border), 11px 0 0 -5px var(--bg-border), 12px 0 0 -5px var(--bg-border), 13px 0 0 -5px var(--bg-border), 14px 0 0 -5px var(--bg-border), 15px 0 0 -5px var(--bg-border), 16px 0 0 -5px var(--bg-border), 17px 0 0 -5px var(--bg-border), 18px 0 0 -5px var(--bg-border), 19px 0 0 -5px var(--bg-border), 20px 0 0 -5px var(--bg-border), 21px 0 0 -5px var(--bg-border), 22px 0 0 -5px var(--bg-border), 23px 0 0 -5px var(--bg-border), 24px 0 0 -5px var(--bg-border), 25px 0 0 -5px var(--bg-border), 26px 0 0 -5px var(--bg-border), 27px 0 0 -5px var(--bg-border), 28px 0 0 -5px var(--bg-border), 29px 0 0 -5px var(--bg-border), 30px 0 0 -5px var(--bg-border), 31px 0 0 -5px var(--bg-border), 32px 0 0 -5px var(--bg-border), 33px 0 0 -5px var(--bg-border), 34px 0 0 -5px var(--bg-border), 35px 0 0 -5px var(--bg-border), 36px 0 0 -5px var(--bg-border), 37px 0 0 -5px var(--bg-border), 38px 0 0 -5px var(--bg-border), 39px 0 0 -5px var(--bg-border), 40px 0 0 -5px var(--bg-border), 41px 0 0 -5px var(--bg-border), 42px 0 0 -5px var(--bg-border), 43px 0 0 -5px var(--bg-border), 44px 0 0 -5px var(--bg-border), 45px 0 0 -5px var(--bg-border), 46px 0 0 -5px var(--bg-border), 47px 0 0 -5px var(--bg-border), 48px 0 0 -5px var(--bg-border), 49px 0 0 -5px var(--bg-border), 50px 0 0 -5px var(--bg-border), 51px 0 0 -5px var(--bg-border), 52px 0 0 -5px var(--bg-border), 53px 0 0 -5px var(--bg-border), 54px 0 0 -5px var(--bg-border), 55px 0 0 -5px var(--bg-border), 56px 0 0 -5px var(--bg-border), 57px 0 0 -5px var(--bg-border), 58px 0 0 -5px var(--bg-border), 59px 0 0 -5px var(--bg-border), 60px 0 0 -5px var(--bg-border), 61px 0 0 -5px var(--bg-border), 62px 0 0 -5px var(--bg-border), 63px 0 0 -5px var(--bg-border), 64px 0 0 -5px var(--bg-border), 65px 0 0 -5px var(--bg-border), 66px 0 0 -5px var(--bg-border), 67px 0 0 -5px var(--bg-border), 68px 0 0 -5px var(--bg-border), 69px 0 0 -5px var(--bg-border), 70px 0 0 -5px var(--bg-border), 71px 0 0 -5px var(--bg-border), 72px 0 0 -5px var(--bg-border), 73px 0 0 -5px var(--bg-border), 74px 0 0 -5px var(--bg-border), 75px 0 0 -5px var(--bg-border), 76px 0 0 -5px var(--bg-border), 77px 0 0 -5px var(--bg-border), 78px 0 0 -5px var(--bg-border), 79px 0 0 -5px var(--bg-border), 80px 0 0 -5px var(--bg-border), 81px 0 0 -5px var(--bg-border), 82px 0 0 -5px var(--bg-border), 83px 0 0 -5px var(--bg-border), 84px 0 0 -5px var(--bg-border), 85px 0 0 -5px var(--bg-border), 86px 0 0 -5px var(--bg-border), 87px 0 0 -5px var(--bg-border), 88px 0 0 -5px var(--bg-border), 89px 0 0 -5px var(--bg-border), 90px 0 0 -5px var(--bg-border), 91px 0 0 -5px var(--bg-border), 92px 0 0 -5px var(--bg-border), 93px 0 0 -5px var(--bg-border), 94px 0 0 -5px var(--bg-border), 95px 0 0 -5px var(--bg-border), 96px 0 0 -5px var(--bg-border), 97px 0 0 -5px var(--bg-border), 98px 0 0 -5px var(--bg-border), 99px 0 0 -5px var(--bg-border), 100px 0 0 -5px var(--bg-border), 101px 0 0 -5px var(--bg-border), 102px 0 0 -5px var(--bg-border), 103px 0 0 -5px var(--bg-border), 104px 0 0 -5px var(--bg-border), 105px 0 0 -5px var(--bg-border), 106px 0 0 -5px var(--bg-border), 107px 0 0 -5px var(--bg-border), 108px 0 0 -5px var(--bg-border), 109px 0 0 -5px var(--bg-border), 110px 0 0 -5px var(--bg-border), 111px 0 0 -5px var(--bg-border), 112px 0 0 -5px var(--bg-border), 113px 0 0 -5px var(--bg-border), 114px 0 0 -5px var(--bg-border), 115px 0 0 -5px var(--bg-border), 116px 0 0 -5px var(--bg-border), 117px 0 0 -5px var(--bg-border), 118px 0 0 -5px var(--bg-border), 119px 0 0 -5px var(--bg-border), 120px 0 0 -5px var(--bg-border), 121px 0 0 -5px var(--bg-border), 122px 0 0 -5px var(--bg-border), 123px 0 0 -5px var(--bg-border), 124px 0 0 -5px var(--bg-border), 125px 0 0 -5px var(--bg-border), 126px 0 0 -5px var(--bg-border), 127px 0 0 -5px var(--bg-border), 128px 0 0 -5px var(--bg-border), 129px 0 0 -5px var(--bg-border), 130px 0 0 -5px var(--bg-border), 131px 0 0 -5px var(--bg-border), 132px 0 0 -5px var(--bg-border), 133px 0 0 -5px var(--bg-border), 134px 0 0 -5px var(--bg-border), 135px 0 0 -5px var(--bg-border), 136px 0 0 -5px var(--bg-border), 137px 0 0 -5px var(--bg-border), 138px 0 0 -5px var(--bg-border), 139px 0 0 -5px var(--bg-border), 140px 0 0 -5px var(--bg-border), 141px 0 0 -5px var(--bg-border), 142px 0 0 -5px var(--bg-border), 143px 0 0 -5px var(--bg-border), 144px 0 0 -5px var(--bg-border), 145px 0 0 -5px var(--bg-border), 146px 0 0 -5px var(--bg-border), 147px 0 0 -5px var(--bg-border), 148px 0 0 -5px var(--bg-border), 149px 0 0 -5px var(--bg-border), 150px 0 0 -5px var(--bg-border), 151px 0 0 -5px var(--bg-border), 152px 0 0 -5px var(--bg-border), 153px 0 0 -5px var(--bg-border), 154px 0 0 -5px var(--bg-border), 155px 0 0 -5px var(--bg-border), 156px 0 0 -5px var(--bg-border), 157px 0 0 -5px var(--bg-border), 158px 0 0 -5px var(--bg-border), 159px 0 0 -5px var(--bg-border), 160px 0 0 -5px var(--bg-border), 161px 0 0 -5px var(--bg-border), 162px 0 0 -5px var(--bg-border), 163px 0 0 -5px var(--bg-border), 164px 0 0 -5px var(--bg-border), 165px 0 0 -5px var(--bg-border), 166px 0 0 -5px var(--bg-border), 167px 0 0 -5px var(--bg-border), 168px 0 0 -5px var(--bg-border), 169px 0 0 -5px var(--bg-border), 170px 0 0 -5px var(--bg-border), 171px 0 0 -5px var(--bg-border), 172px 0 0 -5px var(--bg-border), 173px 0 0 -5px var(--bg-border), 174px 0 0 -5px var(--bg-border), 175px 0 0 -5px var(--bg-border), 176px 0 0 -5px var(--bg-border), 177px 0 0 -5px var(--bg-border), 178px 0 0 -5px var(--bg-border), 179px 0 0 -5px var(--bg-border), 180px 0 0 -5px var(--bg-border), 181px 0 0 -5px var(--bg-border), 182px 0 0 -5px var(--bg-border), 183px 0 0 -5px var(--bg-border), 184px 0 0 -5px var(--bg-border), 185px 0 0 -5px var(--bg-border), 186px 0 0 -5px var(--bg-border), 187px 0 0 -5px var(--bg-border), 188px 0 0 -5px var(--bg-border), 189px 0 0 -5px var(--bg-border), 190px 0 0 -5px var(--bg-border), 191px 0 0 -5px var(--bg-border), 192px 0 0 -5px var(--bg-border), 193px 0 0 -5px var(--bg-border), 194px 0 0 -5px var(--bg-border), 195px 0 0 -5px var(--bg-border), 196px 0 0 -5px var(--bg-border), 197px 0 0 -5px var(--bg-border), 198px 0 0 -5px var(--bg-border), 199px 0 0 -5px var(--bg-border), 200px 0 0 -5px var(--bg-border), 201px 0 0 -5px var(--bg-border), 202px 0 0 -5px var(--bg-border), 203px 0 0 -5px var(--bg-border), 204px 0 0 -5px var(--bg-border), 205px 0 0 -5px var(--bg-border), 206px 0 0 -5px var(--bg-border), 207px 0 0 -5px var(--bg-border), 208px 0 0 -5px var(--bg-border), 209px 0 0 -5px var(--bg-border), 210px 0 0 -5px var(--bg-border), 211px 0 0 -5px var(--bg-border), 212px 0 0 -5px var(--bg-border), 213px 0 0 -5px var(--bg-border), 214px 0 0 -5px var(--bg-border), 215px 0 0 -5px var(--bg-border), 216px 0 0 -5px var(--bg-border), 217px 0 0 -5px var(--bg-border), 218px 0 0 -5px var(--bg-border), 219px 0 0 -5px var(--bg-border), 220px 0 0 -5px var(--bg-border), 221px 0 0 -5px var(--bg-border), 222px 0 0 -5px var(--bg-border), 223px 0 0 -5px var(--bg-border), 224px 0 0 -5px var(--bg-border), 225px 0 0 -5px var(--bg-border), 226px 0 0 -5px var(--bg-border), 227px 0 0 -5px var(--bg-border), 228px 0 0 -5px var(--bg-border), 229px 0 0 -5px var(--bg-border), 230px 0 0 -5px var(--bg-border), 231px 0 0 -5px var(--bg-border), 235px 0 0 -5px var(--bg-border), 236px 0 0 -5px var(--bg-border), 237px 0 0 -5px var(--bg-border), 238px 0 0 -5px var(--bg-border), 239px 0 0 -5px var(--bg-border), 240px 0 0 -5px var(--bg-border), 241px 0 0 -5px var(--bg-border), 242px 0 0 -5px var(--bg-border), 243px 0 0 -5px var(--bg-border), 244px 0 0 -5px var(--bg-border), 245px 0 0 -5px var(--bg-border), 246px 0 0 -5px var(--bg-border), 247px 0 0 -5px var(--bg-border), 248px 0 0 -5px var(--bg-border), 249px 0 0 -5px var(--bg-border), 250px 0 0 -5px var(--bg-border), 251px 0 0 -5px var(--bg-border), 252px 0 0 -5px var(--bg-border), 253px 0 0 -5px var(--bg-border), 254px 0 0 -5px var(--bg-border), 255px 0 0 -5px var(--bg-border), 256px 0 0 -5px var(--bg-border), 257px 0 0 -5px var(--bg-border), 258px 0 0 -5px var(--bg-border), 259px 0 0 -5px var(--bg-border), 260px 0 0 -5px var(--bg-border), 261px 0 0 -5px var(--bg-border), 262px 0 0 -5px var(--bg-border), 263px 0 0 -5px var(--bg-border), 264px 0 0 -5px var(--bg-border), 265px 0 0 -5px var(--bg-border), 266px 0 0 -5px var(--bg-border), 267px 0 0 -5px var(--bg-border), 268px 0 0 -5px var(--bg-border), 269px 0 0 -5px var(--bg-border), 270px 0 0 -5px var(--bg-border), 271px 0 0 -5px var(--bg-border), 272px 0 0 -5px var(--bg-border), 273px 0 0 -5px var(--bg-border), 274px 0 0 -5px var(--bg-border), 275px 0 0 -5px var(--bg-border), 276px 0 0 -5px var(--bg-border), 277px 0 0 -5px var(--bg-border), 278px 0 0 -5px var(--bg-border), 279px 0 0 -5px var(--bg-border), 280px 0 0 -5px var(--bg-border), 281px 0 0 -5px var(--bg-border), 282px 0 0 -5px var(--bg-border), 283px 0 0 -5px var(--bg-border), 284px 0 0 -5px var(--bg-border), 285px 0 0 -5px var(--bg-border), 286px 0 0 -5px var(--bg-border), 287px 0 0 -5px var(--bg-border), 288px 0 0 -5px var(--bg-border), 289px 0 0 -5px var(--bg-border), 290px 0 0 -5px var(--bg-border), 291px 0 0 -5px var(--bg-border), 292px 0 0 -5px var(--bg-border), 293px 0 0 -5px var(--bg-border), 294px 0 0 -5px var(--bg-border), 295px 0 0 -5px var(--bg-border), 296px 0 0 -5px var(--bg-border), 297px 0 0 -5px var(--bg-border), 298px 0 0 -5px var(--bg-border), 299px 0 0 -5px var(--bg-border), 300px 0 0 -5px var(--bg-border), 301px 0 0 -5px var(--bg-border), 302px 0 0 -5px var(--bg-border), 303px 0 0 -5px var(--bg-border), 304px 0 0 -5px var(--bg-border), 305px 0 0 -5px var(--bg-border), 306px 0 0 -5px var(--bg-border), 307px 0 0 -5px var(--bg-border), 308px 0 0 -5px var(--bg-border), 309px 0 0 -5px var(--bg-border), 310px 0 0 -5px var(--bg-border), 311px 0 0 -5px var(--bg-border), 312px 0 0 -5px var(--bg-border), 313px 0 0 -5px var(--bg-border), 314px 0 0 -5px var(--bg-border), 315px 0 0 -5px var(--bg-border), 316px 0 0 -5px var(--bg-border), 317px 0 0 -5px var(--bg-border), 318px 0 0 -5px var(--bg-border), 319px 0 0 -5px var(--bg-border), 320px 0 0 -5px var(--bg-border), 321px 0 0 -5px var(--bg-border), 322px 0 0 -5px var(--bg-border), 323px 0 0 -5px var(--bg-border), 324px 0 0 -5px var(--bg-border), 325px 0 0 -5px var(--bg-border), 326px 0 0 -5px var(--bg-border), 327px 0 0 -5px var(--bg-border), 328px 0 0 -5px var(--bg-border), 329px 0 0 -5px var(--bg-border), 330px 0 0 -5px var(--bg-border), 331px 0 0 -5px var(--bg-border), 332px 0 0 -5px var(--bg-border), 333px 0 0 -5px var(--bg-border), 334px 0 0 -5px var(--bg-border), 335px 0 0 -5px var(--bg-border), 336px 0 0 -5px var(--bg-border), 337px 0 0 -5px var(--bg-border), 338px 0 0 -5px var(--bg-border), 339px 0 0 -5px var(--bg-border), 340px 0 0 -5px var(--bg-border), 341px 0 0 -5px var(--bg-border), 342px 0 0 -5px var(--bg-border), 343px 0 0 -5px var(--bg-border), 344px 0 0 -5px var(--bg-border), 345px 0 0 -5px var(--bg-border), 346px 0 0 -5px var(--bg-border), 347px 0 0 -5px var(--bg-border), 348px 0 0 -5px var(--bg-border), 349px 0 0 -5px var(--bg-border), 350px 0 0 -5px var(--bg-border), 351px 0 0 -5px var(--bg-border), 352px 0 0 -5px var(--bg-border), 353px 0 0 -5px var(--bg-border), 354px 0 0 -5px var(--bg-border), 355px 0 0 -5px var(--bg-border), 356px 0 0 -5px var(--bg-border), 357px 0 0 -5px var(--bg-border), 358px 0 0 -5px var(--bg-border), 359px 0 0 -5px var(--bg-border), 360px 0 0 -5px var(--bg-border), 361px 0 0 -5px var(--bg-border), 362px 0 0 -5px var(--bg-border), 363px 0 0 -5px var(--bg-border), 364px 0 0 -5px var(--bg-border), 365px 0 0 -5px var(--bg-border), 366px 0 0 -5px var(--bg-border), 367px 0 0 -5px var(--bg-border), 368px 0 0 -5px var(--bg-border), 369px 0 0 -5px var(--bg-border), 370px 0 0 -5px var(--bg-border), 371px 0 0 -5px var(--bg-border), 372px 0 0 -5px var(--bg-border), 373px 0 0 -5px var(--bg-border), 374px 0 0 -5px var(--bg-border), 375px 0 0 -5px var(--bg-border), 376px 0 0 -5px var(--bg-border), 377px 0 0 -5px var(--bg-border), 378px 0 0 -5px var(--bg-border), 379px 0 0 -5px var(--bg-border), 380px 0 0 -5px var(--bg-border), 381px 0 0 -5px var(--bg-border), 382px 0 0 -5px var(--bg-border), 383px 0 0 -5px var(--bg-border), 384px 0 0 -5px var(--bg-border), 385px 0 0 -5px var(--bg-border), 386px 0 0 -5px var(--bg-border), 387px 0 0 -5px var(--bg-border), 388px 0 0 -5px var(--bg-border), 389px 0 0 -5px var(--bg-border), 390px 0 0 -5px var(--bg-border), 391px 0 0 -5px var(--bg-border), 392px 0 0 -5px var(--bg-border), 393px 0 0 -5px var(--bg-border), 394px 0 0 -5px var(--bg-border), 395px 0 0 -5px var(--bg-border), 396px 0 0 -5px var(--bg-border), 397px 0 0 -5px var(--bg-border), 398px 0 0 -5px var(--bg-border), 399px 0 0 -5px var(--bg-border), 400px 0 0 -5px var(--bg-border), 401px 0 0 -5px var(--bg-border), 402px 0 0 -5px var(--bg-border), 403px 0 0 -5px var(--bg-border), 404px 0 0 -5px var(--bg-border), 405px 0 0 -5px var(--bg-border), 406px 0 0 -5px var(--bg-border), 407px 0 0 -5px var(--bg-border), 408px 0 0 -5px var(--bg-border), 409px 0 0 -5px var(--bg-border), 410px 0 0 -5px var(--bg-border), 411px 0 0 -5px var(--bg-border), 412px 0 0 -5px var(--bg-border), 413px 0 0 -5px var(--bg-border), 414px 0 0 -5px var(--bg-border), 415px 0 0 -5px var(--bg-border), 416px 0 0 -5px var(--bg-border), 417px 0 0 -5px var(--bg-border), 418px 0 0 -5px var(--bg-border), 419px 0 0 -5px var(--bg-border), 420px 0 0 -5px var(--bg-border), 421px 0 0 -5px var(--bg-border), 422px 0 0 -5px var(--bg-border), 423px 0 0 -5px var(--bg-border), 424px 0 0 -5px var(--bg-border), 425px 0 0 -5px var(--bg-border), 426px 0 0 -5px var(--bg-border), 427px 0 0 -5px var(--bg-border), 428px 0 0 -5px var(--bg-border), 429px 0 0 -5px var(--bg-border), 430px 0 0 -5px var(--bg-border), 431px 0 0 -5px var(--bg-border), 432px 0 0 -5px var(--bg-border), 433px 0 0 -5px var(--bg-border), 434px 0 0 -5px var(--bg-border), 435px 0 0 -5px var(--bg-border), 436px 0 0 -5px var(--bg-border), 437px 0 0 -5px var(--bg-border), 438px 0 0 -5px var(--bg-border), 439px 0 0 -5px var(--bg-border), 440px 0 0 -5px var(--bg-border), 441px 0 0 -5px var(--bg-border), 442px 0 0 -5px var(--bg-border), 443px 0 0 -5px var(--bg-border), 444px 0 0 -5px var(--bg-border), 445px 0 0 -5px var(--bg-border), 446px 0 0 -5px var(--bg-border), 447px 0 0 -5px var(--bg-border), 448px 0 0 -5px var(--bg-border), 449px 0 0 -5px var(--bg-border), 450px 0 0 -5px var(--bg-border), 451px 0 0 -5px var(--bg-border), 452px 0 0 -5px var(--bg-border), 453px 0 0 -5px var(--bg-border), 454px 0 0 -5px var(--bg-border), 455px 0 0 -5px var(--bg-border), 456px 0 0 -5px var(--bg-border), 457px 0 0 -5px var(--bg-border), 458px 0 0 -5px var(--bg-border), 459px 0 0 -5px var(--bg-border), 460px 0 0 -5px var(--bg-border), 461px 0 0 -5px var(--bg-border), 462px 0 0 -5px var(--bg-border), 463px 0 0 -5px var(--bg-border), 464px 0 0 -5px var(--bg-border), 465px 0 0 -5px var(--bg-border), 466px 0 0 -5px var(--bg-border), 467px 0 0 -5px var(--bg-border), 468px 0 0 -5px var(--bg-border), 469px 0 0 -5px var(--bg-border), 470px 0 0 -5px var(--bg-border), 471px 0 0 -5px var(--bg-border), 472px 0 0 -5px var(--bg-border), 473px 0 0 -5px var(--bg-border), 474px 0 0 -5px var(--bg-border), 475px 0 0 -5px var(--bg-border), 476px 0 0 -5px var(--bg-border), 477px 0 0 -5px var(--bg-border), 478px 0 0 -5px var(--bg-border), 479px 0 0 -5px var(--bg-border), 480px 0 0 -5px var(--bg-border), 481px 0 0 -5px var(--bg-border), 482px 0 0 -5px var(--bg-border), 483px 0 0 -5px var(--bg-border), 484px 0 0 -5px var(--bg-border), 485px 0 0 -5px var(--bg-border), 486px 0 0 -5px var(--bg-border), 487px 0 0 -5px var(--bg-border), 488px 0 0 -5px var(--bg-border), 489px 0 0 -5px var(--bg-border), 490px 0 0 -5px var(--bg-border), 491px 0 0 -5px var(--bg-border), 492px 0 0 -5px var(--bg-border), 493px 0 0 -5px var(--bg-border), 494px 0 0 -5px var(--bg-border), 495px 0 0 -5px var(--bg-border), 496px 0 0 -5px var(--bg-border), 497px 0 0 -5px #cfcfcf, 498px 0 0 -5px #cfcfcf, 499px 0 0 -5px #cfcfcf, 500px 0 0 -5px #cfcfcf, 501px 0 0 -5px #cfcfcf, 502px 0 0 -5px #cfcfcf, 503px 0 0 -5px #cfcfcf, 504px 0 0 -5px #cfcfcf, 505px 0 0 -5px #cfcfcf, 506px 0 0 -5px #cfcfcf, 507px 0 0 -5px #cfcfcf, 508px 0 0 -5px #cfcfcf, 509px 0 0 -5px #cfcfcf, 510px 0 0 -5px #cfcfcf, 511px 0 0 -5px #cfcfcf, 512px 0 0 -5px #cfcfcf, 513px 0 0 -5px #cfcfcf, 514px 0 0 -5px #cfcfcf, 515px 0 0 -5px #cfcfcf, 516px 0 0 -5px #cfcfcf, 517px 0 0 -5px #cfcfcf, 518px 0 0 -5px #cfcfcf, 519px 0 0 -5px #cfcfcf, 520px 0 0 -5px #cfcfcf, 521px 0 0 -5px #cfcfcf, 522px 0 0 -5px #cfcfcf, 523px 0 0 -5px #cfcfcf, 524px 0 0 -5px #cfcfcf, 525px 0 0 -5px #cfcfcf, 526px 0 0 -5px #cfcfcf, 527px 0 0 -5px #cfcfcf, 528px 0 0 -5px #cfcfcf, 529px 0 0 -5px #cfcfcf, 530px 0 0 -5px #cfcfcf, 531px 0 0 -5px #cfcfcf, 532px 0 0 -5px #cfcfcf, 533px 0 0 -5px #cfcfcf, 534px 0 0 -5px #cfcfcf, 535px 0 0 -5px #cfcfcf, 536px 0 0 -5px #cfcfcf, 537px 0 0 -5px #cfcfcf, 538px 0 0 -5px #cfcfcf, 539px 0 0 -5px #cfcfcf, 540px 0 0 -5px #cfcfcf, 541px 0 0 -5px #cfcfcf, 542px 0 0 -5px #cfcfcf, 543px 0 0 -5px #cfcfcf, 544px 0 0 -5px #cfcfcf, 545px 0 0 -5px #cfcfcf, 546px 0 0 -5px #cfcfcf, 547px 0 0 -5px #cfcfcf, 548px 0 0 -5px #cfcfcf, 549px 0 0 -5px #cfcfcf, 550px 0 0 -5px #cfcfcf, 551px 0 0 -5px #cfcfcf, 552px 0 0 -5px #cfcfcf, 553px 0 0 -5px #cfcfcf, 554px 0 0 -5px #cfcfcf, 555px 0 0 -5px #cfcfcf, 556px 0 0 -5px #cfcfcf, 557px 0 0 -5px #cfcfcf, 558px 0 0 -5px #cfcfcf, 559px 0 0 -5px #cfcfcf, 560px 0 0 -5px #cfcfcf, 561px 0 0 -5px #cfcfcf, 562px 0 0 -5px #cfcfcf, 563px 0 0 -5px #cfcfcf, 564px 0 0 -5px #cfcfcf, 565px 0 0 -5px #cfcfcf, 566px 0 0 -5px #cfcfcf, 567px 0 0 -5px #cfcfcf, 568px 0 0 -5px #cfcfcf, 569px 0 0 -5px #cfcfcf, 570px 0 0 -5px #cfcfcf, 571px 0 0 -5px #cfcfcf, 572px 0 0 -5px #cfcfcf, 573px 0 0 -5px #cfcfcf, 574px 0 0 -5px #cfcfcf, 575px 0 0 -5px #cfcfcf, 576px 0 0 -5px #cfcfcf, 577px 0 0 -5px #cfcfcf, 578px 0 0 -5px #cfcfcf, 579px 0 0 -5px #cfcfcf, 580px 0 0 -5px #cfcfcf, 581px 0 0 -5px #cfcfcf, 582px 0 0 -5px #cfcfcf, 583px 0 0 -5px #cfcfcf, 584px 0 0 -5px #cfcfcf, 585px 0 0 -5px #cfcfcf, 586px 0 0 -5px #cfcfcf, 587px 0 0 -5px #cfcfcf, 588px 0 0 -5px #cfcfcf, 589px 0 0 -5px #cfcfcf, 590px 0 0 -5px #cfcfcf, 591px 0 0 -5px #cfcfcf, 592px 0 0 -5px #cfcfcf, 593px 0 0 -5px #cfcfcf, 594px 0 0 -5px #cfcfcf, 595px 0 0 -5px #cfcfcf, 596px 0 0 -5px #cfcfcf, 597px 0 0 -5px #cfcfcf, 598px 0 0 -5px #cfcfcf, 599px 0 0 -5px #cfcfcf, 600px 0 0 -5px #cfcfcf, 601px 0 0 -5px #cfcfcf, 602px 0 0 -5px #cfcfcf, 603px 0 0 -5px #cfcfcf, 604px 0 0 -5px #cfcfcf, 605px 0 0 -5px #cfcfcf, 606px 0 0 -5px #cfcfcf, 607px 0 0 -5px #cfcfcf, 608px 0 0 -5px #cfcfcf, 609px 0 0 -5px #cfcfcf, 610px 0 0 -5px #cfcfcf, 611px 0 0 -5px #cfcfcf, 612px 0 0 -5px #cfcfcf, 613px 0 0 -5px #cfcfcf, 614px 0 0 -5px #cfcfcf, 615px 0 0 -5px #cfcfcf, 616px 0 0 -5px #cfcfcf, 617px 0 0 -5px #cfcfcf, 618px 0 0 -5px #cfcfcf, 619px 0 0 -5px #cfcfcf, 620px 0 0 -5px #cfcfcf, 621px 0 0 -5px #cfcfcf, 622px 0 0 -5px #cfcfcf, 623px 0 0 -5px #cfcfcf, 624px 0 0 -5px #cfcfcf, 625px 0 0 -5px #cfcfcf, 626px 0 0 -5px #cfcfcf, 627px 0 0 -5px #cfcfcf, 628px 0 0 -5px #cfcfcf, 629px 0 0 -5px #cfcfcf, 630px 0 0 -5px #cfcfcf, 631px 0 0 -5px #cfcfcf, 632px 0 0 -5px #cfcfcf, 633px 0 0 -5px #cfcfcf, 634px 0 0 -5px #cfcfcf, 635px 0 0 -5px #cfcfcf, 636px 0 0 -5px #cfcfcf, 637px 0 0 -5px #cfcfcf, 638px 0 0 -5px #cfcfcf, 639px 0 0 -5px #cfcfcf, 640px 0 0 -5px #cfcfcf, 641px 0 0 -5px #cfcfcf, 642px 0 0 -5px #cfcfcf, 643px 0 0 -5px #cfcfcf, 644px 0 0 -5px #cfcfcf, 645px 0 0 -5px #cfcfcf, 646px 0 0 -5px #cfcfcf, 647px 0 0 -5px #cfcfcf, 648px 0 0 -5px #cfcfcf, 649px 0 0 -5px #cfcfcf, 650px 0 0 -5px #cfcfcf, 651px 0 0 -5px #cfcfcf, 652px 0 0 -5px #cfcfcf, 653px 0 0 -5px #cfcfcf, 654px 0 0 -5px #cfcfcf, 655px 0 0 -5px #cfcfcf, 656px 0 0 -5px #cfcfcf, 657px 0 0 -5px #cfcfcf, 658px 0 0 -5px #cfcfcf, 659px 0 0 -5px #cfcfcf, 660px 0 0 -5px #cfcfcf, 661px 0 0 -5px #cfcfcf, 662px 0 0 -5px #cfcfcf, 663px 0 0 -5px #cfcfcf, 664px 0 0 -5px #cfcfcf, 665px 0 0 -5px #cfcfcf, 666px 0 0 -5px #cfcfcf, 667px 0 0 -5px #cfcfcf, 668px 0 0 -5px #cfcfcf, 669px 0 0 -5px #cfcfcf, 670px 0 0 -5px #cfcfcf, 671px 0 0 -5px #cfcfcf, 672px 0 0 -5px #cfcfcf, 673px 0 0 -5px #cfcfcf, 674px 0 0 -5px #cfcfcf, 675px 0 0 -5px #cfcfcf, 676px 0 0 -5px #cfcfcf, 677px 0 0 -5px #cfcfcf, 678px 0 0 -5px #cfcfcf, 679px 0 0 -5px #cfcfcf, 680px 0 0 -5px #cfcfcf, 681px 0 0 -5px #cfcfcf, 682px 0 0 -5px #cfcfcf, 683px 0 0 -5px #cfcfcf, 684px 0 0 -5px #cfcfcf, 685px 0 0 -5px #cfcfcf, 686px 0 0 -5px #cfcfcf, 687px 0 0 -5px #cfcfcf, 688px 0 0 -5px #cfcfcf, 689px 0 0 -5px #cfcfcf, 690px 0 0 -5px #cfcfcf, 691px 0 0 -5px #cfcfcf, 692px 0 0 -5px #cfcfcf, 693px 0 0 -5px #cfcfcf, 694px 0 0 -5px #cfcfcf, 695px 0 0 -5px #cfcfcf, 696px 0 0 -5px #cfcfcf, 697px 0 0 -5px #cfcfcf, 698px 0 0 -5px #cfcfcf, 699px 0 0 -5px #cfcfcf, 700px 0 0 -5px #cfcfcf, 701px 0 0 -5px #cfcfcf, 702px 0 0 -5px #cfcfcf, 703px 0 0 -5px #cfcfcf, 704px 0 0 -5px #cfcfcf, 705px 0 0 -5px #cfcfcf, 706px 0 0 -5px #cfcfcf, 707px 0 0 -5px #cfcfcf, 708px 0 0 -5px #cfcfcf, 709px 0 0 -5px #cfcfcf, 710px 0 0 -5px #cfcfcf, 711px 0 0 -5px #cfcfcf, 712px 0 0 -5px #cfcfcf, 713px 0 0 -5px #cfcfcf, 714px 0 0 -5px #cfcfcf, 715px 0 0 -5px #cfcfcf, 716px 0 0 -5px #cfcfcf, 717px 0 0 -5px #cfcfcf, 718px 0 0 -5px #cfcfcf, 719px 0 0 -5px #cfcfcf, 720px 0 0 -5px #cfcfcf, 721px 0 0 -5px #cfcfcf, 722px 0 0 -5px #cfcfcf, 723px 0 0 -5px #cfcfcf, 724px 0 0 -5px #cfcfcf, 725px 0 0 -5px #cfcfcf, 726px 0 0 -5px #cfcfcf, 727px 0 0 -5px #cfcfcf, 728px 0 0 -5px #cfcfcf, 729px 0 0 -5px #cfcfcf, 730px 0 0 -5px #cfcfcf, 731px 0 0 -5px #cfcfcf, 732px 0 0 -5px #cfcfcf, 733px 0 0 -5px #cfcfcf, 734px 0 0 -5px #cfcfcf, 735px 0 0 -5px #cfcfcf, 736px 0 0 -5px #cfcfcf, 737px 0 0 -5px #cfcfcf, 738px 0 0 -5px #cfcfcf, 739px 0 0 -5px #cfcfcf, 740px 0 0 -5px #cfcfcf, 741px 0 0 -5px #cfcfcf, 742px 0 0 -5px #cfcfcf, 743px 0 0 -5px #cfcfcf, 744px 0 0 -5px #cfcfcf, 745px 0 0 -5px #cfcfcf, 746px 0 0 -5px #cfcfcf, 747px 0 0 -5px #cfcfcf, 748px 0 0 -5px #cfcfcf, 749px 0 0 -5px #cfcfcf, 750px 0 0 -5px #cfcfcf, 751px 0 0 -5px #cfcfcf, 752px 0 0 -5px #cfcfcf, 753px 0 0 -5px #cfcfcf, 754px 0 0 -5px #cfcfcf, 755px 0 0 -5px #cfcfcf, 756px 0 0 -5px #cfcfcf, 757px 0 0 -5px #cfcfcf, 758px 0 0 -5px #cfcfcf, 759px 0 0 -5px #cfcfcf, 760px 0 0 -5px #cfcfcf, 761px 0 0 -5px #cfcfcf, 762px 0 0 -5px #cfcfcf, 763px 0 0 -5px #cfcfcf, 764px 0 0 -5px #cfcfcf, 765px 0 0 -5px #cfcfcf, 766px 0 0 -5px #cfcfcf, 767px 0 0 -5px #cfcfcf, 768px 0 0 -5px #cfcfcf, 769px 0 0 -5px #cfcfcf, 770px 0 0 -5px #cfcfcf, 771px 0 0 -5px #cfcfcf, 772px 0 0 -5px #cfcfcf, 773px 0 0 -5px #cfcfcf, 774px 0 0 -5px #cfcfcf, 775px 0 0 -5px #cfcfcf, 776px 0 0 -5px #cfcfcf, 777px 0 0 -5px #cfcfcf, 778px 0 0 -5px #cfcfcf, 779px 0 0 -5px #cfcfcf, 780px 0 0 -5px #cfcfcf, 781px 0 0 -5px #cfcfcf, 782px 0 0 -5px #cfcfcf, 783px 0 0 -5px #cfcfcf, 784px 0 0 -5px #cfcfcf, 785px 0 0 -5px #cfcfcf, 786px 0 0 -5px #cfcfcf, 787px 0 0 -5px #cfcfcf, 788px 0 0 -5px #cfcfcf, 789px 0 0 -5px #cfcfcf, 790px 0 0 -5px #cfcfcf, 791px 0 0 -5px #cfcfcf, 792px 0 0 -5px #cfcfcf, 793px 0 0 -5px #cfcfcf, 794px 0 0 -5px #cfcfcf, 795px 0 0 -5px #cfcfcf, 796px 0 0 -5px #cfcfcf, 797px 0 0 -5px #cfcfcf, 798px 0 0 -5px #cfcfcf, 799px 0 0 -5px #cfcfcf, 800px 0 0 -5px #cfcfcf, 801px 0 0 -5px #cfcfcf, 802px 0 0 -5px #cfcfcf, 803px 0 0 -5px #cfcfcf, 804px 0 0 -5px #cfcfcf, 805px 0 0 -5px #cfcfcf, 806px 0 0 -5px #cfcfcf, 807px 0 0 -5px #cfcfcf, 808px 0 0 -5px #cfcfcf, 809px 0 0 -5px #cfcfcf, 810px 0 0 -5px #cfcfcf, 811px 0 0 -5px #cfcfcf, 812px 0 0 -5px #cfcfcf, 813px 0 0 -5px #cfcfcf, 814px 0 0 -5px #cfcfcf, 815px 0 0 -5px #cfcfcf, 816px 0 0 -5px #cfcfcf, 817px 0 0 -5px #cfcfcf, 818px 0 0 -5px #cfcfcf, 819px 0 0 -5px #cfcfcf, 820px 0 0 -5px #cfcfcf, 821px 0 0 -5px #cfcfcf, 822px 0 0 -5px #cfcfcf, 823px 0 0 -5px #cfcfcf, 824px 0 0 -5px #cfcfcf, 825px 0 0 -5px #cfcfcf, 826px 0 0 -5px #cfcfcf, 827px 0 0 -5px #cfcfcf, 828px 0 0 -5px #cfcfcf, 829px 0 0 -5px #cfcfcf, 830px 0 0 -5px #cfcfcf, 831px 0 0 -5px #cfcfcf, 832px 0 0 -5px #cfcfcf, 833px 0 0 -5px #cfcfcf, 834px 0 0 -5px #cfcfcf, 835px 0 0 -5px #cfcfcf, 836px 0 0 -5px #cfcfcf, 837px 0 0 -5px #cfcfcf, 838px 0 0 -5px #cfcfcf, 839px 0 0 -5px #cfcfcf, 840px 0 0 -5px #cfcfcf, 841px 0 0 -5px #cfcfcf, 842px 0 0 -5px #cfcfcf, 843px 0 0 -5px #cfcfcf, 844px 0 0 -5px #cfcfcf, 845px 0 0 -5px #cfcfcf, 846px 0 0 -5px #cfcfcf, 847px 0 0 -5px #cfcfcf, 848px 0 0 -5px #cfcfcf, 849px 0 0 -5px #cfcfcf, 850px 0 0 -5px #cfcfcf, 851px 0 0 -5px #cfcfcf, 852px 0 0 -5px #cfcfcf, 853px 0 0 -5px #cfcfcf, 854px 0 0 -5px #cfcfcf, 855px 0 0 -5px #cfcfcf, 856px 0 0 -5px #cfcfcf, 857px 0 0 -5px #cfcfcf, 858px 0 0 -5px #cfcfcf, 859px 0 0 -5px #cfcfcf, 860px 0 0 -5px #cfcfcf, 861px 0 0 -5px #cfcfcf, 862px 0 0 -5px #cfcfcf, 863px 0 0 -5px #cfcfcf, 864px 0 0 -5px #cfcfcf, 865px 0 0 -5px #cfcfcf, 866px 0 0 -5px #cfcfcf, 867px 0 0 -5px #cfcfcf, 868px 0 0 -5px #cfcfcf, 869px 0 0 -5px #cfcfcf, 870px 0 0 -5px #cfcfcf, 871px 0 0 -5px #cfcfcf, 872px 0 0 -5px #cfcfcf, 873px 0 0 -5px #cfcfcf, 874px 0 0 -5px #cfcfcf, 875px 0 0 -5px #cfcfcf, 876px 0 0 -5px #cfcfcf, 877px 0 0 -5px #cfcfcf, 878px 0 0 -5px #cfcfcf, 879px 0 0 -5px #cfcfcf, 880px 0 0 -5px #cfcfcf, 881px 0 0 -5px #cfcfcf, 882px 0 0 -5px #cfcfcf, 883px 0 0 -5px #cfcfcf, 884px 0 0 -5px #cfcfcf, 885px 0 0 -5px #cfcfcf, 886px 0 0 -5px #cfcfcf, 887px 0 0 -5px #cfcfcf, 888px 0 0 -5px #cfcfcf, 889px 0 0 -5px #cfcfcf, 890px 0 0 -5px #cfcfcf, 891px 0 0 -5px #cfcfcf, 892px 0 0 -5px #cfcfcf, 893px 0 0 -5px #cfcfcf, 894px 0 0 -5px #cfcfcf, 895px 0 0 -5px #cfcfcf, 896px 0 0 -5px #cfcfcf, 897px 0 0 -5px #cfcfcf, 898px 0 0 -5px #cfcfcf, 899px 0 0 -5px #cfcfcf, 900px 0 0 -5px #cfcfcf, 901px 0 0 -5px #cfcfcf, 902px 0 0 -5px #cfcfcf, 903px 0 0 -5px #cfcfcf, 904px 0 0 -5px #cfcfcf, 905px 0 0 -5px #cfcfcf, 906px 0 0 -5px #cfcfcf, 907px 0 0 -5px #cfcfcf, 908px 0 0 -5px #cfcfcf, 909px 0 0 -5px #cfcfcf, 910px 0 0 -5px #cfcfcf, 911px 0 0 -5px #cfcfcf, 912px 0 0 -5px #cfcfcf, 913px 0 0 -5px #cfcfcf, 914px 0 0 -5px #cfcfcf, 915px 0 0 -5px #cfcfcf, 916px 0 0 -5px #cfcfcf, 917px 0 0 -5px #cfcfcf, 918px 0 0 -5px #cfcfcf, 919px 0 0 -5px #cfcfcf, 920px 0 0 -5px #cfcfcf, 921px 0 0 -5px #cfcfcf, 922px 0 0 -5px #cfcfcf, 923px 0 0 -5px #cfcfcf, 924px 0 0 -5px #cfcfcf, 925px 0 0 -5px #cfcfcf, 926px 0 0 -5px #cfcfcf, 927px 0 0 -5px #cfcfcf, 928px 0 0 -5px #cfcfcf, 929px 0 0 -5px #cfcfcf, 930px 0 0 -5px #cfcfcf, 931px 0 0 -5px #cfcfcf, 932px 0 0 -5px #cfcfcf, 933px 0 0 -5px #cfcfcf, 934px 0 0 -5px #cfcfcf, 935px 0 0 -5px #cfcfcf, 936px 0 0 -5px #cfcfcf, 937px 0 0 -5px #cfcfcf, 938px 0 0 -5px #cfcfcf, 939px 0 0 -5px #cfcfcf, 940px 0 0 -5px #cfcfcf, 941px 0 0 -5px #cfcfcf, 942px 0 0 -5px #cfcfcf, 943px 0 0 -5px #cfcfcf, 944px 0 0 -5px #cfcfcf, 945px 0 0 -5px #cfcfcf, 946px 0 0 -5px #cfcfcf, 947px 0 0 -5px #cfcfcf, 948px 0 0 -5px #cfcfcf, 949px 0 0 -5px #cfcfcf, 950px 0 0 -5px #cfcfcf, 951px 0 0 -5px #cfcfcf, 952px 0 0 -5px #cfcfcf, 953px 0 0 -5px #cfcfcf, 954px 0 0 -5px #cfcfcf, 955px 0 0 -5px #cfcfcf, 956px 0 0 -5px #cfcfcf, 957px 0 0 -5px #cfcfcf, 958px 0 0 -5px #cfcfcf, 959px 0 0 -5px #cfcfcf, 960px 0 0 -5px #cfcfcf, 961px 0 0 -5px #cfcfcf, 962px 0 0 -5px #cfcfcf, 963px 0 0 -5px #cfcfcf, 964px 0 0 -5px #cfcfcf, 965px 0 0 -5px #cfcfcf, 966px 0 0 -5px #cfcfcf, 967px 0 0 -5px #cfcfcf, 968px 0 0 -5px #cfcfcf, 969px 0 0 -5px #cfcfcf, 970px 0 0 -5px #cfcfcf, 971px 0 0 -5px #cfcfcf, 972px 0 0 -5px #cfcfcf, 973px 0 0 -5px #cfcfcf, 974px 0 0 -5px #cfcfcf, 975px 0 0 -5px #cfcfcf, 976px 0 0 -5px #cfcfcf, 977px 0 0 -5px #cfcfcf, 978px 0 0 -5px #cfcfcf, 979px 0 0 -5px #cfcfcf, 980px 0 0 -5px #cfcfcf, 981px 0 0 -5px #cfcfcf, 982px 0 0 -5px #cfcfcf, 983px 0 0 -5px #cfcfcf, 984px 0 0 -5px #cfcfcf, 985px 0 0 -5px #cfcfcf, 986px 0 0 -5px #cfcfcf, 987px 0 0 -5px #cfcfcf, 988px 0 0 -5px #cfcfcf, 989px 0 0 -5px #cfcfcf, 990px 0 0 -5px #cfcfcf, 991px 0 0 -5px #cfcfcf, 992px 0 0 -5px #cfcfcf, 993px 0 0 -5px #cfcfcf, 994px 0 0 -5px #cfcfcf, 995px 0 0 -5px #cfcfcf, 996px 0 0 -5px #cfcfcf, 997px 0 0 -5px #cfcfcf, 998px 0 0 -5px #cfcfcf, 999px 0 0 -5px #cfcfcf, 1000px 0 0 -5px #cfcfcf;
    -webkit-transition: background-color 150ms;
    transition: background-color 150ms
}

.e-range::-webkit-slider-thumb:focus,
.e-range::-webkit-slider-thumb:hover {
    background: var(--text-light) !important;
    border-radius: 100% !important;
    border: .3rem solid var(--color-orange) !important
}

.e-range::-moz-range-progress,
.e-range::-moz-range-track {
    width: 100%;
    height: 1.2rem;
    border-radius: .5rem !important;
    overflow: hidden;
    background: linear-gradient(to bottom, var(--bg-border), var(--bg-border)) 100% 50%/100% 1.2rem no-repeat transparent
}

.e-range::-moz-range-progress {
    background: linear-gradient(to bottom, var(--color-orange), var(--color-orange)) 100% 50%/100% 1.2rem no-repeat transparent;
    height: 1.2rem;
    border-radius: .5rem !important;
    overflow: hidden
}

.e-range::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    height: 1.2rem;
    width: 1.2rem;
    background: var(--color-orange);
    border-radius: 100%;
    border: 0;
    -moz-transition: background-color 150ms;
    transition: background-color 150ms;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.e-range::-ms-track {
    width: 100%;
    height: 1.2rem;
    border: 0;
    color: transparent;
    background: 0 0;
    border-radius: .5rem !important;
    overflow: hidden
}

.e-range::-ms-fill-lower {
    border-radius: .5rem !important;
    overflow: hidden;
    background: linear-gradient(to bottom, var(--color-orange), var(--color-orange)) 100% 50%/100% 1.2rem no-repeat transparent
}

.e-range::-ms-fill-upper {
    border-radius: .5rem !important;
    overflow: hidden;
    background: linear-gradient(to bottom, var(--bg-border), var(--bg-border)) 100% 50%/100% 1.2rem no-repeat transparent
}

.e-range::-ms-thumb {
    appearance: none;
    height: 1.2rem;
    width: 1.2rem;
    background: var(--color-orange);
    border-radius: 100%;
    border: 0;
    -ms-transition: background-color 150ms;
    transition: background-color 150ms;
    top: 0;
    margin: 0;
    box-shadow: none
}

.semi-donut,
.semi-donut:after {
    width: 25rem;
    box-sizing: border-box
}

.year-month-loan,
.year-month-loan:hover {
    background-color: var(--bg-border)
}

.range-slider-container .input-group,
.range-slider-container .loan-amount {
    height: 3.2rem;
    border: 1px solid var(--bg-border);
    border-radius: .5rem;
    padding-left: .5rem;
    position: relative;
    overflow: hidden
}

.range-slider-container .input-group .loan-amount {
    border: none !important
}

.year-month-loan .form-check-input {
    appearance: none
}

.year-month-loan {
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    height: 3.2rem;
    padding: 0;
    margin: 0;
    border: none
}

.year-month-loan .form-check {
    padding: 0;
    position: relative
}

.year-month-loan .form-check span {
    text-align: center;
    display: block;
    height: 3.1rem;
    width: 3rem;
    padding: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    background: #f15f22;
    color: #fff;
    font-weight: 500
}

.year-month-loan .form-check input {
    position: absolute;
    top: -2px;
    left: 1.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    width: 3rem;
    border-radius: 0;
    background: 0 0;
    background-image: none !important;
    border: none;
    box-shadow: none;
    outline: 0
}

.form-check-input:checked[type=radio] {
    background-image: none !important;
    border: none;
    box-shadow: none;
    outline: 0
}

.year-month-loan input:checked+span {
    background-color: var(--color-orange);
    color: #fff
}

.loans-box {
    background-color: var(--bg-light-one);
    padding: 2.5rem 1.5rem 5rem;
    text-align: center;
    height: 100%
}

.loans-box .text-color {
    color: var(--color-orange);
    font-size: 3rem
}

.amt-container hr {
    margin: .5rem 0
}

.semi-donut {
    --percentage: 0;
    height: 15rem;
    position: relative;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 600;
    overflow: hidden;
    color: var(--color-orange);
    margin: 0 1.5rem
}

.semi-donut:after {
    content: "";
    height: 25rem;
    border: 5rem solid;
    border-color: rgb(255 61 0 / 27%) rgb(255 61 0 / 28%) var(--color-orange) var(--color-orange);
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    transform: rotate(calc(1deg * (-45 + var(--percentage) * 1.8)));
    -webkit-animation: 1s ease-in fillAnimation;
    animation: 1s ease-in fillAnimation
}

@-webkit-keyframes fillAnimation {
    0% {
        transform: rotate(-45deg)
    }

    50% {
        transform: rotate(135deg)
    }
}

@keyframes fillAnimation {
    0% {
        transform: rotate(-45deg)
    }

    50% {
        transform: rotate(135deg)
    }
}

.others {
    background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/others.webp) 50%/cover no-repeat;
    height: 42rem
}

.others-ol li {
    color: #fff
}

.insurance {
    background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/insurance.webp) 50%/cover no-repeat;
    height: 35rem
}

.personal {
    background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/personal-loan.webp) 50%/cover no-repeat;
    height: 35rem
}

.business {
    background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/business-loan.webp) 50%/cover no-repeat;
    height: 45rem
}

.education {
    background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/education-loan.webp) 50%/cover no-repeat;
    height: 35rem
}

.mortgage {
    background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/mortgage-loan.webp) 50%/cover no-repeat;
    height: 35rem
}

.home-loan-bg {
    background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/home-loan.webp) 50%/cover no-repeat;
    height: 35rem
}

header {
    height: 6.6rem
}

header .navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    display: block
}

.nav.nav-pills::-webkit-scrollbar {
    width: 11px
}

.nav.nav-pills {
    scrollbar-width: 0px;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG)
}

.nav.nav-pills::-webkit-scrollbar-track {
    background: var(--scrollbarBG)
}

.nav.nav-pills::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border: 1px solid var(--scrollbarBG)
}

.partner-form .margin-top.partner {
    margin-top: 10rem
}

.partner-form img {
    width: 10rem
}

.circle-img {
    width: 16rem
}

.mobile-direction.mob-1.home {
    margin-top: 6rem !important
}

@media (max-width:767px) {

    .call,
    .mob,
    .mob-text,
    .offer-bg,
    .text-call {
        text-align: center
    }

    html {
        font-size: 60%
    }

    section {
        padding-right: .1rem !important;
        padding-left: .1rem !important
    }

    .service-box {
        padding: 4rem 1rem
    }

    header {
        height: 4.6rem
    }

    .element-img,
    .element-img-1,
    header li.nav-item .nav-link.active::after {
        display: none
    }

    .navbar-light .navbar-toggler {
        color: var(--color);
        height: 5rem;
        width: 5rem;
        border-radius: 100%;
        border: .2rem solid var(--color);
        display: flex;
        justify-content: center;
        align-items: center
    }

    .navbar-light .navbar-toggler-icon {
        background: 0 0;
        width: auto !important;
        height: auto !important
    }

    .fa-bars.icon-1 {
        font-size: 2.5rem
    }

    .details img {
        width: 2.5rem
    }

    .hire-team-fixed-tab .details {
        padding: .6rem
    }

    .hero-section .row {
        justify-content: center
    }

    .hero-section-text-container {
        margin: 5rem 0 0;
        text-align: center
    }

    .hero-element-img-bottom {
        position: absolute;
        bottom: -4rem;
        right: -9rem
    }

    .hero-element-img-top {
        position: absolute;
        top: -2rem;
        left: -2rem
    }

    .hero-section.hero-section.hero-1 {
        background-size: cover;
        min-height: 80vh
    }

    .image2 {
        bottom: -14rem;
        width: 55rem
    }

    .image1 {
        left: -2rem;
        top: 10rem;
        width: 30rem
    }

    .mobile-hero {
        margin-right: -3rem;
        margin-top: 4rem
    }

    .Logo {
        width: 12rem
    }

    .nav-link span {
        color: var(--color-orange);
        font-size: 1.8rem;
        font-weight: 700
    }

    .mobile-direction {
        flex-direction: column
    }

    .offer-bg {
        background-image: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/offer-mobile.webp);
        background-position: initial
    }

    .mobile-direction .border-left {
        border-left: none;
        border-bottom: .2rem dashed var(--bg-border);
        padding: 0
    }

    .offer-bg .mobile-direction {
        margin-top: 25rem
    }

    .table-bottom .border-end.mobile-1 {
        display: flex;
        align-items: center
    }

    .table-bottom .border-end p {
        margin-left: .5rem
    }

    .table-bottom {
        padding-bottom: 0;
        overflow: hidden
    }

    .table-bottom .more-service {
        width: 110%;
        margin-left: -2rem
    }

    .margin-top {
        margin-top: 32rem
    }

    .margin-top.contact-page {
        margin-top: 100rem
    }

    .margin-top.home-margin {
        margin-top: 27rem
    }

    .compare-loan #pills-tab {
        display: flex;
        justify-content: space-between;
        overflow-x: scroll;
        overflow-y: hidden;
        flex-wrap: nowrap;
        flex-direction: row
    }

    .compare-loan .nav-pills .nav-link.active:after {
        bottom: 0
    }

    .compare-loan .border-bottom {
        top: 3.2rem;
        border: .2rem
    }

    .form-2 {
        height: 100rem
    }

    .margin-top.partner {
        margin-top: 23rem
    }

    .partner-box img {
        width: 50rem
    }

    .partner-box .common-heading {
        font-size: 3rem
    }

    .upload-box {
        padding: 2rem
    }

    .file-upload label .border-bottom-1 {
        text-align: left !important
    }

    .offer-content.position-absolute {
        padding: 4rem 1.4rem
    }

    .mob-1 img {
        width: 18rem
    }

    .mob-1 .circle-text .rate {
        font-size: 4.5rem !important
    }

    .mob-1 .circle-text .text {
        margin: 0;
        color: var(--text-light);
        font-size: 2rem !important
    }

    .mobile-direction.mob-1 {
        margin-top: 23rem;
        text-align: center !important
    }

    .mobile-direction.mob-1.home {
        margin-top: 60rem !important
    }

    .offers-ad .mobile-direction.mob-1 {
        margin-top: 37rem;
        padding: 0 !important;
        text-align: center !important
    }

    .mob-1 .pd-r.mobile-2 {
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .chart-mob.emi-box {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center
    }

    .loans-section {
        overflow: visible;
        position: relative;
        height: 30rem
    }

    .top-section {
        background: linear-gradient(121deg, #376ab3 0, #5980b8 100%) no-repeat padding-box;
        height: 22rem
    }

    .bottom-section {
        background: linear-gradient(0deg, #fdeee7 0, #fff 100%) no-repeat padding-box;
        height: 60rem;
        position: relative
    }

    .bottom-section img {
        position: absolute;
        top: -1rem
    }

    .offers-ad .mobile-direction.mob-1.business-1 {
        margin-top: 43rem;
        text-align: center !important
    }

    .others {
        background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/others-mob-1.webp) 50%/cover no-repeat;
        height: 56rem
    }

    .business,
    .education,
    .insurance,
    .mortgage,
    .personal {
        height: 45rem
    }

    ol.ps-lg-5.others-ol {
        margin-left: 30px
    }

    .insurance {
        background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/fixed-mob.webp) 50%/cover no-repeat
    }

    .personal {
        background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/personal-loan-mob.webp) 50%/cover no-repeat
    }

    .business {
        background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/business-loan-mob-1.jpg) 50%/cover no-repeat
    }

    .business .breadcrumb,
    .education .breadcrumb,
    .home-loan-bg .breadcrumb,
    .insurance .breadcrumb,
    .mortgage .breadcrumb,
    .others .breadcrumb {
        margin: 6rem 0 0
    }

    .education {
        background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/education-mob.webp) 50%/cover no-repeat
    }

    .mortgage {
        background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/mortgage-loan-mob.webp) 50%/cover no-repeat
    }

    .home-loan-bg {
        background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/home-loan-mob.webp) 50%/cover no-repeat;
        height: 45rem
    }

    .testimonial-element-img {
        bottom: 38px
    }

    .faq-para,
    footer address,
    footer p,
    footer ul li a,
    label,
    p {
        font-size: 1.67rem !important
    }

    .hero-section.hero-1 h1 {
        font-size: 3.5rem
    }

    .service-box .service-title {
        font-size: 2.1rem !important
    }

    .service-box .service-text {
        font-size: 1.77rem !important
    }

    .service-more {
        font-size: 2rem !important
    }

    footer .copyright-text {
        font-size: 1.67rem
    }

    input::placeholder,
    optgroup,
    select,
    textarea::placeholder {
        font-size: 1.67rem !important
    }

    .vision-box h3 {
        font-size: 1.8rem !important
    }

    .vision-box p {
        font-size: 1.67rem !important
    }

    .margin-top.loan-margin {
        margin-top: 42rem !important;
    }

    .contact-box {
        padding: 3rem;
    }

    .heading {
        font-size: 2.2rem
    }

    .heading span {
        font-size: 4rem
    }

    .call,
    .text-call {
        font-size: 2.2rem !important
    }

    .why-choose h3 {
        margin: 3rem 0
    }

    .service-page-margin {
        margin-top: 26rem
    }

    .blog-card img {
        height: 20rem;
        width: 100%
    }

    .why-choose {
        padding: 0
    }
}

@media (min-width:768px) and (max-width:1023px) {
    html {
        font-size: 85%
    }

    .btn {
        height: auto
    }

    .testi-box {
        height: 30rem
    }

    section {
        padding-right: 2rem !important;
        padding-left: 2rem !important
    }

    .blog-card img {
        height: 20rem;
        width: 100%
    }

    header {
        height: 4.6rem
    }

    header li.nav-item .nav-link.active::after {
        display: none
    }

    header ul {
        margin: 2rem 0
    }

    header li.nav-item {
        margin: 6px 0 0 30px
    }

    .navbar-light .navbar-toggler {
        color: var(--color);
        height: 5rem;
        width: 5rem;
        border-radius: 100%;
        border: .2rem solid var(--color);
        display: flex;
        justify-content: center;
        align-items: center
    }

    .navbar-light .navbar-toggler-icon {
        background: 0 0;
        width: auto !important;
        height: auto !important
    }

    .fa-bars.icon-1 {
        font-size: 2.5rem
    }

    .details img {
        width: 4.5rem
    }

    .nav-link span {
        color: var(--color-orange);
        font-size: 1.4rem;
        font-weight: 700
    }

    .mobile-direction {
        flex-direction: column
    }

    .mobile-direction .border-left {
        border-left: none;
        border-bottom: .2rem dashed var(--bg-border);
        padding: 0
    }

    .offer-bg .mobile-direction {
        margin-top: 55rem
    }

    .offer-bg .mobile-direction text {
        font-size: 3rem !important;
        text-align: center !important
    }

    .mobile-2 {
        text-align: center !important
    }

    .call,
    .mob,
    .mob-text,
    .text-call {
        text-align: center
    }

    .circle-text .rate,
    .circle-text .text {
        font-size: 4rem !important
    }

    .offer-bg .mobile-direction img {
        width: 35rem
    }

    .hero-section .apply-btn,
    .offer-bg .mobile-direction p {
        font-size: 2rem
    }

    .table-bottom .border-end.mobile-1 {
        display: flex;
        align-items: center
    }

    .table-bottom .border-end p {
        margin-left: .5rem
    }

    .table-bottom {
        padding-bottom: 0;
        overflow: hidden
    }

    .form-2,
    .loans-section {
        overflow: visible;
        position: relative
    }

    .table-bottom .more-service {
        width: 110%;
        margin-left: -2rem
    }

    .compare-loan #pills-tab {
        display: flex;
        justify-content: space-between;
        overflow-x: scroll;
        overflow-y: hidden;
        flex-wrap: nowrap;
        flex-direction: row
    }

    .compare-loan .nav-pills .nav-link.active:after {
        bottom: 0
    }

    .compare-loan .border-bottom {
        top: 3.2rem;
        border: .2rem
    }

    .hero-section.hero-1 {
        min-height: 90vh
    }

    .image2 {
        bottom: -4rem;
        width: 54rem;
        right: -3rem
    }

    .image1 {
        left: 0;
        top: 5rem;
        width: 35rem
    }

    .hero-section-text-container {
        margin: 4rem 0 2rem;
        text-align: center
    }

    .hero-element-img-bottom {
        right: -16rem
    }

    .element-img {
        left: 3.2rem
    }

    .mobile-hero img {
        width: 64rem;
        margin-right: -6.4rem;
        float: right
    }

    .heading span {
        font-size: 6rem
    }

    .offers-ad .mobile-direction.mob-1 {
        margin-top: 67rem;
        text-align: center !important
    }

    .offer-content.position-absolute {
        padding: 4rem
    }

    .mob-1 img {
        width: 30rem
    }

    .mob-1 .circle-text .rate {
        font-size: 6rem !important
    }

    .mob-1 .circle-text .text {
        color: var(--text-light);
        margin: 0;
        color: var(--text-light);
        font-size: 2.5rem !important
    }

    .call,
    .text-call {
        font-size: 3rem !important
    }

    .mobile-direction.d-flex.justify-content-between.align-items-center.mob-1 {
        margin-top: 44rem;
        text-align: center !important
    }

    .mob-1 .pd-r.mobile-2 {
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .chart-mob.emi-box {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center
    }

    .loans-section {
        height: 40rem
    }

    .business,
    .education,
    .insurance,
    .mortgage,
    .others,
    .personal {
        height: 45rem
    }

    .margin-top.py-lg-5.loan-margin {
        margin-top: 30rem
    }

    .others {
        background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/others-mob-1.webp) 50%/cover no-repeat
    }

    .insurance {
        background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/fixed-mob.webp) 50%/cover no-repeat
    }

    .personal {
        background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/personal-loan-mob.webp) 50%/cover no-repeat
    }

    .business {
        background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/business-loan-mob-1.jpg) 50%/cover no-repeat
    }

    .business .breadcrumb,
    .education .breadcrumb,
    .home-loan-bg .breadcrumb,
    .insurance .breadcrumb,
    .mortgage .breadcrumb,
    .others .breadcrumb {
        margin: 6rem 0 0
    }

    .education {
        background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/education-mob.webp) 50%/cover no-repeat
    }

    .mortgage {
        background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/mortgage-loan-mob.webp) 50%/cover no-repeat
    }

    .home-loan-bg {
        background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/home-loan-mob.webp) 50%/cover no-repeat;
        height: 45rem
    }

    .about-section {
        background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/about-mob.webp) 50%/cover no-repeat;
        height: 20rem
    }

    .contact-section {
        background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/contact-mob.webp) 50%/cover no-repeat;
        height: 20rem
    }

    .form-1 {
        height: 90rem
    }

    .contact-box .image img,
    .vision-box img,
    .why-choose img {
        width: 6rem
    }

    .contact-box .image {
        margin-bottom: 2rem
    }

    .partner-section {
        background: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/partners-mob.webp) 50%/cover no-repeat;
        height: 20rem
    }

    .form-2 {
        background-color: var(--bg-light-one);
        height: 94rem
    }

    .why-choose h3 {
        margin: 3rem 0
    }
}

@media only screen and (min-device-width:768px) {
    .hero-section.hero-1 {
        min-height: 83vh !important
    }

    .mobile-direction.d-flex.justify-content-between.align-items-center.mob-1 {
        margin-top: 37rem;
        text-align: center !important
    }

    .margin-top.home-margin {
        margin-top: 12rem
    }
}

@media (min-width:1024px) and (max-width:1200px) {
    .hero-section.hero-1 {
        min-height: auto !important;
        padding-bottom: 40px
    }

    .compare-loan #pills-tab {
        flex-wrap: nowrap;
        flex-direction: row
    }

    .offer-content.position-absolute {
        padding: 3rem
    }

    .offer-bg {
        background-image: url(/web/20220916095748im_/https://www.sugarmoney.in/assets/front/img/offer-mobile.webp);
        text-align: center;
        background-position: initial
    }

    .offer-bg .mobile-direction {
        margin-top: 25rem
    }

    .pd-r {
        padding-right: 0
    }

    .table-bottom .border-end.mobile-1 {
        display: flex;
        align-items: center
    }

    .table-bottom .border-end p {
        margin-left: .5rem
    }

    .table-bottom {
        padding-bottom: 0;
        overflow: hidden
    }

    .table-bottom .more-service {
        width: 110%;
        margin-left: -2rem
    }

    .margin-top {
        margin-top: 32rem
    }

    .compare-loan #pills-tab {
        display: flex;
        justify-content: space-between;
        overflow-x: scroll;
        overflow-y: hidden;
        flex-wrap: nowrap;
        flex-direction: row
    }

    .compare-loan .nav-pills .nav-link.active:after {
        bottom: 0
    }

    .compare-loan .border-bottom {
        top: 8.2rem;
        border: .2rem
    }

    .testi-box {
        margin: .5rem;
        height: 40rem
    }

    .margin-top.home-margin {
        margin-top: 22rem
    }

    .testimonial-element-img {
        bottom: 34px;
        left: -32px
    }

    .mobile-direction.d-flex.justify-content-between.align-items-center.mob-1 {
        margin-top: 0 !important;
        text-align: center !important
    }
}

@media (min-width:1200px) and (max-width:1300px) {
    .hero-section.hero-1 {
        min-height: 90vh !important
    }
}

@media (min-width:1300px) and (max-width:1600px) {
    .hero-section-text-container {
        margin: 14rem 0 0 .6rem
    }

    .hero-section.hero-1 {
        min-height: 80vh
    }

    .image2 {
        position: absolute;
        bottom: -15rem;
        right: -12.1rem;
        display: flex;
        justify-content: center;
        width: 74rem
    }

    .image1 {
        position: relative;
        left: 0;
        top: 10rem;
        width: 44rem
    }

    .about-section {
        height: 33rem
    }

    .mobile-direction.mob-1.home {
        margin-top: 12rem !important
    }
}

@media screen and (min-width:1600px) {
    html {
        font-size: 65%
    }

    .hero-section.hero-1 {
        min-height: auto !important;
        padding-bottom: 13rem
    }

    .image1 {
        left: 16rem;
        top: 8rem;
        width: 48rem
    }

    .image2 {
        bottom: -13rem;
        right: -31.5rem !important;
        width: 84rem
    }

    .pd-r {
        padding-right: 0
    }

    .circle-img {
        width: 22rem
    }

    .mobile-direction.mob-1.home {
        margin-top: 12rem !important
    }
}

@media only screen and (max-width:600px) {
    .hero-section.hero-1 {
        min-height: 80vh !important
    }

    .image1 {
        left: 0
    }

    .image2 {
        bottom: -4.5rem;
        right: 0;
        left: 0;
        width: 44rem
    }

    .offer-section .offer-img {
        width: 100%;
        height: 74rem !important
    }
}
/*
     FILE ARCHIVED ON 09:57:48 Sep 16, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:47:39 Nov 27, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.598
  exclusion.robots: 0.021
  exclusion.robots.policy: 0.01
  esindex: 0.011
  cdx.remote: 26.404
  LoadShardBlock: 150.508 (3)
  PetaboxLoader3.datanode: 160.82 (5)
  PetaboxLoader3.resolve: 7033.25 (2)
  load_resource: 7064.993
  loaddict: 42.902
*/