body {
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif!important;
    /*font-family: "Outfit", serif;*/
}

.container-fluid {
    width: 1600px;
}

header {
    /*background-color: #ffffff;*/
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
}

.inner-banner {
    background: url(../images/inner-banner.jpg) center no-repeat;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 120px 0 30px;
    font-size: 23px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    background-size: cover;
}

    .inner-banner h1 {
        margin: 0;
    }

    .inner-banner .bread {
        color: #fff;
        font-size: 14px;
        display: block;
        margin: auto;
    }

        .inner-banner .bread a {
            color: #f7b847;
            padding: 5px;
            text-decoration: none;
            font-size: 16px;
        }

.off-c-btn {
    background-color: transparent;
    border: 0;
    outline: 0;
}
.off-c-btn .navbar-toggler-icon {
    background-image:url(/assets/images/menu-bar.png)!important;
    background:no-repeat;
    /*filter: invert(100%) sepia(5%) saturate(288%) hue-rotate(326deg) brightness(116%) contrast(100%);*/
}
.navbar-toggler:focus {
    box-shadow:none!important;
    border:0!important;
    outline:0!important;
}

.navbar-brand {
    width: 20%;
    padding: 0;
}
.navbar-expand-lg {
    padding: 5px 0 2px !important;
}

.n-con li a {
    color: #fff;
    padding: 5px 0px;
    margin: 0px 15px;
    font-size: 18px;
    font-weight: 400;
    font-family: "Outfit", serif;
    transition: all .2s;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

    .n-con li a:hover {
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        font-family: "Outfit", serif;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

.n-con li .active {
    color: #890000 !important;
    border-bottom: 4px solid #890000;
}

/* .login-btn {
  background-color: #AD7107;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  font-family: "Outfit", serif;
  border: none;
  border-radius: 14px;
  width: 16%;
  padding: 10px 0;
} */

.login-btn a {
    background-color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: "Outfit", serif;
    color: #000 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-radius: 30px;
    padding: 8px 20px !important;
    margin: 0 !important;
    text-align: center;
    border: 0 !important;
}

    .login-btn a:hover {
        background-color: #d49417;
        color: #ffffff !important;
        text-decoration: none !important;
        border: 0 !important;
    }
.navbar-brand img {
    /*background: #ffffff;
    padding: 6px 20px;
    border-radius: 50%;    
    box-shadow: rgb(193 2 2) 0px 0px 16px;*/
    width:100%;
}

div#offcanvasExample {
    width: 70%;
    background-color: #191611d6;
}

.navbar-brands {
    width: 200px;
}

div#offcanvasExample ul li a {
    color: #fff;
    padding: 8px 15px;
    font-size: 17px;
    font-family: "Outfit", serif;
}

div#offcanvasExample ul li {
    border-bottom: 1px solid #776c66;
}

.btn-close {
    box-sizing: content-box;
    width: 16px;
    height: 16px;
    padding: .25em .25em;
    color: #000;
    background-color: #ffeaea !important;
    background-image: url('../images/close.png');
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    border: 0;
    border-radius: 10px;
    opacity: 1 !important;
}

.login-btn-off-c {
    background-color: #AD7107;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Manrope', sans-serif;
    border: none;
    border-radius: 0px;
    padding: 16px 0;
    width: 100%;
    margin: 25px 0 0 0;
}

.vide-back video {
    width: 100%;
}

.color-span {
    color: #FFC40C;
}



.banner-btn:hover {
    background-color: #fff;
    color: #000000;
}

.back-yellow {
    background-color: #FFC40C;
    padding: 40px 0;
}

.main-head {
    font-size: 50px;
    font-weight: 800;
    font-family: 'Manrope', sans-serif;
    text-transform: uppercase;
    text-align: center;
}



.hr-caption:after {
    background: #fff;
    content: 'A COMMERCIAL WEBSITE THAT LISTS WALLETS, EXCHANGES AND OTHER BITCOIN RELATED INFO';
    padding: 0 4px;
    position: relative;
    top: -13px;
    color: #000;
}

.about-sec {
    background-image: url('../images/pngegg.png');
    background-size: auto;
    background-position: left;
    background-repeat: no-repeat;
}



.read-m-btn {
    background-color: #FFC40C;
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Manrope', sans-serif;
    border: none;
    border-radius: 0px;
    transform: skewX(-20deg);
    width: 200px;
    padding: 14px 0;
    margin-top: 0px;
}

    .read-m-btn:hover {
        background-color: #000;
        color: #fff;
    }

.about-cont p {
    font-size: 20px;
}

.for-back {
    background-image: url('../images/serv-back.jpg');
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    padding: 80px 0 10px 0;
}

.why-card {
    margin: 0 0 50px 0;
    padding: 0 0 80px 0;
}

    .why-card img {
        width: 120px;
        align-items: center;
        position: relative;
    }

    .why-card .card {
        padding: 60px;
        top: 0;
        position: relative;
        transition: all .3s;
        border-radius: 20px;
    }



    .why-card .card-text {
        color: #000000;
        font-size: 30px;
        font-weight: 600;
        font-family: 'Manrope', sans-serif;
        position: relative;
    }

.card-back {
    background-image: url('../images/card-back.png');
    background-size: 70% 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px 15px 0 15px;
}

    .card-back:hover .card {
        top: -10px;
    }

.what-sec {
    background-image: url('../images/pngegg.png');
    background-size: auto;
    background-position: right;
    background-repeat: no-repeat;
}

.what-we-do img {
    width: 50px;
    align-items: center;
    position: relative;
}

.what-we-do .card {
    border-radius: 0px;
    border: none;
    height: 280px;
    padding: 40px 20px;
    border-bottom: 1px solid #bfbfbf;
}

.what-we-do .card-text {
    font-size: 18px;
}



.what-we-do-2 img {
    width: 50px;
    align-items: center;
    position: relative;
}

.what-we-do-2 .card {
    border-radius: 0px;
    border: none;
    height: 280px;
    padding: 40px 20px;
}

.what-we-do-2 .card-text {
    font-size: 18px;
}

.support img {
    width: 100px;
}

footer {
    /* background-image: url('../images/footer-back.jpg');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat; */
    background: #7E5002;
    padding: 100px 0;
}

footer p {
    color: #fff;
}

#app-footer {
    display:none;
}
.app-icon-box {
    margin-bottom: 50px;
}
.app-icon-box a i {
    background: #fdecec;
    color: #7f2b29;
    font-size: 25px;
    border-radius: 12px;
    padding: 10px;
    margin: auto;
    width: 45px;
}
.app-icon-box a small{
    display:block;
    color: #fff;
    padding-top: 6px;
    font-size: 13px;
    font-weight: 600;
}

.social-icon li {
    margin: 0px;
    padding-right: 30px;
}

.social-icon {
    margin: 0;
}

    .social-icon li a {
        color: #fff;
        font-size: 22px;
    }

.qlinks-ul {
    color: #fff;
    list-style-type: none;
    padding: 0;
}

    .qlinks-ul li {
        padding: 6px 0;
    }

        .qlinks-ul li a {
            color: #fff;
            text-decoration: none;
        }

.qlinks h4 {
    color: #ffdcdc!important;
    font-size: 22px;
    font-weight: 600;
    text-decoration:underline;
    /*text-transform: uppercase;*/
}

.qlinks span {
    color: #ffffff;
    font-family: "Outfit", serif;
}



.footer-bottom {
    border-top: 1px solid #955f05;
    background-color: #7E5002;
    padding: 15px 0;
}


/* ======================Home Page Slider CSS Starts=================== */

@media (min-width: 992px) {
    .slider, .slide {
        height: 90vh;
    }
}

.slide {
    position: relative;
}

    .slide .slide__img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

@media (min-width: 992px) {
    .slide .slide__img {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
}

.slide .slide__img img {
    max-width: 100%;
    height: auto;
    opacity: 1 !important;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    transition: all 1s ease;
    width: 100%;
}

.slide .slide__content {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Outfit", serif;
}

    .slide .slide__content.slide__content__left {
        left: 15%;
        transform: translate(-15%, -50%);
    }

    .slide .slide__content.slide__content__right {
        right: 15%;
        left: auto;
        transform: translate(5%, -50%);
    }

.slide .slide__content--headings {
    color: #FFF;
}

    .slide .slide__content--headings h2 {
        font-size: 30px;
        margin: 10px 0;
        font-family: "Outfit", serif;
    }

    .slide .slide__content--headings .animated {
        transition: all 0.5s ease;
    }

    .slide .slide__content--headings .top-title {
        font-family: "Outfit", serif;
        font-size: 20px;
    }

    .slide .slide__content--headings .title {
        font-size: 3.5rem;
    }

    .slide .slide__content--headings .button-custom {
        text-decoration: none;
        color: #333;
        padding: 10px 40px;
        font-size: 15px;
        display: flex;
        width: 220px;
    }

.slider [data-animation-in] {
    opacity: 0;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    transition: opacity 0.5s ease 0.3s;
}

.slick-dotted .slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: 25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            display: block;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 5px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none;
            }

.simple-dots .slick-dots li {
    width: 20px;
    height: 20px;
}

    .simple-dots .slick-dots li button {
        border-radius: 50%;
        background-color: white;
        opacity: 0.25;
        width: 20px;
        height: 20px;
    }

        .simple-dots .slick-dots li button:hover, .simple-dots .slick-dots li button:focus {
            opacity: 1;
        }

    .simple-dots .slick-dots li.slick-active button {
        color: white;
        opacity: 0.75;
    }

.stick-dots .slick-dots li {
    height: 3px;
    width: 50px;
}

    .stick-dots .slick-dots li button {
        position: relative;
        background-color: white;
        opacity: 0.25;
        width: 50px;
        height: 3px;
        padding: 0;
    }

        .stick-dots .slick-dots li button:hover, .stick-dots .slick-dots li button:focus {
            opacity: 1;
        }

    .stick-dots .slick-dots li.slick-active button {
        color: white;
        opacity: 0.75;
    }

        .stick-dots .slick-dots li.slick-active button:hover, .stick-dots .slick-dots li.slick-active button:focus {
            opacity: 1;
        }

/* /////////// IMAGE ZOOM /////////// */
@-webkit-keyframes zoomInImage {
    from {
        transform: scale3d(1, 1, 1);
    }

    to {
        transform: scale3d(1.1, 1.1, 1.1);
    }
}

@keyframes zoomInImage {
    from {
        transform: scale3d(1, 1, 1);
    }

    to {
        transform: scale3d(1.1, 1.1, 1.1);
    }
}

.zoomInImage {
    -webkit-animation-name: zoomInImage;
    animation-name: zoomInImage;
}

@-webkit-keyframes zoomOutImage {
    from {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes zoomOutImage {
    from {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.zoomOutImage {
    -webkit-animation-name: zoomOutImage;
    animation-name: zoomOutImage;
}

.slick-nav {
    --active: #fff;
    --border: rgba(255, 255, 255, .12);
    width: 44px;
    height: 44px;
    position: absolute;
    cursor: pointer;
    top: calc(50% - 44px);
}

    .slick-nav.prev-arrow {
        left: 3%;
        transform: scaleX(-1);
        z-index: 999;
    }

    .slick-nav.next-arrow {
        left: auto;
        right: 3%;
    }

    .slick-nav i {
        display: block;
        position: absolute;
        margin: -10px 0 0 -10px;
        width: 20px;
        height: 20px;
        left: 50%;
        top: 50%;
    }

        .slick-nav i:before, .slick-nav i:after {
            content: "";
            width: 10px;
            height: 2px;
            border-radius: 1px;
            position: absolute;
            left: 50%;
            top: 50%;
            background: var(--active);
            margin: -1px 0 0 -5px;
            display: block;
            transform-origin: 9px 50%;
        }

        .slick-nav i:before {
            transform: rotate(-40deg);
        }

        .slick-nav i:after {
            transform: rotate(40deg);
        }

    .slick-nav:before, .slick-nav:after {
        content: "";
        display: block;
        position: absolute;
        left: 1px;
        right: 1px;
        top: 1px;
        bottom: 1px;
        border-radius: 50%;
        border: 2px solid var(--border);
    }

    .slick-nav svg {
        width: 44px;
        height: 44px;
        display: block;
        position: relative;
        z-index: 1;
        color: var(--active);
        stroke-width: 2px;
        stroke-dashoffset: 126;
        stroke-dasharray: 126 126 0;
        transform: rotate(0deg);
    }

    .slick-nav.animate svg {
        -webkit-animation: stroke 1s ease forwards 0.3s;
        animation: stroke 1s ease forwards 0.3s;
    }

    .slick-nav.animate i {
        -webkit-animation: arrow 1.6s ease forwards;
        animation: arrow 1.6s ease forwards;
    }

        .slick-nav.animate i:before {
            -webkit-animation: arrowUp 1.6s ease forwards;
            animation: arrowUp 1.6s ease forwards;
        }

        .slick-nav.animate i:after {
            -webkit-animation: arrowDown 1.6s ease forwards;
            animation: arrowDown 1.6s ease forwards;
        }

@-webkit-keyframes stroke {
    52% {
        transform: rotate(-180deg);
        stroke-dashoffset: 0;
    }

    52.1% {
        transform: rotate(-360deg);
        stroke-dashoffset: 0;
    }

    100% {
        transform: rotate(-180deg);
        stroke-dashoffset: 126;
    }
}

@keyframes stroke {
    52% {
        transform: rotate(-180deg);
        stroke-dashoffset: 0;
    }

    52.1% {
        transform: rotate(-360deg);
        stroke-dashoffset: 0;
    }

    100% {
        transform: rotate(-180deg);
        stroke-dashoffset: 126;
    }
}

@-webkit-keyframes arrow {
    0%, 100% {
        transform: translateX(0);
        opacity: 1;
    }

    23% {
        transform: translateX(17px);
        opacity: 1;
    }

    24%, 80% {
        transform: translateX(-22px);
        opacity: 0;
    }

    81% {
        opacity: 1;
        transform: translateX(-22px);
    }
}

@keyframes arrow {
    0%, 100% {
        transform: translateX(0);
        opacity: 1;
    }

    23% {
        transform: translateX(17px);
        opacity: 1;
    }

    24%, 80% {
        transform: translateX(-22px);
        opacity: 0;
    }

    81% {
        opacity: 1;
        transform: translateX(-22px);
    }
}

@-webkit-keyframes arrowUp {
    0%, 100% {
        transform: rotate(-40deg) scaleX(1);
    }

    20%, 80% {
        transform: rotate(0deg) scaleX(0.1);
    }
}

@keyframes arrowUp {
    0%, 100% {
        transform: rotate(-40deg) scaleX(1);
    }

    20%, 80% {
        transform: rotate(0deg) scaleX(0.1);
    }
}

@-webkit-keyframes arrowDown {
    0%, 100% {
        transform: rotate(40deg) scaleX(1);
    }

    20%, 80% {
        transform: rotate(0deg) scaleX(0.1);
    }
}

@keyframes arrowDown {
    0%, 100% {
        transform: rotate(40deg) scaleX(1);
    }

    20%, 80% {
        transform: rotate(0deg) scaleX(0.1);
    }
}

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 40px;
    line-height: 1;
    opacity: .75;
    color: #6c0000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    /*left: -67px;*/
    left: 8px;
    z-index:9;
}
.slick-next {
    right: 25px !important;
}
/* ======================Home Page Slider CSS Ends=================== */


/* ======================Home Page top Form CSS Starts=================== */

.theme-btn {
    background-color: #d82833!important;
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 600;
    font-family: "Outfit", serif;
    border: none;
    border-radius: 5px;
    padding: 6px 10px;
    width: 100%;
}

    .theme-btn:hover {
        background-color: #fd7e14!important;
        color: #ffffff;
        font-weight: 600;
        border: none;
    }

.form-sec {
    position: relative;
    top: -230px;
}

.top-form {
    background: rgb(0 0 0 / 43%) !important;
    padding: 2px 15px 15px !important;
    border-radius: 10px !important;
}

    .top-form label {
        font-family: "Outfit", serif;
        color: #fff;
        margin: 0 0 6px 0;
    }

    .top-form select {
        font-family: "Outfit", serif;
        color: #000;
        border: none;
        padding: 8px;
    }

    .top-form button {
       /* margin: 27px 0 0px 0;*/
    }
/* ======================Home Page top Form CSS Ends=================== */


.stats-sec {
    margin: -80px 0 0 0;
}

.theme-heading {
    color: #000;
    font-family: "Outfit", serif;
    font-weight: 700;
}

.color1 {
    color: #494949;
}

.color2 {
    color: #810000;
}

.color3 {
    color: #8D8D8D;
}


.head-span {
    color: #f99c29!important;
}
.head-span:hover {
    color: #fff;
}

.special-someone {
    margin: 80px 0 80px 0;
}

.dark-back {
    background-color: #810000;
    padding: 100px;
    border-radius: 20px;
}

    .dark-back .card {
        padding: 30px 50px!important;
        margin: -180px 18px 0 18px;
        height: 290px;
        border-radius: 20px;
        box-shadow: 0 8px 8px 0 #00000057;
    }

        .dark-back .card img {
            width: 70px;
            align-self: center;
        }

.for-t-mar {
    margin-top: 130px;
}

.happy-stories {
    background-color: #FFEBEB;
    padding: 80px 0;
}

.card-slider {
    margin: 30px 0 0 0;
    text-align: center;
    align-self: center;
}

    .card-slider .card {
        padding: 20px;
        width: 92%;
        border: none;
        align-self: center;
        border-radius: 20px;
    }

        .card-slider .card h5 {
            color: #494949;
            font-family: "Outfit", serif;
            font-weight: 700;
        }

        .card-slider .card p {
            color: #8D8D8D;
            font-family: "Outfit", serif;
        }

        .card-slider .card hr {
            opacity: 1;
            color: #810000;
            width: 15%;
        }

        .card-slider .card .card-body {
            text-align: center;
        }

.location {
    color: #810000;
    font-family: "Outfit", serif;
    font-weight: 700;
}

.why-choose {
    display: flex !important;
    justify-content: start;
    border: none;
    flex-direction: row;
    margin: 0 0 15px 0;
}

    .why-choose p {
        font-size: 13px;
    }
    /* .why-choose .card-body{
margin: 0 0 0 20px;
} */

    .why-choose img {
        width: 60px;
        align-self: center;
    }

.why-choose-us {
    margin: 80px 0 80px 0;
}

.download-app {
    padding: 80px 0 80px 0;
    background: url(../images/app-back.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.simp {
    list-style-type: none;
    display: flex;
    justify-content: start;
    padding: 0;
    position: relative;
    left: -19px;
}

    .simp li {
        padding: 0 20px;
        border-right: 2px solid #ffe07a77;
        color: #FFE07A;
    }




.profile-slider {
    margin: 30px 0 0 0;
    text-align: center;
    align-self: center;
}

    .profile-slider .card {
        padding: 20px;
        width: 92%;
        border: none;
        align-self: center;
        border-radius: 20px;
    }

        .profile-slider .card h5 {
            color: #494949;
            font-family: "Outfit", serif;
            font-weight: 700;
        }

        .profile-slider .card p {
            color: #8D8D8D;
            font-family: "Outfit", serif;
        }

        .profile-slider .card hr {
            opacity: 1;
            color: #810000;
            width: 15%;
        }

        .profile-slider .card .card-body {
            text-align: center;
        }

.prof {
    text-decoration: none;
}

.community-search {
    margin: 60px 0 30px;
}

.fil-main-ul {
    list-style-type: none;
    padding: 0;
    margin-bottom:0;
}

    .fil-main-ul li {
        list-style-type: none;
        display: flex;
        justify-content: start;
        padding: 23px 0px;
    }

.main-u-li {
    border-bottom: 1px solid #00000045;
}

.fil-inner-ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    justify-content: start;
}

    .fil-inner-ul li {
        list-style-type: none;
        padding: 0 15px;
        border-right: 1px solid #494949a3;
    }

        .fil-inner-ul li a {
            text-decoration: none;
            color: #000;
        }

.filtr-main {
    margin: 50px 0 0px 0;
}

.uf-form-signin {
    width: 100%;
    max-width: 450px;
    padding: 50px;
    margin: 40px auto;
    background: #ffffff94;
}

.uf-input-group .input-group-text {
    background: #ffffff70;
    color: #f8f9fa;
    border: unset;
    font-size: 18px;
    padding: 15px;
    width: 50px;
}

.uf-input-group .form-control {
    border: unset;
    border-left: 1px solid #ffffff05;
    font-size: 16px;
    background: #ffffff70;
}

.uf-input-group .form-select {
    font-size: 16px;
}

.uf-input-group input[type=radio] {
    height: 25px;
    width: 25px;
    margin: 15px 10px 0 0;
}

.uf-input-group .inc {
    margin: 15px 25px 0 0;
}

.uf-input-group .form-control:focus {
    box-shadow: unset;
    background: #ffffff;
}

.uf-btn-primary {
    background: #842029;
    color: #fff;
}

    .uf-btn-primary:hover {
        background: #5a1118;
        color: #fff;
    }

.uf-form-check-input:checked {
    background-color: #842029;
    border-color: #842029;
}

.uf-social-login .uf-social-ic + .uf-social-ic {
    margin-left: 15px;
}

.uf-social-ic {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .uf-social-ic:hover {
        background: #842029;
    }

        .uf-social-ic:hover i {
            color: #fff;
        }




/* ===============Step Form css Starts Here ============== */

::selection {
    color: blue;
    background: var(--primary);
}
.Dashboardbox {
    width: 100%;
    background: #0303033d;
    text-align: center;
    border-radius: 10px;
    padding: 15px 35px 10px 35px;
}
.reg-form {
    width: 100%;
    background: #ffd5d5bf;
    text-align: center;
    border-radius: 10px;
    padding: 15px 35px 10px 35px;
}
.reg-form strong{
    text-align:left;
    display: block;
}
    .reg-form header {
        font-size: 35px;
        font-weight: 600;
        margin: 0 0 30px 0;
    }

    .reg-form .form-outer {
        width: 100%;
        overflow: hidden;
    }

        .reg-form .form-outer form {
            display: flex;
            width: calc(100% * var(--stepNumber));
        }

.form-outer form .page {
    width: calc(100% / var(--stepNumber));
    transition: margin-left 0.3s ease-in-out;
}

    .form-outer form .page .title {
        text-align: left;
        font-size: 25px;
        font-weight: 500;
    }

    .form-outer form .page .field {
        width: var(--containerWidth);
        height: 45px;
        margin: 45px 0 10px 0;
        display: flex;
        position: relative;
    }

form .page .field .label {
    position: absolute;
    top: -30px;
    font-weight: 500;
}

form .page .field input {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    border: 1px solid var(--inputBorderColor);
    border-radius: 5px;
    padding-left: 15px;
    margin: 0 1px;
    font-size: 18px;
    transition: border-color 150ms ease;
}

    form .page .field input.invalid-input {
        border-color: var(--errorColor);
    }

form .page .field select {
    width: 100%;
    padding-left: 10px;
    font-size: 17px;
    font-weight: 500;
}

form .page .field button {
    width: 100%;
    height: calc(100% + 5px);
    border: none;
    background: #842029;
    margin-top: -20px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: 0.5s ease;
}

    form .page .field button:hover {
        background: #000;
    }

form .page .btns button {
    margin-top: -20px !important;
}

    form .page .btns button.prev {
        margin-right: 3px;
        font-size: 17px;
    }

    form .page .btns button.next {
        margin-left: 3px;
    }

.reg-form .progress-bar {
    display: flex;
    margin: 20px 0;
    user-select: none;
    flex-direction: row;
}

    .reg-form .progress-bar .step {
        text-align: center;
        width: 100%;
        position: relative;
    }

        .reg-form .progress-bar .step p {
            font-weight: 500;
            font-size: 18px;
            color: #000;
            margin-bottom: 8px;
        }

.progress-bar .step .bullet {
    height: 35px;
    width: 35px;
    border: 2px solid #000;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    transition: 0.2s;
    font-weight: 500;
    font-size: 17px;
    line-height: 31px;
}

    .progress-bar .step .bullet.active {
        border-color: #008000;
        background: #008000;
    }

    .progress-bar .step .bullet span {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .progress-bar .step .bullet.active span {
        display: none;
    }

    .progress-bar .step .bullet:before, .progress-bar .step .bullet:after {
        position: absolute;
        content: "";
        bottom: 14px;
        right: -157px;
        height: 3px;
        width: 149px;
        background: #262626;
    }

    .progress-bar .step .bullet.active:after {
        background: var(--primary);
        transform: scaleX(0);
        transform-origin: left;
        animation: animate 0.3s linear forwards;
    }

@keyframes animate {
    100% {
        transform: scaleX(1);
    }
}

.progress-bar .step:last-child .bullet:before,
.progress-bar .step:last-child .bullet:after {
    display: none;
}

.progress-bar .step p.active {
    color: var(--primary);
    transition: 0.2s linear;
}

.progress-bar .step .check {
    position: absolute;
    left: 50%;
    top: 70%;
    font-size: 15px;
    transform: translate(-50%, -50%);
    display: none;
}

    .progress-bar .step .check.active {
        display: block;
        color: #fff;
    }

@media screen and (max-width: 660px) {
    :root {
        --containerWidth: 400px;
    }

    .progress-bar .step p {
        display: none;
    }

    .progress-bar .step .bullet::after,
    .progress-bar .step .bullet::before {
        display: none;
    }

    .progress-bar .step .bullet {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .progress-bar .step .check {
        position: absolute;
        left: 50%;
        top: 50%;
        font-size: 15px;
        transform: translate(-50%, -50%);
        display: none;
    }

    .step {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 490px) {
    :root {
        --containerWidth: 100%;
    }

    .reg-form {
        box-sizing: border-box;
        /*border-radius: 0;*/
    }
}

.intercast {
    width: 25px;
    height: 25px;
    margin: 0 10px 0 0;
}

.file-up input {
    margin: 0 15px 0 0;
}

.file-up label {
    font-weight: 700;
}

/* ===============Step Form css Ends Here ============== */

.text-justify {
    text-align: justify !important;
}

.bg-repeat {
    background: url(../images/bg-repeat.jpg) top;
}

.p-6 {
    padding: 50px 0;
}

.accordion-item {
    background-color: transparent;
    border: #9e0303 1px solid;
}

    .accordion-item button, input, optgroup, select, textarea {
        font-weight: 600;
    }

.accordion-button {
    background-color: transparent;
}

    .accordion-button:not(.collapsed) {
        color: #9e0303;
        background-color: transparent;
        box-shadow: none;
        border-bottom: #9e0303 1px solid;
    }

        .accordion-button:not(.collapsed)::after {
            filter: invert(10%) sepia(93%) saturate(3988%) hue-rotate(358deg) brightness(94%) contrast(113%);
        }

    .accordion-button::after {
        filter: invert(0%) sepia(7%) saturate(0%) hue-rotate(41deg) brightness(91%) contrast(106%);
    }

.accordion-body p {
    margin-bottom: 0;
}

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

.invalid-input {
    border: #ff0000 1px solid !important;
}


.profile-form input {
    background: white !important;
    font-size: 16px !important;
}

.profile-form select {
    background: white !important;
    font-size: 16px !important;
}

.profile-nav nav {
    position: relative;
}

    .profile-nav nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .profile-nav nav ul li {
            border-bottom: 1px solid #b17677;
        }
        .profile-nav nav ul li:last-child{
            border-bottom:0;
        }
            .profile-nav nav ul li a {
                display: block;
                padding: 10px 15px!important;
                color: #000!important;
                text-decoration: none;
                -webkit-transition: 0.2s linear;
                -moz-transition: 0.2s linear;
                -ms-transition: 0.2s linear;
                -o-transition: 0.2s linear;
                transition: 0.2s linear;
                text-align: left;
                font-size: 16px;
                font-weight: 500;
            }

                .profile-nav nav ul li a:hover {
                    background: #842029!important;
                    color: #fff!important;
                }

                .profile-nav nav ul li a.active {
                    background: #842029;
                    color: #fff!important;
                }

                .profile-nav nav ul li a .fa-caret-down {
                    width: 16px;
                    text-align: center;
                    margin-right: 5px;
                    float: right;
                }

        .profile-nav nav ul ul {
            background: #e3b2b1;
        }
        .profile-nav nav ul ul li:last-child{
            border-bottom:0;
        }
        .profile-nav nav ul li ul li a {
            border-left: 4px solid transparent;
            padding-left: 10px;
            /*padding: 10px 20px;*/
        }

            .profile-nav nav ul li ul li a:hover {
                border-left: 4px solid #3498db;
            }


.profileDashboard {
    width: 100px;
    height: 100px;
    background: white;
    border-radius: 15%;
    text-align: center;
    margin: auto;
    position: relative;
    overflow: hidden;
}
 .profileDashboard img {
        object-fit: cover;
        width: 100%;
        height:auto;
        border-radius:0;
    }

.profileDashboard-photo {
    width: 50px;
    height: 50px;
    background: white;
    border-radius: 100%;
    text-align: center;
    margin: auto;    
    border:#ccc 1px solid;
    overflow:hidden;
}

.Dashboard-profileid{
    background: #842029;
    padding: 5px 0;
    border-radius: 5px;
    color: white;
    width: 90px;
}

.profile {
    width: 120px;
    height: 120px;
    background: white;
    border-radius: 100%;
    text-align: center;
    margin: auto;
    position: relative;
    overflow: hidden;
}

    .profile img {
        object-fit: cover;
        width: 100%;
    }

.profile-photo {
    width: 50px;
    height: 50px;
    background: white;
    border-radius: 100%;
    text-align: center;
    margin: auto;    
    border:#ccc 1px solid;
    overflow:hidden;
}

.profile-nav {
    background: #ffd5d5bf;
    border-radius: 10px;
    text-align: center;
    padding: 15px 30px;
    margin-bottom: 15px;
}

.profile-camera {
    background: white;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 10px;
    bottom: 3px;
}

.profile-name h2 {
    margin: 10px 0;
    font-size: 18px;
    font-weight: 600;
    color: black;
}

.profile-name p {
    background: #842029;
    padding: 5px 0;
    border-radius: 5px;
    color: white;
}

.profile-member h3 {
    color: #842029;
    font-size: 18px;
}

    .profile-member h3 i {
        font-size: 16px;
    }

.membership {
    background: linear-gradient(90deg,rgba(112, 65, 2, 1) 0%, rgba(255, 234, 77, 1) 50%, rgba(112, 65, 2, 1) 100%);
    background-position: center;

    background-repeat: no-repeat;
    /* background: #ffe1e1; */
    border-radius: 5px;
    padding: 18px;
    margin-top: 15px;
    margin-bottom: 30px;
    text-align: start;
}

    .membership h5 {
        font-size: 18px;
    }

    .membership h4 {
        font-size: 16px;
        margin: 10px 0;
        font-weight: 500;
        color: #625e5e;
    }

    .membership a {
        background: #1e1e1c;
        border-radius: 5px;
        padding: 5px;
        display: block;
        color: white !important;
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
    }

/*.membership-gold {
    background-image: linear-gradient(#cea55c, gold, #cea55c) !important;
    border-radius: 25px;
    padding: 10px;
    width: 250px;
    margin: 0 auto 15px;
    border: #b98900 3px solid;
}*/
.membership-gold {
    background: #060606 !important;
    border-radius: 20px;
    padding: 10px;
    margin: 0 auto 15px;
    border: #ebcb8d 2px solid;
    /*display: inline-block;*/
}
.membership-gold h5{
    margin-bottom:5px;
}
.membership-gold h5 strong {    
    font-size:28px;
    color: #a17703;
    font-weight:800;
    text-transform:uppercase;
    background: linear-gradient(to right, #976d24, #fae2b4, #976d24);
    background-clip: text;
    color: transparent;  
    /* text-shadow:0px 1px 2px rgb(209 157 0);*/
   
}
.membership-gold .profile-member{
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    line-height: 18px;
}
.membership-silver {
    background: #060606 !important;
    border-radius: 20px;
    padding: 10px;
    margin: 0 auto 15px;
    border: #e1e0e0 2px solid;
}
.membership-silver h5 {
    margin-bottom: 5px;
}
.membership-silver h5 strong {
    font-size: 28px;
    color: #a17703;
    font-weight: 800;
    text-transform: uppercase;
    background:linear-gradient(to right, #c5c4c4, #fff, #c5c4c4);
    background-clip: text;
    color: transparent;
    /* text-shadow:0px 1px 2px rgb(209 157 0);*/
}
.membership-silver .profile-member{
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    line-height: 18px;
}




.membership-guaranteed {
    background: #060606 !important;
    border-radius: 20px;
    padding: 10px;
    margin: 0 auto 15px;
    border: #ebcb8d 2px solid;
    /*display: inline-block;*/
}
.membership-guaranteed h5{
    margin-bottom:5px;
}
.membership-guaranteed h5 strong {    
    font-size:21px;
    color: #a17703;
    font-weight:800;
    text-transform:uppercase;
    background: linear-gradient(to right, #976d24, #fae2b4, #976d24);
    background-clip: text;
    color: transparent;  
    /* text-shadow:0px 1px 2px rgb(209 157 0);*/
   
}
.membership-guaranteed .profile-member{
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    line-height: 18px;
}




.login-milan input {
    font-size: 16px !important;
}

.login-milan span {
    color: #890000 !important;
}

.login-button {
    background: #890000 !important;
    color: white !important;
    border: #b57474 2px solid !important;
}

.remember label {
    color: black;
}

.forget-button {
    text-decoration: none;
    color: black;
}

.uf-social-login a {
    text-decoration: none;
}

    .uf-social-login a i {
        color: #890000;
    }

.signup-button {
    color: black;
    font-weight: 600;
    text-decoration: none;
}

.dashboardSlider {
    text-align: center;
    margin: auto;
}

    .dashboardSlider .slick-prev {
        left: -30px;
    }

    .dashboardSlider .slick-next {
        right: -8px;
    }



    .recomended-card {
    background: #ffcfce;
    border-radius: 16px;
    /*width: 92%;*/
    overflow: hidden;
}

.daily-recomend-img {
    width: 100%;
}

    .daily-recomend-img img {
        width: 100%;
        object-fit: contain;
        padding-top: 10px;
        height: 135px;
    }



.recomend-content {
    padding: 5px;
}

    .recomend-content p {
        margin: 0;
        font-weight: 400;
        font-size: 12px;
        color: black;
    }

    .recomend-content h5 {
        margin: 6px 0;
        font-weight: 600;
        font-size: 15px;
        color: black;
    }

.daily-recomendation h2 {
    text-align: left;
    font-size: 20px;
    margin: 8px 0;
    font-weight: 700;
}

.daily-recomendation {
    margin-bottom: 20px;
    text-align: left;
}

    .daily-recomendation h6 {
        text-align: left;
        font-size: 16px;
        margin: 0;
        font-weight: 500;
    }

.view-all {
    margin-top: 20px !important;
    width: 330px;
    margin: auto;
    border-radius: 50px;
    background: #842029;
    color: white;
    padding: 8px 0px;
    border: 1px solid #d39316;
}

    .view-all a {
        color: #ffffff!important;
        text-decoration: none;
        font-size: 16px;
        font-weight: 600;
    }

.basic-headers {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

    .basic-headers h4 {
        font-size: 18px;
        color: black;
        margin: 0;
    }

    .basic-headers img {
        width: 70px;
    }

.basic-preference-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
    border-bottom: 1px solid #b17677;
    padding-bottom: 5px;
}

.groom-age h5 {
    margin: 0;
    font-size: 14px;
    text-align: left;
}

.groom-age {
    text-align: left;
}

    .groom-age p {
        margin: 0;
        font-size: 15px;
        font-weight: 600;
        text-align: left;
    }

.prefered-age {
    border: none;
}

.prefered-body select {
    border-bottom: 1px solid #f0e7e7 !important;
    border-radius: unset !important;
    border: none;
    outline: 0;
}

    .prefered-body select:focus {
        border-color: transparent;
        outline: 0;
        box-shadow: none;
    }

.prefered-body .form-group {
    margin-bottom: 20px;
}

.submit {
    border: none;
    color: white;
    font-size: 16px;
    font-weight: 600;
    padding: 7px 45px;
    border-radius: 35px;
    background: #842029;
}

.prefered-content {
    padding: 15px;
}

.prefered-body .form-select {
    border-radius: unset;
    border: none;
}

.dashboardSlider .slick-prev:before, .dashboardSlider .slick-next:before {
    font-size: 30px;
}


@media only screen and (max-width: 1600px) and (min-width: 1024px) {
    .profile-nav {
        padding: 10px 15px;
    }

        .profile-nav nav ul li a {
        }

    .reg-form {
        padding: 15px 20px;
    }

    .profile-nav nav ul li a {
        padding: 7px 8px;
        font-size: 15px;
    }

    .membership h4 {
        margin: 5px 0;
        font-size: 15px;
    }

    .membership h5 {
        font-size: 16px;
    }

    .membership {
        margin: 15px 0;
    }

    .profile-member h3 {
        font-size: 16px;
        margin: 10px 0;
    }

    .profile-name p {
        font-size: 15px;
    }

    .groom-age h5 {
        font-size: 13px;
    }

    .groom-age p {
        font-size: 15px;
    }

    .daily-recomendation h6 {
        font-size: 16px;
    }

    .daily-recomendation h2 {
        font-size: 18px;
    }

    .basic-headers h4 {
        font-size: 17px;
    }

    .basic-headers img {
        width: 60px;
    }
}




.top-main {
    background: #fff;
    box-shadow: 0 8px 8px 0 #0000003b;
    padding: 30px;
    border-radius: 10px;
}

#carouselExampleAutoplaying.slide {
    height: 100% !important;
}

.carousel-inner {
    border-radius: 10px;
}

.primium-m {
    color: #E0A40E;
    font-weight: 600;
}

.id-online-s {
    color: #f54643;
    font-size: 14px;
}

    .id-online-s span i {
        color: #00cd00;
        font-size: 10px;
    }

.otr-info span {
    font-size: 16px;
    font-weight: 600;
    margin: 0 10px;
}

.otr-info img {
    width: 21px;
}

.otr-info {
    margin: 12px 0;
}

.p-varification {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    align-items: center;
    width: 75px;
}

    .p-varification img {
        display: block;
        width: 50px;
    }

    .p-varification span {
        display: block;
        font-size: 12px;
    }

.p-varification-main {
    width: 450px;
}

.dasic-info-inner {
    display: flex;
    font-size: 15px;
    justify-content: start;
    align-self: center;
    margin: 0 0 7px 0;
}

.dasic-info-nam-img img {
    margin: 0 5px 0 0;
    align-self: center;
}

.dasic-info-nam-img {
    margin: 0 25px 0 0;
    align-self: center;
    width: 215px;
}

.side-img-main {
    border: 1px solid #0000002e;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    padding: 10px;
    box-shadow: 0 0px 7px 0 #00000038;
}

    .side-img-main img {
        margin: 0 0 10px 0;
        border: 1px solid #0000002e;
        border-radius: 10px;
    }

@media only screen and (max-width: 768px) {
    .p-varification-main {
        width: 300px;
    }

    .p-varification img {
        display: block;
        width: 40px;
    }

    .dasic-info-nam-img img {
        margin: 0 7px 30px 0;
        align-self: center;
        float: left;
    }

    .dasic-info-inner {
        display: block;
        justify-content: start;
        align-self: center;
        margin: 0 0 15px 0;
    }
    .top-main {
        background: #fff;
        box-shadow: 0 8px 8px 0 #0000003b;
        padding: 20px;
        border-radius: 10px;
    }
    .p-varification {
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        align-items: center;
        width: auto;
    }
    .qlinks h4 {
        margin-bottom: 0;
        font-size: 18px;
    }
    .qlinks-ul li {
        padding: 2px 0 0;
    }
    .qlinks-ul li a {
    font-size: 14px;
}
    .qlinks span {
        font-size: 14px;
    }
    .stats-sec {
        margin-top: -270px !important;
    }
    .offcanvas-body {
        height: 100vh;
    }
}

.Paidbenefits {
    background: #ffe8e8;
    border: 1px solid #0000004d;
    padding: 0px 25px 25px 25px;
    border-radius: 10px;
    justify-content: center;
}

    .Paidbenefits .for-h6 {
        background: red;
        color: #fff;
        padding: 3px 0 1px 0;
        line-height: 0px;
        width: 238px;
        border-radius: 0px 0 8px 8px;
        margin: 0 0 25px 0;
        text-align: center;
    }

.theme-btn-new {
    background: #0000;
    color: #890000;
    border: 1px solid #890000;
    padding: 6px 33px;
    border-radius: 100px;
}

    .theme-btn-new:hover {
        background: #890000;
        color: #fff;
        border: 1px solid #890000;
        padding: 6px 33px;
        border-radius: 100px;
    }

.YouMatch {
    background: #dfdfdf;
    display: flex;
    justify-content: space-between;
    padding: 27px;
    border-radius: 10px;
    align-items: center;
    margin: 0 0 30px 0;
    width: 80%;
}

    .YouMatch img {
        width: 90px;
        border-radius: 100%;
    }

.horoschop .modal-content {
    height: 500px!important;
    overflow-y: scroll!important;
}

.pop-pro-img{
    width:90px;
    border-radius:100%;
}



.address {
    font-size: 17px;
    margin: 40px 0 0;
}

    .address i {
        margin: 0 20px 0 0;
        font-size: 22px;
    }

.phone {
    font-size: 17px;
    margin: 40px 0 0;
}

    .phone i {
        margin: 0 8px 0 0;
        font-size: 22px;
    }

.email {
    font-size: 17px;
    margin: 40px 0 0;
}

    .email i {
        margin: 0 20px 0 0;
        font-size: 22px;
    }

.back-imgs {
    background: #fff8;
    padding: 30px;
    height:100%;
}

.cont-form input {
    border-radius: 0px;
    height: 40px;
    background: #ffffff70;
    margin: 10px 0;
    outline:0!important;
    box-shadow:0!important;
}

.cont-form textarea {
    border-radius: 0px;
    height: 100px;
    background: #ffffff70;
    margin: 10px 0 20px 0;
}

.form-pading {
    padding: 50px;
    border: 1px solid #bfbfbf;
}
.plan-box .card {
    border-radius: 10px !important;
    overflow: hidden;
    border-bottom: 5px solid #ad7107;
}
.plan-box .card-header {
    background: #ad7107 !important;
    color: #fff;
    text-align: center;
}
.plan-box .card-body .heading {
    font-size: 40px;
    color: #a30707;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
}
.plan-box .card-body h4 {
    color: #ad7107!important;
    font-size:28px;
}
.plan-box .card-body .month {
    font-size: 20px;
    color: #121212;
    transition: all 0.4sease 0s;
    -webkit-transition: all 0.4sease 0s;
}
.plan-box .card-body strong {
    font-weight: 500;
    color: #a30707;
}
.plan-box .card-body .btn-danger {
    background: #a30707 !important;
    border-color: #a30707 !important;
    font-weight: 600;
}
.plan-box .card-body .btn-danger:hover {
    background: #ad7107 !important;
    border-color: #ad7107 !important;
}

.form-filt select {
    box-shadow: none !important;
    outline: none !important;
}
.mutliSelect ul {
    list-style: none;
    padding: 0;
}
.mutliSelect ul li{
    display:inline-table;
    margin-right:5px;
    width: 45%;
}
.mutliSelect ul li .caste_class {
    margin-right: 5px;
}
.home-accordion .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
    box-shadow: none;
    outline: none;
    padding: 10px 0;    
}
.home-accordion .accordion-item{
    border-bottom:#ccc 1px solid;
}
.home-accordion .accordion-button:not(.collapsed) {
    border-bottom: 0;
}
.home-accordion .accordion-body {
    padding: 0 0 10px;
}
.home-accordion .fil-inner-ul {
    padding:0;
    margin:0;
}
.home-accordion .fil-inner-ul li:first-child{
    padding-left:0;
}

@media only screen and (max-width: 768px) {
    .form-pading {
        padding: 20px;
        border: 1px solid #bfbfbf;
    }
    .back-imgs {
        background: #fff8;
        padding: 20px;
    }
    .email {
        font-size: 17px;
        margin: 25px 0px;
    }
    .phone {
        font-size: 17px;
        margin: 25px 0px;
    }

    .address {
        font-size: 17px;
        margin: 25px 0px;
    }
    .form-filt {
        position: relative;
        margin-top: -25px;
    }
    .form-filt label {
        font-size: 14px;
    }
    .top-form label {
        font-size: 14px;
    }
    .form-select {
        font-size: 14px;
    }
    .special-someone {
        margin: 40px 0 40px 0;
    }
    .happy-stories {
        padding: 30px 0;
    }
    .why-choose-us {
        margin: 40px 0 40px 0;
    }
    .community-search {
        margin: 30px 0 30px 0;
    }
    .fil-inner-ul li{
        border-right:0;
    }
    .Dashboardbox {
        padding: 15px;
    }
    .reg-form {
        padding: 15px;
    }
    .input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
        font-size: 14px !important;
        padding:5px!important;
    }
    .form-outer .mb-3{
        margin-bottom:8px!important;
    }    

}

.carousel-inner {
    background: url(../images/back-banner.jpg) center no-repeat;
    height: 200px;
    background-size: cover;
}



.carousel-item {
    display: block !important;
    
}
    .carousel-item .for-hig {
        height: auto;
    }
.carousel-item img {
    object-fit: contain;
    height: 210px;
}

.for-height-slide .carousel-inner {
    border: #ccc 1px solid;
}
.phone title {
    border-radius: 5px!important;
    background: #fcecec!important;
    color: #000;
}
.bg-danger-dark {
    background: #842029;
}
.input-group-lg > .form-select, .input-group-sm > .form-select{
    padding-right:0;
}
.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
    padding: .5rem 1rem;
}

.table-th th {
border:0!important; padding:0!important;
}

.cussur-pointer{
    cursor:pointer;
}

.for-text-strip {
    /*background: #0008;*/
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 40%, rgba(247, 247, 247, 0) 87%);
    color: #fff;
    font-size: 15px;
    padding: 25px 0 10px;
    border-radius: 0px 0 10px 10px;
    position: relative;
    margin-top: -47px !important;
    /*bottom: 19px;
    z-index: 9999;
    width: 100%;*/
}
.mob-nav {
    margin: 0 0 -40px 0;
    /*z-index: 99 !important;*/
    position: relative;
    top: 25px;
    right: 12px;
}


.mob-nav button {
    background:#a3413c;
    border:none;
}

.pro-off-canva {
    background: #752424!important;
}



.for-position-data-main{
    position:relative;
    top:0px;
    display:block;
}

.search-rsult-img {
    width: 100%;
    overflow: hidden;
    margin:0 auto !important;
    border-radius:10px 10px 0 0;
    /*margin: 0 30px 20px 0 !important;*/
}

    .search-rsult-img .card img {
        width: 100%;
        height: 224px;
        object-fit: cover;
        object-position: top;
    }

    .search-rsult-img .card {
        width: 100%!important;
        padding:0px!important;
        border-radius:10px!important;
        

    }





.for-position-data {
    position: absolute;
    top: 0;
    background: #00000085;
    width: 70%;
    padding: 33px 37px;
    border-radius: 0px 10px 10px 0px;
    color: #fff !important;
    height: 100%;
    left: 36%;
}
input#txtcoupon {
    width: 100%;
}
button#btnapplycoupon {
    width: 28%;

}
@media only screen and (max-width: 768px) {
    .search-rsult-img {
        width: 100%;
        overflow: hidden;
        margin: 0 0 20px 0 !important;
    }

    button#btnapplycoupon {
        width: 46%;
 
    }
    input#txtcoupon {
        width: 87%;
    }

        .search-rsult-img .card img {
            width: 100%;
            height: 470px!important;
            object-fit: cover;
            object-position: top;
        }

        .search-rsult-img .card {
            width: 100%;
            padding: 10px !important;
            border-radius: 10px !important;
        }

    .for-position-data {
        position: absolute;
        top: 285px;
        background: #00000085;
        width: 100%;
        padding: 5px 14px;
        border-radius: 0 0 10px 10px;
        color: #fff !important;
        height: auto;
        left: 0;
    }
    .otr-info {
        margin: 3px 0!important;
    }
}
.top-main-search .online{
    display:none;
}
.top-main-search .online {
    display: none;
}
.right-box .login {
    display: none;
}
@media (max-width: 678px) {
    header{
        top:0px;
    }
    .navbar-brand img {       
        width: 160px;
    }
    .navbar-expand-lg .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl{
        display:block!important;
    }
    .right-box{        
        margin-top:24px;
    }
     .right-box .login{
         display:contents!important;
         font-size:15px;
     }
    .profile-match .top-main-search {
        background-image: none !important;
        background-color: #fff !important;
        padding: 0px !important;
    }
    .profile-match .search-rsult-img .card {
        padding: 0 !important;
        position: relative;
    }
    .position-relative .online {
        position: absolute;
        font-size: 13px;
        color: #fff;
        font-weight: 600;
        display: block;
        padding: 10px 10px 40px;
        padding: 10px 10px 40px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        width: 93%;
        text-align: left;
        background: rgb(0, 0, 0);
        background: linear-gradient(180deg, rgb(0 0 0 / 77%) 0%, rgb(247 247 247 / 0%) 60%);
        z-index: 999;
    }
    .position-relative .online i {
        color: #00cd00;
    }

    .top-main-search .online {
        position: absolute;
        font-size: 13px;
        color: #fff;
        font-weight: 600;
        display: block;
        padding: 10px 10px 40px;
        padding: 10px 10px 40px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        width: 93%;
        text-align: left;
        background: rgb(0, 0, 0);
        background: linear-gradient(180deg, rgb(0 0 0 / 77%) 0%, rgb(247 247 247 / 0%) 60%);
        z-index: 999;
    }

    .top-main-search .online i {
        color: #00cd00;
    }

     .profile-match .search-rsult-img{
         margin-bottom:0!important;
     }
     .profile-match .search-rsult-img .card img{
         border-radius: 10px;
     }
   .profile-match .for-text-strip{
       position: relative!important;
       bottom: 0!important;
   }
    .profile-match .for-text-strip {
        background: #000 !important;
        border-radius: 0 !important;
        width: 100%;
        display: none;
    }
    .profile-match .mt-4{
        margin-top:0!important;
    }
    .profile-match .ps-4{
        /*padding-left:0.8rem!important;*/
        padding-left:0!important;
    }
  .profile-match .bg-color{
      background: rgb(0,0,0);
      background: linear-gradient(0deg, rgba(0,0,0,1) 7%, rgba(247,247,247,0) 87%);
      padding:50px 10px 10px;
      color:#fff!important;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      /*text-shadow: 2px 2px #000000;*/
  }
  /*.profile-match .bg-color .primium{
      display:none;
  }*/
  .profile-match .bg-color h4{
      margin-bottom:2px!important;
      font-size: 19px;
      font-weight: 600;
  }
  .profile-match .bg-color .primium-m{
      color: #ffe002;
  }
  .profile-match .bg-color .fa-phone{
      color:#fff!important;
      font-size: 14px !important;
  }
  .profile-match .bg-color .otr-info span{
      font-size: 14px;
      font-weight: normal;
  }
  .profile-match .bg-color .otr-info img{
      width: 19px;
  }
  .profile-match .bg-color .id-online-s{
      color:#fff!important;

  }
  .profile-match .bg-color .phone a{
      color:#fff !important;
  }
  .profile-match .bg-color .otr-info {
        margin: 0px 0 !important;
    }
  .profile-match .bg-color .othr-info-pro i {
    background: #fff;
    color: #000000;
    padding:3px;
    font-size: 13px;
    /*display: inline-grid*/
;
  }
  .profile-match .top-main-search{
      position:relative;
  }
  .profile-match .top-main-search .profile-box{
      position: absolute;
      left:0;
      right:0;
      bottom: 0;
      padding: 0;
  }
    .mob-none{
        display:none!important;
    }
    .desh-none{
        display:block!important;
    }
    .form-sec h3{
        font-size:17px;
        margin-bottom:50px!important;
    }
    .top-form label{
        color:#fff!important;
    }
    .top-form button {
        margin-top:12px!important;
    }
    .Dashboardbox h5{
        font-size:17px;
    }
    .Dashboardbox .otr-info span{
        font-size:13px;
        font-weight:500;
    }
    .Dashboardbox .membership-gold{
        text-align:left;
        padding-bottom:0!important;
        margin-top:20px!important;
        margin-bottom:0!important;
    }
    .Dashboardbox .membership-gold h5 strong{
        text-align:left!important;
        font-size: 25px!important;

    }
    div#offcanvasExample ul li:last-child {
        border-radius: 0;
        background: #ffeaea;
    }
    .login-btn a {
        background: #ffeaea;
    }
    #app-footer {
        display: block;
        background: rgb(0 0 0 / 43%);
        padding: 7px 0px 2px;
        color: #fff;
        text-align: center;
        margin-top: 20px;
        font-size: 12px;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        border-top: #a55d5b 0px solid;
    }

   #app-footer i {
       color: #ffe2e2;
       display: block;
       font-size: 15px;
   }
   #app-footer img{
       height:17px!important;
   }

   #app-footer a {
       color: #ffe2e2;
       text-decoration: none;
       font-size: 12px;
   }
    .dark-back .card {
        padding: 40px 20px 0!important;
    }
    .groom-age {
        width: 290px;
        line-height: 22px;
        word-wrap: break-word;
    }
    .groom-age p{
        font-size:14px!important;
    }
    .hida {
        width: 260px!important;
    }
        /* .uf-form-signin{
          width: auto!important;
  }*/
    }

.hida {
    width: 240px;
    word-wrap: break-word;
    margin-right: 15px;
    display: block;
    font-size:14px;
}
.offcanvas-ul ul li:last-child {
    border-radius: 0;
    background: #ffeaea;
}
.mob-none {
    display: block;
}

.desh-none {
    display: none;
}



.top-main-search {
    background-image: url('/assets/images/card-back.png');
    background-color: #fff;
    box-shadow: 0 8px 8px 0 #0000003b;
    padding: 20px 24px;
    border-radius: 10px;
}
    .top-main-search .heading .for-text-strip {
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 40%, rgba(247, 247, 247, 0) 87%);
        color: #fff;
        padding: 25px 0 10px;
        border-radius: 0px 0 10px 10px;
        position: relative;
        bottom: 0;
        z-index: 99;
    }


    .for-height-slide {
        height: 100% !important;
    }


.carousel-inner {
    border-radius: 10px;
}

.primium-m {
    color: #E0A40E;
    font-weight: 600;
}

.id-online-s {
    color: #f54643;
    font-size: 14px;
}

    .id-online-s span i {
        color: #00cd00;
        font-size: 10px;
    }

.othr-info-pro i {
    background: #f55b58;
    font-size: 15px;
    color: #fff;
    border-radius: 32%;
    padding: 4px;
}
.otr-info span {
    font-size: 16px;
    font-weight: 600;
    margin: 0 15px 0 3px;
}

.otr-info img {
    width: 21px;
}

.otr-info {
    margin: 12px 0;
}

    .otr-info a {
        font-size: 17px;
        border: none;
        margin: 0 9px 0 0;
        width: 37px;
        padding: 5px;
    }


.for-img-blur {
    filter: blur(10px);
}

.for-remove-blur {
    filter: blur(0px);
}

.form-filt {
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #a5a5a5;
}

.block {
    display: none;
    font-size: 20px;
}

#load {
    font-size: 20px;
    color: green;
}

.daily-recomend-img {
    width: 200px;
}

.cursor-pointer{
     z-index:999!important;
}
.for-index{
    z-index:999!important;
}
.profile-slider2 .slick-slide {
    margin: 0 5px;
}
.clo-icon {
    position: relative;
    color: #000000;
    background: #fff;
    border-radius:50%;    
    margin:0 auto 3px;
    display:block;
    border: none;
    z-index: 99;
}

 .img-view .modal {
            display: none;
            position: fixed;
            z-index: 9999;
            padding-top: 100px;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: black;
        }

        /* Modal Content */
       .img-view .modal-content {
            position: relative;
            background-color: #fefefe;
            margin: auto;
            padding: 0;
            width: 100%;
            max-width:max-content;
        }

        /* The Close Button */
        .img-view .close {
            color: white;
            position: absolute;
            top: 10px;
            right: 25px;
            font-size: 35px;
            font-weight: bold;
        }

            .img-view .close:hover,
            .img-view .close:focus {
                color: #999;
                text-decoration: none;
                cursor: pointer;
            }

        /* Hide the slides by default */
       .img-view .mySlides {
            display: none;
            margin:auto;
        }

       .img-view .mySlides img{
            width:auto;
            height:650px;
            object-fit:cover;
            margin:auto;            
        }
        /* Next & previous buttons */
      .img-view .prev,
      .img-view .next {
            cursor: pointer;
            position: absolute;
            top: 50%;
            width: auto;
            padding: 16px;
            margin-top: -50px;
            color: white;
            font-weight: bold;
            font-size: 20px;
            transition: 0.6s ease;
            border-radius: 0 3px 3px 0;
            user-select: none;
            -webkit-user-select: none;
        }

        /* Position the "next button" to the right */
       .img-view .next {
            right: 0;
            border-radius: 3px 0 0 3px;
        }

            /* On hover, add a black background color with a little bit see-through */
           .img-view .prev:hover,
           .img-view .next:hover {
                background-color: rgba(0, 0, 0, 0.8);
            }

        /* Number text (1/3 etc) */
       .img-view .numbertext {
            color: #f2f2f2;
            font-size: 12px;
            padding: 8px 12px;
            position: absolute;
            top: 0;
        }

        /* Caption text */
       .img-view .caption-container {
            text-align: center;
            background-color: black;
            padding: 2px 16px;
            color: white;
        }

       .img-view img.demo {
            opacity: 0.6;
        }

       .img-view .active,
       .img-view .demo:hover {
            opacity: 1;
        }

       .img-view img.hover-shadow {
            transition: 0.3s;
        }

       .img-view .hover-shadow:hover {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }

.for-co-mo{
    color:#000;
}

@media (max-width: 678px) {
    /*.uf-form-signin {
        width: 100%;*/
        /* max-width: 450px; */
        /*padding: 70px 50px;*/
        /* margin: 40px auto; */
        /*background-color: #ffffff00;
        height: 100%;*/
        /* background: linear-gradient(360deg,rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 1) 100%); */
/*        background-image: url('../images/back.png');
        background-position: 0px -3px;
        background-repeat: no-repeat;
        background-size: contain;*/
    /*}*/


    .uf-form-signin {
        width: 100%;
        /* max-width: 450px; */
        padding: 0px 20px;
        /* margin: 40px auto; */
        background-color: #ffffff00;
        height: 100%;
        /*background: linear-gradient(360deg,rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 1) 100%);*/
    }
    .login-milan{
        margin:0 35px;
    }

    .for-mo-design {
        border-radius: 0 0 60px 60px;
        padding: 38px 0 15px 0;
        position: relative;
        top: 0;
        color: darkred;
        background: #ffffffb3;
        margin-bottom: 80px;
    }
    .remember label {
        color: #ffffff;
    }
    .forget-button {
        text-decoration: none;
        color: #fbe42c;
    }
    .login-milan span {
        color: #ffffff !important;
    }
    .signup-button {
        color: #ffd600;
        font-weight: 600;
        text-decoration: none;
    }
    .for-co-mo {
        color: #ffd600;
    }

    .input-group {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
        height: 40px;
    }

    .input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
        font-size: 14px !important;
        padding: 11px !important;
    }
    .body-padding{
        padding-bottom:80px!important;
    }
    .top-form {
        padding: 2px 10px 10px !important;
    }
    .form-sec .container-fluid {
        padding: 0 5px;
    }
 
    .profile-nav nav ul li a {
        color: #000 !important;
    }
    .profile-nav nav ul li:last-child {
        background: transparent!important;
    }

    #profilemobile a {
        color: #ffca2b;
    }
    .ps-sm {
        padding-left: 0.8rem !important;
    }
}


.tc-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 70px;
}

    .tc-container h2 {
        font-size: 42px;
        line-height: 1.4;
        color: #ccc;
        margin-bottom: 60px;
        text-align: center;
    }


/**
* Pricing Table
*/

.tc-pricing-style-1 {
    align-items: center;
}

    .tc-pricing-style-1 .tc-pricing-plan {
        position: relative;
        background-color: #fff;
        padding: 45px 30px;
        border-radius: 10px;
        box-shadow: 0 20px 40px -5px rgba(9, 30, 66, .3);
        margin: 60px 0 60px;
        z-index: 10;
        transition: 0.3s;
    }

        .tc-pricing-style-1 .tc-pricing-plan:before {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            width: 100%;
            background-color: #fff;
            height: calc(100% + 1px);
            transform: translate(-50%, -50%);
            z-index: -1;
            border-radius: 12px;
        }

        .tc-pricing-style-1 .tc-pricing-plan:after {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            width: calc(100% - 60px);
            background-image: linear-gradient(-30deg, #ab6c00 11%, #9f3b00 83.4%);
            height: calc(100% + 40px);
            transform: translate(-50%, -50%);
            z-index: -2;
            border-radius: 20px;
        }

    .tc-pricing-style-1 .pricing-head {
        text-align: center;
    }

        .tc-pricing-style-1 .pricing-head .price {
            font-size: 42px;
            color: #ffce79 !important;
            font-weight: 600;
            line-height: 1;
            margin-bottom: 12px;
            outline: #a03e00 1px solid;
            display: inline-flex;
            padding: 5px 20px;
            border-radius: 10px;
            background: #00000029;
        }
        .tc-pricing-style-1 .pricing-head .price i{
            margin-right:-9px;
        }

    .tc-pricing-style-1 .pricing-title {
        font-size: 16px;
        line-height: 1.4;
        margin-top: -7px;
        /*margin-right: -100px;*/
        margin-bottom: 30px;
        color: #ffce79 !important;
    }

    .tc-pricing-style-1 .pricing-duration {
        position: relative;
        z-index: 10;
        padding: 13px;
        line-height: 1;
        background-color: #00000040;
        margin: 0 -30px 30px;
        text-align: center;
        color: #fff;       
    }     

    .tc-pricing-style-1 .tc-pricing-plan:hover .pricing-duration:before {
        width: 100%;
        opacity: 1;
    }

    .tc-pricing-style-1 .pricing-content {
        position: relative;
    }

        .tc-pricing-style-1 .pricing-content .pricing-icon {
            margin-right: 10px;
            position: absolute;
            top: 63%;
            transform: translateY(-50%);
            right: -10px;
        }

            .tc-pricing-style-1 .pricing-content .pricing-icon > i {
                font-size: 150px;
                color: rgba(19, 19, 19, 0.09);
            }

        .tc-pricing-style-1 .pricing-content > ul {
            margin-bottom: 30px;
            margin-left: 10px;
        }

            .tc-pricing-style-1 .pricing-content > ul li {
                list-style: none;
                position: relative;
                padding-left: 30px;
                margin: 7px 0;
            }

                .tc-pricing-style-1 .pricing-content > ul li:before {
                    content: "\f058";
                    position: absolute;
                    font-family: "Font Awesome 6 Free";
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    font-size: 14px;
                    background: #4CAF50;
                    color: #ffff;
                    border-radius: 50%;
                    width: 23px;
                    height: 23px;
                    text-align: center;
                    line-height: 23px;
                    text-indent: 1px;
                }

                .tc-pricing-style-1 .pricing-content > ul li.not-in {
                    text-decoration: line-through;
                    color: #bbb;
                }

                    .tc-pricing-style-1 .pricing-content > ul li.not-in:before {
                        content: "\e082";
                        background-color: #e91e63;
                    }

    .tc-pricing-style-1 .pricing-footer {
        text-align: center;
    }

        .tc-pricing-style-1 .pricing-footer > a {
            padding: 14px 17px;
            line-height: 1;
            text-align: center;
            background-color: #ab6c00;
            color: #fff;
            min-width: 180px;
            display: inline-block;
            border-radius: 40px;
            text-decoration: none;
            transition: 0.3s;
        }


    .tc-pricing-style-1 .pb-row {
        -ms-flex-align: center;
        align-items: center;
    }

    .tc-pricing-style-1 .tc-pricing-plan.is-featured {
        padding: 30px 30px 50px;
    }
    .tc-pricing-style-1 .tc-pricing-plan.is-featured h1{
        font-size: 32px;
        color:#fff;
        text-align: center;
        font-weight: 600;
        margin-bottom: 30px;
        text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
    }

        .tc-pricing-style-1 .tc-pricing-plan.is-featured .pricing-duration {
            padding: 10px 18px;
        }

    .tc-pricing-style-1 .pricing-footer > a:hover,
    .tc-pricing-style-1 .pricing-footer > a:focus {
        box-shadow: 0 10px 30px #ddd;
        background-color: #9f3b00;
    }

    .tc-pricing-style-1 .tc-pricing-plan.is-featured:before {
        /*background-color: #3e028c;*/
        background: #792620 url(/assets/images/app-bg.jpg) bottom center no-repeat;
        background-size: cover;
    }

    .tc-pricing-style-1 .is-featured .pricing-head .price,
    .tc-pricing-style-1 .is-featured .pricing-content > ul,
    .tc-pricing-style-1 .is-featured .pricing-title {
        color: #fff;
    }

    .tc-pricing-style-1 .is-featured .pricing-content .pricing-icon > i {
        color: rgba(255, 255, 255, 0.1);
    }

    .tc-pricing-style-1 .is-featured .pricing-footer > a:hover {
        box-shadow: 0 10px 30px #131313;
    }
.border-box {
    border-radius: 15px !important;
    border: #e7b654 0px solid !important;
    background: #fff url(/assets/images/popup-bg.jpg) top no-repeat;
    background-size:cover;
}
.border-box .form-control {
     background: transparent;
     border-color: #e7b654 !important;
     box-shadow: rgb(231 182 84 / 59%) 0px 1px 4px;
}
.border-box label {
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 5px;
}
.border-box input{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    font-weight: 500;
    padding: 0;
    background: transparent;
    font-size:14px;
}