img.colorlogo1{position:fixed;z-index:-1;left:50%;top:57%;transform:translate(-50%,-50%) scale(0);opacity:0;width:auto;height:55vh;opacity:0.2;}
.colorkare1{
    position:fixed;z-index:-4;left:0;top:0;width:450px;aspect-ratio:1 / 1;box-sizing:border-box;
    transform:translate(100vw,10%) rotate(360deg);background:#eee;border-radius:50%;
}
.colorkare1:before{content:"";position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;
    background:#fff;transform:scale(0.6);border-radius:50%;
}
.colorkare2{
    position:fixed;z-index:-3;left:0;top:350px;width:450px;aspect-ratio:1 / 1;box-sizing:border-box;
    transform:translate(100vw,10%) rotate(360deg);background:#ffe9e8;border-radius:50%;
}
.colorkare2:before{content:"";position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;
    background:#fff;transform:scale(0.6);border-radius:50%;
}
.colorkare3{
    position:fixed;z-index:-2;left:0;top:700px;width:450px;aspect-ratio:1 / 1;box-sizing:border-box;
    transform:translate(100vw,10%) rotate(360deg);background:#d4f1cf;border-radius:50%;
}
.colorkare3:before{content:"";position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;
    background:#fff;transform:scale(0.6);border-radius:50%;
}

body.animasyon1 img.colorlogo1{transform:translate(-50%,-50%) scale(1);opacity:0.3;transition:all 1000ms;transition-delay:500ms;}
body.animasyon1 .colorkare1{transform:translate(-32%,-10%) rotate(45deg);transition:all 2000ms;}
body.animasyon1 .colorkare2{transform:translate(-32%,-10%) rotate(45deg);transition:all 2000ms;transition-delay:300ms;}
body.animasyon1 .colorkare3{transform:translate(-32%,-10%) rotate(45deg);transition:all 2000ms;transition-delay:600ms;}
@media only screen and (max-width:900px){
    img.colorlogo1{}
    .colorkare1{top:0;width:350px;display:none;}
    .colorkare2{top:250px;width:350px;display:none;}
    .colorkare3{top:500px;width:350px;display:none;}
}



#blogview{padding:60px 0;}


#blogview .pagegrid{display:grid;grid-template-columns:1fr 300px;gap:40px;}
#blogview .pagegrids{}
#blogview .pagegrids .sticky{position:sticky;top:150px;}
#blogview .pagegrids.s1{}
#blogview .pagegrids.s1 .pageimg{}
#blogview .pagegrids.s1 .pageimg img{width:100%;height:auto;}
#blogview .pagegrids.s1 .content{margin:25px 0 0 0;}

#blogview .pagegrids.s1 .content .icindekiler{background:#f0f0f0;padding:10px;border-radius:5px;margin-bottom:20px;
    background: rgb(71,240,142);
    background: linear-gradient(90deg, #dfe5bf 0%, #e4c8dd 34%, #dfe5bf 56%, #e4c8dd);
    color:#222;
}
#blogview .pagegrids.s1 .content .icindekiler .title{font-family:'poppins_semibold';}
#blogview .pagegrids.s1 .content .icindekiler ul{list-style:circle;padding-left:15px;}
#blogview .pagegrids.s1 .content .icindekiler a{text-decoration:none;color:#777;cursor:pointer;}
#blogview .pagegrids.s1 .content .icindekiler a:hover{color:#000;}
#blogview .pagegrids.s1 .content h2,.content h3{scroll-margin-top:60px;}

#blogview .pagegrids.s1 .content a{color:#0095ff;}
#blogview .pagegrids.s1 .content hr{border: 1px solid #ddd;}
#blogview .pagegrids.s1 .content b,
#blogview .pagegrids.s1 .content strong{font-weight:normal;font-family:'poppins_semibold';}
#blogview .pagegrids.s1 .content img{max-width:100%;height:auto!important;}
#blogview .pagegrids.s1 .content p{padding:8px 0;}
#blogview .pagegrids.s1 .content p:nth-of-type(1){padding-top:0;}
#blogview .pagegrids.s1 .content table{border:none;}
#blogview .pagegrids.s1 .content table tr{}
#blogview .pagegrids.s1 .content table tr td{padding:4px 6px;border:1px solid #ddd;}
#blogview .pagegrids.s1 .content h1{font-size:2.8rem;font-family:'ivymode';color:#222;}
#blogview .pagegrids.s1 .content h2{font-size:2.5rem;font-family:'ivymode';color:#222;}
#blogview .pagegrids.s1 .content h3{font-size:2.1rem;font-family:'ivymode';color:#222;}
#blogview .pagegrids.s1 .content h4{font-size:1.8rem;font-family:'ivymode';color:#222;}
#blogview .pagegrids.s1 .content h5{font-size:1.5rem;font-family:'ivymode';color:#222;}
#blogview .pagegrids.s1 .content h6{font-size:1.2rem;font-family:'ivymode';color:#222;}
#blogview .pagegrids.s1 .content h1 strong,
#blogview .pagegrids.s1 .content h1 b,
#blogview .pagegrids.s1 .content h2 strong,
#blogview .pagegrids.s1 .content h2 b,
#blogview .pagegrids.s1 .content h3 strong,
#blogview .pagegrids.s1 .content h3 b,
#blogview .pagegrids.s1 .content h4 strong,
#blogview .pagegrids.s1 .content h4 b,
#blogview .pagegrids.s1 .content h5 strong,
#blogview .pagegrids.s1 .content h5 b,
#blogview .pagegrids.s1 .content h6 strong,
#blogview .pagegrids.s1 .content h6 b{
    font-weight:normal;font-family:'ivymode';
}
#blogview .pagegrids.s1 .content ul{padding-left:10px;}
#blogview .pagegrids.s1 .content ul ul{padding-left:15px;}
#blogview .pagegrids.s1 .content blockquote {
    border-left: 4px solid #ccc; /* Gri sol çizgi */
    padding-left: 1em;           /* Metni çizgiden uzaklaştırır */
    margin-left: 0;
    margin-right: 0;
    color: #555;                 /* Metin rengi */
    font-style: italic;          /* Opsiyonel: italik görünüm */
  }
#blogview .pagegrids.s1 .content:after{content:"";display:block;clear:both;}
#blogview .pagegrids.s2{}


@media only screen and (max-width:850px){
    #blogview .pagegrid{grid-template-columns:1fr;gap:50px;}
}