.hero {
    position: relative;
    z-index: 0;
    height: 100vh;
}

.hero-media {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
    position: absolute;
    top: 0%;
    left: 0%;
}

.hero-media-foreground {
    position: absolute;
    z-index: 2;
    top: 0%;
    left: 0%;
    background: rgb(80, 77, 255);
    background: radial-gradient(circle, rgba(80, 77, 255, 1) 0%, rgba(133, 76, 255, 1) 42%, rgba(80, 77, 255, 1) 59%, rgba(133, 76, 255, 1) 100%);
    opacity: 0.4;
}

.hero-media video {
    object-fit: cover;
}

.hero-content {
    z-index: 3;
    position: absolute;
    top: 0%;
    left: 0%;
    background-color: transparent;
}

.svc-box {
    padding: 10px;
    position: relative;
    height: 300px;
    border-radius: 10px;
}

.bg-cloud-consulting {
    background-image: url('https://teleglobalwebsitemedia.s3.ap-south-1.amazonaws.com/HOME+PAGE+NE+RESIZE/Cloud-services-image.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom;
}


.bg-cyber-security {
    background-image: url('https://teleglobalwebsitemedia.s3.ap-south-1.amazonaws.com/HOME+PAGE+NE+RESIZE/Cyber+Security.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom;
}

.bg-software-dev {
    background-image: url('https://teleglobalwebsitemedia.s3.ap-south-1.amazonaws.com/HOME+PAGE+NE+RESIZE/Soft+Dev+1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom;
}

.bg-remote-infra {
    background-image: url('https://teleglobalwebsitemedia.s3.ap-south-1.amazonaws.com/HOME+PAGE+NE+RESIZE/RIM.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom;
}

.bg-dev-ops {
    background-image: url('https://teleglobalwebsitemedia.s3.ap-south-1.amazonaws.com/HOME+PAGE+NE+RESIZE/dEVOPS+1.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
}

.bg-a-i {
    background-image: url('https://ik.imagekit.io/ashes/tgi_new_web/AI+(2).png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom;
}


.partner-strip {
    background-color: #504CFF;
    height: 100px;
    margin-top: 50px;
    position: relative;
    z-index: 200;
}

.clients-carousel {
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.clients-box {
    display: grid;
    align-items: center;
    justify-items: center;
    width: 60% !important;
    height: auto;
    transition: transform 0.5s ease-in;
    margin: 8px auto;
}

    .clients-box img {
        height: 40px !important;
        width: auto !important;
    }

    .clients-box:hover {
        transform: scale(1.2);
    }





.intro-box {
    background-image: url('https://png.pngtree.com/png-vector/20190710/ourmid/pngtree-user-vector-avatar-png-image_1541962.jpg');
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: left;
    padding-left: 48px;
}



.spray-504CFF {
    background: radial-gradient(circle, rgba(80, 76, 255, 0.7) 10%, rgba(80, 76, 255, 0.5) 30%, rgba(80, 76, 255, 0.2) 50%, transparent 70%);
    filter: blur(10px);
    background-color: #16121E;
    opacity: 0.6;
    height: 100px;
    width: 150px;
    left: 0;
    z-index: 3;
}

.casestudyblog,
.contactus,
.services,
.testimonials,
.whychooseus,
.whoweare {
    z-index: 20;
}


@@media(max-width: 768px) {

    .bg-cloud-consulting {
        background-image: url('https://teleglobalwebsitemedia.s3.ap-south-1.amazonaws.com/HOME+PAGE+NE+RESIZE/Cloud-services-image.png');
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: left center;
    }

    .bg-software-dev {
        background-image: url('https://teleglobalwebsitemedia.s3.ap-south-1.amazonaws.com/HOME+PAGE+NE+RESIZE/Soft+Dev+1.png');
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: left center;
    }

    .bg-a-i {
        background-image: url('https://ik.imagekit.io/ashes/tgi_new_web/AI+(2).png');
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: left center;
    }

    .bg-cyber-security {
        background-image: url('https://teleglobalwebsitemedia.s3.ap-south-1.amazonaws.com/HOME+PAGE+NE+RESIZE/Cyber+Security.png');
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: right center;
    }

    .desktop {
        display: none;
    }

    .blog-image-container .blog-image {
        width: 75%;
    }
}

@@media(max-width: 1024px) {
    .svc-box .h2 {
        font-size: 24px;
    }

    .tablet {
        display: none;
    }

    .blog-image-container .blog-image {
        width: 90%;
    }
}