.slider-modal {
    z-index:1000000002;
}
.slider-modal .modal-dialog {
    max-width:1000px;
}
/*.modal-backdrop {*/
/*    z-index:1000000001;*/
/*}*/
.slider-modal .modal-title {
     animation: colorChange 3s infinite alternate;
}
canvas{cursor:crosshair;display:block;left:0;position:absolute;top:0;z-index:20}
@keyframes colorChange {
    0% {
        color: #ff0000; /* Red */
    }
    50% {
        color: #00ff00; /* Green */
    }
    100% {
        color: #0000ff; /* Blue */
    }
}

@media (max-width:767px){
    .slider-modal .modal-title {
        font-size:13px !important;
    }
     .slider-modal .btn-close {
        font-size:14px !important;
    }
    .slider-modal .modal-body,
    .slider-modal, .modal-header {
        padding:12px;
    }
}

.video-offcanvas {
    width:65% !important;
    border-radius:15px;
    margin-block:50px !important; 
    right:50% !important;
}
.video-offcanvas.showing,
.video-offcanvas.show:not(.hiding) {
    transform:translateX(50%) !important;
}
.video-offcanvas .video-welcome-img {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.video-offcanvas .offcanvas-title {
    font-size:18px;
}
.video-offcanvas .video-welcome-founder-name {
    color:#139ed9;
}
.video-offcanvas .video-welcome-para{
    line-height:26px;
    margin-bottom:10px;
    color:#333;
}
.video-offcanvas .video-welcome-founder-name {
    margin-block:10px;
}
.video-offcanvas .video-welcome-title {
    line-height:24px;
}
.video-off-card {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius:10px;
}
.video-off-card .video-off-img {
    height:130px;
}
.video-off-card .video-off-card-body {
    padding:12px;
}
.video-off-card .video-off-card-subtitle {
    margin-top:6px;
    color:#FF0000;
    font-size:14px;
}
.video-offcanvas-btn {
    background: #FF0000;
    position: fixed;
    top: 50%;
    right: -69px;
    color: #fff;
    border: 0;
    padding: 10px 20px;
    border-radius:0 0 7px 7px;
    transform: rotate(90deg) translateY(-50%);
    z-index:2;
    gap:10px;
}
p {
    font-size:15px;
}
.game-services .game-service-bg .game-card .service-text {
    color: #ffffff94;
    font-size: 14px;
    line-height: 28px;
}

@media (max-width:1200px){
    .video-offcanvas {
        width:80% !important;
    }
}
@media (max-width:991px){
    .video-offcanvas {
        width:90% !important;
    }
}
@media (max-width:767px){
    .video-offcanvas {
        width:calc(100% - 16px) !important;
        margin-block:16px !important; 
    }
    .video-offcanvas .offcanvas-body {
        padding:12px;
    }
    .game-services .service-two-para {
        font-size:13px;
    }
    .flip-card .back p {
        font-size:13px;
        line-height:24px;
    }
    .flip-card .flip-card-heading {
        font-size:19px;
    }
    .game-services .game-service-bg .game-card .service-text {
        font-size:14px;
        line-height:25px;
    }
}
@media (max-width:767px){
    .heading-section .main-heading {
        font-size: 19px !important;
    }
    .service-slider-section .servie-slider-para {
        font-size:13px !important;
        line-height:26px;
    }
}

.number-change-modal p {
    line-height:27px;
}
.number-change-modal h3 {
    font-size:22px;
    padding-top:6px;
}
@media (max-width:767px){
    .number-change-modal h3 {
        font-size:18px;
    }
    .number-change-modal .modal-title {
        font-size:17px;
    }
}