:root{
    /* Color Palette */
    --GS-purple: #591F71;
    --GS-dark-purple: #511c67;
    --GS-cyan: #39D5D5;
    --GS-gold: #BC9147;
    --GS-gold-h: #b58a42;
    --GS-peach: #FFC6A7;
    --GS-green: #A3EFA9;
    --GS-black: #000;
    --GS-white: #fff;
    --GS-grey: #707070;
    --GS-light-grey: #BBBBBB;
    --danger-red: #ee0a24;

    /* Main Colors */
    --primary-color: var(--GS-purple);
    --secondary-color: var(--GS-cyan);
    --text-color: var(--GS-black);
    --border-color: var(--GS-grey);
    --primary-h-color: var(--GS-dark-purple);
    --button-color: var(--GS-gold);
    --button-h-color: var(--GS-gold-h);

    /* Background */
    --custom1-color: var(--GS-peach);
    --custom2-color: var(--GS-green);

    /* Transition */
    --transition-default: .3s;

    /* Border */
    --GS-border: 2px solid var(--GS-light-grey);
}

/* ---------------------- */
/* ----General - Start--- */
/* ---------------------- */
/* General */
html {
    scroll-behavior: smooth;
}

.catfish-button,
.button,
a{
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}



.catfish-button:hover,
.catfish-button{
    color: var(--text-color);
}

.catfish-button,
.has-style-custom-1{
    border: 2px solid transparent;
}

.catfish-button:hover,
.has-style-custom-1:hover{
    border: 2px solid var(--GS-black);
}

.ict-button{
    text-transform: uppercase;
}

.catfish-button:focus:not(:active), .catfish-button.is-focused:not(:active), .button:focus:not(:active), .button.is-focused:not(:active) {
    box-shadow: none;
}

.catfish-button:active, .catfish-button.is-active, .button:active, .button.is-active,
.catfish-button:focus, .catfish-button.is-focused, .button:focus, .button.is-focused {
    border-color: transparent;
    color: var(--primary-color);
}

.catfish-button.is-white:focus:not(:active), .catfish-button.is-white.is-focused:not(:active), .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active){
    box-shadow: none;
}

h1,h2,h3{
    font-weight: 700 !important;
    text-transform: capitalize;
}

h1.title,
h3.title{
    font-weight: 700;
    color: var(--primary-color);
    text-transform: capitalize;
}

/* General - End */

/* ---------------------- */
/* Utility Classes -Start */
/* ---------------------- */
.is-clear{
    clear: both;    
}

.has-border-columns .columns{
    border: var(--GS-border);
}

.has-border-right{
    border-right: var(--GS-border);
}

.has-border-left{
    border-left: var(--GS-border);
}

.is-200by200{
    height: fit-content !important;
    width: 200px !important;
}

.has-font-weight-500{
    font-weight: 500 !important;
}

/* .pt-8{
    padding-top: 8rem !important;
}

.pt-12{
    padding-top: 12rem !important;
} */

@media screen and (max-width: 767px) {
    .has-border-bottom-sm-mobile{
        border-bottom: var(--GS-border);
    }
    
    .has-border-right{
        border-right: none;
    }

    .has-border-left{
        border-left: none;
    }

    /* .pt-6-mobile{
        padding-top: 6rem !important;
    }

    .pt-7-mobile{
        padding-top: 7rem !important;
    } */
}

.has-section-width-90-mobile{
    width: 90% !important;
}
/* Utility Classes -End*/

/* ---------------------- */
/* Custom Styling - Start */
/* ---------------------- */
/* Section */
.section.has-background-custom-1{
    background-color: var(--custom1-color);
}

.section.has-background-custom-2{
    background-color: var(--custom2-color);
}

/* Button */
.button.has-style-custom-1{
    font-size: 1rem;
    padding-left: 3.111rem;
    padding-right: 3.111rem;
    color: var(--GS-black);
}

.button.has-style-custom-2{
    background-color: var(--GS-white);
    color: var(--primary-color);
    font-size: 1rem;
    padding-left: 2.111rem;
    padding-right: 2.111rem;
}

.button.has-style-custom-2:hover{
    background-color: var(--primary-color);
    color: var(--GS-white);
}

.button.has-style-custom-3{
    background-color: var(--GS-white);
    color: var(--GS-black);
    font-size: 1rem;
    padding-left: 2.111rem;
    padding-right: 2.111rem;
}

.button.has-style-custom-3:hover{
    background-color: var(--primary-color);
    color: var(--GS-white);
}

/* Custom Styling - End */

/* ---------------------- */
/* ----Module - Start ----*/
/* ---------------------- */
/* Custom Header */
.badge {
    box-shadow: unset;
    background: #39d5d5;
    color: #591f71;
}

.two-tier-menu.navbar{
    background: transparent;
}

.two-tier-menu  .top-menu-split{
    height: 45%;
    background: var(--primary-color);
}

.navbar-menu .navbar-item .navbar-dropdown a.navbar-item{
    border-bottom: none !important;
}

.navbar-menu a.navbar-item{
    border-bottom: 3px solid transparent;
    transition: .1s;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -ms-transition: .1s;
    -o-transition: .1s;
}

.nav-search-container{
    background: transparent;
}

.nav-search-container .container{
    justify-content: flex-end !important;
}

.content-field-navbar .bottom-menu-split {
    border-top: none;
}

.nav-search-container .search-box{
    width: 100% !important;
    max-width: 100% !important;
}

.page-home-index .bottom-menu-split {
    background: var(--GS-cyan);
}

.bottom-menu-split {
    transition: background-color 0.3s ease;
}

.About_Us .headermenu,
.page-catalog-category .headermenu,
.Turnaround_Times .headermenu{
    background: #F5F9FB ;
}

.About_Us .bottom-menu-split,
.page-catalog-category .bottom-menu-split,
.Turnaround_Times .bottom-menu-split{
    background: #F5F9FB;
}

/* Top Menu */
.two-tier-menu  .top-menu-split .container,
.two-tier-menu  .top-menu-split .container .level{
    height: 100%;
}

.top-menu-split .navbar-item .button{
    background-color: var(--primary-color);
}

.level-right .navbar-link,
.level-right .navbar-item .button i{
    color: var(--GS-white);
}

.content-field-navbar .top-menu-split .navbar-link:not(.is-arrowless)::after{
    border-color: var(--GS-white);
}

.navbar-item .button{
    background-color: var(--primary-color);
}

.level-right .navbar-item .button i{
    transition: var(--transition-default);
    -webkit-transition: var(--transition-default);
    -moz-transition: var(--transition-default);
    -ms-transition: var(--transition-default);
    -o-transition: var(--transition-default);
    font-size: 1rem;
    font-weight: 500;
}

.navbar-item .button:hover i{
    font-weight: 700;
}

/* Bottom Menu */
.two-tier-menu .bottom-menu-split {
    height: 55%;
    /* background: transparent;
    transition: var(--transition-default);
    -webkit-transition: var(--transition-default);
    -moz-transition: var(--transition-default);
    -ms-transition: var(--transition-default);
    -o-transition: var(--transition-default); */
}

/* .two-tier-menu .bottom-menu-split:hover {
    background-color: rgb(255, 255, 255) !important;
} */

.two-tier-menu .bottom-menu-split .container {
    height: 100%;
}

.two-tier-menu .bottom-menu-split  .navbar{
    height: 100%;
    background: transparent;
}

.bottom-menu-split .navbar-search-toggle{
    flex-grow: 1;
    height: 100%;
    background: transparent;
}

.bottom-menu-split .navbar-search-toggle .fas{
    font-weight: 400;
    font-size: 1.2rem !important;
}

#bottom-splitmenu{
    flex-grow: 6;
}

.bottom-menu-split .button:hover{
    background-color: transparent;
}

.content-field-navbar #bottom-splitmenu .navbar-link:not(.is-arrowless)::after{
    border-color: var(--primary-color);
}

#bottom-splitmenu .navbar.ict-navbar{
    justify-content: flex-start !important;
    margin-left: 1.5rem;
    gap: 1.2rem;
}

.bottom-menu-split .button i,
#bottom-splitmenu .navbar-item,
#bottom-splitmenu .navbar-link{
    color: var(--primary-color);
    transition: var(--transition-default);
    -webkit-transition: var(--transition-default);
    -moz-transition: var(--transition-default);
    -ms-transition: var(--transition-default);
    -o-transition: var(--transition-default);
    font-weight: 600;
}

.bottom-menu-split .button:hover i{
    font-weight: 600;
}

@media screen and (max-width: 1280px) and (min-width: 1126px){
    .two-tier-menu .top-menu-split .container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media screen and (max-width: 1125px) and (min-width: 1088px){
    .two-tier-menu .top-menu-split .container {
        padding-right: 0;
    }
}

@media screen and (min-width: 1088px) {
    .ict-header-spacer {
        height: 9.86em;
    }

    .navbar-dropdown{
        border-top: 3px solid var(--GS-gold);
    }

    #bottom-splitmenu .navbar-item:hover .navbar-dropdown .navbar-item{
        border-bottom: none;
    }

    .nav-search-container.two-tier-search.is-active {
      transform: translatey(9.3rem);
    }

    .navbar > .container .navbar-menu, .container > .navbar .navbar-menu{
        margin-right: 0;
    }

    .navbar-menu a.navbar-item:hover{
        border-bottom: 3px solid var(--GS-gold);
    }
}

@media screen and (min-width: 768px) {
    .content-field-navbar .top-menu-split {
        font-size: 1rem;
    }
}

@media screen and (max-width: 1087px) {
    .is-header-logo {
        height: 2.5rem;
    }

}

@media screen and (max-width: 399px) {
    .is-header-logo {
        height: 1.8rem;
    }
}

/* Footer */
.ict-dedicated-footer {
    clear: both;
}

.image.dedicated-footer-logo img {
    height: 7.5rem;
}

.ict-dedicated-footer-column-1 {
    margin-bottom: 1.5rem;
}

.ict-dedicated-footer-column-1 a{
    margin-bottom: 1rem;
}

.ict-dedicated-footer-column-1 .ict-wysiwyg{
    font-size: 0.825rem;
}

.ict-dedicated-footer-column-2 .block{
    padding-left: 1.5rem;
    border-left: 2px solid var(--GS-white);
}

.ict-dedicated-footer-column-4 .has-list-style-none{
    display: flex;
    justify-content: space-evenly;
}

.ict-dedicated-footer-column-4 .has-list-style-none span:nth-child(2){
    display: none;
}

.ict-dedicated-footer-column-4 .has-list-style-none span i{
    font-size: 2.5rem;
}

.footer-column-content a, 
.ict-dedicated-footer .columns .column .ict-list li a{
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: .3s;
    text-underline-offset: 0.25rem;
}


.footer-column-content a:hover,
.ict-dedicated-footer .columns .column .ict-list li a:hover{
    color: inherit;
    text-decoration: underline !important;
}

@media screen and (max-width: 1088px) and (min-width: 909px) {
    .ict-dedicated-footer .column{
        width: 33%;
    }

    .ict-dedicated-footer .ict-dedicated-footer-column-3{
        display: none;
    }
}

@media screen and (max-width: 908px){
    .ict-dedicated-footer .ict-dedicated-footer-column-3{
        display: none;
    }

    .ict-dedicated-footer .column{
        width: 100%;
    }
    
    .ict-dedicated-footer-column-1{
        text-align: center;
    }

    .dedicated-footer-logo{
        display: flex;
        justify-content: center;
    }

    .ict-dedicated-footer-column-1 .is-flex{
        width: 100%;
    }

    .ict-dedicated-footer-column-2 .block{
        display: flex;
        justify-content: center;
    }

    .ict-dedicated-footer-column-2 .block{
        padding-left: 0;
        border-left: none;
    }

    .ict-dedicated-footer-column-2 .block .ict-list{
        text-align: center !important;
        border-top: 2px solid var(--GS-white);
        border-bottom: 2px solid var(--GS-white);
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .ict-dedicated-footer-column-4{
        margin-bottom: 3rem;
    }

    .ict-dedicated-footer-column-4 .has-list-style-none {
        justify-content: center;
        gap: 2.5rem;
    }

    .container.footer-copyright{
        text-align: center;
    }
}

/* Homepage - Sections */
/* Banner */
.section.featured-section{
    height: 80vh;
}

.section .featured-image-container{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: calc(100% - 50%);
    z-index: 2;
}

.featured-image-container .featured-image{
    width: 100%;
    height: 100%;
    background-size: 80%;
    background-repeat: no-repeat;
}

.section .background-patterned{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: calc(100% - 80%);
}

.section .background-patterned .container{
    transform: translateY(15rem);
    -webkit-transform: translateY(15rem);
    -moz-transform: translateY(15rem);
    -ms-transform: translateY(15rem);
    -o-transform: translateY(15rem);
    z-index: 3;
}

.section .background-patterned .container:after{
    content: '';
    position: absolute;
    width: 15rem;
    height: 12rem;
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/planet_icon_outlined - white.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 100%;
    top: -7rem;
    left: 15%;
}

.section .background-patterned .container .columns{
    background: var(--GS-gold);
    width: 60%;
    clip-path: ellipse(47.99% 48.35% at 48.07% 50.04%);
    transform: rotate(-10deg);
}

.section .background-patterned .container .columns .column{
    width: 100%;
    padding: 6rem;
    transform: rotate(10deg);
}

@media screen and (min-width: 1536px) {
    .section .featured-image-container{
        transform: translateY(6rem);
        -webkit-transform: translateY(6rem);
        -moz-transform: translateY(6rem);
        -ms-transform: translateY(6rem);
        -o-transform: translateY(6rem);
    }
}

@media screen and (max-width: 1536px) and (min-width: 1280px) {
    .featured-image-container .featured-image{
        background-size: 90%;
        background-position: left center;
    }

    .section .background-patterned .container{
       transform: translateY(10rem);
       -webkit-transform: translateY(10rem);
       -moz-transform: translateY(10rem);
       -ms-transform: translateY(10rem);
       -o-transform: translateY(10rem);
    }

    .section .background-patterned .container::after{
        width: 11rem;
        height: 9rem;
        top: -4rem;
    }

    .section .background-patterned .container .columns .column {
        padding-bottom: 4rem;
    }

    .section .background-patterned h2{
        font-size: 1.8em;
    }
}

@media screen and (max-width: 1279px) {
    .section.featured-section{
        height: 100vh;
    }

    .section .featured-image-container{
        top: unset;
        left: 0;
        width: 100%;
        z-index: 4;
        height: 50%;
    }

    .featured-image-container .featured-image{
        background-size: contain;
        background-position: 50%;
    }
    
    .section .background-patterned .container::after{
        width: 9rem;
        height: 9rem;
        top: -5rem;
        left: 30rem;
    }

    .section .background-patterned .container{
        width: 85%;
        transform: rotate(-10deg) translateX(5rem);
        -webkit-transform: rotate(-10deg) translateX(5rem);
        -moz-transform: rotate(-10deg) translateX(5rem);
        -ms-transform: rotate(-10deg) translateX(5rem);
        -o-transform: rotate(-10deg) translateX(5rem);
}

    .section .background-patterned .container{
        transform: translateY(10rem);
        -webkit-transform: translateY(10rem);
        -moz-transform: translateY(10rem);
        -ms-transform: translateY(10rem);
        -o-transform: translateY(10rem);
}

    .section .background-patterned .container .columns{
        width: 85%;
        transform: rotate(-10deg) translateX(9rem);
        -webkit-transform: rotate(-10deg) translateX(9rem);
        -moz-transform: rotate(-10deg) translateX(9rem);
        -ms-transform: rotate(-10deg) translateX(9rem);
        -o-transform: rotate(-10deg) translateX(9rem);
        display: flex;
        justify-content: center !important;
    }

    .section .background-patterned .container .columns .column{
        padding: 5rem;
        text-align: center;
        width: 80%;
    }

    .section .background-patterned h2{
        font-size: 1.8em;
        margin-bottom: .5rem;
    }

    .section .background-patterned {
        font-size: 1.8em;
        font-size: 0.875rem;
    }   
}

@media screen and (max-width: 1087px){
    .section.featured-section {
        height: 100vh;
    }    

    .section .featured-image-container {
        height: 55%;
    }
    
    .featured-image-container .featured-image{
        background-size: contain;
        background-position: 50%;
    }

    .section .background-patterned .container{
        transform: translateY(10rem);
        -webkit-transform: translateY(10rem);
        -moz-transform: translateY(10rem);
        -ms-transform: translateY(10rem);
        -o-transform: translateY(10rem);
}

    .section .background-patterned .container::after{
        width: 11rem;
        height: 10rem;
        top: -5rem;
        left: 21rem;
    }

    .section .background-patterned .container .columns{
        width: 100%;
        transform: rotate(-10deg) translateX(1rem);
    }
}

@media screen and (max-width: 868px){
    .section.featured-section {
        height: 100vh;
    }

    .background-patterned .container{
        padding-left: initial;
        padding-right: initial;
    }

    .section .background-patterned .container .columns .column {
        padding: 4rem;
    }

    .section .background-patterned .container::after{
        left: 15rem;
    }
}

@media screen and (max-width: 774px){
    .section .background-patterned .container{
        transform: translateY(8rem);
        -webkit-transform: translateY(8rem);
        -moz-transform: translateY(8rem);
        -ms-transform: translateY(8rem);
        -o-transform: translateY(8rem);
    }
}

@media screen and (max-width: 767px) {
    .section.featured-section {
        height: 100vh;
    }

    .section .featured-image-container{
        height: 60%;
    }

    .section .background-patterned .container::after{
        left: 30%;
    }

    .section .background-patterned .container{
        transform: translateY(10rem);
        -webkit-transform: translateY(10rem);
        -moz-transform: translateY(10rem);
        -ms-transform: translateY(10rem);
        -o-transform: translateY(10rem);
    }
}

@media screen and (max-width: 640px){
    .section .featured-image-container{
        height: 60%;
    }

    .section .background-patterned .container{
        transform: translateY(8rem);
        -webkit-transform: translateY(8rem);
        -moz-transform: translateY(8rem);
        -ms-transform: translateY(8rem);
        -o-transform: translateY(8rem);
}

    .section .background-patterned .container .columns .column{
        padding: 3.5rem;
    }
}

@media screen and (max-width: 475px){
    .section .featured-image-container{
        height: 50%;
    }
    
    .featured-image-container .featured-image{
        background-size: 100%;
        background-position: 1rem 1rem;
    }

    .section .background-patterned .container .columns .column {
        padding: 3rem;
    }
    
    .section .background-patterned .container{
        transform: translateY(7rem);
        -webkit-transform: translateY(7rem);
        -moz-transform: translateY(7rem);
        -ms-transform: translateY(7rem);
        -o-transform: translateY(7rem);
}

    .section .background-patterned .container{
        margin: 0;
        width: 100%;
        padding-left: .5rem;
        padding-right: 0;
    }
}

@media screen and (max-width: 475px) and (min-width: 376px) {
    .section.featured-section {
        height: 75vh;
    }
}


@media screen and (max-height: 475px) and  (min-height: 320px) {
    .section .featured-image-container{
        display: none;
    }

    .section .background-patterned .container::after{
        width: 10rem;
        left: 15rem;
    }

    .section .background-patterned .container{
        width: 100%;
        transform: translateY(7rem);
        -webkit-transform: translateY(7rem);
        -moz-transform: translateY(7rem);
        -ms-transform: translateY(7rem);
        -o-transform: translateY(7rem);
    }

    .section .background-patterned .container .columns .column{
        padding: 2.5rem;
        width: 65% !important;
    }

    .section .background-patterned h2{
        font-size: 1.4em;
    }

    .ict-embed.shooting-star-svg-center, .ict-embed.shooting-star-svg-end, .ict-embed.shooting-star-svg-start{
        transform: translateY(-4rem) !important;
        -webkit-transform: translateY(-4rem) !important;
        -moz-transform: translateY(-4rem) !important;
        -ms-transform: translateY(-4rem) !important;
        -o-transform: translateY(-4rem) !important;
    }
}

/* Service icons */
.service-icon h3{
    transform: translateY(-3.5rem);
    -webkit-transform: translateY(-3.5rem);
    -moz-transform: translateY(-3.5rem);
    -ms-transform: translateY(-3.5rem);
    -o-transform: translateY(-3.5rem);
}

.service-icon .block .block{
    margin-bottom: 0;
}

.ict-embed.shooting-star-svg-center,
.ict-embed.shooting-star-svg-end,
.ict-embed.shooting-star-svg-start{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 4;
    fill: var(--GS-purple);
    transform: translateY(-12rem);
    -webkit-transform: translateY(-12rem);
    -moz-transform: translateY(-12rem);
    -ms-transform: translateY(-12rem);
    -o-transform: translateY(-12rem);
}

@media screen and (min-width: 1280px) {
    .ict-embed.shooting-star-svg-center{
        display: none;
    }
}

@media screen and (max-width: 1279px) {
    .ict-embed.shooting-star-svg-end{
        display: none;
        
    }
}

@media screen and (max-width: 868px) {
    .ict-embed.shooting-star-svg-center{
        transform: translateY(-8rem);
    }
}

@media screen and (min-width: 768px){
    .ict-embed.shooting-star-svg-start{
        display: none;
    }
}

@media screen and (max-width: 900px) and (min-width: 768px){
    .service-icon h3{
        transform: translateY(-2.5rem);
        -webkit-transform: translateY(-2.5rem);
        -moz-transform: translateY(-2.5rem);
        -ms-transform: translateY(-2.5rem);
        -o-transform: translateY(-2.5rem);
    }
}

@media screen and (max-width: 767px) {
    .service-icon .ict-image{
        padding-left: 4.5rem;
    }

    .service-icon h3{
        padding-right: 0 !important;
        font-size: 1.6em !important;
        transform: translateY(-4.5rem);
        -webkit-transform: translateY(-4.5rem);
        -moz-transform: translateY(-4.5rem);
        -ms-transform: translateY(-4.5rem);
        -o-transform: translateY(-4.5rem);
    }

    .ict-embed.shooting-star-svg-start{
        width: 50%;
        transform: translate(50%, -10rem);
        -webkit-transform: translate(50%, -10rem);
        -moz-transform: translate(50%, -10rem);
        -ms-transform: translate(50%, -10rem);
        -o-transform: translate(50%, -10rem);
    }

    .ict-embed.shooting-star-svg-center{
        display: none;
    }
}

/* Custom Category Section*/
.has-border-bottom .columns{
    border-bottom: 1px solid var(--GS-grey);
}

.ict-embed.ufo-svg{
    position: absolute;
    width: 15%;
    transform: rotate(-15deg);
    fill: var(--GS-green);
}

.has-font-size-large{
    font-size: 1.2rem !important;
}

@media screen and (min-width: 1088px) {
    .is-offeset-2 {
        margin-right: 5rem;
    }
}

@media screen and (max-width: 1087px) {
    .padding-bottom-tablet{
        padding-bottom: 3rem !important;
    }

    .padding-top-tablet{
        padding-top: 3rem !important;
    }
}

@media screen and (max-width: 767px) {
    .has-text-align-mobile{
        text-align: center;
    }

    .column-reverse-mobile .columns{
        flex-direction: column-reverse;
    }
}
    
/* Design For Me Section */
.column.waving-alien-svg{
    position: relative;
}

.column.waving-alien-svg:before{
    content: '';
    position: absolute;
    width: 15rem;
    height: 8rem;
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/alien_icon_outlined-1.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 100%;
    bottom: -5rem;
    right: -20rem;
}

.column.constellations-2-svg{
    position: relative;
}

.column.constellations-2-svg:before{
    content: '';
    position: absolute;
    width: 15rem;
    height: 15rem;
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/constellations_2_icon_outlined.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 100%;
    right: -20rem;
    top: 0;
    bottom: 0;
}

@media screen and (max-width: 1087px) {
    .column.constellations-2-svg:before{
        right: -15rem;
    }
}


@media screen and (max-width: 868px) {
    .column.waving-alien-svg::before{
        right: 0;
    }

    .column-small-tablet-width{
        width: 100% !important;
    }

    .has-text-align-center-tablet{
        text-align: center;
    }
}

/* Feature Products */
.homeFeaturedProducts .catfish-container{
    position: relative;
}

.homeFeaturedProducts .catfish-container:after{
    content: '';
    position: absolute;
    width: 14rem;
    height: 13rem;
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/asteroid_2_icon_outlined - green.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 100%;
    top: -9rem;
    left: -6rem;
}

.homeFeaturedProductsWrapper .product-item--content,
.homeFeaturedProductsWrapper .addtocart{
    display: none;
}

.product-item--actions{
    margin-top: 1rem;
}

.pricerow{
    display: flex;
    justify-content: center;
}

.add-info .buttons{
    width: 60%;
}

.productlistproductdetailbutton {
    background: transparent;
    border: 2px solid var(--GS-purple);
    color: var(--GS-purple);
    text-transform: uppercase;
}

.productlistproductdetailbutton:hover{
    background-color: var(--primary-color);
    color: var(--GS-white);
}

@media screen and (max-width: 1087px){
    .add-info .buttons{
        width: 80%;
    }
}

@media screen and (min-width: 869px) {
    .homepage-large-products .listItem.column{
        width: 25%;
    }
}

@media screen and (max-width: 868px) {
    .homepage-large-products .listItem.column{
        width: 50%;
    }
}


@media screen and (max-width: 767px){
    .homeFeaturedProducts .catfish-container:after{
        width: 7rem;
        height: 7rem;
        left: 20%;
    }
}

@media screen and (max-width: 475px) {
    .homepage-large-products .listItem.column{
        width: 100%;
    }

    .homeFeaturedProducts .catfish-container:after{
        left: 5%;
        top: -10rem;
    }
}
/* Modules - End */

/* ---------------------- */
/* -----Pages - Start-----*/
/* ---------------------- */
/* Product Landing */
.breadcrumb a{
    color: var(--text-color);
}
/* Product landing - Details  */
.details-wrapper  .quantity-wrapper{
    order: 1;
}

.details-wrapper .newProductPriceWrapper {
    justify-content: flex-end;
}

.details-wrapper  .price{
    width: 50%;
    order: 2;
}

.details-wrapper  .add-to-cart-buttons-wrapper {
    order: 3;
}

.details-wrapper .productvariantaddtocartbutton {
    font-size: 1.2rem;
    color: var(--text-color);
}

.details-wrapper .productvariantaddtocartbutton:hover{
    color: var(--text-color);
}

.full-description-wrapper .details-wrapper-buttons {
    margin-top: -1.5rem;
}

.full-description-wrapper .details-wrapper-buttons .column{
    padding: 0 1rem !important;
}

#multiProductCustomProduct li{
    flex-grow: 1;
}

#multiProductCustomProduct li input{
    width: 100%;
}

.page-catalog-product .product-variant-line > .block{
    margin-bottom: 1.5rem !important;
}

.Product-template-1{
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    padding-top: 1.5rem;
    padding-bottom: 2rem;
}

.Product-template-1 .container .columns .column{
    padding: 0;
}

.Product-template-1 .container .columns .column .ict-accordion .column{
    padding: 1rem;
}

@media screen and (max-width: 1087px) and (min-width: 768px) {
    .details-wrapper .quantity-wrapper {
        width: 50%;
    }

    .details-wrapper .quantity-wrapper .field{
        flex-direction: column;
    }

    .details-wrapper  .price{
        display: flex;
        align-items: end;
        width: 50%;
        order: 2;
    }

    .details-wrapper  .price .level{
        width: 100%;
    }

    .details-wrapper .add-to-cart-buttons-wrapper {
        min-width: 100%;
    }
    
}

@media screen and (max-width: 767px) {
    .details-wrapper .newProductPriceWrapper {
        justify-content: flex-end;
    }
}

@media screen and (max-width: 475px) {
    .custom-product-form .field.is-grouped{
        flex-direction: column;
    }

    .custom-product-form .control,
    .details-wrapper .price{
        width: 100%;
    }

    .details-wrapper .newProductPriceWrapper {
        justify-content: flex-start;
    }
}

/* - Product landing - related product */
.page-catalog-product .hero.is-primary {
    background-color: var(--custom1-color);
    color: var(--text-color);
}

.hero.is-primary .title,
.hero.is-primary .subtitle{
    color: var(--text-color);
}

/* Product Landing - Design For me */
.design-for-me-layout .price-quantity-start-wrapper{
    display: none;
}

/* Cart */
tr.cart-item-row .end.cart--itemtotal,
tr.cart-item-row .cart--quantity,
tr.cart-item-row .cart--unitprice,
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.productpicture{
    flex-grow: .2 !important;
}
.cartform .cartTableWrapper .cart tr.cart-item-row:first-child{
    border-top: 2px solid var(--GS-light-grey) !important;
    border-bottom: 2px solid var(--GS-light-grey);
}

tr.cart-item-row .cart--unitprice {
    display: none !important;
}

.cartform .cartTableWrapper .cart tr.cart-item-row{
    border-bottom: 2px solid var(--GS-light-grey) !important;
}

tr.cart-item-row .cart--productinfo{
    flex-grow: 1 !important;
}

.cartform .cartTableWrapper .cart tr.cart-item-row{
    background: transparent !important;
    margin-bottom: 0;
    font-size: .825rem;
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row{
    position: relative;
}

.cart-label-header.label{
    text-transform: uppercase;
    font-size: 1rem;
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--productinfo .summaryShortDescription{
    margin-top: 2rem;
    -webkit-line-clamp: 4;
    font-size: .825rem;
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .cart--actions{
    display: flex;
    flex-direction: row;
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .cart--actions .cart--actions__buttons{
    display: contents;
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .cart--productinfo .product__title,
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .cart--productinfo .label,
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .cart--actions .label{
    display: none !important;
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .cart--actions .cart--edititem,
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .cart--actions .cart--deleteitem{
    margin-right: 2rem;
}

.cart--deleteitem #deleteCartItem,
.cart--edititem .basketEditButton{
    text-transform: uppercase;
}

.cart--edititem .basketEditButton{
    background: transparent;
    border: 1px solid var(--primary-black-color-400);
    color: var(--primary-black-color-400);
}

.cart--deleteitem #deleteCartItem{
    color: var(--primary-pink-color);
}

.cart--edititem .basketEditButton:hover{
    border: 1px solid var(--primary-black-color-400);
    background-color: var(--primary-black-color-400);
    color: var(--primary-black-color-200);
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart #deleteCartItem:focus{
    box-shadow: none;
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart .basketEditButton:hover{
    color: var(--primary-color);
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart #deleteCartItem:hover{
    color: var(--danger-red);
}

.rawAttributeInfo{
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

.rawAttributeInfo__item{
    width: 50%;
}

.rawAttributeInfo__item .title,
.rawAttributeInfo__item .value{
    font-size: .825rem;
}

.rawAttributeInfo__item .title {
    font-weight: 600;
}

/* Below Cart Buttons */
.common-buttons-container .common-buttons{
    justify-content: space-between;
}


.common-buttons-container .common-buttons input.continueshoppingbutton{
    border-color: var(--primary-color);
    border-width: 2px;
    background-color: transparent;
    color: var(--primary-color);
}

.common-buttons-container .common-buttons input.continueshoppingbutton:hover{
    border-color: var(--primary-color);
    background-color: var(--primary-h-color);
    color: var(--GS-white);
}

.common-buttons-container .common-buttons input#updatecart{
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: var(--GS-white);
}


.common-buttons-container .common-buttons input#updatecart:hover{
    border-color: var(--primary-color);
    background-color: var(--primary-h-color);
}

.common-buttons-container .common-buttons #deleteall{
    background-color: var(--danger-red);
}

.common-buttons-container .common-buttons #deleteall:hover{
    background-color: #d3071e;
}

/* Cart Footer */
.cart-footer .cart-footer__container{
    background: var(--secondary-color);
    border-color: var(--secondary-color) !important;
}

.cart-footer .checkout-buttons__wrapper #continueshoppingDummy,
.cart-footer  .deals .coupon-box__wrapper.block .coupon-box--title,
.cart-footer  .deals .coupon-box__wrapper.block .coupon-box--tooltip{
    display: none;
}

.cart-footer  .deals .coupon-box__wrapper.block .coupon-box__input .catfish-input{
    margin-right: 0;
    max-width: 300px;
}

.cart-footer  .deals .coupon-box__wrapper.block .coupon-box__input{
    position: relative;
}

.cart-footer  .deals .coupon-box__wrapper.block .coupon-box__input #discountcouponcode{
    border-color: var(--secondary-yellow-color-300);
}

.cart-footer  .deals .coupon-box__wrapper.block .coupon-box__input #discountcouponcode:focus,
.cart-footer  .deals .coupon-box__wrapper.block .coupon-box__input #discountcouponcode:active{
    box-shadow: none !important;
}

.cart-footer .deals .coupon-box__wrapper.block .coupon-box__input #applydiscountcouponcode {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    width: fit-content;
    color: var(--GS-white);
}

.cart-footer .deals .coupon-box__wrapper.block .coupon-box__input #applydiscountcouponcode:hover {
    border-color: var(--primary-h-color);
    background-color: var(--primary-h-color);
    color: var(--GS-white);
}

.shoppingcart__wrapper .cart-footer .cart-total span{
    font-weight: 400;
}

#cartTotals .cart_total--tax td.cart_total_left,
#cartTotals .cart_total--tax td.cart_total_right{
    padding-bottom: 1.5rem;
    width: 50%;
}

#cartTotals .cart-total td.cart_total_left, 
#cartTotals .cart-total td.cart_total_right{
    padding-top: 1.5rem;
}

#cartTotals .cart_total--order-total{
    border-top: 2px solid var(--GS-white);
}

.cart-footer .checkout-buttons .checkoutbutton{
    background-color: var(--GS-gold);
    border-color: var(--GS-gold);
    color: var(--text-color);
}

.cart-footer .checkout-buttons .checkoutbutton:hover{
    background-color: var(--button-h-color);
    border-color: var(--button-h-color);
    color: var(--text-color);
}

.cart-footer .checkout-buttons .checkoutbutton,
.coupon-box__input #applydiscountcouponcode,
.common-buttons #updatecart,
.common-buttons #continueshoppingDummy{
    text-transform: uppercase;
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .cart--actions{
    text-align: center;
}

@media screen and (min-width: 1472px) {
    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row{
        padding: 1em;
    }

    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .cart--actions{
        position: absolute;
        display: flex;
        flex-direction: row;
        left: 10rem;
        bottom: 0;
    }   

    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .cart--unitprice,
    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .cart--quantity,
    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .cart--itemtotal{
        text-align: center;
    }

    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--productinfo{
        margin-bottom: 1.5rem;
    }

    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--productinfo {
        width: 18.667rem;
    }

    .shoppingcart__wrapper .cartform .cartTableWrapper .cart .basketEditButton,
    .shoppingcart__wrapper .cartform .cartTableWrapper .cart #deleteCartItem{
        background: transparent;
        border: none;
        font-weight: 700;
        margin-bottom: 0;
        padding: 0.5rem;
    }

    .cart--deleteitem #deleteCartItem,
    .cart--edititem .basketEditButton{
        font-size: .875rem;
    }

    .cart--deleteitem #deleteCartItem{
        color: var(--danger-red);
    }

    .cart--deleteitem #deleteCartItem:hover{
        color: #d3071e;
    }

    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--actions .cart--edititem{
        flex-direction: row;
        margin-right: 0;
    }

    .cart--deleteitem #deleteCartItem:hover{
        color: var(--danger-red);
    }
}

@media screen and (max-width: 1471px) {
    .shoppingcart__wrapper .cartform .cartTableWrapper .cart #deleteCartItem{
        background-color: var(--danger-red);
        border-color: var(--danger-red);
        color: var(--GS-white);
    }

    .shoppingcart__wrapper .cartform .cartTableWrapper .cart #deleteCartItem:hover{
        background-color: #d3071e;
        border-color: #d3071e;
        color: var(--GS-white);
    }

    .cart--edititem .basketEditButton{
        border-color: var(--primary-color);
        color: var(--GS-white);
        background-color: var(--primary-color);
    }

    .cart--edititem .basketEditButton:hover{
        border-color: var(--primary-h-color);
        color: var(--GS-white) !important;
        background-color: var(--primary-h-color);
    }

    .cart--deleteitem #deleteCartItem{
        color: var(--GS-white);
    }
}

@media screen and (max-width: 767px) {
    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .cart--actions .cart--edititem,
    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row .cart--actions .cart--deleteitem{
        margin-right: 1rem;
    }
}

/* Check out page */
.one-page-checkout .sectionheader .number{
    background: var(--secondary-color);
}

.page-checkout-onepagecheckout h2{
    font-weight: 500 !important;
}

.one-page-checkout #opc-shipping_method .shipping-options .shipping-option-item label::before{
    color: var(--GS-dark-purple);
}

.page-checkout-onepagecheckout .back-link a{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--GS-white);
}

.page-checkout-onepagecheckout .back-link a:hover{
    background-color: var(--primary-h-color);
    border-color: var(--primary-h-color);
}

.select-button .orderprocessedcontinuebutton,
.page-checkout-onepagecheckout .newaddressnextstepbutton,
.page-checkout-onepagecheckout .paymentmethodnextstepbutton,
.page-checkout-onepagecheckout .shippingmethodnextstepbutton,
.page-checkout-onepagecheckout .confirmordernextstepbutton,
.page-checkout-onepagecheckout .paymentinfonextstepbutton{
    background-color: var(--GS-gold);
    border-color: var(--GS-gold);
    color: var(--text-color);
}

.select-button .orderprocessedcontinuebutton:hover,
.page-checkout-onepagecheckout .newaddressnextstepbutton:hover,
.page-checkout-onepagecheckout .paymentmethodnextstepbutton:hover,
.page-checkout-onepagecheckout .shippingmethodnextstepbutton:hover,
.page-checkout-onepagecheckout .confirmordernextstepbutton:hover,
.page-checkout-onepagecheckout .paymentinfonextstepbutton:hover{
    background-color: var(--button-h-color);
    border-color: var(--button-h-color);
}


.checkout-data-info__orderdetails{
    color: var(--primary-color);
}

.checkout-data-info__orderdetails:hover{
    color: var(--primary-color);
}


#opc-confirm_order #applydiscountcouponcode {
    background-color: var(--primary-color);
    color: var(--GS-white);
    border: 1px solid var(--primary-color);
    width: 40%;
}

#opc-confirm_order #applydiscountcouponcode:hover {
    background-color: var(--primary-h-color);
    color: var(--GS-white);
    border: 1px solid var(--primary-h-color);
}

#opc-confirm_order #applydiscountcouponcode{
    border-color: transparent;
}

#opc-confirm_order .cart-footer {
    margin-top: 2rem;
}

#opc-confirm_order #discountcouponcode {
    width: 50% !important;
    margin-right: 3rem;
}

#checkout-step-confirm-order {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.page-checkout-onepagecheckout .cart-footer__container {
    background: transparent;
}

.one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container{
    padding: 0;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper table td, .one-page-checkout #opc-confirm_order .cartTableWrapper table th {
    padding: 3em .75em;
}

@media screen and (max-width: 773px){
    #opc-confirm_order #discountcouponcode,
    #opc-confirm_order #applydiscountcouponcode {
        width: 100% !important;
    }

    #opc-confirm_order #applydiscountcouponcode{
        margin-top: 1rem;
    }
}

@media screen and (max-width: 768px) {
    .address-table-container tr:nth-child(odd) {
        margin-right: 2rem
    }
}

/* Delivery Methods */
.one-page-checkout #opc-shipping_method .shipping-options .shipping-option-item input + label{
    background-color: #39D5D514;
    border: 2px solid transparent;
    transition: background-color .3s;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -ms-transition: background-color .3s;
    -o-transition: background-color .3s;
}

.one-page-checkout #opc-shipping_method .shipping-options .shipping-option-item input:checked + label{
    background-color: var(--secondary-color);
    border: 2px solid var(--GS-purple);
}

.one-page-checkout #opc-shipping_method .shipping-options .shipping-option-item .ui-buttonset .ui-button-text.block{
    font-size: .795rem;
    font-weight: 600;
}

.shipping-option-item .tooltip {
    color: var(--GS-black);
    padding: 1rem !important;
}

/* Login Page */
.login__wrapper {
    background-size: 70%;
    background-position: top left;
}

.login__wrapper .returning-wrapper {
    margin-bottom: 0rem;
}

.login__wrapper .page-title::before{
    width: 14rem;
}

.login__wrapper .returning-wrapper{
    background-color: var(--secondary-color);
    padding: 2rem;
}

a.navbar-item[name="Login"]{
    color: var(--GS-white);
}

@media screen and (min-width: 475px) {
    .table-container.table-container--password tbody,
    .table-container.table-container--general tbody{
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .table-container.table-container--general tbody tr:first-child{
        flex-basis: 100%;
    }

    .table-container.table-container--password tbody tr,
    .table-container.table-container--general tbody tr:not(:first-child){
        flex-basis: 40%;
        flex-grow: 1;
    }
}


/* Category Page */
.planet-purple::before{
    content: '';
    position: absolute;
    width: 10rem;
    height: 10rem;
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/planet-purple.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 100%;
    top: 10rem;
    right: -4rem;
    z-index: 2;
}

/* ---------------------- */
/* -----Topic Pages - Start-----*/
/* ---------------------- */
/* Topic Page General */
.hero.is-halfheight.topic-banner,
.hero.is-halfheight.product-banner{
    height: 65vh;
    justify-content: center;
}

.hero.is-height-50.topic-banner{
    height: 50vh;
}

.Design_For_Me .hero{
    justify-content: center;
}

@media screen and (max-width: 1087px) {
    .hero.is-halfheight.topic-banner{
        height: 50vh;
    }

    .hero.is-halfheight.product-banner{
        height: 75vh;
    }
}

@media screen and (max-width: 767px) {
    .hero.is-halfheight.topic-banner.about-us-topic-page,
    .hero.is-halfheight.product-banner{
        height: auto;
    }
}


/* About us Page */
.team-card{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.team-card .block:first-child{
    background: var(--custom1-color);
    border-radius: 100px;
    width: 8rem;
    height: 8rem;
    clip-path: circle(50% at 50% 50%);
}

.team-card .block img{
    margin-top: .5rem;
}

.team-card .ict-paragraph{
    font-size: .825rem;
    display: flex;
    justify-content: center;
}

.team-card .ict-paragraph p{
    width: 80%;
}

.team-card h5.ict-sub-title{
    margin-bottom: 1rem;
}

.constellations-2-cyan-svg .ict-embed{
    position: absolute;
    width: 100%;
    height: 100%;
    left: -75%;
    top: 0;
    bottom: 0;
}

.astroid-2-cyan-svg::after{
    content: '';
    position: absolute;
    width: 10rem;
    height: 10rem;
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/asteroid_2_icon_outlined -  cyan.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 100%;
    bottom: -3rem;
    right: -2rem;
}

.ufo-outlined-svg.ict-embed{
    position: absolute;
    width: 10rem;
    transform: rotate(-10deg);
    fill: var(--GS-cyan);
    top: -2rem;
}

@media screen and (max-width: 767px) {
    .team-card .block:first-child{
        width: 10rem;
        height: 10rem;
    }

    .constellations-2-cyan-svg .ict-embed{
        display: none;
    }

    .ufo-outlined-svg.ict-embed{
        position: absolute;
        width: 10rem;
        transform: rotate(-10deg);
        fill: var(--GS-cyan);
        top: -1rem;
    }

    section.about-us-topic-page{
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    section.about-us-topic-page .column:nth-child(2){
        display: flex;
        justify-content: center;
    }
}
/* Resource Page */
.banner-video .image.is-16by9{
    padding-top: 40.25%;
}

.custom-turnaround-table .ict-wysiwyg table{
    border: var(--GS-border)
}

.custom-turnaround-table .ict-wysiwyg table td{
    border: none;
}

.custom-turnaround-table .ict-wysiwyg tr:first-child th,
.custom-turnaround-table .ict-wysiwyg tr:first-child td{
    padding: 3rem 3rem .5rem 3rem;
}

.custom-turnaround-table .ict-wysiwyg tr th,
.custom-turnaround-table .ict-wysiwyg tr td{
    padding: .5rem 3rem .5rem 3rem;
}

.custom-turnaround-table .ict-wysiwyg tr:last-child th,
.custom-turnaround-table .ict-wysiwyg tr:last-child td{
    padding: .5rem 3rem 3rem 3rem;
}

.custom-turnaround-table .ict-wysiwyg tr td:first-child{
    padding-left: 6rem;
}

.custom-turnaround-table .ict-wysiwyg tr td:last-child{
    padding-right: 6rem;
}

.custom-turnaround-table .ict-wysiwyg tr td:last-child{
    text-align: right;
    font-weight: 500;
}

.column.waving-alien-left-svg:before{
    content: '';
    position: absolute;
    width: 15rem;
    height: 8rem;
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/alien_icon_outlined.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 100%;
    bottom: -6rem;
    left: 0;
}

@media screen and (max-width: 1087px) {
    .banner-video .image.is-16by9{
        padding-top: 60.25%;
    }
}

@media screen and (max-width: 900px) {
    .custom-turnaround-table .ict-wysiwyg tr td:first-child{
        padding-left: 4rem;
    }
    
    .custom-turnaround-table .ict-wysiwyg tr td:last-child{
        padding-right: 4rem;
    }
}

@media screen and (max-width: 767px) {
    .custom-turnaround-table .ict-wysiwyg tr td:first-child{
        padding-left: 2.5rem;
    }
    
    .custom-turnaround-table .ict-wysiwyg tr td:last-child{
        padding-right: 2.5rem;
    }

    .banner-video .image.is-16by9{
        padding-top: 80.25%;
    }
}

@media screen and (max-width: 475px) {
    .custom-turnaround-table .ict-wysiwyg tr td:first-child{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .custom-turnaround-table .ict-wysiwyg tr td:last-child{
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .custom-turnaround-table .ict-wysiwyg tr:first-child th,
    .custom-turnaround-table .ict-wysiwyg tr:first-child td{
        padding-top: 1.5rem;
    }

    .custom-turnaround-table .ict-wysiwyg tr:last-child th,
    .custom-turnaround-table .ict-wysiwyg tr:last-child td{
        padding-bottom: 1.5rem;
    }
}

/* Resources - Artwork Setup */
.shooting-star-gold-svg.ict-embed{
    fill: var(--GS-gold)
}

/* Resources - Design For Me */
.steps-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -5.5rem;
    height: 6rem;
    width: 6rem;
    background: var(--GS-cyan);
    color: var(--GS-white);
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.steps-icon-left{
    left: 5rem;
}

.steps-icon-right{
    right: 5rem;
}

.steps-icon h3{
    font-size: 2.5rem !important;
}

.Design_For_Me .topicpage-body{
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .steps-icon {
        top: -6.5rem;
        height: 7rem;
        width: 7rem;
    }

    .steps-icon-left{
        left: 2rem;
    }

    .steps-icon-right{
        right: 2rem;
    }
}

/* Resources - Dielines Page */
.dieline-file-links{
    gap: 1rem;
    flex-wrap: wrap;
    flex-direction: column;
}

.dieline-file-links .block{
    gap: 1rem;
}

.dieline-file-links .block .link{
    display: flex;
    color: initial;
}

.dieline-file-links .block .link .icon{
    margin-right: .5rem;
}

.dieline-file-links .block .link .icon .fa-download::before {
    content: "";
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/download-icon.svg');
    display: block;
    width: 24px;
    height: 24px;
}

@media screen and (max-width: 475px) {
    .dieline-file-links .block .link{
        justify-content: center;
    }
}

/* FAQ pages */
.faq-navigation-links ul li a{
    color: initial;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
}

.faq-navigation-links ul li a.is-active{
    font-weight: 600;
}

.faq-accordion .button.is-rounded.accordion-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0;
    background-color: transparent;
    border: unset;
    color: var(--GS-black);
    border-top: 2px solid var(--GS-grey);
    font-size: 1rem;
    font-weight: 500;
}

.faq-accordion .accordion-item.is-active .accordion-content {
    font-size: .925rem;
}

.faq-accordion .accordion-item.is-active:last-child .accordion-content,
.faq-accordion .accordion-item.is-active:last-child .button .accordion-content,
.faq-accordion .accordion-item:last-child .button.is-rounded.accordion-title{
    border-bottom: 2px solid var(--GS-grey);
}

.faq-accordion .accordion-item.is-active:last-child .button.is-rounded.accordion-title,
.faq-accordion .accordion-item.is-active .accordion-item:last-child .button{
    border-bottom: none;
}

.faq-accordion .accordion-item.is-active .accordion-content{
    padding: 1rem .5rem;
}

.faq-accordion .accordion-item .accordion-title{
    transition: 0s !important;
    -webkit-transition: 0s !important;
    -moz-transition: 0s !important;
    -ms-transition: 0s !important;
    -o-transition: 0s !important;
}

.faq-accordion .accordion-item .button i{
    position: absolute;
    right: 0;
    color: var(--GS-black) !important;
}

.faq-accordion .ict-accordion .fa-plus::before{
    content: "\f078";
}
.faq-accordion .ict-accordion .fa-minus::before{
    content: "\f077";
}

.faq-accordion .accordion-item .button .accordion-content .ict-sub-title{
    font-weight: 400 !important;
}

@media screen and (max-width: 767px) {
    .custom-faq-template{
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .faq-navigation-links{
        display: none;
    }
}

/* Contact Page */
.contact-us-icons .block{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-us-icon .ict-embed{
    width: 6rem;
    height: 6rem;  
}

.contact-us-icon .ict-embed .cls-1,
.contact-us-icon .ict-embed .cls-2,
.contact-us-icon .ict-embed .cls-3{  
    stroke: var(--GS-gold);
}

.contact-us-icon.icon-1 .ict-embed svg{
    margin-top: 1rem;
}

.contact-us-icon.icon-3 .ict-embed svg{
    margin-top: 1rem;
}

@media screen and (min-width:1089px) {
    .section.left-hand-column-image{
        position: relative;
    }

    .section.tile-section{
        width: 50%;
        float: left;
    }
    
    .section.tile-section .column{
        width: 100% !important;
    }

    .postbody .section.tile-section .column{
        width: 80% !important;
    }
}

@media screen and (max-width: 1087px) {
    .left-hand-column-image-two{
        display: none;
    }
}

@media screen and (max-width: 768px){
    .Contact_Us .hero.is-height-50.topic-banner{
        height: 35vh;
    }
}

@media screen and (max-width: 475px) {
    .select-field{
        display: block !important;
    }

    .select-field .select{
        margin-bottom: 1rem;
    }
}
/* Pages - End */

/* ---------------------- */
/* -----Responsiveness----*/
/* ---------------------- */

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

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

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

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

@media only screen and (max-width: 320px) {
    
}
/* Responsiveness - End */

/* small fix */
.page-dynamicproduct-editor .catfish-button.is-small, .page-dynamicproduct-editor .button.is-small {
    padding: 0.5rem;
}
.page-dynamicproduct-editor .MEUIFormField .control .meuiNonLayout, 
.page-dynamicproduct-editor .MEUIFormField .control .zoom-button   {
    height:100%;
}
.page-dynamicproduct-editor .AddImageToField span.no-image-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%,-50%);
}
.Script_DynamicUiGeneration_New .fb-background-color-select .colorSelector  {
    min-width: 100%;
}
/* --- CSS Mobile UX ---*/
.Script_DynamicUiGeneration_New .ItemsListBody .itemDetails {
    padding-left: 1rem;
    padding-right: 1rem;
}
.Script_DynamicUiGeneration_New_MobileUX .DynamicUiGeneration-mobile-ui-global {
    position: fixed;
    bottom: 4.5rem;
    z-index: 5;
    max-height: 0px;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px;
    -webkit-transition: max-height 0.15s linear;
    -moz-transition: max-height 0.15s linear;
    -o-transition: max-height 0.15s linear;
    transition: max-height 0.15s linear;
    box-shadow: inset 0px -7px 19px -10px rgba(0,0,0,.2);
}
.Script_DynamicUiGeneration_New_MobileUX .DynamicUiGeneration-mobile-ui-global > .columns {
    padding: 1rem;
    padding-bottom: 2rem;
    margin: 0!important;
}
.Script_DynamicUiGeneration_New_MobileUX .DynamicUiGeneration-mobile-ui-global.is-active {
    max-height:70vh;
}
.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 5;
    background: #fff;
    text-align: center;
    padding:0rem;
    box-shadow: rgba(0,0,0,.3) 0px 0px 10px;
}
.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux > .columns {
    padding: 0px;
    margin: 0px;
}
.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux > .columns > .column {
    padding: 1rem;
    margin: 0px;
    border-bottom: solid 1px #eee;
}
.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .toggle-fieldlist-button {
    border: none;
    background: transparent!important;
}
.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .progress-bar-container {
    display: block;
}
.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .progress-bar {
    position: relative;
    width: 100%;
    height: 1.5rem;
    border-radius: 0.75rem;
}
.Script_DynamicUiGeneration_New_MobileUX .eds-mobile-ux-footer .progress-bar .progress {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    display: block;
    height: 1.5rem;
}
.Script_DynamicUiGeneration_New_MobileUX .select-step-button .field-name {
    max-width: calc(100vw - 10rem)!important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Script_DynamicUiGeneration_New_MobileUX .select-step-button {
    padding: 1rem;
    margin-bottom: -0.5rem;
}
.Script_DynamicUiGeneration_New_MobileUX .column.actions-list {
    overflow: hidden;
    overflow-x: auto;
    border-right: solid 1px #eee;
    box-shadow: inset -7px 0px 26px -13px rgba(0,0,0,.2);
    min-height: 100%;
}
.Script_DynamicUiGeneration_New_MobileUX .column.actions-list.Variable-Input-Container {
    overflow: visible;
    overflow-x: visible;
    text-align: left;
}
.Script_DynamicUiGeneration_New .large-icon-vertical-button {
    padding: 0.5rem;
    height: 4rem;
    width: 4rem!important;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}
.Script_DynamicUiGeneration_New .large-icon-vertical-button span.fill_button {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.Script_DynamicUiGeneration_New .large-icon-vertical-button span.fill_button .check {

}
.Script_DynamicUiGeneration_New .large-icon-vertical-button span.icon {
    display: block;
    margin: 0px!important;    
    height: 1.8rem;
    line-height: 2rem;
    width: 100%;
}
.Script_DynamicUiGeneration_New .large-icon-vertical-button span.icon + .text {
    font-size: 0.75em;
    font-weight: bold;
    padding-top: 0.3rem;
}
.Script_DynamicUiGeneration_New .large-icon-vertical-button span.icon .fa-edit {
    margin-left: 0.2em;
}
.Script_DynamicUiGeneration_New .edit-mode-done-button {
    position: fixed;
    top: calc(50vh - 4rem);
    right: 1rem;
}
.Script_DynamicUiGeneration_New_MobileUX .column.eds-mobile-ux-header {
    position: fixed;
    top: 4rem;
    left: 0px;
    width: 100%;
    z-index: 9;
    padding: 0.5rem;
}
.Script_DynamicUiGeneration_New_MobileUX.EditingMode .column.eds-mobile-ux-header {
    top: 0px;
}
.Script_DynamicUiGeneration_New_MobileUX .column.eds-mobile-ux-header span {
    padding: 0rem 1rem;
    display: inline-block;
}
.Script_DynamicUiGeneration_New_MobileUX .column.eds-mobile-ux-header span.orderNR {
    border-right: solid 1px #fff;
}
.Script_DynamicUiGeneration_New_MobileUX .additionalTargetContainer {
    display: none!important;
}
@media screen and (max-width: 600px) {
    .Script_DynamicUiGeneration_New_MobileUX .meuiDateTimePicker+.dropdown-menu button, 
    .Script_DynamicUiGeneration_New_MobileUX .meuiDateTimePicker+[uib-datepicker-popup-wrap] .uib-datepicker-popup.dropdown-menu button, 
    .Script_DynamicUiGeneration_New_MobileUX [uib-datepicker-popup-wrap] .uib-datepicker-popup.dropdown-menu button {
    border: solid 1px #fff;
    padding: 0.7rem;
    font-size: 1rem;
    min-width: 100%;
    height: 3rem;
    border-radius: 5px;
}
}
.Script_DynamicUiGeneration_New_MobileUX .input.is-danger, 
.Script_DynamicUiGeneration_New_MobileUX .catfish-input.is-danger, 
.Script_DynamicUiGeneration_New_MobileUX .catfish-select.is-danger, 
.Script_DynamicUiGeneration_New_MobileUX .textarea.is-danger, .catfish-textarea.is-danger {
    border-color: #CF4646!important;
    background: #f9dcdc!important;
}
.megaedit-preview #addToBasketButton {
    top: 1rem;
    right: 5rem;
}

.custom-product-form .control:nth-child(2){
    flex-grow: 1;
}


/* Megaedit Editor */

.loadingScreen {
   
    & .loadingLogo{

        &::before{
            content: "";
            background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/1/ME-Logo.png");
            width: 20rem;
            height: 50%;
            position: absolute;
            top: -2rem;
            display: block;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
        }
    }

    & .loadingSpinner{
        position: relative;
        top: 5rem;
    }

    & .loadScreenStepIndicator{
        font-size: 1.5rem;
        margin-top: 2rem;
    }

    & .fa-cog{
        height: 10rem !important;
        width: 10rem !important;
    }
}

.megaedit-preview #addToBasketButton{
    display: flex;
    align-items: center;
    gap: .5rem;
}

/* Loader */
.custom-loader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #39d5d5eb;
    transition: opacity 0.95s, visibility 0.95s;
    -webkit-transition: opacity 0.95s, visibility 0.95s;
    -moz-transition: opacity 0.95s, visibility 0.95s;
    -ms-transition: opacity 0.95s, visibility 0.95s;
    -o-transition: opacity 0.95s, visibility 0.95s;
}

.loader-hidden{
    opacity: 0;
    visibility: hidden;
}


.custom-loader::after{
    content: '';
    width: 8rem;
    height: 8rem;
    border: 2px solid var(--GS-white);
    border-top-color: var(--GS-dark-purple);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation: loading 2s ease infinite;
    -webkit-animation: loading 2s ease infinite;
}


@keyframes loading {
    from{
        transform: rotate(0turn);
        -webkit-transform: rotate(0turn);
        -moz-transform: rotate(0turn);
        -ms-transform: rotate(0turn);
        -o-transform: rotate(0turn);
    }
    to{
        transform: rotate(2turn);
        -webkit-transform: rotate(2turn);
        -moz-transform: rotate(2turn);
        -ms-transform: rotate(2turn);
        -o-transform: rotate(2turn);
    }
}

.page-catalog-product .main-image-none .picture-wrapper{
    display: none;
}

.page-catalog-product .main-image-none .details-wrapper{
    width: 100%;
}

/* Pop up modal */
/* FOR U DIALOG*/
div#modal-for-u .modal-content {
    width: 90%;
    max-width: 44.5rem;
    overflow: visible;
}

div#modal-for-u .modal-content>.box button.close-button {
    position: absolute;
    font-size: 2rem;
    background: transparent;
    border: none;
    color: #fff;
    top: 1rem;
    right: 1.5rem;
    height: 2rem;
    outline: none;
}

div#modal-for-u .modal-content button.close-button {
    cursor: pointer;
}

div#modal-for-u h2.ict-title.title.is-1 {
    font-size: 3.8rem;
    font-weight: 800;
}

div#modal-for-u .subtitle {
    line-height: 1.5;
}

div#modal-for-u .ict-embed {
    display: flex;
}

div#modal-for-u .newsLetterSmallWrapper__section .formItems .catfish-input {
    margin: 0 auto !important;
    display: block;
    height: 3.5rem;
    width: 100%;
}

div#modal-for-u .newsLetterSmallWrapper__section .formItems .catfish-button {
    margin: 0 auto !important;
    display: block;
    height: 3.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
    margin-top: 1.5rem !important;
}

div#modal-for-u .newsLetterSmallBlock.catfish-container.clearfix {
    padding: 0px;
}

.code-box{
  display: inline-block;
  border: 2px dashed var(--secondary-color);
  padding: 0 2rem;
}
/* Pop Up Modal - End */