/* *{
    border: 1px solid;
} */
.nav-item a:hover{
    
    color: rgb(76, 173, 211) !important; 
  
}
.xy{
    height: 506px;
}

.ab{
    margin: 24px;
    height: 116px;
}

.demo{
    margin: 108px 0px;

}
.cmnt{
    word-spacing: 4px;
}
.new{
    width: 100%;
    height: 129px;
}
.bt1 {
    position: absolute;
    top: -26px;
    font-size: 17px;
    right: 5px;
}
.bt {
    position: absolute;
    top: 72px;
    right: 103px;
}

.quote{
    position: relative;
}

.toggle{
    background-color: aliceblue;
}
span{
    color: rgb(76, 173, 211);
}
#boot{
    text-decoration: none;
}
.carousel-inner{
    position: relative;
}
.view{
    position: absolute;
    
}
.carousel-item img{
    filter: brightness(40%);
}
#ceo{
    background:  linear-gradient(rgb(19, 19, 19, 0.237),rgb(29, 29, 31, 0.425),rgb(29, 30, 29,0.256)),url(../Images/slider-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 184%;
    background-position: center;
}
.serv:hover{
    color: rgb(76, 173, 211);
    cursor: pointer;
}
.team:hover{
    background-color: black;
    opacity:0.5;
    cursor: pointer;
    /* transform: rotateY(160deg); */

}
.group:hover{
    transition-duration: 4s;
    transform: rotateY(-360deg);
}
.port:hover{
    /* transition-duration: 3s; */
    transition-timing-function: all ease-in-out;
}
.collapse .navbar-collapse:hover{
   color: rgb(76, 173, 211);

}


@media only screen and (min-width:768px){

    .bt{
        top: 45px;
        right: 94px;
    }
    .bt1{
        top: 2px;
    font-size: 22px;
    right: 262px 
    }
}

@media only screen and (min-width:1200px){

    .bt1 {
        top: 0px;
        font-size: 37px;
        right: 475px;
    }
    .bt {
        top: 45px;
        font-size: 24px;
        right: 234px;
    }
    .view{
        top: 284px;
        
    }
    .card-img-overlay{
        margin: 113px 0px 0px 0px;
        font-size: 23px;

    }
}