body {
    color: #696969;
    font-family: Ubuntu, sans-serif
}

#mainNav {
    background-color: #fff;
    min-height: 56px
}

#mainNav .navbar-toggler {
    border: 1px solid #515151;
    color: #515151;
    font-size: 80%;
    padding: .75rem
}

#mainNav .navbar-toggler:focus {
    outline: none
}

#mainNav .navbar-brand {
    color: #161616;
    font-weight: 700;
    padding: .9rem 0
}

#mainNav .navbar-nav .nav-item:hover {
    color: fade(#fff, 80%)
}

#mainNav .navbar-nav .nav-item:active,
#mainNav .navbar-nav .nav-item:focus,
#mainNav .navbar-nav .nav-item:hover {
    background-color: transparent;
    outline: none
}

img {
    -webkit-user-drag: none;
    user-drag: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.preloader {
    align-items: center;
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    background: rgba(0, 0, 0, .831);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 9999
}

.preloader img {
    animation: beat 5s infinite;
    height: auto;
    width: 170px
}

@keyframes beat {

    0%,
    to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }
}

@media (min-width:992px) {
    #mainNav {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background-color: transparent;
        border-bottom: none;
        padding-bottom: 0;
        padding-top: 0;
        transition: background-color .3s ease-in-out
    }

    #mainNav .nav-link {
        color: #fff;
        font-size: 15px;
        padding: 10px 18px;
        transition: none
    }

    #mainNav.navbar-shrink {
        background: #fff
    }

    #mainNav.navbar-shrink .navbar-brand {
        color: #fff
    }

    #mainNav.navbar-shrink .nav-link {
        color: #000;
        padding: 10px 18px
    }

    #mainNav.navbar-shrink .nav-link:hover {
        color: #417db7
    }

    #mainNav.navbar-shrink .nav-link.active {
        color: #417db7;
        outline: none
    }
}

.lw-login-btn {
    /* background: linear-gradient(89.37deg, #f03560 5.96%, #417db7 91.07%); */
    background: linear-gradient(89.37deg, #14214e 5.96%, #417db7 91.07%);
    border-radius: 40px;
    color: #fff !important;
    border:0;
}

@media (max-width:768px) {
    .lw-login-btn {
        color: #fff !important;
        display: flex;
        justify-content: center;
        margin: auto;
        width: 22%
    }
}

.masthead {
    background-attachment: scroll;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    min-height: 35rem;
    padding: 15rem 0;
    position: relative;
    width: 100%
}

.masthead h1 {
    color: #fff;
    font-family: Protest Riot, sans-serif;
    letter-spacing: .3rem
}

.masthead h2 {
    color: #ebebeb;
    font-size: 18px !important;
    line-height: 34px
}

@media (min-width:768px) {
    .masthead h1 {
        font-size: 4.5rem;
        line-height: 6rem
    }
}

@media (min-width:992px) {
    .masthead {
        height: 100vh;
        padding: 0
    }

    .navbar-dark .navbar-nav .nav-link {
        color: #515151
    }
}

.lw-logo-img {
    height: 120px;
    max-width: 60vw
}

@media (max-width:768px) {
    .lw-logo-img {
        height: 65px
    }
}

.lw-sub-title-katibeh {
    font-family: Katibeh, serif;
    font-size: 50px;
    line-height: 43px
}

@media (max-width:992px) {
    .lw-sub-title-katibeh {
        font-size: 40px;
        line-height: 36px
    }
}

.lw-special-btn {
    border-radius: 8px;
    color: #fff !important;
    font-weight: 500;
    padding: 10px 30px;
    position: relative;
    text-decoration: none;
    z-index: 1
}

.lw-special-btn:before {
    border-radius: 40px;
    left: -4px;
    margin: auto;
    pointer-events: none;
    top: -1px;
    transition: all .6s cubic-bezier(.175, .885, .32, 1.275);
    z-index: -10
}

.lw-special-btn:after,
.lw-special-btn:before {
    /* background: linear-gradient(89.37deg, #f03560 5.96%, #417db7 91.07%); */
    background: linear-gradient(89.37deg, #14214e 5.96%, #417db7 91.07%);
    content: "";
    inset: 0;
    position: absolute
}

.lw-special-btn:after {
    filter: blur(10px);
    transform: translateZ(0) scale(.95);
    z-index: -1
}

.lw-special-btn:hover:after {
    filter: blur(30px)
}

.lw-special-btn:hover:before {
    transform: rotate(-180deg)
}

.lw-special-btn:active:before {
    scale: .5
}

.lw-section-block img {
    margin-top: -3.5rem;
    width: 60%
}

h4 {
    font-family: Katibeh, serif
}

.lw-find-match-block {
    background: linear-gradient(180deg, hsla(0, 0%, 9%, .1) 0, hsla(0, 0%, 9%, .5) 75%, #161616), url(../../imgs/home/pexels-cottonbro-6800311.jpg);
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10rem 0
}

.lw-find-match-block .lw-search-container {
    -webkit-backdrop-filter: blur(15.5px);
    backdrop-filter: blur(15.5px);
    background: rgba(0, 0, 0, .45);
    border-radius: 10px;
    padding: 45px 0
}

@media (max-width:992px) {
    .lw-find-match-block .lw-search-container {
        padding: 25px
    }
}

.lw-find-match-block .lw-search-container label {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding-left: 9px
}

.lw-find-match-block .lw-search-container input,
.lw-find-match-block .lw-search-container select {
    border-radius: 20px;
    height: 40px
}

.lw-find-match-block .lw-search-container .lw-search-btn {
    background: linear-gradient(89.37deg, #14214e 5.96%, #417db7 91.07%);
    border-radius: 20px;
    margin-top: 27px;
    padding: 10px;
    border:0;

}

@media (max-width:768px) {
    .lw-find-match-block .lw-search-container .lw-search-btn {
        margin-top: 14px
    }
}

.lw-hows-it-works-container .card {
    background: transparent;
    border: none;
    padding: 35px 20px
}

@media (max-width:992px) {
    .lw-hows-it-works-container .card {
        text-align: center
    }
}

.lw-hows-it-works-container span {
    background: #e863ad;
    border-radius: 40px;
    height: 55px;
    text-align: center;
    width: 55px
}

@media (max-width:992px) {
    .lw-hows-it-works-container span {
        margin: auto
    }
}

.lw-hows-it-works-container span i {
    color: #fff;
    font-size: 18px;
    margin-top: 18px
}

.lw-hows-it-works-container span.bg-blue {
    background-color: #44abfc
}

.lw-hows-it-works-container span.bg-green {
    background-color: #1ad7ba
}

.lw-hows-it-works-container span.bg-violet {
    background-color: #9364f0
}

.lw-hows-it-works-container h5 {
    font-size: 21px;
    font-weight: 500
}

.lw-hows-it-works-container p {
    color: #454545;
    font-weight: 400
}

.lw-hows-it-works-container .lw-image {
    max-width: 350px;
    width: 310px
}

@media (max-width:992px) {
    .lw-hows-it-works-container .lw-image {
        display: flex;
        margin: auto;
        width: 80%
    }
}

.lw-features-block-section {
    background-color: #f6f5f7
}

.lw-features-block-section .card {
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
    margin-bottom: 15px;
    padding: 35px 22px;
    transition: box-shadow .3s ease
}

@media (max-width:992px) {
    .lw-features-block-section .card {
        text-align: center
    }
}

.lw-features-block-section .card:hover {
    box-shadow: 0 8px 12px rgba(0, 0, 0, .2)
}

.lw-features-block-section .card .card-icon {
    background-color: rgba(198, 29, 97, .1);
    border-radius: 40px;
    height: 55px;
    margin-bottom: 10px;
    text-align: center;
    width: 55px
}

@media (max-width:992px) {
    .lw-features-block-section .card .card-icon {
        margin: 10px auto
    }
}

.lw-features-block-section .card .card-icon i {
    color: #417db7;
    margin-top: 19px
}

.lw-features-block-section .card .card-title {
    color: #454545;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin: 10px 0
}

.lw-features-block-section .card .underline {
    background-color: #417db7;
    border-radius: 10px;
    height: 4px;
    width: 50px
}

@media (max-width:992px) {
    .lw-features-block-section .card .underline {
        margin: auto
    }
}

.lw-features-block-section .card .card-description {
    color: #454545;
    font-size: 14px;
    line-height: 1.6
}

@media (max-width:992px) {
    .lw-features-block-section .lw-headings {
        text-align: center
    }
}

.lw-main-features-block h5 {
    color: #2e2e2e;
    font-size: 15px;
    font-weight: 500;
    margin: 12px 0
}

.lw-main-features-block img {
    width: 70%
}

.lw-main-features-block h1 {
    font-size: 30px;
    font-weight: 500
}

@media (max-width:992px) {
    .lw-main-features-block h1 {
        font-size: 22px;
        text-align: center
    }
}

.lw-main-features-block p {
    color: #454545;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px
}

@media (max-width:992px) {
    .lw-main-features-block p {
        font-size: 14px;
        text-align: center
    }

    .lw-main-features-block .lw-div-reverse {
        display: flex;
        flex-wrap: wrap-reverse
    }
}

.lw-main-features-block .lw-messenger-video {
    filter: drop-shadow(10px 10px 0 #444444)
}

.lw-feature-container {
    background: url(../../imgs/home/bg-4.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.lw-feature-container .lw-feature-icon-img {
    width: 90%
}

.lw-feature-btn {
    background: linear-gradient(89.37deg, #14214e 5.96%, #417db7 91.07%);
    border-radius: 20px;
    color: #fff !important;
    margin: 23px 0;
    padding: 7px 14px;
    border:0;
}

.lw-couple-img {
    width: 100%
}

@media (max-width:992px) {
    .lw-couple-img {
        display: flex;
        margin: auto;
        width: 50%
    }
}

.lw-block-content {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    padding: 28px 13px
}

.lw-block-content .lw-sub-title-katibeh {
    font-size: 35px;
    line-height: 32px
}

.lw-block-content img {
    width: 50%
}

.bg-light-primary {
    background-color: #f6f5f7;
    background-color: rgba(198, 29, 97, .05)
}

.lw-description {
    color: #454545;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    padding: 0 15px
}

.faq-section {
    margin: 0 auto;
    max-width: 650px;
    padding: 20px
}

.faq-section .faq-question {
    background: #fff;
    border-radius: 24px;
    color: #2e2e2e;
    cursor: pointer;
    padding: 10px 20px;
    text-align: left;
    transition: background .3s;
    width: 100%
}

@media (max-width:768px) {
    .faq-section .faq-question {
        font-size: 13px
    }
}

.faq-section .faq-question.active {
    background: #417db7;
    color: #fff
}

.faq-section .faq-answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 15px;
    transition: max-height .3s ease
}

.faq-section .faq-answer p {
    color: #393939;
    margin: 10px 0
}

@media (max-width:768px) {
    .lw-center-block {
        text-align: center
    }

    .lw-underline {
        margin: 10px auto !important
    }

    footer .lw-logo-img {
        display: flex;
        margin: auto
    }
}

footer {
    background: url(../../imgs/home/people-2587249_1280.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: inset 0 4px 4px 478px rgba(0, 0, 0, .82)
}

footer h5 {
    font-weight: 500
}

footer a,
footer p {
    color: #7f7f7f;
    font-size: 13px;
    text-decoration: none !important
}

footer a:hover,
footer p:hover {
    color: #fff
}

footer .underline {
    background-color: #417db7;
    border-radius: 6px;
    height: 4px;
    margin: 10px 0;
    width: 50px
}

footer li {
    list-style: none;
    margin: 6px 0
}

footer li i {
    border: 1px solid #7f7f7f;
    border-radius: 50%;
    padding: 7px
}

@media (max-width:992px) {

    .navbar-dark .navbar-nav .nav-link,
    .navbar-dark .navbar-nav .nav-link:hover {
        color: #515151
    }

    .navbar-dark .navbar-nav .nav-link.active {
        color: #417db7
    }

    .lw-align-center {
        text-align: center
    }

    .lw-about-section {
        padding-top: 4rem;
        text-align: center
    }
}

.lw-about-section .couple-image {
    width: 95%
}

@media (max-width:992px) {
    .lw-center-block {
        display: flex;
        justify-content: center
    }
}

.lw-testimonial-bg-image {
    background: url(../../imgs/home/pexels-wildlittlethingsphoto-2055222.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: inset 0 4px 4px 454px rgba(0, 0, 0, .71)
}

.lw-testimonial-bg-image .testimonial-slider {
    overflow: hidden;
    position: relative
}

.lw-testimonial-bg-image .testimonial-slider .slider-container {
    display: flex;
    padding: 6rem 0;
    transition: transform .5s ease-in-out
}

@media (max-width:992px) {
    .lw-testimonial-bg-image .testimonial-slider .slider-container {
        padding: 3rem 0 0
    }
}

.lw-testimonial-bg-image .testimonial-slider .slider-container .slide {
    align-items: center;
    display: flex;
    min-width: 100%;
    padding: 20px
}

@media (max-width:992px) {
    .lw-testimonial-bg-image .testimonial-slider .slider-container .slide {
        display: block;
        text-align: center
    }
}

.lw-testimonial-bg-image .testimonial-slider .slider-container .slide .testimonial-image {
    display: inline-block;
    flex: 1;
    position: relative;
    text-align: center
}

.lw-testimonial-bg-image .testimonial-slider .slider-container .slide .testimonial-image img {
    border-radius: 6px;
    filter: drop-shadow(4px 4px 1px #b1b1b1);
    height: 24rem;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 24rem
}

@media (max-width:768px) {
    .lw-testimonial-bg-image .testimonial-slider .slider-container .slide .testimonial-image img {
        height: 20rem
    }
}

.lw-testimonial-bg-image .testimonial-slider .slider-container .testimonial-content {
    flex: 1;
    padding: 20px
}

.lw-testimonial-bg-image .testimonial-slider .slider-container .testimonial-content blockquote {
    color: #b9b9b9;
    font-size: 15px;
    font-style: italic;
    line-height: 1.6;
    margin: 0;
    position: relative
}

.lw-testimonial-bg-image .testimonial-slider .slider-container .testimonial-content .author-name {
    font-size: 1rem;
    font-style: italic;
    font-weight: 700;
    margin: 12px 0
}

.lw-testimonial-bg-image .lw-testimonial-button {
    background: none;
    cursor: pointer;
    font-size: 2rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

@media (max-width:768px) {
    .lw-testimonial-bg-image .lw-testimonial-button {
        top: 55%
    }
}

.lw-testimonial-bg-image .lw-testimonial-button.prev {
    left: 10px
}

.lw-testimonial-bg-image .lw-testimonial-button.next {
    right: 0
}

@media (max-width:768px) {
    .lw-testimonial-bg-image .lw-testimonial-button.next {
        right: 10px
    }
}