.strdalgalar {
     height: 90px;
    position: relative;
    z-index: 1;
}
 .strdalgalar svg {
     fill: url(#strmastercolors);
}
 .strdalgalar .dalgalar {
    width: 100%;
    position: relative;
}
 .strdalgalar .dalgalar .Dalga-govde {
    height: 100%;
    width: 100%;
}
 @media (max-width: 1000px) {
    .strdalgalar .dalgalar[data-position="UstDalga"] {
        height: 50px;
    }
}
 .strdalgalar .dalgalar[data-position="UstDalga"] {
    transform: rotate(180deg);
    top: 0px;
    bottom: auto;
    height: 100%;
}
 .strdalgalar .dalgalar[data-style="seffafUst-dalga"] svg path:nth-child(1) {
    opacity: 0.1;
}
 .strdalgalar .dalgalar[data-style="seffafUst-dalga"] svg path:nth-child(2) {
    opacity: 0.12;
}
 .strdalgalar .dalgalar[data-style="seffafUst-dalga"] svg path:nth-child(3) {
    opacity: 0.18;
}
 .strdalgalar .dalgalar[data-style="seffafUst-dalga"] svg path:nth-child(4) {
    opacity: 0.33;
}