@font-face {
    font-family: "Forte";
    src: url('../assets/FORTE.ttf') format('truetype');
}

header {
    max-height: 100vh;
    background-image: url(../assets/marketing-header-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: left;
}

.nav {
    border-bottom: 1px solid #363636;
}

.nav-item {
    margin-bottom: -1px;
}

.nav-item>.nav-link {
    color: #363636 !important;
}

.nav-item>.nav-link.active {
    border-bottom: 3.5px solid #F07F25 !important;
}

.marketing-testmonial {
    background-color: #eee;
}

.clip {
    clip-path: polygon(0 0, 83% 0, 100% 16%, 100% 70%, 100% 100%, 0 100%, 0% 70%, 0% 30%);
}

.bg-dim {
    background-color: #363636;
}

.border-bottom-testmonial {
    border-bottom: 1px solid #A8A8A8;
}

.services h1 {
    color: #303030;
    font-size: 100px;
    font-family: "Forte";
}

.bg-img {
    width: 240px;
    position: absolute;
    right: 0;
    z-index: 0;
    top: 12px;
}

.achievments {
    border-bottom: 16px solid #F07F25;
}

.custom-hover {
    position: relative;
}

.custom-hover:after {
    display: block;
    content: '';
    border-bottom: 8px solid #F07F25;
    transform: scaleX(0);
    transition: transform .4s ease-in-out;
    width: 100%;
    bottom: 0;
    position: absolute;
}

.custom-hover:hover {
    background: transparent linear-gradient(180deg, #303030 0%, #5A5A5A 100%) 0% 0% no-repeat;
}

.custom-hover:hover:after {
    transform: scaleX(1);
}

.mg-n-3 {
    margin-left: -3rem;
}

.carousel-indicators {
    margin-bottom: -30px;
    border-radius: 50%;
}

.carousel-indicators [data-bs-target] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border: 1px solid #EEEEEE;
    border-radius: 50%;
}

.carousel-indicators [data-bs-target].active {
    border: 1px solid #F07F25;
}

.carousel-indicators [data-bs-target] span {
    display: inline-block;
    width: 9px;
    height: 9px;
    background-color: #EEEEEE;
    display: inline-block;
    border-radius: 50%;
}

.carousel-indicators [data-bs-target].active span {
    background-color: #F07F25;
}

.client-logo {
    filter: grayscale(1);
    transition: all .2s ease-in-out;
}

.client-logo:hover {
    filter: grayscale(0);
}

.modal-backdrop.show {
    opacity: 0.9;
}

#galleryModal .modal-dialog {
    height: 100vh;
}

.img-hover-zoom {
    /* height: auto; */
    max-height: 100%;
    overflow: hidden;
    clip-path: polygon(0px 0px, 82% 0%, 100% 12%, 100% 80%, 100% 100%, 20% 100%, 0px 100%, 0% 20%);
}

.img-hover-zoom img {
    transition: transform .5s ease;
    object-fit: cover;
    object-position: center;
    filter: brightness(0.8);
}

.img-zoom-container:hover .img-hover-zoom img {
    transform: scale(1.3);
}
.img-zoom-container  h6 {
    transition: transform ease-in-out .3s;
}

.img-zoom-container:hover  h6 {
    transform: scale(1.2);
}

@media screen and (min-width: 768px) {
    
}