.text-gradient-green{color:#04d286;background-image:linear-gradient(0deg, #04d286, #04d862);background-image:-webkit-linear-gradient(0deg, #04d286, #04d862);background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #04d286), color-stop(1, #04d862));background-image:-o-linear-gradient(0deg, #04d286, #04d862);background-image:-moz-linear-gradient(0deg, #04d286, #04d862);background-image:-ms-linear-gradient(0deg, #04d286, #04d862);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.white-vertical-scroll-theme::-webkit-scrollbar{width:10px}.white-vertical-scroll-theme::-webkit-scrollbar-track{background:#efefef}.white-vertical-scroll-theme::-webkit-scrollbar-thumb{background-color:#888;border-radius:20px;border:2px solid #efefef}@media (max-width:767px){main{margin-top:12px}}main .container-main{position:relative;z-index:1;padding-top:clamp(35px, 4vw, 65px)}main .section-header .container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;background-color:#f8f8fd;border-radius:clamp(12px, 1.5vw, 24px);padding:24px;position:relative;overflow:hidden}@media (max-width:767px){main .section-header .container{margin-left:auto;margin-right:auto;width:calc(100% - 30px);padding:12px}}main .section-header .container:before{content:"";position:absolute;width:calc(100% - 46px);height:calc(100% - 90px);top:40px;left:14px;background-image:url(../img/about/dot.svg);background-repeat:repeat;z-index:1}@media (max-width:767px){main .section-header .container:before{background-image:none}}main .section-header .container>div{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;border-radius:inherit;width:100%}@media (max-width:767px){main .section-header .container>div{flex-direction:column-reverse}}main .section-header .container .text{z-index:2;padding:64px 64px 70px 64px;margin-top:auto;background-color:#f8f8fd;margin-top:125px}@media (max-width:767px){main .section-header .container .text{margin-top:0;padding:12px;background-color:transparent}main .section-header .container .text:before,main .section-header .container .text:after{content:"";width:100%;height:70px;background-position:top left;background-repeat:repeat;background-image:url(../img/markets/dot-mobile.svg);display:block}}main .section-header .container .text .title{font-size:clamp(24px, 3.5vw, 56px);color:#18222b;letter-spacing:-3px;margin-top:30px;font-size:clamp(20px, 2.75vw, 44px);font-weight:500}@media (max-width:767px){main .section-header .container .text .title{letter-spacing:-0.02rem;line-height:36px}}main .section-header .container .text .title span{color:#24cf93}main .section-header .container .text .desc{font-size:18px;color:#909db0;max-width:620px;margin-top:12px;letter-spacing:-0.2px;line-height:34px}@media (max-width:767px){main .section-header .container .text .desc{font-size:15px;margin-top:12px;line-height:28px;text-align:justify}}main .section-content{margin-top:20px}@media (max-width:768px){main .section-content{width:calc(100% - 30px);margin-left:auto;margin-right:auto}}main .section-content .container{background-color:#f8f8fd;padding:clamp(16px, 3.875vw, 62px) clamp(16px, 3vw, 100px) clamp(16px, 3vw, 100px) clamp(16px, 3vw, 100px);border-radius:clamp(12px, 1.5vw, 24px)}main .section-content .container>.header{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px;padding:0}main .section-content .container>.header .title-frame{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;font-size:clamp(12px, 1vw, 16px);color:#18222b}main .section-content .container>.header .title-frame span{color:#909db0;margin-right:3px}main .section-content .container>.header .title-frame:before{margin-right:10px;content:"";width:32px;height:32px;background-position:center;background-repeat:no-repeat;background-size:32px;background-image:url(../img/about/icon-title.svg)}@media (max-width:768px){main .section-content .container>.header .title-frame:before{width:24px;height:24px;background-size:24px}}main .section-content .container>.content .columns{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-top:20px;gap:16px}@media (max-width:768px){main .section-content .container>.content .columns{flex-direction:column}}main .section-content .container>.content .columns .column{width:calc(50% - 8px);display:flex;flex-direction:column;gap:16px;align-self:stretch}@media (max-width:768px){main .section-content .container>.content .columns .column{width:100%}}main .section-content .container>.content .columns .column .item{border:1px solid #f1f3f9;border-radius:20px;padding:32px 32px 60px 32px;position:relative;transition:all ease-in-out .2s;overflow:hidden}@media (max-width:768px){main .section-content .container>.content .columns .column .item{padding:12px 12px 40px 12px}}main .section-content .container>.content .columns .column .item:hover{background-color:#f1f3f9}main .section-content .container>.content .columns .column .item .header{padding:50px;background-image:url(../img/markets/dot.svg);background-position:top left;background-repeat:repeat;text-align:center}@media (max-width:768px){main .section-content .container>.content .columns .column .item .header{background-image:url(../img/markets/dot-mobile.svg);padding:20px}}main .section-content .container>.content .columns .column .item .header img{max-width:100%;height:auto;display:block;margin:0 auto}@media (max-width:768px){main .section-content .container>.content .columns .column .item .header img.img-desktop{display:none}}@media (min-width:768px){main .section-content .container>.content .columns .column .item .header img.img-mobile{display:none}}main .section-content .container>.content .columns .column .item .content{padding:0 20px}@media (max-width:768px){main .section-content .container>.content .columns .column .item .content{padding:0 10px}}main .section-content .container>.content .columns .column .item .content .title{font-size:24px;line-height:36px;letter-spacing:-0.02rem;color:#18222b;font-weight:500}@media (max-width:768px){main .section-content .container>.content .columns .column .item .content .title{font-size:20px;line-height:28px;letter-spacing:-0.025rem;margin-top:20px}}main .section-content .container>.content .columns .column .item .content .title span{color:#24cf93}main .section-content .container>.content .columns .column .item .content .desc{color:#909db0;font-size:16px;line-height:30px;letter-spacing:-0.025rem;margin-top:18px;font-weight:300}@media (max-width:768px){main .section-content .container>.content .columns .column .item .content .desc{font-size:15px;line-height:168%;letter-spacing:0;text-align:justify}}main .section-content .container>.content .columns .column .item .footer{display:flex;flex-direction:column;margin-top:20px;padding:0 35px}@media (max-width:768px){main .section-content .container>.content .columns .column .item .footer{margin-top:30px;padding-left:20px}}main .section-content .container>.content .columns .column .item .footer a,main .section-content .container>.content .columns .column .item .footer button{align-self:flex-end;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px;position:relative;transition:all ease-in-out .3s;color:#38414e;font-size:14px;line-height:22px}main .section-content .container>.content .columns .column .item .footer a:hover,main .section-content .container>.content .columns .column .item .footer button:hover{gap:15px}main .section-content .container>.content .columns .column .item .footer a:after,main .section-content .container>.content .columns .column .item .footer button:after{content:"";width:7px;height:12px;background-image:url(../img/markets/icon-arrow-left.svg);background-position:center;background-repeat:no-repeat}main .section-content .container>.content .columns .column .item.item-commodities{padding-top:clamp(100px, 20vw, 330px);flex-grow:1;display:flex;flex-direction:column}@media (max-width:768px){main .section-content .container>.content .columns .column .item.item-commodities{padding-top:120px}}main .section-content .container>.content .columns .column .item.item-commodities .image-frame{position:absolute;top:0;right:0;width:100%;height:100%;z-index:1;overflow:hidden;min-height:250px}main .section-content .container>.content .columns .column .item.item-commodities .image-frame:before,main .section-content .container>.content .columns .column .item.item-commodities .image-frame:after{content:"";display:block;position:absolute;top:0}main .section-content .container>.content .columns .column .item.item-commodities .image-frame:before{z-index:1;min-height:200px;background-image:url(../img/markets/dot.svg);background-position:top left;background-repeat:repeat;text-align:center;width:calc(100% - 60px);top:30px;left:30px}@media (max-width:992px){main .section-content .container>.content .columns .column .item.item-commodities .image-frame:before{background-image:url(../img/markets/dot-mobile.svg);min-height:120px;top:20px;left:20px}}main .section-content .container>.content .columns .column .item.item-commodities .image-frame:after{z-index:2;background-image:url(../img/markets/header-commodities.svg);background-position:top right;background-repeat:no-repeat;background-size:cover;height:100%;width:100%;left:0}@media (max-width:992px){main .section-content .container>.content .columns .column .item.item-commodities .image-frame:after{background-image:url(../img/markets/header-commodities-mobile.svg);background-size:auto}}main .section-content .container>.content .columns .column .item.item-commodities .content{margin-top:auto}@media (max-width:992px){main .section-content .container>.content .columns .column .item.item-commodities .content{margin-top:30px}}main .section-content .container>.content .columns .column .item.item-commodities .content,main .section-content .container>.content .columns .column .item.item-commodities .footer{z-index:3;position:relative}main .section-content .container>.content .columns .column .item-join-us{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;background-color:#e9f6f1;padding:105px 10px 20px 10px}@media (max-width:767px){main .section-content .container>.content .columns .column .item-join-us{padding:80px 10px 25px 10px}}main .section-content .container>.content .columns .column .item-join-us:before{content:"";position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);background-image:url(../img/index/why-greenup/dot-grids-join-us.svg);background-position:center}@media (max-width:767px){main .section-content .container>.content .columns .column .item-join-us:before{background-image:url(../img/index/why-greenup/dot-grids-join-us-mobile.svg)}}main .section-content .container>.content .columns .column .item-join-us>img{position:absolute;top:30px;right:25px}@media (max-width:767px){main .section-content .container>.content .columns .column .item-join-us>img{width:30px;height:30px}}main .section-content .container>.content .columns .column .item-join-us .text{margin-top:auto;width:100%;position:relative;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;padding-left:33px}@media (max-width:767px){main .section-content .container>.content .columns .column .item-join-us .text{gap:16px;padding-right:0;padding-left:20px}}main .section-content .container>.content .columns .column .item-join-us .text .title{font-size:16px;letter-spacing:-0.5px;background-color:#e9f6f1}@media (max-width:767px){main .section-content .container>.content .columns .column .item-join-us .text .title{letter-spacing:0px}}@media (min-width:767px){main .section-content .container>.content .columns .column .item-join-us .text .title{background-color:#e9f6f1}}main .section-content .container>.content .columns .column .item-join-us .text .title span{color:#909db0}@media (max-width:768px){main .section-content .container>.content .columns .column .item-join-us .text .title span{line-height:26px;color:#07c699;letter-spacing:0;display:block}}main .section-content .container>.content .columns .column .item-join-us .text .desc{width:calc(100% - 80px);color:#808894}main .section-content .container>.content .columns .column .item-join-us .text img{z-index:2}@media (max-width:767px){main .section-content .container>.content .columns .column .item-join-us .text img{width:24px;height:24px}}main .section-start{margin-top:24px}main .section-start .container{background-color:#f8f8fd;padding:115px 10px 85px 10px;border-radius:clamp(12px, 1.5vw, 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background-image:url(../img/about/start-back.svg);background-repeat:no-repeat;background-position:center bottom}@media (max-width:768px){main .section-start .container{background-image:url(../img/about/mobile/start-back.webp);padding:67px 10px;margin-left:auto;margin-right:auto;width:calc(100% - 30px)}}main .section-start .title{color:#18222b;margin:0 auto;font-size:32px;text-align:center;margin-bottom:10px;letter-spacing:-0.5px;max-width:350px;line-height:48px;font-weight:500}@media (max-width:768px){main .section-start .title{max-width:330px;font-size:24px;line-height:36px}}main .section-start .title span{color:#20d495;margin:0 5px}main .section-start .btn{width:216px;height:48px;background-color:#20d495;color:#18222b;font-size:16px;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:48px;gap:10px;position:relative;transition:all ease-in-out .1s}@media (max-width:767px){main .section-start .btn{font-size:14px;height:40px;width:194px}}main .section-start .btn:hover{color:#f8f8fd;background-color:#18222b}main .section-start .btn:hover:after{background-image:url(../img/index/intro/button-arrow-left-white.svg)}main .section-start .btn:after{content:"";width:19px;height:19px;aspect-ratio:1;background-image:url(../img/index/intro/button-arrow-left-black.svg);background-position:center center;background-repeat:no-repeat}@-moz-keyframes gradient-button-hover{to{opacity:1}}@-ms-keyframes gradient-button-hover{to{opacity:1}}@-o-keyframes gradient-button-hover{to{opacity:1}}@-webkit-keyframes gradient-button-hover{to{opacity:1}}@keyframes gradient-button-hover{to{opacity:1}}/*# sourceMappingURL=./markets2.css.map */