p {
    font-size: 18px;
    font-weight: 300;
}

a {
    text-decoration: none !important;
    color: inherit !important;
}

a:hover {
    --bs-link-color-rgb: transparent !important;
}

i {
    font-family: Gill-Sans-Italic, Monsterrat, Noto Sans, sans-serif;
}

img {
    vertical-align: inherit;
}

.menuRight a:hover {
    color: #ec1c23 !important;
}

.dropdownMenuWrapper .dropdownMenu>div .innerMenu ul li a {
    color: #fff !important;
}

@media only screen and (max-width:1024px) {
    .dropdownMenuWrapper .dropdownMenu>div .innerMenu ul li a {
        color: #7030A0 !important;
    }
}

.dropdownMenuWrapper .dropdownMenu>div .innerMenu ul li a:hover {
    color: rgba(225, 225, 225, 0.8) !important;
}

@media only screen and (max-width:1024px) {
    .dropdownMenuWrapper .dropdownMenu>div .innerMenu ul li a:hover {
        color: rgba(111, 48, 160, 0.6) !important;
    }
}

.dlMenu .dlColumn a {
    color: #fff !important;
}

/*-----inner Menu-----*/
.tabWrap {
    width: 100%;
    /* max-width: 1200px; */
    display: grid;
    gap: 40px;
}

.tab2 {
    grid-template-columns: repeat(2, 1fr);
}

.tab3 {
    grid-template-columns: repeat(3, 1fr);
}

@media only screen and (max-width: 768px) {
    .tabWrap {
        /* display: none; */
        height: 0;
    }

    /* .tab2,
    .tab3 {
        grid-template-columns: 1fr;
    } */
}

.tabWrap .imgGrid {
    --ar: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ec1c23;
    mask-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    transition: width, display 1s ease;
    height: auto;
}

.tabWrap .imgGrid:nth-child(odd) {
    mask-image:
        /* protrusion */
        radial-gradient(circle var(--ar) at 50% var(--ar), white calc(100% - 0.5px), transparent 100%),
        /* notch */
        radial-gradient(circle calc(var(--ar) + 3px) at 50% calc(100% - var(--ar)), transparent calc(100% - 0.5px), white 100%),
        /* chop top & bottom */
        linear-gradient(to bottom, transparent var(--ar), white var(--ar), white calc(100% - var(--ar)), transparent 0);
    mask-composite: add, intersect;
    mask-repeat: no-repeat;
}

.tabWrap .imgGrid:nth-child(even) {
    mask-image:
        /* protrusion */
        radial-gradient(circle var(--ar) at 50% calc(100% - var(--ar)), white calc(100% - 0.5px), transparent 100%),
        /* notch */
        radial-gradient(circle calc(var(--ar) + 3px) at 50% var(--ar), transparent calc(100% - 0.5px), white 100%),
        /* chop top & bottom */
        linear-gradient(to bottom, transparent var(--ar), white var(--ar), white calc(100% - var(--ar)), transparent 0);
    mask-composite: add, intersect;
    mask-repeat: no-repeat;
}

.tabWrap .imgGrid:hover {
    box-shadow: 0 0 10px #00000080;
}

.tabWrap .imgGrid h2 {
    width: 100%;
    padding: calc(40px + var(--ar)) 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    /* background-color: #ec1c23; */
    flex: 1;
}

/*-----accordion function-----*/
.accordion {
    --bs-accordion-bg: transparent !important;
    --bs-accordion-border-width: 0 !important;
    width: 100% !important;
}

.accordion>.accordion-item>div>.contentWrap {
    margin-top: 30px;
}

.accordion-header {
    padding: 0 20px;
}

.chapterContent {
    margin: 40px 0 0;
}

.pointTitle {
    display: flex;
    align-items: center;
}

.pointContent {
    line-height: 1.6;
    font-size: 16px;
}

@media (min-width: 769px) {
    .accordion-header {
        display: none !important;
    }

    .accordion-collapse {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: auto !important;
        max-height: none !important;
        visibility: visible !important;
    }

    .accordion-button {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .accordion {
        width: 100%;
    }

    .accordion .accordion-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        overflow: hidden !important;
    }

    .accordion .accordion-item .accordion-header {
        --accr: 20px;
        width: calc(100% - 40px);
        margin-bottom: 20px;
        padding: calc(20px + var(--accr)) 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #fff;
        background-color: #ec1c23;
        mask-repeat: no-repeat;
        overflow: hidden;
        position: relative;
        transition: width, display 1s ease;
        height: auto;
    }


    .accordion .accordion-item:nth-child(odd) .accordion-header {
        mask-image:
            /* protrusion */
            radial-gradient(circle var(--accr) at 50% var(--accr), white calc(100% - 0.5px), transparent 100%),
            /* notch */
            radial-gradient(circle calc(var(--accr) + 3px) at 50% calc(100% - var(--accr)), transparent calc(100% - 0.5px), white 100%),
            /* chop top & bottom */
            linear-gradient(to bottom, transparent var(--accr), white var(--accr), white calc(100% - var(--accr)), transparent 0);
        mask-composite: add, intersect;
        mask-repeat: no-repeat;
    }

    .accordion .accordion-item:nth-child(even) .accordion-header {
        mask-image:
            /* protrusion */
            radial-gradient(circle var(--accr) at 50% calc(100% - var(--accr)), white calc(100% - 0.5px), transparent 100%),
            /* notch */
            radial-gradient(circle calc(var(--accr) + 3px) at 50% var(--accr), transparent calc(100% - 0.5px), white 100%),
            /* chop top & bottom */
            linear-gradient(to bottom, transparent var(--accr), white var(--accr), white calc(100% - var(--accr)), transparent 0);
        mask-composite: add, intersect;
        mask-repeat: no-repeat;
    }

    .accordion-button {
        width: 100%;
        text-align: center;
        font-size: 30px;
        font-weight: 700;
        padding: 20px 0 40px !important;
    }

    .accordion-button:focus {
        z-index: 0;
        outline: 0;
        box-shadow: none !important;
    }

    /* .accordion-button::after {
        content: "+";
        background-image: none !important;
        font-weight: bold;
        width: auto;
        height: auto;
    } */

    .accordion-button:not(.collapsed) {
        background-color: transparent !important;
        box-shadow: none !important;
    }

    /* .accordion-button:not(.collapsed)::after {
        content: "−";
    } */

    .accordion-item:first-of-type>.accordion-header .accordion-button {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

    .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .pointContainer {
        padding: 20px;
    }
}

/*-----swiper-----*/

.swiper {
    width: 100%;
}

.hiddenImg {
    display: none;
}

.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100% !important;
    height: auto !important;
}

.swiper-slide img {
    width: auto;
    height: 100%;
    display: block;
    border: 1px solid #e7e7e7;
}

.swiper-button-next,
.swiper-button-prev {
    color: #ec1c23;
}

.swiper-slide img {
    width: 100%;
    height: auto;
    border: 0;
}

.fancybox__content {
    width: 100%;
    height: 100%;
}

.swiper-button-next,
.swiper-button-prev {
    z-index: 10;
}

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

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        right: 3px;
    }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: 3px;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 25px;
    }
}

.swiper-button-lock {
    display: flex;
}

/*-----hero wrapper-----*/
.heroWrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}

.heroWrap .sectionTitle.Sub {
    width: 100%;
    color: #ec1c23;
    margin-bottom: -20px;
    font-family: Gill-Sans-Italic, Monsterrat, Noto Sans, sans-serif;
}

.heroWrap p {
    font-size: 18px;
    font-weight: 700;
}

.heroWrap p i {
    font-family: Gill-Sans-Bold-italic, Monsterrat, Noto Sans, sans-serif;
}

.heroImgContainer {
    position: relative;
    width: 100%;
    max-width: 900px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.heroImgContainer img {
    width: 100%;
}

.heroImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: grid;
    justify-content: center;
    z-index: 1;
    padding: 0 100px;
}

@media only screen and (max-width: 768px) {
    .heroImg {
        padding: 0px 11vw;
    }
}

.heroImg>a,
.heroImg>.swiper {
    width: 100%;
    max-width: 1000px;
    overflow: hidden;
    z-index: 1;
}

.heroImg>a>img {
    width: 100%;
    border: 1px solid #e7e7e7;
}

/*-----chapterWrapper-----*/
.chapterWrapper {
    margin: 20px 0;
}

.chapterWrapper .contentWrap {
    margin-top: 60px;
}

/*-----pointWrapper-----*/
.pointWrapper {
    --pwr: 40px;
    /* margin: 20px 0; */
    padding: calc(20px + calc(1 * var(--pwr))) 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ec1c2314;
    mask-image:
        /* notch */
        radial-gradient(circle calc(var(--pwr) + 3px) at 50% 100%, transparent calc(100% - 0.5px), white 100%),
        /* notch */
        radial-gradient(circle calc(var(--pwr) + 3px) at 50% 0, transparent calc(100% - 0.5px), white 100%);
    mask-composite: intersect;
    mask-repeat: no-repeat;
}

.pointWrapper .pointContainer {
    --pr: 8px;
    --pl: 3px;
    width: 100%;
    max-width: 1370px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 35px;
    gap: 30px;
}

.pointWrapper .pointTitle {
    margin-left: calc(-1 * var(--pr));
    display: grid;
    grid-template-columns: auto 1fr;
    grid-auto-rows: 1fr;
}

.pointWrapper .pointTitle .order {
    padding: 10px calc(20px + var(--pr));
    background-color: #ec1c23;
    display: flex;
    align-items: flex-start;
}

.pointWrapper .pointTitle .order:first-child {
    height: 100%;
    mask-image:
        /* left notch */
        radial-gradient(circle calc(var(--pr) + var(--pl)) at calc(var(--pr) - var(--pl)) 50%, transparent calc(100% - 0.5px), white 100%),
        /* right notch */
        radial-gradient(circle calc(var(--pr) + var(--pl)) at calc(100% - var(--pr) + var(--pl)) 50%, transparent calc(100% - 0.5px), white 100%),
        /* chop left & right */
        linear-gradient(to right, transparent var(--pr), white var(--pr), white calc(100% - var(--pr)), transparent 0);
    mask-composite: intersect, intersect;
    mask-repeat: no-repeat;
}

.pointWrapper .pointTitle .order:nth-child(2) {
    margin-left: calc(calc(-2 * var(--pr)) + var(--pl));
    mask-image:
        /* left protrusion */
        radial-gradient(circle var(--pr) at calc(100% - var(--pr)) 50%, white calc(100% - 0.5px), transparent 100%),
        /* right protrusion */
        radial-gradient(circle var(--pr) at var(--pr) 50%, white calc(100% - 0.5px), transparent 100%),
        /* chop left & right */
        linear-gradient(to right, transparent var(--pr), white var(--pr), white calc(100% - var(--pr)), transparent 0);
    mask-composite: add, add;
    mask-repeat: no-repeat;
}

.pointWrapper .pointTitle h2 {
    display: inline-block;
    color: #fff;
}

.pointWrapper .pointContent p {
    font-size: 18px;
    font-weight: 500;
}

/*-----sectionWrapper-----*/
.sectionWapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.sectionWapper .sectionTitle {
    color: #ec1c23;
    font-weight: 500;
}

.sectionTitle.Sub {
    margin-top: 20px;
    font-weight: 300;
    font-family: Gill-Sans-Italic, Monsterrat, Noto Sans, sans-serif;
}

/*-----highlightWrapper-----*/
.highlightWrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.highlightWrapper h4 {
    color: #ec1c23;
    font-weight: 300;
    background: url("../../assets/images/paper-bg.jpg") no-repeat;
}

.highlightWrapper .highlightContainer {
    width: 100%;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: self-start;
}

.highlightContainer .highlightMark {
    margin-bottom: -25px;
    padding: 10px 20px;
    color: #ec1c23;
    font-weight: 300;
    background-image: url("../../assets/images/paper-bg.jpg");
    z-index: 1;
}

.highlightWrapper .highlightContainer ul {
    margin: 0;
    padding: 20px;
    width: 100%;
    border: 1px solid #ec1c23;
    list-style-type: none;
}

.highlightWrapper .highlightContainer ul li {
    position: relative;
    width: 100%;
    padding-right: 1em;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    text-align: start;
    font-family: Gill-Sans, Monsterrat, Noto Sans, sans-serif;
}

.highlightWrapper .highlightContainer ul li::before {
    content: "";
    position: absolute;
    left: 0;
    width: 1.5em;
    height: 1.5em;
    background-image: url('../images/menu-icon-2.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media only screen and (max-width: 768px) {
    .highlightWrapper .highlightContainer ul li::before {
        top: 0;
        width: 2em;
        height: 2em;
    }
}

.highlightWrapper .highlightContainer ul li:last-of-type::before {
    background-image: url('../images/menu-icon-3.png');
}

.highlightWrapper .highlightContainer li:first-of-type::before {
    background-image: url('../images/menu-icon-1.png');
}

.highlightWrapper .highlightContainer ul li p {
    padding-left: 2em;
}

/*-----imggallery-----*/

.imgContainer {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}

.imgContainer a {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.imgContainer a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*-----imgGallery1-----*/
.imgGallery1 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.imgGallery1 .imgContainer {
    width: 100%;
    max-width: 800px;
}

/*-----imgGallery2-----*/
.imgGallery2 {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
    gap: 30px;
    z-index: 1;
}

@media only screen and (max-width: 1024px) {
    .imgGallery2 {
        gap: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .imgGallery2 {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

/*-----imgGallery3-----*/

.imgGallery3 {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    z-index: 1;
}

@media only screen and (max-width: 1024px) {
    .imgGallery3 {
        gap: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .imgGallery3 {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

.imgGallery3 .imgContainer {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}

.imgGallery3 .imgContainer a {
    width: 100%;
    height: 100%;
}

.imgContainer.filterAdd>a {
    position: relative;
    overflow: hidden;
}

.imgContainer.filterAdd>a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #e7e7e780;
    z-index: 10;
    box-sizing: border-box;
}

.imgContainer.filterAdd>a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    width: 100px;
    height: 100px;
    transform: translate(-50%, -50%);
    background-image: url(../../assets/images/add.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 200;
    box-sizing: border-box;
}

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

    .imgGallery3>.imgContainer.filterAdd,
    .imgGallery3>.imgContainer:nth-child(3):not(.hiddenImg) {
        display: none;
    }

    .imgGallery3>.imgContainer:nth-of-type(2) a {
        position: relative;
        overflow: hidden;
    }

    .imgGallery3>.imgContainer:nth-of-type(2):not(.hiddenImg)>a:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #e7e7e780;
        z-index: 10;
        box-sizing: border-box;
    }

    .imgGallery3>.imgContainer:nth-of-type(2):not(.hiddenImg)>a:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
        width: 100px;
        height: 100px;
        transform: translate(-50%, -50%);
        background-image: url(../../assets/images/add.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: 200;
        box-sizing: border-box;
    }
}

/*-----longImg-----*/

.longImg {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 30px;
    z-index: 1;
}

@media only screen and (max-width: 1024px) {
    .longImg {
        gap: 20px;
        grid-template-columns: 1fr 2fr;
    }
}

@media only screen and (max-width: 768px) {
    .longImg {
        grid-template-columns: 1fr 1fr;
    }
}

.longImg .longImgContainer {
    width: 100%;
    align-self: start;
    position: relative;
    border: none;
}

.longImg .longImgContainer .swiper {
    height: 100%;
    border: none;
    width: 100%;
    background-color: #e7e7e7;
}

.longImg .longImgContainer .swiper .swiper-wrapper .swiper-slide {
    align-self: center;
    border: none;
    width: 100% !important;
}

.longImg .longImgContainer .swiper .swiper-wrapper .swiper-slide a {
    height: 100%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.longImg .longImgContainer .swiper .swiper-wrapper .swiper-slide>a>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border: none;
    border: 1px solid #e7e7e7;
    overflow: hidden;
}

/* .longImg:nth-child(even) {
    grid-template-columns: 3.5fr 1fr;
} */

@media only screen and (max-width: 1024px) {
    .longImg:nth-child(even) {
        grid-template-columns: 2fr 1fr;
    }
}

@media only screen and (max-width: 768px) {
    .longImg:nth-child(even) {
        grid-template-columns: 1fr 1fr;
    }
}

/* .longImg:nth-child(even) .longImgContainer {
    order: 2;
} */

/*-----imgGallery5-----*/
.imgGallery5 {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1.13fr 1fr 1fr;
    gap: 30px;
}

@media only screen and (max-width: 1024px) {
    .imgGallery5 {
        grid-template-columns: repeat(4, auto);
        gap: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .imgGallery5 {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

.imgGallery5 .imgContainer {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    border: 0;
}

.imgGallery5 .imgContainer a {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.imgGallery5 .imgContainer:first-child {
    width: 100%;
    grid-area: 1 / 1 / span 2 / span 2
}

.imgGallery5 img {
    width: 100%;
    border: 1px solid #e7e7e7;
}

/*-----imgAlterGrid-----*/
.imgGalleryAlt {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media only screen and (max-width: 1024px) {
    .imgGalleryAlt {
        gap: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .imgGalleryAlt {
        gap: 20px;
    }
}

.imgGalleryAlt>.AlterGrid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
    gap: 40px;
    z-index: 1;
}

@media only screen and (max-width: 1024px) {
    .imgGalleryAlt>.AlterGrid {
        gap: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .imgGalleryAlt>.AlterGrid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

.imgGalleryAlt>.AlterGrid>.imgContainer {
    width: 100%;
    border: 0;
}


.imgGalleryAlt>.AlterGrid>.imgAlterGridText {
    display: flex;
    flex-direction: column;
    gap: 40px
}

@media only screen and (max-width: 1024px) {
    .imgGalleryAlt>.AlterGrid>.imgAlterGridText {
        gap: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .imgGalleryAlt>.AlterGrid>.imgAlterGridText {
        gap: 20px;
    }
}

.imgGalleryAlt>.AlterGrid:nth-child(odd)>.imgContainer,
.imgGalleryAlt>.AlterGrid:nth-child(even)>.imgAlterGridText {
    order: 1;
}

.imgGalleryAlt>.AlterGrid:nth-child(odd)>.imgAlterGridText,
.imgGalleryAlt>.AlterGrid:nth-child(even)>.imgContainer {
    order: 2;
}

@media only screen and (max-width: 768px) {
    .imgGalleryAlt>.AlterGrid:nth-child(even)>.imgAlterGridText {
        order: 2;
    }

    .imgGalleryAlt>.AlterGrid:nth-child(even)>.imgContainer {
        order: 1;
    }
}

/*-----imgChart-----*/
.Imgchart {
    width: 100%;
    display: flex;
    align-items: center;
}

.Imgchart>.imgContainer {
    width: 100%;
    max-width: 1000px;
    display: flex;
    border: 0;
}

.Imgchart>.imgContainer a {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.imgContainer>.swiper-wrapper>.swiper-slide a {
    width: 100%;
}

.contentWrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex;
    object-position: center;
    z-index: 1;
    border: 0;
}

.contentWrap a:hover {
    color: #ec1c23;
}

.video {
    position: relative;
}

.video:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    width: 100px;
    height: 100px;
    transform: translate(-50%, -50%);
    background-image: url(../../assets/images/play.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 200;
    box-sizing: border-box;
    opacity: 0.7;
}


/*-----lightbox-----*/
.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px 0;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible;

    font-weight: 400;
    font-family: Gill-Sans, Monsterrat, Noto Sans, sans-serif;
    letter-spacing: 0.7px;
    text-decoration: none;
    line-height: 2;
    letter-spacing: 0.7px;
    font-size: 19px;
}

.has-iframe div {
    background: rgba(24, 24, 27, 0.98);
}

.scrollToTop {
    position: -webkit-sticky;
    position: sticky;
    margin: 0 10px;
    bottom: 35px;
    right: 35px;
    width: 50px;
    height: 50px;
    display: none;
    justify-content: flex-end;
    border: none;
    outline: none;
    background-color: red;
    opacity: 0.3;
    z-index: 99;
    cursor: pointer;
    margin-left: auto;
    margin-top: auto;
}

@media only screen and (max-width: 768px) {
    .scrollToTop {
        bottom: 20px;
        right: 20px;
    }
}

.scrollToTop img {
    margin-top: 3px;
}

.scrollToTop:hover {
    opacity: 1;
}