body{background:#f5f5f5;
    background:linear-gradient(to right,#266fab,#f5f5f5,#f5f5f5,#f5f5f5,#f5f5f5,#f5f5f5,#266fab);
}
#header1{background:#fff;}

.standard_centerx{width:800px;max-width:96%;margin:0 auto;}
@media only screen and (max-width:850px){
	.standard_centerx{width:400px;max-width:96%;}
}

#link{padding:60px 0 70px 0;}

#link .sectlogo{text-align:center;}
#link .sectlogo a{}
#link .sectlogo a img{width:140px;max-width:60%;height:auto;}



#link .seectcard1{margin:40px 0 0 0;}
#link .seectcard1 .grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;
    width:800px;max-width:100%;margin:0 auto;
}
#link .seectcard1 .grid .s{}
#link .seectcard1 .grid .s.s1{position:relative;z-index:1;padding:10px 5px;background:#266fab;}
#link .seectcard1 .grid .s.s1 .im{width:100px;height:100px;margin:0 auto;padding:7px;box-sizing:border-box;border-radius:50%;overflow:hidden;background:#fff;}
#link .seectcard1 .grid .s.s1 .im img{width:100%;height:100%;border-radius:50%;}
#link .seectcard1 .grid .s.s1 .ok {
    position:absolute;z-index:1;left:50%;bottom:0;transform:translate(-50%,100%);
    width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:10px solid #266fab;
}
#link .seectcard1 .grid .s.s2{position:relative;z-index:1;padding:10px;grid-row:span 2;background:#266fab;color:#fff;overflow:hidden;
    box-shadow:0 10px 10px -10px #333;
}
#link .seectcard1 .grid .s.s2:before{
    content:"";position:absolute;z-index:1;left:50%;top:0;width:20px;height:20px;background:#fff;transform:translate(-50%,-50%) rotate(45deg);
}
#link .seectcard1 .grid .s.s2 a{color:#fff;}
#link .seectcard1 .grid .s.s2 .flex{display:flex;align-items:center;justify-content:center;height:100%;}
#link .seectcard1 .grid .s.s2 .flex .f{}
#link .seectcard1 .grid .s.s2 .flex .f table{}
#link .seectcard1 .grid .s.s2 .flex .f table tr{}
#link .seectcard1 .grid .s.s2 .flex .f table tr td{padding:9px 0;border-bottom:1px solid #1b82d6;}
#link .seectcard1 .grid .s.s2 .flex .f table tr td:nth-of-type(1){padding:0 10px 0 0;font-size:1.1rem;}
#link .seectcard1 .grid .s.s2 .flex .f table tr td:nth-of-type(2){font-size:.9rem;}
#link .seectcard1 .grid .s.s3{padding:10px 5px;background:#fff;text-align:center;box-shadow:0 10px 10px -10px #333;}
#link .seectcard1 .grid .s.s3 .name{font-size:1.2rem;font-family:'poppins_semibold';color:#000;}
#link .seectcard1 .grid .s.s3 .title{margin:6px 0 0 0;font-size:1.1rem;color:#266fab;}
#link .seectcard1 .grid .s.s3 .info{margin:6px 0 0 0;color:#777;}
@media only screen and (max-width:850px){
	#link .seectcard1 .grid{display:grid;grid-template-columns:1fr;gap:15x;grid-template-areas:"s1" "s3" "s2";}
    #link .seectcard1 .grid .s.s1{grid-area:s1;}
    #link .seectcard1 .grid .s.s2{grid-area:s2;}
    #link .seectcard1 .grid .s.s3{grid-area:s3;box-shadow:none;}
}


#link .sect20{margin:60px 0 0 0;}
#link .sect20 .grid{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;row-gap:15px;}
#link .sect20 .grid a{
    display:grid;grid-template-columns:auto 1fr;gap:15px;
    padding:7px 10px;border-radius:50px;
    background:#266fab;color:#fff;box-shadow:0 10px 10px -10px #222;
    transition:all 500ms;
}
#link .sect20 .grid a span.icon{}
#link .sect20 .grid a span.icon span{display:block;width:40px;height:40px;text-align:center;line-height:40px;background:#fff;color:#266fab;border-radius:50%;
    transition:all 500ms;
}
#link .sect20 .grid a span.text{align-self:center;}
#link .sect20 .grid a:hover{background:#fff;color:#266fab;}
#link .sect20 .grid a:hover span.icon span{background:#266fab;color:#fff;}
@media only screen and (max-width:850px){
	#link .sect20 .grid{grid-template-columns:1fr;row-gap:10px;}
    #link .sect20 .grid a{gap:10px;border-radius:50px;}
    #link .sect20 .grid a span.icon span{width:30px;height:30px;text-align:center;line-height:30px;}
}



/*
body{background:#f5f5f5;}

#link{margin:40px 0 0 0;}

#link .seectcard1{}
#link .seectcard1 .grid{display:grid;grid-template-columns:1fr 1fr;gap:0;
    width:800px;max-width:100%;margin:0 auto;
}
#link .seectcard1 .grid .s{position:relative;z-index:1;}
#link .seectcard1 .grid .s.s1{padding:10px 5px;background:#266fab;}
#link .seectcard1 .grid .s.s1 .im{width:100px;height:100px;margin:0 auto;padding:10px;box-sizing:border-box;border-radius:50%;overflow:hidden;background:#fff;}
#link .seectcard1 .grid .s.s1 .im img{width:100%;height:100%;border-radius:50%;}
#link .seectcard1 .grid .s.s1 .ok{
    position:absolute;z-index:1;left:50%;bottom:0;transform:translate(-50%,100%);background:#266fab;;
    width:3px;height:3px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #266fab;
}
#link .seectcard1 .grid .s.s2{grid-row:span 2;}
#link .seectcard1 .grid .s.s3{padding:10px 5px;background:#fff;text-align:center;}
#link .seectcard1 .grid .s.s3 .name{font-size:1.2rem;font-family:'poppins_semibold';color:#000;}
#link .seectcard1 .grid .s.s3 .title{margin:6px 0 0 0;font-size:1.1rem;color:#266fab;}
#link .seectcard1 .grid .s.s3 .info{margin:6px 0 0 0;color:#777;}
*/




#link .sect40{position:relative;z-index:3;margin:50px 0 0 0;}
#link .sect40 .s.tip2{
    position:relative;z-index:1;display:block;padding:60px 0;
    display:grid;grid-template-rows:grid;gap:10px;
    padding:25px 25px 25px 35px;background:#fff;border-radius:20px;
    box-shadow: 0 .5rem 2.5rem 0 rgba(0, 35, 58, .15);
}
#link .sect40 .s.tip2 .inner{}
#link .sect40 .s.tip2 .inner .flex{display:flex;height:100%;align-items:center;gap:10px;}
#link .sect40 .s.tip2 .inner .flex .f{}
#link .sect40 .s.tip2 .inner .flex .f.f1{}
#link .sect40 .s.tip2 .inner .flex .f.f1 img{width:120px;height:120px;border-radius:50%;
    border:2px solid #fff;box-shadow:0 0 5px 0 #888;
}
#link .sect40 .s.tip2 .inner .flex .f.f2{}
#link .sect40 .s.tip2 .inner .flex .f.f2 .text1{display:block;
    font-family:'poppins_bold',Arial,sans-serif;font-size:1.2rem;color:#000;
}
#link .sect40 .s.tip2 .inner .flex .f.f2 .text2{margin:8px 0 0 0;display:block;}
#link .sect40 .s.tip2 .inner .flex .f.f2 .button{display:block;margin:15px 0 0 0;text-align:right;}
#link .sect40 .s.tip2 .inner .flex .f.f2 .button span{
    display:inline-flex;align-items:center;
    background:var(--color1,#ccc);color:#fff;
    font-size:1.1rem;font-family:'poppins_semibold',Arial,sans-serif;padding:7px 24px;border-radius:50px;
    box-shadow:0 4px 10px rgba(0,0,0,0.2);
    transition:transform 0.3s,box-shadow 0.3s;position:relative;overflow:hidden;
}
#link .sect40 .s.tip2 .inner .flex .f.f2 .button span::after {
    content:"→";font-size:18px;margin-left:10px;display:inline-block;animation:hareket 1s infinite ease-in-out;
}
#link .sect40 .s.tip2 .inner .flex .f.f2 .button span:hover {
    transform:translateX(10px);box-shadow:0 8px 20px rgba(0, 0, 0, 0.3);
}
@keyframes hareket {
    0% { transform: translateX(0); }
    50% { transform: translateX(5px); }
    100% { transform: translateX(0); }
}
#link .sect40 .s.tip2 svg:nth-of-type(1){
    position:absolute;z-index:-1;right:1%;top:50%;width:auto;height:45%;transform:translate(0%,-50%);
    fill:#94fab2;
}
#link .sect40 .s.tip2 svg.svg1{
    position:absolute;z-index:-1;left:0;top:50%;width:30px;height:auto;transform:translate(0,-50%);
}
#link .sect40 .s.tip2 svg.svg1 path{fill:var(--color1,#ccc);transition:all .7s;}
#link .sect40 .s.tip2 svg.svg1 path:nth-of-type(2){fill:#fff;}
#link .sect40 .s.tip2:before{content:"";
    position:absolute;z-index:-1;right:0;top:0;width:0;height:0;transform:translate(-5px,5px);
    border-style:solid;border-width:0px 40px 40px 0;border-radius:20px;
    border-color:transparent var(--color1,#ccc) transparent transparent;transition:all .7s;
}
#link .sect40 .s.tip2:after{content:"";
    position:absolute;z-index:-1;right:0;bottom:0;width:0;height:0;transform:translate(-5px,-5px);
    width:30px;height:30px;border-radius:20px;
    border-style:solid;border-width:0 1px 1px 0;border-color:var(--color1,#ccc);
}
@media only screen and (max-width:650px){
    #link .sect40{padding:40px 0;}
    #link .sect40 .s.tip2{grid-column:span 1;}
    #link .sect40 .s.tip2 .inner .flex .f.f1 img{width:60px;height:60px;}
    #link .sect40 .s.tip2 .inner .flex .f.f2 .button{text-align:left;}
    #link .sect40 .s.tip2 .inner .flex .f.f2 .button span{font-size:1rem;padding:5px 15px;}
}