:root {
    --primary: #1100ff;
    --primary-rgb: 17, 0, 255;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Helvetica Neue LT GEO', sans-serif;
    color: #000;
    background-color: #f4f4f4;
}


.nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}




/* ========== / HEADER CSS / ========== */
header {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99;
}

header.not-main {
    background-color: #ffffff;
}

header>.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.9rem;
    --bs-navbar-color: rgba(255, 255 ,255);
    --bs-navbar-hover-color: rgba(var(--primary-rgb));
    --bs-navbar-disabled-color: rgba(255, 255 ,255);
    --bs-navbar-active-color: rgba(255, 255 ,255);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(255, 255 ,255);
    --bs-navbar-brand-hover-color: rgba(255, 255 ,255);
    background-color: transparent;
}

header.not-main>.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.9rem;
    --bs-navbar-color: rgba(0, 0, 0);
    --bs-navbar-hover-color: rgba(var(--primary-rgb));
    --bs-navbar-disabled-color: rgba(0, 0, 0);
    --bs-navbar-active-color: rgba(0, 0, 0);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(0, 0, 0);
    --bs-navbar-brand-hover-color: rgba(0, 0, 0);
    background-color: transparent;
}

header>.navbar.scrolled {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.9rem;
    --bs-navbar-color: rgba(0, 0, 0);
    --bs-navbar-hover-color: rgba(var(--primary-rgb));
    --bs-navbar-disabled-color: rgba(0, 0, 0);
    --bs-navbar-active-color: rgba(0, 0, 0);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(0, 0, 0);
    --bs-navbar-brand-hover-color: rgba(0, 0, 0);
    background-color: transparent;
}

header>.navbar.scrolled {
    background-color: rgba(255, 255, 255, 0.8);
}

.navbar-brand {
    display: flex;
    align-items: center;
    text-transform: lowercase;
}

.navbar-brand span {
    color: #fff;
    font-size: 12px;
    padding: 0px 3px;
    background-color: var(--primary);
    border-radius: 0.375rem;
}

.navbar-geoserv>.nav-item>.nav-link, .navbar-geoserv-2>.nav-item>.nav-link {
    position: relative;
}

.navbar-geoserv>.nav-item>.nav-link::after, .navbar-geoserv-2>.nav-item>.nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 4px;
    background-color: var(--primary);
    border-radius: 0px;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.2s;
}

.navbar-geoserv>.nav-item>.nav-link:hover::after, .navbar-geoserv-2>.nav-item>.nav-link:hover::after {
    transform-origin: left;
    transform: scaleX(1);
}


@media (min-width : 992px) {
  .offcanvas {
    visibility      : visible;
    position        : relative;
    background      : none;
    border          : none;
    justify-content : end;
    color           : red;
  }
}
@media (max-width : 992px) {
  .offcanvas {
    width : 250px !important;
  }
  .offcanvas-start-lg {
    top          : 0;
    left         : 0;
    border-right : 1px solid rgba(0, 0, 0, .2);
    transform    : translateX(-100%);
  }
}

.top-nav {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.top-nav span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--primary);
}

.top-nav span i {
    font-size: 16px;
    color: #fff;
}


@media screen and (max-width: 768px) {
    .navbar-top {
        display: none !important;
    }
}

.nav-item>.nav-login {
    display: flex;
    align-items: center;
    gap: 10px;
}

.nav-item>a>span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--primary);
}

.navbar-toggler {
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}



/* ========== / FOOTER CSS / ========== */
.footer-list>.footer-sect>h5::before {
    content: '';
    position: relative;
    height: 100%;
    border-left: 4px solid var(--primary);
    margin-right: 8px;
}

.footer-sect-ul>.nav-item>.nav-link {
    display: unset !important;
}








/* ========== / BTN CSS / ========== */
.btn {
    border-radius: 5px;
}

.btn:hover {
    box-shadow: 0 0px 20px var(--bs-btn-bg);
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1100ff;
    --bs-btn-border-color: #1100ff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4133ff;
    --bs-btn-hover-border-color: #4133ff;
    --bs-btn-focus-shadow-rgb: var(--primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4133ff;
    --bs-btn-active-border-color: #4133ff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1100ff;
    --bs-btn-disabled-border-color: #1100ff
}

.btn-outline-primary {
    --bs-btn-color: #1100ff;
    --bs-btn-border-color: #1100ff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1100ff;
    --bs-btn-hover-border-color: #1100ff;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1100ff;
    --bs-btn-active-border-color: #1100ff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #1100ff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1100ff;
    --bs-gradient: none
}


.btn-hero {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffff00;
    --bs-btn-border-color: #ffff00;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffff00;
    --bs-btn-hover-border-color: #ffff00;
    --bs-btn-focus-shadow-rgb: var(--primary-rgb);
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffff00;
    --bs-btn-active-border-color: #ffff00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffff00;
    --bs-btn-disabled-border-color: #ffff00
}







/* ========== / BORDER PRIMARY CSS / ========== */
.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--primary-rgb), var(--bs-border-opacity)) !important;
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(var(--primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--primary-rgb), var(--bs-text-opacity)) !important;
}










/* ========== / SWIPERJS CSS / ========== */
.swiper-bg {
    display: block;
    width: 100%;
    height: 550px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-image: url(../images/hero-bg.jpg);
}
.swiper {
    position: relative;
    width: 100%;
    height: 100%;
}

.swiper-slide {
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide>.main-hero>h1>span {
    color: #ffff00;
}

.swiper-pagination-bullet {
    width: 32px;
    height: 6px;
    border-radius: 0px;
}

.swiper-pagination-bullet-active {
    background-color: #ffff00 !important;
}




/* ========== / SECTION TITLE CSS / ========== */
.section-title {
    position: relative;
}

.section-title>h2:before {
    content: "";
    border-left: 5px solid #1100ff;
    margin-right: 5px;
}

.section-title>h2, .section-title>h5 {
    margin-bottom: 0px;
}

.section-title>h5>span {
    color: #1100ff;
}

.section-title>h2>span {
    text-decoration: underline #1100ff;
}

.table-geoserv {
    text-align: center;
}

.table-geoserv>:not(caption)>*>* {
    padding: 24px 40px 22px !important;
}

.table-geoserv>:not(caption)>*>*>i {
    color: var(--primary);
}


.table-geoserv-th {
    text-align: left;
}

.geoserv-nav2>.nav-item {
    width: 20%
}

.geoserv-nav2>.nav-item>.nav-link {
    border-radius: 0px;
    background-color: #ffffff;
    width: 100%;
    padding: 20px 0;
    position: relative;
}

.geoserv-nav2>.nav-item>.nav-link.active {
    background-color: var(--primary);
}

.geoserv-nav2>.nav-item>.nav-link.active:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 10px;
    width: 10px;
    background: var(--primary);
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 auto;
    opacity: 1;
    z-index: 9;
}


.geoserv-nav2>.nav-item>.nav-link>span:before {
    font-size: 50px;
}






.geoserv-nav3>.nav-item {
    width: 20%
}

.geoserv-nav3>.nav-item>.nav-link {
    border-radius: 0px;
    background-color: #ffffff;
    width: 100%;
    padding: 20px 0;
    position: relative;
}

.geoserv-nav3>.nav-item>.nav-link.active {
    background-color: #f4f4f4;
}

.geoserv-nav3>.nav-item>.nav-link.active:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 10px;
    width: 10px;
    background: var(--primary);
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 auto;
    opacity: 1;
    z-index: 9;
}


.geoserv-nav3>.nav-item>.nav-link>span:before {
    font-size: 50px;
}

.game-image {
    width: 100%;
    height: 123px;
    position: relative;
}


@media screen and (max-width: 991px) {
    .table-geoserv-back {
        overflow-x: auto;
    }
    
    .geoserv-nav2, .geoserv-nav3 {
        flex-wrap: wrap;
    }
    
    .geoserv-nav2>.nav-item, .geoserv-nav3>.nav-item {
        width: 50%;
    }
}

.contact-geoserv {
    
}

.contact-geoserv>h6 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
}

.contact-geoserv>h6>i {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    font-size: 18px;
    border-radius: 50%;
    background-color: var(--primary);
    color: #fff;
}




/* ========== / NEW CSS / ========== */
.card-reviews {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 350px !important;
        padding: 20px 0px;
        background-color: #ffffff;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
    }
    
    .card-reviews>.card-reviews-user {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    
    .card-reviews>.card-reviews-user>img {
        padding: 5px;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        border: 5px solid var(--primary);
    }
    
    .card-reviews>.card-reviews-body {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .card-reviews>.card-reviews-body>p {
        width: 70%;
        text-align: center;
    }
    
    .card-reviews>.card-reviews-body>.card-reviews-rating {
        position: relative;
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: center;
        width: 40%;
    }
    
    .card-reviews>.card-reviews-body>.card-reviews-rating>i {
        color: var(--primary)
    }

.dropdown-login {
            width: 16rem;
        }


.reviews-card {
        position: relative;
        width: 100%;
        background-color: #ffffff;
        padding: 20px;
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
        margin-top: 20px;
        border-radius: 3px;
    }
    
    .reviews-card>*>*>.reviews-card-user {
        position: relative;
        flex-direction: column;
        display: flex;
        align-items: center;
        width: 100%;
    }
    
    .reviews-card>*>*>.reviews-card-user>img {
        padding: 5px;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        border: 5px solid var(--primary);
    }
    
    .reviews-card>*>*>.reviews-card-user>.reviews-card-username {
        position: relative;
        margin-top: 10px;
        text-transform: uppercase;
    }
    
    .reviews-card>*>*>.reviews-card-comment {
        position: relative;
        text-align: center;
        color: #6c757d !important;
    }
    
    .reviews-card>*>*>.reviews-card-user>.reviews-card--rating {
        position: relative;
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: center;
        width: 40%;
    }
    
    .reviews-card>*>*>.reviews-card-user>.reviews-card-rating>i {
        color: var(--primary)
    }

.reviews-add {
        position: relative;
        width: 100%;
    }


.geoserv-social {
        position: relative;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .geoserv-social>span>a {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #fff;
        border-radius: 50%;
    }
    
    .geoserv-social>span {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 64px;
        height: 64px;
        border-radius: 50%;
        background-color: #f4f4f4;
    }
    
    .geoserv-social>span>a>i {
        font-size: 22px;
    }
    
    .geoserv-social>span:nth-child(n+1) {
        background-color: #1877f2;
        color: #fff;
    }
    
    .geoserv-social>span:nth-child(2) {
        background-color: #ff0000;
        color: #fff;
    }
    
    .geoserv-social>span:nth-child(3) {
        background-color: #25D366;
        color: #fff;
    }
    
    .geoserv-social>span:nth-child(4) {
        background-color: #7360f2 !important;
        color: #fff;
    }
    
    .geoserv-social>span:hover {
        opacity: 0.8;
    }







/* ========== / WEBKIT & SELECTION CSS / ========== */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--primary);
}

::-webkit-scrollbar-track {
    background-color: #ffffff;
}

::selection {
    color: #000;
    background-color: #ffff00;
}




/* ========== / FONTS CSS / ========== */
@font-face {
    font-family: 'Camber';
    src: url('../fonts/Camber-Sb.eot');
    src: url('../fonts/Camber-Sb.eot?#iefix') format('embedded-opentype'), url('../fonts/Camber-Sb.woff2') format('woff2'), url('../fonts/Camber-Sb.woff') format('woff'), url('../fonts/Camber-Sb.ttf') format('truetype'), url('../fonts/Camber-Sb.svg#Camber-Sb') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue LT GEO';
    src: url('../fonts/HelveticaNeueLTGEO-55Roman.eot');
    src: url('../fonts/HelveticaNeueLTGEO-55Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLTGEO-55Roman.woff2') format('woff2'), url('../fonts/HelveticaNeueLTGEO-55Roman.woff') format('woff'), url('../fonts/HelveticaNeueLTGEO-55Roman.ttf') format('truetype'), url('../fonts/HelveticaNeueLTGEO-55Roman.svg#HelveticaNeueLTGEO-55Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
button,
label,
.btn {
    font-family: 'Camber', sans-serif;
    font-weight: normal;
}

p,
input {
    font-family: 'Helvetica Neue LT GEO', sans-serif;
    font-weight: normal;
}