:root{--primarycolor:#1A1A1A;--secondarycolor:#6941C6;--blackcolor:#000000;--whitecolor:#fff;--greycolor:#667085;--primary-font:"Inter",sans-serif;--secondary-font:"Merriweather",serif;}
*{margin:0;padding:0;list-style:none;box-sizing:border-box;}
body{font-family:var(--primary-font);color:var(--greycolor);font-weight:400;font-size:16px;line-height:1.2;}
html{scroll-behavior:smooth;}
.container{max-width:1280px!important;padding-left:15px;padding-right:15px;}
h1{font-size:48px;color:var(--primarycolor);font-weight:700;margin-bottom:15px;}
h2{font-size:26px;color:var(--primarycolor);font-weight:700;margin-bottom:15px;}
h3{font-size:24px;color:var(--primarycolor);font-weight:700;margin-bottom:15px;}
h4{font-size:22px;color:var(--primarycolor);font-weight:700;margin-bottom:15px;}
h5{font-size:20px;color:var(--primarycolor);font-weight:700;margin-bottom:15px;}
h6{font-size:18px;color:var(--primarycolor);font-weight:700;margin-bottom:15px;}
p{font-size:16px;color:var(--greycolor);font-weight:400;line-height:1.5;margin-bottom:15px;}
.font-14{font-size:14px;}
.font-16{font-size:16px;}
.font-18{font-size:18px;}
.font-20{font-size:20px;}
a{transition:all 0.3s ease-in-out;display:inline-block;color:var(--primarycolor);text-decoration:none;}
.ff-inter{font-family:var(--primary-font);}
.ff-merriweather{font-family:var(--secondary-font);}
img{max-width:100%;}
.d-flex{display:flex;}
.flex-wrap{flex-wrap:wrap;}
.flex-nowrap{flex-wrap:nowrap;}
.gap10{gap:10px;}
.gap15{gap:15px;}
.gap20{gap:20px;}
.align-items-start{align-items:flex-start;}
.align-items-center{align-items:center;}
.align-items-end{align-items:flex-end;}
.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-50{margin-top:50px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-50{margin-bottom:50px;}
.font-400{font-weight:400;}
.font-500{font-weight:500;}
.font-600{font-weight:600;}
.font-bold{font-weight:700;}
.text-primary{color:var(--primarycolor);}
.text-secondary{color:var(--secondarycolor);}
.text-black{color:var(--blackcolor);}
.text-greycolor{color:var(--greycolor);}
.site_header{padding:30px 0;box-shadow:0 5px 10px rgba(0,0,0,.1);background:var(--whitecolor);position:absolute;left:0;right:0;top:0;z-index:1111;}
.site_header.fadeInDown{position:fixed;top:0;width:100%;z-index:1111;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
.site_header.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@keyframes fadeInDown{
0%{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:translateZ(0)}
}
@-webkit-keyframes fadeInDown{
0%{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:translateZ(0)}
}
.header{display:flex;align-items:center;justify-content:space-between;gap:15px;}
.navbar ul{display:flex;gap:20px;}
.navbar ul li a{font-size:18px;font-weight:400;color:var(--primarycolor);text-decoration:none;position:relative;padding-top:5px;padding-bottom:5px;}
.navbar ul li a:hover,.navbar ul li.active a{color:var(--primarycolor);text-shadow:0px 0px 1px var(--primarycolor);}
.navbar ul li a::before{position:absolute;content: "";width:0;height:2px;background-color:var(--primarycolor);left:0;bottom:0;transition:all 0.3s ease-in-out;}
.navbar ul li a:hover::before,.navbar ul li.active a::before{width:100%;}
.site_brand{max-width:150px;display:inline-block;line-height:1;}
.menu-button{display:none;}
.site_content{padding-top:50px;padding-bottom:50px;}
.site_main{min-height:100vh;display:flex;flex-direction:column;}
.site_footer{padding:36px 15px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:auto;position:relative;z-index:1;}
.copy_right{margin:0;color:var(--primarycolor);font-weight:700;}
.footer_links{display:flex;align-items:center;gap:15px;flex-wrap:wrap;}
.footer_links a{font-size:14px;font-weight:400;color:var(--greycolor);text-decoration:none;position:relative;padding-bottom:5px;font-family:var(--secondary-font);}
.footer_links a:hover,.footer_links a.active{color:var(--primarycolor);text-shadow:0px 0px 1px var(--primarycolor);}
.footer_links a::before{position:absolute;content: "";width:0;height:2px;background-color:var(--primarycolor);left:0;bottom:0;transition:all 0.3s ease-in-out;}
.footer_links a:hover::before,.footer_links a.active::before{width:100%;}
.blog_header{text-align:center;width:100%;}
.search_field{max-width:430px;margin:0 auto;padding-top:25px;}
.search_field input{border:1px solid #787878;border-radius:10px;padding:18px 30px;padding-right:50px;background:url(../images/search-icon.svg) no-repeat right 15px center;font-family:var(--secondary-font);font-size:18px;font-weight:400;line-height:1.2;width:100%;}
input:focus{outline:0;}
.blog_listing_main{padding:50px 0;border-top:1px solid #00000059;border-bottom:1px solid #00000059;}
.blog_img img{width:100%;border-radius:10px;}
.blog_listing_main_title h2{font-size:64px;font-weight:500;line-height:1.1;}
.blog_listing_main_title p{font-size:24px;color:var(--blackcolor);line-height:1.1;}
.blog_auther{display:flex;align-items:center;gap:15px;flex-wrap:wrap;}
.blog_auther_img img{width:42px;height:42px;border-radius:100%;object-fit:cover;object-position:center;}
.blog_auther_name p{margin:0;}
.more_link_btn a{font-size:14px;font-weight:500;color:var(--greycolor);}
.more_link_btn{margin-left:auto;margin-bottom:auto;margin-top:10px;min-width:60px;}
.mr-auto{margin-right:auto;}
.ml-auto{margin-left:auto;}
.paginate-button{background-color:transparent;border:0;outline:0;color:var(--greycolor);font-size:16px;font-weight:500;}
.mr-10{margin-right:10px;}
.ml-10{margin-left:10px;}
.category_label{background-color:var(--secondarycolor);color:var(--whitecolor);font-family:var(--primary-font);font-size:16px;font-weight:500;padding:5px 15px;border-radius:4px;}
span{display:inline-block;}
.pagination li.active a,.pagination li a:hover{background-color:#F9F5FF;color:#7F56D9;}
.pagination{margin-top:100px;margin-bottom:50px;}
.pagination li a{width:42px;height:42px;border-radius:10px;font-weight:500;display:flex;align-items:center;justify-content:center;}
.blog_detail{display:flex;flex-wrap:wrap;}
.blog_detail_sidebar{width:280px;min-width:280px;position:relative;}
.table_of_content_wrap p{font-size:20px;font-weight:600;color:var(--blackcolor);}
.blog_detail_content{width:calc(100% - 280px);padding-left:30px;margin-left:auto;}
.blog_detail_sidebar .blog_auther{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;margin-bottom:20px;}
.blog_detail_sidebar .blog_auther img{width:140px;height:120px;margin-bottom:10px;border-radius:10px;}
.blog_detail_sidebar .blog_auther span{color:var(--blackcolor);font-weight:700;font-family:var(--secondary-font);}
.blog_detail_sidebar .blog_auther p{margin-bottom:5px;}
.blog_detail_content p{line-height:1.6;font-size:20px;color:#000;}
.blog_detail_content img{width:100%;margin:30px 0;}
.blog_detail_content ul li,.blog_detail_content ol li{font-size:16px;color:var(--primarycolor);font-weight:400;line-height:1.5;margin-bottom:15px;}
.blog_detail_content ul li{position:relative;padding-left:25px;}
.blog_detail_content ul li:before{position:absolute;content: "";width:8px;height:8px;background-color:var(--secondarycolor);left:0;top:6px;transform:rotate(45deg);}
.blog_detail_content ul,.blog_detail_content ol{padding-left:30px;}
.blog_detail_content a{text-decoration:underline;text-shadow:0px 0px 1px var(--secondarycolor);color:var(--secondarycolor);}
.table_of_content li{margin-bottom:15px;}
.table_of_content li a{font-size:18px;font-weight:400;color:var(--blackcolor);text-decoration:none;position:relative;padding-bottom:5px;}
.table_of_content li a:before{position:absolute;content: "";width:0;height:2px;background-color:var(--primarycolor);left:0;bottom:0;transition:all 0.3s ease-in-out;}
.table_of_content li a:hover::before,.table_of_content li.active a::before{width:100%;}
.blog_detail_sidebar_inner{position:fixed;width:280px;padding:0 15px;}
.table_of_content{max-height:400px;overflow-y:auto;}
.table_of_content::-webkit-scrollbar{width:4px;}
.table_of_content::-webkit-scrollbar-track{background:#f1f1f1;}
.table_of_content::-webkit-scrollbar-thumb{background:#888;}
.table_of_content::-webkit-scrollbar-thumb:hover{background:#555;}
.blog_header h1{font-size:150px;font-weight:700;}
.rounded-10{border-radius:10px;}
.category_listing{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.category_listing li a{display:inline-block;padding:5px 10px;border-radius:50px;transition:all 0.3s ease-in-out;background-color:#F8F9FC;color:#363F72;font-size:14px;font-weight:500;text-align:center;}
.category_listing li a.cat_purple{color:#6941C6;background-color:#F9F5FF;}
.category_listing li a.cat_navyblue{color:#363F72;background-color:#F8F9FC;}
.category_listing li a.cat_blue{color:#3538CD;background-color:#EEF4FF;}
.category_listing li a.cat_skyblue{color:#026AA2;background-color:#F0F9FF;}
.category_listing li a.cat_orange{color:#C4320A;background-color:#FFF6ED;}
.category_listing li a.cat_green{color:#027A48;background-color:#ECFDF3;}
.category_listing li a.cat_pink{color:#C11574;background-color:#FDF2FA;}
.category_listing li a.cat_darkpink{color:#C01048;background-color:#FFF1F3;}
.blog_header_container{display: flex;align-items: center; justify-content: space-between;}
.blog_header_img{ display: flex; align-items: center;}
.blog_header_img img {height: 200px; width: 200px; border-radius: 50%;}
.blog_header_name{text-align: left;margin-left: 50px;}
.blog_header_name h2{font-size: 35px;}
.blog_header_name h2:first-child{ margin-bottom: 5px; }
.blog_header_name h2:last-child{ text-transform: lowercase; }
.blog_header_name h2 b{color: #6941C6; text-transform: lowercase;}
.blog_header_name span {height: 10px;width: 15%; background: #6941C6;}
.blog_header_name p {color: #6E6D8F;font-size: 18px;}
.user_social_icons{display: flex; align-items: center;}
.user_social_icons p{text-align: left; margin-bottom: 8px;}
.user_social_icons a{    height: 25px;
    width: 25px;
    border-radius: 50%;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
/* Responsive */
@media screen and (max-width:1400px){
.blog_header h1{font-size:100px;}
.blog_listing_main_title h2{font-size:44px;}
.blog_listing_main_title p{font-size:20px;}
}
@media screen and (max-width:1199px){
h1{font-size:38px;}
h2{font-size:24px;}
.blog_header h1{font-size:60px;}
.blog_listing_main_title h2{font-size:34px;}
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:991px){
.blog_header h1{font-size:40px;}
.blog_listing_main_title h2{font-size:24px;}
.blog_listing_main_title p{font-size:16px;}
.menu-button{display:block;border:0;font-size:25px;}
.site_header{padding:15px 0;}
.menu_list{position:fixed;width:280px;background:var(--whitecolor);left:-300px;bottom:0;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);height:calc(100vh - 59px);top:59px;transition:.3s;transition-timing-function:cubic-bezier(0.9,0,1,1);}
.menu_list.menu-active{left:0;transition:.3s;transition-timing-function:cubic-bezier(0.9,0,1,1);}
.menu_list ul{flex-direction:column;padding:30px;height:100vh;overflow-y:auto;}
.blog_header_container{flex-direction: column;}
}
@media screen and (max-width:767px){
.blog_header h1{font-size:30px;}
.paginate-button{display:none;}
.blog_detail_content p{font-size:18px;}
.blog_detail_sidebar_inner{position:static;padding:0;}
.blog_detail_sidebar{width:100%;min-width:100%;margin-bottom:20px;}
.blog_detail_content{width:100%;padding:0;}
.blog_detail_content ul,.blog_detail_content ol{padding-left:15px;}
h1{font-size:28px;}
.font-20{font-size:18px;}
.blog_listing_main{padding:30px 0;}
.mt-mobile30{margin-top:30px;}
.blog_img{margin-bottom:20px;}
.pagination{margin-top:50px;margin-bottom:10px;}

.blog_header_container, .blog_header_img{flex-direction: column;}
}
@media screen and (max-width:575px){
}