#header a{
    margin: 15px;
    color: white;
    font-weight: bold;
}
#header a:hover{
    color:rgb(30, 178, 166)  ;
}
#header .navbar{
    background:linear-gradient(rgba(155,151,151,.2),rgba(155, 151, 151, 0.2));
    
}
#hero #gm,#courses #gm{
    color:rgb(30,178,166); 
    box-shadow: 2px 2px 4px black;
    background-color: white;
}
#hero #gm:hover,#courses #gm:hover{
    background-color:rgb(30, 178, 166) ;
    color: white;
    box-shadow: 2px 2px 4px black;
}
#header #bu,#hero #bu{
    background-color:rgb(30, 178, 166) ;
    color: white;
    box-shadow: 2px 2px 4px black;
}
#header #bu:hover,#hero #bu:hover{
    background-color: white;
    color:rgb(30, 178, 166) ;
}
#hero{
    background-image: url(../images/xbg_1.jpg.pagespeed.ic.Qvddt6BzWR.webp);
    background-size: 100% 120%;
    background-attachment: fixed;
}
#hero #q{
    margin-top:180px;
}
#about,#courses,#browse,#testi,#blog,#plan{
    background-color: rgb(248,248,248);
}
#about #ww{
    background-color:white;
    border: none;
    box-shadow: 2px 2px 4px;
}
#about #ww:hover{
    background-color:rgb(30,178,166);
    color: white;
    box-shadow: 2px 2px 4px black;
}
#success{
    background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../images/xbg_3.jpg.pagespeed.ic._5ftKPXrag.webp);
    background-size: 110% 130%;
}
#browse #yt:hover{
    background-color:rgb(30,178,166) ;
    color: white;
}
#testi #ml{
    background-color: white;
    box-shadow: 2px 2px 4px;
    border: 1px solid;
}
#testi #ml:hover{
    background-color:rgb(30,178,166);
    color: white !important;
}
#testi #pp{
    color:rgb(30,178,166) ;
}
#testi #pp:hover{
    color: white;
}
#plan #mk{
    color:rgb(30,178,166);
    border-color:rgb(30,178,166) ;
    box-shadow: 2px 2px 4px black;
}
#plan #mk:hover{
    background-color:rgb(30,178,166) ;
    color: white;
    box-shadow: 2px 2px 4px black;
}
#newsletter input::placeholder{
    color: white;
    font-size: large;
}
.fa-telegram-plane {
    margin-left: -30px;
    color: white;
}