html
{
    font-size: 14px;
}

@media (min-width: 768px)
{
    html
    {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus
{
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html
{
    position: relative;
    min-height: 100%;
}

body
{
    margin-bottom: 60px;
}

body
{
    background-color: #000;
    color: #fff;
}

a
{
    color: #f0a500;
}

a:hover
{
    color: #fff;
}

#ApexSectionBanner
{
    padding-block-start: 110px !important;
    padding-block-end: 0 !important;
}
#ApexVideo
{
    height: 100%;
    z-index: -2;
}
#ApexVideoPlayButton
{
    position: absolute;
    top: 50%;
    left: 53%;
    transform: translate(-50%, -50%);
    padding: 3px 8px;
    z-index: 2;
}
#ApexVideoPlayButton:hover
{
    border-color: gold;
}

.gradient-text
{
    background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af, #515bd4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gtco-banner-area
{
    margin-top:70px !important;
}
.gtco-banner-area h1
{
    color: white !important;
}
.gtco-banner-area p
{
    color: black;
}

/* Custom modal size to leave space on the sides */
.custom-modal-size
{
    max-width: 90%; /* 90% width of the viewport */
    max-height: 90vh; /* 90% of the viewport height */
}

.custom-modal-size .modal-body
{
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-modal-size img
{
    max-width: 100%;
    max-height: 800px;
}

#ApexSocials i
{
    transition: transform 0.3s ease, color 0.3s ease;
}

#ApexSocials i:hover
{
    transform: scale(1.2);
    color: deepskyblue;
}

/* For WebKit browsers */
::-webkit-scrollbar
{
    width: 8px;
}

::-webkit-scrollbar-track
{
    background: #e6f2fb; /* dark background for contrast (adjust if needed) */
}

::-webkit-scrollbar-thumb
{
    background: #009cdd; /* bright gold on hover */
}

::-webkit-scrollbar-thumb:hover
{
    background: #009cdd; /* bright gold on hover */
}

#CrtSectionBanner
{
    padding-block-start: 75px;
    padding-block-end: 0px !important;
}
.carousel-crt-img
{
    max-height: 650px;
    width: 100%;
    object-fit: contain;
    display: block;
    margin: auto;
}
.theme-border
{
    border: 1px solid gold;
}
.home-software-img
{
    object-fit: contain;
    max-height: 360px;
}

@media (max-width: 1200px)
{
    #ApexSectionBanner
    {
        padding-block-start: 100px !important;
    }
    #CrtSectionBanner
    {
        padding-block-start: 100px !important;
    }
    #HomeSoftwareCRT
    {
        height: 245px;
    }
}

@media (max-width: 991px)
{
    #ApexSectionBanner, #CrtSectionBanner
    {
        padding-block-start: 90px !important;
    }
    #HomeSoftwareCRT
    {
        height: 170px;
    }
}

@media (max-width: 767px)
{
    #HomeSoftwareCRT
    {
        height: 50%;
    }
    .header-wrapper .menu-area .header-btn
    {
        display: block !important;
    }
    .playbtn__content
    {
        font-size: 12px !important;
    }
    .playbtn__thumb
    {
        width: 30px !important;
        height: 30px !important;
    }
    .playbtn__thumb
    {
        gap: 5px !important;
    }
}

@media (max-width: 575px)
{
    #ApexSectionBanner, #CrtSectionBanner
    {
        padding-block-start: 65px !important;
    }
    .playbtn__content
    {
        font-size: 11px !important;
    }
    .playbtn__thumb
    {
        width: 25px !important;
        height: 25px !important;
    }
}

@media (max-width: 360px)
{
    #HomeSoftwareCRT
    {
        height: 45%;
    }
}