:root{
    --primarycolor:#4B6BFB;
    --blackcolor:#000000;
    --titlecolor:#181A2A;
    --whitecolor:#fff;
    --greycolor:#667085;
    --primary-font: "Work Sans", sans-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:36px;color:var(--titlecolor);font-weight:700;margin-bottom:15px;}
h2{font-size:24px;color:var(--titlecolor);font-weight:700;margin-bottom:15px;}
h3{font-size:22px;color:var(--titlecolor);font-weight:700;margin-bottom:15px;}
h4{font-size:20px;color:var(--titlecolor);font-weight:700;margin-bottom:15px;}
h5{font-size:18px;color:var(--titlecolor);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-worksans{font-family:var(--primary-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;}

.btn{
    font-size: 16px;
    font-weight: 500;
    padding: 12px 20px;
    border-radius: 6px;
    border: 1px solid #696A754D;
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.btn_outline{
    color: #696A75;
    border-color: #696A754D;
}
.btn_outline:hover{
    color: var(--whitecolor);
    background-color: var(--primarycolor);
    border-color: var(--primarycolor);
}
.btn_primary{
    color: var(--whitecolor);
    border-color: var(--primarycolor);
    background-color: var(--primarycolor);
}
.btn_primary:hover{
    color: #696A75;
    border-color: #696A754D;
    background-color: transparent;
}

input, textarea, select{font-family: var(--primary-font);}

.bg-bglightgrey{
    background-color: #F6F6F7;
}
.text-primary{color:var(--primarycolor);}
.text-black{color:var(--blackcolor);}
.text-titlecolor{color:var(--titlecolor);}
.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:40px;}
.navbar ul li a{font-size:18px;font-weight:400;color:var(--titlecolor);text-decoration:none;position:relative;padding-top:5px;padding-bottom:5px;}
.navbar ul li a:hover,.navbar ul li.active a{color:var(--titlecolor);text-shadow:0px 0px 1px var(--titlecolor);}
.navbar ul li a::before{position:absolute;content: "";width:0;height:2px;background-color:var(--titlecolor);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:60px 0 30px;margin-top:auto;position:relative;z-index:1;}
.copy_right{margin:0;color:var(--titlecolor);font-weight:700;}
.footer_links{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.footer_links a {
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    color: #3B3C4A;
    text-decoration: none;
    position: relative;
    padding-bottom: 5px;
    font-family: var(--primary-font);
    width: max-content;
}
.footer_links a:hover,.footer_links a.active{color:var(--titlecolor);text-shadow:0px 0px 1px var(--titlecolor);}
.footer_links a::before{position:absolute;content: "";width:0;height:2px;background-color:var(--titlecolor);left:0;bottom:0;transition:all 0.3s ease-in-out;}
.footer_links a:hover::before,.footer_links a.active::before{width:100%;}

.link_text{color: var(--titlecolor);}
.link_text:hover{color: var(--primarycolor);}


.footer_newletter{
    background-color: var(--whitecolor);
    border-radius: 12px;
    padding: 30px;
    text-align: center;
}

.newletter_field{
    border: 1px solid #DCDDDF;
    background: var(--whitecolor) url(../images/email-icon.svg) no-repeat center right 15px;
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 400;
    color: var(--blackcolor);
    padding-right: 45px;
    width: 100%;
    margin-top: 15px;
}
.newletter_field::placeholder{
    color: #97989F;
}

.newletter_btn{
    width: 100%;
    margin-top: 10px;
}














.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(--primary-font);font-size:18px;font-weight:400;line-height:1.2;width:100%;}
input:focus{outline:0;}


.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;}
.mr-10{margin-right:10px;}
.ml-10{margin-left:10px;}
.category_label{background-color:var(--primarycolor);color:var(--whitecolor);font-family:var(--primary-font);font-size:16px;font-weight:500;padding:5px 15px;border-radius:4px;margin-bottom: 15px;display: inline-block;}





.blog_detail_content {
    max-width: 1000px;
    margin: 0 auto;
}
.blog_detail_content p{line-height:1.6;font-size:20px;color:#000;}
.blog_detail_content ul li,.blog_detail_content ol li{font-size:16px;color:var(--titlecolor);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(--titlecolor);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(--primarycolor);color:var(--primarycolor);}
.blog_detail_content_inner img{
    width: 100%;
    margin-bottom: 30px;
    border-radius: 16px;
}

.blog_detail_content_inner blockquote{
    padding: 30px;
    background: #F6F6F7;
    border-left: 4px solid #E8E8EA;
    border-radius: 12px;
font-size: 24px;
font-style: italic;
font-weight: 400;
color: var(--titlecolor);
margin: 30px 0;

}






.search_box input {
    background: #F4F4F5 url(../images/search-outline.png) no-repeat right 10px center;
    border-radius: 4px;
    padding: 10px 15px;
    padding-right: 30px;
    border: 0;
    outline: 0;
    font-size: 14px;
    font-weight: 400;
    color: var(--blackcolor);
    font-family: var(--primary-font);
    width: 100%;
}

.search_box input::placeholder{
    color: #A1A1AA;
}
.search_box {
    width: 100%;
    max-width: 200px;
}

.blog_main_title{
    padding: 40px;
    box-shadow: 0px 12px 24px -6px #181A2A1F;
    border: 1px solid #E8E8EA;
    background-color: var(--whitecolor);
    border-radius: 12px;
    max-width: 600px;
    position: absolute;
    left: 60px;
    bottom: 0;
}
.blog_main_img{
    position: relative;
    height: 600px;
    padding-bottom: 60px;
}
.blog_main_img img{
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
    object-position: center;
}
.auther_div{
    display: flex;
    align-items: center;
    gap: 15px;
}
.auther_name{
    display: flex;
    align-items: center;
    column-gap: 15px;
    flex-wrap: wrap;
}
.auther_name p{
    color: #97989F;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
}


.category_listing{
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
}

.category_listing_wrap{
    margin: 80px 0;
}
.category_listing li a {
    padding: 6px 15px;
    border-radius: 4px;
    background: #4B6BFB0D;
    font-size: 20px;
    font-weight: 500;
}

.blog_wrap{
    border: 1px solid #E8E8EA;
    background-color: var(--whitecolor);
    border-radius: 12px;
    padding: 15px;
}
.blog_img{
    width: 100%;
    height: 240px;
    overflow: hidden;
    border-radius: 10px;
}
.blog_img img {
    width: 100%;
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}
.blog_img:hover img{
    transform: scale(1.2);
    transition: all 0.3s ease-in-out;
}
.blog_wrap .category_listing li a {
    font-size: 14px;
}
.blog_wrap .category_listing{
    justify-content: flex-start;
    margin-bottom: 15px;
}
.titlecolor-link:hover{
    color: var(--primarycolor);
}




























/* Responsive */
@media screen and (max-width:1400px){

}
@media screen and (max-width:1199px){
h1{font-size:28px;}
h2{font-size:22px;}
.blog_detail_content h2 {
    font-size: 24px;
}

}
@media screen and (max-width:1024px){
}
@media screen and (max-width:991px){
    .navbar ul {
        gap: 15px;
    }
    h1{font-size:26px;}
    .blog_main_title {
        padding: 30px;
        max-width: 500px;
        left: 30px;
    }
    .blog_main_img {
        height: 500px;
        padding-bottom: 30px;
    }
    .category_listing li a {
        font-size: 16px;
    }
    .category_listing_wrap {
        margin: 50px 0;
    }
    .site_header {
        padding: 15px 0;
    }
    .search_box {
        margin-left: auto;
    }
.menu-button{display:block;border:0;font-size:25px;background: none;}
.menu_list {
    position: fixed;
    width: 250px;
    background: var(--whitecolor);
    left: -300px;
    bottom: 0;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    height: 100vh;
    top: 0;
    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_detail_content p {
    font-size: 18px;
}
.blog_detail_content_inner blockquote {
    font-size: 20px;
    padding: 20px;
}



}
@media screen and (max-width:767px){
    .footer_newletter {
        padding: 20px 15px;
    }
    h1 {
        font-size: 22px;
    }
    h2 {
        font-size: 20px;
    }
    .auther_name p {
        font-size: 14px;
    }
    .site_footer {
        padding: 50px 0 20px;
    }
    .blog_main_title {
        padding: 15px;
        left: 15px;
        right: 15px;
    }

.font-20{font-size:18px;}
.mt-mobile30{margin-top:30px;}
}
@media screen and (max-width:575px){
}