@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800;900&display=swap');
    /* font-family: 'Inter', sans-serif; */

    * {
        margin: 0px;
        padding: 0px;
        font-family: 'Inter';
    }

    .main-header-sec {
        background: #000040;
        padding-top: 60px;
        padding-bottom: 60px;
        /* padding: 60px; */
    }

    .main-btn {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .main-header-sec h1 {
        font-style: italic;
        font-weight: 600;
        font-size: 60px;
        line-height: 73px;
        color: #FFFFFF;
        text-align: center;
        margin-bottom: 15px;
    }

    .main-header-sec h1>span {
        color: #FF1F55;
    }

    .main-header-sec p {
        font-weight: 500;
        font-size: 22px;
        line-height: 27px;
        text-align: center;
        color: #FFFFFF;
        margin-bottom: 30px;
    }

    .main-header-sec .btn-work {
        background: #FF1F55;
        border-radius: 5px;
        padding: 8px 24px;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        width: fit-content;
        color: #FFFFFF;
    }

    .main-header-sec .btn-join {
        background: #383D74;
        border-radius: 5px;
        padding: 8px 40px;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        width: fit-content;
        color: #FFFFFF;
    }

    .main-header-sec .btn:focus {
        box-shadow: none;
    }

    .main-header-sec .ad-logo-sec img {
        margin-top: 50px;
    }

    .main-header-sec .ad-logo-sec .ad-sec {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .main-header-sec .ad-logo-sec .ad-sec img {
        width: 100%;
        /* width: 728px;
        height: 90px; */
        margin-top: 60px;
    }

    .owl-sec {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .owl-item img {
        width: 100%;
    }

    .owl-theme .owl-dots .owl-dot {
        display: none !important;
    }

    .owl-theme .owl-nav {
        display: none !important;
    }

    .advertise-bg {
        background-color: #FF1F55;
        padding-top: 133px;
        padding-bottom: 153px;
    }

    .advertise-bg h1 {
        font-weight: 600;
        font-size: 56px;
        line-height: 68px;
        color: #FFFFFF;
        margin-bottom: 10px;
    }

    .advertise-bg h1>span {
        color: #0A1940;
    }

    .advertise-bg p {
        font-weight: 400;
        font-size: 20px;
        line-height: 165.02%;
        color: #FFFFFF;
        margin-bottom: 30px;
    }

    .advertise-bg .btn {
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        color: #FFFFFF;
        background: #383D74;
        border-radius: 5px;
        padding: 9px 33px;
        border: none;
    }

    .advertise-bg .btn:focus {
        box-shadow: none;
    }

    .about-us-sec h1 {
        margin-top: 80px;
        text-align: center;
        font-weight: 600;
        font-size: 46px;
        line-height: 56px;
        color: #3A3A3A;
        margin-bottom: 15px;
    }

    .about-us-sec p {
        margin-bottom: 0px;
        font-weight: 400;
        font-size: 14px;
        line-height: 26px;
        color: #181818;
    }

    .rating-stars-sec {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .rating-stars-sec .checked {
        color: #FF1F55;
        padding-right: 6px;
    }

    .rating-stars-sec .review-text {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: #181818;
    }

    .map-sec {
        margin-top: 80px;
    }

    .map-sec .btn {
        background: #FF1F55;
        border-radius: 5px;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: #FFFFFF;
        padding: 9px 60px;
        margin-top: 80px;
    }

    .cards-sec {
        margin-top: 80px;
    }

    .user-card {
        background: #FFFFFF;
        border: 2px solid #EC801F;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 25px 0;
    }

    .profile-card {
        background: #FFFFFF;
        border: 2px solid #9057C9;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 25px 0;
    }

    .arrow-card {
        background: #FFFFFF;
        border: 2px solid #1492D1;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 25px 0;
    }

    .file-card {
        background: #FFFFFF;
        border: 2px solid #CB3941;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.09);
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 25px 0;
    }

    .user-card .inner-img {
        width: 70px;
        height: 70px;
    }

    .user-card .inner-img img {
        width: 100%;
    }

    .cards-sec {
        margin-bottom: 80px;
    }

    .cards-sec .card-body {
        padding: 0;
    }

    .cards-sec .card-body h5 {
        font-weight: 700;
        font-size: 20px;
        line-height: 23px;
        color: #181818;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    /* ================================== BITCOIN FAUCET PAGE START HERE ============================ */

    .bitcoin-facut {
        background: #000040;
    }

    .bitcoin-left {
        /* padding-top: 85px;
    padding-bottom: 110px; */
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .bitcoin-left h1 {
        font-style: italic;
        font-weight: 600;
        font-size: 60px;
        line-height: 73px;
        color: #FFFFFF;
        margin-bottom: 15px;
    }

    .bitcoin-left span {
        color: #FF1F55;
    }

    .bitcoin-left p {
        font-weight: 500;
        font-size: 22px;
        line-height: 27px;
        color: #FFFFFF;
        margin-bottom: 30px;
    }

    .bitcoin-left .btn {
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        color: #FFFFFF;
        background: #FF1F55;
        border-radius: 5px;
        padding: 8px 35px;
        width: fit-content;
        margin-bottom: 35px;
    }

    .bitcoin-left img {
        width: 100%;
    }

    .main-lower-sec {
        background-image: url(../img/backdropfilter.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .main-lower-sec p {
        font-weight: 500;
        font-size: 26px;
        line-height: 31px;
        color: #FFFFFF;
        text-align: center;
        padding-top: 37px;
        margin-bottom: 15px;
    }

    .main-lower-sec span {
        color: #FF1F55;
    }

    .main-lower-sec h6 {
        font-weight: 500;
        font-size: 26px;
        line-height: 31px;
        color: #FFFFFF;
        text-align: center;
        margin-bottom: 36px;
    }

    .what-bitcoin {
        margin-top: 80px;
    }

    .what-bitcoin img {
        width: 100%;
    }

    .what-bitcoin .bitcoin-inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .what-bitcoin h1 {
        font-weight: 600;
        font-size: 46px;
        line-height: 56px;
        color: #091940;
        margin-bottom: 25px;
    }

    .what-bitcoin h6 {
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: #181818;
        margin-bottom: 10px;
    }

    .what-bitcoin p {
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        color: #181818;
        margin-bottom: 30px;
    }

    .what-bitcoin .btn {
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        padding: 8px 27px 8px 23px;
        color: #FFFFFF;
        background: #FF1F55;
        border-radius: 5px;
        width: fit-content;
    }

    .what-bitcoin .btn .fa-play {
        font-size: 12px;
    }

    .claim-bitcoin {
        margin-top: 80px;
    }

    .claim-bitcoin h1 {
        font-weight: 600;
        font-size: 46px;
        line-height: 56px;
        color: #091940;
        margin-bottom: 0;
    }

    .claim-step-sec h2 {
        font-weight: 500;
        font-size: 18px;
        line-height: 150%;
        margin-top: 40px;
        color: #181818;
        text-align: center;
        margin-bottom: 15px;
    }

    .claim-step-sec .claim-card {
        background: #FFFFFF;
        border: 1px solid #0D936D;
        border-radius: 5px;
        padding: 15px 21px 18px 21px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 120px;
    }

    .claim-step-sec .claim-card1 {
        background: #FFFFFF;
        border: 1px solid #8C7BFD;
        border-radius: 5px;
        padding: 15px 14px 9px 14px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 120px;
    }

    .claim-step-sec .claim-card2 {
        background: #FFFFFF;
        border: 1px solid #F26200;
        border-radius: 5px;
        padding: 15px 14px 9px 14px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 120px;
    }

    .claim-step-sec img {
        /* width: 50px;
    height: 50px; */
        width: fit-content;
    }

    .claim-step-sec h6 {
        font-weight: 500;
        font-size: 12px;
        line-height: 150%;
        color: #181818;
        padding-top: 19px;
        margin-bottom: 0;
        text-align: center;
    }

    .claim-step-sec span {
        color: #FF1F55;
        text-decoration: underline;
        cursor: pointer;
    }

    .claim-step-sec .claim-card1 h6 {
        padding-top: 10px;
    }

    .claim-step-sec .claim-card2 h6 {
        padding-top: 10px;
    }

    .bitcoin-created {
        background-image: url(../img/bit-created.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        padding: 96px 40px;
        margin-top: 80px;
    }

    .bitcoin-created h1 {
        font-weight: 600;
        font-size: 46px;
        line-height: 56px;
        color: #FFFFFF;
        text-align: center;
        margin-bottom: 20px;
    }

    .bitcoin-created p {
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        color: #FFFFFF;
        margin-bottom: 0px;
        text-align: center;
    }

    /* ==================================== BITCOIN FAUCET PAGE END HERE =============================== */
    /* ====================================== MEDIA QUERIES START HERE =============================== */
    /* 1440 screen */

    @media only screen and (min-width: 1024px) and (max-width: 1440px) {
        .main-header-sec .ad-logo-sec img {
            padding-left: 128px;
            padding-right: 128px;
        }

        .advertise-bg {
            background-image: url(../img/adversting-bg.png);
            background-size: cover;
            background-repeat: no-repeat;
            width: 100%;
            padding-top: 133px;
            padding-bottom: 153px;
        }

        .main-header-sec .ad-logo-sec .ad-sec img {
            /* width: 100%; */
            width: 728px;
            height: 90px;
            margin-top: 60px;
        }
    }

    /* 1024 screen */

    @media only screen and (min-width: 992px) and (max-width: 1024px) {
        .advertise-bg {
            background-image: url(../img/banner-sm.png);
            background-size: cover;
            background-repeat: no-repeat;
            width: 100%;
            padding-top: 133px;
            padding-bottom: 153px;
        }

        .advertise-bg h1 {
            font-size: 50px;
        }
    }

    /* 768 screen */

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .advertise-bg {
            background-position: 100%;
        }

        .bitcoin-left h1 {
            font-size: 45px;
        }

        .bitcoin-left p {
            font-size: 20px;
        }

        .what-bitcoin h1 {
            font-size: 40px;
        }

        .bitcoin-created h1 {
            font-size: 40px;
        }

        .bitcoin-created p {
            font-size: 15px;
        }

        .claim-bitcoin h1 {
            font-size: 36px;
            line-height: 45px;
        }

        .claim-bitcoin h1 {
            font-size: 36px;
            line-height: 45px;
        }
    }

    @media only screen and (min-width: 480px) and (max-width: 767px) {}

    /* 425 screen */

    @media only screen and (min-width: 321px) and (max-width: 479px) {
        .main-header-sec h1 {
            font-size: 39px;
        }

        .main-header-sec p {
            font-size: 18px;
            line-height: 24px;
        }

        .main-header-sec .ad-logo-sec .ad-sec img {
            margin-top: 40px;
        }

        .advertise-bg {
            padding-top: 60px;
            padding-bottom: 60px;
        }

        .advertise-bg h1 {
            font-size: 33px;
        }

        .advertise-bg p {
            font-size: 18px;
            line-height: 160.02%;
        }

        .about-us-sec h1 {
            font-size: 29px;
        }

        .claim-bitcoin h1 {
            font-size: 38px;
            line-height: 50px;
        }

        .claim-bitcoin .claim-bit-img {
            display: none;
        }
    }

    /* 375 screen */

    @media only screen and (min-width: 320px) and (max-width: 425px) {
        .main-header-sec h1 {
            font-size: 30px;
        }

        .advertise-bg {
            padding-top: 60px;
            padding-bottom: 60px;
        }

        .advertise-bg h1 {
            font-size: 28px;
        }

        .about-us-sec h1 {
            margin-top: 60px;
            font-size: 25px;
        }

        .claim-bitcoin h1 {
            font-size: 35px;
            line-height: 45px;
        }

        .bitcoin-left h1 {
            font-size: 47px;
        }

        .main-lower-sec p {
            font-size: 19px;
        }

        .main-lower-sec h6 {
            font-size: 19px;
        }

        .what-bitcoin h1 {
            font-size: 40px;
        }

        .bitcoin-created {
            padding: 80px 0px;
        }

        .bitcoin-created h1 {
            font-size: 39px;
            line-height: 50px;
        }
    }

    /* 320 screen */

    @media only screen and (max-width: 320px) {
        .main-header-sec h1 {
            font-size: 27px;
        }

        .main-header-sec p {
            font-size: 15px;
        }

        .main-header-sec .btn-join {
            padding: 8px 26px
        }

        .main-header-sec .btn-work {
            padding: 8px 20px;
        }

        .advertise-bg h1 {
            font-size: 23px;
        }

        .advertise-bg p {
            font-size: 15px;
        }

        .advertise-bg .btn {
            font-size: 15px;
        }

        .about-us-sec h1 {
            font-size: 20px;
        }

        .about-us-sec p {
            font-size: 12px;
        }

        .claim-bitcoin h1 {
            font-size: 30px;
            line-height: 40px;
        }

        .claim-bitcoin .claim-bit-img {
            display: none;
        }

        .what-bitcoin h1 {
            font-size: 35px;
        }

        .main-lower-sec h6 {
            font-size: 18px;
            line-height: 27px;
        }

        .main-lower-sec p {
            font-size: 18px;
            line-height: 27px;
        }

        .bitcoin-left h1 {
            font-size: 37px;
        }

        .bitcoin-left p {
            font-size: 18px;
        }

        .bitcoin-created {
            padding: 60px 0px;
        }

        .bitcoin-created h1 {
            font-size: 32px;
            line-height: 40px;
        }
    }

    /* ================================map animation section start here================================= */
    /* For pricing text on card front cover */

    .map-img-area .card-front__text-price {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 11px;
        line-height: 13px;
        margin: 0px;
        color: #FFFFFF;
    }

    /* A container to hold the flip card and the inside page */

    .map-img-area .card {
        position: relative;
        transition: all 1s ease;
        width: 210px;
        border: none !important;
        background-color: transparent !important;
    }

    /* Front side's top section */

    .map-img-area .card-front__tp {
        align-items: center;
        clip-path: polygon(0 0, 100% 0, 100% 90%, 57% 90%, 50% 100%, 43% 90%, 0 90%);
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px 15px 30px;
    }

    .map-img-area .card-front__tp--city {
        background: #FF1F55;
    }

    /* Front card's bottom section */

    .map-img-area .card-front__bt {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-top: 10px !important;
    }

    .map-img-area {
        background-image: url(../img/map.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: 500px;
    }

    .css_blink {
        -webkit-animation-name: blinker;
        -webkit-animation-duration: 50s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: blinker;
        -moz-animation-duration: 5000ms;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
        animation-name: blinker;
        animation-duration: 8s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }

    .css_blink1 {
        -webkit-animation-name: blinker;
        -webkit-animation-duration: 60s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: blinker;
        -moz-animation-duration: 1000ms;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
        animation-name: blinker;
        animation-duration: 13s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }

    .css_blink2 {
        -webkit-animation-name: blinker;
        -webkit-animation-duration: 50s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: blinker;
        -moz-animation-duration: 5000ms;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
        animation-name: blinker;
        animation-duration: 18s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }

    @-moz-keyframes blinker {
        0% {
            opacity: 1.0;
        }

        50% {
            opacity: 0.0;
        }

        100% {
            opacity: 1.0;
        }
    }

    @-webkit-keyframes blinker {
        0% {
            opacity: 1.0;
        }

        50% {
            opacity: 0.0;
        }

        100% {
            opacity: 1.0;
        }
    }

    @keyframes blinker {
        0% {
            opacity: 1.0;
        }

        50% {
            opacity: 0.0;
        }

        100% {
            opacity: 1.0;
        }
    }