/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    body.single-product #footer .col.large-2 {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
    body.single-product #footer .col.large-6 {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
    .pb-4, .py-4 {
        padding-bottom: 1.5rem !important;
    }
    .pt-4, .py-4 {
        padding-top: 1.5rem !important;
    }
    h1.deco {
        padding-left: 0px;
        margin-left: 0px;
    }

    h2.deco {
        margin-left: 0px;
    }
    h1.deco.lead.mb-4 {
        margin-left: 0px;
    }

    .deco::before {
        opacity: 0;
    }

    h1.deco-right.lead {
        margin-right: 0px;
    }

    .deco-right::after {
        opacity: 0;
    }
    body .slider-nav-dots-dashes-spaced .flickity-page-dots .dot {
        border-radius: 0;
        height: 2px;
        width: 25px;
    }
    .mb-center h1.mb-3 {
        text-align: center;
        line-height: 1;
    }
    body.home h1, body.home h2, body.home h2 strong span {
        font-size: 24px !important;
      
    }
    .label-pc {
        position: relative !important;
    }
    body .section-1 {
        padding: 30px 0 60px;
        background-position: center;
        background-position-y: 425px;
    }
    body .mb-lef .col-inner {
        display: flex !important;
        justify-content: center !important;
    }

    .mb-center .col-inner {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
    }

    i.icon-menu {
        color: #fff;
    }

    .mfp-content {
        background: #2b2b2b !important;
        color: #fff !important;
    }

    

    .mfp-content div#main-menu ul li a {
        color: #fff;
    }

    .mb-center .col-inner .text p {
        text-align: center !important;
    }
    .mb-center h2 {
        text-align: center !important;
    }
    .mb-center  .img {
        text-align: center;
        justify-content: center !important;
        margin: 0px;
        margin-bottom: 10px;
    }
    .welcome-box::after{
        display: none !important;
    }
    body .welcome-box {
        top: 25px;
        font-size: 13px;
        padding-left: 10px;
        padding-right: 10px;
    }
    body .social-sec {
        background: #f5f5f5 url(/wp-content/uploads/2025/09/about-top-bg.jpg)no-repeat bottom center;
                min-height: 460px;
        padding: 30px 0;
    }
    body .sld-title
     {
            font-size: 28px;
            line-height: 1.3;
        }
          body .mission-sec .fairy-img img {
            position: absolute;
            top: -280px;
            max-width: 380px;
        }
        h1 span{
            font-size: 24px !important;
        }
        .order-2{
            order: 2;
        }
        .order-1{
            order: 1;
        }

}
/* Áp dụng font Montserrat cho toàn bộ trang */
body {
  font-family: "Montserrat", sans-serif;
}
body.home h1 {
    font-size: 40px;
    font-weight: 300 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

h1 {
    font-size: 40px;
   
    text-transform: uppercase;
    letter-spacing: 1px;
}
.extra-large {
    font-size: 24pt;
    font-weight: 900;
}
body.home h1 strong, body.home h2 strong{
    font-weight: bold;
}
body.home h2 {
    
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* Áp dụng riêng cho tiêu đề */
h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700; /* bold */
}
.ftp-box hr {
    border: 1px solid #606060;
    margin-top: .5rem;
}
.ftp-box a:hover {
    color: #cc43ff !important;
}
hr {
    
    margin-bottom: 1rem;
    opacity: 1 !important;
}
.absolute-footer {
    display: none !important; 
}
.copyright {
    padding-bottom: 0px !important;
}
.ftp-box a {
    color: #fff;
    font-weight: 300;
    font-size: 13px;
    /* line-height: 2; */
    display: block;
    padding: 0;
    margin: 0px;
}
.bg-gradient .extra-large{
    font-weight: 500 !important;
    font-size: 16px !important;
}
.ftp-box h4 {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 1px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}
/* Áp dụng cho đoạn văn */
p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400; /* normal */
}

/* Áp dụng cho liên kết */
a {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  text-decoration: none;
}
/* Kích thước scrollbar */
::-webkit-scrollbar {
    width: 8px;   /* dọc */
    height: 8px;  /* ngang */
}

/* Phần thumb (nút kéo) */
::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, rgba(145, 0, 255, 1) 0%, rgba(236, 41, 122, 1) 100%);
    border-radius: 20px;
}

/* Phần track (nền) */
::-webkit-scrollbar-track {
    background: #2c2c2c;
}

.header-main .nav > li > a {
    line-height: 16px;
    font-size: 14px;
}
.nav-dropdown .menu-item-has-children>a, .nav-dropdown .nav-dropdown-col>a, .nav-dropdown .title>a {
    font-weight: 400; !important;
}


.section-1 {
    position: relative; */
    min-height: 700px;
    background-size: contain;
    padding: 80px 0 30px;
    background: #fff url(https://www.gamingsoft.com/Content/v2/images/GS-index_02.webp) no-repeat top right;
    /* position: relative; */
    min-height: 700px;
    background-size: contain;
    padding: 80px 0 30px;
}
.label-pc {
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 0;
    pointer-events: none;
}


.learn-btn {
    color: #fff;
    font-size: 17px;
    letter-spacing: 1px;
    
    border-radius: 4px;
    display: inline-block;
    background-size: auto 200%;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    background-image: linear-gradient(to bottom, #ec297a 0%, #9100ff 40%, #9100ff 60%, #ec297a 100%);
    transition: .5s;
}
.gapi-img img{
  animation: float 3s ease-in-out infinite;
}
@keyframes float {
  0% {
    transform: translatey(0);
  }
  50% {
    transform: translatey(-25px);
  }
  100% {
    transform: translatey(0);
  }
}
.usp-box .counter-value {
    color: #000;
    font-weight: 900;
    font-size: 36px;
    line-height: 1;
}
.usp-box sup {
    font-size: 25px;
    font-weight: 700;
    vertical-align: top;
    top: 15px;
    color: #000;
}
.count-caption {
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    width: 155px;
    margin: auto;
    margin-top: 12px;
    text-align: center;
    line-height: 1.3;
}
.wpoint-wrapper {
    position: relative;
    padding: 30px;
    max-width: 1050px;
    height: auto;
    border-left: 15px solid #9100ff;
    border-right: 15px solid #ec297a;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 20px;
    -moz-background-size: 100% 15px;
    background-size: 100% 15px;
    background-image: linear-gradient(135deg, #9100ff 0%, #ec297a 100%), linear-gradient(135deg, #9100ff 0%, #ec297a 100%);
}
.latest-news-sec {
    background: #fcfcfc url(/wp-content/uploads/2025/09/our-client-bg.png) no-repeat center top;
    padding: 150px 0 15px;
    min-height: 800px;
    font-size: 16px;
}
.submit-btn:focus, .learn-btn:hover {
    color: #fff;
}
.theme-btn:hover, .learn-btn:hover {
    transition: all .4s 
ease-in-out;
    background-position: bottom center;
}
.theme-btn:focus, .theme-btn:hover, .learn-btn:focus, .learn-btn:hover {
    color: #fff;
}
/*
* Element Name: Dropdown Menu Four
* Discover More: https://flelements.com/
* Author: Obelix Media
*/
@media (min-width: 850px) {
    header#header ul.sub-menu a:hover, header#header .nav-dropdown li.active>a {
        
        background: #ab0cd8;
        color: #fff;
    }
}
@media (min-width: 850px) {
    header#header .header-nav.header-nav-main > li:hover > a, header#header .header-nav.header-nav-main > li.current-dropdown > a {
        
        z-index: 10;
        position: relative;
    }

    /* All submenu style */
    header#header ul.sub-menu, header#header .nav-dropdown {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: 0;
        padding: 1rem 0;
        border: none;
        min-width: 215px;
        background: white;
        -webkit-box-shadow: 0 10px 35px -5px rgba(0,0,0,.2);
                box-shadow: 0 10px 35px -5px rgba(0,0,0,.2);
        text-align: left;
        
        -webkit-transition: all .85s cubic-bezier(.19,1,.22,1);
        -o-transition: all .85s cubic-bezier(.19,1,.22,1);
        transition: all .85s cubic-bezier(.19,1,.22,1);
        -webkit-transition-property: opacity,visibility,-webkit-transform;
        transition-property: opacity,visibility,-webkit-transform;
        -o-transition-property: transform,opacity,visibility;
        transition-property: transform,opacity,visibility;
        transition-property: transform,opacity,visibility,-webkit-transform;
        display: block;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transform: translateY(15px);
            -ms-transform: translateY(15px);
                transform: translateY(15px);
        max-height: unset;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    header#header .has-dropdown .icon-angle-down {
        opacity: 1;
    }

    header#header .header-nav.header-nav-main > li > .nav-dropdown {
        left: -26px;
        top: 41px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    /* Right menu */
    header#header .nav-right .nav-dropdown {
        left: auto;
        right: auto;
        min-width: unset;
    }

    header#header .nav-right > li:not(:hover) > .nav-dropdown {
        -webkit-transition: none!important;
        -o-transition: none!important;
        transition: none!important;
    }

    header#header .nav-right .nav-dropdown a {
        white-space: nowrap;
    }

    header#header .nav-right .account-item .nav-dropdown {
        text-align: center;
    }

    header#header .header-search-dropdown .header-search-form {
        padding: .6em .8em!important;
    }

    header#header .nav-right .current-dropdown .nav-dropdown {
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        -o-transition-property: opacity, transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform;
    }

    /* Submenu on hover, active */
    header#header .current-dropdown > .nav-dropdown, header#header .nav-dropdown li:hover > ul.sub-menu {
        display: block;
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }

    header#header .nav-dropdown ul.sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
        min-width: 180px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    header#header .nav-dropdown li {
        color: var(--obelix-header-color, #161618);
        width: 100%;
        display: block;
        position: relative;
        margin: 0!important;
        border: none;
        opacity: 0;
        -webkit-transition: all .5s cubic-bezier(.17,.84,.44,1);
        -o-transition: all .5s cubic-bezier(.17,.84,.44,1);
        transition: all .5s cubic-bezier(.17,.84,.44,1);
        -webkit-transition-property: opacity,-webkit-transform;
        transition-property: opacity,-webkit-transform;
        -o-transition-property: transform,opacity;
        transition-property: transform,opacity;
        transition-property: transform,opacity,-webkit-transform;
        -webkit-transform: translateY(15px);
            -ms-transform: translateY(15px);
                transform: translateY(15px);
        width: auto;
    }

    header#header .header-nav.header-nav-main li.menu-item-has-children:hover > .nav-dropdown > li, header#header .header-nav.header-nav-main li.menu-item-has-children:hover > .sub-menu > li, header#header .header-nav.header-nav-main li.current-dropdown > .nav-dropdown > li {
        opacity: 1;
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }

    header#header .nav-dropdown li:hover {
        color: var(--fs-color-primary);
    }

    header#header .nav-dropdown a {
        display: block;
        padding: .6rem 1.6rem;
        margin: 0!important;
        text-transform: unset;
        font-size: .9rem;
        line-height: 1.4;
        -webkit-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        position: relative;
        border-radius: 0;
        border: none;
        color: #000;
    }

    header#header .nav-dropdown li.menu-item-has-children > a {
        text-transform: unset;
        padding-right: 2.2rem;
    }

    header#header .nav-dropdown li.menu-item-has-children > a::after {
        font-family: 'fl-icons';
        content: '\f105';
        position: absolute;
        right: 1.2rem;
        top: 50%;
        -webkit-transform: translateY(-44%);
        -ms-transform: translateY(-44%);
        transform: translateY(-44%);
        font-weight: lighter;
    }

    /* Text hover style */
    header#header ul.sub-menu a:hover, header#header .nav-dropdown li.active>a {
        text-transform: none;
        
    }
}

.nav-vertical li li.menu-item-has-children>a, .nav-vertical li .children > li > a {
    font-weight: bold;
}

/* Mobile menu */
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
    background: #fff;
    border-right: 1px solid #eee;
    -webkit-transition: -webkit-transform 0.3s ease-in;
    transition: -webkit-transform 0.3s ease-in;
    -o-transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
    transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
    -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03);
            box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.03);
}

.mfp-wrap.off-canvas-left .mfp-close {
    border-radius: 50%;
    opacity: 1;
    left: calc(var(--obelix-drawer-width, 300px) + 1rem);
   
    top: 1rem;
    background: white;
    color: var(--obelix-header-color, black);
    mix-blend-mode: normal;
}

.mfp-wrap.off-canvas-left .mfp-close svg {
    stroke-width: 1px;
    -webkit-transition: -webkit-transform .3s 0s cubic-bezier(.65,.05,.36,1);
    transition: -webkit-transform .3s 0s cubic-bezier(.65,.05,.36,1);
    -o-transition: transform .3s 0s cubic-bezier(.65,.05,.36,1);
    transition: transform .3s 0s cubic-bezier(.65,.05,.36,1);
    transition: transform .3s 0s cubic-bezier(.65,.05,.36,1), -webkit-transform .3s 0s cubic-bezier(.65,.05,.36,1);
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
}

.has-off-canvas.has-off-canvas-left .mfp-wrap.off-canvas-left .mfp-close svg {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
}

@media screen and (max-width: 849px) {
    
    .has-off-canvas.has-off-canvas-left #wrapper {
        -webkit-transition: -webkit-transform 0.3s ease-in;
        transition: -webkit-transform 0.3s ease-in;
        -o-transition: transform 0.3s ease-in;
        transition: transform 0.3s ease-in;
        transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
        -webkit-transform: translateX(var(--obelix-drawer-width, 300px));
            -ms-transform: translateX(var(--obelix-drawer-width, 300px));
                transform: translateX(var(--obelix-drawer-width, 300px));
        -webkit-transition-delay: .07s;
             -o-transition-delay: .07s;
                transition-delay: .07s;
    }

    .has-off-canvas.has-off-canvas-left #wrapper .mobile-nav {
        opacity: 0;
    }

    /* Hide scollbar */
    .off-canvas-left .mfp-content {
        -ms-overflow-style: none;
        /* Internet Explorer 10+ */
        scrollbar-width: none;
        /* Firefox */
    }

    .off-canvas-left .mfp-content::-webkit-scrollbar {
        display: none;
        /* Safari and Chrome */
    }

    .mobile-sidebar .nav-sidebar.nav-vertical>li.menu-item.active, .mobile-sidebar .nav-sidebar.nav-vertical>li.menu-item:hover {
        background-color: unset;
    }

    .mobile-sidebar .nav-sidebar.nav-vertical>li+li {
        border: none;
    }

    .mobile-sidebar .nav-sidebar.nav-vertical .children {
        padding-bottom: .4rem;
        padding-right: 20px;
        margin-top: -.4rem;
    }

    .mobile-sidebar .sidebar-menu a {
        color: var(--obelix-header-color);
        font-size: 1.05rem;
    }

    .mobile-sidebar .sidebar-menu .active>a {
        color: var(--fs-color-primary);
        border-color: transparent;
    }

    .mobile-sidebar .sidebar-menu .active > .sub-menu a::before {
        -webkit-transform: scaleX(1)!important;
            -ms-transform: scaleX(1)!important;
                transform: scaleX(1)!important;
    }

    .mobile-sidebar .sidebar-menu .toggle {
        --toggle-line-width: 11px;
        --toggle-color: #fff;
        opacity: 1 !important;
    }

    .mobile-sidebar .sidebar-menu .active>.toggle {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        --toggle-color: #fff;
    }

    .mobile-sidebar .sidebar-menu .toggle i {
        position: relative;
    }

    .mobile-sidebar .sidebar-menu .toggle i::before, .sidebar-menu .toggle i::after {
        content: "";
        position: absolute;
        height: var(--toggle-line-width);
        width: 2px;
        top: calc(50% - var(--toggle-line-width) / 2);
        left: calc(50% - 1px);
        border-radius: 2px;
        background-color: var(--toggle-color);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    }

    .mobile-sidebar .sidebar-menu .toggle i::after {
        width: var(--toggle-line-width);
        height: 2px;
        top: calc(50% - 1px);
        left: calc(50% - var(--toggle-line-width) / 2);
    }

    .mobile-sidebar .sidebar-menu .active>.toggle i::before {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
    }

    /* Child sub menu */
    .mobile-sidebar .nav-vertical li li.menu-item-has-children:not(:first-child) {
        margin-top: 0;
    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li li {
        padding-left: 1rem;
        margin: 0;
        position: relative;
    }

    s.off-canvas:not(.off-canvas-center) .nav-vertical li a {
        padding-left: 0;
        padding-right: 0;
    }

    .mobile-sidebar .nav-vertical li li.menu-item-has-children>a {
        letter-spacing: 0;
        text-transform: unset;
    }

    .mobile-sidebar .nav-vertical>li>ul li a {
        display: block;
        padding-top: .8rem;
        padding-bottom: .8rem;
        padding-left: 0!important;
        margin: 0 0 0 1rem!important;
        text-transform: unset;
        font-size: .9rem;
        line-height: 1.4;
        -webkit-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        position: relative;
        border-radius: 0;
        border: none;
        border-bottom: 1px solid rgba(13, 23, 32, 0.0784313725);
    }

    .mobile-sidebar .nav-vertical li li:last-child a {
        border: none;
    }

    /* Child Toggle */
    .mobile-sidebar .nav-vertical .obelix-mobile-has-toggle {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
    }

    .mobile-sidebar .nav-vertical .obelix-mobile-has-toggle .toggle {
        margin: 0;
        right: -16px;
        position: absolute;
        top: 0;
        height: 46px;
        opacity: 1;
    }

    .mobile-sidebar .nav-vertical li li li a::after {
        content: "";
        display: inline-block;
        position: absolute;
        bottom: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        left: -.7em;
        background: black;
        width: 4px;
        height: 1px;
        -webkit-transition: 0.4s ease-in;
        -o-transition: 0.4s ease-in;
        transition: 0.4s ease-in;
        z-index: 1;
    }

    .mobile-sidebar .nav-vertical li li li.active > a::after {
        background: var(--fs-color-primary);
    }
}
@media screen and (max-width: 549px) {
    .mfp-wrap.off-canvas-left .mfp-close {
        left: auto;
        right: calc((100vw - var(--obelix-drawer-width, 300px)) / 2 - 24px);

    }
    
}
/**** End Dropdown Menu Four ****/

input#woocommerce-product-search-field-0 {
    background-color: #fff !important;
}
header#header::after {
    content: "";
    position: absolute;
    left: 0;
    height: 3px;
    width: 100%;
    background: linear-gradient(to right, rgba(145, 0, 255, 1) 0%, rgba(236, 41, 122, 1) 100%);
    
}

h5.post-title.is-large {
    color: #000;
    font-size: 20px;
    font-weight: 500;
}

.post-meta.is-small.op-8 {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    color: #343a40 !important;
}

p.from_the_blog_excerpt {
    color: #6c757d !important;
    font-size: 16px;
    font-weight: 400;
}

.talk-to-us-bg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.talk-to-us-bg:before {
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 60vh;
  background-image: linear-gradient(
    -180deg,
    #fff 0%,
    rgba(255, 255, 255, 0) 100%
  );
}
.talk-to-us-bg:after {
  z-index: 1;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  height: 20vh;
  background-image: linear-gradient(
    0deg,
    #ebebeb 0%,
    rgba(235, 235, 235, 0) 100%
  );
}
.squares {
  height: 100%;
  display: flex;
  justify-content: space-around;
  overflow: hidden;
}
.square {
  animation: squares 9.5s linear infinite;
  align-self: flex-end;
  width: 1em;
  height: 1em;
  transform: translateY(100%);
  background: #9100ff26;
}
.square:nth-child(2) {
  height: 1.5em;
  width: 3em;
  animation-delay: 1s;
  animation-duration: 17s;
  -webkit-filter: blur(5px);
}
.square:nth-child(3) {
  height: 2em;
  width: 1em;
  animation-delay: 1.5s;
  animation-duration: 8s;
  -webkit-filter: blur();
}
.square:nth-child(4) {
  height: 1em;
  width: 1.5em;
  animation-delay: 0.5s;
  -webkit-filter: blur(3px);
  animation-duration: 13s;
}
.square:nth-child(5) {
  height: 1.25em;
  width: 2em;
  animation-delay: 4s;
  -webkit-filter: blur(2px);
  animation-duration: 11s;
}
.square:nth-child(6) {
  height: 2.5em;
  width: 2em;
  animation-delay: 2s;
  -webkit-filter: blur(1px);
  animation-duration: 9s;
}
.square:nth-child(7) {
  height: 5em;
  width: 2em;
  -webkit-filter: blur(2.5px);
  animation-duration: 12s;
}
.square:nth-child(8) {
  height: 1em;
  width: 3em;
  animation-delay: 5s;
  -webkit-filter: blur(6px);
  animation-duration: 18s;
}
.square:nth-child(9) {
  height: 1.5em;
  width: 2em;
  -webkit-filter: blur(0.5px);
  animation-duration: 9s;
}
.square:nth-child(9) {
  height: 3em;
  width: 2.4em;
  animation-delay: 6s;
  -webkit-filter: blur(0.5px);
  animation-duration: 12s;
}
@keyframes squares {
  from {
    transform: translateY(100%) rotate(-50deg);
  }
  to {
    transform: translateY(calc(-100vh + -100%)) rotate(20deg);
  }
}

.welcome-box {
  position: absolute;
  max-width: 700px;
  color: #fff;
  font-size: 18px;
  top: 160px;
}
.social-sec {
    background: #f5f5f5 url(/wp-content/uploads/2025/09/imgi_35_about-top-bg.jpg) no-repeat top center;
    min-height: 786px;
    padding: 30px 0;
}
.welcome-box::after {
  content: "";
  background: url(/wp-content/uploads/2025/09/frame_about.png) no-repeat center;
  width: 772px;
  height: 389px;
  position: absolute;
  top: -91px;
  left: 222px;
}
.sld-title {
    font-weight: 700;
    font-size: 60px;
    line-height: 1;
}
.sld-sm-title {
    font-weight: 600;
    font-size: 22px;
}
.mission-sec {
    background: #f5f5f5 url(/wp-content/uploads/2025/09/about-bg.jpg) no-repeat right bottom;
    background-size: 100%;
    position: relative;
    padding: 45px 0;
    font-size: 16px;
}
.position-relative {
    position: relative !important;
}
.t-body p {
    font-weight: 500 !important;
    font-size: 16px;
}
@media (max-width: 1400px) {
    .mission-sec .fairy-img img {
        position: absolute;
        top: -468px;
        right: 0;
        max-width: 680px;
        width: 100%;
    }
}
.fairy-img .img-inner.dark {
    overflow: inherit !important;
}

.community-sec {
    background: linear-gradient(to right, rgba(145, 0, 255, 1) 0%, rgba(236, 41, 122, 1) 100%);
    padding: 80px 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.text-center {
    text-align: center !important;
}
.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}
.cmcaption {
    max-width: 235px;
    margin: auto;
    margin-top: 5px;
    line-height: 1.2;
    letter-spacing: 1px;
}
.cmbox sup {
    font-size: 30px;
    font-weight: 500;
    top: -12px;
    line-height: 1;
}
.cmbox .counter-value {
    font-size: 42px;
    font-weight: 700;
    line-height: 1;
}
.cmbox p {
    margin-bottom: 0px;
}
.row-dashed .col:before, .row-solid .col:before {
    border-left: 1px solid #ddd !important;
    content: " ";
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0;
}
.row-dashed .col:after, .row-solid .col:after {
    border-bottom: 1px solid #ddd !important;
    bottom: -1px;
    content: " ";
    height: 0;
    left: 0;
    position: absolute;
    top: auto;
    width: 100%;
}
.about-us-contact-btn {
    margin: auto;
    margin-top: 50px;
}
a.about-us-contact-btn {
    box-shadow: none !important;
    color: #b92d3a !important;
    
    padding: 5px 36px;
    border-radius: 4px;
    display: inline-block;
    background-size: auto 200%;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 11%), 0 1px 3px rgba(0, 0, 0, 8%);
    background-image: linear-gradient(to bottom, #f8f9fa 0%, #fcfcfc 40%, #f8f9fa 60%, #fcfcfc 100%);
    transition: .5s;
}

a.about-us-contact-btn span{
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 1px;
}

.hero {
    padding: 160px 20px;
    text-align: center;
    position: relative;
    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%);
    color: white;
}

.hero h1 {
    font-size: 3.5rem;
    font-weight: 700 !important; 
    margin-bottom: 20px;
    background: linear-gradient(to right, rgba(145, 0, 255, 1) 0%, rgba(236, 41, 122, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: glow 2s 
ease-in-out infinite alternate;
}

.hero p {
    font-size: 1.2rem;
    opacity: 0.9;
    line-height: 1.6;
    margin-bottom: 40px;
}
.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%2345caff" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
  opacity: 0.3;
  pointer-events: none;
}

.floating-element {
  position: absolute;
  background: linear-gradient(
    135deg,
    rgba(145, 0, 255, 0.1),
    rgba(236, 41, 122, 0.1)
  );
  border-radius: 50%;
  animation: float2 6s ease-in-out infinite;
  z-index: 2;
}
.floating-elements {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
.floating-element:nth-child(1) {
  width: 80px;
  height: 80px;
  top: 20%;
  left: 10%;
  animation-delay: 0s;
}

.floating-element:nth-child(2) {
  width: 120px;
  height: 120px;
  top: 60%;
  right: 15%;
  animation-delay: 2s;
}

.floating-element:nth-child(3) {
  width: 60px;
  height: 60px;
  top: 80%;
  left: 20%;
  animation-delay: 4s;
}

.floating-element:nth-child(4) {
  width: 120px;
  height: 120px;
  top: 10%;
  left: 30%;
  animation-delay: 2s;
}

@keyframes float2 {
  0%,
  100% {
    transform: translateY(0px) rotate(0deg);
  }

  50% {
    transform: translateY(-20px) rotate(180deg);
  }
}

.contact-info .col-inner{
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
    border-radius: 20px;
    padding: 40px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.form-section {
    margin-bottom: 40px;
}

.form-section h3 {
    font-size: 1.5rem;
    margin-bottom: 20px;
    color: #9100ff;
    display: flex;
    font-weight: 700;
    align-items: center;
}
.mr-3, .mx-3 {
    margin-right: 1rem !important;
}
.form-section h3::before {
    content: '';
    width: 4px;
    height: 25px;
    background: linear-gradient(to right, rgba(145, 0, 255, 1) 0%, rgba(236, 41, 122, 1) 100%);
    border-radius: 2px;
    margin-right: 15px;
}

.info-item {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    position: relative;
    z-index: 2;
    padding: 12px;
    border-radius: 15px;
    transition: .25s all;
}

.info-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(to right, rgba(145, 0, 255, 1) 0%, rgba(236, 41, 122, 1) 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    font-size: 20px;
    color: white;
}
.info-text p {
    opacity: 0.7;
    line-height: 1.5;
    color: #666;
    margin-bottom: 0;
}
.info-text h3 {
    font-size: 1.1rem;
    margin-bottom: 5px;
    color: #000;
}
.info-item:hover {
    background: linear-gradient(to right, rgba(180, 120, 255, 1) 0%, rgba(255, 140, 180, 1) 100%);
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(145, 0, 255, 0.3);
    cursor: pointer;
}
.info-item:hover .info-text h3 {
    color: white;
}
.info-item:hover .info-text p {
    color: white;
    font-weight: 500;
}

.contact-form .col-inner {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
    border-radius: 20px;
    padding: 40px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.section-contact h3 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.section-contact small {
  font-size: 80%;
}
.section-contact label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.section-contact input,
.section-contact select {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.section-contact input {
  overflow: visible;
}
.section-contact select {
  text-transform: none;
  word-wrap: normal;
}
.section-contact h3 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  font-size: 1.75rem;
}
.section-contact .small,
.section-contact small {
  font-size: 0.875em;
  font-weight: 400;
}
.section-contact .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.section-contact .col-12,
.section-contact .col-md-6 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.section-contact .col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .section-contact .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.section-contact .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .section-contact .form-control {
    transition: none;
  }
}
.section-contact .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.section-contact .form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.section-contact .form-control:disabled {
  background-color: #e9ecef;
  opacity: 1;
}
.section-contact .form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.section-contact .form-group {
  margin-bottom: 1rem;
}
.section-contact .form-text {
  display: block;
  margin-top: 0.25rem;
}
.section-contact .mr-3 {
  margin-right: 1rem !important;
}
.section-contact .text-danger {
  color: #dc3545 !important;
}
@media print {
  .section-contact *,
  .section-contact ::after,
  .section-contact ::before {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  .section-contact h3 {
    orphans: 3;
    widows: 3;
    page-break-after: avoid;
  }
}
.section-contact input[type="text"],
.section-contact input[type="email"],
.section-contact select {
  color: #666;
  width: 100%;
}
.section-contact h3 {
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 1px;
}
.section-contact ::-webkit-scrollbar {
  width: 0.5rem;
}
.section-contact ::-webkit-scrollbar-thumb {
  background: linear-gradient(
    to bottom,
    rgba(145, 0, 255, 1) 0%,
    rgba(236, 41, 122, 1) 100%
  );
  border-radius: 20px;
}
.section-contact ::-webkit-scrollbar-track {
  background: #2c2c2c;
}
.section-contact *,
.section-contact *::before,
.section-contact *::after {
  scroll-behavior: smooth;
}
.section-contact .form-control:focus {
  border-color: #ced4da;
  box-shadow: inherit !important;
}
.section-contact .form-section {
  margin-bottom: 40px;
}
.section-contact .form-section h3 {
  font-size: 1.5rem;
  margin-bottom: 20px;
  color: #9100ff;
  display: flex;
  align-items: center;
}
.section-contact .form-section h3::before {
  content: "";
  width: 4px;
  height: 25px;
  background: linear-gradient(
    to right,
    rgba(145, 0, 255, 1) 0%,
    rgba(236, 41, 122, 1) 100%
  );
  border-radius: 2px;
  margin-right: 15px;
}
.section-contact .form-group {
  margin-bottom: 20px;
}
.section-contact label {
  margin-bottom: 8px;
  font-weight: 500;
  color: #000;
  display: block;
}
.section-contact .form-control {
  border-radius: 12px;
  color: #333;
  font-size: 16px;
  transition: all 0.3s ease;
}
.section-contact .form-control:focus {
  outline: none;
}

.security-notice {
    background: linear-gradient(135deg, rgba(145, 0, 255, 0.1), rgba(236, 41, 122, 0.1));
    border: 1px solid rgba(145, 0, 255, 0.3);
    border-radius: 12px;
    padding: 20px;
    margin-top: 30px;
    text-align: center;
}

span.wpcf7-form-control.wpcf7-checkbox {
    color: #666;
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 8px;
    /* margin-top: 20px !important; */
}

.form-check.mt-3 {
    margin-top: 10px;
}

.security-notice {
    margin-top: 0px;
}

.submit-btn {
    width: 100%;
    background: linear-gradient(to right, rgba(145, 0, 255, 1) 0%, rgba(236, 41, 122, 1) 100%);
    border: none;
    border-radius: 12px;
    padding: 12px;
    color: white;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

body.archive .large-10.col {
    flex-basis: 100%;
    max-width: 100%;
}

body.archive div#content {
    background: url(/wp-content/uploads/2025/09/gs_event-bg.jpg);
    background-repeat: repeat-y;
    /* padding: 150px 0 45px 0; */
    font-size: 16px;
}

body.archive  h1.page-title.is-large.uppercase {
    color: #fff;
    background-image: linear-gradient(180deg, #ec297a 0%, #9100ff 80%, #9100ff 100%, #ec297a 100%);
    padding: 10px;
    font-family: 'MONTSERRAT';
    font-weight: 500 !important;
    font-size: 1.3em;
    text-align: left;
}

body.archive  .single-event-date {
    color: #9100ff;
    font-weight: 500;
}

p.hnh-pp {
    font-weight: 500;
    font-size: 16px;
}

.single-event-title:hover a {
    color: #9100ff !important;
}
.single-event-title a {
    font-family: 'MONTSERRAT';
    font-weight: 500 !important;
    font-size: 1.3em !important;
    margin-top: 10px !important;
    color: #000 !important;
    transition: all .2s 
ease-in !important;
}

body.archive p.from_the_blog_excerpt {
    color: #191919 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-align: justify !important;
}

.single-event-readmore {
    color: #000;
    transition: all .2s ease-in;
    font-weight: 500;
}

a.hnh-bt {
    margin-top: 10px !important;
    /* margin-bottom: 10px; */
}
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    /* background-color: #e9ecef; */
    border-radius: .25rem;
    justify-content: center;
}
li.breadcrumb-item, li.breadcrumb-item a {
    margin-bottom: 0px;
    color: #fff !important;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/";
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem;
}
li.breadcrumb-item {
    margin-left: 0px !important;
}
.pb-5, .py-5 {
    padding-bottom: 3rem !important;
}
.pt-5, .py-5 {
    padding-top: 3rem !important;
}
.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}
.text-muted {
    color: #6c757d !important;
}
.lead {
    font-size: 1.25rem;
    font-weight: 300;
}
h2 {
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.text-muted {
    color: #6c757d !important;
}
.category-title {
    position: relative;
    display: inline-block !important;
    margin-bottom: 1rem;
    width: auto;
}
.category-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, rgba(145, 0, 255, 1) 0%, rgba(236, 41, 122, 1) 100%);
    border-radius: 2px;
}

.service-card .col-inner {
    background: #ffffff;
    border-radius: 15px !important;
    padding: 2rem;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    border: none;
    height: 100%;
}
.service-card .col-inner{
    position: relative;
    display: -ms-flexbox;
    
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}
.h5, h5 {
    font-size: 1.25rem;
}
.service-title {
    color: #2c3e50;
    font-weight: 600;
    margin-bottom: 1rem;
}
.service-description {
    color: #6c757d;
    margin-bottom: 1.5rem;
    line-height: 1.6;
}
.service-features {
    list-style: none;
    padding: 0;
    margin-bottom: 1.5rem;
}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
.service-features li {
    color: #6c757d;
    margin-bottom: 0.5rem;
    padding-left: 1.5rem;
    position: relative;
}
.service-features li::before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #28a745;
    font-size: 0.8rem;
}
.h4, h4 {
    font-size: 1.5rem;
}
.service-card:hover .col-inner {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.btn-gradient {
    background: linear-gradient(to right, rgba(145, 0, 255, 1) 0%, rgba(236, 41, 122, 1) 100%);
    border: none;
    color: white;
    
    border-radius: 25px;
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.cta-section {
    background: linear-gradient(135deg, #0a0118 0%, #1a0b2e 50%, #0f0a1a 100%);
    color: white;
    padding: 120px 20px;
    position: relative;
    overflow: hidden;
}

.banner-with-text {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    color: #fff !important;
}

@media (min-width: 768px) {
    .py-md-7 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}
@media (min-width: 992px) {
    .py-lg-8 {
        padding-top: 6.25rem !important;
        padding-bottom: 6.25rem !important;
    }
}
@media (min-width: 1200px) {
    .py-xl-9 {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important;
    }
}
@media (min-width: 576px) {
    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important;
    }
}
@media (min-width: 576px) {
    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important;
    }
}


@media (min-width: 768px) {
    .py-md-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
}
@media (min-width: 992px) {
    .pb-4, .py-4 {
        padding-bottom: 1.5rem !important;
    }
    .pt-4, .py-4 {
        padding-top: 1.5rem !important;
    }
    .py-lg-7 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}
@media (min-width: 576px) {
    .pb-sm-5, .py-sm-5 {
        padding-bottom: 3rem !important;
    }
}
@media (min-width: 576px) {
    .pt-sm-5, .py-sm-5 {
        padding-top: 3rem !important;
    }
}
.ml-auto, .mx-auto {
    margin-left: auto !important;
}
.mr-auto, .mx-auto {
    margin-right: auto !important;
}

.deco.lead, .deco-right.lead {
    font-weight: 700;
}
.deco {
    margin-left: 60px;
}
.deco, .deco-right {
    position: relative;
    margin-bottom: 32px;
    margin-top: 65px;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}
.lead {
    font-size: 1.25rem;
    font-weight: 300;
}
.deco::before {
    content: url(/wp-content/uploads/2025/09/border-deco.png);
    display: block;
    position: absolute;
    left: -60px;
    top: -65px;
}
.extra-large {
    font-size: 24pt;
    font-weight: 900;
}
.t-body p {
    font-weight: 500;
    font-size: 16px;
}
.m-0 {
    margin: 0 !important;
}
h1.deco.lead.mb-4 {
    color: #fff !important;
}

.deco.lead, .deco-right.lead {
    font-weight: 700;
}
.deco-right {
    margin-right: 60px;
    text-align: right;
}
.deco, .deco-right {
    position: relative;
    margin-bottom: 32px;
    margin-top: 65px;
}
.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.deco-right::after {
    content: url(/wp-content/uploads/2025/09/border-deco.png);
    display: block;
    position: absolute;
    right: -60px;
    top: -65px;
    transform: rotate(90deg);
}
.t-body p {
    font-weight: 500;
    font-size: 16px;
}
@media (min-width: 992px) {
    .text-lg-right {
        text-align: right !important;
    }
}

.bg-light {
    background-color: #f8f9fa !important;
}

@media (min-width: 992px) {
    .card-body.pl-lg-5 .col-inner, .card-body.px-lg-5  .col-inner{
        padding-left: 3rem !important;
    }
}
@media (min-width: 992px) {
    .card-body.pr-lg-5 .col-inner, .card-body.px-lg-5 .col-inner {
        padding-right: 3rem !important;
    }
}

.theme-btn {
    color: #fff;
    letter-spacing: 1px;
    display: inline-block;
    background-size: auto 200%;
    background-image: linear-gradient(to bottom, #ec297a 0%, #9100ff 40%, #9100ff 60%, #ec297a 100%);
    transition: .5s;
    padding: 8px 18px !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.rounded-pill {
    border-radius: 50rem !important;
}

.bg-gradient {
    position: relative;
    background: #7551a1;
    background-image: -moz-linear-gradient(177deg,#7551a1 0%,#ea2b7d 100%);
    background-image: -webkit-linear-gradient(177deg, #7551a1 0%, #ea2b7d 100%);
    background-image: -ms-linear-gradient(177deg,#7551a1 0%,#ea2b7d 100%);
}
.star-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
}
#stars-group-1 {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    opacity: 0;
    box-shadow: 404px 337px #fff, 738px 1693px #fff, 534px 1083px #fff, 740px 598px #fff, 1226px 321px #fff, 1452px 1038px #fff, 466px 1117px #fff, 1472px 781px #fff, 1472px 552px #fff, 446px 58px #fff, 1564px 1516px #fff, 1539px 508px #fff, 1572px 549px #fff, 726px 1739px #fff, 1704px 59px #fff, 273px 115px #fff, 651px 827px #fff, 313px 418px #fff, 1503px 751px #fff, 266px 93px #fff, 1446px 1063px #fff, 1735px 557px #fff, 895px 1482px #fff, 75px 553px #fff, 892px 1376px #fff, 363px 426px #fff, 1098px 325px #fff, 332px 1463px #fff, 323px 1515px #fff, 1321px 496px #fff, 493px 877px #fff, 474px 1381px #fff, 1318px 216px #fff, 1249px 148px #fff, 1152px 1216px #fff, 1785px 288px #fff, 58px 28px #fff, 928px 1376px #fff, 1076px 1403px #fff, 910px 1382px #fff, 1319px 1167px #fff, 1493px 680px #fff, 530px 976px #fff, 383px 1655px #fff, 1537px 23px #fff, 752px 1625px #fff, 261px 799px #fff, 97px 952px #fff, 1204px 1603px #fff, 1327px 1073px #fff, 1204px 929px #fff, 1055px 1160px #fff, 1389px 1442px #fff, 1686px 1691px #fff, 9px 1677px #fff, 1737px 1430px #fff, 151px 837px #fff, 1684px 26px #fff, 882px 21px #fff, 984px 653px #fff, 1763px 1728px #fff, 1744px 1486px #fff, 859px 1033px #fff, 801px 274px #fff, 602px 469px #fff, 1202px 85px #fff, 1463px 83px #fff, 1107px 614px #fff, 294px 1046px #fff, 1309px 669px #fff, 380px 1335px #fff, 1290px 826px #fff, 762px 1786px #fff, 834px 1087px #fff, 967px 574px #fff, 1205px 1697px #fff, 368px 755px #fff, 1668px 1510px #fff, 1675px 451px #fff, 693px 1562px #fff, 1068px 1014px #fff, 365px 742px #fff, 1715px 1196px #fff, 541px 1379px #fff, 1267px 539px #fff, 681px 455px #fff, 1071px 787px #fff, 1700px 1012px #fff, 235px 478px #fff, 873px 302px #fff, 1591px 179px #fff, 1388px 1625px #fff, 563px 1729px #fff, 1430px 277px #fff, 994px 1288px #fff, 1589px 482px #fff, 1386px 801px #fff, 820px 810px #fff, 1575px 899px #fff, 548px 1648px #fff, 1661px 1655px #fff, 1123px 1246px #fff, 157px 89px #fff, 231px 140px #fff, 367px 1754px #fff, 1753px 1127px #fff, 1228px 1266px #fff, 1046px 1124px #fff, 288px 76px #fff, 1474px 43px #fff, 166px 305px #fff, 503px 900px #fff, 1531px 1218px #fff, 1031px 44px #fff, 446px 1436px #fff, 333px 686px #fff, 731px 885px #fff, 1024px 1778px #fff, 1453px 1317px #fff, 726px 903px #fff, 477px 482px #fff, 920px 1041px #fff, 663px 44px #fff, 1607px 1522px #fff, 1523px 189px #fff, 550px 878px #fff, 929px 315px #fff, 52px 576px #fff, 867px 1756px #fff, 1679px 1710px #fff, 1341px 1676px #fff, 583px 722px #fff, 757px 1747px #fff, 1482px 534px #fff, 1746px 641px #fff, 1012px 1023px #fff, 1355px 640px #fff, 565px 924px #fff, 312px 56px #fff, 786px 649px #fff, 1577px 1747px #fff, 1130px 1353px #fff, 85px 1277px #fff, 1125px 237px #fff, 67px 1781px #fff, 1327px 164px #fff, 490px 830px #fff, 1078px 720px #fff, 1344px 1444px #fff, 1268px 25px #fff, 336px 479px #fff, 1262px 547px #fff, 1257px 1484px #fff, 1090px 300px #fff, 1606px 1085px #fff, 750px 832px #fff, 567px 417px #fff, 917px 591px #fff, 1032px 868px #fff, 1610px 1182px #fff, 959px 913px #fff, 613px 1549px #fff, 1517px 433px #fff, 1254px 896px #fff, 417px 1701px #fff, 1393px 885px #fff, 1367px 1534px #fff, 589px 1091px #fff, 1050px 932px #fff, 1047px 160px #fff, 1534px 1765px #fff, 1439px 1178px #fff, 1768px 649px #fff, 333px 277px #fff, 383px 1256px #fff, 1px 964px #fff, 1441px 793px #fff, 1434px 1598px #fff, 1178px 1093px #fff, 1341px 1276px #fff, 1289px 381px #fff, 1237px 1470px #fff, 759px 590px #fff, 1608px 1158px #fff, 956px 705px #fff, 1245px 69px #fff, 850px 491px #fff, 494px 6px #fff, 1648px 1409px #fff, 1613px 1292px #fff, 737px 772px #fff, 1107px 1687px #fff, 228px 892px #fff, 1377px 1116px #fff, 803px 1264px #fff, 623px 177px #fff, 1401px 447px #fff, 246px 1506px #fff, 1752px 1401px #fff, 1402px 10px #fff;
    animation-name: glowing-stars;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: 
linear;
    animation-delay: 0s;
}
#stars-group-2 {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    opacity: 0;
    box-shadow: 1118px 1461px #fff, 1589px 1755px #fff, 1154px 1142px #fff, 1069px 523px #fff, 28px 792px #fff, 209px 1312px #fff, 1720px 139px #fff, 1204px 109px #fff, 145px 578px #fff, 1399px 1447px #fff, 1012px 912px #fff, 979px 1115px #fff, 1386px 993px #fff, 460px 130px #fff, 1586px 1740px #fff, 1224px 1538px #fff, 226px 875px #fff, 547px 176px #fff, 1373px 1455px #fff, 946px 928px #fff, 796px 1563px #fff, 525px 28px #fff, 765px 345px #fff, 1129px 952px #fff, 223px 1044px #fff, 1648px 767px #fff, 34px 536px #fff, 177px 792px #fff, 856px 363px #fff, 1137px 186px #fff, 1348px 492px #fff, 1091px 194px #fff, 1659px 1562px #fff, 910px 1208px #fff, 731px 1699px #fff, 689px 1346px #fff, 1106px 1569px #fff, 1347px 1799px #fff, 190px 352px #fff, 1129px 1254px #fff, 309px 181px #fff, 611px 1377px #fff, 1108px 1569px #fff, 1066px 415px #fff, 905px 450px #fff, 648px 1480px #fff, 1670px 218px #fff, 967px 1331px #fff, 893px 820px #fff, 479px 140px #fff, 1239px 576px #fff, 1166px 87px #fff, 818px 791px #fff, 572px 1326px #fff, 495px 589px #fff, 215px 749px #fff, 885px 407px #fff, 621px 1662px #fff, 1005px 1734px #fff, 1791px 451px #fff, 380px 119px #fff, 279px 1146px #fff, 792px 1470px #fff, 345px 36px #fff, 46px 1017px #fff, 1352px 1725px #fff, 1734px 800px #fff, 1287px 1130px #fff, 1165px 369px #fff, 227px 1003px #fff, 1291px 35px #fff, 1027px 911px #fff, 274px 346px #fff, 153px 65px #fff, 2px 1678px #fff, 681px 1750px #fff, 1355px 1663px #fff, 943px 978px #fff, 464px 944px #fff, 1305px 20px #fff, 608px 852px #fff, 367px 1025px #fff, 802px 870px #fff, 18px 472px #fff, 1493px 454px #fff, 1040px 864px #fff, 702px 1753px #fff, 1483px 1296px #fff, 115px 247px #fff, 594px 1764px #fff, 1540px 976px #fff, 349px 1366px #fff, 1029px 980px #fff, 649px 1217px #fff, 722px 1573px #fff, 1310px 390px #fff, 906px 1216px #fff, 1457px 854px #fff, 138px 447px #fff, 1357px 712px #fff, 838px 1528px #fff, 469px 24px #fff, 596px 5px #fff, 1196px 285px #fff, 103px 344px #fff, 768px 288px #fff, 1400px 38px #fff, 1457px 329px #fff, 942px 1475px #fff, 1032px 1397px #fff, 340px 638px #fff, 134px 993px #fff, 638px 1099px #fff, 423px 533px #fff, 1056px 178px #fff, 1168px 764px #fff, 247px 16px #fff, 1541px 817px #fff, 772px 1263px #fff, 84px 498px #fff, 438px 1564px #fff, 1045px 328px #fff, 747px 1708px #fff, 1209px 1068px #fff, 322px 1469px #fff, 660px 359px #fff, 755px 1459px #fff, 1570px 1337px #fff, 1198px 294px #fff, 659px 252px #fff, 527px 1573px #fff, 1529px 1307px #fff, 1564px 782px #fff, 1061px 456px #fff, 278px 1422px #fff, 1681px 1315px #fff, 332px 15px #fff, 490px 47px #fff, 523px 58px #fff, 325px 664px #fff, 1121px 1548px #fff, 1255px 1217px #fff, 396px 458px #fff, 757px 1496px #fff, 446px 1358px #fff, 225px 862px #fff, 783px 1702px #fff, 10px 1361px #fff, 247px 447px #fff, 1167px 1780px #fff, 171px 611px #fff, 89px 43px #fff, 1684px 626px #fff, 115px 1772px #fff, 789px 1213px #fff, 1734px 327px #fff, 824px 849px #fff, 1637px 1042px #fff, 1559px 1199px #fff, 624px 354px #fff, 692px 674px #fff, 927px 1592px #fff, 1630px 1346px #fff, 1620px 826px #fff, 974px 1640px #fff, 703px 35px #fff, 922px 1256px #fff, 523px 651px #fff, 1457px 1167px #fff, 1653px 1181px #fff, 208px 1438px #fff, 1355px 203px #fff, 73px 1304px #fff, 1114px 545px #fff, 567px 1117px #fff, 1005px 1655px #fff, 1263px 1101px #fff, 1651px 816px #fff, 777px 1001px #fff, 1523px 1666px #fff, 560px 564px #fff, 119px 1711px #fff, 1700px 596px #fff, 651px 1329px #fff, 1423px 1579px #fff, 552px 17px #fff, 119px 450px #fff, 402px 1204px #fff, 200px 667px #fff, 239px 1506px #fff, 1617px 1317px #fff, 633px 700px #fff, 818px 1600px #fff, 668px 1054px #fff, 1126px 79px #fff, 1424px 594px #fff, 1703px 855px #fff, 986px 1559px #fff, 1149px 467px #fff, 1074px 46px #fff;
    animation-name: glowing-stars;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: 
linear;
    animation-delay: .1s;
}
#stars-group-3 {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    opacity: 0;
    box-shadow: 887px 829px #fff, 653px 806px #fff, 585px 1146px #fff, 1553px 304px #fff, 35px 511px #fff, 711px 1147px #fff, 1379px 921px #fff, 1679px 1203px #fff, 888px 697px #fff, 1265px 1054px #fff, 146px 814px #fff, 558px 435px #fff, 1038px 896px #fff, 1015px 1016px #fff, 120px 279px #fff, 1105px 1309px #fff, 1554px 156px #fff, 1141px 1781px #fff, 520px 764px #fff, 482px 1324px #fff, 1711px 391px #fff, 1565px 1438px #fff, 1272px 1562px #fff, 1666px 975px #fff, 1324px 1245px #fff, 17px 295px #fff, 866px 303px #fff, 1608px 351px #fff, 50px 858px #fff, 803px 1221px #fff, 1274px 11px #fff, 206px 1785px #fff, 337px 958px #fff, 535px 50px #fff, 638px 448px #fff, 135px 1304px #fff, 135px 1027px #fff, 852px 1595px #fff, 129px 1629px #fff, 172px 1766px #fff, 821px 1553px #fff, 1003px 538px #fff, 1032px 588px #fff, 991px 50px #fff, 72px 119px #fff, 810px 881px #fff, 524px 548px #fff, 489px 961px #fff, 534px 1011px #fff, 1089px 479px #fff, 946px 535px #fff, 252px 880px #fff, 421px 965px #fff, 931px 325px #fff, 1672px 1380px #fff, 1053px 605px #fff, 115px 168px #fff, 550px 239px #fff, 1343px 607px #fff, 1509px 1557px #fff, 1162px 799px #fff, 196px 812px #fff, 458px 182px #fff, 334px 1192px #fff, 1226px 894px #fff, 5px 1288px #fff, 1236px 1620px #fff, 286px 850px #fff, 103px 1329px #fff, 1500px 144px #fff, 773px 1075px #fff, 63px 1611px #fff, 354px 60px #fff, 779px 1341px #fff, 57px 1313px #fff, 1168px 897px #fff, 1635px 1534px #fff, 308px 78px #fff, 134px 689px #fff, 1130px 75px #fff, 674px 344px #fff, 394px 1611px #fff, 594px 534px #fff, 1267px 180px #fff, 686px 384px #fff, 1079px 1591px #fff, 1192px 415px #fff, 111px 660px #fff, 169px 146px #fff, 1553px 307px #fff, 1319px 1116px #fff, 1268px 601px #fff, 375px 93px #fff, 1410px 601px #fff, 1392px 834px #fff, 1600px 372px #fff, 1620px 1181px #fff, 451px 52px #fff, 1774px 1089px #fff, 1639px 544px #fff, 1505px 280px #fff, 1528px 790px #fff, 1282px 825px #fff, 987px 708px #fff, 1782px 191px #fff, 978px 1106px #fff, 917px 1614px #fff, 1147px 870px #fff, 468px 937px #fff, 1148px 1607px #fff, 1372px 308px #fff, 574px 142px #fff, 681px 81px #fff, 74px 113px #fff, 8px 1232px #fff, 685px 386px #fff, 103px 513px #fff, 775px 1494px #fff, 1148px 1569px #fff, 472px 1785px #fff, 570px 1676px #fff, 223px 468px #fff, 1765px 1305px #fff, 1468px 1661px #fff, 381px 584px #fff, 1074px 371px #fff, 1611px 1596px #fff, 219px 1624px #fff, 1474px 198px #fff, 1382px 1274px #fff, 1047px 735px #fff, 1470px 377px #fff, 746px 267px #fff, 1292px 1095px #fff, 1262px 1098px #fff, 1117px 329px #fff, 1106px 534px #fff, 158px 1762px #fff, 576px 1382px #fff, 1366px 437px #fff, 472px 833px #fff, 612px 91px #fff, 1233px 1023px #fff, 794px 858px #fff, 633px 346px #fff, 1003px 1153px #fff, 408px 559px #fff, 639px 367px #fff, 1096px 1393px #fff, 66px 454px #fff, 1247px 1127px #fff, 1629px 1077px #fff, 216px 542px #fff, 1003px 1335px #fff, 1215px 1611px #fff, 1614px 1369px #fff, 739px 524px #fff, 1426px 1269px #fff, 206px 998px #fff, 631px 1528px #fff, 1444px 1054px #fff, 1058px 564px #fff, 1588px 227px #fff, 1121px 908px #fff, 1030px 1247px #fff, 1787px 651px #fff, 793px 1346px #fff, 1681px 1258px #fff, 1727px 61px #fff, 323px 926px #fff, 494px 1631px #fff, 1643px 724px #fff, 32px 586px #fff, 1471px 1765px #fff, 878px 271px #fff, 1500px 1229px #fff, 873px 763px #fff, 202px 213px #fff, 73px 947px #fff, 1218px 722px #fff, 1284px 1431px #fff, 1677px 425px #fff, 440px 105px #fff, 138px 472px #fff, 1765px 636px #fff, 1792px 15px #fff, 97px 66px #fff, 218px 801px #fff, 1764px 763px #fff, 35px 11px #fff, 1641px 374px #fff, 1571px 1069px #fff, 692px 426px #fff, 916px 814px #fff, 1772px 1610px #fff, 898px 971px #fff, 1346px 1049px #fff, 35px 1509px #fff, 1065px 1258px #fff, 802px 985px #fff;
    animation-name: glowing-stars;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: 
linear;
    animation-delay: .2s;
}
#stars-group-4 {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    opacity: 0;
    box-shadow: 976px 778px #fff, 435px 470px #fff, 1161px 1094px #fff, 1112px 753px #fff, 1149px 1325px #fff, 975px 1226px #fff, 1788px 1718px #fff, 1743px 717px #fff, 331px 645px #fff, 1316px 329px #fff, 347px 17px #fff, 928px 523px #fff, 1466px 166px #fff, 217px 1022px #fff, 824px 733px #fff, 330px 355px #fff, 242px 305px #fff, 806px 1353px #fff, 1442px 1759px #fff, 680px 1429px #fff, 196px 31px #fff, 447px 483px #fff, 677px 503px #fff, 659px 652px #fff, 1094px 1686px #fff, 1715px 937px #fff, 1475px 1520px #fff, 1607px 1580px #fff, 374px 1181px #fff, 1438px 83px #fff, 702px 1260px #fff, 1469px 419px #fff, 76px 1498px #fff, 1001px 1226px #fff, 413px 1220px #fff, 12px 43px #fff, 216px 865px #fff, 353px 1729px #fff, 1224px 75px #fff, 736px 719px #fff, 1401px 929px #fff, 1232px 322px #fff, 820px 1661px #fff, 1020px 1598px #fff, 1194px 350px #fff, 1042px 411px #fff, 1547px 1136px #fff, 384px 518px #fff, 1022px 1333px #fff, 1772px 1432px #fff, 386px 844px #fff, 910px 880px #fff, 610px 45px #fff, 1230px 1675px #fff, 1137px 1314px #fff, 652px 85px #fff, 713px 1491px #fff, 276px 964px #fff, 178px 725px #fff, 1656px 1360px #fff, 787px 1018px #fff, 1532px 1064px #fff, 74px 1041px #fff, 599px 905px #fff, 849px 1171px #fff, 1748px 85px #fff, 1251px 1530px #fff, 244px 21px #fff, 191px 386px #fff, 1361px 1667px #fff, 1066px 122px #fff, 803px 1174px #fff, 1659px 249px #fff, 219px 1566px #fff, 1577px 1609px #fff, 1688px 950px #fff, 1093px 1407px #fff, 553px 1676px #fff, 847px 603px #fff, 1445px 17px #fff, 278px 408px #fff, 653px 1647px #fff, 466px 1308px #fff, 152px 88px #fff, 1565px 1127px #fff, 448px 1743px #fff, 231px 1282px #fff, 78px 752px #fff, 876px 1423px #fff, 1337px 1630px #fff, 840px 1677px #fff, 533px 998px #fff, 1102px 1747px #fff, 1723px 1343px #fff, 262px 1244px #fff, 266px 209px #fff, 405px 168px #fff, 770px 1081px #fff, 1610px 16px #fff, 1240px 801px #fff, 465px 1081px #fff, 918px 1314px #fff, 623px 1616px #fff, 840px 1000px #fff, 1305px 1597px #fff, 320px 124px #fff, 1169px 273px #fff, 286px 1471px #fff, 1310px 120px #fff, 1176px 999px #fff, 286px 827px #fff, 1386px 1071px #fff, 1686px 938px #fff, 472px 883px #fff, 1451px 1725px #fff, 1661px 272px #fff, 1317px 430px #fff, 597px 147px #fff, 1635px 1380px #fff, 1080px 473px #fff, 58px 1224px #fff, 1081px 523px #fff, 610px 845px #fff, 1658px 1518px #fff, 1542px 146px #fff, 325px 1584px #fff, 612px 1696px #fff, 1326px 1462px #fff, 931px 1499px #fff, 1338px 973px #fff, 468px 861px #fff, 41px 475px #fff, 1173px 1674px #fff, 283px 1782px #fff, 184px 970px #fff, 949px 1104px #fff, 498px 941px #fff, 1144px 924px #fff, 384px 224px #fff, 327px 1469px #fff, 697px 1658px #fff, 1232px 757px #fff, 380px 349px #fff, 1081px 940px #fff, 1765px 956px #fff, 791px 378px #fff, 1737px 1235px #fff, 773px 242px #fff, 519px 775px #fff, 1055px 507px #fff, 1467px 1055px #fff, 1331px 69px #fff, 636px 289px #fff, 946px 1152px #fff, 242px 726px #fff, 339px 1429px #fff, 681px 500px #fff, 1500px 840px #fff, 579px 1005px #fff, 1047px 1231px #fff, 1555px 2px #fff, 610px 80px #fff, 1291px 1241px #fff, 1610px 1633px #fff, 1663px 1462px #fff, 1015px 154px #fff, 1720px 1154px #fff, 900px 1718px #fff, 502px 1713px #fff, 1528px 1727px #fff, 672px 302px #fff, 835px 995px #fff, 1408px 1057px #fff, 823px 235px #fff, 1454px 1219px #fff, 1465px 749px #fff, 1203px 1591px #fff, 1266px 1607px #fff, 1330px 1379px #fff, 1170px 1442px #fff, 1126px 459px #fff, 997px 1798px #fff, 40px 906px #fff, 404px 931px #fff, 1402px 945px #fff, 1498px 1054px #fff, 658px 1349px #fff, 574px 1396px #fff, 1745px 122px #fff, 1045px 100px #fff, 929px 1478px #fff, 1765px 1783px #fff, 287px 1063px #fff, 935px 1012px #fff, 125px 1221px #fff, 64px 1701px #fff, 1672px 1426px #fff, 1054px 401px #fff, 298px 592px #fff, 1023px 271px #fff;
    animation-name: glowing-stars;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: 
linear;
    animation-delay: .3s;
}
#stars-group-5 {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    opacity: 0;
    box-shadow: 1327px 1307px #fff, 1601px 962px #fff, 648px 807px #fff, 1029px 422px #fff, 1727px 1250px #fff, 1094px 1739px #fff, 1428px 340px #fff, 1244px 657px #fff, 709px 334px #fff, 854px 1688px #fff, 1394px 1623px #fff, 334px 849px #fff, 1754px 1483px #fff, 1397px 1732px #fff, 897px 1692px #fff, 630px 1620px #fff, 181px 9px #fff, 1661px 1566px #fff, 465px 1370px #fff, 710px 209px #fff, 1465px 776px #fff, 1477px 1628px #fff, 1625px 1577px #fff, 1332px 1149px #fff, 781px 1437px #fff, 657px 1444px #fff, 1071px 312px #fff, 1305px 447px #fff, 1729px 1511px #fff, 88px 630px #fff, 1560px 4px #fff, 772px 1277px #fff, 1344px 1771px #fff, 951px 541px #fff, 468px 284px #fff, 143px 1748px #fff, 459px 1195px #fff, 689px 813px #fff, 917px 819px #fff, 371px 673px #fff, 1782px 278px #fff, 936px 402px #fff, 317px 1154px #fff, 1132px 932px #fff, 1733px 406px #fff, 1301px 1363px #fff, 1002px 1529px #fff, 467px 1583px #fff, 709px 866px #fff, 691px 336px #fff, 1033px 339px #fff, 1198px 653px #fff, 952px 260px #fff, 1579px 1461px #fff, 325px 239px #fff, 758px 1432px #fff, 1218px 1038px #fff, 1110px 1716px #fff, 1319px 297px #fff, 119px 814px #fff, 1325px 1671px #fff, 46px 739px #fff, 516px 1116px #fff, 1682px 79px #fff, 996px 936px #fff, 1344px 1409px #fff, 1783px 277px #fff, 1673px 1477px #fff, 561px 403px #fff, 926px 1272px #fff, 1545px 361px #fff, 124px 754px #fff, 1370px 1259px #fff, 113px 1005px #fff, 1000px 1043px #fff, 1654px 1073px #fff, 1281px 135px #fff, 290px 932px #fff, 299px 840px #fff, 1184px 1199px #fff, 1620px 873px #fff, 114px 1765px #fff, 1737px 107px #fff, 1783px 1444px #fff, 827px 1416px #fff, 10px 1017px #fff, 1536px 422px #fff, 592px 331px #fff, 402px 50px #fff, 6px 1319px #fff, 888px 939px #fff, 1448px 877px #fff, 752px 1667px #fff, 676px 273px #fff, 775px 1563px #fff, 96px 347px #fff, 1420px 894px #fff, 1127px 1176px #fff, 771px 905px #fff, 321px 1285px #fff, 980px 485px #fff, 347px 393px #fff, 668px 609px #fff, 1070px 1669px #fff, 338px 1622px #fff, 1491px 940px #fff, 1285px 540px #fff, 663px 309px #fff, 1705px 1374px #fff, 446px 224px #fff, 410px 1605px #fff, 1260px 1002px #fff, 753px 880px #fff, 433px 1070px #fff, 857px 780px #fff, 695px 1606px #fff, 506px 1799px #fff, 728px 451px #fff, 969px 792px #fff, 1278px 1043px #fff, 423px 1035px #fff, 1130px 22px #fff, 1389px 566px #fff, 341px 1738px #fff, 422px 1378px #fff, 487px 681px #fff, 463px 1697px #fff, 1376px 585px #fff, 171px 1252px #fff, 741px 1733px #fff, 1194px 1158px #fff, 218px 1752px #fff, 1432px 1238px #fff, 803px 1556px #fff, 1391px 1398px #fff, 344px 1707px #fff, 1087px 851px #fff, 1618px 1067px #fff, 813px 1351px #fff, 961px 653px #fff, 1069px 179px #fff, 684px 1204px #fff, 1198px 1288px #fff, 136px 175px #fff, 143px 408px #fff, 1568px 1387px #fff, 673px 280px #fff, 475px 365px #fff, 431px 1693px #fff, 1253px 1700px #fff, 276px 1607px #fff, 653px 172px #fff, 293px 1649px #fff, 391px 312px #fff, 20px 1151px #fff, 433px 457px #fff, 934px 1626px #fff, 405px 951px #fff, 1349px 1766px #fff, 18px 280px #fff, 356px 808px #fff, 697px 540px #fff, 138px 23px #fff, 1475px 4px #fff, 1794px 828px #fff, 1002px 1463px #fff, 1135px 1781px #fff, 631px 1785px #fff, 1642px 229px #fff, 1698px 269px #fff, 198px 451px #fff, 588px 668px #fff, 931px 1290px #fff, 1565px 415px #fff, 499px 671px #fff, 298px 398px #fff, 437px 1297px #fff, 1549px 280px #fff, 607px 168px #fff, 624px 704px #fff, 1369px 195px #fff, 1586px 223px #fff, 201px 744px #fff, 1587px 369px #fff, 1537px 388px #fff, 1453px 1099px #fff, 271px 911px #fff, 1301px 4px #fff, 1304px 494px #fff, 224px 467px #fff, 1135px 306px #fff, 1470px 1379px #fff, 1712px 1630px #fff, 375px 980px #fff, 889px 421px #fff, 1507px 1661px #fff, 251px 507px #fff, 1683px 773px #fff, 167px 125px #fff, 1695px 1775px #fff;
    animation-name: glowing-stars;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: 
linear;
    animation-delay: .4s;
}
#stars-group-6 {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    opacity: 0;
    box-shadow: 983px 1473px #fff, 1217px 1045px #fff, 533px 826px #fff, 578px 391px #fff, 1781px 278px #fff, 1752px 1764px #fff, 642px 931px #fff, 1273px 1304px #fff, 1429px 850px #fff, 159px 274px #fff, 481px 855px #fff, 1484px 613px #fff, 884px 1370px #fff, 711px 1419px #fff, 810px 570px #fff, 155px 270px #fff, 1732px 1119px #fff, 1114px 1484px #fff, 1781px 1050px #fff, 1425px 1209px #fff, 849px 685px #fff, 1269px 1327px #fff, 1603px 1388px #fff, 1729px 868px #fff, 783px 676px #fff, 449px 122px #fff, 397px 1040px #fff, 890px 73px #fff, 724px 459px #fff, 423px 421px #fff, 1359px 1481px #fff, 1149px 1279px #fff, 499px 1637px #fff, 1431px 698px #fff, 1014px 1111px #fff, 960px 236px #fff, 1325px 1515px #fff, 19px 1113px #fff, 599px 1759px #fff, 701px 766px #fff, 438px 391px #fff, 329px 221px #fff, 1553px 401px #fff, 309px 858px #fff, 1740px 1461px #fff, 1648px 1762px #fff, 1412px 1737px #fff, 86px 401px #fff, 1800px 1394px #fff, 912px 1054px #fff, 733px 1478px #fff, 1710px 1415px #fff, 656px 1532px #fff, 17px 630px #fff, 370px 658px #fff, 586px 273px #fff, 1480px 1033px #fff, 349px 628px #fff, 482px 1633px #fff, 791px 1075px #fff, 104px 1115px #fff, 27px 1528px #fff, 688px 64px #fff, 846px 838px #fff, 588px 1157px #fff, 295px 260px #fff, 1746px 1062px #fff, 1111px 1291px #fff, 118px 653px #fff, 1352px 610px #fff, 411px 1483px #fff, 225px 1322px #fff, 1465px 721px #fff, 1569px 736px #fff, 393px 356px #fff, 1192px 279px #fff, 1759px 1757px #fff, 220px 274px #fff, 393px 324px #fff, 1052px 1285px #fff, 429px 320px #fff, 47px 297px #fff, 149px 80px #fff, 3px 1175px #fff, 1575px 345px #fff, 1064px 84px #fff, 790px 265px #fff, 1365px 1602px #fff, 640px 1300px #fff, 1721px 1433px #fff, 1109px 47px #fff, 1217px 62px #fff, 1446px 49px #fff, 1130px 634px #fff, 655px 198px #fff, 1605px 172px #fff, 1402px 1342px #fff, 1651px 1303px #fff, 996px 1465px #fff, 813px 112px #fff, 1110px 1125px #fff, 516px 165px #fff, 888px 1550px #fff, 1215px 1178px #fff, 1495px 608px #fff, 867px 798px #fff, 1419px 755px #fff, 385px 738px #fff, 828px 523px #fff, 803px 1711px #fff, 1060px 931px #fff, 217px 1081px #fff, 191px 1790px #fff, 976px 1092px #fff, 712px 1597px #fff, 588px 1294px #fff, 327px 955px #fff, 767px 1322px #fff, 1667px 451px #fff, 1733px 1263px #fff, 732px 218px #fff, 1108px 1241px #fff, 1198px 1240px #fff, 885px 1219px #fff, 192px 847px #fff, 1514px 826px #fff, 1444px 201px #fff, 1713px 1037px #fff, 1586px 238px #fff, 959px 248px #fff, 1347px 1057px #fff, 1093px 1027px #fff, 418px 1110px #fff, 1597px 1316px #fff, 132px 1740px #fff, 377px 688px #fff, 682px 219px #fff, 581px 690px #fff, 704px 1713px #fff, 801px 874px #fff, 1711px 412px #fff, 905px 132px #fff, 1051px 1593px #fff, 852px 677px #fff, 1301px 1507px #fff, 1322px 1535px #fff, 1638px 1169px #fff, 1481px 1539px #fff, 1074px 232px #fff, 95px 1107px #fff, 1430px 1132px #fff, 656px 1154px #fff, 321px 212px #fff, 1446px 121px #fff, 559px 848px #fff, 605px 1527px #fff, 1716px 1409px #fff, 398px 1398px #fff, 379px 1268px #fff, 676px 321px #fff, 83px 829px #fff, 1458px 524px #fff, 150px 40px #fff, 340px 152px #fff, 1481px 376px #fff, 573px 1459px #fff, 803px 340px #fff, 1025px 1748px #fff, 843px 1263px #fff, 1799px 22px #fff, 788px 222px #fff, 3px 1311px #fff, 1587px 1770px #fff, 740px 50px #fff, 283px 13px #fff, 1752px 1675px #fff, 112px 348px #fff, 1212px 271px #fff, 1304px 900px #fff, 553px 1548px #fff, 536px 801px #fff, 880px 1200px #fff, 1551px 1580px #fff, 351px 943px #fff, 1234px 1605px #fff, 242px 100px #fff, 1287px 1169px #fff, 627px 1567px #fff, 368px 1336px #fff, 1402px 72px #fff, 863px 384px #fff, 745px 940px #fff, 757px 1734px #fff, 1421px 772px #fff, 559px 822px #fff, 959px 273px #fff, 1008px 1331px #fff, 1067px 1077px #fff, 809px 1510px #fff, 1673px 956px #fff;
    animation-name: glowing-stars;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: 
linear;
    animation-delay: .5s;
}

#stars-group-1, #stars-group-2, #stars-group-3, #stars-group-4, #stars-group-5 {
    position: relative;
    overflow: hidden;
}
@keyframes glowing-stars {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.rounded-pill {
    border-radius: 50rem !important;
}
.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

@media (max-width: 480px) {
    .deco-right {
        margin-right: 0;
    }
}
@media (max-width: 480px) {
    .deco, .deco-right {
        margin-top: 0;
        text-align: center;
    }
}

.theme-text {
    background: #fc5c7d;
    position: relative;
    background: #7551a1;
    background-image: linear-gradient(177deg, #7551a1 0%, #ea2b7d 100%);
    background-image: -moz-linear-gradient(177deg,#7551a1 0%,#ea2b7d 100%);
    background-image: -webkit-linear-gradient(177deg, #7551a1 0%, #ea2b7d 100%);
    background-image: -ms-linear-gradient(177deg,#7551a1 0%,#ea2b7d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: 1s all;
    font-weight: 700;
}
.text-center {
    text-align: center !important;
}

body.single-product #footer .row {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1162.5px;
}

#footer .col.large-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    /* flex-basis: inherit !important; */
    -ms-flex-positive: inherit !important;
    /* flex-grow: inherit !important; */
}

#footer .col.large-6 {
        flex-basis: 50% !important;
        max-width: 50% !important;
}

.tooltip{
    opacity: 1 !important;
    position: relative !important;
}
.button.icon.circle>i, .button.icon.round>i{
        margin: 0 8px !important;
}