@font-face {
    font-family: DM_Bold;
    src: url(../fonts/DMSans-Bold.ttf);
}

@font-face {
    font-family: DM_Bold_italic;
    src: url(../fonts/DMSans-BoldItalic.ttf);
}

@font-face {
    font-family: DM_italic;
    src: url(../fonts/DMSans-Italic.ttf);
}

@font-face {
    font-family: DM_medium;
    src: url(../fonts/DMSans-Medium.ttf);
}

@font-face {
    font-family: DM_medium_italic;
    src: url(../fonts/DMSans-MediumItalic.ttf);
}

@font-face {
    font-family: DM_regular;
    src: url(../fonts/DMSans-Regular.ttf);
}

@font-face {
    font-family: Space_grotesk;
    src: url(../fonts/SpaceGrotesk.ttf);
}

:root {
    --primary: #A765FC;
    --secondary: #FFD951;
    --text: #000000BF;
    --accent: #97D813;
    --skyBlue: #11C7EF;
    --pink: #F8ECFF;
    --lightBlue: #E4FAFF;
    --lyt_yellow: #ECFAD0;
    --lyt_pink: #FFFFFF;
    --BlackT: #000000E6;
    --black: #000000;
    --white: #ffffff;
}

@media (min-width:0) and (max-width:767px) {
    .helpBox {
        padding: 0 !important;
    }

    .formBox {
        padding: 0 !important;
    }

    .title {
        font-size: 30px !important;
        line-height: 1.2;
    }

    .headertop {
        padding: 0 !important;
        display: block !important;
    }

    .info_p, .h6Heading {
        font-size: 13px !important;
    }

    .button_yellow, .button_purple {
        font-size: 13px !important;
        padding: 10px 20px;
    }

    .centerBox {
        width: 100%;
    }

    .logincomponent {
        display: none !important;
    }

    .row {
        margin-right: 0 !important;
        margin-left: 0 !important;
        --bs-gutter-x: 0 !important;
    }

    .site-body {
        padding: 35px 0;
    }

    #hero .img_section {
        display: none;
    }

    .img-slide {
        width: 35% !important;
    }

    .img_sectionMobile {
        display: block !important;
        padding: 0 !important;
    }

    .browse .img_section {
        display: none;
    }

    .form-label {
        font-size: 10px;
        top: -7px;
    }

    .info_section {
        padding: 0 !important;
    }

    .form-select, .age {
        height: 55px;
        font-size: 15px;
        width: 96%;
        background-color: #ffffff00;
    }

    .SerchInput.form-control, .autosearch {
        font-size: 15px !important;
    }

    .img3 {
        bottom: -40px;
    }

    .img4 {
        bottom: -20px;
    }

    .Members, .Testimonial, .browse, .WhyUS {
        padding: 50px 0;
    }

    .memberCol {
        margin-bottom: 11px;
    }

    .memberName {
        font-size: 17px;
    }

    .memberP {
        font-size: 14px;
    }

    .Testimonial .info_section {
        width: 100%;
    }

    .Testimonial .h6Heading, .Testimonial .title, .Testimonial .info_p {
        text-align: left;
    }

    .testim .wrap {
        padding: 0;
    }

    .Testimonial .container {
        padding: 0;
    }

    .testim .arrow.right {
        right: 5px;
    }

    .testim .arrow.left {
        left: 5px;
    }

    .testim .dots .dot {
        width: 8px;
        height: 8px;
    }

    .testim {
        margin: 35px 0;
    }

    .app {
        width: 45%;
    }

    .WhyUS .container, .packages .container {
        padding: 0 !important;
    }

    .working .col-lg-4 {
        padding: 0 !important;
        margin: 10px 0;
    }
    .working .col-lg-9{
        padding: 0 !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    #hero .info_section {
        padding: 0 20px !important;
    }
    .headertop{
        padding: 0 10px !important;
    }
    #mobileNav, .mob-div {
        display: none !important;
    }

    .logo-div {
        width: 20% !important;
    }

    .title {
        font-size: 27px;
    }

    .browse {
        padding-top: 0;
    }

    .browse .info_section {
        padding: 0 25px !important;
    }

    .browse .title {
        font-size: 32px !important;
    }

    .button_yellow, .button_purple {
        padding: 10px 30px !important;
        font-size: 15px !important;
    }

    .img4 {
        bottom: -35px;
    }

    .img3 {
        bottom: -70px;
    }

    .Members .title {
        font-size: 34px;
        text-align: center;
    }

    .centerBox {
        width: 80%;
    }

    .Testimonial .info_section {
        width: 100%;
    }

    .WhyUS .img-slide {
        display: none;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .title {
        font-size: 33px !important;
    }

    .logo-div {
        width: 30% !important;
    }

    .info_section {
        padding: 0 39px !important;
    }

    .button_yellow, .button_purple {
        padding: 15px 30px;
        font-size: 17px;
    }

    .WhyUS .img-slide {
        display: none;
    }

    #mobileNav {
        display: none !important;
    }
}

@media (min-width:1201px) and (max-width:4000px) {
    .logo-div {
        width: 30% !important;
    }

    #mobileNav {
        display: none !important;
    }
}