/** Reset CSS **/
html, body {height: 100%;}
html{scroll-behavior: smooth;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,*{padding:0;margin:0;-webkit-overflow-scrolling:touch;box-sizing:border-box;}
body{margin: 0 auto;padding: 0px;font-family: 'Raleway', sans-serif;font-size: 16px;line-height: 1.1;color: #101010;font-weight: 400;}
ol,ul,li{list-style:none;padding:0;margin:0}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;outline:none}
a:focus,img:focus,input:focus,button:focus,div:focus{outline:none;}
*, ::after, ::before {box-sizing:border-box;}
a, button {cursor: pointer;text-decoration: none;}
/** Reset CSS **/
.mf-wrapper{background-color: #007889;margin-bottom: 55px;}
.max-width-class{max-width: 1160px;margin: 0 auto;display: block;position: relative;padding: 0 10px}
.mf-header{background-color: #007889;padding: 23px 0;}
.header-wrap{ display: flex; justify-content: space-between; }
.h-left-div, .h-right-div{display: flex; align-items: center;}
.social-list {display: flex; align-items: center; margin: 0 30px 0 0;}
.social-list li{ margin: 0 6px; }
.back-to-link{ margin: 0 0 0 10px; }
.back-to-link a{ display: flex; align-items: center; position: relative; }
.back-to-link a:before{ position: absolute;content: "";left: -15px;top: 13px;border: solid #fff;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.menu-toggle {display: inline-block;}
.menu-toggle:hover,.menu-toggle:focus {color: #c00;}
.main-menu {position: absolute;left:0;top: 0;height: 100%;transition: all .5s ease;z-index: 999;width:100%;opacity: 0;visibility:hidden;}
.main-menu ul {list-style: none;margin: 0;padding: 2.5em 0 0;min-height: 100%;width: 0;background:#0A657C;transition: all 0.5s;}
.main-menu ul li{ margin: 0px; }
.main-menu a {font-family: 'Raleway';font-style: normal;font-weight: 600;font-size: 20px;line-height: 23px;text-align: center;color: #FFFFFF;position: relative;padding-left: 40px;}
.main-menu li:first-child a{padding-left: 0;}
.main-menu li:last-child a:after{display: none;}
.main-menu a.menu-close {border-bottom: 0; }
.main-menu .menu-close {position: absolute;right: 30%;top: 2%;}
.main-menu:target,.main-menu[aria-expanded="true"] {left: 0;outline: none;transition: width .5s ease;width:100%;opacity: 1;visibility:visible;}
.main-menu:target .menu-close,.main-menu[aria-expanded="true"] .menu-close {z-index: 1001;}
.main-menu:target ul,.main-menu[aria-expanded="true"] ul {position: relative;z-index: 1000;width: 75%; transition: all 0.5s;}
.main-menu:target + .backdrop,.main-menu[aria-expanded="true"] + .backdrop{position: absolute;display: block;  left: 0;top: 0;width: 100%;height: 100%;z-index: 998;background: #4285F4;background: rgba(0,0,0,.5);cursor: default;}
.mf-logo{margin: 0 auto;display: block;width: 100%;}
.main-ttl{font-family: 'Raleway';font-style: normal;font-weight: 700;font-size: 53px;line-height: 62px;text-align: center;color: #0A657C;}
.overview-flex{display: flex;margin-top:45px;position: relative;}
.overview-left{background-color: #0A657C;padding: 50px 0 15px 0;position: relative;width: 70%;}
.over-inner{max-width: 514px;margin:0 auto;display: block; }
.over-para{font-family: 'Raleway';font-style: normal;font-weight: 500;font-size: 26px;line-height: 31px;color: #FFFFFF;margin-bottom: 24px;}
.happy-invest{font-weight: 700;color: #2CFFA7;}
.overview-right{background-color: #2CFFA7;padding: 88px 0 77px 0;width: 30%;position: relative;}
.over-img{width: 100%;margin-left: -170px;}
.flower-img{z-index: 1;position: absolute;top: -28%;}
.article-sect{margin-top:65px;}
.article-slider{margin-top:40px;}
.article-slide{margin:0 8px;}
.article-img{margin-bottom: 18px;width: 100%;}
.art-ttl{font-family: 'Roboto';font-style: normal;font-weight: 600;font-size: 22px;line-height: 26px;color: #000000;margin-bottom: 16px;}
.art-text{font-family: 'Roboto';font-style: normal;font-weight: 400;font-size: 18px;line-height: 21px;color: #000000;margin-bottom: 16px;}
.more-info{background: #0A657C;border-radius: 2px;padding: 8px 12px;font-family: 'Roboto';font-style: normal;font-weight: 500;font-size: 12px;line-height: 17px;color: #FFFFFF;display: inline-block;}
.article-slider .slick-dots li{margin: 0;}
.article-slider .slick-dots li button:before{color:#D1E9FF;font-size: 12px;}
.article-slider .slick-dots li.slick-active button:before {color: #0A657C;}
.article-slider .slick-dots li button:focus:before, .article-slider .slick-dots li button:hover:before{color: #0A657C}
.videos-sect{margin-top:55px;position: relative;}
.video-play{background-color:#2CFFA7;width: 80px;height: 276px;position: absolute;left: 0;top:30%;display: flex;align-items: center;justify-content: space-between;display:none;}
.play-img{margin-left: 35px;}
.videos-inner-width{max-width: 1045px;margin:0 auto;display: block;padding: 0 10px;}
.videos-flex{display: none;justify-content: space-between;margin-top:50px;}
.video-left{width: 483px;}
.video-right{width:520px;}
.video-img{width: 100%}
.video-ttl{font-family: 'Roboto';font-style: normal;font-weight: 600;font-size: 22px;line-height: 26px;color: #000000;margin-top:16px;}
.video-desc{font-family: 'Roboto';font-style: normal;font-weight: 400;font-size: 18px;line-height: 21px;color: #000000;margin-top:13px;}
.video-list{display: flex;margin-bottom: 45px;align-items: center;}
.list-ttl{font-family: 'Roboto';font-style: normal;font-weight: 600;font-size: 20px;line-height: 23px;color: #000000;margin-bottom: 10px;}
.list-txt{font-family: 'Roboto';font-style: normal;font-weight: 400;font-size: 16px;line-height: 19px;color: #000000;}
.list-text{margin-left: 23px;}
.list-img {width: 100px;height: 66px;}
.video-lists{height: 435px;overflow-y: auto;}
.lang-dropdown{border:0;margin: 18px auto 0 auto;background-color: #E5E5E5;padding: 5px 16px;font-family: 'Raleway';font-style: normal;font-weight: 500;font-size: 16px;line-height: 19px;color: #000000;display: block;}
.lang-dropdown:focus{outline: 0;border:0;}
.video-lists::-webkit-scrollbar {width: 1px;}
.video-lists::-webkit-scrollbar-track {background: #D9D9D9;}
.video-lists::-webkit-scrollbar-thumb {background:#0A657C;}
.video-lists::-webkit-scrollbar-thumb:hover {background: #0A657C;}
.flower-right{position: absolute;right: 0;top:0;}
.mf-footer{background-color: #0A657C;padding: 40px 0 10px 0;position: relative;margin-top:60px;}
.social-icons{display: flex;align-items: center;justify-content: center;}
.icons-social{background-color: #fff;display: flex;height: 35px;width: 35px;border-radius: 50%;align-items: center;justify-content: center;margin-right: 25px;}
.icons-social:last-child{margin-right: 0;}
.max-width-inner{max-width: 754px;margin: 0 auto;display: block;padding: 0 10px;position: relative;z-index: 9}
.copyright{font-family: 'Raleway';font-style: normal;font-weight: 500;font-size: 14px;line-height: 18px;color: #FFFFFF;margin: 23px 0;}
.privacy-policy{display: flex;align-items: center;justify-content: center;}
.privacy-note{font-family: 'Raleway';font-style: normal;font-weight: 400;font-size: 14px;line-height: 18px;text-decoration-line: underline;color: #FFFFFF;padding: 0 10px;border-right: 1px solid #fff;}
.privacy-note:last-child{border-right: 0;}
.flower-footer{top:0;position: absolute;left: 0}
@supports (position: fixed) {
.main-menu,.main-menu:target + .backdrop,.main-menu[aria-expanded="true"] + .backdrop {position: fixed;}
}

@media (min-width: 768px) {
.menu-toggle,.main-menu .menu-close {display: none;}
.main-menu {position: relative;left: auto;top: auto;display: block;overflow: hidden;opacity: 1;visibility: visible;}
.main-menu ul {display: flex; align-items: center; padding: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;height: 30px; width: auto;background: none; align-items: center;}
.main-menu a:hover,.main-menu a:focus {background: none;}
.main-menu a.active{  }
}
@media(max-width: 769px){
    .mf-wrapper{margin-bottom: 20px;}
    .mf-header{padding: 15px 0;}
    .main-menu li a{padding-left: 20px;margin-bottom: 20px;display: inline-block;}
    .main-menu li:first-child a{padding-left: 20px;}
    .mf-logo{width: 100%;}
    .overview-flex{flex-direction: column;margin-top: 20px;}
    .overview-left{width: 100%;padding: 20px;}
    .overview-right{width: 100%;padding: 0;}
    .over-img{margin-left: 0;}
    .flower-img{top: 0;left: 0;width:70%;}
    .over-para{font-size: 22px;line-height: 26px;}
    .main-ttl{font-size:40px;line-height: 44px;}
    .article-sect{margin-top:20px;}
    .article-slider{margin-top:20px;}
    .article-img{margin-bottom: 10px;}
    .art-ttl, .art-text{margin-bottom: 10px;}
    .list-txt{font-size: 14px;}
    .videos-sect{margin-top:30px;}
    .videos-flex{flex-direction: column;margin-top:20px;position: relative;z-index: 9;}
    .video-left{margin-bottom: 20px;}
    .vid-cont{position: relative;overflow: hidden;width: 100%;padding-top: 56.25%;}
    .video-left, .video-right{width: 100%;}
    .vid-cont iframe{ position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;}
    .video-ttl{margin-top:7px;}
    .video-desc{margin-top:7px;}
    .video-play{width:20px;height: 120px;top:20%;}
    .play-img{margin-left: 0;width: 40px;height: 40px;margin-left: -8px;}
    .mf-footer{margin-top:20px;}
}