body {
padding: 0;
margin: 0;
background-color: #fff;
}
@font-face{ 
font-family: 'MyWebFont';
src: url('WebFont.eot');
src: url('WebFont.eot?#iefix') format('embedded-opentype'),
url('WebFont.woff') format('woff'),
url('WebFont.ttf') format('truetype'),
url('WebFont.svg#webfont') format('svg');
}

@font-face{
    font-family: "Roboto Condensed Regular";
    src: url("./roboto-condensed-regular/webfonts/Roboto-Condensed-Regular.eot");
    src: url("./roboto-condensed-regular/webfonts/Roboto-Condensed-Regular.eot?#iefix")format("embedded-opentype"),
        url("./roboto-condensed-regular/webfonts/Roboto-Condensed-Regular.woff")format("woff"),
        url("./roboto-condensed-regular/webfonts/Roboto-Condensed-Regular.woff2")format("woff2"),
        url("./roboto-condensed-regular/webfonts/Roboto-Condensed-Regular.ttf")format("truetype"),
        url("./roboto-condensed-regular/webfonts/Roboto-Condensed-Regular.svg#Roboto Condensed Regular")format("svg");
}
h3{
text-transform: capitalize;
}
.baslik{
/* font-family: 'Roboto Condensed Regular'; */
text-align: center;
line-height: 1.4;
font-size: 3.0rem;
font-weight: 700;
color: #FF6000;
}
p{
text-align: center;
}
hr {
width: 40%;
margin-left: 30% !important;
border-style: solid;
color: #46484b;
border-width: 2px;
}
h6{
text-align: center;
line-height: 1.4;
font-weight: 600;
}
h3{
text-align: center;
line-height: 1.4;

}
.badge{
position: absolute;
right: 0px;
top: 0px;
padding: 12px 15px;
border-radius: 0 0 0 26px;
font-size: 14px;
}
.card{
border:0px;
height: 100%;
background-color: #fff;
border: 1px solid #7c6c6c;
border-radius: 1px;
}
.card-title{
font-weight: bold;
font-size: 24px;
}
.bg-turuncu{
background-color: #f27a1a;
}
.btn-turuncu{
background-color: #f27a1a;
}

.accordion-collapse {
border: 0;
}
.accordion-button {
padding: 0px;
font-weight: 600;
border: 0;
font-size: 17px;
color: #333333;
text-align: left;
border-bottom: 1px solid #ddd; 
}
.accordion-button:focus {
box-shadow: none;
border: none;
}
.accordion-button:not(.collapsed) {
background: none;
color: rgb(255, 96, 0);
}
.accordion-body {
padding: 15px;
background-color: #f6f6f6;
border-style: dotted;
border-width: 2px;
border-color: #211e1c;
}
.accordion-button::after {
width: auto;
height: auto;
content: "+";
font-size: 40px;
background-image: none;
font-weight: 100;
color: rgb(255, 96, 0);
transform: translateY(-4px);
}
.accordion-button:not(.collapsed)::after {
width: auto;
height: auto;
background-image: none;
content: "-";
font-size: 48px;
transform: translate(-5px, -4px);
transform: rotate(0deg);
}
.glow-on-hover {

border: none;
outline: none;
color: #fff;
background: #111;
cursor: pointer;
position: relative;
z-index: 0;
border-radius: 10px;
}

.glow-on-hover:before {
content: '';
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
position: absolute;
top: -2px;
left:-2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 17s linear infinite;
opacity: 0;
transition: opacity .3s ease-in-out;
border-radius: 10px;
}

.glow-on-hover:active {
color: #000
}

.glow-on-hover:active:after {
background: transparent;
}

.glow-on-hover:hover:before {
opacity: 1;
}

.glow-on-hover:after {
z-index: -1;
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #111;
left: 0;
top: 0;
border-radius: 5px;
}
.glow-on-hover {
#animation: go-left-right 4s infinite alternate;
/* "go-left-right" animasyonunu elemente ekle
animasyon süresi 3 saniye
kaç kere yapılacağı: sonsuz (infinite)
her seferinde yönünü ters çevir
*/
#position: relative;
#width: %-10px;
#height: 40px;

}
@keyframes glowing {
0% { background-position: 0 0; }
50% { background-position: 400% 0; }
100% { background-position: 0 0; }
}
@keyframes go-left-right {
0% { background-position: 0 0; }
50% { background-position: 400% 0; }
100% { background-position: 0 0; }

#from { left: -15px; }             /* animasyonu left: 50px'den başlat */
#to { left: calc(4% - 0px); } /* animasyonu 100%-50px'de bitir */
}