/* .container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl,
.row {
    --bs-gutter-x: 2.5rem;
} */

.ginput_container_select select {
  color-scheme: dark;
  background-color: #0F1010 !important;
  color: white !important;
}

.ginput_container_select select option {
  background-color: #0F1010 !important;
  color: white !important;
}
/* select option {background-color: #0F1010 !important;color: white !important;} */

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-right: calc(var(--bs-gutter-x) * .8);
    padding-left: calc(var(--bs-gutter-x) * .8);
}

@media (min-width: 2000px) {
    .banner-img-wrapper.about-top-banner-video {
        background-size: 1920px !important;
        background-position: center !important;
    }
}

@media (min-width: 992px) {
    nav .navbar-nav li:hover > .sub-menu {
        display: block;
    }
}

@media (min-width: 991px) and (max-width: 1300px) {
    .banner-text-wrapper {
        width: 70%;
    }
    .counter-box-wrapper .counter-box {
        text-align: right !important;
    }
}
@media (min-width: 1400px) {
    .container-1230 {
        max-width: 1230px;
        margin: 0 auto;
        width: 100%;
    }
}

@media (min-width: 1600px) {
    .container-xxl {
        max-width: 1560px;
    }
}

@media (min-width: 1700px) {
    .container-gl {
        max-width: 1620px;
    }

    .g-100 {
        --bs-gutter-x: 6.875rem;
        --bs-gutter-y: 0;
    }
}

/* Media Max-Width */
@media (max-width: 1800px) {

    .desktop-banner-title,
    .text-96 {
        font-size: 58px;
        line-height: 65px;
    }

    .desktop-banner-desc-wrapper {
        margin-top: 15px;
    }

    .text-36,
    .para-big-title.text-36 {
        font-size: 32px;
    }

    .box-title-wrapper {
        display: flex;
        flex-direction: column;
        gap: 9px;
    }

    .swiper-gl-pagination-wrapper {
        max-width: 1020px;
    }

    .gl-slider-wrapper .swiper-gl-prev {
        left: -60px;
    }

    .gl-slider-wrapper .swiper-gl-next {
        right: -60px;
    }

    .slider-number-wraper .slide-number,
    .slider-number-wraper .slide-title {
        font-size: 11px;
    }
}

@media (max-width: 1500px) {
    .back-to-top-arrow {
        right: 20px;
        top: -40px;
    }

    .about-us-gl::before {
        content: none;
    }

    .about-us-gl {
        background-image: none;
    }

    .text-48 {
        font-size: 32px;
        line-height: 38px;
    }

    .gl-slider {
        margin-bottom: 100px;
    }

    .carslider-body img {
        max-width: 400px;
        width: 100%;
    }

    .svc-name {
        font-size: 30px;
        line-height: 46px;
    }

    .service-item {
        padding: 30px 85px;
    }

    .d-block-arrow::after {
        left: -20px;
    }

    .armored-video-overlay .text-64 {
        font-size: 32px;
        line-height: 41px;
    }

    .baseball-logo-wrapper img {
        max-width: 400px;
        width: 100%;
    }
    .no-padding-mobile, .no-padding-mobile .row, .no-padding-mobile .row .col-12 {
        padding: 0; margin: 0;
    }
}

@media (max-width: 1300px) {
    .slide-title {
        display: none;
    }

    .slider-number-wraper .slide-number {
        display: block;
    }

    .slider-number-wraper {
        max-width: 20px;
    }

    .swiper-slide-thumb-active.swiper-slide.swiper-thumb .slide-title {
        display: block;
        font-weight: 500;
        font-size: 12px;
        line-height: 14px;
    }

    .swiper-slide-thumb-active.swiper-slide.swiper-thumb .slider-number-wraper {
        max-width: 100%;
    }

    .swiper-slide.swiper-thumb {
        width: auto !important;
    }

    .swiper-gl-thumbs .swiper-wrapper {
        justify-content: center;
    }

    .slider-number-wraper {
        flex-direction: column-reverse;
    }

    .flex-wraper-number {
        flex-direction: column;
        gap: 0;
    }

    .slide-number {
        text-align: left;
        width: 100%;

    }

    .gl-slider-wrapper .swiper-gl-next,
    .gl-slider-wrapper .swiper-gl-prev {
        display: none;
    }

    .carslider-footer .armored-detail-wrapper {
        flex-direction: column;
    }

    .carslider-footer .armored-detail-child:not(:last-child) {
        border: 0;
        /* border-bottom: 1px solid #ccc; */
    }

    .carslider-footer .armored-detail-child:last-child {
        border: 1px solid #ccc;
        border-left: 0;
        border-right: 0;
    }

}

@media (max-width: 1199px) {
    .about-us-title {
        margin-bottom: 50px;
    }

    /* .how_operate_box:not(:last-child) {
        margin-bottom: 24px;
    } */

    .how_operate {
        margin-bottom: 80px;
    }

    .gl-slider-title-wrapper {
        top: 45px;
        left: 18px;
    }

    .gl-slider {
        margin-bottom: 70px;
    }

    .text-64 {
        font-size: 32px;
        line-height: 41px;
    }

    .principle {
        margin-bottom: 40px;
    }

    .armored_vehicle {
        margin: 90px 0 58px;
    }

    .car-slider-inner .swiper-car-next {
        right: 5%;
    }

    .car-slider-inner .swiper-car-prev {
        left: 5%;
    }

    .car-slider-wrapper::after,
    .car-slider-wrapper::before {
        content: none;
    }

    .sliderTitle-wrapper {
        margin-bottom: 50px;
    }

    .armored-title-wrapper .short-title-16 {
        margin-bottom: 10px;
        display: block;
        width: 100%;
    }

    .carslider-body img {
        height: auto;
    }

    .armored-titleWrapper {
        text-align: center;
        margin: 0 auto;
    }

    .armored-titleWrapper .desktop-banner-gray-btn {
        margin-left: auto;
        margin-right: auto;
    }

    .baseball-logo-wrapper {
        margin: 70px auto 0 auto;
    }

    .armored_video .video-banner {
        max-height: inherit;
    }

    .armored-video-overlay .text-64 {
        margin-bottom: 30px;
    }

    /*  */
    .banner-inner {
        padding: 50px 0;
    }

    .banner-img-wrapper {
        margin-top: 40px;
    }

    .contact-left {
        padding-right: 20px;
    }
    .contact-left h2 {
        font-size: 42px;
    }
    .contact-box {
            padding: 50px;
    }
    .high-risk-section .col-content {
        padding: 40px 32px 10px;
    }
    .feature-item {
        gap: 36px;
        padding: 36px 36px;
    }
    .enhancement_vehicle .section-head {
        max-width: 66%;
    }
    .video-holder {
        height: 380px !important;
    }

}

@media (max-width: 991px) {

    .hero-content,
    .counter-wrapper {
        position: static;
    }

    main {
        padding-top: 70px;
    }

    .navbar-nav {
        gap: 0;
        padding-top: 60px;
        height: calc(100dvh - 150px);
        overflow: auto;
    }

    .navbar-nav .nav-link {
        padding: 0 8px;
    }

    body.menu-open {
        overflow: hidden;
    }

    .custom-toggler {
        border: none;
        background: transparent;
        position: relative;
        width: 40px;
        height: 15px;
    }

    .custom-toggler .bar {
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        background: #fff;
        transition: all 0.3s ease;
    }

    .custom-toggler .top {
        top: 0;
    }

    .custom-toggler .bottom {
        bottom: 0;
    }

    .custom-toggler.active .top {
        transform: rotate(30deg);
        top: 10px;
    }

    .custom-toggler.active .bottom {
        transform: rotate(-30deg);
        bottom: 3px;
    }

    /* .navbar-nav li:first-child {
        margin: 0;
    } */

    nav .menu-item-has-children > a::after {
        right: 10px;
        top: 10px;
    }

    #navbarNav .desktop-banner-green-btn {
        margin-top: auto;
        margin-bottom: 40px;
    }

    .desktop-banner-green-btn {
        width: calc(100% - 16px);
        max-width: 100%;
        margin: 0 auto;
    }

    nav .dropdown-toggle::after {
        left: 80px;
        top: 3px;
    }

    .dropdown-menu {
        box-shadow: none;
        padding: 0 8px;
    }

    .nav-link.dropdown-toggle.show::after {
        transform: rotate(180deg);
    }

    /*  */
    .desktop-banner-title,
    .text-96 {
        font-weight: 500;
        font-size: 36px;
        line-height: 37px;
    }

    .counter-box-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: center;
        gap: 0;
        margin: 0 auto;
    }

    .counter-box:not(:last-child) {
        margin: 0;
    }

    .counter-box {
        max-width: 220px;
    }

    .banner-text-wrapper {
        text-align: center;
        max-width: 440px;
        margin: 0 auto;
    }

    .desktop-banner-gray-btn {
        max-width: 100%;
    }

    .video-banner {
        margin-top: 50px;
    }

    .counter-wrapper::after,
    .hero-content::after {
        content: none;
    }

    .sticky-top-fixed {
        box-shadow: 0px 12px 38.9px -16px #8DFB4E36;
    }

    .hero-section {
        padding-top: 50px;
    }

    .desktop-banner-desc-wrapper {
        margin-top: 25px;
        gap: 26px !important;
    }

    .footer-col:not(:last-child) {
        margin-bottom: 64px;
    }

    .about-us-gl {
        padding: 80px 0;
    }

    .text-36,
    .para-big-title.text-36 {
        font-size: 24px;
        line-height: 29px;
    }

    .carSlider-wrapper {
        gap: 30px;
    }

    .carslider-header h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .carslider-header p {
        font-size: 16px;
        line-height: 19px;
    }

    .d-block-arrow::after {
        content: none;
    }

    .services-label {
        padding: 0 0 24px;
        text-align: center;
    }

    .svc-name {
        font-size: 20px;
    }

    .service-item {
        padding: 18px 20px 18px 30px;
        border: 0;
        border-bottom: 1px solid;
        border-image-source: linear-gradient(280.13deg, #666666 1.92%, #000000 50%, #666666 98.08%);
        border-image-slice: 1;
    }

    .anim_right .service-item::before,
    .anim_right .service-item::after {
        content: none;
    }

    .services-section {
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    .svc-name::before {
        width: 20px;
        height: 20px;
        left: -30px;
        top: 46%;
    }

    .d-block-arrow img {
        max-width: 30px;
    }

    .navbar-brand .logo {
        max-width: 129px;
    }

    .inner_data {
        padding-top: 57px;
    }

    .gl-pd {
        padding: 30px 0;
    }

    .faq-gl .custom-accordion .accordion-button {
        font-size: 24px;
        line-height: 29px;
    }

    .global-small-title {
        margin-bottom: 50px;
    }

    .contact-left {
        padding-right: 0;
        gap: 46px;
    }
    form.contact-form {
        padding-top: 24px;
    }
    .right-img img {
        height: auto;
    }
    .enhancement_vehicle .section-head {
        max-width: 82%;
    }
    .feature-image img {
        height: auto;
    }
    .full_width_section picture img {
        height: 340px;
        object-fit: cover;
    }
    .full_width_section .text-40 {
        font-size: 32px;
        line-height: 40px;
    }
    .banner-img-wrapper video {
        height: 230px;
    }
 
    .why-high-risk p {
        margin-bottom: 20px;
    }
 
    .para-title-wrapper {
        margin-bottom: 40px;
    }
 
    .box-container p {
        font-size: 32px;
        line-height: 38px;
    }
 
    .about-banner-side {
        margin-bottom: 50px;
    }
 
    .request-engagement-right p {
        max-width: 370px;
        font-size: 16px;
    }
    .video-banner {
        height: 360px !important;
    }
    .armored_video .video-banner {
        height: 100vh !important;
    }
    .armored_video .video-banner iframe {
        scale: 3;
    }
    nav .navbar-nav li a {
        display: block;
    }
    .page .services-section {
        padding-top: 40px;
    }
    .page .contact-section {
        padding-top: 80px;
    }
    .page .target-form ~ .contact-section {
        padding-top: 0;
    }
    .d-block-arrow img {
        opacity: 1;
    }
    .page .faq-title-wrapper {
        text-align: center;
    }
    .contact-left p {
        max-width: 100%;
    }

    .about-page-banner .about-banner-content{
        padding-bottom: 30px;
    }

    .counter-box .counter-text.text-24 {
        font-size: 16px;
        line-height: 1.1;
    }
}

@media (max-width: 767px) {
    .custom-border-mt{
         border: none;
    box-shadow: none;
    }
    .hm-capabilities-list-sectiom{
        padding: 0px;
        border: none;
    box-shadow: none;
    }
    .hm-capabilities-list-sectiom .capability-item {
    padding: 7px 0;
    }
    .banner-img-wrapper img {
        height: 226px;
        object-fit: cover;
        /* box-shadow: 0px 10px 31.7px 0px #97979738; */
    }

    .text-24 {
        font-weight: 500;
        font-size: 16px;
        line-height: 18px;
    }

    .footer-col:not(:last-child) {
        margin-bottom: 40px;
    }

    .footer-top-wrapper {
        text-align: center;
    }

    .counter-box {
        max-width: 50%;
    }

    .footer-title+.lst-item {
        margin: 0 auto;
    }

    .counter-box-wrapper {
        max-width: 100%;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center;
    }


    .logo-social-wrapper {
        align-items: center;
    }

    footer {
        padding-top: 50px;
    }

    .footer-bottom-text {
        gap: 20px;
        justify-content: space-between;
    }

    .footer-bottom-text span {
        font-size: 12px;
    }

    .sub-footer-wrapper {
        gap: 20px;
    }

    .footer-bottom-wrapper {
        text-align: center;
    }

    .footer-top-wrapper {
        padding-bottom: 42px;
    }

    footer {
        padding-bottom: 40px;
    }

    .about-us-desc p {
        font-size: 16px;
        line-height: 24px;
    }

    .how_operate_title {
        text-align: center;
        margin-bottom: 50px;
    }

    .outer-box {
        border-radius: 6px;
    }

    .box-title-wrapper {
        text-align: center;
    }

    .box-title-wrapper p {
        margin: 0 auto;
        max-width: 300px;
        font-size: 16px;
    }

    .how_operate .how_operate_desc .outer-box .box-title-wrapper{
        width: 91%;
    }

    .box-title-wrapper .text-36 {
        font-size: 32px;
    }

    .principle {
        margin-bottom: 30px;
        text-align: center;
        padding-top: 15px;
    }

    .principle-text {
        margin: 0 auto;
    }

    .principle-title {
        font-size: 24px;
        line-height: 29px;
    }

    .col-child {
        margin-top: 10px;
    }

    .principle::before {
        margin: 0 auto;
        width: calc(100% - 40px);
    }

    .car-slider-inner .swiper-car-next {
        top: 40%;
        right: 1%;
    }

    .car-slider-inner .swiper-car-prev {
        top: 40%;
        left: 1%;
    }

    .car-slider-inner .swiper-car-prev img,
    .car-slider-inner .swiper-car-next img {
        max-width: 29px;
    }

    .baseball-logo-wrapper img {
        max-width: 215px;
    }

    .banner-inner p {
        max-width: 358px;
        letter-spacing: 0;
        line-height: 20px;
    }

    .banner-inner {
        background: none;
    }
    .banner-inner.about-page-banner {
        padding: 50px 0 22px;
    }
    .text-64 {
        font-size: 32px;
        line-height: 36px;
    }
    
    .contact-box {
        padding: 32px;
    }
    .contact-left h2 {
        font-size: 40px;
    }
    .contact-form .submit-btn {
        margin: 16px 0;
    }
    .enhancement_vehicle .section-head {
        max-width: 100%;
    }
    .feature-item {
        padding: 40px 40px;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    .feature_section.gl-pd {
        padding: 36px 0 56px;
    }
     .request-engagement-section {
        background: url(../images/build-mobile-2.png) no-repeat bottom;
        background-size: cover;
        width: 100%;
        height: auto;
        padding: 50px 0 140px 0;
    }
    .contact-section .gform-theme--foundation .gform_fields {
        gap: 5px;
    }
    .contact-section .gform-theme--foundation fieldset {
        padding: 18px 20px;
    }
    .service-item {
        padding: 18px 16px 18px 30px;
    }
    .request-engagement-right a.desktop-banner-green-btn{
        gap: 14px;
    }
    .contact-para p {
        font-size: 16px;
        line-height: 24px;
    }
    .contact-left p {
        font-size: 16px;
        line-height: 20px;      
    }
    .counter-box .counter-number {
        font-size: 48px;
        line-height: 56px;
        text-align: left;
    }
    .counter-text {
        color: #D5D5D5;
        text-align: left;
    }
    .social-list {
        gap: 18px;
    }
    .contact-left {
        gap: 40px;
    }
    .about-page-banner .about-banner-content{
        padding-bottom: 20px;
    }

    .enhancement_vehicle .carslider-body .green-icon img {
        width: 28px;
        height: 28px;
    }
}

@media (max-width: 639px) {
    .contact-form .gfield--type-submit {
        margin: 0 auto;
    }
}
@media (max-width: 600px) {
    .carslider-body {
        width: calc(100% - 100px);
        margin: 0 auto;
    }

    .center-button-area {
        width: calc(100% - 40px);
        padding-top: 17px;
        padding-bottom: 17px;
    }

    .center-button-area img {
        max-width: 39px;
    }
    .full_width_section picture img {
        height: 400px;
    }
    .video-holder {
        height: 310px !important;
    }

    .page-id-212 section.banner-inner {
        padding: 50px 0 12px;
    }
    .contact-form input#gform_submit_button_2 {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 425px) {
    .video-holder {
        height: 210px !important;
    }
}
@media (max-width: 392px) {
    .svc-name {
        font-size: 16px;
    }

   /* .desktop-banner-title,
    .text-96 {
        font-size: 32px;
        line-height: 34px;
    }*/

    .footer-bottom-text span {
        font-size: 10px;
    }

    .box-title-wrapper .text-36 {
        font-size: 28px;
    }

    .counter-box .counter-number {
        font-size: 36px;
        line-height: 1.5;
    }

    .counter-box .counter-text.text-24 {
        max-width: 140px;
    }

    .counter-box-wrapper {
        column-gap: 20px;
    }
}

/*@media (max-width: 386px) {
    .desktop-banner-gray-btn {
        font-size: 16px;
    }
}*/