@import url("css2-LobsterTwowght400700_swap.css");
html
{
    font-size: 62.5%;
}
body
{
    padding: 0;
    font-family: SEGOEUI;
    font-weight: 400;
    color: #fff;
}
::-moz-selection
{
    background: #f0c63a;
    color: #040406;
}
::selection
{
    background: #f0c63a;
    color: #040406;
}
@font-face
{
    font-family: pistoleer;
    src: url("https://betobet.xyz/LP10/fonts/pistoleer.ttf");
    font-weight: 700;
}
@font-face
{
    font-family: SEGOEUI;
    src: url("https://betobet.xyz/LP10/fonts/SEGOEUI.TTF");
    font-weight: 400;
}
@font-face
{
    font-family: SEGOEUI;
    src: url("https://betobet.xyz/LP10/fonts/SEGOEUI-BOLD.ttf");
    font-weight: 700;
}
.overlay-with-blur
{
    filter: blur(6rem);
    -webkit-filter: blur(6rem);
    opacity: .4;
}
p
{
    font-size: 1.6rem;
    letter-spacing: .15rem;
    color: #eee;
}
@media(max-width: 767px)
{
    p
    {
        line-height: 2.6rem!important;
    }
}
@media(max-width: 575px)
{
    p
    {
        font-size: 1.4rem!important;
    }
}
ul
{
    list-style-type: none;
    padding-left: 0;
}
section
{
    min-height: 100vh;
    padding: 10rem 2rem;
}
@media(max-width: 1199px)
{
    section
    {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}
@media(max-width: 767px)
{
    section
    {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}
.container
{
    max-width: 163rem;
}
.bg-black
{
    background: #040406;
}
.bg-light-black
{
    background: #1c1c1c;
}
.bg-gold
{
    background: #f0c63a;
}
.fixed-bg
{
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}
.right_title
{
    font-size: 12rem;
    z-index: 1;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(90deg);
    font-weight: 900;
    color: rgba(255,255,255,0);
    -webkit-text-stroke: .1rem rgba(255,255,255,.431372549);
    transform-origin: right top 50%;
    line-height: 7rem;
}/**** Animation Css ****/
.banner-shape-1
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    animation: dula 2s linear infinite;
}
@keyframes dula
{
    from
    {
        opacity: .2;
    }
    50%
    {
        opacity: 0;
    }
    70%
    {
        opacity: .1;
    }
    to
    {
        opacity: .3;
    }
}/******** Background Scrolling **********/
.scrollbg
{
    background-color: #000e21;
    animation: 20s scroll infinite linear;
    background-repeat: repeat!important;
}
@keyframes scroll
{
    100%
    {
        background-position: -2400px -2400px;
    }
}/******** Button Style ********/
.btn-primary
{
    width: 100%;
    max-width: 40rem;
    font-size: 1.6rem;
    min-height: 6rem;
    background: #f0c63a;
    border-color: #f0c63a;
    color: #040406;
    font-family: "SEGOEUI";
    font-weight: 700;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active
{
    background: transparent;
    border-color: #f0c63a;
    color: #f0c63a;
}
.btnstyle
{
    text-transform: uppercase!important;
    position: relative;
    overflow: hidden!important;
    transition: all .3s ease-in-out;
    z-index: 10;
}
.btnstyle:hover
{
    color: #f0c63a;
}
.btnstyle:hover::before
{
    opacity: 1;
    width: 116%;
}
.btnstyle:hover::after
{
    opacity: 1;
    width: 120%;
}
.btnstyle::before
{
    content: "";
    width: 0%;
    height: 100%;
    display: block;
    background: transparent;
    position: absolute;
    transform: skewX(-20deg);
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    transition: all .7s cubic-bezier(.77,0,.175,1);
    box-shadow: 2px 0 14px #f0c63a;
}
.btnstyle::after
{
    content: "";
    width: 0%;
    height: 100%;
    display: block;
    background: #040406;
    position: absolute;
    transform: skewX(-20deg);
    left: -10%;
    opacity: 0;
    top: 0;
    z-index: -15;
    transition: all .4s cubic-bezier(.2,.95,.57,.99);
    box-shadow: 2px 0 14px rgba(0,0,0,.6);
}/**** Cursor Pointer Css ****/
.cursor
{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 1px solid #f0c63a;
    transition: all 200ms ease-out;
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    transform: translate(calc(-50% + 15px),-50%);
    z-index: 1;
    opacity: .3;
}
.cursor2
{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #f0c63a;
    opacity: .3;
    position: fixed;
    transform: translate(-50%,-50%);
    pointer-events: none;
    transition: width .3s,height .3s,opacity .3s;
    z-index: 1;
}
.hover
{
    background-color: #1c1c1c;
    opacity: .5;
}
.cursorinnerhover
{
    width: 50px;
    height: 50px;
    opacity: .5;
}/**** Main Menu Section ****/
.manin-navbar
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}
.manin-navbar.sticky
{
    position: fixed;
    left: 0;
    width: 100%;
    top: -13rem;
    transform: translateY(13rem);
    transition: transform .9s;
    z-index: 999;
    background: rgba(4,4,6,.9098039216);
}
.manin-navbar .my-menu .navbar-brand
{
    position: absolute;
    top: 0;
    left: 0;
}
.manin-navbar .my-menu .navbar-brand img
{
    max-width: 16rem;
    max-height: 16rem;
}
@media(max-width: 767px)
{
    .manin-navbar .my-menu .navbar-brand img
    {
        max-width: 12rem;
        max-height: 12rem;
    }
}
.manin-navbar .my-menu ul.navbar-nav
{
    padding: 1rem 0;
}
.manin-navbar .my-menu ul.navbar-nav li a
{
    font-size: 1.8rem;
    color: #eee;
    padding: 1.5rem;
    letter-spacing: .1rem;
    text-transform: capitalize;
}
.manin-navbar .my-menu ul.navbar-nav li a.active
{
    color: #f0c63a;
}
@media(max-width: 991px)
{
    .manin-navbar .my-menu .navbar-toggler
    {
        background: #f0c63a;
        width: 4.5rem;
        height: 4.5rem;
    }
    .manin-navbar .my-menu .offcanvas
    {
        background-color: #040406;
        height: 100vh;
    }
    .manin-navbar .my-menu .offcanvas .offcanvas-header img
    {
        max-width: 10rem;
    }
    .manin-navbar .my-menu .offcanvas .offcanvas-header .btn-close
    {
        width: 4rem;
        height: 4rem;
        top: 1rem;
        right: 1rem;
        position: absolute;
        background-color: #f0c63a;
        font-size: 1.6rem;
        color: #eee;
        opacity: 1;
    }
}
.main-title h1
{
    font-size: 9.8rem;
    font-family: "pistoleer";
    letter-spacing: .5rem;
    color: #f0c63a;
    margin-bottom: 2rem;
    font-weight: 900;
    letter-spacing: 0;
    -webkit-background-clip: text;
    background-size: contain;
}
@media(max-width: 1199px)
{
    .main-title h1
    {
        font-size: 8rem;
    }
}
@media(max-width: 991px)
{
    .main-title h1
    {
        font-size: 6rem;
    }
}
@media(max-width: 767px)
{
    .main-title h1
    {
        text-align: center;
    }
}
@media(max-width: 575px)
{
    .main-title h1
    {
        font-size: 5rem;
    }
}
.main-title h1::before
{
    content: attr(data-heading);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: linear-gradient(45deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.8) 50%,rgba(255,255,255,0) 55%,rgba(255,255,255,0) 100%);
    -webkit-background-clip: text;
    color: transparent;
    mix-blend-mode: screen;
    animation: title 5s infinite;
    background-size: 200%;
    text-shadow: 2px 2px 10px rgba(0,0,0,.2),-2px 2px 10px rgba(0,0,0,.2),-2px -2px 10px rgba(0,0,0,.2);
}
@keyframes title
{
    100%
    {
        background-position: -100%;
    }
    0%
    {
        background-position: 100%;
    }
}
.main-title h1 span
{
    color: transparent;
    -webkit-text-stroke: .1rem #f0c63a;
}
.main-title h2
{
    font-size: 6.2rem;
    font-family: "pistoleer";
    letter-spacing: .5rem;
    color: #f0c63a;
    margin-bottom: 2rem;
    font-weight: 900;
    letter-spacing: 0;
}
@media(max-width: 1199px)
{
    .main-title h2
    {
        font-size: 5.2rem;
    }
}
@media(max-width: 991px)
{
    .main-title h2
    {
        font-size: 4.2rem;
    }
}
@media(max-width: 767px)
{
    .main-title h2
    {
        font-size: 3.2rem;
        text-align: center;
    }
}
.main-title h2 span
{
    color: transparent;
    -webkit-text-stroke: .1rem #f0c63a;
}
.main-title p
{
    font-size: 1.6rem;
    letter-spacing: .15rem;
    color: #eee;
    line-height: 3rem;
}
@media(max-width: 767px)
{
    .main-title p
    {
        text-align: center;
    }
}
.main-banner
{
    background: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;
}
.main-banner .bg-move
{
    position: absolute;
    top: 0;
    bottom: calc(100% - 3rem);
    right: auto;
    width: 100%;
    background-image: url("https://betobet.xyz/LP10/images/bulet1.svg");
    background-size: 25rem;
    background-position: center;
    background-repeat: no-repeat;
}
.main-banner .z-index-1
{
    z-index: 1;
}
.main-banner .shap1
{
    max-width: 50rem;
    position: absolute;
    right: 34rem;
    bottom: 21rem;
    z-index: 1;
}
.main-banner .overlay
{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: #040406;
    background: linear-gradient(90deg,#040406 0%,#040406 40%,rgba(4,4,6,.9192051821) 48%,rgba(4,4,6,.5970763305) 100%);
}
.main-banner .overlay1
{
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: rgba(0,0,0,.829);
}
.video-frame
{
    width: 60%;
    height: calc(100% + 7rem);
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
}/**** About Us Section ********/
.about-section .bg-move
{
    position: absolute;
    top: 0;
    bottom: calc(100% - 3rem);
    right: auto;
    width: 100%;
    background-image: url("https://betobet.xyz/LP10/images/bulet1.svg");
    background-size: 25rem;
    background-position: center;
    background-repeat: no-repeat;
}
.about-section .about_left
{
    position: relative;
}
@media(max-width: 767px)
{
    .about-section .about_left img
    {
        max-height: 50rem;
    }
}
.about-section .list-check
{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 2rem;
    padding-top: 2rem;
}
@media(max-width: 575px)
{
    .about-section .list-check
    {
        grid-template-columns: repeat(1,1fr);
    }
}
.about-section .list-check li
{
    font-size: 1.6rem;
    letter-spacing: .1rem;
    color: #eee;
    position: relative;
    padding-left: 3.5rem;
    position: relative;
}
.about-section .list-check li:before
{
    content: "";
    background-image: url("../../willbetgambling/image/arrow.svg");
    background-size: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 2.5rem;
    height: 2.5rem;
}/******* Services Section *******/
.services-section .service-card
{
    width: 100%;
    height: 100%;
    padding: 3rem;
    display: flex;
    align-items: center;
    border-radius: 3rem 0 0 .5rem;
    position: relative;
    background: transparent;
    background: rgba(255,255,255,.05);
    transition: all .4s ease-in-out 0s;
}
.services-section .service-card::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: rgba(255,255,255,.05);
    visibility: hidden;
    transition: all .4s ease-in-out 0s;
    border-radius: 3rem 0 0 .5rem;
}
.services-section .service-card:hover:before
{
    visibility: visible;
    width: 100%;
    background: rgba(134,134,9,.1);
}
.services-section .service-card::after
{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: .2rem;
    background: #f0c63a;
    opacity: .4;
    visibility: hidden;
    transition: all .4s ease-in-out 0s;
    border-radius: 3rem 0 0 .5rem;
}
.services-section .service-card:hover:after
{
    visibility: visible;
    width: 100%;
}
.services-section .service-card:hover
{
    transform: translateY(-5px) scale(1) translateZ(0);
}
.services-section .service-card .service-content
{
    width: 100%;
    position: relative;
}
.services-section .service-card .service-content .service-icon
{
    width: 10rem;
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 3rem auto;
    border-radius: 50%;
    border: solid .1rem #f0c63a;
}
.services-section .service-card .service-content .service-icon img
{
    max-width: 7rem;
    max-height: 7rem;
}
.services-section .service-card .service-content h4
{
    font-size: 2.8rem;
    font-family: "pistoleer";
    margin-bottom: 1.5rem;
    color: #f0c63a;
}
@media(max-width: 767px)
{
    .services-section .service-card .service-content h4
    {
        font-size: 2.4rem;
    }
}
.services-section .service-card .service-content p
{
    font-size: 1.6rem;
    letter-spacing: .1rem;
    color: #eee;
}
.services-section .service-card .service-img
{
    width: 100%;
    height: calc(100% + 6rem);
    flex: 0 0 20rem;
    -o-object-fit: cover;
    object-fit: cover;
    margin: -3rem -3rem -3rem 0;
    position: relative;
    z-index: 1;
}
.services-section .service-card .service-img img
{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100% 0 0 0;
    border-left: solid 1rem #f0c63a;
}
@media(max-width: 575px)
{
    .services-section .service-card .service-img
    {
        display: none;
    }
}/******* Benifits Section *******/
@media(max-width: 767px)
{
    .benifits-section .benifits-img img
    {
        max-height: 30rem;
    }
}
.benifits-section .single-benifit
{
    gap: 2rem;
    padding: 2rem;
    background: #1c1c1c;
    border-radius: 1rem;
    position: relative;
}
.benifits-section .single-benifit .benifit-icon
{
    flex: 0 0 3.5rem;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 5rem;
    background: #221e12;
    display: flex;
    align-items: center;
    justify-content: center;
}
.benifits-section .single-benifit .benifit-icon img
{
    max-width: 2rem;
    max-height: 2rem;
}
.benifits-section .single-benifit h5
{
    font-size: 1.8rem;
    font-weight: 700;
    color: #f0c63a;
    margin-bottom: 0;
    position: relative;
}
.benifits-section .single-benifit p
{
    margin-bottom: 0;
    position: relative;
}
.benifits-section .single-benifit::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: rgba(255,255,255,.05);
    border-radius: 1rem;
    visibility: hidden;
    transition: all .4s ease-in-out 0s;
}
.benifits-section .single-benifit:hover:before
{
    visibility: visible;
    width: 100%;
    background: #1c1c1c;
}
.benifits-section .bg-effect
{
    width: 100%;
    height: 100%;
    background: url("../../willbetgambling/image/bgshape.svg") no-repeat center;
    background-size: contain;
    transform: translate(0,0);
    opacity: 0;
    animation: blink 2s infinite 2s none,vertical 1s ease-in-out infinite 2s alternate;
    margin: 0 auto;
    position: absolute;
    left: 0;
    bottom: 0;
}
@keyframes blink
{
    0%
    {
        opacity: .2;
    }
    50%
    {
        opacity: 1;
    }
    100%
    {
        opacity: .2;
    }
}
@keyframes vertical
{
    0%
    {
        transform: translateY(-5px);
    }
    100%
    {
        transform: translateY(0);
    }
}/******* Contact Us Section *******/
.contactus-section .contact-form
{
    padding: 5rem;
    background: rgba(0,0,0,.5607843137);
    border-radius: 2rem;
}
@media(max-width: 575px)
{
    .contactus-section .contact-form
    {
        padding: 3rem 2rem;
    }
}
.contactus-section .contact-form .form-floating .form-control
{
    height: 6rem;
    padding-left: 2.5rem;
    font-size: 1.4rem;
    color: #eee;
    background: rgba(255,255,255,.0705882353);
    border: none;
    box-shadow: none;
}
.contactus-section .contact-form .form-floating .form-control:focus~label
{
    transform: scale(.85) translateY(-1.5rem) translateX(.15rem);
}
.contactus-section .contact-form .form-floating .form-control:not(:-moz-placeholder-shown)~label
{
    transform: scale(.85) translateY(-1.5rem) translateX(.15rem);
}
.contactus-section .contact-form .form-floating .form-control:not(:placeholder-shown)~label
{
    transform: scale(.85) translateY(-1.5rem) translateX(.15rem);
}
.contactus-section .contact-form .form-floating label
{
    font-size: 1.4rem;
    padding: 2rem .75rem 0 2.5rem;
    color: #eee;
}
.contactus-section .contact-form .form-floating textarea
{
    min-height: 20rem;
    height: auto;
    padding-top: 2.5rem!important;
    font-size: 1.4rem;
    color: #eee;
    background: rgba(255,255,255,.0705882353);
    border: none;
    box-shadow: none;
}
.contactus-section .contact-form .form-floating .line:before
{
    content: "";
    position: absolute;
    background: #f0c63a;
    width: 0;
    height: 2px;
    right: 50%;
    bottom: 0;
}
.contactus-section .contact-form .form-floating input:focus~.line:before, .contactus-section .contact-form .form-floating textarea:focus~.line:before
{
    width: 100%;
    right: 0;
    transition: all .3s ease;
}
.contactus-section .contact-img
{
    text-align: center;
}
.contactus-section .contact-img img
{
    max-width: 100%;
    max-height: 75rem;
}
@media(max-width: 767px)
{
    .contactus-section .contact-img img
    {
        max-height: 30rem;
    }
}
@media(max-width: 575px)
{
    .footer-section
    {
        text-align: center;
    }
}
.footer-section p
{
    margin: 1rem 0;
}
.footer-section .social-icons
{
    width: 100%;
    display: inline-block;
    text-align: right;
    margin-bottom: 0;
}
@media(max-width: 575px)
{
    .footer-section .social-icons
    {
        text-align: center;
    }
}
.footer-section .social-icons li
{
    display: inline-block;
    margin: 1rem 0;
}
.footer-section .social-icons li:not(:last-child)
{
    margin-right: 1rem;
}
.footer-section .social-icons li a
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    color: #fff;
    background: #221e12;
    border-radius: 50%;
}
.footer-section .social-icons li a svg
{
    max-width: 1.5rem;
    max-height: 1.5rem;
}
.footer-section .social-icons li .facebook-icon:hover
{
    background: #4267b2;
}
.footer-section .social-icons li .twitter-icon:hover
{
    background: #00acee;
}
.footer-section .social-icons li .linkedin-icon:hover
{
    background: #0a66c2;
}
.footer-section .social-icons li .youtube-icon:hover
{
    background: #c4302b;
}/*# sourceMappingURL=style.css.map */