*
{
    padding:0;
    margin:0; 
    box-sizing: border-box;
}
body{
    overflow-x: hidden;
}

.carousel-item img{

    width: 100%;
    height: 80vh;
}
.carousel-caption h5,p{
    color: white;
}
.logos .container img{
    width: 100px;
    height: 100px;
    margin-left: 20px;
    
}
h1{
    font-family: 'Dancing Script', cursive;
}
.tag_line .one{
    color:red;
    
    /* font-family: 'Dancing Script', cursive; */
}

.media{
    margin-top: 10px;
    padding: 12px;
}

.col .container {
    background-color: rgb(8, 7, 7);
    color:goldenrod;
}

.col .container p{
    color: goldenrod;
}
.logo{
    width: 120px ;
    height: 120px;
}

.slider .container{

    align-items: center;

}
.row .card .card-body h6{color:black;}



.my-card .card-body .p{color: black;}

.my-card .card-body .p:hover{color: white;}

/* Custom class to handle hover */
.my-card:hover {
    background-color: var(--bs-dark); /* Uses Bootstrap's primary color variable */
    color: white; /* Optional: change text color for better contrast */
    transition: background-color 0.3s ease; /* Optional: smooth transition */
}

/* .my-card .card-body .traning_icon{background-color: rgb(70, 67, 67);color:wheat;border-radius: 50;width: auto;height: auto;} */
/* .my-card .card-body .traning_icon i{width: 70;height: 70;margin-bottom: 20;} */


.my-card .card-body .traning_icon i:hover {
  /* Hover state (e.g., full color) */
    /* background-color: black; */
    color:white;
}
.nav-link:hover{color: red;}