.hp1 .container>h1{margin-bottom:43px;padding-left:105px}.hp1 .container .hero-img{border-radius:8px}.hp1 .container .text-section{margin:0 auto;padding:80px 105px 148px;display:flex;gap:15px;flex-direction:column}.hp1 .container .text-section .bottom .left,.hp1 .container .text-section .bottom .right>div{transition:background-color .3s ease;overflow:hidden;border-radius:0 0 8px 8px;padding-right:32px}.hp1 .container .text-section .bottom .left .c-label,.hp1 .container .text-section .bottom .right>div .c-label{display:flex;flex-direction:column;align-items:flex-start;gap:58px;padding:0 0 16px;border:unset}.hp1 .container .text-section .bottom .left .c-label .main-button,.hp1 .container .text-section .bottom .right>div .c-label .main-button{transform:translateY(60px);transition:transform .3s ease}.hp1 .container .text-section .bottom .left:hover,.hp1 .container .text-section .bottom .right>div:hover{background-color:#ffd640}.hp1 .container .text-section .bottom .left:hover .c-label .main-button,.hp1 .container .text-section .bottom .right>div:hover .c-label .main-button{transform:translateY(0)}.hp1 .container .text-section .top .right:hover,.hp1 .container .text-section .top .left:hover{background-color:#ffd640}.hp1 .container .text-section .top .right:hover .c-label>.main-button,.hp1 .container .text-section .top .left:hover .c-label>.main-button{transform:translateY(0)}.hp1 .container .text-section .top .right,.hp1 .container .text-section .top .left{transition:background-color .3s ease;overflow:hidden;border-radius:0 0 8px 8px;padding-right:32px}.hp1 .container .text-section .top .right .c-label,.hp1 .container .text-section .top .left .c-label{display:flex;flex-direction:column;align-items:flex-start;gap:58px;padding:0 0 16px;border:unset}.hp1 .container .text-section .top .right .c-label>.main-button,.hp1 .container .text-section .top .left .c-label>.main-button{transform:translateY(60px);transition:transform .3s ease}.hp1 .container .text-section .top,.hp1 .container .text-section .bottom{display:flex;align-items:flex-start;gap:105px}.hp1 .container .text-section .top .right,.hp1 .container .text-section .bottom .right{width:100%}.hp1 .container .text-section .top .left,.hp1 .container .text-section .bottom .left{max-width:429px;width:100%}.hp1 .container .text-section .top .left,.hp1 .container .text-section .top .right,.hp1 .container .text-section .bottom .left,.hp1 .container .text-section .bottom .right{padding-left:8px}.hp1 .container .text-section .top .left,.hp1 .container .text-section .top .right,.hp1 .container .text-section .top .right>div,.hp1 .container .text-section .bottom .left,.hp1 .container .text-section .bottom .right,.hp1 .container .text-section .bottom .right>div{border-top:1px solid #302F39;display:flex;gap:32px;padding-top:32px;padding-left:8px;align-items:flex-start}.hp1 .container .text-section .top .left .label,.hp1 .container .text-section .top .right .label,.hp1 .container .text-section .top .right>div .label,.hp1 .container .text-section .bottom .left .label,.hp1 .container .text-section .bottom .right .label,.hp1 .container .text-section .bottom .right>div .label{max-width:292px;width:100%;padding-top:7px}.hp1 .container .text-section .bottom .right{border:unset;padding-top:unset;gap:16px}.hp1 .container .text-section .bottom .right>div{width:100%}@media(max-width:1440px){.hp1 .container>h1{padding-left:72px}.hp1 .container .text-section{padding:60px 72px 100px}.hp1 .container .text-section .top,.hp1 .container .text-section .bottom{gap:60px}.hp1 .container .text-section .left{max-width:360px}.hp1 .container .text-section .c-label{gap:40px}}@media(max-width:1024px){.hp1 .container>h1{padding-left:48px}.hp1 .container .text-section{padding:48px 48px 80px}.hp1 .container .text-section .top,.hp1 .container .text-section .bottom{gap:40px}.hp1 .container .text-section .left{max-width:260px}.hp1 .container .text-section .c-label{gap:24px}}@media(max-width:768px){.hp1 .container>h1{padding-left:0}.hp1 .container .text-section{padding:32px 0}.hp1 .container .text-section .top,.hp1 .container .text-section .bottom{flex-direction:column;gap:0}.hp1 .container .text-section .top .left,.hp1 .container .text-section .top .right,.hp1 .container .text-section .bottom .left,.hp1 .container .text-section .bottom .right{max-width:100%}.hp1 .container .text-section .top .left,.hp1 .container .text-section .top .right,.hp1 .container .text-section .top .right>div,.hp1 .container .text-section .bottom .left,.hp1 .container .text-section .bottom .right,.hp1 .container .text-section .bottom .right>div{gap:16px}.hp1 .container .text-section .top .left,.hp1 .container .text-section .top .right,.hp1 .container .text-section .bottom .left,.hp1 .container .text-section .bottom .right>div{padding-top:16px;padding-right:16px}.hp1 .container .text-section .top .left .c-label .label,.hp1 .container .text-section .top .right .c-label .label,.hp1 .container .text-section .bottom .left .c-label .label,.hp1 .container .text-section .bottom .right>div .c-label .label{max-width:unset;font-size:14px}.hp1 .container .text-section .top .left .c-label,.hp1 .container .text-section .top .right .c-label,.hp1 .container .text-section .bottom .left .c-label,.hp1 .container .text-section .bottom .right>div .c-label{gap:16px}.hp1 .container .text-section .top .left .c-label .main-button,.hp1 .container .text-section .top .right .c-label .main-button,.hp1 .container .text-section .bottom .left .c-label .main-button,.hp1 .container .text-section .bottom .right>div .c-label .main-button{height:22px;padding:0 12px}.hp1 .container .text-section .top .left .c-label .main-button .q-btn__content .text-c1,.hp1 .container .text-section .top .right .c-label .main-button .q-btn__content .text-c1,.hp1 .container .text-section .bottom .left .c-label .main-button .q-btn__content .text-c1,.hp1 .container .text-section .bottom .right>div .c-label .main-button .q-btn__content .text-c1{font-size:12px}}.hp2 .container{display:flex;align-items:center;justify-content:space-between;gap:91px;padding-left:105px;padding-top:16px;padding-bottom:16px}.hp2 .container .left{max-width:532px;width:100%;display:flex;align-items:flex-start;flex-direction:column;gap:32px}.hp2 .container .left .subtitle{max-width:516px;width:100%}.hp2 .container>.q-img{max-width:696px}@media(max-width:1440px){.hp2 .container{gap:60px;padding-left:72px}.hp2 .container .left{max-width:440px}.hp2 .container>.q-img{max-width:560px}}@media(max-width:1024px){.hp2 .container{gap:40px;padding-left:48px}.hp2 .container .left{max-width:360px}.hp2 .container>.q-img{max-width:440px}}@media(max-width:768px){.hp2 .container{flex-direction:column;gap:32px;padding-left:16px;padding-top:32px;padding-bottom:32px}.hp2 .container .left{max-width:100%;gap:24px}.hp2 .container>.q-img{max-width:100%}}.story-card-comp{position:relative;width:100%;max-width:540px}.story-card-comp .q-img{border-radius:32px}.story-card-comp .text-card{border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:42px;max-width:445px;position:absolute;bottom:24px;right:24px}@media(max-width:1440px){.story-card-comp .text-card{padding-left:32px;padding-right:16px;left:24px}}@media(max-width:1024px){.story-card-comp .text-card{max-width:85%;padding:16px 16px 16px 24px;gap:24px;bottom:16px;right:16px;left:unset}}.story-card-comp .text-card .title{display:flex;align-items:flex-start;margin-left:-16px}.story-card-comp .text-card .bottom{display:flex;align-items:center;justify-content:space-between}.story-card-comp .text-card .bottom .details{display:flex;flex-direction:column;align-items:flex-start}.story-card-comp .text-card.theme-pink{background-color:#f05a73}.story-card-comp .text-card.theme-yellow{background-color:#ffd640}.hp4 .container{padding:32px 105px 66px;display:flex;flex-direction:column;gap:82px}.hp4 .container>h2{text-align:center}.hp4 .container .story-cards{display:flex;width:100%;padding-top:30px;justify-content:center;min-height:650px;position:relative;overflow:hidden}.hp4 .container .story-cards .main-button{position:absolute;left:50%;bottom:32px;transform:translate(-50%) translateY(100px);transition:transform .6s ease}.hp4 .container .story-cards .story-card-comp:nth-child(1){z-index:10}.hp4 .container .story-cards .story-card-comp:nth-child(2){z-index:9}.hp4 .container .story-cards .story-card-comp{position:absolute;left:50%;transform:translate(-50%);transition:transform .6s ease}.hp4 .container .story-cards:hover .main-button{transform:translate(-50%) translateY(0)}.hp4 .container .story-cards:hover .story-card-comp:nth-child(1){transform:translate(-100%) rotate(-7deg)}.hp4 .container .story-cards:hover .story-card-comp:nth-child(2){transform:translate(0) rotate(7deg)}@media(max-width:1440px){.hp4 .container{padding:32px 72px 60px;gap:60px}.hp4 .container .story-cards{min-height:560px}.hp4 .container .story-cards .story-card-comp{max-width:420px}}@media(max-width:1024px){.hp4 .container{padding:32px 48px 50px;gap:40px}.hp4 .container .story-cards{min-height:480px}.hp4 .container .story-cards .story-card-comp{max-width:360px}}@media(max-width:768px){.hp4 .container{padding:32px 16px 50px;gap:24px}.hp4 .container .story-cards{flex-direction:column;align-items:center;min-height:unset;overflow:visible;gap:16px;padding-bottom:0}.hp4 .container .story-cards .story-card-comp{position:relative;left:unset;transform:none!important;max-width:100%;transition:none}.hp4 .container .story-cards .main-button{position:relative;left:unset;bottom:unset;transform:none!important;margin-top:8px}.hp4 .container .story-cards:hover .story-card-comp:nth-child(1),.hp4 .container .story-cards:hover .story-card-comp:nth-child(2){transform:none!important;rotate:unset}.hp4 .container .story-cards:hover .main-button{transform:none!important}}.hp7{overflow:hidden}.hp7 .container{padding-left:105px;display:flex;justify-content:space-between;gap:155px;position:relative}.hp7 .container .right{z-index:10;width:50%;padding-top:101px;padding-bottom:184px;display:flex;flex-direction:column;justify-content:flex-start;gap:113px}.hp7 .container .right>div{display:flex;align-items:flex-start;flex-direction:column;gap:30px}.hp7 .container .right>div>span{max-width:478px;font-size:21px;line-height:120%;color:#302f39}.hp7 .container .right>div .s-r{flex-wrap:wrap;display:flex;align-items:center;gap:40px}.hp7 .container .right>div .s-r .range{width:478px;border-radius:12px;background-color:#f0f0f0;height:68px;overflow:hidden;position:relative;display:flex;align-items:center;gap:40px;padding-left:23px;justify-content:flex-start}.hp7 .container .right>div .s-r .range .value{transform:translate(-100%);width:100%;max-width:334px;background-color:#ffd640;height:100%;border-radius:12px;display:flex;align-items:center;justify-content:space-between;transition:all 1s ease;position:absolute;top:0;z-index:9;left:0}.hp7 .container .right>div .s-r .range .text-b5{transform:translateY(60px);transition:all .6s ease;z-index:10;position:relative}.hp7 .container .right>div .s-r .range-active .value{transform:translate(0)}.hp7 .container .right>div .s-r .range-active .text-b5{transform:translateY(0);transition-delay:.2s}.hp7 .container>.q-img{right:-168px;position:absolute;max-width:500px;scale:1.7}@media(max-width:1440px){.hp7 .container{padding:80px 0 80px 72px;gap:100px}.hp7 .container .right{gap:80px}.hp7 .container .right .s-r{width:100%}.hp7 .container .right .s-r .range{width:380px}}@media(max-width:1024px){.hp7 .container{padding:60px 0 60px 48px;gap:40px}.hp7 .container .right{width:60%;gap:50px}.hp7 .container .right>div .s-r{align-items:flex-start}.hp7 .container .right>div>span{max-width:100%}.hp7 .container .right .s-r{flex-direction:column}.hp7 .container .right .s-r .range{width:100%}.hp7 .container>.q-img{right:-80px;scale:1;max-width:350px}}@media(max-width:768px){.hp7 .container{flex-direction:column;padding:40px 16px;gap:32px}.hp7 .container .right{width:100%;gap:32px;padding-bottom:0}.hp7 .container .right .s-r{flex-direction:column;align-items:flex-start;gap:24px}.hp7 .container .right .s-r .range{width:100%!important}.hp7 .container .right .s-r .range .value{max-width:80%!important}.hp7 .container>.q-img{position:relative;right:unset;scale:1;align-self:center}}.homepage .div-ref{width:100%;height:100px;background-color:gray}.homepage .div-ref .main-padding{background-color:red;height:100%}.homepage .div-ref .main-padding>div{padding-left:105px;padding-right:105px}