@charset "utf-8";
/* CSS Document */
/* ABOUT IMAGE WRAPPER */

.about_image_wrapper{
position:relative;
padding-right:60px;
}

/* รูปหลัก */

.about_thumb img{
width:100%;
border-radius:10px;
box-shadow:0 10px 35px rgba(0,0,0,0.2);
}

/* รูปเล็กซ้อน */

.about_thumb_small{
position:absolute;
bottom:-40px;
right:0;
width:220px;
animation:aboutFloat 4s ease-in-out infinite;
}

.about_thumb_small img{
width:100%;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.25);
}

/* กล่อง Years */

.about_years_box{
position:absolute;
top:40px;
left:-30px;
background:#0d6efd;
color:#fff;
padding:20px 25px;
border-radius:8px;
text-align:center;
box-shadow:0 8px 25px rgba(0,0,0,0.2);
}

.about_years_box h2{
font-size:36px;
margin:0;
font-weight:700;
}

.about_years_box span{
font-size:14px;
}

/* Animation */

@keyframes aboutFloat{

0%{transform:translateY(0px);}
50%{transform:translateY(-15px);}
100%{transform:translateY(0px);}

}

/* Responsive */

@media(max-width:991px){

.about_thumb_small{
display:none;
}

.about_years_box{
left:10px;
top:10px;
}

}