body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.container-fluid {
    padding: 0;
}

.image {
    position: relative;
    width: 100%;
    height: 100%;
}

    .image .wall {
        width: 100%;
        height: 100%;
    }

    .image .YDesign {
        position: absolute;
        top: 0%;
        right: 50%;
        width: 50%;
        height: 100%;
        z-index: 1;
        opacity: 0.8; /* You can adjust the opacity as needed */
    }

    .image .no-background {
        position: absolute;
        top: 15%;
        left: 3%;
        z-index: 1;
        width: 30rem;
        color: white;
        background-color: transparent;
        border:none;
    }
        
    
    .image button {
        height:50px !important;
        width:150px !important;
    }

    .image .btn1 {
        position: absolute;
        top: 55%;
        left: 10%; /* Adjust this value to change the horizontal position of the button */
        transform: translate(-50%, -50%); /* Center the button horizontally and vertically */
        z-index: 2; /* Ensure the button appears above the image */
        background-color: none;
    }
    .image .btn2 {
        position: absolute;
        top: 55%;
        left: 30%;
        transform: translate(-50%, -50%); 
        z-index: 2; 
    }
    .image .btn3 {
        position: absolute;
        top: 65%;
        left: 10%; 
        transform: translate(-50%, -50%); 
        z-index: 2;
    }
    .image .btn4 {
        position: absolute;
        top: 65%;
        left: 30%; 
        transform: translate(-50%, -50%); 
        z-index: 2; 
    }

.cardDes {
    background-color: black;
    color: white;
}

.cricketHome .h3line {
    background: -webkit-linear-gradient(black, #751c1c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cricketHome .cricket {
    background: -webkit-linear-gradient(#ffd800, #bb0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 3px;
}
.with-box-shadow {
    height: auto;
    width: 25%;
}
.gradient-border {
    border: 5px solid transparent; 
    border-image: linear-gradient(45deg, yellow, red, black); 
    border-image-slice: 1;
}
.with-box-shadow button {
    width: 80%;
    height: 7%;
    background: rgb(185,149,0);
    background: radial-gradient(circle, rgba(185,149,0,1) 0%, rgba(78,63,0,1) 100%, rgba(0,0,0,1) 100%);
}
    .with-box-shadow button:hover {
        font-size: 15px;
        background: rgb(0,0,0);
        background: radial-gradient(circle, rgba(0,0,0,0.8631827731092436) 0%, rgba(185,149,0,1) 100%);
    }