.blog-index{padding:165px 0 100px}.blog-index .container{max-width:1178px}.blog-index h2.title_main{color:#1c1e20;font-size:60px;font-weight:600;line-height:1.2;margin:0}.blog-index .single-grid__left img{border-radius:0;height:332px;max-width:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blog-index .single-grid__right time{color:#60646f;display:table;font-size:14px;font-weight:400;line-height:20px;margin:0 0 12px;text-transform:uppercase}.blog-index .single-grid__right h3{display:table;font-size:36px;font-weight:600;line-height:1.2;margin:0 0 16px}.blog-index .single-grid__right h3 a{color:#1c1e20;display:table}.blog-index .single-grid__right h3 a:hover{color:#1c1e20}.blog-index .single-grid__right p{color:#1c1e20;font-size:18px;font-weight:400;line-height:1.7;margin:0 0 16px}.blog-index .single-grid__right .btn_read{align-items:center;color:#193d9b;display:flex;font-size:16px;font-weight:600;gap:8px;line-height:22px;transition:color .3s ease}.blog-index .single-grid__right .btn_read:hover{color:#193d9b}.blog-index .single-grid__right .btn_read svg{fill:#193d9b}.blog-index .blog-item .row{--bs-gutter-x:4rem}.blog-index .cta_load_more{margin:60px 0 0;position:relative;text-align:center}.blog-index .cta_load_more:after{background:#e5e8ee;content:"";height:1px;left:0;position:absolute;right:0;top:48%;width:100%;z-index:-1}.blog-index .cta_load_more #load-more{background:#f1f4f8;border:none;border-radius:1px;color:#193d9b;font-size:16px;font-weight:600;line-height:22px;outline:none;padding:7px 40px}.cta_load_more #load-more:hover{color:#193d9b}.blog-item{margin-top:70px;opacity:1;transition:opacity .5s ease}.blog-item[style*="display: flex"]{opacity:1}@media (max-width:767px){.blog-index .blog-item .row{--bs-gutter-x:1.5rem;flex-direction:row-reverse}.blog-index h2.title_main{font-size:42px}.blog-index{padding:130px 0 80px}.blog-index .single-grid__right h3{font-size:24px}.blog-index .single-grid__right p{font-size:16px}.blog-item{margin-top:50px}.blog-index .single-grid__right{margin:16px 0 0}}@media (min-width:768px) and (max-width:991.98px){.blog-index .blog-item .row{--bs-gutter-x:1.5rem}.blog-index h2.title_main{font-size:42px}.blog-index{padding:130px 0 80px}.blog-index .single-grid__right h3{font-size:24px}.blog-index .single-grid__right p{font-size:16px}.blog-item{margin-top:50px}.blog-index .container{max-width:750px}}@media (min-width:992px) and (max-width:1199.98px){.blog-index .blog-item .row{--bs-gutter-x:1.5rem}.blog-index .container{max-width:960px}}