.offSetBtn {
    display: inline !important;
}

.hero-content-wrap {
    margin-top: 5rem !important;
    margin-left: 1rem;
}

.ourProducts {
    margin-top: 2rem;
}

.mobileView {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: imageAnimation;
    animation-name: imageAnimation;
    width: 100%;
}

.agileTabContent {
    display: none;
    padding: 6px 12px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation: fadeEffect;
    animation: fadeEffect;
}


@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media screen and (max-width: 1200px) {
    .author-info>span {
        font-size: 12px;
    }

    .author-info>h6 {
        font-size: 12px;
    }
}

@media screen and (max-width: 990px) {
    .footerAlignCenter {
        text-align: center !important;
    }

    .footerAlignDisplay {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footerCopyrightDisplay {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .agileImages {
        display: none;
    }

    .faqHidden {
        display: none;
    }
}

@media screen and (max-width:400px) {
    .mbViewTeam {
        width: 200px;
    }
}

@media screen and (min-width: 765px) {
    .single-feature-promo {
        height: 450px;
    }
}

@media screen and (max-width:770px) {
    .productsFeatured {
        display: none;
    }
}

@keyframes imageAnimation {

    0%,
    100% {
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px);
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

@media screen and (max-width: 600px) {
    .lead {
        font-size: 16px;
    }

    .mobileView {
        display: none;
    }

    .hero-content-wrap {
        margin-top: 1rem !important;
        margin-left: 1rem;
    }

    .hiddenIntregration {
        display: none !important;
    }
}

@supports (-webkit-backdrop-filter: blur(30px) saturate(160%) contrast(45%) brightness(140%) !important) or (backdrop-filter: blur(30px) saturate(160%) contrast(45%) brightness(140%) !important) {
    .affix {
        background-color: #FC000000 !important;
        backdrop-filter: blur(20px) saturate(160%) contrast(45%) brightness(140%) !important;
        -webkit-backdrop-filter: blur(20px) saturate(160%) contrast(45%) brightness(140%) !important;
    }
}

.navbar-light .main-menu li a.nav-link,
.navbar-light .action-btns a.btn-link,
.navbar-dark.sticky-header.affix .main-menu li a.nav-link,
.navbar-dark.sticky-header.affix .action-btns a.btn-link {
    color: #1B1F1F !important;
}

.navbar-light .main-menu li a.nav-link:hover,
.navbar-light .action-btns a.btn-link,
.navbar-dark.sticky-header.affix .main-menu li a.nav-link:hover,
.navbar-dark.sticky-header.affix .action-btns a.btn-link:hover {
    color: yellow !important;
}

.main-menu li a.nav-link :hover {
    color: yellow !important;
}

.offcanvas-end {
    height: 1000px;
}





/* Hide scrollbar for Chrome, Safari and Opera */
/* .nav::-webkit-scrollbar {
    display: none;
} */

/* scrollbarcolor */
.scrollbar-primary::-webkit-scrollbar {
    width: 10px;
    height: 5px;
    color: #000;
}


.scrollbar-primary::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); */
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: yellow;
}





/* images margin testimonial */

@media only screen and (max-width: 600px) {

    .bi2,
    .bi3,
    .bi4 {
        margin-left: -270px;
    }
}




/* navbar for tabs */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

    .navbar {
        height: 70px;
    }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

    .bi2 {
        margin-left: -250px;
    }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

    .bi3 {
        margin-left: -600px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

    .bi4 {
        margin-left: -700px;
    }
}






@media (min-width:1281px) { 
    .testimonial-thumb:hover {
        transform: scale(1.2);
        margin-top: 12px;
    }
    
    .testimonial-thumb {
        transition: all 0.4s ease;
    
    } 
 }





/* footer fb section */
@media (max-width: 500px) {
    .footerhid {
        display: none;
    }
}



/* mobile padding  */

@media (max-width: 500px) {
    .mobilepadding {
        padding-left: 10px;
        padding-right: 10px;
    }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

    .footerhid {
        display: none;
    }
}






/* GG rela */
.joinRelativity {
    --s: 0.2em;
    /* the thickness of the line */
    --c: yellow;
    /* the color */

    color: #0000;
    padding-bottom: var(--s);
    background:
        linear-gradient(90deg, var(--c) 50%, #000 0) calc(100% - var(--_p, 0%))/200% 100%,
        linear-gradient(var(--c) 0 0) 0% 100%/var(--_p, 0%) var(--s) no-repeat;
    -webkit-background-clip: text, padding-box;
    background-clip: text, padding-box;
    transition: 0.5s;
}

.joinRelativity:hover {
    --_p: 50%
}