@layer base { main a { text-decoration: underline; } main a:hover { text-decoration: none; } #content h1, #pageTitle { position: relative; display: inline-block; padding-right: 20px; margin-bottom: 30px; font-size: 2.111em; color: var(--page-title-color); font-weight: 600; } #content h1:before, #pageTitle:before { content: ''; position: absolute; width: 40px; height: 40px; left: 100%; top: -5px; background-repeat: no-repeat; background-size: 40px 40px; background-position: 50% 50%; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><g id="red-flower2"><path d="M39.85,30.49s1.49-24.41-15.83-27.46c-8.48-1.23-11.72,17.27,4.15,30.84C14.96,30.33-1.05,40.24,1.01,50.58c2.06,10.34,25.29,1.84,31.47-5.23-16.53,15.61-10.1,31.3-3.29,31.67,6.81.37,19.52-9.1,15.9-29.16,12.55,14.98,33.59,14.78,34.06,3.58.47-11.2-20.08-13.27-31.9-14.57,21.77-8.94,24.37-19.95,23.04-25.64-1.33-5.7-19.73-9.63-30.44,19.26Z" style="fill:%23ff6540; stroke-width:0px;"/><path d="M41.39,31.39s3.29-11.99,14.64-19.21c-6.51,6.7-10.31,14.16-10.78,15.94-.47,1.78,16.61-14.75,16.61-14.75,0,0-10.85,12.8-11.42,15.28-.57,2.48,15.66-9.28,15.66-9.28-6.57,8.08-14.72,12.41-19.68,14.87-4.97,2.46-5.03-2.85-5.03-2.85Z" style="fill:%23fe4d18; stroke-width:0px;"/><path d="M33.14,34.71s-10.19-7.14-13.16-20.25c4.12,8.38,9.87,14.47,11.38,15.52,1.51,1.04-8.3-20.61-8.3-20.61,0,0,8.4,14.53,10.54,15.9,2.14,1.37-3.47-17.87-3.47-17.87,5.39,8.91,6.74,18.04,7.38,23.54.64,5.5-4.38,3.77-4.38,3.77Z" style="fill:%23fe4d18; stroke-width:0px;"/><path d="M33.34,40.96s-8.36,9.21-21.74,10.52c8.83-3.04,15.59-7.98,16.82-9.35,1.23-1.37-21.49,5.66-21.49,5.66,0,0,15.46-6.52,17.09-8.47,1.62-1.95-18.16,1.21-18.16,1.21,9.51-4.24,18.74-4.43,24.28-4.38,5.54.05,3.2,4.81,3.2,4.81Z" style="fill:%23fe4d18; stroke-width:0px;"/><path d="M41.02,44.75s3.16,12.03-3.05,23.96c2.28-9.06,1.83-17.42,1.35-19.19-.48-1.78-6.99,21.09-6.99,21.09,0,0,2.99-16.51,2.24-18.94-.75-2.43-8.91,15.87-8.91,15.87,1.65-10.28,6.52-18.11,9.59-22.73,3.07-4.62,5.78-.05,5.78-.05Z" style="fill:%23fe4d18; stroke-width:0px;"/><path d="M45.38,40.13s12.02-3.2,23.97,2.96c-9.07-2.24-17.43-1.76-19.2-1.28-1.77.49,21.11,6.92,21.11,6.92,0,0-16.52-2.93-18.95-2.17-2.43.76,15.9,8.85,15.9,8.85-10.29-1.61-18.14-6.45-22.77-9.5-4.63-3.05-.07-5.78-.07-5.78Z" style="fill:%23fe4d18; stroke-width:0px;"/><path d="M33.33,41.98c1.69,3.18,5.63,4.4,8.82,2.71,3.18-1.69,4.4-5.63,2.71-8.82-1.69-3.18-5.63-4.4-8.82-2.71s-4.4,5.63-2.71,8.82Z" style="fill:gold; stroke-width:0px;"/></g></svg>'); } h2 { color: var(--link-active-color-200); font-size: 1.67em; margin-bottom: var(--content-header-bottom); font-weight: 700; } h3 { color: var(--h3-color); margin-bottom: var(--content-header-bottom); font-size: 1.56em; font-weight: 700; } h4 { color: var(--h4-color); margin-bottom: var(--content-header-bottom); font-size: 1.33em; font-weight: 700; } h5 { color: var(--page-title-color); margin-bottom: 10px; font-size: 1.12em; } hr { line-height: 0; font-size: 0; margin: 55px 0; height: 5px; width: 100%; border: none; border-top: 1px solid #dddddd; } #content p, .swal2-html-container p { font-size: 1.111em; margin-bottom: 30px; line-height: 1.5; } #content p.remarks, .swal2-html-container p.remarks { font-size: 0.888em; } #content .remarks, .swal2-html-container .remarks { margin-bottom: 20px; } #content a, .swal2-html-container a { color: var(--page-title-color); text-decoration: none; border-bottom: 1px solid var(--page-title-color); transition: border-color 0.25s ease 0s; } #content a:is(:hover, :focus), .swal2-html-container a:is(:hover, :focus) { border-color: var(--link-bg-color-100); color: var(--link-bg-color-100); } #content ul, .swal2-html-container ul { margin: 0 0 30px; counter-reset: revert; list-style: none; } #content ul ul, .swal2-html-container ul ul { list-style-type: disc; } #content ul > li, .swal2-html-container ul > li { margin-left: 24px; padding-left: 0px; margin-bottom: 10px; position: relative; line-height: 1.5; } #content ul > li:before, .swal2-html-container ul > li:before { content: ''; position: absolute; width: 8px; height: 8px; top: 0.5em; left: -20px; border-radius: 50%; z-index: 1; border: 2px solid transparent; border-color: var(--list-bullet-color-100); } #content ul.icon > li.tick:before, #content ul.icon > li.wrong:before, .swal2-html-container ul.icon > li.tick:before, .swal2-html-container ul.icon > li.wrong:before { width: 15px; height: 15px; top: 0.25em; border-color: inherit; border: none; border-radius: inherit; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 800 800" style="enable-background:new 0 0 800 800;" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23269547;}</style><path id="check" class="st0" d="M400,800C179.1,800,0,620.9,0,400S179.1,0,400,0s400,179.1,400,400S620.9,800,400,800L400,800z M173.5,490.2c-17.9-18.1-17.9-47.2,0-65.3l23.5-23.4c16.5-16.7,43.4-16.8,60.1-0.3c0.3,0.3,0.6,0.6,0.9,1l41.6,43.2c8.1,8.5,21.5,8.9,30,0.8c0.3-0.3,0.5-0.5,0.8-0.8l212-218.5c16.1-17,43-17.8,60.1-1.6c0.4,0.4,0.8,0.8,1.3,1.2l22.9,23.1c17.4,18,17.4,46.6,0,64.6l-281.5,286c-16.3,16.9-43.2,17.3-60,1c-0.2-0.2-0.4-0.4-0.6-0.6L173.5,490.2z"/></svg>'); } #content ul.icon > li.wrong:before, .swal2-html-container ul.icon > li.wrong:before { background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><style type="text/css">.st0{fill:%23E04F5F;}.st1{fill:%23FFFFFF;}</style><ellipse class="st0" cx="256" cy="256" rx="256" ry="255.8"/><g><rect x="228" y="113.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -106.0189 256.0027)" class="st1" width="56" height="285.7"/><rect x="113.2" y="228" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -106.0145 255.9858)" class="st1" width="285.7" height="56"/></g></svg>'); } #content ul > li > ul > li:before, .swal2-html-container ul > li > ul > li:before { display: none; } #content ul > li > ul > li::marker, .swal2-html-container ul > li > ul > li::marker { color: var(--h3-color); } #content ul > li > ul > li > ul > li::marker, .swal2-html-container ul > li > ul > li > ul > li::marker { color: var(--h4-color); } #content ul li ul, #content ol li ul, .swal2-html-containe ul li ul, .swal2-html-container ol li ul { margin: 20px 0; } #content ol, .swal2-html-container ol { list-style: decimal; counter-reset: revert; margin: 0 0 30px 30px; } #content ol > li::marker, .swal2-html-container ol > li::marker { color: var(--h3-color); font-weight: 700; } #content ol.h3-size > li::marker, .swal2-html-container ol.h3-size > li::marker { font-size: 1.56em; } #content ol.lowerAlpha, .swal2-html-container ol.lowerAlpha { list-style-type: lower-alpha; } #content ol.upperAlpha, .swal2-html-container ol.upperAlpha { list-style-type: upper-alpha; } #content ol.lowerRoman, .swal2-html-container ol.lowerRoman { list-style-type: lower-roman; } #content ol.upperRoman, .swal2-html-container ol.upperRoman { list-style-type: upper-roman; } #content ol.lowerGreek, #content ol[type="帢"], .swal2-html-container ol.lowerGreek, .swal2-html-container ol[type="帢"] { list-style-type: lower-greek; } #content ol p { margin-bottom: 15px; } #content ol > li, .swal2-html-container ol > li { margin-bottom: 20px; line-height: 1.5; } #content ol li ol, #content ul li ol, .swal2-html-container ol li ol, .swal2-html-container ul li ol { margin: 20px 0 20px 24px; } #content ol > li > ol > li, #content ol > li > ol > li > ol > li, #content ul > li > ol > li, .swal2-html-container ol > li > ol > li, .swal2-html-container ol > li > ol > li > ol > li, .swal2-html-container ul > li > ol > li { padding-left: 4px; } #content div.rwd-table-wrap, .swal2-html-container div.rwd-table-wrap { margin-bottom: 40px; position: relative; clear: both; } #content div.rwd-table-wrap:last-child, .swal2-html-container div.rwd-table-wrap:last-child { margin-bottom: 0; } #content div.rwd-table-wrap > div, .swal2-html-container div.rwd-table-wrap > div { position: relative; width: 100%; overflow: auto; } #content div.rwd-table-wrap:before, #content div.rwd-table-wrap:after, .swal2-html-container div.rwd-table-wrap:before, .swal2-html-container div.rwd-table-wrap:after { content: ''; width: 40px; height: 100%; position: absolute; top: 0; background: linear-gradient(90deg, rgba(238, 238, 236, 0) 0%, rgba(238, 238, 236, .4) 50%, rgba(238, 238, 236, .8) 100%); z-index: 3; opacity: 0; transition: opacity 0.25s ease 0s; } #content div.rwd-table-wrap:before, .swal2-html-container div.rwd-table-wrap:before { left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } #content div.rwd-table-wrap.scroll-left:before, #content div.rwd-table-wrap.scroll-right:after, .swal2-html-container div.rwd-table-wrap.scroll-left:before, .swal2-html-container div.rwd-table-wrap.scroll-right:after { opacity: 1; } #content div.rwd-table-wrap:after, .swal2-html-container div.rwd-table-wrap:after { right: 0; } #content div.rwd-table-wrap > div, .swal2-html-container div.rwd-table-wrap > div { scrollbar-color: var(--list-bullet-color-100) var(--table-subhead); scrollbar-width: thin; } #content div.rwd-table-wrap > div::-webkit-scrollbar, .swal2-html-container div.rwd-table-wrap > div::-webkit-scrollbar { width: 15px; } #content div.rwd-table-wrap > div::-webkit-scrollbar-track, .swal2-html-container div.rwd-table-wrap > div::-webkit-scrollbar-track { background-color: var(--table-subhead); border-radius: 0; } #content div.rwd-table-wrap > div::-webkit-scrollbar-thumb, .swal2-html-container div.rwd-table-wrap > div::-webkit-scrollbar-thumb { background-color: var(--list-bullet-color-100); border-radius: 0; } #content div.rwd-table-wrap > div > table, .swal2-html-container div.rwd-table-wrap > div > table { width: 100%; min-width: 640px; margin-bottom: 0; } table { width: 100%; margin-bottom: 40px; } table th { color: #fff; font-weight: 700; background: var(--list-bullet-color-100); padding: 12px 15px; vertical-align: top; border-left: 1px solid #fff; } table th:first-child { border-left: none; } table td { padding: 12px 15px; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; } table tr > td:first-child { border-left: 1px solid #d3d3d3; } table th a { color: currentColor; } table td.remarks { border-top: 2px solid #d7d7d7; font-size: 0.833em; background-color: #ebe8f2 !important; } table td.remarks .remark-symbol { color: var(--h3-color); } table tbody tr:nth-child(2n+1) > *, table.subhead tbody tr:nth-child(2n) > * { background-color: #f9f9f9; } table tbody tr:nth-child(2n) > *, table.subhead tbody tr:nth-child(2n+1) > * { background-color: #e5e5e5; } table.subhead tbody tr > td.subhead { font-weight: 700; background-color: var(--table-subhead); color: var(--page-title-color); } table tbody td.highlight { font-weight: 700; color: var(--h3-color); } table.no-style { border: none; width: auto; } table.no-style thead tr th, table.no-style tbody tr td, table.no-style tbody tr th { border: none; background: transparent; padding: 0 20px 5px 0; vertical-align: top; color: #333; } table.no-style tr > td:first-child { padding-left: inherit; } table.no-style th { font-weight: 600; } table.table-bg-light tbody tr > *, table.table-bg-light.subhead tbody tr > * { background-color: var(--light-100); } #content div.rwd-table-wrap > div > table table.no-style { margin-bottom: 0 !important; width: 100%; } #content div.rwd-table-wrap > div > table table.no-style tr th { width: 20%; min-width: 200px; } } #mainZone { position: relative; background-image: url('../../../../filemanager/template/common/images/bg.jpg'); z-index: 1; overflow: hidden; } #mainZone:before { content: ''; position: absolute; left: -55%; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-image: url('data:image/svg+xml,<svg version="1.1" id="curve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1441.8 874.2" style="enable-background:new 0 0 1441.8 874.2;" xml:space="preserve"><path class="st0" style="fill:%23e7f3e7" d="M25.2,874.8c-15.4-36.7-4.5-75,26.6-102.7c31.1-27.8,80.9-37.6,122.4-24.2c30.6,9.9,55.1,30.7,83.8,44.3c28.8,13.6,67.9,18.5,91.3-1.7c23.6-20.4,18.8-55.8,3-81.5c-15.7-25.7-40.2-46.7-53.9-73.3c-19.8-38.3-13.6-86.2,15.3-119.5c29-33.4,79.5-50.9,126.3-43.7c46.7,7.2,87,36.4,134.1,40.6c59.7,5.3,119.6-37.6,126.5-90.5c5.5-42.4-18.9-83.3-47-118c-28-34.7-61-67.5-76.9-107.9c-21.3-54.3-5.5-120,43.1-157.9c48.7-37.9,128.6-41.9,178.4-5.2c40.3,29.8,56.3,78.5,92,112.6c54.8,52.2,156.5,58.1,218.5,12.7c31.7-23.2,52.4-56.6,84.5-79.5c32-22.8,85.3-30.8,110.6-2c26.1,29.7,12.3,86.1,52.5,98.2c16.1,4.8,33.5-1,50.4-1.7c17-0.6,37.9,9.3,35,24.1v676.1L25.2,874.8z"/></svg>'); transform: rotate(180deg); } #mainZone:after { content: ''; position: absolute; right: 0; bottom: 0; width: 800px; height: 600px; background-size: cover; background-repeat: no-repeat; background-image: url('data:image/svg+xml,<svg version="1.1" id="curve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1441.8 874.2" style="enable-background:new 0 0 1441.8 874.2;" xml:space="preserve"><path class="st0" style="fill:%23f0e6dd" d="M25.2,874.8c-15.4-36.7-4.5-75,26.6-102.7c31.1-27.8,80.9-37.6,122.4-24.2c30.6,9.9,55.1,30.7,83.8,44.3c28.8,13.6,67.9,18.5,91.3-1.7c23.6-20.4,18.8-55.8,3-81.5c-15.7-25.7-40.2-46.7-53.9-73.3c-19.8-38.3-13.6-86.2,15.3-119.5c29-33.4,79.5-50.9,126.3-43.7c46.7,7.2,87,36.4,134.1,40.6c59.7,5.3,119.6-37.6,126.5-90.5c5.5-42.4-18.9-83.3-47-118c-28-34.7-61-67.5-76.9-107.9c-21.3-54.3-5.5-120,43.1-157.9c48.7-37.9,128.6-41.9,178.4-5.2c40.3,29.8,56.3,78.5,92,112.6c54.8,52.2,156.5,58.1,218.5,12.7c31.7-23.2,52.4-56.6,84.5-79.5c32-22.8,85.3-30.8,110.6-2c26.1,29.7,12.3,86.1,52.5,98.2c16.1,4.8,33.5-1,50.4-1.7c17-0.6,37.9,9.3,35,24.1v676.1L25.2,874.8z"/></svg>'); z-index: -1; } #contentWrap .container { max-width: 1380px; } #contentWrap { position: relative; } #contentWrap:before { position: absolute; content: ''; display: block; width: 320px; height: 260px; bottom: -5px; right: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-image: url('../images/inside-bg-img.png'); transition: bottom .25s ease 0s; } .generalBtn { position: relative; display: inline-flex; align-items: center; border-radius: 50px; text-decoration: none; padding: 20px 70px 20px 30px; margin-bottom: 30px; color: var(--light-100); -webkit-box-shadow: var(--box-shadow-100); box-shadow: var(--box-shadow-100); background-color: var(--base-btn-color); transition: background-color .25s ease 0s; } .generalBtn:hover, .generalBtn.focus { background-color: var(--base-btn-hover-color); } .generalBtn span { position: absolute; right: 12px; width: 40px; height: 40px; background-color: #8ec13d; display: block; border-radius: 50%; text-indent: -9999px; } .generalBtn span:before { content: ''; position: absolute; width: 15px; height: 15px; border-right: 3px solid var(--light-100); border-bottom: 3px solid var(--light-100); top: 50%; left: 10px; transform: translateY(-50%) rotate(-45deg); } .flexWrap { position: relative; display: flex; flex-wrap: wrap; margin-bottom: 40px; } .flexWrap.col-2 .col { width: 53%; flex: 0 1 53%; position: relative; } .flexWrap.col-2 .col.colImg { width: auto; flex: 1; } .insideAnimeGroup { position: absolute; left: 18.3%; top: -4.2%; width: 70%; opacity: 0; transform: scale(0); transition: width .25s ease 0s, right .25s ease 0s; } .insideAnimeGroup.align-h2 { top: 7%; } .insideAnimeGroup .mainImgWrap { position: relative; aspect-ratio: 506 / 472; z-index: 1; } .insideAnimeGroup .circle-sm { position: absolute; line-height: 0; aspect-ratio: 1 / 1; top: -10%; right: -23.4%; z-index: 2; opacity: 0; width: 43.957%; } .insideAnimeGroup .circle-lg { position: absolute; line-height: 0; aspect-ratio: 1 / 1; bottom: -13.2%; left: -13%; z-index: 2; opacity: 0; width: 54%; } .insideAnimeGroup .animeImg { position: absolute; display: inline-block; height: 0; padding-top: 100%; background-size: contain; background-repeat: no-repeat; background-position: 0 0; opacity: 0; z-index: 2; } .insideAnimeGroup .yellow-flower { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><g id="orange-flower"><path d="M38.29,32.8c-25-55.4,59.2-25.7,5.6,2.2l-5.6-2.2Z" style="fill:%23feb04c; stroke-width:0px;"/><path d="M39.49,33.2c-15.8-35.1,37.5-16.4,3.6,1.4l-3.6-1.4Z" style="fill:%23faca6a; stroke-width:0px;"/><path d="M44.89,36.8c46.6-39.3,41.5,49.2-.6,6l.6-6Z" style="fill:%23feb04c; stroke-width:0px;"/><path d="M44.79,38.1c29.5-24.9,26.3,31.2-.4,3.8l.4-3.8Z" style="fill:%23faca6a; stroke-width:0px;"/><path d="M43.69,45.3c51,33.5-36,53.2-5.9,1.1l5.9-1.1Z" style="fill:%23feb04c; stroke-width:0px;"/><path d="M42.59,45.5c32.3,21.2-22.8,33.9-3.8.7l3.8-.7Z" style="fill:%23faca6a; stroke-width:0px;"/><path d="M34.59,45.2c-18.2,58-61.5-19.5-2.7-5.3l2.7,5.3Z" style="fill:%23feb04c; stroke-width:0px;"/><path d="M33.99,44.2c-11.5,36.7-39-12.3-1.7-3.4l1.7,3.4Z" style="fill:%23faca6a; stroke-width:0px;"/><path d="M31.89,37.3c-60.8,5.9-5.8-63.8,3.9-4.5l-3.9,4.5Z" style="fill:%23feb04c; stroke-width:0px;"/><path d="M32.69,36.3c-38.6,3.8-3.7-40.5,2.4-2.9l-2.4,2.9Z" style="fill:%23faca6a; stroke-width:0px;"/><path d="M51.79,42.5c-1.9-1.7-4.4-2.8-6.7-3.5,3.5-.9,5.7-2.3,7.2-3.9,4.1-4.5-1.7-11.3-6.8-8-2.1,1.4-3.9,3.5-5.1,5.5.1-3.6-.7-6.1-1.8-7.9-3.3-5.1-11.4-1.4-9.5,4.4.4,1.4,1.2,2.7,1.9,3.9-1.8-.7-3.5-.9-5-.8-6.1.5-6.6,9.3-.6,10.4,2.5.5,5.2.1,7.6-.5-2.5,2.5-3.8,4.9-4.2,6.9-1.2,6,7.2,8.8,10,3.4,1.2-2.3,1.6-5,1.6-7.3,1.7,3.1,3.8,4.9,5.6,5.8,5.5,3,10.5-4.2,5.8-8.4Z" style="fill:%23fefeff; stroke-width:0px;"/><path d="M39.79,35.1c-6.4-2.1-9.8,7.5-3.3,9.7,6.4,2.2,9.7-7.5,3.3-9.7Z" style="fill:%23ffc73b; stroke-width:0px;"/></g></svg>'); padding: 0; aspect-ratio: 1 / 1; height: auto; width: 22.325%; top: 12%; left: -8%; z-index: 2; } .insideAnimeGroup .blue-flower { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75"><g id="bule-fllower" style="opacity:.8;"><path d="M36.13,31.32c-21.4-47.4,50.5-22,4.8,1.9l-4.8-1.9Z" style="fill:%2350d3d3; stroke-width:0px;"/><path d="M37.03,31.62c-13.5-30,32.1-14,3,1.2l-3-1.2Z" style="fill:%23b3eaec; stroke-width:0px;"/><path d="M41.63,34.82c39.8-33.6,35.4,42-.5,5.1l.5-5.1Z" style="fill:%2350d3d3; stroke-width:0px;"/><path d="M41.53,35.82c25.2-21.2,22.5,26.6-.3,3.2l.3-3.2Z" style="fill:%23b3eaec; stroke-width:0px;"/><path d="M40.63,42.12c43.5,28.6-30.8,45.4-5.1,1l5.1-1Z" style="fill:%2350d3d3; stroke-width:0px;"/><path d="M39.63,42.22c27.6,18.1-19.5,28.8-3.2.6l3.2-.6Z" style="fill:%23b3eaec; stroke-width:0px;"/><path d="M32.93,42.02c-15.5,49.5-52.5-16.7-2.3-4.5l2.3,4.5Z" style="fill:%2350d3d3; stroke-width:0px;"/><path d="M32.43,41.02c-9.8,31.3-33.4-10.5-1.5-2.9l1.5,2.9Z" style="fill:%23b3eaec; stroke-width:0px;"/><path d="M30.53,35.22c-52,5-5-54.6,3.3-3.9l-3.3,3.9Z" style="fill:%2350d3d3; stroke-width:0px;"/><path d="M31.23,34.42c-32.9,3.2-3.2-34.6,2.1-2.5l-2.1,2.5Z" style="fill:%23b3eaec; stroke-width:0px;"/><path d="M47.63,39.62c-1.7-1.4-3.8-2.4-5.7-3,3-.8,4.9-1.9,6.1-3.3,3.5-3.9-1.4-9.6-5.8-6.8-1.8,1.2-3.3,3-4.4,4.7.1-3.1-.6-5.2-1.6-6.8-2.8-4.4-9.7-1.3-8.2,3.8.4,1.2,1,2.3,1.7,3.3-1.7-.6-3-.8-4.3-.7-5.2.4-5.6,7.9-.5,9,2.1.4,4.5.1,6.4-.4-2.1,2.1-3.2,4.1-3.5,6-1,5.1,6.2,7.5,8.5,2.8,1-1.9,1.3-4.2,1.4-6.3,1.6,2.7,3.2,4.1,4.9,5,4.6,2.5,8.9-3.8,5-7.3Z" style="fill:%23fefeff; stroke-width:0px;"/><path d="M37.23,33.32c-5.5-1.8-8.4,6.5-2.8,8.3,5.4,1.8,8.4-6.5,2.8-8.3Z" style="fill:%23ffc73b; stroke-width:0px;"/></g></svg>'); padding: 0; width: 13.395%; aspect-ratio: 1 / 1; height: auto; z-index: 2; top: 7%; left: -30%; } .insideAnimeGroup .blue-flower2 { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 56"><g style="opacity:.5;"><path d="M9.88,10.42c5.6,1.45,10.91,3.78,15.76,6.93.42.28-.05.89-.47.63-4.8-3.05-10.07-5.39-15.57-6.87-.47-.13-.18-.81.28-.69Z" style="fill:%23768c31; stroke-width:0px;"/><path d="M3.75,23.07c3.8,2.34,7.96,3.95,12.24,5.17.44.13.25.89-.2.78-4.44-1.03-8.61-2.98-12.44-5.41-.38-.24.04-.78.41-.55Z" style="fill:%23768c31; stroke-width:0px;"/><path d="M11.73,8.74c4.32.61,8.4,2.39,11.66,5.3.38.34-.09.98-.48.64-3.19-2.72-7.11-4.62-11.27-5.25-.45-.07-.36-.76.09-.69Z" style="fill:%23768c31; stroke-width:0px;"/><path d="M1.72,24.52c.81.97,1.93,1.55,3.06,2.06,1.13.5,2.27.96,3.43,1.39,2.29.84,4.62,1.53,6.97,2.18.35.1.2.69-.16.62-2.52-.48-4.99-1.23-7.38-2.16-1.18-.46-2.35-.95-3.48-1.5-1.11-.54-2.17-1.21-2.94-2.2-.25-.32.24-.7.5-.39Z" style="fill:%23768c31; stroke-width:0px;"/><path d="M4.71,30.11c3.92.96,7.99,1.34,12.03,1.25.45,0,.56.68.09.71-4.15.22-8.27-.27-12.29-1.32-.36-.09-.2-.73.17-.64Z" style="fill:%23768c31; stroke-width:0px;"/><path d="M16.66,7.7c4.18,1.8,8.21,4.55,10.94,8.23.23.31-.21.64-.47.36-3.1-3.32-6.53-6.16-10.71-8.02-.36-.16-.14-.73.23-.58Z" style="fill:%23768c31; stroke-width:0px;"/><path d="M29.83,26.56c2.68,1.93,5.63,3.98,8.94,4.54,1.36.23,2.9.17,3.93-.78.25.07.53.03.8-.18,1.69-1.27,1.13-3.86-.57-4.73-1.18-1.51-1.82-3.35-2.28-5.22-1.01-4.1-1.18-8.53-3.42-12.22-.54-.9-1.22-1.75-2.03-2.43-1.01-.85-2.3-.69-3.39-.09-1.36.75-2.34,2.07-2.7,3.55-.95-.65-2.03-1.08-3.2-1.16-1.79-.12-3.65.59-4.76,2.04-2.03,2.66-.6,6.24.91,8.76,1.91,3.2,4.76,5.76,7.76,7.91Z" style="fill:%2350d3d3; stroke-width:0px;"/><path d="M18.19,49.58c2-.3,3.78-1.36,5.41-2.5,1.71-1.21,3.45-2.68,5.55-3.14,2.2-.48,4.47-.05,6.48-1.27,1.88-1.14,2.32-3.29,1.7-5.28-1.32-4.22-6.13-5.99-10.02-6.89-3.99-.93-8.22-.9-12.23-.1-.26.05-.41.23-.46.43-.19.06-.38.11-.56.18-1.99.67-4.04,1.73-5.13,3.61-1.09,1.88-1,4.21.49,5.86.88.98,2.08,1.59,3.35,1.79-.62,1.45-.98,3.02-.39,4.54.89,2.28,3.56,3.12,5.81,2.78Z" style="fill:%2350d3d3; stroke-width:0px;"/><path d="M13.47,32.19c1.27,1.2,2.98,1.86,4.59,2.43,1.7.6,3.42,1.14,5.15,1.62,3.5.98,7.07,1.72,10.67,2.23,3.09.44,6.96.86,8.98-2.1.9-1.31,1.1-2.96.32-4.38-.46-.82-1.11-1.48-1.75-2.16-.48-.51-.96-1.01-1.45-1.51-1.31-1.78-2.63-3.55-4.04-5.25-1.57-1.91-3.24-3.76-5.02-5.49-1.65-1.6-3.4-3.33-5.5-4.32-1.83-.86-4.19-.97-5.86.31-.99.76-1.57,1.99-1.56,3.21-.81-.23-1.64-.36-2.52-.3-1.37.1-2.77.8-3.56,1.94-1.46,2.12-.33,4.24,1.2,5.88-.92.69-1.54,1.77-1.7,2.95-.26,1.88.73,3.66,2.05,4.92Z" style="fill:%232db5b3; stroke-width:0px;"/><path d="M40.21,35.85s-3.4-5.94,1.07-12.86c0,0,11.77,8.8,6.34,17.68,5.42,2.83,10.78,5.82,15.39,9.9.69.61,1.35,1.24,1.99,1.89.63.64,1.43,1.33,1.82,2.15.14.3-.24.55-.49.38-.63-.43-1.12-1.12-1.65-1.67-.59-.6-1.2-1.18-1.82-1.74-1.21-1.09-2.48-2.11-3.79-3.07-2.67-1.96-5.51-3.67-8.37-5.35-1.14-.67-2.28-1.32-3.43-1.97-5.63,8.19-16.76,2.03-16.76,2.03,0,0,1.84-7.56,9.7-7.38Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M23.72,18.19c2.62,1.5,5.14,3.17,7.49,5.07,1.16.94,2.29,1.92,3.36,2.95.5.49,1,.98,1.48,1.49.52.54,1.07,1.07,1.43,1.74.13.25-.21.45-.41.32-.58-.38-1.03-.93-1.52-1.42-.53-.54-1.08-1.07-1.63-1.59-1.09-1.02-2.2-2.02-3.35-2.96-2.29-1.87-4.67-3.59-7.2-5.12-.33-.2.03-.66.36-.48Z" style="fill:%2350d3d3; stroke-width:0px;"/><path d="M18.27,30.18c5.38,2.13,11,3.16,16.77,3.35.43.01.44.76,0,.77-5.81.03-11.68-1.25-17.01-3.52-.38-.16-.15-.75.24-.6Z" style="fill:%2350d3d3; stroke-width:0px;"/><path d="M38.36,23.74c-.38-1.04-.62-2.13-.96-3.18-.35-1.06-.73-2.1-1.17-3.12-.88-2.07-1.94-4.08-3.17-5.96-.23-.36.28-.77.53-.41,1.3,1.89,2.43,3.88,3.35,5.98.46,1.05.88,2.11,1.24,3.2.36,1.08.73,2.19.86,3.32.04.38-.53.56-.67.18Z" style="fill:%232db5b3; stroke-width:0px;"/><path d="M17.38,42.02c2.2.08,4.34.07,6.51-.36,2.14-.42,4.21-1.19,6.11-2.26.36-.2.59.39.24.59-1.95,1.13-4.05,1.96-6.25,2.45-2.16.48-4.51.68-6.7.29-.46-.08-.37-.73.09-.71Z" style="fill:%232db5b3; stroke-width:0px;"/><path d="M45.73,37.16c.26-3.22-.79-6.54-3.33-8.65-.28-.24.05-.69.34-.46,2.7,2.15,4.43,5.73,3.84,9.22-.09.55-.9.45-.85-.11Z" style="fill:%2370ad1b; stroke-width:0px;"/><path d="M45.1,40.15c.43-.33.95.33.52.67-.43.33-.95-.33-.52-.67Z" style="fill:%2370ad1b; stroke-width:0px;"/></g></svg>'); width: 26%; z-index: -1; transform: rotate(30deg); /* top: -20.3%; */ top: -6.3%; left: -3.7%; } .insideAnimeGroup .blue-leaf { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108.82 92.8"><g id="plant-green" style="opacity:.5;"><path d="M23.52,9.8s18.2,1.3,25.4,11.8c7.2,10.5,3.3,24,3.3,24,0,0-17.7.7-24.3-8.5-6.7-9.2-4.4-27.3-4.4-27.3Z" style="fill:%23007868; stroke-width:0px;"/><path d="M28.72,26c7,4.5,17.6,2,22.7.4-.6-1.6-1.5-3.3-2.5-4.8-7.2-10.5-25.4-11.8-25.4-11.8,0,0-.6,4.9-.3,10.9,1.6,2.1,3.4,4,5.5,5.3Z" style="fill:%23008571; stroke-width:0px;"/><path d="M108.82,92.8C63.42,71.6,25.22,12.1,24.82,11.5l.9-.6c.4.6,38.5,59.9,83.5,80.9l-.4,1Z" style="fill:%2357977e; stroke-width:0px;"/><polygon points="24.02 17.7 24.12 17.2 31.42 19.9 31.32 20.4 24.02 17.7" style="fill:%2357977e; stroke-width:0px;"/><polygon points="24.72 24.4 24.72 23.9 35.62 25.6 35.52 26.1 24.72 24.4" style="fill:%2357977e; stroke-width:0px;"/><rect x="26.62" y="30.9" width="13" height=".5" style="fill:%2357977e; stroke-width:0px;"/><polygon points="30.92 37.6 43.62 35.9 43.72 36.3 31.02 38 30.92 37.6" style="fill:%2357977e; stroke-width:0px;"/><rect x="39.92" y="41.6" width="8.3" height=".5" transform="translate(-2.14 2.37) rotate(-3.01)" style="fill:%2357977e; stroke-width:0px;"/><polygon points="48.72 42.6 51.62 33.2 52.12 33.4 49.22 42.7 48.72 42.6" style="fill:%2357977e; stroke-width:0px;"/><polygon points="45.02 37.6 44.52 37.5 47.22 24 47.72 24.1 45.02 37.6" style="fill:%2357977e; stroke-width:0px;"/><rect x="33.36" y="24.32" width="14.9" height=".5" transform="translate(13.48 63.58) rotate(-86.02)" style="fill:%2357977e; stroke-width:0px;"/><polygon points="36.02 26.1 35.62 26.2 35.32 14 35.82 14 36.02 26.1" style="fill:%2357977e; stroke-width:0px;"/><polygon points="29.52 17.8 30.22 13.6 30.62 13.7 30.02 17.9 29.52 17.8" style="fill:%2357977e; stroke-width:0px;"/><path d="M72.62,26s15.5,9.4,17.1,21.9-8.2,23-8.2,23c0,0-16-7.4-17.7-18.6s8.8-26.3,8.8-26.3Z" style="fill:%23007868; stroke-width:0px;"/><path d="M72.62,26s-2.6,3.8-5,8.9c2.7,7.6,5.4,15.8,13,17.9,3,.9,6,1.2,9,1.1.3-1.9.3-4,.1-6-1.5-12.5-17.1-21.9-17.1-21.9Z" style="fill:%23008571; stroke-width:0px;"/><path d="M81.82,75.4c-6.8-25.7-8.8-47.2-8.8-47.4l1.1-.1c0,.2,2,21.7,8.8,47.2l-1.1.3Z" style="fill:%2357977e; stroke-width:0px;"/><polygon points="69.42 33.1 69.82 32.7 75.02 38.4 74.72 38.8 69.42 33.1" style="fill:%2357977e; stroke-width:0px;"/><polygon points="66.92 39.5 67.22 39.1 76.12 45.5 75.82 45.9 66.92 39.5" style="fill:%2357977e; stroke-width:0px;"/><polygon points="77.02 52.5 65.42 46.6 65.72 46.1 77.22 52 77.02 52.5" style="fill:%2357977e; stroke-width:0px;"/><polygon points="78.32 58.7 66.32 54.5 66.42 54 78.52 58.2 78.32 58.7" style="fill:%2357977e; stroke-width:0px;"/><polygon points="72.22 62.4 72.42 61.9 79.92 65.3 79.72 65.7 72.22 62.4" style="fill:%2357977e; stroke-width:0px;"/><polygon points="80.02 66.5 86.92 59.5 87.22 59.9 80.42 66.8 80.02 66.5" style="fill:%2357977e; stroke-width:0px;"/><polygon points="78.52 60.1 87.12 49.3 87.52 49.6 78.92 60.4 78.52 60.1" style="fill:%2357977e; stroke-width:0px;"/><polygon points="77.22 53.2 84.92 40.5 85.32 40.7 77.62 53.4 77.22 53.2" style="fill:%2357977e; stroke-width:0px;"/><polygon points="75.82 45.9 81.22 34.9 81.62 35.1 76.22 46.1 75.82 45.9" style="fill:%2357977e; stroke-width:0px;"/><polygon points="74.32 35.9 76.82 32.4 77.22 32.7 74.72 36.2 74.32 35.9" style="fill:%2357977e; stroke-width:0px;"/><path d="M18.92,67.8s13.1,12.5,25.7,10.7,20.2-13.7,20.2-13.7c0,0-11.4-13.5-22.7-12.2-11.2,1.4-23.2,15.2-23.2,15.2Z" style="fill:%23007868; stroke-width:0px;"/><path d="M42.32,52.6c-5,.6-10.1,3.6-14.3,6.8,5,3.2,11.9,6.4,18.6,5.4,5.1-.7,9.2-3,12.4-5.5-4.2-3.6-10.5-7.3-16.7-6.7Z" style="fill:%23008571; stroke-width:0px;"/><path d="M69.52,64.9c-26.6.1-48,3.8-48.2,3.9l-.2-1.1c.2,0,21.7-3.8,48.4-3.9v1.1Z" style="fill:%2357977e; stroke-width:0px;"/><polygon points="31.82 66.9 24.92 63.3 25.12 62.8 32.02 66.4 31.82 66.9" style="fill:%2357977e; stroke-width:0px;"/><polygon points="30.32 59.3 30.62 58.9 39.12 65.8 38.82 66.2 30.32 59.3" style="fill:%2357977e; stroke-width:0px;"/><polygon points="45.62 65.5 36.82 55.9 37.22 55.5 46.02 65.2 45.62 65.5" style="fill:%2357977e; stroke-width:0px;"/><polygon points="51.92 65 44.62 54.6 45.12 54.3 52.32 64.7 51.92 65" style="fill:%2357977e; stroke-width:0px;"/><polygon points="53.92 58.3 54.32 58 59.52 64.4 59.12 64.7 53.92 58.3" style="fill:%2357977e; stroke-width:0px;"/><polygon points="55.82 73 55.32 72.7 60.32 64.4 60.72 64.6 55.82 73" style="fill:%2357977e; stroke-width:0px;"/><polygon points="45.52 75.7 53.72 64.6 54.12 64.9 45.92 76 45.52 75.7" style="fill:%2357977e; stroke-width:0px;"/><polygon points="36.32 75.7 46.62 65 47.02 65.3 36.62 76 36.32 75.7" style="fill:%2357977e; stroke-width:0px;"/><polygon points="29.92 73.7 39.22 65.7 39.62 66 30.22 74 29.92 73.7" style="fill:%2357977e; stroke-width:0px;"/><polygon points="26.22 70.2 28.92 66.8 29.32 67.1 26.62 70.5 26.22 70.2" style="fill:%2357977e; stroke-width:0px;"/></g></svg>'); width: 27%; z-index: -1; transform: rotate(-57deg); padding: 0; height: auto; aspect-ratio: 176 / 150; top: 7%; left: 4%; } .insideAnimeGroup .right-leaf { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 168 168"><g id="green2" style="opacity:.5;"><path d="M6.26,90.43c-.2,4.8-2.1,9.5-2.4,14.4-.4,7.2,2.8,13.9,7.2,18.9,2.1,2.4,4.7,4.8,7.5,6.3,2.1,1.2,4.8,1.7,7,.4.1.7,1.1,1.1,1.5.3,1.4-3.3,2-6.8,1.9-10.2-.2-6.1-2.5-12-6.8-15.8-2.8-2.5-6.2-4.1-9-6.6-2.2-1.9-4.4-4.5-4.7-7.7-.1-1.5-2.1-1.4-2.2,0Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M30.86,138.73c.7,3.5,2.6,6.3,5.3,8.1,5.4,3.7,12.2,3,18.4.3,3.3-1.4,6.4-3.4,9.3-5.6,3.1-2.2,6-4.8,8.1-8.2.4-.7.3-1.7-.6-1.7-3.8-.1-7.2-1.8-10.7-3.3-5.6-2.3-11.9-3.4-17.9-1.1-4.7,1.7-8.5,5.6-10.2,10.4-.7-.3-1.9.1-1.7,1.1Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M43.26,64.33c-2.7,6.6-3.1,13.8-.8,20.1,2.1,5.8,6.2,11.1,11.7,13.7-.6.8.5,1.7,1.3,1.1,3.4-3,7.1-6.3,8.5-10.8,2.2-6.5-1.6-12.4-5.1-16.9-3.5-4.3-8.6-9.6-7.5-16.2.2-1-.8-1.5-1.6-.9-2.7,2.7-4.9,6.2-6.5,9.9Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M57.26,105.93c1.5,3.5,4.2,6.3,7.5,8.4,5.8,3.8,12.9,5.5,19.7,5.7,6.9.2,13.6-1.3,19.4-4.2.8-.4.3-1.6-.5-1.7-4-.6-7.2-3.1-10.1-5.7-5.2-4.7-10.2-10.3-17.7-11.1-6.5-.7-13.3,1.9-16.6,7.1-.1.1-.1.3-.1.4-.8-.5-2.1.1-1.6,1.1Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M84.76,27.93c-.9,4.1-2.5,8-4,12.1-1.2,3.3-2.2,6.8-2.5,10.2-.2,3,.1,6,1,8.8s2.1,5.3,3.9,7.5c1.7,2.1,3.7,4.1,6.3,4.9.2.5.6.8,1.1.3,3.1-2.7,6.5-5.6,8.2-9.6,1.5-3.5,1.1-6.9.1-10.2s-2.3-6.4-4.2-9.2c-1.7-2.6-3.7-4.7-5.5-7-1.6-1.9-3-4.4-2.5-7.2,0-1.4-1.6-1.8-1.9-.6Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M93.56,84.43c-.1.1-.3.2-.4.4h-.1v-1.8c4.8-4.4,11.1-7.1,17.6-5.9,3.5.7,6.8,2.3,9.1,5,2.4,2.7,3.6,6.3,5.6,9.4,2.3,3.5,5.8,6,9.9,7,.9.2.9,1.4.3,1.8-1.4,1.3-3,1.6-4.8,1.9-1.8.4-3.8.7-5.6.9-3.8.4-7.7.5-11.4-.2-6.6-1.1-12.9-4.2-16.8-9.8-1.7-2.5-3.1-5.5-3.4-8.7Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M96.66,23.33c-1,7,1,14.1,5.2,19.7,2.1,2.8,4.9,5.1,8,6.8,2.6,1.4,6.2,3.2,9.1,1.4.4-.2.5-.5.5-.8,1.9-2.3,2.7-5.3,2.4-8.4-.5-6.4-5-11-9.3-15.1-4.2-4-9-8.3-9.9-14.3-.1-1-1.3-1.4-1.9-.5-2.1,3.3-3.6,7.1-4.1,11.2Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M128.26,59.63c.1.5,6.4,12.2,23.7,10.2,5.9-.7,10.9-5.5,15-10.1.6-.7.5-1.5-.2-1.9-3.6-2.2-7.3-4.3-11.1-6.2-5.5-2.7-11.9-5.9-18.6-4.3-4.9,1.2-9.8,6.7-8.8,12.3Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M127.86,13.83c-4.8,11.3-4,23.5,1.8,31.2-.1.7.2,1.4.9,1.1.1.1.1.2.2.3.8.8,2-.5,1.9-1.4,2-1.4,3.9-3.4,5.3-5.7,3.7-5.7,4.9-12.5,4.1-18.3-.9-6.6-4-12-6.9-17.1-.3-.5-1.1-.7-1.6,0-2.2,3-4.1,6.4-5.7,9.9Z" style="fill:%23b7d20c; stroke-width:0px;"/><path d="M19.46,110.13c5.1,6.3,7.6,14.6,7.1,22.7,2.2-3.9,4.8-7.6,7.5-11.1,5.3-6.9,11.5-13.3,18.1-19,1.3-3.4,2-6.8,2.2-10.4.4-4.8-.3-9.5-.9-14.2-.1-1.1,1.7-1.6,2.1-.6,2,4.6,2.4,10.1,1.9,15.1-.2,2.2-.6,4.3-1.2,6.5,4.1-3.3,8.3-6.5,12.5-9.5,4.5-3.1,8.9-5.9,13.5-8.7,0-.4.1-.7.4-1.1,3.3-3.9,5.5-8.6,6.6-13.5,1.2-5,.6-9.9.1-15-.1-1.3,1.9-1.9,2.4-.7,2.2,5.1,1.9,11.2.7,16.5-.9,3.7-2.3,7.1-4.4,10.2.3-.2.6-.4.9-.6,7-4.1,14.1-8,20.7-12.7,2.3-1.6,4.7-3.5,6.9-5.5-.4-.2-.7-.6-.8-1.2-.6-8.6-3.7-16.4-8.1-23.7-.9-1.4,1.3-2.6,2.2-1.4,5.3,6.8,8.1,15.7,8.6,24.3,9.4-9,16.7-20.6,16.4-34,0-2,3-2,3.1-.1.9,13.2-5.5,25.5-14.5,34.7,6.1-1.5,12.5-1.8,18.8-.8,1.8.3,1.2,3.1-.7,2.9-7.8-1.1-15.8-.3-23.2,2.6-8.7,7.5-18.7,13.1-28.8,18.8,7.7-.4,15.6.8,22.5,4,1.6.7.5,3.4-1.2,2.9-4.5-1.5-8.8-2.8-13.6-3.5-4.6-.6-9.1-.6-13.6,0-1.6.9-3,1.8-4.5,2.7-8.5,5.3-16.8,11.2-24.6,17.7,4-.8,8-1.2,11.9-1.1,5.2.1,11,.9,15.7,3.3,1.5.7.5,2.8-1,2.5-5-1-9.8-2.3-14.9-2.5s-10.1.3-15.1,1.6c-.4.1-.8.1-1-.1-9.7,8.9-18.3,19-24.5,30.7,3.4-2.2,7.1-4,11.1-4.9,5.4-1.4,11.9-1.9,17.1.2,1.2.5.6,2.5-.6,2.4-2.6-.1-5.2-.5-8-.5-2.6,0-5.1.3-7.7.9-5.1,1.1-10.2,3.3-14.3,6.6h0c-1.6,3.3-2.9,6.8-4,10.3-2.3,7.5-8.9,17.7-12.2,14.3,2.1,2.3,9.1-17.6,14.8-29.2,2.3-9.5.2-19.7-5.4-27.7.4-.7,2.2-2.2,3-1.1Z" style="fill:%2370ad1b; stroke-width:0px;"/></g></svg>'); width: 26%; height: auto; aspect-ratio: 1 / 1; padding: 0; z-index: -1; top: 49%; right: 9.7%; transform: rotate(1.5deg); /* opacity: 1; */ } .insideAnimeGroup .cloud1 { background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 150 82" style="enable-background:new 0 0 150 82;" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23D7E5F5;}.st1{fill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;}</style><g><path class="st0" d="M28.9,28.2c-9.8,0-17.7,7.9-17.7,17.7c0,3.3,0.9,6.4,2.5,9H9.9c-2.4,0-4.3,2-4.3,4.3l0,0c0,2.4,2,4.3,4.3,4.3h7.4l0,0h11.6h38.3h41.6l0,0H119h0h0h21c2.4,0,4.3-2,4.3-4.3l0,0c0-2.4-2-4.3-4.3-4.3h-5.8c1.6-2.6,2.5-5.7,2.5-9c0-9.8-7.9-17.7-17.7-17.7c-2.8,0-5.4,0.6-7.8,1.8c-0.5-4.6-4.4-8.2-9.2-8.2c-2.2,0-4.2,0.7-5.7,2C92.4,11.4,80.8,2.4,67.2,2.4C51.3,2.4,38.2,14.5,36.7,30C34.4,28.8,31.7,28.2,28.9,28.2z"/><path class="st1" d="M132,69h0.1c2.9,0,5.3,2.4,5.3,5.3v0c0,2.9-2.4,5.3-5.3,5.3H132c-2.9,0-5.3-2.4-5.3-5.3v0C126.7,71.4,129.1,69,132,69L132,69z M20.8,69h5c1.5,0,2.8-1.2,2.8-2.8c0-1.2-0.6-2.3-1.8-2.6h-1c-1.7,0-3.1-1.4-3.1-3.1l0,0c0-1.7,1.4-3.1,3.1-3.1h2.6c-1.1-1.9-1.8-4.1-1.8-6.4c0-7,5.6-12.6,12.6-12.6c2,0,3.9,0.5,5.6,1.3c1.1-11,10.3-19.6,21.6-19.6c9.7,0,17.9,6.4,20.7,15.1c1.1-0.9,2.5-1.4,4.1-1.4c3.4,0,6.2,2.6,6.5,5.8c1.7-0.8,3.5-1.3,5.5-1.3c7,0,12.6,5.6,12.6,12.6c0,2.3-0.6,4.5-1.8,6.4h4.1c1.7,0,3.1,1.4,3.1,3.1l0,0c0,1.7-1.4,3.1-3.1,3.1h-11.8c-1.1,0.4-1.9,1.4-1.9,2.6c0,1.5,1.3,2.8,2.8,2.8h7.7c2.9,0,5.3,2.4,5.3,5.3v0c0,2.9-2.4,5.3-5.3,5.3H20.8c-2.9,0-5.3-2.4-5.3-5.3v0C15.6,71.4,17.9,69,20.8,69z"/></g></svg>'); padding: 0; height: auto; aspect-ratio: 274 / 150; width: 29.5%; z-index: 2; top: 3%; left: -6.7%; } .mainImgWrap { position: absolute; line-height: 0; z-index: 5; } .mainImg { width: 100%; } .mainVideo { border: 8px solid rgba(158, 126, 202, .5); border-radius: 20px; /* height: 315px; */ /* width: 540px; */ aspect-ratio: 16 / 9; position: relative; margin-bottom: 30px; z-index: 2; } .mainVideo.hidden { display: none; } .mainVideo .videoBox { width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 10px; } .mainVideo iframe { display: block; position: absolute; top: 50%; left: 50%; height: 102%; width: 100%; border: 0; transform: translate(-50%, -50%); } .mainVideo video { display: block; position: absolute; top: 50%; left: 50%; height: 102%; width: 101%; border: 0; transform: translate(-50%, -50%); } .mainVideo .videoClose { position: absolute; display: block; width: 40px; height: 40px; border: 4px solid var(--light-100); right: -20px; top: -20px; border-radius: 50%; background-color: var(--list-bullet-color-100); font-size: 0; transition: background-color .25s ease 0s; } .mainVideo .videoClose:hover, .mainVideo .videoClose.focus { background-color: #5e638e; } .mainVideo .videoClose:before, .mainVideo .videoClose:after { content: ''; position: absolute; width: 60%; height: 3px; background-color: var(--light-100); top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); } .mainVideo .videoClose:after { transform: translate(-50%, -50%) rotate(-45deg); } #sub-cloud1 { background-image: url('data:image/svg+xml,<svg version="1.1" id="cloud" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 150 82" style="enable-background:new 0 0 150 82;" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%23D7E5F5;}.st1{fill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;}</style><g><path class="st0" d="M28.9,28.2c-9.8,0-17.7,7.9-17.7,17.7c0,3.3,0.9,6.4,2.5,9H9.9c-2.4,0-4.3,2-4.3,4.3l0,0c0,2.4,2,4.3,4.3,4.3h7.4l0,0h11.6h38.3h41.6l0,0H119h0h0h21c2.4,0,4.3-2,4.3-4.3l0,0c0-2.4-2-4.3-4.3-4.3h-5.8c1.6-2.6,2.5-5.7,2.5-9c0-9.8-7.9-17.7-17.7-17.7c-2.8,0-5.4,0.6-7.8,1.8c-0.5-4.6-4.4-8.2-9.2-8.2c-2.2,0-4.2,0.7-5.7,2C92.4,11.4,80.8,2.4,67.2,2.4C51.3,2.4,38.2,14.5,36.7,30C34.4,28.8,31.7,28.2,28.9,28.2z"/><path class="st1" d="M132,69h0.1c2.9,0,5.3,2.4,5.3,5.3v0c0,2.9-2.4,5.3-5.3,5.3H132c-2.9,0-5.3-2.4-5.3-5.3v0C126.7,71.4,129.1,69,132,69L132,69z M20.8,69h5c1.5,0,2.8-1.2,2.8-2.8c0-1.2-0.6-2.3-1.8-2.6h-1c-1.7,0-3.1-1.4-3.1-3.1l0,0c0-1.7,1.4-3.1,3.1-3.1h2.6c-1.1-1.9-1.8-4.1-1.8-6.4c0-7,5.6-12.6,12.6-12.6c2,0,3.9,0.5,5.6,1.3c1.1-11,10.3-19.6,21.6-19.6c9.7,0,17.9,6.4,20.7,15.1c1.1-0.9,2.5-1.4,4.1-1.4c3.4,0,6.2,2.6,6.5,5.8c1.7-0.8,3.5-1.3,5.5-1.3c7,0,12.6,5.6,12.6,12.6c0,2.3-0.6,4.5-1.8,6.4h4.1c1.7,0,3.1,1.4,3.1,3.1l0,0c0,1.7-1.4,3.1-3.1,3.1h-11.8c-1.1,0.4-1.9,1.4-1.9,2.6c0,1.5,1.3,2.8,2.8,2.8h7.7c2.9,0,5.3,2.4,5.3,5.3v0c0,2.9-2.4,5.3-5.3,5.3H20.8c-2.9,0-5.3-2.4-5.3-5.3v0C15.6,71.4,17.9,69,20.8,69z"/></g></svg>'); width: 26.4%; top: 6% } .f-left-img { float: left; overflow: hidden; margin: 0 30px 30px 0; line-height: 0; max-width: 480px; } .f-right-img { float: right; overflow: hidden; margin: 0 0 30px 30px; line-height: 0; /* max-width: 480px; */ max-width: 360px; position: relative; z-index: 2; } .f-right-img.w-wider { max-width: 400px; } .f-right-img .caption, .f-left-img .caption { line-height: initial; } .f-left-img img, .f-right-img img { width: 100%; } #content .imgCols-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); gap: 35px; margin-bottom: 30px; } #content .imgCols-grid.col2 { grid-template-columns: repeat(2, 1fr); } #content .imgCols-grid .link, #content .imgCols-grid .item { border-radius: 0.25rem; overflow: hidden; transition: box-shadow .25s ease 0s; } #content .imgCols-grid .link { display: block; border-bottom: none; box-shadow: 0 0 15px 1px rgba(85, 85, 85, 0.2); } #content .imgCols-grid .link:is(:hover, .focus) { box-shadow: 0 0 15px 1px rgba(85, 85, 85, 0.8); } #content .imgCols-grid .item .img, #content .imgCols-grid .link .img { overflow: hidden; position: relative; line-height: 0; } #content .imgCols-grid .item .img img, #content .imgCols-grid .link .img img { width: 100%; transition: all .25s ease 0s; } #content .imgCols-grid .link:is(:hover, .focus) .img img { transform: scale(1.1); } #content .imgCols-grid .item .caption { padding: 12px 0; line-height: 1.4rem; } #content .imgCols-grid .link .caption { position: relative; padding: 16px 35px 16px 16px; line-height: 1.2; font-size: 1.333em; font-weight: 700; background-color: var(--list-bullet-color-100); color: var(--light-100); transition: all .25s ease 0s; } #content .imgCols-grid .link:is(:hover, .focus) .caption { background-color: var(--link-bg-color-100); } #content .imgCols-grid .link .caption:before { position: absolute; content: ''; right: 20px; top: 50%; width: 10px; height: 10px; border-right: 2px solid var(--light-100); border-bottom: 2px solid var(--light-100); -webkit-transform: translate(0, -50%) rotate(-45deg); transform: translate(0, -50%) rotate(-45deg); -webkit-transition: all .25s ease 0s; transition: all .25s ease 0s; } #content .imgCols-grid .link:is(:hover, .focus) .caption:before { animation: arrowHover 1s linear infinite; } @keyframes arrowHover { 0% { transform: translate(0, -50%) rotate(-45deg); } 100% { transform: translate(50%, -50%) rotate(-45deg); } } /*accordion*/ .accordCtrls { text-align: right; margin-bottom: 30px; } .accordCtrls > a { margin-left: 6px; border: 0; /* padding-right: 40px; */ } .accordCtrls > a:first-child { margin-left: 0; } .accordCtrls > a { padding: 8px 50px 8px 30px; } .accordCtrls > a:before { position: absolute; top: 50%; right: 23px; font-family: 'icomoon' !important; font-size: 1.11em; text-transform: none; transform: translateY(-50%); } .accordCtrls > a.expandBtn:before { /* speak: never; */ font-style: normal; font-weight: normal; font-variant: normal; content: '\e907'; } .accordCtrls > a.collapseBtn:before { content: '\e906'; } .accordion-wrap { margin: 0 0 30px; overflow: hidden; } .accordion-item { /*margin-bottom:10px; */ /*border-bottom:1px solid rgba(217,29,99,.1);*/ position: relative; margin-bottom: 30px; overflow: hidden; } .accordion-wrap > .accordion-item:last-child { margin-bottom: 0; } /*.accordion-item:first-child{border-top:1px solid rgba(217,29,99,.1);}*/ .accordion-item.active .accordion-title, .accordion-item .accordion-title:hover, .accordion-item .accordion-title.focus { background-color: var(--list-bullet-color-100); color: #fff; border-color: var(--list-bullet-color-100); } .accordion-item .accordion-title { padding: 14px 60px 13px 20px; /*min-height: 50px;*/ line-height: 1.4em; font-size: 1.23em; display: block; color: var(--link-bg-color-100); text-decoration: none; position: relative; border: 1px solid #cfd1e5; text-align: left; background: #fff; font-weight: 600; transition: background-color 0.3s ease 0s, color 0.3s ease 0s, border-color 0.3s ease 0s; } .accordion-item.active .accordion-title:not(.btnOnly):before, .accordion-item .accordion-title:not(.btnOnly):hover:before, .accordion-item .accordion-title:not(.btnOnly):hover:after { background-color: #fff; } .accordion-item .accordion-title:not(.btnOnly):before { content: ""; position: absolute; display: block; right: 20px; top: 50%; background-color: var(--list-bullet-color-100); width: 30px; height: 4px; border-radius: 4px; transform: translateY(-50%); transition: opacity 0.3s ease 0s, background-color 0.3s ease 0s; } .accordion-item .accordion-title:not(.btnOnly):after { content: ""; position: absolute; display: block; right: 33px; top: 50%; background-color: var(--list-bullet-color-100); width: 4px; height: 30px; border-radius: 4px; transform: translateY(-50%); transition: opacity 0.3s ease 0s, background-color 0.3s ease 0s; } .accordion-item.active .accordion-title:not(.btnOnly):after { opacity: 0; } .accordion-item .accordion-title.btnOnly:before { content: ''; position: absolute; width: 18px; height: 18px; border-right: 4px solid var(--list-bullet-color-100); border-bottom: 4px solid var(--list-bullet-color-100); right: 30px; top: 50%; transform: translateY(-50%) rotate(-45deg); transition: all .3s ease 0s; } .accordion-item:is(:hover, .focus) .accordion-title.btnOnly:before { border-right: 4px solid var(--light-100); border-bottom: 4px solid var(--light-100); } .accordion-item .accordion-title span.num { width: 40px; display: inline-block; } .accordion-item .accordion-content { overflow: hidden; } /* .accordion-item:not(.active) .accordion-content { display: none; } */ .accordion-item .accordion-content .accordion-main { padding: 30px 20px; background: var(--light-100); } .accordion-wrap.faq .accordion-content .accordion-main { padding: 30px 20px 20px 60px; } .accordion-wrap.faq a.accordion-title { display: flex; } .accordion-item .accordion-main > ul:last-child, .accordion-item .accordion-main > ol:last-child, .accordion-item .accordion-main > p:last-child { margin-bottom: 0; } /*accordion ends*/ #content > .btn-wrap { margin: 30px 0; } #content > .btn-wrap > a:not(only-of-type) { margin-right: 10px; } #content > .btn-wrap > a:last-of-type { margin-right: 0; } .common-btn { display: inline-block; margin-bottom: 5px; margin-right: 20px; position: relative; text-decoration: none; padding: 8px 30px; border-radius: 30px; line-height: 30px; color: #fff; font-weight: 700; background-color: var(--list-bullet-color-100); transition: background-color .3s ease 0s, color .3s ease 0s; } .common-btn:last-child { margin-right: 0; } .common-btn:hover, .common-btn:focus-within { background-color: var(--link-bg-color-100); } .common-btn.more { padding: 8px 60px 8px 40px; } .common-btn.more:before { content: ""; position: absolute; width: 12px; height: 12px; border: 2px solid currentColor; border-top-width: 0; border-left-width: 0; border-bottom-right-radius: 3px; right: 40px; top: 55%; transform: translateY(-55%) rotate(-45deg); transition: border-color 0.3s ease 0s, left 0.3s ease 0s; } .common-btn.more:hover:before, .common-btn.more:focus-within:before { right: 38px; } #content .btn-back { display: inline-block; line-height: 24px; position: relative; padding-left: 35px; text-decoration: none; color: var(--link-bg-color-100); font-weight: 600; border: 0; transition: color 0.3s ease 0s; } .btn-back:before { content: ""; position: absolute; width: 28px; height: 28px; border: 2px solid var(--list-bullet-color-100); border-radius: 50%; top: 50%; left: 0; transform: translateY(-50%); transition: border-color 0.3s ease 0s; } .btn-back:after { content: ""; position: absolute; width: 9px; height: 9px; border: 2px solid var(--list-bullet-color-100); border-bottom: 0; border-right: 0; top: 50%; transform: rotate(-45deg) translateY(-50%); margin-top: -2px; left: 14px; transition: border-color 0.3s ease 0s; } /* .btn-back:after { left: 7px; } */ #content .btn-back:hover, #content .btn-back:focus { color: #666666; } #content .btn-back:hover:before, #content .btn-back:hover:after, #content .btn-back:focus:before, #content .btn-back:focus:after { border-color: var(--link-bg-color-100); } #content a.iconLink + span { position: relative; padding-right: 42px; } #content a.iconLink + span img { margin: 0 10px 0 3px; width: 40px; height: 20px; transform: translateY(3px); position: absolute; left: 0; max-width: 40px; } .custom-select { position: relative; min-width: 160px; } .custom-select select { display: none; } .select-selected { background-color: transparent; } .select-selected:after { position: absolute; content: ""; top: 50%; right: 15px; height: 15px; width: 15px; margin-top: -2px; display: block; border: 3px solid var(--list-bullet-color-100); border-top-width: 0; border-left-width: 0; transform-origin: top; transform: rotate(45deg) translateY(-50%); } .select-selected.select-arrow-active:after { transform: rotate(-135deg) translateY(-50%); margin-top: 0; } .select-selected { text-align: left; padding: 12px 30px 12px 20px; cursor: pointer; background: #fff; border-radius: 5px; border: 1px solid #ddd; } .inputWrap .select-selected { padding: 7px 30px 7px 20px; } .select-selected span { line-height: 30px; } .select-selected:hover, .select-selected:focus {} .select-items div { cursor: pointer; } .select-items div { padding: 8px 20px; text-align: left; background: transparent; transition: background 0.3s ease 0s; border-top: 1px solid rgba(0, 0, 0, 0.2); } .select-items div:first-child { border-top: none; } .select-items { position: absolute; background-color: #f4f4f4; /* border: 1px solid rgba(0, 0, 0, 0.2); border-top: none; */ top: 100%; left: 0; right: 0; z-index: 199; max-height: 180px; overflow-y: auto; box-shadow: var(--boxshadow-menu); /* border-radius: 10px; */ } /* Hide the items when the select box is closed: */ .select-hide { display: none; } .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); } /*custom select ends*/ /*pagination*/ .pagination { margin: 30px 0; text-align: center; position: relative; display: flex; } .pagination .mobilePagin, .pagination .page-filter-wrap-m { display: none; } .mobilePagin .select-selected:after { border-color: var(--list-bullet-color-100); } .pagination .custom-select { min-width: 80px; } .pageNav { font-weight: 300; /*padding:0 110px;*/ } #page-filter.disabled { opacity: .3; } .pageNav a, .page-filter-wrap .btn-filter { color: var(--base-link-color); display: inline-block; margin: 0 2px; text-align: center; text-decoration: none; vertical-align: middle; position: relative; width: var(--button-size); height: var(--button-size); font-size: 1em; background-position: 50% 100%; background-repeat: no-repeat; background-size: contain; border: none; } .pageNav > span { width: var(--button-size); height: var(--button-size); margin: 0 2px; color: var(--base-link-color); padding-top: 10px; display: inline-block; vertical-align: top; } .pageNav a span, .page-filter-wrap .btn-filter span.go { background-color: #f3f7fb; color: var(--base-link-color); display: block; transition: background-color .3s ease 0s; width: 100%; height: 100%; line-height: 40px; border-radius: 50%; font-size: 1em; } .pageNav a.arrow span { background: none; } .page-filter-wrap { margin-left: 50px; } .page-filter-wrap .btn-filter span.go { background-color: #666; color: #fff; transition: background-color .3s ease 0s, color .3s ease 0s; } .page-filter-wrap .btn-filter:hover span, .page-filter-wrap .btn-filter.focus span {} .pageNav a:not(.arrow):hover span, .pageNav a:not(.arrow).focus span, .pageNav a:not(.arrow).selected span { color: #fff; font-weight: 700; background-color: var(--list-bullet-color-100); } .pageNav .arrow { position: relative; text-indent: -9999px; color: #000; transition: opacity .3s ease 0s; } .pageNav .arrow span { color: #000; } .pageNav .first, .pageNav .last { margin: 0 0 10px 0; } .pageNav .arrow:not(.disabled):hover, .pageNav .arrow:not(.disabled).focus {} .pageNav .arrow:before, .pageNav .arrow:before { content: ''; position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; margin-top: -8px; transition: border-color .3s ease 0s, margin-left .3s ease 0s; border: 2px solid var(--swiper-arrow-color); } .pageNav .first:after, .pageNav .last:after { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin-top: -6px; transition: border-color .3s ease 0s; -webkit-transition: border-color .3s ease 0s; border: 2px solid #136d8e; } .pageNav .prev_page:before, .pageNav .first:before, .pageNav .first:after { transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); border-left-width: 0; border-top-width: 0; margin-left: -4px; } .pageNav .next_page:before, .pageNav .last:before, .pageNav .last:after { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left-width: 0; border-bottom-width: 0; margin-left: -12px; /*margin-left: -8px;*/ } .pageNav .first:before { margin-left: -5px; } .pageNav .last:before { margin-left: -12px; } .pageNav .first:after { margin-left: 0; } .pageNav .last:after { margin-left: -7px } .pageNav a.prev_page.disabled, .pageNav a.next_page.disabled, .pageNav a.first.disabled, .pageNav a.last.disabled { opacity: .3; cursor: default; } .pageNav .arrow:not(.disabled):hover:before, .pageNav .arrow:not(.disabled):focus-within:before { border-color: var(--list-bullet-color-100); } .pageNav .arrow:not(.disabled):hover:after, .pageNav .arrow:not(.disabled):focus-within:after { border-color: var(--list-bullet-color-100); } .pageNav .next_page:not(.disabled):hover:before, .pageNav .next_page:not(.disabled):focus-within:before { margin-left: -10px } .pageNav .prev_page:not(.disabled):hover:before, .pageNav .prev_page:not(.disabled):focus-within:before { margin-left: -6px } .page-filter-wrap { display: flex; /* border: 1px solid #ccc; border-radius: 10px; */ padding: 0 0 0 5px; overflow: hidden; } .page-filter-wrap label { display: inline-block; line-height: 38px; } .page-filter-wrap input#pageGoInput { width: 60px; border: 1px solid #ccc; height: 44px; padding: 0 10px; border-radius: 5px; } .page-filter-wrap .btn-filter { margin: 0 0 0 10px; width: 46px; height: 46px; line-height: 46px; border-radius: 50%; position: relative; color: #fff; background: #225fdb; transition: background .3s ease 0s; } /* .page-filter-wrap .btn-filter:hover, .page-filter-wrap .btn-filter.focus{ background: var(--main-color); } .page-filter-wrap .btn-filter:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 0; width: 0; display: block; border: 7px transparent solid; border-left-color: var(--main-color); border-right-width: 0; } .page-filter-wrap .btn-filter:hover:before, .page-filter-wrap .btn-filter.focus:before{ border-left-color: #fff; } */ .page-filter-wrap-m .btn-filter { display: block; text-align: center; color: #fff; font-weight: 700; text-decoration: none; background-color: var(--link-bg-color-100); border-radius: 50%; position: relative; width: 50px; height: 50px; line-height: 50px; margin-left: 10px; border: 0; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; } .page-filter-wrap-m .btn-filter:hover, .page-filter-wrap-m .btn-filter.focus, .page-filter-wrap-m .btn-filter:hover:after, .page-filter-wrap-m .btn-filter.focus:after { background-color: var(--list-bullet-color-100); } /*page nav ends*/ .attention-box { position: relative; padding: 0 24px 45px 27px; margin-bottom: 30px; } .attention-box:before { content: ''; position: absolute; width: 100%; height: calc(100% - 40px); left: 0; top: 0; background-color: #eaec72; border-radius: 30px; transform: skewY(-1.5deg); } .attention-box:after { content: ''; position: absolute; width: 230px; height: 150px; right: -1%; bottom: 0; background: url(../images/attention-box-img.svg) 0 100% no-repeat; background-size: 100% 100%; } .attention-box > div { background-color: #ffffff; border-radius: 25px; padding: 30px 50px; position: relative; } .attention-box > div > *:last-child { margin-bottom: 0 !important; } .attention-box .title, .flowchart-wrap .chart-item .title { font-size: 1.67em; font-weight: 700; color: var(--link-bg-color-100); margin-bottom: 15px; } .attention-box .title.title-only { padding-right: 12%; } .flowchart-wrap { margin-bottom: 40px; } .flowchart-wrap > div, .flowchart-wrap > div > .chart-item > div { position: relative; padding-bottom: 60px; } .flowchart-wrap > div:last-child, .flowchart-wrap > div > .chart-item > div:last-child { padding-bottom: 0; } /* .flowchart-wrap>div:after { content: ''; position: absolute; background: url(../images/icon-flow-bigarrow.svg) 50% 50% no-repeat; left: 50%; bottom: 8px; background-size: 100% 100%; width: 39px; height: 40px; transform: translateX(-50%); } */ .flowchart-wrap > div:last-child:after { display: none; } .flowchart-wrap div.two-item { display: flex; flex-wrap: wrap; gap: 50px; } .flowchart-wrap div.two-item.nowrap { flex-wrap: nowrap; } .flowchart-wrap div.two-item > div { position: relative; flex: 0 0 calc(50% - 25px); } .flowchart-wrap .white-wrap div.two-item { gap: 40px; } .flowchart-wrap .white-wrap div.two-item > div { flex: 0 0 calc(50% - 20px); } .flowchart-wrap div.three-item { display: flex; text-align: center; } .flowchart-wrap div.three-item > div { flex: 0 0 50px; } .flowchart-wrap div.three-item > div:is(:nth-child(1), :nth-child(3)) { flex: 0 0 calc((100% - 50px) / 2); } .flowchart-wrap div.three-item > div:is(:nth-child(2)) { padding: 1rem 0; align-self: center; } .flowchart-wrap div.three-item ul { margin-bottom: 0; text-align: left; display: flex; flex-direction: column; } .flowchart-wrap div.three-item ul li { display: inline-block; margin: 0 auto; } .flowchart-wrap div.three-item ul li:last-child { margin-bottom: 0; } .flowchart-wrap .chart-item { position: relative; background-color: #fff; border-radius: 20px; border: 4px solid #cabae0; padding: 15px 25px; opacity: 0; visibility: hidden; transform: translateY(30px); /* transition: transform .15s ease 0s, opacity .35s ease 0s, visibility .3s ease 0s; */ transition: all .15s ease 0s; } .flowchart-wrap .chart-item.no-style { padding: 0; border: none; background: transparent; } .flowchart-wrap > div > .two-item > div > .chart-item, .flowchart-wrap > div > .chart-item > div > .two-item > div .chart-item { height: 100%; } .flowchart-wrap > div > .chart-item:after, .flowchart-wrap > div > .two-item > div > .chart-item:after, .flowchart-wrap > div > .chart-item > div > .two-item > div > .chart-item:after { content: ''; position: absolute; background: url(../images/icon-flow-bigarrow.svg) 50% 50% no-repeat; left: 50%; bottom: -55px; background-size: 100% 100%; width: 39px; height: 40px; transform: translateX(-50%); } .flowchart-wrap .chart-item.withArrowFromOneItem:before { content: ''; position: absolute; background: url(../images/icon-flow-bigarrow.svg) 50% 50% no-repeat; background-size: 100% 100%; width: 39px; height: 40px; transform: translateX(-50%); left: 50%; top: -55px; } .flowchart-wrap > div:last-child > .chart-item:after, .flowchart-wrap > div > .chart-item.noArrow:after, .flowchart-wrap > div:last-child > .two-item > div > .chart-item:after, .flowchart-wrap > div > .two-item > div > .chart-item.noArrow:after, .flowchart-wrap > div > .two-item > div > .chart-item.empty.beArrow:after, .flowchart-wrap > div > .chart-item > div > .two-item > div > .chart-item.noArrow:after, .flowchart-wrap > div > .chart-item > div > .two-item:not(.nowrap) > div > .chart-item:after { content: none; } .flowchart-wrap .chart-item .chart-item { border: 4px solid rgba(140, 141, 34, .5); } .flowchart-wrap .chart-item.show { opacity: 1; visibility: visible; transform: translateY(0px); } .flowchart-wrap .chart-item.empty { opacity: 0; visibility: hidden; } .flowchart-wrap .chart-item.empty.beArrow { opacity: 1; visibility: visible; padding: 0; border-radius: initial; border: none; font-size: 0; background-color: #BC8EB5; width: 20px; height: 100%; left: 50%; transform: translateX(-50%); } .flowchart-wrap .chart-item.empty.beArrow:after { /* content: ''; position: relative; display: block; height: 200%; width: 20px; background-color: #BC8EB5; top: -70%; left: 50%; border-top-left-radius: 4px; border-top-right-radius: 4px; transform: translateX(-50%); */ content: '' !important; position: absolute; top: 100%; height: 110%; width: 100%; background-color: #BC8EB5 !important; background-image: none !important; } .flowchart-wrap > div > .two-item > div > .chart-item.toEmptyBox:after { content: ''; width: 20px; height: 50px; background: #BC8EB5; bottom: -65px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .flowchart-wrap .chart-item.empty.beArrow.toFinalBox:before { content: ''; display: block; width: 40px; height: 40px; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 10px); background: url(../images/icon-flow-bigarrow.svg) 50% 50% / cover no-repeat; } .flowchart-wrap .chart-item.empty.beArrow.toFinalBox:after { height: 20px; } .flowchart-wrap .chart-item.empty.beArrow:after { background: url(../images/icon-flow-bigarrow.svg) 50% 50% no-repeat; } .flowchart-wrap .white-wrap .chart-item { padding: 15px 25px; } .flowchart-wrap .chart-item > *:last-child { margin-bottom: 0 !important; } .flowchart-wrap .chart-item .title { text-align: center; } .flowchart-wrap .chart-item .chart-item { margin-bottom: 1.25rem; } .flowchart-wrap .upper-title { text-align: center; font-weight: 700; font-size: 1.44em; margin-bottom: 15px; } .highlight-btn { background-color: #269547; color: #fff; font-size: 1.12em; display: inline-block; margin-bottom: 5px; position: relative; text-decoration: none; padding: 20px 70px 20px 40px; border-radius: 40px; line-height: 30px; color: #fff; font-weight: 700; transition: background-color .3s ease 0s, color .3s ease 0s; border: 0; box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.2); } .highlight-btn:is(:hover, :focus) { background-color: #6a7941; } .highlight-btn > span { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); display: block; width: 40px; height: 40px; background-color: #8ec13d; border-radius: 50%; transition: background-color .3s ease 0s; text-indent: -9999px; } .highlight-btn:is(:hover, :focus) > span { background-color: #a9a00a; } .highlight-btn > span:before { content: ''; position: absolute; width: 13px; height: 13px; border: 2px solid #fff; border-left: 0; border-bottom: 0; transform: rotate(45deg); left: 11px; top: 13px; } /*tab menu starts*/ .tab-container { position: relative; z-index: 100; } .tab-container .tab-menu ul li:before { display: none; } .tab-container .tab-menu ul li.mobileSelected a { text-align: left; color: var(--link-bg-color-100); font-weight: 700; padding-right: 50px; border: 1px solid #cfd1e5; line-height: 24px; padding: 10px 30px 10px 20px; background-color: #fff; } .tab-container .tab-menu ul li.mobileSelected a:after { content: ""; position: absolute; top: 50%; right: 15px; width: 0; height: 0; border-top: 6px solid var(--list-bullet-color-100); border-left: 6px solid transparent; border-right: 6px solid transparent; z-index: 50; margin-top: -3px; transition: transform 0.3s ease 0s; } .tab-container .tab-menu ul li.mobileSelected.active a:after { transform: rotate(180deg); } .tab-container .tab-menu { margin-bottom: 0; } .tab-container .tab-menu ul { display: flex; column-gap: 10px; justify-content: center; margin: 0; position: relative; z-index: 100; list-style-type: none; } .tab-container .tab-menu ul li { min-height: 50px; padding: 0; margin: 0; } .tab-container .tab-menu ul li:before { display: none; } .tab-container .tab-menu ul li a { text-align: center; display: block; color: #333; text-decoration: none; padding: 15px 20px; line-height: 30px; position: relative; height: 100%; transition: background-color 0.3s ease 0s; } .tab-container .tab-menu ul li a.tab-iconBtn { display: flex; justify-content: center; align-items: center; } .tab-container .tab-menu ul li a.tab-iconBtn .text { position: relative; padding: 0 50px; font-size: 1.24em; } .tab-container .tab-menu ul li a.tab-iconBtn .icon { display: block; width: 50px; height: 50px; font-size: 0; position: relative; margin-left: 8px; } .tab-container .tab-menu ul li a.tab-iconBtn .icon:before { content: ''; position: absolute; display: block; width: 50px; height: 50px; top: 50%; right: 0; transform: translateY(-50%); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path d="M6.69,22c-1.1-.76-1.82-2.03-1.82-3.46,0-2.32,1.88-4.21,4.21-4.21s4.21,1.88,4.21,4.21c0,1.53-.81,2.86-2.03,3.6" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><path d="M21.1,26.7H7.15c-1.25,0-2.28-1.03-2.28-2.28h0c0-1.25,1.03-2.28,2.28-2.28h13.95" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><path d="M50.4,22.14h2.19c1.25,0,2.28,1.03,2.28,2.28h0c0,1.25-1.03,2.28-2.28,2.28h-2.28" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><path d="M27.45,14.13h16.51c3.5,0,6.35,2.84,6.35,6.35v.44c0,7.67-6.22,13.89-13.89,13.89h-.98c-7.91,0-14.34-6.42-14.34-14.34h0c0-3.5,2.84-6.35,6.35-6.35Z" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><path d="M12.27,22.14s1.3-4.74,3.85-5.58c3.25-1.07,4.97-.25,4.97-.25" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><path d="M50.92,22.14c-.38-.38-.62-.9-.62-1.48v-6.16c0-1.15.94-2.08,2.08-2.08h0c1.15,0,2.08.94,2.08,2.08v6.16c0,.57-.23,1.09-.61,1.47" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><circle cx="11.22" cy="44.41" r="3.5" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><circle cx="48.29" cy="44.41" r="3.5" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><line x1="9.08" y1="26.7" x2="9.08" y2="41.28" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><line x1="13.28" y1="26.7" x2="13.28" y2="41.28" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><line x1="45.99" y1="31.71" x2="45.99" y2="41.28" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><line x1="50.2" y1="27.39" x2="50.2" y2="41.28" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><line x1="13.5" y1="34.92" x2="45.87" y2="34.92" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><line x1="13.5" y1="38.79" x2="45.87" y2="38.79" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/></svg>'); } .tab-container .tab-menu ul li.selected a.tab-iconBtn .icon:before, .tab-container .tab-menu ul li a.tab-iconBtn:focus .icon:before, .tab-container .tab-menu ul li a.tab-iconBtn.focus .icon:before { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path d="M6.69,22c-1.1-.76-1.82-2.03-1.82-3.46,0-2.32,1.88-4.21,4.21-4.21s4.21,1.88,4.21,4.21c0,1.53-.81,2.86-2.03,3.6" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><path d="M21.1,26.7H7.15c-1.25,0-2.28-1.03-2.28-2.28h0c0-1.25,1.03-2.28,2.28-2.28h13.95" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><path d="M50.4,22.14h2.19c1.25,0,2.28,1.03,2.28,2.28h0c0,1.25-1.03,2.28-2.28,2.28h-2.28" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><path d="M27.45,14.13h16.51c3.5,0,6.35,2.84,6.35,6.35v.44c0,7.67-6.22,13.89-13.89,13.89h-.98c-7.91,0-14.34-6.42-14.34-14.34h0c0-3.5,2.84-6.35,6.35-6.35Z" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><path d="M12.27,22.14s1.3-4.74,3.85-5.58c3.25-1.07,4.97-.25,4.97-.25" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><path d="M50.92,22.14c-.38-.38-.62-.9-.62-1.48v-6.16c0-1.15.94-2.08,2.08-2.08h0c1.15,0,2.08.94,2.08,2.08v6.16c0,.57-.23,1.09-.61,1.47" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><circle cx="11.22" cy="44.41" r="3.5" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><circle cx="48.29" cy="44.41" r="3.5" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><line x1="9.08" y1="26.7" x2="9.08" y2="41.28" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><line x1="13.28" y1="26.7" x2="13.28" y2="41.28" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><line x1="45.99" y1="31.71" x2="45.99" y2="41.28" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><line x1="50.2" y1="27.39" x2="50.2" y2="41.28" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><line x1="13.5" y1="34.92" x2="45.87" y2="34.92" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><line x1="13.5" y1="38.79" x2="45.87" y2="38.79" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/></svg>'); } .tab-container .tab-menu ul li a.tab-iconBtn .icon.accident:before { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><polyline points="23.38 29.38 17.55 23.55 24.96 22.69 23.26 14.68 30.55 21.24 37.11 14.68 37.11 22.03 42.7 20.99 39.54 26.58" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><path d="M56.79,25.73h-3.04s-2.79,1.09-4.01,2.31-3.4,3.16-3.4,3.16c0,0-4.13-.36-7.9,1.34-3.77,1.7-6.44,3.5-6.44,4.29v5.07s-.24,1.94.97,1.94h5.44" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><line x1="56.79" y1="43.84" x2="48.3" y2="43.84" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><circle cx="43.25" cy="43.65" r="4.92" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><path d="M48.3,32.23s1.95,1.15,2.25,1.27,6.53,0,6.53,0" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><path d="M3.75,25.73h3.04s2.79,1.09,4.01,2.31,3.4,3.16,3.4,3.16c0,0,4.13-.36,7.9,1.34s6.44,3.5,6.44,4.29v5.07s.24,1.94-.97,1.94h-5.44" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><line x1="3.75" y1="43.84" x2="12.25" y2="43.84" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><circle cx="17.3" cy="43.65" r="4.92" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><path d="M12.25,32.23s-1.95,1.15-2.25,1.27-6.53,0-6.53,0" style="fill:none; stroke:%23333; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/></svg>'); } .tab-container .tab-menu ul li.selected a.tab-iconBtn .icon.accident:before, .tab-container .tab-menu ul li a.tab-iconBtn:focus .icon.accident:before, .tab-container .tab-menu ul li a.tab-iconBtn.focus .icon.accident:before { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><polyline points="23.38 29.38 17.55 23.55 24.96 22.69 23.26 14.68 30.55 21.24 37.11 14.68 37.11 22.03 42.7 20.99 39.54 26.58" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><path d="M56.79,25.73h-3.04s-2.79,1.09-4.01,2.31-3.4,3.16-3.4,3.16c0,0-4.13-.36-7.9,1.34-3.77,1.7-6.44,3.5-6.44,4.29v5.07s-.24,1.94.97,1.94h5.44" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><line x1="56.79" y1="43.84" x2="48.3" y2="43.84" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><circle cx="43.25" cy="43.65" r="4.92" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><path d="M48.3,32.23s1.95,1.15,2.25,1.27,6.53,0,6.53,0" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><path d="M3.75,25.73h3.04s2.79,1.09,4.01,2.31,3.4,3.16,3.4,3.16c0,0,4.13-.36,7.9,1.34s6.44,3.5,6.44,4.29v5.07s.24,1.94-.97,1.94h-5.44" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><line x1="3.75" y1="43.84" x2="12.25" y2="43.84" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><circle cx="17.3" cy="43.65" r="4.92" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/><path d="M12.25,32.23s-1.95,1.15-2.25,1.27-6.53,0-6.53,0" style="fill:none; stroke:%23fff; stroke-linecap:round; stroke-miterlimit:10; stroke-width:2px;"/></svg>'); } /* .tab-container .tab-menu ul li.selected a { color: var(--primary-blue); } .tab-container .tab-menu ul li:not(.mobileSelected) a:hover, .tab-container .tab-menu ul li:not(.mobileSelected) a:focus{ color: var(--primary-blue); background-color: #eee; } */ .tab-container .tab-content { /* padding-bottom: 30px; */ } .tab-container .tab-content .tabpanel { display: none; opacity: 0; transition: opacity 0.25s ease 0s; } .tab-container .tab-content .tabpanel.shownOp { opacity: 1; } #content .tab-container .tab-content .tabpanel p:last-of-type { margin-bottom: 0; } /*tab menu ends*/ .white-wrap { background-color: #fff; padding: 30px; } .white-wrap > *:last-child { margin-bottom: 0 !important; } .flexBlk { display: flex; } .flexBlk .textImg { display: block; margin-left: 1rem; } .flexBlk .textImg img { margin-bottom: 0; } /* custom swal style */ .swal2-custom-container { padding: 1.25rem; } .swal2-custom-popup { width: auto; max-width: 64em; background-color: #ede7d1; } div:where(.swal2-container) .swal2-html-container.swal2-custom-html-container { max-height: 650px; text-align: left; margin: 1.25rem 0.75rem 0rem 1.25rem; padding-right: 5px; } .swal2-custom-container .swal2-custom-popup button:where(.swal2-close) { display: inline-block; position: absolute; top: -20px; right: -20px; border-radius: 50%; width: 40px; height: 40px; background: var(--list-bullet-color-100); font-size: 0; box-shadow: none; transition: background .25s ease 0s; } .swal2-custom-container .swal2-custom-popup button:is(:hover, .focus):where(.swal2-close) { background: var(--link-bg-color-100); } .swal2-custom-container .swal2-custom-popup button:where(.swal2-close):before, .swal2-custom-container .swal2-custom-popup button:where(.swal2-close):after { content: ''; position: absolute; width: 18px; height: 2px; background: #e5e5e5; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); } .swal2-custom-container .swal2-custom-popup button:where(.swal2-close):after { transform: translate(-50%, -50%) rotate(135deg); }