*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;}
html{font-family:'Inter',sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
footer,header,section{display:block;}
body{margin:0;font-family:'Inter',sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff;}
h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0rem;}
p{margin-top:0;margin-bottom:1rem;}
ul{margin-top:0;margin-bottom:1rem;}
ul ul{margin-bottom:0;}
a{color:#007bff;text-decoration:none;background-color:transparent;display:inline-block;transition:.3s;}
a:hover{color:#0056b3;}
a:not([href]):not([class]){color:inherit;text-decoration:none;}
a:not([href]):not([class]):hover{color:inherit;text-decoration:none;}
img{vertical-align:middle;border-style:none;max-width:100%;height: unset;}
/* site style */
body{background:#170036;}
body.whitey{background:#fff;}
.whitey header{box-shadow:0 6px 60px rgba(0,0,0,.1)}
.shape-1{right:0;position:absolute;top:0;z-index:1;}
.bgbox{position:fixed;width:100%;height:100%;z-index:-1;top:0;left:0;}
.piece1{left:0;top:0;position:absolute;z-index:1;}
.piece2{left:50%;bottom:0%;transform:translate(-50%,0%);position:absolute;z-index:1;}
.piece3{right:0;top:0;position:absolute;z-index:1;}
.shape1{position:absolute;bottom:0;left:0;}
header{padding:15px 25px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.socialmedia{list-style:none;display:flex;align-self:flex-end;padding:0;padding-right:15px;margin:0;align-self:center}
.socialmedia li{margin-right:10px;}
.socialmedia a img{filter:invert(18%) sepia(56%) saturate(2950%) hue-rotate(242deg) brightness(180%) contrast(82%);border-radius:100px;}
.socialmedia a:hover img{filter:invert(24%) sepia(45%) saturate(5467%) hue-rotate(299deg) brightness(89%) contrast(95%);box-shadow:0 6px 12px rgba(0,0,0,.5)}
/* ikon */
 .gg-chevron-right{box-sizing:border-box;position:relative;display:inline-block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}
.gg-chevron-right::after{content:"";display:inline-block;box-sizing:border-box;position:absolute;width:10px;height:10px;border-bottom:2px solid;border-right:2px solid;transform:rotate(-45deg);right:6px;top:4px}
/* ikon */
.latestblog{min-height:calc(100vh - 85px);display:flex;flex-wrap:wrap;align-items:center;padding: 30px 0;}
.latestblog .userimage .latestcon{border-radius:50%;display:inline-block;overflow:hidden;border:30px solid #51c5ea;box-shadow:inset 0 0 45px #51c5ea;position:relative;}
.latestblog h1{color:#fff;font-size:88px;font-weight:700;margin-bottom:35px;}
.latestblog h2{color:#ffd280;font-size:38px;font-weight:500;margin-bottom:35px;}
.latestblog a{color:#fff;background:#46bc69;border-radius:50px;padding:18px 28px;transition:.3s;}
.latestblog a:hover{box-shadow:0 16px 60px #46bc699a;}
.latestblog a i{top:2px;height:18px;}
.restblog{padding:30px 0;background:#fff;}
.blogcontent{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 10px 10px rgba(0,0,0,.08);transition:all .25s cubic-bezier(.02,.01,.47,1);}
.blogcontent img{border-radius:14px;}
.blogcontent .content{bottom:0;left:0;z-index:5;background:#fff;width:100%;padding:22px;margin:0 auto;right:0;}
.blogcontent:hover{box-shadow:0 4px 60px 0 rgba(0,0,0,.2);transform:translateY(-5px);}
.blogcontent .content .title a{font-weight:800;color:#000;}
.blogcontent .content .date{margin-bottom:8px;}
.blogcontent .content .rest{}
.blogcontent .content .rest a{color:#000;font-size:14px;font-weight:500;position:relative;display:inline-block;}
.blogcontent .content .rest i{position:absolute;transform:scale(.8);transition:.3s;right:-20px;}
.blogcontent .content .rest a:hover i{right:-30px;}
.blogcontent .content .author{font-size:13px;font-weight:700;vertical-align:middle;color:#e98100;}
.showmore{font-size:16px;color:#fff!important;background:#2f5bed;padding:12px 22px;border-radius:50px;transition:.3s;position:relative;}
.showmore:hover{box-shadow:0 15px 30px rgba(47,91,237,0.5);;}
footer{padding:30px;border-top:1px solid #efefef;background:#fff;}
.userimage{position:relative;display:block;}
.floating-item{-webkit-animation:bounceTop 6s linear infinite;animation:bounceTop 3s linear infinite;background:#fff;border-radius:125px;box-shadow:0 2px 10px rgb(14 29 44 / 15%);height:110px;left:0;padding:20px;position:absolute;top:12%;width:110px;z-index:9;text-align:center;}
.floating-item.icon-2{left:auto;right:0;}
.floating-item.icon-3{bottom:5%;left:auto;right:0%;top:auto;}
.floating-item.icon-4{bottom:5%;left:0;right:10%;top:auto;}

.blogdetail{padding: 45px 0 ;}
.titleblock{border-bottom:1px solid #ddd;}
.breadcrumb{padding: 170px 0;background: url(../images/bready.jpg) top center;background-size: cover;}
.breadcrumb h1{font-size: 48px;color: #fff;}
.breadcrumb ul{display: flex;color: #fff;list-style: none;padding: 30px 0;flex-wrap: wrap;}
.breadcrumb ul a{color: #fff;}
.breadcrumb ul i{height:17px;margin-right:5px;}
.profilebox{margin-top: -70px;background: #fff;padding: 15px;border-radius: 12px;display: flex;flex-wrap: wrap;box-shadow: 0 4px 35px #0000000d;
    align-items: flex-end;}
.profilebox .share{margin-left: auto;}
.profilebox img{border-radius: 500px;}
.profilebox .content{padding: 15px;align-self: center;}
.profilebox .content h3{font-weight: 600;font-size: 23px;}
.profilebox .content span{margin-bottom: 8px;font-weight: 500;display: inline-block;}
.blogdetail a{word-break: break-all;}

@media(max-width:768px){
    .breadcrumb{padding: 100px 0;}
    .latestblog h1{font-size: 48px;}
    .latestblog h2{font-size: 28px;}
}
@media(max-width:480px){
    .socialmedia{margin-top: 15px;padding: 0;}
}