@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*,
.preview_video_box,
.privee_banner {
    padding: 0
}

.preview_video_box {
    padding: 58px 0;
}

.common_title,
.footer_bottom_right a:hover,
.section_title h2,
.section_title h3,
.section_title h5 {
    font-weight: 600;
}

.privee_app_wrapper,
.privee_banner {
    background-repeat: no-repeat;
    background-size: cover;
}

body {
    font-family: CenturyGothic, sans-serif;
    color: #212124;
}

.font_question {
    font-family: Poppins, sans-serif
}

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

a {
    text-decoration: none
}

a,
p,
h,
span {
    color: #212124;
}

.container {
    max-width: 1566px;
}


input:focus {
    outline: unset
}

.privee_banner {
    background-image: url("../images/four-smiling-women-covered-confetti-scaled.webp");
    display: grid;
    justify-content: center;
    align-items: center;
    background-position: center center;
    background-attachment: fixed;
    position: fixed;
    width: 100%;
}


.privee_banner::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1005%;
    background: #21212470;
    opacity: 1;
}

.banner_container {
    text-align: center;
    position: relative;
    z-index: 8;
    padding-top: 9rem;
    padding-bottom: 9rem;
}

@media (max-width: 767px) {
    .banner_container {
        padding-bottom: 3rem;
    }
}

@media (max-width: 575px) {
    .banner_container {
        padding-bottom: 3rem;
    }
}

.skill_btn {
    text-align: center;
    margin-top: 34px
}

.banner_container img {
    width: 42%
}

.banner_img {
    margin-top: 0px;
}

.common_title {
    font-size: 96px;
    line-height: 1;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
    font-family: impact;
    letter-spacing: 0;
}

.banner_title {
    font-size: 10rem;
    line-height: 1;
    font-family: impact;
    text-transform: uppercase;
}


@media (max-width: 1599px) {
    .banner_title {
        font-size: 11rem;
    }
}

@media (max-width: 1399px) {
    .banner_title {
        font-size: 7rem;
    }
}

@media (max-width: 1199px) {
    .banner_title {
        font-size: 9rem;
    }
}

@media (max-width: 991px) {
    .banner_title {
        font-size: 8rem;
    }
}

@media (max-width: 767px) {
    .banner_title {
        font-size: 6rem;
    }
}

@media (max-width: 575px) {
    .banner_title {
        font-size: 3.5rem;
    }
}

.download_app_banner {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 33px;
    margin-bottom: 83px
}

.coming_soon {
    margin-bottom: 82px;
    color: #fff;
    font-size: 20px
}

.download_app_banner img {
    width: 131.29px !important;
    border-radius: 7px;
}

.arrow_wrapper_icon svg {
    fill: #FFFFFF;
    width: 42px;
    height: 42px;
    animation: 3s infinite bouncePause
}

.footer_bottom_right {
    display: flex;
    gap: 14px;
    text-align: right;
    margin-right: 0px;
    /* justify-content: space-between; */
    margin-top: 0;
    padding-left: 0px;

}

.at_skill p,
.club_box,
.prev_app_img {
    text-align: center
}

.footer_bottom_right span {
    border-bottom: 1px dashed;
}

.footer_bottom_right a {
    color: #000
}

.new_footer_right {
    margin-right: 50px
}

@keyframes bouncePause {

    0%,
    100%,
    20%,
    40% {
        transform: translateY(0)
    }

    10%,
    30% {
        transform: translateY(20px)
    }
}

.preview_club_wrapper::after,
.preview_video_box::after,
.privee_app_wrapper::after {
    content: '';
    /* position: absolute; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: none;
    /* background: #000000a6 */
}

.preview_video_box {
    position: relative;
    height: 100%
}

.common_title.testimonial_title {
    font-size: 76px;
}

@media (max-width: 991px) {
    .common_title.testimonial_title {
        font-size: 56px;
    }
}

@media (max-width: 767px) {
    .common_title.testimonial_title {
        font-size: 45px;
    }
}

@media (max-width: 575px) {
    .common_title.testimonial_title {
        font-size: 29px;
    }
}

.section_wrapper {
    position: relative;
    z-index: 8;
    background: #ffffff63;
    backdrop-filter: blur(4px);
    padding: 76px;
    padding-bottom: 53px;
    border-radius: 30px;
    max-width: 998px;

    @media (max-width: 1599px) {
        max-width: 820px;
    }
}


.previee_video_content p,
.prev_app_content p {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    color: #000;
}



button {
    background-color: #000;
    font-size: 18px;
    fill: #FFFFFF;
    border-radius: 10px;
    padding: 20px 40px;
    border: unset
}

button a {
    color: #fff
}

.privee_app_wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
    background-image: url("../images/group_5.webp");
    background-position: top center;
    position: relative;
    display: grid;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

@media (max-width: 1199px) {
    .section.privee_app_wrapper {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.preview_at_skill_wrapper .container,
.preview_club_wrapper .container,
.privee_app_wrapper .container {
    position: relative;
    z-index: 9
}

.prev_app_img img {
    width: 90%
}

.prev_app_content ul {
    list-style-position: inside;
    padding-left: 3px;
    list-style-type: none;
    padding: 40px 0px;
}

.prev_app_content ul li {
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #212124;
    margin-bottom: 20px;
}

.privee_app .row {
    align-items: center
}

.preview_at_skill_wrapper,
.preview_club_wrapper {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    position: relative
}

.preview_at_skill_wrapper {
    background-image: url("../images/smiling-beautiful-girl-her-handsome-boyfriend-casual-summer-clothes-scaled-1.webp");
    min-height: 100vh;
    display: grid;
    align-items: center
}

.preview_at_skill_wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0000007d
}

.at_skill h1,
.at_skill h3 {
    font-size: 42px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 24px;
    text-align: center
}

.at_skill p {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    color: #fff
}

.skill_img {
    text-align: end
}

.skill_img img {
    width: 75%
}

.skill_left svg {
    fill: #ffd0e7;
    color: #ffd0e7;
    border-color: #ffd0e7;
    width: 2em;
    height: 2em
}

.skill_box {
    display: flex;
    display: flex;
    align-items: center;
    gap: 14px
}

.skill_left span {
    padding: 26px 20px;
    background: #000;
    border-radius: 10px
}

.skill_right {
    margin-top: 11px
}

.skill_right h3 {
    text-align: left;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 3px
}

.skill_right p {
    margin-bottom: 0;
    text-align: left
}

.skill_text img {
    height: 15px;
    object-fit: cover;
    object-position: center center;
    filter: brightness(0%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px
}

.skill_text button {
    margin-top: 38px
}

.preview_club_wrapper {
    background-image: url("../images/2.webp");
    min-height: 100vh;
    display: grid;
    align-items: center
}

.club_box_bg {
    background-image: url("../images/2.webp") !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.club_box h3 {
    color: #fff;
    margin-bottom: 46px;
}

.club_box p,
.club_box ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    color: #000;
}

.club_box p {
    margin-bottom: 2px;
    letter-spacing: 1px
}

.mail_box h2,
.mail_box h4 {
    font-weight: 600;
    color: #000
}

.club_box ul {
    padding-left: 0;
}

.club_box ul li {
    position: relative;
    text-align: left;
    letter-spacing: 0;
    margin-bottom: 40px;
    list-style-type: none;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
    padding-left: 60px;
}


.club_box ul li span {
    color: #fff;
}

.icon_cube {
    position: absolute;
    left: 0;
    top: 4px;
}

.mail_box_wrapper {
    text-align: center;
    padding: 0 11px;
    background: #fff4fa;
    position: relative;
    padding-top: 146px;
}

@media (max-width: 1199px) {
    .mail_box_wrapper {
        padding-top: 80px;
    }
}

.mail_box h2 {
    font-size: 50px;
    line-height: 82px
}

.mail_box h4 {
    font-size: 26px;
    text-transform: none;
    line-height: 34px;
    margin: 21px 0
}

.mail_box p {
    color: #000000d9;
    letter-spacing: 0
}

.main_sent_box,
.testimonials-wrap button {
    margin-top: 35px
}

.main_sent_box form {
    display: flex;
    justify-content: center;
    gap: 17px
}

.main_sent_box input {
    background: #ffd0e7;
    color: #000;
    height: 50px;
    border: 1px solid #dadbdd;
    border-radius: 7px;
    max-width: 100%;
    padding: 11px 15px;
    width: 30%
}

.main_sent_box button {
    height: 50px;
    padding: 5px 20px;
    border-radius: 7px
}

.footer_section {
    background: #ffd0e7;
    padding: 60px 11px 0px;
    position: relative;
}

.footer_section_left {
    /* width: 100% */
}

.footer_section_left img {
    margin-bottom: 50px
}

.footer_section_left p {
    color: #000000d9;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
    margin-bottom: 30px;
}

.Email_bottom_text a,
/* .email_section a, */
.footer_section_right h5 {
    color: #000;
    font-weight: 600
}

.copyright {
    color: #000000d9;
    display: flex;
    justify-content: space-between
}

.footer_section_right h5 {
    font-size: 22px
}

.email_section svg {
    width: 24px;
    height: 24px
}

.email_section {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 10px 0;
}

.footer_section_right {
    padding-left: 90px
}

.italic_box p {
    color: #000000d9;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
    margin-bottom: 5px;
}

.download_app_banner_left {
    justify-content: left;
}

.why_new_section_inner .container {
    padding: 54px 0;
    width: 86%
}

.first_text {
    background: #ffcfe7;
    padding: 20px;
    text-align: center;
    font-weight: 700
}

.ul_section ul li {
    margin-bottom: 11px
}

.ul_section h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px
}

.testimonials-wrap {
    padding: 40px 0;
    position: relative;
    z-index: 8;
    text-align: center
}

.testimonial_slider {
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url(../images/3.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: grid;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1199px) {
    .testimonial_slider {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.p-relative {
    position: relative;
}

/* robin */
.video-space {
    height: 100%;
}

.video-preview {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
}

.video-para3 {
    max-width: 380px;
}

.video-para4 {
    max-width: 425px;
}

.join-featurebox {
    padding: 0 25rem;
}

.mail_box_inner {
    padding: 0 160px;
}

@media (max-width: 1599px) {
    .mail_box_inner {
        padding: 0 76px;
    }
}

@media (max-width: 1399px) {
    .mail_box_inner {
        padding: 0 30px;
    }
}


.arrow_wrapper small {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.testi-style2::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .3;
    content: "";
    background: #212124;
}

@media (max-width: 1199px) {
    .testi-style2 .btn {
        margin-bottom: 30px;
    }
}

.comming_soon p {
    max-width: 610px;
}

@media (max-width: 575px) {
    .navbar-brand img {
        width: 100%;
    }
}