section.hero_blog_list{position:relative;padding-bottom:100px;margin-top:-30px;min-height:800px}section.hero_blog_list .main-container{width:90%;margin:0 auto;padding-bottom:90px}section.hero_blog_list .main-container .left-content{width:35%;padding-top:250px}section.hero_blog_list .main-container .left-content h1{margin-bottom:80px;line-height:1.4}section.hero_blog_list .main-container .left-content h1 span{color:#e8327c}section.hero_blog_list .main-container .left-content div.desc{line-height:1.7;margin-bottom:80px}section.hero_blog_list .main-container .left-content .mobile_bkg{display:none}section.hero_blog_list .right-bkg{position:absolute;top:0;right:0;text-align:right}section.hero_blog_list .right-bkg img{width:80%}section.hero_blog_list .chevron-down{position:absolute;left:calc(50% - 23px);bottom:20px;width:46px;height:46px;border-radius:50%;background:#2c327b;transition:all .2s ease-out;display:flex;align-items:center;justify-content:center;margin:0 auto;opacity:1}section.hero_blog_list .chevron-down:hover{transform:translateY(8px)}section.hero_blog_list .chevron-down a{text-decoration:none}section.hero_blog_list .chevron-down a i{color:#fff;font-size:20px}@media screen and (max-width:1200px){section.hero_blog_list{min-height:650px}section.hero_blog_list{padding-bottom:160px}section.hero_blog_list .right-bkg img{width:75%}section.hero_blog_list .main-container .left-content{width:45%;padding-top:200px}section.hero_blog_list .main-container .left-content h1{margin-bottom:40px}section.hero_blog_list .main-container .left-content div.desc p{font-size:18px}}@media screen and (max-width:992px){section.hero_blog_list{margin-top:115px;min-height:auto}section.hero_blog_list .right-bkg{display:none}section.hero_blog_list .main-container .left-content .mobile_bkg{display:block;text-align:center;padding-bottom:90px}section.hero_blog_list .main-container .left-content .mobile_bkg img{width:50%;margin:0 auto}section.hero_blog_list .main-container .left-content{width:100%;padding-top:10px}section.hero_blog_list .main-container .left-content div.desc{margin-bottom:50px}section.hero_blog_list .main-container .left-content h1{width:100%}}@media screen and (max-width:768px){section.hero_blog_list{padding-bottom:90px}section.hero_blog_list .main-container .left-content h1{font-size:40px;text-align:center}}@media screen and (max-width:576px){section.hero_blog_list{min-height:auto}section.hero_blog_list .main-container{padding-bottom:0px}section.hero_blog_list .main-container .left-content .mobile_bkg{padding-bottom:30px}section.hero_blog_list .main-container .left-content .mobile_bkg img{width:80%}}