* {
    margin: 0;
    padding: 0;

}
body, html {
    overflow-x: hidden;
  }
  
.rotationg-img{
    height:70px;
}
.navbar .container-fluid img{
    height:70px;
    padding-top: 3px;
    padding-bottom: 3px;

}
.navbar_top {
    background-image: linear-gradient(135deg, rgb(0, 106, 78), rgb(244, 42, 65), rgb(0, 106, 78));    color: white; /* Set the text color */
    width: 100vw;
    box-shadow: green;
}

.navbar .container-fluid .col-3 a{
    color: white;
    font-size: 20px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 5px;}

.navbar ul li a{

    color: white;
    font-size: 12px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 5px;
}

.navbar ul li button{
    background-color: red ;
    border-color: white;
}

.navbar ul li button a{
    all: unset; /* Resets all inherited styles */
    color: white;


}

.rotating-image {

    animation: rotateY 2.5s linear infinite; /* Keyframe animation */
    transform-origin: center; /* Ensures the rotation happens at the center */

}

/* Keyframes for the Y-axis rotation */
@keyframes rotateY {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(100deg);
    }
}


.navbar .container-fluid .col-2 a{

    text-decoration: none;  
    color: white;
    font-size: 12px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 5px;
}


.navbar .container-fluid .col-2 a:hover{

color:black;
}

.ms-2{
    display: none;
}

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

    .navbar_top .container-fluid .sign_up a{
        font-size: 5px;
    }
}

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

    .navbar_top .container-fluid .sign_up a,i{
        display:none    
    }

    .navbar_top .container-fluid .sign_up {
        display:none    
    }

    .ms-2{
        display: block;
        text-decoration: none;
    }
}

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

    .nav-img{
            height: 60px !important;
            display: flex;
            justify-content: flex-end;

}
.navbar-toggler{

  display: flex;
  justify-content: flex-end; 
}
    .text_bar{
        font-size:10px !important;
    }

}