.blogpage{max-width:80%;margin:auto;padding:0 15px}@media (max-width:1199px){.blogpage{max-width:calc(100% - 70px)}}@media (max-width:767px){.blogpage{max-width:100%;padding:5px 10px}}.blogpage .header{display:flex;position:relative;align-items:center;width:100%;margin:20px 0}@media (max-width:991px){.blogpage .header{flex-direction:column;margin:0}}.blogpage .header picture{z-index:1;position:absolute;left:-35px}@media (max-width:767px){.blogpage .header picture{display:none}}.blogpage .header picture img{max-width:40px}.blogpage .header .col-1{display:flex;align-items:center;background:linear-gradient(90deg,var(--backgroundColor3) 30%,#0058bc 100%);color:var(--lightTextColor);font-size:18px;width:70%;border-radius:30px;margin-right:5px}@media (max-width:991px){.blogpage .header .col-1{width:100%}}@media (max-width:767px){.blogpage .header .col-1{font-size:14px}}@media (max-width:450px){.blogpage .header .col-1{font-size:12px}}.blogpage .header .col-1 .menu-blog{white-space:nowrap}.blogpage .header .col-1 .menu-blog a:first-child{border-right:5px solid var(--backgroundColor2);padding:7px 15px}@media (max-width:450px){.blogpage .header .col-1 .menu-blog a:first-child{padding:7px}}.blogpage .header .col-1 .menu-blog a>h1{font-weight:inherit;font-size:inherit;margin:0}.blogpage .header .col-1 a{display:inline-block;color:var(--lightTextColor);padding:7px 0 7px 15px;text-decoration:none;font-weight:500}@media (max-width:450px){.blogpage .header .col-1 a{padding:7px 0 7px 7px}}.blogpage .header .col-1 a:hover{font-weight:700}.blogpage .header .col-2{flex:1}@media (max-width:991px){.blogpage .header .col-2{width:100%}}.blogpage .content{width:70%;padding:5px 0}@media (max-width:1199px){.blogpage .content{width:100%}}@media (max-width:991px){.blogpage .content{text-align:center;padding:10px}}.blogpage .content p{font-size:20px;line-height:28px;margin:0}@media (max-width:991px){.blogpage .content p{font-size:18px}}@media (max-width:767px){.blogpage .content p{font-size:16px;line-height:20px}}.blogpage .container-blog-posts{background-color:var(--backgroundColor1);padding:20px 30px;margin:30px -35px;border-radius:15px}.blogpage .container-blog-posts .blog-post-list{display:flex;flex-wrap:wrap}@media (max-width:991px){.blogpage .container-blog-posts .blog-post-list{padding:5px 10px}}@media (max-width:767px){.blogpage .container-blog-posts .blog-post-list{border-radius:0;margin:15px -15px}}.blogpage .container-blog-posts .blog-post-list .blog-post{width:calc(50% - 50px);margin:25px}@media (max-width:991px){.blogpage .container-blog-posts .blog-post-list .blog-post{margin:10px 10px 20px;width:calc(50% - 20px)}}@media (max-width:767px){.blogpage .container-blog-posts .blog-post-list .blog-post{width:100%}}.blogpage .container-blog-posts .blog-post-list .blog-post picture{display:block;width:100%;line-height:0}.blogpage .container-blog-posts .blog-post-list .blog-post picture img{width:100%;border-radius:15px 15px 0 0}.blogpage .container-blog-posts .blog-post-list .blog-post .info{background-color:var(--backgroundColor2);padding:25px 30px;border-radius:0 0 15px 15px}.blogpage .container-blog-posts .blog-post-list .blog-post .info .data{color:var(--mutedTextColor);font-weight:600;font-size:16px}@media (max-width:767px){.blogpage .container-blog-posts .blog-post-list .blog-post .info .data{font-size:14px}}.blogpage .container-blog-posts .blog-post-list .blog-post .info h2{color:var(--titleTextColor);font-size:22px;margin:10px 0 15px}@media (max-width:767px){.blogpage .container-blog-posts .blog-post-list .blog-post .info h2{font-size:20px}}.blogpage .container-blog-posts .blog-post-list .blog-post .info .text{font-size:18px;margin-bottom:15px}@media (max-width:767px){.blogpage .container-blog-posts .blog-post-list .blog-post .info .text{font-size:14px}}.blogpage .container-blog-posts .blog-post-list .blog-post .info .buttons{text-align:right}.blogpage .container-blog-posts .blog-post-list .blog-post .info .buttons .btn{border-radius:15px;font-weight:600;font-size:16px;padding:10px 50px}.blogpage .container-blog-posts .pager{width:100%;margin:10px 0}.blogpage .container-blog-posts .pager ul{text-align:center;font-size:0;padding:0}.blogpage .container-blog-posts .pager ul li{display:inline-block;margin:0 5px 5px;vertical-align:middle}.blogpage .container-blog-posts .pager ul li>a,.blogpage .container-blog-posts .pager ul li>span{display:block;width:38px;height:38px;line-height:37px;border-radius:50%;text-align:center;font-size:15px;font-weight:600;cursor:pointer;color:var(--menuTextColor);transition:all .3s ease;border:1px solid var(--backgroundColor6);text-decoration:none}@media (max-width:991px){.blogpage .container-blog-posts .pager ul li>a,.blogpage .container-blog-posts .pager ul li>span{background-color:var(--backgroundColor2);border:none}}.blogpage .container-blog-posts .pager ul li.individual-page:hover a{border-color:var(--backgroundColor);background-color:var(--backgroundColor);color:var(--lightTextColor)}.blogpage .container-blog-posts .pager ul li.current-page a,.blogpage .container-blog-posts .pager ul li.current-page span{border:1px solid var(--backgroundColor);background-color:var(--backgroundColor);color:var(--lightTextColor)}.blogpage .container-blog-posts .pager ul li.first-page a,.blogpage .container-blog-posts .pager ul li.last-page a,.blogpage .container-blog-posts .pager ul li.next-page a,.blogpage .container-blog-posts .pager ul li.prev-page a,.blogpage .container-blog-posts .pager ul li[area-label=First] a,.blogpage .container-blog-posts .pager ul li[area-label=Last] a,.blogpage .container-blog-posts .pager ul li[area-label=Next] a,.blogpage .container-blog-posts .pager ul li[area-label=Previous] a{background-color:var(--backgroundColor6);color:var(--lightTextColor)}.blogpage .container-blog-posts .pager ul li.first-page a span,.blogpage .container-blog-posts .pager ul li.last-page a span,.blogpage .container-blog-posts .pager ul li.next-page a span,.blogpage .container-blog-posts .pager ul li.prev-page a span,.blogpage .container-blog-posts .pager ul li[area-label=First] a span,.blogpage .container-blog-posts .pager ul li[area-label=Last] a span,.blogpage .container-blog-posts .pager ul li[area-label=Next] a span,.blogpage .container-blog-posts .pager ul li[area-label=Previous] a span{font-size:32px;line-height:30px}.blogpage .container-blog-posts .pager ul li.first-page a,.blogpage .container-blog-posts .pager ul li.last-page a{letter-spacing:-3px;padding-right:3px}