.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 .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){
    .colorkare1{top:0;width:350px;display:none;}
    .colorkare2{top:250px;width:350px;display:none;}
    .colorkare3{top:500px;width:350px;display:none;}
}



#page{padding:60px 0;}

#page .pageimg{margin:0 0 30px 0;position:relative;z-index:1;aspect-ratio:4 / 1;}
#page .pageimg img{
    position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;object-fit:cover;
}

#page .pagegrid{display:grid;grid-template-columns:1fr 300px;gap:40px;}
#page .pagegrids{}
#page .pagegrids .sticky{position:sticky;top:150px;}
#page .pagegrids.s1{}
#page .pagegrids.s1 .content{margin:25px 0 0 0;}
#page .pagegrids.s1 .content hr{border:1px solid #ddd;}
#page .pagegrids.s1 .content b,
#page .pagegrids.s1 .content strong{font-weight:normal;font-family:'poppins_semibold';}
#page .pagegrids.s1 .content img{max-width:100%;}
#page .pagegrids.s1 .content p{padding:8px 0;}
#page .pagegrids.s1 .content p:nth-of-type(1){padding-top:0;}
#page .pagegrids.s1 .content table{border:none;}
#page .pagegrids.s1 .content table tr{}
#page .pagegrids.s1 .content table tr td{padding:4px 6px;border:1px solid #ddd;}
#page .pagegrids.s1 .content h1{font-size:1.6rem;font-family:'poppins_semibold';}
#page .pagegrids.s1 .content h2{font-size:1.5rem;font-family:'poppins_semibold';}
#page .pagegrids.s1 .content h3{font-size:1.4rem;font-family:'poppins_semibold';}
#page .pagegrids.s1 .content h4{font-size:1.3rem;font-family:'poppins_semibold';}
#page .pagegrids.s1 .content h5{font-size:1.2rem;font-family:'poppins_semibold';}
#page .pagegrids.s1 .content h6{font-size:1.1rem;font-family:'poppins_semibold';}
#page .pagegrids.s1 .content:after{content:"";display:block;clear:both;}

#page .pagegrids.s1 .content h1{font-size:2.8rem;font-family:'ivymode';color:#222;}
#page .pagegrids.s1 .content h2{font-size:2.5rem;font-family:'ivymode';color:#222;}
#page .pagegrids.s1 .content h3{font-size:2.1rem;font-family:'ivymode';color:#222;}
#page .pagegrids.s1 .content h4{font-size:1.8rem;font-family:'ivymode';color:#222;}
#page .pagegrids.s1 .content h5{font-size:1.5rem;font-family:'ivymode';color:#222;}
#page .pagegrids.s1 .content h6{font-size:1.2rem;font-family:'ivymode';color:#222;}
#page .pagegrids.s1 .content h1 strong,
#page .pagegrids.s1 .content h1 b,
#page .pagegrids.s1 .content h2 strong,
#page .pagegrids.s1 .content h2 b,
#page .pagegrids.s1 .content h3 strong,
#page .pagegrids.s1 .content h3 b,
#page .pagegrids.s1 .content h4 strong,
#page .pagegrids.s1 .content h4 b,
#page .pagegrids.s1 .content h5 strong,
#page .pagegrids.s1 .content h5 b,
#page .pagegrids.s1 .content h6 strong,
#page .pagegrids.s1 .content h6 b{
    font-weight:normal;font-family:'ivymode';
}

#page .pagegrids.s1 .content ul{display:flex;flex-wrap:wrap;}
#page .pagegrids.s1 .content ul li{display:inline-block;padding:5px 8px;margin:0 5px 5px 0;background:#f5f5f5;}
#page .pagegrids.s1 .content ul li:nth-of-type(odd){background:#ffe9e8;}
#page .pagegrids.s1 .content ul li:nth-of-type(even){background:#e6f0f1;}

#page .pagegrids.s1 .content .sertifikalar{display:flex;flex-wrap:wrap;}
#page .pagegrids.s1 .content .sertifikalar a{display:block;width:140px;margin:0 10px 10px 0;position:relative;z-index:1;aspect-ratio:4/3;
    border-radius:1px solid #ddd;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,0.1);
}
#page .pagegrids.s1 .content .sertifikalar .flex a img{
    position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;object-fit:contain;
}

#page .pagegrids.s2{}




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