.editor-styles-wrapper .is-root-container .what-is-kanna,body.frontend .what-is-kanna{padding-bottom:22px;padding-top:24px;position:relative}.editor-styles-wrapper .is-root-container .what-is-kanna .overlay,body.frontend .what-is-kanna .overlay{background:rgba(0,0,0,.2);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}@media only screen and (max-width:991px){.editor-styles-wrapper .is-root-container .what-is-kanna,body.frontend .what-is-kanna{padding-bottom:60px;padding-top:60px}}.editor-styles-wrapper .is-root-container .what-is-kanna .background-image,body.frontend .what-is-kanna .background-image{height:100%;left:0;position:absolute;top:0;width:100%}.editor-styles-wrapper .is-root-container .what-is-kanna .background-image img,body.frontend .what-is-kanna .background-image img{height:100%;object-fit:cover;object-position:bottom;width:100%}@media only screen and (max-width:767px){.editor-styles-wrapper .is-root-container .what-is-kanna .background-image img.desktop,body.frontend .what-is-kanna .background-image img.desktop{display:none}}@media only screen and (min-width:1441px){.editor-styles-wrapper .is-root-container .what-is-kanna .background-image img.desktop,body.frontend .what-is-kanna .background-image img.desktop{object-position:center center}}@media only screen and (min-width:768px){.editor-styles-wrapper .is-root-container .what-is-kanna .background-image img.mobile,body.frontend .what-is-kanna .background-image img.mobile{display:none}}.editor-styles-wrapper .is-root-container .what-is-kanna .text,body.frontend .what-is-kanna .text{margin-bottom:210px;position:relative;z-index:3}@media only screen and (max-width:991px){.editor-styles-wrapper .is-root-container .what-is-kanna .text,body.frontend .what-is-kanna .text{margin-bottom:84px}}.editor-styles-wrapper .is-root-container .what-is-kanna .text h2,body.frontend .what-is-kanna .text h2{line-height:.95;margin-bottom:30px}@media only screen and (max-width:767px){.editor-styles-wrapper .is-root-container .what-is-kanna .text h2,body.frontend .what-is-kanna .text h2{font-size:48px;margin-bottom:20px}}.editor-styles-wrapper .is-root-container .what-is-kanna .text p,body.frontend .what-is-kanna .text p{color:#faf3df;font-size:28px;line-height:1.1;max-width:564px}@media only screen and (max-width:767px){.editor-styles-wrapper .is-root-container .what-is-kanna .text p,body.frontend .what-is-kanna .text p{font-size:20px}}.editor-styles-wrapper .is-root-container .what-is-kanna .animation,body.frontend .what-is-kanna .animation{display:flex;justify-content:center;margin-top:160px;position:relative;z-index:3}@media only screen and (min-width:325px)and (max-width:768px){.editor-styles-wrapper .is-root-container .what-is-kanna .animation,body.frontend .what-is-kanna .animation{margin-top:41.02564vw}}@media only screen and (min-width:768px)and (max-width:992px){.editor-styles-wrapper .is-root-container .what-is-kanna .animation,body.frontend .what-is-kanna .animation{margin-bottom:18.88021vw}}@media only screen and (min-width:992px){.editor-styles-wrapper .is-root-container .what-is-kanna .animation,body.frontend .what-is-kanna .animation{margin-bottom:11.11111vw}}@media only screen and (min-width:1440px){.editor-styles-wrapper .is-root-container .what-is-kanna .animation,body.frontend .what-is-kanna .animation{margin-bottom:160px}}@media screen and (max-width:1024px){.editor-styles-wrapper .is-root-container .what-is-kanna .animation svg,body.frontend .what-is-kanna .animation svg{height:47vw}}