:root{--arrow-desktop:250px;--arrow-smartphone:135px;--top-pos:60px;--space:15px;--left-pos:35%;--top-pos1:30px;--space1:5px;--left-pos1:35%}section.section-ctn[data-n="1"]{min-height:300px;position:relative}section.section-ctn[data-n="1"]>div{position:relative;z-index:3}section.section-ctn[data-n="2"],section.section-ctn[data-n="3"],section.section-ctn[data-n="4"]{width:100%;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;min-height:300px;display:flex;align-items:center;justify-content:center;position:relative;margin-top:var(--arrow-desktop);margin-bottom:var(--arrow-desktop)}section.section-ctn[data-n="2"]{margin-top:70px}section.section-ctn[data-n="2"]>div,section.section-ctn[data-n="3"]>div,section.section-ctn[data-n="4"]>div{position:relative;z-index:2;flex:1}section.section-ctn[data-n="2"]::before{content:"";position:absolute;top:calc(0% - var(--arrow-desktop));bottom:calc(0% - var(--arrow-desktop) / 2);left:0;right:0;z-index:1;clip-path:polygon(0 calc(0% - var(--arrow-desktop)),0 100%,100% calc(100% - var(--arrow-desktop)),100% 0)}section.section-ctn[data-n="2"]::after{content:"";position:absolute;top:calc(0% - var(--arrow-desktop));bottom:calc(0% - var(--arrow-desktop));left:0;right:0;z-index:0;background-image:inherit;background-repeat:inherit;background-position:inherit;background-size:inherit}section.section-ctn[data-n="3"]::before{content:"";position:absolute;top:calc(0% - var(--arrow-desktop));bottom:calc(0% - var(--arrow-desktop));background-image:inherit;background-repeat:inherit;background-position:inherit;background-size:inherit;left:0;right:0;z-index:1;clip-path:polygon(0 0,0 100%,100% calc(100% - var(--arrow-desktop)),100% calc(0% + var(--arrow-desktop)))}section.section-ctn[data-n="4"]::before{content:"";position:absolute;top:calc(0% - var(--arrow-desktop));bottom:calc(0% - var(--arrow-desktop));background-image:inherit;background-repeat:inherit;background-position:inherit;background-size:inherit;left:0;right:0;z-index:1;clip-path:polygon(0 calc(0% + var(--arrow-desktop)),0 100%,100% 100%,100% 0%)}section.section-ctn[data-n="2"] .main-ctn,section.section-ctn[data-n="3"] .main-ctn,section.section-ctn[data-n="4"] .main-ctn{display:flex;justify-content:center;align-items:center;height:100%}section.section-ctn[data-n="2"] .main-frame,section.section-ctn[data-n="3"] .main-frame,section.section-ctn[data-n="4"] .main-frame{position:relative;width:500px;height:500px}section.section-ctn[data-n="2"] .main-frame>div,section.section-ctn[data-n="3"] .main-frame>div,section.section-ctn[data-n="4"] .main-frame>div{z-index:1}section.section-ctn[data-n="2"] .main-frame .image,section.section-ctn[data-n="3"] .main-frame .image,section.section-ctn[data-n="4"] .main-frame .image{position:absolute}section.section-ctn[data-n="2"] .main-frame .image:nth-child(1){height:500px;width:250px;right:-25px!important}section.section-ctn[data-n="2"] .main-frame .image:not(:nth-child(1)){height:150px;width:150px}section.section-ctn[data-n="2"] .main-frame .image:nth-child(2){top:var(--top-pos)!important;left:var(--left-pos)!important}section.section-ctn[data-n="2"] .main-frame .image:nth-child(3){top:calc(var(--top-pos) + 75px)!important;left:calc(calc(var(--left-pos) - 150px) - var(--space))!important}section.section-ctn[data-n="2"] .main-frame .image:nth-child(4){top:calc(calc(var(--top-pos) + 150px) + var(--space))!important;left:var(--left-pos)!important}section.section-ctn[data-n="3"] .main-frame .image{height:65%;width:65%;position:absolute}section.section-ctn[data-n="3"] .main-frame .image:nth-child(1){left:45%!important}section.section-ctn[data-n="3"] .main-frame .image:nth-child(2){bottom:0!important;left:0!important}section.section-ctn[data-n="4"] .main-frame .image:nth-child(1){height:500px;width:250px;left:0!important}section.section-ctn[data-n="4"] .main-frame .image:not(:nth-child(1)){height:150px;width:150px}section.section-ctn[data-n="4"] .main-frame .image:nth-child(2){top:calc(var(--top-pos) + 150px)!important;left:40%!important}section.section-ctn[data-n="2"] .image [data-width],section.section-ctn[data-n="3"] .image [data-width],section.section-ctn[data-n="4"] .image [data-width]{width:100%;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;height:100%}section.section-ctn[data-n="3"] .main-frame::before{content:"";position:absolute;border-color:inherit;border-width:2px;border-style:solid;height:calc(85% - 4px);width:calc(75% - 4px);transform:rotate(-12deg);background:transparent;transform-origin:center;z-index:0;left:0}section.section-ctn[data-n="3"] .main-frame::after{content:"";position:absolute;border-color:inherit;border-width:2px;border-style:solid;height:calc(85% - 4px);width:calc(75% - 4px);transform:rotate(-20deg);background:transparent;transform-origin:center;z-index:0;left:0}section.section-ctn[data-n="4"]::after{content:"";position:absolute;bottom:calc(0% - var(--arrow-desktop));left:0;width:100%;height:80%;z-index:1;clip-path:polygon(0 100%,100% 0%,100% 100%)}section.section-ctn[data-n="2"] .content,section.section-ctn[data-n="3"] .content,section.section-ctn[data-n="4"] .content,section.section-ctn[data-n="5"] .module{background-color:unset!important}section.section-ctn[data-n="5"] .module{width:100%}section.section-ctn[data-n="5"]{display:flex;flex-direction:column;align-items:center;margin-top:var(--arrow-desktop);position:relative;overflow:unset}section.section-ctn[data-n="5"]>div{position:relative;z-index:1}section.section-ctn[data-n="5"]::before{content:"";position:absolute;background:inherit;top:calc(0% - var(--arrow-desktop));bottom:0;left:0;right:0;z-index:1;clip-path:polygon(0 0,0 100%,100% 100%,100% calc(0% + var(--arrow-desktop)))}@media (max-width:1300px){section.section-ctn[data-n="1"]::before{top:calc(0% - var(--arrow-smartphone));bottom:calc(0% - var(--arrow-smartphone));clip-path:polygon(0 0,0 100%,100% calc(100% - var(--arrow-smartphone)),100% 0)}section.section-ctn[data-n="2"],section.section-ctn[data-n="3"],section.section-ctn[data-n="4"]{margin-top:var(--arrow-smartphone);margin-bottom:var(--arrow-smartphone);flex-direction:column}section.section-ctn[data-n="3"]{flex-direction:column-reverse}section.section-ctn[data-n="2"] .main-ctn,section.section-ctn[data-n="3"] .main-ctn,section.section-ctn[data-n="4"] .main-ctn{margin-top:50px}section.section-ctn[data-n="2"]::before{top:calc(0% - var(--arrow-smartphone));bottom:calc(0% - var(--arrow-smartphone) / 2);clip-path:polygon(0 calc(0% - var(--arrow-smartphone)),0 100%,100% calc(100% - var(--arrow-smartphone)),100% 0)}section.section-ctn[data-n="2"]::after{top:calc(0% - var(--arrow-smartphone));bottom:calc(0% - var(--arrow-smartphone))}section.section-ctn[data-n="3"]::before{top:calc(0% - var(--arrow-smartphone));bottom:calc(0% - var(--arrow-smartphone));clip-path:polygon(0 0,0 100%,100% calc(100% - var(--arrow-smartphone)),100% calc(0% + var(--arrow-smartphone)))}section.section-ctn[data-n="4"]::before{top:calc(0% - var(--arrow-smartphone));bottom:calc(0% - var(--arrow-smartphone));clip-path:polygon(0 calc(0% + var(--arrow-smartphone)),0 100%,100% 100%,100% 0%)}section.section-ctn[data-n="4"]::after{bottom:calc(0% - var(--arrow-smartphone));height:var(--arrow-desktop)}section.section-ctn[data-n="5"]{margin-top:var(--arrow-smartphone)}section.section-ctn[data-n="5"]::before{top:calc(0% - var(--arrow-smartphone));clip-path:polygon(0 0,0 100%,100% 100%,100% calc(0% + var(--arrow-smartphone)))}}@media (max-width:900px){section.section-ctn[data-n="2"] .main-frame,section.section-ctn[data-n="3"] .main-frame,section.section-ctn[data-n="4"] .main-frame{position:relative;width:250px;height:250px}section.section-ctn[data-n="2"] .main-frame .image:nth-child(1),section.section-ctn[data-n="4"] .main-frame .image:nth-child(1){height:250px;width:175}section.section-ctn[data-n="4"] .main-frame .image:nth-child(2){top:calc(var(--top-pos1) + 80px)!important}section.section-ctn[data-n="2"] .main-frame .image:not(:nth-child(1)),section.section-ctn[data-n="4"] .main-frame .image:not(:nth-child(1)){height:80px;width:80px}section.section-ctn[data-n="2"] .main-frame .image:nth-child(2){top:var(--top-pos1)!important;left:var(--left-pos1)!important}section.section-ctn[data-n="2"] .main-frame .image:nth-child(3){top:calc(var(--top-pos1) + 50px)!important;left:calc(calc(var(--left-pos1) - 80px) - var(--space1))!important}section.section-ctn[data-n="2"] .main-frame .image:nth-child(4){top:calc(calc(var(--top-pos1) + 80px) + var(--space1))!important;left:var(--left-pos1)!important}}