/* ar-vr development */

.ar-banner {
    background-position: center;
    height: 100vh;
    background: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/ar-vr-development/ar-vr-banner.webp")
        no-repeat bottom/cover;
}

.anti-bot-banner {
    height: 100vh;
    background: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/anti-bot-development/banner-bg.webp")
        no-repeat bottom/cover;
    width: 100%;
    margin-top: 73px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.rwa_banner {
    height: 100vh;
    background: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/rws/banner.webp")
        no-repeat bottom/cover;
}

.crypto-arbitrage_banner {
    height: 100vh;
    background: url("/assets/crypto-trading.png") no-repeat bottom/cover;
    width: 100%;
    margin-top: 73px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cross-chain-banner {
    height: 100vh;
    background: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/cross_chain_bridge/banner.webp")
        no-repeat bottom/cover;
}

.mlm-banner {
    height: 100vh;
    background: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/mlm_software_development/banner.webp")
        no-repeat bottom/cover;
}

.ar-banner .banner-secribtion {
    font-size: 20px;
}

.popular-ar .img-container {
    position: relative;
    width: 100%;
}

.popular-ar .image {
    display: block;
    width: 100%;
    height: auto;
}

.popular-ar .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #008cba;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: 0.5s ease;
}

.popular-ar .img-container:hover .overlay {
    height: 100%;
}

.popular-ar .text {
    color: white;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.popular-ar .figure {
    position: relative;
}

.popular-ar .figure img {
    border-radius: 30px;
}

.popular-ar figcaption.figure-caption {
    background: linear-gradient(to right, var(--secondary-color), #312570);
    padding: 10px;
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    color: #fff;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.popular-ar .figure:hover.overlay {
    height: 100%;
}

.popular-ar .figure .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to right, var(--secondary-color), #312570);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: 0.5s ease;
    border-radius: 30px;
}

.bussiness-card .card-container {
    border-radius: 10px;
    padding: 20px;
    height: 100%;
    display: block;
    position: relative;
    border-radius: 4px;
    padding: 32px 24px;
    margin: 12px;
    text-decoration: none;
    z-index: 0;
    overflow: hidden;
    transition: all 0.25s ease-out;
}

.bussiness-card .card-container:hover h3,
.bussiness-card .card-container:hover p,
.bussiness-card .card-container:hover ul li,
.bussiness-card .card-container:hover h5,
.bussiness-card .card-container:hover h4 {
    color: #fff;
}

.bussiness-card .card-container:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -16px;
    right: -16px;
    background: linear-gradient(180deg, #ff5500 0%, #8364b7 100%);
    height: 50px;
    width: 50px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform 0.25s ease-out;
}

.bussiness-card .card-container:hover:before {
    transform: scale(33);
}

.bussiness-card .go-corner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 32px;
    height: 32px;
    overflow: hidden;
    top: 0;
    right: 0;
    background-color: linear-gradient(180deg, #ff5500 0%, #8364b7 100%);
    border-radius: 0 4px 0 32px;
    transition: all 0.3s ease-out;
}

.bussiness-card .go-arrow {
    margin-top: -4px;
    margin-right: -4px;
    color: white;
}

.bussiness-card .card-container {
    border: 1px dotted #000;
}

/* & .col-md-6:nth-child(2) .card-container, .col-md-6:nth-child(3) .card-container, .col-md-6:nth-child(6) .card-container, .col-md-6:nth-child(7) .card-container{
      border: 2px dotted #000;
    } */

.bussiness-card .card-container h3 {
    color: #110d27;
    margin-bottom: 15px;
}

.bussiness-card .card-container ul li {
    position: relative;
    padding-left: 3rem;
}

.bussiness-card .card-container ul li::before {
    position: absolute;
    content: "";
    background-color: #ff5500;
    width: 8px;
    height: 8px;
    left: 0;
    top: 50%;
    border-radius: 50%;
}

/* & .card-container:hover{
      background-color: #110d27;
    } */

.ar-vr-differ {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/blockchain_development_company/common_list_bg.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #e7e7e7;
    margin-bottom: 60px;
    padding: 60px 0;
}

.ar-vr-differ .span__topic::before,
.span__topic::after {
    background: #6b8172;
}

.ar-vr-differ p {
    position: relative;
    margin-bottom: 45px;
    height: 22%;
    font-size: 18px;
}

.section_how-works p {
    height: 15%;
    margin-bottom: 30px;
}

.ar-vr-differ p::before {
    position: absolute;
    content: "";
    width: 82px;
    height: 100%;
    top: 0;
    left: -60px;
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/ar-vr-development/logo-icon.webp");
    background-size: contain;
    background-repeat: no-repeat;
}

.ar-tools .right-border {
    border-radius: 10px;
    background: linear-gradient(
        90deg,
        rgba(217, 217, 217, 0) -1.13%,
        rgba(212, 211, 211, 0.44) 101.88%
    );
    padding: 20px;
    margin-bottom: 20px;
    height: 17%;
}

.ar-tools .left-border {
    border-radius: 10px;
    background: linear-gradient(
        270deg,
        rgba(217, 217, 217, 0) -1.13%,
        rgba(212, 211, 211, 0.44) 101.88%
    );
    padding: 20px;
    margin-bottom: 20px;
    height: 17%;
}

.ar-tools ol {
    padding-left: 1rem;
}

.ar-tools ol li {
    padding-left: 1rem;
}

.ar-tools ol li::marker {
    color: #ff5500;
}

.ar-tools .green-bottom {
    width: 100%;
    background: #110d27;
    height: 80px;
    margin-top: -55px;
}

.ar-tools .arrow-bg {
    padding-top: 110px;
}

.ar-immersive .grid-row {
    display: grid;
    grid-template-columns: 100%;
    gap: 10px;
    justify-content: center !important;
}

.ar-immersive .card-container:nth-child(2),
.card-container:nth-child(4),
.card-container:nth-child(6),
.card-container:nth-child(8),
.card-container:nth-child(10),
.card-container:nth-child(12) {
    border-radius: 10px;
    background-color: #110d27;
    text-align: center;
    padding: 40px 20px;
    color: #fff;
    height: 100%;
}

.ar-immersive .card-container:nth-child(1),
.card-container:nth-child(3),
.card-container:nth-child(5),
.card-container:nth-child(7),
.card-container:nth-child(9),
.card-container:nth-child(11) {
    border-radius: 10px;
    background-color: #ff5500;
    text-align: center;
    padding: 40px 20px;
    color: #fff;
    height: 100%;
}

.ar-immersive .row > div:nth-child(even) .card-container {
    border-radius: 10px;
    background-color: #110d27;
    text-align: center;
    padding: 40px 20px;
    color: #fff;
    height: 100%;
}

.ar-immersive .row > div:nth-child(odd) .card-container {
    border-radius: 10px;
    background-color: #ff5500;
    text-align: center;
    padding: 40px 20px;
    color: #fff;
    height: 100%;
}
.ar-immersive .row > div:nth-child(10) .card-container {
    border-radius: 10px;
    background-color: #ff5500;
    text-align: center;
    padding: 40px 20px;
    color: #fff;
    height: 100%;
}
.ar-choose .bottom-border {
    border-bottom: 1px solid #d9d9d9;
    padding: 15px 0;
    height: 20%;
    width: 98%;
}

.faq-sec {
    background-color: transparent;
}

.faq-sec .accordion-item {
    border: none;
    margin: 20px 0;
    background-color: transparent;
}

.faq-sec .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: #000;
    font-weight: 300;
}

.faq-sec .accordion-header {
    border-radius: 50px;
    border: 1px solid #110d27;
    font-weight: 300;
}

.faq-sec .accordion-button {
    font-weight: 300;
    background-color: transparent;
}

.faq-sec .accordion-body {
    border-left: 1px solid #110d27;
    border-right: 1px solid #110d27;
    font-weight: 300;
    margin: 10px 25px 0 25px;
}

.faq-sec .accordion-button:focus {
    box-shadow: none;
}

.faq-sec .accordion-button:focus-visible {
    border: none;
}

.faq-sec .accordion-button::after {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/ar-vr-development/plus.webp");
}

.faq-sec .accordion-button:not(.collapsed)::after {
    transform: none;
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/ar-vr-development/minus.webp");
    transform: translateY(10px);
}

/* metaverse development */

.metaverse-banner {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/metaverse-development/ar-vr-banner.webp");
}

.metaverse-swiper {
    background-color: #110d27;
    padding: 60px 0;
}

.metaverse-swiper .swiper .swiper-slide .swiper-card {
    background-color: #fff;
    border-radius: 30px;
    width: 90%;
    margin: 0 auto;
}

.metaverse-swiper .swiper .swiper-slide .swiper-card .swiper-img {
    width: 300px;
    flex-shrink: 0;
    height: 300px;
    border-radius: 20px;
    /* transform: translateX(-80px); */
    overflow: hidden;
    background-color: #371b5b;
    padding: 10px;
}

.metaverse-swiper .swiper .swiper-slide .swiper-card .swiper-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.metaverse-swiper .span__topic::before,
.metaverse-swiper .span__topic::after {
    background: #fff;
}

.metaverse-swiper .swiper .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.metaverse-swiper .swiper .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "";
    font-size: 15px;
    background-color: #ff5500;
    color: #fff;
    border-radius: 50%;
}

.metaverse-swiper .swiper .swiper-button-next {
    right: 7%;
    top: 70%;
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/down-arrow.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.metaverse-swiper .swiper .swiper-button-prev {
    right: 10%;
    transform: rotate(180deg);
    top: 70%;
    left: auto;
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/down-arrow.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.metaverse-usecase .usecase-container {
    transition: 2s cubic-bezier(0.3, 0, 0, 1.3);
    margin: 0 10px;
    cursor: pointer;
}

.metaverse-usecase .usecase-container img {
    width: 142px;
    height: 439px;
    object-fit: cover;
}

.metaverse-usecase .usecase-container.active img {
    width: 100%;
    transition: 1s all ease-in-out;
}

.metaverse-usecase .usecase-container.active .usecase-title {
    display: block;
}

.metaverse-usecase .usecase-title {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    display: none;
    margin-top: 10px;
}

.practical-swiper .swiper-box {
    position: relative;
    background-color: #fff;
    height: 450px;
    padding: 50px;
}

.practical-swiper .swiper-box::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 150px;
    height: 550px;
    background-color: var(--primary-color);
    border-radius: 0 10rem 10rem 0;
    filter: blur(125px);
    transform: translateY(-50%);
    z-index: 1;
}

.practical-swiper .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.practical-swiper .swiper-slide {
    background-size: cover;
    background-position: center;
    font-size: 18px;
    align-items: center;
    display: flex;
}

.practical-swiper .swiper-parent {
    height: 350px;
    width: 40%;
    position: absolute;
}

.practical-swiper .swiper-child {
    height: 350px;
    box-sizing: border-box;
    /* padding: 10px 0; */
    width: 60%;
    margin-right: 0;
}

.practical-swiper .swiper-child .swiper-slide {
    background-color: #fff;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}

.practical-swiper .swiper-child .swiper-slide-active {
    opacity: 1;
}

.practical-swiper .swiper-content {
    width: 75%;
    margin: 0 auto;
}

.practical-swiper .swiper-button-prev {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/metaverse-development/practical-implement/arrow-left-line.svg");
    left: auto;
    right: 60px;
    top: 8%;
    width: 56px;
    height: 56px;
    background-color: #f7f7f7;
    border-radius: 30px 0 0 30px;
}

.practical-swiper .swiper-button-next {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/metaverse-development/practical-implement/arrow-right-line.svg");
    left: auto;
    right: 10px;
    top: 8%;
    /* background: #f7f7f7; */
    width: 56px;
    height: 56px;
    background-color: #f7f7f7;
    border-radius: 0px 30px 30px 0px;
}

.practical-swiper .swiper-button-next:after,
.practical-swiper .swiper-button-prev:after {
    display: none;
}

.metaverse-future .div__margin-bottom {
    margin-bottom: 2rem;
}

/* metaverse real estate */

.metaverse-realestate-banner {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/metaverse-realestate/banner.webp");
}

.metaverse-realestate-banner .banner-wrapper {
    /* transform: translatey(50%); */
    transform: translate(-50%, -50%);
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 73px;
}

.metaverse-realestate-banner .swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 0;
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
    transform: rotate(90deg);
}

.metaverse-realestate-banner .swiper-scrollbar-drag {
    background: #312570;
}

.metaverse-realestate-banner .swiper-scrollbar {
    background: #ff5500;
}

.metaverse-realestate-banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.metaverse-realestate-banner .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.metaverse-realestate-banner h2 {
    font-size: 50px;
    color: #fff;
    display: block;
}

.metaverse-realestate-banner .scrollswiper {
    height: 135px;
}

.realestate-luxury .swiper-button-next {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/metaverse-development/practical-implement/arrow-right-line.svg");
    left: auto;
    right: 0;
    top: 50%;
    width: 35px;
    height: 35px;
    background-color: #f7f7f7;
    border-radius: 50%;
    background-size: 18px;
}

.realestate-luxury .swiper-button-prev {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/metaverse-development/practical-implement/arrow-left-line.svg");
    right: auto;
    left: 0;
    top: 50%;
    width: 35px;
    height: 35px;
    background-color: #f7f7f7;
    border-radius: 50%;
    background-size: 18px;
}

.realestate-luxury .swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}

.realestate-luxury .card-container1 {
    border-radius: 10px;
    background: linear-gradient(180deg, #ff5500 0%, #8364b7 100%);
    text-align: center;
    padding: 55px 30px;
    color: #fff;
    margin: 0 10px;
    height: 100%;
}

.realestate-luxury .card-container2 {
    border-radius: 10px;
    background: linear-gradient(180deg, #ff5500 0%, #8364b7 100%);
    text-align: center;
    padding: 55px 30px;
    color: #fff;
    margin: 0 10px;
    height: 100%;
}

/* ai powered blockchain */

.tech-sec .tech_list {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    row-gap: 20px;
    column-gap: 20px;
}

.tech-sec li .tech-border {
    border: 1px dotted #000;
    width: 195px;
    margin: 0 auto;
    padding: 20px;
}

/* nft devlopment */

.intro-nft-banner {
    position: relative;
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/nft-development/banner/nft-banner.webp");
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    margin-bottom: 50px;
}

.intro-nft-banner .h1-word {
    font-size: 45px;
    line-height: 1.4;
    color: #fff;
}

.intro-nft-banner .nft-wrapper {
    width: 600px;
    margin: 0 auto;
}

.intro-nft-banner .intro-bg-arc {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    margin-top: 5vw;
    animation: intro-bg-arc-anim 2s ease forwards;
    opacity: 1;
    transform: translateY(5%) scale(0.95);
    will-change: transform, opacity;
    left: 20%;
}

.intro-nft-banner .intro-bg-arc svg {
    width: 1200px;
}

.intro-nft-banner .wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    -moz-column-gap: 30px;
    column-gap: 30px;
    align-items: center;
    height: 100%;
    position: relative;
}

.intro-nft-banner .wrapper .intro-titles {
    opacity: 0;
    transform: translateY(50px);
    grid-column: 1/-1;
    display: flex;
    flex-direction: column;
    gap: 30px;
    background: rgba(0, 0, 0, 0)
        radial-gradient(
            closest-side at 50% 50%,
            rgba(30, 83, 0, 0.4) 0%,
            rgba(0, 0, 0, 0) 100%
        )
        0% 0% no-repeat padding-box;
    background-size: 100%;
    margin-top: 100px;
    padding: 400px 430px 100px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.intro-nft-banner .intro-bg-wrapper {
    position: absolute;
    pointer-events: none;
    width: 100%;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.intro-nft-banner .intro-bg-wrapper .intro-bg {
    --size: 1600px;
    aspect-ratio: 1/1;
    width: var(--size);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: ring-rotate 60s linear infinite -0.4s;
    animation: ring-rotate 60s linear infinite -1s;
    transform: rotate(-10deg);
    z-index: 1;
}

.intro-nft-banner .intro-bg-wrapper .intro-bg .ring {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    --rotation: 0;
    border-radius: 50%;
    transform: rotate(calc(var(--rotation) * 1deg));
    will-change: transform;
}

.intro-nft-banner .intro-bg-wrapper .intro-bg .ring .card {
    max-width: -moz-fit-content;
    max-width: fit-content;
    position: relative;
    top: -50px;
    background-color: rgba(255, 255, 255, 0.05);
    padding: 1rem;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-backdrop-filter: blur(5px) brightness(1.1);
    backdrop-filter: blur(5px) brightness(1.1);
    will-change: transform, opacity;
    animation: card-intro 1s cubic-bezier(0.27, 0.21, 0, 1.1) forwards;
    animation-delay: calc(var(--animation-multiplier) * 0.085s);
    opacity: 1;
    transform: translateY(50%);
    transform: translateY(50%) scale(0.95);
    will-change: transform, opacity;
}

.intro-nft-banner .intro-bg-wrapper .intro-bg .ring:nth-child(1) {
    --rotation: -80;
    --animation-multiplier: 0;
}

.intro-nft-banner .intro-bg-wrapper .intro-bg .ring:nth-child(2) {
    --rotation: -40;
    --animation-multiplier: 1;
}

.intro-nft-banner .intro-bg-wrapper .intro-bg .ring:nth-child(3) {
    --rotation: 0;
    --animation-multiplier: 2;
}

.intro-nft-banner .intro-bg-wrapper .intro-bg .ring:nth-child(4) {
    --rotation: 40;
    --animation-multiplier: 3;
}

.intro-nft-banner .intro-bg-wrapper .intro-bg .ring:nth-child(5) {
    --rotation: 80;
    --animation-multiplier: 4;
}

.intro-nft-banner .intro-bg-wrapper .intro-bg .ring:nth-child(6) {
    --rotation: 130;
    --animation-multiplier: 5;
}

.intro-nft-banner .intro-bg-wrapper .intro-bg .ring:nth-child(7) {
    --rotation: 180;
    --animation-multiplier: 6;
}

.intro-nft-banner .intro-bg-wrapper .intro-bg .ring:nth-child(8) {
    --rotation: 230;
    --animation-multiplier: 7;
}

/* METAVERSE GAME DEVELOPMENT STARTS  */

.section__metaverse-game_banner {
    height: 100vh;
    background: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/metaverse_game_development/banner.webp")
        no-repeat 100%;
    display: grid;
    place-content: center;
    margin-top: 73px;
}

.section__metaverse-game_banner div {
    max-width: 75%;
    margin: auto;
}

.section__metaverse-game_banner p {
    max-width: 70%;
    margin: auto;
}

.section__metaverse-game_banner h2 {
    -webkit-animation: glow 2s ease-in-out infinite alternate;
    -moz-animation: glow 2s ease-in-out infinite alternate;
    animation: glow 2s ease-in-out infinite alternate;
}

@keyframes glow {
    from {
        color: #fff;
        text-shadow:
            0 0 10px var(--primary-color),
            0 0 20px var(--primary-color),
            0 0 30px var(--primary-color),
            0 0 40px var(--primary-color),
            0 0 50px var(--primary-color);
    }

    to {
        color: gray;
        text-shadow:
            0 0 20px #00fff2,
            0 0 30px #00fff2,
            0 0 40px #00fff2,
            0 0 50px #00fff2,
            0 0 60px #00fff2,
            0 0 70px #00fff2,
            0 0 80px #00fff2,
            0 1 90px #00fff2;
    }
}

@-webkit-keyframes glow {
    from {
        color: #fff;
        text-shadow:
            0 0 10px var(--primary-color),
            0 0 20px var(--primary-color),
            0 0 30px var(--primary-color),
            0 0 40px var(--primary-color),
            0 0 50px var(--primary-color);
    }

    to {
        color: gray;
        text-shadow:
            0 0 20px #00fff2,
            0 0 30px #00fff2,
            0 0 40px #00fff2,
            0 0 50px #00fff2,
            0 0 60px #00fff2,
            0 0 70px #00fff2,
            0 0 80px #00fff2,
            0 1 90px #00fff2;
    }
}

.section__transform-concept_bg {
    background: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/home_page/want_to_step_bg.webp")
        no-repeat 100% / cover;
    padding: 3rem;
}

.section__transform-concept_bg img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-25%, -50%);
    width: 35%;
}

.section__revolutionize-gaming .nav-link.active {
    border: 1px solid var(--primary-color);
    background-color: transparent;
    color: var(--green-color);
}

.section__revolutionize-gaming .p__banner-width {
    /* background-color: #110d277a; */
    background: linear-gradient(
        179deg,
        var(--secondary-color),
        #110d277a,
        transparent 100%
    );
    box-shadow: 0 5px 75px #ff550063;
    max-width: 50%;
}

.section__diverse-gaming .nav-link {
    color: white;
    padding: 20px 15px;
}

.section__diverse-gaming .nav-link.active {
    background-color: #ff55006b;
}

.section__diverse-gaming .nav-link.active h3 {
    color: var(--white);
}

.div__supported-blockchain_slider {
    transform: rotate(90deg);
}

.scroll_animation {
    width: 760px;
    display: flex;
    animation-name: scroll;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    will-change: transform;
}

.scroll_animation .part {
    display: flex;
    position: relative;
    gap: 20px;
    margin: 10px 20px 10px 0;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.blockchain_box {
    border: 3px solid #000;
    transform: scale(1) rotate(-90deg);
    transition: transform 0.2s ease;
    width: 160px;
    min-height: 160px;
    padding: 20px;
    display: grid;
    place-content: center;
}

.root_reverse {
    transform: rotate(-180deg);
}

.root_reverse .part {
    transform: rotate(180deg);
}

/* METAVERSE GAME DEVELOPMENT ENDS  */

/* NFT GAME DEVELOPMENT STARTS */

.section__nft-game {
    height: 100vh;
    background: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/nft_game_development/banner.webp")
        no-repeat 100%;
    display: grid;
    place-content: center;
}

.div__secondary-gradient {
    background: linear-gradient(113deg, #b388ff, #ffffff);
    box-shadow: 15px 15px 12px 0 #110d271f;
}

.div__primary-gradient {
    background: linear-gradient(130deg, #ff5500, transparent);
    box-shadow: 15px 15px 12px 0 #110d271f;
}

.div__primary-gradient div {
    display: inline-grid;
    background: var(--green-color);
    min-width: 70px;
    min-height: 70px;
    place-content: center;
    /* clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%); */
    clip-path: circle(50% at 50% 50%);
    transition: clip-path 0.5s ease;
}

.div__primary-gradient div:hover div {
    /* clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);       */
    clip-path: circle(35% at 50% 50%);
}

.div__secondary-gradient_light {
    position: relative;
    background: linear-gradient(
        270deg,
        rgba(217, 217, 217, 0) -1.13%,
        rgba(212, 211, 211, 0.44) 101.88%
    );
}

.div__secondary-gradient_light-1 {
    position: relative;
    background: linear-gradient(
        270deg,
        #ffb996 -1.13%,
        rgb(214 182 255 / 36%) 101.88%
    );
}

.div__secondary-gradient_light::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    border-radius: 0 50% 50%;
    filter: blur(45px);
    z-index: -1;
}

.section__utilise-our-professional li::marker {
    color: var(--primary-color);
}

.section__utilise-our-professional .div__utilise-lists {
    background-color: #110d271c;
    padding: 20px 15px;
    border-radius: 16px;
    box-shadow: 0 4px 5px #00000040;
    transition: 0.3s;
}

.section__utilise-our-professional .div__utilise-lists:hover {
    background-color: var(--secondary-color);
    color: var(--white);
}

.section__utilise-our-professional .div__utilise-lists:hover h3,
h4 {
    color: var(--white);
}

.ul__light-dark_boxes {
    gap: 40px;
    height: calc(340px * 2);
    overflow: auto;
}

.ul__light-dark_boxes li {
    width: calc((100% / 3) - 40px);
    background: #d77240;
    padding: 45px 40px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 25%);
}

.ul__light-dark_boxes li h3 {
    color: #752802;
}

.ul__light-dark_boxes li:nth-child(even) {
    background-color: #d68760;
}

.ul__light-dark_boxes li:nth-child(even) h3 {
    color: #752802;
}

.ul__light-dark_boxes::-webkit-scrollbar {
    display: none;
}

.div__benefits-nft_owners {
    background: #110d2720;
    padding: 35px 25px;
}

.div__benefits-nft_owners .border__bottom {
    border-bottom: 1px solid #00000026;
}

.div__benefits-nft_owners p {
    font-size: 14px;
}

.div__benefits-nft_players {
    background: #ff550030;
    padding: 35px 25px;
}

.div__benefits-nft_players .border__bottom {
    border-bottom: 1px solid #00000026;
}

.div__benefits-nft_players p {
    font-size: 14px;
}

.div__secondary-shadow {
    box-shadow: 0px 3px 10px 0 rgb(17 13 39 / 35%);
}

.div__secondary-shadow h3 {
    position: relative;
}

.div__secondary-shadow h3::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 45px;
    height: 2px;
    background: var(--primary-color);
}

.div__primary-inset_shadow {
    box-shadow: inset 0 22px 140px rgb(255 85 0 / 50%);
}

.div__primary-bg {
    background-color: var(--primary-color);
}

.div__secondary-bg {
    background-color: var(--secondary-color);
}

.div__border-light {
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.div_tech-stack_flex li {
    min-width: 150px;
    min-height: 125px;
    padding: 15px;
    margin-bottom: 15px;
}

.ul__list-primary li::marker {
    color: var(--primary-color);
}

.ul__li-dotted {
    gap: 20px;
}

.ul__li-dotted li {
    min-width: 150px;
    min-height: 125px;
    border: 1px dotted;
    border-radius: 8px;
    padding: 15px;
}

.ul__li-dotted li div {
    display: grid;
    place-items: center;
    place-content: center;
    height: 100%;
}

/* NFT GAME DEVELOPMENT ENDS */

/* GAME DEVELOPMENT BANNER STARTS */

.section__casino-banner {
    height: 100vh;
    background:
        linear-gradient(to bottom, #000, transparent),
        url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/casino_game_development/banner.webp")
            no-repeat bottom/cover;
}

.section__unity-banner {
    height: 100vh;
    background:
        linear-gradient(to bottom, #000000a8, transparent),
        url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/unity_3d_game_development/banner.webp")
            no-repeat bottom/cover;
}

.section__unreal-banner {
    height: 100vh;
    background:
        linear-gradient(to bottom, #000000a8, transparent),
        url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/unreal_engine_game_development/banner.webp")
            no-repeat bottom/cover;
}

.section__ico-banner {
    height: 100vh;
    background:
        linear-gradient(to bottom, #000000a8, transparent),
        url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/ico_development_company/banner.webp")
            no-repeat bottom/cover;
}

/* GAME DEVELOPMENT BANNER ENDS */

/* BLOCKCHAIN GAME DEVELOPMENT STARTS */

.section__numerous p {
    font-size: 14px;
    border-bottom: 1px solid #00000026;
}

.section__lifecycle-box {
    background: linear-gradient(
        230deg,
        var(--secondary-color),
        transparent 150%
    );
    padding: 15px;
    border-radius: 8px;
}

.section__lifecycle-box:hover h3 {
    color: var(--primary-color) !important;
}

.section__explore .text {
    width: 75%;
}

.section__tool-tech .nav-link {
    background-color: var(--primary-color);
    color: var(--white);
}

.section__tool-tech .nav-link h3 {
    color: var(--white);
}

.section__tool-tech .nav-link .active {
    background-color: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.section__tool-tech .nav-link .active h3 {
    color: var(--primary-color);
}

.blockchain-game-banner {
    width: 100%;
    background-size: cover;
    background-position: center;
    margin-top: 73px;
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/blockchain-game-development-company/banner.webp");
}

/* BLOCKCHAIN GAME DEVELOPMENT ENDS */

/* CONTACT US PAGE STARTS */

/* ramu start*/

.form-grp-bg {
    /* border: 1px solid #261C34; */
    border-radius: 10px;
}

.form-robo-img {
    margin-left: -81px;
}

.cloud-img-2 {
    top: -80px;
}

/* ramu end */

.section__contact-page::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    border-radius: 0 50% 50% 50%;
    background: var(--primary-color);
    filter: blur(125px);
    z-index: 1;
}

.div__contact-page {
    background: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/contact_us/connect_bg.webp")
        no-repeat bottom/100% var(--body-color);
    background-color: var(--body-color);
    position: relative;
    z-index: 0;
}

.div__contact-page .div__contact-form_page {
    /* position: absolute;
    top: -50px;
    right: 30px;
    width: inherit; */
    background: var(--secondary-color);
    padding: 30px 30px !important;
}

.div__contact-page .div__contact-form_page input,
.div__contact-page .div__contact-form_page select,
.div__contact-page .div__contact-form_page textarea {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 50%);
    color: rgba(255, 255, 255, 50%);
    font-size: 14px;
    padding: 9px 14px;
}

.div__contact-page .div__contact-form_page input::placeholder,
.div__contact-page .div__contact-form_page select::placeholder,
.div__contact-page .div__contact-form_page textarea::placeholder {
    color: rgba(255, 255, 255, 50%);
}

.div__contact-page .div__contact-form_page input:focus,
.div__contact-page .div__contact-form_page select:focus,
.div__contact-page .div__contact-form_page textarea:focus {
    box-shadow: none;
    border-color: var(--primary-color);
}

.div__contact-page .div__contact-form_page button {
    background-color: var(--white);
    font-size: 14px;
}

/* CONTACT US PAGE ENDS */

/* Ai virtual assistant starts */

.Chatbot-ai-differ .difference-grid {
    display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
    column-gap: 10px;
    row-gap: 10px;
}

.Chatbot-ai-differ .difference-grid .column {
    text-align: center;
    background-color: #d9d9d9;
}

.Chatbot-ai-differ .difference-grid .column img {
    width: 80px;
    height: 80px;
}

.Chatbot-ai-differ label.differ-label {
    width: 100%;
    background-color: #261c34;
    padding: 10px;
    text-align: center;
    color: #fff;
}

.virtual-assistant-banner {
    width: 100%;
    margin-top: 73px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/ai-powered-virtual-assistant-development/banner.webp");
}

/* Ai virtual assistant ends  */

/* metaverse education starts */

.metaverse-education-banner {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/metaverse-education/banner.webp");
    background-position: center;
}

.metatrade-banner {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/metatrade/header.webp");
    background-position: center;
}

/* metaverse deucation ends */

/* AI development starts */

.ai-banner {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/ai-development/banner.webp");
    background-position: center;
}

/* ai powered */

.ai-powered-banner {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/ai-powered-blockchain-development/banner.webp");
    background-position: center;
}

/* payment gateway starts */

.gateway-choose .bottom-border {
    height: 36%;
}

/* payment gateway ends */

/* crypto token development starts*/

.Token-choose .bottom-border {
    height: 50%;
}

.ul__tech-list-token {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.ul__tech-list-token li {
    min-width: 150px;
    padding: 15px;
    border: 1px dotted;
    margin: 0px 10px;
}

/* crypto token development ends*/

/* emotional ai development starts */

.emotional-ai-banner {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/emotional-ai-development/banner.webp");
}

/* emotional ai ends */

/* ai consulting  starts*/

.ai-consulting-banner {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/ai-consultancy-services/banner.webp");
}

@media (max-width: 1500px) {
    .div__contact-form_modal {
        top: -40% !important;
    }
}

@media (max-width: 1199px) {
    .div__contact-form_modal {
        position: static !important;
    }

    .div__contact-form_page label,
    .div__contact-form_modal label {
        display: inherit !important;
    }

    .cloud-img-2 {
        top: -54px;
    }
}

@media (max-width: 991px) {
    .div__contact-form_page {
        position: inherit !important;
    }

    .form-grp-bg {
        padding: 10px !important;
    }

    .form-robo-img {
        margin-left: 0px !important;
        background: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/contact_us/connect_bg.webp")
            no-repeat bottom/100% var(--body-color);
        background-color: var(--body-color);
        position: relative;
        z-index: 0;
    }

    .div__contact-form_page {
        position: inherit;
    }

    .modal-dialog {
        max-width: 100% !important;
    }
}

@media (max-width: 767px) {
    .cloud-img-2 {
        position: static !important;
    }
}

@media (max-width: 575px) {
    .modal-content {
        padding: 15px !important;
    }

    .tech_para-small {
        font-size: 13px;
    }
}

/* ai virtual education starts */

.ai-education-banner {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/ai-virtual-education-platform-development/banner.webp");
}

/* ai virtual education ends */

/* ai chatbot  starts */

.chatbot-banner {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/ai-chatbot-development-company/banner.webp");
}

/* ai chatbot  ends */

/* defi development starts */

.defi-banner {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/defi-development-company/banner.webp");
}

/* defi development ends */

/* crypto payment gateway start*/

.payment-banner {
    width: 100%;
    margin-top: 73px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/cryptocurrency-payment-gateway-development/banner.webp");
}

/* crypto payment ends */

/* The Flash USDT start*/

.the-flash-usdt {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/flash_usdt_generator_software_development/banner-bg.webp");
}

/* The Flash USDT ends */

/* crypto currency exchange page starts */

.unique-fea-sec .feature-list li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 10px;
}

.unique-fea-sec .feature-list li::before {
    position: absolute;
    content: "";
    background-color: #ff5500;
    width: 8px;
    height: 8px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.crypto-exchange .col-md-6:nth-child(1) .card-container,
.col-md-6:nth-child(4) .card-container,
.col-md-6:nth-child(5) .card-container {
    border: 1px dotted;
}

.crypto-exchange .col-md-6:nth-child(2) .card-container,
.col-md-6:nth-child(3) .card-container,
.col-md-6:nth-child(6) .card-container,
.col-md-6:nth-child(7) .card-container {
    border: 1px dotted;
}

/* crypto currency exchange page ends */

/* crypto exchange wallet page starts */

.crypto-wallet-banner {
    width: 100%;
    margin-top: 73px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/cryptocurrency-wallet-development/banner.webp");
}

/* crypto exchange wallet page ends */

/* crypto-token-development  starts*/

.crypto-token-banner {
    width: 100%;
    margin-top: 73px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/cryptocurrency-token-development-company/banner.webp");
}

/* crypto-token-development  ends*/

/* crypto currency exchange development starts */

.cryptocurrency-exchange-banner {
    /* width: 100vw; */
    height: 100vh;
    margin-top: 63px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/cryptocurrency-exchange-development/banner.webp");
}

/* crypto currency exchange development ends */

/* binance clone script starts */

.binance-clone-banner {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/binance-clone-script/banner.webp");
}

/* binance clone script ends */

.crypto-trading-bot-development {
    margin-top: 73px;
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/crypto-trading-bot-development/banner.webp");
}

/* Crypto Exchange Platform with 85 Modules starts */
.crypto_exchange_platform_with_85_modules {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/crypto_exchange_platform_with_85_modules/banner-bg.webp");
}

.with-85-modules-banner {
    height: 100vh;
    background: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/crypto_exchange_platform_with_85_modules/banner-bg.webp")
        no-repeat bottom/cover;
}

/* Crypto Exchange Platform with 85 Modules ends */

/* opensea clone script starts */

.opensea-banner {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/opensea-clone-script/banner.webp");
}

/* opensea clone script ends */

/* axie infinity starts */

.axie-banner {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/axie_infinity/headder_banner.webp");
}

/* axie infinity Ends */

/* zedrun clone script starts */

.zedrun-banner {
    width: 100% !important;
    margin-top: 73px !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/zed-run-clone-script/banner.webp");
}

/* zedrun clone script ends */

/* smart-contract development starts */

.smart-contract-banner {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/smart-contract-development-company/banner.webp");
}

/* smart-contract development ends */

/* dapp development company starts */

.dapp-banner {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/dapp-development-company/banner.webp");
}

/* dapp development company ends */

/* portfolio starts */

.portfolio-banner {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/portfolio/portfolio-banner.webp");
    height: 75vh;
    position: relative;
}

.portfolio-banner::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;
}

.portfolio-tab .nav-tabs {
    justify-content: center;
    border-radius: 30px;
}

.portfolio-tab .nav-tabs .nav-item .nav-link {
    background-color: #fff;
    padding: 15px;
    margin: 4px;
    color: #5d1db0;
}

.portfolio-tab .nav-tabs .nav-item:first-child .nav-link {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.portfolio-tab .nav-tabs .nav-item:last-child .nav-link {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.portfolio-tab .nav-pills .nav-link,
.nav-pills .show > .nav-link {
    border: 1px solid #000;
    border-radius: 50px;
    margin: 12px;
}

.portfolio-tab .nav-link.active {
    background: linear-gradient(to bottom, #7318e9 0%, #3a2654 100%);
    color: #fff !important;
}

.portfolio-tab .nav-tabs .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.portfolio-tab .monitor-tab {
    background-image: url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/portfolio/bg.webp");
    background:
        linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 60px)
            calc(100% - 60px) no-repeat,
        linear-gradient(0deg, #000000 0%, #000000 100%);
    padding: 30px;
    box-sizing: border-box;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    margin-top: 20px;
}

.portfolio-tab .monitor-bottom {
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgb(117 117 117) 0%, #c2c3c5 35%);
    height: 100px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.portfolio-tab .img-box {
    height: 450px;
    overflow: auto;
}

.portfolio-tab .hire-btn {
    position: relative;
    bottom: 45%;
}

.portfolio-tab .swiper-pagination-bullet-active {
    opacity: 1;
    background: #47217a;
    scale: 1.4;
}

.section__pricing-table .accordion-button::after {
    /* display: none; */
    content: "\f13a";
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 900;
    position: absolute;
    right: 15px;
    background-image: unset;
}

.section__pricing-table .fa-check-circle {
    color: #32cd32;
}

.section__pricing-table .fa-times-circle {
    color: #ff0000;
}

.section__pricing-table td {
    padding: 15px;
}

.section__pricing-table .accordion-header {
    background-color: var(--primary-color);
}

.section__pricing-table .accordion-button {
    background: transparent;
    color: var(--white);
}

.section__pricing-table .accordion-button:focus {
    box-shadow: unset;
}

.tap_to_earn_banner {
    background:
        radial-gradient(#695d9d6e, transparent),
        url("https://firebee.sgp1.cdn.digitaloceanspaces.com/bidbits_laraval10/assets1/images/inner-pages/tap_to_earn/banner.webp")
            center/cover no-repeat;
}

.coinbase-section .nav-pills button.active {
    border: 1px solid var(--primary-color);
    background-color: transparent;
    color: var(--green-color);
}