hr.colored {
  border: 0;
  height: 2px;

  background: -moz-linear-gradient(left, rgba(196,222,138,1) 0%, rgba(196,222,138,1) 12.5%, rgba(245,253,212,1) 12.5%, rgba(245,253,212,1) 25%, rgba(255,208,132,1) 25%, rgba(255,208,132,1) 37.5%, rgba(242,122,107,1) 37.5%, rgba(242,122,107,1) 50%, rgba(223,157,185,1) 50%, rgba(223,157,185,1) 62.5%, rgba(192,156,221,1) 62.5%, rgba(192,156,221,1) 75%, rgba(95,156,217,1) 75%, rgba(95,156,217,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 100%);  /* FF3.6+ */
  background: -webkit-linear-gradient(left, rgba(196,222,138,1) 0%, rgba(196,222,138,1) 12.5%, rgba(245,253,212,1) 12.5%, rgba(245,253,212,1) 25%, rgba(255,208,132,1) 25%, rgba(255,208,132,1) 37.5%, rgba(242,122,107,1) 37.5%, rgba(242,122,107,1) 50%, rgba(223,157,185,1) 50%, rgba(223,157,185,1) 62.5%, rgba(192,156,221,1) 62.5%, rgba(192,156,221,1) 75%, rgba(95,156,217,1) 75%, rgba(95,156,217,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(196,222,138,1) 0%, rgba(196,222,138,1) 12.5%, rgba(245,253,212,1) 12.5%, rgba(245,253,212,1) 25%, rgba(255,208,132,1) 25%, rgba(255,208,132,1) 37.5%, rgba(242,122,107,1) 37.5%, rgba(242,122,107,1) 50%, rgba(223,157,185,1) 50%, rgba(223,157,185,1) 62.5%, rgba(192,156,221,1) 62.5%, rgba(192,156,221,1) 75%, rgba(95,156,217,1) 75%, rgba(95,156,217,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(196,222,138,1) 0%, rgba(196,222,138,1) 12.5%, rgba(245,253,212,1) 12.5%, rgba(245,253,212,1) 25%, rgba(255,208,132,1) 25%, rgba(255,208,132,1) 37.5%, rgba(242,122,107,1) 37.5%, rgba(242,122,107,1) 50%, rgba(223,157,185,1) 50%, rgba(223,157,185,1) 62.5%, rgba(192,156,221,1) 62.5%, rgba(192,156,221,1) 75%, rgba(95,156,217,1) 75%, rgba(95,156,217,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 100%); /* IE10+ */
  background: linear-gradient(to right, rgba(196,222,138,1) 0%, rgba(196,222,138,1) 12.5%, rgba(245,253,212,1) 12.5%, rgba(245,253,212,1) 25%, rgba(255,208,132,1) 25%, rgba(255,208,132,1) 37.5%, rgba(242,122,107,1) 37.5%, rgba(242,122,107,1) 50%, rgba(223,157,185,1) 50%, rgba(223,157,185,1) 62.5%, rgba(192,156,221,1) 62.5%, rgba(192,156,221,1) 75%, rgba(95,156,217,1) 75%, rgba(95,156,217,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 100%); /* W3C */
}


.indirim-kutusu {
display: flex;
align-items: center;
}
.indirim-kutu-icerik {
font-family: 'Poppins', sans-serif;
width: auto;
background-color: #e20000;
color: white;
padding: 9px;
text-align: center;
border-radius: 10px;
}

.indirim-yazisi {
font-size: 18px;
font-weight: bold;
}

.yuzde {
font-size: 24px;
font-weight: bold;
}

.fiyat-bilgisi {
margin-left: 20px;
display: flex;
flex-direction: column;
}

.top-header{
 background-image:url("https://www.ekasunucu.com/resources/uploads/header-background/thumb/contact-header-background.webp") !important;
}

.eski-fiyat {
text-decoration: line-through;
font-size: 18px;
/* color: black; */
}

.yeni-fiyat {
font-size: 24px;
font-weight: bold;
color: green;
}

.yillik-yazisi {
font-size: 12px;
font-weight: bold;
color: gray;
margin-top: 5px;
}
.hosting-fiyat-sembol-ayar {
position: relative;
display: inline-block;
}
.hosting-fiyat-sembol-ayar i {
font-style: normal;
font-size: 18px;
font-weight: 400;
position: absolute;
}
.hosting-sembol-right {
margin-right: -14px;
right: 0px;
}
.ion-cloud::before { font-family: "Font Awesome 5 Free", "FontAwesome" !important; content: "\f0c2" !important; font-weight: 900; }
.ion-earth::before { font-family: "Font Awesome 5 Free", "FontAwesome" !important; content: "\f0ac" !important; font-weight: 900; }
.ion-thumbsup::before { font-family: "Font Awesome 5 Free", "FontAwesome" !important; content: "\f164" !important; font-weight: 900; }
.ion-happy-outline::before { font-family: "Font Awesome 5 Free", "FontAwesome" !important; content: "\f118" !important; font-weight: 400; }
.ion-ios-cloud::before { font-family: "Font Awesome 5 Free", "FontAwesome" !important; content: "\f0c2" !important; font-weight: 900; }
.ion-android-arrow-dropright::before { font-family: "Font Awesome 5 Free", "FontAwesome" !important; content: "\f054" !important; font-weight: 900; }