:root{--gs:1rem;--ggs:.375rem}.grids{width:calc(100% + var(--gs));display:flex;justify-content:flex-start;flex-wrap:wrap;margin:0 calc(-1 * var(--gs)) 0 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;outline:none}.grids>.grid{width:calc(50% - var(--gs));margin:var(--gs) var(--gs) 0 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;outline:none}.grids.no-gap{width:100%;margin:0}.grids.no-gap>.grid{width:50%;margin:var(--gs) 0 0 0}.gallery-grids{width:calc(100% + var(--ggs));display:flex;justify-content:flex-start;flex-wrap:wrap;margin:0 calc(-1 * var(--ggs)) 0 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;outline:none}.gallery-grids>.grid{width:calc(50% - var(--ggs));margin:var(--ggs) var(--ggs) 0 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;outline:none}.grids>.sep,.gallery-grids>.sep{width:100%}.grids>.grid.all-10{width:calc(10% - var(--gs))}.grids>.grid.all-15{width:calc(15% - var(--gs))}.grids>.grid.all-20{width:calc(20% - var(--gs))}.grids>.grid.all-25{width:calc(25% - var(--gs))}.grids>.grid.all-30{width:calc(30% - var(--gs))}.grids>.grid.all-35{width:calc(35% - var(--gs))}.grids>.grid.all-40{width:calc(40% - var(--gs))}.grids>.grid.all-45{width:calc(45% - var(--gs))}.grids>.grid.all-50{width:calc(50% - var(--gs))}.grids>.grid.all-60{width:calc(60% - var(--gs))}.grids>.grid.all-70{width:calc(70% - var(--gs))}.grids>.grid.all-75{width:calc(75% - var(--gs))}.grids>.grid.all-80{width:calc(80% - var(--gs))}.grids>.grid.all-90{width:calc(90% - var(--gs))}.grids>.grid.all-100{width:calc(100% - var(--gs))}.grids>.grid.all-1-3{width:calc(33.3333% - var(--gs))}.grids>.grid.all-2-3{width:calc(66.6666% - var(--gs))}.grids>.grid.mt-0{margin-top:0}.grids.no-gap>.grid.all-10{width:10%}.grids.no-gap>.grid.all-15{width:15%}.grids.no-gap>.grid.all-20{width:20%}.grids.no-gap>.grid.all-25{width:25%}.grids.no-gap>.grid.all-30{width:30%}.grids.no-gap>.grid.all-35{width:35%}.grids.no-gap>.grid.all-40{width:40%}.grids.no-gap>.grid.all-45{width:45%}.grids.no-gap>.grid.all-50{width:50%}.grids.no-gap>.grid.all-60{width:60%}.grids.no-gap>.grid.all-70{width:70%}.grids.no-gap>.grid.all-75{width:75%}.grids.no-gap>.grid.all-80{width:80%}.grids.no-gap>.grid.all-90{width:90%}.grids.no-gap>.grid.all-100{width:100%}.grids.no-gap>.grid.all-1-3{width:33.3333%}.grids.no-gap>.grid.all-2-3{width:66.6666%}.gallery-grids>.grid.all-10{width:calc(10% - var(--ggs))}.gallery-grids>.grid.all-15{width:calc(15% - var(--ggs))}.gallery-grids>.grid.all-20{width:calc(20% - var(--ggs))}.gallery-grids>.grid.all-25{width:calc(25% - var(--ggs))}.gallery-grids>.grid.all-30{width:calc(30% - var(--ggs))}.gallery-grids>.grid.all-35{width:calc(35% - var(--ggs))}.gallery-grids>.grid.all-40{width:calc(40% - var(--ggs))}.gallery-grids>.grid.all-45{width:calc(45% - var(--ggs))}.gallery-grids>.grid.all-50{width:calc(50% - var(--ggs))}.gallery-grids>.grid.all-60{width:calc(60% - var(--ggs))}.gallery-grids>.grid.all-70{width:calc(70% - var(--ggs))}.gallery-grids>.grid.all-75{width:calc(75% - var(--ggs))}.gallery-grids>.grid.all-80{width:calc(80% - var(--ggs))}.gallery-grids>.grid.all-90{width:calc(90% - var(--ggs))}.gallery-grids>.grid.all-100{width:calc(90% - var(--ggs))}.gallery-grids>.grid.all-1-3{width:calc(33.3333% - var(--ggs))}.gallery-grids>.grid.all-2-3{width:calc(66.6666% - var(--ggs))}.gallery-grids>.grid.mt-0{margin-top:0}@media screen and (min-width:1300px){.grids>.grid{width:calc(100% - var(--gs))}.gallery-grids>.grid{width:calc(100% - var(--ggs))}.grids>.grid{width:calc(50% - var(--gs))}.grids>.grid.sm-10{width:calc(10% - var(--gs))}.grids>.grid.sm-15{width:calc(15% - var(--gs))}.grids>.grid.sm-20{width:calc(20% - var(--gs))}.grids>.grid.sm-25{width:calc(25% - var(--gs))}.grids>.grid.sm-30{width:calc(30% - var(--gs))}.grids>.grid.sm-35{width:calc(35% - var(--gs))}.grids>.grid.sm-40{width:calc(40% - var(--gs))}.grids>.grid.sm-45{width:calc(45% - var(--gs))}.grids>.grid.sm-50{width:calc(50% - var(--gs))}.grids>.grid.sm-60{width:calc(60% - var(--gs))}.grids>.grid.sm-70{width:calc(70% - var(--gs))}.grids>.grid.sm-75{width:calc(75% - var(--gs))}.grids>.grid.sm-80{width:calc(80% - var(--gs))}.grids>.grid.sm-90{width:calc(90% - var(--gs))}.grids>.grid.sm-100{width:calc(100% - var(--gs))}.grids>.grid.sm-1-3{width:calc(33.3333% - var(--gs))}.grids>.grid.sm-2-3{width:calc(66.6666% - var(--gs))}.grids.no-gap>.grid{width:50%}.grids.no-gap>.grid.sm-10{width:10%}.grids.no-gap>.grid.sm-15{width:15%}.grids.no-gap>.grid.sm-20{width:20%}.grids.no-gap>.grid.sm-25{width:25%}.grids.no-gap>.grid.sm-30{width:30%}.grids.no-gap>.grid.sm-35{width:35%}.grids.no-gap>.grid.sm-40{width:40%}.grids.no-gap>.grid.sm-45{width:45%}.grids.no-gap>.grid.sm-50{width:50%}.grids.no-gap>.grid.sm-60{width:60%}.grids.no-gap>.grid.sm-70{width:70%}.grids.no-gap>.grid.sm-75{width:75%}.grids.no-gap>.grid.sm-80{width:80%}.grids.no-gap>.grid.sm-90{width:90%}.grids.no-gap>.grid.sm-100{width:100%}.grids.no-gap>.grid.sm-1-3{width:33.3333%}.grids.no-gap>.grid.sm-2-3{width:66.6666%}.gallery-grids>.grid{width:calc(50% - var(--ggs))}.gallery-grids>.grid.sm-10{width:calc(10% - var(--ggs))}.gallery-grids>.grid.sm-15{width:calc(15% - var(--ggs))}.gallery-grids>.grid.sm-20{width:calc(20% - var(--ggs))}.gallery-grids>.grid.sm-25{width:calc(25% - var(--ggs))}.gallery-grids>.grid.sm-30{width:calc(30% - var(--ggs))}.gallery-grids>.grid.sm-35{width:calc(35% - var(--ggs))}.gallery-grids>.grid.sm-40{width:calc(40% - var(--ggs))}.gallery-grids>.grid.sm-45{width:calc(45% - var(--ggs))}.gallery-grids>.grid.sm-50{width:calc(50% - var(--ggs))}.gallery-grids>.grid.sm-60{width:calc(60% - var(--ggs))}.gallery-grids>.grid.sm-70{width:calc(70% - var(--ggs))}.gallery-grids>.grid.sm-75{width:calc(75% - var(--ggs))}.gallery-grids>.grid.sm-80{width:calc(80% - var(--ggs))}.gallery-grids>.grid.sm-90{width:calc(90% - var(--ggs))}.gallery-grids>.grid.sm-100{width:calc(100% - var(--ggs))}.gallery-grids>.grid.sm-1-3{width:calc(33.3333% - var(--ggs))}.gallery-grids>.grid.sm-2-3{width:calc(66.6666% - var(--ggs))}.grids>.grid{width:calc(50% - var(--gs))}.grids>.grid.md-10{width:calc(10% - var(--gs))}.grids>.grid.md-15{width:calc(15% - var(--gs))}.grids>.grid.md-20{width:calc(20% - var(--gs))}.grids>.grid.md-25{width:calc(25% - var(--gs))}.grids>.grid.md-30{width:calc(30% - var(--gs))}.grids>.grid.md-35{width:calc(35% - var(--gs))}.grids>.grid.md-40{width:calc(40% - var(--gs))}.grids>.grid.md-45{width:calc(45% - var(--gs))}.grids>.grid.md-50{width:calc(50% - var(--gs))}.grids>.grid.md-60{width:calc(60% - var(--gs))}.grids>.grid.md-70{width:calc(70% - var(--gs))}.grids>.grid.md-75{width:calc(75% - var(--gs))}.grids>.grid.md-80{width:calc(80% - var(--gs))}.grids>.grid.md-90{width:calc(90% - var(--gs))}.grids>.grid.md-100{width:calc(100% - var(--gs))}.grids>.grid.md-1-3{width:calc(33.3333% - var(--gs))}.grids>.grid.md-2-3{width:calc(66.6666% - var(--gs))}.grids.no-gap>.grid{width:50%}.grids.no-gap>.grid.md-10{width:10%}.grids.no-gap>.grid.md-15{width:15%}.grids.no-gap>.grid.md-20{width:20%}.grids.no-gap>.grid.md-25{width:25%}.grids.no-gap>.grid.md-30{width:30%}.grids.no-gap>.grid.md-35{width:35%}.grids.no-gap>.grid.md-40{width:40%}.grids.no-gap>.grid.md-45{width:45%}.grids.no-gap>.grid.md-50{width:50%}.grids.no-gap>.grid.md-60{width:60%}.grids.no-gap>.grid.md-70{width:70%}.grids.no-gap>.grid.md-75{width:75%}.grids.no-gap>.grid.md-80{width:80%}.grids.no-gap>.grid.md-90{width:90%}.grids.no-gap>.grid.md-100{width:100%}.grids.no-gap>.grid.md-1-3{width:33.3333%}.grids.no-gap>.grid.md-2-3{width:66.6666%}.gallery-grids>.grid{width:calc(50% - var(--ggs))}.gallery-grids>.grid.md-10{width:calc(10% - var(--ggs))}.gallery-grids>.grid.md-15{width:calc(15% - var(--ggs))}.gallery-grids>.grid.md-20{width:calc(20% - var(--ggs))}.gallery-grids>.grid.md-25{width:calc(25% - var(--ggs))}.gallery-grids>.grid.md-30{width:calc(30% - var(--ggs))}.gallery-grids>.grid.md-35{width:calc(35% - var(--ggs))}.gallery-grids>.grid.md-40{width:calc(40% - var(--ggs))}.gallery-grids>.grid.md-45{width:calc(45% - var(--ggs))}.gallery-grids>.grid.md-50{width:calc(50% - var(--ggs))}.gallery-grids>.grid.md-60{width:calc(60% - var(--ggs))}.gallery-grids>.grid.md-70{width:calc(70% - var(--ggs))}.gallery-grids>.grid.md-75{width:calc(75% - var(--ggs))}.gallery-grids>.grid.md-80{width:calc(80% - var(--ggs))}.gallery-grids>.grid.md-90{width:calc(90% - var(--ggs))}.gallery-grids>.grid.md-100{width:calc(100% - var(--ggs))}.gallery-grids>.grid.md-1-3{width:calc(33.3333% - var(--ggs))}.gallery-grids>.grid.md-2-3{width:calc(66.6666% - var(--ggs))}.grids>.grid{width:calc(50% - var(--gs))}.grids>.grid.lg-10{width:calc(10% - var(--gs))}.grids>.grid.lg-15{width:calc(15% - var(--gs))}.grids>.grid.lg-20{width:calc(20% - var(--gs))}.grids>.grid.lg-25{width:calc(25% - var(--gs))}.grids>.grid.lg-30{width:calc(30% - var(--gs))}.grids>.grid.lg-35{width:calc(35% - var(--gs))}.grids>.grid.lg-40{width:calc(40% - var(--gs))}.grids>.grid.lg-45{width:calc(45% - var(--gs))}.grids>.grid.lg-50{width:calc(50% - var(--gs))}.grids>.grid.lg-60{width:calc(60% - var(--gs))}.grids>.grid.lg-70{width:calc(70% - var(--gs))}.grids>.grid.lg-75{width:calc(75% - var(--gs))}.grids>.grid.lg-80{width:calc(80% - var(--gs))}.grids>.grid.lg-90{width:calc(90% - var(--gs))}.grids>.grid.lg-100{width:calc(100% - var(--gs))}.grids>.grid.lg-1-3{width:calc(33.3333% - var(--gs))}.grids>.grid.lg-2-3{width:calc(66.6666% - var(--gs))}.grids.no-gap>.grid{width:50%}.grids.no-gap>.grid.lg-10{width:10%}.grids.no-gap>.grid.lg-15{width:15%}.grids.no-gap>.grid.lg-20{width:20%}.grids.no-gap>.grid.lg-25{width:25%}.grids.no-gap>.grid.lg-30{width:30%}.grids.no-gap>.grid.lg-35{width:35%}.grids.no-gap>.grid.lg-40{width:40%}.grids.no-gap>.grid.lg-45{width:45%}.grids.no-gap>.grid.lg-50{width:50%}.grids.no-gap>.grid.lg-60{width:60%}.grids.no-gap>.grid.lg-70{width:70%}.grids.no-gap>.grid.lg-75{width:75%}.grids.no-gap>.grid.lg-80{width:80%}.grids.no-gap>.grid.lg-90{width:90%}.grids.no-gap>.grid.lg-100{width:100%}.grids.no-gap>.grid.lg-1-3{width:33.3333%}.grids.no-gap>.grid.lg-2-3{width:66.6666%}.gallery-grids>.grid{width:calc(50% - var(--ggs))}.gallery-grids>.grid.lg-10{width:calc(10% - var(--ggs))}.gallery-grids>.grid.lg-15{width:calc(15% - var(--ggs))}.gallery-grids>.grid.lg-20{width:calc(20% - var(--ggs))}.gallery-grids>.grid.lg-25{width:calc(25% - var(--ggs))}.gallery-grids>.grid.lg-30{width:calc(30% - var(--ggs))}.gallery-grids>.grid.lg-35{width:calc(35% - var(--ggs))}.gallery-grids>.grid.lg-40{width:calc(40% - var(--ggs))}.gallery-grids>.grid.lg-45{width:calc(45% - var(--ggs))}.gallery-grids>.grid.lg-50{width:calc(50% - var(--ggs))}.gallery-grids>.grid.lg-60{width:calc(60% - var(--ggs))}.gallery-grids>.grid.lg-70{width:calc(70% - var(--ggs))}.gallery-grids>.grid.lg-75{width:calc(75% - var(--ggs))}.gallery-grids>.grid.lg-80{width:calc(80% - var(--ggs))}.gallery-grids>.grid.lg-90{width:calc(90% - var(--ggs))}.gallery-grids>.grid.lg-100{width:calc(100% - var(--ggs))}.gallery-grids>.grid.lg-1-3{width:calc(33.3333% - var(--ggs))}.gallery-grids>.grid.lg-2-3{width:calc(66.6666% - var(--ggs))}.grids>.grid.xl-0{display:none}.grids>.grid.xl-10{width:calc(10% - var(--gs))}.grids>.grid.xl-15{width:calc(15% - var(--gs))}.grids>.grid.xl-20{width:calc(20% - var(--gs))}.grids>.grid.xl-25{width:calc(25% - var(--gs))}.grids>.grid.xl-30{width:calc(30% - var(--gs))}.grids>.grid.xl-35{width:calc(35% - var(--gs))}.grids>.grid.xl-40{width:calc(40% - var(--gs))}.grids>.grid.xl-45{width:calc(45% - var(--gs))}.grids>.grid.xl-50{width:calc(50% - var(--gs))}.grids>.grid.xl-60{width:calc(60% - var(--gs))}.grids>.grid.xl-70{width:calc(70% - var(--gs))}.grids>.grid.xl-75{width:calc(75% - var(--gs))}.grids>.grid.xl-80{width:calc(80% - var(--gs))}.grids>.grid.xl-90{width:calc(90% - var(--gs))}.grids>.grid.xl-100{width:calc(100% - var(--gs))}.grids>.grid.xl-1-3{width:calc(33.3333% - var(--gs))}.grids>.grid.xl-2-3{width:calc(66.6666% - var(--gs))}.grids>.grid.xl-mt-0{margin-top:0}.grids.no-gap>.grid{width:50%}.grids.no-gap>.grid.xl-10{width:10%}.grids.no-gap>.grid.xl-15{width:15%}.grids.no-gap>.grid.xl-20{width:20%}.grids.no-gap>.grid.xl-25{width:25%}.grids.no-gap>.grid.xl-30{width:30%}.grids.no-gap>.grid.xl-35{width:35%}.grids.no-gap>.grid.xl-40{width:40%}.grids.no-gap>.grid.xl-45{width:45%}.grids.no-gap>.grid.xl-50{width:50%}.grids.no-gap>.grid.xl-60{width:60%}.grids.no-gap>.grid.xl-70{width:70%}.grids.no-gap>.grid.xl-75{width:75%}.grids.no-gap>.grid.xl-80{width:80%}.grids.no-gap>.grid.xl-90{width:90%}.grids.no-gap>.grid.xl-100{width:100%}.grids.no-gap>.grid.xl-1-3{width:33.3333%}.grids.no-gap>.grid.xl-2-3{width:66.6666%}.gallery-grids>.grid.xl-0{display:none}.gallery-grids>.grid.xl-10{width:calc(10% - var(--ggs))}.gallery-grids>.grid.xl-15{width:calc(15% - var(--ggs))}.gallery-grids>.grid.xl-20{width:calc(20% - var(--ggs))}.gallery-grids>.grid.xl-25{width:calc(25% - var(--ggs))}.gallery-grids>.grid.xl-30{width:calc(30% - var(--ggs))}.gallery-grids>.grid.xl-35{width:calc(35% - var(--ggs))}.gallery-grids>.grid.xl-40{width:calc(40% - var(--ggs))}.gallery-grids>.grid.xl-45{width:calc(45% - var(--ggs))}.gallery-grids>.grid.xl-50{width:calc(50% - var(--ggs))}.gallery-grids>.grid.xl-60{width:calc(60% - var(--ggs))}.gallery-grids>.grid.xl-70{width:calc(70% - var(--ggs))}.gallery-grids>.grid.xl-75{width:calc(75% - var(--ggs))}.gallery-grids>.grid.xl-80{width:calc(80% - var(--ggs))}.gallery-grids>.grid.xl-90{width:calc(90% - var(--ggs))}.gallery-grids>.grid.xl-100{width:calc(100% - var(--ggs))}.gallery-grids>.grid.xl-1-3{width:calc(33.3333% - var(--ggs))}.gallery-grids>.grid.xl-2-3{width:calc(66.6666% - var(--ggs))}.gallery-grids>.grid.xl-mt-0{margin-top:0}}@media screen and (min-width:992px) and (max-width:1299.98px){.grids>.grid{width:calc(100% - var(--gs))}.gallery-grids>.grid{width:calc(100% - var(--ggs))}.grids>.grid{width:calc(50% - var(--gs))}.grids>.grid.sm-10{width:calc(10% - var(--gs))}.grids>.grid.sm-15{width:calc(15% - var(--gs))}.grids>.grid.sm-20{width:calc(20% - var(--gs))}.grids>.grid.sm-25{width:calc(25% - var(--gs))}.grids>.grid.sm-30{width:calc(30% - var(--gs))}.grids>.grid.sm-35{width:calc(35% - var(--gs))}.grids>.grid.sm-40{width:calc(40% - var(--gs))}.grids>.grid.sm-45{width:calc(45% - var(--gs))}.grids>.grid.sm-50{width:calc(50% - var(--gs))}.grids>.grid.sm-60{width:calc(60% - var(--gs))}.grids>.grid.sm-70{width:calc(70% - var(--gs))}.grids>.grid.sm-75{width:calc(75% - var(--gs))}.grids>.grid.sm-80{width:calc(80% - var(--gs))}.grids>.grid.sm-90{width:calc(90% - var(--gs))}.grids>.grid.sm-100{width:calc(100% - var(--gs))}.grids>.grid.sm-1-3{width:calc(33.3333% - var(--gs))}.grids>.grid.sm-2-3{width:calc(66.6666% - var(--gs))}.grids.no-gap>.grid{width:50%}.grids.no-gap>.grid.sm-10{width:10%}.grids.no-gap>.grid.sm-15{width:15%}.grids.no-gap>.grid.sm-20{width:20%}.grids.no-gap>.grid.sm-25{width:25%}.grids.no-gap>.grid.sm-30{width:30%}.grids.no-gap>.grid.sm-35{width:35%}.grids.no-gap>.grid.sm-40{width:40%}.grids.no-gap>.grid.sm-45{width:45%}.grids.no-gap>.grid.sm-50{width:50%}.grids.no-gap>.grid.sm-60{width:60%}.grids.no-gap>.grid.sm-70{width:70%}.grids.no-gap>.grid.sm-75{width:75%}.grids.no-gap>.grid.sm-80{width:80%}.grids.no-gap>.grid.sm-90{width:90%}.grids.no-gap>.grid.sm-100{width:100%}.grids.no-gap>.grid.sm-1-3{width:33.3333%}.grids.no-gap>.grid.sm-2-3{width:66.6666%}.gallery-grids>.grid{width:calc(50% - var(--ggs))}.gallery-grids>.grid.sm-10{width:calc(10% - var(--ggs))}.gallery-grids>.grid.sm-15{width:calc(15% - var(--ggs))}.gallery-grids>.grid.sm-20{width:calc(20% - var(--ggs))}.gallery-grids>.grid.sm-25{width:calc(25% - var(--ggs))}.gallery-grids>.grid.sm-30{width:calc(30% - var(--ggs))}.gallery-grids>.grid.sm-35{width:calc(35% - var(--ggs))}.gallery-grids>.grid.sm-40{width:calc(40% - var(--ggs))}.gallery-grids>.grid.sm-45{width:calc(45% - var(--ggs))}.gallery-grids>.grid.sm-50{width:calc(50% - var(--ggs))}.gallery-grids>.grid.sm-60{width:calc(60% - var(--ggs))}.gallery-grids>.grid.sm-70{width:calc(70% - var(--ggs))}.gallery-grids>.grid.sm-75{width:calc(75% - var(--ggs))}.gallery-grids>.grid.sm-80{width:calc(80% - var(--ggs))}.gallery-grids>.grid.sm-90{width:calc(90% - var(--ggs))}.gallery-grids>.grid.sm-100{width:calc(100% - var(--ggs))}.gallery-grids>.grid.sm-1-3{width:calc(33.3333% - var(--ggs))}.gallery-grids>.grid.sm-2-3{width:calc(66.6666% - var(--ggs))}.grids>.grid{width:calc(50% - var(--gs))}.grids>.grid.md-10{width:calc(10% - var(--gs))}.grids>.grid.md-15{width:calc(15% - var(--gs))}.grids>.grid.md-20{width:calc(20% - var(--gs))}.grids>.grid.md-25{width:calc(25% - var(--gs))}.grids>.grid.md-30{width:calc(30% - var(--gs))}.grids>.grid.md-35{width:calc(35% - var(--gs))}.grids>.grid.md-40{width:calc(40% - var(--gs))}.grids>.grid.md-45{width:calc(45% - var(--gs))}.grids>.grid.md-50{width:calc(50% - var(--gs))}.grids>.grid.md-60{width:calc(60% - var(--gs))}.grids>.grid.md-70{width:calc(70% - var(--gs))}.grids>.grid.md-75{width:calc(75% - var(--gs))}.grids>.grid.md-80{width:calc(80% - var(--gs))}.grids>.grid.md-90{width:calc(90% - var(--gs))}.grids>.grid.md-100{width:calc(100% - var(--gs))}.grids>.grid.md-1-3{width:calc(33.3333% - var(--gs))}.grids>.grid.md-2-3{width:calc(66.6666% - var(--gs))}.grids.no-gap>.grid{width:50%}.grids.no-gap>.grid.md-10{width:10%}.grids.no-gap>.grid.md-15{width:15%}.grids.no-gap>.grid.md-20{width:20%}.grids.no-gap>.grid.md-25{width:25%}.grids.no-gap>.grid.md-30{width:30%}.grids.no-gap>.grid.md-35{width:35%}.grids.no-gap>.grid.md-40{width:40%}.grids.no-gap>.grid.md-45{width:45%}.grids.no-gap>.grid.md-50{width:50%}.grids.no-gap>.grid.md-60{width:60%}.grids.no-gap>.grid.md-70{width:70%}.grids.no-gap>.grid.md-75{width:75%}.grids.no-gap>.grid.md-80{width:80%}.grids.no-gap>.grid.md-90{width:90%}.grids.no-gap>.grid.md-100{width:100%}.grids.no-gap>.grid.md-1-3{width:33.3333%}.grids.no-gap>.grid.md-2-3{width:66.6666%}.gallery-grids>.grid{width:calc(50% - var(--ggs))}.gallery-grids>.grid.md-10{width:calc(10% - var(--ggs))}.gallery-grids>.grid.md-15{width:calc(15% - var(--ggs))}.gallery-grids>.grid.md-20{width:calc(20% - var(--ggs))}.gallery-grids>.grid.md-25{width:calc(25% - var(--ggs))}.gallery-grids>.grid.md-30{width:calc(30% - var(--ggs))}.gallery-grids>.grid.md-35{width:calc(35% - var(--ggs))}.gallery-grids>.grid.md-40{width:calc(40% - var(--ggs))}.gallery-grids>.grid.md-45{width:calc(45% - var(--ggs))}.gallery-grids>.grid.md-50{width:calc(50% - var(--ggs))}.gallery-grids>.grid.md-60{width:calc(60% - var(--ggs))}.gallery-grids>.grid.md-70{width:calc(70% - var(--ggs))}.gallery-grids>.grid.md-75{width:calc(75% - var(--ggs))}.gallery-grids>.grid.md-80{width:calc(80% - var(--ggs))}.gallery-grids>.grid.md-90{width:calc(90% - var(--ggs))}.gallery-grids>.grid.md-100{width:calc(100% - var(--ggs))}.gallery-grids>.grid.md-1-3{width:calc(33.3333% - var(--ggs))}.gallery-grids>.grid.md-2-3{width:calc(66.6666% - var(--ggs))}.grids>.grid{width:calc(50% - var(--gs))}.grids>.grid.lg-0{display:none}.grids>.grid.lg-10{width:calc(10% - var(--gs))}.grids>.grid.lg-15{width:calc(15% - var(--gs))}.grids>.grid.lg-20{width:calc(20% - var(--gs))}.grids>.grid.lg-25{width:calc(25% - var(--gs))}.grids>.grid.lg-30{width:calc(30% - var(--gs))}.grids>.grid.lg-35{width:calc(35% - var(--gs))}.grids>.grid.lg-40{width:calc(40% - var(--gs))}.grids>.grid.lg-45{width:calc(45% - var(--gs))}.grids>.grid.lg-50{width:calc(50% - var(--gs))}.grids>.grid.lg-60{width:calc(60% - var(--gs))}.grids>.grid.lg-70{width:calc(70% - var(--gs))}.grids>.grid.lg-75{width:calc(75% - var(--gs))}.grids>.grid.lg-80{width:calc(80% - var(--gs))}.grids>.grid.lg-90{width:calc(90% - var(--gs))}.grids>.grid.lg-100{width:calc(100% - var(--gs))}.grids>.grid.lg-1-3{width:calc(33.3333% - var(--gs))}.grids>.grid.lg-2-3{width:calc(66.6666% - var(--gs))}.grids>.grid.lg-mt-0{margin-top:0}.grids.no-gap>.grid{width:50%}.grids.no-gap>.grid.lg-10{width:10%}.grids.no-gap>.grid.lg-15{width:15%}.grids.no-gap>.grid.lg-20{width:20%}.grids.no-gap>.grid.lg-25{width:25%}.grids.no-gap>.grid.lg-30{width:30%}.grids.no-gap>.grid.lg-35{width:35%}.grids.no-gap>.grid.lg-40{width:40%}.grids.no-gap>.grid.lg-45{width:45%}.grids.no-gap>.grid.lg-50{width:50%}.grids.no-gap>.grid.lg-60{width:60%}.grids.no-gap>.grid.lg-70{width:70%}.grids.no-gap>.grid.lg-75{width:75%}.grids.no-gap>.grid.lg-80{width:80%}.grids.no-gap>.grid.lg-90{width:90%}.grids.no-gap>.grid.lg-100{width:100%}.grids.no-gap>.grid.lg-1-3{width:33.3333%}.grids.no-gap>.grid.lg-2-3{width:66.6666%}.gallery-grids>.grid{width:calc(50% - var(--ggs))}.gallery-grids>.grid.lg-0{display:none}.gallery-grids>.grid.lg-10{width:calc(10% - var(--ggs))}.gallery-grids>.grid.lg-15{width:calc(15% - var(--ggs))}.gallery-grids>.grid.lg-20{width:calc(20% - var(--ggs))}.gallery-grids>.grid.lg-25{width:calc(25% - var(--ggs))}.gallery-grids>.grid.lg-30{width:calc(30% - var(--ggs))}.gallery-grids>.grid.lg-35{width:calc(35% - var(--ggs))}.gallery-grids>.grid.lg-40{width:calc(40% - var(--ggs))}.gallery-grids>.grid.lg-45{width:calc(45% - var(--ggs))}.gallery-grids>.grid.lg-50{width:calc(50% - var(--ggs))}.gallery-grids>.grid.lg-60{width:calc(60% - var(--ggs))}.gallery-grids>.grid.lg-70{width:calc(70% - var(--ggs))}.gallery-grids>.grid.lg-75{width:calc(75% - var(--ggs))}.gallery-grids>.grid.lg-80{width:calc(80% - var(--ggs))}.gallery-grids>.grid.lg-90{width:calc(90% - var(--ggs))}.gallery-grids>.grid.lg-100{width:calc(100% - var(--ggs))}.gallery-grids>.grid.lg-1-3{width:calc(33.3333% - var(--ggs))}.gallery-grids>.grid.lg-2-3{width:calc(66.6666% - var(--ggs))}.gallery-grids>.grid.lg-mt-0{margin-top:0}}@media screen and (min-width:768px) and (max-width:991.98px){.grids>.grid{width:calc(100% - var(--gs))}.gallery-grids>.grid{width:calc(100% - var(--ggs))}.grids>.grid{width:calc(50% - var(--gs))}.grids>.grid.sm-10{width:calc(10% - var(--gs))}.grids>.grid.sm-15{width:calc(15% - var(--gs))}.grids>.grid.sm-20{width:calc(20% - var(--gs))}.grids>.grid.sm-25{width:calc(25% - var(--gs))}.grids>.grid.sm-30{width:calc(30% - var(--gs))}.grids>.grid.sm-35{width:calc(35% - var(--gs))}.grids>.grid.sm-40{width:calc(40% - var(--gs))}.grids>.grid.sm-45{width:calc(45% - var(--gs))}.grids>.grid.sm-50{width:calc(50% - var(--gs))}.grids>.grid.sm-60{width:calc(60% - var(--gs))}.grids>.grid.sm-70{width:calc(70% - var(--gs))}.grids>.grid.sm-75{width:calc(75% - var(--gs))}.grids>.grid.sm-80{width:calc(80% - var(--gs))}.grids>.grid.sm-90{width:calc(90% - var(--gs))}.grids>.grid.sm-100{width:calc(100% - var(--gs))}.grids>.grid.sm-1-3{width:calc(33.3333% - var(--gs))}.grids>.grid.sm-2-3{width:calc(66.6666% - var(--gs))}.grids.no-gap>.grid{width:50%}.grids.no-gap>.grid.sm-10{width:10%}.grids.no-gap>.grid.sm-15{width:15%}.grids.no-gap>.grid.sm-20{width:20%}.grids.no-gap>.grid.sm-25{width:25%}.grids.no-gap>.grid.sm-30{width:30%}.grids.no-gap>.grid.sm-35{width:35%}.grids.no-gap>.grid.sm-40{width:40%}.grids.no-gap>.grid.sm-45{width:45%}.grids.no-gap>.grid.sm-50{width:50%}.grids.no-gap>.grid.sm-60{width:60%}.grids.no-gap>.grid.sm-70{width:70%}.grids.no-gap>.grid.sm-75{width:75%}.grids.no-gap>.grid.sm-80{width:80%}.grids.no-gap>.grid.sm-90{width:90%}.grids.no-gap>.grid.sm-100{width:100%}.grids.no-gap>.grid.sm-1-3{width:33.3333%}.grids.no-gap>.grid.sm-2-3{width:66.6666%}.gallery-grids>.grid{width:calc(50% - var(--ggs))}.gallery-grids>.grid.sm-10{width:calc(10% - var(--ggs))}.gallery-grids>.grid.sm-15{width:calc(15% - var(--ggs))}.gallery-grids>.grid.sm-20{width:calc(20% - var(--ggs))}.gallery-grids>.grid.sm-25{width:calc(25% - var(--ggs))}.gallery-grids>.grid.sm-30{width:calc(30% - var(--ggs))}.gallery-grids>.grid.sm-35{width:calc(35% - var(--ggs))}.gallery-grids>.grid.sm-40{width:calc(40% - var(--ggs))}.gallery-grids>.grid.sm-45{width:calc(45% - var(--ggs))}.gallery-grids>.grid.sm-50{width:calc(50% - var(--ggs))}.gallery-grids>.grid.sm-60{width:calc(60% - var(--ggs))}.gallery-grids>.grid.sm-70{width:calc(70% - var(--ggs))}.gallery-grids>.grid.sm-75{width:calc(75% - var(--ggs))}.gallery-grids>.grid.sm-80{width:calc(80% - var(--ggs))}.gallery-grids>.grid.sm-90{width:calc(90% - var(--ggs))}.gallery-grids>.grid.sm-100{width:calc(100% - var(--ggs))}.gallery-grids>.grid.sm-1-3{width:calc(33.3333% - var(--ggs))}.gallery-grids>.grid.sm-2-3{width:calc(66.6666% - var(--ggs))}.grids>.grid{width:calc(50% - var(--gs))}.grids>.grid.md-0{display:none}.grids>.grid.md-10{width:calc(10% - var(--gs))}.grids>.grid.md-15{width:calc(15% - var(--gs))}.grids>.grid.md-20{width:calc(20% - var(--gs))}.grids>.grid.md-25{width:calc(25% - var(--gs))}.grids>.grid.md-30{width:calc(30% - var(--gs))}.grids>.grid.md-35{width:calc(35% - var(--gs))}.grids>.grid.md-40{width:calc(40% - var(--gs))}.grids>.grid.md-45{width:calc(45% - var(--gs))}.grids>.grid.md-50{width:calc(50% - var(--gs))}.grids>.grid.md-60{width:calc(60% - var(--gs))}.grids>.grid.md-70{width:calc(70% - var(--gs))}.grids>.grid.md-75{width:calc(75% - var(--gs))}.grids>.grid.md-80{width:calc(80% - var(--gs))}.grids>.grid.md-90{width:calc(90% - var(--gs))}.grids>.grid.md-100{width:calc(100% - var(--gs))}.grids>.grid.md-1-3{width:calc(33.3333% - var(--gs))}.grids>.grid.md-2-3{width:calc(66.6666% - var(--gs))}.grids>.grid.md-mt-0{margin-top:0}.grids.no-gap>.grid{width:50%}.grids.no-gap>.grid.md-10{width:10%}.grids.no-gap>.grid.md-15{width:15%}.grids.no-gap>.grid.md-20{width:20%}.grids.no-gap>.grid.md-25{width:25%}.grids.no-gap>.grid.md-30{width:30%}.grids.no-gap>.grid.md-35{width:35%}.grids.no-gap>.grid.md-40{width:40%}.grids.no-gap>.grid.md-45{width:45%}.grids.no-gap>.grid.md-50{width:50%}.grids.no-gap>.grid.md-60{width:60%}.grids.no-gap>.grid.md-70{width:70%}.grids.no-gap>.grid.md-75{width:75%}.grids.no-gap>.grid.md-80{width:80%}.grids.no-gap>.grid.md-90{width:90%}.grids.no-gap>.grid.md-100{width:100%}.grids.no-gap>.grid.md-1-3{width:33.3333%}.grids.no-gap>.grid.md-2-3{width:66.6666%}.gallery-grids>.grid{width:calc(50% - var(--ggs))}.gallery-grids>.grid.md-0{display:none}.gallery-grids>.grid.md-10{width:calc(10% - var(--ggs))}.gallery-grids>.grid.md-15{width:calc(15% - var(--ggs))}.gallery-grids>.grid.md-20{width:calc(20% - var(--ggs))}.gallery-grids>.grid.md-25{width:calc(25% - var(--ggs))}.gallery-grids>.grid.md-30{width:calc(30% - var(--ggs))}.gallery-grids>.grid.md-35{width:calc(35% - var(--ggs))}.gallery-grids>.grid.md-40{width:calc(40% - var(--ggs))}.gallery-grids>.grid.md-45{width:calc(45% - var(--ggs))}.gallery-grids>.grid.md-50{width:calc(50% - var(--ggs))}.gallery-grids>.grid.md-60{width:calc(60% - var(--ggs))}.gallery-grids>.grid.md-70{width:calc(70% - var(--ggs))}.gallery-grids>.grid.md-75{width:calc(75% - var(--ggs))}.gallery-grids>.grid.md-80{width:calc(80% - var(--ggs))}.gallery-grids>.grid.md-90{width:calc(90% - var(--ggs))}.gallery-grids>.grid.md-100{width:calc(100% - var(--ggs))}.gallery-grids>.grid.md-1-3{width:calc(33.3333% - var(--ggs))}.gallery-grids>.grid.md-2-3{width:calc(66.6666% - var(--ggs))}.gallery-grids>.grid.md-mt-0{margin-top:0}}@media screen and (min-width:576px) and (max-width:767.98px){.grids>.grid{width:calc(100% - var(--gs))}.gallery-grids>.grid{width:calc(100% - var(--ggs))}.grids>.grid{width:calc(50% - var(--gs))}.grids>.grid.sm-0{display:none}.grids>.grid.sm-10{width:calc(10% - var(--gs))}.grids>.grid.sm-15{width:calc(15% - var(--gs))}.grids>.grid.sm-20{width:calc(20% - var(--gs))}.grids>.grid.sm-25{width:calc(25% - var(--gs))}.grids>.grid.sm-30{width:calc(30% - var(--gs))}.grids>.grid.sm-35{width:calc(35% - var(--gs))}.grids>.grid.sm-40{width:calc(40% - var(--gs))}.grids>.grid.sm-45{width:calc(45% - var(--gs))}.grids>.grid.sm-50{width:calc(50% - var(--gs))}.grids>.grid.sm-60{width:calc(60% - var(--gs))}.grids>.grid.sm-70{width:calc(70% - var(--gs))}.grids>.grid.sm-75{width:calc(75% - var(--gs))}.grids>.grid.sm-80{width:calc(80% - var(--gs))}.grids>.grid.sm-90{width:calc(90% - var(--gs))}.grids>.grid.sm-100{width:calc(100% - var(--gs))}.grids>.grid.sm-1-3{width:calc(33.3333% - var(--gs))}.grids>.grid.sm-2-3{width:calc(66.6666% - var(--gs))}.grids>.grid.sm-mt-0{margin-top:0}.grids.no-gap>.grid{width:50%}.grids.no-gap>.grid.sm-10{width:10%}.grids.no-gap>.grid.sm-15{width:15%}.grids.no-gap>.grid.sm-20{width:20%}.grids.no-gap>.grid.sm-25{width:25%}.grids.no-gap>.grid.sm-30{width:30%}.grids.no-gap>.grid.sm-35{width:35%}.grids.no-gap>.grid.sm-40{width:40%}.grids.no-gap>.grid.sm-45{width:45%}.grids.no-gap>.grid.sm-50{width:50%}.grids.no-gap>.grid.sm-60{width:60%}.grids.no-gap>.grid.sm-70{width:70%}.grids.no-gap>.grid.sm-75{width:75%}.grids.no-gap>.grid.sm-80{width:80%}.grids.no-gap>.grid.sm-90{width:90%}.grids.no-gap>.grid.sm-100{width:100%}.grids.no-gap>.grid.sm-1-3{width:33.3333%}.grids.no-gap>.grid.sm-2-3{width:66.6666%}.gallery-grids>.grid{width:calc(50% - var(--ggs))}.gallery-grids>.grid.sm-0{display:none}.gallery-grids>.grid.sm-10{width:calc(10% - var(--ggs))}.gallery-grids>.grid.sm-15{width:calc(15% - var(--ggs))}.gallery-grids>.grid.sm-20{width:calc(20% - var(--ggs))}.gallery-grids>.grid.sm-25{width:calc(25% - var(--ggs))}.gallery-grids>.grid.sm-30{width:calc(30% - var(--ggs))}.gallery-grids>.grid.sm-35{width:calc(35% - var(--ggs))}.gallery-grids>.grid.sm-40{width:calc(40% - var(--ggs))}.gallery-grids>.grid.sm-45{width:calc(45% - var(--ggs))}.gallery-grids>.grid.sm-50{width:calc(50% - var(--ggs))}.gallery-grids>.grid.sm-60{width:calc(60% - var(--ggs))}.gallery-grids>.grid.sm-70{width:calc(70% - var(--ggs))}.gallery-grids>.grid.sm-75{width:calc(75% - var(--ggs))}.gallery-grids>.grid.sm-80{width:calc(80% - var(--ggs))}.gallery-grids>.grid.sm-90{width:calc(90% - var(--ggs))}.gallery-grids>.grid.sm-100{width:calc(100% - var(--ggs))}.gallery-grids>.grid.sm-1-3{width:calc(33.3333% - var(--ggs))}.gallery-grids>.grid.sm-2-3{width:calc(66.6666% - var(--ggs))}.gallery-grids>.grid.sm-mt-0{margin-top:0}}@media screen and (max-width:575.98px){.grids>.grid{width:calc(100% - var(--gs))!important}.grids>.grid.xs-10{width:calc(10% - var(--gs))!important}.grids>.grid.xs-15{width:calc(15% - var(--gs))!important}.grids>.grid.xs-20{width:calc(20% - var(--gs))!important}.grids>.grid.xs-25{width:calc(25% - var(--gs))!important}.grids>.grid.xs-30{width:calc(30% - var(--gs))!important}.grids>.grid.xs-35{width:calc(35% - var(--gs))!important}.grids>.grid.xs-40{width:calc(40% - var(--gs))!important}.grids>.grid.xs-45{width:calc(45% - var(--gs))!important}.grids>.grid.xs-50{width:calc(50% - var(--gs))!important}.grids>.grid.xs-60{width:calc(60% - var(--gs))!important}.grids>.grid.xs-70{width:calc(70% - var(--gs))!important}.grids>.grid.xs-75{width:calc(75% - var(--gs))!important}.grids>.grid.xs-80{width:calc(80% - var(--gs))!important}.grids>.grid.xs-90{width:calc(90% - var(--gs))!important}.grids>.grid.xs-100{width:calc(100% - var(--gs))!important}.grids>.grid.xs-1-3{width:calc(33.3333% - var(--gs))!important}.grids>.grid.xs-2-3{width:calc(66.6666% - var(--gs))!important}.grids.no-gap>.grid{width:100%!important}.grids.no-gap>.grid.xs-50{width:50%!important}.grids>.grid.xs-mt-0{margin-top:0}.grids>.grid.xs-0{display:none}.gallery-grids>.grid{width:calc(100% - var(--ggs))}.gallery-grids>.grid.xs-10{width:calc(10% - var(--ggs))!important}.gallery-grids>.grid.xs-15{width:calc(15% - var(--ggs))!important}.gallery-grids>.grid.xs-20{width:calc(20% - var(--ggs))!important}.gallery-grids>.grid.xs-25{width:calc(25% - var(--ggs))!important}.gallery-grids>.grid.xs-30{width:calc(30% - var(--ggs))!important}.gallery-grids>.grid.xs-35{width:calc(35% - var(--ggs))!important}.gallery-grids>.grid.xs-40{width:calc(40% - var(--ggs))!important}.gallery-grids>.grid.xs-45{width:calc(45% - var(--ggs))!important}.gallery-grids>.grid.xs-50{width:calc(50% - var(--ggs))!important}.gallery-grids>.grid.xs-60{width:calc(60% - var(--ggs))!important}.gallery-grids>.grid.xs-70{width:calc(70% - var(--ggs))!important}.gallery-grids>.grid.xs-75{width:calc(75% - var(--ggs))!important}.gallery-grids>.grid.xs-80{width:calc(80% - var(--ggs))!important}.gallery-grids>.grid.xs-90{width:calc(90% - var(--ggs))!important}.gallery-grids>.grid.xs-100{width:calc(100% - var(--ggs))!important}.gallery-grids>.grid.xs-1-3{width:calc(33.3333% - var(--ggs))!important}.gallery-grids>.grid.xs-2-3{width:calc(66.6666% - var(--ggs))!important}.gallery-grids>.grid.xs-mt-0{margin-top:0}.gallery-grids>.grid.xs-0{display:none}}
:root {
    --bradius: .4375rem
}

html,
body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    font-family: 'Noto Sans Thai', sans-serif
}

body.loading {
    height: 100vh !important;
    overflow-y: hidden !important
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: none
}

a {
    color: inherit;
    transition: opacity .25s, color .25s
}

a,
a:hover {
    text-decoration: none
}

a.link {
    text-decoration: underline
}

img.img {
    display: block;
    width: 100%;
    height: auto
}

img.img.sm {
    max-width: 34rem;
    margin: 0 auto
}

.fit {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.mt-4-7{
    margin-top: 1.7rem !important;
}
.img-fill {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

html.loaded-opened,
body.loaded-opened,
html.topnav-dropdown-opened,
body.topnav-dropdown-opened,
html.global-search-opened,
body.global-search-opened,
html.popup-container-opened,
body.popup-container-opened {
    overflow-y: hidden !important
}

@media screen and (max-width:1199.98px) {

    html.sidenav-opened,
    body.sidenav-opened {
        overflow-y: hidden !important
    }
}

.section-padding {
    padding: 4rem 0
}

.section-padding-top {
    padding-top: 2rem !important
}

.container {
    position: relative;
    width: 100%;
    max-width: calc(1300px - 2rem);
    padding: 0;
    margin: 0 auto
}

@media screen and (min-width:1600px) {
    .container {
        max-width: calc(1600px - 2rem)
    }
}

@media screen and (max-width:1299.98px) {
    .container {
        max-width: calc(1200px - 2rem)
    }
}

@media screen and (max-width:1199.98px) {
    .container {
        max-width: calc(992px - 2rem)
    }
}

@media screen and (max-width:991.98px) {
    .section-padding {
        padding: 3.5rem 0
    }

    .section-padding-top {
        padding-top: 1.5rem !important
    }

    .container {
        max-width: calc(768px - 2rem)
    }
}

@media screen and (max-width:767.98px) {
    .section-padding {
        padding: 3rem 0
    }

    .section-padding-top {
        padding-top: .5rem !important
    }

    .container {
        max-width: calc(578px - 2rem)
    }
}

@media screen and (max-width:575.98px) {
    .section-padding {
        padding: 2.5rem 0
    }

    .section-padding-top {
        padding-top: .25rem !important
    }

    .container {
        max-width: calc(100% - 2rem)
    }
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
.p,
li,
label {
    margin: 0;
    font-weight: 300;
    line-height: 1.6
}

h1,
.h1 {
    font-size: 4rem;
    line-height: 1.15
}

h2,
.h2 {
    font-size: 2.375rem;
    line-height: 1.25
}

h2.lg,
.h2.lg {
    font-size: 3rem;
    line-height: 1.25
}

h3,
.h3 {
    font-size: 2rem;
    line-height: 1.45
}

h4,
.h4 {
    font-size: 1.875rem
}

h5,
.h5 {
    font-size: 1.375rem
}

h5.sm,
.h5.sm {
    font-size: 1.25rem
}

h6,
.h6 {
    font-size: 1.125rem
}

p,
.p,
li,
label {
    font-size: 1rem
}

p.md,
.p.md,
li.md,
label.md {
    font-size: .9375rem
}

p.sm,
.p.sm,
li.sm,
label.sm {
    font-size: .875rem
}

p.xs,
.p.xs,
li.xs,
label.xs {
    font-size: .8125rem
}

p.xxs,
.p.xxs,
li.xxs,
label.xxs {
    font-size: .6875rem
}

@media screen and (max-width:1199.98px) {

    h1,
    .h1 {
        font-size: 3.75rem;
        line-height: 1.15
    }

    h2,
    .h2 {
        font-size: 2.1875rem;
        line-height: 1.25
    }

    h2.lg,
    .h2.lg {
        font-size: 2.1875rem;
        line-height: 1.25
    }

    h3,
    .h3 {
        font-size: 1.75rem;
        line-height: 1.45
    }

    h4,
    .h4 {
        font-size: 1.625rem
    }
}

@media screen and (max-width:991.98px) {

    h1,
    .h1 {
        font-size: 3.375rem;
        line-height: 1.2
    }

    h2,
    .h2 {
        font-size: 2rem;
        line-height: 1.3
    }

    h2.lg,
    .h2.lg {
        font-size: 2rem;
        line-height: 1.3
    }

    h3,
    .h3 {
        font-size: 1.75rem;
        line-height: 1.5
    }

    h4,
    .h4 {
        font-size: 1.625rem
    }

    h5,
    .h5 {
        font-size: 1.3125rem
    }
}

@media screen and (max-width:767.98px) {

    h1,
    .h1 {
        font-size: 3rem;
        line-height: 1.25
    }

    h2,
    .h2 {
        font-size: 1.875rem;
        line-height: 1.4
    }

    h2.lg,
    .h2.lg {
        font-size: 1.875rem;
        line-height: 1.4
    }

    h3,
    .h3 {
        font-size: 1.5625rem;
        line-height: 1.55
    }

    h4,
    .h4 {
        font-size: 1.4375rem
    }

    h6,
    .h6 {
        font-size: 1.0625rem
    }

    h5,
    .h5 {
        font-size: 1.25rem
    }

    h5.sm,
    .h5.sm {
        font-size: 1.125rem
    }
}

@media screen and (max-width:575.98px) {

    h1,
    .h1 {
        font-size: 2.5rem;
        line-height: 1.3
    }

    h2,
    .h2 {
        font-size: 1.625rem;
        line-height: 1.5
    }

    h2.lg,
    .h2.lg {
        font-size: 1.625rem;
        line-height: 1.5
    }

    h3,
    .h3 {
        font-size: 1.375rem;
        line-height: 1.6
    }

    h4,
    .h4 {
        font-size: 1.25rem
    }

    h5,
    .h5 {
        font-size: 1.125rem
    }

    h6,
    .h6 {
        font-size: 1rem
    }

    p,
    .p,
    li,
    label {
        font-size: .9375rem
    }
}

@keyframes avatarOnline {
    0% {
        transform: translateX(-50%)translateY(-50%)translateZ(0)scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%)translateY(-50%)translateZ(0)scale(1.5);
        opacity: 0
    }
}

@keyframes btnVideo {
    0% {
        transform: translateX(-50%)translateY(-50%)translateZ(0)scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%)translateY(-50%)translateZ(0)scale(1.5);
        opacity: 0
    }
}

.avatar-status {
    position: absolute;
    bottom: 0rem;
    right: .5rem;
    z-index: 3
}

.avatar-online {
    position: relative;
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.avatar-online:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: avatarOnline 1.5s ease-out infinite
}

.avatar-online:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s
}

.btns-group {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:991.98px) {
    .btns-group .btns {
        width: 100%;
        flex-wrap: nowrap
    }
}

@media screen and (max-width:798.98px) {
    .btns-group {
        flex-direction: column
    }

    .btns-group .btns .btn {
        width: 100% !important;
        min-width: unset
    }
}

.btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -.25rem -.125rem 0 -.125rem;
    width: calc(100% + .25rem)
}

.btns>.btn {
    margin: .25rem .3125rem 0 .3125rem
}

.btn.btn-action {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    outline: none;
    box-shadow: none;
    white-space: nowrap;
    border: .125rem solid #fff0;
    padding: .4375rem 1.25rem .3125rem 1.25rem;
    text-decoration: none;
    border-radius: 1000em;
    min-width: 9rem;
    text-align: center;
    cursor: pointer;
    transition: all .25s
}

.btn.btn-action.sm {
    font-size: .75rem;
    padding: .375rem .375rem .25rem .375rem
}

.btn.btn-action.upload-file {
    border-radius: 0 .375rem .375rem 0
}

.btn.btn-action .icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.btn.btn-action .icon-wrapper .icon {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    justify-content: start;
    align-items: center
}

.btn.btn-action .icon-wrapper.style-02 .icon {
    justify-content: center;
    border-radius: 50%;
    transition: margin .25s
}

.btn.btn-action:hover .icon-wrapper.style-02 .icon {
    margin-left: 1rem !important
}

.btn.btn-action .icon-wrapper .icon svg,
.btn.btn-action .icon-wrapper .icon img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1rem
}

.btn.btn-01 {
    position: relative;
    overflow: hidden
}

.btn.btn-01>* {
    position: relative
}

.btn.btn-01::before {
    content: '';
    position: absolute;
    height: 0;
    transition: all .25s;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.btn.btn-01:hover::before,
.btn.btn-01.active::before {
    height: 100%;
    top: unset
}

.btn.btn-01.style-03:hover svg.h-icon path {
    transition: fill .25s
}

.btn-play {
    position: relative;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.btn-play>*:first-child {
    position: relative;
    z-index: 3
}

.btn-play:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: btnVideo 1.5s ease-out infinite
}

.btn-play:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    transform: translateX(-50%)translateY(-50%);
    transition: all .2s
}

.btn-play.xl,
.btn-play.xl:after {
    width: 5rem;
    height: 5rem
}

.btn-play.lg,
.btn-play.lg:after {
    width: 3rem;
    height: 3rem
}

.btn-play.md,
.btn-play.md:after {
    width: 2.5rem;
    height: 2.5rem
}

.btn-play.sm,
.btn-play.sm:after {
    width: 2rem;
    height: 2rem
}

.btn-play.xs,
.btn-play.xs:after {
    width: 1.5rem;
    height: 1.5rem
}

.book-container {
    width: 100%;
    height: 580px;
    position: relative;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgb(10 17 43 / .1);
    border-radius: var(--bradius)
}

.book-container.minisite {
    height: 500px
}

@media screen and (max-width:1199.98px) {
    .book-container {
        height: 500px
    }

    .book-container.minisite {
        height: 480px
    }
}

@media screen and (max-width:991.98px) {
    .book-container.minisite {
        height: 360px
    }
}

@media screen and (max-width:767.98px) {
    .book-container {
        height: 420px
    }

    .book-container.minisite {
        height: 380px
    }
}

@media screen and (max-width:575.98px) {
    .book-container {
        height: 320px
    }

    .book-container.minisite {
        height: 320px
    }
}

.curve-01 {
    clip-path: ellipse(85% 50% at 50% 40%)
}

.curve-01.style-02 {
    clip-path: ellipse(80% 55% at 50% 40%)
}

.curve-02 {
    clip-path: ellipse(71% 59% at 50% 40%)
}

.curve-03 {
    clip-path: ellipse(100% 60% at 50% 40%)
}

.curve-04 {
    clip-path: ellipse(85% 60% at 50% 40%)
}

.custom-file-input {
    display: block;
    overflow: hidden;
    position: relative;
    border: 1px solid #fff0;
    border-radius: .5625rem
}

.custom-file-input input[type="file"] {
    min-width: 9rem;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    pointer-events: all;
    cursor: pointer
}

.custom-file-input .btns {
    position: absolute;
    top: 0;
    right: 0;
    width: unset;
    cursor: pointer;
    margin: -.25rem -.3125rem 0 -.125rem
}

.custom-file-input .btns .btn {
    min-width: 7rem
}

.captcha-container img {
    display: block;
    max-width: auto;
    width: auto;
    max-height: 100%;
    height: 5.5rem
}

.clipboard-link {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    display: flex;
    z-index: 2;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem
}

.clipboard-link.left {
    right: unset;
    left: 1.5rem
}

.clipboard-link svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1.3125rem
}

[data-href] {
    cursor: pointer
}

.daterangepicker {
    z-index: 1
}

.daterangepicker .drp-buttons .btn {
    border-radius: 1000em;
    min-width: 5rem;
    font-weight: 400;
    border: none;
    cursor: pointer;
    transition: opacity .25s
}

.daterangepicker .drp-buttons .btn:hover {
    opacity: .8
}

.event-lists .wrapper {
    display: flex;
    align-items: start
}

.event-lists>.event-list {
    border-bottom: 1px solid #fff0;
    padding: 1rem 0
}
@media screen and (max-width:490.98px) {
    .event-lists>.event-list .title {
        padding-left: 2rem;
    }
}
.event-lists>.event-list .title {
    display: block;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    transition: color .25s;
    -webkit-line-clamp: 2
}

.event-lists .wrapper .date-time {
    width: 5rem
}
.search-content{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.event-lists .wrapper .text-container {
    width: calc(100% - 5rem)
}

.event-lists .wrapper .text-container .event-type {
    display: flex;
    align-items: center
}

.event-lists .wrapper .text-container .dot {
    width: .75rem;
    height: .75rem;
    margin-right: .625rem;
    border-radius: 50%
}

.progress-bar {
    width: 100%;
    height: .5rem;
    border-radius: 1000em;
    overflow: hidden
}

.progress-inner {
    width: 80%;
    height: 100%
}

.progress-inner.width-90 {
    width: 90%
}

.progress-inner.width-80 {
    width: 80%
}

.progress-inner.width-50 {
    width: 50%
}

.progress-inner.width-25 {
    width: 25%
}

.progress-inner.width-25 {
    width: 5%
}

.radio-container {
    display: block;
    position: relative;
    padding: 1rem 1rem 1rem 2.3125rem;
    border-radius: .4375rem;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: rgb(0 0 0 / .15) 0 2px 8px;
    border: 1px solid #fff0;
    transition: border .25s
}

.radio-container .percent {
    position: absolute;
    top: 1rem;
    right: 1rem
}

.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.radio-container .checkmark {
    position: absolute;
    top: 1.3125rem;
    left: .75rem;
    transition: background .25s;
    height: 15px;
    width: 15px;
    border-radius: 50%
}

.radio-container .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.radio-container input:checked~.checkmark:after {
    display: block
}

.radio-container .checkmark:after {
    top: 3px;
    left: .2rem;
    width: 9px;
    height: 9px;
    border-radius: 50%
}

.filter-01 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, #fff0 66.35%, #0A122D 100%, rgb(12 26 57 / .666667) 100%)
}

.filter-02 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, #fff0 0%, rgb(12 26 57 / .666667) 73%, #0A122D 100%)
}

.filter-01 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, #fff0 66.35%, #0A122D 100%, rgb(12 26 57 / .666667) 100%)
}

.filter-03 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, #fff0 0%, rgb(19 48 90 / .822917) 58.85%, #13305A 100%)
}

.filter-04 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(0 0 0 / .5)
}

.filter-04.op-60 {
    background: rgb(0 0 0 / .6)
}

.filter-05 {
    position: absolute;
    right: 0;
    top: 60%;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(180deg, #fff0 0%, #fff0 .01%, rgb(19 48 90 / .74) 52.47%, rgb(10 17 43 / .97) 93.7%)
}

.filter-06 {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgb(10 17 43 / .8) 0%, rgb(19 48 90 / .8) 100%)
}

.filter-07 {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(180deg, #fff0 0%, rgb(19 47 89 / .9) 86.37%)
}

.filter-08 {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgb(10 17 43 / .8) 0%, rgb(19 48 90 / .8) 100%)
}

.filter-09 {
    background: linear-gradient(180deg, #fff0 0%, rgb(19 47 89 / .496) 15.79%, rgb(10 17 44 / .8) 38.89%)
}

.filter-10 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(360deg, rgb(10 17 43 / .9) 19.29%, rgb(19 48 90 / .9) 100%)
}

.filter-11 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(19 48 90 / .77)
}

.filter-12 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(59 118 172 / .77)
}

.form-container-background {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    z-index: 100;
    padding: 1.5rem
}

.form-container-background .logo-container {
    position: absolute;
    display: flex;
    justify-content: center;
    transform: translateX(-50%);
    left: 50%;
    width: 100%;
    padding: 0 1.5rem
}

.form-container-background .logo-container .wrapper {
    display: flex;
    align-items: center
}

.form-container-background .logo-container .logo {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.form-container-background .logo-container .logo img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 3.5rem
}

.form-container-background .logo-container .text {
    padding: 0 .75rem;
    width: calc(100% - 4rem)
}

.form-container-background .pattern {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: none
}

.form-container-background .pattern img {
    display: block;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: auto
}

.form-container-background .form-wrapper {
    position: relative;
    width: 100%;
    max-width: 50rem;
    height: 31rem;
    border-radius: .75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    overflow: hidden
}

.form-container-background .form-wrapper .pattern {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.form-container-background .form-wrapper .pattern img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%
}

.form-container-background .form-wrapper>.form {
    width: 100%;
    max-width: 19rem;
    text-align: center;
    padding: 1rem;
    height: max-content;
}

.form-container-background .form-wrapper>.form.login {
    top: -0.5rem;
    position: relative;
    z-index: 1
}

.form-container-background .form-wrapper>.form.login .form-inner {
    border-radius: .75rem;
    overflow: hidden
}

.form-container-background .form-wrapper>.form.login input {
    border-radius: 0;
    padding: .75rem .875rem
}

.form-container-background .form-wrapper>.form.login input:focus {
    border-color: #ffffff !important
}

.form-container-background .form-wrapper>.form.login .form-group {
    margin-top: 0
}

.form-container-background .form-wrapper>.form.login .btn-login {
    top: -2.5rem;
}

.form-container-background .form-wrapper>.form.login .btn-login {
    position: absolute;
    top: -5rem;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity .3125s;
    pointer-events: none
}

.form-container-background .form-wrapper>.form.login .btn-login.active {
    opacity: 1;
    pointer-events: all
}

.form-container-background .form-wrapper>.form.register {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: transform .3125s;
    width: 100%;
    max-width: 100%;
    padding-top: 7rem;
    clip-path: ellipse(100% 55% at 50% 70%);
    transform: translateY(21rem);
    border-radius: .75rem;
    height: inherit;
}

.form-container-background .form-wrapper>.form.register .form-inner {
    padding: 0 6rem
}

.form-container-background .form-wrapper>.form.register .form-group {
    position: relative
}

.form-container-background .form-wrapper>.form.register .form-group .text-danger {
    position: absolute;
    top: 0;
    left: 0
}

.form-container-background .form-wrapper>.form.register input {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0;
    background: #fff0
}

.form-container-background .form-wrapper>.form.register .input-tooltip {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center
}

.form-container-background .input-tooltip .tooltips:before {
    top: 0;
    left: calc(100% + .5rem);
    transform: rotate(317deg)
}

.form-container-background .form-wrapper>.form.register .input-tooltip>.wrapper .tooltip-dropdown {
    top: -10.25rem;
    left: calc(100% + 1rem)
}

.form-container-background .form-wrapper>.form.register>.wrapper {
    opacity: 0;
    position: absolute;
    transition: opacity .3125s;
    pointer-events: none;
    width: 100%
}

.form-container-background .form-wrapper>.form.register.slide-up>.wrapper {
    opacity: 1;
    position: relative;
    pointer-events: all
}

.form-container-background .form-wrapper>.form.register.slide-up {
    transform: translateY(0)
}

.form-container-background .form-wrapper>.form.register .btn-signup {
    position: relative;
    transition: opacity .3125s;
    pointer-events: all
}

.form-container-background .form-wrapper>.form.register.slide-up .btn-signup {
    opacity: 0;
    position: absolute;
    pointer-events: none
}

.form-container-background>.wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh
}

.form-container-background .form-wrapper>.img-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media screen and (max-width:991.98px) {
    .form-container-background .form-wrapper>.form.register .form-inner {
        padding: 0 2rem
    }
}

@media screen and (max-width:767.98px) {
    .form-container-background .form-wrapper .pattern {
        filter: blur(3px)
    }
}

@media screen and (max-width:575.98px) {
    .form-container-background .form-wrapper>.form.register .form-inner {
        max-height: 21.875rem;
        overflow-y: scroll;
        margin-top: 1rem;
        overflow-x: hidden
    }

    .form-container-background .input-tooltip .tooltips:before {
        top: 2rem;
        right: 0;
        transform: rotate(45deg);
        left: unset
    }

    .form-container-background .form-wrapper>.form.register .input-tooltip>.wrapper .tooltip-dropdown {
        top: 2.5rem;
        right: -.75rem;
        left: unset
    }
}

@media screen and (max-width:390.98px) {
    .form-container-background .logo-container .text .title {
        font-size: .875rem
    }

    .form-container-background .form-wrapper>.form.register .form-inner {
        padding: 0 1rem
    }
    .scroll-x-wrapper {
        padding: .5rem 0 .5rem 0 !important
    }
}

.form-group {
    position: relative;
    margin: .5625rem 0 0 0
}

.form-group label {
    margin: 0 0 .125rem 0
}

.form-group .date-wrapper {
    display: block;
    width: 100%
}

.form-group input[type=text],
input[type=email] {
    position: relative;
    border: none;
    border-radius: .375rem;
    appearance: none;
    cursor: pointer;
    height: 100%;
    border: 1px solid #fff0
}

.form-group select {
    position: relative;
    border: none;
    border-radius: .375rem;
    appearance: none;
    cursor: pointer;
    height: 100%;
    border: 1px solid #fff0
}

.form-group .dropdown-icon {
    position: absolute;
    right: 0;
    pointer-events: none;
    width: 2.5rem;
    height: 100%;
    border-radius: 0 .375rem .375rem 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff0
}

.form-group .login-tooltip {
    position: absolute;
    top: 50%;
    left: calc(100% + 1rem);
    z-index: 3;
    width: 100%;
    max-width: 10rem;
    transform: translate(0, -50%);
    border-radius: .25rem
}

.form-group .login-tooltip .wrapper {
    position: relative;
    height: 100%;
    padding: .3125rem
}

.form-group .login-tooltip .wrapper::before {
    content: '';
    position: absolute;
    top: 49%;
    left: 0;
    width: .75rem;
    height: .75rem;
    transform: rotate(317deg) translate(0, -50%);
    z-index: 2;
    border: 1px solid #fff0;
    border-right: 0;
    border-bottom: 0;
    transition: opacity .25s
}

.form-group input.bradius-top {
    border-radius: .75rem .75rem 0 0 !important
}

.form-group input.bradius-bottom {
    border-radius: 0 0 .75rem .75rem !important
}

@media screen and (max-width:720.98px) {
    .form-group .login-tooltip {
        left: .5rem;
        background: transparent !important;
        pointer-events: none;
        width: unset;
        transform: translate(0, 0);
        bottom: 0
    }

    .form-group .login-tooltip .wrapper::before {
        display: none;
        pointer-events: none
    }

    .form-group .login-tooltip .wrapper *:first-child {
        font-size: .75rem !important
    }
}

.form-check {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 1.5rem
}

.form-check label {
    font-size: .9375rem;
    font-weight: 300;
    margin: .1875rem 0 0 0;
    cursor: pointer
}

.form-check>input[type="checkbox"],
.form-check>input[type="radio"] {
    font-size: 1rem;
    width: 1rem;
    height: 1rem;
    cursor: pointer
}

.form-check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .25rem;
    height: 1.375rem;
    width: 1.375rem;
    cursor: pointer
}

.form-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.form-check .checkmark:after {
    left: .46875rem;
    top: 4px;
    width: 5px;
    height: 9px;
    border: solid #fff0;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.form-check .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.form-check input:checked~.checkmark:after {
    display: block
}

.hamburger {
    cursor: pointer
}

.hamburger>* {
    position: relative;
    width: 1.625rem;
    height: .125rem;
    transform: translateX(.375rem);
    transition: all .45s
}

.hamburger>*:nth-child(2) {
    margin: .4375rem 0;
    width: 2rem;
    transform: none
}

.hamburger.active>*:nth-child(1) {
    width: 2rem;
    -webkit-transform: rotate(-45deg)translate(-.4rem, .4rem);
    transform: rotate(-45deg)translate(-.4rem, .4rem)
}

.hamburger.active>*:nth-child(2) {
    opacity: 0;
    transform: translateX(2rem)
}

.hamburger.active>*:nth-child(3) {
    width: 2rem;
    -webkit-transform: rotate(45deg)translate(-.4rem, -.4rem);
    transform: rotate(45deg)translate(-.4rem, -.4rem)
}

.highlight {
    padding: 1rem
}

.h-op {
    transition: opacity .25s
}

.h-op:hover {
    opacity: .7
}

input[type=text],
input[type=email],
input[type=password],
input[type=date],
input[type=tel],
input[type=number],
input[type=phone],
input[type=submit],
input[type=file],
select,
textarea,
button {
    font-family: 'Noto Sans Thai', sans-serif
}

input[type=text],
input[type=search],
input[type=email],
input[type=password],
input[type=date],
input[type=tel],
input[type=number],
input[type=phone],
input[type=submit],
input[type=file],
select,
textarea {
    box-shadow: none !important;
    width: 100%;
    padding: .4375rem .875rem;
    font-size: 1rem;
    font-weight: 400;
    margin: 0;
    line-height: 1.5;
    outline: none !important;
    transition: border-color .25s, color .25s;
    border-radius: .375rem;
    border: 1px solid #fff0
}

#search::-webkit-search-cancel-button {
    position: relative;
    border: none;
    border-radius: .375rem;
    appearance: none;
    cursor: pointer;
    height: 100%;
    border: 1px solid #fff0;
    width: 100%
}

#input-002::-webkit-search-cancel-button {
    position: relative;
    right: 0;
    -webkit-appearance: none;
    cursor: pointer;
    transition: opacity .25s;
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 50%;
    background: url(../img/icon/29.png)
}

#input-002::-webkit-search-cancel-button:hover {
    opacity: .8
}

input::placeholder {
    font-family: 'Noto Sans Thai', sans-serif
}

input.ss-width {
    width: calc(100% - 2.125rem)
}

@media screen and (max-width:991.98px) {
    input.ss-width.md-w-full {
        width: 100%
    }
}

.input-tooltip .tooltips {
    position: relative;
    width: 1.125rem;
    margin-left: 1rem
}

.input-tooltip .tooltips:before {
    content: '';
    position: absolute;
    top: 2rem;
    right: 0;
    width: 1rem;
    height: 1rem;
    transform: rotate(45deg);
    z-index: 2;
    border: 1px solid #fff0;
    border-right: 0;
    border-bottom: 0;
    transition: opacity .25s;
    opacity: 0
}

.input-tooltip .tooltips:hover::before {
    opacity: 1
}

.input-tooltip input {
    width: calc(100% - 2.125rem)
}

.input-tooltip>.wrapper {
    display: flex;
    align-items: center
}

.input-tooltip>.wrapper .tooltip-icon {
    width: 1.125rem;
    height: 1.125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.0625rem;
    cursor: pointer;
    transition: opacity .25s
}

.input-tooltip>.wrapper .tooltip-icon:hover {
    opacity: .7
}

.input-tooltip>.wrapper .tooltip-dropdown {
    position: absolute;
    top: 2.5rem;
    right: -.75rem;
    opacity: 0;
    transition: opacity .25s;
    pointer-events: none;
    width: calc(100% + 18rem);
    padding: 1rem;
    border-radius: .4375rem;
    border: 1px solid #fff0;
    z-index: 1;
    box-shadow: rgb(0 0 0 / .15) 0 0 110px 0
}

.input-tooltip.style-02>.wrapper .tooltip-dropdown {
    box-shadow: unset
}

.input-tooltip>.wrapper .tooltips:hover .tooltip-dropdown {
    opacity: 1;
    pointer-events: all
}

.input-tooltip .tooltips .tooltip-list {
    margin: .25rem 0
}

.input-tooltip .tooltips .tooltip-list>.wrapper {
    display: flex;
    align-items: center
}

.input-tooltip .tooltips .tooltip-list>.wrapper .icon {
    width: 1.125rem;
    height: 1.125rem;
    display: flex;
    align-items: center;
    margin-right: .3125rem
}

.input-tooltip .tooltips .tooltip-list>.wrapper .icon svg,
.input-tooltip .tooltips .tooltip-list>.wrapper .icon img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1.0625rem
}

@media screen and (max-width:575.98px) {
    .input-tooltip .tooltips:before {
        top: -1.5rem;
        right: 0;
        transform: rotate(225deg)
    }

    .input-tooltip>.wrapper .tooltip-dropdown {
        top: -17rem
    }
}

.list-header {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .125rem 0;
    margin: 0;
    border-bottom: 1px solid #fff0;
    padding-bottom: 1.5rem
}

.list-header>.block {
    display: block
}

.list-header .option {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    text-align: center;
    line-height: 2.3125rem;
    font-size: 1.0625rem;
    margin: 0;
    padding: 0;
    border-radius: 1000em;
    border: 1px solid #fff0;
    transition: color .25s, border-color .25s, background .25s
}

.list-header .option.search input,
.list-header .option.date input {
    min-height: 2.775rem
}

.list-header .option.search,
.list-header .option.cate,
.list-header .option.order,
.list-header .option.date {
    width: 28.5%
}

.list-header.style-02 .option.search,
.list-header.style-02 .option.cate,
.list-header.style-02 .option.order,
.list-header.style-02 .option.calendar,
.list-header.style-02 .option.date,
.list-header.style-02 .option.sub-cate {
    width: calc(100% / 4)
}

.list-header.style-03 .option.search {
    width: 43%
}

.list-header .option.cate,
.list-header .option.order,
.list-header .option.date,
.list-header .option.calendar,
.list-header.style-02 .option.sub-cate {
    padding-left: 1rem
}

.list-header .option.view {
    width: 13%;
    display: flex;
    justify-content: flex-end
}

.list-header .option .icon-view {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.875rem;
    height: 2.875rem;
    cursor: pointer;
    border: 1px solid #fff0;
    border-radius: 50%;
    font-size: 1.125rem;
    transition: all .25s
}

.list-header .option.view>.wrapper {
    position: relative;
    display: flex
}

.list-header .option {
    position: relative;
    min-height: 2.875rem
}

.list-header .option>.ui.icon.input input {
    min-height: 2.875rem !important;
    border: none
}

.list-header .option>select,
.list-header .option>input {
    position: relative;
    border-radius: .375rem;
    appearance: none;
    cursor: pointer;
    height: 100%;
    border: 1px solid #fff0
}

.list-header .option .dropdown-icon {
    position: absolute;
    right: 0;
    pointer-events: none;
    width: 2.5rem;
    height: 100%;
    border-radius: 0 .375rem .375rem 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff0
}

.list-header .option.search .dropdown-icon {
    pointer-events: all
}

.list-header .options {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    width: 100%
}

.list-header .option {
    display: flex;
    align-items: center
}

.list-header .option>.ui.icon.input input {
    background: #eeeeee !important;
    border: 1px solid #fff0
}

.list-header .option .icon-view img,
.list-header .option .icon-view svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1.5rem
}

.list-header .option .icon-view.disable {
    pointer-events: none
}

@media screen and (max-width:1199.98px) {
    .list-header .option.search {
        width: 33.33%
    }

    .list-header .option.cate,
    .list-header .option.order,
    .list-header .option.date,
    .list-header .option.calendar,
    .list-header .option.sub-cate,
    .list-header.style-03 .option.search {
        width: 33.33%
    }

    .list-header .option.view {
        width: 100%;
        margin-top: 1rem;
        justify-content: center
    }
}

@media screen and (max-width:991.98px) {

    .list-header .option.search,
    .list-header.style-03 .option.search {
        width: 100%
    }

    .list-header.style-02 .option.search,
    .list-header .option.cate,
    .list-header .option.order,
    .list-header .option.date {
        width: 50%;
        margin-top: 1rem
    }

    .list-header .option.rss {
        width: 100%;
        margin-top: 1rem !important;
        justify-content: center
    }

    .list-header .option.cate {
        padding-left: 0
    }

    .list-header.style-02 .option.cate {
        padding-left: 1rem
    }

    .list-header.style-02 .option.cate,
    .list-header.style-02 .option.order,
    .list-header.style-02 .option.date,
    .list-header.style-02 .option.calendar,
    .list-header.style-02 .option.sub-cate {
        width: 50%;
        margin-top: 1rem
    }

    .list-header.style-02.sub-cate-md-pl-0 .option.sub-cate,
    .list-header.style-02.order-md-pl-0 .option.order,
    .list-header.style-02.cate-md-pl-0 .option.cate {
        padding-left: 0
    }

    .list-header.style-02 .option.rss {
        width: 100%;
        margin-top: 1rem !important;
        justify-content: center
    }
}

@media screen and (max-width:575.98px) {
    .list-header .option {
        width: 100%
    }

    .list-header .option.cate,
    .list-header .option.order,
    .list-header .option.date {
        width: 100%;
        padding-left: 0
    }

    .list-header.style-02 .option.search,
    .list-header.style-02 .option.cate,
    .list-header.style-02 .option.order,
    .list-header.style-02 .option.date,
    .list-header.style-02 .option.calendar,
    .list-header.style-02 .option.sub-cate {
        width: 100%;
        padding-left: 0
    }

    .list-header .option.view {
        justify-content: center
    }

    .list-header .option>span {
        display: none
    }
}

.list-footer {
    margin: -.5rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 300;
    white-space: nowrap
}

.list-footer .option {
    display: flex;
    align-items: center;
    margin: .5rem 0
}

@media screen and (max-width:991.98px) {
    .list-footer {
        display: block
    }

    .list-footer .option {
        width: 100%;
        justify-content: center
    }
}

@media screen and (max-width:435.98px) {
    .list-footer .option {
        flex-direction: column
    }
}

.list-footer-member {
    margin: -.5rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 300;
    white-space: nowrap
}

.list-footer-member .option {
    display: flex;
    align-items: center;
    margin: .5rem 0
}

@media screen and (max-width:991.98px) {
    .list-footer-member {
        display: block
    }

    .list-footer-member .option {
        width: 100%;
        justify-content: center
    }
}

@media screen and (max-width:435.98px) {
    .list-footer-member .option {
        flex-direction: column
    }
}

.password-level {
    display: block;
    width: 100%
}

.password-level>.levels {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: .4375rem 0 .3125rem 0
}

.password-level>.levels>* {
    display: block;
    width: calc((100% - 1.25rem) / 4);
    height: .3125rem;
    transition: background .25s
}

.password-level>p>span {
    transition: color .25s
}

.popup-container {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    padding: 1.5rem;
    transition: opacity .45s
}

.popup-container.active {
    opacity: 1;
    pointer-events: all
}

.popup-container .wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.popup-container .pattern {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: none
}

.popup-container .pattern img {
    display: block;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: auto
}

.popup-container+.close-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh;
    opacity: 0;
    cursor: pointer;
    z-index: 101
}

.popup-container .popup-content {
    display: block;
    position: relative;
    width: 100%;
    max-width: 23rem;
    z-index: 102;
    transition: top .75s;
    top: -50rem;
    padding: 2rem;
    border-radius: 1.0625rem;
    border: 1px solid #fff0
}

.popup-container .popup-content .btn-close {
    position: absolute;
    top: 1.5rem;
    right: 2rem;
    cursor: pointer
}

.popup-container .popup-content .btn-close.pos-02 {
    top: .75rem;
    right: 1rem
}

.popup-container .popup-content.size-02 {
    max-width: 50rem
}

.popup-container.active .popup-content {
    top: 0
}

.popup-container .popup-content .popup-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (max-width:575.98px) {
    .popup-container .popup-content.size-02 {
        max-height: 35rem;
        overflow-y: auto
    }
}

.psw-visibility {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.75rem;
    display: flex;
    align-items: center
}

.psw-visibility.right-0 {
    right: 0 !important
}

.psw-visibility.right-1 {
    right: 1rem
}

.psw-visibility.style-02 {
    transform: translate(-50%, 0);
    top: 50%;
    right: 2rem
}

.result-container .wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 4rem 0
}

.result-container .img-container>img,
.result-container .img-container>svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 13rem
}

.search-filter-container .btn-collap {
    width: 2rem;
    height: 2rem;
    display: flex;
    cursor: pointer;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff0;
    margin-left: 1rem;
    transition: transform .25s
}

.search-filter-container .btn-collap.active {
    transform: rotate(180deg)
}

.search-filter-container .form-wrapper {
    border: 1px solid #fff0;
    padding: 2rem;
    margin-top: 1rem;
    display: none;
    border-radius: var(--bradius)
}

.ui.input {
    position: relative;
    width: 100%
}

.ui.selection.dropdown {
    position: relative;
    font-size: 1rem;
    padding: .25rem .5rem;
    border-radius: .375rem;
    line-height: 1.1;
    font-weight: 400;
    min-width: 0;
    width: 100%;
    transition: border-color .25s, border-radius .25s
}

.ss-box {
    display: block;
    width: 100%;
    max-width: 30rem;
    margin: 0 auto
}

.ss-box.m-unset {
    margin: unset !important
}

.ss-box.md {
    max-width: 34rem
}

.ss-box.lg {
    max-width: 38rem
}

.ss-box.xl {
    max-width: 44rem
}

.ss-box.xxl {
    max-width: 50rem
}

.ss-box.xxl.size-02 {
    max-width: 46rem
}

.ss-box.xxl.size-03 {
    max-width: 60rem
}

.ss-box.xxl.size-04 {
    max-width: 55rem
}

.ss-header-01 {
    position: relative
}

.ss-header-01:before {
    content: '';
    position: absolute;
    bottom: 0rem;
    width: 100%;
    height: .125rem;
    max-width: 45rem
}

.ss-header-01 .wrapper {
    display: flex
}

.ss-header-01 .img-container img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 8rem
}

.ss-header-01 .title {
    height: auto;
    max-height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 0 1rem
}

.ss-header-01 .title>*:first-child {
    font-weight: 500
}

@media screen and (max-width:575.98px) {
    .ss-header-01 .img-container img {
        height: 6rem
    }
}

@media screen and (max-width:405.98px) {
    .ss-header-01 .img-container img {
        height: 5rem
    }
}

@media screen and (max-width:375.98px) {
    .ss-header-01 .img-container img {
        height: 4.5rem
    }
}

@media screen and (max-width:361.98px) {
    .ss-header-01 .wrapper {
        flex-direction: column;
        align-items: center
    }

    .ss-header-01 .title {
        margin-top: 1rem
    }

    .ss-header-01:before {
        display: none
    }

    .ss-header-01 .img-container img {
        height: 5rem
    }
}

.ss-header-02 {
    display: flex;
    align-items: center;
    border-left: 3px solid #fff0;
    padding-left: .75rem
}

.ss-header-03 {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 0 2.3125rem;
    border-radius: 0 0 3rem 0;
    height: 6.125rem;
    border: 1px solid #fff0
}

.ss-header-03 .title {
    position: relative;
    z-index: 3
}

.ss-header-03 .pattern {
    position: absolute;
    z-index: 2;
    opacity: 1 !important
}

.ss-header-03 .pattern.style-01 {
    top: 0;
    right: 0
}

.ss-header-03 .pattern.style-01 img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 6rem
}

.ss-header-03 .pattern.style-02 {
    bottom: 0;
    left: .5rem
}

.ss-header-03 .pattern.style-02 img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 6rem
}

@media screen and (max-width:767.98px) {
    .ss-header-03 {
        height: 5rem
    }

    .ss-header-03 .pattern.style-01 img {
        height: 5rem
    }
}

.ss-sep-01 {
    display: flex;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    margin: .875rem 0
}

.ss-sep-02 {
    display: block;
    width: 100%;
    max-width: 5rem;
    height: .0875rem;
    transition: background .25s
}

.ss-sep-02.size-02 {
    max-width: 8rem
}

.ss-sep-02.size-03 {
    max-width: 100%
}

.ss-sep-02.size-04 {
    height: .125rem;
    max-width: 2rem
}

.ss-sep-02.size-05 {
    height: .125rem
}

.ss-sep-02.size-06 {
    height: .125rem;
    max-width: 4.75rem
}

.ss-sep-02.size-07 {
    height: .125rem;
    max-width: 9rem
}

.ss-sep-03 {
    display: flex;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    margin: .875rem 0
}

.ss-sep-03>* {
    position: relative;
    padding: 0 1rem
}

.ss-sep-03>*::before,
.ss-sep-03>*::after {
    content: '';
    position: absolute;
    top: calc(50% - .0625rem);
    width: 100vw;
    height: .0652rem
}

.ss-sep-03>*::before {
    right: 100%
}

.ss-sep-03>*::after {
    left: 100%
}

@media screen and (max-width:575.98px) {
    .ss-sep-03 {
        margin: .5rem 0
    }
}

.ss-sep-04 {
    display: inline-block
}

.ss-sep-04>* {
    position: relative
}

.ss-sep-04>*::before {
    content: '';
    position: absolute;
    width: .125rem;
    height: 1rem;
    top: calc(50% - .4375rem);
    bottom: 0;
    left: calc(100% + .625rem)
}

.ss-img {
    display: block;
    position: relative;
    width: 100%;
    padding: 60% 0 0 0;
    overflow: hidden
}

.ss-img.horizontal {
    padding: 50% 0 0 0
}

.ss-img.horizontal-02 {
    padding: 65% 0 0 0
}

.ss-img.vertical {
    padding: 140% 0 0 0
}

.ss-img.square {
    padding: 100% 0 0 0
}

.ss-img.square-02 {
    padding: 75% 0 0 0
}

.ss-img>.img-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    transition: transform .25s, filter .25s
}

.ss-card:hover .ss-img>.img-bg,
.ss-img:hover>.img-bg {
    transform: scale(1.1)
}

.ss-img.no-hover>.img-bg,
.ss-card .ss-img.no-hover>.img-bg {
    transform: none !important
}

.ss-list,
.ss-list ul {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none
}

.ss-list>li {
    position: relative;
    padding: .1875rem 0 .1875rem 1rem
}

.ss-list ul>li {
    padding: .1875rem 0
}

.ss-list>li::before {
    content: '';
    position: absolute;
    top: .625rem;
    left: 0;
    width: .375rem;
    height: .375rem;
    border-radius: 50%
}

.ss-list ul>li::before {
    display: none
}

.ss-list.style-01 li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #fff0;
    padding: .5rem 0 .5rem 1rem
}

.ss-list.style-01 li.sub-cate {
    padding: .5rem 0 .5rem 2.5rem
}

.ss-list.style-01 li .icon {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.ss-list.style-01 li .icon svg,
.ss-list.style-01 li .icon img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1rem
}

.ss-list.style-01 li.sub-cate .icon svg,
.ss-list.style-01 li.sub-cate .icon img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: .625rem
}

.ss-list.style-01 li .title {
    font-weight: 500;
    padding: 0 .5rem;
    width: calc(100% - 1.375rem)
}

.ss-list.style-01 li.sub-cate .title {
    font-weight: 300
}

.ss-list.style-02 .list-item {
    display: flex;
    padding-left: 0;
    margin: .25rem 0
}

.ss-list.style-02 .list-item .number {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: flex;
    font-weight: 400;
    justify-content: center;
    align-items: center;
    margin-top: .25rem
}

.ss-list.style-02 .list-item .text {
    padding: 0 .75rem;
    width: calc(100% - 2rem)
}

.ss-list.style-02 .list-item .text>* {
    font-weight: 400
}

.ss-tags {
    position: relative;
    display: block;
    overflow: hidden
}

.ss-tags>.tag {
    font-size: .8125rem;
    font-weight: 300;
    padding: .625rem .5875rem .5rem .5875rem
}

.ss-tags>.tag.clip-path {
    clip-path: polygon(0% 0%, 100% 0, 100% 50%, 80% 100%, 0 100%);
    padding: .625rem .25rem .5rem .25rem
}

.ss-tags>.tag.clip-path>* {
    white-space: nowrap
}

.ss-tags.status {
    border-radius: 1000em;
    cursor: pointer;
    display: inline-block
}

.ss-tags.status>.tag {
    font-size: .8125rem;
    font-weight: 300;
    padding: .3125rem .875rem .25rem .875rem;
    transition: background .25s
}

.ss-tags.style-02 {
    position: absolute;
    top: 2rem;
    left: 1.5rem;
    z-index: 2
}

.ss-tags.style-02>.tag {
    border-radius: 1000em;
    font-weight: 400;
    padding: .25rem 1.3125rem;
    font-size: 1rem
}

@media screen and (max-width:490.98px) {
    .ss-tags.style-02>.tag {
        font-size: .875rem
    }
}

@media screen and (max-width:390.98px) {
    .ss-tags.style-02>.tag {
        font-size: .75rem
    }
}

.ss-tags.style-03 {
    border-radius: 1000em;
    cursor: pointer;
    margin: .25rem .25rem
}

.ss-tags.style-03>.tag {
    font-size: .8125rem;
    font-weight: 300;
    padding: .3125rem .875rem .25rem .875rem;
    transition: background .25s, color .25s
}

.ss-card {
    display: block;
    width: 100%
}

.ss-card .text-container .title,
.ss-card .text-container .desc {
    display: block;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    transition: color .25s
}

.ss-card .hover-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, #fff0 0%, #fff0 0%, #fff0 0%);
    transition: background .25s
}

.ss-card:hover .hover-container {
    background: linear-gradient(to bottom, rgb(17 43 82 / .8) .11%, rgb(111 127 150 / .8) 50%, rgb(255 255 255 / .8) 99.89%)
}

.ss-card .hover-container.not-hover {
    transform: translateY(0);
    background-image: unset
}

.ss-card .hover-container .hover-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    transform: translateY(100%);
    transition: transform .25s
}
@media screen and (max-width:490.98px) {
    .ss-card:hover .hightlight.hover-container .hover-wrapper {
        transform: translateY(-2.4rem) !important;
    }
}
.ss-card:hover .hover-container .hover-wrapper {
    transform: translateY(0)
}

.ss-card .hover-container .icon>img,
.ss-card .hover-container .icon>svg,
.ss-card .hover-container .icon.search>svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 6rem
}

.ss-card .hover-container .icon.md>img,
.ss-card .hover-container .icon.md>svg,
.ss-card .hover-container .icon.md.search>svg {
    height: 4rem
}

.ss-card .hover-container .icon.sm>img,
.ss-card .hover-container .icon.sm>svg,
.ss-card .hover-container .icon.sm.search>svg {
    height: 2rem
}

.ss-card .hover-wrapper>.socials {
    margin-top: 1.5rem;
    display: flex
}

.ss-card .hover-wrapper>.socials .social {
    display: block;
    margin: 0 .75rem;
    transition: opacity .25s
}

.ss-card .hover-wrapper>.socials .social:hover {
    opacity: .8
}

.ss-card .hover-wrapper>.socials .social img,
.ss-card .hover-wrapper>.socials .social svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 2.5rem
}

@media screen and (max-width:767.98px) {
    .ss-card.ss-card-01 .hover-container .icon>svg {
        height: 4.5rem
    }
}

@media screen and (max-width:575.98px) {
    .ss-card.ss-card-01 .hover-container .icon>svg {
        height: 4rem
    }
}

.ss-card-01 {
    border-radius: var(--bradius);
    overflow: hidden
}

.ss-card-01 .text-container {
    position: relative;
    width: calc(100% - 5.5rem);
    max-width: 100%;
    box-shadow: rgb(0 0 0 / .09) 0 3px 12px;
    margin: -4rem auto 4rem auto;
    padding: 1rem;
    border-radius: .4375rem;
    border: 1px solid #fff0
}

.ss-card-01 .text-container .wrapper {
    display: flex
}

.ss-card-01 .text-container .date-container {
    width: 3.0625rem
}

.ss-card-01 .text-container .date {
    border: 1.23px solid #fff0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: background .25s, color .25s
}

.ss-card-01 .text-container .date .day {
    font-size: 1.3125rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: .25rem
}

.ss-card-01 .text-container .text-wrapper {
    width: calc(100% - 3.875rem);
    padding: 0 .5rem
}

.ss-card-01 .text-container .title {
    font-weight: 700;
    -webkit-line-clamp: 2
}

.ss-card-01 .text-container .desc {
    font-weight: 300;
    -webkit-line-clamp: 2;
    font-size: .875rem;
    margin-top: .375rem
}

.ss-card-01 .card-footer>.wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ss-card-01 .card-footer .option .item {
    display: flex;
    align-items: center
}

.ss-card-01 .card-footer .option .item .icon {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1rem;
    margin-right: .5rem
}

.ss-card-01 .card-footer .line {
    position: relative;
    display: inline-block;
    width: calc(100% - 12rem);
    height: 2px
}

.ss-card-01 .card-footer .line::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    transition: width .25s
}

.ss-card-01:hover .card-footer .line::before {
    width: 100%
}

@media screen and (max-width:767.98px) {
    .ss-card-01 .hover-container .icon>img {
        height: 4.5rem
    }

    .ss-card-01 .text-container {
        margin: -2.5rem auto 4rem auto;
        width: calc(100% - 4.625rem)
    }

    .ss-card-01 .text-container .date-container {
        width: 3.5rem
    }

    .ss-card-01 .text-container .text-wrapper {
        width: calc(100% - 3.5rem)
    }
}

@media screen and (max-width:490.98px) {
    .ss-card-01 .text-container {
        margin: -2.5rem auto 4rem auto;
        width: calc(100% - 4rem)
    }
}

@media screen and (max-width:390.98px) {
    .ss-card-01 .text-container {
        margin: -1.9375rem auto 4rem auto;
        width: calc(100% - 2.5rem)
    }
}

.ss-card-02 {
    position: relative
}

.ss-card-02:hover .ss-img::before {
    opacity: 1
}

.ss-card-02.e-book {
    max-width: 25rem;
    margin: 0 auto
}

.ss-card-02.e-book .ss-img {
    border-radius: unset;
    box-shadow: 0 0 10px 0 rgb(10 17 43 / .1)
}

.ss-card-02 .text-container.bg-transparent {
    background: #fff0
}

.ss-card-02 .ss-img {
    border-radius: var(--bradius)
}

.ss-card-02 .text-container {
    position: relative;
    padding: 1rem 0
}

.ss-card-02 .text-container .wrapper {
    display: flex
}

.ss-card-02 .text-container .date-container {
    width: 3.75rem
}

.ss-card-02 .text-container .date {
    border: 2px solid #fff0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: .4375rem
}

.ss-card-02 .text-container .date .day {
    font-size: 1.3125rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: .25rem
}

.ss-card-02 .text-container .text-wrapper {
    width: calc(100% - 3.75rem);
    padding: 0 1rem
}

.ss-card-02 .text-container .title {
    font-weight: 700;
    -webkit-line-clamp: 2;
    transition: color .25s
}

.ss-card-02 .text-container .desc {
    font-weight: 300;
    -webkit-line-clamp: 2;
    font-size: .875rem;
    margin-top: .5rem
}

.ss-card-02 .card-footer>.wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.ss-card-02 .card-footer .option {
    width: 100%
}

.ss-card-02 .card-footer .option .item {
    display: flex;
    align-items: center
}

.ss-card-02 .card-footer .option .item .icon {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1rem;
    margin-right: .5rem
}

.ss-card-02 .card-footer .line {
    position: relative;
    display: inline-block;
    width: calc(100% - 5rem);
    height: 2px;
    padding-right: .5rem
}

.ss-card-02 .card-footer .line::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    transition: width .25s
}

.ss-card-02:hover .card-footer .line::before {
    width: 100%
}

.ss-card-03 {
    position: relative;
    overflow: hidden
}

.ss-card-03 .text-container {
    position: absolute;
    height: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    top: 40%;
    transition: top .4375s, background 1s
}

.ss-card-03.style-02 .text-container {
    top: 30%
}

.ss-card-03:hover .text-container,
.ss-card-03.style-02:hover .text-container {
    top: 0
}

.ss-card-03 .text-container>.wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%
}

.ss-card-03.style-02 .text-container>.wrapper {
    justify-content: end
}

.ss-card-03 .wrapper .item {
    display: flex;
    align-items: center
}

.ss-card-03 .wrapper .icon {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .25rem
}

.ss-card-03 .wrapper .item .number {
    font-weight: 500
}

.ss-card-03 .text-container .date {
    border: 2px solid #fff0;
    width: 3.25rem;
    display: flex;
    padding: .5rem .5rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .75s
}

.ss-card-03:hover .text-container .date {
    opacity: 1
}

.ss-card-03 .text-container .date .day {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1
}

.ss-card-03 .text-container .date .month {
    line-height: 1;
    font-weight: 500
}

.ss-card-03 .text-wrapper .title {
    font-weight: 500;
    margin-top: .5rem;
    -webkit-line-clamp: 3
}

.ss-card-03 .text-container .line {
    display: block;
    width: 5rem;
    height: .0625rem;
    margin-top: .25rem
}

.ss-card-03 .text-wrapper .desc {
    margin-top: .75rem;
    -webkit-line-clamp: 3;
    position: relative;
    opacity: 0;
    transition: opacity .25s
}

.ss-card-03:hover .text-wrapper .desc {
    opacity: 1
}

.ss-card-03 .card-footer>.wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.ss-card-03 .card-footer .item {
    display: flex;
    align-items: center
}

.ss-card-03 .card-footer .item:not(:first-child) {
    margin-left: .75rem
}

@media screen and (max-width:1299.98px) {

    .ss-card-03 .text-wrapper .title,
    .ss-card-03 .text-wrapper .desc {
        -webkit-line-clamp: 2
    }

    .ss-card-03 .wrapper .item .number {
        font-size: .875rem
    }

    .ss-card-03 .text-container {
        top: 37.5%
    }
}

@media screen and (max-width:1199.98px) {
    .ss-card-03 .text-container {
        top: 35.5%
    }

    .ss-card-03 .text-wrapper .title {
        margin-top: .25rem
    }

    .ss-card-03 .text-wrapper .desc {
        margin-top: .25rem
    }
}

@media screen and (max-width:991.98px) {

    .ss-card-03 .text-wrapper .title,
    .ss-card-03 .text-wrapper .desc {
        margin-top: .75rem
    }

    .ss-card-03 .text-container {
        top: 35.75%
    }
}

@media screen and (max-width:767.98px) {
    .ss-card-03 .text-container {
        top: 37.5%
    }
}

@media screen and (max-width:575.98px) {
    .ss-card-03 .text-container {
        top: 18.5%
    }

    .ss-card-03 .text-container>.wrapper {
        justify-content: end
    }

    .ss-card-03 .card-footer {
        margin-top: .75rem
    }

    .ss-card-03.style-02 .text-container {
        top: 18%
    }
}

@media screen and (max-width:490.98px) {
    .ss-card-03 .text-container {
        top: 20.875%
    }
}

@media screen and (max-width:390.98px) {
    .ss-card-03 .text-container {
        top: 28%
    }
    .magazine-content.ss-card-02.e-book {
        max-width: 25rem !important;
        margin: 0 auto
    }
}

@media screen and (max-width:320.98px) {
    .ss-card-03 .text-container {
        top: 34%
    }
}

.ss-card-04 {
    position: relative;
    border-radius: var(--bradius);
    overflow: hidden
}

.ss-card-04.main-card .ss-img {
    padding: 70% 0 0 0
}

.ss-card-04.sub-card:not(:first-child) {
    margin-top: .9375rem
}

.ss-card-04.sub-card .ss-img {
    padding: calc(55% - .4375rem) 0 0 0
}

.ss-card-04 .text-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.5rem 1.5rem;
    z-index: 2
}

.ss-card-04.sub-card .text-container {
    padding: .625rem 1rem;
    width: 100%;
    max-width: 15rem
}

.ss-card-04 .text-container .title {
    -webkit-line-clamp: 1
}

.ss-card-04 .text-container .date {
    display: flex;
    align-items: center
}

.ss-card-04 .btn-play {
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem
}

.ss-card-04.sub-card .btn-play {
    bottom: 1rem;
    right: 1rem
}

@media screen and (max-width:767.98px) {

    .ss-card-04.main-card .ss-img,
    .ss-card-04.sub-card .ss-img {
        padding: 60% 0 0 0
    }

    .ss-card-04.sub-card .text-container .title {
        font-size: 1.0625rem
    }

    .ss-card-04.sub-card .text-container {
        max-width: unset
    }

    .ss-card-04.sub-card .text-container .date span {
        font-size: .9375rem
    }

    .ss-card-04.sub-card .btn-play.sm {
        width: 3rem;
        height: 3rem
    }

    .ss-card-04.sub-card .btn-play.sm svg {
        width: 1.5625rem;
        height: 1.5625rem
    }

    .ss-card-04.sub-card .btn-play.sm:after {
        width: 3rem;
        height: 3rem
    }

    .ss-card-04.sub-card .btn-play {
        bottom: 1.5rem;
        right: 1.5rem
    }
}

@media screen and (max-width:575.98px) {

    .ss-card-04 .text-container,
    .ss-card-04.sub-card .text-container {
        max-width: calc(100% - 5rem)
    }
}

.ss-card-05 {
    border-bottom: 1px solid #fff0;
    padding-bottom: 1rem
}

.ss-card-05:not(:first-child) {
    margin-top: 1.5rem
}

.ss-card-05 .wrapper {
    display: flex;
    flex-wrap: wrap
}

.ss-card-05 .img-container {
    width: 20%
}

.ss-card-05 .text-container {
    width: 80%;
    padding: 0 1rem
}

.ss-card-05 .text-container .title {
    -webkit-line-clamp: 1;
    transition: color .25s
}

.ss-card-05 .text-container .desc {
    -webkit-line-clamp: 3
}

@media screen and (max-width:575.98px) {
    .ss-card-05 {
        padding-bottom: .75rem
    }

    .ss-card-05 .img-container {
        width: 100%
    }

    .ss-card-05 .text-container {
        width: 100%
    }

    .ss-card-05 .text-container {
        padding: 1rem 0
    }
}

.ss-card-06 {
    position: relative
}

.ss-card-06::after {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, #fff0 0%, rgb(255 255 255 / .3) 100%);
    background: linear-gradient(left, #fff0 0%, rgb(255 255 255 / .3) 100%);
    transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.ss-card-06:hover::after {
    -webkit-animation: shine .75s;
    animation: shine .75s
}

.ss-card-06 .text-container {
    position: absolute;
    top: 5%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: top .1s
}

.ss-card-06:hover .text-container {
    top: -5%
}

.ss-card-06 .title {
    min-height: 2.25rem
}

.ss-card-06 .filter-03 {
    top: 50%;
    transition: top .1s, background .25s
}

.ss-card-06:hover .filter-03 {
    top: 0
}

.ss-card-06 .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

.ss-card-06 .wrapper .icon {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    transition: opacity .1s;
    opacity: 0
}

.ss-card-06:hover .wrapper .icon {
    opacity: 1
}

.ss-card-06 .wrapper .icon img,
.ss-card-06 .wrapper .icon svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 3rem
}

.ss-card-06 .wrapper .icon.md img,
.ss-card-06 .wrapper .icon.md svg {
    height: 3.5rem
}

.ss-card-06 .wrapper .icon.sm img,
.ss-card-06 .wrapper .icon.sm svg {
    height: 2.5rem
}

.ss-card-07:not(:first-child) {
    margin-top: 1.5rem
}

.ss-card-07 .wrapper {
    display: flex;
    flex-wrap: wrap
}

.ss-card-07 .img-container {
    width: 20%
}

.ss-card-07 .text-container {
    width: 80%;
    padding: 0 1rem
}

.ss-card-07 .text-container .title {
    -webkit-line-clamp: 1
}

.ss-card-07 .text-container .desc {
    -webkit-line-clamp: 3;
    margin-top: .875rem
}

@media screen and (max-width:767.98px) {
    .ss-card-07 .img-container {
        width: 30%
    }

    .ss-card-07 .text-container {
        width: 70%
    }
}

@media screen and (max-width:575.98px) {
    .ss-card-07 .img-container {
        width: 25%
    }

    .ss-card-07 .text-container {
        width: 75%
    }

    .ss-card-07 .text-container .desc {
        -webkit-line-clamp: 2;
        margin-top: .5rem
    }
}

@media screen and (max-width:490.98px) {
    .ss-card-07 .text-container .desc {
        -webkit-line-clamp: 1;
        margin-top: .0625rem
    }
}

@media screen and (max-width:320.98px) {
    .ss-card-07 .img-container {
        width: 30%
    }

    .ss-card-07 .text-container {
        width: 70%
    }
}

.ss-card-08 {
    margin-top: 2rem;
    padding: 1.5rem;
    border-radius: var(--bradius);
    box-shadow: 0 0 10px 0 rgb(10 17 43 / .1);
    border: 1px solid #fff0
}

.ss-card-08 .wrapper {
    display: flex;
    flex-wrap: wrap
}

.ss-card-08 .date-container {
    width: 3.875rem
}

.ss-card-08 .date-container .date {
    border: 2px solid #fff0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: .4375rem
}

.ss-card-08 .date-container .date .day {
    font-size: 1.3125rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: .25rem
}

.ss-card-08 .clipboard-link {
    top: .625rem;
    right: .625rem
}

.ss-card-08 .img-container {
    position: relative;
    width: 20%;
    padding: 0 1rem
}

.ss-card-08 .img-container .ss-img {
    border-radius: var(--bradius);
    overflow: hidden
}

.ss-card-08 .text-container {
    width: calc(100% - 20% - 3.875rem)
}

.ss-card-08.style-02 .text-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.ss-card-08 .text-container .title {
    -webkit-line-clamp: 2;
    min-height: 4rem
}

.ss-card-08 .text-container .desc {
    -webkit-line-clamp: 3;
    min-height: 4rem
}

.ss-card-08 .text-container .desc {
    font-size: .875rem
}

.ss-card-08 .text-container .options {
    margin-top: .625rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ss-card-08 .text-container .options .item {
    display: flex;
    align-items: center
}

.ss-card-08 .text-container .options .item .icon {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1rem;
    margin-right: .5rem
}

.ss-card-08 .socials {
    display: flex
}

.ss-card-08 .socials .social {
    display: block;
    margin: 0 .375rem;
    transition: opacity .25s
}

.ss-card-08 .socials .social:hover {
    opacity: .8
}

.ss-card-08 .socials .social img,
.ss-card-08 .socials .social svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1.75rem
}

@media screen and (max-width:1299.98px) {
    .ss-card-08 .img-container {
        width: 22%
    }

    .ss-card-08 .text-container {
        width: calc(100% - 22% - 3.875rem)
    }
}

@media screen and (max-width:1199.98px) {
    .ss-card-08 .img-container {
        width: 27%
    }

    .ss-card-08 .text-container {
        width: calc(100% - 27% - 3.875rem)
    }

    .ss-card-08 .text-container .title {
        min-height: 3.5rem
    }
}

@media screen and (max-width:991.98px) {
    .ss-card-08 .img-container {
        width: 30%
    }

    .ss-card-08 .text-container {
        width: calc(100% - 30% - 3.875rem)
    }

    .ss-card-08 .text-container .title {
        min-height: 3rem
    }

    .ss-card-08 .text-container .desc {
        -webkit-line-clamp: 2;
        min-height: 3rem
    }
}

@media screen and (max-width:767.98px) {
    .ss-card-08 .img-container {
        width: calc(100% - 3.875rem)
    }

    .ss-card-08 .text-container {
        width: 100%;
        padding: .5rem 0 0 0
    }

    .ss-card-08 {
        margin-top: 1rem
    }

    .ss-card-08 .text-container .title {
        min-height: 0
    }

    .ss-card-08 .text-container .desc {
        -webkit-line-clamp: 3;
        min-height: 0;
        margin-top: .5rem
    }

    .ss-card-08 .text-container .options {
        margin-top: .5rem
    }
}

.ss-card-09 {
    position: relative;
    border-radius: var(--bradius);
    overflow: hidden
}

.ss-card-09.main-card .ss-img {
    padding: 70% 0 0 0
}

.ss-card-09.sub-card:not(:first-child) {
    margin-top: .625rem
}

.ss-card-09.sub-card.style-02 .ss-img {
    padding: 100% 0 0 0
}

.ss-card-09.sub-card .ss-img {
    padding: calc(100% - .4375rem) 0 0 0
}

.ss-card-09 .text-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:1299.98px) {

    .ss-card-09.sub-card .ss-img,
    .ss-card-09.sub-card.style-02 .ss-img {
        padding: calc(100% - .3125rem) 0 0 0
    }
}

@media screen and (max-width:1199.98px) {

    .ss-card-09.sub-card .ss-img,
    .ss-card-09.sub-card.style-02 .ss-img {
        padding: calc(100% - .25rem) 0 0 0
    }
}

@media screen and (max-width:991.98px) {

    .ss-card-09.sub-card .ss-img,
    .ss-card-09.sub-card.style-02 .ss-img {
        padding: 100% 0 0 0
    }
}

@media screen and (max-width:767.98px) {
    .ss-card-09.sub-card .ss-img {
        padding: calc(100% - .125rem) 0 0 0
    }

    .ss-card-09.sub-card.style-02 .ss-img {
        padding: calc(100% - .125rem) 0 0 0
    }
}

@media screen and (max-width:575.98px) {

    .ss-card-09.sub-card .ss-img,
    .ss-card-09.sub-card.style-02 .ss-img {
        padding: 70% 0 0 0
    }

    .ss-card-09 .btn-play.md,
    .btn-play.md:after,
    .ss-card-09 .btn-play.sm,
    .btn-play.sm:after,
    .ss-card-09 .btn-play.xs,
    .btn-play.xs:after {
        width: 3rem;
        height: 3rem
    }

    .ss-card-09 svg {
        width: 1.5rem;
        height: 1.5rem
    }
}

.ss-card-10 {
    position: relative;
    border-radius: var(--bradius);
    overflow: hidden
}

.ss-card-10 .text-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: end;
    padding: 1rem
}

.ss-card-10 .text-container .wrapper {
    display: flex
}

.ss-card-10 .text-container .date-container {
    width: 3.875rem
}

.ss-card-10 .text-container .date {
    border: 2px solid #fff0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: .4375rem
}

.ss-card-10 .text-container .date .day {
    font-size: 1.3125rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: .25rem
}

.ss-card-10 .text-container .text-wrapper {
    width: calc(100% - 3.875rem);
    padding: 0 .5rem
}

.ss-card-10 .text-container .title {
    font-weight: 700;
    -webkit-line-clamp: 2
}

.ss-card-10 .text-container .desc {
    font-weight: 300;
    -webkit-line-clamp: 2;
    font-size: .875rem;
    margin-top: .375rem
}

.ss-card-10 .card-footer>.wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.ss-card-10 .card-footer .option {
    width: 100%
}

.ss-card-10 .card-footer .option .item {
    display: flex;
    align-items: center
}

.ss-card-10 .card-footer .option .item .icon {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1rem;
    margin-right: .5rem
}

.ss-card-10 .card-footer .line {
    position: relative;
    display: inline-block;
    width: calc(100% - 5rem);
    height: 2px;
    padding-right: .5rem
}

.ss-card-10 .card-footer .line::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    transition: width .25s
}

.ss-card-10:hover .card-footer .line::before {
    width: 100%
}

.ss-card-11 {
    position: relative;
    border-radius: var(--bradius);
    overflow: hidden;
    border: 3px solid #fff0;
    transition: border .25s
}

.ss-card-11 .text-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center
}

.ss-card-12 {
    position: relative;
    overflow: hidden
}

.ss-card-12 .text-container {
    position: absolute;
    right: 0;
    bottom: .875rem;
    left: 0;
    padding: 1rem 1rem 0 1rem;
    z-index: 2
}

.ss-card-12 .title {
    transform: translateY(10rem);
    transition: color .25s, opacity .25s, transform .5s !important;
    -webkit-line-clamp: 1;
    transition-delay: .3s !important;
    opacity: 0
}

.ss-card-12:hover .title {
    transform: translateY(0);
    transition-delay: .15s !important;
    opacity: 1
}

.ss-card-12 .desc {
    -webkit-line-clamp: 1;
    transition: color .25s, opacity .1s, transform .5s !important;
    transform: translateY(10rem);
    transition-delay: .15s !important;
    opacity: 0
}

.ss-card-12:hover .desc {
    transform: translateY(0);
    opacity: 1;
    transition-delay: .25s !important
}

.ss-card-12 .ss-sep-02 {
    max-width: 0;
    transition: max-width .25s
}

.ss-card-12:hover .ss-sep-02 {
    max-width: 5rem;
    transition-delay: .7s
}

.ss-card-12 .contact {
    margin-top: .625rem
}

.ss-card-12 .contact .icon {
    margin-right: .5rem
}

.ss-card-12 .contact .item {
    display: flex;
    align-items: center;
    transform: translateY(12rem);
    transition: transform .5s !important;
    transition-delay: .15s !important
}

.ss-card-12:hover .contact .item {
    transform: translateY(0);
    transition-delay: .5s !important
}

.ss-card-13 {
    position: relative;
    border-radius: var(--bradius);
    overflow: hidden
}

.ss-card-13 .ss-tags.style-02 {
    top: 1.5rem
}

.ss-card-13 .text-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.5rem 1.5rem;
    z-index: 2;
    max-width: calc(100% - 5rem)
}

.ss-card-13 .text-container .title {
    -webkit-line-clamp: 1
}

.ss-card-13 .text-container .date {
    display: flex;
    align-items: center
}

.ss-card-13 .text-container .date .icon {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    justify-content: start;
    align-items: center
}

.ss-card-13 .text-container .date .icon svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: .875rem
}

.ss-card-13 .btn-play {
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem
}

.ss-card-13 .btn-play:after {
    width: 2.5rem;
    height: 2.5rem
}

.ss-card-14 {
    margin-top: 2rem;
    padding: 1.5rem;
    border: 1px solid #fff0;
    box-shadow: 0 0 10px 0 rgb(10 17 43 / .1);
    border-radius: var(--bradius)
}

.ss-card-14>.wrapper {
    display: flex;
    flex-wrap: wrap
}

.ss-card-14 .img-container {
    width: 20%;
    padding: 0 1rem
}

.ss-card-14 .img-container .ss-img {
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgb(10 17 43 / .1)
}

.ss-card-14 .text-container {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.ss-card-14 .text-container .title {
    -webkit-line-clamp: 2;
    min-height: 4rem
}

.ss-card-14 .options {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.ss-card-14 .options .item {
    display: flex;
    align-items: center
}

.ss-card-14 .options .icon {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.ss-card-14 .read-more .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ss-card-14 .options .icon svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1rem
}

.ss-card-14 .line {
    position: relative;
    display: inline-block;
    width: calc(100% - 5.5rem);
    height: 2px;
    padding-right: 1rem
}

.ss-card-14 .line::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    transition: width .25s
}

.ss-card-14:hover .line::before {
    width: 100%
}

@media screen and (max-width:991.98px) {
    .ss-card-14 .text-container .title {
        min-height: 3rem
    }
}

@media screen and (max-width:767.98px) {
    .ss-card-14 {
        margin-top: 1rem
    }

    .ss-card-14 .img-container {
        width: 100%
    }

    .ss-card-14 .text-container {
        width: 100%;
        padding: .5rem 0 0 0
    }

    .ss-card-14 .text-container .title {
        min-height: 0
    }

    .ss-card-14 .text-container .options {
        margin-top: .5rem
    }

    .ss-card-14 .read-more {
        margin-top: 1rem
    }

    .ss-card-14 .options {
        flex-direction: column;
        align-items: start
    }

    .ss-card-14 .options .item {
        margin: .125rem 0 !important
    }

    .ss-card-14 .read-more {
        margin-top: .25rem
    }
}

@media screen and (max-width:575.98px) {
    .ss-card-14 .options {
        flex-direction: row;
        align-items: center
    }

    .ss-card-14 .options .item {
        margin: 0 .75rem !important
    }

    .ss-card-14 .options .item:first-child {
        margin-left: 0 !important
    }

    .ss-card-14 .read-more {
        margin-top: 1rem
    }
}

@media screen and (max-width:375.98px) {
    .ss-card-14 .options .item {
        margin: 0 .5rem !important
    }

    .ss-card-14 .options .item:first-child {
        margin-left: 0 !important
    }
}

.ss-card-15 {
    position: relative
}

.ss-card-15 .ss-img {
    border-radius: .5rem;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgb(10 17 43 / .1);
    border: 2px solid #fff0;
    transition: border .25s
}

.ss-card-15 .text-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3
}

.ss-card-15 .text-container .wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.ss-card-15 .text-container .wrapper .logo .logo {
    width: 5.5rem;
    height: 5.5rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.ss-card-15 .text-container .wrapper .logo img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 5rem
}

.ss-card-15 .pattern {
    position: absolute;
    z-index: 2
}

.ss-card-15 .pattern.style-01 {
    top: 0;
    right: 0
}

.ss-card-15 .pattern.style-01 img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 6rem
}

.ss-card-15 .pattern.style-02 {
    bottom: 0;
    left: 0
}

.ss-card-15 .pattern.style-02 img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 5.5rem
}

.ss-card-15:hover .btn.btn-action .icon-wrapper.style-02 .icon {
    margin-left: 1rem !important
}

@media screen and (max-width:767.98px) {
    .ss-card-15 .pattern.style-01 img {
        height: 3.5rem
    }

    .ss-card-15 .pattern.style-02 img {
        height: 3rem
    }
}

@media screen and (max-width:575.98px) {
    .ss-card-15 .pattern.style-01 img {
        height: 6rem
    }

    .ss-card-15 .pattern.style-02 img {
        height: 5.5rem
    }
}

@media screen and (max-width:320.98px) {
    .ss-card-15 .pattern {
        opacity: .7
    }
}

.ss-card-16 {
    margin-top: 2rem;
    padding: 1.5rem;
    border-radius: var(--bradius);
    box-shadow: 0 0 10px 0 rgb(10 17 43 / .1);
    border: 1px solid #fff0
}

.ss-card-16 .wrapper {
    display: flex;
    flex-wrap: wrap
}

.ss-card-16 .date-container {
    width: 3.875rem
}

.ss-card-16 .date-container .date {
    border: 2px solid #fff0;
    display: flex;
    flex-direction: column;
    transition: background .25s;
    align-items: center;
    justify-content: center;
    border-radius: .4375rem
}

.ss-card-16 .date-container .date .day {
    font-size: 1.3125rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: .25rem
}

.ss-card-16 .date-container .times {
    border-radius: .4375rem
}

.ss-card-16 .date-container .times>.time {
    padding: .25rem
}

.ss-card-16 .clipboard-link {
    top: .625rem;
    right: .625rem
}

.ss-card-16 .img-container {
    width: 22%;
    padding: 0 1rem
}

.ss-card-16 .img-container .ss-img {
    border-radius: var(--bradius);
    overflow: hidden
}

.ss-card-16 .text-container {
    width: calc(100% - 22% - 3.875rem)
}

.ss-card-16 .text-container .title {
    -webkit-line-clamp: 2;
    min-height: 4rem
}

.ss-card-16 .text-container .desc {
    -webkit-line-clamp: 3;
    min-height: 4rem
}

.ss-card-16 .text-container .desc {
    font-size: .875rem
}

.ss-card-16 .text-container .options {
    margin-top: .625rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ss-card-16 .event-wrapper {
    display: flex;
    align-items: center
}

.ss-card-16 .event-wrapper .dot {
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    margin-right: .625rem
}

.ss-card-16 .stats {
    display: flex;
    align-items: center
}

.ss-card-16 .stats .stat {
    display: flex;
    align-items: center;
    margin-right: 1rem
}

.ss-card-16 .stats .stat .icon {
    width: 1rem;
    height: 1rem;
    margin-right: .3125rem;
    display: flex;
    align-items: center
}

.ss-card-16 .stats .stat .icon svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1rem
}

.ss-card-16 .stats .stat .text {
    width: calc(100% - 1rem)
}

@media screen and (max-width:1299.98px) {
    .ss-card-16 .img-container {
        width: 22%
    }

    .ss-card-16 .text-container {
        width: calc(100% - 22% - 3.875rem)
    }
}

@media screen and (max-width:1199.98px) {
    .ss-card-16 .img-container {
        width: 27%
    }

    .ss-card-16 .text-container {
        width: calc(100% - 27% - 3.875rem)
    }

    .ss-card-16 .text-container .title {
        min-height: 3.25rem
    }
}

@media screen and (max-width:991.98px) {
    .ss-card-16 .img-container {
        width: 30%
    }

    .ss-card-16 .text-container {
        width: calc(100% - 30% - 3.875rem)
    }

    .ss-card-16 .text-container .title {
        min-height: 1.625rem;
        -webkit-line-clamp: 1
    }
}

@media screen and (max-width:767.98px) {
    .ss-card-16 .img-container {
        width: calc(100% - 3.875rem)
    }

    .ss-card-16 .text-container {
        width: 100%;
        padding: .5rem 0
    }

    .ss-card-16 {
        margin-top: 1rem
    }

    .ss-card-16 .text-container .title {
        min-height: 0
    }

    .ss-card-16 .text-container .desc {
        -webkit-line-clamp: 3;
        min-height: 0;
        margin-top: .5rem
    }

    .ss-card-16 .text-container .options {
        margin-top: .5rem
    }
}

.ss-card-17 {
    padding: 0 .875rem;
    border-right: 1px solid #fff0;
    min-height: 55rem
}

.ss-card-17 .ss-img {
    border-radius: .5rem
}

@media screen and (max-width:1199.98px) {
    .ss-card-17 {
        min-height: 58rem
    }
}

@media screen and (max-width:1099.98px) {
    .ss-card-17 {
        min-height: 62rem
    }
}

@media screen and (max-width:767.98px) {
    .ss-card-17 {
        min-height: 65em
    }
}

.ss-card-18 {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: var(--bradius);
    padding: 1rem;
    overflow: hidden;
    border: 1px solid #fff0
}

.ss-card-18::after {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, #fff0 0%, rgb(255 255 255 / .3) 100%);
    background: linear-gradient(left, #fff0 0%, rgb(255 255 255 / .3) 100%);
    transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.ss-card-18:hover::after {
    -webkit-animation: shine 1s;
    animation: shine 1s
}

.ss-card-18 .pattern {
    position: absolute;
    bottom: -.5rem;
    right: 0
}

.ss-card-18 .logo {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 5
}

.ss-card-19 {
    position: relative;
    overflow: hidden
}

.ss-card-19::after {
    position: absolute;
    top: 0;
    left: -95%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, #fff0 0%, rgb(255 255 255 / .3) 100%);
    background: linear-gradient(left, #fff0 0%, rgb(255 255 255 / .3) 100%);
    transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.ss-card-19:hover::after {
    -webkit-animation: shine 1s;
    animation: shine 1s
}

.ss-card-20 {
    position: relative;
    border-radius: .5rem;
    overflow: hidden
}

.ss-card-20 .text-container {
    position: absolute;
    height: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    top: 0;
    transition: top .4375s;
    z-index: 3;
    display: flex;
    align-items: end
}

.ss-card-20::before {
    content: '';
    position: absolute;
    height: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    top: 50%;
    transition: top .4375s, background 1s;
    z-index: 2
}

.ss-card-20:hover::before {
    top: 0
}

.ss-card-20 .wrapper .item {
    display: flex;
    align-items: center
}

.ss-card-20 .wrapper .icon {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .25rem
}

.ss-card-20 .text-wrapper {
    transform: translateY(calc(100% - 2.5rem));
    transition: transform .25s
}

.ss-card-20 .text-wrapper .desc {
    opacity: 0;
    transition: opacity .25s
}

.ss-card-20:hover .text-wrapper .desc {
    opacity: 1
}

.ss-card-20:hover .text-wrapper {
    transform: translateY(0)
}

.ss-card-20 .text-wrapper .title {
    font-weight: 500;
    margin-top: .5rem;
    -webkit-line-clamp: 3
}

.ss-card-20 .text-container .line {
    display: block;
    width: 5rem;
    height: .0625rem;
    margin-top: .25rem
}

.ss-card-20 .text-wrapper .desc {
    margin-top: .75rem
}

.ss-card-20:hover .text-wrapper .desc {
    position: relative;
    opacity: 1
}

.ss-card-21 {
    position: relative;
    height: 100%
}

.ss-card-21 .ss-img::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #fff0;
    transition: border .25s;
    z-index: 2
}

.ss-card-21 .number {
    position: absolute;
    bottom: .5rem;
    left: 1rem;
    font-size: 2rem;
    font-weight: 700
}

.ss-card-21 .text-container {
    padding: 1rem .5rem;
    height: 100%;
    transition: background .25s
}

.ss-card-21 .text-container .title {
    font-weight: 400
}

.ss-card-22 {
    position: relative;
    overflow: hidden
}

.ss-card-22 .text-container {
    position: absolute;
    height: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    top: 0;
    transition: top .4375s, background 1s
}

.ss-card-22 .text-wrapper-inner {
    transform: translateY(calc(100% - 8.875rem));
    transition: transform .25s
}

.ss-card-22:hover .text-wrapper-inner {
    transform: translateY(0)
}

.ss-card-22:hover .text-container {
    top: 0
}

.ss-card-22 .text-container>.wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%
}

.ss-card-22 .wrapper .item {
    display: flex;
    align-items: center
}

.ss-card-22 .wrapper .icon {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .25rem
}

.ss-card-22 .wrapper .item .number {
    font-weight: 500
}

.ss-card-22 .text-container .date {
    border: 2px solid #fff0;
    width: 3.25rem;
    display: flex;
    padding: .5rem .5rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .75s
}

.ss-card-22:hover .text-container .date {
    opacity: 1
}

.ss-card-22 .text-container .date .day {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1
}

.ss-card-22 .text-container .date .month {
    line-height: 1;
    font-weight: 500
}

.ss-card-22 .text-wrapper .title {
    font-weight: 500;
    margin-top: .5rem;
    -webkit-line-clamp: 3
}

.ss-card-22 .text-container .line {
    display: block;
    width: 5rem;
    height: .0625rem;
    margin-top: .25rem
}

.ss-card-22 .text-wrapper .desc {
    margin-top: .75rem;
    -webkit-line-clamp: 3;
    position: relative;
    opacity: 0;
    transition: opacity .25
}

.ss-card-22:hover .text-wrapper .desc {
    opacity: 1
}

.ss-card-22 .card-footer>.wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.ss-card-22 .card-footer .item {
    display: flex;
    align-items: center
}

.ss-card-22 .card-footer .item:not(:first-child) {
    margin-left: .75rem
}

table.table {
    width: 100%;
    border-spacing: 0;
    border: 0;
    margin: 0
}

table.table th,
table.table td {
    vertical-align: middle;
    border-color: #fff0;
    border-left: 0 !important;
    border-right: 0 !important
}

table.table td {
    padding: .5625rem .625rem;
    font-size: .9375rem;
    font-weight: 300;
    border: 0;
    border-bottom: 1px solid #fff0
}

table.table td:first-child {
    padding: .5625rem .625rem .5625rem 0
}

table.table tr:last-child>td {
    border-bottom: 0
}

table.table td:last-child {
    padding: .5625rem 0 .5625rem .625rem;
    text-align: right
}

table.table .sep {
    display: inline-block;
    width: 1px;
    height: .8125rem;
    margin: 0 .5rem;
    transform: translateY(.125rem)
}

table.table .ticon {
    display: block;
    width: 2rem;
    height: 2rem;
    line-height: 2.125rem;
    border-radius: 50%;
    text-align: center;
    font-size: 1rem;
    margin: .3125rem 0 0 0
}

table.table .profile-card {
    display: flex;
    align-items: center
}

table.table .profile-card>.profile-icon {
    position: relative;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    border-radius: 50%;
    padding: .0625rem;
    margin: 0 .5rem 0 0
}

table.table .profile-card .img-bg {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

table.table .profile-card>.text-container {
    width: calc(100% - 3rem);
    text-align: left;
    font-size: .8125rem;
    font-weight: 400;
    white-space: nowrap
}

table.table .profile-card .date {
    transition: color .25s
}

table.table .title-wrap {
    display: block;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

table.table.table-01 th {
    padding: .9375rem .25rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    border: 0;
    white-space: nowrap;
    border-bottom: 1px solid #fff0
}

table.table.table-01 td {
    padding: .75rem .5rem;
    text-align: center;
    font-size: .9375rem;
    font-weight: 300;
    border: 0;
    border-bottom: 1px solid transparent !important;
    transition: background .25s, color .25s
}

table.table.table-01 td:nth-child(3) {
    position: relative;
    text-align: left;
    padding-left: 1rem
}

table.table.table-01 .options {
    position: relative
}

table.table.table-01 .options .option-dropdown {
    position: absolute;
    top: 5rem;
    right: 0;
    height: auto;
    text-align: left;
    border-radius: var(--bradius);
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    width: calc(100% + 3.5rem);
    z-index: 2;
    box-shadow: rgb(0 0 0 / .09) 0 3px 12px;
    transition: opacity .25s, top .25s
}

table.table.table-01 tr:last-child .options .option-dropdown {
    top: calc(-100% - 2rem)
}

table.table.table-01 tr:last-child .options.active .option-dropdown {
    opacity: 1;
    top: calc(-100% - 3.5rem);
    pointer-events: all
}
table.table.table-01 tr:last-child .options.active .option-dropdown.complain {
    opacity: 1;
    top: calc(-100% - -0.5rem);
    pointer-events: all
}

table.table.table-01 .options.active .option-dropdown {
    opacity: 1;
    top: 2rem;
    pointer-events: all
}

table.table.table-01 .options .option-dropdown .menu {
    display: block;
    padding: .25rem .875rem;
    transition: background .25s, color .25s
}

table.table.table-01 .options .option-dropdown .menu .wrapper {
    display: flex;
    align-items: center
}

table.table.table-01 .options .option-dropdown .menu .wrapper .icon {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    justify-content: center;
    align-items: center
}

table.table.table-01 .options .option-dropdown .menu .wrapper .icon svg,
table.table.table-01 .options .option-dropdown .menu .wrapper .icon img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1rem
}

table.table.table-01 .options .option-dropdown .menu .wrapper .icon svg path {
    transition: fill .25s
}

table.table.table-01 .dot {
    font-size: 1.5rem;
    margin-top: -1.25rem
}
table.table.table-01 .dot.complain {
    font-size: 1.5rem;
    margin-top: -0.25rem
}

.table.table .title,
.table.table .desc {
    display: block;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical
}

table.table.table-download {
    border: 0
}

table.table.table-download tr {
    display: block;
    box-shadow: rgb(99 99 99 / .2) 0 2px 8px 0;
    transition: background .25s
}

table.table.table-download td {
    border: 0
}

table.table.table-download td:nth-child(1) {
    border-radius: .5rem 0 0 .5rem;
    overflow: hidden
}

table.table.table-download td:nth-child(2) {
    width: 100%
}

table.table.table-download td:last-child {
    padding: 1rem
}

table.table.table-download .file-container {
    display: flex;
    justify-content: center;
    align-items: center
}

table.table.table-download .file-container .icon {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background .25s
}

table.table.table-download .file-container img,
table.table.table-download .file-container svg {
    display: block;
    width: 1.875rem;
    height: auto;
    margin: 0 auto .25rem auto;
    transition: all .25s
}

table.table.table-download .file-container img,
table.table.table-download.style-01 tr {
    display: flex;
    min-height: 6rem;
    border: 1px solid #fff0;
    border-radius: .375rem;
    overflow: hidden
}

table.table.table-download.style-01 tr>td.file-container {
    border-radius: 0;
    height: auto;
    width: 7rem;
    transition: background .25s
}

table.table.table-download.style-01 tr>td.text-container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

table.table.table-download.style-01 tr>td.text-container .title {
    -webkit-line-clamp: 1;
    transition: .25s
}

table.table.table-download.style-01 tr>td.text-container .file-size {
    padding: 0 1rem
}

table.table.table-download.style-01 tr>td.text-container .options,
table.table.table-download.style-01 tr>td.text-container .option,
table.table.table-download.style-01 tr>td.text-container .option .icon {
    display: flex;
    align-items: center
}
@media screen and (max-width:490.98px) {
    table.table.table-download.style-01 tr>td.text-container .options {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    table.table.table-download.style-01 tr>td.text-container .option,
    table.table.table-download.style-01 tr>td.text-container .option .icon {
        display: flex;

    }
    table.table.table-download.style-01 tr>td.button-container {
        bottom: 2.1rem !important;
    }
}

table.table.table-download.style-01 tr>td.button-container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 6.25rem
}

table.table.table-download.style-01 tr>td.button-container:before {
    content: '';
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    width: .0625rem;
    height: calc(100% - 2.5rem);
    transform: translateY(-50%)
}

table.table.table-download.style-01 tr>td.button-container svg path {
    transition: fill .25s
}

table.table.table-download.style-01 tr>td.button-container .title {
    transition: color .25s
}

table.table.table-download.style-02 tr {
    display: flex;
    min-height: 6rem;
    border: 1px solid #fff0;
    border-left: 5px solid transparent !important;
    border-radius: .3125rem;
    display: flex;
    justify-content: space-between
}

table.table.table-download.style-02 tr>td.file-container {
    border-radius: 0;
    height: auto;
    width: 7rem;
    transition: background .25s
}

table.table.table-download.style-02 tr>td.text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem
}

table.table.table-download.style-02 tr>td.text-container .title {
    -webkit-line-clamp: 1;
    transition: .25s
}

table.table.table-download.style-02 tr>td.text-container .file-size {
    padding: 0 1rem
}

table.table.table-download.style-02 tr>td.text-container .options,
table.table.table-download.style-02 tr>td.text-container .option,
table.table.table-download.style-02 tr>td.text-container .option .icon {
    display: flex;
    align-items: center
}

table.table.table-download.style-02 tr>td.button-container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

table.table.table-download.style-02 tr>td.button-container:before {
    content: '';
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    width: .0625rem;
    height: calc(100% - 2.5rem);
    transform: translateY(-50%)
}

table.table.table-download.style-02 tr>td.button-container .icon img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1.5rem
}

table.table.table-download.style-02 tr:hover>td.button-container * {
    transition: color .25s, border .25s
}

table.table.table-download.style-02 tr>td.button-container svg path {
    transition: fill .25s
}

table.table.table-download.style-02 tr>td.button-container .title {
    transition: color .25s
}

table.table.table-download.style-02 td:nth-child(2) {
    width: 5rem
}

.table-download-inner .wrapper {
    display: flex
}

.table-download-inner .wrapper .table-info {
    position: relative;
    min-width: 13rem;
    padding-right: 3.5rem
}

.table-download-inner .wrapper .table-info::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% - 1.75rem);
    width: .125rem;
    z-index: 1
}

.table-download-inner .wrapper .table-info::after {
    content: '';
    position: absolute;
    top: .125rem;
    left: calc(100% - 2.25rem);
    width: 1.125rem;
    height: 1.125rem;
    z-index: 2;
    clip-path: polygon(50% 9%, 93% 33%, 93% 77%, 50% 100%, 9% 77%, 9% 33%)
}

.table-download-inner .wrapper table.table-download {
    width: calc(100% - 13rem)
}

@media screen and (max-width:575.98px) {
    table.table.table-download.style-01 tr {
        position: relative
    }

    table.table.table-download.style-01 tr>td.file-container {
        width: 5rem
    }

    table.table.table-download.style-01 td:nth-child(2).text-container {
        min-width: unset !important;
        width: calc(100% - 5rem);
        flex-direction: column;
        align-items: start;
        justify-content: space-around
    }

    table.table.table-download.style-01 tr>td.button-container {
        position: absolute;
        right: .5rem;
        bottom: .5rem;
        padding: .3125rem;
        border-radius: 1000em;
        border: 1px solid #fff0
    }

    table.table.table-download.style-01 tr>td.button-container .icon {
        display: none
    }

    table.table.table-download.style-01 tr>td.text-container .file-size {
        padding: 0 .25rem
    }

    table.table.table-download.style-01 tr>td.button-container:before {
        display: none
    }
}

@media screen and (max-width:515.98px) {

    table.table.table-download .file-container img,
    table.table.table-download.style-01 tr {
        min-height: 6.5rem
    }
}

@media screen and (max-width:393.9px) {
    table.table.table-download.style-01 td:first-child {
        padding-left: .5625rem
    }

    table.table.table-download.style-01 tr>td.file-container {
        width: 3.5rem
    }

    table.table.table-download.style-01 .file-container .icon {
        width: 2.5rem;
        height: 2.5rem
    }

    table.table.table-download.style-01 td:nth-child(2).text-container {
        width: calc(100% - 3.5rem)
    }

    table.table.table-download.style-01 .file-container img,
    table.table.table-download .file-container svg {
        width: 1.5rem
    }
}

@media screen and (max-width:368.9px) {
    table.table.table-download.style-01 td:nth-child(2).text-container {
        min-width: 18rem !important
    }
}

.organizational-container {
    position: relative;
    max-width: 1000px;
    padding: 0 .625rem;
    margin: 0 auto
}

.organizational-container ol {
    list-style: none;
    padding: 0
}

.organizational-container .chev {
    position: absolute;
    bottom: calc(100% - .10625rem);
    transform: translateX(-50%);
    left: calc(50% - .18125rem);
    transform: rotate(213deg);
    font-size: .5rem
}

.organizational-container .level-1 {
    width: 30%;
    margin: 0 auto 15rem;
    border-radius: 1000em;
    padding: 1rem 1.5rem;
    position: relative;
    border: 2px solid #fff0
}

.organizational-container .level-1::before {
    content: "";
    position: absolute;
    top: calc(100% + .125rem);
    left: 50%;
    transform: translateX(-50%);
    width: .0875rem;
    height: 25rem
}

.organizational-container .level-2-wrapper {
    position: relative
}

.organizational-container .level-2 {
    position: absolute;
    border: 2px solid #fff0;
    font-weight: 400;
    border-radius: .5rem;
    padding: .5rem 1rem;
    text-align: center;
    min-width: 12rem
}

.organizational-container .level-2-wrapper li:nth-child(1) .level-2 {
    top: -14rem;
    left: 9rem
}

.organizational-container .level-2-wrapper li:nth-child(2) .level-2 {
    top: -10rem;
    left: 9rem
}

.organizational-container .level-2-wrapper li:nth-child(3) .level-2 {
    top: -12rem;
    right: 9rem
}

.organizational-container .level-2-wrapper li:nth-child(1) .level-2::before,
.organizational-container .level-2-wrapper li:nth-child(2) .level-2::before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + .125rem);
    transform: translateX(0%, -50%);
    width: 9.4375rem;
    height: .125rem;
    border-top: 2px dashed #fff0
}

.organizational-container .level-2-wrapper li:nth-child(3) .level-2::before {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(100% + .125rem);
    transform: translate(0%, -50%);
    width: 6.75rem;
    height: .125rem;
    border-top: 2px dashed #fff0
}

.organizational-container .level-2-wrapper li:nth-child(1) .level-2::after,
.organizational-container .level-2-wrapper li:nth-child(2) .level-2::after {
    content: '\f04b';
    font-family: "FontAwesome";
    position: absolute;
    left: calc(100% + 9.25rem);
    font-size: .5rem;
    transform: translateX(0%, -50%);
    top: 36%
}

.organizational-container .level-2-wrapper li:nth-child(3) .level-2::after {
    content: '\f04b';
    font-family: "FontAwesome";
    position: absolute;
    right: calc(100% + 6.625rem);
    font-size: .5rem;
    transform: translateX(0%, -50%);
    top: 33%;
    transform: rotate(180deg)
}

.organizational-container .level-3-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.organizational-container .level-3-wrapper.col-3 {
    grid-template-columns: repeat(3, 1fr);
    max-width: 50rem;
    margin: 0 auto
}

.organizational-container .level-3-wrapper.col-2 {
    grid-template-columns: repeat(2, 1fr);
    max-width: 32rem;
    margin: 0 auto
}

.organizational-container .level-3-wrapper::before {
    content: "";
    position: absolute;
    top: -5rem;
    left: 50%;
    width: 75%;
    height: .125rem;
    transform: translateX(-50%)
}

.organizational-container .level-3-wrapper.sub-level-3::before {
    display: none
}

.organizational-container .level-3-wrapper.col-3::before {
    width: 66.5%
}

.organizational-container .level-3-wrapper li {
    position: relative
}

.organizational-container .level-3-wrapper>li::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: .125rem;
    height: 5rem
}

.organizational-container .level-3-wrapper.sub-level-3>li::before {
    height: 12.25rem
}

.organizational-container .level-3 {
    position: relative;
    width: 80%;
    border: 2px solid #fff0;
    font-weight: 400;
    border-radius: .5rem;
    padding: .5rem .5rem;
    text-align: center
}

.organizational-container .level-3:not(.style-02) {
    margin: 0 auto 7rem
}

.organizational-container .level-3.style-02 {
    margin: 0 auto 3rem !important
}

.organizational-container .description {
    position: relative;
    width: 100%;
    max-width: 30rem;
    margin: 0 auto;
    padding: 2.25rem 2.25rem;
    border-radius: 1rem;
    border: 1px solid #fff0;
    z-index: 3
}

.organizational-container .description {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.organizational-container .description .item {
    display: flex;
    align-items: center
}

.organizational-container .description .line-01 {
    width: 6rem;
    height: 2px;
    border-top: 2px dashed #fff0
}

.organizational-container .description .line-02 {
    width: 6rem;
    height: .125rem
}

.organizational-container .description .text {
    width: calc(100% - 6rem);
    padding: 0 1rem;
    font-weight: 400
}

@media screen and (max-width:1199.98px) {

    .organizational-container .level-2-wrapper li:nth-child(1) .level-2::before,
    .organizational-container .level-2-wrapper li:nth-child(2) .level-2::before {
        width: 7.625rem
    }

    .organizational-container .level-2-wrapper li:nth-child(3) .level-2::before {
        width: 5rem
    }

    .organizational-container .level-2-wrapper li:nth-child(1) .level-2::after,
    .organizational-container .level-2-wrapper li:nth-child(2) .level-2::after {
        left: calc(100% + 8rem)
    }

    .organizational-container .level-2-wrapper li:nth-child(3) .level-2::after {
        right: calc(100% + 5.375rem)
    }
}

@media screen and (max-width:991.98px) {
    .organizational-container .level-1 {
        width: 40%
    }

    .organizational-container .level-2-wrapper li:nth-child(1) .level-2,
    .organizational-container .level-2-wrapper li:nth-child(2) .level-2 {
        left: 2rem
    }

    .organizational-container .level-2-wrapper li:nth-child(3) .level-2 {
        right: 2rem
    }
}

@media screen and (max-width:767.98px) {
    .organizational-container .level-1 {
        width: 50%
    }

    .organizational-container .level-1::before {
        width: .125rem
    }

    .organizational-container .level-2-wrapper li:nth-child(1) .level-2,
    .organizational-container .level-2-wrapper li:nth-child(2) .level-2 {
        left: 0
    }

    .organizational-container .level-2-wrapper li:nth-child(3) .level-2 {
        right: 0
    }

    .organizational-container .level-2-wrapper li:nth-child(1) .level-2::before,
    .organizational-container .level-2-wrapper li:nth-child(2) .level-2::before {
        width: 3.6875rem
    }

    .organizational-container .level-2-wrapper li:nth-child(3) .level-2::before {
        width: 1.125rem
    }

    .organizational-container .level-3-wrapper.col-2 {
        max-width: 22rem
    }

    .organizational-container .level-3-wrapper.sub-level-3>li::before {
        height: 14rem
    }

    .organizational-container .level-2-wrapper li:nth-child(1) .level-2::after,
    .organizational-container .level-2-wrapper li:nth-child(2) .level-2::after {
        left: calc(100% + 4rem)
    }

    .organizational-container .level-2-wrapper li:nth-child(3) .level-2::after {
        right: calc(100% + 1.375rem)
    }
}

@media screen and (max-width:575.98px) {
    .organizational-container {
        max-width: 100%;
        padding: 0 0
    }

    .organizational-container ol {
        margin-bottom: 0
    }

    .organizational-container li {
        position: relative !important
    }

    .organizational-container li::before,
    .organizational-container .level-3-wrapper li::before {
        background: red !important
    }

    .organizational-container .level-1 {
        width: 90%;
        margin: 0 auto 1rem
    }

    .organizational-container::after {
        content: "";
        position: absolute;
        top: 0;
        left: -1.8125rem;
        width: 10vw;
        height: calc(100% - 9rem);
        z-index: 2
    }

    .organizational-container .level-1::before {
        left: 0;
        height: calc(100vh + 4rem)
    }

    .organizational-container .level-3-wrapper {
        grid-template-columns: repeat(1, 1fr) !important
    }

    .organizational-container .level-3 {
        margin: 0 auto 1rem !important
    }

    .organizational-container .level-3.style-02 {
        margin: 0 auto 1rem !important
    }

    .organizational-container .level-2-wrapper .level-2 {
        position: relative;
        top: unset !important;
        left: unset;
        right: unset;
        transform: unset;
        margin-top: 1rem;
        width: auto
    }

    .organizational-container .level-3-wrapper.col-2 {
        max-width: 100%
    }

    .organizational-container .level-3-wrapper::before {
        display: none
    }

    .organizational-container .chev {
        display: none
    }

    .organizational-container .level-3 {
        position: relative
    }

    .organizational-container .level-3-wrapper>li::before {
        display: none
    }

    .organizational-container .level-3-wrapper li .level-3::before {
        content: "";
        position: absolute;
        top: 50%;
        right: calc(100% + .125rem);
        transform: translateX(0%, -50%);
        width: 3.5rem;
        height: 2px
    }

    .organizational-container .level-2-wrapper li:nth-child(1) .level-2::before,
    .organizational-container .level-2-wrapper li:nth-child(2) .level-2::before,
    .organizational-container .level-2-wrapper li:nth-child(3) .level-2::before {
        left: unset;
        right: calc(100% + .125rem);
        width: 3.5rem
    }

    .organizational-container .level-2-wrapper .level-2 {
        width: 70%;
        margin: 1rem auto 0 auto
    }

    .organizational-container .level-3 {
        width: 70%
    }

    .organizational-container .level-2-wrapper li:nth-child(1) .level-2::after,
    .organizational-container .level-2-wrapper li:nth-child(2) .level-2::after,
    .organizational-container .level-2-wrapper li:nth-child(3) .level-2::after {
        display: none
    }
}

@media screen and (max-width:497.98px) {
    .organizational-container .level-1::before {
        left: 0;
        height: calc(100vh + 4rem)
    }

    .organizational-container::after {
        left: -1.625rem
    }

    .organizational-container .description .item {
        flex-direction: column;
        flex-direction: column-reverse
    }

    .organizational-container .description .item .line-01,
    .organizational-container .description .item .line-02 {
        width: 100%;
        max-width: 10rem;
        margin: .5rem .25rem
    }

    .organizational-container .description .item .text {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:457.98px) {
    .organizational-container .level-1::before {
        left: 0;
        height: calc(100vh + 5.5rem)
    }

    .organizational-container::after {
        left: -1.25rem
    }
}

@media screen and (max-width:360.98px) {
    .organizational-container .level-1::before {
        left: 0;
        height: calc(100vh + 5.5rem)
    }

    .organizational-container .level-2-wrapper .level-2 {
        width: 75%
    }

    .organizational-container .level-3 {
        width: 75%
    }
}

@media screen and (max-width:325.98px) {
    .organizational-container::after {
        left: -1.625rem
    }

    .organizational-container .level-1::before {
        left: 0;
        height: calc(100vh + 8.4375rem)
    }

    .organizational-container .description {
        padding: 2rem 2rem
    }
}

.text-5xl {
    font-size: 380% !important;
    line-height: .25
}

.text-4xl {
    font-size: 300% !important;
    line-height: .25
}

.text-3xl {
    font-size: 240% !important;
    line-height: .25
}

.text-2xl {
    font-size: 150% !important;
    line-height: .25
}

.text-xl {
    font-size: 128% !important
}

.text-lg {
    font-size: 114% !important
}

.text-md {
    font-size: 110% !important
}

.text-nm {
    font-size: 100% !important
}

.text-sm {
    font-size: 90% !important
}

.text-xs {
    font-size: 80% !important
}

.text-2xs {
    font-size: 70% !important
}

.text-3xs {
    font-size: 60% !important
}

.text-center {
    text-align: center !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.fw-100 {
    font-weight: 100 !important
}

.fw-200 {
    font-weight: 200 !important
}

.fw-300 {
    font-weight: 300 !important
}

.fw-400 {
    font-weight: 400 !important
}

.fw-500 {
    font-weight: 500 !important
}

.fw-600 {
    font-weight: 600 !important
}

.fw-700 {
    font-weight: 700 !important
}

.fw-800 {
    font-weight: 800 !important
}

.fw-900 {
    font-weight: 900 !important
}

.lh-xl {
    line-height: 2
}

.lh-lg {
    line-height: 1.9
}

.lh-nm {
    line-height: 1.6
}

.lh-sm {
    line-height: 1.4
}

.lh-xs {
    line-height: 1.2
}

.lh-2xs {
    line-height: 1
}

.lh-3xs {
    line-height: .80
}

.c-pointer,
.cursor-pointer {
    cursor: pointer !important
}

.pos-static {
    position: static !important
}

.pos-relative {
    position: relative !important
}

.pos-absolute {
    position: absolute !important
}

.pos-fixed {
    position: fixed !important
}

.pos-sticky {
    position: sticky !important
}

.op-100 {
    opacity: 1 !important
}

.op-0 {
    opacity: 0 !important
}

.op-10 {
    opacity: .1 !important
}

.op-20 {
    opacity: .2 !important
}

.op-30 {
    opacity: .3 !important
}

.op-40 {
    opacity: .4 !important
}

.op-50 {
    opacity: .5 !important
}

.op-60 {
    opacity: .6 !important
}

.op-70 {
    opacity: .7 !important
}

.op-80 {
    opacity: .8 !important
}

.op-90 {
    opacity: .9 !important
}

.pe-none {
    pointer-events: none !important
}

.d-block {
    display: block !important
}

.d-flex {
    display: flex !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-none {
    display: none !important
}

.jc-start {
    justify-content: flex-start !important
}

.jc-center {
    justify-content: center !important
}

.jc-end {
    justify-content: flex-end !important
}

.jc-space-between {
    justify-content: space-between !important
}

.jc-space-evenly {
    justify-content: space-evenly !important
}

.ai-center {
    align-items: center !important
}

.ai-start {
    align-items: flex-start !important
}

.ai-end {
    align-items: flex-end !important
}

.ai-unset {
    align-items: unset !important
}

.fw-wrap {
    flex-wrap: wrap !important
}

.fw-no-wrap {
    flex-wrap: nowrap !important
}

.fw-unset {
    flex-wrap: unset !important
}

.flex-column {
    flex-direction: column !important
}

@media screen and (max-width:991.98px) {
    .md-jc-center {
        justify-content: center !important
    }
}

@media screen and (max-width:879.98px) {
    .ss-sm-jc-center {
        justify-content: center !important
    }
}

@media screen and (max-width:767.98px) {
    .sm-jc-start {
        justify-content: start !important
    }

    .sm-jc-center {
        justify-content: center !important
    }

    .sm-column-reverse {
        flex-direction: column-reverse
    }
}

@media screen and (max-width:575.98px) {
    .xs-jc-center {
        justify-content: center !important
    }
}

.mw-auto {
    min-width: auto !important
}

.width-auto,
.w-auto {
    width: auto !important
}

.width-full,
.w-full {
    width: 100% !important;
    max-width: 100% !important
}

.height-auto,
.h-auto {
    height: auto !important
}

.height-full,
.h-full {
    height: 100% !important;
    max-height: 100% !important
}

@media screen and (max-width:767.98px) {

    .width-full-sm,
    .w-full-sm {
        width: 100% !important;
        max-width: 100% !important
    }
}

.ws-nowrap {
    white-space: nowrap !important
}

.ws-normal {
    white-space: normal !important
}

.no-br>br {
    display: none
}

.no-border {
    border: 0 !important
}

.no-border-bottom {
    border-bottom: 0 !important
}

.no-border-right {
    border-right: 0 !important
}

.border {
    border: 1px solid transparent !important
}

.border-2 {
    border: 2px solid transparent !important
}

.border-3 {
    border: 3px solid transparent !important
}

.border-4 {
    border: 4px solid transparent !important
}

.border-6 {
    border: 8px solid transparent !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-top {
    border-top: 1px solid transparent !important
}

.border-top-2 {
    border-top: 2px solid transparent !important
}

.border-top-3 {
    border-top: 3px solid transparent !important
}

.border-top-4 {
    border-top: 4px solid transparent !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-bottom {
    border-bottom: 1px solid transparent !important
}

.border-bottom-2 {
    border-bottom: 2px solid transparent !important
}

.border-bottom-3 {
    border-bottom: 3px solid transparent !important
}

.border-bottom-4 {
    border-bottom: 4px solid transparent !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-left {
    border-left: 1px solid transparent !important
}

.border-left-2 {
    border-left: 2px solid transparent !important
}

.border-left-3 {
    border-left: 3px solid transparent !important
}

.border-left-4 {
    border-left: 4px solid transparent !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-right {
    border-right: 1px solid transparent !important
}

.border-right-2 {
    border-right: 2px solid transparent !important
}

.border-right-3 {
    border-right: 3px solid transparent !important
}

.border-right-4 {
    border-right: 4px solid transparent !important
}

.bradius-round {
    border-radius: var(--bradius) !important
}

.bradius-round-02 {
    border-radius: .375rem !important
}

.no-bradius {
    border-radius: 0 !important
}

.no-padding {
    padding: 0 !important
}

.box-shadow {
    box-shadow: 0 5px 20px 10px rgb(0 0 0 / .1)
}

.ovf-hidden {
    overflow: hidden !important
}

.ovf-visible {
    overflow: visible !important
}

@media screen and (min-width:1299.98px) {
    .xxl-no-br>br {
        display: none
    }
}

@media screen and (max-width:1299.98px) {
    .xl-no-br>br {
        display: none
    }
}

@media screen and (max-width:1199.98px) {
    .lg-no-br>br {
        display: none
    }
}

@media screen and (max-width:991.98px) {
    .md-no-br>br {
        display: none
    }
}

@media screen and (max-width:767.98px) {
    .sm-no-br>br {
        display: none
    }
}

@media screen and (max-width:575.98px) {
    .xs-no-br>br {
        display: none
    }

    .xs-hide {
        display: none
    }
}

::-webkit-scrollbar {
    width: 7px;
    border-radius: .25rem
}

::-webkit-scrollbar-track {
    background: #ddd
}

::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: .25rem
}

::-webkit-scrollbar-thumb:hover {
    background: #999
}

::-webkit-scrollbar:horizontal {
    height: 7px
}

.scroll-wrapper {
    width: 100%;
    overflow: hidden
}

.scroll-x-wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: .875rem 0 .875rem 0
}

.scroll-y-wrapper {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 .875rem 0 0
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: .75rem !important
}

.p-4 {
    padding: 1rem !important
}

.p-5 {
    padding: 1.25rem !important
}

.p-6 {
    padding: 1.5rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: .75rem !important
}

.pt-4 {
    padding-top: 1rem !important
}

.pt-5 {
    padding-top: 1.25rem !important
}

.pt-6 {
    padding-top: 1.5rem !important
}

.pt-7 {
    margin-top: 1.75rem !important
}

.pt-8 {
    margin-top: 2rem !important
}

.pr-0 {
    padding-right: 0 !important
}

.pr-1 {
    padding-right: .25rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pr-3 {
    padding-right: .75rem !important
}

.pr-4 {
    padding-right: 1rem !important
}

.pr-5 {
    padding-right: 1.25rem !important
}

.pr-6 {
    padding-right: 1.5rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: .75rem !important
}

.pb-4 {
    padding-bottom: 1rem !important
}

.pb-5 {
    padding-bottom: 1.25rem !important
}

.pb-6 {
    padding-bottom: 1.5rem !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-1 {
    padding-left: .25rem !important
}

.pl-2 {
    padding-left: .5rem !important
}

.pl-3 {
    padding-left: .75rem !important
}

.pl-4 {
    padding-left: 1rem !important
}

.pl-5 {
    padding-left: 1.25rem !important
}

.pl-6 {
    padding-left: 1.5rem !important
}

.m-0 {
    margin: 0 !important
}

.m-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: .75rem !important
}

.m-4 {
    margin: 1rem !important
}

.m-5 {
    margin: 1.25rem !important
}

.m-6 {
    margin: 1.5rem !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: .75rem !important
}

.mt-4 {
    margin-top: 1rem !important
}

.mt-5 {
    margin-top: 1.25rem !important
}

.mt-6 {
    margin-top: 1.5rem !important
}

.mr-0 {
    margin-right: 0 !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mr-3 {
    margin-right: .75rem !important
}

.mr-4 {
    margin-right: 1rem !important
}

.mr-5 {
    margin-right: 1.25rem !important
}

.mr-6 {
    margin-right: 1.5rem !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: .75rem !important
}

.mb-4 {
    margin-bottom: 1rem !important
}

.mb-5 {
    margin-bottom: 1.25rem !important
}

.mb-6 {
    margin-bottom: 1.5rem !important
}

.ml-0 {
    margin-left: 0 !important
}

.ml-1 {
    margin-left: .25rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.ml-3 {
    margin-left: .75rem !important
}

.ml-4 {
    margin-left: 1rem !important
}

.ml-5 {
    margin-left: 1.25rem !important
}

.ml-6 {
    margin-left: 1.5rem !important
}

.mt-negative {
    margin-top: -4rem;
    padding-top: 8rem
}

@media screen and (max-width:1299.98px) {
    .d-none-lg {
        display: none
    }
}

@media screen and (max-width:991.98px) {
    .mt-2-md {
        margin-top: .5rem !important
    }

    .d-none-md {
        display: none
    }
}

@media screen and (max-width:767.98px) {
    .mt-negative {
        margin-top: -4.5rem
    }
}

@media screen and (max-width:575.98px) {
    .mt-negative {
        margin-top: -5rem
    }
}
/* Super Topnav */
nav.stopnav {
  position: relative;
}
nav.stopnav > .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 6rem;
  padding: 0 8rem;
}
nav.stopnav .option.option-sitemap {
  width: 2rem;
  height: 2rem;
  display: flex;
  border-radius: 50%;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: background 0.25s;
}
nav.stopnav .option.option-sitemap svg path {
  transition: fill 0.25s;
}
nav.stopnav .socials {
  min-width: 21.3125rem;
}
nav.stopnav .socials .social-wrapper {
  display: flex;
  align-items: center;
}
nav.stopnav .socials .social {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 50%;
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
  transition: background 0.25s;
}
nav.stopnav .socials .social .icon-active {
  position: absolute;
  transition: opacity 0.25s;
  opacity: 0;
}
nav.stopnav .socials .social svg path {
  transition: fill 0.25s;
}
nav.stopnav .socials .social:hover .icon-active {
  opacity: 1;
}

nav.stopnav .logo-container .wrapper {
  display: flex;
  align-items: center;
}
nav.stopnav .logo-container .logo {
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
nav.stopnav .logo-container .logo img {
  display: block;
  max-width: 100%;
  width: auto;
  max-height: 100%;
  height: 3.5rem;
}
nav.stopnav .logo-container .text {
  padding: 0 0.75rem;
  width: calc(100% - 4rem);
}
nav.stopnav .options {
  display: flex;
  align-items: center;
  min-width: 21.3125rem;
}
nav.stopnav .options .option {
  margin: 0 0.875rem;
  display: flex;
  align-items: center;
}
nav.stopnav .option-select > .select svg {
  transition: fill 0.25s;
}
nav.stopnav .option-select > .select {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.375rem;
  padding: 0.1875rem 0.5rem 0.125rem 0.5rem;
  font-size: 0.75rem;
}
nav.stopnav .option-select > .select .dropdown {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
  pointer-events: none;
  border-radius: 0.375rem;
  padding: 0.25rem 0;
  opacity: 0;
  transition:
    opacity 0.25s,
    top 0.25s;
}
nav.stopnav .option-select.active > .select .dropdown {
  opacity: 1;
  top: calc(100% + 0.375rem);
  pointer-events: auto;
}
nav.stopnav .option-select > .select .dropdown .lang {
  display: block;
  padding: 0.25rem 0.5rem;
}
nav.stopnav .option-select > .select .dropdown .lang {
  transition: background 0.25s;
}
nav.stopnav .options .option:last-child {
  margin-right: 0;
}
nav.stopnav .options .option .menu.sign-in {
  border-right: 0.7px solid transparent;
  padding-right: 0.75rem;
}
nav.stopnav .options .option .menu.sign-up {
  padding-left: 0.75rem;
}
@media screen and (max-width: 1299.98px) {
  nav.stopnav > .wrapper {
    padding: 0 5rem;
  }
  nav.stopnav .logo-container .text {
    font-size: 0.9375rem;
  }
  nav.stopnav .logo-container .desc {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 1199.98px) {
  nav.stopnav > .wrapper {
    padding: 0 1rem;
  }
  nav.stopnav .logo-container .text .title {
    font-size: 0.875rem;
  }
  nav.stopnav .logo-container .desc {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 991.98px) {
  nav.stopnav > .wrapper {
    padding: 0 3rem;
  }
  nav.stopnav .socials {
    display: none;
  }
  nav.stopnav .option.option-select {
    display: none;
  }
  nav.stopnav .logo-container .text .title {
    font-size: 0.9375rem;
  }
  nav.stopnav .logo-container .desc {
    font-size: 0.75rem;
  }
  nav.stopnav .options {
    min-width: unset;
  }
}
@media screen and (max-width: 767.98px) {
  nav.stopnav > .wrapper {
    padding: 0 2rem;
    height: 5rem;
  }
}
@media screen and (max-width: 622.98px) {
  nav.stopnav .options .option:last-child {
    display: none;
  }
}
@media screen and (max-width: 441.98px) {
  nav.stopnav .logo-container .desc {
    font-size: 0.625rem;
  }
  nav.stopnav > .wrapper {
    padding: 0 1rem;
  }
  nav.stopnav .logo-container .logo img {
    height: 3rem;
  }
}
@media screen and (max-width: 408.98px) {
  nav.stopnav .logo-container .text .title {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 322.98px) {
  nav.stopnav > .wrapper {
    padding: 0 0.875rem;
  }
}

/* Topnav */
nav.topnav {
  position: absolute;
  z-index: 95;
  left: 0;
  width: 100%;
  height: 2.5rem;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08) inset;
  transition: height 0.5s;
}
nav.topnav.sticky {
  position: fixed;
  top: 0;
  box-shadow: 0px 4px 12px 8px rgba(0, 0, 0, 0.04);
  height: 4rem;
}
nav.topnav.sticky ~ nav.quick-links {
  top: 28rem;
}
nav.topnav .topnav-dropdown {
  opacity: 0;
  transition: opacity 0.25s;
  pointer-events: none;
}
nav.topnav .topnav-dropdown.active {
  opacity: 1;
  pointer-events: auto;
}
nav.topnav .topnav-dropdown.not-full-width {
  position: fixed;
  max-width: 15rem;
  border-radius: 0.5rem;
  background: transparent;
}
nav.topnav .menu-container {
  display: flex;
  height: 100%;
}
nav.topnav > .wrapper {
  height: 100%;
  padding: 0 5rem;
  display: flex;
  justify-content: center;
}
nav.topnav .menu-container .menu {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 1.5rem;
}
nav.topnav .menu-container .menu:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.1875rem;
  width: 0;
  transition: width 0.8s;
}
nav.topnav .menu-container.from-right .menu::before {
  left: 0;
  right: unset;
}
nav.topnav .menu-container.from-left .menu::before {
  left: unset;
  right: 0;
}
nav.topnav .menu-container .menu.active:before,
nav.topnav .menu-container .menu.menu-active:before,
nav.topnav .menu-container .menu:hover:before {
  width: 100%;
}
nav.topnav .menu-container .menu > *:first-child {
  display: flex;
  align-items: center;
}
nav.topnav .menu.active > *:first-child {
  font-weight: 700;
}
nav.topnav .menu-container .blocks {
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  transition: all 0.25s;
  cursor: pointer;
}
nav.topnav .topnav-dropdown {
  width: 100%;
  /* position: fixed; */
  right: 0;
  left: 0;
  height: auto;
  z-index: 94;
  pointer-events: none;
}
nav.topnav .topnav-dropdown .dropdown-wrapper {
  display: block;
  width: 100%;
  position: absolute;
  /* transition: opacity 0.25s; */
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
}
nav.topnav .topnav-dropdown .dropdown-wrapper .dropdown-menu {
  position: relative;
  display: block;
  font-weight: 300;
  padding: 0rem 1rem;
}
nav.topnav .topnav-dropdown .dropdown-wrapper .dropdown-menu:hover > .level-2 {
  opacity: 1;
}
nav.topnav .topnav-dropdown .dropdown-wrapper .dropdown-menu > * {
  display: block;
}
nav.topnav .topnav-dropdown .dropdown-wrapper .level-2:not(.last-menu) {
  position: absolute;
  top: 0;
  left: calc(100% + 2px);
  opacity: 0;
  min-width: 15rem;
  padding: 1rem 1rem;
  border-radius: 0.5rem;
}

nav.topnav .topnav-dropdown .dropdown-wrapper .level-2.last-menu {
  position: absolute;
  top: 0;
  right: calc(100% + 2px) !important;
  opacity: 0;
  min-width: 15rem;
  padding: 1rem 1rem;
  border-radius: 0.5rem;
}

nav.topnav .topnav-dropdown .dropdown-wrapper .level-2 > * {
  display: block;
}
nav.topnav .topnav-dropdown .dropdown-wrapper.active {
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  pointer-events: auto;
  opacity: 1;
}
nav.topnav .topnav-dropdown.not-full-width .dropdown-wrapper {
  margin-top: 0.25rem;
  border-radius: 0.5rem;
  padding: 1rem 0;
  top: 1rem;
  transition: top 0.25s;
}
nav.topnav .topnav-dropdown.not-full-width.active .dropdown-wrapper {
  top: 0;
}
nav.topnav .submenu-blocks {
  display: flex;
}
nav.topnav .topnav-dropdown .dropdown-wrapper .submenu-block.background {
  position: relative;
  min-height: 34rem;
  max-width: 100%;
  width: 18.6125rem;
  padding: 2rem 1.5rem;
}
nav.topnav .dropdown-wrapper .submenu-block.background .title {
  font-weight: 600;
  font-size: 1.25rem;
  text-align: right;
}
nav.topnav .dropdown-wrapper .submenu-block.background .pattern {
  position: absolute;
  bottom: 2.5rem;
  left: 0;
  z-index: 2;
}
nav.topnav .dropdown-wrapper .submenu-block.background .pattern img {
  display: block;
  max-width: 100%;
  width: auto;
  max-height: 100%;
  height: 10rem;
}
nav.topnav .dropdown-wrapper .block-contents {
  position: relative;
  display: flex;
  width: calc(100% - 18.6125rem);
  padding: 2rem 0;
}
nav.topnav .dropdown-wrapper .block-contents > .pattern {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}
nav.topnav .dropdown-wrapper .block-contents > .pattern img {
  display: block;
  max-width: 100%;
  width: auto;
  max-height: 100%;
  height: 25rem;
}
nav.topnav .dropdown-wrapper .block-contents .submenu-block {
  padding: 0 5rem;
  width: calc(100% / 3);
  height: 100%;
  border-right: 1px solid transparent;
  max-height: 30rem;
  overflow-y: auto;
}
nav.topnav .dropdown-wrapper .block-contents .submenu-block::-webkit-scrollbar {
  display: none;
}
nav.topnav .dropdown-wrapper .block-contents .submenu-block:hover::-webkit-scrollbar {
  display: block;
}
nav.topnav .dropdown-wrapper .block-contents .submenu-block:last-child {
  border-right: 0;
}
nav.topnav .block-contents .submenu-block .block-menu {
  position: relative;
  display: block;
  font-weight: 400;
  border-left: 3px solid transparent;
  transition:
    padding 0.25s,
    border 0.25s;
}
nav.topnav .block-contents .submenu-block .block-menu:not(:first-child) {
  margin-top: 1rem;
}
nav.topnav .block-contents .submenu-block > .block-menu:not(.topic):hover,
nav.topnav .block-contents .submenu-block > .block-menu:not(.topic).active {
  padding-left: 0.75rem;
}
nav.topnav .block-contents .submenu-block .block-sub-menu:not(:first-child) {
  margin-top: 0.5rem;
  margin-left: 1.3rem;
}
nav.topnav .block-contents .submenu-block .block-sub-menu {
  border-left: 2px solid transparent;
  padding: 0 1rem;
}
nav.topnav .block-contents .submenu-block .block-sub-menu > .block-menu {
  color: #7d7d7d;
}
nav.topnav .dropdown-filter {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  cursor: pointer;
  z-index: 93;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.4);
  transition: opacity 0.3s;
}
nav.topnav .topnav-dropdown.active + .dropdown-filter {
  opacity: 1;
  pointer-events: auto;
}
nav.topnav .show-tablet {
  display: none;
}
nav.topnav + .topnav-spacer {
  display: block;
  width: 100%;
  height: 2.5rem;
}
@media screen and (max-width: 1299.98px) {
  nav.topnav > .wrapper {
    padding: 0 2rem;
  }
  nav.topnav .menu-container .menu {
    padding: 0 1rem;
  }
  nav.topnav .topnav-dropdown .dropdown-wrapper .submenu-block.background {
    width: 16rem;
  }
  nav.topnav .dropdown-wrapper .block-contents {
    width: calc(100% - 16rem);
  }
  nav.topnav .dropdown-wrapper .block-contents .submenu-block {
    padding: 0 2rem;
  }
}

@media screen and (max-width: 1199.98px) {
  nav.topnav > .wrapper {
    padding: 0 0.5rem;
  }
  nav.topnav .menu-container .menu {
    padding: 0 0.75rem;
  }
  nav.topnav .topnav-dropdown .dropdown-wrapper .submenu-block.background {
    width: 13.5rem;
  }
  nav.topnav .topnav-dropdown .dropdown-wrapper .submenu-block.background .title {
    font-size: 1rem;
  }
  nav.topnav .dropdown-wrapper .block-contents {
    width: calc(100% - 13.5rem);
  }
}
@media screen and (max-width: 1099.98px) {
  nav.topnav .dropdown-wrapper .block-contents .submenu-block {
    padding: 0 1.5rem;
  }
}
@media screen and (max-width: 991.98px) {
  nav.topnav {
    height: 3.5rem;
  }
  nav.topnav .topnav-dropdown {
    display: none;
  }
  nav.topnav .topnav-dropdown.active + .dropdown-filter {
    display: none;
  }
  nav.topnav .menu-container .menu {
    display: none;
  }
  nav.topnav > .wrapper {
    justify-content: end;
    padding: 0 0;
  }
  nav.topnav .show-tablet {
    display: flex;
  }
}
@media screen and (max-width: 575.98px) {
  nav.topnav {
    height: 3rem;
  }
  nav.topnav .menu-container .blocks {
    width: 3rem;
  }
}

/* Sidenav */
nav.sidenav {
  position: fixed;
  top: 0;
  left: auto;
  right: 0;
  width: 340px;
  height: 100vh;
  z-index: 100;
  transform: translateX(340px);
  transition: transform 0.5s;
  overflow: hidden;
  border-left: 1px solid transparent;
}
nav.sidenav .menu > *:first-child,
nav.sidenav .submenu > *:first-child {
  display: block;
  width: 100%;
  text-decoration: none;
  padding: 1.0625rem 1rem 0.875rem 1rem;
  margin: 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.25;
  border-bottom: 1px solid transparent;
  transition:
    background 0.25s,
    color 0.25s;
}
nav.sidenav .menu,
nav.sidenav .submenu {
  position: relative;
}
nav.sidenav .submenu-dropdown {
  display: none;
}
nav.sidenav .menu > .submenu-container {
  max-height: 0;
  overflow: hidden;
}
nav.sidenav .menu > .submenu-container .title {
  padding: 1rem 1rem 0.875rem 1rem;
}

nav.sidenav.active {
  transform: translateX(0);
}
nav.sidenav .options {
  display: flex;
  width: 100%;
  margin: 0;
  border-top: 1px solid transparent;
}
nav.sidenav .options > .option,
nav.sidenav .options > .option-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% / 3);
  height: 3.125rem;
  position: relative;
  cursor: pointer;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}
nav.sidenav .options > .option .icon svg {
  display: block;
  max-width: 100%;
  width: 2rem;
  max-height: 100%;
  height: 2rem;
}
nav.sidenav .options > .option .icon.text-size svg {
  width: 1.5rem;
  height: 1.5rem;
}
nav.sidenav .option .dropdown {
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 0;
  right: 0;
  opacity: 0;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  pointer-events: none;
  box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  z-index: 1;
  transition:
    opacity 0.5s,
    top 0.5s;
  padding: 0.5rem 0.5rem;
}
nav.sidenav .option > .dropdown .icon {
  display: flex;
  justify-content: center;
}
nav.sidenav .option > .dropdown .icon:nth-child(2) {
  margin: 0.5rem 0;
}
nav.sidenav .option > .dropdown .icon svg {
  display: block;
  max-width: 100%;
  width: 1.5rem;
  max-height: 100%;
  height: 1.5rem;
}
nav.sidenav .option:hover .dropdown {
  opacity: 1;
  top: 100%;
  pointer-events: all;
}
nav.sidenav .wrapper {
  position: relative;
  height: 100%;
  z-index: 2;
}
nav.sidenav .wrapper::after {
  position: absolute;
  content: "";
  top: 0;
  right: auto;
  left: calc(50% + 5.25rem);
  bottom: 0;
  z-index: -1;
  width: 12.1875rem;
  height: calc(100% + 0.25rem);
  transform: var(--transform-skew-negative);
}
nav.sidenav .logo-wrapper {
  padding: 1rem 1.5rem;
}
nav.sidenav .logo-wrapper > .logo img {
  display: block;
  max-width: 100%;
  width: auto;
  max-height: 100%;
  height: 2.5rem;
}
nav.sidenav .menu:first-child {
  border-width: 0 0 1px 0;
}
nav.sidenav .menu {
  font-weight: 500;
  padding: 0 0;
  border: solid transparent;
  border-width: 1px 0 1px 0;
  display: block;
  transition: background 0.25s;
}
nav.sidenav .strip-container {
  width: auto;
  padding: 0 1rem 0 0;
}
nav.sidenav .scroll-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  max-height: calc(100% - 7rem);
  overflow-x: hidden;
  overflow-y: auto;
  border-top: 1px solid transparent;
  padding: 0 0 1px 0;
}
nav.sidenav .option-select > .select {
  display: inline-block;
  padding: 0.5rem 1.5rem;
  transform: skewX(-0.04turn);
  border: 1px solid transparent;
}
nav.sidenav .option-select {
  display: flex;
  justify-content: center;
}
nav.sidenav .option-select > .select {
  margin: 0.25rem;
  cursor: pointer;
  transition: all 0.25s;
}
nav.sidenav .option-select > .select * {
  transform: skewX(0.04turn);
}
nav.sidenav .menu {
  position: relative;
}
nav.sidenav .submenu > .number {
  display: block;
}
nav.sidenav .submenu > * br {
  display: none;
}
nav.sidenav .submenu-blocks {
  display: none;
}
nav.sidenav .dropdown-toggle {
  position: absolute;
  right: 0;
  top: 0;
  width: 3.125rem;
  height: 3.125rem;
  text-align: center;
  transition: transform 0.25s;
  line-height: 3.4375rem;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 300;
  pointer-events: all;
}
nav.sidenav .submenu-dropdown > .submenu-blocks .submenu .number {
  font-weight: 500;
}
nav.sidenav .dropdown-toggle > em {
  transition: all.25s;
}
nav.sidenav .dropdown-toggle.active > em {
  transform: rotate(90deg);
}
nav.sidenav .menu-container .blocks {
  display: none;
}
nav.sidenav .sidenav-toggle {
  display: block;
  width: 4rem;
  height: 4rem;
  padding: 1.5rem 1rem 0 1rem;
  margin: 0 0 0 auto;
  cursor: pointer;
  border-left: 1px solid transparent;
}
nav.sidenav .ss-list.style-03 > li {
  padding-left: 0;
}
nav.sidenav .ss-list.style-03 > li::before {
  display: none;
}
nav.sidenav .submenu-title {
  font-weight: 400;
}
nav.sidenav .submenu-block ul li {
  transition: background 0.25s;
}

nav.sidenav .menu > *:first-child,
nav.sidenav .submenu-title {
  display: block;
  padding: 1rem 1rem 0.875rem 1rem;
  transition:
    background 0.25s,
    color 0.25s;
}
nav.sidenav .dropdown-toggle > em {
  transition: color 0.25s;
}
nav.sidenav .submenu-block ul li {
  padding: 1.0625rem 1rem 0.875rem 1rem !important;
  border-bottom: 1px solid transparent;
}
nav.sidenav .submenu-block ul li > * {
  font-size: 1rem;
  font-weight: 400;
}
nav.sidenav ~ .sidenav-filter {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 97;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  transition: opacity 0.5s;
  background: rgba(0, 0, 0, 0.4);
}
nav.sidenav.active ~ .sidenav-filter {
  opacity: 1;
  pointer-events: all;
}

/* Topnav Member Q&A */
nav.topnav-member-qa > .wrapper {
  height: 100%;
  padding: 0 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 6rem;
}
nav.topnav-member-qa .logo-container .wrapper {
  display: flex;
  align-items: center;
}
nav.topnav-member-qa .logo-container .logo {
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
nav.topnav-member-qa .logo-container .logo img {
  display: block;
  max-width: 100%;
  width: auto;
  max-height: 100%;
  height: 3.5rem;
}
nav.topnav-member-qa .logo-container .text {
  padding: 0 0.75rem;
  width: calc(100% - 4rem);
}
nav.topnav-member-qa .menu-container .menu {
  display: block;
}
nav.topnav-member-qa .menu-container .menu .wrapper {
  display: flex;
  align-items: center;
}
nav.topnav-member-qa .menu-container .menu .wrapper > .icon {
  width: 1.375rem;
  height: 1.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
nav.topnav-member-qa .menu-container .menu .wrapper > .icon svg,
nav.topnav-member-qa .menu-container .menu .wrapper > .icon img {
  display: block;
  max-width: 100%;
  width: auto;
  max-height: 100%;
  height: 1rem;
}

/* Sidenav Member Q&A */
nav.sidenav-member-qa {
  position: relative;
  min-width: 18.75rem;
  min-height: 50rem;
  transition: margin 0.75s;
}
nav.sidenav-member-qa .background-content {
  position: relative;
  min-height: 10rem;
  overflow: hidden;
}
nav.sidenav-member-qa .background-content > .img-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  filter: blur(1.8px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
nav.sidenav-member-qa .background-content .pattern {
  position: absolute;
  z-index: 2;
}
nav.sidenav-member-qa .background-content .pattern.light {
  top: 0;
  right: 0;
  left: 0;
}
nav.sidenav-member-qa .background-content .pattern.light img {
  display: block;
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  height: 6rem;
}
nav.sidenav-member-qa .background-content .pattern.tree {
  right: 0;
  bottom: -0.75rem;
  transform: rotate(-9deg) translateY(1.9375rem);
}
nav.sidenav-member-qa .background-content .pattern.tree.aos-animate {
  transform: translateY(0.125rem) rotate(-9deg);
}
nav.sidenav-member-qa .background-content .pattern.tree img {
  display: block;
  max-width: 100%;
  width: 13rem;
  max-height: 100%;
  height: auto;
}
nav.sidenav-member-qa .menu-header {
  padding: 0.875rem;
}
nav.sidenav-member-qa .profile {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: flex;
  align-items: center;
}
nav.sidenav-member-qa .profile > .wrapper {
  display: flex;
  padding: 0.875rem;
}
nav.sidenav-member-qa .profile .avatar-pic {
  position: relative;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  overflow: hidden;
}
nav.sidenav-member-qa .profile .avatar-pic > .img-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
nav.sidenav-member-qa .profile .avatar-text {
  padding: 0 0.5rem;
  width: calc(100% - 3.5rem);
}
nav.sidenav-member-qa .profile .avatar-text .link-edit {
  display: block;
}
nav.sidenav-member-qa .profile .avatar-text .link-edit .wrapper {
  display: flex;
  align-items: center;
}
nav.sidenav-member-qa .profile .avatar-text .link-edit .wrapper .icon {
  width: 1.375rem;
  height: 1.375rem;
  display: flex;
  justify-content: start;
  align-items: center;
}
nav.sidenav-member-qa .profile .avatar-text .link-edit .wrapper .icon svg,
nav.sidenav-member-qa .profile .avatar-text .link-edit .wrapper .icon img {
  display: block;
  max-width: 100%;
  width: auto;
  max-height: 100%;
  height: 1rem;
}
nav.sidenav-member-qa ~ .content-container {
  position: relative;
  width: calc(100% - 18.75rem);
  min-height: auto;
  transition: width 0.75s;
  overflow: hidden;
}
nav.sidenav-member-qa ~ .content-container .content-wrapper {
  padding: 0.875rem;
}
nav.sidenav-member-qa ~ .content-container .card-header {
  position: relative;
  padding: 0.875rem;
  border-radius: var(--bradius) var(--bradius) 0 0;
  border: 1px solid transparent;
}
nav.sidenav-member-qa ~ .content-container .card-header .pattern {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
nav.sidenav-member-qa ~ .content-container .card-header .pattern img {
  display: block;
  max-width: 100%;
  width: auto;
  max-height: 100%;
  height: 5rem;
}
nav.sidenav-member-qa ~ .content-container .card-header + .card-content {
  border-radius: 0 0 var(--bradius) var(--bradius);
}
nav.sidenav-member-qa ~ .content-container .card-content {
  box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
  padding: 1rem;
  border-radius: var(--bradius);
}
nav.sidenav-member-qa ~ .content-container .profile-container {
  border-bottom: 1px solid transparent;
  padding-bottom: 1rem;
}
nav.sidenav-member-qa ~ .content-container .profile-container > .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
nav.sidenav-member-qa ~ .content-container .profile-content > .wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}
nav.sidenav-member-qa ~ .content-container .card-content .profile-content .avatar-pic {
  position: relative;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 2px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 80px 1px;
  overflow: hidden;
}
nav.sidenav-member-qa ~ .content-container .card-content .profile-content .avatar-pic > .img-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
nav.sidenav-member-qa ~ .content-container .card-content .profile-content .avatar-text {
  padding: 0 1rem;
  width: calc(100% - 5rem);
}
nav.sidenav-member-qa ~ .content-container .content-filter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 93;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.4);
  transition: opacity 0.3s;
}
nav.sidenav-member-qa.active ~ .content-container .content-filter {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (max-width: 879.98px) {
  nav.sidenav-member-qa ~ .content-container .card-content .profile-content .avatar-pic {
    width: 4.5rem;
    height: 4.5rem;
  }
  nav.sidenav-member-qa ~ .content-container .card-content .profile-content .avatar-text {
    width: 100%;
  }
  nav.sidenav-member-qa ~ .content-container .profile-container > .wrapper {
    flex-direction: column;
    align-items: center;
  }
  nav.sidenav-member-qa ~ .content-container .card-content .profile-content .avatar-text {
    text-align: center;
  }
  nav.sidenav-member-qa ~ .content-container .profile-container > .wrapper .btns {
    justify-content: center !important;
  }
  nav.sidenav-member-qa ~ .content-container .profile-container > .wrapper {
    justify-content: center;
  }
  nav.sidenav-member-qa ~ .content-container .profile-content > .wrapper {
    flex-direction: column;
    align-items: center;
  }
  nav.sidenav-member-qa ~ .content-container .card-content .profile-content .avatar-text {
    width: 100%;
    padding: 0 0;
    margin-top: 0.5rem;
  }
}
@media screen and (min-width: 767.98px) {
  nav.sidenav-member-qa.active {
    min-width: 18.75rem;
  }
  nav.sidenav-member-qa.active ~ .content-container {
    width: calc(100% - 18.75rem);
  }
}
@media screen and (max-width: 767.98px) {
  nav.sidenav-member-qa {
    min-width: 17rem;
  }
  nav.sidenav-member-qa ~ .content-container {
    min-width: calc(100% - 17rem);
  }
}
@media screen and (min-width: 575.98px) {
  nav.topnav-member-qa .show-mobile {
    display: none;
  }
  nav.sidenav-member-qa.active ~ .content-container .content-filter {
    opacity: 0;
    pointer-events: none;
  }
}
@media screen and (max-width: 575.98px) {
  nav.sidenav-member-qa {
    min-height: auto;
  }
  nav.topnav-member-qa .menu-container {
    display: flex;
    align-items: center;
  }
  nav.topnav-member-qa .sidenav-member-toggle {
    margin-left: 1rem;
  }
  nav.topnav-member-qa > .wrapper {
    padding: 1rem 1rem;
    height: 7.5rem;
  }
  nav.topnav-member-qa .logo-container .text {
    display: none;
  }
  nav.sidenav-member-qa {
    margin-left: -17rem;
  }
  nav.sidenav-member-qa ~ .content-container {
    min-width: 100%;
  }
  nav.sidenav-member-qa.active {
    margin-left: 0;
  }
  nav.sidenav-member-qa.active ~ .content-container {
    margin-right: -17rem;
  }
}

/* Global Search Container */
.global-search-container {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  padding: 1.5rem;
}
.global-search-container .logo-container {
  display: flex;
  justify-content: center;
}
.global-search-container .logo-container .wrapper {
  display: flex;
  align-items: center;
}
.global-search-container .logo-container .logo {
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.global-search-container .logo-container .logo img {
  display: block;
  max-width: 100%;
  width: auto;
  max-height: 100%;
  height: 3.5rem;
}
.global-search-container .logo-container .text {
  padding: 0 0.75rem;
  width: calc(100% - 4rem);
}
.global-search-container .pattern {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
.global-search-container .pattern img {
  display: block;
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  height: auto;
}
.global-search-container:not(.use-gsap) {
  transition: opacity 0.45s;
}
.global-search-container.active {
  opacity: 1;
  pointer-events: all;
}
.global-search-container > .wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1.5rem 1.5rem 6rem 1.5rem;
  display: flex;
  align-items: center;
}
.global-search-container .input-wrapper {
  display: flex;
  align-items: center;
}
.global-search-container .input-inner {
  position: relative;
  width: calc(100% - 2rem);
}
.global-search-container .btn-close {
  width: 2rem;
  display: flex;
  justify-content: center;
  transition: opacity 0.25s;
}
.global-search-container .btn-close:hover {
  opacity: 0.7;
}
.global-search-container .input-inner input {
  background: transparent !important;
  border: 0 !important;
  font-weight: 400;
  border-bottom: 1px solid transparent !important;
  border-radius: 0;
}
.global-search-container .input-inner button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 3rem;
  background: transparent;
  transition: 0.25s;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  cursor: pointer;
}
.global-search-container .input-inner button:hover {
  opacity: 0.7;
}
.global-search-container .hamburger {
  position: relative;
  transition: all 0.3s ease-in-out;
}
.global-search-container .hamburger {
  cursor: pointer;
}
.global-search-container .hamburger > * {
  position: relative;
  width: 1.625rem;
  height: 0.125rem;
  transform: translateX(0.375rem);
  transition: all 0.45s;
}
.global-search-container .hamburger > *:nth-child(2) {
  margin: 0.4375rem 0;
  width: 2rem;
  transform: none;
}
.global-search-container .hamburger.active > *:nth-child(1) {
  width: 1.25rem;
  -webkit-transform: rotate(-45deg) translate(-0.4rem, 0.4rem);
  transform: rotate(-45deg) translate(-0.4rem, 0.4rem);
}
.global-search-container .hamburger.active > *:nth-child(2) {
  opacity: 0;
  transform: translateX(2rem);
}
.global-search-container .hamburger.active > *:nth-child(3) {
  width: 1.25rem;
  -webkit-transform: rotate(45deg) translate(-0.4rem, -0.4rem);
  transform: rotate(45deg) translate(-0.4rem, -0.4rem);
}
.global-search-container .contents {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.global-search-container .content-lists {
  max-height: 23.0625rem;
  overflow-y: auto;
  min-height: 23.0625rem;
}
.global-search-container form {
  width: 100%;
  position: relative;
}
.global-search-container .input-container {
  position: relative;
}
.global-search-container input[type="text"] {
  width: 100%;
  font-size: 1.25rem;
  border: 1.5px solid transparent;
  border-radius: 0;
  padding: 0.75rem 3.75rem 0.75rem 1rem;
  margin: 0;
  box-shadow: none;
  transition: border-color 0.3s;
}
@media screen and (max-width: 1299.98px) {
  .global-search-container .content-lists {
    max-height: 18rem;
    min-height: 18rem;
  }
}
@media screen and (max-width: 767.98px) {
  .global-search-container .content-lists {
    max-height: 15rem;
    min-height: 15rem;
  }
}
@media screen and (max-width: 575.98px) {
  .global-search-container > .wrapper {
    padding: 1.5rem 0 6rem 0;
  }
}
@media screen and (max-width: 490.98px) {
  .global-search-container > .wrapper {
    padding: 1.5rem 0rem 6rem 0rem;
  }
}

/* Accessibility */
nav.side-panel {
  position: fixed;
  top: 13rem;
  right: 0;
  letter-spacing: 0;
  z-index: 99;
}
nav.side-panel > .wrapper > .icon {
  transform: translateY(-4rem);
}
nav.side-panel > .wrapper {
  position: relative;
}
nav.side-panel .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 3.125rem;
  height: 3.125rem;
  margin: 0 0 0 auto;
  font-size: 24px;
  transition:
    0.25s background,
    0.25s color,
    0.25s opacity;
}
nav.side-panel .icon.main {
  border-radius: 0.4375rem 0 0 0.4375rem;
}
nav.side-panel .icon.main > * {
  transition: opacity 0.25s;
}
nav.side-panel .icon.main .icon-active {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
nav.side-panel .icon-header svg.text-size {
  display: block;
  max-width: 100%;
  width: 2.125rem;
  max-height: 100%;
  height: 1.625rem;
}
nav.side-panel .icon-header svg {
  display: block;
  max-width: 100%;
  width: 2rem;
  max-height: 100%;
  height: 2rem;
}

nav.side-panel.active .icon.main .icon-active {
  opacity: 1;
}
nav.side-panel.active .icon.main .icon-inactive {
  opacity: 0;
}
nav.side-panel .icon > img,
nav.side-panel .icon > svg {
  display: block;
  height: 60%;
  width: auto;
}
nav.side-panel .panel {
  position: absolute;
  top: 0;
  right: -1rem;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  transition:
    opacity 0.25s,
    right 0.25s;
}
nav.side-panel.active .panel {
  right: 0;
  opacity: 1;
  pointer-events: auto;
}
nav.side-panel .panel-row {
  width: 300px;
  min-height: 60px;
  display: flex;
  align-items: center;
  border-radius: 0.5rem 0 0 0.5rem;
  margin-top: 0.125rem;
  border-left: 4px solid transparent;
  padding: 0.5rem 0;
}
nav.side-panel .panel-row:first-child {
  cursor: pointer;
}
nav.side-panel .panel-row p {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 300;
}
nav.side-panel .panel-row:first-child p {
  padding: 0 0.25rem 0 0.25rem;
}
nav.side-panel .icon-width {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 150px;
  padding: 0 0 0 0;
}
nav.side-panel .icon-width > img {
  display: block;
  width: auto;
  max-width: 54px;
  height: auto;
  max-height: 24px;
  margin: 0 auto 4px auto;
}
nav.side-panel .options {
  width: calc(100% - 150px);
  padding: 0 0.75rem 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
nav.side-panel .option {
  display: block;
  font-size: 16px;
  font-weight: 300;
  padding: 0;
  margin: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  transition:
    background 0.25s,
    color 0.25s,
    fill 0.25s;
}
nav.side-panel .option.btn-lsp {
  width: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
}
nav.side-panel .option.btn-cursor {
  position: relative;
}
nav.side-panel .option.btn-cursor img {
  position: absolute;
  top: calc(50% - 9px);
  left: calc(50% - 9px);
  display: block;
  width: 18px;
  height: auto;
  transition: opacity 0.25s;
}
nav.side-panel .option.btn-cursor[data-cursor="0.8"] img {
  transform: scale(0.8);
}
nav.side-panel .option.btn-cursor[data-cursor="0.6"] img {
  transform: scale(0.6);
}
nav.side-panel .option.btn-cursor img:nth-child(2) {
  opacity: 0;
}
nav.side-panel .option.btn-cursor.active img:nth-child(2) {
  opacity: 1;
}
nav.side-panel .option-row {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  transition:
    background 0.25s,
    color 0.25s,
    fill 0.25s;
  text-align: center;
  border: 1px solid transparent;
}
nav.side-panel .option-row .icon {
  background: transparent;
  margin: 0 0.75rem 0 0;
}
nav.side-panel .option-row .icon-color svg {
  display: block;
  max-width: 100%;
  width: 1.5rem;
  max-height: 100%;
  height: 1.5rem;
}
nav.side-panel .option-row .icon img {
  display: block;
  height: 100%;
  width: auto;
}
nav.side-panel .option-row .icon + * {
  position: relative;
  padding: 0.1875rem 0 0 0;
}
nav.side-panel .option-row .icon + *::before {
  content: "";
  position: absolute;
  bottom: 0.125rem;
  left: -0.375rem;
  width: 0;
  height: 0.1rem;
  transition: width 0.25s;
}
nav.side-panel .option-row:hover .icon + *::before,
nav.side-panel .option-row.active .icon + *::before {
  width: calc(100% + 0.375rem);
}

nav.side-panel + .access-filter {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 98;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
  transition: opacity 0.25s;
}
nav.side-panel.style-02 + .access-filter {
  height: 100%;
}
nav.side-panel.active + .access-filter {
  opacity: 1;
  pointer-events: auto;
}

/* Quick Links */
nav.quick-links {
  position: fixed;
  top: 40rem;
  right: -2rem;
  letter-spacing: 0;
  z-index: 97;
  transition: top 1s;
}
nav.quick-links .quick-wrapper {
  position: relative;
}
nav.quick-links .quick-btn {
  position: relative;
  cursor: pointer;
  padding: 0.75rem;
  transform: rotate(-90deg);
  border-radius: 0.5rem 0 0 0.5rem;
  z-index: 3;
}
nav.quick-links .hamburger {
  position: absolute;
  top: -3.5rem;
  width: 2.8rem;
  right: 1.75rem;
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem 0 0 0;
  z-index: 3;
}
nav.quick-links .hamburger > * {
  position: relative;
  width: 0.875rem;
  height: 0.125rem;
  transition: all 0.45s;
  transform: unset;
}
nav.quick-links .hamburger > *:nth-child(2) {
  margin: 0.25rem 0;
  width: 0.875rem;
  transform: none;
}
nav.quick-links .hamburger.active > *:nth-child(1) {
  width: 1rem;
  -webkit-transform: rotate(-45deg) translate(-0.4rem, 0.4rem);
  transform: rotate(-45deg) translate(-0.4rem, 0.4rem);
}
nav.quick-links .hamburger.active > *:nth-child(2) {
  opacity: 0;
  transform: translateX(2rem);
}
nav.quick-links .hamburger.active > *:nth-child(3) {
  width: 1rem;
  -webkit-transform: rotate(45deg) translate(-0.3rem, -0.3rem);
  transform: rotate(45deg) translate(-0.1rem, -0.12rem);
}
nav.quick-links .quick-content {
  position: absolute;
  top: -3.75rem;
  right: 2.75rem;
  bottom: 0;
  white-space: nowrap;
  transform: translateX(50rem);
  transition: transform 0.35s;
  width: 47.5rem;
  pointer-events: none;
  z-index: 2;
}
nav.quick-links .quick-content > .wrapper {
  display: flex;
  align-items: center;
}
nav.quick-links .quick-content > .wrapper .link-item {
  position: relative;
  pointer-events: all;
  margin: 0 0.25rem;
  width: 8.5rem;
  opacity: 0;
  height: 8.5rem;
  cursor: pointer;
  transition:
    transform 0.3125s,
    opacity 0.4375s;
  overflow: hidden;
  transform: translateX(2rem);
  border: 2px solid transparent;
  border-radius: var(--bradius);
}
nav.quick-links.active .quick-content {
  transform: translateX(0);
}
nav.quick-links.active .quick-content > .wrapper .link-item {
  transform: translateX(0);
  opacity: 1;
}
/* nav.quick-links.active .quick-content > .wrapper .link-item:nth-child(5){transition-delay:.5s;}
nav.quick-links.active .quick-content > .wrapper .link-item:nth-child(4){transition-delay:.55s;}
nav.quick-links.active .quick-content > .wrapper .link-item:nth-child(3){transition-delay:.6s;}
nav.quick-links.active .quick-content > .wrapper .link-item:nth-child(2){transition-delay:.65s;}
nav.quick-links.active .quick-content > .wrapper .link-item:nth-child(1){transition-delay:.7s;} */
nav.quick-links .arrows {
  position: absolute;
  display: flex;
  bottom: -3rem;
  left: 1rem;
  opacity: 0;
}
nav.quick-links .arrows .arrow-prev,
nav.quick-links .arrows .arrow-next {
  pointer-events: all;
  cursor: pointer;
}
nav.quick-links .arrows .arrow-prev.disable,
nav.quick-links .arrows .arrow-next.disable {
  opacity: 0.5;
  pointer-events: none !important;
}
@media screen and (max-width: 767.98px) {
  nav.quick-links .quick-content {
    width: 45rem;
    top: -3.5rem;
  }
  nav.quick-links .quick-content > .wrapper {
    overflow: hidden;
  }
  nav.quick-links .quick-content > .wrapper .link-item {
    width: 8rem;
    height: 8rem;
  }
  nav.quick-links.active .quick-content {
    right: -21rem;
  }
  nav.quick-links .arrows {
    opacity: 1;
    bottom: -4rem;
    left: 0.625rem;
  }
}
@media screen and (max-width: 375.98px) {
  nav.quick-links.active .quick-content {
    right: -28rem;
  }
}

/* Back to Top */
.back-to-top {
  display: block;
  text-decoration: none;
  width: 3rem;
  height: 3rem;
  border-radius: 0.3125rem;
  text-align: center;
  line-height: 3.25rem;
  font-size: 1.25rem;
  opacity: 0;
  z-index: 90;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  border: 1.8px solid transparent;
  pointer-events: none;
  transition:
    opacity 0.25s,
    background 0.25s,
    color 0.25s;
}
.back-to-top.active {
  opacity: 1;
  pointer-events: all;
}
.back-to-top.active:hover {
  opacity: 1;
}
.back-to-top > i {
  transform: translateY(-0.1875rem);
}

/* Footer */
nav.footer {
  position: relative;
  z-index: 1;
}
nav.footer .pattern {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4.5rem;
  z-index: 2;
  opacity: 0.2;
  display: flex;
  justify-content: center;
}
nav.footer .pattern img,
nav.footer .pattern svg {
  display: block;
  max-width: 100%;
  width: auto;
  max-height: 100%;
  height: 13rem;
}
nav.footer .footer-top {
  margin-top: 2rem;
}
nav.footer .logo-container .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
nav.footer .logo-container .logo img {
  display: block;
  max-width: 100%;
  width: auto;
  max-height: 100%;
  height: 5rem;
}
nav.footer .logo-container .text {
  padding: 0 0.75rem;
}
nav.footer .contacts .contact-wrapper {
  display: flex;
  align-items: center;
}
nav.footer .contacts .list-item {
  display: flex;
  align-items: center;
}
nav.footer .contacts .icon {
  width: 1.375rem;
  height: 1.375rem;
  margin-right: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
nav.footer .socials {
  margin-top: 4rem;
}
nav.footer .socials .social-wrapper {
  display: flex;
  align-items: center;
}
nav.footer .socials .social {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  margin-right: 0.75rem;
  transition: background 0.25s;
}
nav.footer .socials .social svg path {
  transition: fill 0.25s;
}
nav.footer .counts {
  margin-top: 4rem;
}
nav.footer .footer-bottom {
  margin-top: 4rem;
}
nav.footer .footer-bottom .wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
nav.footer .map-container {
  border-radius: var(--bradius);
}
nav.footer .policy {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
nav.footer .copyright {
  text-align: center;
}
@media screen and (max-width: 1199.98px) {
  nav.footer .pattern {
    bottom: 6.5rem;
  }
  nav.footer .pattern img {
    height: 10rem;
  }
}
@media screen and (max-width: 767.98px) {
  nav.footer .footer-top {
    margin-top: 1.5rem;
  }
  nav.footer .counts {
    margin-top: 3rem;
  }
  nav.footer .ss-list > li {
    padding-left: 0;
  }
}
@media screen and (max-width: 575.98px) {
  nav.footer .pattern {
    display: none;
  }
  nav.footer .socials {
    margin-top: 1.5rem;
  }
  nav.footer .counts {
    margin-top: 1.5rem;
  }
  nav.footer .footer-bottom {
    margin-top: 1rem;
  }
}

/* Page Loader */
.page-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 101;
  overflow: hidden;
}
.page-loader .page-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.page-loader .bg {
  position: relative;
  width: 100%;
  height: 100%;
  transition: opacity 1s;
  z-index: 3;
}
.page-loader .bg > .wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-loader .bg > .wrapper .logo {
  opacity: 0;
  transform: scale(0.5);
  width: 12rem;
  height: 12rem;
  transition:
    transform 1s,
    opacity 0.5s;
  animation: spin 2s linear infinite;
}
.page-loader .bg > .wrapper .logo img,
.page-loader .bg > .wrapper .logo svg {
  display: block;
  max-width: 100%;
  width: auto;
  max-height: 100%;
  height: auto;
}
.page-loader.started .bg > .wrapper .logo {
  opacity: 1;
  transform: scale(1);
}

.page-loader .sub-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.page-loader .sub-bg {
  transition: transform 1.5s;
  transition-delay: 0.5;
}

/* keyframes สำหรับ animation */
@keyframes spin {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}

/* Hover topnav */
nav.topnav .block-contents .submenu-block .block-menu:not(:first-child) {
  margin-top: 0 !important;
}

.block-sub-menu {
  display: table;
}

.block-menu {
  text-decoration: none;
  color: #000;
  padding: 10px 0 0 0;
  position: relative;
  display: inline; /* Change this to inline */
  transition: color 0.3s ease;
}

.block-menu.module::after {
  content: "";
  position: absolute;
  width: 100%; /* Ensure this is 100% */
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #000055;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.block-menu:hover.module::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.block-menu.module:hover {
  color: #000055;
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.banner-01 {
    position: relative;
    overflow: hidden;
    width: 100%
}

.banner-01 .swiper-slide .wrapper {
    position: relative;
    min-height: 37rem;
    width: 100%
}

.banner-01 .swiper-slide .wrapper>.img-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}
@media screen and (max-width:490.98px) {
    .banner-01 .swiper-slide .wrapper>.img-bg {
        background-position: top center;
    }
}

.banner-01 .arrows {
    position: absolute;
    right: 5rem;
    bottom: 9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    pointer-events: none
}

.banner-01 .arrows>.arrow {
    position: relative;
    font-size: 1.25rem;
    border-radius: 50%;
    z-index: 3;
    width: 2.5rem;
    height: 2.5rem;
    transition: color .25s, opacity .25s;
    cursor: pointer;
    pointer-events: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 .5rem
}

.banner-01 .arrows>.arrow:hover {
    opacity: .7
}

.banner-01 .slideshow-pagination {
    position: absolute;
    bottom: 9rem;
    width: clac(100% - 5rem);
    background: rgb(0 0 0 / .2);
    border-radius: 1000em;
    left: 5rem;
    padding: .25rem 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: .3s opacity;
    z-index: 10
}

.banner-01 .slideshow-pagination-item {
    display: flex;
    align-items: center
}

.banner-01 .slideshow-pagination-item .pagination-number {
    opacity: .5
}

.banner-01 .slideshow-pagination-item:hover,
.slideshow-pagination-item:focus {
    cursor: pointer
}

.banner-01 .slideshow-pagination-item:last-of-type .pagination-separator {
    width: 0
}

.banner-01 .slideshow-pagination-item.active .pagination-number {
    opacity: 1
}

.banner-01 .slideshow-pagination-item.active .pagination-separator {
    width: 8vw
}

.banner-01 .pagination-number {
    font-size: 1.25rem;
    padding: 0 .5rem;
    font-weight: 500
}

.banner-01 .pagination-separator {
    display: block;
    position: relative;
    width: 2.5rem;
    height: .125rem;
    transition: all .3s ease
}

.banner-01 .pagination-separator-loader {
    position: absolute;
    top: 0;
    left: 0;
    transition: width 1s;
    width: 0;
    height: 100%
}

.banner-01 .slideshow-pagination-item.active .pagination-separator-loader {
    width: 100%
}

@media screen and (max-width:1299.98px) {
    .banner-01 .swiper-slide .wrapper {
        min-height: 35rem
    }
}

@media screen and (max-width:1199.98px) {
    .banner-01 .swiper-slide .wrapper {
        min-height: 30rem
    }

    .banner-01 .arrows,
    .banner-01 .slideshow-pagination {
        bottom: 7rem
    }
}

@media screen and (max-width:991.98px) {
    .banner-01 .swiper-slide .wrapper {
        min-height: 25rem
    }

    .banner-01 .arrows,
    .banner-01 .slideshow-pagination {
        bottom: 6rem
    }

    .banner-01 .arrows>.arrow {
        font-size: 1rem
    }

    .banner-01 .pagination-number {
        font-size: 1rem
    }
}

@media screen and (max-width:767.98px) {
    .banner-01 .swiper-slide .wrapper {
        min-height: 18rem
    }

    .banner-01 .arrows,
    .banner-01 .slideshow-pagination {
        bottom: 4rem
    }

    .banner-01 .arrows {
        right: 2.5rem
    }

    .banner-01 .slideshow-pagination {
        left: 2.5rem
    }
}

@media screen and (max-width:575.98px) {
    .banner-01 .swiper-slide .wrapper {
        min-height: 15rem
    }

    .banner-01 .arrows>.arrow {
        font-size: .75rem
    }

    .banner-01 .pagination-number {
        font-size: .75rem
    }
}

@media screen and (max-width:490.98px) {
    .banner-01 .swiper-slide .wrapper {
        min-height: 11rem
    }

    .banner-01 .arrows>.arrow {
        display: none
    }

    .banner-01 .slideshow-pagination {
        transform: translateX(-50%);
        left: 50%;
        width: calc(100% - 1rem)
    }

    .banner-01 .slideshow-pagination {
        bottom: 3rem
    }
}

@media screen and (max-width:375.98px) {
    .banner-01 .swiper-slide .wrapper {
        min-height: 10rem
    }
}

@media screen and (max-width:320.98px) {
    .banner-01 .swiper-slide .wrapper {
        min-height: 9rem
    }

    .banner-01 .slideshow-pagination {
        bottom: 2rem
    }
}

.captcha-container {
    display: flex;
    justify-content: center
}

.captcha-container img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 5.5rem
}

.calendar-strip {
    position: relative;
    display: block;
    width: 100%
}

.calendar-strip .strip-container {
    width: 100%
}

.calendar-strip .strip-container .arrows {
    position: absolute;
    bottom: calc(100% + .75rem);
    right: 0;
    display: flex;
    align-items: center
}

.calendar-strip .strip-container .arrow {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1rem;
    z-index: 2;
    transition: background .25s, color .25s, opacity .25s
}

.calendar-strip .strip-container .arrow.swiper-button-disabled {
    pointer-events: none;
    opacity: .25
}

.calendar-strip .date-container {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
    padding: 1rem .25rem .75rem .25rem;
    transition: background .25s, color .25s
}

.calendar-strip .swiper-slide .date-container {
    cursor: pointer
}

.calendar-strip-contents {
    position: relative;
    width: 100%
}

.calendar-strip-contents .calendar-strip-content {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    padding: 0;
    margin: 0;
    transition: opacity .6s, transform .6s
}

.calendar-strip-contents.style-02 .calendar-strip-content {
    display: none
}

.calendar-strip-contents .calendar-strip-content.active {
    display: block;
    position: relative;
    overflow: hidden;
    pointer-events: auto;
    opacity: 1
}

.calendar-strip-contents.style-02 .calendar-strip-content.active {
    overflow: unset
}

.calendar-strip-contents .calendar-strip-content.fade-out:not(.no-fade) {
    opacity: 0;
    pointer-events: none
}

.calendar-strip-contents .calendar-strip-content.fade-in:not(.no-fade) {
    display: block;
    position: absolute;
    opacity: 0;
    transform: translateY(1.5rem);
    pointer-events: none
}

@media screen and (max-width:767.98px) {
    .calendar-strip .strip-container .arrows {
        bottom: calc(100% + .3175rem)
    }
}

@media screen and (max-width:575.98px) {
    .calendar-strip .strip-container .arrows {
        bottom: calc(100% + .125rem)
    }

    .calendar-strip.style-02 .strip-container .arrows {
        bottom: unset;
        top: -1.75rem
    }
}

.client-01 {
    position: relative;
    z-index: 2
}

.client-01 .arrows {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    pointer-events: none
}

.client-01 .arrows>.arrow {
    position: relative;
    font-size: 1rem;
    border-radius: 50%;
    z-index: 3;
    transition: color .25s, opacity .25s;
    cursor: pointer;
    pointer-events: auto
}

.client-01 .arrows>.arrow:hover {
    opacity: .7
}

.client-01 .img-container {
    height: 12.5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.client-01 .img-container .logo {
    cursor: pointer;
    ;
    transition: transform .25s
}

.client-01 .swiper-slide-active .img-container .logo {
    transform: scale(1.3)
}

.client-01 .img-container img {
    position: relative;
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 5rem;
    z-index: 2
}

.client-01 .logo {
    position: relative;
    width: 7rem;
    height: 7rem;
    border: 1px solid #fff0;
    transition: border .25s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.client-01 .logo::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    transition: all .3s ease;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    opacity: 0;
    transform: scale(.8);
    visibility: hidden;
    width: calc(100% - .5rem);
    height: calc(100% - .5rem)
}

.client-01 .logo::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    transition: all .3s ease;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    opacity: 0;
    transform: scale(.8);
    visibility: hidden;
    width: calc(100% - 1.25rem);
    height: calc(100% - 1.25rem)
}

.client-01 .swiper-slide-active .logo::before,
.client-01 .swiper-slide-active .logo::after,
.client-01 .logo:hover::before,
.client-01 .logo:hover::after {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
}

.client-01 .swiper-pagination {
    position: relative;
    display: inline-block;
    width: auto;
    padding: .0625rem .3125rem;
    transform: translateX(-50%);
    left: 50%;
    border-radius: 1000em;
    bottom: 0
}

.client-01 .swiper-pagination .swiper-pagination-bullet {
    width: .625rem;
    height: .625rem;
    transition: width .25s;
    opacity: 1
}

.client-01 .swiper-pagination .swiper-pagination-bullet-active {
    width: 3.125rem;
    border-radius: .3rem
}

@media screen and (max-width:575.98px) {
    .client-01 .logo {
        width: 6rem;
        height: 6rem
    }

    .client-01 .img-container img {
        height: 4rem
    }
}

@media screen and (max-width:375.98px) {
    .client-01 .logo {
        width: 5rem;
        height: 5rem
    }

    .client-01 .img-container img {
        height: 3rem
    }
}

.ebook-container {
    border-radius: .375rem;
    box-shadow: rgb(0 0 0 / .15) 0 2px 8px;
    border: 1px solid #fff0;
    overflow: hidden
}

.ebook-container canvas {
    border-radius: .375rem
}

.ebook-container .df-ui-controls {
    width: calc(100% + .5rem);
    bottom: 0;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    border-top: 1px solid transparent !important
}

.ebook-container .df-container>.df-ui-next,
.ebook-container .df-container>.df-ui-prev {
    opacity: 1;
    transition: opacity .25s
}

.ebook-container .df-container>.df-ui-next:hover,
.ebook-container .df-container>.df-ui-prev:hover {
    opacity: .8
}

.ebook-container .more-container>.df-ui-btn:first-child {
    border-radius: .3125rem .3125rem 0 0
}

.download-container-01 {
    margin-top: 2rem
}

.download-container-01 .cate {
    display: flex;
    align-items: flex-start
}

.download-container-01 .cate>.icon {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1.3125rem;
    margin-right: .5rem
}

.download-container-01>.content {
    border: 1px solid #fff0;
    padding: 1.875rem;
    border-radius: .375rem;
    transition: border .25s
}

.download-container-01>.content .wrapper>.title {
    padding-right: 1rem
}

.download-container-01>.content>.wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.download-container-01>.content>.wrapper .options {
    display: flex;
    align-items: center;
    cursor: pointer
}

.download-container-01>.content>.wrapper .options .btns {
    padding-right: .875rem
}

.download-container-01>.content .btn .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .25rem
}

.download-container-01>.content .chevron-wrapper .icon {
    transition: transform .25s
}

.download-container-01>.content.active .chevron-wrapper .icon {
    transform: rotate(180deg)
}

.download-container-01 .answer {
    position: relative;
    display: none;
    margin-top: 1.5rem;
    border-top: 1px solid #fff0;
    padding-top: 1rem
}

.download-container-01>.content .answer::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    width: 100%;
    height: .0625rem;
    transition: opacity .125s, background .25s
}

.download-container-01>.content.active .answer::before {
    opacity: 1
}

@media screen and (max-width:991.98px) {
    .download-container-01>.content .title {
        font-size: 1rem
    }
}
@media screen and (max-width:390.98px) {
    .download-container-01>.content .title {
        text-align: left !important;
    }
}

@media screen and (max-width:767.98px) {
    .download-container-01>.content>.wrapper {
        flex-direction: column
    }

    .download-container-01>.content>.wrapper .options {
        margin-top: 1rem
    }

    .download-container-01>.content .title {
        text-align: center
    }

    .download-container-01 .cate {
        justify-content: center;
        margin-bottom: .5rem
    }
}

.faq-01 {
    margin-top: 2rem
}

.faq-01>.content {
    border-bottom: 1px solid #fff0;
    transition: all .25s;
    overflow: hidden
}

.faq-01>.content.active {
    border-radius: .375rem .375rem .375rem .375rem;
    border-bottom: 1px solid #fff0
}

.faq-01>.content>.wrapper {
    transition: background .25s;
    cursor: pointer;
    border-radius: .375rem .375rem 0 0
}

.faq-01 .question-icon {
    width: 2rem;
    display: flex;
    justify-content: start
}

.faq-01 .content .wrapper .text {
    width: calc(100% - 2rem)
}

.faq-01>.content>.wrapper,
.faq-01 .answer {
    padding: 1.625rem
}

.faq-01>.content .wrapper>.title {
    padding-right: 1rem
}

.faq-01>.content>.wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.faq-01 .date {
    display: flex;
    align-items: center;
    font-size: .875rem
}

.faq-01 .date>.icon {
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .4375rem
}

.faq-01 .date>.icon svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: .875rem
}

.faq-01>.content .chevron-wrapper .icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #fff0;
    transition: transform .25s
}

.faq-01>.content>.wrapper .options {
    padding-left: 1rem
}

.faq-01>.content.active .chevron-wrapper .icon {
    transform: rotate(180deg)
}

.faq-01 .answer {
    position: relative;
    display: none;
    border-top: 1px solid #fff0
}

.faq-01>.content.active .answer::before {
    opacity: 1
}

@media screen and (max-width:991.98px) {

    .faq-01>.content>.wrapper,
    .faq-01 .answer {
        padding: 1rem
    }
}

.faq-02 {
    margin-top: 2rem
}

.faq-02>.content {
    border-bottom: 1px solid #fff0;
    transition: all .25s;
    overflow: hidden
}

.faq-02>.content.active {
    border-radius: .375rem .375rem .375rem .375rem;
    border-bottom: 1px solid #fff0
}

.faq-02>.content>.wrapper {
    transition: background .25s;
    cursor: pointer;
    border-radius: .375rem .375rem 0 0
}

.faq-02 .question-icon {
    width: 2rem;
    display: flex;
    justify-content: start
}

.faq-02 .content .wrapper .text {
    width: calc(100% - 2rem)
}

.faq-02>.content>.wrapper,
.faq-02 .answer {
    padding: 1.625rem
}

.faq-02>.content .wrapper>.title {
    padding-right: 1rem
}

.faq-02>.content>.wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.faq-02 .date {
    display: flex;
    align-items: center;
    font-size: .875rem
}

.faq-02 .date>.icon {
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .4375rem
}

.faq-02 .date>.icon svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: .875rem
}

.faq-02>.content .chevron-wrapper .icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #fff0;
    transition: transform .25s
}

.faq-02>.content>.wrapper .options {
    padding-left: 1rem
}

.faq-02>.content.active .chevron-wrapper .icon {
    transform: rotate(180deg)
}

.faq-02 .answer {
    position: relative;
    display: none;
    border-top: 1px solid #fff0
}

.faq-02>.content.active .answer::before {
    opacity: 1
}

@media screen and (max-width:991.98px) {
    .faq-02>.content .title {
        font-size: 1rem
    }

    .faq-02>.content>.wrapper,
    .faq-02 .answer {
        padding: 1rem
    }
}

.faq-03.main {
    margin-top: 2rem
}

.faq-03>.content {
    border: 1px solid #fff0;
    padding: 1.875rem;
    border-radius: .375rem;
    transition: border .25s
}

.faq-03 .text .title {
    width: 100%;
    max-width: 38rem
}

.faq-03>.content .wrapper>.title {
    padding-right: 1rem
}

.faq-03>.content>.wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.faq-03 .question-icon {
    width: 2rem;
    display: flex;
    justify-content: start
}

.faq-03 .content .wrapper .text {
    width: calc(100% - 2rem);
    padding-left: 1rem
}

.faq-03>.content>.wrapper .options {
    display: flex;
    align-items: center;
    cursor: pointer
}

.faq-03>.content>.wrapper .stats {
    padding-right: 2.5rem
}

.faq-03>.content>.wrapper .stats .stat {
    display: flex;
    align-items: center
}

.faq-03>.content>.wrapper .stats .stat .icon {
    margin-right: .5rem
}

.faq-03>.content .btn .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .25rem
}

.faq-03>.content .chevron-wrapper .icon {
    transition: transform .25s
}

.faq-03>.content.active .chevron-wrapper .icon {
    transform: rotate(180deg)
}

.faq-03 .answer {
    position: relative;
    display: none;
    margin-top: 1.5rem;
    border-top: 1px solid #fff0;
    padding-top: 1rem
}

.faq-03>.content .answer::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    width: 100%;
    height: .0625rem;
    transition: opacity .125s, background .25s
}

.faq-03>.content.active .answer::before {
    opacity: 1
}

@media screen and (max-width:991.98px) {
    .faq-03>.content {
        padding: 1.5rem
    }

    .faq-03>.content>.wrapper {
        flex-direction: column
    }

    .faq-03>.content>.wrapper {
        align-items: start
    }

    .faq-03 .text .title {
        max-width: 100%
    }

    .faq-03>.content>.wrapper .stats .stat .icon {
        margin: .5rem .5rem .5rem .25rem
    }

    .faq-03>.content>.wrapper .stats {
        display: flex;
        align-items: center
    }

    .faq-03>.content>.wrapper .stats .stat {
        margin-right: .5rem
    }

    .faq-03>.content>.wrapper .options {
        width: 100%;
        justify-content: space-between
    }

    .faq-03>.content .title {
        font-size: 1rem
    }

    .faq-03>.content>.wrapper .ai-center {
        align-items: start !important
    }
}

@media screen and (max-width:767.98px) {
    .faq-03>.content {
        padding: 1rem
    }

    .faq-03>.content>.wrapper {
        flex-direction: column
    }

    .faq-03>.content>.wrapper .options {
        margin-top: .25rem
    }
}

.file-lists .noti-header .wrapper {
    display: flex;
    align-items: center
}

.file-lists .noti-header .wrapper .icon {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.file-lists .noti-header .wrapper svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1rem
}

.file-lists .file-item {
    padding: .5rem;
    border-radius: .375rem
}

.file-lists .file-item>.wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.file-lists .file-item>.wrapper .text-container {
    display: flex;
    align-items: center
}

.file-lists .file-item>.wrapper .text-container .file-icon {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.file-lists .file-item>.wrapper .text-container .file-icon img,
.file-lists .file-item>.wrapper .text-container .file-icon svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1.375rem
}

.file-lists .file-item>.wrapper .text-container .title {
    width: calc(100% - 1.375rem);
    padding: 0 .75rem
}

.file-lists .file-item>.wrapper .tools .tool-icon {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .25s
}

.file-lists .file-item>.wrapper .tools .tool-icon:hover {
    opacity: .7
}

.form-container-01 {
    border-radius: .4375rem;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / .15) 0 2px 8px;
    border: 1px solid #fff0
}

.form-container-01 .wrapper {
    display: flex;
    flex-wrap: wrap
}

.form-container-01 .bg-container {
    position: relative;
    height: auto;
    width: 50%;
    overflow: hidden
}
.form-container-01 .bg-container.bg-header {
    width: 100% !important;
    height: 165px !important;
}
.w-1-2{
    width: 50%;
}
.items-start{
    align-items: start !important;
}

.form-container-01 .bg-container>.img-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: transform 1s;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.form-container-01 .bg-container:hover>.img-bg {
    transform: scale(1.1)
}

.form-container-01 .bg-container .text-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 3rem;
    z-index: 2
}

.form-container-01 .form {
    width: 50%;
    padding: 2rem 2rem
}

@media screen and (max-width:991.98px) {
    .form-container-01 .bg-container {
        width: 40%
    }

    .form-container-01 .form {
        width: 60%;
        padding: 1rem
    }
}

@media screen and (max-width:767.98px) {
    .form-container-01 .bg-container {
        min-height: 11rem
    }

    .form-container-01 .bg-container,
    .form-container-01 .form {
        width: 100%
    }
}

.form-accordion>.content {
    margin-top: .5rem
}

.form-accordion .grids>.grid {
    margin-top: 0
}

.form-accordion>.content.active {
    border-bottom: 1px solid #fff0
}

.form-accordion>.content .text-container .title {
    font-weight: 400
}

.form-accordion>.content>.wrapper {
    display: flex;
    justify-content: space-between;
    transition: background .25s;
    cursor: pointer;
    padding: .75rem 1rem;
    border-radius: .375rem .375rem 0 0;
    border-bottom: 1px solid #fff0
}

.form-accordion>.content .chevron-wrapper .icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #fff0;
    transition: transform .25s
}

.form-accordion>.content.active .chevron-wrapper .icon {
    transform: rotate(180deg)
}

.form-accordion .answer {
    position: relative;
    display: none;
    padding: 1rem;
    max-height: 32rem;
    overflow-y: auto;
    box-shadow: rgb(0 0 0 / .15) 0 2px 8px;
    border-radius: 0 0 .375rem .375rem;
    border: 1px solid #fff0
}

.form-accordion>.content>.wrapper .text-container {
    display: flex;
    align-items: center
}

.form-accordion>.content>.wrapper .text-container .icon {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    align-items: center
}

.form-accordion>.content>.wrapper .text-container .icon svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1rem
}

@media screen and (max-width:991.98px) {
    .form-accordion>.content .title {
        font-size: 1rem
    }

    .form-accordion>.content>.wrapper,
    .form-accordion .answer {
        padding: 1rem
    }
}

.paginate {
    display: flex;
    align-items: center
}

.paginate .arrow {
    display: flex;
    align-items: center;
    position: relative;
    pointer-events: auto;
    border: 1px solid #fff0;
    background: none;
    box-shadow: none;
    cursor: pointer;
    font-size: .75rem;
    width: 2rem;
    height: 2rem;
    transition: color .25s, opacity .25s;
    border-radius: .375rem;
    justify-content: center
}

.paginate .arrow:hover {
    opacity: 1
}

.paginate .pages {
    display: flex;
    align-items: center;
    margin: 0 .0625rem
}

.paginate .page {
    display: block;
    border: 0;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: .9375rem;
    font-weight: 500;
    border-radius: .375rem;
    box-shadow: none;
    cursor: pointer;
    margin: 0 .625rem;
    padding: 0;
    text-align: center;
    transition: background .25s, color .25s, opacity .25s;
    border: 1px solid #fff0
}

.paginate .page:hover,
.paginate .page.active {
    opacity: 1
}

.paginate .page.disabled {
    pointer-events: none;
    opacity: .7
}

.intro-01 {
    position: relative;
    overflow: hidden;
    width: 100%
}

.intro-01 .swiper-slide .wrapper {
    position: relative;
    min-height: calc(100dvh - 8rem);
    width: 100%
}

.intro-01 .swiper-slide .wrapper>.img-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.intro-01 .intro-footer {
    position: relative;
    height: 8rem;
    padding: 1rem 6rem 1rem 6rem
}

.intro-01 .pattern.style-01 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 4rem;
    height: 15rem
}

.intro-01 .pattern img {
    display: block;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: 100%
}

.intro-01 .pattern.style-02 {
    position: absolute;
    right: -1rem;
    bottom: 0;
    width: 17rem;
    height: 15rem
}

.intro-01 .intro-footer>.wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between
}

.intro-01 .intro-footer .logo-container {
    min-width: 21.1875rem
}

.intro-01 .intro-footer .logo-container .wrapper {
    display: flex;
    align-items: center;
    height: 100%
}

.intro-01 .intro-footer .logo-container .logo {
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.intro-01 .intro-footer .logo-container .logo img,
.intro-01 .intro-footer .logo-container .logo svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 4.5rem
}

.intro-01 .intro-footer .logo-container .text {
    padding: 0 .75rem;
    width: calc(100% - 5rem)
}

.intro-01 .button-container>.wrapper {
    display: flex;
    align-items: center;
    height: 100%
}

.intro-01 .button-container>.wrapper .icon {
    display: flex;
    align-items: center;
    margin: 0 .625rem;
    width: 1.375rem;
    height: 1.375rem
}

.intro-01 .button-container>.wrapper .icon svg {
    display: block;
    width: 1.25rem;
    max-height: 100%;
    height: 1.25rem
}

.intro-01 .intro-footer .socials {
    min-width: 21.1875rem
}

.intro-01 .intro-footer .socials .social-wrapper {
    display: flex;
    align-items: center;
    justify-content: end;
    height: 100%
}

.intro-01 .intro-footer .socials .social {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff0;
    border-radius: 50%;
    margin-right: .5rem;
    width: 2.25rem;
    height: 2.25rem;
    transition: background .25s, opacity .25s
}

.intro-01 .intro-footer .socials .social:hover svg path {
    transition: fill .25s
}

.intro-01 .intro-footer .socials .social:hover {
    opacity: .7
}

.intro-01 .intro-footer .socials .social svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1.25rem
}

.intro-01 .arrows {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    opacity: 0;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    pointer-events: none
}

.intro-01 .arrows>.arrow {
    position: relative;
    font-size: 1.25rem;
    border-radius: 50%;
    z-index: 3;
    width: 2.5rem;
    height: 2.5rem;
    transition: color .25s, opacity .25s;
    cursor: pointer;
    pointer-events: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 .5rem
}

.intro-01 .arrows>.arrow:hover {
    opacity: .7
}

.intro-01 .slideshow-pagination {
    position: absolute;
    bottom: 5rem;
    border-radius: 1000em;
    left: 50%;
    padding: .25rem 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: .3s opacity;
    z-index: 10;
    transform: translateX(-50%)
}

.intro-01 .slideshow-pagination-item {
    display: flex;
    align-items: center
}

.intro-01 .slideshow-pagination-item .pagination-number {
    opacity: .5
}

.intro-01 .slideshow-pagination-item:hover,
.slideshow-pagination-item:focus {
    cursor: pointer
}

.intro-01 .slideshow-pagination-item:last-of-type .pagination-separator {
    width: 0
}

.intro-01 .slideshow-pagination-item.active .pagination-number {
    opacity: 1
}

.intro-01 .slideshow-pagination-item.active .pagination-separator {
    width: 8vw
}

.intro-01 .pagination-number {
    font-size: 1.25rem;
    padding: 0 .5rem;
    font-weight: 500
}

.intro-01 .pagination-separator {
    display: block;
    position: relative;
    width: 2.5rem;
    height: .125rem;
    transition: all .3s ease
}

.intro-01 .pagination-separator-loader {
    position: absolute;
    top: 0;
    left: 0;
    transition: width 1s;
    width: 0;
    height: 100%
}

.intro-01 .slideshow-pagination-item.active .pagination-separator-loader {
    width: 100%
}

@media screen and (max-width:1299.98px) {
    .intro-01 .intro-footer {
        padding: 1rem 4rem 1rem 4rem
    }

    .intro-01 .intro-footer .logo-container,
    .intro-01 .intro-footer .socials {
        min-width: unset
    }
}

@media screen and (max-width:1199.98px) {
    .intro-01 .pattern.style-01 {
        height: 20rem
    }

    .intro-01 .pattern.style-02 {
        height: 20rem
    }

    .intro-01 .intro-banner {
        height: 100%
    }

    .intro-01 .intro-footer {
        height: auto
    }

    .intro-01 .intro-footer>.wrapper {
        flex-direction: column;
        justify-content: center
    }

    .intro-01 .logo-container {
        width: 100%;
        max-width: 21.1875rem;
        margin: 0 auto
    }

    .intro-01 .button-container {
        margin-top: 1.5rem
    }

    .intro-01 .button-container>.wrapper {
        justify-content: center
    }

    .intro-01 .intro-footer .socials {
        margin-top: 1.5rem
    }

    .intro-01 .intro-footer .socials .social-wrapper {
        justify-content: center
    }

    .intro-01 .slideshow-pagination {
        bottom: 6rem
    }
}

@media screen and (max-width:767.98px) {
    .intro-01 .intro-footer {
        padding: 1rem 2.5rem 1rem 2.5rem
    }
}

@media screen and (max-width:575.98px) {
    .intro-01 .pattern.style-01 {
        height: 27.5rem
    }

    .intro-01 .pattern.style-02 {
        height: 27.5rem
    }

    .intro-01 .intro-footer {
        padding: 1rem 1rem 1rem 1rem
    }

    .intro-01 .button-container>.wrapper {
        flex-direction: column
    }

    .intro-01 .button-container>.wrapper .icon {
        margin: .625rem 0
    }

    .intro-01 .intro-footer .socials .social {
        margin-right: .875rem
    }

    .intro-01 .intro-footer .logo-container .logo {
        width: 4.5rem;
        height: 4.5rem
    }

    .intro-01 .intro-footer .logo-container .logo img {
        height: 4rem
    }

    .intro-01 .intro-footer .logo-container .text {
        width: calc(100% - 4.5rem)
    }

    .intro-01 .arrows {
        opacity: 1
    }

    .intro-01 .slideshow-pagination {
        opacity: 0;
        pointer-events: none
    }
}

@media screen and (max-width:320.98px) {
    .intro-01 .intro-footer .logo-container .logo {
        width: 4rem;
        height: 4rem
    }

    .intro-01 .intro-footer .logo-container .logo img {
        height: 3.5rem
    }

    .intro-01 .intro-footer .logo-container .text {
        width: calc(100% - 4rem)
    }
}

.link-option {
    display: flex;
    align-items: center
}

.link-option .icon,
.link-option img {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.link-option a {
    width: calc(100% - 1.375rem)
}

.noti-container {
    border: 1px solid #fff0;
    padding: 1rem;
    border-radius: var(--bradius)
}

.noti-container .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.rss {
    display: block;
    border-bottom: 1px solid #fff0;
    padding: 1.125rem 0;
    transition: background .25s;
    border-radius: .375rem
}

.rss:nth-child(1) {
    border-top: 1px solid #fff0
}

.rss .title {
    display: block;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.rss .wrapper {
    display: flex
}

.rss .wrapper .icon-container {
    width: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem
}

.rss .icon-container .icon {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.rss .icon svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1.25rem
}

.flex{
    display: flex;
    align-items: center;
}

.space-between{
    align-items: center;
    justify-content: space-between;
}

.rss .text-container {
    width: 100%
}

.rss .text-container .title {
    transition: .25s
}

.rss .date-view {
    display: flex;
    align-items: center;
    transition: color .25s
}

.rss .date-view .item {
    display: flex;
    align-items: center;
    margin-right: .75rem;
    font-size: .875rem
}

.rss .date-view .item svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1rem;
    margin-right: .4375rem
}

.rss .date-view .item svg path {
    transition: fill .25s
}

.rss .date-view .item svg.sm {
    height: .875rem
}

.sitemap-01 {
    position: relative;
    width: 100%;
    padding: 2rem 0
}

.sitemap-01 .pattern {
    position: absolute
}

.sitemap-01 .pattern.style-01 {
    bottom: -1.025rem;
    right: 1.8125rem
}

.sitemap-01 .pattern.style-02 {
    bottom: -1rem;
    right: 1.625rem
}

.sitemap-01 .pattern.style-03 {
    bottom: .625rem;
    right: .5rem
}

.sitemap-01 .header-title {
    height: 100%;
    display: flex;
    align-items: center
}

.sitemap-01 .header-title>.icon {
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .5rem
}

.sitemap-01 .header-title>.icon img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: 1.875rem
}

.sitemap-01>.pattern {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: auto
}

.sitemap-01 .btn.btn-action {
    font-size: 1.625rem
}

.sitemap-01 .sitemap-grids {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.sitemap-01 .sitemap-grid {
    width: calc(100% / 3);
    padding: 0 1rem
}

@media screen and (max-width:1199.98px) {
    .sitemap-01 .sitemap-grid {
        width: 50%
    }
}

@media screen and (max-width:767.98px) {
    .sitemap-01 {
        padding: 1rem 0
    }

    .sitemap-01 .sitemap-grid {
        width: 100%
    }
}

.search-container.style-01 .input-wrapper {
    display: flex
}

.search-container.style-01 input {
    border-radius: 0;
    border-bottom: 1px solid #fff0;
    background: #fff0;
    border-top: 0;
    border-right: 0;
    border-left: 0
}

.section-01 .swiper-container {
    margin-top: 2rem
}

.section-01 .swiper-container .swiper-slide {
    opacity: .5;
    transition: opacity .25s
}

.section-01 .swiper-container .swiper-slide-active {
    opacity: 1
}

.section-01 .swiper-container .swiper-slide .ss-card-01 .text-container {
    opacity: 0;
    transform: translateY(.75rem);
    transition: all .8s
}

.section-01 .swiper-container .swiper-slide-active .ss-card-01 .text-container {
    opacity: 1;
    transform: translateY(0)
}

.section-01 .swiper-container .swiper-pagination {
    position: relative;
    display: inline-block;
    width: auto;
    padding: .0625rem .3125rem;
    transform: translateX(-50%);
    left: 50%;
    border-radius: 1000em;
    bottom: 2.1875rem
}
@media screen and (max-width:490.98px) {
    .section-01 .swiper-container .home-content.swiper-pagination {
        left: 37%;
        opacity: 1;
    }
    .news-content.swiper-slide {
        width: 100% !important;
    }
}

.section-01 .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: .625rem;
    height: .625rem;
    transition: width .25s;
    opacity: 1
}

.section-01 .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    width: 3.125rem;
    border-radius: .3rem
}

.section-01 .swiper-container .arrows {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
    transition: opacity .25s;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8rem
}

.section-01 .swiper-container:hover .arrows .arrow {
    opacity: 1
}

.section-01 .swiper-container .arrows>.arrow {
    position: relative;
    font-size: 1.25rem;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    transition: color .25s, opacity .25s;
    cursor: pointer;
    display: flex;
    justify-content: center;
    pointer-events: auto;
    align-items: center;
    margin: -15rem .5rem 0 .5rem;
    opacity: 0
}

.section-01 .swiper-container .arrows>.arrow:hover {
    opacity: .8
}

@media screen and (max-width:1299.98px) {
    .section-01 .swiper-container .arrows {
        padding: 0 3rem
    }
}

@media screen and (max-width:991.98px) {
    .section-01 .swiper-container .arrows {
        padding: 0 .5rem
    }

    .section-01 .swiper-container .arrows>.arrow {
        width: 2.5rem;
        height: 2.5rem
    }
}

@media screen and (max-width:767.98px) {
    .section-01 .swiper-container .arrows {
        padding: 0 1rem
    }

    .section-01 .swiper-container .arrows>.arrow {
        width: 2rem;
        height: 2rem
    }
}

.section-02 {
    position: relative;
    min-height: 25rem;
    display: flex;
    align-items: center
}

.section-02>.img-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.section-02 .underline {
    position: relative
}

.section-02 .underline::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: .625rem;
    left: 0;
    height: .0625rem
}

.section-02 .quote-container {
    position: relative;
    padding: 1rem 0 1rem 4rem
}

.section-02 .quote {
    position: absolute;
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%
}

.section-02 .quote-right img {
    height: 2.5rem
}

.section-02 .quote-left img {
    height: 1.6875rem
}

.section-02 .quote-right {
    top: 0;
    left: 0
}

.section-02 .quote-left {
    bottom: 0;
    right: 0
}

@media screen and (max-width:767.98px) {
    .section-02 {
        min-height: 20rem
    }

    .section-02 .quote-right img {
        height: 2rem
    }

    .section-02 .quote-left img {
        height: 1.6875rem
    }

    .section-02 .quote-container {
        padding: 1rem 0 1rem 2rem
    }
}

@media screen and (max-width:490.98px) {
    .section-02 .quote-left {
        bottom: -1rem
    }

    .section-02 .xs-text-small {
        font-size: 1.0625rem
    }

    .section-02 .quote-right img {
        height: 1.75rem
    }
}

.section-03 {
    position: relative;
    z-index: 4;
    height: 100%
}

.section-03 .swiper-container {
    overflow: unset
}

.section-03 .tab-container {
    padding-bottom: 20rem
}

.section-03>.pattern {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.section-03>.pattern img {
    display: block;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: auto
}

.section-03>.img-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 35rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.section-03 .menu-container {
    padding-right: 1rem
}

.section-03 .menu-container .menu {
    display: block;
    padding: 1rem .5rem;
    transition: color .25s, background .25s;
    border: 1px solid #fff0
}

.section-03 .menu-container .menu:not(:first-child) {
    margin: .25rem 0
}

.section-03 .menu-container .menu .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.section-03 .menu-container .menu .wrapper .icon {
    opacity: 0;
    transition: opacity .25s
}

.section-03 .menu-container .menu.active .wrapper .icon,
.section-03 .menu-container .menu:hover .wrapper .icon {
    opacity: 1
}

.section-03 .tab-container .tabs {
    padding-right: 1rem
}

.section-03 .calendar-strip .strip-container .arrows {
    bottom: unset;
    top: -2.125rem
}

.section-03 .arrows {
    position: absolute;
    top: -3rem;
    right: 0;
    display: flex;
    align-items: center
}

.section-03 .arrow {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1rem;
    z-index: 2;
    transition: background .25s, color .25s, opacity .25s
}

.section-03 .arrow.swiper-button-disabled {
    pointer-events: none;
    opacity: .25
}

@media screen and (max-width:1299.98px) {
    .section-03 .calendar-strip .strip-container .arrows {
        top: -2.125rem
    }

    .section-03 .arrows {
        top: -2.75rem
    }

    .section-03 .tab-container {
        padding-bottom: 15rem
    }
}

@media screen and (max-width:1199.98px) {
    .section-03 .calendar-strip .strip-container .arrows {
        top: -2.125rem
    }

    .section-03 .tab-container {
        padding-bottom: 10rem
    }
}

@media screen and (max-width:991.98px) {
    .section-03 {
        height: auto
    }

    .section-03 .arrows {
        top: -2.5rem
    }
}

@media screen and (max-width:767.98px) {
    .section-03 .tab-container {
        padding-bottom: 5rem
    }

    .section-03 .arrows {
        top: -2rem
    }
}

@media screen and (max-width:490.98px) {
    .section-03 .calendar-strip .strip-container .arrows {
        top: -2rem
    }
}

.section-04 {
    position: relative;
    height: 100%
}

.section-04 .swiper-container {
    overflow: unset
}

.section-04 .container {
    z-index: 3;
    padding-bottom: 10rem
}

.section-04 .pattern {
    position: absolute;
    bottom: 2.5rem;
    left: 1.5rem;
    z-index: 2
}

.section-04 .pattern img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 10rem
}

.section-04 .pattern.style-01 {
    width: 100%
}

.section-04 .pattern.style-01 img {
    display: block;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: 10rem
}

.section-04 .topic {
    position: relative
}

.section-04 .topic::before {
    content: '';
    position: absolute;
    width: 6rem;
    height: .0625rem;
    bottom: 0rem
}

.section-04 .menu-container {
    padding-right: 1rem
}

.section-04 .menu-container .menu {
    display: block;
    margin: .75rem 0
}

.section-04 .menu-container .menu .wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .25rem
}

.section-04 .menu-container .menu .wrapper::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: .0875rem;
    transition: width .25s
}

.section-04 .menu-container .menu .wrapper:hover::before {
    width: 100%
}

.section-04 .menu-container .menu .wrapper .icon {
    opacity: 0;
    transition: opacity .25s
}

.section-04 .menu-container .menu.active .wrapper .icon {
    opacity: 1 !important
}

.section-04 .menu-container .menu:hover .wrapper .icon {
    opacity: 0
}

.section-04 .swiper-container .arrows {
    position: absolute;
    top: -1.25rem;
    right: 0;
    display: flex;
    align-items: center
}

.section-04 .swiper-container .arrow {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1rem;
    z-index: 2;
    transition: background .25s, color .25s, opacity .25s
}

.section-04 .swiper-container .arrow.swiper-button-disabled {
    pointer-events: none;
    opacity: .25
}

@media screen and (max-width:1299.98px) {
    .section-04 {
        height: 100%
    }
}

@media screen and (max-width:1199.98px) {
    .section-04 .container {
        padding-bottom: 8rem
    }
}

@media screen and (max-width:991.98px) {
    .section-04 .container {
        padding-bottom: 5rem
    }
}

@media screen and (max-width:767.98px) {
    .section-04 .pattern {
        opacity: .8
    }

    .section-04 .tabs.tabs-02 .tab {
        margin-top: 1rem
    }
}

@media screen and (max-width:575.98px) {
    .section-04 .container {
        padding-bottom: rem
    }
}

.section-05 .block-left {
    position: relative;
    min-height: 35rem;
    display: flex;
    align-items: center
}

.section-05 .block-left>.img-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.section-05 .block-left .text-container {
    position: relative
}

.section-05 .contact-lists {
    width: 100%;
    max-width: 25rem
}

.section-05 .contact-lists .list-item {
    display: flex;
    margin: 1rem 0
}

.section-05 .contact-lists .list-item .icon {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .125rem
}

.section-05 .contact-lists .list-item .text {
    width: calc(100% - 1.375rem);
    padding-left: .5rem;
    font-weight: 400
}

.section-05 .menu-container {
    height: 100%
}

.section-05 .menu-container .menu:hover {
    width: calc(100% + 2rem)
}

.section-05 .menu-container {
    position: relative
}

.section-05 .menu-container .shadow {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3rem;
    z-index: 2
}

.section-05 .menu-container .shadow img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 100%
}

.section-05 .menu-container .menu>.img-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -.0875rem;
    transition: width .25s;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.section-05 .menu-container .menu {
    display: block;
    position: relative;
    height: calc(100% / 5);
    padding: 0 2.5rem;
    transition: all .25s;
    width: 100%;
    border-radius: 0 .375rem .375rem 0;
    overflow: hidden
}

.section-05 .menu-container .menu::after {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, #fff0 0%, rgb(255 255 255 / .3) 100%);
    background: linear-gradient(left, #fff0 0%, rgb(255 255 255 / .3) 100%);
    transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.section-05 .menu-container .menu:hover:after {
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s
}

.section-05 .menu-container .menu .wrapper {
    height: 100%;
    display: flex;
    align-items: center
}

.section-05 .menu-container .menu .title {
    position: relative;
    font-weight: 400;
    font-size: 1.0625rem
}

.section-05 .swiper-container {
    height: 560px;
    position: relative;
    width: calc(100% + 8rem);
    margin: 0 -4rem;
    padding: 0 4rem
}

.section-05 .swiper-main-container {
    position: relative;
    width: calc(100% + 8rem);
    margin: 0 -4rem;
    padding: 0 4rem
}

.section-05 .swiper-pagination {
    right: -1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateY(-50%);
    top: 50%;
    padding: .625rem .625rem;
    border-radius: 1000em
}

.section-05 .swiper-pagination-bullet {
    position: relative;
    opacity: 1;
    margin: .25rem 0
}

@media screen and (max-width:767.98px) {
    .section-05 .container {
        max-width: 100% !important
    }

    .section-05 .block-left {
        min-height: 28rem;
        padding: 0 2.5rem
    }

    .section-05 .menu-container .menu {
        min-height: 5rem;
        border-radius: 0
    }
}

@media screen and (max-width:490.98px) {
    .section-05 .xs-text-small {
        font-size: 1.25rem
    }
}

@media screen and (max-width:375.98px) {
    .section-05 .block-left {
        min-height: 25rem
    }
}

.section-06 {
    position: relative;
    min-height: 20rem;
    z-index: 2
}

.section-06>.img-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.section-06 .text-container {
    border-left: 1px solid;
    padding-left: 1rem
}

.section-06 .contact-lists {
    width: 100%;
    max-width: 25rem
}

.section-06 .contact-lists .list-item {
    display: flex;
    margin: 1rem 0
}

.section-06 .contact-lists .list-item .icon {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .125rem
}

.section-06 .contact-lists .list-item .text {
    width: calc(100% - 1.375rem);
    padding-left: .5rem;
    font-weight: 400
}

@media screen and (max-width:767.98px) {
    .section-06 {
        min-height: 23rem
    }
}

@media screen and (max-width:575.98px) {
    .section-06 {
        min-height: 27rem
    }

    .section-06 .text-container {
        border-left: 0;
        padding-left: 0
    }
}

.section-07 {
    position: relative
}

.section-07 .block-left .img-container {
    position: relative;
    z-index: 2
}

.section-07 .block-right {
    position: relative;
    height: 100%;
    padding: 0 2rem 0 2rem
}

.section-07 .block-right .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.section-07 .block-right>* {
    position: relative;
    z-index: 2
}

.section-07 .block-right::before {
    content: '';
    position: absolute;
    top: -5rem;
    right: 0;
    bottom: 0;
    left: -2rem;
    width: calc(100% + 2rem);
    z-index: 1;
    height: calc(100% + 5rem)
}

.section-07 .block-right::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -5rem;
    left: -2rem;
    height: 5rem;
    z-index: 1;
    width: calc(100% + 2rem)
}

.section-07 .block-right .option .item {
    display: flex;
    align-items: center
}

.section-07 .block-right .option svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: .9375rem
}

.section-07 .block-right .socials {
    display: flex;
    margin-left: .5rem
}

.section-07 .block-right .socials .social {
    display: block;
    margin: 0 .5rem;
    transition: opacity .25s;
    border-radius: 50%
}

.section-07 .block-right .socials .social:hover {
    opacity: .8
}

.section-07 .block-right .socials .social img,
.section-07 .block-right .socials .social svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 2rem
}

.section-07 .options-footer {
    position: relative;
    justify-content: space-between;
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: calc(1300px - 2rem);
    padding-bottom: 1rem;
    margin: 2rem auto 2rem auto
}

.section-07 .options-footer:before {
    content: '';
    position: absolute;
    bottom: -.0125rem;
    left: 100%;
    height: 1px;
    width: 20vw
}

.section-07 .options-footer:after {
    content: '';
    position: absolute;
    bottom: -.0125rem;
    left: 0;
    right: 0;
    height: 1px
}

.section-07 .options-footer .option {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.section-07 .options-footer .option .item {
    display: flex;
    align-items: center
}

.section-07 .options-footer .option .icon {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.section-07 .options-footer .option .icon svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1rem
}

.section-07 .options-footer .pattern {
    position: absolute;
    bottom: 0;
    right: .625rem
}

.section-07 .options-footer .pattern img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 7.5625rem
}

.section-07 .block-right .event-type {
    display: flex;
    align-items: center
}

.section-07 .block-right .event-type .dot {
    width: .75rem;
    height: .75rem;
    margin-right: .625rem;
    border-radius: 50%
}

@media screen and (min-width:1600px) {
    .section-07 .options-footer {
        max-width: calc(1600px - 2rem)
    }
}

@media screen and (max-width:1299.98px) {
    .section-07 .options-footer {
        max-width: calc(1200px - 2rem)
    }

    .section-07 .options-footer .pattern {
        right: -5rem
    }
}

@media screen and (max-width:1199.98px) {
    .section-07 .options-footer {
        max-width: calc(992px - 2rem)
    }

    .section-07 .options-footer .pattern {
        right: -6rem
    }
}

@media screen and (max-width:991.98px) {
    .section-07 .block-right {
        padding: 2rem 0
    }

    .section-07 .block-right::after {
        display: none
    }

    .section-07 .block-right::before {
        content: '';
        position: absolute;
        top: 0rem;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .section-07 .block-right .wrapper {
        margin: 0 auto;
        max-width: calc(768px - 2rem)
    }

    .section-07 .block-right .card-footer {
        margin-top: 1rem
    }

    .section-07 .options-footer {
        max-width: calc(768px - 2rem)
    }
}

@media screen and (max-width:767.98px) {
    .section-07 .block-right .wrapper {
        max-width: calc(578px - 2rem)
    }

    .section-07 .options-footer {
        max-width: calc(578px - 2rem)
    }
}

@media screen and (max-width:575.98px) {
    .section-07 .block-right .wrapper {
        max-width: calc(100% - 1rem)
    }

    .section-07 .options-footer {
        max-width: calc(100% - 2rem);
        margin-top: 1rem
    }
}

@media screen and (max-width:490.98px) {
    .section-07 .options-footer .pattern {
        display: none
    }
}

.section-08 .content-lists {
    padding: 0 0 0 1rem
}

@media screen and (max-width:991.98px) {
    .section-08 .grids {
        margin-top: 0 !important
    }
}

@media screen and (max-width:767.98px) {
    .section-08 .content-lists {
        padding: 0 0 0 0
    }
}

@media screen and (max-width:575.98px) {
    .section-08 {
        padding-top: 0 !important
    }
}

.section-09 .swiper-container {
    padding-bottom: 1rem
}

.section-09 .swiper-slide .ss-card-10,
.section-09 .swiper-slide .ss-card-13 {
    transform: scale(.9);
    transition: transform .25s;
    transition-delay: .625s
}

.section-09 .swiper-slide.swiper-slide-active .ss-card-10,
.section-09 .swiper-slide.swiper-slide-active .ss-card-13 {
    transform: scale(1);
    transition: transform .25s
}

.section-09 .swiper-pagination {
    position: relative;
    display: inline-block;
    width: auto;
    padding: .0625rem .3125rem;
    left: 15%;
    border-radius: 1000em;
    bottom: 0;
    margin-top: 1rem
}

.section-09 .swiper-pagination .swiper-pagination-bullet {
    width: .625rem;
    height: .625rem;
    transition: width .25s;
    opacity: 1
}

.section-09 .swiper-pagination .swiper-pagination-bullet-active {
    width: 3.125rem;
    border-radius: .3rem
}

.section-09 .arrows {
    position: absolute;
    left: 28%;
    bottom: .875rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    pointer-events: none
}

.section-09 .arrows>.arrow {
    position: relative;
    font-size: .75rem;
    border-radius: 50%;
    z-index: 3;
    width: 2rem;
    height: 2rem;
    transition: color .25s, opacity .25s;
    cursor: pointer;
    pointer-events: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 .4375rem
}

.section-09 .arrows>.arrow:hover {
    opacity: .7
}

.section-09 .pattern-footer {
    position: relative;
    width: 100%;
    margin-top: -2rem
}

.section-09 .pattern-footer::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px
}

.section-09 .pattern-footer img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 7.5625rem
}

.section-09.ebook-intro .ss-card-03.style-02 .text-container>.wrapper {
    justify-content: end
}

.section-09.ebook-intro .ss-card-03.style-02 .text-container {
    top: 28%
}

.section-09.ebook-intro .ss-card-03.style-02:hover .text-container {
    top: 0
}

@media screen and (max-width:1299.98px) {
    .section-09.ebook-intro .ss-card-03.style-02 .text-container {
        top: 24%
    }
}

@media screen and (max-width:1199.98px) {
    .section-09 .arrows {
        left: 32%
    }

    .section-09.ebook-intro .ss-card-03.style-02 .text-container {
        top: 28.875%
    }
}

@media screen and (max-width:1023.98px) {
    .section-09 .arrows {
        left: 32%
    }

    .section-09.ebook-intro .ss-card-03.style-02 .text-container {
        top: 20.5%
    }
}

@media screen and (max-width:991.98px) {
    .section-09 .arrows {
        left: 40%
    }

    .section-09 .pattern-footer img {
        height: 6rem
    }

    .section-09.ebook-intro .ss-card-03.style-02 .text-container {
        top: 28%
    }
}

@media screen and (max-width:767.98px) {
    .section-09 .arrows {
        left: 52%
    }

    .section-09 .pattern-footer {
        margin-top: 0
    }

    .section-09.ebook-intro .ss-card-03.style-02 .text-container {
        top: 24%
    }
}

@media screen and (max-width:639.98px) {
    .section-09.ebook-intro .ss-card-03.style-02 .text-container {
        top: 0
    }

    .section-09.ebook-intro .ss-card-03.style-02 .text-container .date {
        opacity: 1
    }
}

.section-10 {
    position: relative;
    min-height: 70rem
}

.section-10.size-02 {
    min-height: 77rem
}

.section-10 .pattern.style-01 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.section-10 .pattern.style-01 img {
    display: block;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: auto
}

.section-10 .pattern.style-02 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.section-10 .pattern.style-02 img {
    display: block;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: auto
}

.section-10>.img-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 38rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.section-10 .contact-info {
    position: relative;
    display: block;
    width: 100%;
    max-width: 25rem;
    margin: 0 auto;
    overflow: hidden
}

.section-10 .contact-info>.light-pattern {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: .875rem;
    z-index: 2
}

.section-10 .contact-info>.shadow-pattern {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: .5rem;
    z-index: 2
}

.section-10 .contact-info .card-wrapper {
    position: relative;
    min-height: 144px;
    overflow: hidden;
    display: flex;
    align-items: center
}

.section-10 .contact-info .card-wrapper>.img-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: transform .25s;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.section-10 .contact-info .card-wrapper:hover>.img-bg {
    transform: scale(1.1)
}

.section-10 .contact-info .card-wrapper::after {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, #fff0 0%, rgb(255 255 255 / .3) 100%);
    background: linear-gradient(left, #fff0 0%, rgb(255 255 255 / .3) 100%);
    transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.section-10 .contact-info .card-wrapper:hover:after {
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s
}

.section-10 .contact-info .text-container {
    position: relative;
    padding: 0 1rem
}

.section-10 .text-container .wrapper {
    display: flex
}

.section-10 .text-container .wrapper .icon {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 1px solid #fff0;
    display: flex;
    justify-content: center;
    align-items: center
}

.section-10 .text-container .wrapper .icon svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: .875rem
}

.section-10 .text-container .wrapper .text {
    padding-left: .875rem;
    width: calc(100% - 1.5rem)
}

@media screen and (max-width:767.98px) {
    .section-10 .contact-info {
        max-width: 100%
    }
}

.section-11 {
    position: relative;
    overflow: hidden
}

.section-11 .pattern {
    position: absolute;
    bottom: -18.25rem;
    left: 0;
    transition: opacity .25s
}

.section-11 .pattern img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 85.5rem
}

.section-11 .text-container {
    position: relative;
    border-left: 1px solid #fff0;
    padding-left: 1.5rem
}

.section-11 .text-container::before {
    content: '';
    position: absolute;
    top: 0;
    right: calc(100% - .125rem);
    width: .1875rem;
    height: 2rem;
    z-index: 2
}

.section-11 .text-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: .0625rem;
    height: calc(100% + 20vh)
}

.section-11 .contact-lists .list-item>.wrapper {
    display: flex;
    align-items: center
}

.section-11 .contact-lists .list-item>.wrapper .icon {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .875rem
}

.section-11 .contact-lists .list-item>.wrapper .text {
    width: calc(100% - 1.375rem);
    padding-left: .5rem
}

@media screen and (max-width:1299.98px) {
    .section-11 .pattern {
        bottom: -10rem
    }

    .section-11 .pattern img {
        height: 70rem
    }
}

@media screen and (max-width:1199.98px) {
    .section-11 .pattern {
        bottom: -2rem
    }

    .section-11 .pattern img {
        height: 60rem
    }
}

@media screen and (max-width:991.98px) {
    .section-11 .pattern {
        bottom: 0
    }
}

@media screen and (max-width:767.98px) {
    .section-11 .pattern {
        opacity: .3 !important
    }
}

.section-12 {
    position: relative;
    overflow: hidden
}

.section-12.department-container {
    overflow: visible;
    padding-bottom: 15rem
}

.section-12 .content-box {
    width: 100%;
    max-width: 18rem;
    margin: 0 0 0 auto
}

.section-12 .content-box.left {
    position: relative;
    margin: 0 auto 0 0
}

.section-12 .department-toggle {
    display: none;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: -1.25rem;
    right: 0;
    padding: .25rem;
    align-items: center;
    justify-content: center
}

.section-12.department-container~.department-filter {
    position: fixed;
    top: 0;
    left: 18rem;
    width: 100%;
    height: 100vh;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    transition: opacity.25s;
    background: rgb(0 0 0 / .4)
}

.section-12.department-container.active~.department-filter {
    opacity: 1;
    pointer-events: auto
}

@media screen and (min-width:991.98px) {
    .section-12 .show-tablet {
        display: none
    }

    .section-12.department-container.active~.department-filter {
        opacity: 0;
        pointer-events: none
    }
}

@media screen and (max-width:991.98px) {
    .section-12 .hide-tablet {
        display: none
    }

    .section-12 .show-tablet {
        display: block
    }

    .section-12 .content-box.left {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 96;
        background: #fff;
        height: 100%;
        padding-bottom: 4.5rem;
        transform: translateX(-25rem);
        transition: transform .25s, top .5s;
        max-height: 48rem;
        overflow-y: scroll
    }

    .section-12 .content-box.left.md-padding>.title {
        padding: .875rem
    }

    .section-12 .content-box.left.active {
        transform: translateX(0)
    }

    .section-12.department-container .department-toggle {
        display: flex
    }

    .section-12.department-container .department-toggle .hamburger>* {
        transform: translateX(0);
        width: 1.5rem
    }

    .section-12.department-container .department-toggle .hamburger>*:nth-child(2) {
        transform: none
    }

    .section-12.department-container .department-toggle .hamburger.active>*:nth-child(1) {
        transform: rotate(-45deg)translate(-.4rem, .4rem);
        -webkit-transform: rotate(-45deg)translate(-.4rem, .4rem)
    }

    .section-12.department-container .department-toggle .hamburger.active>*:nth-child(3) {
        transform: rotate(45deg)translate(-.4rem, -.4rem);
        -webkit-transform: rotate(45deg)translate(-.4rem, -.4rem)
    }
}

@media screen and (max-width:575.98px) {
    .section-12.department-container .content-box.right {
        max-width: 100%
    }
}

@media screen and (max-width:375.98px) {
    .section-12 .content-box {
        max-width: 15rem
    }
}

.section-13 .options-header {
    margin-top: .625rem;
    display: flex;
    align-items: center;
    padding-bottom: .5rem;
    justify-content: space-between;
    border-bottom: 1px solid #fff0;
    margin-top: 2rem
}

.section-13 .option {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.section-13 .option .item {
    display: flex;
    align-items: center
}

.section-13 .option .icon {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.section-13 .option .icon svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1rem
}

.section-13 .socials {
    display: flex;
    align-items: center
}

.section-13 .socials .social {
    display: block;
    margin: 0 .375rem;
    transition: opacity .25s
}

.section-13 .socials .social:hover {
    opacity: .8
}

.section-13 .socials .social img,
.section-13 .socials .social svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1.75rem
}

@media screen and (max-width:575.98px) {
    .section-13 .options-header {
        flex-direction: column;
        margin-top: .625rem;
        padding-bottom: 1rem
    }

    .section-13 .socials {
        margin-top: 1rem
    }
}

.section-14 {
    position: relative
}

.section-14.size-01 {
    height: 50rem
}

.section-14.size-02 {
    height: 30rem
}

.section-14.size-03 {
    height: 40rem
}

.section-14.size-04 {
    height: 24.9375rem
}

.section-14.size-05 {
    height: 24.9375rem
}

.section-14 .img-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.section-14 .wrapper {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.section-14 .wrapper-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.section-14 .underline {
    position: relative
}

.section-14 .underline::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: .625rem;
    left: 0;
    height: .0625rem;
    width: calc(100% - 1rem);
    margin: 0 auto
}

.section-14 .quote-container {
    position: relative;
    padding: 1rem 0 1rem 3rem;
    width: 100%;
    max-width: 40rem;
    margin: 0 auto
}

.section-14 .quote {
    position: absolute;
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%
}

.section-14 .quote-right img {
    height: 2rem
}

.section-14 .quote-left img {
    height: 1.6875rem
}

.section-14 .quote-right {
    top: 0;
    left: 0
}

.section-14 .quote-left {
    bottom: 0;
    right: 0
}

.section-14 .profile-container {
    width: 100%;
    max-width: 45rem;
    margin: 0 auto
}

.section-14 .profile-container .profile-wrapper {
    display: flex;
    flex-wrap: wrap
}

.section-14 .profile-container .img-container {
    width: 30%;
    border-radius: .5rem;
    overflow: hidden
}

.section-14 .profile-container .text-container {
    width: 70%;
    padding: 2.5rem 2rem 0 2rem
}

@media screen and (max-width:991.98px) {
    .section-14.size-01 {
        height: 30rem
    }

    .section-14.size-02,
    .section-14.size-03 {
        height: auto
    }

    .section-14 .img-bg.md-filter-blur {
        filter: blur(2px)
    }

    .section-14.size-03 {
        height: 24rem
    }
}

@media screen and (max-width:767.98px) {
    .section-14 {
        min-height: 20rem
    }

    .section-14 .quote-right img {
        height: 2rem
    }

    .section-14 .quote-left img {
        height: 1.6875rem
    }

    .section-14 .quote-container {
        padding: 1rem 0 1rem 2rem
    }

    .section-14.size-02,
    .section-14.size-03 {
        min-height: auto
    }
}

@media screen and (max-width:575.98px) {
    .section-14.size-01 {
        height: 25rem
    }

    .section-14.size-01 .img-bg {
        filter: blur(2px)
    }

    .section-14.size-02 {
        height: auto
    }

    .section-14.xs-bg-left .img-bg {
        background-position: center left
    }

    .section-14.xs-bg-right .img-bg {
        background-position: center right
    }

    .section-14.xs-bg-top .img-bg {
        background-position: center top
    }

    .section-14 .profile-container .profile-wrapper {
        justify-content: center
    }

    .section-14 .profile-container .img-container {
        width: 40%
    }

    .section-14 .profile-container .text-container {
        width: 100%;
        text-align: center;
        padding: 1rem 1rem 0 1rem
    }

    .section-14.size-05 {
        height: 34rem !important;
        display: flex;
        align-items: center
    }
}

@media screen and (max-width:490.98px) {
    .section-14 .quote-left {
        bottom: -1rem
    }

    .section-14 .profile-container .img-container {
        width: 50%
    }
}

@media screen and (max-width:390.98px) {
    .section-14 .profile-container .img-container {
        width: 45%
    }

    .section-14.size-05 {
        height: 29rem !important
    }
}

.section-15 {
    position: relative;
    width: calc(100% - 5rem);
    margin: 0 0 0 auto;
    height: 100%
}

.section-15 .swiper-main-container {
    position: relative;
    height: 100%
}

.section-15 .swiper-main-container .pattern {
    position: absolute;
    right: 0;
    bottom: -0.5rem;
    left: -1rem
}

.section-15 .swiper-main-container .pattern img {
    display: block;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: auto
}

.section-15 .swiper-menu {
    overflow: hidden
}

.section-15 .swiper-menu-container {
    padding-left: .875rem
}

.section-15 .swiper-menu-container .menu {
    position: relative;
    text-align: center;
    font-size: 1.0625rem;
    font-weight: 500;
    padding: .75rem
}

.section-15 .swiper-menu-container .swiper-slide {
    width: 11rem !important
}

.section-15 .swiper-menu-container .swiper-slide .menu::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: .25rem;
    width: 0;
    transition: width .25s
}

.section-15 .swiper-menu-container .swiper-slide-active .menu::before {
    width: 100%
}

.section-15 .swiper-container {
    margin-top: 2rem;
    padding-bottom: 0
}

.section-15 .swiper-container .swiper-slide .ss-card .ss-img>.img-bg {
    filter: blur(2.5px);
    transition: all .25s
}

.section-15 .swiper-container .swiper-slide-active .ss-card .ss-img>.img-bg {
    filter: blur(0)
}

.section-15 .arrows {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    pointer-events: none
}

.section-15 .arrows>.arrow {
    position: relative;
    font-size: 1.25rem;
    border-radius: 50%;
    z-index: 3;
    width: 2.5rem;
    height: 2.5rem;
    transition: color .25s, opacity .25s;
    cursor: pointer;
    pointer-events: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 .5rem
}

.section-15 .arrows>.arrow:hover {
    opacity: .7
}

.section-15 .arrows>.arrow-next {
    margin-right: 5rem
}

.section-15 .swiper-main-container {
    position: relative;
    width: calc(100% + 8rem);
    margin: 0 -4rem;
    padding: 0 4rem
}

@media screen and (max-width:1299.98px) {
    .section-15 .swiper-container {
        padding-bottom: 10rem
    }
}

@media screen and (max-width:575.98px) {
    .section-15 {
        width: 100%
    }

    .section-15 .swiper-main-container {
        width: 100%;
        margin: 0;
        padding: 0
    }

    .section-15 .swiper-container {
        padding-bottom: 0
    }

    .section-15 .arrows>.arrow-next {
        margin-right: 0
    }

    .section-15 .arrows {
        justify-content: center;
        align-items: end;
        bottom: 6rem
    }
}

.section-16 {
    position: relative
}

.section-16.size-01 {
    height: 100%
}

.section-16.size-01 .form-container {
    margin-bottom: 20rem
}

.section-16.size-02 {
    height: 45rem
}

.section-16>.pattern {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.section-16>.pattern img {
    display: block;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: auto
}

@media screen and (max-width:1299.98px) {
    .section-16.size-02 {
        height: 40rem
    }
}

@media screen and (max-width:1199.98px) {
    .section-16.size-01 .form-container {
        margin-bottom: 10rem
    }
}

@media screen and (max-width:991.98px) {
    .section-16.size-01 .form-container {
        margin-bottom: 8rem
    }

    .section-16.size-02 {
        height: 35rem
    }
}

@media screen and (max-width:767.98px) {
    .section-16.size-01 .form-container {
        margin-bottom: 7rem
    }

    .section-16.size-02 {
        height: 30rem
    }
}

@media screen and (max-width:490.98px) {
    .section-16.size-01 .form-container {
        margin-bottom: 5rem
    }

    .section-16.size-02 {
        height: 27rem
    }
}

.section-17 {
    position: relative;
    margin-top: -7.625rem;
    min-height: 85rem
}

.section-17 .pattern.style-01 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.section-17 .pattern.style-01 img {
    display: block;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: auto
}

.section-17 .pattern.style-02 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.section-17 .pattern.style-02 img {
    display: block;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: auto
}

@media screen and (max-width:991.98px) {
    .section-17 {
        margin-top: -6rem
    }

    .section-17 .pattern.style-02 {
        bottom: -2.5rem
    }
}

@media screen and (max-width:767.98px) {
    .section-17 {
        margin-top: -3rem
    }
}

@media screen and (max-width:575.98px) {
    .section-17 {
        margin-top: -4rem
    }
}

@media screen and (max-width:527.98px) {
    .section-17 {
        margin-top: -2.5rem
    }
}

@media screen and (max-width:464.98px) {
    .section-17 {
        margin-top: -1.5rem
    }
}

@media screen and (max-width:421.98px) {
    .section-17 {
        margin-top: -1rem
    }
}

@media screen and (max-width:390.98px) {
    .section-17 .pattern.style-02 {
        bottom: -2rem
    }
}

.section-18 {
    position: relative;
    min-height: 230rem
}

.section-18.size-02 {
    position: relative;
    min-height: 70rem
}

.section-18 .pattern.style-01 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.section-18 .pattern.style-01 img {
    display: block;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: auto
}

.section-18 .pattern.style-02 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.section-18 .pattern.style-02 img {
    display: block;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: auto
}

@media screen and (max-width:991.98px) {
    .section-18 {
        min-height: 220rem
    }
}

@media screen and (max-width:767.98px) {
    .section-18 {
        min-height: 210rem
    }
}

.section-19 {
    position: relative;
    min-height: 50rem
}

.section-19 .options-header {
    margin-top: .625rem;
    display: flex;
    align-items: center;
    padding-bottom: .5rem;
    justify-content: space-between;
    border-bottom: 1px solid #fff0;
    margin-top: 2rem
}

.section-19 .option {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.section-19 .option .item {
    display: flex;
    align-items: center
}

.section-19 .option .icon {
    width: 1.375rem;
    height: 1.375rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.section-19 .option .icon svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1rem
}

.section-19 .socials {
    display: flex;
    align-items: center
}

.section-19 .socials .social {
    display: block;
    margin: 0 .375rem;
    transition: opacity .25s
}

.section-19 .socials .social:hover {
    opacity: .8
}

.section-19 .socials .social img,
.section-19 .socials .social svg {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: 1.75rem
}

@media screen and (max-width:575.98px) {
    .section-19 .options-header {
        flex-direction: column;
        margin-top: .625rem;
        padding-bottom: 1rem
    }

    .section-19 .socials {
        margin-top: 1rem
    }
}

@media screen and (max-width:767.98px) {
    .section-19 {
        min-height: 30rem
    }
}

.swiper-container .swiper-pagination.scale-animate {
    transform: scale(0);
    transition: transform 3s
}

.swiper-container .swiper-pagination.scale-animate.aos-init {
    transform: scale(1)
}

.breadcrumb-01 {
    position: relative;
    z-index: 2
}

.breadcrumb-01 .wrapper {
    height: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 .875rem
}

.breadcrumb-01 .wrapper>* {
    position: relative
}

.breadcrumb-01 .img-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.breadcrumb-01 .links-container {
    padding: .25rem 1.25rem;
    border-radius: 1000em
}

.breadcrumb-01 .link-wrapper {
    display: flex;
    align-items: center
}

.breadcrumb-01 .link-wrapper .link {
    display: flex;
    align-items: center
}

.breadcrumb-01 .link-wrapper .link .menu {
    display: block;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: 9rem
}

.breadcrumb-01 .link-wrapper .link:last-child .menu {
    font-weight: 600 !important
}

.breadcrumb-01 .link-wrapper .link .line {
    width: 1.5rem;
    height: .125rem;
    margin: 0 .5rem
}

.breadcrumb-01 .link-wrapper .link:last-child .line {
    display: none
}

.breadcrumb-02 {
    position: relative;
    padding: 2rem 0 2rem 0
}

.breadcrumb-02 .links-container {
    padding: .25rem 2rem .25rem 0
}

.breadcrumb-02 .link-wrapper {
    display: flex;
    align-items: center
}

.breadcrumb-02 .link-wrapper .link {
    display: flex;
    align-items: center
}

.breadcrumb-02 .link-wrapper .link .menu {
    display: block;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: 17rem
}

.breadcrumb-02 .link-wrapper .link:last-child .menu {
    font-weight: 700 !important
}

.breadcrumb-02 .link-wrapper .link .line {
    width: 1.5rem;
    height: .125rem;
    margin: 0 .5rem
}

.breadcrumb-02 .link-wrapper .link:last-child .line {
    display: none
}

.breadcrumb-03 {
    position: relative;
    display: inline-block;
    padding: .5rem 1rem;
    border-radius: 1000em
}

.breadcrumb-03 .link-wrapper {
    display: flex;
    align-items: center
}

.breadcrumb-03 .link-wrapper .link {
    display: flex;
    align-items: center
}

.breadcrumb-03 .link-wrapper .link .menu {
    display: block;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: 17rem
}

.breadcrumb-03 .link-wrapper .link:last-child .menu {
    font-weight: 700 !important
}

.breadcrumb-03 .link-wrapper .link .line {
    width: 1.5rem;
    height: .125rem;
    margin: 0 .5rem
}

.breadcrumb-03 .link-wrapper .link:last-child .line {
    display: none
}

.tab-container {
    position: relative;
    display: block;
    width: 100%
}

.tab-container .tabs {
    position: relative;
    width: 100%
}

.tab-container .tab {
    cursor: pointer
}

.tab-container .tab-contents {
    position: relative;
    width: 100%
}

.tab-container .tab-content {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    padding: 0;
    margin: 0;
    transition: opacity .6s, transform .6s
}

.tab-container .tab-content.active {
    position: relative;
    overflow: hidden;
    pointer-events: auto;
    opacity: 1
}

.tab-container .tab-content.fade-out:not(.no-fade) {
    opacity: 0;
    pointer-events: none
}

.tab-container .tab-content.fade-in:not(.no-fade) {
    display: block;
    position: absolute;
    opacity: 0;
    transform: translateY(1.5rem);
    pointer-events: none
}

.tab-container .tab-content .tab-box {
    display: block;
    width: 100%;
    max-width: 55rem;
    margin: 0 auto
}

.tab-container .tab-content-inner {
    position: relative
}

.tab-container .tab-content-inner .pattern {
    position: absolute
}

.tab-container .tab-content-inner .pattern.style-01 {
    top: 2rem;
    left: 0;
    bottom: 0
}

.tab-container .tab-content-inner .pattern.style-02 {
    top: 2rem;
    right: 0;
    bottom: 0
}

.tab-container .tab-content-inner .pattern img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: 100%
}

.tab-container .tab-content-inner .pattern.style-01 img {
    width: 5rem
}

.tab-container .tab-content-inner .pattern.style-02 img {
    width: 5rem
}

.tab-container.tab-line-container .tabs {
    position: relative !important
}

.tab-container.tab-line-container .tabs .tab-line {
    position: absolute;
    height: .1875rem;
    z-index: 3;
    content: '';
    bottom: 0
}

@media screen and (max-width:1299.98px) {
    .tab-container .tab-content .tab-box {
        max-width: 46rem
    }
}

@media screen and (max-width:991.98px) {
    .tab-container .tab-content-inner .pattern.style-01 img {
        width: 4rem
    }

    .tab-container .tab-content-inner .pattern.style-02 img {
        width: 4rem
    }

    .tab-container .tab-content-inner .pattern img {
        height: auto
    }
}

@media screen and (max-width:767.98px) {
    .tab-container .tab-content-inner .pattern.style-01 img {
        width: 3.5rem
    }

    .tab-container .tab-content-inner .pattern.style-02 img {
        width: 3.5rem
    }
}

@media screen and (max-width:575.98px) {
    .tab-container .tab-content-inner .pattern {
        opacity: .7
    }
}

.tabs.tabs-01 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 1.5rem
}

.tabs.tabs-01 .tab {
    position: relative;
    margin: 0 1rem
}

.tabs.tabs-01 .tab:before {
    content: '';
    position: absolute;
    width: 0;
    height: .125rem;
    bottom: -.25rem;
    left: 50%;
    transition: width .25s linear;
    margin: 0 auto;
    transform: translateX(-50%)
}

.tabs.tabs-01 .tab.active:before {
    width: calc(100% - 1rem)
}

.tabs.tabs-01 .tab .title {
    font-size: 1.125rem
}

@media screen and (max-width:1299.98px) {
    .tabs.tabs-01 {
        margin-top: .5rem
    }

    .tabs.tabs-01 .tab {
        margin-top: 1rem
    }
}

@media screen and (max-width:991.98px) {
    .tabs.tabs-01 .tab .title {
        font-size: 1rem
    }
}

.tabs.tabs-02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1.5rem
}

.tabs.tabs-02 .tab {
    position: relative;
    margin: 0 1rem
}

.tabs.tabs-02 .tab:before {
    content: '';
    position: absolute;
    width: 0;
    height: .125rem;
    bottom: -.25rem;
    left: 50%;
    transition: width .25s linear;
    margin: 0 auto;
    transform: translateX(-50%)
}

.tabs.tabs-02 .tab.active:before {
    width: 100%
}

.tabs.tabs-02 .tab .title {
    font-size: 1.125rem
}

.tabs.tabs-03 .tab {
    padding: .875rem;
    border-bottom: 1px solid #fff0;
    transition: background .25s, border .25s
}

.tabs.tabs-03 .tab .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.tabs.tabs-03 .tab .title {
    transition: color .25s
}
.overflow-ini{
  overflow: initial;
}
.z-index-1 {
  z-index: -1;
}

/* list style */
.list-style-num {
  list-style: auto;
  padding-left: 1.563rem;
}

.list-content ul {
  list-style: none;
  padding: 0;
}
.list-content svg {
  width: 14px;
  height: 14px;
  margin-right: 0.1rem;
}


/* button style */
.btn-home {
  background: #b8a266;
  padding: 0.5rem 1rem;
  color: #ffffff;
  display: inline-flex;
}

/* sitemap page */
.sitemap .list-content {
  border-left: 4px solid;
  padding: 1.5rem 0 1.5rem 2rem;
  margin-bottom: 1rem;
}
.sitemap .list-content li {
  border: 0;
  padding-left: 0;
}

.sitemap .list-content .ss-list.style-01 li.sub-cate {
  padding-left: 1.5rem;
}
/* color dark-blue */
.sitemap .list-content.color-dark-blue {
  border-color: #13305a;
}
.sitemap .list-content.color-dark-blue .head-title {
  color: #13305a;
}
.sitemap .list-content.color-dark-blue svg path {
  stroke: #13305a;
}
.sitemap .list-content.color-dark-blue .sub-cate svg circle {
  stroke: #13305a;
}
/* color yellow */
.sitemap .list-content.color-yellow {
  border-color: #facf0f;
}
.sitemap .list-content.color-yellow .head-title {
  color: #facf0f;
}
.sitemap .list-content.color-yellow svg path {
  stroke: #facf0f;
}
.sitemap .list-content.color-yellow .sub-cate svg circle {
  stroke: #facf0f;
}
/* color blue */
.sitemap .list-content.color-blue {
  border-color: #5d82b7;
}
.sitemap .list-content.color-blue .head-title {
  color: #5d82b7;
}
.sitemap .list-content.color-blue svg path {
  stroke: #5d82b7;
}
.sitemap .list-content.color-blue .sub-cate svg circle {
  stroke: #5d82b7;
}
/* color purple */
.sitemap .list-content.color-purple {
  border-color: #5c42a6;
}
.sitemap .list-content.color-purple .head-title {
  color: #5c42a6;
}
.sitemap .list-content.color-purple svg path {
  stroke: #5c42a6;
}
.sitemap .list-content.color-purple .sub-cate svg circle {
  stroke: #5c42a6;
}
/* color orange */
.sitemap .list-content.color-orange {
  border-color: #fa9c0f;
}
.sitemap .list-content.color-orange .head-title {
  color: #fa9c0f;
}
.sitemap .list-content.color-orange svg path {
  stroke: #fa9c0f;
}
.sitemap .list-content.color-orange .sub-cate svg circle {
  stroke: #fa9c0f;
}
/* color green */
.sitemap .list-content.color-green {
  border-color: #79b948;
}
.sitemap .list-content.color-green .head-title {
  color: #79b948;
}
.sitemap .list-content.color-green svg path {
  stroke: #79b948;
}
.sitemap .list-content.color-green .sub-cate svg circle {
  stroke: #79b948;
}

/* structure page */
.org-structure {
  overflow-x: auto;
  width: 100%;
}
.org-structure .wrapper {
  font-size: 0.75em;
  display: inline-flex;
  flex-direction: column;
  gap: 3.5rem;
}
.org-structure .wrapper .row {
    position: relative;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.4rem;
}
.org-structure .wrapper .row:nth-of-type(1)::before  {
    height: 281px;
    width: 2px;
    z-index: -1;
}
.org-structure .wrapper .row:nth-of-type(2)::before  {
    height: 2px;
    top: 0;
    bottom: 0;
    left: -300px;
    margin: auto;
    width: 300px;
}
.org-structure .wrapper .row:nth-of-type(2) .head-title  {
    width: 260px;
}
.org-structure .wrapper .row:nth-of-type(2) .head-title::before  {
    border: 0;
}
.org-structure .wrapper .row:nth-of-type(2) .head-title::after  {
height: 0;
}
.org-structure .wrapper .row::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -30px;
    width: 527px;
    height: 2px;
    background: #0a132e;
  }
.org-structure .head-title {
  position: relative;
  background: linear-gradient(90deg, #0a112b 0%, #13305a 100.99%);
  padding: 0.7rem;
  border-radius: 2rem 0;
  display: inline-flex;
  flex-direction: column;
  /* overflow: hidden; */
  text-align: center;
  width: 14rem;
  margin: 0 1rem;
}

.org-structure .head-title::before {
    content: '';
    position: absolute;
    top: -0.5rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0px;
    height: 0px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #0a132e;
}
.org-structure .head-title::after {
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 2px;
    height: 100%;
    background: #0a132e;
    z-index: -1;
}
.org-structure .content {
  box-shadow: 1px 0px 10px 0px #13305a1a;
  margin: 0.5rem;
  margin-top: -20px;
  padding: 2rem 0 1rem 0;
  border-radius: 0.5rem;
}

.org-structure .content ul li:last-child {
  padding-bottom: 0;
}
.org-structure .pattern {
  position: absolute;
}
.org-structure .pattern.style-01 {
  top: 0;
  right: 0;
}
.org-structure .pattern.style-02 {
    bottom: -0.4rem;
  left: 0;
}
.org-structure .pattern.style-01 img {
  width: 5rem;
}
.org-structure .pattern.style-02 img {
  width: 9rem;
}


/* 404 page */
.ico-404{
  width: 60%;
}
@media screen and (max-width:767.98px){
  .ico-404{
    width: 100%;
  }
}


/* Module Page Custom */
.tab-container .tab-content.no-overflow{
  overflow: initial;
  z-index: 2;
}

/* List Header */
.jc-center .list-header .options{
  justify-content: center;
}

/* Card Modify */
.modify-card .hover-container .icon > svg{
  height: auto;
}
.modify-card .hover-wrapper > .socials .social svg{
  width: 2.2rem;
  height: auto;
}
.modify-img .hover-container .icon > svg{
  height: auto;
}
@media screen and (max-width:575.98px){
  .modify-img .hover-container .icon > svg{
    height: 3rem;
  }
}

.card-download{
  display: flex;
  align-items: center;
  column-gap: 1rem;
  padding: 1rem;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  transition: background .25s;
  border-radius: .375rem;
}
.card-download:hover{
  background: #0a112b;
}

.card-download .icon{
  background: #efefef;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: background .25s;
}
.card-download:hover .icon{
  background: #13305c;
}
.card-download .icon img{
  width: 50px;
  height: 30px;
}

.card-download .content .title{
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.card-download:hover .content .title{
color: #ffffff !important;
}
.card-download .content .options{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 0.7rem;
  row-gap: 0.2rem;
}
.card-download .content .options .option{
  display: flex;
  align-items: center;
}
.card-download .btn-download{
  display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    padding-left: 1rem;
    border-left: 1px solid #DDE0FF;
}
.card-download .btn-download:hover .title{
  color: #FACF0F !important;
}
.card-download .btn-download:hover svg path{
  fill: #FACF0F !important;
}
@media screen and (max-width:575.98px){
  .card-download{
    padding: 0.7rem;
    column-gap: 0.5rem;
  }
  .card-download .btn-download{
    padding-left: 0.5rem;
  }
}

/* List Footer */
.modify-paginate .list-footer{
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 0.7rem;
}
.modify-paginate .paginate .page{
  width: 0.7rem;
}

/* options-header */
.modify-options-header{
  column-gap: 1rem;
}

/* Option */
.modify-option{
  column-gap: .75rem;
}
@media screen and (max-width:575.98px){
  .modify-option{
    justify-content: center;
  }
}

/* Socials */
.modify-socials{
  column-gap: 0.4rem;
}
.modify-socials.socials  .social{
margin: 0;
}
.modify-socials.socials  .social svg{
  width: 1.5rem;
  height: 1.5rem;
  max-width: inherit;
}


/* Embed & Copy Container */

.embed-container,
.copy-container {
    position: relative;
    display: block;
    z-index: 8;
}

.embed-container>.embed-popup,
.copy-container>.copy-popup {
    position: absolute;
    bottom: 100%;
    right: 0;
    width: 16rem;
    opacity: 0;
    pointer-events: none;
    border-radius: 1.3125rem;
    transition: bottom 0.25s, opacity 0.25s;
}
.embed-container>.embed-popup{
  background: #fff;
  right: -10px;
    padding: 1rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}
.embed-container>.embed-popup>.wrapper::before {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  right: calc(9% - 0.5rem);
  width: 1rem;
  height: 0.5rem;
  clip-path: polygon(0% 0%, 100% 0, 50% 100%);
}
.embed-container>.embed-popup>.wrapper::before,
.embed-container>.embed-popup>.wrapper {
  background: #ffffff;
  color: #000000;
}

.embed-container.active>.embed-popup,
.copy-container.active>.copy-popup {
    bottom: calc(100% + 1rem);
    opacity: 1;
    pointer-events: auto;
}
.embed-popup  a{
  display: block;
  font-size: 1rem;
  font-weight: 400;
  outline: none;
  box-shadow: none;
  white-space: nowrap;
  border: .125rem solid transparent;
  padding: .4375rem 1.25rem .3125rem 1.25rem;
  text-decoration: none;
  border-radius: 1000em;
  min-width: 9rem;
  text-align: center;
  cursor: pointer;
  transition: all .25s;
  width: 100%;
  background: linear-gradient(90deg, #0A112B 0%, #13305A 100%);
color: #ffffff;
}


.copy-container>.copy-popup {
    left: calc(50% - 3rem);
    right: unset;
    width: 6rem;
    border-radius: unset;
}

.copy-container>.copy-popup>.wrapper {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0.625rem;
    font-size: 0.875rem;
    font-weight: 400;
    border-radius: 0.625rem;
}

.copy-container>.copy-popup>.wrapper::before {
    content: "";
    position: absolute;
    top: calc(100% - 1px);
    left: calc(50% - 0.5rem);
    width: 1rem;
    height: 0.5rem;
    clip-path: polygon(0% 0%, 100% 0, 50% 100%);
}

.copy-container>.copy-popup textarea {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}
.copy-container>.copy-popup>.wrapper::before,
.copy-container>.copy-popup>.wrapper {
    background: #f2f2f2;
    color: #000000;
}

.embed-container .btn-embed ,.copy-container .btn-copy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  font-size: 0.75rem;
  text-align: center;
  transition: all 0.25s;
  cursor: pointer;
  border-color: rgba(233, 236, 255, 1);
  background: rgba(233, 236, 255, 1);
  color: #8589AB;
}
.embed-container .btn-embed:hover , .copy-container .btn-copy:hover {
  background:var(--color-p);
  color:#ffffff;
}
/* Buttons */

.btns {
  width: 100%;
  margin: 1.5rem 0 0 0;
  text-align: center;
}
@media screen and (max-width:490.98px) {
  .btns {
    justify-content: center;
  }
}


.span-cursor{
  cursor: pointer;
}
.contact iframe {
  width: 100%;
}

/* Profressional */
.profressional {
  display: flex;
  min-height: 39%;
  flex-direction: column;
}
.ss-card-12:hover .profressional.text-container{
  align-items:start;
}

.profressional .desc {
  -webkit-line-clamp:2 !important;
}
.profress-bg .filter-01 {
  background: linear-gradient(180deg, #fff0 50%, #0A122D 100%, rgb(12 26 57 / .666667) 100%);
}
/* .profressional p.sm {
  font-size: .8rem;
} */

/* m_office_profressional */
.profressional-office {
  display: flex;
  min-height: 42%;
  flex-direction: column;
}

.ss-card-12:hover .profressional-office.text-container{
  align-items:start;
}

/* .profressional-office p.sm {
  font-size: .8rem;
} */

.profressional-office .desc {
  -webkit-line-clamp:2 !important;
}

.profress-office-bg .filter-01 {
  background: linear-gradient(180deg, #fff0 45%, #0A122D 100%, rgb(12 26 57 / .666667) 100%);
}
.ss-img>.img-bg.img-file{
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform .25s, filter .25s;
}
.ss-file-img{
  background-color: whitesmoke;
}

/* Loading spinner */
#loading-container-spinner {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 6px solid #FFF;
    border-top-color: #13305A;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin-container 1s linear infinite;
    z-index: 10;
}

@keyframes spin-container {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}


#data-container.loading-container {
    position: relative;
}

#data-container.loading-container:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 5;
}


/* Calendar */
.calendar-header{width:100%;}
.calendar-header .text-wrapper{display:flex; justify-content:center; align-items:center; width:100%;}
.calendar-header .calendar-title{margin:0 2.5rem;}
.calendar-header .arrow{
  width:1.5rem; height:1.5rem; display:flex; align-items:center; margin:0 1.25rem;
  justify-content:center; cursor:pointer; transition:opacity .25s;
}
.calendar-header .arrow:hover{opacity:.7;}


/* Calendar - Month */
.calendar-month{border-radius:.4375rem .4375rem 0 0; overflow:hidden; padding-bottom:3.5rem;} 
.calendar-month .custom-event{position:relative; padding:0 .5rem;}
.calendar-month .custom-event .date-time{display:flex; align-items:center;}
.calendar-month .custom-event .date-time > .icon{margin-right:.5rem;}
.calendar-month .fc-daygrid-day{height:10rem!important;}
.calendar-month .custom-event > .table .wrapper{display:flex; align-items:center;}
.calendar-month .custom-event > .table .dot{width:.5rem; height:.5rem; border-radius:50%;}
.calendar-month .custom-event > .table .title{
  display:block; text-overflow: ellipsis; overflow: hidden; padding:0 .375rem;
  -webkit-line-clamp: 2; font-size:.9375rem; width:calc(100% - .5rem);
}
.calendar-month .calendar-wrapper{overflow:unset!important;}
.calendar-month .fc-h-event{background:transparent; border:0; margin:.125rem 0;}
.calendar-month .custom-event > .table{
  position:relative; display:block; width:100%;
  line-height: 1; margin:.125rem 0 0 0; border-radius: 0;
  font-size:.875rem; font-weight: 300; box-shadow: none; overflow: hidden; transition: all .25s;
}
.fc-theme-standard .fc-popover{border-radius:.5rem; overflow:hidden;}
.calendar-month .fc-popover-body{
  max-height:12rem; overflow-y:auto; border-left:0;
}
.calendar-month .fc-popover-body .table .wrapper{align-items:start;}
.calendar-month .fc-popover-body .table .wrapper .dot{margin-top:.5rem;}
.calendar-month .fc-popover-body .custom-event > .table .title{
  text-wrap:balance; width:100%; max-width:25rem;
}
.calendar-month .fc-daygrid-day-number{
  width:2rem; height:2rem; display:flex; justify-content:center; flex-direction:revert; font-size:.875rem;
  border-radius:0 0 0 .375rem;
} 
.calendar-month .fc-daygrid-event-harness{cursor:pointer;}
.calendar-month .fc-daygrid-day-frame{position:relative;}
.calendar-month .fc-daygrid-day-bottom{
  position:absolute; bottom:-2rem; left:0;
}
.calendar-month .fc-daygrid-event-harness{transition:opacity .25s; opacity:.9;}
.calendar-month .fc-daygrid-event-harness:hover{opacity:1;}
.calendar-month .fc-more-link{font-size:.875rem; text-decoration:underline; font-weight:400;}
.calendar-month .fc .fc-col-header-cell-cushion{padding:.9375rem .25rem;}
.calendar-month .fc-header-toolbar{display:none;}


/* Calendar - Year */
.calendar-year .fc-multimonth-month .fc-multimonth-title{border:1px solid transparent;}
.calendar-year .fc .fc-daygrid-day.fc-day-today{
  background:transparent; display:flex; align-items:center; 
  justify-content:center; height:100%;
}
.calendar-year .custom-event{border-bottom:1px solid transparent; padding:.5rem 0;}
.calendar-year .fc-daygrid-event-harness:last-child .custom-event{border-bottom:0;}
.calendar-year .custom-event .table .time{display:flex; align-items:center;}
.calendar-year .custom-event .table .time .icon{
  width:1.375rem; height:1.375rem; display:flex; justify-content:center; 
  align-items:center; margin-right:.25rem; margin-top:-.25rem;
}
.calendar-year .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame{
   border-radius:50%; min-width:2.5rem; min-height:2.5rem; 
   background:rgba(123, 177, 255, 0.15); 
}
.calendar-year .fc-theme-standard td, .fc-theme-standard th{border:0;}
.calendar-year .fc-view-harness.fc-view-harness-active{height:auto!important;}
.calendar-year .fc-multimonth-month{
  width:calc(100% / 3)!important; margin:0 0 0 0; padding:0;
  overflow:hidden; border:1px solid transparent;
}
.calendar-year .fc-multimonth-month .fc-multimonth-title{border-radius:0!important;}
.calendar-year .fc-multimonth-header-table .fc-col-header-cell{padding:.3125rem 0;}
.calendar-year .fc .fc-view-harness-active > .fc-view{position:relative!important;}
.calendar-year .fc-multiMonthYear-view.fc-view.fc-multimonth{overflow:unset;}
.calendar-year .fc .fc-daygrid-day-frame{display:flex; justify-content:center; align-items:center;}
.calendar-year .fc .fc-toolbar.fc-header-toolbar{display:none;}
.calendar-year .fc .fc-multimonth{overflow-y:auto;}
.calendar-year .fc .fc-multimonth{border:none;}
.calendar-year .activity-list{padding:1rem 1rem; height:3.6875rem;}
.calendar-year .activity-list > .wrapper{
  display:flex; align-items:center; align-items:center; cursor:pointer;
}
.calendar-year .fc-multiMonthYear-view .fc-daygrid-day-top{position:relative; pointer-events:none; z-index:2;}
.calendar-year .fc-multiMonthYear-view .fc-daygrid-body-balanced .fc-daygrid-day-events{
  position:absolute; top:0; bottom:0; left:0; right:0; margin:0; padding:0; z-index:1;
}
.calendar-year .fc-multiMonthYear-view .fc-daygrid-body-balanced .fc-daygrid-day-events *{font-size:0;}
.calendar-year .fc-multiMonthYear-view .fc-daygrid-day.active .fc-daygrid-day-number{font-weight:400;}
.calendar-year .fc-multiMonthYear-view .fc-daygrid-event-harness{display:block; width:100%; height:100%;}
.calendar-year .fc-multiMonthYear-view .fc-daygrid-event.fc-event-end,
.calendar-year .fc-multiMonthYear-view .fc-daygrid-event.fc-event-start,
.calendar-year .fc-multiMonthYear-view .fc .fc-daygrid-day-bottom,
.calendar-year .fc-multiMonthYear-view .fc-daygrid-more-link{
  display:block; position:absolute; transform:translate(-50%, -50%); top:50%; left:50%; bottom:0; right:0;
  margin:0; padding:0; border-radius:0; border:0; border-radius:50%; width:2.5rem; height:2.5rem; cursor:pointer;
  border:1px solid transparent;
}
.calendar-year .fc-popover .fc-popover-header{padding:.5rem;}
.calendar-year .fc-popover .fc-popover-header .fc-popover-title{
  font-size:.9375rem; font-weight:400; margin:0;
}
.calendar-year .fc-popover .fc-popover-body{padding:0;}
.calendar-year .fc-popover .fc-popover-body .fc-event{
  display:block; margin:0; border-radius:0; padding:0 .5rem; border:0; 
  transition:all .25s;
}
.calendar-year .fc-popover .fc-popover-body .fc-event .fc-event-title{
  font-size:.875rem; font-weight:300;
}
.calendar-year .fc-popover .event-more{
  display:flex; text-align:center; padding:.5rem 0;
  align-items:center; justify-content:center;
}
.calendar-year .fc-popover .event-more .icon{
  font-size:.75rem; transition:margin .25s; margin-left:.375rem;
}
.calendar-year .fc-popover .event-more:hover .icon{margin-left:.75rem}
.calendar-year .fc-popover .event-more:hover{background:rgba(123, 177, 255, 0.15);}
@media screen and (max-width:1199.98px){
  .calendar-year .fc-multimonth-month,
  .calendar-year .fc-multimonth-month:nth-child(3n){
    width:calc((100% - 1rem) / 2)!important; margin:1rem 1rem 0 0;
  }
  .calendar-year .fc-multimonth-month:nth-child(2n){margin:1rem 0 0 0;}
}
@media screen and (max-width:575.98px){
  .calendar-year .fc-multimonth-month{width:100%!important; margin:1rem 0 0 0!important;}
  .calendar-year .fc-multimonth-month:nth-child(3n){width:100%!important;}
}





.builder-element html{box-sizing:border-box;-ms-overflow-style:scrollbar}.builder-element img{width:100%}.builder-element *,.builder-element *::before,.builder-element *::after{box-sizing:inherit}.builder-element .container,.builder-element .container-fluid,.builder-element .container-sm,.builder-element .container-md,.builder-element .container-lg,.builder-element .container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.builder-element .btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff0;border:1px solid #fff0;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}.builder-element .btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.builder-element .btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}@media (min-width:576px){.builder-element .container,.builder-element .container-sm{max-width:540px}}@media (min-width:768px){.builder-element .container,.builder-element .container-sm,.builder-element .container-md{max-width:720px}}@media (min-width:992px){.builder-element .container,.builder-element .container-sm,.builder-element .container-md,.builder-element .container-lg{max-width:960px}}@media (min-width:1200px){.builder-element .container,.builder-element .container-sm,.builder-element .container-md,.builder-element .container-lg,.builder-element .container-xl{max-width:1140px}}.builder-element .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.builder-element .no-gutters{margin-right:0;margin-left:0}.builder-element .no-gutters>.col,.builder-element .no-gutters>[class*="col-"]{padding-right:0;padding-left:0}.builder-element .col-1,.builder-element .col-2,.builder-element .col-3,.builder-element .col-4,.builder-element .col-5,.builder-element .col-6,.builder-element .col-7,.builder-element .col-8,.builder-element .col-9,.builder-element .col-10,.builder-element .col-11,.builder-element .col-12,.builder-element .col,.builder-element .col-auto,.builder-element .col-sm-1,.builder-element .col-sm-2,.builder-element .col-sm-3,.builder-element .col-sm-4,.builder-element .col-sm-5,.builder-element .col-sm-6,.builder-element .col-sm-7,.builder-element .col-sm-8,.builder-element .col-sm-9,.builder-element .col-sm-10,.builder-element .col-sm-11,.builder-element .col-sm-12,.builder-element .col-sm,.builder-element .col-sm-auto,.builder-element .col-md-1,.builder-element .col-md-2,.builder-element .col-md-3,.builder-element .col-md-4,.builder-element .col-md-5,.builder-element .col-md-6,.builder-element .col-md-7,.builder-element .col-md-8,.builder-element .col-md-9,.builder-element .col-md-10,.builder-element .col-md-11,.builder-element .col-md-12,.builder-element .col-md,.builder-element .col-md-auto,.builder-element .col-lg-1,.builder-element .col-lg-2,.builder-element .col-lg-3,.builder-element .col-lg-4,.builder-element .col-lg-5,.builder-element .col-lg-6,.builder-element .col-lg-7,.builder-element .col-lg-8,.builder-element .col-lg-9,.builder-element .col-lg-10,.builder-element .col-lg-11,.builder-element .col-lg-12,.builder-element .col-lg,.builder-element .col-lg-auto,.builder-element .col-xl-1,.builder-element .col-xl-2,.builder-element .col-xl-3,.builder-element .col-xl-4,.builder-element .col-xl-5,.builder-element .col-xl-6,.builder-element .col-xl-7,.builder-element .col-xl-8,.builder-element .col-xl-9,.builder-element .col-xl-10,.builder-element .col-xl-11,.builder-element .col-xl-12,.builder-element .col-xl,.builder-element .col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.builder-element .col{-ms-flex-preferred-size:0;flex-basis:0%;-ms-flex-positive:1;flex-grow:1;max-width:100%}.builder-element .row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.builder-element .row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.builder-element .row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.builder-element .row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.builder-element .row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.builder-element .row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.builder-element .col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.builder-element .col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.builder-element .col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.builder-element .col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.builder-element .col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.builder-element .col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.builder-element .col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.builder-element .col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.builder-element .col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.builder-element .col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.builder-element .col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.builder-element .col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.builder-element .col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.builder-element .order-first{-ms-flex-order:-1;order:-1}.builder-element .order-last{-ms-flex-order:13;order:13}.builder-element .order-0{-ms-flex-order:0;order:0}.builder-element .order-1{-ms-flex-order:1;order:1}.builder-element .order-2{-ms-flex-order:2;order:2}.builder-element .order-3{-ms-flex-order:3;order:3}.builder-element .order-4{-ms-flex-order:4;order:4}.builder-element .order-5{-ms-flex-order:5;order:5}.builder-element .order-6{-ms-flex-order:6;order:6}.builder-element .order-7{-ms-flex-order:7;order:7}.builder-element .order-8{-ms-flex-order:8;order:8}.builder-element .order-9{-ms-flex-order:9;order:9}.builder-element .order-10{-ms-flex-order:10;order:10}.builder-element .order-11{-ms-flex-order:11;order:11}.builder-element .order-12{-ms-flex-order:12;order:12}.builder-element .offset-1{margin-left:8.333333%}.builder-element .offset-2{margin-left:16.666667%}.builder-element .offset-3{margin-left:25%}.builder-element .offset-4{margin-left:33.333333%}.builder-element .offset-5{margin-left:41.666667%}.builder-element .offset-6{margin-left:50%}.builder-element .offset-7{margin-left:58.333333%}.builder-element .offset-8{margin-left:66.666667%}.builder-element .offset-9{margin-left:75%}.builder-element .offset-10{margin-left:83.333333%}.builder-element .offset-11{margin-left:91.666667%}@media (min-width:576px){.builder-element .col-sm{-ms-flex-preferred-size:0;flex-basis:0%;-ms-flex-positive:1;flex-grow:1;max-width:100%}.builder-element .row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.builder-element .row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.builder-element .row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.builder-element .row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.builder-element .row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.builder-element .row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.builder-element .col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.builder-element .col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.builder-element .col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.builder-element .col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.builder-element .col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.builder-element .col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.builder-element .col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.builder-element .col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.builder-element .col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.builder-element .col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.builder-element .col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.builder-element .col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.builder-element .col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.builder-element .order-sm-first{-ms-flex-order:-1;order:-1}.builder-element .order-sm-last{-ms-flex-order:13;order:13}.builder-element .order-sm-0{-ms-flex-order:0;order:0}.builder-element .order-sm-1{-ms-flex-order:1;order:1}.builder-element .order-sm-2{-ms-flex-order:2;order:2}.builder-element .order-sm-3{-ms-flex-order:3;order:3}.builder-element .order-sm-4{-ms-flex-order:4;order:4}.builder-element .order-sm-5{-ms-flex-order:5;order:5}.builder-element .order-sm-6{-ms-flex-order:6;order:6}.builder-element .order-sm-7{-ms-flex-order:7;order:7}.builder-element .order-sm-8{-ms-flex-order:8;order:8}.builder-element .order-sm-9{-ms-flex-order:9;order:9}.builder-element .order-sm-10{-ms-flex-order:10;order:10}.builder-element .order-sm-11{-ms-flex-order:11;order:11}.builder-element .order-sm-12{-ms-flex-order:12;order:12}.builder-element .offset-sm-0{margin-left:0}.builder-element .offset-sm-1{margin-left:8.333333%}.builder-element .offset-sm-2{margin-left:16.666667%}.builder-element .offset-sm-3{margin-left:25%}.builder-element .offset-sm-4{margin-left:33.333333%}.builder-element .offset-sm-5{margin-left:41.666667%}.builder-element .offset-sm-6{margin-left:50%}.builder-element .offset-sm-7{margin-left:58.333333%}.builder-element .offset-sm-8{margin-left:66.666667%}.builder-element .offset-sm-9{margin-left:75%}.builder-element .offset-sm-10{margin-left:83.333333%}.builder-element .offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.builder-element .col-md{-ms-flex-preferred-size:0;flex-basis:0%;-ms-flex-positive:1;flex-grow:1;max-width:100%}.builder-element .row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.builder-element .row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.builder-element .row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.builder-element .row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.builder-element .row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.builder-element .row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.builder-element .col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.builder-element .col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.builder-element .col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.builder-element .col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.builder-element .col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.builder-element .col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.builder-element .col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.builder-element .col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.builder-element .col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.builder-element .col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.builder-element .col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.builder-element .col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.builder-element .col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.builder-element .order-md-first{-ms-flex-order:-1;order:-1}.builder-element .order-md-last{-ms-flex-order:13;order:13}.builder-element .order-md-0{-ms-flex-order:0;order:0}.builder-element .order-md-1{-ms-flex-order:1;order:1}.builder-element .order-md-2{-ms-flex-order:2;order:2}.builder-element .order-md-3{-ms-flex-order:3;order:3}.builder-element .order-md-4{-ms-flex-order:4;order:4}.builder-element .order-md-5{-ms-flex-order:5;order:5}.builder-element .order-md-6{-ms-flex-order:6;order:6}.builder-element .order-md-7{-ms-flex-order:7;order:7}.builder-element .order-md-8{-ms-flex-order:8;order:8}.builder-element .order-md-9{-ms-flex-order:9;order:9}.builder-element .order-md-10{-ms-flex-order:10;order:10}.builder-element .order-md-11{-ms-flex-order:11;order:11}.builder-element .order-md-12{-ms-flex-order:12;order:12}.builder-element .offset-md-0{margin-left:0}.builder-element .offset-md-1{margin-left:8.333333%}.builder-element .offset-md-2{margin-left:16.666667%}.builder-element .offset-md-3{margin-left:25%}.builder-element .offset-md-4{margin-left:33.333333%}.builder-element .offset-md-5{margin-left:41.666667%}.builder-element .offset-md-6{margin-left:50%}.builder-element .offset-md-7{margin-left:58.333333%}.builder-element .offset-md-8{margin-left:66.666667%}.builder-element .offset-md-9{margin-left:75%}.builder-element .offset-md-10{margin-left:83.333333%}.builder-element .offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.builder-element .col-lg{-ms-flex-preferred-size:0;flex-basis:0%;-ms-flex-positive:1;flex-grow:1;max-width:100%}.builder-element .row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.builder-element .row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.builder-element .row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.builder-element .row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.builder-element .row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.builder-element .row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.builder-element .col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.builder-element .col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.builder-element .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.builder-element .col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.builder-element .col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.builder-element .col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.builder-element .col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.builder-element .col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.builder-element .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.builder-element .col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.builder-element .col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.builder-element .col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.builder-element .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.builder-element .order-lg-first{-ms-flex-order:-1;order:-1}.builder-element .order-lg-last{-ms-flex-order:13;order:13}.builder-element .order-lg-0{-ms-flex-order:0;order:0}.builder-element .order-lg-1{-ms-flex-order:1;order:1}.builder-element .order-lg-2{-ms-flex-order:2;order:2}.builder-element .order-lg-3{-ms-flex-order:3;order:3}.builder-element .order-lg-4{-ms-flex-order:4;order:4}.builder-element .order-lg-5{-ms-flex-order:5;order:5}.builder-element .order-lg-6{-ms-flex-order:6;order:6}.builder-element .order-lg-7{-ms-flex-order:7;order:7}.builder-element .order-lg-8{-ms-flex-order:8;order:8}.builder-element .order-lg-9{-ms-flex-order:9;order:9}.builder-element .order-lg-10{-ms-flex-order:10;order:10}.builder-element .order-lg-11{-ms-flex-order:11;order:11}.builder-element .order-lg-12{-ms-flex-order:12;order:12}.builder-element .offset-lg-0{margin-left:0}.builder-element .offset-lg-1{margin-left:8.333333%}.builder-element .offset-lg-2{margin-left:16.666667%}.builder-element .offset-lg-3{margin-left:25%}.builder-element .offset-lg-4{margin-left:33.333333%}.builder-element .offset-lg-5{margin-left:41.666667%}.builder-element .offset-lg-6{margin-left:50%}.builder-element .offset-lg-7{margin-left:58.333333%}.builder-element .offset-lg-8{margin-left:66.666667%}.builder-element .offset-lg-9{margin-left:75%}.builder-element .offset-lg-10{margin-left:83.333333%}.builder-element .offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.builder-element .col-xl{-ms-flex-preferred-size:0;flex-basis:0%;-ms-flex-positive:1;flex-grow:1;max-width:100%}.builder-element .row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.builder-element .row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.builder-element .row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.builder-element .row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.builder-element .row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.builder-element .row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.builder-element .col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.builder-element .col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.builder-element .col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.builder-element .col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.builder-element .col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.builder-element .col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.builder-element .col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.builder-element .col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.builder-element .col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.builder-element .col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.builder-element .col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.builder-element .col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.builder-element .col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.builder-element .order-xl-first{-ms-flex-order:-1;order:-1}.builder-element .order-xl-last{-ms-flex-order:13;order:13}.builder-element .order-xl-0{-ms-flex-order:0;order:0}.builder-element .order-xl-1{-ms-flex-order:1;order:1}.builder-element .order-xl-2{-ms-flex-order:2;order:2}.builder-element .order-xl-3{-ms-flex-order:3;order:3}.builder-element .order-xl-4{-ms-flex-order:4;order:4}.builder-element .order-xl-5{-ms-flex-order:5;order:5}.builder-element .order-xl-6{-ms-flex-order:6;order:6}.builder-element .order-xl-7{-ms-flex-order:7;order:7}.builder-element .order-xl-8{-ms-flex-order:8;order:8}.builder-element .order-xl-9{-ms-flex-order:9;order:9}.builder-element .order-xl-10{-ms-flex-order:10;order:10}.builder-element .order-xl-11{-ms-flex-order:11;order:11}.builder-element .order-xl-12{-ms-flex-order:12;order:12}.builder-element .offset-xl-0{margin-left:0}.builder-element .offset-xl-1{margin-left:8.333333%}.builder-element .offset-xl-2{margin-left:16.666667%}.builder-element .offset-xl-3{margin-left:25%}.builder-element .offset-xl-4{margin-left:33.333333%}.builder-element .offset-xl-5{margin-left:41.666667%}.builder-element .offset-xl-6{margin-left:50%}.builder-element .offset-xl-7{margin-left:58.333333%}.builder-element .offset-xl-8{margin-left:66.666667%}.builder-element .offset-xl-9{margin-left:75%}.builder-element .offset-xl-10{margin-left:83.333333%}.builder-element .offset-xl-11{margin-left:91.666667%}}.builder-element .d-none{display:none!important}.builder-element .d-inline{display:inline!important}.builder-element .d-inline-block{display:inline-block!important}.builder-element .d-block{display:block!important}.builder-element .d-table{display:table!important}.builder-element .d-table-row{display:table-row!important}.builder-element .d-table-cell{display:table-cell!important}.builder-element .d-flex{display:-ms-flexbox!important;display:flex!important}.builder-element .d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.builder-element .d-sm-none{display:none!important}.builder-element .d-sm-inline{display:inline!important}.builder-element .d-sm-inline-block{display:inline-block!important}.builder-element .d-sm-block{display:block!important}.builder-element .d-sm-table{display:table!important}.builder-element .d-sm-table-row{display:table-row!important}.builder-element .d-sm-table-cell{display:table-cell!important}.builder-element .d-sm-flex{display:-ms-flexbox!important;display:flex!important}.builder-element .d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.builder-element .d-md-none{display:none!important}.builder-element .d-md-inline{display:inline!important}.builder-element .d-md-inline-block{display:inline-block!important}.builder-element .d-md-block{display:block!important}.builder-element .d-md-table{display:table!important}.builder-element .d-md-table-row{display:table-row!important}.builder-element .d-md-table-cell{display:table-cell!important}.builder-element .d-md-flex{display:-ms-flexbox!important;display:flex!important}.builder-element .d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.builder-element .d-lg-none{display:none!important}.builder-element .d-lg-inline{display:inline!important}.builder-element .d-lg-inline-block{display:inline-block!important}.builder-element .d-lg-block{display:block!important}.builder-element .d-lg-table{display:table!important}.builder-element .d-lg-table-row{display:table-row!important}.builder-element .d-lg-table-cell{display:table-cell!important}.builder-element .d-lg-flex{display:-ms-flexbox!important;display:flex!important}.builder-element .d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.builder-element .d-xl-none{display:none!important}.builder-element .d-xl-inline{display:inline!important}.builder-element .d-xl-inline-block{display:inline-block!important}.builder-element .d-xl-block{display:block!important}.builder-element .d-xl-table{display:table!important}.builder-element .d-xl-table-row{display:table-row!important}.builder-element .d-xl-table-cell{display:table-cell!important}.builder-element .d-xl-flex{display:-ms-flexbox!important;display:flex!important}.builder-element .d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.builder-element .d-print-none{display:none!important}.builder-element .d-print-inline{display:inline!important}.builder-element .d-print-inline-block{display:inline-block!important}.builder-element .d-print-block{display:block!important}.builder-element .d-print-table{display:table!important}.builder-element .d-print-table-row{display:table-row!important}.builder-element .d-print-table-cell{display:table-cell!important}.builder-element .d-print-flex{display:-ms-flexbox!important;display:flex!important}.builder-element .d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.builder-element .flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.builder-element .flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.builder-element .flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.builder-element .flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.builder-element .flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.builder-element .flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.builder-element .flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.builder-element .flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.builder-element .flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.builder-element .flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.builder-element .flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.builder-element .flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.builder-element .justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.builder-element .justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.builder-element .justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.builder-element .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.builder-element .justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.builder-element .align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.builder-element .align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.builder-element .align-items-center{-ms-flex-align:center!important;align-items:center!important}.builder-element .align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.builder-element .align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.builder-element .align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.builder-element .align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.builder-element .align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.builder-element .align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.builder-element .align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.builder-element .align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.builder-element .align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.builder-element .align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.builder-element .align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.builder-element .align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.builder-element .align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.builder-element .align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.builder-element .flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.builder-element .flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.builder-element .flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.builder-element .flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.builder-element .flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.builder-element .flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.builder-element .flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.builder-element .flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.builder-element .flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.builder-element .flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.builder-element .flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.builder-element .flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.builder-element .justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.builder-element .justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.builder-element .justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.builder-element .justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.builder-element .justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.builder-element .align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.builder-element .align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.builder-element .align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.builder-element .align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.builder-element .align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.builder-element .align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.builder-element .align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.builder-element .align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.builder-element .align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.builder-element .align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.builder-element .align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.builder-element .align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.builder-element .align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.builder-element .align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.builder-element .align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.builder-element .align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.builder-element .align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.builder-element .flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.builder-element .flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.builder-element .flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.builder-element .flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.builder-element .flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.builder-element .flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.builder-element .flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.builder-element .flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.builder-element .flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.builder-element .flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.builder-element .flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.builder-element .flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.builder-element .justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.builder-element .justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.builder-element .justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.builder-element .justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.builder-element .justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.builder-element .align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.builder-element .align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.builder-element .align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.builder-element .align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.builder-element .align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.builder-element .align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.builder-element .align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.builder-element .align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.builder-element .align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.builder-element .align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.builder-element .align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.builder-element .align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.builder-element .align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.builder-element .align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.builder-element .align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.builder-element .align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.builder-element .align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.builder-element .flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.builder-element .flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.builder-element .flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.builder-element .flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.builder-element .flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.builder-element .flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.builder-element .flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.builder-element .flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.builder-element .flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.builder-element .flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.builder-element .flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.builder-element .flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.builder-element .justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.builder-element .justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.builder-element .justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.builder-element .justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.builder-element .justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.builder-element .align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.builder-element .align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.builder-element .align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.builder-element .align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.builder-element .align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.builder-element .align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.builder-element .align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.builder-element .align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.builder-element .align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.builder-element .align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.builder-element .align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.builder-element .align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.builder-element .align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.builder-element .align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.builder-element .align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.builder-element .align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.builder-element .align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.builder-element .flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.builder-element .flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.builder-element .flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.builder-element .flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.builder-element .flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.builder-element .flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.builder-element .flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.builder-element .flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.builder-element .flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.builder-element .flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.builder-element .flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.builder-element .flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.builder-element .justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.builder-element .justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.builder-element .justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.builder-element .justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.builder-element .justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.builder-element .align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.builder-element .align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.builder-element .align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.builder-element .align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.builder-element .align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.builder-element .align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.builder-element .align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.builder-element .align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.builder-element .align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.builder-element .align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.builder-element .align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.builder-element .align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.builder-element .align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.builder-element .align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.builder-element .align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.builder-element .align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.builder-element .align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.builder-element .m-0{margin:0!important}.builder-element .mt-0,.builder-element .my-0{margin-top:0!important}.builder-element .mr-0,.builder-element .mx-0{margin-right:0!important}.builder-element .mb-0,.builder-element .my-0{margin-bottom:0!important}.builder-element .ml-0,.builder-element .mx-0{margin-left:0!important}.builder-element .m-1{margin:0.25rem!important}.builder-element .mt-1,.builder-element .my-1{margin-top:0.25rem!important}.builder-element .mr-1,.builder-element .mx-1{margin-right:0.25rem!important}.builder-element .mb-1,.builder-element .my-1{margin-bottom:0.25rem!important}.builder-element .ml-1,.builder-element .mx-1{margin-left:0.25rem!important}.builder-element .m-2{margin:0.5rem!important}.builder-element .mt-2,.builder-element .my-2{margin-top:0.5rem!important}.builder-element .mr-2,.builder-element .mx-2{margin-right:0.5rem!important}.builder-element .mb-2,.builder-element .my-2{margin-bottom:0.5rem!important}.builder-element .ml-2,.builder-element .mx-2{margin-left:0.5rem!important}.builder-element .m-3{margin:1rem!important}.builder-element .mt-3,.builder-element .my-3{margin-top:1rem!important}.builder-element .mr-3,.builder-element .mx-3{margin-right:1rem!important}.builder-element .mb-3,.builder-element .my-3{margin-bottom:1rem!important}.builder-element .ml-3,.builder-element .mx-3{margin-left:1rem!important}.builder-element .m-4{margin:1.5rem!important}.builder-element .mt-4,.builder-element .my-4{margin-top:1.5rem!important}.builder-element .mr-4,.builder-element .mx-4{margin-right:1.5rem!important}.builder-element .mb-4,.builder-element .my-4{margin-bottom:1.5rem!important}.builder-element .ml-4,.builder-element .mx-4{margin-left:1.5rem!important}.builder-element .m-5{margin:3rem!important}.builder-element .mt-5,.builder-element .my-5{margin-top:3rem!important}.builder-element .mr-5,.builder-element .mx-5{margin-right:3rem!important}.builder-element .mb-5,.builder-element .my-5{margin-bottom:3rem!important}.builder-element .ml-5,.builder-element .mx-5{margin-left:3rem!important}.builder-element .p-0{padding:0!important}.builder-element .pt-0,.builder-element .py-0{padding-top:0!important}.builder-element .pr-0,.builder-element .px-0{padding-right:0!important}.builder-element .pb-0,.builder-element .py-0{padding-bottom:0!important}.builder-element .pl-0,.builder-element .px-0{padding-left:0!important}.builder-element .p-1{padding:0.25rem!important}.builder-element .pt-1,.builder-element .py-1{padding-top:0.25rem!important}.builder-element .pr-1,.builder-element .px-1{padding-right:0.25rem!important}.builder-element .pb-1,.builder-element .py-1{padding-bottom:0.25rem!important}.builder-element .pl-1,.builder-element .px-1{padding-left:0.25rem!important}.builder-element .p-2{padding:0.5rem!important}.builder-element .pt-2,.builder-element .py-2{padding-top:0.5rem!important}.builder-element .pr-2,.builder-element .px-2{padding-right:0.5rem!important}.builder-element .pb-2,.builder-element .py-2{padding-bottom:0.5rem!important}.builder-element .pl-2,.builder-element .px-2{padding-left:0.5rem!important}.builder-element .p-3{padding:1rem!important}.builder-element .pt-3,.builder-element .py-3{padding-top:1rem!important}.builder-element .pr-3,.builder-element .px-3{padding-right:1rem!important}.builder-element .pb-3,.builder-element .py-3{padding-bottom:1rem!important}.builder-element .pl-3,.builder-element .px-3{padding-left:1rem!important}.builder-element .p-4{padding:1.5rem!important}.builder-element .pt-4,.builder-element .py-4{padding-top:1.5rem!important}.builder-element .pr-4,.builder-element .px-4{padding-right:1.5rem!important}.builder-element .pb-4,.builder-element .py-4{padding-bottom:1.5rem!important}.builder-element .pl-4,.builder-element .px-4{padding-left:1.5rem!important}.builder-element .p-5{padding:3rem!important}.builder-element .pt-5,.builder-element .py-5{padding-top:3rem!important}.builder-element .pr-5,.builder-element .px-5{padding-right:3rem!important}.builder-element .pb-5,.builder-element .py-5{padding-bottom:3rem!important}.builder-element .pl-5,.builder-element .px-5{padding-left:3rem!important}.builder-element .m-n1{margin:-0.25rem!important}.builder-element .mt-n1,.builder-element .my-n1{margin-top:-0.25rem!important}.builder-element .mr-n1,.builder-element .mx-n1{margin-right:-0.25rem!important}.builder-element .mb-n1,.builder-element .my-n1{margin-bottom:-0.25rem!important}.builder-element .ml-n1,.builder-element .mx-n1{margin-left:-0.25rem!important}.builder-element .m-n2{margin:-0.5rem!important}.builder-element .mt-n2,.builder-element .my-n2{margin-top:-0.5rem!important}.builder-element .mr-n2,.builder-element .mx-n2{margin-right:-0.5rem!important}.builder-element .mb-n2,.builder-element .my-n2{margin-bottom:-0.5rem!important}.builder-element .ml-n2,.builder-element .mx-n2{margin-left:-0.5rem!important}.builder-element .m-n3{margin:-1rem!important}.builder-element .mt-n3,.builder-element .my-n3{margin-top:-1rem!important}.builder-element .mr-n3,.builder-element .mx-n3{margin-right:-1rem!important}.builder-element .mb-n3,.builder-element .my-n3{margin-bottom:-1rem!important}.builder-element .ml-n3,.builder-element .mx-n3{margin-left:-1rem!important}.builder-element .m-n4{margin:-1.5rem!important}.builder-element .mt-n4,.builder-element .my-n4{margin-top:-1.5rem!important}.builder-element .mr-n4,.builder-element .mx-n4{margin-right:-1.5rem!important}.builder-element .mb-n4,.builder-element .my-n4{margin-bottom:-1.5rem!important}.builder-element .ml-n4,.builder-element .mx-n4{margin-left:-1.5rem!important}.builder-element .m-n5{margin:-3rem!important}.builder-element .mt-n5,.builder-element .my-n5{margin-top:-3rem!important}.builder-element .mr-n5,.builder-element .mx-n5{margin-right:-3rem!important}.builder-element .mb-n5,.builder-element .my-n5{margin-bottom:-3rem!important}.builder-element .ml-n5,.builder-element .mx-n5{margin-left:-3rem!important}.builder-element .m-auto{margin:auto!important}.builder-element .mt-auto,.builder-element .my-auto{margin-top:auto!important}.builder-element .mr-auto,.builder-element .mx-auto{margin-right:auto!important}.builder-element .mb-auto,.builder-element .my-auto{margin-bottom:auto!important}.builder-element .ml-auto,.builder-element .mx-auto{margin-left:auto!important}@media (min-width:576px){.builder-element .m-sm-0{margin:0!important}.builder-element .mt-sm-0,.builder-element .my-sm-0{margin-top:0!important}.builder-element .mr-sm-0,.builder-element .mx-sm-0{margin-right:0!important}.builder-element .mb-sm-0,.builder-element .my-sm-0{margin-bottom:0!important}.builder-element .ml-sm-0,.builder-element .mx-sm-0{margin-left:0!important}.builder-element .m-sm-1{margin:0.25rem!important}.builder-element .mt-sm-1,.builder-element .my-sm-1{margin-top:0.25rem!important}.builder-element .mr-sm-1,.builder-element .mx-sm-1{margin-right:0.25rem!important}.builder-element .mb-sm-1,.builder-element .my-sm-1{margin-bottom:0.25rem!important}.builder-element .ml-sm-1,.builder-element .mx-sm-1{margin-left:0.25rem!important}.builder-element .m-sm-2{margin:0.5rem!important}.builder-element .mt-sm-2,.builder-element .my-sm-2{margin-top:0.5rem!important}.builder-element .mr-sm-2,.builder-element .mx-sm-2{margin-right:0.5rem!important}.builder-element .mb-sm-2,.builder-element .my-sm-2{margin-bottom:0.5rem!important}.builder-element .ml-sm-2,.builder-element .mx-sm-2{margin-left:0.5rem!important}.builder-element .m-sm-3{margin:1rem!important}.builder-element .mt-sm-3,.builder-element .my-sm-3{margin-top:1rem!important}.builder-element .mr-sm-3,.builder-element .mx-sm-3{margin-right:1rem!important}.builder-element .mb-sm-3,.builder-element .my-sm-3{margin-bottom:1rem!important}.builder-element .ml-sm-3,.builder-element .mx-sm-3{margin-left:1rem!important}.builder-element .m-sm-4{margin:1.5rem!important}.builder-element .mt-sm-4,.builder-element .my-sm-4{margin-top:1.5rem!important}.builder-element .mr-sm-4,.builder-element .mx-sm-4{margin-right:1.5rem!important}.builder-element .mb-sm-4,.builder-element .my-sm-4{margin-bottom:1.5rem!important}.builder-element .ml-sm-4,.builder-element .mx-sm-4{margin-left:1.5rem!important}.builder-element .m-sm-5{margin:3rem!important}.builder-element .mt-sm-5,.builder-element .my-sm-5{margin-top:3rem!important}.builder-element .mr-sm-5,.builder-element .mx-sm-5{margin-right:3rem!important}.builder-element .mb-sm-5,.builder-element .my-sm-5{margin-bottom:3rem!important}.builder-element .ml-sm-5,.builder-element .mx-sm-5{margin-left:3rem!important}.builder-element .p-sm-0{padding:0!important}.builder-element .pt-sm-0,.builder-element .py-sm-0{padding-top:0!important}.builder-element .pr-sm-0,.builder-element .px-sm-0{padding-right:0!important}.builder-element .pb-sm-0,.builder-element .py-sm-0{padding-bottom:0!important}.builder-element .pl-sm-0,.builder-element .px-sm-0{padding-left:0!important}.builder-element .p-sm-1{padding:0.25rem!important}.builder-element .pt-sm-1,.builder-element .py-sm-1{padding-top:0.25rem!important}.builder-element .pr-sm-1,.builder-element .px-sm-1{padding-right:0.25rem!important}.builder-element .pb-sm-1,.builder-element .py-sm-1{padding-bottom:0.25rem!important}.builder-element .pl-sm-1,.builder-element .px-sm-1{padding-left:0.25rem!important}.builder-element .p-sm-2{padding:0.5rem!important}.builder-element .pt-sm-2,.builder-element .py-sm-2{padding-top:0.5rem!important}.builder-element .pr-sm-2,.builder-element .px-sm-2{padding-right:0.5rem!important}.builder-element .pb-sm-2,.builder-element .py-sm-2{padding-bottom:0.5rem!important}.builder-element .pl-sm-2,.builder-element .px-sm-2{padding-left:0.5rem!important}.builder-element .p-sm-3{padding:1rem!important}.builder-element .pt-sm-3,.builder-element .py-sm-3{padding-top:1rem!important}.builder-element .pr-sm-3,.builder-element .px-sm-3{padding-right:1rem!important}.builder-element .pb-sm-3,.builder-element .py-sm-3{padding-bottom:1rem!important}.builder-element .pl-sm-3,.builder-element .px-sm-3{padding-left:1rem!important}.builder-element .p-sm-4{padding:1.5rem!important}.builder-element .pt-sm-4,.builder-element .py-sm-4{padding-top:1.5rem!important}.builder-element .pr-sm-4,.builder-element .px-sm-4{padding-right:1.5rem!important}.builder-element .pb-sm-4,.builder-element .py-sm-4{padding-bottom:1.5rem!important}.builder-element .pl-sm-4,.builder-element .px-sm-4{padding-left:1.5rem!important}.builder-element .p-sm-5{padding:3rem!important}.builder-element .pt-sm-5,.builder-element .py-sm-5{padding-top:3rem!important}.builder-element .pr-sm-5,.builder-element .px-sm-5{padding-right:3rem!important}.builder-element .pb-sm-5,.builder-element .py-sm-5{padding-bottom:3rem!important}.builder-element .pl-sm-5,.builder-element .px-sm-5{padding-left:3rem!important}.builder-element .m-sm-n1{margin:-0.25rem!important}.builder-element .mt-sm-n1,.builder-element .my-sm-n1{margin-top:-0.25rem!important}.builder-element .mr-sm-n1,.builder-element .mx-sm-n1{margin-right:-0.25rem!important}.builder-element .mb-sm-n1,.builder-element .my-sm-n1{margin-bottom:-0.25rem!important}.builder-element .ml-sm-n1,.builder-element .mx-sm-n1{margin-left:-0.25rem!important}.builder-element .m-sm-n2{margin:-0.5rem!important}.builder-element .mt-sm-n2,.builder-element .my-sm-n2{margin-top:-0.5rem!important}.builder-element .mr-sm-n2,.builder-element .mx-sm-n2{margin-right:-0.5rem!important}.builder-element .mb-sm-n2,.builder-element .my-sm-n2{margin-bottom:-0.5rem!important}.builder-element .ml-sm-n2,.builder-element .mx-sm-n2{margin-left:-0.5rem!important}.builder-element .m-sm-n3{margin:-1rem!important}.builder-element .mt-sm-n3,.builder-element .my-sm-n3{margin-top:-1rem!important}.builder-element .mr-sm-n3,.builder-element .mx-sm-n3{margin-right:-1rem!important}.builder-element .mb-sm-n3,.builder-element .my-sm-n3{margin-bottom:-1rem!important}.builder-element .ml-sm-n3,.builder-element .mx-sm-n3{margin-left:-1rem!important}.builder-element .m-sm-n4{margin:-1.5rem!important}.builder-element .mt-sm-n4,.builder-element .my-sm-n4{margin-top:-1.5rem!important}.builder-element .mr-sm-n4,.builder-element .mx-sm-n4{margin-right:-1.5rem!important}.builder-element .mb-sm-n4,.builder-element .my-sm-n4{margin-bottom:-1.5rem!important}.builder-element .ml-sm-n4,.builder-element .mx-sm-n4{margin-left:-1.5rem!important}.builder-element .m-sm-n5{margin:-3rem!important}.builder-element .mt-sm-n5,.builder-element .my-sm-n5{margin-top:-3rem!important}.builder-element .mr-sm-n5,.builder-element .mx-sm-n5{margin-right:-3rem!important}.builder-element .mb-sm-n5,.builder-element .my-sm-n5{margin-bottom:-3rem!important}.builder-element .ml-sm-n5,.builder-element .mx-sm-n5{margin-left:-3rem!important}.builder-element .m-sm-auto{margin:auto!important}.builder-element .mt-sm-auto,.builder-element .my-sm-auto{margin-top:auto!important}.builder-element .mr-sm-auto,.builder-element .mx-sm-auto{margin-right:auto!important}.builder-element .mb-sm-auto,.builder-element .my-sm-auto{margin-bottom:auto!important}.builder-element .ml-sm-auto,.builder-element .mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.builder-element .m-md-0{margin:0!important}.builder-element .mt-md-0,.builder-element .my-md-0{margin-top:0!important}.builder-element .mr-md-0,.builder-element .mx-md-0{margin-right:0!important}.builder-element .mb-md-0,.builder-element .my-md-0{margin-bottom:0!important}.builder-element .ml-md-0,.builder-element .mx-md-0{margin-left:0!important}.builder-element .m-md-1{margin:0.25rem!important}.builder-element .mt-md-1,.builder-element .my-md-1{margin-top:0.25rem!important}.builder-element .mr-md-1,.builder-element .mx-md-1{margin-right:0.25rem!important}.builder-element .mb-md-1,.builder-element .my-md-1{margin-bottom:0.25rem!important}.builder-element .ml-md-1,.builder-element .mx-md-1{margin-left:0.25rem!important}.builder-element .m-md-2{margin:0.5rem!important}.builder-element .mt-md-2,.builder-element .my-md-2{margin-top:0.5rem!important}.builder-element .mr-md-2,.builder-element .mx-md-2{margin-right:0.5rem!important}.builder-element .mb-md-2,.builder-element .my-md-2{margin-bottom:0.5rem!important}.builder-element .ml-md-2,.builder-element .mx-md-2{margin-left:0.5rem!important}.builder-element .m-md-3{margin:1rem!important}.builder-element .mt-md-3,.builder-element .my-md-3{margin-top:1rem!important}.builder-element .mr-md-3,.builder-element .mx-md-3{margin-right:1rem!important}.builder-element .mb-md-3,.builder-element .my-md-3{margin-bottom:1rem!important}.builder-element .ml-md-3,.builder-element .mx-md-3{margin-left:1rem!important}.builder-element .m-md-4{margin:1.5rem!important}.builder-element .mt-md-4,.builder-element .my-md-4{margin-top:1.5rem!important}.builder-element .mr-md-4,.builder-element .mx-md-4{margin-right:1.5rem!important}.builder-element .mb-md-4,.builder-element .my-md-4{margin-bottom:1.5rem!important}.builder-element .ml-md-4,.builder-element .mx-md-4{margin-left:1.5rem!important}.builder-element .m-md-5{margin:3rem!important}.builder-element .mt-md-5,.builder-element .my-md-5{margin-top:3rem!important}.builder-element .mr-md-5,.builder-element .mx-md-5{margin-right:3rem!important}.builder-element .mb-md-5,.builder-element .my-md-5{margin-bottom:3rem!important}.builder-element .ml-md-5,.builder-element .mx-md-5{margin-left:3rem!important}.builder-element .p-md-0{padding:0!important}.builder-element .pt-md-0,.builder-element .py-md-0{padding-top:0!important}.builder-element .pr-md-0,.builder-element .px-md-0{padding-right:0!important}.builder-element .pb-md-0,.builder-element .py-md-0{padding-bottom:0!important}.builder-element .pl-md-0,.builder-element .px-md-0{padding-left:0!important}.builder-element .p-md-1{padding:0.25rem!important}.builder-element .pt-md-1,.builder-element .py-md-1{padding-top:0.25rem!important}.builder-element .pr-md-1,.builder-element .px-md-1{padding-right:0.25rem!important}.builder-element .pb-md-1,.builder-element .py-md-1{padding-bottom:0.25rem!important}.builder-element .pl-md-1,.builder-element .px-md-1{padding-left:0.25rem!important}.builder-element .p-md-2{padding:0.5rem!important}.builder-element .pt-md-2,.builder-element .py-md-2{padding-top:0.5rem!important}.builder-element .pr-md-2,.builder-element .px-md-2{padding-right:0.5rem!important}.builder-element .pb-md-2,.builder-element .py-md-2{padding-bottom:0.5rem!important}.builder-element .pl-md-2,.builder-element .px-md-2{padding-left:0.5rem!important}.builder-element .p-md-3{padding:1rem!important}.builder-element .pt-md-3,.builder-element .py-md-3{padding-top:1rem!important}.builder-element .pr-md-3,.builder-element .px-md-3{padding-right:1rem!important}.builder-element .pb-md-3,.builder-element .py-md-3{padding-bottom:1rem!important}.builder-element .pl-md-3,.builder-element .px-md-3{padding-left:1rem!important}.builder-element .p-md-4{padding:1.5rem!important}.builder-element .pt-md-4,.builder-element .py-md-4{padding-top:1.5rem!important}.builder-element .pr-md-4,.builder-element .px-md-4{padding-right:1.5rem!important}.builder-element .pb-md-4,.builder-element .py-md-4{padding-bottom:1.5rem!important}.builder-element .pl-md-4,.builder-element .px-md-4{padding-left:1.5rem!important}.builder-element .p-md-5{padding:3rem!important}.builder-element .pt-md-5,.builder-element .py-md-5{padding-top:3rem!important}.builder-element .pr-md-5,.builder-element .px-md-5{padding-right:3rem!important}.builder-element .pb-md-5,.builder-element .py-md-5{padding-bottom:3rem!important}.builder-element .pl-md-5,.builder-element .px-md-5{padding-left:3rem!important}.builder-element .m-md-n1{margin:-0.25rem!important}.builder-element .mt-md-n1,.builder-element .my-md-n1{margin-top:-0.25rem!important}.builder-element .mr-md-n1,.builder-element .mx-md-n1{margin-right:-0.25rem!important}.builder-element .mb-md-n1,.builder-element .my-md-n1{margin-bottom:-0.25rem!important}.builder-element .ml-md-n1,.builder-element .mx-md-n1{margin-left:-0.25rem!important}.builder-element .m-md-n2{margin:-0.5rem!important}.builder-element .mt-md-n2,.builder-element .my-md-n2{margin-top:-0.5rem!important}.builder-element .mr-md-n2,.builder-element .mx-md-n2{margin-right:-0.5rem!important}.builder-element .mb-md-n2,.builder-element .my-md-n2{margin-bottom:-0.5rem!important}.builder-element .ml-md-n2,.builder-element .mx-md-n2{margin-left:-0.5rem!important}.builder-element .m-md-n3{margin:-1rem!important}.builder-element .mt-md-n3,.builder-element .my-md-n3{margin-top:-1rem!important}.builder-element .mr-md-n3,.builder-element .mx-md-n3{margin-right:-1rem!important}.builder-element .mb-md-n3,.builder-element .my-md-n3{margin-bottom:-1rem!important}.builder-element .ml-md-n3,.builder-element .mx-md-n3{margin-left:-1rem!important}.builder-element .m-md-n4{margin:-1.5rem!important}.builder-element .mt-md-n4,.builder-element .my-md-n4{margin-top:-1.5rem!important}.builder-element .mr-md-n4,.builder-element .mx-md-n4{margin-right:-1.5rem!important}.builder-element .mb-md-n4,.builder-element .my-md-n4{margin-bottom:-1.5rem!important}.builder-element .ml-md-n4,.builder-element .mx-md-n4{margin-left:-1.5rem!important}.builder-element .m-md-n5{margin:-3rem!important}.builder-element .mt-md-n5,.builder-element .my-md-n5{margin-top:-3rem!important}.builder-element .mr-md-n5,.builder-element .mx-md-n5{margin-right:-3rem!important}.builder-element .mb-md-n5,.builder-element .my-md-n5{margin-bottom:-3rem!important}.builder-element .ml-md-n5,.builder-element .mx-md-n5{margin-left:-3rem!important}.builder-element .m-md-auto{margin:auto!important}.builder-element .mt-md-auto,.builder-element .my-md-auto{margin-top:auto!important}.builder-element .mr-md-auto,.builder-element .mx-md-auto{margin-right:auto!important}.builder-element .mb-md-auto,.builder-element .my-md-auto{margin-bottom:auto!important}.builder-element .ml-md-auto,.builder-element .mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.builder-element .m-lg-0{margin:0!important}.builder-element .mt-lg-0,.builder-element .my-lg-0{margin-top:0!important}.builder-element .mr-lg-0,.builder-element .mx-lg-0{margin-right:0!important}.builder-element .mb-lg-0,.builder-element .my-lg-0{margin-bottom:0!important}.builder-element .ml-lg-0,.builder-element .mx-lg-0{margin-left:0!important}.builder-element .m-lg-1{margin:0.25rem!important}.builder-element .mt-lg-1,.builder-element .my-lg-1{margin-top:0.25rem!important}.builder-element .mr-lg-1,.builder-element .mx-lg-1{margin-right:0.25rem!important}.builder-element .mb-lg-1,.builder-element .my-lg-1{margin-bottom:0.25rem!important}.builder-element .ml-lg-1,.builder-element .mx-lg-1{margin-left:0.25rem!important}.builder-element .m-lg-2{margin:0.5rem!important}.builder-element .mt-lg-2,.builder-element .my-lg-2{margin-top:0.5rem!important}.builder-element .mr-lg-2,.builder-element .mx-lg-2{margin-right:0.5rem!important}.builder-element .mb-lg-2,.builder-element .my-lg-2{margin-bottom:0.5rem!important}.builder-element .ml-lg-2,.builder-element .mx-lg-2{margin-left:0.5rem!important}.builder-element .m-lg-3{margin:1rem!important}.builder-element .mt-lg-3,.builder-element .my-lg-3{margin-top:1rem!important}.builder-element .mr-lg-3,.builder-element .mx-lg-3{margin-right:1rem!important}.builder-element .mb-lg-3,.builder-element .my-lg-3{margin-bottom:1rem!important}.builder-element .ml-lg-3,.builder-element .mx-lg-3{margin-left:1rem!important}.builder-element .m-lg-4{margin:1.5rem!important}.builder-element .mt-lg-4,.builder-element .my-lg-4{margin-top:1.5rem!important}.builder-element .mr-lg-4,.builder-element .mx-lg-4{margin-right:1.5rem!important}.builder-element .mb-lg-4,.builder-element .my-lg-4{margin-bottom:1.5rem!important}.builder-element .ml-lg-4,.builder-element .mx-lg-4{margin-left:1.5rem!important}.builder-element .m-lg-5{margin:3rem!important}.builder-element .mt-lg-5,.builder-element .my-lg-5{margin-top:3rem!important}.builder-element .mr-lg-5,.builder-element .mx-lg-5{margin-right:3rem!important}.builder-element .mb-lg-5,.builder-element .my-lg-5{margin-bottom:3rem!important}.builder-element .ml-lg-5,.builder-element .mx-lg-5{margin-left:3rem!important}.builder-element .p-lg-0{padding:0!important}.builder-element .pt-lg-0,.builder-element .py-lg-0{padding-top:0!important}.builder-element .pr-lg-0,.builder-element .px-lg-0{padding-right:0!important}.builder-element .pb-lg-0,.builder-element .py-lg-0{padding-bottom:0!important}.builder-element .pl-lg-0,.builder-element .px-lg-0{padding-left:0!important}.builder-element .p-lg-1{padding:0.25rem!important}.builder-element .pt-lg-1,.builder-element .py-lg-1{padding-top:0.25rem!important}.builder-element .pr-lg-1,.builder-element .px-lg-1{padding-right:0.25rem!important}.builder-element .pb-lg-1,.builder-element .py-lg-1{padding-bottom:0.25rem!important}.builder-element .pl-lg-1,.builder-element .px-lg-1{padding-left:0.25rem!important}.builder-element .p-lg-2{padding:0.5rem!important}.builder-element .pt-lg-2,.builder-element .py-lg-2{padding-top:0.5rem!important}.builder-element .pr-lg-2,.builder-element .px-lg-2{padding-right:0.5rem!important}.builder-element .pb-lg-2,.builder-element .py-lg-2{padding-bottom:0.5rem!important}.builder-element .pl-lg-2,.builder-element .px-lg-2{padding-left:0.5rem!important}.builder-element .p-lg-3{padding:1rem!important}.builder-element .pt-lg-3,.builder-element .py-lg-3{padding-top:1rem!important}.builder-element .pr-lg-3,.builder-element .px-lg-3{padding-right:1rem!important}.builder-element .pb-lg-3,.builder-element .py-lg-3{padding-bottom:1rem!important}.builder-element .pl-lg-3,.builder-element .px-lg-3{padding-left:1rem!important}.builder-element .p-lg-4{padding:1.5rem!important}.builder-element .pt-lg-4,.builder-element .py-lg-4{padding-top:1.5rem!important}.builder-element .pr-lg-4,.builder-element .px-lg-4{padding-right:1.5rem!important}.builder-element .pb-lg-4,.builder-element .py-lg-4{padding-bottom:1.5rem!important}.builder-element .pl-lg-4,.builder-element .px-lg-4{padding-left:1.5rem!important}.builder-element .p-lg-5{padding:3rem!important}.builder-element .pt-lg-5,.builder-element .py-lg-5{padding-top:3rem!important}.builder-element .pr-lg-5,.builder-element .px-lg-5{padding-right:3rem!important}.builder-element .pb-lg-5,.builder-element .py-lg-5{padding-bottom:3rem!important}.builder-element .pl-lg-5,.builder-element .px-lg-5{padding-left:3rem!important}.builder-element .m-lg-n1{margin:-0.25rem!important}.builder-element .mt-lg-n1,.builder-element .my-lg-n1{margin-top:-0.25rem!important}.builder-element .mr-lg-n1,.builder-element .mx-lg-n1{margin-right:-0.25rem!important}.builder-element .mb-lg-n1,.builder-element .my-lg-n1{margin-bottom:-0.25rem!important}.builder-element .ml-lg-n1,.builder-element .mx-lg-n1{margin-left:-0.25rem!important}.builder-element .m-lg-n2{margin:-0.5rem!important}.builder-element .mt-lg-n2,.builder-element .my-lg-n2{margin-top:-0.5rem!important}.builder-element .mr-lg-n2,.builder-element .mx-lg-n2{margin-right:-0.5rem!important}.builder-element .mb-lg-n2,.builder-element .my-lg-n2{margin-bottom:-0.5rem!important}.builder-element .ml-lg-n2,.builder-element .mx-lg-n2{margin-left:-0.5rem!important}.builder-element .m-lg-n3{margin:-1rem!important}.builder-element .mt-lg-n3,.builder-element .my-lg-n3{margin-top:-1rem!important}.builder-element .mr-lg-n3,.builder-element .mx-lg-n3{margin-right:-1rem!important}.builder-element .mb-lg-n3,.builder-element .my-lg-n3{margin-bottom:-1rem!important}.builder-element .ml-lg-n3,.builder-element .mx-lg-n3{margin-left:-1rem!important}.builder-element .m-lg-n4{margin:-1.5rem!important}.builder-element .mt-lg-n4,.builder-element .my-lg-n4{margin-top:-1.5rem!important}.builder-element .mr-lg-n4,.builder-element .mx-lg-n4{margin-right:-1.5rem!important}.builder-element .mb-lg-n4,.builder-element .my-lg-n4{margin-bottom:-1.5rem!important}.builder-element .ml-lg-n4,.builder-element .mx-lg-n4{margin-left:-1.5rem!important}.builder-element .m-lg-n5{margin:-3rem!important}.builder-element .mt-lg-n5,.builder-element .my-lg-n5{margin-top:-3rem!important}.builder-element .mr-lg-n5,.builder-element .mx-lg-n5{margin-right:-3rem!important}.builder-element .mb-lg-n5,.builder-element .my-lg-n5{margin-bottom:-3rem!important}.builder-element .ml-lg-n5,.builder-element .mx-lg-n5{margin-left:-3rem!important}.builder-element .m-lg-auto{margin:auto!important}.builder-element .mt-lg-auto,.builder-element .my-lg-auto{margin-top:auto!important}.builder-element .mr-lg-auto,.builder-element .mx-lg-auto{margin-right:auto!important}.builder-element .mb-lg-auto,.builder-element .my-lg-auto{margin-bottom:auto!important}.builder-element .ml-lg-auto,.builder-element .mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.builder-element .m-xl-0{margin:0!important}.builder-element .mt-xl-0,.builder-element .my-xl-0{margin-top:0!important}.builder-element .mr-xl-0,.builder-element .mx-xl-0{margin-right:0!important}.builder-element .mb-xl-0,.builder-element .my-xl-0{margin-bottom:0!important}.builder-element .ml-xl-0,.builder-element .mx-xl-0{margin-left:0!important}.builder-element .m-xl-1{margin:0.25rem!important}.builder-element .mt-xl-1,.builder-element .my-xl-1{margin-top:0.25rem!important}.builder-element .mr-xl-1,.builder-element .mx-xl-1{margin-right:0.25rem!important}.builder-element .mb-xl-1,.builder-element .my-xl-1{margin-bottom:0.25rem!important}.builder-element .ml-xl-1,.builder-element .mx-xl-1{margin-left:0.25rem!important}.builder-element .m-xl-2{margin:0.5rem!important}.builder-element .mt-xl-2,.builder-element .my-xl-2{margin-top:0.5rem!important}.builder-element .mr-xl-2,.builder-element .mx-xl-2{margin-right:0.5rem!important}.builder-element .mb-xl-2,.builder-element .my-xl-2{margin-bottom:0.5rem!important}.builder-element .ml-xl-2,.builder-element .mx-xl-2{margin-left:0.5rem!important}.builder-element .m-xl-3{margin:1rem!important}.builder-element .mt-xl-3,.builder-element .my-xl-3{margin-top:1rem!important}.builder-element .mr-xl-3,.builder-element .mx-xl-3{margin-right:1rem!important}.builder-element .mb-xl-3,.builder-element .my-xl-3{margin-bottom:1rem!important}.builder-element .ml-xl-3,.builder-element .mx-xl-3{margin-left:1rem!important}.builder-element .m-xl-4{margin:1.5rem!important}.builder-element .mt-xl-4,.builder-element .my-xl-4{margin-top:1.5rem!important}.builder-element .mr-xl-4,.builder-element .mx-xl-4{margin-right:1.5rem!important}.builder-element .mb-xl-4,.builder-element .my-xl-4{margin-bottom:1.5rem!important}.builder-element .ml-xl-4,.builder-element .mx-xl-4{margin-left:1.5rem!important}.builder-element .m-xl-5{margin:3rem!important}.builder-element .mt-xl-5,.builder-element .my-xl-5{margin-top:3rem!important}.builder-element .mr-xl-5,.builder-element .mx-xl-5{margin-right:3rem!important}.builder-element .mb-xl-5,.builder-element .my-xl-5{margin-bottom:3rem!important}.builder-element .ml-xl-5,.builder-element .mx-xl-5{margin-left:3rem!important}.builder-element .p-xl-0{padding:0!important}.builder-element .pt-xl-0,.builder-element .py-xl-0{padding-top:0!important}.builder-element .pr-xl-0,.builder-element .px-xl-0{padding-right:0!important}.builder-element .pb-xl-0,.builder-element .py-xl-0{padding-bottom:0!important}.builder-element .pl-xl-0,.builder-element .px-xl-0{padding-left:0!important}.builder-element .p-xl-1{padding:0.25rem!important}.builder-element .pt-xl-1,.builder-element .py-xl-1{padding-top:0.25rem!important}.builder-element .pr-xl-1,.builder-element .px-xl-1{padding-right:0.25rem!important}.builder-element .pb-xl-1,.builder-element .py-xl-1{padding-bottom:0.25rem!important}.builder-element .pl-xl-1,.builder-element .px-xl-1{padding-left:0.25rem!important}.builder-element .p-xl-2{padding:0.5rem!important}.builder-element .pt-xl-2,.builder-element .py-xl-2{padding-top:0.5rem!important}.builder-element .pr-xl-2,.builder-element .px-xl-2{padding-right:0.5rem!important}.builder-element .pb-xl-2,.builder-element .py-xl-2{padding-bottom:0.5rem!important}.builder-element .pl-xl-2,.builder-element .px-xl-2{padding-left:0.5rem!important}.builder-element .p-xl-3{padding:1rem!important}.builder-element .pt-xl-3,.builder-element .py-xl-3{padding-top:1rem!important}.builder-element .pr-xl-3,.builder-element .px-xl-3{padding-right:1rem!important}.builder-element .pb-xl-3,.builder-element .py-xl-3{padding-bottom:1rem!important}.builder-element .pl-xl-3,.builder-element .px-xl-3{padding-left:1rem!important}.builder-element .p-xl-4{padding:1.5rem!important}.builder-element .pt-xl-4,.builder-element .py-xl-4{padding-top:1.5rem!important}.builder-element .pr-xl-4,.builder-element .px-xl-4{padding-right:1.5rem!important}.builder-element .pb-xl-4,.builder-element .py-xl-4{padding-bottom:1.5rem!important}.builder-element .pl-xl-4,.builder-element .px-xl-4{padding-left:1.5rem!important}.builder-element .p-xl-5{padding:3rem!important}.builder-element .pt-xl-5,.builder-element .py-xl-5{padding-top:3rem!important}.builder-element .pr-xl-5,.builder-element .px-xl-5{padding-right:3rem!important}.builder-element .pb-xl-5,.builder-element .py-xl-5{padding-bottom:3rem!important}.builder-element .pl-xl-5,.builder-element .px-xl-5{padding-left:3rem!important}.builder-element .m-xl-n1{margin:-0.25rem!important}.builder-element .mt-xl-n1,.builder-element .my-xl-n1{margin-top:-0.25rem!important}.builder-element .mr-xl-n1,.builder-element .mx-xl-n1{margin-right:-0.25rem!important}.builder-element .mb-xl-n1,.builder-element .my-xl-n1{margin-bottom:-0.25rem!important}.builder-element .ml-xl-n1,.builder-element .mx-xl-n1{margin-left:-0.25rem!important}.builder-element .m-xl-n2{margin:-0.5rem!important}.builder-element .mt-xl-n2,.builder-element .my-xl-n2{margin-top:-0.5rem!important}.builder-element .mr-xl-n2,.builder-element .mx-xl-n2{margin-right:-0.5rem!important}.builder-element .mb-xl-n2,.builder-element .my-xl-n2{margin-bottom:-0.5rem!important}.builder-element .ml-xl-n2,.builder-element .mx-xl-n2{margin-left:-0.5rem!important}.builder-element .m-xl-n3{margin:-1rem!important}.builder-element .mt-xl-n3,.builder-element .my-xl-n3{margin-top:-1rem!important}.builder-element .mr-xl-n3,.builder-element .mx-xl-n3{margin-right:-1rem!important}.builder-element .mb-xl-n3,.builder-element .my-xl-n3{margin-bottom:-1rem!important}.builder-element .ml-xl-n3,.builder-element .mx-xl-n3{margin-left:-1rem!important}.builder-element .m-xl-n4{margin:-1.5rem!important}.builder-element .mt-xl-n4,.builder-element .my-xl-n4{margin-top:-1.5rem!important}.builder-element .mr-xl-n4,.builder-element .mx-xl-n4{margin-right:-1.5rem!important}.builder-element .mb-xl-n4,.builder-element .my-xl-n4{margin-bottom:-1.5rem!important}.builder-element .ml-xl-n4,.builder-element .mx-xl-n4{margin-left:-1.5rem!important}.builder-element .m-xl-n5{margin:-3rem!important}.builder-element .mt-xl-n5,.builder-element .my-xl-n5{margin-top:-3rem!important}.builder-element .mr-xl-n5,.builder-element .mx-xl-n5{margin-right:-3rem!important}.builder-element .mb-xl-n5,.builder-element .my-xl-n5{margin-bottom:-3rem!important}.builder-element .ml-xl-n5,.builder-element .mx-xl-n5{margin-left:-3rem!important}.builder-element .m-xl-auto{margin:auto!important}.builder-element .mt-xl-auto,.builder-element .my-xl-auto{margin-top:auto!important}.builder-element .mr-xl-auto,.builder-element .mx-xl-auto{margin-right:auto!important}.builder-element .mb-xl-auto,.builder-element .my-xl-auto{margin-bottom:auto!important}.builder-element .ml-xl-auto,.builder-element .mx-xl-auto{margin-left:auto!important}}
.daterangepicker {
  z-index: 2 !important;
}
.min-height-500 {
  min-height: 500px;
}
.ss-card-02 .text-container .title,
.ss-card-02 .text-container .desc {
  min-height: 45px;
  max-height: 45px;
}

svg#svgLink:hover > g#SVGRepo_iconCarrier path {
  stroke: #ffffff;
}

.section-04 {
  overflow: hidden;
}

table.table.table-download.style-01 tr > td.button-container {
  min-width: 90px;
}
.ss-card-02.photo {
  cursor: pointer;
}
.ss-card-02.e-book {
  max-width: 25rem;
  margin: 0 auto;
  cursor: pointer;
}
.list-header .option .icon-view svg path {
  fill: #0a112b !important;
}
.list-header .option .icon-view.active svg path {
  fill: #ffffff !important;
}

.ebook-container {
  width: 100%;
  height: 580px;
  position: relative;
  border-radius: 0;
  overflow: auto;
  z-index: 1;
}

.btn-popup-toggle {
  cursor: pointer;
}

nav.stopnav .wrapper .options .option .avatar-pic {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden !important;
  margin: 0 0.35rem 0 0;
}

nav.stopnav .wrapper .options .option .avatar-pic > .img-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.border-right-profile {
  border-left: 1px solid transparent;
  padding-left: 0.75rem;
  border-color: #254f8c;
  height: 23px;
}

.dropdown-member {
  position: relative;
  display: inline-block;
}

.dropdown-menu-member {
  visibility: hidden;
  position: absolute;
  right: 0; /* Make content overflow to the left */
  top: 20px;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 100;
  padding: 1rem 1rem;
  border-radius: 0.5rem;
  transform: translateY(10px); /* Start from 10px below */
  opacity: 0; /* Start as transparent */
  transition:
    transform 0.3s,
    opacity 0.3s; /* Animate to final position */
  display: block; /* Always display but hide with visibility */
}

.dropdown-menu-member a {
  text-decoration: none;
  padding: 0.35rem 1rem;
  border-radius: 0.5rem;
  display: block;
  white-space: nowrap; /* Prevent text from wrapping */
  font-weight: normal;
}

.dropdown-menu-member > a:hover {
  color: #13305a;
}

.dropdown-member:hover .dropdown-menu-member {
  visibility: visible; /* Show on hover */
  padding: 1rem 0;
  transform: translateY(0); /* End at the final position */
  opacity: 1; /* End as opaque */
  z-index: 999;
}
nav.sidenav-member-qa .profile .avatar-pic > .img-bg {
  border-radius: 50%;
}

.wrapper-form {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* sitemap page */
.sitemap .list-content {
  border-left: 4px solid;
  padding: 1.5rem 0 1.5rem 2rem;
  margin-bottom: 1rem;
}
.sitemap .list-content li {
  border: 0;
  padding-left: 0;
}

.sitemap .list-content .ss-list.style-01 li.sub-cate {
  padding-left: 1.5rem;
}
/* color dark-blue */
.sitemap .list-content.color-dark-blue {
  border-color: #13305a;
}
.sitemap .list-content.color-dark-blue .head-title {
  color: #13305a;
}
.sitemap .list-content.color-dark-blue svg path {
  stroke: #13305a;
}
.sitemap .list-content.color-dark-blue .sub-cate svg circle {
  stroke: #13305a;
}
/* color yellow */
.sitemap .list-content.color-yellow {
  border-color: #facf0f;
}
.sitemap .list-content.color-yellow .head-title {
  color: #facf0f;
}
.sitemap .list-content.color-yellow svg path {
  stroke: #facf0f;
}
.sitemap .list-content.color-yellow .sub-cate svg circle {
  stroke: #facf0f;
}
/* color blue */
.sitemap .list-content.color-blue {
  border-color: #5d82b7;
}
.sitemap .list-content.color-blue .head-title {
  color: #5d82b7;
}
.sitemap .list-content.color-blue svg path {
  stroke: #5d82b7;
}
.sitemap .list-content.color-blue .sub-cate svg circle {
  stroke: #5d82b7;
}
/* color purple */
.sitemap .list-content.color-purple {
  border-color: #5c42a6;
}
.sitemap .list-content.color-purple .head-title {
  color: #5c42a6;
}
.sitemap .list-content.color-purple svg path {
  stroke: #5c42a6;
}
.sitemap .list-content.color-purple .sub-cate svg circle {
  stroke: #5c42a6;
}
/* color orange */
.sitemap .list-content.color-orange {
  border-color: #fa9c0f;
}
.sitemap .list-content.color-orange .head-title {
  color: #fa9c0f;
}
.sitemap .list-content.color-orange svg path {
  stroke: #fa9c0f;
}
.sitemap .list-content.color-orange .sub-cate svg circle {
  stroke: #fa9c0f;
}
/* color green */
.sitemap .list-content.color-green {
  border-color: #79b948;
}
.sitemap .list-content.color-green .head-title {
  color: #79b948;
}
.sitemap .list-content.color-green svg path {
  stroke: #79b948;
}
.sitemap .list-content.color-green .sub-cate svg circle {
  stroke: #79b948;
}

.popup-container.active {
  z-index: 99;
}

.embed-deatil > iframe {
  width: 100% !important;
}

/* Facybox */
.fancybox-thumbs {
  background: rgba(0, 0, 0, 0.85);
  top: unset;
  width: 100%;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 0;
  bottom: 85px;
}

.fancybox-thumbs__list a:before {
  border: 2px solid #ededed;
}

.fancybox-thumbs__list a {
  border-radius: 2px;
  opacity: 0.5;
}

.fancybox-thumbs__list a:hover,
.fancybox-thumbs__list a.fancybox-thumbs-active {
  opacity: 1;
}

/* Grid filter */
.list-header .option.option-grid-5 {
  width: 20% !important;
}

@media screen and (max-width: 1199.98px) {
  .list-header .option.option-grid-5 {
    width: 33.33% !important;
  }
}

@media screen and (max-width: 991.98px) {
  .list-header .option.option-grid-5.search {
    width: 100% !important;
  }
  .list-header .option.option-grid-5.cate {
    width: 50% !important;
  }
  .list-header .option.option-grid-5.cate.subcate {
    padding-left: 1rem !important;
  }
  .list-header .option.option-grid-5.order {
    width: 75% !important;
    padding-left: 0 !important;
  }
  .list-header .option.option-grid-5.view {
    width: 25% !important;
  }
}

@media screen and (max-width: 575.98px) {
  .list-header .option.option-grid-5 {
    width: 100% !important;
  }
  .list-header .option.option-grid-5.cate {
    width: 100% !important;
  }
  .list-header .option.option-grid-5.cate.subcate {
    padding-left: 0rem !important;
  }
  .list-header .option.option-grid-5.order {
    width: 100% !important;
    padding-left: 0 !important;
  }
  .list-header .option.option-grid-5.view {
    width: 100% !important;
  }
}

.list-header .option .dropdown-icon {
  cursor: pointer;
}

/* Cursor */
.cursor-pointer {
  cursor: pointer;
}

/* Social */
.social {
  z-index: 99;
}

.event-lists .wrapper .date-time {
  width: 15% !important;
}

.event-lists .wrapper .text-container .dot {
  margin-left: 0.375rem;
}

.download-container-custom > .content {
  padding: 0px;
  border-color: #ededed;
}

.download-container-custom > .content .wrapper {
  padding: 1.875rem;
}
.download-container-custom > .content .answer {
  padding: 0 1.875rem;
  border-top: 1px solid transparent;
}

.download-container-custom > .content:hover .wrapper {
  background-color: #0a112b;
  color: #fff;
  border-radius: 0.375rem;
}
.download-container-custom > .content:hover .wrapper .title svg path,
.download-container-custom > .content.active .wrapper .title svg path {
  fill: #fff;
}
.download-container-custom > .content:hover .wrapper .btn-action,
.download-container-custom > .content.active .wrapper .btn-action {
  background-color: #fff;
  color: #0a112b;
}
.download-container-custom > .content:hover .wrapper .btn-action svg path,
.download-container-custom > .content.active .wrapper .btn-action svg path {
  fill: #0a112b;
}

.download-container-custom > .content.active .wrapper {
  background-color: #0a112b;
  color: #fff;
  border-radius: 0.375rem 0.375rem 0 0;
}
.download-container-custom > .content.active .answer::before {
  background-color: transparent;
}

nav.quick-links .quick-content {
  direction: rtl; /* Add this line */
  right: 4.75rem !important;
}

nav.quick-links .quick-content > .wrapper .link-item {
  direction: ltr; /* Add this line */
}

.icon-quick {
  font-size: 2.5rem;
  color: #ffffff;
}

/**professional-profile**/
/* Specail Card 12 */

.ss-card-12 .text-container {
  bottom: -1rem !important;
}
.ss-card-12:hover .text-container {
  align-items: center;
  bottom: 0.875rem !important;
  transform: translateY(0);
  transition-delay: 0.15s !important;
}

.ss-card-12 .ss-sep-02 {
  max-width: 5rem;
  transition-delay: 0.7s;
}

.ss-card-12 .title {
  transform: translateY(0);
  transition-delay: 0.15s !important;
  opacity: 1;
}
.ss-card-12 .desc {
  transform: translateY(0);
  transition-delay: 0.15s !important;
  opacity: 1;
}
.ss-card-12:hover .filter-01 {
  background: rgba(25, 78, 132, 0.77) !important;
}
/**professional-profile**/
.z-index-101 {
  z-index: 101 !important;
}
.z-index-100 {
  z-index: 100 !important;
}

.z-index-1 {
  z-index: 1 !important;
}

.banner-fade {
  width: 10% !important;
}

.form-forget {
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  max-width: 21rem !important;
  height: 22rem !important;
}

.form-container-background .form-wrapper > .form.forget input {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-radius: 0;
  background: transparent;
}
@media screen and (max-width: 991.98px) {
  .form-container-background .form-wrapper > .form.forget .form-inner {
    padding: 0 2rem;
  }
}
@media screen and (max-width: 575.98px) {
  .form-container-background .form-wrapper > .form.forget .form-inner {
    max-height: 21.875rem;
    overflow-y: scroll;
    margin-top: 1rem;
    overflow-x: hidden;
  }
  /* .form-container-background .form-wrapper > .form.forget .input-tooltip > .wrapper .tooltip-dropdown {
    top: 2.5rem;
    right: -0.75rem;
    left: unset;
  } */
}
@media screen and (max-width: 390.98px) {
  .form-container-background .form-wrapper > .form.forget .form-inner {
    padding: 0 1rem;
  }
}

.form-container-background .form-wrapper > .form.forget .form-group .text-danger {
  position: absolute;
  top: 0;
  left: 0;
}

.btns.download-home {
  margin: -0.25rem -0.125rem 0 -0.125rem !important;
}

.btn-go-to-website {
  width: 175px !important;
  justify-content: center !important;
}

.justify-center {
  justify-content: center !important;
}

.content-03 {
  background-color: #fff;
}

.builder-element img {
  width: auto !important;
  max-width: 100% !important;
}

.ss-card-01 .ss-img {
  position: relative;
  overflow: hidden; /* This ensures that the image background does not exceed the boundaries of .ss-img */
}

.ss-card-01 .ss-img .img-bg.section-01 {
  width: 100%;
  height: 75%;
  background-size: cover; /* This ensures the image covers the entire area */
  background-position: center; /* This centers the background image */
  border-radius: 0.475rem;
}

.w-100 {
  width: 100% !important;
}
nav.topnav .dropdown-wrapper .block-contents .submenu-block {
  z-index: 3;
}

@media screen and (max-width: 476.98px) {
  nav.footer .socials .social-wrapper {
    flex-wrap: wrap;
    gap: 0.325rem;
  }
}
.align-content-center {
  align-content: center !important;
}

.align-content-start {
  align-content: start !important;
}

.align-content-end {
  align-content: end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-start {
  align-items: start !important;
}

.align-items-end {
  align-items: end !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-between {
  justify-content: space-between !important;
}

.justify-around {
  justify-content: space-around !important;
}

.justify-evenly {
  justify-content: space-evenly !important;
}

.justify-start {
  justify-content: flex-start !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-row {
  flex-direction: row !important;
}

[data-hrefcms] {
  cursor: pointer;
}

.position-fixed {
  position: fixed !important;
}

.grid-relative {
  position: relative;
}

.ss-card {
  position: relative;
  display: inline-block;
  width: 100%;
}

.clipboard-link {
  position: absolute; /* Position it absolutely within the grid */
  top: 10px !important; /* Adjust as needed */
  right: 10px !important; /* Adjust as needed */
  display: inline-block;
  z-index: 2; /* Ensure it is above other elements */
}

.tooltip-video {
  visibility: hidden;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  z-index: 3; /* Ensure it is above other elements */
  bottom: 125%; /* Position the tooltip above the button */
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  white-space: nowrap; /* Prevents the tooltip text from wrapping */
}

.tooltip-video::after {
  content: "";
  position: absolute;
  top: 100%; /* Arrow at the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

.clipboard-link.show-tooltip .tooltip-video {
  visibility: visible;
  opacity: 1;
}

.clipboard-link-custom svg {
  margin: 10px auto;
}

.footer-list {
  padding: 0.3rem 0rem !important;
  border: 0 !important;
}

.footer-sub-cate {
  padding: 0.3rem 1rem !important;
  border: 0 !important;
}

.clipboard-link svg {
  margin: 10px auto;
}

.input-tooltip.fixed-tooltip .tooltips:before {
  content: "";
  position: absolute;
  top: auto;
  bottom: -0.5rem;
  right: 1.125rem;
  width: 1rem;
  height: 1rem;
  transform: rotate(45deg);
  z-index: 3;
  border: 1px solid transparent;
  border-right: 0;
  border-top: 0;
  transition: opacity 0.25s;
  opacity: 0;
  background-color: white;
}

.input-tooltip.fixed-tooltip .tooltips:hover::before {
  opacity: 1;
}

.input-tooltip.fixed-tooltip > .wrapper {
  display: flex;
  align-items: center;
  position: relative;
}

.input-tooltip.fixed-tooltip > .wrapper .tooltip-icon {
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.0625rem;
  cursor: pointer;
  transition: opacity 0.25s;
}

.input-tooltip.fixed-tooltip > .wrapper .tooltip-icon:hover {
  opacity: 0.7;
}

.input-tooltip.fixed-tooltip > .wrapper .tooltip-dropdown {
  position: fixed; /* Changed to fixed */
  top: unset; /* Adjust according to the actual position */
  left: auto; /* Adjust to position it correctly */
  right: 35%;
  width: 300px;
  opacity: 0;
  transition: opacity 0.25s;
  pointer-events: none;
  /* width: calc(100% + 18rem); */
  padding: 1rem;
  border-radius: 0.4375rem;
  border: 1px solid transparent;
  z-index: 2; /* High z-index to appear above other elements */
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 110px 0px;
  background: white;
}

.input-tooltip.fixed-tooltip > .wrapper .tooltips:hover .tooltip-dropdown {
  opacity: 1;
  pointer-events: all;
}

.input-tooltip.fixed-tooltip .tooltips .tooltip-list {
  margin: 0.25rem 0;
}

.input-tooltip.fixed-tooltip .tooltips .tooltip-list > .wrapper {
  display: flex;
  align-items: center;
}

.input-tooltip.fixed-tooltip .tooltips .tooltip-list > .wrapper .icon {
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
  align-items: center;
  margin-right: 0.3125rem;
}

.input-tooltip.fixed-tooltip .tooltips .tooltip-list > .wrapper .icon svg,
.input-tooltip.fixed-tooltip .tooltips .tooltip-list > .wrapper .icon img {
  display: block;
  max-width: 100%;
  width: auto;
  max-height: 100%;
  height: 1.0625rem;
}

.large {
  font-size: 20px;
}

.small {
  font-size: 16px;
}

.big {
  font-size: 24px;
}

.sub-bg {
  background-image: url("/assets/app/img/bg/loader-circle.webp");
}

.intro-page {
  width: 100%;
  height: 100dvh;
  object-fit: cover;
  overflow: hidden;
}
.htmltag div {
  font-family: "Noto Sans Thai", sans-serif !important;
}
.noti-wrap {
  display: flex;
}
.intro-footer {
  background-color: #fff;
}
.logo-container {
  z-index: 1;
}
.img-bg-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.intro-01.img-bg-mobile {
  display: none;
}
.intro-01.img-bg-mobile-with-no-img-mobile {
  display: none;
}
.intro-01 .slideshow-pagination.hide {
  display: none;
}
.section-07 .block-right .socials .social:hover {
  opacity: 1;
}
@media screen and (min-width: 1920px) {
  .intro-page {
    width: 100% !important;
    height: calc(100dvh - 8rem) !important;
    object-fit: cover !important;
    overflow: hidden !important;
  }
  .curve-03 {
    clip-path: none !important;
  }
  .intro-01 .pattern.style-02 {
    height: 8rem !important;
  }
  .intro-01 .pattern.style-01 {
    height: 8rem !important;
  }
}
@media screen and (min-width: 2000px) {
  .intro-page {
    width: 100% !important;
    height: calc(100dvh - 8rem) !important;
    object-fit: contain !important;
    overflow: hidden !important;
  }
}
@media screen and (min-width: 1200.98px) {
  .intro-01 {
    height: 100dvh;
  }
  .intro-01 .intro-banner {
    height: calc(100dvh - 8rem);
  }
  .intro-01 .intro-footer {
    height: 8rem;
    position: fixed;
    bottom: 0;
    width: 100%;
  }
  .swiper-container.swiper-container-intropage {
    height: calc(100dvh - 8rem);
  }
  .curve-03 {
    clip-path: none;
  }
  .intro-page {
    width: 100%;
    height: calc(100dvh - 8rem);
    object-fit: cover;
    overflow: hidden;
  }
  .intro-01 .pattern.style-02 {
    height: 8rem;
  }
  .intro-01 .pattern.style-01 {
    height: 8rem;
  }
}
@media screen and (max-height: 768.98px) {
  .intro-01 .swiper-slide .wrapper {
    height: calc(100dvh - 6rem) !important ;
  }
  .intro-page {
    width: 100%;
    height: calc(100dvh - 6rem) !important ;
    object-fit: contain;
    overflow: hidden;
  }
  .swiper-container.swiper-container-intropage {
    height: calc(100dvh - 6rem) !important;
  }
  .intro-01 .intro-banner {
    height: calc(100dvh - 6rem) !important;
  }
  .intro-01 .intro-footer {
    height: 6rem !important;
    padding: 1rem 2rem 2rem 2rem;
  }
  .intro-01 .pattern.style-02 {
    height: 6rem !important;
    width: 11rem !important;
  }
  .intro-01 .pattern.style-01 {
    height: 6rem !important;
    width: 10rem !important;
  }
  .intro-01 .intro-footer > .wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    flex-direction: row;
  }
  .intro-01 .intro-footer .socials .social-wrapper {
    padding: 1rem;
  }
  .intro-01 .intro-footer .logo-container .text {
    width: calc(100% - 3rem);
  }
  .btn.btn-action {
    min-width: 8rem;
    font-size: 0.75rem;
  }
  .intro-01 .intro-footer .logo-container .logo {
    width: 3rem;
    height: 3rem;
  }
  /* .fw-400 {
    font-size: 0.8rem;
  } */
  p.intro-b {
    font-size: 0.9375rem;
  }
  /* .intro-01 .intro-footer .logo-container .wrapper {
    transform: translateY(0.75rem);
  } */
}
@media screen and (max-width: 575.98px) {
  .list-header .options {
    flex-direction: column;
  }
  .arrow-prev.quicklink {
    font-size: 24px;
  }
  .arrow-next.quicklink {
    font-size: 24px;
  }
  nav.sidenav.active {
    transform: translateX(0);
  }
  nav.quick-links .arrows {
    bottom: -4.5rem;
    gap: 15px;
  }
  nav.quick-links .quick-content {
    direction: inherit; /* Add this line */
    right: -21rem !important;
  }
  .intro-01.img-bg-laptop {
    display: none;
  }
  .intro-01.img-bg-mobile {
    display: contents;
  }
  .intro-01.img-bg-mobile-with-no-img-mobile {
    display: contents;
  }
  .img-bg-mobile-with-no-img-mobile{
    height: calc(100dvh - 9rem) !important;
    object-fit: contain !important;
  }
  .img-bg-mobile-with-no-img-mobile .intro-page.with-2 {
    height: calc(100dvh - 12rem) !important;
    object-fit: contain !important;
  }

  .img-bg-mobile-with-no-img-mobile .intro-page.with-3 {
    height: calc(100dvh - 14.5rem) !important;
    object-fit: contain !important;
  }
  .arrows.hide {
    display: none;
  }
  .btn.btn-action.intro {
    display: block;
    font-size: 0.9rem;
    font-weight: 400;
    outline: none;
    box-shadow: none;
    white-space: nowrap;
    border: 0.125rem solid #fff0;
    padding: 0.4rem 1.25rem 0.4rem 1.25rem;
    text-decoration: none;
    border-radius: 1000em;
    min-width: 9rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.25s;
  }
  .intro-01 .intro-footer .logo-container .logo {
    width: 3.3rem;
    height: 3.3rem;
  }
  .intro-01 .intro-footer .logo-container .text {
    width: calc(100% - 3.3rem);
  }
  .intro-01 .intro-banner{
    position: relative;
    z-index: 1;
    height: calc(100dvh - 9rem) !important;
  }
  .intro-01 .intro-banner.with-2 {
    position: relative;
    z-index: 1;
    height: calc(100dvh - 12rem) !important;
  }
  .intro-01 .intro-banner.with-3 {
    height: calc(100dvh - 14.5rem) !important;
  }
  .intro-01 .intro-footer .socials {
    display: none;
  }
  .intro-01 .button-container {
    margin-top: 0.5rem;
  }

  .curve-03.with-3 {
    clip-path: none !important;
  }
  .curve-03.with-2 {
    clip-path: none !important;
  }
  .swiper-container.swiper-container-intropage {
    height: calc(100dvh - 9rem) !important;
  }
  .intro-01 .pattern.style-02{
    width: 5rem !important;
    height: 9rem !important;
  }
  .intro-01 .pattern.style-01 {
    width: 5rem !important;
    height: 0rem !important;
  }
  .intro-01 .pattern.style-02.with-2 {
    width: 5rem !important;
    height: 12rem !important;
  }
  .intro-01 .pattern.style-01.with-2 {
    width: 5rem !important;
    height: 12rem !important;
  }
  .intro-01 .pattern.style-02.with-3 {
    width: 5rem !important;
    height: 14.5rem !important;
  }
  .intro-01 .pattern.style-01.with-3 {
    width: 5rem !important;
    height: 14.5rem !important;
  }
  .intro-01 .intro-footer > .wrapper {
    flex-direction: column !important;
    justify-content: center !important;
  }

  .intro-01 .button-container > .wrapper {
    gap: 0.5rem;
  }
  .intro-01 .intro-footer .socials .social-wrapper {
    padding: 0.5rem;
  }
  .intro-01 .intro-footer{
    padding: 0 1rem 0 1rem;
    height: 9rem !important;
  }
  .intro-01 .intro-footer.with-3 {
    padding: 0 1rem 0 1rem;
    height: 14.5rem !important;
  }
  .intro-01 .intro-footer.with-2 {
    padding: 0 1rem 0 1rem;
    height: 12rem !important;
  }
  .swiper-container.swiper-container-intropage.with-3 {
    height: calc(100dvh - 14.5rem) !important;
  }
  .swiper-container.swiper-container-intropage.with-2 {
    height: calc(100dvh - 12rem) !important;
  }
  .img-bg-mobile {
    display: contents;
  }
  .img-bg-mobile .intro-page {
    object-position: top;
    height: calc(100dvh - 9rem) !important;
    object-fit: cover !important;
  }
  .img-bg-mobile .intro-page.with-2 {
    object-position: top;
    height: calc(100dvh - 12rem) !important;
    object-fit: cover !important;
  }
  .img-bg-mobile .intro-page.with-3 {
    object-position: top;
    height: calc(100dvh - 14.5rem) !important;
    object-fit: cover !important;
  }
  .intro-page.with-2 {
    height: calc(100dvh - 12rem) !important;
    object-fit: contain !important;
  }
  .intro-page.with-3 {
    height: calc(100dvh - 14.5rem) !important;
    object-fit: contain !important;
  }
  .icon.intro-with-button {
    display: none !important;
  }
}
@media screen and (max-width: 575.98px) {
  .input-tooltip.fixed-tooltip .tooltips:before {
    top: auto;
    bottom: -1.5rem;
    right: 0;
    transform: rotate(225deg);
  }

  /* .input-tooltip.fixed-tooltip > .wrapper .tooltip-dropdown {
    top: auto;
    bottom: -17rem;
  } */
}
@media screen and (max-width: 1199.98px) {
  .intro-01 {
    height: 100dvh !important;
  }
  .curve-03 {
    clip-path: none !important;
  }
  .intro-01 .intro-banner {
    position: relative;
    z-index: 1;
    height: calc(100dvh - 14.8rem);
  }
  .intro-01 .pattern.style-02 {
    width: 17rem ;
    height: 14.8rem;
  }
  .intro-01 .pattern.style-01 {
    width: 16rem ;
    height: 14.8rem;
  }
  .intro-01 .intro-footer {
    height: auto;
    position: fixed !important;
    bottom: 0 !important;
    width: 100% !important;
  }
  .intro-01 .logo-container {
    display: flex !important;
    max-width: 100% !important;
    justify-content: center !important;
  }
  .swiper-container.swiper-container-intropage {
    height: calc(100dvh - 14.8rem);
  }
  .intro-page {
    width: 100%;
    height: calc(100dvh - 14.8rem);
    object-fit: contain;
    overflow: hidden;
  }
}

.ss-header-banner::before {
  width: 35%;
}

@media screen and (max-width: 1299.98px) {
  .input-tooltip.fixed-tooltip .wrapper .tooltip-dropdown {
    right: 30%;
  }

  .ss-header-banner::before {
    width: 45%;
  }
}

@media screen and (max-width: 991.98px) {
  .download-home > .content > .wrapper {
    flex-wrap: wrap;
    /* justify-content: center; */
  }
  .m-0-auto {
    margin: 0 auto;
  }

  .text-md-2-line {
    -webkit-line-clamp: 2 !important;
  }
  .ss-header-banner::before {
    width: 65%;
  }
}
@media screen and (max-width: 576.98px) {
  .input-tooltip.fixed-tooltip .wrapper .tooltip-dropdown {
    right: 20%;
  }
  .ss-header-banner::before {
    width: 60%;
  }
}
@media screen and (max-width: 369.98px) {
  .input-tooltip.fixed-tooltip .wrapper .tooltip-dropdown {
    right: 10%;
  }
  .ss-header-banner::before {
    width: 100%;
  }
}

.cursor-default {
  cursor: default !important;
}

.cookie-container {
  position: fixed;
  z-index: 1000;
  width: 100%;
  bottom: 20px;
  display: flex;
  justify-content: center;
}
.cookie-content {
  background-color: #fff;
  padding: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 60%;
}

.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.5rem;
}
.text-1-line {
  -webkit-line-clamp: 1;
  transition: 0.25s;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
@media screen and (max-width:390.98px) {
  .text-2-line {
    text-align: left;
  }
  .text-1-line {
    text-align: left;
  }
}
.text-2-line {
  -webkit-line-clamp: 2;
  transition: 0.25s;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.h-auto {
  height: auto !important;
}
.cut-text-multi {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.client-01 .img-container.fade {
  height: 12.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.swiper-container.fade {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: visible !important;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-slide.fade {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1199.98px) {
  .swiper-container.fade:nth-child(7) {
    display: none;
  }
  .swiper-container.fade:nth-child(6) {
    display: none;
  }
}
@media screen and (max-width: 991.98px) {
  .swiper-container.fade:nth-child(5) {
    display: none;
  }
  .swiper-container.fade:nth-child(6) {
    display: none;
  }
}

.text-decoration-underline {
  text-decoration: underline;
}

.w-24px {
  width: 24px !important;
}

.h-24px {
  height: 24px !important;
}

/* Calendar - Month */
.month .fc-daygrid-event-harness {
  cursor: pointer;
}
.month .fc-event-time {
  display: none;
}
.month .fc .fc-scrollgrid {
  border-color: #e9ecff;
}
.month .fc-theme-standard td,
.fc-theme-standard th {
  border-color: #e9ecff !important;
}
.month .fc .fc-day-other .fc-daygrid-day-top {
  opacity: 1;
}
.month .fc-day-other .fc-daygrid-day-number {
  background: #c4c4c4;
  color: #ffffff;
}
.month .fc-day-other {
  background: rgba(210, 210, 210, 0.15);
}
.month .fc-header-toolbar.fc-toolbar {
  display: none;
}
.month .fc .fc-col-header-cell-cushion {
  padding: 0.9375rem 0.25rem;
}
.month .fc .fc-daygrid-day.fc-day-today {
  background: rgba(123, 177, 255, 0.15);
}
.month .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
  background: rgba(19, 48, 90, 1);
  color: #ffffff;
}
.month .fc-daygrid-day-number {
  background: #dde0ff;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  flex-direction: revert;
  font-size: 0.875rem;
  border-radius: 0 0 0 0.375rem;
}
.month .custom-event {
  position: relative;
  padding: 0 0.5rem;
}
.month .custom-event .date-time {
  display: flex;
  align-items: center;
}
.month .custom-event .date-time > .icon {
  margin-right: 0.5rem;
}
.month .fc-daygrid-day {
  height: 10rem !important;
}
.month .custom-event > .table .wrapper {
  display: flex;
  align-items: center;
}
.month .custom-event > .table .dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}
.month .custom-event > .table .title {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 0.375rem;
  -webkit-line-clamp: 2;
  font-size: 0.9375rem;
  width: calc(100% - 0.5rem);
}

.w-20 {
  width: 20% !important;
}

.w-40 {
  width: 40% !important;
}

.w-60 {
  width: 60% !important;
}

.w-80 {
  width: 80% !important;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.options-document {
  display: flex !important;
  padding-top: 0.35rem;
}

@media screen and (max-width: 767.98px) {
  .download-container-01.home > .content .title {
    text-align: start;
  }
}

/* .form-container-background .form-wrapper>.form {
  top: -0.5rem;
} */

.form-container-background .form-wrapper>.form.login .btn-login {
  top: -3rem;
}

.breadcrumb-video {
  z-index: 0;
}

.section-13 .socials .embed-container:hover {
  opacity: 1;
}
.cm__texts, .cm__btns , .pm__header , .pm__body , .pm__footer{
    font-family: "Noto Sans Thai", sans-serif !important;

}

#cc-main, .cm__body {
    opacity: 0; /* Start hidden */
    transition: opacity 0.5s ease-in-out; /* Smooth transition */
}

#cc-main.show, .cm__body.show {
    opacity: 1; /* Fully visible */
}

.bg-contact-form {
    border-radius: 10px;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.65);
}